@charset "utf-8";

/*
Theme Name: SAW wohnenab60
Theme URI: 
Author: Sascha Kilchenmann
Author URI: https://saschakilchenmann.ch
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: 
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.europa_light { font-family: europa, sans-serif; font-weight: 300; font-style: normal; }
.europa_light_italic { font-family: europa, sans-serif; font-weight: 300; font-style: italic; }
.europa_regular { font-family: europa, sans-serif; font-weight: 400; font-style: normal; }
.europa_regular_italic { font-family: europa, sans-serif; font-weight: 400; font-style: italic; }
.europa_bold { font-family: europa, sans-serif; font-weight: 700; font-style: normal; }
.europa_bold_italic { font-family: europa, sans-serif; font-weight: 700; font-style: italic; }

/* ------------------------------------------------------------------------- Basic ----------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

* {	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { height:100%; min-height: 100%; }
body { margin: 0; padding: 0; overflow-y:scroll; overflow-x: hidden; position: relative; width: 100%; height: 100%; min-height: 100%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-size: 23px; line-height: 1.391em; color: #000000; font-family: europa, sans-serif; font-weight: 400; font-style: normal; background: #fff; }
@media only screen and (max-width: 1440px) {
	body { font-size: 22px; }
}
@media only screen and (max-width: 1280px) {
	body { font-size: 21px; }
}
@media only screen and (max-width: 1130px) {
	body { font-size: 20px; }
}
@media only screen and (max-width: 1020px) {
	body { font-size: 18px; }
}
@media only screen and (max-width: 900px) {
	body { font-size: 17px; }
}
@media only screen and (max-width: 767px) {
	body { font-size: 16px; }
}

section { clear: both; }
section, header, hgroup, address, main, nav, article, aside, footer, video { display: block; }

h1 { margin: 0 0 0.285em 0; font-size: 3.043em; line-height: 1.142em; font-family: europa, sans-serif; font-weight: 700; font-style: normal; }
h2 { margin: 0 0 0.6em 0; font-size: 1.652em; line-height: 1.263em; font-family: europa, sans-serif; font-weight: 700; font-style: normal; }
h2.text-big-70 { font-size: 3.043em; line-height: 1.257em; font-weight: 300; }
h2.text-big-50 { font-size: 2.17em; line-height: 1.18em; font-weight: 300; }
h2 label { font-weight: 400; padding: 0; }
h3 { margin: 0; font-size: 1em; line-height: 1.391em; font-style: normal; font-weight: 700; }
h4 { margin: 0; font-size: 1em; line-height: 1.391em; font-style: normal; font-weight: 700; }
h5 { margin: 0 0 0.8em 0; font-size: 0.6em; font-weight: 100; letter-spacing: 4px; text-transform: uppercase; }
h6 { margin: 0 0 0 0; font-size: 1em; line-height: 1.5em; font-weight: 100; letter-spacing: 4px; color: rgb(255,255,255); position: relative; transition: 600ms 0ms; top: 80px; visibility: hidden; opacity: 0.0; }
@media only screen and (max-width: 767px) {
	h1 { margin: 0 0 0.74em 0; font-size: 1.687em; line-height: 1.148em; }
	h2 { font-size: 1.4375em; line-height: 1.26em; }
	h2.text-big-50 { /* font-size: 1.4375em; line-height: 1.26em; */ font-size: 1.687em; line-height: 1.148em; }
	h2.text-big-70 { font-size: 1.687em; line-height: 1.148em; }
}

p { margin: 0 0 0 0; padding: 0; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

big { font-size: 1.652em; line-height: 1.368em; }
small { font-size: 0.782em; line-height: 1.5em; }
.text-big-50 { font-size: 2.173em; line-height: 1em; }
.text-big-38 { font-size: 1.652em; line-height: 1.368em; }
.text-small-20 { font-size: 0.869em; line-height: 1.35em; }
.text-small-18 { font-size: 0.782em; line-height: 1.5em; }
.text-small-14 { font-size: 0.608em; line-height: 1.5em; }
@media only screen and (max-width: 767px) {
	.text-big-38 { font-size: 1em; line-height: 1.391em; }
}

b, strong { font-family: europa, sans-serif; font-weight: 700; font-style: normal; }
i { font-family: europa, sans-serif; font-weight: 400; font-style: italic; }

blockquote { margin: 0; font-size: 1.65em; line-height: 1.25em; }
cite { font-style: normal; display: block; }
@media only screen and (max-width: 767px) {
	blockquote { font-size: 1.687em; line-height: 1.148em; }
}

a { text-decoration: none; color: #0050A0; border-bottom: solid 1px #0050A0; }
a:hover { border-bottom: none; }
.text-white a { color: #ffffff; border-bottom: solid 1px #ffffff; }
.text-white a:hover { border-bottom: none; }

.button_container a.btn:first-child { margin-top: 0; }
.button_back_container { display: inline-block; width: 10.5em; }
@media only screen and (max-width: 767px) {
	.button_back_container { display: block; width: auto; }
	.button_back_container a.btn.d-block { display: inline-block; }
}

a.btn { border: solid 2px #0050A0; padding: 0.434em 0.869em; color: #0050A0; cursor: pointer; display: inline-block; font-weight: 700; transition: 200ms; }
a.btn.btn-small { font-size: 0.869em; }
a.btn.btn-big { font-size: 1.652em; font-weight: 400; }
a.btn.d-block { display: block; }

a.btn:hover { -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); }

a.btn.btn-white-border { border-color: #ffffff; color: #ffffff; }
a.btn.btn-white { background: #ffffff; border-color: #ffffff; }
a.btn.btn-black-border { border-color: #000000; color: #000000; }
a.btn.btn-blue { background: #0050A0; color: #ffffff; }
a.btn.btn-text-pink { color: #FF4B3C; }
a.btn.btn-white-border.btn-text-pink { border-color: #FF4B3C; }

a.btn.btn-borderradius { border-radius: 0.2em; }
a.btn.btn-boxshadow { box-shadow: 0 0 0.869em rgba(0,32,64,0.35); }

/*a.btn.btn-doc:after { content: 'i'; }
a.btn.btn-link:after { content: 'i'; }*/

a.btn.btn-icon { padding-right: 2.2em; position: relative; }
a.btn.btn-icon:after { content: ''; display: block; position: absolute; right: 0.869em; top: 0; bottom: 0;  }

a.btn.btn-icon.icon-arrow-down:after { width: 0.66em; background: url(_img/arrow_blue_down.svg) no-repeat center; background-size: 0.66em; }
a.btn.btn-icon.btn-white-border.icon-arrow-down:after, a.btn.btn-icon.btn-blue.icon-arrow-down:after { background: url(_img/arrow_white_down.svg) no-repeat center; background-size: 0.66em; }
a.btn.btn-black-border.btn-icon.icon-arrow-down:after { width: 0.66em; background: url(_img/arrow_black_down.svg) no-repeat center; background-size: 0.66em; }

a.btn.btn-icon.icon-newsletter { padding-right: 2.8em; }
a.btn.btn-icon.icon-newsletter:after { width: 1.4em; background: url(_img/icon_newsletter_white.svg) no-repeat center; background-size: 1.4em; }

a.btn.btn-icon.icon-phone { padding-right: 2.8em; }
a.btn.btn-icon.icon-phone:after { width: 1.2em; background: url(_img/icon_phone_blue.svg) no-repeat center; background-size: 1.2em; }
a.btn.btn-blue.btn-icon.icon-phone:after { width: 1.2em; background: url(_img/icon_phone_white.svg) no-repeat center; background-size: 1.2em; }
a.btn.btn-text-pink.btn-icon.icon-phone:after { width: 1.2em; background: url(_img/icon_phone_pink.svg) no-repeat center; background-size: 1.2em; }
a.btn.btn-black-border.btn-icon.icon-phone:after { width: 1.2em; background: url(_img/icon_phone_black.svg) no-repeat center; background-size: 1.2em; }

a.btn.btn-icon.icon-mail { padding-right: 2.8em; }
a.btn.btn-icon.icon-mail:after { width: 1.3em; background: url(_img/icon_mail_blue.svg) no-repeat center; background-size: 1.3em; }
a.btn.btn-blue.btn-icon.icon-mail:after { width: 1.3em; background: url(_img/icon_mail_white.svg) no-repeat center; background-size: 1.3em; }
a.btn.btn-text-pink.btn-icon.icon-mail:after { width: 1.3em; background: url(_img/icon_mail_pink.svg) no-repeat center; background-size: 1.3em; }
a.btn.btn-black-border.btn-icon.icon-mail:after { width: 1.3em; background: url(_img/icon_mail_black.svg) no-repeat center; background-size: 1.3em; }

a.btn.btn-icon.icon-doc { padding-right: 2.2em; }
a.btn.btn-icon.icon-doc:after { width: 1em; background: url(_img/icon_doc_blue.svg) no-repeat center; background-size: 1em; }
a.btn.btn-white-border.btn-icon.icon-doc:after { width: 1em; background: url(_img/icon_doc_white.svg) no-repeat center; background-size: 1em; }
a.btn.btn-white-border.btn-text-pink.btn-icon.icon-doc:after { width: 1em; background: url(_img/icon_doc_pink.svg) no-repeat center; background-size: 1em; }
a.btn.btn-black-border.btn-icon.icon-doc:after { width: 1em; background: url(_img/icon_doc_black.svg) no-repeat center; background-size: 1em; }

a.btn.btn-icon.icon-arrow-right { padding-right: 2.8em; }
a.btn.btn-icon.icon-arrow-right:after { width: 0.9em; background: url(_img/icon_arrow_right.svg) no-repeat center; background-size: 0.9em; }

a.btn.btn-icon.icon-oev { padding-right: 3em; }
a.btn.btn-icon.icon-oev:after { width: 1.4em; background: url(_img/icon_oev_blue.svg) no-repeat center 0.73em; background-size: 1.4em; }

a.btn.btn-icon.icon-extern { padding-right: 2.5em; }
a.btn.btn-icon.icon-extern:after { width: 0.8em; background: url(_img/icon_extern_blue.svg) no-repeat center; background-size: 0.8em; }
a.btn.btn-blue.btn-icon.icon-extern:after { width: 0.8em; background: url(_img/icon_extern_white.svg) no-repeat center; background-size: 0.8em; }
a.btn.btn-text-pink.btn-icon.icon-extern:after { width: 0.8em; background: url(_img/icon_extern_pink.svg) no-repeat center; background-size: 0.8em; }
a.btn.btn-black-border.btn-icon.icon-extern:after { width: 0.8em; background: url(_img/icon_extern_black.svg) no-repeat center; background-size: 0.8em; }

a.btn.btn-icon.icon-arrow-left { padding-right: 0.869em; padding-left: 2.8em; }
a.btn.btn-icon.icon-arrow-left:after { right: auto; left: 0.869em; width: 0.9em; background: url(_img/icon_arrow_left_blue.svg) no-repeat center; background-size: 0.9em; }

a.btn.btn-icon.icon-focus { padding-right: 2.2em; }
a.btn.btn-icon.icon-focus:after { width: 1em; background: url(_img/icon_focus_white.svg) no-repeat center; background-size: 1em; }

.icon-hinweis:before { content: ''; display: block; position: absolute; left: -3.714em; top: -0.6em; width: 2.714em; height: 2.714em; background: url(_img/icon_hinweis.svg) no-repeat center; background-size: 2.714em; }
@media only screen and (max-width: 767px) {
	.icon-hinweis { padding-left: 3.714em; }
	.icon-hinweis:before { left: 0; }
}

.icon-check-white { padding: 0 0 0 1.8em; position: relative; }
.icon-check-white:before { content: ''; display: block; position: absolute; left: 0; top: 0.08em; width: 1.16em; height: 1.2em; background: url(_img/icon_check_white.svg) no-repeat center; background-size: 1.16em; }

.icon-check-black { padding: 0 0 0 1.8em; position: relative; }
.icon-check-black:before { content: ''; display: block; position: absolute; left: 0; top: 0.08em; width: 1.16em; height: 1.2em; background: url(_img/icon_check_black.svg) no-repeat center; background-size: 1.16em; }

.icon-location-black { padding: 0 0 0 1.5em; position: relative; }
.icon-location-black:before { content: ''; display: block; position: absolute; left: 0; top: -0.1em; width: 1em; height: 1.6em; background: url(_img/icon_location_black.svg) no-repeat center; background-size: 1em; }

.icon-location-white { padding: 0 0 0 1.5em; position: relative; }
.icon-location-white:before { content: ''; display: block; position: absolute; left: 0; top: -0.1em; width: 1em; height: 1.6em; background: url(_img/icon_location_white.svg) no-repeat center; background-size: 1em; }

.icon-arrow-right { position: relative; }
.icon-arrow-right:after { content: ''; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 0.9em; background: url(_img/icon_arrow_right.svg) no-repeat center; background-size: 0.9em; }

ul { margin: 0 0 0 0; padding: 0 0 0 0; display: block; }
ol { margin: 0 0 0 0; padding: 0 0 0 0; }
li { }

ul.contentlist li { list-style: none; position: relative; margin: 0 0 1.2em 0; }
ul.contentlist li:last-child { margin: 0 0 0 0; }
ul.contentlist li:before { content: '–'; display: inline-block; position: absolute; left: -1.739em; }
@media only screen and (max-width: 1130px) {
	ul.contentlist { padding-left: 1.739em; }
}

ul.contentchecklist { }
ul.contentchecklist li { list-style: none; position: relative; margin: 0 0 1.2em 0; padding: 0 0 0 2.391em; }
ul.contentchecklist li:last-child { margin: 0 0 0 0; }
ul.contentchecklist li:before { content: ''; display: inline-block; position: absolute; left: 0; top: 0.1em; width: 1.304em; height: 1.1em; background: url(_img/icon_checklist_blue.svg) no-repeat center; background-size: 1.304em; }
.text-white ul.contentchecklist li:before { background: url(_img/icon_checklist_white.svg) no-repeat center; background-size: 1.304em; }
.bg-pink-linear-gradient ul.contentchecklist li:before { background: url(_img/icon_checklist_black.svg) no-repeat center; background-size: 1.304em; }

ul.contentlist br, ul.contentchecklist br { display: none; }

figure { margin: 0; }
figcaption { font-size: 0.782em; line-height: 1.5em; padding-top: 1em; }

form { border-radius: 0.26em; padding: 3.478em 1.739em; margin-bottom: 4.782em; background: #A0E1FA; background: linear-gradient(to top right, rgba(160,225,250,0.2), rgba(160,225,250,1.0)); }
form br { clear: both; }
form h2 { font-size: 2.17em; line-height: 1.18em; margin: 0 0 1.6em 0; font-weight: 300; color: #0050A0; padding-left: 0.8em; padding-right: 0.8em; }
form b { display: inline-block; margin: 0 0 0.5em 0; }
.kontaktformular form { background: #bdeafc; background: linear-gradient(to top right, rgba(235,249,254,1.0), rgba(160,225,250,1.0)); margin-bottom: 3.478em; }
@media only screen and (max-width: 1130px) {
	form { padding: 3.478em 0.869em; }
	form h2 { padding-left: 0.4em; padding-right: 0.4em; }
}
@media only screen and (max-width: 767px) {
	form { margin-left: -1.739em; margin-right: -1.739em; }
	form h2 { padding-left: 0.5em; padding-right: 0.5em; font-size: 1.687em; line-height: 1.148em; }
	form h2 br { display: none; }
}

form .span50 { padding-left: 1.739em; padding-right: 1.739em; }
form .span40 { padding-left: 1.739em; padding-right: 1.739em; }
form .span20 { padding-left: 1.739em; padding-right: 1.739em; }
form .span60 { padding-left: 1.739em; padding-right: 1.739em; }
form .span100 { padding-left: 1.739em; padding-right: 1.739em; }
@media only screen and (max-width: 1130px) {
	form .span50 { padding-left: 0.869em; padding-right: 0.869em; }
	form .span40 { padding-left: 0.869em; padding-right: 0.869em; }
	form .span20 { padding-left: 0.869em; padding-right: 0.869em; }
	form .span60 { padding-left: 0.869em; padding-right: 0.869em; }
	form .span100 { padding-left: 0.869em; padding-right: 0.869em; }
}

.grecaptcha-badge { visibility: hidden; }
.google_label { font-size: 0.6em; line-height: 1.2em; margin: 0 0 0 0; -webkit-transform: translate3d(0, -1.5em, 0); transform: translate3d(0, -1.5em, 0); }

label { margin: 0; padding: 0 0 2em 0; line-height: 1.6em; display: block; }
input { display: block; border: none; background: #ffffff; border: solid 0.173em #ffffff; border-radius: 0.26em; width: 100%; font-size: 1em; padding: 0.7em; margin: 0 0 0.2em 0; font-family: europa, sans-serif; font-style: normal; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea { background: #ffffff; border: solid 0.173em #ffffff; padding: 0.7em; width: 100%; display: block; height: 6.956em; font-family: inherit; font-size: inherit; margin: 0 0 0.2em 0; border-radius: 0.26em; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type=submit] { width: auto; background: #0050A0; border: solid 2px #0050A0; color: #ffffff; font-size: 0.869em; font-weight: 700; padding: 0.434em 0.869em; cursor: pointer; margin: 0; border-radius: 0.2em; box-shadow: 0 0 0.869em rgba(0,32,64,0.35); }
input[type=submit]:hover { }

input[type=submit] { padding-right: 2.8em; background-image: url(_img/icon_newsletter_white.svg); background-size: 1.4em; background-repeat: no-repeat; background-position: 92% center; }
.kontaktformular input[type=submit] { float: right; margin-top: 2.2em; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0.26em; font-size: 1em; font-family: europa, sans-serif; font-style: normal; padding: 0.7em; margin: 0 0 0.2em 0; border: solid 0.173em #ffffff; } 
select { padding-right: 2em; background-color: #ffffff; background-image: url(_img/arrow_black_down.svg); background-size: 0.5em; background-repeat: no-repeat; background-position: 90% center; } 

.teaser select { margin-bottom: 3em; font-weight: 700; color: #0050A0; width: 100%; background-image: url(_img/arrow_blue_down.svg); background-size: 0.5em; background-repeat: no-repeat; background-position: 90% center; } 
.selectbutton { padding: 0.66em 0.869em; padding-right: 2em; border: solid 2px #0050A0; font-weight: 700; font-size: 0.869em; color: #0050A0; width: 100%; background-image: url(_img/arrow_blue_down.svg); background-size: 0.7em; background-repeat: no-repeat; background-position: 90% center; position: absolute; top: 4em; }
@media only screen and (max-width: 767px) {
	.selectbutton { position: relative; width: auto; top: auto; float: right; padding: 0.66em 0.869em; }
}

form.searchform { background: transparent; padding: 0; margin-bottom: 0; }
.search .search-inputs { margin: 0 -1.7em; }
.search input { background: #F0F0F0; font-weight: 700; font-size: 3em; padding: 0.1em 2em 0.2em 0.5em; border-radius: 2em; margin: 0; border: none; }
.search input[type=submit] { position: absolute; right: 0; top: 0; background: url(_img/icon_search.svg) no-repeat center; background-size: 0.739em; padding: 0.15em 0.82em; box-shadow: none; opacity: 0.3; transition: 300ms; border: none; }
.search input[type=submit]:hover { opacity: 1.0; }
form.searchform h2 { padding: 0; margin: 0 0 0.6em 0; color: #000000; font-size: 1.652em; line-height: 1.263em; }
@media only screen and (max-width: 1130px) {
	.search .search-inputs { margin: 0 -0.9em; }
}

::-webkit-input-placeholder { color: #000000; opacity: 0.3; }
:-moz-placeholder { color: #000000; opacity: 0.3; }
::-moz-placeholder { color: #000000; opacity: 0.3; }
:-ms-input-placeholder { color: #000000; opacity: 0.3; }

/* Radio + Checkbox */
input[type="radio"], input[type="checkbox"] { display: none; }
input[type="radio"] + label, input[type="checkbox"] + label  { background: #ffffff; border: solid 2px #000000; border-radius: 0.26em; display: inline-block; position: absolute; margin: 0; width: 2.2em; height: 2em; cursor: pointer; -webkit-transform: translate3d(0, 2px, 0); transform: translate3d(0, 2px, 0); }
input[type="radio"]:checked + label, input[type="checkbox"]:checked + label  { background-image: url(_img/icon_form_checkbox.svg); background-repeat: no-repeat; background-position: center; background-size: 1.30em; }
.wpcf7-not-valid input[type="radio"] + label, .wpcf7-not-valid input[type="checkbox"] + label { border: solid 0.173em #C80F32; }

.wpcf7-radio label:nth-of-type(2), .wpcf7-checkbox label:nth-of-type(2) { padding: 0.4em 0 1em 3.478em; }

label span { display: block; }
span.wpcf7-not-valid-tip { position: absolute; font-size: 0.782em!important; line-height: 1.5em; color: #000000!important; width: 100%; white-space: nowrap; }
div.wpcf7 .ajax-loader { display: none!important; }

.wpcf7-list-item-label { display: none; }
span.wpcf7-list-item { display: block!important; margin: 0!important; }

input.wpcf7-not-valid { border: solid 0.173em #C80F32; }
textarea.wpcf7-not-valid { border: solid 0.173em #C80F32; }
select.wpcf7-not-valid { border: solid 0.173em #C80F32; }

.wpcf7-form-control-wrap { display: block; }
.wpcf7-form-control.wpcf7-checkbox { display: block; margin-bottom: 3em; }

div.wpcf7-response-output { border: none!important; padding: 1.739em!important; margin: 1em 1.739em 0!important; font-size: 0.782em; background: rgba(0,0,0,0.02); border-radius: 0.26em; text-align: center; }

div, section, header, footer, p { position: relative; }
img { border: 0; height: auto; display: block; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); }
video { display: block; }
img.box-shadow { box-shadow: 0 0.13em 0.896em rgba(0,0,0,0.16); }
video.box-shadow { box-shadow: 0 0.13em 0.896em rgba(0,0,0,0.16); }
hr { margin: 9px 0 12px 0; border: 0 none; background-color: #eceded; height: 1px; }

table { width: 100%; border-spacing: 0; border-collapse: collapse; }
tr { }
tr:nth-of-type(2) td { padding: 20px 0 10px 0; }
th { padding: 10px 0; border-bottom: 3px solid #0050A0; color: #0050A0; margin-bottom: 1em; text-align: left; }
td { padding: 10px 0; border-bottom: 1px solid #000000; }
.border-none { border: none; }

.clear { height: 0; clear: both; }
.fl { float: left; }
.fr { float: right; }

.collapse { margin: 0; padding: 0; border-top: 2px solid #000; }
.collapse .row { border-bottom: 2px solid #000; }
.collapse .row .titel { padding: 0.9em 0; cursor: pointer; }
.collapse .row .arrow { position: absolute; right: 0; top: 1.1em; width: 0.695em; height: 0.95em; background: url(_img/arrow_blue_down.svg) no-repeat center; background-size: 100%; transition: 400ms; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); }
.collapse .row.active .arrow { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); }
.collapse .row .content { display: none; transition: 0ms; }

.collapse .row .content .dokumente_container { margin: 0 -3.478em; }

.collapse_veranstaltungen { margin: 0; padding: 0; }
.collapse_veranstaltungen .row { overflow: hidden; margin: 0 0 1em 0; }
.collapse_veranstaltungen .row .titel { padding: 1.4em 3.478em 1em; }
.collapse_veranstaltungen .row .content { padding: 0 3.478em 2em 3.478em; display: none; }

.collapse_veranstaltungen .row.img .titel { padding-left: 8.434em; }
.collapse_veranstaltungen .row.img .content { padding-left: 8.434em; }
.collapse_veranstaltungen .row.img .bild { position: absolute; left: 0; top: 0; bottom: 0; width: 6.956em; }
.collapse_veranstaltungen .row.img .span18 { width: 20.4%; }
.collapse_veranstaltungen .row.img .span82 { width: 79.6%; padding: 0 1em 0 0; }

.collapse_veranstaltungen .row.boxshadow { box-shadow: 0 0.13em 2.60em rgba(131,131,131,0.1); }
.collapse_veranstaltungen .span18 { width: 18%; float: left; padding-top: 1.4em; }
.collapse_veranstaltungen .span82 { width: 82%; float: left; padding: 0 1em 0 0;  }
.collapse_veranstaltungen .date { display: block; margin: 0 0 0.5em 0; }
.collapse_veranstaltungen .siedlung { display: block; }
.collapse_veranstaltungen .siedlung br { display: none; }
.collapse_veranstaltungen .siedlung a { border-bottom: none; color: #000000; }
.collapse_veranstaltungen .text-white .siedlung a { color: #ffffff; }
.collapse_veranstaltungen .row a.btn.btn-icon:after { transition: 400ms; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); }
.collapse_veranstaltungen .row.active a.btn.btn-icon:after { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); }

@media only screen and (max-width: 1130px) {
	.collapse_veranstaltungen .row .titel { padding: 1.4em 1.739em 1em; }
	.collapse_veranstaltungen .row .content { padding: 0 1.739em 2em 1.739em; }
	
	.collapse .row .content .dokumente_container { margin: 0 -1.739em; }
}
@media only screen and (max-width: 1020px) {
	.collapse_veranstaltungen .row .titel { padding: 1em 1.739em 1em; }
	.collapse_veranstaltungen .span18 { padding-top: 2em; }
	.collapse_veranstaltungen .date { width: 100%; display: block; }
}
@media only screen and (max-width: 767px) {
	.collapse_veranstaltungen a.btn { font-size: 0.7em; position: absolute; bottom: 0; right: 0; }
	.collapse_veranstaltungen .row .titel { padding: 1em 1em 1em; }
	.collapse_veranstaltungen .row .content { padding: 1em 1em 1em 1em; }
	.collapse_veranstaltungen .row .content h3 { display: none; }
	#slider_veranstaltungen .collapse_veranstaltungen .row .content h3 { display: block; }
	.collapse_veranstaltungen .row.img .titel { padding-left: 1em; }
	.collapse_veranstaltungen .row.img .content { padding-left: 1em; }
	.collapse_veranstaltungen .row.img .bild { display: none; }
	.collapse_veranstaltungen .span50.pl-1 { padding-left: 0; }
	.collapse_veranstaltungen .span18 { width: 22%; position: absolute; right: 1em; top: 0; bottom: 1em; }
	.collapse_veranstaltungen .span82 { width: 77%; float: left;  }
	.collapse_veranstaltungen .row.img .span18 { width: 22%; }
	.collapse_veranstaltungen .row.img .span82 { width: 77%; }
}


code { font-size: 0.7em; line-height: 1.5em; background-color: #f7f7f9; border: 1px solid #e1e1e8; border-radius: 4px; display: block; padding: 20px; margin: 0 0 40px 0; overflow-x: scroll; }
pre { margin: 0; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-uppercase { text-transform: uppercase; }
.text-underline { border-bottom: solid 1px #0050A0; }
.text-underline-2 { border-bottom: solid 2px #0050A0; }
.text-underline-3 { border-bottom: solid 3px #0050A0; }
.text-white .text-underline { border-color: #ffffff; }
.letter-spacing { letter-spacing: 0.142em; }
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-blue { color: #0050A0; }
.text-white { color: #ffffff; }
.text-grey { color: #838383; }
.cover { background-size: cover; background-position: center; background-repeat: no-repeat; }
.borderradius-6 { border-radius: 0.26em; }
.borderradius-18 { border-radius: 0.78em; }
.transform-top { -webkit-transform: translate3d(0, -3.478em, 0); transform: translate3d(0, -3.478em, 0); }
.ov-hidden { overflow: hidden; }
.w-100 { width: 100%; }
.d-block { display: block; }
.d-inlineblock { display: inline-block; }
@media only screen and (max-width: 767px) {
	.transform-top { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.bg-white { background: #ffffff; }
.bg-grey { background: #F0F0F0; }
.bg-grey-light { background: #F7F7F7; }
.bg-blue { background: #0050A0; }
.bg-blue-light { background: #A0E1FA; }
.bg-blue-light-0_5 { background: #f3f7fb; background: rgba(0,80,150,0.05); }
.bg-grey-linear-gradient { background: #F0F0F0; background: linear-gradient(to bottom, #F0F0F0, #ffffff); }
.bg-blue-linear-gradient { background: #0050A0; background: linear-gradient(to top right, #0D4D8D, #2A83DB); }
.bg-pink-linear-gradient { background: #FF9B9B; background: linear-gradient(to top right, rgba(255,75,60,0.5), rgba(255,155,155,0.5)); }
.bg-blue-light-linear-gradient { background: #ebf0f4; background: linear-gradient(to bottom, rgba(0,64,128,0.05), rgba(0,64,128,0.03)); }

/* -------------------------------------------------------------------------- Rastereinheiten -------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.height560 { height: 24.347em; }
.width560 { max-width: 24.347em; }
.width960 { max-width: 41.73em; padding: 0; margin: 0 auto; }
.width1280 { max-width: 55.652em; padding: 0; margin: 0 auto; }
.width1440 { max-width: 62.608em; padding: 0; margin: 0 auto; }
.width1600 { max-width: 69.565em; padding: 0; margin: 0 auto; }
.width1760 { max-width: 76.521em; padding: 0; margin: 0 auto; }
.width1920 { max-width: 83.478em; padding: 0; margin: 0 auto; }
.overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
.textcenter { display: table-cell; vertical-align: middle; }
@media only screen and (max-width: 1280px) {
	.width1280 { max-width: 100%; }
}

.span10 { width: 10%; float: left; padding: 0 3.478em; }
.span20 { width: 20%; float: left; padding: 0 3.478em; }
.span25 { width: 25%; float: left; padding: 0 3.478em; }
.span30 { width: 30%; float: left; padding: 0 3.478em; }
.span33 { width: 33.33%; float: left; padding: 0 3.478em; }
.span40 { width: 40%; float: left; padding: 0 3.478em; }
.span45 { width: 45%; float: left; padding: 0 3.478em; }
.span50 { width: 50%; float: left; padding: 0 3.478em; }
.span55 { width: 55%; float: left; padding: 0 3.478em; }
.span60 { width: 60%; float: left; padding: 0 3.478em; }
.span66 { width: 66.66%; float: left; padding: 0 3.478em; }
.span70 { width: 70%; float: left; padding: 0 3.478em; }
.span75 { width: 75%; float: left; padding: 0 3.478em; }
.span80 { width: 80%; float: left; padding: 0 3.478em; }
.span90 { width: 90%; float: left; padding: 0 3.478em; }
.span100 { width: 100%; padding: 0 3.478em; }

@media only screen and (max-width: 1130px) {
	.span10 { padding: 0 1.739em; }
	.span20 { padding: 0 1.739em; }
	.span25 { padding: 0 1.739em; }
	.span30 { padding: 0 1.739em; }
	.span33 { padding: 0 1.739em; }
	.span40 { padding: 0 1.739em; }
	.span45 { padding: 0 1.739em; }
	.span50 { padding: 0 1.739em; }
	.span55 { padding: 0 1.739em; }
	.span60 { padding: 0 1.739em; }
	.span66 { padding: 0 1.739em; }
	.span70 { padding: 0 1.739em; }
	.span75 { padding: 0 1.739em; }
	.span80 { padding: 0 1.739em; }
	.span90 { padding: 0 1.739em; }
	.span100 { padding: 0 1.739em; }
}

@media only screen and (max-width: 767px) {
	.span10 { width: 100%; }
	.span20 { width: 100%; }
	.span25 { width: 100%; }
	.span30 { width: 100%; }
	.span33 { width: 100%; }
	.span40 { width: 100%; }
	.span45 { width: 100%; }
	.span50 { width: 100%; }
	.span55 { width: 100%; }
	.span60 { width: 100%; }
	.span66 { width: 100%; }
	.span70 { width: 100%; }
	.span75 { width: 100%; }
	.span80 { width: 100%; }
	.span90 { width: 100%; }
	.span100 { }
}

.pt-1 { padding-top: 1em; }
.pt-1_5 { padding-top: 1.5em; }
.pt-2 { padding-top: 2em; }
.pt-3 { padding-top: 3em; }
.pt-3_5 { padding-top: 3.5em; }
.pt-4 { padding-top: 4em; }
.pt-5 { padding-top: 5em; }
.pt-8 { padding-top: 8em; }
.pt-9 { padding-top: 9em; }
.pt-10 { padding-top: 10em; }
.pt-50 { padding-top: 2.173em; }
.pt-65 { padding-top: 2.826em; }
.pt-80 { padding-top: 3.478em; }
.pt-110 { padding-top: 4.782em; }
.pt-160 { padding-top: 6.956em; }
.pt-190 { padding-top: 8.260em; }
@media only screen and (max-width: 767px) {
	.pt-10 { padding-top: 6em; }
}

.pb-1 { padding-bottom: 1em; }
.pb-2 { padding-bottom: 2em; }
.pb-3 { padding-bottom: 3em; }
.pb-4 { padding-bottom: 4em; }
.pb-5 { padding-bottom: 5em; }
.pb-7 { padding-bottom: 7em; }
.pb-30 { padding-bottom: 1.30em; }
.pb-65 { padding-bottom: 2.826em; }
.pb-80 { padding-bottom: 3.478em; }
.pb-110 { padding-bottom: 4.782em; }
.pb-160 { padding-bottom: 6.956em; }

.pl-0 { padding-left: 0; }
.pl-1 { padding-left: 1em; }
.pl-2 { padding-left: 2em; }
.pl-3 { padding-left: 3em; }
.pl-4 { padding-left: 4em; }
.pl-5 { padding-left: 5em; }
.pl-40 { padding-left: 1.739em; }
.pl-80 { padding-left: 3.478em; }
@media only screen and (max-width: 1130px) {
	.pl-40 { padding-left: 0.869em; }
}

.pr-0 { padding-right: 0; }
.pr-1 { padding-right: 1em; }
.pr-2 { padding-right: 2em; }
.pr-3 { padding-right: 3em; }
.pr-4 { padding-right: 4em; }
.pr-5 { padding-right: 5em; }
.pr-40 { padding-right: 1.739em; }
.pr-80 { padding-right: 3.478em; }
@media only screen and (max-width: 1130px) {
	.pr-40 { padding-right: 0.869em; }
}

.mt-1 { margin-top: 1em; }
.mt-2 { margin-top: 2em; }
.mt-3 { margin-top: 3em; }
.mt-4 { margin-top: 4em; }
.mt-5 { margin-top: 5em; }

.mb-0 { margin-bottom: 0; }
.mb-02 { margin-bottom: 0.2em; }
.mb-05 { margin-bottom: 0.5em; }
.mb-1 { margin-bottom: 1em; }
.mb-1_39 { margin-bottom: 1.391em; }
.mb-1_5 { margin-bottom: 1.5em; }
.mb-2 { margin-bottom: 2em; }
.mb-2_5 { margin-bottom: 2.5em; }
.mb-3 { margin-bottom: 3em; }
.mb-4 { margin-bottom: 4em; }
.mb-5 { margin-bottom: 5em; }
.mb-6 { margin-bottom: 6em; }
.mb-65 { margin-bottom: 2.82em; }
.mb-80 { margin-bottom: 3.478em; }
.mb-110 { margin-bottom: 4.782em; }
.mb-160 { margin-bottom: 6.956em; }
h2.mb-80 { margin-bottom: 2.10em; }

.ml-0_5 { margin-left: 0.5em; }
.ml-05 { margin-left: 0.3em; }
.ml-1 { margin-left: 1em; }
.ml-2 { margin-left: 2em; }
.ml-3 { margin-left: 3em; }
.ml-4 { margin-left: 4em; }
.ml-5 { margin-left: 5em; }

.mr-0_5 { margin-right: 0.5em; }
.mr-05 { margin-right: 0.3em; }
.mr-1 { margin-right: 1em; }
.mr-2 { margin-right: 2em; }
.mr-3 { margin-right: 3em; }
.mr-4 { margin-right: 4em; }
.mr-5 { margin-right: 5em; }

/* ------------------------------------------------------------------------------- Main -------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

main { width: 100%; z-index: 1; }
section { margin: 0; overflow: hidden; }
header { width: 100%; margin: 0; position: fixed; top: 0; left: 0; right: 0; z-index: 10; }
footer {  }

/* Header */
header { height: 3.347em; background: rgba(255,255,255,0.85); -webkit-backdrop-filter: blur(0.391em); -moz-backdrop-filter: blur(0.391em); backdrop-filter: blur(0.391em); }
header .span100 { padding-right: 0; }
header.no_front_page { height: 5.521em; }
header.no_front_page.no_hover { height: 3.347em; }
header.hover { height: 5.521em; }
header .top { background: #ffffff; }
.logo { float: right; margin: 0.869em 3.478em 0 0; width: 10em; }
.logo a { border-bottom: none; }
.e_newsletter .logo { float: left; margin: 0.869em 3.478em 0.769em 0; }
.e_newsletter .logo_gesundheitszentrum { float: left; margin: 1em 0 0 0; width: 11.826em; }
.e_newsletter .logo_gesundheitszentrum a { border-bottom: none; }
.hilfebutton { position: absolute; right: -2.4em; top: 25em; border: none; display: block; padding: 0.2em 1.8em 1em; color: #000000; border-radius: 0.3em 0.3em 0 0; box-shadow: 0 0 1em rgba(0,0,0,0.1); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); letter-spacing: 1px; background: rgba(205,218,222,0.8); -webkit-backdrop-filter: blur(0.391em); -moz-backdrop-filter: blur(0.391em); backdrop-filter: blur(0.391em); transition: right 150ms; }
.hilfebutton:hover { right: -2.2em; }
@media only screen and (max-width: 1440px) {
	.hilfebutton { top: 21em;}
}
@media only screen and (max-width: 1130px) {
	.logo { margin: 0.869em 1.739em 0 0; }
}
@media only screen and (max-width: 767px) {
	header { }
	header, header.no_front_page { height: 3.8em; }
	header.active, header.no_front_page.active { height: 100%; background: rgba(255,255,255,1); }
	header .span100 { padding-right: 1.739em; }
    header .e_newsletter.span100 { padding-right: 0.8em; }
	header .top { background: transparent; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
	.logo { float: none; margin: 0.869em 0 0 1.739em; width: 12em; }
    .e_newsletter .logo { margin: 1em 1.739em 0 0; width: 10em; }
    .e_newsletter .logo_gesundheitszentrum { margin: 1.2em 0 0 0; width: 11em; }
	.hilfebutton { top: 15em; }
}
@media only screen and (max-width: 430px) {
    .e_newsletter .logo { margin: 1em 5vw 0 0; width: 36vw; }
    .e_newsletter .logo_gesundheitszentrum { margin: 1.2em 0 0 0; width: 40vw; }
}

.mainnav {}
.mainnav ul { display: block; }
.mainnav ul li { list-style: none; float: left; padding: 1em 1.3em 0 1.3em; /*margin-right: 2.6em;*/ } 
.mainnav ul li:first-child { padding-left: 0; }
.mainnav ul li:last-child { padding-right: 0; } 
.mainnav ul li a { display: block; border-bottom: solid 2px transparent; color: #000000; font-weight: 700; margin-bottom: 1em; }
.mainnav ul li:last-child a { font-weight: 400; background: #F5F5F5; border: solid 1px #F5F5F5; padding: 0 0.8em 0 0.7em; border-radius: 1.34em; }
.mainnav ul li:last-child a:before { content: ''; display: inline-block; width: 0.739em; height: 0.739em; background: url(_img/icon_search.svg) no-repeat center; background-size: 0.739em; margin-right: 0.4em; }
.mainnav ul li.current-menu-item a, .mainnav ul li.current-menu-parent a { border-bottom: solid 2px #000000; }
.mainnav ul li:last-child.current-menu-item a { border: solid 1px #000000; }
@media only screen and (max-width: 860px) {
	.mainnav ul li { padding-left: 1em; padding-right: 1em; } 
}
@media only screen and (max-width: 825px) {
	.mainnav ul li { padding-left: 0.85em; padding-right: 0.85em; } 
}
@media only screen and (max-width: 805px) {
	.mainnav ul li { padding-left: 0.65em; padding-right: 0.65em; } 
}
@media only screen and (max-width: 767px) {
	.mainnav { font-size: 1.125em; }
	.mainnav_container { position: absolute; padding: 2em 0 0 0; top: 4em; left: 0; right: 0; bottom: 0; -webkit-overflow-scrolling: touch; overflow: hidden; overflow-y: auto; }
	.mainnav ul li { float: none; padding: 0 0 2em 2.3em; }
	.mainnav ul li:first-child { padding: 0 0 2em 2.3em; }
	.mainnav ul li a { margin-bottom: 0.5em; display: inline-block; }
}

.mainnav ul li ul.sub-menu { width: 100%; position: absolute; left: 0; display: none; }
.mainnav ul li ul.sub-menu li { padding-top: 0.3em; padding-bottom: 0.44em; }
.mainnav ul li ul.sub-menu li:last-child { margin-right: 0; }
.mainnav ul li ul.sub-menu li a { margin-bottom: 0; border-bottom: solid 1px transparent; font-weight: 400; }
.mainnav ul li ul.sub-menu li.current-menu-item a, .mainnav ul li ul.sub-menu li.current-menu-item:last-child a { border-bottom: solid 1px #000000; }
.mainnav ul li ul.sub-menu li:last-child a { background: transparent; padding: 0; border-radius: 0; border: none; }
.mainnav ul li ul.sub-menu li:last-child a:before { display: none; }

.mainnav ul li.current-menu-item ul.sub-menu, .mainnav ul li.current-menu-parent ul.sub-menu { display: block; }

@media only screen and (max-width: 767px) {
	.mainnav ul li ul.sub-menu { width: 100%; position: relative; left: 0; display: block; }
	.mainnav ul li ul.sub-menu li { padding: 0.5em 0 0.5em 0; }
}
@media only screen and (min-width: 768px) {
	.mainnav ul:hover li ul.sub-menu { display: none; }
	.mainnav ul li:hover ul.sub-menu { display: block; }
}

.sitemapnav { }
.sitemapnav ul { display: block; }
.sitemapnav ul li { list-style: none; }
.sitemapnav ul li a {}
.sitemapnav ul li ul.sub-menu { padding: 0.782em 0 0 0 ; }
.sitemapnav ul li ul.sub-menu li { padding: 0.782em 0; }

ul#menu-sitemap > li { margin: 3em 0 0 0; }
ul#menu-sitemap > li > a { font-size: 1.652em; line-height: 1.368em; position: relative; margin: 0 0 1em 1em; }
ul#menu-sitemap > li > a:before { content: ''; display: block; position: absolute; top: 0.5em; left: -1em; width: 0.710em; height: 0.55em; background: url(_img/arrow_blue_right.svg) no-repeat center; background-size: 0.710em; }

ul#menu-sitemap > li:first-child { margin: 0; }
ul#menu-sitemap > li:first-child > a { font-size: 2.173em; line-height: 1.38em; margin: 0; }
ul#menu-sitemap > li:first-child > a:before { display: none; }

/* Intro */
#map { height: 24.347em; width: 100%; }
.intro #map { height: 27.826em; }
.intro #map .ol-zoom { top: auto; bottom: .5em; }
#map .ol-overlaycontainer-stopevent { position: static; font-size: 16px; }

.ol-popup {
        position: absolute;
        background-color: white;
        -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        padding: 10px;
        border-radius: 6px;
        border: 1px solid #cccccc;
        bottom: 12px;
        left: -120px;
        min-width: 250px;
		text-align:center;
      }
      .ol-popup:after, .ol-popup:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
      }
      .ol-popup:after {
        border-top-color: white;
        border-width: 10px;
        left: 118px;
		top: 50px;
        margin-left: -10px;
      }
      .ol-popup:before {
        border-top-color: #cccccc;
        border-width: 11px;
        left: 118px;
		top: 50px;
        margin-left: -11px;
      }
      .ol-popup-closer {
        text-decoration: none;
        position: absolute;
        top: 2px;
        right: 8px;
      }
      .ol-popup-closer:after {
        content: "x";
      }


.headerimage { height: 27.826em; }
.headerimage_big { height: 41.739em; }
.intro {}
.intro .teaser_container { width: 20.869em; margin-top: -7.478em; }
.intro .teaser_container.no_headerimage { margin-top: -2em; }
.intro .teaser { }
.datenschutz_hinweis { position: absolute; top: 0; left: 0; right: 0; padding: 2.6em 3.478em 4em 3.478em; border-radius: 0.52em 0.52em 0 0; background: rgba(255,255,255,0.75); -webkit-backdrop-filter: blur(0.391em); -moz-backdrop-filter: blur(0.391em); backdrop-filter: blur(0.391em); transition: 400ms; }
.datenschutz_hinweis.active { top: -7.6em; }
.datenschutz_hinweis .close { position: absolute; right: 1.5em; top: 1.2em; }
.datenschutz_hinweis .close a { display: block; border-bottom: none; color: #000000; }

.intro .width1280.text-center .span80 { width: 100%; }

.header_datum { display: inline-block; margin-bottom: 1em; padding: 0.25em 1em; letter-spacing: 5px; border-radius: 1.5em; line-height: 1em; }

@media only screen and (max-width: 1850px) {
	.intro .span80 { font-size: 21px; width: 75%; padding-left: 3.808em; padding-right: 3.808em; }
	.intro .span20 { width: 25%; }
}
@media only screen and (max-width: 1750px) {
	.intro .span80 { font-size: 19px; width: 70%; padding-left: 4.21em; padding-right: 4em; }
	.intro .span20 { width: 30%; }
}
@media only screen and (max-width: 1620px) {
	.intro .span80 { font-size: 18px; width: 65%; padding-left: 4.44em; }
	.intro .span20 { width: 35%; }
}
@media only screen and (max-width: 1440px) {
	.intro .span80 { font-size: 17px; width: 65%; padding-left: 4.7em; }
	.headerimage { height: 25em; margin-bottom: 3.5em; }
	.intro #map { height: 25em; }
}
@media only screen and (max-width: 1340px) {
	.intro .span80 { width: 60%; font-size: 16px; padding-left: 4.56em; }
	.intro .span20 { width: 40%; }
}
@media only screen and (max-width: 1130px) {
	.intro .span80 { width: 55%; font-size: 15px; padding-left: 2.05em; padding-right: 2.05em; }
	.intro .span20 { width: 45%; }
	.intro .teaser_container { width: 100%; }
}
@media only screen and (max-width: 767px) {
	.headerimage { height: 17em; margin-bottom: 2em; }
	#map { height: 17em; }
	.intro #map { height: 17em; margin-bottom: 2em; }
	.datenschutz_hinweis { position: fixed; top: auto; bottom: -9em; left: 0; right: 0; padding: 2.6em 1.739em 1.739em 1.739em; z-index: 9; border-radius: 0; }
	.datenschutz_hinweis.active { top: auto; bottom: 0; }
	.intro .span80 { font-size: 1em; width: 100%; padding-left: 1.739em; padding-right: 1.739em; }
	.intro .span20 { width: 100%; padding-right: 0; }
	.intro .teaser_container { margin-top: 3em; }
	.intro .teaser_container.no_headerimage { margin-top: 3em; }
}

/* Top Störer */
.top_stoerer { position: fixed; top: -7em; left: 0; right: 0; padding: 0.5em 0; z-index: 11; background: #A0E1FA; transition: 400ms; }
.top_stoerer .span100 {}
.top_stoerer.gelb { background: #FAA500; }
.top_stoerer.rot { background: #FF4B3C; }
.top_stoerer.active { top: 0; }
.top_stoerer .close { width: 0.7em; position: absolute; right: 1em; top: 50%; margin-top: -0.84em; cursor: pointer; }
.top_stoerer .close .icon .fill_black { fill:none; stroke:#000000; stroke-width:2; }
.top_stoerer a { color: #000000; }
@media only screen and (max-width: 1130px) {
	.top_stoerer .span100 { padding-right: 3.478em; }
}

.meta { visibility: hidden; opacity: 0.0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 120px 0; z-index: 11; background: rgba(250,250,250,0.8); overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: 500ms 300ms; }
.meta.show { visibility: visible; opacity: 1.0; transition: 500ms; }
.metacontent { width: 100%; height: 100%; display: table; z-index: 1; }
.meta .close { width: 0.7em; position: absolute; right: 1.6em; top: 1.4em; cursor: pointer; }
.meta .close .icon .fill_black { fill:none; stroke:#000000; stroke-width:3; }
@media only screen and (max-width: 767px) {
	.meta { padding: 1.739em 0; }
	.meta .close { width: 1em; }
}

.stoerer { top: 3em; padding-top: 3.478em; padding-bottom: 3.478em; opacity: 0.0; visibility: hidden; transition: 500ms 100ms; }
.show .stoerer { top: 0; opacity: 1.0; visibility: visible; transition: 400ms 0; }
.stoerer_h2 { font-size: 2.17em; line-height: 1.18em; margin: 0 0 1.6em 0; font-weight: 300; color: #0050A0; }
.stoerer.box-shadow { box-shadow: 0 0.13em 0.896em rgba(0,0,0,0.1); }
@media only screen and (max-width: 767px) {
    .stoerer h2 { font-size: 1.687em; line-height: 1.148em; }
	.stoerer h2 br { display: none; }
	form h2 { font-size: 1.687em; line-height: 1.148em; }
	form h2 br { display: none; }
}

/* Betonte Verlinkungen */
.betonte_verlinkung_container { transition: 300ms; }
.teaser { padding: 3.478em; transition: 300ms; }
.betonte_verlinkung_container .teaser { padding: 1.869em 3.478em 3.478em 3.478em; }
.teaser.box-shadow { box-shadow: 0 0.13em 1.304em rgba(0,37,74,0.45); }
.span_betonte_verlinkung { transition: 300ms; }
.span100.inner_1 { transition: 300ms; }
.span100.inner_2 {}
@media only screen and (max-width: 1620px) {
	.span100.inner_1 { padding: 0; }
}
@media only screen and (max-width: 1440px) {
	.span100.span_betonte_verlinkung { padding-left: 0; padding-right: 0; }
	.betonte_verlinkung_container { border-radius: 0; }
}
@media only screen and (max-width: 1280px) {
	.span100.inner_2 { width: 50%; }
	.teaser.width560 { max-width: 100%; }
}
@media only screen and (max-width: 767px) {
	.span100.span_betonte_verlinkung { padding-top: 0; }
	.span100.inner_2 { width: 100%; padding: 0; }
	.teaser { border-radius: 0; padding: 2.2em 1.739em; }
	.betonte_verlinkung_container .teaser { padding: 2.2em 1.739em; }
}

.textteaser { }
.textteaser h3 { margin-bottom: 0.5em; color: #0050A0; }
.textteaser h3 span { display: inline-block; border-bottom: solid 3px #0050A0; margin-right: 0.3em; font-size: 2.173em; line-height: 1em; }
.textteaser h3 span +span { margin-right: 0; font-size: 1em; line-height: 1.391em; }
.textteaser.box-shadow { box-shadow: 0 0.13em 0.896em rgba(0,0,0,0.1); }
.textteaser .inner { padding: 3.478em; }
.textteaser .inner.padding-top { padding: 2.434em 3.478em 3.478em; }
.textteaser .bild { height: 10.43em; border-radius: 0.26em 0.26em 0 0; }
@media only screen and (max-width: 1130px) {
	.textteaser .inner { padding: 2.8em; }
	.textteaser .inner.padding-top { padding: 2.2em 2.8em 2.8em; }
}
@media only screen and (max-width: 767px) {
	.textteaser.pt-2 { padding-top: 0; }
	.textteaser .inner { padding: 2.6em; }
	.textteaser .inner.padding-top { padding: 2em 2.6em 2.6em; }
}

/* Siedlungen */
ul.siedlungsliste { border-top: solid 2px #000000; }
ul.siedlungsliste li { list-style: none; border-bottom: solid 2px #000000; }
ul.siedlungsliste li a { border-bottom: none; display: block; padding: 0.9em 0; }
ul.siedlungsliste li a .titel { width: 45%; display: inline-block; }
.adresse_container {}
.tabellen_container {}
.pl-80 { padding-left: 3.478em; }
@media only screen and (max-width: 767px) {
	.adresse_container.pr-40 { padding-right: 1.739em; }
	.tabellen_container.pl-40 { padding-left: 1.739em; }
	ul.siedlungsliste.spalte_rechts { border-top: none; }
}

/* Mitarbeiter*/
ul.mitarbeiter { font-size: 0; line-height: 0; }
ul.mitarbeiter li { list-style: none; width: 33.3%; display: inline-block; font-size: 23px; line-height: 1.391em; text-align: left; vertical-align: top; }
@media only screen and (max-width: 1440px) {
	ul.mitarbeiter li { font-size: 22px; }
}
@media only screen and (max-width: 1280px) {
	ul.mitarbeiter li { font-size: 21px; }
}
@media only screen and (max-width: 1130px) {
	ul.mitarbeiter li { font-size: 20px; }
}
@media only screen and (max-width: 1130px) {
	ul.mitarbeiter li { font-size: 20px; }
}
@media only screen and (max-width: 1020px) {
	ul.mitarbeiter li { font-size: 18px; }
}
@media only screen and (max-width: 900px) {
	ul.mitarbeiter li { font-size: 17px; }
}
@media only screen and (max-width: 767px) {
	ul.mitarbeiter li { font-size: 16px; width: 50%; }
}

/* Blog */
.btn_navigation {}
@media only screen and (max-width: 767px) {
	.span60.btn_navigation { width: 60%; }
	.span40.btn_navigation { width: 40%; }
}

/* Timeline */
.timeline {}
.timeline .holder {}
.timeline .span50 { padding: 0; }
.timeline .span50:after { clear: both; }
.timeline .span50 .inner { padding: 0 3.478em; }
.timeline .span50 .inner_2 { -webkit-transform: translate3d(0, -1em, 0); transform: translate3d(0, -1em, 0); }
.timeline .span50.fl {  }
.timeline .span50.fr { float: right; }
@media only screen and (max-width: 1130px) {
	.timeline .span50 .inner { padding: 0 1.739em; }
}
@media only screen and (max-width: 767px) {
	.timeline .holder { padding: 0 0 0 2.7em; }
	.timeline .span50 .inner { padding: 0 1.739em 3.478em; }
}

.timeline .span50.fl .inner { border-right: solid 2px #0050A0; margin-right: -1px; }
.timeline .span50.fr .inner { border-left: solid 2px #0050A0; margin-left: -1px; }
.timeline .holder:last-child .span50 { margin-bottom: 6.956em; }
.timeline .holder:last-child .span50 .inner { border: none; }

.timeline .circle { position: absolute; width: 0.625em; height: 0.625em; background: #0050A0; border-radius: 50%; top: -0.304em; }
.timeline .span50.fl .circle { right: -0.304em; }
.timeline .span50.fr .circle { left: -0.304em; }
@media only screen and (max-width: 767px) {
	.timeline .span50.fl .inner { border-left: solid 2px #0050A0; margin-left: -1px; border-right: none; }
	.timeline .span50.fl .circle { left: -0.304em; right: auto; }
	.timeline .holder:last-child .span50 { margin-bottom: 0; }
}

.downloads_container {}
@media only screen and (max-width: 767px) {
	.downloads_container a.btn { margin-bottom: 1.739em; } 
}

.contentlogo { max-width: 11em; margin: 0 auto 1.5em; }
@media only screen and (max-width: 767px) {
	.contentlogo { max-width: 7.5em; }
}

.menuicon { display: none; position: absolute; right: 1.739em; top: 1.35em; width: 25px; height: 25px; margin: 0 0 0 0; transition: 0ms; }
.line { width: 25px; height: 2px; background: #000000; position: absolute; }
.line:nth-of-type(1) { top: 0; }
.line:nth-of-type(2) { top: 8px; }
.line:nth-of-type(3) { top: 16px; }

.menuicon.active {}
.menuicon.active .line:nth-of-type(1) { top: 8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.menuicon.active .line:nth-of-type(2) { opacity: 0.0; visibility: hidden; }
.menuicon.active .line:nth-of-type(3) { top: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

@media only screen and (max-width: 767px) {
	.menuicon { display: block; }
}

footer { background: #453E3E; }
footer .bottom { background: #ffffff; }
.footernav {}
.footernav ul { display: block; }
.footernav ul li { list-style: none; float: left; margin-right: 2.6em; } 
.footernav ul li a { display: block; border-bottom: none; color: #000000; padding: 1.2em 0 1.2em; }
.footernav ul li:last-child { margin-right: 0; } 
@media only screen and (max-width: 1080px) {
	.footernav ul li { margin-right: 2em; } 
}
@media only screen and (max-width: 850px) {
	.footernav ul:after { content:''; clear: both; display: block; }
	.footernav ul li { margin-right: 1.6em; }
}
@media only screen and (max-width: 767px) { 
	footer h2 br { display: none; }
	footer .btn { margin-bottom: 1em; }
	footer p { padding-top: 1.5em; }
}

.copyright { position: absolute; left: 4em; padding-top: 1.2em; transition: 300ms; }
.website { float: right; margin: 2.4em 8em 0 0; font-size: 0.434em; }
.website a { display: block; border-bottom: none; color: #838383; }
@media only screen and (max-width: 1560px) {
	.copyright { left: 2em; }
}
@media only screen and (max-width: 1430px) {
	.copyright { position: relative; float: right; left: auto; padding-right: 4em; }
	.website { margin: 2.2em 2em 0 0; }
}
@media only screen and (max-width: 1280px) {
	.website { margin: 2.3em 2em 0 0; }
}
@media only screen and (max-width: 1160px) {
	.copyright { padding-right: 2em; }
}
@media only screen and (max-width: 850px) {
	/*.footernav ul li a { padding: 1.2em 0 0.5em; }*/
	.copyright { font-size: 0.7em; float: left; padding-left: 2.3em; padding-top: 0; padding-bottom: 0.8em;}
	.website { float: left; margin-top: 0; }
}
@media only screen and (max-width: 767px) {
	.footernav ul { padding: 0.8em 0 0.8em; }
	.footernav ul li { margin-right: 1.4em; }
	.footernav ul li a { padding: 0.2em 0 0.2em; }
	.website { float: right; margin-bottom: 0.2em; }
}

/* ----------------------------------------------------------------------------- Detail -------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Slider Standard */
.swiper-container { width: 100%; /*overflow: inherit;*/ }
.swiper-container.slider-standard { overflow: inherit; }

/*.swiper-container.slider-standard .swiper-slide:not(.swiper-slide-active){
  opacity: 0 !important; transition: 0!important;
}*/

.swiper-button-prev, .swiper-button-next { z-index: 1; width: 3.8em; height: 3.8em; }
.swiper-button-prev:after, .swiper-button-next:after { content: ''; font-size: 1em; width: 3.8em; height: 3.8em; border-radius: 50%; box-shadow: 0 0.15em 1em rgba(0,0,0,0.16); background: #ffffff url(_img/arrow_black_left.svg) no-repeat center; background-size: 1.4em; transition: 200ms; }
.swiper-button-next:after { background: #ffffff url(_img/arrow_black_right.svg) no-repeat center; background-size: 1.4em; } 
@media only screen and (max-width: 1280px) {
	.swiper-button-prev, .swiper-button-next { width: 2.5em; height: 2.5em; }
	.swiper-button-prev:after, .swiper-button-next:after { width: 2.5em; height: 2.5em; background: #ffffff url(_img/arrow_black_left.svg) no-repeat center; background-size: 1em; }
	.swiper-button-next:after { background: #ffffff url(_img/arrow_black_right.svg) no-repeat center; background-size: 1em; } 
}
.swiper-button-prev:hover:after { -webkit-transform: scale(1.08,1.08); transform: scale(1.08,1.08); }
.swiper-button-next:hover:after { -webkit-transform: scale(1.08,1.08); transform: scale(1.08,1.08); }
.swiper-button-next:hover:before { -webkit-transform: scale(1.08,1.08); transform: scale(1.08,1.08); }

/* Slider Navigation Bottom */
.swiper_navigation {}
.swiper_navigation .button_holder { width: 50%; float: left; }
.swiper_navigation .swiper-button-prev, .swiper_navigation .swiper-button-next { left: auto; right: auto; margin-top: auto; position: relative; width: 13.913em; height: 3.8em; color: #000000; }
@media only screen and (max-width: 767px) { 
	.swiper_navigation .button_holder { font-size: 0.782em; }
	.swiper_navigation .button_holder.pr-1 { padding-right: 0.5em; }
	.swiper_navigation .button_holder.pl-1 { padding-left: 0.5em; }
}

.swiper_navigation .swiper-button-prev { justify-content: flex-end; float: right; }
.swiper_navigation .swiper-button-next { justify-content: left; }

.swiper_navigation .swiper-button-prev:after { margin-left: 1em; }
.swiper_navigation .swiper-button-next:after { display: none; }
.swiper_navigation .swiper-button-next:before { content: ''; font-size: 1em; width: 3.8em; height: 3.8em; border-radius: 50%; box-shadow: 0 0.15em 1em rgba(0,0,0,0.16); background: #ffffff url(_img/arrow_black_right.svg) no-repeat center; background-size: 1.4em; margin-right: 1em; transition: 200ms; }
@media only screen and (max-width: 1280px) {
	.swiper_navigation .swiper-button-next:before { content: ''; font-size: 1em; width: 2.5em; height: 2.5em; background: #ffffff url(_img/arrow_black_right.svg) no-repeat center; background-size: 1em; }
}
@media only screen and (max-width: 767px) {
	.swiper_navigation .swiper-button-prev:after { margin-left: 0.5em; }
	.swiper_navigation .swiper-button-next:before { margin-right: 0.5em; }
}

.swiper-pagination { z-index: 1; }
.swiper-pagination-fraction { border-radius: 0.78em; margin-bottom: 1em; padding: 0.1em 0.7em; font-weight: 700; letter-spacing: -0.08em; position: relative; bottom: auto; left: auto; width: auto; display: inline-block; }

/* Slider Navigation Bottom */
.swiper_navigation_full { position:absolute; top:0; bottom: 0; width: 100%; }
.swiper_navigation_full .width1440 { height: 100%; }

/* Slider Aktuelles */
.section_aktuelles { overflow: inherit; margin-top: 10.434em; }
.slider_aktuelles_transform_top { margin-top: -10.434em; }
#slider_aktuelles.swiper-container { width: 100%; height: 20.782em; overflow: inherit; }
#slider_aktuelles .swiper-slide { width: 13.913em; box-shadow: 0 0.13em 2.60em rgba(131,131,131,0.1); overflow: hidden; }
#slider_aktuelles .swiper-slide .text { height: 10.434em; padding: 1.3em 1.043em; }
#slider_aktuelles .swiper-slide .bild { height: 6.956em; }
#slider_aktuelles .swiper-slide .text h3 { padding: 0.5em 0; }
#slider_aktuelles .swiper-slide .link { text-align: center; padding-top: 1.15em; padding-bottom: 1.35em; border: none; }

/* Slider Downloads */
#slider_downloads.swiper-container { width: 100%; height: 20.782em; overflow: inherit; }
#slider_downloads .swiper-slide { width: 13.913em; box-shadow: 0 0.13em 2.60em rgba(131,131,131,0.1); overflow: hidden; }
#slider_downloads .swiper-slide .bild { height: 17.39em; }
#slider_downloads .swiper-slide .link { text-align: center; padding-top: 1.15em; padding-bottom: 1.35em; border: none; }

/* Slider Aktuelles */
#slider_blog_pagination { }
	
/* Slider usp */
#slider_usp { height: 22.739em; }
#slider_usp .bild { position: absolute; right: 0; top: 0; bottom: 0; background-repeat: no-repeat; background-position: left bottom; background-size: contain; }
#slider_usp .width1280 { position: static; }
@media only screen and (max-width: 767px) {
	#slider_usp { height: 40em; }
	#slider_usp .bild { top: 50%; }
}

/* Slider Stiftungsrat */
#slider_stiftungsrat.swiper-container { overflow: inherit; }
#slider_stiftungsrat .bild { margin-top: -3.478em; } 
#slider_stiftungsrat .bild img.box-shadow { box-shadow: 0 0.13em 1.304em rgba(87,87,87,0.45); }
@media only screen and (max-width: 767px) {
	#slider_stiftungsrat .bild { padding-left: 1.739em; }
	#slider_stiftungsrat .quote { padding: 2em 1.739em 0; }
}

/* ---------------------------------------------------------------------------- Animation -------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@keyframes pfeilscroll
{
0% { bottom: 21px; }
100% { bottom: 12px; }
}

@-webkit-keyframes pfeilscroll
{
0% { bottom: 21px; }
100% { bottom: 12px; }
}

/* --------------------------------------------------------------------------- Media Queries --------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1140px) {
	/*.menuicon { display: block; }*/
}

@media only screen and (max-width: 640px) and (orientation : landscape) {
	html { /* -webkit-text-size-adjust: none; */ }
}

/* ------------------------------------------------------------------------------ Print -------------------------------------------------------------------------------------------- */

@media print {
	#main { width: 100%; }
}