/* ########## Farbwerte für WOBAG-CI Beginn ########## 
Lindgrün: #95c11f
Lindgrün:hover: #82ac11
dunkelgrün: #006533
dunkelgrün:hover: #03582e
hellgrün: #eaf3d5
grau: #efefef
dunkelgrau: #9e9e9e
orange: #FF8000
########### Farbwerte für WOBAG-CI Ende ########### */
/* ########## Farbwerte für SAWI-CI Beginn ########## 
Lindgrün: #c79292   #0085CB
Lindgrün:hover: #82ac11   #017da6
dunkelgrün: #a05151
dunkelgrün:hover: #03582e
hellgrün: #eaf3d5
grau: #efefef
dunkelgrau: #9e9e9e
orange: #FF8000

Blau: #0085CB
Blau:hover: #017da6
Anthrazit: #333333
Grau: #858585
Altweiss: #F3F3F3

########### Farbwerte für SAWI-CI Ende ########### */

body {
	font-family: 'Rotation';
  	font-size:18px;
  	line-height:1.3;
  	letter-spacing: -0.3px;
  	color:#333;
  	-webkit-font-smoothing: antialiased !important;
  	-moz-osx-font-smoothing: grayscale !important;
}
#designbody {
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
  font-size:14px;
  font-weight:normal!important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
H1, H2 {margin-bottom:1.5rem;}
H1, H2, H3, H4 {font-family:'Chromoxome';font-weight: bold;text-transform:uppercase;letter-spacing: 0.02rem; word-break: break-word;}
H5, H6 {font-family:'Chromoxome';font-weight: bold; word-break: break-word;}

H1.invers,h2.invers,h3.invers,h4.invers,h5.invers,h6.invers {color:#fff;}
H1 {color:#0085CB; font-size: 34px;}
H2 {font-size: 28px;font-weight: bold;}
H3 {color: #334D5F;font-size: 24px;font-weight: bold;line-height:1;}
H4 {color:#0085CB; font-size: 16px;font-weight: bold;}
H5 {color:#112311; font-size: 16px; font-weight: bold;}
H6 {color:#FF8000; font-size: 16px;}
header h1 {margin-bottom: 0.1rem;}
header h3 {font-family: 'Rotation'; margin-bottom: 0.5rem; font-size: 14px; font-weight: 600; text-transform: none;}
header h1+h3 {margin-bottom: 1.5rem;}
.container.sliderTeaser .CiColor h2,.bgTeaser.CiColor .headBox i.fa:before {color: #0085CB;}

.bgTeaser.CiColor h2 {color: #0085CB;}

p {word-wrap:break-word;}
a {color:#0085CB; word-wrap:break-word;}
a:hover {color:#096671;}
.makeRelative {position:relative;}
.btn-grey {background-color: #9e9e9e; color: #fff;}
.btn-grey:hover {background-color: #848484; color: #fff;}
.btn {    border-radius: 0;}
a.btn {
  font-family: 'Chromoxome';
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.02rem;
  padding-right: 14px!Important;
  text-align: end;
  display: inline-block;
  border-width: 4px; 
}

footer a {color:#fff39a;}
div#map {min-height:500px;}

/*.container{padding-top: 40px;}*/
#navContainer.stickyTopNav {position: fixed; z-index: 1; width: 100%; border-bottom: 0 solid #fff;}
#navContainer{padding-top:0;}
#navContainer .container, #footContainerBottom .container{padding-top:0;}
#navContainer #boxTopSearch {border:4px solid #ccc; border-top:none; z-index:10;}

.website-wrapper {max-width: 1440px;min-height: 100%;overflow: hidden;margin: 0 auto;}
.delM15 {margin-left: -15px; margin-right: -15px;}
.borderTransparent {border-color: transparent;}

.btn.btn-xs {padding: 0 3px; font-size: 0.7rem; border-radius: 3px;}
.btn-ciColor {color: #fff; background-color: #0085CB; border-color: #0085CB;}
.btn-anthrazit {color: #fff; background-color: #333; border-color: #333;}
.btn-monochrome {color: #0085CB; background-color: #fff; border: 4px solid #333;}
.btn-ciColorInvers {color: #0085CB; background-color: #fff; border-color: #0085CB;}
.btn-orange {color: #FF8000; background-color: #fff; border-color: #FF8000;}
.btn-dunkelgrün {color: #a05151; background-color: #fff; border-color: #a05151;}
.btn-dunkelgrünInvers {color: #fff; background-color: #a05151; border-color: #a05151;}
.btn-grau {color: #fff; background-color: #9e9e9e; border-color: #9e9e9e;}
a.btn-ciColor:hover {color: #fafafa!Important; background-color: #017da6;}
a.btn-anthrazit {color: #fafafa!Important; background-color: #333;}
a.btn-anthrazit:hover {color: #fafafa!Important; background-color: #333;}
a.btn-monochrome:hover {color: #017da6; background-color: #fafafa;}
a.btn-ciColorInvers:hover {color: #017da6!Important; background-color: #fafafa;}
a.btn-dunkelgrün:hover {color: #03582e!Important; background-color: #fafafa;}
a.btn-dunkelgrünInvers:hover {color: #fafafa!Important; background-color: #03582e;}
a.btn-grau:hover {color: #fff!Important; background-color: #8f8f8f;}
a.greenItemButton:hover {color: #03582e!Important; background-color: #017da6!Important;}
.contbtn {
  width: 15px;
  height: 15px;
  border-radius: 2px;
  font-size: 10px;
  display: inline-block;
  text-align: center;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.contbtn i {position: absolute; top: 3px; right: 3px;}
.contbtn-ciColor,.contbtn-ciColor:hover {color: #fff; background-color: #0085CB;}
.contbtn-dunkelgrün,.contbtn-dunkelgrün:hover {color: #fff; background-color: #a05151;}
.contbtn-hellgrün,.contbtn-hellgrün:hover {color: #212529; background-color: #eaf3d5;}
.contbtn-grau,.contbtn-grau:hover {color: #212529; background-color: #efefef;}
.contbtn-dunkelgrau,.contbtn-dunkelgrau:hover {color: #fff; background-color: #9e9e9e;}
.contbtn-orange,.contbtn-orange:hover {color: #fff; background-color: #FF8000;}

.zweiSpaltig {
	width: 100%;
  column-width:300px;
  column-gap: 30px;
  column-rule-color: #eee;
  column-rule-width: 2px;
  column-rule-style: solid;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.itemDescription .zweiSpaltig {
  column-width:280px;
}

#navContainer {background-color:#fff}
#navContainer .container {display:flex;}
#navContainer .navbar {padding: .5rem 1rem 0 0;}
#navContainer #navbarBox form {align-items: baseline!Important;}
#navContainer .navbar li {text-transform: uppercase;font-family:'Chromoxome';font-weight: bold;border-right: 0px solid #fff;padding: 0 13px;}
#navContainer .navbar li:first-child {padding-left: 0;}
#navContainer .navbar li a {padding: 0;outline: none;}
#navContainer #logoBoxTop {background-color: #fff;margin-bottom: 20px;padding: 15px 20px;border-radius: 0 0 10px 10px; border: 2px solid #0085CB; border-top:0;}
#navContainer #naviBox {width: 100%;}
#navContainer #naviBox>.row {align-items: flex-end;}
#navContainer #serviceNaviTop {display:flex; align-items: flex-end; font-size: 1.1rem; color:#000;}
#navContainer #wellenBox {display:none; width:100%;}
#navContainer #wellenBox img {width:100%;}
#navContainer #navbarBox {display: flex; justify-content: space-between; width: 100%; border-top: 4px solid #ccc;}
#navContainer a {color: #000;}
#navContainer .dropdown-menu a {color: #000;font-family: 'Rotation';font-weight: 400;padding: 7px 20px!important;font-size: 18px;text-transform: none;}
#navContainer a.nav-link.active {color: #0085CB;}
#navContainer a.navLevel2.active,#navContainer a.navLevel2:active {background-color: #0085CB; color: #fafafa;}
#navContainer .dropdown-toggle::after {content: none;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #e0e0e0;}

#navContainer #logoBoxTop img {border-radius: 0 0 5px 5px!Important; border-color:#fff!Important;}

.navbar #navcol-1 {align-items: baseline;}
#navIconLogo {width:18px;margin-right:10px;}

#boxLogo-sm a>img {width:60px; margin-left:20px;}
#boxNavi-sm {background-color: #333; align-items: center; position:unset;}
#boxNavi-sm button i.fa {font-size:2.3rem;}
#boxNavi-sm #navcol-1-sm {
  position: absolute;
  background-color: #333;
  width: 105%;
  left: 0;
  z-index: 1;
  top: 93px;
}
#boxNavi-sm .navbar-expand-lg {position:unset;}
#boxNavi-sm #navcol-1-sm>ul>li>a {color:#f3f3f3; padding-left: 30px;}
#boxTopsearch-sm {padding-right: 0;}
#boxTopsearch-sm form {width:100%; border: 4px solid #333;}
#boxTopsearch-sm form #boxTopSearchField-sm {width:100%;}
#boxTopsearch-sm form input {border:none; height:auto;}
#boxTopsearch-sm form button i {line-height: unset; font-size:1.3rem; color:#333;}
#boxServicenavi-sm {font-size:1.2rem; align-items: center;}

#footContainerMiddelInner {
  /*background-image: url(/static/sawi/assets/img/logografik.svg);*/
  background-repeat: no-repeat;
  background-position-y: 80%;
  background-position-x: right;
  width: 100%;
  height: 100%;
}
#wellenBox img#vodafoneGraphic {width:100px; border-radius: 3px; position: absolute; right: 110px; bottom:8px;}
#footContainerMiddelInner img#vodafoneGraphic {width:100px; border-radius: 3px; position: absolute; left: 90px; top:42px;}
#footContainerMiddelInner img#longGraphic {width: 100%; display: grid;}
#footContainerMiddelInner #spaceOverLongGraphic {width:100%; height:48px; overflow:hidden;}
#footContainerMiddelInner #spaceunderLongGraphic {width:100%; height:10px; overflow:hidden;}
  
#navContainer #searchfield {
  background-color: #fff;
  padding: 14px 10px;
  border: none;
  font-size: 1.1rem;
  z-index: -1;
}
#navContainer #searchFormTop-lg button {
  height: 32px;
  background-color: #fff;
  margin-bottom: 0!Important;
  border: none;
  border-left: 0;
  z-index: -1;
}
#navContainer #searchFormTop-lg button i.fa {top: 4px; position: relative; left: 4px; color: #333;}
#navContainer #searchFormTop-lg button i.fa:before {font-size:20px;}

#navContainer a.linkWebsearch i.fa {margin-left: 14px;}
.searchStar{color:rgb(237,131,54);}

#footContainerTop	{background-color: #858585; color:#F3F3F3;}  
#footerImg  {width: 250px;}   
#FooterTopLeft, #FooterTopCenter, #FooterTopRight	{padding:25px;}
#FooterwellenBox	{padding-left: 25px;padding-top: 20px;width: 100%;display: block;}
#footContainerMiddel	{background-color:#a05151;flex-wrap: wrap;align-content: start;}
/*#footContainerMiddelInner	{display: flex;}*/
#FooterMiddelLeft  {margin-top: -50px;}
#footContainerBottom 	{background-color:#333;color:#F3F3F3;}
#footContainerBottom a 	{color:#F3F3F3;}

#toTop {
    background-color: #333;
    border-radius: 4px 0 0 4px;
    color: #FFF;
    position: fixed;
    height: 35px;
    width: 48px;
    right: 0;
    bottom: 0;
    text-align: center;
    text-transform: uppercase;
    opacity: 0.9;
    padding-top: 7px;
    text-decoration: none;
    display: none;
    z-index: 1000;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid #fff;
    border-right: 0;
}
#toTop:hover {background-color: #a05151;}
/*
#toTop:before {
    font-family: "Font Awesome 5 Free";
    content: "\f077";
}
*/
.newsDateBox {font-family:'Chromoxome';font-weight: bold;}
.newsDateBox .dateRowTop {color:#fff; font-size: 40px; text-align: center; background-color: #0085CB; border-radius:10px 10px 0 0;margin-bottom: -10px;}
.newsDateBox .dateRowMiddle {color:#fff; font-size: 26px; text-align: center; background-color: #99A6AF;margin-bottom: -3px;}
.newsDateBox .dateRowBottom {color:#000; font-size: 19px; text-align: center; background-color: rgb(227,227,227); border-radius: 0 0 10px 10px;padding-top: 3px;}

.aktuellmehr {color:#fff; font-size: 20px; text-align: center; background-color: #a05151;}
.aktuellmehr_icon {padding-left:5px; }
.linkbButtonText {color:#fff; text-align: center; background-color: #a05151;}
.linkbButtonText:hover {color:#eee; text-align: center; background-color: #008872;}
.linkButtonIcon {padding-left:5px; }

ul#serviceNaviFooter { margin:10px 0;}
ul#serviceNaviFooter+div {clear:both;}

.carousel-control-next, .carousel-control-prev {width:7%;}
.carousel-item .sliderItemCaption {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);;
  color:#fff;
}
.carousel-item .sliderItemCaption a {color:#fff39a;}
.carousel-item .sliderItemCaption.left {left:unset;}
/*.carousel-item .sliderItemCaption.right {right:5%;}*/
.carousel-item .sliderItemCaption h2 {margin-bottom: .5rem; color: #fff;}
.carousel-item .sliderItemCaption p {margin-bottom:0;}

.contentTeaser.onSlider,.contentTeaser.outSlider {position: absolute; top: -130px;}
#pushContentDown {clear:both; width:100%; height:150px;}

.accordion .card {border-radius: 0;}
.accordion h3 button {font-size: 20px;}
.accordion .card-header {padding: 5px;}
.accordion .card:first-of-type {border-bottom: 1px solid #ccc;}

.companyDetails p{margin:0;}

/* ########## Teaser ########## */
.bgTeaser {font-size: 16px; background-color:#fff; border: 4px solid #ccc; border-radius: 0; background-size: cover; background-repeat:no-repeat; background-position: center;}
#content .bgTeaser {font-size: 18px;}
div.bgTeaser.bildTeaser {border:none;}
.bgTeaserLight {font-size: 15px; background-color:#fff; border: 2px solid #858585; border-radius: 0; background-size: cover; background-repeat:no-repeat; background-position: center;}
.bgTeaser.d-flex {justify-content: flex-start;}
.bgTeaser i.fa:before {background-color: red; padding: 5px;}
.bgTeaser .contbtn i.fa:before {background-color: unset; padding: 0px;}
.bgTeaser i.fa.lgn:before {color:#fff; background-color: #0085CB;}
.bgTeaser i.fa.dgn:before {color:#fff; background-color: #a05151;}
.bgTeaser i.fa.gr:before {color:#fff; background-color: #999;}
.bgTeaser i.fa.or:before {color:#fff; background-color: #ff8000;}
.bgTeaser i.fa.rt:before {color:#fff; background-color: #cc0000;}
.bgTeaser .d-flex {margin: 20px 15px 17px 15px;}
.bgTeaser .teaserText p {margin-bottom: 2rem;}
.bgTeaser .teaserIconBox {margin-right: 12px;}
.bgTeaserInvers {
  background-color: #0085CB;
  border-radius: 0;
  border: 4px solid #333;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 14px;
}
.bgTeaserAnthrazit {
  background-color: #333;
  border: 4px solid #333;
  border-radius: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 14px;
}
.bgTeaser.ciColor {background-color:#fff; border: 4px solid #ccc; border-radius: 0; background-size: cover; background-repeat:no-repeat; background-position: center;}
.bgTeaser.Anthrazit {background-color:#333; border: 4px solid #333; border-radius: 0; background-size: cover; background-repeat:no-repeat; background-position: center;}
.bgTeaser.ciColorInvers {background-color:#0085CB; border: 4px solid #333; border-radius: 0; background-size: cover; background-repeat:no-repeat; background-position: center;}
.bgTeaser.ciColorInvers .teaserText,.bgTeaser.Anthrazit .teaserText,.bgTeaser.Dunkelgrün .teaserText {color:#fff;}
.bgTeaser.Dunkelgrün {background-color:#a05151; border: 2px solid #a05151; border-radius: 0; background-size: cover; background-repeat:no-repeat; background-position: center;}
.bgTeaser.Orange {background-color:#FF8000; border: 2px solid #FF8000; border-radius: 0; background-size: cover; background-repeat:no-repeat; background-position: center;}
.bgTeaser.Orange h2,.bgTeaser.Dunkelgrün h2,.bgTeaser.ciColorInvers h2,.bgTeaser.Anthrazit h2,.bgTeaser.Anthrazit h3,
.bgTeaser.Orange h3,.bgTeaser.Dunkelgrün h3,.bgTeaser.ciColorInvers h3,.bgTeaser.Anthrazit .headBox i.fa:before,
.bgTeaser.Orange h4,.bgTeaser.Dunkelgrün h4,.bgTeaser.ciColorInvers h4,
.bgTeaser.ciColorInvers .headBox i.fa:before
{color:#fff;}
.bgTeaser h2 {margin-bottom:0.5rem; font-size:24px; line-height:1.1;}
.bgTeaser h4 {font-size:20px; line-height:1.1; color:#333;}
.bgTeaserInvers h4 {font-size:20px; line-height:1.1;}
.bgTeaserAnthrazit h4 {font-size:20px; line-height:1.1;}
.bgTeaserLight h4 {font-size:20px; line-height:1.1; color:#fff; background-color: #858585; margin: -16px; margin-bottom: 10px; padding: 12px 15px;}
.bgTeaserLight p {margin-bottom: 0;}
.teaserHolder {justify-content: space-between;}
#teaser .btn {width: 65%; position: absolute; right: 0; padding: 0.5rem 0.5rem 0.2rem 0.5rem; bottom: -27px;}
#teaser .btn.hasRand {right: -4px;}
.contentTeaser .bgTeaser .teaserText,
.contentTeaser .bgTeaserInvers .teaserText
{
  top: 0;
  left: 0;
  padding:18px !important;
}
.contentTeaser .bgTeaser {margin-bottom:40px;}
.contentTeaser .btn {width: 55%; position: absolute; right: 0; padding: 0.5rem 0.5rem 0.2rem 0.5rem; bottom: -1.5rem;}
.contentTeaser .btn.hasRand {right: -4px;}

.bgTeaser.ciColor a {color:#0085CB;}
.bgTeaser.Anthrazit a,.bgTeaser.ciColorInvers a
{color:#fff39a;}
.bgTeaser.ciColorInvers a.btn {color:#0085CB;}
.bgTeaser a.contbtn {color:#fff;}
.bgTeaser.Orange p a {color:#fff39a;}
.bgTeaser.Dunkelgrün p a {color:#fff39a;}
.bgTeaser a.btn-ciColor {color:#fafafa;}
.bgTeaser a.btn-ciColorInvers {color:#0085CB;}
.bgTeaser a.btn-anthrazit {color:#fafafa;}

/*#teaser img {width:100%; height:100%;}*/

div.mapClass {height:400px;}
/*div.leaflet-popup.start {bottom: 27px!Important;}*/
div.leaflet-popup-content p {margin:0;}

.bgTeaser .headBox {display: flex;}
.bgTeaser .headBox i.fa {height: 30px; margin-right: 5px; margin-left: -5px;}
.bgTeaser .headBox i.fa:before {font-size: 20px; background-color: transparent;}

div.ap span.apName {color: #0085CB; text-transform: uppercase; font-size: 14px!Important; font-family: 'Open Sans Condensed', sans-serif; font-weight: 600;}
div.ap span.apFunction {font-size:14px; font-family: 'Open Sans Condensed', sans-serif; font-weight:600;}
div.ap span.apFon {font-size:14px;}
div.ap span.apMail {font-size:16px; color:;}
div.ap span.apMail a {color:#0085CB;}

div.ap .apItem.withPic:nth-last-of-type(1) {margin-bottom: 1px!Important;}
div.ap .apItem img,div.ap .apSolo img {border-radius: 0;}

form .documentRow label span {font-style: italic;}
.custom-file-label::after {
  content: "Suchen";
}
.sortSelectForm .custom-select {
  background-color: #9e9e9e;
  color:#fff;
  /*background-image: url(/static/wobag2019/assets/img/dropdown-symbol1-ws.svg);*/
	font-size: 15px;
  font-style: italic;
  padding: 0 40px 0 15px;
  width: auto;
}

.newsItem ul li {font-style: italic;}

li.pdfDownload {list-style-type: none;}
li.pdfDownload a:before {
  content: url(/static/wobag2019/assets/img/icon_pdf.png);
  position: relative;
  top: 3px;
  right: 5px;
}

form#reparaturForm textarea {height:200px;}

form#firmSearch select {width:100%;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 30px;*/
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ########## Styling für optimierte Galerie ########## */
.thumbnail .caption {min-height: 200px;}
.thumbnail .caption p {font-size:14px; line-height:1.5;}
.thumbnail .caption .block {line-height:1.2;}

.box-content.thumbnail p {height:auto;}
.box-content.thumbnail {max-width:none;}
.box-content.thumbnail3viertel {max-width:none; margin-bottom: 30px; background-color: #f8f8f8; overflow: hidden; position: relative;border: 1px solid #e1e1e1;}
@media only screen and (max-width: 699.98px) {
	.box-content.thumbnail3viertel {padding: 0;}
}
@media only screen and (min-width: 700px) {
	.box-content.thumbnail3viertel {padding: 5px; padding-top: 0;}
}
.box-content.thumbnail .clearfix.margin-bottom10.showMore {font-size:14px;}

div.box-content.thumbnail>span {
	display: inline-block;
  height: auto;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 1.2;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 0;
}
div.box-content.thumbnail3viertel>span {
	display: inline-block;
  height: auto;
  background-color: rgba(207, 207, 207, 0.75);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 1.2;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 0;
}
.row.lightbox .thumbnail {line-height:0; display:inherit;}
.modal-content {background-color:transparent; border:none; width: auto; margin: auto;}
.modal-content div.ekko-lightbox-item img {border: 2px solid #fff; border-radius: 0;}
.modal-content div#picDesc {z-index: 10;color: white;}
.modal-content button {position: absolute; right: 24px;}
.modal-body {text-align: center; padding: 0 15px 0 30px;}
.modal-backdrop {opacity:0.75 !important;}
.modal-content div#bigPic {border: 2px solid #fff; border-radius: 0; overflow: hidden;}
.close {font-size: 2rem; color: #cc0000; text-shadow: 1px 1px 0 #fff; opacity:1;}
.close:hover {font-size: 2rem; color: #f00!Important; text-shadow: 1px 1px 0 #fff; opacity:1;}
.ekko-lightbox-nav-overlay a span {padding: 0 30px; text-align:left;}

/* ########## Styling für Wohnungsangebote Liste/Detail ########## */
div.row.objectItem {position: relative;}
div.row.objectItem .picBox {background-size: cover; border-radius: 5px; background-position: center;}
div.row.objectItem .picBox img.pickLinkTrans {width: 100%; height: 100%;}
div.row.objectItem .greenItemButton {width: 42px; height: 60px; background-color: #0085CB; position: absolute; z-index: 10; right: 15px; bottom: -16px; border-radius: 4px 4px 0 0;}
div.row.objectItem .greenItemButton i.fa {width: 100%; text-align: center; color: #fff; padding: 13px 0;}
div.row.objectItem+hr {background-size: cover;}
div.row.objectItem .itemTitle {font-size: 20px; line-height:0.9;}
div.row.objectItem .itemData {line-height:1.4;}
div.row.objectItem .topInfo {background-color: #eaf4d8; border-radius: 5px; justify-content: space-around;}
div.row.objectItem .detailThumb {width: 23%; margin-right:2.65%;}
div.row.objectItem .detailThumb:nth-child(4n+4) {margin-right:0;}
div.row.objectItem .topInfo span.val {font-size:20px; color: #a05151; font-weight: bold; display: block;}
div.row.objectItem .topInfo span.desc {font-size:12px; display: block;}
div.row.objectItem .itemTitle {color: #a05151; font-weight: 400; font-size: 22px; text-transform: uppercase; font-family:'Chromoxome';font-weight: bold;}
div.row.objectItem .itemData {display: block;}
div.row.objectItem .dlLinks {justify-content: space-between;}
div.row.objectItem .rowAlt {display: flex; flex-wrap: wrap;}
div.row.objectItem .rowAlt.topInfo {display: flex; flex-wrap: wrap; justify-content: space-around;}
div.row.objectItem .rowAlt .dllItem a:last-of-type {font-weight:bold; position: relative; top: 1px;}
div.row.objectItem #itemMap {border-radius: 5px; border: 1.5px solid #ddd;}
div.row.objectItem .itemDescription {background-color: #eaf4d8; padding: 20px; border-radius: 5px;}
div.row.objectItem+hr, div.row.objectItem+div hr {border-top: 4px solid #0085CB; clear: both;}
div.row.objectItem+div a.itemKontakt {color: #fff; border-radius: 4px 4px 0 0; padding: 6px 11%; float: right;}
div.row.objectItem .previewBox {display:block;}
div.row.objectItem #previewBoxFirstPic {display:block;}
div.row.objectItem #th_FirstPic {border: 2px solid #a05151;}
form span.countObjekts {font-size: 13px;}

.carousel-indicators li{display:none;}

/* ########## Styling für verschiedene Displaygrößen Beginn ########## */
@media (min-width: 576px){
	#teaser H3 {font-size: 20px!Important;}
	.footHeader  {Color:#333; font-family:'Chromoxome';font-weight: bold;font-size: 22px; line-height: 1.1; text-transform: uppercase;} 
	#footContainerBottom a {font-size:16px;}
  #mapOverview {height:600px;}
}
@media only screen and (max-width: 576px) {
	body {font-size: 1rem;}
	#teaser H3 {font-size: 26px!Important;}
	.small, small {font-size: 100%;}
  .sliderTeaserStartseite {margin-bottom: 100px;}
	#navContainer #logoBoxTop {width: 30%;margin-bottom: 0;padding: 7px;position: absolute;z-index: 1;}
  #navContainer .navbar .dropdown-menu a {font-size:16px;}
	.contentTeaser.onSlider,.contentTeaser.outSlider {position: absolute; top: 0;}
  #toTop {bottom: 70px; height:45px;}
  .modal.show .modal-dialog {max-width: unset;}
	.footHeader  {Color:#333; font-family:'Chromoxome';font-weight: bold;font-size: 24px; line-height: 1.1; text-transform: uppercase;} 
	#footContainerBottom a {font-size:18px;}
	.compensAbove .compens01 {padding-left:15px; padding-right:15px;}
	.compensAbove.flex-row-reverse .compens01 {padding-left:15px; padding-right:15px;}
	.accordion h3 button {font-size: 18px;}
  #mapOverview {height:350px;}
  .accordion button {white-space: normal; text-align: left;}
  .accordion .card-body .btn {margin-top:20px;}
}
@media only screen and (max-width: 767.98px) {
  #navContainer .navbar .dropdown-menu a {color: #000; font-family: 'Open Sans', sans-serif;font-weight: 400;padding: 5px 30px!important;font-size: 18px; text-transform: none;}
  #navContainer .navbar .dropdown-menu a.active {color: #fafafa;}
  #navContainer .navbar .dropdown-menu a:active {color: #fafafa;}
	.container.sliderTeaser {position: relative; top: 25px; z-index: 100; margin-bottom: 50px;}
  .newsDateBox .newsDateSection {padding: 0 10px; font-size: 22px; border-radius: 0;}
  .newsDateBox {display:flex;}
  .newsDateBox .dateRowTop {border-radius: 4px 0 0 4px;}
  .newsDateBox .dateRowBottom {border-radius: 0 4px 4px 0;}
	#navContainer #boxTopLogo img {width: 35%;}
	#logoBoxFooter img {width: 30%;}
	form#firmSearch .selectBox {width:100%;}
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
	/*#teaser .bgTeaser,.bgTeaserInvers {flex-basis:48.5%;}*/
	#navContainer #logoBoxTop {width: 17%;margin-bottom: 0;padding: 10px;position: absolute;z-index: 1;}
}
/*
@media only screen and (min-width: 576px) and (max-width: 991.98px) {
  .bildTeaser img {display:none;}
}
*/
@media only screen and (min-width: 768px) and (max-width: 1199.98px) {
	.teaserHolder H3 {font-size: 20px;}
}

@media only screen and (min-width: 768px) {
	.container.sliderTeaser {position: relative; top: -100px; z-index: 100;}
	#navContainer #boxTopLogo img {width: 85%;}
	#footContainerMiddel {display:flex;}
  
	ul#serviceNaviFooter {float: right;}
  ul#serviceNaviFooter li {float: left; list-style-type: none;}
  ul#serviceNaviFooter li:after {content: "|"; margin: 0 10px;}
  ul#serviceNaviFooter li:last-of-type:after {display:none;}
  
  /*#teaser .bgTeaser,.bgTeaserInvers {flex-basis:31.5%;}*/
  div.ap .apItem.withoutPic {flex-basis: 32%; display:grid;}
  div.ap .apItem.withPic:nth-last-of-type(2) {margin-bottom: 1px!Important;}
	div.row.objectItem .itemAction2 {font-size: 14px; line-height: 1; display:flex; flex-wrap: wrap;}
	form#firmSearch .selectBox {width:50%;}
}

@media only screen and (max-width: 991.98px) {
	.navbar-expand-md .navbar-toggler {display: none;}
	#navContainer #logoBoxTop img {width: 100%;}
	#navContainer .navbar .dropdown-menu {	border-radius: 0!Important;border: 0;}
  #navContainer .navbar-light .navbar-collapse {clear:both;}
  #navContainer .navbar li {border-top: 1px solid #fff;padding: 0;border-right: none;}
  #navContainer .navbar li:first-of-type {border-top: 0;}
  #navContainer .navbar li>a {padding: 10px 0;outline: none;font-size: 24px;}
  #navContainer a.linkWebsearch {display:none;}
	.bgTeaser i.fa:before {font-size: 24px;}
  
	.carousel-item .sliderItemCaption {
  	width:100%;
    position: relative!Important;
    padding: 30px 30px 130px 30px;
    background-color: #333!Important;
    height: auto;
  }
  
  #FooterMiddelLeft {display:none;}
  #footContainerMiddel {display:none;}
  
  ul#serviceNaviFooter {margin: 0; padding: 10px 0 10px 0;;}
  ul#serviceNaviFooter li {list-style-type: none;}

  #navContainer .container {display:block;}
  #navContainer .navbar {padding: 10px 0; width: 100%; display:block;}
	button.navbar-toggler .fa-bars:before {content: "\f00d"; margin:0 2px;}
	button.navbar-toggler.collapsed .fa-bars:before {content: "\f0c9"; margin:0;}
	.navbar-expand-md .navbar-toggler {display: block!Important;}
	#navContainer #navbarBox {margin-top: 0;}
  #searchFormTop-lg {display:none;}
  #navContainer .navbar-light .navbar-toggler {border: none; color: #f3f3f3; float: right; margin-right: 20px;}
}
@media only screen and (min-width: 992px) {
	#navContainer #wellenBox {display:grid; position: relative;}
	#navContainer .navbar li>a {letter-spacing: 0.02rem;}
	.carousel-item .sliderItemCaption {height: 100%;}
  /*#searchFormTop-lg {display:none;}*/
  #teaser .bgTeaser,.bgTeaserInvers {flex-basis:100%;}
  section .contentTeaser .bgTeaser.zweier {flex-basis: 48.5%;}
  section .contentTeaser .bgTeaser.dreier {flex-basis: 31.5%;}
  section .contentTeaser .bgTeaser.vierer {flex-basis: 23.5%;}
	.compensAbove .compens01 {padding-left:15px; padding-right:2%;}
	.compensAbove.flex-row-reverse .compens01 {padding-left:1.2%; padding-right:15px;}
  #logoBoxFooter img {width:200px;}
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  #navContainer #naviBox {width:100%;}
  #logoBoxFooter img {width:200px;}
  #navContainer .navbar .dropdown-menu a {color: #000;font-family: 'Open Sans', sans-serif;font-weight: 400;padding: 5px 30px!important;font-size: 14px;text-transform: none;}
  .sliderTeaser .contentTeaser .bgTeaser.col-md-6 {flex-basis: 48.5%;}
  section .contentTeaser .bgTeaser.zweier {flex-basis: 48.5%;}
  section .contentTeaser .bgTeaser.dreier {flex-basis: 31.8%;}
  section .contentTeaser .bgTeaser.vierer {flex-basis: 48.5%;}
	#navContainer #logoBoxTop {width: 15%;margin-bottom: 0;padding: 10px;position: absolute;z-index: 1;}
	/*.compensAbove .compens01 {padding-left:15px; padding-right:0.6%;}*/
	.compensAbove.flex-row-reverse .compens01 {padding-left:0.6%; padding-right:15px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
	.bgTeaser i.fa:before {font-size: 19px;}
	#navContainer #serviceNaviTop a>img {width:80px;}
	#navContainer .navbar li {padding: 0 16px; font-size:22px;}
}
@media only screen and (min-width: 992px) and (max-width: 1239.98px) {
  #toTop {bottom: 140px; height:45px;}
}
@media only screen and (min-width: 992px) and (max-width: 1279.98px) {
	#navContainer #logoBoxTop img {height: 70px;}
	_:-ms-input-placeholder, :root #navContainer #logoBoxTop img, #logoBoxFooter img {width:auto;}
}
@media only screen and (min-width: 1200px) {
	.bgTeaser i.fa:before {font-size: 24px;}
	.bgTeaser .contbtn i.fa:before {font-size: 8px;}
	#navContainer .navbar li {padding: 0 16px; font-size:24px;}
}
@media only screen and (min-width: 1280px) {
	#navContainer #logoBoxTop img {height:80px;}
	_:-ms-input-placeholder, :root #navContainer #logoBoxTop img, #logoBoxFooter img {width:auto;}
}
@media only screen and (min-width: 1457px) {
  #footContainerMiddelInner img#longGraphic {display:grid;}
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
	.carousel-item .sliderItemCaption {/*width:24.6%; */padding: 60px 20px;}
  .sliderTeaser .contentTeaser .bgTeaser,.contentTeaser .bgTeaserInvers {flex-basis:48.5%;}
	#variableFlexer {flex: 0 0 75%; max-width: 75%;}
	#navContainer #searchfield {width: 155px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1359.98px) {
	.carousel-item .sliderItemCaption {/*width:24.6%; */padding: 100px 30px;}
  .sliderTeaser .contentTeaser .bgTeaser,.contentTeaser .bgTeaserInvers {flex-basis:48.5%;}
	#navContainer #searchfield {width: 200px;}
}
@media only screen and (min-width: 1360px) and (max-width: 1439.98px) {
	.carousel-item .sliderItemCaption {/*width:27.6%; */padding: 100px 40px;}
  .sliderTeaser .contentTeaser .bgTeaser,.contentTeaser .bgTeaserInvers {flex-basis:48.5%;}
	#variableFlexer {flex: 0 0 72%; max-width: 72%;}
	#navContainer #searchfield {width:200px;}
}
@media only screen and (min-width: 1440px) and (max-width: 10000px) {
	.carousel-item .sliderItemCaption {/*width:29%; */padding: 100px 50px;}
  .sliderTeaser .contentTeaser .bgTeaser,.contentTeaser .bgTeaserInvers {flex-basis:48.5%;}
	#variableFlexer {flex: 0 0 72%; max-width: 72%;}
	#navContainer #searchfield {width:200px;}
}

/* ########## Styling für verschiedene Displaygrößen Ende ########## */

/* ########## Styling für Galerie ########## */
.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}

#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}.box-content.thumbnail .clearfix.margin-bottom10.showMore {font-size:14px;}

/* ########## Styling für Tabellen ########## */
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th, table td {
  padding: .625em;
  <!--text-align: center; -->
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.table thead th{
	color: #ed8336!important;
}

/* .tableResponsiv{margin-bottom:30px;}*/
.tableResponsiv{}

@media screen and (max-width: 600px) {
  .tableResponsiv table 
  {
    border: 0;
  }
  
  .tableResponsiv table caption 
  {
    font-size: 1.3em;
  }
  
  .tableResponsiv table thead 
  {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .tableResponsiv table tr 
  {
    border-bottom: 3px solid #ddd;
    display: block;
   <!-- margin-bottom: .625em;-->
  }
  
  .tableResponsiv table td 
  {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
   text-align: right!Important;
  }
  
  .tableResponsiv table td.text-left 
  {
   text-align: right!Important;
  }

  .tableResponsiv table td::before 
  {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

	.tableResponsiv table td:last-child 
  {
    border-bottom: 0;
  }
}

#designbody table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

#designbody table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

#designbody table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

#designbody table th, table td {
  padding: .625em;
  <!--text-align: center; -->
}

#designbody table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* ########## Styling für Tabellen Ende ########## */

/* ########## Styling Editbutton für Redakteure Beginn ########## */
@media only screen and (min-width: 992px) {
  .showEditButtons {display:block !important;}  
  .editButtonForm {display: inline-block;padding: 0;margin: 0;}
  .editGlobalButtonMenue {
    padding:0;
    background: rgb(243,247,206);
    background: -moz-linear-gradient(top, rgba(243,247,206,1) 0%, rgba(202,226,178,1) 100%);
    background: -webkit-linear-gradient(top, rgba(243,247,206,1) 0%,rgba(202,226,178,1) 100%);
    background: linear-gradient(to bottom, rgba(243,247,206,1) 0%,rgba(202,226,178,1) 100%);
    color: #648148;
  }
  .editGlobalButtonMenueGn {
  	padding:0;
    background: rgb(206, 221, 56);
    background: -moz-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
		background: linear-gradient(to bottom, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    color: #324F15;
  }
  .editButtonMenue {
  	margin: 6px;
    padding: 0 5px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgb(206, 221, 56);
    background: -moz-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: linear-gradient(to bottom, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    color: #324F15;
    display:none;
    font-size: 14px;
  }
  .editButtonContainer {
    margin: 6px;
    padding: 0px 5px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgb(206, 221, 56);
    background: -moz-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: linear-gradient(to bottom, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    color: #324F15;
    display: none;
		/*
    position: absolute;
    right: 0;
    top: 0;
    */
    z-index:10;
    font-size: 14px;
  }
  
  .hideEditButtons {display:none;}

	#penGlobal {
    padding: 0 5px;
    margin-left: 4px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    font-size: 30px;
    display: inline-block;
  }
  #copyGlobal {
    padding: 0 15px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgb(251, 202, 37);
    background: -moz-linear-gradient(top, rgba(251, 202, 37, 1) 0%, rgba(254, 85, 74, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(251, 202, 37, 1) 0%, rgba(254, 85, 74, 1) 100%);
    background: linear-gradient(to bottom, rgba(251, 202, 37, 1) 0%, rgba(254, 85, 74, 1) 100%);
    font-size: 30px;
    color: #813E00;
    display: inline-block;
  }
  .whitebgcorner{
  	position: fixed;
    background: rgba(255, 255, 255, 0.9);
    z-index: 1000;
    display: inline-block;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    border-bottom-right-radius: 10px;
    padding: 10px;
  }

	.whitebgscroll{
  	position: absolute;
		margin-top: 10px;
		z-index: 999;
    background: rgba(255, 255, 255, 0.9);
    display: inline-block;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
  }
  
  .row form.editButtonForm {display: inline;}

}

@media only screen and (max-width: 991.98px) {
  .editButtonForm {display:none;}
  .editGlobalButtonMenue, .editButtonContainer, #penGlobal {display:none;}
  .editButtonMenue, .editButtonContainer, #penGlobal {display:none;}
}

/* ########### Styling Editbutton für Redakteure Ende ########### */

/* ########## Styling Fonts Beginn ########## */

@font-face {
    font-family: 'Chromoxome';
    src: url('/static/sawi/assets/fonts/web/ChromoxomePro-Medium.eot');
    src: url('/static/sawi/assets/fonts/web/ChromoxomePro-Medium.eot?#iefix') format('embedded-opentype'),
        url('/static/sawi/assets/fonts/web/ChromoxomePro-Medium.woff2') format('woff2'),
        url('/static/sawi/assets/fonts/web/ChromoxomePro-Medium.woff') format('woff'),
        url('/static/sawi/assets/fonts/web/ChromoxomePro-Medium.ttf') format('truetype'),
        url('/static/sawi/assets/fonts/web/ChromoxomePro-Medium.svg#ChromoxomePro-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Chromoxome';
    src: url('/static/sawi/assets/fonts/web/ChromoxomePro-Light.eot');
    src: url('/static/sawi/assets/fonts/web/ChromoxomePro-Light.eot?#iefix') format('embedded-opentype'),
        url('/static/sawi/assets/fonts/web/ChromoxomePro-Light.woff2') format('woff2'),
        url('/static/sawi/assets/fonts/web/ChromoxomePro-Light.woff') format('woff'),
        url('/static/sawi/assets/fonts/web/ChromoxomePro-Light.ttf') format('truetype'),
        url('/static/sawi/assets/fonts/web/ChromoxomePro-Light.svg#ChromoxomePro-Light') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Chromoxome';
    src: url('/static/sawi/assets/fonts/web/ChromoxomePro-Bold.eot');
    src: url('/static/sawi/assets/fonts/web/ChromoxomePro-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/sawi/assets/fonts/web/ChromoxomePro-Bold.woff2') format('woff2'),
        url('/static/sawi/assets/fonts/web/ChromoxomePro-Bold.woff') format('woff'),
        url('/static/sawi/assets/fonts/web/ChromoxomePro-Bold.ttf') format('truetype'),
        url('/static/sawi/assets/fonts/web/ChromoxomePro-Bold.svg#ChromoxomePro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Rotation';
    src: url('/static/sawi/assets/fonts/web/Rotation-Italic.eot');
    src: url('/static/sawi/assets/fonts/web/Rotation-Italic.eot?#iefix') format('embedded-opentype'),
        url('/static/sawi/assets/fonts/web/Rotation-Italic.woff2') format('woff2'),
        url('/static/sawi/assets/fonts/web/Rotation-Italic.woff') format('woff'),
        url('/static/sawi/assets/fonts/web/Rotation-Italic.ttf') format('truetype'),
        url('/static/sawi/assets/fonts/web/Rotation-Italic.svg#Rotation-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Rotation';
    src: url('/static/sawi/assets/fonts/web/RotationLTStd-Bold.eot');
    src: url('/static/sawi/assets/fonts/web/RotationLTStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/sawi/assets/fonts/web/RotationLTStd-Bold.woff2') format('woff2'),
        url('/static/sawi/assets/fonts/web/RotationLTStd-Bold.woff') format('woff'),
        url('/static/sawi/assets/fonts/web/RotationLTStd-Bold.ttf') format('truetype'),
        url('/static/sawi/assets/fonts/web/RotationLTStd-Bold.svg#RotationLTStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Rotation';
    src: url('/static/sawi/assets/fonts/web/RotationLTStd-Roman.eot');
    src: url('/static/sawi/assets/fonts/web/RotationLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('/static/sawi/assets/fonts/web/RotationLTStd-Roman.woff2') format('woff2'),
        url('/static/sawi/assets/fonts/web/RotationLTStd-Roman.woff') format('woff'),
        url('/static/sawi/assets/fonts/web/RotationLTStd-Roman.ttf') format('truetype'),
        url('/static/sawi/assets/fonts/web/RotationLTStd-Roman.svg#RotationLTStd-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'crimson';
    src: url('/static/sawi/assets/fonts/CrimsonPro-Regular.eot');
    src: url('/static/sawi/assets/fonts/CrimsonPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/static/sawi/assets/fonts/CrimsonPro-Regular.woff2') format('woff2'),
        url('/static/sawi/assets/fonts/CrimsonPro-Regular.woff') format('woff'),
        url('/static/sawi/assets/fonts/CrimsonPro-Regular.ttf') format('truetype'),
        url('/static/sawi/assets/fonts/CrimsonPro-Regular.svg#CrimsonPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'crimson';
    src: url('/static/sawi/assets/fonts/CrimsonPro-Italic.eot');
    src: url('/static/sawi/assets/fonts/CrimsonPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('/static/sawi/assets/fonts/CrimsonPro-Italic.woff2') format('woff2'),
        url('/static/sawi/assets/fonts/CrimsonPro-Italic.woff') format('woff'),
        url('/static/sawi/assets/fonts/CrimsonPro-Italic.ttf') format('truetype'),
        url('/static/sawi/assets/fonts/CrimsonPro-Italic.svg#CrimsonPro-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'crimson';
    src: url('/static/sawi/assets/fonts/CrimsonPro-SemiBold.eot');
    src: url('/static/sawi/assets/fonts/CrimsonPro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/static/sawi/assets/fonts/CrimsonPro-SemiBold.woff2') format('woff2'),
        url('/static/sawi/assets/fonts/CrimsonPro-SemiBold.woff') format('woff'),
        url('/static/sawi/assets/fonts/CrimsonPro-SemiBold.ttf') format('truetype'),
        url('/static/sawi/assets/fonts/CrimsonPro-SemiBold.svg#CrimsonPro-SemiBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'crimson';
    src: url('/static/sawi/assets/fonts/CrimsonPro-SemiBoldItalic.eot');
    src: url('/static/sawi/assets/fonts/CrimsonPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/sawi/assets/fonts/CrimsonPro-SemiBoldItalic.woff2') format('woff2'),
        url('/static/sawi/assets/fonts/CrimsonPro-SemiBoldItalic.woff') format('woff'),
        url('/static/sawi/assets/fonts/CrimsonPro-SemiBoldItalic.ttf') format('truetype'),
        url('/static/sawi/assets/fonts/CrimsonPro-SemiBoldItalic.svg#CrimsonPro-SemiBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'crimson';
    src: url('/static/sawi/assets/fonts/CrimsonPro-Light.eot');
    src: url('/static/sawi/assets/fonts/CrimsonPro-Light.eot?#iefix') format('embedded-opentype'),
        url('/static/sawi/assets/fonts/CrimsonPro-Light.woff2') format('woff2'),
        url('/static/sawi/assets/fonts/CrimsonPro-Light.woff') format('woff'),
        url('/static/sawi/assets/fonts/CrimsonPro-Light.ttf') format('truetype'),
        url('/static/sawi/assets/fonts/CrimsonPro-Light.svg#CrimsonPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'crimson';
    src: url('/static/sawi/assets/fonts/CrimsonPro-LightItalic.eot');
    src: url('/static/sawi/assets/fonts/CrimsonPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/sawi/assets/fonts/CrimsonPro-LightItalic.woff2') format('woff2'),
        url('/static/sawi/assets/fonts/CrimsonPro-LightItalic.woff') format('woff'),
        url('/static/sawi/assets/fonts/CrimsonPro-LightItalic.ttf') format('truetype'),
        url('/static/sawi/assets/fonts/CrimsonPro-LightItalic.svg#CrimsonPro-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'teko';
    src: url('/static/sawi/assets/fonts/teko-light-webfont.eot');
    src: url('/static/sawi/assets/fonts/teko-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/sawi/assets/fonts/teko-light-webfont.woff2') format('woff2'),
         url('/static/sawi/assets/fonts/teko-light-webfont.woff') format('woff'),
         url('/static/sawi/assets/fonts/teko-light-webfont.svg#teko_lightregular') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'teko';
    src: url('/static/sawi/assets/fonts/teko-regular-webfont.eot');
    src: url('/static/sawi/assets/fonts/teko-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/sawi/assets/fonts/teko-regular-webfont.woff2') format('woff2'),
         url('/static/sawi/assets/fonts/teko-regular-webfont.woff') format('woff'),
         url('/static/sawi/assets/fonts/teko-regular-webfont.svg#tekoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'teko';
    src: url('/static/sawi/assets/fonts/teko-medium-webfont.eot');
    src: url('/static/sawi/assets/fonts/teko-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/sawi/assets/fonts/teko-medium-webfont.woff2') format('woff2'),
         url('/static/sawi/assets/fonts/teko-medium-webfont.woff') format('woff'),
         url('/static/sawi/assets/fonts/teko-medium-webfont.svg#teko_mediumregular') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'teko';
    src: url('/static/sawi/assets/fonts/teko-semibold-webfont.eot');
    src: url('/static/sawi/assets/fonts/teko-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/sawi/assets/fonts/teko-semibold-webfont.woff2') format('woff2'),
         url('/static/sawi/assets/fonts/teko-semibold-webfont.woff') format('woff'),
         url('/static/sawi/assets/fonts/teko-semibold-webfont.svg#teko_semiboldregular') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'teko';
    src: url('/static/sawi/assets/fonts/teko-bold-webfont.eot');
    src: url('/static/sawi/assets/fonts/teko-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/sawi/assets/fonts/teko-bold-webfont.woff2') format('woff2'),
         url('/static/sawi/assets/fonts/teko-bold-webfont.woff') format('woff'),
         url('/static/sawi/assets/fonts/teko-bold-webfont.svg#tekobold') format('svg');
    font-weight: bold;
    font-style: normal;
}


/* ########### Styling Fonts Ende ########### */
.smcx-embed {
	max-width: 100% !important;
}
.smcx-embed > .smcx-iframe-container {
	max-width: 100% !important;
}

/* ########### Anmeldung Events ########### */
.g-h0 {
	position: absolute;
	top: 350px;
	z-index: -200;
}
.incorrect + form > .row > .g-h0{
	top: 410px;
}

/* ########### Cookiebot ########### */
#phVideo {
	padding: 20px;
  padding-top: 40%;
  text-align: center;
  display:none;
}