/* Background Video auch für Safari */
		/* .demo-video-wrapper { background-image: url(/{cp:configuration:main:directory}{cp:path}images/spacer.png); } */
		/* Video overlay and content */
		/*.video-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none;  background: url("") left top repeat; opacity: 0.3; } */
		.video-hero--content { position: relative; text-align: center; color: #FFF; margin: 150px 0; text-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
		.video-hero--content h2 { font-size: 34px; margin: 0 0 10px; }
		.video-hero--content p { font-size: 20px; margin: 0; }
		/* CSS from jQuery Background Video plugin * Set default positioning as a fallback for if the plugin fails */
		.jquery-background-video-wrapper { position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }
		.jquery-background-video { position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; -o-object-fit: contain; object-fit: contain; transform: translate(-50%, -50%); }
		/* Fade in videos * Note the .js class - so non js users still * see the video */
		.js .jquery-background-video { opacity: 0; transition: opacity 300ms linear; }
		.js .jquery-background-video.is-visible { opacity: 1; }
		/* Pause/play button * ".jquery-background-video-pauseplay { display: none;" Eingebaut, demnach nicht sichtbar */
		/* .jquery-background-video-pauseplay { position: absolute; background: transparent; border: none; box-shadow: none; width: 20px; height: 20px; top: 15px; right: 15px; padding: 0; cursor: pointer; outline: none !important; } */
		.jquery-background-video-pauseplay { display: none; }
		.jquery-background-video-pauseplay span { display: none; }
		.jquery-background-video-pauseplay:after, .jquery-background-video-pauseplay:before { content: ""; position: absolute; left: 0; top: 0; transition: all 0.3s ease; }
		.jquery-background-video-pauseplay.play:before { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #FFF; }
		.jquery-background-video-pauseplay.pause:before, .jquery-background-video-pauseplay.pause:after { border-top: 10px solid #FFF; border-bottom: 10px solid #FFF; border-left: 5px solid #FFF; }
		.jquery-background-video-pauseplay.pause:after { left: 10px; }
		
/* Diverses */
.custom-btn:after { background-color: #867B74 !important;}
.bg-form { background-color: #F6F4F3 !important; }

/* Images */
.lupe {cursor: url(img/lupe.svg), auto;}
.lupe-dark {cursor: url(img/lupe-dark.svg), auto;}
.lupe-light {cursor: url(img/lupe-light.svg), auto;}
.lupe-bicolor {cursor: url(img/lupe-bicolor.svg), auto;}

/* Container bei kleinem Bildschirm auf 100% */
@media (min-width: 576px) and (max-width:768px) {.container, .container-sm { max-width: 100% }}
@media (min-width: 1400px) {.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1140px; }}

/* Schriften Linien */
.line-h1 {width: 45px; height: 6px;}
.line-h2 {width: 35px; height: 4px;}
.line-p {width: 20px; height: 1.8px;}

/* CTA Cards */
.cardcta {
  margin-bottom: 1px;
  padding-bottom: 10px;
  text-decoration: none;
  text-align: left !important;
  white-space: normal !important;
}
.cardcta .card-summary { position: relative; padding: 15px 15px 20px 15px;}
.cardcta:hover .card-summary, .cardcta:hover .card-summary-info, .cardcta .aktiviert .card-summary, .cardcta .aktiviert .card-summary-info { color:#fff !important; }

@media (max-width:576px) {
.cardcta .card-summary { max-height: 30px; height: 30px; padding: 5px 5px 10px 5px; }
.cardcta .card-summary-info { visibility: hidden; display: none !important;}
}
@media (min-width:576px) and (max-width:768px) {
.cardcta .card-summary { min-height: 180px; }
}
@media (min-width:768px) and (max-width:992px) {
.cardcta .card-summary  { min-height: 165px; }
}
@media (min-width:992px) {
.cardcta .card-summary  { min-height: 120px; }
} 
.cardcta .card-summary .arrow {
  right: 0;
  position: absolute;
  bottom: 0; 
  }

/* Button Arrow and CUSTOM */
.custom-btn { transition: all 0.3s ease; z-index: 1; position: relative;}
.custom-btn:after { position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; transition: all 0.4s ease;  color: #fff  !important;}
.custom-btn:hover:after { left: 0; width: 100%; color: #fff !important; }  
.custom-btn-active { background-color: #867B74  !important; color: #fff !important;}
.custom-btn-active .arrow::after, .custom-btn-active .arrow .arrow::after { border-color: #fff !important; }
.custom-btn-active .arrow::before, .custom-btn-active .arrow .arrow::before { background-color: #fff !important; height: 60px !important;}

.arrow {
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 60px;
  margin-right: 15px;
  display: inline-block;
  height: 11px;
  width: 10.5px;
}
.arrow::after {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
  content: "";
  display: inline-block;
  height: 10px;
  left: 0;
  position: absolute;
  bottom: 0;
  width: 10px;
}
.arrow.arrow-bar::before {
  bottom: 0.5px;
  content: "";
  height: 20px;
  position: absolute;
  right: 0;
  transform-origin: bottom;
  width: 1px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);  
  transition: height 0.5s;
}
.arrow.is-right { -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(315deg); }
.arrow::after, .arrow .arrow::after { border-color: #fff; }
.btn:hover .arrow::after, .btn:hover .arrow .arrow::after { border-color: #fff; transition: all 0.6s ease;}
.arrow::before, .arrow .arrow::before { background-color: #fff; }
.btn:hover .arrow::before, .btn:hover .arrow .arrow::before { background-color: #fff; transition: all 0.6s ease;}
.btn:hover .arrow.arrow-bar::before, .btn:hover .arrow-bar::before  { height: 60px; transition: all 0.6s ease;}
.arrow-cta {right: 0; position: absolute;}

/* Container Versatz */
.container-right, .container-left {padding-right: .75rem; padding-left: .75rem; }   

@media (min-width:768px) {
  .container-right {
    max-width: 720px;
    margin-right: calc((100% - 720px) / 2) !important;
    margin-left: calc((100% - 720px) / 2) !important;
  }
  .container-left {
    max-width: 720px;
    margin-left: calc((100% - 720px) / 2) !important;
    margin-right: calc((100% - 720px) / 2) !important;
  }
}
@media (min-width:992px) {
  .container-right {
    max-width: calc(((100% - 960px) / 2) + 960px) !important;
    margin-right: 0 !important;
    margin-left: calc((100% - 960px) / 2) !important;
  }
  .container-left {
    max-width: calc(((100% - 960px) / 2) + 960px) !important;
    margin-left: 0 !important;
    margin-right: calc((100% - 960px) / 2) !important;
  }
}
@media (min-width:1200px) {
  .container-right {
    max-width: calc(((100% - 1140px) / 2) + 1140px) !important;
    margin-right: 0 !important;
    margin-left: calc((100% - 1140px) / 2) !important;
  }
  .container-left {
    max-width: calc(((100% - 1140px) / 2) + 1140px) !important;
    margin-left: 0 !important;
    margin-right: calc((100% - 1140px) / 2) !important;
  }
}
@media (min-width:1400px) {
  .container-right {
    max-width: calc(((100% - 1140px) / 2) + 1140px) !important;
    margin-right: 0 !important;
    margin-left: calc((100% - 1140px) / 2) !important;
  }
  .container-left {
    max-width: calc(((100% - 1140px) / 2) + 1140px) !important;
    margin-left: 0 !important;
    margin-right: calc((100% - 1140px) / 2) !important;
  }
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0px 0px 0px 0rem rgba(0,123,255,0);
}

/* Aufzählung */
.list li:before {
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  float: left;
  margin-left: -1.5em;
  font-weight: bold;
}

/* Störer ind der oberen Navigation (Video)*/
.stoerer { background-color: #5fc4e1; text-align: center; z-index: 8; white-space: nowrap; padding: letter-spacing: 1px; -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5) !important; -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5) !important; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5) !important;}
.stoerer:hover { background-color: #2a363b;}
@media (max-width: 600px){	
	.stoerer { border-radius: 3px !important; padding: 10px !important; width: 130px !important; height: 110px !important; }
}
@media (min-width: 600px){	
	.stoerer { border-radius: 3px !important; padding: 20px !important; width: 150px !important; height: 130px !important; }
}

/* Kontakt button rechte Seite */
.contact_button {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    margin-right: 3px;
    margin-bottom: 50px;
    border-radius: 0;
    position: fixed;
    right: 0px;
    bottom: 0;
    z-index: 99;
    cursor: pointer;
    transform: translate3d(0px, 0px, 0px);
    background-color: #4E565A;
    color: #fff !important;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
    font-size: 22px;
    padding-top: 9px;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5) !important; -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5) !important; box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5) !important;
}

/* Mietflächen Bereich Bilder der Etagen werden gezoomt bei rollover */							
.etage {cursor: pointer; width: 100%; transition: transform .5s ease; margin: 0 auto;}
.etage:hover {  -ms-transform: scale(1.2); /* IE 9 */ -webkit-transform: scale(1.2); /* Safari 3-8 */ transform: scale(1.2);}

/* Formulare Fehlermeldung bei Pflichtfeldern */
.inputerror:focus, .inputerror {
    background-color: #fff;
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #d59392;
}

/* Icon Korrektur für Formulare */
.j-row .fa {padding-top: 10px}

/* Formular Sicherung, Achtung "roboter-positiv" funktioniert nicht, bildschirm Breite wird dadurch vergrößert und mann kann scrollen */
.roboter-negativ {width: 0px; height: 0px; position: absolute; border:none; background:none; margin:0; top:0px; left:-9000px; font-size:0px; line-height:0px; }
.roboter-positiv {width: 0px; height: 0px; position: absolute; border:none; background:none; margin:0; top:0px; left:9000px; font-size:0px; line-height:0px; }

/* Tabellen Abstand */
.table td, .table th { padding: .3rem !important; padding-left: .6rem !important; padding-right: .6rem !important}

/* PANDION GRAU für CTA */
.custom-btn:after { background-color: #4E5A62 !important; }
.custom-btn-active { background-color: #4E5A62 !important; }
.btn-light, html.sticky-header-active .btn-sticky-light { border-color: #4E5A62; }

html .btn-primary:hover, html.sticky-header-active .btn-sticky-primary:hover, html .btn-primary:focus, html.sticky-header-active .btn-sticky-primary:focus  { border-color: #4E5A62; background-color: #4E5A62; }
.btn-dark.btn-outline:hover { border-color: #4E5A62; background-color: #4E5A62; }
html .btn-primary { border-color: #4E5A62 #4E5A62 #4E5A62; background-color: #A5302E; }

/*
html .blockquote.blockquote-style-2.blockquote-primary { border-left-color: #CFD7DC !important; }
html .bg-primary:not(.no-skin) { background-color: #CFD7DC !important; }
html .bg-tertiary:not(.no-skin) { background-color: #D9DFE3 !important; }
html .bg-secondary:not(.no-skin), html .text-color-secondary:not(.no-skin), html .text-secondary:not(.no-skin) { color: #AFB9C0 !important; }
.nav-tabs { border-bottom: 1px solid #AFB9C0; }
.nav > .nav-item > .nav-link.active, .nav > .nav-item > .nav-link:hover, .nav > .nav-item > .nav-link:focus, .nav > .nav-item > .nav-link:active { color: #AFB9C0; }
html .bg-secondary:not(.no-skin) { background-color: #AFB9C0 !important; }
html .nav-tabs .nav-item .nav-link:after { background-color: #AFB9C0; }
*/