/*
Theme Name: Knispel
Description: Template für Knispel
Author: Müller & Schmitz GmbH - Sebastian Müller
Author URI: http://www.mueller-schmitz.de
*/



body,html {color: #333; background:#ffffff;font-family:Arial;font-size:12px;padding:0px;margin:0px;width:100%;height:100%; }

#top, #teaser_front, #sidebar, #footer, #header, #wrapper_page {
	max-width:940px;
	width:100% !important;
	margin:0 auto;
	padding:0;
}
#wrapper_top { padding-top: 10px; background:#333; }
#logo { float:left; margin:0 0 0 10px; }
#notfall { float:right; margin:0 10px 0 0; color:#fff; min-width:210px; }
#notfall img { float:left; }
#header { clear:both; height:80px; }
#wrapper {
	width:100%;
	height:auto;
	background:#c3e2ff;
	background-image:url('img/bg_knispel_dach.png');
	background-position:top center;
	background-repeat:no-repeat;
	display:flex;
	z-index:10;
}
.headline_teaser_big {
	font-size: 42px;
	text-transform: uppercase;
	color: #fff;
	padding:0;
	margin: 70px 0px 0px 20px;
}
.headline_teaser	{
	font-size: 24px;
	text-transform: uppercase;
	color: #f00;
	padding:0;
	margin:0 0 0 20px;
}
#content_teaser { background:#fff; padding:10px 20px; margin:150px 10px 10px 10px; }

#wrapper_sidebar { clear:both; background:#ddd; border-top:solid 2px #f00; padding:10px 0; background: #ccc; }
#sidebar { display:flex; align-items:stretch; flex-wrap:wrap; }
#sidebar_left, #sidebar_middle, #sidebar_right { padding:0; margin:0 10px; flex:1; min-width:280px; }
#sidebar_left { order:1; }
#sidebar_middle { order:2; }
#sidebar_right { order:3; }

#wrapper_footer { clear:both; width:100%; margin:0px; padding:10px 0px; background: #333; border-top:5px solid #fff; }
#footer { min-height:20px; line-height:20px; color:#fff; }
.clear_all { clear:both; }

#wrapper_page_dach { height:auto; padding:0; margin:0; background:#c3e2ff; display:flex; }
#wrapper_page { background:#fff; }
#content { width:auto; height:auto; padding:20px; float:left; }
#content img { max-width:600px; width:100% !important; height:auto; }
#form { width: 260px; height:auto;padding: 20px; float:right; }

textarea,input{width:250px;padding:5px}


.headline	{
	font-size: 22px;
	text-transform: uppercase;
	color: #ccc;
	background:#fff;
	padding: 10px;
	margin:0px;
}

.content{
	line-height: 18px;
	padding: 0px 10px;
}

.entry, h3.widget-title{
	line-height:20px;
	font-size: 12px;
}

.wpcf7-not-valid-tip-no-ajax,.wpcf7-validation-errors{
	line-height:20px;
	font-size: 12px;	
	color:#ff0000;
	font-weight: bold;
	border:1px dotted #ff0000;
	width:253px;
	padding:5px;
	margin: 5px 0px;
	position: relative;
	float:left;
}

hr.line{
	position:relative;
	height:1px;
	background-color:#aaa;
	margin: 20px 0px;	
}

/* Navigation Menu */
nav.main-navigation { display:block; margin:0; padding:0; }
.menu-main-container { padding-top:20px; }
#menu-main { list-style-type:none; border-top:1px solid #fff; margin:0; padding:0; }
.nav-menu a { font-size:14px; text-transform:uppercase; text-decoration:none; padding:0 0px; }
.nav-menu a:hover { color:#f00; }
.menu-item a { color:#fff; display:block; }
.current-menu-item > a, .current-menu-parent > a, .current_page_item > a { color:#f00; font-weight:bold; }

/* responsive menu */
.rmm { width:96% !important; margin:0 2% !important; }
.rmm-toggled-controls { display:block; height:35px; text-align:left; position:relative; border:1px solid #e7eaec; border-top-right-radius:10px; border-top-left-radius:10px; background:#6C6C6C; border-bottom:1px solid #39464c; }
.rmm-toggled-title { position:relative; top:9px; left:10px; font-size:14px; color:#000; }
.rmm-button { display:block; position:absolute; right:9px; top:7px; }
.rmm-button span { display:block; margin:4px 0px 4px 0px; height:2px; background:#000; width:25px; }
.rmm ul { z-index:1000; background:#6C6C6C; position:relative; display:block; }
.rmm ul, .rmm ul li { display:block; }
.rmm ul li { min-height:35px; line-height:35px; border-bottom:1px solid #000; }
.rmm > ul li:last-child { border-bottom:0; }
.rmm .sub-menu { position:relative; display:none; margin:0; padding:0 5%; }

.iframe { width:100%; height:300px; }

.box-l { float:none; width: 100%; }
.box-r { float:none; width: 100%; }

@media only screen and (min-width:870px) {
	.main-navigation li > ul { display:none; }
	.main-navigation li:hover > ul.sub-menu { display:block; }
	.sub-menu { position:absolute; top:auto; left:auto; width:auto; background:#333; margin:0; padding:0; z-index:1000; }
	.sub-menu li { display:block !important; margin:0; padding:0; width:auto; border-bottom:1px solid #888; height:40px !important; line-height:40px !important; font-size:14px; }
	.sub-menu li:last-child { border-bottom:0; }
	.sub-menu li:hover { background:#e3e3e3; }
	.nav-menu li { display:inline-block; height:59px; line-height:59px; width:auto; text-align:left; margin:0 15px; }
	
	.iframe { width:600px; height:450px; }
	
	.box-l { float:left; width: 50%; }
	.box-r { float:right; width: 50%; }
}

@media only screen and (min-width: 750px) {
	#wrapper_page_dach { height:auto; padding:0; margin:0; background:#c3e2ff url('img/bg_knispel_dach.png') center bottom no-repeat; display:flex; }
}

#cookiehinweis {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 1em 5%;
    background: rgba(90,90,90,0.9);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(90,90,90,0.3);
    z-index: 99999;
    text-align: center;
}
.btn { border:1px solid #333; border-radius:3px; padding:.3em .5em; background:#ddd; }