*                                   { padding: 0; margin: 0; }
*:focus                             { outline: 0; }

@font-face {font-family:'Open Sans';font-style:normal;font-weight:300;src:url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-300.eot);src:local('Open Sans Light'),local(OpenSans-Light),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-300.eot?#iefix) format("embedded-opentype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-300.woff2) format("woff2"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-300.woff) format("woff"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-300.ttf) format("truetype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-300.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-300italic.eot);src:local('Open Sans Light Italic'),local(OpenSans-LightItalic),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-300italic.eot?#iefix) format("embedded-opentype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-300italic.woff2) format("woff2"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-300italic.woff) format("woff"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-300italic.ttf) format("truetype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-300italic.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-regular.eot);src:local('Open Sans Regular'),local(OpenSans-Regular),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-regular.woff2) format("woff2"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-regular.woff) format("woff"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-regular.ttf) format("truetype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-regular.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-italic.eot);src:local('Open Sans Italic'),local(OpenSans-Italic),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-italic.eot?#iefix) format("embedded-opentype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-italic.woff2) format("woff2"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-italic.woff) format("woff"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-italic.ttf) format("truetype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-italic.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-600.eot);src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-600.woff2) format("woff2"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-600.woff) format("woff"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-600.ttf) format("truetype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-600.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-600italic.eot);src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-600italic.eot?#iefix) format("embedded-opentype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-600italic.woff2) format("woff2"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-600italic.woff) format("woff"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-600italic.ttf) format("truetype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-600italic.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-700.eot);src:local('Open Sans Bold'),local(OpenSans-Bold),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-700.woff2) format("woff2"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-700.woff) format("woff"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-700.ttf) format("truetype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-700.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-700italic.eot);src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-700italic.eot?#iefix) format("embedded-opentype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-700italic.woff2) format("woff2"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-700italic.woff) format("woff"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-700italic.ttf) format("truetype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-700italic.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-800.eot);src:local('Open Sans ExtraBold'),local(OpenSans-ExtraBold),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-800.eot?#iefix) format("embedded-opentype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-800.woff2) format("woff2"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-800.woff) format("woff"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-800.ttf) format("truetype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-800.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-800italic.eot);src:local('Open Sans ExtraBold Italic'),local(OpenSans-ExtraBoldItalic),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-800italic.eot?#iefix) format("embedded-opentype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-800italic.woff2) format("woff2"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-800italic.woff) format("woff"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-800italic.ttf) format("truetype"),url(/static/wgt22/fonts/open-sans/open-sans-v23-latin-800italic.svg#OpenSans) format("svg")}
@font-face {font-family:'Open Sans Light';src:url(/static/wgt22/fonts/open-sans/OpenSans-Light.eot?) format("eot"),url(/static/wgt22/fonts/open-sans/OpenSans-Light.woff) format("woff"),url(/static/wgt22/fonts/open-sans/OpenSans-Light.ttf) format("truetype"),url(/static/wgt22/fonts/open-sans/OpenSans-Light.svg#OpenSans-Light) format("svg");font-weight:normal;font-style:normal;}

:root {
  --page-width: 1500px;
}

body                                { background-color: #fff;
                                      font-family: 'Open Sans',Arial, Helvetica, Sans-serif;
                                      font-size: 12pt;
                                      color: #000;
                                    }

img                                 { border: 0; }

a:focus                             { outline:none; }
a                                   { color:#2265af; }
a:link                              { text-decoration:none; }
a:visited                           { text-decoration:none; }
a:active                            { text-decoration:none; }
a:hover                             { color:#2265af; text-decoration:none; }

.imgleft                            { float: left; margin-right:30px; margin-bottom:20px; }
.imgright                           { float: right; margin-left:30px; margin-bottom:20px; }

[placeholder]:focus::-webkit-input-placeholder { transition: opacity 0.5s 0.5s ease; opacity: 0; }
::-webkit-input-placeholder { /* WebKit browsers */ color: #636363; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #636363; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #636363; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #636363; }


.gw-liste-eintrag { display: flex; align-items: flex-start; padding-bottom: 40px; }
.gw-liste-eintrag:last-child { padding-bottom: 0; }
.gw-liste-bild { flex: 0 0 33.33333%; }
.gw-liste-bild img { display: block; width: 100%; }
.gw-liste-trenner { flex: 0 0 20px; }
.gw-liste-infos { flex-grow: 1; }
.gw-liste-infos-container div { padding-bottom: 10px; }
.gw-liste-infos-container div:last-child { padding-bottom: 0px; }
.gw-liste-titel { font-weight: bold; }

.preis-tabelle { display: table; }
.pt-tr { display: table-row; }
.pt-td { display: table-cell; vertical-align: top; padding: 2px; }
.td-left { font-weight: bold; }
.td-center { width: 10px; }
.td-right { text-align: right; }

.slideshow-wrapper { padding-top: 15px; padding-bottom: 30px; }
.slideshow-container { max-width: 1000px; position: relative; margin: auto; }
.slideshow-element { display: none; }
.slideshow-image { height: 350px; }
.slideshow-element img { display: block; height: 100%; margin: 0 auto; max-width: 100%; object-fit: contain; object-position: center; }
.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 3px; user-select: none; background-color: rgb(0 103 177 / 75%); }
.next { right: 0; border-radius: 3px; }
.prev:hover, .next:hover { background-color: rgb(0 103 177); color: #fff !important; }
.slide-text { font-size: 15px; padding: 8px 12px; width: 100%; text-align: center; font-weight: bold; }
.numbertext { font-size: 12px; padding: 8px 12px; position: absolute; top: 0; background-color: rgb(255 255 255 / 70%); font-weight: bold; }
.dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }
.activedot, .dot:hover { background-color: #717171; }
.gala-fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; }

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}




.btl                                { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; }
.btr                                { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; }
.bbl                                { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
.bbr                                { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }

.schatten                           { box-shadow: 5px 5px 10px 0px rgba(15,15,15,1); -webkit-box-shadow: 5px 5px 10px 0px rgba(15,15,15,1); }
.schatten-inner                     { box-shadow: inset 0px -1px 10px 0px rgba(15,15,15,0.2); -webkit-box-shadow: inset 0px -1px 10px 0px rgba(15,15,15,0.2); }
.schein                             { box-shadow: 0px 0px 15px 2px rgba(15,15,15,0.4); -webkit-box-shadow: 0px 0px 15px 2px rgba(15,15,15,0.4); }

#mobile-navigation                  { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(109, 109, 109, 0.8); z-index: 600; color: #fff; }
#nav-content                        { width: 85vw; height: 100vh; background-color: #0069bc; padding-left: 5px; padding-right: 5px; overflow-y: auto; }
#mnav-head                          { position: relative; text-align: center; padding-top: 15px; color: #fff; font-size: 18pt; border-bottom: 2px solid #d3d3d3; padding-bottom: 10px; }
#nav-close                          { position: absolute; top: 12px; right: 10px; color: #515151; width: 25px; height: 25px; border-radius: 26px; background-color: #d3d3d3; border: 1px solid grey; font-weight: bold; padding-left: 1px; padding-top: 1px; font-family: Arial; cursor: pointer; font-size: 15pt; }
#mnav-body                          { padding-top: 5px; }
#mnav-body a                        { color: #fff; }
#mnav-body ul li a                  { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #d3d3d3; display: block; }
.mnavli0                            {  }
.mnavli1                            {  }
.mnavli2                            {  }
.mnavli3                            {  }
.manv0                              { padding-left: 20px; }
.manv1                              { padding-left: 40px; }
.manv2                              { padding-left: 60px; }
.manv3                              { padding-left: 80px; }

#nav-flex {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
}
#nav ul li {
  flex: 0 0 auto;
  position:relative;
}
#nav ul li ul li 			              { clear:left; float: none; }
#nav ul li ul li ul li 		          { position:relative; clear:left; }
#nav ul li ul li ul li ul li        { position:relative; clear:left; }

#nav ul li a {
  color: #fff;
  font-size: 17pt;
  padding: 6px 0px;
  text-transform: uppercase;
  font-weight: 400;  
}
#nav ul li a.maintext {
  float: left;
  padding-top:11px;
  padding-bottom:7px;
}
#nav ul li ul li a.subtext {
  display:block;
  height:45px;
  padding:12px 5px 12px 5px;
  color: #fff;
  letter-spacing: 1px;
  font-size: 13pt;
  white-space: nowrap;
  border-bottom:1px solid lightgray;
}

#nav ul li ul li:last-child a {
  border: none;
}
#nav ul li ul li ul li a.subtext    { float:left; border-bottom:1px solid lightgray; background-color:#f0f0f0; display:block; width:210px; height:17px; padding:12px 5px 12px 5px; }
#nav ul li ul li ul li a.sub2text   { width: 248px; }
#nav ul li ul li ul li ul li a.subtext { float:left; border-bottom:1px solid grey; background-color:#d3d3d3; display:block; width:210px; height:17px; padding:12px 5px 12px 5px; }

#nav ul li ul {
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 55px;
  background-color: #2265af;
  padding: 0 15px;  
}
#nav ul li ul li ul 		            { position: absolute; z-index: 900; left: 239px; top: 0; }
#nav ul li ul li ul li ul 	        { position: absolute; z-index: 800; left: 215px; top: 0; }

#nav ul li ul 				              { overflow: visible !important; }

.mainliclick                        { display:block; float:left; margin: 6px 14px; }
.mainliclick i                      {  }
.sub1liclick                        { position:absolute; top:5px; right:5px;  display:block; float:left; width:7px; height:31px; background-image:url(/static/wgt22/nav-btn-open-h.png); background-position:top left; background-repeat:no-repeat; }
.sub2liclick                        { position:absolute; top:5px; right:5px;  display:block; float:left; width:31px; height:31px; background-image:url(/static/wgt22/nav-btn-open-h.png); background-position:top left; background-repeat:no-repeat; }

/* Icons wechseln */
.mainli:hover .mainliclick i { transform: rotate(180deg); padding-top: 4px; }
.sub1li:hover .sub1liclick { background-image:url(/static/wgt22/nav-btn-close-h.png); }
.sub2li:hover .sub2liclick { background-image:url(/static/wgt22/nav-btn-close-h.png); }

#nav li ul li a                     { padding-right:0px !important; }

/*.submenuleft { left: -215px !important; }*/




#mobile-head                        { width: 100%; height: 40px; background-color: #0069bc; position: fixed; z-index: 500; display: none; }
#menu-btn                           { color: #fff; font-size: 12pt; width: 150px; margin-left: 10px; margin-top: 9px; cursor: pointer; }
#menu-lines                         { float: left; width: 25px; padding-top: 3px; }
#menu-text                          { float: left; width: 120px; padding-left: 5px; }
.menu-btn-line                      { width: 25px; height: 3px; background-color: #fff; margin-bottom: 3px; }

#head                               { width: 100%;
                                    }
#wrap-head                          { margin: 0 auto; max-width: var(--page-width); position: relative; }

#head.content-head                  { background-position: center 143px; height: 250px; }
#wrap-head.content-wrap-head        { height: 250px; }


#logo                               { padding: 13px 0 0 33px; }
#unternehmen                        { padding: 36px 0 34px 272px; font-family: "Times New Roman",times,sarif; font-size: 24pt; }
#nav                                {  }
#nav ul                             { list-style: none; }
#nav li                             { float: left; }
#nav li.lastli                      { background: none; }
#nav li a                           { display: block; color: #0867ac; font-size: 13pt; padding: 6px 26px; }
#willkommen                         { padding-left: 25%; padding-top: 48px; color:#fff; font-family: "Times New Roman",times,sarif; font-style: italic; font-size: 18pt; text-transform: uppercase; letter-spacing: 2px; }
#claim                              { padding-left: 20%; padding-top: 25px; padding-bottom: 31px; color:#fff; font-family: "Times New Roman",times,sarif; font-style: italic; font-size: 18pt; text-transform: uppercase; letter-spacing: 2px; }

#inhalt                             { width: 100%; }
#galerie                            { position: relative; }
#galerie img                        { width: 100%; }
#arrow-left                         { position: absolute; top: 40%; left: 20px; z-index: 100; }
#arrow-left img                     { cursor: pointer; }
#arrow-right                        { position: absolute; top: 40%; right: 20px; z-index: 100; }
#arrow-right img                    { cursor: pointer; }


#footer                             { width: 100%; }
#wrap-footer                        { margin: 0 auto; max-width: 1200px; }
#nav-footer-big                     { text-align: center; color: #949494; font-size: 10pt; padding-top: 25px; }
#nav-footer-small                   { text-align: center; padding: 20px 0; font-size: 11pt; }
#copyright                          { text-align: center; color: #949494; font-size: 11pt; padding-top: 22px;}


.inh_abs_titel                      { padding: 0 0 8px 0; }
.inh_abs_titel h2                   { font-weight: normal; font-size: 15pt; /*border-bottom: 1px solid rgba(8, 103, 172, 0.53); padding-bottom: 5px; margin-bottom: 5px;*/ }
.content-trenner                    { width: 100%; height: 30px; }
.inh_abs_text                       {  }
.inh_abs_text p                     { padding-bottom: 17px; }
.inh_abs_text ul,ol                 { padding-left: 22px; }
.inh_abs_text li                    { padding-bottom: 3px; }

.form-feld                          { margin-bottom: 20px; }
.feld-name                          { padding-bottom: 5px; }
.feld-input                         { font-family: arial,helvetica,sans-serif; }
/*label                               { display: block; padding-bottom: 5px; font-family: Arial, Helvetica, Sans-serif; }*/
.formlist                           { list-style: none; padding: 0 !important; margin: 0; }
.formlist li                        { float: left; width: 50%; margin-bottom: 20px; }
/*#nachricht                          { height: 110px; width: 94%; }*/
.ffeld                              { width: 88%; padding: 6px; border: 1px solid #0867AC; border-radius: 5px; font-family: Arial, Verdana, Sans-serif; }
select.ffeld												{ width: 91.5%; }
.smalllist li                       { width: 33.33%; }



#wohnungen-liste                    {  }
.whn-l-m-info                       { display: none; }
.wohnung-spacer                     { padding: 10px 0 10px 0; border-top: 1px solid #C5C5C5; }
.wohnung-spacer a                   { color: #000; }
.wohnung-spacer a:hover             { background-color: rgba(8, 103, 172, 0.09); }
.wohnung                            { display: block; padding: 5px; }
.whn-bild                           { display: block; width: 125px; float: left; min-height: 94px; }
.whn-bild img                       { width: 125px; }
.whn-infos                          { display: block; width: 970px; padding-left: 15px; float: left; }
.whn-adresse                        { display: block; width: 30%; float: left; }
.whn-etage                          { display: block; width: 15%; float: left; }
.whn-groesse                        { display: block; width: 10%; float: left; }
.whn-zimmer                         { display: block; width: 20%; float: left; }
.whn-miete                          { display: block; width: 20%; float: left; }
.whn-feld-inner                     { display: block; padding-left: 5px; }
#whn-liste-head                     { font-weight: bold; }
#whn-nav-top                        { padding-bottom: 15px; }
#whn-nav-bottom                     { padding-top: 15px; }
.whn-nav                            { float: right; }
.wnh-nav-prev                       { padding-right: 10px; }
.whn-nav-count                      {  }
.whn-nav-next                       { padding-left: 10px; }




.ee_info                            { width:400px; margin-bottom:3px; }
.ee_skala                           { width:400px; height:50px; margin-bottom:3px; background-image:url(/static/wgt22/energie-neu-400.png); background-repeat:no-repeat; }
.ee_heverb                          { width:400px; text-align:center; font-size:12pt; font-weight:bold; }
.ee_arrow                           { width:16px; height:27px; float:left; background-image:url(/static/wgt22/energieeffizienz_pfeil.jpg); }
.ee_arrowp                          { width:16px; height:27px; float:left; background-image:url(/static/wgt22/energieeffizienz_pfeil-up.jpg); }
.ee-titel                           { padding-bottom:10px; font-weight:bold; }
.ee-werte                           { font-size:9pt; padding-bottom:5px; }



#wohnung-details                    {  }
#wohnungs-bilder                    { float: right; width: 33.33%; text-align: right; }
#wohnungs-infos                     { float: left; width: 66.66%; }

.data-area                          { padding-bottom: 25px; }
.data-area-inner                    { padding: 10px; }
.data-area-head                     { font-size: 16pt; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid rgba(8, 103, 172, 0.53); }
.data-area-field                    { padding: 5px 0; }
.data-area-name                     { float: left; width: 25%; }
.data-area-value                    { float: left; width: 75%; }
.eemobile                           { display: none; }
#energiebalken                      { padding-top: 25px; }


#kontakt-link                       { padding-top: 25px; padding-left: 10px; }

.whnd-bild                          { padding-right: 5px; }
#whnd-small-pics                    { padding-top: 10px; float: right; max-width: 330px; }
#whnd-small-pics ul                 { list-style: none; padding-left: 0; float: right; }
#whnd-small-pics li                 { padding: 0; float: left; padding: 5px; }
#whnd-small-pics a                  { display: block; width: 100px; height: 100px; background-size: cover; }
#printlink                          { float: right; font-size: 11pt; display: block; padding-top: 12px; }
#printlink::after                   { content: ""; display: block; clear: both; }
#expose-link                        { padding: 15px 0; clear: both; }
#expose-link img                    { width: 80px; }
#expose-link-mobile                 { display: none; padding: 15px 0; }
#expose-link-mobile img             { width: 80px; }
#expose-link-mobile a               { display: table-row; }
#expl-img                           { display: table-cell; }
#expl-text                          { display: table-cell; vertical-align: middle; padding-left: 5px; }




.content-galerie                    { padding-top: 20px; }
.content-galerie::after             { content: ""; display: block; clear: both; }
.content-galerie ul                 { list-style: none; padding-left: 0; }
.content-galerie li                 { float: left; /*width: 20%;*/ height: 130px; padding: 0 15px 10px 0; }
.content-text.infobrechts #content-galerie li { width: 25%; }

.new-head h2                        { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid rgba(8, 103, 172, 0.53); }
.newsbild img                       { max-width: 150px; }


#backToForm                         { padding: 20px 0; }


/* Styleanpassungen wg. neuem Logo */

#logo {
    padding: 13px 40px 0 33px;
}    
    
#unternehmen {
    padding: 36px 0 34px 317px;
    font-family: 'open_sans_regular',Arial, Helvetica, Sans-serif;
    font-size: 22pt;
}

#seitentitel h1 {
    padding: 55px 0 0 20px;
    font-style: normal;
    font-size: 20pt;
}    

.infb-titel {
    font-size: 16pt;
    font-family: 'open_sans_regular',Arial, Helvetica, Sans-serif;
}

.inh_abs_titel h2 {
    padding-bottom: 15px;
}

#willkommen {
    padding-left: 25%;
    padding-top: 48px;
    color: #fff;
    font-family: 'open_sans_regular',Arial, Helvetica, Sans-serif;
    font-style: normal;
    font-size: 18pt;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#claim {
    padding-left: 20%;
    padding-top: 25px;
    padding-bottom: 31px;
    color: #fff;
    font-family: 'open_sans_regular',Arial, Helvetica, Sans-serif;
    font-style: normal;
    font-size: 18pt;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Ende: Styleanpassungen wg. neuem Logo */

/* Neue Internetseite */

#head-cont {
  display: flex;
}
.head-item {
  flex: 0 0 auto;
}
.head-item-right {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
#head-icons {
  display: flex;
  gap: 20px;
  padding-top: 45px;
}
.head-icon-item {
  flex: 0 0 auto;
  font-size: 38pt;
}
.icon-suche {
    padding-right: 25px;
    font-size: 35pt;
    width: 72px;
    overflow: hidden;
    transition: width 500ms;
    transition-timing-function: ease-in-out;
    display: flex;
}
.icon-suche .suchlupe {
  float: left;
  display: block;
  padding-right: 26px;
  color: #1d599b;
}
#icon-suche-eingabe form {
  display: flex;
}
#icon-suche-eingabe-feld {
  font-size: 15pt;
}
#icon-suche-eingabe-feld input {
  font-size: 15pt;
  width: 188px;
  margin-top: 16px;
  padding: 5px;
}
#icon-suche-eingabe-btn {
  font-size: 15pt;
  margin-top: 16px;
}
#icon-suche-eingabe-btn a {
  padding: 8px 10px 4px 10px;
}
#icon-suche-eingabe-btn i {
  display: inline;
  font-size: 21pt;
}

.icon-fb {

}
.icon-wa {

}
icon-tel {

}
.icon-tel-btn {
  font-weight: 500;
  font-size: 15pt;
  margin-top: -11px;
}
.icon-tel-btn i {
  padding-left: 15px;
  font-size: 12pt;
}


#navigation {
  margin-top: 20px;
  height: 55px;
  background-color: #2265af;
}
#wrap-navigation {
  margin: 0 auto;
  max-width: var(--page-width);
  position: relative;
}
#logo {
  padding: 25px 0px 8px 15px;
}

#start-cont{
  margin-top: 20px !important;
  display: flex;
  max-width: var(--page-width);
  margin: 0 auto;
  column-gap: 20px;
  flex-direction: row;
}
.start-item{

}

.item-links{
  flex-grow: 1;  
}

#links-cont{
  display: flex;
  row-gap: 20px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;  
}
.links-item{

}
.item-galerie{
  flex: 0 0 auto;
}
.item-willkommen{
  flex: 0 0 auto;
}
#willkommen-text{
  font-size: 2rem;
  text-align: center;
}
.item-boxen{
  flex: 0 0 auto;
}

.item-rechts{
  flex: 0 0 420px;
}
#rechts-cont{
  display: flex;
  row-gap: 30px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;  
}
.rechts-item{

}
.item-whg-suche{
  flex: 0 0 auto;
  background-color: #f1f1f2;
  padding: 20px;
}
.item-news{
  flex: 0 0 auto;
  background-color: #f1f1f2;
  padding: 20px;
}

#start-boxen-cont {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
}
.boxen-item {
  flex: 0 0 28%;
  background-color: #f28e00;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.box-titel {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 15pt;
  padding: 18px 0 16px 0;
}
.box-text {
  text-align: center;
  padding-top: 20px;
  color: #fff;
  height: 50%;
  padding: 20px 10px 0 10px;
}
.box-button {
  text-align: center;
  padding: 20px 0;
}

#item-news-titel-big{
  text-transform: uppercase;
  color: #f28e00;
  font-size: 2.4rem;
  line-height: 1.7rem;
}
#item-news-titel-small{
  text-transform: uppercase;
  color: #f28e00;
  font-size: 1.9rem;
  line-height: 2.2rem;
  padding: 7px 0 15px 0;
}
.news-box-item{
  padding-bottom: 20px;
}
.news-box-inh-cont {
  gap: 15px
}
.news-box-inh-text {
  flex-grow: 1;
}
.news-box-inh-btn {
  flex: 0 0 110px;
}
.news-box-titel{
  font-weight: 500;
  font-size: 1.1rem;;
}
.news-box-text{
  font-size: 0.98rem;
}
.news-box-button{
  text-align: center;
  padding: 15px 0 0 0;
}

#item-whgs-titel-big{
  text-transform: uppercase;
  color: #f28e00;
  font-size: 2.4rem;
  line-height: 2.4rem;
  text-align: center;
}
#item-whgs-titel-small{
  text-transform: uppercase;
  color: #f28e00;
  font-size: 1.9rem;
  line-height: 2.2rem;
  padding: 7px 0 30px 0;
  text-align: center;
}

.slider-table                       { display: table; width: 100%; padding-bottom: 25px; }
.slider-big-table                   { display: table; width: 100%; padding-bottom: 25px; }
.slider-td                          { display: table-cell; vertical-align: top; }
.slider-td span                     { display: block; text-align: center; font-size: 11pt; font-weight: bold; }
.slider-left                        { width: 15%; }
#immo-suche .slider-left, #immo-suche .slider-right { display: none; }
.slider-center                      {  }
.slider-right                       { width: 15%; }
.slider-inner                       { padding: 0 18px; position: relative; }
.slider-titel                       { position: absolute; width: 100%; text-align: center; top: -23px; left: 0; font-size: 11pt; }

.noUi-horizontal .noUi-handle {
    width: 26px;
    height: 26px;
    right: -17px;
    top: -9px;
}
.noUi-handle {
    border: none;
    border-radius: 13px;
    background: #646563;
    cursor: default;
    box-shadow: none;
}

.noUi-handle-lower:before {
    content: "\f285";
}
.noUi-handle:after, .noUi-handle:before {
    height: auto;
    width: auto;
    background: none;
    left: 5px;
    top: 4px;
    font: normal normal normal 14px/1 bootstrap-icons;
    font-size: 18px;
    color: #fff;
}
.noUi-handle-lower:after {
    width: 20px;
    height: 18px;
    background-color: #fff;
    z-index: -1;
    top: 2px;
    left: 1px;
    border-radius: 20px;
}


.noUi-handle-upper:before {
    content: "\f284";
    left: auto;
    right: 4px;
}
.noUi-handle-upper:after {
    width: 20px;
    height: 18px;
    background-color: #fff;
    z-index: -1;
    top: 2px;
    left: auto;
    right: 1px;
    border-radius: 20px;
}

.noUi-target {
    background: #9b9b9b;
    border-radius: 0px;
    border: none;
    box-shadow: none;
}

.noUi-horizontal {
    height: 8px;
    margin-top: 8px;
}

#wsuche-ergebnis{
  display: flex;
}
.wse-block{
  color: #fff;
  text-align: center;
}
.wse-block-zahl{
  flex: 0 0 70%;
  padding: 8px;
  background-color: #2265af;
}
#wse-anzahl{
  display: block;
  font-size: 30pt;
  line-height: 45px;
}
#wse-anzahl-text{
  display: block;
}
.wse-block-link{
  flex: 0 0 30%;
  background-color: #504f54;
}
.wse-block-link a {
  display: block;
  padding: 8px;
  color: #fff;
}
.wse-block-link a:hover {
  color: #fff;
}
#wse-symbol{
  display: block;
  font-size: 30pt;
  line-height: 45px;
}
#wse-text{
  display: block;
}

#content-wrap{
  margin: 0 auto;
  max-width: var(--page-width);
}

#wrap-inhalt {
  margin: 0 auto;
  max-width: var(--page-width);
  display: flex;
  gap: 50px;
}

#content-text {
  flex-grow: 1;
  padding: 15px 20px;
}
#infoboxen {
  flex: 0 0 333px;
  padding-top: 40px;
}
#infoboxen .boxen-item {
  margin-bottom: 50px;
}

/* Ansprechpartner */
#asp-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
.asp-inner{
  display: flex;
  gap: 20px;
}
.asp{
  flex: 0 1 45%;
}
.asp-bild{
  flex: 0 0 100px;
}
.asp-info{
  flex: 0 1 auto;
  flex-grow: 1;
}
.asp-name {
  font-weight: 600;
}


.suche-slider { min-height: 60px; padding: 0 18px; }
#immo-suche { display: flex; padding-bottom: 20px; }
#immo-suche-slider { flex-grow: 1; background-color: #f1f1f2; }
#immo-suche-slider .immo-suche-container { padding: 15px 5px 20px 5px; display: flex; flex-direction: column; justify-content: space-around; height: 100%; }
#immo-suche-furnishing { background-color: #f1f1f2; }
#immo-suche-furnishing .immo-suche-container { padding: 15px 20px 20px 20px; display: flex; align-items: center; height: 100%; }
#immo-suche-submit { flex: 1 0 476px; background-color: #f1f1f2; }
#immo-suche-submit .immo-suche-container { padding: 20px 20px 20px 20px; display: flex; height: 100%; align-items: flex-start; flex-direction: column; justify-content: space-around; }
.immo-suche-trenner { flex: 0 0 20px; }
#immo-suche-furnishing-and-submit { flex: 0 0 840px; display: flex; }


#immo-suche-wohngebiete { display: flex; flex-wrap: wrap; }
.immo-suche-wohngebiet { flex: 0 0 50%; padding: 4px 0; }
.immo-suche-wohngebiet .form-check-label { white-space: nowrap; }

#immo-suche-options-button { display: none; background-color: #f1f1f2; flex: 0 0 100%; margin-top: 20px; }
#immo-suche-options-button .immo-suche-container { padding: 20px; }


#immo-suche-submit-fixed { display: none; position: fixed; bottom: 0; left: 0; z-index: 100; width: 100%; height: 92px; }
#immo-suche-submit-area-count-fixed { background-color: #504f54; color: #fff; flex: 0 0 calc(65% - 1px); display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; }
#immo-suche-submit-area-trenner-fixed { background-color: #fff; flex: 0 0 1px; }
#immo-suche-submit-area-button-fixed { background-color: #f28e00; color: #fff; flex: 0 0 35%; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; }


#immo-suche-submit-area { display: flex; height: 92px; width: 100%; cursor: pointer; }
#immo-suche-submit-area-count { background-color: #504f54; color: #fff; flex: 0 0 calc(65% - 1px); display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; }
#immo-suche-submit-area-trenner { background-color: #fff; flex: 0 0 1px; }
#immo-suche-submit-area-button { background-color: #f28e00; color: #fff; flex: 0 0 35%; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; }

.iss-count { display: block; font-size: 24pt; }
.iss-count-text { display: block; }
.iss-button-icon { display: block; font-size: 24pt; }
.iss-button-icon i { width: 13px; }
.iss-button-text { display: block; }

.immo-suche-nav-sort { background-color: #f1f1f2; display: flex; justify-content: flex-end; padding: 20px; align-items: center; font-size: 14pt; }
#immo-suche-nav-sort-top { margin-bottom: 20px; }


#immo-liste { display: flex; justify-content: space-between; flex-wrap: wrap; overflow-x: hidden; }
.immobilie { flex: 0 0 48%; display: flex; margin: 2% 0; }
.immo-bild { flex: 0 0 33.33333%; }
.immo-bild img { object-fit: cover; width: 100%; height: 100%; display: block; max-height: 250px; }
.immo-infos { display: flex; flex-direction: column; height: 100%; flex-grow: 1; }
.immo-infos-top { flex-grow: 1; }
.immo-infos-top-container { padding: 0 10px; }
.immo-infos-bottom { margin-top: auto; background-color: #f1f1f2; height: 40px; width: 100%; }
.immo-infos-bottom-container { display: flex; align-items: center; height: 100%; }

.immo-headline { font-size: 15pt; padding-bottom: 15px; }
.immo-headline-mobile { display: none; }

.immo-merkmale { display: flex; flex-wrap: wrap; }
.immo-merkmal { padding-right: 40px; padding-bottom: 15px; }
.immo-merkmal:last-child { padding-right: 0; }
.immo-merkmal-wert { font-size: 14pt; }
.immo-merkmal-titel { font-size: 8pt; font-weight: bold; }
.immo-adresse { padding-bottom: 15px; }

.immo-infos-bottom-badges { flex-grow: 1; display: flex; overflow: hidden; height: 100%; align-items: center; padding-left: 10px; }
.immo-infos-bottom-link { flex: 0 0 110px; text-align: right; font-weight: bold; height: 100%; background-color: #f28e00; text-align: center; display: flex; align-items: center; justify-content: center; }
.immo-infos-bottom-link a { display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; }
.immo-infos-bottom-link a span { color: #fff; }
.immo-badge { font-size: 7pt; padding: 3px 5px; border-radius: 8px; margin-right: 10px; }
.immo-badge:last-child { margin-right: 0; }
.immo-badge-balkon { background-color: #c76b0b; color: #fff; }
.immo-badge-aufzug { background-color: #c13a3a; color: #fff; }
.immo-badge-dusche { background-color: #0095ff; color: #fff; }
.immo-badge-wanne { background-color: #0049d0; color: #fff; }


.slideshow-container { max-width: 1000px; position: relative; margin: auto; }
.slideshow-element { display: none; }
.slideshow-image { height: 350px; }
.slideshow-element img { display: block; height: 100%; margin: 0 auto; max-width: 100%; object-fit: contain; object-position: center; }
.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 3px; user-select: none; }
.next { right: 0; border-radius: 3px; }
.prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); color: #fff !important; }
.slide-text { font-size: 15px; padding: 8px 12px; width: 100%; text-align: center; font-weight: bold; }
.numbertext { font-size: 12px; padding: 8px 12px; position: absolute; top: 0; background-color: rgb(255 255 255 / 70%); font-weight: bold; }
.dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }
.activedot, .dot:hover { background-color: #717171; }
.gala-fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; }

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

#immobilien-infos { padding-top: 55px; }
.immo-details-area-headline { padding: 5px 10px; background-color: #f28e00; color: #fff; text-transform: uppercase; font-weight: bold; }
.immo-details-area-content { padding: 5px 10px 0 10px; }

.immo-details-table { display: table; width: 100%; }
.immo-details-table-row { display: table-row; }
.immo-details-table-cell { display: table-cell; vertical-align: top; }
.immo-details-table.table-kosten .cell-right { text-align: right; }
.immo-details-table.table-allgemein .cell-left { width: 170px; }

.immo-details-text { padding-bottom: 30px; }

.suche-feld                           { max-width: 380px; margin: 0 auto; padding-bottom: 13px; }
.suche-feld:last-child                { padding-bottom: 0; }
.suche-feld-titel                     { text-align: center; }
.suche-feld-titel label               { margin-bottom: 0; font-size: 11pt; }

.suche-feld-titel label { padding-left: 7px; font-weight: bold; }
/* .slider-td.slider-left { display: none; }
.slider-td.slider-right { display: none; } */
.slider-center { padding-right: 0; }
.slider-inner { padding-top: 0; }

.immo-suche-furnishing-box { padding-bottom: 8px; }

.irs--round .irs-line { background-color: #504f54; }
.irs--round .irs-bar { background-color: #f28e00; }
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { background-color: #f28e00; }
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { border-top-color: #f28e00; }
.irs--round .irs-handle { border: 4px solid #f28e00; }



@media screen and (max-width: 1550px){
  #navigation{
    padding: 0 10px;
  }
  #rechts-cont{
    justify-content: flex-start;
  }
  #start-boxen-cont{
    justify-content: space-around;
  }
  #willkommen-text {
    font-size: 1.9vw;
  }  
}

@media screen and (max-width: 1400px){
	#immo-suche-wohngebiete {
    flex-direction: column;
    padding-bottom: 20px;
  }
  #immo-suche-submit {
    flex: 0 0 345px;
  }
  #immo-suche-furnishing-and-submit {
    flex: 0 0 589px;
  }
}

@media screen and (max-width: 1240px){
  #willkommen-text {
    font-size: 1.7vw;
  }  
}

@media screen and (max-width: 1200px){
  #start-cont {
    flex-direction: column-reverse;
  }
  .item-rechts {
    flex: 0 0 auto;
    margin-bottom: 30px;
  }
  #rechts-cont {
    flex-direction: row;
    gap: 20px;
  }
  .item-whg-suche{
    flex: 0 0 420px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;    
  }
  .item-whg-suche form {
    display: flex;
    flex-direction: column;
    justify-content: end;
    flex: 1 0 auto;
    gap: 9%;  
  }
  .item-news {
    flex-grow: 1;
    flex: 0 1 auto;
  }
  #willkommen-text{
    font-size: 2.3vw;
  }
  #wrap-inhalt{
    flex-direction: column;
  }
  #infoboxen{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 30px;  
  }
  #infoboxen .boxen-item{
    max-width: 333px;
  }
  .news-box-inh-cont {
    display: flex;
  }  
  .immobilie {
    flex: 0 0 100%;
  }
}

@media screen and (max-width: 1100px){
  #rechts-cont {
    flex-direction: column;
  }
  
  /* Start mobile*/
  #head{
    padding-top: 25px;
  }
  #logo img {
    max-width: 150px;
  }
  .icon-suche {
    display: none;
  }
  #navigation{
    display: none;
  }  
  #mobile-head {
    display: block;
  }
	#immo-suche {
    flex-direction: column;
  }
  #immo-suche-furnishing-and-submit {
    flex: 0 0 100%;
  }
  #immo-suche-submit {
  	flex-grow: 1;
  }
  #immo-suche-wohngebiete {
    flex-direction: row;
  }
  .boxen-item {
    flex: 0 0 350px;
    display: block;
  }
}

@media screen and (max-width: 1000px){
  #immo-suche-furnishing-and-submit {
    flex-direction: column;
  }
}

@media screen and (max-width: 768px){
  #willkommen-text{
    font-size: 2.3vw;
  }
  .asp-inner {
    flex-direction: column;
  }
  #immo-suche-wohngebiete {
    flex-direction: column;
  }
  .immobilie {
    flex-direction: column;
    margin: 0 0 80px 0;
  }
  .immo-bild {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 600px){

}
@media screen and (max-width: 500px){
  .news-box-inh-cont{
    flex-direction: column;
  }
  .news-box-inh-btn{
    flex: 0 0 auto;
  }
  .icon-fb{
    display: none;
  }
  .icon-wa{
    display: none;
  }
  #item-whgs-titel-big{
    font-size: 2.0rem;
  }
  #item-whgs-titel-small{
    font-size: 1.6rem;
    padding: 7px 0 20px 0;
  }
  #item-news-titel-big{
    font-size: 2.0rem;
  }
  #item-news-titel-small{
    font-size: 1.6rem;
  }
  #willkommen-text{
    font-size: 13pt;
  }
  .formlist li {
    float: none;
    width: 100%;
  }
}

@media screen and (max-width: 400px){
  .icon-tel-btn{
    font-size: 10pt;
  }
  .icon-tel-btn i {
    padding-left: 8px;
    font-size: 8pt;
  }
}


#cookie-info                        { position: fixed; bottom: 10px; z-index: 10000; width: 100%; }
#cookie-info-content                { max-width: 625px; margin: 0 auto;  background-color: #fff; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 10px; border: 2px solid #0867ac; }
#cookie-info-text                   { font-size: 9pt; }
#cookie-info-button									{  }
#cookie-info-button span            { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 5px 10px; color: #fff; background-color: #0867ac; margin-top: 10px; cursor: pointer; font-size: 10pt; }
#cookie-info-spacer                 { height: 30px; width: 100%; padding-top: 30px; }

.cookie-informationen { display: table; box-sizing: border-box; padding-bottom: 25px; }
.cookie-informationen * { box-sizing: border-box; }
.cookie-row { display: table-row; }
.cookie-info-name { display: table-cell; vertical-align: top; white-space: nowrap; padding: 0 0 5px 0; font-weight: bold; font-style: italic; }
.cookie-info-text { display: table-cell; vertical-align: top; padding: 0 0 5px 10px; }
#cookie-opt-in { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 3500; color: #fff; padding: 10px; box-sizing: border-box; font-size: 11pt; }
#cookie-opt-in * { box-sizing: border-box; }
#coi-center {  max-width: 900px; margin: 0 auto; padding-top: 10px; }
#coi-infotext-mobile { display: none; }
#coi-infotext-mobile p { margin-bottom: 0; padding-bottom: 0; }
#coi-infotext p { margin-bottom: 0; padding-bottom: 0; }
.coi-infolinks { padding: 10px 0 5px 0; }
#coi-form-tbl { display: table; width: 100%; }
#coi-form {  }
#coi-text-and-boxes { display: table-cell; vertical-align: middle; }
#coi-form-trenner { display: table-cell; width: 25px; }
#coi-form-buttons { display: table-cell; vertical-align: top; width: 175px; text-align: center; }
#coi-form-buttons button { width: 100%; }
#coi-form-buttons button.btn-dark { color: #888; }
#coi-form-buttons div { text-align: center; margin-top: 15px; font-size: 10pt; color: #888; }

#cookie-opt-in label { display: inline-block; }
#coi-cookies { display: flex; flex-wrap: wrap; }
.coi-cookie {  }
.coi-checkbox { padding-right: 20px; }
#cookie-info-spacer { /*background-color: #7da7d8;*/ }
.iframe-daten-info { background-color: rgba(125, 167, 216, 0.7); color: #fff; padding: 50px 10px; text-align: center; }
.idi-text { color: #3a3a3a; }
.idi-text p { padding-bottom: 0; margin-bottom: 0; }
.idi-form { padding-top: 20px; }
@media screen and (max-width: 768px){
  .coi-cookie { flex: 0 0 100%; }
  #coi-infolinks { font-size: 10pt; }
  #coi-form { padding-top: 10px; }
  #coi-infotext-mobile { display: block; }
  #coi-infotext { display: none; }
  #coi-center { padding-top: 0; }
}




/* Consent Banner */
#consent-banner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 5000; color: #fff; font-size: 11pt; }
#consent-banner, #consent-banner * { box-sizing: border-box; }
#consent-banner-center { max-width: 1000px; padding: 10px; display: flex; gap: 35px; margin: 0 auto; }
#consent-banner-left { flex-grow: 1; }
#consent-banner-right { flex: 0 0 175px; }

#content-banner-buttons { display: flex; flex-direction: column; gap: 25px; }
.consent-banner-button > button { width: 100%; }

#consent-banner-text { padding-bottom: 10px; }
#consent-banner-links { display: flex; gap: 20px; }
/*#consent-banner-links a { text-decoration: underline; font-weight: bold; }*/

#consent-banner-checkboxen { display: flex; gap: 30px; padding-top: 10px; flex-wrap: wrap; }

.cb-btn { background-color: #0867ac; color: #fff; border: 0; border-radius: 3px; padding: 6px; cursor: pointer; }
.form-check { display: flex; gap: 5px; }


/*.consent-banner-unblock-info { background-color: rgb(54 54 54 / 75%); color: #fff; font-size: 11pt; text-align: center; padding: 15px; }
.consent-banner-unblock-info-text p { padding-bottom: 0; margin-bottom: 0; }
.consent-banner-unblock-info-link { padding-top: 10px; }
.consent-banner-unblock-info-button { padding-top: 15px; }*/

@media screen and (max-width: 1024px){
  #consent-banner-center { flex-direction: column; gap: 15px; }
  #consent-banner-left { flex: 0 0 100%; }
  #consent-banner-right { flex: 0 0 auto; }
  #content-banner-buttons { flex-direction: row; justify-content: center; }
  .consent-banner-button { flex: 0 0 175px; }
}

@media screen and (max-width: 450px){
  #content-banner-buttons { flex-direction: column; gap: 10px; }
  .consent-banner-button { flex: 0 0 auto; }
}
/* Consent Banner */



.prev, .next {
  text-decoration: none !important;
}
.social-buttons {
    display: flex;
    justify-content: space-around;
    padding-top: 10px;
    padding-bottom: 19px;
}



#designbody                         { background: none; background-color: #fff; color: #000; }
#designbody p                       { padding-bottom: 17px; }
#designbody ul,ol                   { padding-left: 22px; }