html, body {
	width: 100vw;
	font-family: 'Play', sans-serif !important;
	overflow-x: hidden;
}

.info-smartie > h4 {
	font-size: 22px;
}

/* Fade Carousel */
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {left:30px;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right:30px;}
.carousel-fade .carousel-inner .item {-webkit-transition-property: opacity;transition-property: opacity;}.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control {z-index: 2;}
.carousel-indicators {margin-bottom:0px;bottom:5px;}

.panel.level1 {margin-left:0px;}
.panel.level2 {margin-left:25px;}
.panel.level3 {margin-left:50px;}
.panel.level4 {margin-left:75px;}
.panel.level5 {margin-left:100px;}
.panel.level6 {margin-left:125px;}
/* Wysihtml5 Klassen */
.wysiwyg-float-left {float:left;}
.wysiwyg-float-right {float:right;}
.wysiwyg-font-size-large {font-size:1.2em;}
.wysiwyg-font-size-medium {font-size:1em;}
.wysiwyg-font-size-small {font-size:0.8em;}
.wysiwyg-text-align-center {text-align:center;}
.wysiwyg-text-align-justify {text-align:justify;}
.wysiwyg-text-align-left {text-align:left;}
.wysiwyg-text-align-right {text-align:right;}

/* Farbcodes für den Wysiwyg Editor */
.wysiwyg-color-eins {color:#000000;}
.wysiwyg-color-zwei {color:#164194;}
.wysiwyg-color-drei {color:#000000;}
b {font-weight:600;}
.datenschutz_baustein {margin-bottom:30px;}
.form-url {position:relative;}
.form-url:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;}

.cc-revoke {display:none !important;}


.image-wrapper {position:relative;}
.autor-label {
    position: absolute;
    left: 0;
    top: 50px;
    color: #fff;
    font-size: 10px;
    background: rgba(0,0,0,0.2);
    padding: 2px 4px;
    transform: rotate(-90deg) translate(calc(-100% - 8px),8px);
    transform-origin: top left;
}

.textsmartie a:hover {
	text-decoration: underline;
}

.carousel-caption h3 {
	margin-bottom: 0;
}

.carousel-caption {
	bottom: 0;
}




.navbar-default {margin-bottom:0;border-radius:0px;text-transform:uppercase;border:0;}
.navbar-brand {height:auto;padding-top:0px;padding-bottom:0px;}
.navbar-nav>li>a {border-right:1px solid #fff;}
.breadcrumb {font-size:12px;margin-top:-30px;}
.navigationsbild {margin-bottom:30px;width:100vw;}
.navigationsbild > .image-wrapper > img {width: 100%;}

main {padding-bottom:50px;}
main .textsmartie, 
main .carousel {margin-bottom:30px;}
main .textsmartie.schmal {margin:60px 0;}

.ansprechpartner h3 {margin-top:0px;margin-bottom:5px;}
.ansprechpartner .info {padding:15px 0 0 0;}

.map {height:650px;}

.link_mit_thumbnail {margin-top:60px;margin-bottom:60px;}
.link_mit_thumbnail a.bg-primary	{display:block;margin-bottom:30px;color:#fff !important;}
.link_mit_thumbnail h4 {margin:0;padding:20px 5px;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14px;border-bottom:3px solid #fff;}
.link_mit_thumbnail .panel {background-color:transparent;border:0px;border-top:3px solid #fff;}
.link_mit_thumbnail a:hover {text-decoration:none;}
.link_mit_thumbnail .img-responsive {margin:0 auto;}

.bildformat {background-repeat:no-repeat;background-size:cover;background-position:center center;height:0;}
.bildformat_43 {padding-bottom:75%;}
.bildformat_21 {padding-bottom:50%;}
.bildformat_11 {padding-bottom:100%;}
.bildformat_34 {padding-bottom:133.33%;}
.bildformat_12 {padding-bottom:200%;}
.bildformat_169 {padding-bottom:56.25%;}
.bildformat_961 {padding-bottom:177.78%;}


.kategorien_filter {}
.kategorien_filter button {}
.referenzen a {position:relative;display:block;margin-bottom:30px;}
.referenzen img {display:block;}
.referenzen span {display:block;position:absolute;left:0px;bottom:10px;padding:5px;background:rgba(255,255,255,0.5);width:80%;}
.aktuelles .thumbnail {margin-bottom:0px;}

#pgrid {
margin-top: 81px;
position: relative;
max-width: 100%;
width: 100%;
}


#pgrid .cell{
position: absolute;
background: white;
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
padding: 10px;
display:block;
}
#pgrid a {display:block;}

h1, h2, h3, h4, h5, h6 {margin-top:0px;}

.fresco_link {position:relative;display:block;}
.fresco_galerie .fresco_button {text-transform:uppercase;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff !important;text-decoration:none !important;padding:5px 10px;border:1px solid #fff;background-color:rgba(0,0,0,0.6);}
.fresco_galerie .fresco_link:hover .fresco_button {background-color:rgba(0,0,0,0.8);} 
.fresco_galerie .fresco_button2 {position:absolute;padding:6px;bottom:10px;right:10px;top:auto;}
.fresco-autor {color:#5d5c5c;}

.bild_mit_subtitel .thumbnail {position:relative;}
.bild_mit_subtitel .subtitel {position:absolute;left:0px;bottom:20px;padding:8px;width:75%;}

.dateiliste {padding-left:0px;}
.dateiliste li {list-style:none;margin-bottom:8px;}
.dateiliste .icon {margin-top:-2px;vertical-align:middle;content:"";display:inline-block;margin-right:5px;border-radius:10px;height:5px;width:5px;}
.dateiliste .pdf-icon {margin-top:0px;height:24px;width:24px;background:url("images/pdf.png");margin-right:5px;border-radius:0;}

.parallax {
	background-attachment: fixed; 
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover;
}

/* PersonalbilderRund */
div > .personal-liste {
	margin: 0 auto;
}

.personalbild-rund {
	border-radius: 50%;
	height: 200px;
	width: 200px;
}

.personal-liste {
	clear: both;
  display: table; 
  width: 100%;
}

.personal-liste {
	clear: both;
  display: table; 
}

.personal-liste-item {
	width: 33%;
	float: left;
}
/* /PersonalbilderRund */

.ansprechpartner {margin-bottom:40px;}

textarea.form-control {height:291px;}
form {margin-bottom:40px;}
form .checkbox-inline, form .radio-inline {padding-top:0px;}

.bg-color1 {background:#3c3c3c;color:#fff;}

/* Footer custom */
footer h3 {margin-top:0px;}
footer .bg-color1 {border-top:4px solid #fff;}
footer .bg-color1 a {color:#fff;}
footer>div {padding:15px 0;}

footer .bg-primary a {color:#fff !important;}
footer .bg-primary .text-muted {color:#ccc}
.article_feed .thumbnail {margin-bottom:8px;border-width:2px;}
footer h4 {border-bottom:1px solid #fff;padding-bottom:8px;margin-top:11px;}



/* Hotspot Modul */
#hotspot-wrapper {display:inline-block;position:relative;}	
#hotspot-wrapper img {display: block;max-width: 100%;height: auto;}
#hotspot-wrapper #hotspot-svg {position: absolute;top: 0;left: 0;width:100%;height:100%;}

svg .hotspot {
fill:transparent;
stroke-width:0;
}
svg .hotspot:hover {
cursor:pointer;
  fill-opacity:0.1;
  fill:#000000;
}

.hotspot-info {
	width:300px;background:#fff;border-radius:10px;padding:10px;text-align:center;
}

.info-smartie {
	float: right;
}

header > .navbar {
	margin: 25px 0;
}

.box-blau {
	background-color: rgb(22, 65, 148);
	text-transform: uppercase;
	color: white;
}

.panel-heading {
	color: white !important;
}

/* New nav */

.navbar-nav  > li > .dropdown-menu, .navbar-nav  > li > .dropdown-menu > li, .navbar-nav  > li > .dropdown-menu > li > a.seitenlink {
	z-index: 99999;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    float: right;
    min-width: 160px;
    padding: 0px 0;
    margin: 0 0 0;
    list-style: none;
    font-size: 16px;
    text-align: left;
    background-color: rgba(22, 65, 148, .9);
    border: 1px solid #ccc;
    border: 0px solid rgba(0,0,0,0.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 rgba(0,0,0,0.0); 
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dropdown-menu > li > a, .dropdown-menu-deep > li {
	color: white;
    padding: 15px 20px;
}

.dropdown-menu-deep > li {
	background-color: rgba(22, 65, 148, .75);
}

.dropdown-menu-deep > li > .dropdown-menu-deep > li {
	background-color: rgba(22, 65, 148, .6);
}

.dropdown-menu-deep > li > .dropdown-menu-deep > li:hover {
	background-color: white !important;
}

.dropdown-menu-deep > li > a {
	color: white !important;
	font-weight: normal;
}

.dropdown-menu>li>a:hover, .dropdown-menu-deep > li:hover {
    text-decoration: none;
	font-weight: 600;
    color: rgb(22, 65, 148) !important;
    background-color: white;
}

.dropdown-menu-deep > li:hover > a {
	color: rgb(22, 65, 148) !important;
}

.nav>li>a:hover, .dropdown-menu-deep > li:hover {
    text-decoration: none;
    background-color: white;
	color: rgb(22, 65, 148) !important;
}

.dropdown-menu > .active > a:hover {
	/*color: white !important;*/
	background-color: white !important;
	/*font-weight: normal !important;*/
}

#nav-container {
	position: fixed;
	cursor: pointer;
	z-index: 99999;
	right: 0;
	bottom: 2.5%;
}

#nav-container-left {
	position: fixed;
	cursor: pointer;
	z-index: 99999;
 	left: 0;
	margin-top: 50px;
}

.navbar-right {
	 text-align: center;
	 width: 100%;
	 margin: 0 !important;
}

.navbar-right > li {
	float: none !important;
	display: inline-block !important;
}

.navbar-nav {
	font-size: 15px !important;
	font-weight: bold !important;
	text-transform: none !important;
}

#hauptmenu {
	position: absolute;
	background-color: rgba(22, 65, 148, .9);
	width: 100%;
	z-index: 999;
}

#hauptmenu > ul > li > a {
	color: white;
	font-size: 17px;
}

#mobile-nav-btn {
	width: 100%;
	margin-top: 25px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	background-color: rgb(22, 65, 148);
	color: white; 
}

.nav > li > .seitenlink {
	border-right: 0 !important;
}

.dropdown-menu-deep {
	display: none;
	position: absolute;
	left: 100%;
	/*top: 50%;*/
	top: 0%;
	list-style: none;
	list-style-type: none;
	list-style-position: inside;
	padding-left: 0;
	height: 100%;
    z-index: 1000;
    padding: 0px 0;
    margin: 0 0 0;
    font-size: 16px;
    text-align: left;
    background-color: transparent !important;
    /*border: 1px solid #ccc;*/
    border: 0px solid rgba(0,0,0,0.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 rgba(0,0,0,0.0); 
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
	/*padding: 15px 20px;*/
}	

.dropdown-menu > .dropdown:hover .dropdown-menu-deep {
	display: inline-block;
}

.dropdown-menu-deep > li.active {
	background-color: #164194 !important;
	color: white !important;
}

.dropdown-menu-deep > li.active:hover > a, .dropdown-menu-deep > li.active:hover {
	color: #164194 !important;
	background-color: white !important;
}

@media screen and (min-width: 1200px) {
		
		
		html, body {font-size:.73vw;} /* Based on 1920x1080 */
	
		#header_carousel > .carousel-inner > .item > img, .navigationsbild > .image-wrapper > img {
			width: 100vw;
		}
		
		.container {
			width: 65vw;
		}
}

@media screen and (max-width:996px) {
	footer .plugin {margin-bottom:30px;}	
	.stoerer {max-width:30%;}
.navbar-nav .dropdown .dropdown-toggle {right:0;top:0;position:absolute;background-color:rgba(255,255,255,0.1);width:40px;text-align:center;padding-left:0px !important;padding-right:0px !important;}
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
				border-right:0px;
    }
    .collapse.in{
        display:block !important;
    }
    
    .dropdown-menu {float:none;position:relative;top:0;}
	
	.navbar-nav>li { display: block !important; }
	
	.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
		/*background-color: white;
		color: #164194 !important;*/
		color: white;
		background-color: transparent !important;
	}

}

@media (max-width:767px) {
	
	
	
h1 {
	font-size: 32px;
}

	
	.autor-label {
		top: 0px;
	}
	
	.carousel-inner > .item > img {
		width: auto !important;
		height: 30vh;
	}
	
	.history-content {
		margin-top: 20px;
	}
	
.navigationsbild .image-wrapper {height:250px;}
.navigationsbild .image-wrapper img {position:absolute;left:50%;transform:translate(-50%, 0);max-width:none;height:100%;}	
.parallax {
   background-attachment: scroll; /* Parallax für Mobilgeräte deaktivieren, da mobile Browser teilweise Probleme mit background-attachment: fixed; haben */
 }
    /* PersonalbilderRund */
 	.personal-liste-item {
	 	width: 100%;
	}
	/* /PersonalbilderRund*/
}

@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);transform-origin:0;transform:scale(0.77);transform-origin:0 0; }
}