.kontakt-telefon { } .kontakt-telefon:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f879"; display: inline-block; padding-right: 5px; } .kontakt-email { font-size: 11pt !important; font-weight: normal !important; } .kontakt-email:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1fa"; display: inline-block; padding-right: 5px; } .kontakt-fax { } .kontakt-fax:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1ac"; display: inline-block; padding-right: 5px; } a.day-item { border: 1px solid #efefef; } .day-item.is-locked { background: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: center center; } .litepicker .container__months .month-item { padding: 15px 15px 20px 15px !important; } .litepicker .container__months.columns-3 { width: calc((var(--litepickerMonthWidth) * 3) + 94px) !important; } .month-item { border-right: 2px solid #f1f1f1; } .month-item:last-child { border-right: 0; } .month-item-weekdays-row div { background-color: #dadada; color: #3a3a3a !important; border: 1px solid #fff; font-weight: bold; } .litepicker .container__months { width: calc(var(--litepickerMonthWidth) + 30px) !important; } .tabelle { } .tabelle td { padding: 3px 5px; } .tabelle tr:nth-child(odd) td { background-color: #edf2f7; } .tabellenkopf { background-color: #dceaf7 !important; } .ivm-checkbox-list { display: flex; flex-wrap: wrap; } .ivm-checkbox-list > div { flex: 0 0 33.33333%; } .ivm-radio-list { display: flex; flex-wrap: wrap; } .ivm-radio-list > div { flex: 0 0 33.33333%; } .veranstaltungsraum { display: flex; } .veranstaltungsraum-bild { flex: 0 0 22%; padding-right: 25px; } .veranstaltungsraum-bild img { display: block; width: 100%; } .veranstaltungsraum-infos { flex-grow: 1; } .gaestewohnung { display: flex; } .gaestewohnung-bild { flex: 0 0 22%; padding-right: 25px; } .gaestewohnung-bild img { display: block; width: 100%; } .gaestewohnung-infos { flex-grow: 1; } #buchung-cal-und-time { display: flex; } #buchung-cal-time-trnner { flex: 0 0 3%; } #buchung-zusatz { flex-grow: 1; } @font-face{font-family:Oswald;font-style:normal;font-weight:200;src:url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-200.eot);src:local(''),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-200.eot?#iefix) format('embedded-opentype'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-200.woff2) format('woff2'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-200.woff) format('woff'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-200.ttf) format('truetype'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-200.svg#Oswald) format('svg')}@font-face{font-family:Oswald;font-style:normal;font-weight:300;src:url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-300.eot);src:local(''),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-300.eot?#iefix) format('embedded-opentype'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-300.woff2) format('woff2'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-300.woff) format('woff'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-300.ttf) format('truetype'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-300.svg#Oswald) format('svg')}@font-face{font-family:Oswald;font-style:normal;font-weight:400;src:url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-regular.eot);src:local(''),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-regular.eot?#iefix) format('embedded-opentype'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-regular.woff2) format('woff2'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-regular.woff) format('woff'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-regular.ttf) format('truetype'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-regular.svg#Oswald) format('svg')}@font-face{font-family:Oswald;font-style:normal;font-weight:500;src:url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-500.eot);src:local(''),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-500.eot?#iefix) format('embedded-opentype'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-500.woff2) format('woff2'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-500.woff) format('woff'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-500.ttf) format('truetype'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-500.svg#Oswald) format('svg')}@font-face{font-family:Oswald;font-style:normal;font-weight:600;src:url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-600.eot);src:local(''),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-600.eot?#iefix) format('embedded-opentype'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-600.woff2) format('woff2'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-600.woff) format('woff'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-600.ttf) format('truetype'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-600.svg#Oswald) format('svg')}@font-face{font-family:Oswald;font-style:normal;font-weight:700;src:url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-700.eot);src:local(''),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-700.eot?#iefix) format('embedded-opentype'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-700.woff2) format('woff2'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-700.woff) format('woff'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-700.ttf) format('truetype'),url(/static/wbgvs/fonts/Oswald/oswald-v30-latin-700.svg#Oswald) format('svg')} @font-face{font-family:Exo;font-style:normal;font-weight:100;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-100.eot);src:local('Exo Thin'),local(Exo-Thin),url(/static/wbgvs/fonts/Exo/exo-v9-latin-100.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-100.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-100.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-100.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-100.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:100;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-100italic.eot);src:local('Exo Thin Italic'),local(Exo-ThinItalic),url(/static/wbgvs/fonts/Exo/exo-v9-latin-100italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-100italic.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-100italic.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-100italic.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-100italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:200;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-200.eot);src:local('Exo ExtraLight'),local(Exo-ExtraLight),url(/static/wbgvs/fonts/Exo/exo-v9-latin-200.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-200.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-200.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-200.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-200.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:200;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-200italic.eot);src:local('Exo ExtraLight Italic'),local(Exo-ExtraLightItalic),url(/static/wbgvs/fonts/Exo/exo-v9-latin-200italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-200italic.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-200italic.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-200italic.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-200italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:300;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-300.eot);src:local('Exo Light'),local(Exo-Light),url(/static/wbgvs/fonts/Exo/exo-v9-latin-300.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-300.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-300.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-300.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-300.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:300;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-300italic.eot);src:local('Exo Light Italic'),local(Exo-LightItalic),url(/static/wbgvs/fonts/Exo/exo-v9-latin-300italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-300italic.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-300italic.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-300italic.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-300italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:400;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-regular.eot);src:local('Exo Regular'),local(Exo-Regular),url(/static/wbgvs/fonts/Exo/exo-v9-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-regular.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-regular.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-regular.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-regular.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:400;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-italic.eot);src:local('Exo Italic'),local(Exo-Italic),url(/static/wbgvs/fonts/Exo/exo-v9-latin-italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-italic.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-italic.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-italic.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:500;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-500.eot);src:local('Exo Medium'),local(Exo-Medium),url(/static/wbgvs/fonts/Exo/exo-v9-latin-500.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-500.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-500.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-500.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-500.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:500;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-500italic.eot);src:local('Exo Medium Italic'),local(Exo-MediumItalic),url(/static/wbgvs/fonts/Exo/exo-v9-latin-500italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-500italic.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-500italic.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-500italic.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-500italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:600;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-600.eot);src:local('Exo SemiBold'),local(Exo-SemiBold),url(/static/wbgvs/fonts/Exo/exo-v9-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-600.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-600.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-600.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-600.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:600;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-600italic.eot);src:local('Exo SemiBold Italic'),local(Exo-SemiBoldItalic),url(/static/wbgvs/fonts/Exo/exo-v9-latin-600italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-600italic.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-600italic.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-600italic.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-600italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:700;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-700.eot);src:local('Exo Bold'),local(Exo-Bold),url(/static/wbgvs/fonts/Exo/exo-v9-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-700.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-700.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-700.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-700.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:700;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-700italic.eot);src:local('Exo Bold Italic'),local(Exo-BoldItalic),url(/static/wbgvs/fonts/Exo/exo-v9-latin-700italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-700italic.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-700italic.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-700italic.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-700italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:800;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-800.eot);src:local('Exo ExtraBold'),local(Exo-ExtraBold),url(/static/wbgvs/fonts/Exo/exo-v9-latin-800.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-800.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-800.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-800.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-800.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:800;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-800italic.eot);src:local('Exo ExtraBold Italic'),local(Exo-ExtraBoldItalic),url(/static/wbgvs/fonts/Exo/exo-v9-latin-800italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-800italic.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-800italic.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-800italic.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-800italic.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:normal;font-weight:900;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-900.eot);src:local('Exo Black'),local(Exo-Black),url(/static/wbgvs/fonts/Exo/exo-v9-latin-900.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-900.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-900.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-900.ttf) format("truetype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-900.svg#Exo) format("svg")}@font-face{font-family:Exo;font-style:italic;font-weight:900;src:url(/static/wbgvs/fonts/Exo/exo-v9-latin-900italic.eot);src:local('Exo #000 Italic'),local(Exo-BlackItalic),url(/static/wbgvs/fonts/Exo/exo-v9-latin-900italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-900italic.woff2) format("woff2"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-900italic.woff) format("woff"),url(/static/wbgvs/fonts/Exo/exo-v9-latin-900italic.ttf) format("truetype"),url(/static/wbgvs/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/wbgvs/fonts/OpenSans/open-sans-v17-latin-300.eot);src:local('Open Sans Light'),local(OpenSans-Light),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-300.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-300.woff2) format("woff2"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-300.woff) format("woff"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-300.ttf) format("truetype"),url(/static/wbgvs/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/wbgvs/fonts/OpenSans/open-sans-v17-latin-300italic.eot);src:local('Open Sans Light Italic'),local(OpenSans-LightItalic),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-300italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-300italic.woff2) format("woff2"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-300italic.woff) format("woff"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-300italic.ttf) format("truetype"),url(/static/wbgvs/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/wbgvs/fonts/OpenSans/open-sans-v17-latin-regular.eot);src:local('Open Sans Regular'),local(OpenSans-Regular),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-regular.woff2) format("woff2"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-regular.woff) format("woff"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-regular.ttf) format("truetype"),url(/static/wbgvs/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/wbgvs/fonts/OpenSans/open-sans-v17-latin-italic.eot);src:local('Open Sans Italic'),local(OpenSans-Italic),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-italic.woff2) format("woff2"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-italic.woff) format("woff"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-italic.ttf) format("truetype"),url(/static/wbgvs/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/wbgvs/fonts/OpenSans/open-sans-v17-latin-600.eot);src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-600.woff2) format("woff2"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-600.woff) format("woff"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-600.ttf) format("truetype"),url(/static/wbgvs/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/wbgvs/fonts/OpenSans/open-sans-v17-latin-600italic.eot);src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-600italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-600italic.woff2) format("woff2"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-600italic.woff) format("woff"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-600italic.ttf) format("truetype"),url(/static/wbgvs/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/wbgvs/fonts/OpenSans/open-sans-v17-latin-700.eot);src:local('Open Sans Bold'),local(OpenSans-Bold),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-700.woff2) format("woff2"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-700.woff) format("woff"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-700.ttf) format("truetype"),url(/static/wbgvs/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/wbgvs/fonts/OpenSans/open-sans-v17-latin-700italic.eot);src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-700italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-700italic.woff2) format("woff2"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-700italic.woff) format("woff"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-700italic.ttf) format("truetype"),url(/static/wbgvs/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/wbgvs/fonts/OpenSans/open-sans-v17-latin-800.eot);src:local('Open Sans ExtraBold'),local(OpenSans-ExtraBold),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-800.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-800.woff2) format("woff2"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-800.woff) format("woff"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-800.ttf) format("truetype"),url(/static/wbgvs/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/wbgvs/fonts/OpenSans/open-sans-v17-latin-800italic.eot);src:local('Open Sans ExtraBold Italic'),local(OpenSans-ExtraBoldItalic),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-800italic.eot?#iefix) format("embedded-opentype"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-800italic.woff2) format("woff2"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-800italic.woff) format("woff"),url(/static/wbgvs/fonts/OpenSans/open-sans-v17-latin-800italic.ttf) format("truetype"),url(/static/wbgvs/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; */ #repform-user-error { color: #ff0000; } #repform-email-error { text-align: center; } #repform-allgemein-error { text-align: center; color: #ff0000; } .acc-header { display: flex; align-items: center; } .acc-head-icon { display: block; flex: 0 0 35px; } .acc-head-text { display: block; flex-grow: 1; } [data-toggle="collapse"] .fa:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f077"; } [data-toggle="collapse"].collapsed .fa:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; } .form-confirmation { text-align: center; } .form-confirmation-icon { font-size: 44pt; padding-bottom: 10px; } .form-confirmation-text { } #archiv-jahre { display: flex; flex-wrap: wrap; justify-content: center; } .archiv-jahr { padding: 0 10px 10px 10px; } .intranet-button { display: inline-block; background-color: #d1710b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; cursor: pointer; color: #FFF; font-size: 11pt; } .intranet-button:hover { background-color: #c36a0b; color: #fff; } .intranet-save-info { padding: 5px; background-color: #8fe672; border: 2px solid #00cc06; margin-bottom: 30px; border-radius: 3px; font-weight: bold; font-size: 11pt; } .intranet-list-table td { padding: 3px; } .intranet-list-table thead td { font-weight: bold; border-bottom: 2px solid #d3d3d3; } .intranet-list-table tbody td .fa { font-size: 13pt; } .intranet-list-table tbody tr:nth-child(odd) td { background-color: #f1f1f1; } .intranet-table-icon { width: 25px; text-align: center; } tr.intranet-sitzungs-datum td { background-color: #a3ff98 !important; } .intranet-new-message { font-weight: bold; } .intranet-sitzungen-gruppen .intranet-dokument-checkbox { float: left; width: 50%; padding-bottom: 5px; } .intranet-sitzungen-gruppen .intranet-dokument-checkbox label { display: inline-block; } .intranet-sitzungen-gruppen .intranet-dokument-checkbox input { display: inline-block; } .intranet-file { padding: 10px 5px; margin-bottom: 20px; background-color: #f1f1f1; } .sitzung-tag-status { display: block; width: 30px; height: 30px; border-radius: 30px; margin: 10px auto 0 auto; border: 1px solid #d3d3d3; } .tag-status-small { width: 20px; height: 20px; border-radius: 100%; border: 1px solid #d3d3d3; } .tag-status-1 { background-color: #d3d3d3; } .tag-status-2 { background-color: #4ee600; } .tag-status-3 { background-color: #ffff00; } .tag-status-4 { background-color: #ff5a5a; } .htmlvideo { padding-bottom: 15px; } .htmlvideo video { width: 100%; } .externalvideo { padding-bottom: 15px; } .custom-file-label { background-color: #dbe4f4; } .custom-file-label::after { content: 'auswählen'; } .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; } .wg-titel { font-weight: bold; font-size: 16px; padding-bottom: 10px; } .wg-keywords { font-family: 'Oswald', sans-serif; font-weight: bold; font-size: 20px; padding-bottom: 10px; } .map-infowindow { max-width: 300px; } .ifb-asp-liste { display: flex; flex-wrap: wrap; } .ifb-asp-name { flex: 0 0 46%; text-align: right; padding-bottom: 10px; } .ifb-asp-name div { font-weight: bold; } .ifb-asp-infos { flex: 0 0 46%; text-align: left; padding-bottom: 10px; } .ifb-asp-info { } .ifb-asp-icon { flex: 0 0 8%; } #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; } .badge-abstellraum { background-color: #007ae3; color: #fff; } .badge-wohnkueche { background-color: #ef8500; 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; } /* 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: 'Oswald', sans-serif; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #3a3a3a; position: relative; overflow-y: scroll; } a:focus { outline: none; } a { color: #294594; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:active { text-decoration: none; } a:hover { color: #294594; 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: 167px; } #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: 80px; right: 303px; white-space: nowrap; } #head-kontakt i { color: #f99d1c; padding-right: 10px; } #head-search-field { background-color: #f99d1c; display: flex; width: 224px; height: 49px; } #search-field-container { flex-grow: 1; } #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: 'Oswald', 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; background-color: #294594; } #head-row-2 .wrapp { height: 63px; } #logo { position: absolute; left: 20px; bottom: 0; } #logo a { display: block; } #logo a img { display: block; height: 193px; } #nav-desktop { text-align: right; } #mobile-menu-switch { display: none; } #mobile-navigation { display: none; } #mainnav { font-family: 'Oswald', 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: #fff; line-height: 63px; } .mainsub { display: inline-block; padding: 0 0 0 5px; color: #fff; 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: #294594; text-align: left; } a.sub1link { display: block; padding: 5px 10px; font-size: 15pt; 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 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(230px + 53px); } #start-content { display: flex; } #start-slider { flex-grow: 1; position: relative; } #start-slider img { display: block; width: 100%; height: 672px; object-fit: cover; object-position: center; } .slide-overlay { position: absolute; left: 28px; max-width: calc(100% - 28px - 28px); bottom: 25px; background-color: #fff; padding: 18px 12px; } .slide-overlay-headline { font-family: 'Oswald', 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: #dceaf7; text-align: center; } #start-box-wohnungssuche-titel { padding: 8px 0 30px 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; display: inline-block; font-size: 23pt; 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; } .slider-td.slider-right { width: 55px; text-align: center; font-weight: 700; } .slider-inner { padding-top: 9px; } .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 15% 0 15%; } #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 #ff8e00; color: #0d2a3e; height: 31px; line-height: 31px; font-size: 9pt; } .start-box-meldung-datum-tag { display: block; background-color: #ff8e00; 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-infoboxen { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 39px; margin-bottom: 60px; } .start-infobox { flex: 0 0 476px; } .start-infobox:nth-child(1) { margin-bottom: 6%; } .start-infobox:nth-child(2) { margin-bottom: 6%; } .start-infobox:nth-child(3) { margin-bottom: 6%; } .start-infobox.blue-box { background-color: #dceaf7; } .start-infobox-inhalte { position: relative; width: 100%; height: 100%; } .start-infobox-orange-titel { height: 74px; text-transform: uppercase; color: #fff; background-color: #f99d1c; text-align: center; } .start-infobox-orange-titel h3 { font-family: 'Oswald', sans-serif; font-weight: 200; font-size: 26pt; margin-bottom: 0; line-height: 74px; } .start-infobox-orange-content { height: calc(100% - 74px); } .start-infobox-bild-full-size { position: relative; height: 100%; } .start-infobox-bild-full-size img { display: block; width: 100%; object-fit: cover; object-position: center; height: 100%; } .start-infobox-bild-full-size-btn { position: absolute; right: 27px; bottom: 13px; } .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; } .start-infobox.blue-box .start-infobox-inhalte { padding: 36px 40px 32px 40px; } .start-infobox-icon { text-align: center; padding-bottom: 21px; } .start-infobox-icon img { display: block; margin: 0 auto; width: 100%; max-width: 91px; } .start-infobox-blue-titel { text-transform: uppercase; text-align: center; } .start-infobox-blue-titel h3 { font-family: 'Oswald', sans-serif; font-weight: 200; font-size: 22pt; margin-bottom: 0; } .start-infobox-blue-text { text-align: center; padding-top: 35px; font-size: 11pt; } .start-infobox-blue-text p:last-child { margin-bottom: 0; } .start-infobox-blue-btn { text-align: center; padding-top: 32px; } #page-footer { color: #fff; background-color: #7da7d8; padding-top: 30px; } #page-footer a, #page-footer a:hover { color: #fff; } #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-family: 'Oswald', sans-serif; font-weight: 200; font-size: 26pt; margin-bottom: 0; } .footer-info-content ul { padding-left: 19px; overflow: auto; } #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-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: 'Oswald', sans-serif; font-weight: 300; margin-bottom: 20px; } #content-main h2 { font-family: 'Oswald', 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 { padding-left: 22px; overflow: auto; } /*.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; } .gala-bild-container { flex: 0 0 25%; padding-bottom: 20px; } .gala-bild-container a { display: block; width: 90%; } .gala-bild-container a img { display: block; width: 100%; } .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: 'Oswald', 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: #f99d1c; color: #fff; text-align: center; } .orange-box-titel h3 { font-family: 'Oswald', sans-serif; font-weight: 200; font-size: 26pt; margin-bottom: 0; line-height: 74px; } .orange-box-text { padding: 18px 20px; background-color: #f8f4f4; font-size: 11pt; } .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-text ul.submenulist li:before { color: #f99d1c; } .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; } .orange-box-bild-und-text { padding: 15px; } .orange-box-bild-und-text p:last-child { margin-bottom: 0; } .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:last-child { 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: #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; } } .asp-telefon i { color: #294594; } .asp-email i { color: #294594; } .asp-name { font-size: 15pt; } .hauswart-telefon i { color: #294594; } .hauswart-mobile i { padding: 0 4px 0 2px; color: #294594; } .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: 'Oswald', 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; } .form-control { background-color: #DBE4F4; } .form-control: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; } .chkb-alle-vertraege { margin-top: 7px; padding-left: 45px !important; } .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-tag-feiertag { background-color: #00b9cc; } .gw-cal-tag-sperrtag { background-color: #ec97fb; } #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: 'Oswald', 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; } .form-rep-zeiten { display: flex; flex-flow: row wrap; align-items: center; } .form-rep-zeit { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .info-small { font-size: 9pt; } .btn-primary { font-weight: normal !important; } #content-aside .ifb-asp-email p a { font-weight: normal !important; font-size: 11pt; } :root{ --var_kal_tag_nicht_buchbar_hg_color: #dadada; --var_kal_tag_nicht_buchbar_color: #3a3a3a; } A.kal_tag_link { font-size: 9pt; color: #3a3a3a; text-decoration: none; font-weight: normal;} A.kal_tag_link:link { text-decoration: none; font-weight: normal;} A.kal_tag_link:visited { text-decoration: none; font-weight: normal;} A.kal_tag_link:active { text-decoration: none; font-weight: normal;} A.kal_tag_link:hover { text-decoration: none; font-weight: normal; color: #3a3a3a;} A.kal_tag_link:focus {outline:none;} A.kal_tag_link_havetermin { font-size: 9pt; color: #000; text-decoration: none; font-weight: bold;} A.kal_tag_link_havetermin:link { text-decoration: none; font-weight: bold;} A.kal_tag_link_havetermin:visited { text-decoration: none; font-weight: bold;} A.kal_tag_link_havetermin:active { text-decoration: none; font-weight: bold;} A.kal_tag_link_havetermin:hover { text-decoration: none; font-weight: bold;} A.kal_tag_link_havetermin:focus {outline:none;} A.kal_tag_link_gebucht { font-size: 9pt; color: #fff; text-decoration: none; font-weight: bold;} A.kal_tag_link_gebucht:link { text-decoration: none; font-weight: bold;} A.kal_tag_link_gebucht:visited { text-decoration: none; font-weight: bold;} A.kal_tag_link_gebucht:active { text-decoration: none; font-weight: bold;} A.kal_tag_link_gebucht:hover { text-decoration: none; font-weight: bold;} A.kal_tag_link_gebucht:focus {outline:none;} A.kal_tag_link_vorbei { font-size: 9pt; color: #000; text-decoration: none; font-weight: normal;} A.kal_tag_link_vorbei:link { text-decoration: none; font-weight: normal;} A.kal_tag_link_vorbei:visited { text-decoration: none; font-weight: normal;} A.kal_tag_link_vorbei:active { text-decoration: none; font-weight: normal;} A.kal_tag_link_vorbei:hover { text-decoration: none; font-weight: normal;} A.kal_tag_link_vorbei:focus {outline:none;} A.kal_tag_link_aktiv { font-size: 9pt; color: #000000; text-decoration: none; font-weight: bold;} A.kal_tag_link_aktiv:link { text-decoration: none; font-weight: bold;} A.kal_tag_link_aktiv:visited { text-decoration: none; font-weight: bold;} A.kal_tag_link_aktiv:active { text-decoration: none; font-weight: bold;} A.kal_tag_link_aktiv:hover { text-decoration: none; font-weight: bold;} A.kal_tag_linkgr { font-size: 9pt; color: #A62421; text-decoration: none; font-weight: bold;} A.kal_tag_linkgr:link { text-decoration: none; font-weight: bold;} A.kal_tag_linkgr:visited { text-decoration: none; font-weight: bold;} A.kal_tag_linkgr:active { text-decoration: none; font-weight: bold;} A.kal_tag_linkgr:hover { text-decoration: none; font-weight: bold;} A.jahr { font-family: Verdana,Arial,Geneva,Helvetica,Sans-serif; font-size: 9pt; color: #357029; text-decoration: none; font-weight: normal;} A.jahr:link { text-decoration: none; font-weight: normal;} A.jahr:visited { text-decoration: none; font-weight: normal;} A.jahr:active { text-decoration: none; font-weight: normal;} A.jahr:hover { text-decoration: none; font-weight: normal;} A.kal_monat { font-size: 9pt; color: #000000; text-decoration: none; font-weight: bold;} A.kal_monat:link { text-decoration: none; font-weight: bold;} A.kal_monat:visited { text-decoration: none; font-weight: bold;} A.kal_monat:active { text-decoration: none; font-weight: bold;} A.kal_monat:hover { text-decoration: none; font-weight: bold;} .kal_thema { font-size: 9pt; color: #A62421; text-decoration: none; font-weight: bold;} .kal_titel { background-color: var(--var_kal_tag_nicht_buchbar_hg_color); color: var(--var_kal_tag_nicht_buchbar_color); font-size: 10pt; text-decoration: none; font-weight: bold; width: 12.5%; text-align: center; border: 1px solid #efefef; } .kal_woche { background-color: var(--var_kal_tag_nicht_buchbar_hg_color); color: var(--var_kal_tag_nicht_buchbar_color); font-size: 10pt; text-decoration: none; font-weight: bold; border: 1px solid #efefef; } .kal_tag { font-size: 9pt; color: #000000; text-decoration: none; font-weight: normal; border:1px solid #efefef; padding:0px; margin:0px; background-color:#fff;} .kal_tag_grau { font-size: 9pt; color: #999999; text-decoration: none; font-weight: normal; border:1px solid #efefef; padding:0px; margin:0px;} .kal_tag_termin { font-size: 9pt; text-decoration: none; font-weight: normal; border:1px solid #efefef; padding:0px; margin:0px; /*background-color:#7bb731;*/ } .kal_tag_termin_havetermin { font-size: 9pt; text-decoration: none; font-weight: normal; border:1px solid #efefef; padding:0px; margin:0px; background-color:#E6A934;} .kal_tag_termin_vorbei{ font-size: 9pt; text-decoration: none; font-weight: normal; border:1px solid #efefef; padding:0px; margin:0px; color: #9e9e9e; } .kal_tag_termin_aktiv { font-size: 9pt; color: #000; text-decoration: none; font-weight: normal; /*background-color:#f0f787;*/ background-repeat:no-repeat; background-position:top left; border:1px solid #D3D3D3; padding:0px; margin:0px;} .kal_tag_termin_gebucht { font-size: 9pt; text-decoration: none; font-weight: normal; border:1px solid #efefef; padding:0px; margin:0px; background-color: transparent; color: #9e9e9e; } .kal_titel_gr { font-size: 12pt; color: #000; text-decoration: none; font-weight: bold;} .kal_wochegr { font-size: 9pt; color: #357029; text-decoration: none; font-weight: bold;} .kal_taggr { font-size: 9pt; color: #000000; text-decoration: none; font-weight: bold; background-color:#CEE3AD; border:1px solid lightgray; padding:0px; margin:0px;} .kal_taggr_grau { font-size: 9pt; color: #999999; text-decoration: none; font-weight: bold; background-color:#CEE3AD; border:1px solid lightgray; padding:0px; margin:0px;} .kal_tag_termingr { font-size: 9pt; color: #A62421; text-decoration: none; font-weight: bold; background-color:#CEE3AD; border:1px solid lightgray; padding:0px; margin:0px;} .kal_rahmen { border:1px solid #357029; padding:0px; margin:0px;} .kal_datum { font-size: 9pt; color: #000000; text-decoration: none; font-weight: bold;} .kal_tag_termin_vorbei, .kal_tag_termin_gebucht { /*background: url("data:image/svg+xml;utf8,");*/ background: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: center center; } #belegungskalender td { height:18px; } .kal_tage_tbl td { line-height: 30px; height: 30px; } .kal_tage_tbl a { display: block; height: 30px; } .kal-steuerung .fas, .kal-steuerung .fa { font-size: 17pt; } .kal-steuerung a { color: #9e9e9e; } .kal-steuerung a:hover { color: #294594; } .link-boxen { display: flex; flex-wrap: wrap; } .link-box { flex: 0 0 50%; margin-bottom: 60px; } .link-box:nth-child(odd) .link-box-content { margin-right: 30px; } .link-box:nth-child(even) .link-box-content { margin-left: 30px; } .link-box-content { position: relative; height: 100%; background-color: rgba(202, 202, 202, 0.22); } .link-box-content.link-box-content-link { padding-bottom: 45px; } .link-box-bild { padding-bottom: 20px; } .link-box-bild a { display: block; } .link-box-bild a img { display: block; width: 100%; } .link-box-titel { padding: 0 10px; } .link-box-text { padding: 0 10px; } .link-box-text p:last-child { margin-bottom: 17px; } .link-box-more { position: absolute; bottom: 10px; } .link-box:nth-child(odd) .link-box-more { right: 10px; } .link-box:nth-child(even) .link-box-more { right: 10px; } /* Reparaturform Field disabled */ .repfielddisable { color: #6c757d !important; background-color: #e9ecef !important; opacity: 0.7 !important; } @media screen and (max-width: 1550px){ .start-infobox { flex: 0 0 30%; } #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; } } @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: 1508px){ .litepicker .container__months.columns-2 { width: calc((var(--litepickerMonthWidth) * 2) + 62px) !important; } } @media screen and (max-width: 1400px){ .mainli-trenner { flex: 0 0 51px; } #head-row-1-right { padding-top: 25px; } #page-head.smallhead #head-row-1-right { padding-top: 15px; } #head-kontakt { top: 104px; right: 20px; } #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: 1300px){ .mainli-trenner { flex: 0 0 21px; } #start-boxen { flex: 0 0 420px; } .start-infobox-orange-titel h3 { font-size: 23pt; } .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; } .link-box { flex: 0 0 100%; } .link-box:nth-child(odd) .link-box-content { margin-right: 0; } .link-box:nth-child(even) .link-box-content { margin-left: 0; } } @media screen and (max-width: 1200px){ #start-boxen { flex: 0 0 385px; } .mainli-trenner { flex: 0 0 6px; } .start-infobox { flex: 0 0 46%; } .start-infobox-orange-titel h3 { font-size: 26pt; } .orange-box-titel h3 { font-size: 26pt; } .start-infobox:nth-child(4) { margin-bottom: 6%; } .mainlink { font-size: 14pt; } #content { display: block; 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 20%; } #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; } .link-box { flex: 0 0 50%; } .link-box:nth-child(odd) .link-box-content { margin-right: 30px; } .link-box:nth-child(even) .link-box-content { margin-left: 30px; } } @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: 250px; } #head-row-2 { height: 40px; } #head-row-2 .wrapp { height: 40px; } #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 img { height: 80px; } #start-content { flex-wrap: wrap; } #start-slider { flex: 0 0 100%; } #start-boxen { flex: 0 0 100%; } #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; } #start-infoboxen { margin-top: 6%; } #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: #fff; 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: #f99d1c; } .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 10px; } #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; } .start-infobox-orange-titel h3 { font-size: 4vw; } .orange-box-titel h3 { font-size: 4vw; } .start-infobox-blue-titel h3 { font-size: 3.5vw; } .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 25%; } .immobilie-left { flex: 0 0 32%; } } @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%; } } @media screen and (max-width: 765px){ #head-row-1-right { display: none; } #mobile-menu-switch { right: 10px; } #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%; } .start-infobox { flex: 0 0 100%; } #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; max-width: 100%; } #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; } .start-infobox-orange-titel h3 { font-size: 8vw; } .orange-box-titel h3 { font-size: 8vw; } .start-infobox-blue-titel h3 { font-size: 7vw; } .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%; } .start-infobox:nth-child(5) { margin-bottom: 6%; } .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 33.33333%; } #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; } .veranstaltungsraum { flex-wrap: wrap; } .veranstaltungsraum-bild { flex: 0 0 100%; padding-right: 0; padding-bottom: 25px; } .veranstaltungsraum-bild img { max-width: 300px; } .gaestewohnung { flex-wrap: wrap; } .gaestewohnung-bild { flex: 0 0 100%; padding-right: 0; padding-bottom: 25px; } .gaestewohnung-bild img { max-width: 300px; } #buchung-cal-und-time { flex-wrap: wrap; } #buchung-cal-time-trnner { display: none; } #buchung-zusatz { padding-top: 15px; } .ivm-checkbox-list > div { flex: 0 0 50%; } .ivm-radio-list > div { flex: 0 0 50%; } .link-box { flex: 0 0 100%; } .link-box:nth-child(odd) .link-box-content { margin-right: 0; } .link-box:nth-child(even) .link-box-content { margin-left: 0; } } @media screen and (max-width: 646px){ .month-item { border-right: 0; } .litepicker .container__months { width: calc(var(--litepickerMonthWidth) + 30px) !important; } } @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; } /*.ivm-checkbox-list > div { flex: 0 0 100%; } .ivm-radio-list > div { flex: 0 0 100%; }*/ .immo-link-bar { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 0; } .immo-link-bar a { margin: 10px; } } @media screen and (max-width: 500px){ .gala-bild-container { flex: 0 0 50%; } } @media screen and (max-width: 450px){ .form-rep-zeit { width: 100%; justify-content: left; } .form-rep-zeit:first-child { padding-bottom: 12px; } } @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-liste { justify-content: center; } .ifb-asp-name { flex: 0 0 100%; text-align: center; } .ifb-asp-icon { flex: 0 0 28px; } .ifb-asp-infos { flex: 0 0 auto; text-align: center; } } @media screen and (max-width: 330px){ #coi-form-buttons { width: 145px; } #coi-form-buttons div { font-size: 8pt; } } /* 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 { color: #7599ff; } #consent-banner-checkboxen { display: flex; gap: 30px; padding-top: 10px; flex-wrap: wrap; } /*.cb-btn { background-color: #3ca8cb; 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 */ #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; }