/* header */

/* header background */
@media (orientation: portrait) {
.not-fullscreen
	{ height: 50%; }
}

/* nav */
#nav
	{ background: none; display: block; margin-top: 0; padding: 40px; }
#nav li
	{ display: block; width: 100%; }

#nav > a
	{ background-repeat: no-repeat; background-size: 30px; font-size: 0px; height: 30px; text-indent: -9999px; width: 30px; }
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
	{ display: block; }
#nav:not( :target ) > a:first-of-type
	{ background-image: url(../images/backgrounds/nav-button.png); }
#nav:target > a:last-of-type
	{ background-image: url(../images/backgrounds/nav-close.png); }

/* Ebene 1 */
#nav .main-nav > ul
	{ background: #fff; display: none; height: auto; left: 0; margin-top: 4em; position: absolute; right: 0; }
#nav:target .main-nav > ul
	{ display: block; float: none; height: auto; }
#nav .main-nav > ul > li
	{ display: block; float: none; padding-left: 20px; width: calc(100% - 20px); }
.main-nav > ul > li > a
	{ clear: both; display: block; float: none; height: auto; line-height: 1.5; width: 100%; }


.container_slogan 
	{ height: 200px; }

#slogan_second 
	{ width: 70%; padding: 12px; font-size: 12pt; }

#slogan_second:after 
	{ display: table; content: " "; width: 17px; height: 42px; }

#slogan 
	{ position: absolute; width: 60%; top: 35%; left: 10%; font-size: 10pt; }


#nav li a
	{ padding: 10px 0; }

#header_wrap { width: 100%; }

#logo img
	{ width: 280px; height: auto; float: left; position: relative; left: 30px; }

#header_wrap .col-sm-12 .col-sm-3 
	{ width: 50%; float:left; position: relative; }

#header_wrap .col-sm-12 .col-sm-9 
	{ width: 100%; position: absolute; right: 0; }


.col-sm-12.parallaxeffect ul li, .col-sm-12.parallaxeffect_2 ul li {
    height: auto;
    line-height: 40px;
    font-size: 11pt;
}


.not-fullscreen 
	{ height: 100%; }

/* Ebene 2 */
#nav .main-nav li ul
	{ clear: both; left: 0; padding-top: 1px; position: static; top: auto; width: 100%; }
#nav .main-nav li ul li a,
#nav .main-nav li ul li a:hover,
#nav .main-nav li ul li a:focus,
#nav .main-nav li ul li a:active
	{ line-height: 1.5; margin-left: -20px; padding-right: 0; width: 100%; white-space: normal; }
#nav li:hover ul li:first-child a
	{ margin-top: 1px; padding-top: .5em; }

/* content */
.content img
	{ height: auto; max-width: 100%; }
.content .box14
	{ width: 50%; }
.content .box12
	{ float: none; margin: 0 auto; width: 100%; max-width: 560px; }

.content input[type="text"],
.content input[type="email"],
.content input[type="password"],
.content textarea
	{ width: 70%; max-width: 548px; }

.content #map
	{ height: 520px; }

/* footer */
#footer .widget,
#footer .footer-nav
	{ float: left; width: 50%; }


@media screen and (max-width:768px){
	
	.col-sm-12 { padding-left: 15px; padding-right: 15px; }
	
	#header_wrap { background: #fff; height: 110px;}
	
	#logo img { width: 220px; height: auto; float: left; position: relative; left: 10px; padding-top: 10px; }
}

@media screen and (max-width:650px){	
	.container_slogan {
    height: 200px;
    margin-top: 350px;
}

}