/* -------------- Zusatz Johannes -------------------- */


.header-grafik {background-position:center 64% !important; background-size:100% auto !important;}

@media (max-width:1200px){
.header-grafik {background-position:center middle !important; background-size: auto 120% !important;}
}

.bild-responsive { margin-top:40%;}
@media (max-width:1637px){
.bild-responsive { margin-top:0;}
}

@media (max-width:768px){
.mobile-ausgeblendet {display: none;}

}

@media (max-width:750px){
.mobile-center {text-align:center}
}





	

.ueberschrift-bogen {background-image: url(../images/pfeil-links.svg), url(../images/pfeil-rechts.svg);
    background-size: auto 25%;
    background-position: center 1px;
    padding-top: 35px;
    background-repeat: no-repeat;
	background-position: top center, top center;
    background-position-y: 15px, 85px;}
	
.ueberschrift-bogen-weiss {background-image: url(../images/pfeil-links-weiss.svg), url(../images/pfeil-rechts-weiss.svg);
	background-repeat: no-repeat;

}

@media (max-width:500px){
	.ueberschrift-bogen {background-position-y: 15px, 75px;}
	
}

.nebengrafik {float:right; width:20%;}
.nebentext {width:70%;}
@media (max-width:710px){
	.nebentext {width:100%;}
	.nebengrafik {display:none;}
 
}

.nebengrafik-frei {float:right; margin-top: -80px;}
.nebentext-frei {width:70%;}


@media (min-width:992px){
	.nebengrafik-frei {margin-left: 20px;}
	
}


@media only screen and (max-width:991px) and (min-width:500px){
.nebengrafik-frei {float: none; margin-bottom: 20px; width: 90%;}
.nebentext-frei {text-align: left; width: 100%;}
.nebentext-frei a, .nebentext-frei p, .nebentext-frei h3 {margin-bottom: 0.5em;}
.bg-colored {text-align: center;}
}


@media (max-width:500px){
.nebengrafik-frei {float: none; margin-top: -40px; margin-bottom: 30px; max-width: 100%;}
.nebentext-frei {text-align: left; width: 100%;}
.nebentext-frei a, .nebentext-frei p, .nebentext-frei h3 {margin-bottom: 0.5em;}
.bg-colored {text-align: center;}
}


.grafik-viertel {float:left; width:25%; padding:15px;}
.grafik-viertel p {margin-bottom: 0px; padding:5px;}
.grafik-viertel img{width:100%;}
@media (max-width:750px){
.grafik-viertel {float:left; width:50%; padding:5px;}
}


.grafik-drittel {float:left; width:33%; padding:15px;}
.grafik-drittel p {margin-bottom: 0px; padding:5px;}
.grafik-drittel img{width:100%;}
@media (max-width:750px){
.grafik-drittel {float:left; width:100%; padding:5px;}
}


.overlay,section{position:relative}*{margin:0;padding:0;border:0}body,html{background-color:#FFF;margin:0 auto;text-align:center;font-family:'Open Sans',sans-serif;font-size:100%;line-height:140%;color:#000}#footer div.container,section div.container{padding-top:20px;text-align:left;font-size:93.8%}html{height:100%;padding-bottom:1px}body.modal-open{overflow-y:scroll;padding-right:0!important}section div.container{padding-bottom:40px}#footer div.container{padding-bottom:20px}#header{padding-top:110px}.navbar-nav{margin:12px -15px -12px}.navbar.navbar-default.navbar-fixed-top{background-color:#0086c9;background-image:none;padding:10px 0 12px;border:none;-webkit-box-shadow:0 0 5px #bababa;-moz-box-shadow:0 0 5px #bababa;box-shadow:0 0 3px #747474}.navbar.navbar-default.navbar-fixed-top .navbar-header{margin-left:15px}.navbar-brand{background-image:url(../images/logo.png);background-repeat:no-repeat;display:block;margin-left:5px;padding-left:0}.nav.navbar-nav.navbar-right li a{color:#666;font-weight:600;background:0 0;padding-bottom:35px}.nav.navbar-nav.navbar-right li.current a{color:#81066A;font-weight:600;background:0 0;padding-bottom:35px}.parallax{display:none;height: 500px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}a.btn-toggle,a.top-page{background-repeat:no-repeat;cursor:pointer}#footer ul.footer-nav{margin:0;list-style-type:none;background-image:none}#footer ul.footer-nav li{float:left;margin:0;padding:0}#footer ul.footer-nav li a,#footer ul.footer-nav li a:link,#footer ul.footer-nav li a:visited{color:#FFF;font-size:15px;line-height:100%;text-decoration:underline;vertical-align:middle;margin:0;padding:0 9px}#footer ul.footer-nav li a:focus,#footer ul.footer-nav li a:hover{color:#FFF;text-decoration:underline} .bg-colored a:hover{color:#000;text-decoration:underline}#footer ul.footer-nav li:first-child a{margin:0 0 0 -9px}#footer>div.container>div.row>div.col-sm-12>p.pull-right{margin-right:15px}.tabs li{list-style:none;margin-bottom:13px}.tabs a{display:block;font-size:22px;font-weight:600;color:#666;padding:6px;border:0;text-decoration:none;text-align:center}#cookiehinweis,#cookiehinweiszu{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.tabs a:focus,.tabs a:hover{color:#0086c9;text-decoration:none}.tabs a.active{background-color:#0086c9;border-radius:3px;color:#FFF;text-decoration:none}.tabs a.active:focus,.tabs a.active:hover{background-color:#0086c9;color:#FFF;text-decoration:none}.col-md-10.tabContent{border-radius:0;padding:0}.overlay{margin-top:-132px;float:left;background-color:#666;width:100%;height:132px;display:none;opacity:.5}.linkIcon{display:block;margin:20px auto 0;max-width:100%;height:auto;pointer-events:none}#cookiehinweis a{color:#333333;text-decoration:none}#cookiehinweis a:hover{text-decoration:underline}#cookiehinweis div{padding:20px 180px 20px 30px;color:#333;opacity:1}

@media (max-width:415px){
#cookiehinweis div{padding: 50px 20px 20px 30px !important;}
.top-page {visibility:hidden;}
}



#cookiehinweis{border:0 solid #D01401;text-align:left;background-color:#FFF;position:fixed;bottom:0;z-index:10000;width:100%;line-height:16px;opacity:.9}#cookiehinweiszu{color:#fff;position:absolute;right:30px;text-decoration:none;top:15px;cursor:pointer;border:1px solid #00963f;padding:4px 8px;background-color:#00963f}#cookiehinweiszu:hover{border:1px solid #333;background-color:#ebebeb;color:#333}a.btn-toggle{background-color:transparent;background-image:url(../images/btn-toggle.png);background-position:right 8px;display:block;width:100%;height:35px;text-decoration:none;border-top:1px solid #B2B2B2}a.btn-toggle.active{background-image:url(../images/btn-toggle-active.png);text-decoration:none}a.top-page{position:fixed;bottom:24px;right:10px;display:block;background-image:url(../images/move-to-top.svg);width:51px;height:51px;z-index:99999}.imageborder{background-color:#FFF;padding:9px;border:1px solid #E9E9E9}a:focus{outline:0} h4{color:#0086C9;margin-bottom:25px;font-weight:700}iframe{max-width:100%;border:0}.embed-container{position:relative;padding-bottom:56.25%;overflow:hidden;width:100%;height:auto}.embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.embed-container.ratio4x3{padding-bottom:75%}@media (max-width:990px){body{overflow-x:hidden}footer .container,section .container{padding-left:10px;padding-right:10px}.navbar-header{float:none}.navbar-nav{border:0}.navbar-fixed-top{border-bottom:0}.navbar-default .navbar-toggle,.navbar-toggle{display:block;border:1px solid #fff;margin-right:15px}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:transparent}.navbar-default .navbar-toggle .icon-bar,.navbar-toggle .icon-bar{background-color:#fff}.navbar-collapse{box-shadow:0;border:0}.navbar-collapse.collapse{display:none!important}.navbar-nav{float:none!important;margin:3px -15px}.navbar-nav>li{float:none}.navbar-collapse.collapse.in{display:block!important}div.navbar-collapse.collapse>ul.nav.navbar-nav>li.dropdown.open>ul.dropdown-menu{position:relative;width:auto;max-width:100%;background-color:#fff;border:0;min-width:100%;margin-left:0;margin-bottom:20px}div.navbar-collapse.collapse>ul.nav.navbar-nav>li.dropdown.open>ul.dropdown-menu:after,div.navbar-collapse.collapse>ul.nav.navbar-nav>li.dropdown.open>ul.dropdown-menu:before{display:block}div.navbar-collapse.collapse.in>ul.nav.navbar-nav>li.dropdown.open>ul.dropdown-menu>li{width:100%;min-height:auto;padding-top:6px;padding-bottom:6px}div.navbar-collapse.collapse.in>ul.nav.navbar-nav>li.dropdown>a{border-radius:0}.navbar-nav>li>a,div.navbar-collapse.collapse.in>ul.nav.navbar-nav.navbar-right>li.active>a,div.navbar-collapse.collapse.in>ul.nav.navbar-nav.navbar-right>li>a,div.navbar-collapse.collapse>ul.nav.navbar-nav.navbar-right>li>a,div.navbar-collapse>ul.nav.navbar-nav.navbar-right>li>a{background-image:none;padding-top:10px;padding-bottom:10px}}@media (max-width:768px){.navbar-brand{background-image:url(../images/logo.png);height:80px;margin-top:-10px;margin-left:15px!important;width:183px}#main-menu.navbar.navbar-default>div.container>div.navbar-header{margin-left:-15px}#footer>div.container>div.row>div.col-sm-6>ul.footer-nav.pull-right,#footer>div.container>div.row>div.col-sm-6>ul.footer-nav.pull-right>li{display:block;margin:0;float:none!important}#footer>div.container>div.row>div.col-sm-6>ul.footer-nav.pull-right>li>a{display:inline-block;margin:0 0 10px;padding:5px 0;clear:both!important;float:none!important}#footer>div.container>div.row>div>p.pull-right{text-align:left;float:left!important}#Profil.bg-colored > div.container > div.row > div.col-sm-4 > div.imageborder{display:inline-block;}}@media only screen and (min-device-width :320px) and (max-device-width :768px) and (orientation :landscape){.navbar-brand{margin-top:-10px;margin-left:15px!important}#main-menu.navbar.navbar-default.navbar-fixed-top .navbar-inner{overflow:hidden;overflow-y:auto;position:absolute;width:100%;height:100%}#main-menu.navbar.navbar-default{max-height:270px;overflow-y:scroll}

@media (max-width:500px){#main-menu.navbar.navbar-default>div.container>div.navbar-header{margin-left:-15px}#header{padding-top:92px}section#Start{margin-top:50px}p{font-size:100%}.text-big{font-size:110%}.tabs a{font-size:14px}.tabs li{margin-bottom:0}.modal-body p{font-size:12px;line-height:15px}.h2,h2{font-size:20px}#contact>.container>.row>.col-sm-6:first-child{display:block;margin-top:300px;}}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
	.parallax {
		background-size: contain !important;
		-webkit-background-size: cover !important;
		background-position: center !important;
		background-attachment: inherit !important;
	}
}
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) {
	.parallax {
		background-size: contain !important;
		-webkit-background-size: cover !important;
		background-position: center !important;
		background-attachment: inherit !important;
	}
}
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
	.parallax {
		background-size: contain !important;
		-webkit-background-size: cover !important;
		background-position: center !important;
		background-attachment: inherit !important;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
	.parallax {
		background-size: contain !important;
		-webkit-background-size: cover !important;
		background-position: center !important;
		background-attachment: inherit !important;
	}
}



@media (max-width: 1340px) {
.bild-responsive {margin-top: 10%;}

}


/* -------------- Zusatz Krisztina -------------------- */