@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i');

*,::after,::before{box-sizing:border-box}

html{font-family:'Lato';line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}
@-ms-viewport{width:device-width}
body{margin:0;font-family:'Lato', sans-serif, Verdana;font-size:1rem;font-weight:400;line-height:1.5;color:#000000;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}

a, a:link {
	text-decoration: none;
	cursor: pointer;
	font-family: 'Lato', sans-serif, Verdana;
	font-size: 18px; 
	color: #000; 
	font-weight: 400; 
	font-style: normal; 
	padding: 0;
	margin: 0;
	line-height: 1.0;
}
a:visited {
	color: rgb(0,0,0);
}
a:hover, a:focus, a:active {
	color: rgb(77,77,77);
}
p {
	font-family: 'Lato', sans-serif, Verdana;
	font-size: 18px; 
	color: #000; 
	font-weight: 400; 
	font-style: normal; 
	padding: 0;
	margin: 20px 0;
	line-height: 150%;
}

.header_master.tiny {
    background: #aaa;
}

.gap {width: 100%; height:20px;}

.header_master { width: 100%; padding: 20px 20px; }

.headerblock {margin: 0 auto;max-width: 1310px;}
.inbox {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.box_lr {-webkit-flex-basis:10%;flex-basis:10%;}
.box_logo {-webkit-flex-basis:80%;flex-basis:80%;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-white {color: #fff;}
.text-black {color: #000;}
.text-bold {font-weight:600;}

.border {border:0px solid red;}

div.table { display: table; table-layout: fixed; background: rgb(255,255,255); border-collapse:collapse; width:100%; padding:0; margin:0; }
div.tr { display:table-row; }
div.td { display:table-cell; border: 0px solid red; padding:0; vertical-align: middle; }

div.tdm1 { display:none; }
div.tdm3 { display:none; }
div.tdm4 { display:table-cell; border: 0px solid red; padding:0; vertical-align: top; }

.header_headline_logo {width:100%;}
.header_headline_mz4 {width:25px;}

.m_margin {margin: 0 10px;}
.mz_padding {padding:0;}
.mz4_padding {padding-top:6px !important;}

.logo_headline {width:100%; height:auto; padding: 0; margin: 0;}

.bigmenue {display: none;}
#tog {display: block; width:100%; overflow: hidden;}		
.menue-button {
	background: rgb(255,255,255);
	display: block;
	float:right;
	margin: 10px 0 0 20px;
	padding: 5px 0 0 0;
	color: white;
	cursor: pointer;
	border:0;
}	
.hh-bar{display:block;width:22px;height:2px;border-radius:1px;background:rgb(0,0,0);}
.hh-bartr{display:block;width:22px;height:4px;border-radius:1px;background:transparent;}
.navbar-toggle .hh-bar+.hh-bar{margin-top:4px}

.displaynone{display:none;}
.no_mobile{display:none;}

.linie_header {width:100%;height:2px;margin-top:5px;margin-bottom:10px;}

.marg_wo {margin:10px 0 0 20px;padding:0}

@media only screen and (min-width:460px) {

.menue-button {margin: 20px 0 0 20px;}	

}

@media only screen and (min-width:676px) {

.header_master { width: 100%; padding: 20px 20px 20px 62px; }
.header_headline_logo {width:100%;}
.header_headline_mz4 {width:25px;}
.logo_headline {width:80%; display: block; margin-left: auto; margin-right: auto;}
.mz4_padding {padding-top:26px !important;}
.menue-button {margin: 30px 0 0 20px;}	
.hh-bar{display:block;width:28px;height:3px;border-radius:1px;background:rgb(0,0,0);}
.hh-bartr{display:block;width:28px;height:4px;border-radius:1px;background:transparent;}

}

@media only screen and (min-width: 998px) {
	//#tog {display: none;}
	.hh-bar{display:block;width:36px;height:4px;border-radius:1px;background:rgb(0,0,0);}
	.hh-bartr{display:block;width:36px;height:6px;border-radius:1px;background:transparent;}
	.navbar-toggle .hh-bar+.hh-bar{margin-top:3px;}
	.menue-button {margin: 40px 0 0 20px;}	

	.header_master { width: 100%; padding: 20px 80px; }

	div.tdm1 { display:table-cell; padding:0; vertical-align: top; }
	div.tdm3 { display:table-cell; padding:0; vertical-align: top; }
	div.tdm4 { display:none; } /* tog */
	div.tdm1s { display:table-cell; width:25px; padding:0; }

	.logo_headline {width:95%; height:auto; display: block; margin-left: auto; margin-right: auto;}

	.bigmenue {display: block;}

	.bigmenue a, .bigmenue a:link {
	 text-decoration: none;                           
	 font-family: 'Lato', sans-serif, Verdana;
	 font-size: 18px; 
	 color: rgb(0,0,0); 
	 font-weight: normal; 
	 font-style: normal; 
	 padding: 0px;
	 line-height: 1.3;
	}
	.bigmenue a:visited {
			color: rgb(0,0,0);
	}
	.bigmenue a:hover, .bigmenue a:focus, .bigmenue a:active {
			color: rgb(77,77,77);
	}
	.suche_but
	{
	display: inline-block;
	width:25px;
	background: #ffffff; /* grau #eeeeee Old browsers */
	border: 0px solid #a1a1a1;
	padding: 0;
	margin: 30px 0;
	font-family: 'Lato', sans-serif; 
	font-size: 13px;
	line-height: 100%;
	font-weight: 400; 
	font-style: normal;
	text-decoration: none;
	text-align: left;
	}

	.suche_but:hover { background: #ffffff; }
	.suche_but:before {float: left; display: inline-block; width: 25px; height: 30px; margin: 0; padding: 0;}
	.search:before { content: ""; background: url("icon_lupe.png") no-repeat 0 0; background-size: 100%; }

	.header_headline_mz1 {width:27,5%;}
	.header_headline_logo {width:45%;}
	.header_headline_mz3 {width:calc(27,5%);}

	.mz_padding {padding:30px 30px 0 0 !important;}
	.mz3_padding {padding:30px 0 0 30px !important;}

	.box_lr {-webkit-flex-basis:20%;flex-basis:20%;}
	.box_logo {-webkit-flex-basis:60%;flex-basis:60%;}

	.no_mobile{display:block;}
	.marg_wo {margin:0;padding:0}
}

@media only screen and (min-width: 1300px) {

	.logo_headline {width:100%; height:auto; display: block; margin-left: auto; margin-right: auto;}

	.header_headline_mz1 {width:23.2%;}
	.header_headline_logo {width:53.6%;}
	.header_headline_mz3 {width:calc(23.2%);}

	.mz_padding {padding:46px 70px 0 0 !important;}
	.mz3_padding {padding:46px 0 0 70px !important;}

}