@charset "UTF-8";
/* CSS Document */

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-size:100%; margin:0; padding:0; }
a { outline:none; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
del,ins { text-decoration:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup,sub { vertical-align:baseline; }
legend { color:#000; }
input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input,button,textarea,select { font-size:100%; }

/* Clearfix */
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

div:before, div:after {content: " "; display: table;}
div:after {clear: both;}
div {*zoom: 1;}

*, *:before, *:after {padding: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
figure, figure:before, figure:after {padding: 0; margin: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/* layout */
body {background: url(bilder/layout/verlauf_bg.jpg) repeat-x #FFF; font-family: 'Quicksand', sans-serif;}

#header { height: 14em; margin: 0 auto 2.75em auto; background: url(bilder/layout/verlauf_head.jpg) center center no-repeat;}

#logo {width: 18.125em; height: 11.875em; margin: 0 auto; padding-top: 2.25em;}

#navi {position: absolute; width: 100%; z-index:1; left: 0; top: 13em;}
#navi_content_wrapper {width: 100%; height: 3.75em; background: #FFF; position: relative;}
#navi_content {width: 100%; margin: 0 auto; padding: 0.125em 0.5em 0 0.5em; background: #FFF;}
#navi.fixed {position: fixed; top: -1em; z-index:100;}
#navi_content .current a {border-bottom: 1px solid #000;}
#navi a	 {text-decoration: none; text-transform: uppercase;}
#navi_content a:hover {color: #000; border-bottom: 1px solid #000;}
.navi_item_left {float: left; margin-right: 0.5em;}
#navi_content .navi_item_left:last-of-type {margin-right: 0;}
#navi_content .navi_item_left:first-of-type {float: none;}
.navi_item_right {float: left; margin-left: 0;}
.navi_item_left img {float: left; margin: 2px 5px 0 0;}
.shadow_top {width: 100%; height: 1em; background: url(bilder/layout/navischatten_oben.png) repeat-x;}
.shadow_bottom {width: 100%; height: 1em; background: url(bilder/layout/navischatten_unten.png) repeat-x;}

#back_top {display: none;}
#navi.fixed #back_top {display: none;}
#back_top a:hover {border: none;}

#subnavi {width: 100%; z-index:1; background: #000;}
#subnavi_content {display: none; width: 100%; margin: 0 auto; padding: 0.15em 0.5em 0.25em 0.5em;}
#subnavi_content .navi_item_left {float: none;}
#subnavi_content .current a {border-bottom: 1px solid #fff;}
#subnavi_content a:hover {color: #fff; border-bottom: 1px solid #fff;}

/* nav pull */
a#pull {display: block; width: 2rem; height: 1.75rem; margin: 0.5rem 0 0 0.5rem; position: relative; z-index: 11;}

.burger, .burger:before, .burger:after {width: 2rem; height: 0.25rem; display: block; position: absolute;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.burger {background: rgba(255,255,255,1); left: 0; top: 0;}
.burger:before {top: 0.5rem; background: rgba(255,255,255,1); content: '';}
.burger:after {top: 1rem; background: rgba(255,255,255,1); content: '';}

.open .burger {background: none;}
.open .burger:before {top: 0.5rem; width: 2rem;
-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.open .burger:after {top: 0.5rem; width: 2rem;
-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}

#detail_start {padding-top: 4.75em;}

#wrapper {width: 100%; height: 100%; margin:0 auto; padding: 0 0;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

#footer {margin: 0.625em 0;}

#popup-cont {display: none;}

/*accordion*/
.akordeon-item {overflow: hidden; margin-bottom: 0.625em;}

.akordeon-item-head-container {cursor: pointer; padding-left: 0.875em;}
.akordeon-item-body {padding-left: 1.25em;}

.collapsed {background: url(bilder/layout/pfeil.png) no-repeat 0 3px;}
.expanded {background: url(bilder/layout/pfeil_offen.png) no-repeat 0 3px;}

/* classes */
.clear {clear: both;}

.content_wrapper {padding: 2.75em 0.5em 0 0.5em;}

.content_center {width: 100%; margin: 0 auto 1.875em auto;}
.content_left {width: 100%; margin-bottom: 1.875em; float: left;}
.content_right {width: 100%; margin-bottom: 1.875em; float: left; margin-left: 0;}

.content_small, .content_wide {width: 100%;}
.margin_content {margin-left: 1.25em;}
.margin_bot_content {margin-bottom: 1.875em;}

.trennlinie {width: 100%; height: 2px; background: url(bilder/layout/trennlinie.jpg) no-repeat center top; clear: both;}

.bottom_marg {margin-bottom: 0.25em;}

.team_item {width: 50%; float: left;}

.single-img {width: auto; max-width: 100%;}

iframe, #map {width: 100%; height: 240px;}

/* pop up */
.popup_wrapper {width: 100%; max-width: 60.5em; padding: 12px;}

.popup_wrapper div {margin-bottom: 12px;}
.popup_wrapper div:last-of-type {margin-bottom: 0;}

/* format */
p {font-size: 0.875em; line-height: 1.375em;}

.center {text-align: center;}

.bold {font-weight: 700;}

.absatz {line-height: 0.75em;}

.headline {font-size: 1.625em; text-transform: uppercase;}

.versal {text-transform: uppercase;}

.liste {font-size: 0.75em; line-height: 1.35em; margin-bottom: 0.35em; margin-left: 1.2em;}
.liste_klein {font-size: 1em; line-height: 1.35em; margin-bottom: 0.35em; margin-left: 0.75em; list-style-image: url(bilder/layout/bullet_small.png);}

.small {font-size: 0.75em; line-height: 1.35em; margin-bottom: 0.25em;}

.subhead {font-size: 0.875em; line-height: 1.375em; font-weight: 700; text-transform: uppercase; margin-bottom: 5px;}

.footer_text {font-size: 0.6875em; line-height: 1.825em; text-align: center;}

/* links */
a {font-size: 0.875em; line-height: 1.25em; font-weight: 700; text-decoration: none; color: #000; text-transform: uppercase;}
a:visited {font-weight: 700; text-decoration: none; color: #000;}
a:hover {font-weight: 700; color: #000; border-bottom: 1px solid #000;}
#logo a:hover {font-weight: 700; color: #000; border-bottom: none;}

/*a.scroll_link, a.popup_link, a.navi_link*/ #navi_content a {font-size: 0.75em; line-height: 1.25em; font-weight: 700; text-decoration: none; color: #000; text-transform: uppercase;}

a.subnavi_link {font-size: 0.75em; line-height: 2em; color: #fff;}

a.text_link {font-weight: 700; text-decoration: none; color: #000; text-transform: none;}
a:visited.text_link {font-weight: 700; text-decoration: none; color: #000;}
a:hover.text_link {font-weight: 700; color: #000; border-bottom: 1px solid #000;}

/* responsiveness
--------------------------------------------- */

/* medium */
@media screen and (min-width:48em) {

#wrapper {width: 48em;}

#navi_content_wrapper {height: 2.75em;}
#navi_content {width: 48em; padding: 0.75em 2.25em 0 0.5em;}
.navi_item_left, #subnavi_content .navi_item_left {float: left; margin-right: 0.9em;}
#navi_content .navi_item_left:first-of-type {float: left;}
.navi_item_right {float: right; margin-left: 0.9em;}

/*#navi.fixed #back_top {display: block; float: right; margin: -30px 15px 0 0;}*/
#navi.fixed #back_top {display: block; position: absolute; right: 15px; top: 13px;}

#subnavi {}
#subnavi_content {display: block; width: 48em; margin: 0 auto; padding: 0.25em 0 0.375em 0.5em;}

/* nav pull */
a#pull {display: none;}

.content_center {width: 75%; margin: 0 auto 1.875em auto;}
.content_left {width: 48%; margin-bottom: 1.875em; float: left;}
.content_right {width: 48%; margin-bottom: 1.875em; float: left; margin-left: 4%;}

.content_small {width: 33.33%; float: left;}
.content_wide {width: 66.66%; float: left;}

iframe, #map {height: 300px;}

/* pop up */
.popup_wrapper {width: 48em; padding: 24px;}

.popup_wrapper div {margin-bottom: 0;}

/* format */
.headline {font-size: 1.875em;}

/* links */
/*a.scroll_link, a.popup_link, a.navi_link*/ #navi_content a {font-size: 0.875em; line-height: 1.25em;}

a.subnavi_link {line-height: 1em;}

}

/* large */
@media screen and (min-width:64em) {

#wrapper {width: 60.5em;}

#header {width: 60.5em;}

#navi_content {width: 60.5em; padding: 0.75em 0 0 0;}
.navi_item_left {margin-right: 1.5em;}
.navi_item_right {margin-left: 1.5em;}

#subnavi {}

#subnavi_content {width: 60.5em; margin: 0 auto; padding: 0.35em 0 0.5em 0;}

.content_center {width: 37.75em; margin: 0 auto 1.875em auto;}
.content_left {width: 27.625em; margin-bottom: 1.875em; float: left;}
.content_right {width: 27.625em; margin-bottom: 1.875em; float: left; margin-left: 1.25em;}

iframe, #map {height: 380px;}

.popup_wrapper {width: 60.5em;}
}