.btn-secondary { color: #fff; background-color: #006339; border-color: #006339; } .btn-secondary:hover { color: #fff; background-color: #003d23; border-color: #00301c; } #head-kontakt a { text-decoration: none; } .nav-item:not(:last-child) { margin-right: 3.8rem !important; margin-left: 3.8rem !important; } .nav-item:last-child) { margin-left: 3.8rem !important; } .nav-link { font-size: 15pt; } .mainnav { font-family: 'Open Sans', sans-serif; font-weight: 300; padding: 10px 14px 0 0; margin: 0; display: flex; justify-content: flex-end; } .dropdown-menu { background-color: #006339; } .dropdown-item { color: #fff; text-transform: capitalize; } .img-container, .img-container a { position: relative; display: block; } .img-icon { position: absolute; right: 5px; bottom: 5px; background-color: #006339; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; border: 1px solid #fff; } .img-icon svg { color: #fff; } .akt-bild { padding-right: 0; } .manv0showsub { font-weight: bold; color: #006339; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #a0a0a0; display: block; cursor: pointer; } .manv1showsub { font-weight: bold; color: #006339; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #a0a0a0; display: block; cursor: pointer; } @font-face{font-family:Oswald;font-style:normal;font-weight:200;src:url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-200.eot);src:local(''),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-200.eot?#iefix) format('embedded-opentype'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-200.woff2) format('woff2'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-200.woff) format('woff'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-200.ttf) format('truetype'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-200.svg#Oswald) format('svg')}@font-face{font-family:Oswald;font-style:normal;font-weight:300;src:url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-300.eot);src:local(''),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-300.eot?#iefix) format('embedded-opentype'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-300.woff2) format('woff2'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-300.woff) format('woff'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-300.ttf) format('truetype'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-300.svg#Oswald) format('svg')}@font-face{font-family:Oswald;font-style:normal;font-weight:400;src:url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-regular.eot);src:local(''),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-regular.eot?#iefix) format('embedded-opentype'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-regular.woff2) format('woff2'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-regular.woff) format('woff'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-regular.ttf) format('truetype'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-regular.svg#Oswald) format('svg')}@font-face{font-family:Oswald;font-style:normal;font-weight:500;src:url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-500.eot);src:local(''),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-500.eot?#iefix) format('embedded-opentype'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-500.woff2) format('woff2'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-500.woff) format('woff'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-500.ttf) format('truetype'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-500.svg#Oswald) format('svg')}@font-face{font-family:Oswald;font-style:normal;font-weight:600;src:url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-600.eot);src:local(''),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-600.eot?#iefix) format('embedded-opentype'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-600.woff2) format('woff2'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-600.woff) format('woff'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-600.ttf) format('truetype'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-600.svg#Oswald) format('svg')}@font-face{font-family:Oswald;font-style:normal;font-weight:700;src:url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-700.eot);src:local(''),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-700.eot?#iefix) format('embedded-opentype'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-700.woff2) format('woff2'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-700.woff) format('woff'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-700.ttf) format('truetype'),url(/static/wbmabf/fonts/Oswald/oswald-v30-latin-700.svg#Oswald) format('svg')} @font-face{font-family:Exo;font-style:normal;font-weight:100;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-100.eot);src:local('Exo Thin'),local(Exo-Thin),url(/static/wbmabf/fonts/Exo/exo-v9-latin-100.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-100.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-100.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-100.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-100.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:100;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-100italic.eot);src:local('Exo Thin Italic'),local(Exo-ThinItalic),url(/static/wbmabf/fonts/Exo/exo-v9-latin-100italic.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-100italic.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-100italic.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-100italic.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-100italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:200;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-200.eot);src:local('Exo ExtraLight'),local(Exo-ExtraLight),url(/static/wbmabf/fonts/Exo/exo-v9-latin-200.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-200.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-200.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-200.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-200.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:200;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-200italic.eot);src:local('Exo ExtraLight Italic'),local(Exo-ExtraLightItalic),url(/static/wbmabf/fonts/Exo/exo-v9-latin-200italic.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-200italic.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-200italic.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-200italic.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-200italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:300;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-300.eot);src:local('Exo Light'),local(Exo-Light),url(/static/wbmabf/fonts/Exo/exo-v9-latin-300.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-300.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-300.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-300.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-300.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:300;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-300italic.eot);src:local('Exo Light Italic'),local(Exo-LightItalic),url(/static/wbmabf/fonts/Exo/exo-v9-latin-300italic.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-300italic.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-300italic.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-300italic.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-300italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:400;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-regular.eot);src:local('Exo Regular'),local(Exo-Regular),url(/static/wbmabf/fonts/Exo/exo-v9-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-regular.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-regular.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-regular.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-regular.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:400;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-italic.eot);src:local('Exo Italic'),local(Exo-Italic),url(/static/wbmabf/fonts/Exo/exo-v9-latin-italic.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-italic.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-italic.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-italic.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:500;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-500.eot);src:local('Exo Medium'),local(Exo-Medium),url(/static/wbmabf/fonts/Exo/exo-v9-latin-500.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-500.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-500.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-500.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-500.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:500;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-500italic.eot);src:local('Exo Medium Italic'),local(Exo-MediumItalic),url(/static/wbmabf/fonts/Exo/exo-v9-latin-500italic.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-500italic.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-500italic.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-500italic.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-500italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:600;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-600.eot);src:local('Exo SemiBold'),local(Exo-SemiBold),url(/static/wbmabf/fonts/Exo/exo-v9-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-600.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-600.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-600.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-600.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:600;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-600italic.eot);src:local('Exo SemiBold Italic'),local(Exo-SemiBoldItalic),url(/static/wbmabf/fonts/Exo/exo-v9-latin-600italic.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-600italic.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-600italic.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-600italic.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-600italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:700;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-700.eot);src:local('Exo Bold'),local(Exo-Bold),url(/static/wbmabf/fonts/Exo/exo-v9-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-700.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-700.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-700.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-700.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:700;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-700italic.eot);src:local('Exo Bold Italic'),local(Exo-BoldItalic),url(/static/wbmabf/fonts/Exo/exo-v9-latin-700italic.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-700italic.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-700italic.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-700italic.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-700italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:800;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-800.eot);src:local('Exo ExtraBold'),local(Exo-ExtraBold),url(/static/wbmabf/fonts/Exo/exo-v9-latin-800.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-800.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-800.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-800.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-800.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:800;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-800italic.eot);src:local('Exo ExtraBold Italic'),local(Exo-ExtraBoldItalic),url(/static/wbmabf/fonts/Exo/exo-v9-latin-800italic.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-800italic.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-800italic.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-800italic.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-800italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:900;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-900.eot);src:local('Exo Black'),local(Exo-Black),url(/static/wbmabf/fonts/Exo/exo-v9-latin-900.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-900.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-900.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-900.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-900.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:900;src:url(/static/wbmabf/fonts/Exo/exo-v9-latin-900italic.eot);src:local('Exo #000 Italic'),local(Exo-BlackItalic),url(/static/wbmabf/fonts/Exo/exo-v9-latin-900italic.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-900italic.woff2) format("woff2"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-900italic.woff) format("woff"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-900italic.ttf) format("truetype"),url(/static/wbmabf/fonts/Exo/exo-v9-latin-900italic.svg#Exo) format("svg")} @font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-300.eot);src:local('Open Sans Light'),local(OpenSans-Light),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-300.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-300.woff2) format("woff2"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-300.woff) format("woff"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-300.ttf) format("truetype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-300.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-300italic.eot);src:local('Open Sans Light Italic'),local(OpenSans-LightItalic),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-300italic.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-300italic.woff2) format("woff2"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-300italic.woff) format("woff"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-300italic.ttf) format("truetype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-300italic.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-regular.eot);src:local('Open Sans Regular'),local(OpenSans-Regular),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-regular.woff2) format("woff2"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-regular.woff) format("woff"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-regular.ttf) format("truetype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-regular.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-italic.eot);src:local('Open Sans Italic'),local(OpenSans-Italic),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-italic.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-italic.woff2) format("woff2"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-italic.woff) format("woff"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-italic.ttf) format("truetype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-italic.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-600.eot);src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-600.woff2) format("woff2"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-600.woff) format("woff"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-600.ttf) format("truetype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-600.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-600italic.eot);src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-600italic.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-600italic.woff2) format("woff2"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-600italic.woff) format("woff"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-600italic.ttf) format("truetype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-600italic.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-700.eot);src:local('Open Sans Bold'),local(OpenSans-Bold),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-700.woff2) format("woff2"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-700.woff) format("woff"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-700.ttf) format("truetype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-700.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-700italic.eot);src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-700italic.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-700italic.woff2) format("woff2"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-700italic.woff) format("woff"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-700italic.ttf) format("truetype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-700italic.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-800.eot);src:local('Open Sans ExtraBold'),local(OpenSans-ExtraBold),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-800.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-800.woff2) format("woff2"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-800.woff) format("woff"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-800.ttf) format("truetype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-800.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-800italic.eot);src:local('Open Sans ExtraBold Italic'),local(OpenSans-ExtraBoldItalic),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-800italic.eot?#iefix) format("embedded-opentype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-800italic.woff2) format("woff2"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-800italic.woff) format("woff"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-800italic.ttf) format("truetype"),url(/static/wbmabf/fonts/OpenSans/open-sans-v17-latin-800italic.svg#OpenSans) format("svg")} /* font-family: Arial, Helvetica, sans-serif; font-family: 'Exo', sans-serif; font-family: 'Oswald', sans-serif; font-family: 'Open Sans', sans-serif; */ .immoflex-container { display: flex; flex-wrap: wrap; padding-bottom: 45px; } #iommoflex-gala { flex-grow: 1; } #iommoflex-buttons { flex: 0 0 200px; } #iommoflex-buttons a { display: block; margin-left: auto; width: 165px; margin-bottom: 15px; } .ifb-asp-liste { display: flex; flex-wrap: wrap; } .ifb-asp-name { flex: 0 0 50%; text-align: right; padding-bottom: 10px; } .ifb-asp-name div { padding-right: 10px; font-weight: bold; } .ifb-asp-infos { flex: 0 0 50%; text-align: left; padding-bottom: 10px; } .ifb-asp-info { padding-left: 10px; } #intranet-navigation { padding-bottom: 25px; } #intranet-navigation-container { background-color: #dceaf7; padding: 10px; display: flex; } #intranet-loggedin-user { flex-grow: 1; } #intranet-navigation-button { flex: 0 0 200px; text-align: right; padding-top: 10px; } /* #immosuche { padding: 25px 0; } #immosuche-flex { display: flex; padding-bottom: 30px; } #immosuche-left { flex: 0 0 56%; } #immosuche-center { flex: 0 0 3%; } #immosuche-right { flex: 0 0 41%; } .immosuche-slider-container-abstand { padding: 0 15px; } #immosuche-submit { padding-top: 30px; } #immosuche-submit-flex { display: flex; } #immosuche-submit-anzahl { flex: 0 0 50%; text-align: right; } #immosuche-submit-button { flex: 0 0 50%; text-align: left; } #immosuchecount { padding-right: 25px; padding-top: 7px; } #immosuche-submit-button button { margin-left: 25px; } .immosuche-cell-left { width: 125px; } .immosuche-checkbox-list { display: flex; flex-wrap: wrap; } .immosuche-checkbox { flex: 0 0 50%; } .immo-suche-count { font-size: 10pt; } .immosuche-slider-titel-mobile { display: none; } .immosuche-feld-titel-mobile { display: none; } .immoliste-navigation { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; margin: 25px 0; padding: 10px 0; height: 60px; position: relative; } .immoliste-nav { text-align: center; font-size: 13pt; padding-top: 8px; } #immoliste-sortierung { position: absolute; right: 0; top: 10px; } .immobilie { margin-bottom: 45px; } .immobilie-flex { display: flex; } .immobilie-left { flex: 0 0 28%; background-color: #dceaf7; } .immoliste-bild { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .immobilie-right { flex-grow: 1; position: relative; } .immobilie-infos { padding: 10px 10px 50px 20px; } .immobilie-link { position: absolute; z-index: 10; bottom: 0; width: 100%; text-align: right; background-color: #dceaf7; padding: 6px; height: 43px; } .immobilie-headline { padding-bottom: 15px; } .immobilie-headline h3 { font-size: 1.3rem; margin-bottom: 0; color: #f99d1c; } .immobilie-adresse { padding-bottom: 15px; } .immobilie-adresse-strasse { display: inline-block; padding-right: 10px; border-right: 1px solid #3a3a3a; } .immobilie-adresse-plzort { display: inline-block; padding-left: 5px; } .immobilie-quick-infos { display: flex; flex-wrap: wrap; justify-content: space-evenly; text-align: center; padding-top: 15px; } .immobilie-quick-info-value { padding: 0 5px; margin: 0 15px; font-weight: bold; font-size: 14pt; } .immobilie-quick-info-titel { padding: 2px 5px 0 5px; margin: 0 15px; border-top: 1px solid #d3d3d3; padding-bottom: 15px; font-size: 10pt; } .immobilie-quick-info-wbs .immobilie-quick-info-titel { border-top: 2px solid #e20303; } .immobilie-badges { position: absolute; bottom: 10px; left: 20px; z-index: 20; } .immobile-badge { display: inline-block; padding: 4px 5px 3px 5px; font-size: 10pt; border-radius: 3px; margin-right: 15px; line-height: 10pt; } .badge-balkon { background-color: #942929; color: #fff; } .badge-dusche { background-color: #94298c; color: #fff; } .badge-wanne { background-color: #29943b; color: #fff; } .badge-aufzug { background-color: #298f94; color: #fff; } */ #google-karte-infobox { width: 100%; height: 600px; } .googleMapsInfo { display: none; } /*.gm-style-iw div div { overflow-x: hidden !important; } .map-info-window { max-width: 260px; width: 185px; }*/ .map-headline { padding-bottom: 15px; font-weight: bold; font-size: 11pt; color: #f99d1c; } .map-adresse { padding-bottom: 15px; font-size: 11pt; } .map-table { display: table; padding-bottom: 15px; font-size: 11pt; width: 165px; } .map-row { display: table-row; } .map-cell { display: table-cell; } .map-cell.cell-left { padding: 2px 10px 2px 0; } .map-cell.cell-right { padding: 2px 0 2px 10px; text-align: right; } .map-details { text-align: right; } #immobilien { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 75px; grid-row-gap: 75px; text-align: center; } .immobilie { transition: 250ms ease-in-out; transform: scale(1); } .immobilie:hover { transform: scale(1.1); transition: 250ms ease-in-out; background-color: #e8f1fa; } .immobilie > div { display: flex; flex-direction: column; gap: 20px; } .immo-image { position: relative; } .immo-image img { display: block; width: 100%; height: 230px; object-fit: cover; } .immo-infos { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; text-align: center; } .immo-info-big { font-size: 1.5rem; font-weight: bold; } .immo-link { padding-bottom: 20px; } /* zum ändern der Höhe der Galerie muss in den folgenden 3 Definitionen die max-height angepasst werden! */ #carouselimmobilder .carousel-inner > .carousel-item { height: 300px; } #carouselimmobilder .carousel-inner > .carousel-item > .carousel-item-content { max-height: 300px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; } #carouselimmobilder .carousel-item-content img { max-height: 300px; } #carouselimmobilder .carousel-fa-prev, .carousel-fa-next { color: #294594; font-size: 20pt; } #carouselimmobilder .carousel-caption { background-color: rgba(0, 0, 0, 0.52); left: 0; right: 0; padding-top: 6px; padding-bottom: 6px; bottom: 0; font-size: 10pt; } .immo-link-bar { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; padding: 10px; margin: 25px 0; text-align: right; } .immo-link-bar-top { margin-bottom: 45px; display: none; } .immo-link-bar-bottom { margin-top: 45px; } .immo-link-bar a { margin-left: 15px; } .immo-link-bar a:first-child { margin-left: 0; } .cell-immo-feld { width: 205px; } .cell-immo-wert { } .immo-infos-headline, .immo-text-headline { border-bottom: 1px solid #294594; margin-bottom: 12px; } .immo-info-flex { display: flex; flex-wrap: wrap; } .immo-info-flex-box { flex: 0 0 50%; } .immo-info-flex-box:nth-child(odd) .immo-infos-block { padding-right: 25px; } .immo-info-flex-box:nth-child(even) .immo-infos-block { padding-left: 25px; } * { padding: 0; margin: 0; } /* *:focus { outline: 0; }*/ body { background-color: #fff; font-family: 'Open Sans', sans-serif; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #3a3a3a; position: relative; overflow-y: scroll; } /*a:focus { outline: none; }*/ a { color: #006339; } /* a:link { text-decoration: none; } a:visited { text-decoration: none; } a:active { text-decoration: none; } a:hover { color: #006339; text-decoration: none; } */ .clear { clear: both; } .imgleft { float: left; margin-right:30px; margin-bottom:20px; } .imgright { float: right; margin-left:30px; margin-bottom:20px; } .wrap { max-width: 1600px; margin: 0 auto; position: relative; } .wrapp { max-width: 1640px; margin: 0 auto; padding: 0 20px; position: relative; } #page-head { position: fixed; z-index: 60; top: 0; left: 0; width: 100%; background-color: #fff; height: 230px; } #logo a img, #head-row-1, #head-row-1-left, #head-row-1-right, #head-kontakt { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } #head-row-1 { height: 147px; } #head-row-1-left { float: left; padding-left: 203px; padding-top: 50px; } #claim { display: block; width: 100%; max-width: 545px; } #head-row-1-right { float: right; padding-top: 69px; position: relative; } #head-kontakt { font-family: 'Exo', sans-serif; font-size: 17pt; position: absolute; top: 77px; right: 28px; white-space: nowrap; } #head-kontakt i { color: #ffab11; padding-right: 10px; } #head-search-field { display: flex; width: 49px; height: 49px; } .hsf-open { background-color: #ffab11; width: 224px; } #search-field-container { flex-grow: 1; display: none; } #search-field { border: 0; background-color: transparent; height: 49px; width: 100%; padding: 0 15px 0 10px; font-size: 14pt; line-height: 14pt; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 200; } #search-field:-ms-input-placeholder { color: #fff; } #search-field::-ms-input-placeholder { color: #fff; } #search-field::placeholder { color: #fff; opacity: 1; font-weight: 200; } #search-submit { flex: 0 0 40px; height: 49px; padding-top: 13px; cursor: pointer; } #search-submit i { color: #7c7c7c; font-size: 17pt; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #head-row-2 { height: 63px; } #head-row-2 .wrapp { height: 63px; } #logo { position: absolute; left: 20px; top: 9px; z-index: 10; } #logo a { display: block; } #logo a img { display: block; height: 193px; } nav { padding-right: 30px; } #nav-desktop { text-align: right; } #mobile-menu-switch { display: none; } #mobile-navigation { display: none; } #mainnav { font-family: 'Open Sans', sans-serif; font-weight: 300; list-style: none; padding: 0; margin: 0; display: flex; justify-content: flex-end; } .mainli { position: relative; display: inline-block; display: block; } .mainlink { padding: 0 20px; display: block; font-size: 15pt; } .mainlink-text { text-transform: uppercase; color: #000; line-height: 63px; } .mainsub { display: inline-block; padding: 0 0 0 5px; color: #000; line-height: 63px; } .mainli-trenner { display: inline-block; flex: 0 0 81px; position: relative; } .mainli-trenner div { /*width: 1px; background-color: #fff; height: 24px; position: absolute; top: 20px; left: calc(50% - 1px);*/ } #mainnav li:last-child .mainlink { padding-right: 0; } .sub1 { list-style: none; position: absolute; left: 16px; top: 63px; min-width: 140px; padding: 5px 0; background-color: #006339; text-align: left; } a.sub1link { display: block; padding: 5px 10px; font-size: 11pt; white-space: nowrap; color: #fff; } .sub1.sub1left { left: auto; right: -10px; text-align: right; } #page-head.smallhead { height: 180px; } #page-head.smallhead #head-row-1 { height: 117px; } #page-head.smallhead #head-row-1-left{ padding-top: 21px; } #page-head.smallhead #logo { top: 9px; } #page-head.smallhead #logo img { height: 160px; } #page-head.smallhead #head-row-1-right { padding-top: 35px; } #page-head.smallhead #head-kontakt { top: 45px; } #page-content { padding-top: calc(177px + 53px); } #start-content { display: flex; } #start-slider { flex-grow: 1; order:2; position: relative; } #start-slider img { display: block; width: 100%; height: 672px; object-fit: cover; object-position: center; } .slide-overlay { position: absolute; left: 28px; bottom: 25px; background-color: #fff; padding: 18px 12px; white-space: nowrap; } .slide-overlay-headline { font-family: 'Open Sans', sans-serif; font-weight: 300; color: #f99d1c; font-size: 26pt; padding-bottom: 10px; } .slide-overlay-text p:last-child { margin-bottom: 0; } #start-boxen { flex: 0 0 476px; } #start-box-container { display: flex; flex-direction: column; height: 100%; } #start-box-wohnungssuche { flex: 0 0 406px; background-color: #e8f1fa; text-align: center; font-family: 'Open Sans', sans-serif; } #start-box-wohnungssuche-titel { padding: 8px 0 20px 0; } #start-box-wohnungssuche-titel h2 { margin-bottom: 0; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } #start-box-wohnungssuche-titel h2 span:first-child { font-weight: 300; display: inline-block; font-size: 27pt; line-height: 27pt; } #start-box-wohnungssuche-titel h2 span:last-child { /*font-weight: 400;*/ font-weight: 300; display: inline-block; font-size: 26pt; line-height: 23pt; } .suche-feld { max-width: 350px; 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; } .slider-table { display: table; width: 100%; font-family: 'Open Sans', sans-serif; } .slider-td { display: table-cell; vertical-align: top; } .slider-td.slider-left { width: 55px; text-align: center; font-weight: 700; } .slider-center { padding-left: 6px; padding-right: 16px; padding-top: 2px; } .slider-td.slider-right { width: 55px; text-align: center; font-weight: 700; } .slider-inner { padding-top: 9px; } #immo-suche-slider { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .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: 13pt; font-weight: bold; } .slider-inner { padding: 0 18px; position: relative; } .slider-titel{ width: 100%; text-align: center; } #immmo-suche { display: flex; gap: 100px; } #immmo-suche-left { flex-grow: 1; } #immmo-suche-right { flex: 0 0 525px; } .immmo-suche-right-flex { display: flex; flex-direction: column; gap: 15px; justify-content: space-between; } #immo-quickinfos { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 45px; row-gap: 20px; padding-top: 30px; text-align: center; } .immo-quickinfo > div:nth-child(1) { font-weight: bold; font-size: 1.5rem; } .immo-details-2-spalten { display: flex; gap: 80px; } .immo-details-2-spalten > div { flex: 0 0 calc(50% - 40px); } .immo-details-table { display: table; width: 100%; } .immo-table-row { display: table-row; } .immo-table-cell { display: table-cell; vertical-align: top; border-bottom: 1px solid #d3d3d3; padding-top: 2px; padding-bottom: 2px; width: 50%; } .immo-table-cell:nth-child(1){ padding-right: 5px; } .immo-table-cell:nth-child(2){ padding-left: 5px; } /*.noUi-target { box-shadow: none; border: 0; background: #cecece; } .noUi-handle { box-shadow: none; border: 0; background: #cecece; } .noUi-horizontal .noUi-handle { width: 23px; height: 23px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; color: #fff; top: -8px; } .noUi-horizontal { height: 8px; } .noUi-handle:before { display: none; } .noUi-handle-lower.noUi-handle:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f054'; background: none; left: 8.5px; } .noUi-handle-upper.noUi-handle:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f053'; background: none; left: 7px; } .noUi-handle:after, .noUi-handle:before { top: -1px; }*/ #start-box-wohnungssuche-anzahl { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 11pt; padding-top: 15px; } #start-box-wohnungssuche-anzahl span { font-weight: 700; font-size: 18pt; } #start-box-wohnungssuche-submit { padding-top: 15px; font-family: 'Open Sans', sans-serif; font-weight: 300; } #start-box-aktuelles { flex-grow: 1; } #start-box-aktuelles-titel { text-align: center; padding: 25px 0 0 0; } #start-box-aktuelles-titel h2 { margin-bottom: 0; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 27pt; line-height: 27pt; font-weight: 300; } #start-box-aktuelles-meldungen-container { padding: 25px 5% 0 5%; } #start-box-aktuelles-meldungen { display: table; width: 100%; } .start-box-meldung { display: table-row; } .start-box-meldung:nth-child(4) { display: none; } .start-box-meldung:nth-child(5) { display: none; } .start-box-meldung-datum { display: table-cell; vertical-align: middle; text-align: center; text-transform: uppercase; width: 57px; } .start-box-meldung-datum-monat { display: block; background-color: #fff; border: 1px solid #ffab11; color: #0d2a3e; height: 31px; line-height: 31px; font-size: 9pt; } .start-box-meldung-datum-tag { display: block; background-color: #ffab11; color: #fff; height: 34px; line-height: 34px; font-size: 16pt; font-family: 'Open Sans', sans-serif; font-weight: 400; } .start-box-meldung-trenner-h { display: table-cell; width: 17px; } .start-box-meldung-titel { display: table-cell; vertical-align: middle; color: #0d2a3e; font-family: 'Open Sans', sans-serif; font-weight: 400; } .start-box-meldung-trenner-v { display: table-cell; } .start-box-meldung-trenner-v span { display: block; width: 100%; height: 34px; } .start-box-content-flex { display: flex; flex-wrap: wrap; flex-direction: column; height: 100%; } .start-box-content-flex-text { flex-grow: 1; padding: 18px 20px; background-color: #f8f4f4; font-size: 11pt; } .start-box-content-flex-text p:last-child { margin-bottom: 0; } .start-box-content-flex-bild { position: relative; } .start-box-content-flex-bild img { display: block; width: 100%; object-fit: cover; object-position: center; } .start-box-content-flex-bild-btn { position: absolute; right: 27px; bottom: 13px; } #page-footer { color: #333; background-color: #eef4fb; padding-top: 30px; } #page-footer a, #page-footer a:hover { color: #333; } #footer-main { display: flex; } #footer-main-infos { flex-grow: 1; } #footer-infos-flex { display: flex; justify-content: space-between; } .footer-info { flex-grow: 1; } .footer-info-container { padding: 0 20px; } .footer-info-headline { text-transform: uppercase; padding-bottom: 30px; } .footer-info-headline h5 { font-weight: normal; font-size: 22pt; margin-bottom: 0; } .footer-info-content { font-size: 11pt; } .footer-info-content ul { padding-left: 19px; overflow: auto; } .footer-info-content p:last-child { margin-bottom: 0; } #footer-main-verbandslogo { flex: 0 0 476px; } #footer-main-verbandslogo img { display: block; margin: 0 auto; padding-top: 82px; width: 100%; } #footer-copyright { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 11pt; padding-bottom: 22px; padding-top: 65px; text-align: center; } #footer-impds { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 11pt; padding-bottom: 25px; text-align: center; } #footer-impds a { display: inline-block; } #footer-impds a:nth-child(1) { padding-right: 6px; } #footer-impds a:nth-child(2) { padding-right: 6px; } #footer-impds a:nth-child(3) { padding-left: 6px; } #content { display: flex; } #intranet-content { flex-grow: 1; } #content-main { flex-grow: 1; padding-bottom: 30px; padding-right: 50px; } #content-aside { flex: 0 0 476px; } #content-aside p a { font-weight: bold; } #seitentitel { } #seitentitel h1 { font-family: 'Open Sans', sans-serif; font-weight: 300; margin-bottom: 20px; } #content-main h2 { font-family: 'Open Sans', sans-serif; font-weight: 300; margin-bottom: 10px; } #content-main h3 { font-family: 'Open Sans', sans-serif; font-weight: 300; margin-bottom: 10px; } .content-trenner { width: 100%; height: 20px; } .immo-text-content ul { overflow: auto; padding-left: 21px; } .inh-abs-text ul { overflow: auto; list-style: none; } .inh-abs-text ul li { position: relative; padding-left: 20px; } .inh-abs-text ul li:before { display: block; content: '\f101'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: -1px; } .inh-abs-text ol { padding-left: 30px; overflow: auto; } .inh-abs-text a { font-weight: bold; } .bildgala { display: flex; padding: 15px 0 0 0; flex-wrap: wrap; gap: 30px; } .gala-bild-container { flex: 0 0 calc(25% - 22.5px); padding: 0; position: relative; } .gala-bild-container a { display: block; width: 100%; } .gala-bild-container a img { display: block; width: 100%; height: 240px; object-fit: cover; } .content-box { margin-bottom: 6%; } .content-box.blue-box { background-color: #dceaf7; } .blue-box-inhalte { padding: 36px 40px 32px 40px; } .blue-box-icon { padding-bottom: 21px; } .blue-box-icon img { display: block; margin: 0 auto; width: 100%; max-width: 91px; } .blue-box-titel { text-transform: uppercase; text-align: center; } .blue-box-titel h3 { font-family: 'Open Sans', sans-serif; font-weight: 200; font-size: 22pt; margin-bottom: 0; } .blue-box-text { text-align: center; padding-top: 35px; font-size: 11pt; } .blue-box-text p:last-child { margin-bottom: 0; } .blue-box-text ul { overflow: auto; list-style: none; } .blue-box-text ul li { position: relative; padding-left: 20px; } .blue-box-text ul li:before { display: block; content: '\f101'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 0px; } .blue-box-button { text-align: center; padding-top: 32px; } .wohnungssuche-box { text-align: center; } .wohnungssuche-box .blue-box-inhalte { padding: 21px 15px 32px 15px; } .orange-box-titel { text-transform: uppercase; background-color: #ffab11; color: #000; text-align: center; } .orange-box-titel h3 { font-family: 'Open Sans', sans-serif; font-weight: 200; font-size: 26pt; margin-bottom: 0; line-height: 74px; } .orange-box-text { padding: 18px 20px; background-color: #e8f1fa; font-size: 12pt; } .orange-box-text p:last-child { margin-bottom: 0; } .orange-box-text ul { overflow: auto; list-style: none; } .orange-box-text ul li { position: relative; padding-left: 20px; } .orange-box-text ul li:before { display: block; content: '\f101'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 0px; } .orange-box-bild-full-size { position: relative; } .orange-box-bild-full-size img { display: block; width: 100%; object-fit: cover; object-position: center; height: 100%; } .orange-box-bild-full-size-btn { position: absolute; right: 27px; bottom: 13px; } .orange-box-bild-small { position: relative; } .orange-box-bild-small img { display: block; width: 100%; object-fit: cover; object-position: center; } .orange-box-bild-small-btn { position: absolute; right: 27px; bottom: 13px; } .faq-fragen { margin-bottom: 2rem; padding-left: 1.5rem; } .faqantworten { margin-top: 3rem; } .faq-antwort-frage { font-weight: bold; padding-left: 1.5rem; } .faq-antwort { padding-left: 1.5rem; padding-bottom: 1rem; } .faq-bereich-titel { margin-top: 3rem; } .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-info-text p { margin-bottom: 0; } #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: #eef4fb; } .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; } } .asp-telefon i { color: #717171; } .asp-email i { color: #717171; } .hauswart-telefon i { color: #717171; } /*.custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color: #294594; }*/ #news-liste { padding-bottom: 30px; } .news-liste-eintrag { display: flex; flex-wrap: wrap; border-bottom: 1px solid #7da7d8; margin-bottom: 20px; padding-bottom: 20px; } .news-liste-eintrag:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; } .news-liste-titel { padding-bottom: 15px; flex: 0 0 100%; } .news-liste-titel h3 { font-family: 'Open Sans', sans-serif; font-weight: 300; margin-bottom: 0; font-size: 20pt; line-height: 20pt; } .news-liste-titel a { color: #3a3a3a; } .news-liste-eintrag-bild { flex: 0 0 25%; } .news-liste-eintrag-bild a { display: block; } .news-liste-eintrag-bild img { display: block; width: 100%; } .news-liste-eintrag-infos { flex: 0 0 75%; } .news-liste-date { font-size: 17pt; } .news-liste-teaser { padding-bottom: 15px; padding-left: 30px; } .news-liste-button { padding-left: 30px; text-align: right; } .news-liste-eintrag.liste-no-pic .news-liste-teaser { padding-left: 0; } .news-liste-eintrag.liste-no-pic .news-liste-button { padding-left: 0; } .news-liste-eintrag.liste-no-pic .news-liste-eintrag-infos { flex: 0 0 100%; } .accordion { padding: 20px 0; } .accordion .card-header { cursor: pointer; background-color: #7da7d8; color: #fff; } .accordion .card-header.collapsed { background-color: rgba(0,0,0,.03); color: #3a3a3a; } .slider-flex { gap: 18px; } .slider-titel { padding-bottom: 4px; text-align: center; } .slider-val { flex: 0 0 50px; padding-top: 26px; } .slider-center { flex-grow: 1; } .slider-right { text-align: right; } .form-control, .form-select { background-color: #DBE4F4; } .form-control:focus, .form-select:focus { background-color: #DBE4F4; } .custom-select { background-color: #DBE4F4; } .custom-control-label::before { background-color: #DBE4F4; } .form-topspace { padding-top: 30px; } .form-row ul { padding-left: 19px; overflow: auto; } .form-row ol { padding-left: 30px; overflow: auto; } .flexslider { margin-bottom: 0; margin-top: 30px; } .flexslider .slides img { cursor: zoom-in; } .flexslider.carousel .slides img { cursor: pointer; } .flex-direction-nav a { height: 46px; } .flexslider .slides > li { position: relative; } .flex-caption { width: 100%; padding: 2%; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px; position: absolute; margin-bottom: 0; } .flexslider-custom-prev { position: absolute; left: 10px; top: 50%; z-index: 50; cursor: pointer; font-size: 40pt; line-height: 56px; color: #f99d1c; height: 56px; margin-top: -25px; padding-right: 30px; } .flexslider-custom-next { position: absolute; right: 10px; top: 50%; z-index: 50; cursor: pointer; font-size: 40pt; line-height: 56px; color: #f99d1c; height: 56px; margin-top: -25px; padding-left: 30px; } .flexslider.carousel .slides > li { cursor: pointer; } .archiv-jahr { font-size: 14pt; padding-bottom: 4px; } .archiv-jahr:last-child { padding-bottom: 0; } #scrolltoplink { position: fixed; bottom: 50px; z-index: 50; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } #scrolltoplink.show { opacity: 1; } #scrolltoplink a { font-size: 11pt; color: #f99d1c; } #scrolltoplink a:hover { color: #f99d1c; } .wl_top { margin-top: 67px; } #wohngebiete_liste { padding-top: 0px; } .wl_box { margin-bottom: 1px; background-color: #edf2f7; } .wl_titel_box { margin-bottom: 1px; background-color: #dceaf7; } .wl_box a { display: block; } .wl_box span { display: block; } .wlb_titel_text { padding-top: 2px; padding-left: 10px; float: left; font-size: 120%; } .wlb_color { width: 50px; height: 24px; float: left; } .wlb_text { padding-top: 2px; padding-left: 10px; float: left; } .clear-left { clear: left; } .wlb_space { padding-top: 6px; } #gw-uebersicht { display: flex; width: 100%; margin-top: 20px; margin-bottom: 20px; font-size: 9pt; } .gw-cal-monat { flex: 0 0 8.333333333333333%; text-align: center; } .gw-cal-monat-name { padding: 5px 3px 3px 3px; border: 1px solid #d3d3d3; font-weight: bold; font-size: 12pt; line-height: 12pt; background-color: #7da7d8; color: #fff; text-transform: uppercase; } .gw-cal-monat-tag { padding: 3px; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; line-height: 9pt; height: 20px; position: relative; } .gw-cal-monat-tag-datum { position: absolute; top: 4px; left: 50%; z-index: 50; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .gw-cal-tag-saturday { background-color: #ffffcc; } .gw-cal-tag-sunday-or-holiday { background-color: #99cc00; } #gw-cal-legende { padding-bottom: 30px; padding-top: 50px; } .legende-color-box { width: 20px; height: 20px; border: 1px solid #d3d3d3; } .gw-cal-buchung { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #d86400; z-index: 40; } .gw-cal-buchung-legende { background-color: #d86400; } .gw-cal-buchung-start { position: absolute; right: 0; top: 0; width: 50%; height: 100%; z-index: 40; } .gw-cal-buchung-start svg { fill: #d86400; } .gw-cal-buchung-ende { position: absolute; left: 0; top: 0; width: 50%; height: 100%; z-index: 40; } .gw-cal-buchung-ende svg { fill: #d86400; } .gw-cal-tag-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 55; } .gw-status-indicator { width: 20px; height: 20px; border: 1px solid #d3d3d3; } .dok-table { display: table; width: 100%; border-top: 1px solid #d3d3d3; } .dok-table-topspace { padding-bottom: 30px; } .dok-tablerow { display: table-row; } .dok-tablecell { display: table-cell; vertical-align: top; padding: 5px 0; border-bottom: 1px solid #d3d3d3; } #docsearch-field { border: 0; background-color: transparent; height: 45px; width: 100%; padding: 0 15px 0 10px; font-size: 14pt; line-height: 14pt; /* color: #fff; */ font-family: 'Open Sans', sans-serif; font-weight: 200; } #head-docsearch-field { /* background-color: #f99d1c; */ border: 1px solid #ced4da; display: flex; width: 224px; height: 49px; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; background-color: #DBE4F4; } .dok-symbol { width: 30px; font-size: 15pt; } .dok-symbol-right { width: 30px; font-size: 15pt; text-align: right; } .dok-text { padding-top: 9px !important; } .docsearch-result-top { padding-bottom: 5px; padding-top: 30px; font-size: 10pt; } .docsearch-result-bottom { padding-bottom: 15px; padding-top: 5px; font-size: 10pt; } @media screen and (max-width: 1550px){ .mainli-trenner { flex: 0 0 50px; } #footer-main-infos { flex: 0 0 66.66666%; } #footer-main-verbandslogo { flex: 0 0 33.33333%; } #immosuche-submit-flex { flex-wrap: wrap; } #immosuche-submit-anzahl { flex: 0 0 100%; text-align: center; } #immosuchecount { padding-right: 0 } #immosuche-submit-button { flex: 0 0 100%; text-align: center; } #immosuche-submit-button button { margin-left: 0; } .nav-item:not(:last-child) { margin-right: 2.8rem !important; margin-left: 2.8rem !important; } .gala-bild-container { flex: 0 0 calc(33% - 20px); } } @media screen and (max-width: 1500px){ .immosuche-cell-left { width: 100px; } #immosuche-left { flex: 0 0 52%; } #immosuche-right { flex: 0 0 45%; } } @media screen and (max-width: 1450px){ .mainli-trenner { flex: 0 0 25px; } .nav-item:not(:last-child) { margin-right: 1.8rem !important; margin-left: 1.8rem !important; } } @media screen and (max-width: 1400px){ /* #head-row-1-right { padding-top: 25px; } #head-kontakt { top: 104px; right: 20px; } */ #page-head.smallhead #head-row-1-right { padding-top: 15px; } #page-head.smallhead #head-kontakt { top: 75px; } #footer-main { flex-wrap: wrap; } #footer-main-infos { flex: 0 0 100%; } #footer-main-verbandslogo { flex: 0 0 100%; } #immosuche-flex { flex-wrap: wrap; } #immosuche-left { flex: 0 0 100%; } #immosuche-center { flex: 0 0 100%; height: 20px; } #immosuche-right { flex: 0 0 100%; } #immosuche-submit-anzahl { flex: 0 0 50%; text-align: right; } #immosuche-submit-button { flex: 0 0 50%; text-align: left; } #immosuchecount { padding-right: 25px; } .immo-info-flex-box:nth-child(1) { flex: 0 0 58%; } .immo-info-flex-box:nth-child(2) { flex: 0 0 42%; } .cell-immo-feld { width: 185px; } } @media screen and (max-width: 1350px){ .mainli-trenner { flex: 0 0 0px; } } @media screen and (max-width: 1300px){ #start-boxen { flex: 0 0 420px; } .orange-box-titel h3 { font-size: 23pt; } .immo-info-flex-box:nth-child(1) { flex: 0 0 100%; } .immo-info-flex-box:nth-child(2) { flex: 0 0 100%; padding-top: 40px; } .immo-info-flex-box:nth-child(odd) .immo-infos-block { padding-right: 0; } .immo-info-flex-box:nth-child(even) .immo-infos-block { padding-left: 0; } #immobilien { grid-template-columns: repeat(3, 1fr); } #immmo-suche-right { flex: 0 0 475px; } .gala-bild-container { flex: 0 0 calc(50% - 15px); } .immo-details-2-spalten { flex-direction: column; } } @media screen and (max-width: 1250px){ .mainlink { font-size: 14pt; } .nav-item:not(:last-child) { margin-right: 0.8rem !important; margin-left: 0.8rem !important; } } @media screen and (max-width: 1200px){ .mainlink { font-size: 13pt; } #start-boxen { flex: 0 0 385px; } .orange-box-titel h3 { font-size: 26pt; } #content { flex-wrap: wrap; } #content-main { flex: 0 0 100%; padding-right: 0; } #content-aside { flex: 0 0 100%; } #content-boxen { display: flex; flex-wrap: wrap; justify-content: space-between; } .content-box { flex: 0 0 47%; } .gala-bild-container { flex: 0 0 calc(25% - 22.5px); } #immosuche-left { flex: 0 0 52%; } #immosuche-center { flex: 0 0 3%; height: auto; } #immosuche-right { flex: 0 0 45%; } .immo-info-flex-box:nth-child(1) { flex: 0 0 50%; } .immo-info-flex-box:nth-child(2) { flex: 0 0 50%; padding-top: 0px; } .immo-info-flex-box:nth-child(odd) .immo-infos-block { padding-right: 25px; } .immo-info-flex-box:nth-child(even) .immo-infos-block { padding-left: 25px; } .immo-details-2-spalten { flex-direction: row; } } @media screen and (max-width: 1100px){ #nav-desktop { display: none; } #page-head { height: 90px; } #head-row-1 { height: 50px; } #head-row-1-left { padding-left: 80px; padding-top: 10px; } #claim { max-width: 100%; width: auto; height: 30px; } #head-row-1-right { padding-top: 10px; } #head-kontakt { top: 9px; right: 0px; } #head-row-2 { height: 40px; } #head-row-2 .wrapp { height: 40px; } #logo { top: 4px; } #logo a img { height: 80px; } #head-search-field { height: 30px; } #search-field { height: 30px; font-size: 13pt; line-height: 13pt; } #search-submit { text-align: center; padding-top: 4px; } #page-content { padding-top: calc(90px + 39px); } #page-head.smallhead { height: 90px; } #page-head.smallhead #head-row-1 { height: 50px; } #page-head.smallhead #head-row-1-left { padding-top: 10px; } #page-head.smallhead #head-row-1-right{ padding-top: 10px; } #page-head.smallhead #head-kontakt { top: 9px; } #page-head.smallhead #logo { top: 4px; } #page-head.smallhead #logo img { height: 80px; } #start-content { flex-wrap: wrap; } #start-slider { flex: 0 0 100%; } #start-boxen { flex: 0 0 100%; order: 2; } #start-box-container { flex-direction: row; justify-content: space-between; } #start-box-wohnungssuche { flex: 0 0 46%; padding-bottom: 15px; } #start-box-wohnungssuche-titel { padding-top: 15px; } #start-box-aktuelles { flex: 0 0 46%; background-color: #dceaf7; } #start-box-aktuelles-titel { padding-top: 15px; padding-bottom: 30px; } .start-box-meldung:nth-child(4) { display: table-row; } .start-box-meldung:nth-child(5) { display: table-row; } #mobile-menu-switch { position: fixed; right: 20px; top: 50px; display: block; z-index: 80; padding: 8px 0 2px 10px; } #mm-button { width: 30px; height: 30px; position: relative; cursor: pointer; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } #mm-button span { display: block; position: absolute; height: 4px; width: 50%; background: #006339; opacity: 1; left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #mm-button span:nth-child(even) { left: 50%; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } #mm-button span:nth-child(odd) { left:0px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } #mm-button span:nth-child(1), #mm-button span:nth-child(2) { top: 0px; } #mm-button span:nth-child(3), #mm-button span:nth-child(4) { top: 10px; } #mm-button span:nth-child(5), #mm-button span:nth-child(6) { top: 20px; } #mm-button.open span { background: #fff; } #mm-button.open span:nth-child(1),#mm-button.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #mm-button.open span:nth-child(2),#mm-button.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #mm-button.open span:nth-child(1) { left: 3px; top: 7px; } #mm-button.open span:nth-child(2) { left: calc(50% - 3px); top: 7px; } #mm-button.open span:nth-child(3) { left: -50%; opacity: 0; } #mm-button.open span:nth-child(4) { left: 100%; opacity: 0; } #mm-button.open span:nth-child(5) { left: 3px; top: 17px; } #mm-button.open span:nth-child(6) { left: calc(50% - 3px); top: 17px; } #mobile-navigation { display: block; height: 100vh; width: 80%; position: fixed; top: 0; left: -440px; z-index: 140; max-width: 440px; visibility: hidden; -webkit-transition: all 550ms linear; -moz-transition: all 550ms linear; -o-transition: all 550ms linear; transition: all 550ms linear; } #mobile-navigation.open { opacity: 1; visibility: visible; left: 0; } #nav-content { width: 100%; height: 100vh; padding-left: 5px; padding-right: 5px; overflow-y: auto; background-color: #fff; max-width: 440px; } #ios-menu-korrektur { width: 100%; height: 70px; } #mnav-head { padding: 15px 0 5px 0; max-height: 58px; } #mnav-head .tbl { width: 80%; margin: 0 auto; } #mnav-head .tbl-td { vertical-align: top; } #mm-search-btn { width: 46px; } #mm-search-btn button { height: 38px; } #mm-search-btn span { display: inline-block; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); padding-bottom: 2px; } #mnav-body { padding-top: 5px; height: calc(100vh - 58px); overflow-y: auto; } #mnav-body a { text-decoration: none; font-weight: bold; } #mnav-body a:hover { } #mnav-body ul { list-style: none; padding: 0; margin: 0; } #mnav-body ul li a { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #a0a0a0; display: block; } #mnav-body ul li { } .manv0 { padding-left: 20px; } .manv1 { padding-left: 40px; } .manv2 { padding-left: 60px; } .manv3 { padding-left: 80px; } .mnavli0 { position: relative; } .mnavli1 { position: relative; } .mnavli2 { position: relative; } .mnavli3 { } .show-sub-nav { position: absolute; top: 1px; right: 0; padding-top: 2px; padding-bottom: 8px; padding-right: 10px; padding-left: 10px; z-index: 3000; cursor: pointer; color: #ffab11; } .marrow { border: 6px solid #0067b3; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .isclicked .marrow { border-top-color: transparent; border-bottom-color: #0067b3; } .show-sub-nav.isclicked { top: -2px; padding-top: 0; padding-bottom: 12px; } .mnavul1 { display: none; } .mnavul2 { display: none; } .mnavul3 { display: none; } #siteoverlay { display: none; width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 1; z-index: 75; -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear; } #footer-copyright { padding-left: 60px; padding-right: 60px; } } @media screen and (max-width: 1000px){ .wrapp { padding: 0 12px; } #logo { left: 10px; } #head-kontakt { display: none; } #start-box-wohnungssuche-titel h2 span:first-child { font-size: 3.5vw; line-height: 3.5vw; } #start-box-wohnungssuche-titel h2 span:last-child { font-size: 3vw; line-height: 3vw; } .suche-felder { padding: 0 10px; } #start-box-aktuelles-titel h2 { font-size: 3.5vw; line-height: 1.2; } #start-box-aktuelles-meldungen-container { padding: 25px 10% 0 10%; } .start-box-meldung-titel { font-size: 11pt; } .orange-box-titel h3 { font-size: 4vw; } .blue-box-titel h3 { font-size: 3.5vw; } .footer-info:nth-child(3) { display: none; } .footer-info-headline h5 { font-size: 4.5vw; } .slide-overlay-headline { font-size: 4.5vw; } #scrolltoplink { bottom: 30px; } #scrolltoplink a { font-size: 9pt; } .gala-bild-container { flex: 0 0 calc(33% - 20px); } .immobilie-left { flex: 0 0 32%; } #immmo-suche { flex-direction: column; gap: 25px; } #immmo-suche-right { flex: 0 0 auto; } #immobilien { grid-template-columns: repeat(2, 1fr); } .immobilie:hover { transform: scale(1.0); } } @media screen and (max-width: 850px){ #immosuche-left { flex: 0 0 100%; } #immosuche-center { flex: 0 0 100%; height: 20px; } #immosuche-right { flex: 0 0 100%; } .immo-details-2-spalten { flex-direction: column; } } @media screen and (max-width: 765px){ #head-row-1-right { display: none; } #mobile-menu-switch { right: 10px; top: 3px; } #start-box-container { flex-wrap: wrap; } #start-box-wohnungssuche { flex: 0 0 100%; margin-top: 6%; } #start-box-aktuelles { flex: 0 0 100%; margin-top: 6%; } #footer-infos-flex { flex-wrap: wrap; } .footer-info { flex: 0 0 100%; text-align: center; } .slide-overlay { left: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.8); width: 100%; white-space: normal; } #start-box-aktuelles-meldungen-container { padding: 25px 10% 25px 10%; } #start-box-wohnungssuche-titel h2 span:first-child { font-size: 8.5vw; line-height: 8.5vw; } #start-box-wohnungssuche-titel h2 span:last-child { font-size: 7vw; line-height: 7vw; } #start-box-aktuelles-titel h2 { font-size: 8.5vw; line-height: 8.5vw; } .orange-box-titel h3 { font-size: 8vw; } .blue-box-titel h3 { font-size: 7vw; } .footer-info-headline h5 { font-size: 8vw; } .footer-info:nth-child(2) { padding-top: 40px; } .footer-info-container { padding: 0; } #footer-main-verbandslogo img { padding-top: 65px; } .slide-overlay-headline { font-size: 7vw; } #footer-main-verbandslogo img { width: 80%; } .content-box { flex: 0 0 100%; } .news-liste-eintrag-bild { flex: 0 0 75%; } .news-liste-eintrag-bild a { margin-bottom: 15px; } .news-liste-eintrag-infos { flex: 0 0 100%; } .news-liste-teaser { padding-left: 0; } .news-liste-button { padding-left: 0; } #scrolltoplink { bottom: 20px; } #scrolltoplink a { font-size: 7pt; } #footer-copyright { padding-left: 0; padding-right: 0; } .gala-bild-container { flex: 0 0 calc(50% - 15px); } #intranet-navigation-container { flex-wrap: wrap; } #intranet-loggedin-user { flex: 0 0 100%; } #intranet-navigation-button { flex: 0 0 100%; } .immobilie-flex { flex-wrap: wrap; } .immobilie-left { flex: 0 0 100%; background-color: #fff; } .immoliste-bild { height: auto; width: auto; max-width: 75%; padding-bottom: 10px; } .immobilie-infos { padding-left: 0; padding-right: 0; } .immobilie-badges { left: 6px; } .immobilie-adresse-strasse { display: block; padding-right: 0; border-right: 0; } .immobilie-adresse-plzort { padding-left: 0; } .immo-info-flex-box:nth-child(1) { flex: 0 0 100%; } .immo-info-flex-box:nth-child(2) { flex: 0 0 100%; padding-top: 40px; } .immo-info-flex-box:nth-child(odd) .immo-infos-block { padding-right: 0; } .immo-info-flex-box:nth-child(even) .immo-infos-block { padding-left: 0; } .immoflex-container { padding-bottom: 0; } #iommoflex-gala { flex: 0 0 100%; } #iommoflex-buttons { display: none; } .immo-link-bar-top { display: block; } #immobilien { grid-template-columns: 1fr; } .immo-image img { height: auto; } } @media screen and (max-width: 625px){ #immoliste-sortierung { position: static; text-align: center; padding-top: 10px; } #immoliste-sortierung .custom-select { width: auto; } .immoliste-navigation-top { height: auto; } } @media screen and (max-width: 575px){ .immosuche-cell-left { width: auto; } .immosuche-slider-titel { text-align: center; } .immosuche-slider-container-abstand { padding: 0; } .cell-immo-feld { width: 50%; padding-right: 20px; } .immo-link-bar { text-align: center; } } @media screen and (max-width: 440px){ .immosuche-checkbox { flex: 0 0 100%; } } @media screen and (max-width: 425px){ .news-liste-eintrag-bild { flex: 0 0 100%; } .immobilie-infos.has-badges { padding-bottom: 5px; } .immobilie-badges { position: static; padding-bottom: 60px; text-align: center; } } @media screen and (max-width: 410px){ } @media screen and (max-width: 400px){ .ifb-asp-name { flex: 0 0 100%; text-align: center; } .ifb-asp-infos { flex: 0 0 100%; text-align: center; } } @media screen and (max-width: 330px){ #coi-form-buttons { width: 145px; } #coi-form-buttons div { font-size: 8pt; } } #designbody { background: none; background-color: #fff !important; color: #1b1b1b; font-size: 10pt; font-weight: 400; font-family: Arial, Sans-serif; } #designbody ul, ol { padding-left: 21px; } #designbody p { padding-bottom: 1rem; } .mceContentBody { padding-top: 0!important; }