/* oswald-200 - latin */
/* @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap"); */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('/{cp:configuration:main:directory}{cp:path}css/fonts/oswald-v49-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/{cp:configuration:main:directory}{cp:path}css/fonts/oswald-v49-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/{cp:configuration:main:directory}{cp:path}css/fonts/oswald-v49-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/{cp:configuration:main:directory}{cp:path}css/fonts/oswald-v49-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/{cp:configuration:main:directory}{cp:path}css/fonts/oswald-v49-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/{cp:configuration:main:directory}{cp:path}css/fonts/oswald-v49-latin-200.svg#Oswald') format('svg'); /* Legacy iOS */  
}
/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('/{cp:configuration:main:directory}{cp:path}css/fonts/oswald-v49-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/{cp:configuration:main:directory}{cp:path}css/fonts/oswald-v49-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/{cp:configuration:main:directory}{cp:path}css/fonts/oswald-v49-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/{cp:configuration:main:directory}{cp:path}css/fonts/oswald-v49-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/{cp:configuration:main:directory}{cp:path}css/fonts/oswald-v49-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/{cp:configuration:main:directory}{cp:path}css/fonts/oswald-v49-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}
.oswald {font-family: 'Oswald', sans-serif;}

/* Links mit Pfeilen nur bei Listenansichten wie News oder Archiven etc. */
.auflistung2 .btn, .auflistung2 .pandion-dark-link, .auflistung2 .pandion-dark-to-white-link { text-shadow: none; color: #000; text-decoration: none; background: url(../images/arrow-right-solid-45-kl.svg) no-repeat right 10px; text-transform: none; padding-top: 10px; padding-right: 35px; padding-bottom: 3px; border-style: none; transition: all 0.2s ease; }
.auflistung2 .pandion-light-link { color: #fff; text-decoration: none; background: url(../images/arrow-right-solid-45white-kl.svg) no-repeat right 10px; padding-top: 10px; padding-right: 35px; padding-bottom: 3px; transition: all 0.2s ease; }
.auflistung2 .btn:hover, .auflistung2 .pandion-dark-link:hover  { color: #a5302e; text-decoration: none; background: url(../images/arrow-right-solid-45red-kl.svg) no-repeat right 0; transition: all 0.2s ease; }
.auflistung2 .pandion-light-link:hover  { color: #fff; text-decoration: none; background: url(../images/arrow-right-solid-45white-kl.svg) no-repeat right 0; transition: all 0.2s ease; }
.auflistung2 .pandion-dark-to-white-link:hover  { color: #a5302e; text-decoration: none; background: url(../images/arrow-right-solid-45white-kl.svg) no-repeat right 0px; transition: all 0.2s ease; }
/*
.zoom-image-container:hover .pandion-dark-link { color: #fff; background: url(../images/arrow-right-solid-45white-kl.svg) no-repeat right 10px;}
.zoom-image-container:hover .pandion-dark-link:hover { color: #a5302e; background: url(../images/arrow-right-solid-45red-kl.svg) no-repeat right 0px;}

.pandion-teaser-link { color: #000; text-decoration: none; background: url(../images/arrow-right-solid-45.svg) no-repeat right 10px; padding-top: 15px; padding-right: 50px; padding-bottom: 8px; transition: all 0.2s ease; }
.pandion-teaser-link:hover { color: #a5302e; text-decoration: none; background: url(../images/arrow-right-solid-45red.svg) no-repeat right 0px; transition: all 0.2s ease; }

.pandion-klein-link { text-shadow: none; color: #000; text-decoration: none; background: url(../images/arrow-right-solid-45grey-xkl.svg) no-repeat right 10px; text-transform: none; padding-top: 5px; padding-right: 25px; padding-bottom: 0px; border-style: none; transition: all 0.2s ease; }
.pandion-klein-link:hover  { color: #a5302e; text-decoration: none; background: url(../images/arrow-right-solid-45red-xkl.svg) no-repeat right 5px; transition: all 0.2s ease; }

.pandion-teaser-link-20 { color: #000; text-decoration: none; background: url(../images/arrow-right-solid-45.svg) no-repeat right 25px; padding-top: 15px; padding-right: 50px; padding-bottom: 3px; transition: all 0.2s ease; }
.pandion-teaser-link-20:hover { color: #a5302e; text-decoration: none; background: url(../images/arrow-right-solid-45red.svg) no-repeat right 15px; transition: all 0.2s ease; }
*/

/* Accordion */
  
.accordion { margin: 0 auto; border-radius: 0px; width: 100%; }
.accordion-header, .accordion-body { background: #fff; }
.accordion-header { border-radius: 0 !important; padding: 1.5em 1.5em 1.0em !important; background: #fff; color: #000; cursor: pointer; transition: all .3s; }
.accordion-header:hover { background: #dde2e3; position: relative; z-index: 5; }
.accordion-body { background: #fff; color: #000; display: none;}
.accordion-body { padding:0 }
.accordion-body__contents { padding: 1.5em 1.5em; }
.accordion-body__contents li { line-height: 2em; margin-left: 2em; padding-left: 0.5em; list-style-type: square; }
.accordion__item.active:last-child .accordion-header { border-radius: none; }
.accordion:first-child > .accordion__item > .accordion-header { border-bottom: 1px solid transparent; }
.accordion__item > .accordion-header:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 1.2em;
  float: right;
  position: relative;
  top: -2px;
  transition: .3s all;
  transform: rotate(0deg);
}

.accordion__item.active > .accordion-header:after { transform: rotate(-180deg); }
.accordion__item.active .accordion-header { background: #fff; }
.accordion__item .accordion__item .accordion-header { background: #dde2e3; color: black; }
  
.accordion input[type="radio"] { display:none; }
.accordion label { color: #000; display:block; text-align:center; min-width: 80px; margin-right: 4px; padding: 8px 10px 0px; background:#fff; cursor:pointer; transition: all .3s; float:left;}
.accordion label:hover { background:#4E565A; color: #fff; transition: all .3s; }
.accordion input[type="radio"]:checked + label  { background:#A5302E; color: #fff; }    /* Wenn nach ID unterschieden werden soll input[type="radio"][id="NAME"]:checked + label  { ... }*/
.accordion .element { width:100%; float:left; transition:all .6s; margin-bottom: 10px;}
  
.accordion input[type="radio"][id="nr1"]:checked ~ .nr2, input[type="radio"][id="nr1"]:checked ~ .nr3, input[type="radio"][id="nr1"]:checked ~ .nr4, input[type="radio"][id="nr1"]:checked ~ .nr5, input[type="radio"][id="nr1"]:checked ~ .nr6, input[type="radio"][id="nr1"]:checked ~ .nr7 { width:0; height:0; padding:0; margin:0; opacity:0; }  
.accordion input[type="radio"][id="nr2"]:checked ~ .nr1, input[type="radio"][id="nr2"]:checked ~ .nr3, input[type="radio"][id="nr2"]:checked ~ .nr4, input[type="radio"][id="nr2"]:checked ~ .nr5, input[type="radio"][id="nr2"]:checked ~ .nr6, input[type="radio"][id="nr2"]:checked ~ .nr7 { width:0; height:0; padding:0; margin:0; opacity:0; }  
.accordion input[type="radio"][id="nr3"]:checked ~ .nr2, input[type="radio"][id="nr3"]:checked ~ .nr1, input[type="radio"][id="nr3"]:checked ~ .nr4, input[type="radio"][id="nr3"]:checked ~ .nr5, input[type="radio"][id="nr3"]:checked ~ .nr6, input[type="radio"][id="nr3"]:checked ~ .nr7 { width:0; height:0; padding:0; margin:0; opacity:0; }  
.accordion input[type="radio"][id="nr4"]:checked ~ .nr2, input[type="radio"][id="nr4"]:checked ~ .nr3, input[type="radio"][id="nr4"]:checked ~ .nr1, input[type="radio"][id="nr4"]:checked ~ .nr5, input[type="radio"][id="nr4"]:checked ~ .nr6, input[type="radio"][id="nr4"]:checked ~ .nr7 { width:0; height:0; padding:0; margin:0; opacity:0; }  
.accordion input[type="radio"][id="nr5"]:checked ~ .nr2, input[type="radio"][id="nr5"]:checked ~ .nr3, input[type="radio"][id="nr5"]:checked ~ .nr4, input[type="radio"][id="nr5"]:checked ~ .nr1, input[type="radio"][id="nr5"]:checked ~ .nr6, input[type="radio"][id="nr5"]:checked ~ .nr7 { width:0; height:0; padding:0; margin:0; opacity:0; }  
.accordion input[type="radio"][id="nr6"]:checked ~ .nr2, input[type="radio"][id="nr6"]:checked ~ .nr3, input[type="radio"][id="nr6"]:checked ~ .nr4, input[type="radio"][id="nr6"]:checked ~ .nr5, input[type="radio"][id="nr6"]:checked ~ .nr1, input[type="radio"][id="nr6"]:checked ~ .nr7 { width:0; height:0; padding:0; margin:0; opacity:0; }  
.accordion input[type="radio"][id="nr7"]:checked ~ .nr2, input[type="radio"][id="nr7"]:checked ~ .nr3, input[type="radio"][id="nr7"]:checked ~ .nr4, input[type="radio"][id="nr7"]:checked ~ .nr5, input[type="radio"][id="nr7"]:checked ~ .nr6, input[type="radio"][id="nr7"]:checked ~ .nr1 { width:0; height:0; padding:0; margin:0; opacity:0; }

/* Newsletter Modul Cleverreach */
      * {box-sizing: border-box;}
      .cr-mail-responsive, .cr-mail-responsive * {box-sizing: unset;}
      .cr_body label, .cr_body .label{float:none;clear:both;display:inline-block;width:auto;margin-top:12px;text-align:left;font-weight:bold;position:relative;}
              
      .cr_ipe_item label {}
      .cr_ipe_item textarea{background: none repeat scroll 0 0 #ffffff;border-radius:0px; border: 1px dotted black;}
      .cr_ipe_item input{background: none repeat scroll 0 0 #ffffff;border-radius:0px; padding: 12px; border-top:0px; border-right:0px; border-left:0px; border-bottom: 1px dotted black; }        
      .cr_ipe_item select{background: none repeat scroll 0 0 #ffffff;border-radius:3px; border-top:0px; border-right:0px; border-left:0px; border-bottom: 1px dotted black; padding: 12px !Important;display: block;margin: 0;padding: 5px;width: 100%;}
        
.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox {
    background: transparent;
    position: relative;
    visibility: hidden;
    margin: 0;
    padding: 0;
}       
        
.forms22 input[type='checkbox']:checked + label::before, .forms22 input[type='checkbox']:not(:checked) + label::before, .forms22 input[type='radio']:checked + label::before, .forms22 input[type='radio']:not(:checked)+label::before {
    content: ' ';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    border: solid 1px #000;
    background: white;
    left: -15px;
    margin-right: -1px;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}
       
.forms22 input[type='checkbox']:hover + label::before, .forms22 input[type='radio']:hover+label::before {
    background: #ddd;
    box-shadow: inset 0 0 0 2px white;
}
        
.forms22 input[type='checkbox']:checked + label::before, .forms22 input[type='radio']:checked + label::before {
    background: #000;
    box-shadow: inset 0 0 0 2px white;
}        
        
      .cr_ipe_item input.cr_ipe_radio{-moz-appearance: radio;border-radius: 100% 100% 100% 100% !important;margin: 3px 3px 0 5px;}
      .cr_ipe_item{font-size: 1.1rem; margin: 0px 0px; padding: 0px 0px;}
      .submit_container{text-align:right}
      .cr_ipe_item.inactive{display:none;}
      .imprint{font-size:0.8em;}
      .cr_captcha{padding-left:130px;}
      .cr_error{font-size:1.1em;padding:10px;}
      .clever_form_error{background-color:#f99; color:#000; border:1px solid #f22 !important}
      .clever_form_note {margin:26px 0 0 3px;position:absolute;display:inline; padding: 2px 4px; font-weight:bold;background-color:#f2ecb5; color:#000; font-size:12px !important;  }
      .cr_form-flex{display: flex;}
      .cr_form-flex>.cr_form-inputgroup{flex-grow:1;margin-right: 5px;}
      .cr_form-flex>.cr_form-inputgroup:last-child{margin-right: 0px;}
      .cr_form-flex input{width:100%;}  
/* Newsletter Ende */

/* Timeline Start */
.timeline-container {
  display: flex;
  justify-content: center;
}
.timeline-container .vertical-scrollable-timeline {
  list-style-type: none;
  position: relative;
}
.timeline-container .vertical-scrollable-timeline .list-progress {
  width: 8px;
  height: 100%;
  background-color: #717F88;
  position: absolute;
  left: 80px;
  top: 0;
  overflow: hidden;
}
.timeline-container .vertical-scrollable-timeline .list-progress .inner {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  background-color: #ECF1F4;
  width: 100%;
}
.timeline-container .vertical-scrollable-timeline li {
  position: relative;
  padding: 20px 0px 50px 160px;
}
.timeline-container .vertical-scrollable-timeline li .icon-holder {
  position: absolute;
  left: 0;
  top: 0;
  width: 104px;
  height: 104px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ECF1F4;
  border-radius: 0%;
  z-index: 1;
  transition: 0.4s all;
}
.timeline-container .vertical-scrollable-timeline li .icon-holder::before {
  content: "";
  width: 80px;
  height: 80px;
  border: 0px solid #fff;
  position: absolute;
  background-color: #E0E7EC;
  border-radius: 0%;
  z-index: -1;
  transition: 0.4s all;
}
.timeline-container .vertical-scrollable-timeline li .icon-holder i {
  font-size: 25px;
  color: #fff;
}
.timeline-container .vertical-scrollable-timeline li::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 8px;
  background-color: transparent;
  left: 48px;
  z-index: 0;
}
.timeline-container .vertical-scrollable-timeline li:last-child::before {
  width: 58px;
  left: 0px;
  background-color: #fff;
}
.timeline-container .vertical-scrollable-timeline li.active .icon-holder {
  background-color: #717F88;
}
.timeline-container .vertical-scrollable-timeline li.active .icon-holder::before {
  background-color: #4E5A62;
}
/* Timeline Ende */

.image-frame.image-frame-style-1 .image-frame-wrapper.image-frame-wrapper-overlay-bottom.image-frame-wrapper-overlay-bottom-show:after {
    opacity: 0.6;
    transform: translate3d(0, 0, 0);
}

/* Scroll Pfeil oben */
.scroll-down {
  position: absolute;
  bottom: 2.5rem;
  left: -50px;
  display: block;
  text-align: center;
  z-index: 100;
  text-decoration: none;
  text-shadow: 0;
  width: 30px;
  height: 30px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  z-index: 9;
  -webkit-transform: translate(-50%, 0%) rotate(45deg);
  -moz-transform: translate(-50%, 0%) rotate(45deg);
  transform: translate(-50%, 0%) rotate(45deg);
  -webkit-animation: fade_move_down 4s ease-in-out infinite;
  -moz-animation:    fade_move_down 4s ease-in-out infinite;
  animation:         fade_move_down 4s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,10px) rotate(45deg); opacity: 0; }
}

/* 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 */
.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: 1320px; }}

/* 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: #4E565A  !important;}
.custom-btn:after { background-color: #867B74 !important;}
.custom-btn:hover:after { left: 0; width: 100%; color: #fff !important; }  
.custom-btn-active { background-color: #4E565A  !important; color: #fff !important;}
.custom-btn-active .arrow::after, .custom-btn-active .arrow .arrow::after { border-color: #4E565A !important; }
.custom-btn-active .arrow::before, .custom-btn-active .arrow .arrow::before { background-color: #4E565A !important; height: 60px !important;}
.custom-btn, .custom-btn:focus {
	border-color: #4E565A;
	color: #fff;
	background-color: #4E565A;
}
.custom-btn:hover {
	border-color: #4E565A;
	background-color: #fff !important;;
	color: #4E565A;
}

.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: #4E565A; transition: all 0.6s ease;}
.arrow::before, .arrow .arrow::before { background-color: #fff; }
.btn:hover .arrow::before, .btn:hover .arrow .arrow::before { background-color: #4E565A; 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 {
    width: 720px;
    margin-right: calc((100% - 720px) / 2) !important;
    margin-left: calc((100% - 720px) / 2) !important;
  }
  .container-left {
    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; */
    width: 960px;
    margin-right: 0 !important;
    margin-left: calc((100% - 960px) / 2) !important;
  }
  .container-left {
    /* max-width: calc(((100% - 960px) / 2) + 960px) !important; */
    width: 960px;
    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; */
    width: 1140px;
    margin-right: 0 !important;
    margin-left: calc((100% - 1140px) / 2) !important;
  }
  .container-left {
    /* max-width: calc(((100% - 1140px) / 2) + 1140px) !important; */
    width: 1140px;
    margin-left: 0 !important;
    margin-right: calc((100% - 1140px) / 2) !important;
  }
}
@media (min-width:1400px) {
  .container-right {
    /* max-width: calc(((100% - 1320px) / 2) + 1320px) !important; */
    width: 1320px;
    margin-right: 0 !important;
    margin-left: calc((100% - 1320px) / 2) !important;
  }
  .container-left {
    /* max-width: calc(((100% - 1320px) / 2) + 1320px) !important; */
    width: 1320px;
    margin-left: 0 !important;
    margin-right: calc((100% - 1320px) / 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: #fff !important; }
.custom-btn-active { background-color: #4E565A !important; }
.btn-light, html.sticky-header-active .btn-sticky-light { border-color: #4E565A; }
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: #4E565A; background-color: #4E565A; }

html .btn-primary { border-color: #4E565A #4E565A #4E565A; background-color: #5C6C75; }
.btn-dark.btn-outline {
    background: #fff;
    border-color: #FFF;
    color: #5C6C75; }
.btn-dark.btn-outline:hover { border-color: #FFF; background-color: #4E565A; color: #FFF; }

/*
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; }
*/