@import 'pure/base-min.css';
@import 'pure/pure-min.css';
@import 'fonts/fira-sans-condensed/font.css';
@import 'fonts/leckerli-one/font.css';
@import 'header.css';
@import 'footer.css';
@import 'sidebar_left.css';
@import 'pure/base-min.css';
@import 'pure/menus-min.css';
@import 'pure/grids-min.css';
@import 'pure/grids-responsive.css';
@import 'font-awesome/4.7.0/css/font-awesome.min.css';
@import 'cookiebanner.css';
/*********************************************************************************/
A:ACTIVE, A:LINK, A:VISITED {color:#705d39;text-decoration:none; transition:all ease 0.3s;}
A:HOVER {Color: #e85846; text-decoration:underline; }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
legend { display:none; }
div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

ol			{list-style:none;}
ol li		{margin: 0; padding:0; }
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}


ul li		{margin: 0 0 0 30px;}
ul li ul	{margin: 0 0 0 0;}
ul li ol	{margin: 0 0 0 0;}

a {transition: all ease .3s;}
a:hover { text-decoration:none; }

/* ### Headlines ###################################################################### */

h1{ font-size:2em; margin:0 0 10px 0;font-family: 'Fira Sans Condensed', sans-serif;color: #96b3b4; font-weight:700;}
h2{ font-size:2.3vw; margin:0 0 20px 0;font-family: 'Leckerli One', cursive;line-height:1.2em;  text-align:center}
h3{ font-size:1.1em; margin:8px 0 10px 0;font-family: 'Fira Sans Condensed', sans-serif; font-weight:600;color: #96b3b4;}
h4{ font-size:1.1em; margin:0 0 10px 0;font-family: 'Fira Sans Condensed', sans-serif; font-weight:600; text-align:center; margin:10px 0 0}
h5{	color: #96b3b4; font-weight:bold; margin:0 0 0 0;	}
h6{ font-weight:bold;color: #96b3b4;  }

hr {
	border: none;
	border-bottom: 1px dashed #c0c0c0;
	height: 1px;
	width:100%;
	clear:both;}

.clear { clear:both;}
div.clear { height:0;}
.flleft { float:left;}
.flright{ float:right;}

img {max-width:100%;}
.imgleft{ float:left;  margin:0 15px 8px 0; background:url(../images/slider.png) repeat;}
.imgright{ float:right; margin:0 0 8px 15px; background:url(../images/slider.png) repeat;}

.title {  color:#96b3b4;}

.small {font-size: 0.8em;line-height: 1.2em; float:none}
ul.small li		{margin: 0 0 0 10px; font-size:0.9em;}

/*--Body, Tabellen, Standard--*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/
HTML {
	overflow-x:hidden;
 	overflow-y:scroll; 
} 

BODY { 
 width:100%; 
 border:0px;
 Color: #705d39;
font-family: 'Fira Sans Condensed', sans-serif;
 Font-Size: 12pt;
 line-height:1.5em;
 text-align:left; 
 background: #fff
}


Form 	{ border:0px; }
Input, Textarea { font-family: 'Fira Sans Condensed', sans-serif;  Font-Size: 10pt;}

/*---------DIVS-------------------------------------------------------------------------------------------------------------------------------*/

div#wrapper 				{ width:100%; margin:0 auto 0 auto;  overflow-x:hidden; }
div#main-wrapper 	{   width:100%; max-width:1280px; margin:0 auto 0 auto; overflow-x:hidden;  }
/*#background 			{ margin:0; padding:0; top:0; left:0; overflow:hidden; height:0; padding-bottom:50%; float:left; width:50%;  position:relative; z-index:1; background: #fff url('../images/HG.jpg') center top no-repeat; background-size:cover;  }*/



	div.main {
		float:left;
		width:100%;
		
		margin:0px auto 0 auto;
		 padding:3% 0 4%;
		position:relative;}	

		#contentwrp 				{ width:100%; max-width:1250px; margin:0 auto;  }	
		#innercontentwrp 		{ float:left; width:100%;  padding:0px}
		#content, #contentstart  { float:left; width:100%; background:none; padding:0 }
		

.flexbox {position:relative; width:100%; height:100%; 
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	box-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	align-items: stretch;
	margin: 0 0 0 0;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;}
.flexbox-item {
	/*flex-basis: calc(50%);-webkit-flex-basis:calc(50%);-moz-flex-basis:calc(50%);*/position:relative;
	width:50%; float:left; 
}

#background  {
	width: 100%;
	height:100%;
	background-position: center 50% !important;
	background: #fff url('../images/HG.jpg') center center no-repeat; 
	background-size:cover; }

	/*------------------------------------------------------------------------------------------------------------------------------------------------*/
				
	div#breadcrumb { 
			float:left; 
			width:100%;
			padding:7px 0;		
			color:#705d39;
			font-size:0.8em;
			line-height:1em;
			overflow:hidden;
			z-index:0;
			background:#fef2d8;}
div.inner-crumb {
	
			max-width:1200px;
			margin:0 auto;}
			.crumb-text {max-width:750px; width:100%; float:right}
		#breadcrumb strong { font-weight:normal }


		#breadcrumb A {
			color:#705d39;
			font-weight:normal;} 
	 
		#breadcrumb A:HOVER {
			color:#705d39;
			text-decoration:underline}

		.bcspacer {
			position:relative;top:-1px;	
			color:#ccc;font-weight:bolder; 	
			margin:0 5px 0px 5px;}



		.infobox { background:#f4f4f4; padding:15px; float:right; margin:0 0 5% 20px; width:200px; clear:right}

		div#articleDetails		{ display:none; float:left; max-width:820px; width:100%; padding-right:0  }
		span.lastupdated		{  background:url('../images/erstellt-am.png') no-repeat;margin-left:53px }
		span.author					{  background:url('../images/erstellt-von.png') no-repeat }
		span.print						{  background:url('../images/drucken.png') no-repeat }
		span.pdf							{  background:url('../images/pdf-wandeln.png') no-repeat }
		
		#articleDetails SPAN	{  float:left; width:auto; height:22px; line-height:22px; display:block; text-indent:15px; padding:0 10px 0 10px; color:#C4C4C4; font-size:11px }
		
		#articleDetails SPAN A { color:#C4C4C4 }
		#articleDetails SPAN A:HOVER { color:#000 }
		
		
		/* ---  fixed Sidebar when scrolling ---- */
	/* 	#sidebar-left { position:fixed; top:100px } */
		/* div.header	{  position:fixed; top:0; left:0 } */
		
		/* ---------------------------------------------*/
		
		#sizes { background:#fff; position:fixed; left:0; top:0; z-index:40000}
		
		#cookieWarning { position:fixed; top:0; left:0; z-index:300; width:100%; background:#fff;}
		
		/* div#mobileNav 	  	{ position:fixed; top:0;right:10px; background:url(../images/mobileNav.png) no-repeat #4c738d; width:70px; height:30px; padding:40px 0 0 0; z-index:150; cursor:pointer; color:#fff; font-weight:bold; text-align:center; }
		div#mobileSearch 	{ position:fixed; top:0; right:10px; background:red; width:30px; height:30px; z-index:65; cursor:pointer } */
		div#renderFont 	 	{ position:relative ; float:left; margin:0 0 0 6px; z-index:10000; color:#000 }
		#renderFont SPAN 	{ display:inline-block; padding:0px; margin:19px 0 0 2px; font-size:24px; cursor:pointer ; }
		
		/* div#totop					{ position:fixed; bottom:3px; right:3px; z-index:30; padding:0; background:url(../images/top.png) no-repeat; width:35px; height:34px; cursor:pointer; display:none  } */
		
		div#jsrequired			{ float:left; width:100%; background:#fff; color:red; font-size:20px; text-align:center }
		
		
		#introPic img { width:100% }
		
	/*-- Paging -----------------------------------------*/

	div.navigation-wrapper		{ float:left; max-width:680px; width:100%; height:25px; line-height:25px; background:none;margin:0px }
	div#count-articles					{ float:left; width: 200px; text-align:left }

/*---------------------------------------------------------------------------------------------------------*/
/* --  Seitennavigation, falls mehrere Seiten, z.b. Blogs, Produktekategorien, News usw. --*/

 div.product-navigation		{ float:left; background:none;  line-height:1em; margin:0 0 0 0; padding:0 0 0 0;font-weight:400;}

div.product-navigation a,
div.product-navigation i,
div.product-navigation span {border:1px solid #fff; background:#ccc; padding:0 10px; height:40px; line-height:40px; display:inline-block;transition: all ease .3s;}
div.product-navigation span {background:#fafafa; color:#bbb}

div.product-navigation a i {border:none; padding:0;}
div.product-navigation a		 {color: #555}
.product-navigation a:hover {background: #96b3b4; color:#fff; } 
.product-navigation span.nav_active { background:#96b3b4;color:#fff;  }
div.product-navigation a:hover i,
div.product-navigation a:hover i::before { background:none; color:#fff; transition: all ease .3s;}
	
	
	
.footprints {  float:left; list-style-type:none }
.footprints li a { background:#585c61; padding:3px 10px; margin:2px 0; display:block; width:100%; text-align:left;}
.footprints li a:hover { background:#fff;}


/* ---------- Cookiebanner, GDPO ------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* MEDIA QUERIES  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1440px) {
h2 {  font-size: 2.7vw; }
}
@media screen and (max-width:990px) {
.flexbox-item {	/*flex-basis: calc(100%);*/width:100%;}
#background  {}
	
}
@media screen and (max-width:1023px) {
div.main {padding: 50px 0 4%;}
}
@media screen and (max-width:768px) {
h2 {  font-size: 3.2vw; }
}
@media screen and (max-width:568px) {
h2 {  font-size: 4.2vw; }
}
@media screen and (max-width:450px) {
h2 {  font-size:5.5vw; }
div.main {padding: 10px 0 4%;}
}