/*
* [Web 1.90.16.13.1] [Et Kamellestüffche]
* [Copyright Niklas Stähler (skyberry.de) | Alle Rechte vorbehalten]
*/
/* max. width:2560px*/ 
/*_____________________________________________________*/
/* Body Divs + sonstiges*/

@import url(https://fonts.googleapis.com/css?family=Rouge+Script);

h1   {font-family:"Century Gothic", Verdana, Helvetica; font-size:1.0em;} 
h2   {font-family:"Century Gothic", Verdana, Helvetica;} 
h4   {font-family:"Century Gothic", Verdana, Helvetica; font-size:0.8em; font-weight:normal; margin: 2px 0px}
.h5   {font-size:0.8em; color:rgba(78,41,32,1.0); float:left; font-weight:normal; font-family:"Century Gothic", Verdana, Helvetica;}
.h5 a {text-decoration:none; color:rgba(78,41,32,1.0);}
.h5 a:hover       {color:#ffffff;} 
.h5 a:active      {color:#ffffff;} 

right {float:right;}

a             {-webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} 
a:hover       {}
a:active      {} 

a.link-simple {color:rgba(255,255,255,1.00); text-decoration:none; border:none;}
a.link-simple:hover {text-decoration: underline;}

.link {color:rgba(78,41,32,1.0);}
.link:hover,
.link:active {text-decoration:underline; color:rgba(255,255,255,1.00);}

.linkcolor
{
color: rgba(0,0,0,1.0);
text-decoration: underline;
}

html {position:relative; min-height: 100%;}
body {margin:0 0 181px; background:#deb379; background-image:url(../img/background.png);}

p {margin:0px;}
p1 {padding:0px 10px 0px 10px; font-size:0.8em; line-height:100%;}

#clickme_1{font-size:0.8em; padding:0px 0px 0px 6px; color:rgba(255,255,255,1.0); border-bottom:1px solid rgba(78,41,32,1.0);border-left:1px solid rgba(78,41,32,1.0); webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
#clickme_1:hover,
#clickme_1:active{padding-left:12px; color:rgba(78,41,32,1.0);}
#clickme_2{font-size:0.8em; padding:0px 0px 0px 6px; color:rgba(255,255,255,1.0); border-bottom:1px solid rgba(78,41,32,1.0); border-left:1px solid rgba(78,41,32,1.0); webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
#clickme_2:hover,
#clickme_2:active{padding-left:12px; color:rgba(78,41,32,1.0);}
#clickme_3{font-size:0.8em; padding:0px 0px 0px 6px; color:rgba(255,255,255,1.0); border-bottom:1px solid rgba(78,41,32,1.0); border-left:1px solid rgba(78,41,32,1.0); webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
#clickme_3:hover,
#clickme_3:active{padding-left:12px; color:rgba(78,41,32,1.0);}
#clickme_4{font-size:0.8em; padding:0px 0px 0px 6px; color:rgba(255,255,255,1.0); border-bottom:1px solid rgba(78,41,32,1.0); border-left:1px solid rgba(78,41,32,1.0); webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
#clickme_4:hover,
#clickme_4:active{padding-left:12px; color:rgba(78,41,32,1.0);}
#clickme_5{font-size:0.8em; padding:0px 0px 0px 6px; color:rgba(255,255,255,1.0); border-bottom:1px solid rgba(78,41,32,1.0); border-left:1px solid rgba(78,41,32,1.0); webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
#clickme_5:hover,
#clickme_5:active{padding-left:12px; color:rgba(78,41,32,1.0);}
#clickme_6{font-size:0.8em; padding:0px 0px 0px 6px; color:rgba(255,255,255,1.0); border-bottom:1px solid rgba(78,41,32,1.0); border-left:1px solid rgba(78,41,32,1.0); webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
#clickme_6:hover,
#clickme_6:active{padding-left:12px; color:rgba(78,41,32,1.0);}

#showme_1{}
#showme_2{}
#showme_3{}
#showme_4{}

img {
	max-width: 100%;
	height: auto;
}

.img_class1 {
	width:100%;
	height:auto;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
}

/* Lists */
ul,ol     { list-style:none; margin:0px 0px 0px 0px; padding:0px; }

.border{border-top:1px solid rgba(255,255,255,1.00); float:left;}

iframe{ /*maps*/
	border:0px;
	margin:0px;
	box-sizing:border-box;
	height:255px;
	position:relative;
	top:4px;
	width:100%;
}

.tabelle1{
	float:left;
	width:25%;
	box-sizing:border-box;
}

.tabelle2{
	float:left;
	width:25%;
	box-sizing:border-box;
}

.tabelle3{
	float:left;
	width:25%;
	box-sizing:border-box;
}

.tabelle4{
	float:left;
	width:25%;
	box-sizing:border-box;
}

.zeilen{
	width:100%;
	box-sizing:border-box;
	padding:2px 0px 2px 6px;
	border-left:1px solid rgba(78,41,32,1.0);
	border-bottom:1px solid rgba(78,41,32,1.0);
}

.zeilen:last-child{
	width:100%;
	box-sizing:border-box;
	padding:2px 2px;
}

.zeilen2{
	width:100%;
	box-sizing:border-box;
	padding:2px 0px 2px 6px;
	background-color:rgba(255,255,255,0.5);
	border-left:1px solid rgba(78,41,32,1.0);
	border-bottom:1px solid rgba(78,41,32,1.0);
}


.alert{
	position:fixed;
	font-family:"Century Gothic", Verdana, Helvetica;
	font-size:0.9em;
	color:#444444;
	width:100%;
	z-index:2000;
	text-align:center;
	vertical-align:middle;
	padding-top:5px;
	padding-bottom:5px;
	background: rgba(255,255,144,0.9);
	box-shadow:0px 0px 6px rgba(0,0,0,0.6);
}

.alert_covid{
	/*position:fixed;*/
	font-family:"Century Gothic", Verdana, Helvetica;
	font-size:1.0em;
	color:#444444;
	width:100%;
	z-index:2000;
	text-align:center;
	vertical-align:middle;
	padding-top:15px;
	padding-bottom:5px;
	background: rgba(255,255,144,0.9);
	box-shadow:0px 0px 6px rgba(0,0,0,0.6);
}
	
#readmore{
	font-family:"Century Gothic", Verdana, Helvetica;
	color:rgba(235,103,40,1.00);
	visibility:hidden;
}
	
#readmore:hover{
	text-decoration:underline;
}
	
#readmore:active{	
}

#readmore2{
	font-family:"Century Gothic", Verdana, Helvetica;
	color:rgba(235,103,40,1.00);
	visibility:hidden;
}

#readmore2:hover{
	text-decoration:underline;
}

#readmore2:active{
}	
	
#readmore3{
	font-family:"Century Gothic", Verdana, Helvetica;
	color:rgba(235,103,40,1.00);
	visibility:hidden;
}

#readmore3:hover{
	text-decoration:underline;
}

#readmore3:active{	
}

#readmore4{
	font-family:"Century Gothic", Verdana, Helvetica;
	color:rgba(235,103,40,1.00);
	visibility:hidden;
}

#readmore4:hover{
	text-decoration:underline;
}
	
#readmore4:active{
	
}

.inner-content-border-field_3{
	border:2px solid rgba(255,252,252,1.0);
	border-radius:30px;
	height:50px;
	width:50px;
	margin:10px 0px 10px 20px;
	float:left;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.inner-content-border-field_3:hover{
	border:2px solid rgba(255,255,252,1.0);
	background-color:rgba(255,255,252,0.4);
}

/*site icons*/
.icon1 {
	width:50px;
	display: table-cell;
    vertical-align: middle;
}


/*social Media icons*/
.icon2 {
	margin-left:auto;
	margin-right:auto;
	width:50px;
	position:relative;
	top:0px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.picture-scalable{
	max-width: 100%;
	height: auto;
	top:-200px;
	position:relative;
}

.flex-image-wrapper{
	position:relative;
	width: 100%;
	/*height: 530px;*/
}

.flex-image1{
	top:0px;
	position:absolute;
	z-index:1;
}

.flex-image2{
	top:-200px;
	position:absolute;
	z-index:2;
}

.picture-scalable-nonflexslider{
	width:100%;
	/*background-color:rgba(255,255,255,1.0);*/
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.picture-scalable-nonflexslider:hover{
	opacity:0.8;
}

.picture-extension{
	max-width:350px;
	min-width:300px;
	float:left;
	margin-right:20px;
	position:relative;
}

.picture-scalable-logo{
	max-width:100%;
	height:70px;
}

.viewport{
	margin:0px;
}

.picture-scalable-icon{
	width:50px;
	float:right;
	margin-top:2%;
	border:2px solid #b29568;
	border-radius:25px;
	margin-right:10px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.picture-scalable-icon:hover{
	background:rgba(255,255,255,0.60);
}

.picture-scalable-icon:active{
	max-width:50%;
	background:rgba(255,255,255,1.00);
}

.picture-scalable-icon1{
	width:100px;
	float:right;
	margin-right:10px;
}
/*============= Basic Divs ============================*/
#head-div{
	width:100%;
	min-height:80px;
	padding:0px;
	float:left;
	font-family:"Century Gothic", Verdana, Helvetica;
	color:rgba(68,68,68,1.00);
	background:rgba(255,255,255,1.0);
}

#main-div{
	width:100%;
	min-height:300px;
	border-top:1px solid rgba(255,255,255,1.0);
	box-sizing:border-box;
	font-family:"Century Gothic", Verdana, Helvetica;
	color:#4e2920; 
	background:#deb379;
	background-image:url(../img/background.png);
}

/*=========================================================================================*/
/*============== navigation [die Seitennavigation mit allen Bausteinen] ===================*/
.menu{
	text-indent:55px;
	font-weight:bold;
	}
	
.menu-logo{
		
	}

navi{
	float:left;
	height:auto !important; /*achtung Höhe beachten, ausgeklappt*/
	max-height:70px;
	width:100%;
	background:#4e2920;
	background-repeat:no-repeat;
	background-position:97% 50%;	
	font-size:1.7em;
	font-family:'Rouge Script', Verdana, Helvetica;
	position:relative;	
}

navi ul{
	padding:0;
	margin:0 auto;
	width:1110px;
	height:70px;
}

navi li{
	display:inline;
	float:left;
}

navi a {
	color:rgba(255,255,255,1.00);
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
	text-align:center;
	text-decoration:none;
	line-height:70px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

navi li a{
	border:none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

navi li:last-child a{
	border-right:none;
}

navi a:hover, navi a:active{
	background-color:rgba(167,121,79,1.00);
	color:rgba(255,255,255,1.00);
}

navi a#pull{
	display: none;
}
	
navigation {
	text-align:center;
	position:relative;
	z-index:900;
	}

/*--------*/

.logo-wrapper {
	float:right;
}

.button-wrapper {
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
}

#button-wrapper-inside {
	float: left;
	position: relative;
	left: 50%;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

#button-wrapper-inside li {
	float: left;
	position: relative;
	right: 50%;
}

.button-wrapper1 {
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
}

.button { /*service button */
	min-width:100px;
	width:auto;
	/*border-right:1px solid #ececec;*/
	padding:2px 5px;
	float: left;
	vertical-align:middle;
	/*background:rgba(234,234,234,0.3);*/
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.button-big-nav { 
	min-width:8%;
	height:60px;
	border:none;
	color:rgba(252,252,252,1.0);
	text-shadow:none;
	/*border-right:1px solid #ececec;*/
	padding:0px;
	padding-right:10px;
	padding-left:10px;
	padding-top:10px;
	float: left;
	vertical-align:middle;
	/*background:rgba(234,234,234,0.3);*/
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.button-big-nav-left { 
	min-width:8%;
	height:60px;
	border:none;
	color:rgba(252,252,252,1.0);
	text-shadow:none;
	/*border-right:1px solid #ececec;*/
	/*border-left:1px solid #ececec;*/
	padding:0px;
	padding-right:10px;
	padding-left:10px;
	padding-top:10px;
	float: left;
	vertical-align:middle;
	/*background:rgba(234,234,234,0.3);*/
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.button-big-nav a{ 

	border:0px solid;
	margin-top:10px;
}

.button1 { /*übrige button */
	min-width:100px;
	width:auto;
	font-family:"Century Gothic", Verdana, Helvetica;
	font-size: 12px;
	/*text-shadow:0px 1px 0px rgba(255,255,255,0.7);*/
	box-sizing:border-box;
	color:rgba(68,68,68,1.0);
	font-weight:bold;
	text-align:center;
	background:transparent; 
	padding:5px 10px 5px 10px;
	float: left;
	/*background:rgba(234,234,234,0.3);*/
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.button2 { /*übrige button2 */
	height: 25px;
	min-width:100px;
	width:auto;
	box-sizing:border-box;
	font-family:"Century Gothic", Verdana, Helvetica;
	font-size: 12px;
	/*letter-spacing:3px;*/
	text-align:center;
	background:transparent; 
	border:1px solid #ececec;
	padding:5px 10px 5px 10px;
	float: right;
	/*background:rgba(234,234,234,0.3);*/
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.buttonsmall { /*service button */
	height: 25px;
	min-width:50px;
	width:auto;
	box-sizing:border-box;
	border-right:1px solid #ececec;
	padding:5px 5px 5px 5px;
	float: left;
	/*background:rgba(234,234,234,0.3);*/
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

/*============ Content Divs =============================*/
.head-logo-div{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:-15px;
	width:217px;
	z-index:2;
}

.head-logo-div1{
	display:none;
}


.head-inside-div{
	width:100%;
	height:70px;
	background:#4e2920;
	box-sizing:border-box;
	z-index:0;
}

.head-firmenname-div{
	float:left;
	font-family:"Century Gothic", Verdana, Helvetica;
	margin-top:21px;
	margin-left:20px;
	font-size:42px;
	font-weight:bold;
	color:rgba(68,68,68,1.00);
}

.head-subname-div{
	min-height:50px;
	float:left;
	font-family:"Century Gothic", Verdana, Helvetica;
}

.head-content-wrapper-div{
	float:right;
	padding-right:2%;
	width:94%;
}

.space-div1{
	width:100%;
	height:5px;
	float:left;
	background:rgba(255,255,255,1.00);
}

#space-div2{
	width:100%;
	height:10px;
	float:left;
	background:rgba(238,28,37,1.00);
}

.wrapper-flexslider{
	width:100%;
	float:left;
}

.wrapper1-main-box-divs{
	width:66.66%;
	float:left;
}

.wrapper1a-main-box-divs{
	width:66.66%;
	padding-left:40px;
	box-sizing:border-box;
	float:left;
}

.wrapper2a-main-box-divs{
	width:33.33%;
	min-width:250px;
	float:left;
	padding-right:20px;
	box-sizing:border-box;
}

.wrapper2b-main-box-divs{
	width:33.33%;
	min-width:250px;
	float:left;
	padding-left:20px;
	box-sizing:border-box;
}

.wrapper2-main-box-divs{
	width:33.33%;
	min-width:250px;
	/*margin-bottom:3%;
	margin-top:1%;*/
	padding-left:40px;
	box-sizing:border-box;
	float:right;
}

.wrapper3-main-box-divs{
	width:100%;
	float:left;
	box-sizing:border-box;
}

.wrapper3a-main-box-divs{
	width:94%;
	margin-left:auto;
	margin-right:auto;
}

.main-box1-div{
	width:100%;
	min-height:50px;
	margin-bottom:10px;
	text-align:justify;
	font-family:"Century Gothic", Verdana, Helvetica;
	color:rgba(68,68,68,1.00); 
	font-size:0.88em;
	line-height:1.7;
}

.main-box2a-div{
	float:left;
	width:48%;
	text-align:justify;
	font-family:"Century Gothic", Verdana, Helvetica;
	color:rgba(21,134,234,1.0); 
	font-size:0.88em;
	line-height:1.7;
}

.main-box2b-div{
	float:left;
	width:48%;
	margin-left:4%;
	text-align:justify;
	font-family:"Century Gothic", Verdana, Helvetica;
	color:rgba(21,134,234,1.0); 
	font-size:0.88em;
	line-height:1.7;
}

.main-box3-div{
	float:left;
	width:48%;
	min-height:165px;
	margin:1%;
	padding-bottom:1%;
	text-align:justify;
	font-family:"Century Gothic", Verdana, Helvetica;
	color:rgba(21,134,234,1.0);
	font-size:0.88em;
	line-height:1.7;
}

.main-box4-div{
	float:left;
	width:100%;
	min-height:50px;
	margin-bottom:10px;
	text-align:justify;
	font-family:"Century Gothic", Verdana, Helvetica;
	color:rgba(21,134,234,1.0); 
	font-size:0.88em;
	line-height:1.7;
}

.main-box5-div{
	float:right;
	width:100%;
	text-align:justify;
	font-family:"Century Gothic", Verdana, Helvetica;
	color:rgba(21,134,234,1.0); /*blau*/
	font-size:0.88em;
	line-height:1.7;
}

.main-box6-div{
	float:left;
	width:100%;
	min-height:50px;
	text-align:justify;
	font-family:"Century Gothic", Verdana, Helvetica;
	color:rgba(21,134,234,1.0);
	font-size:0.88em;
}

.main-box-content-l-div{
	float:left;
	width:19%;
	margin-right:1%;
}

.main-box-content1-l-div{
	float:right;
	width:80%;
	
	margin-bottom:2%;
}
.main-box-content-r-div{
	float:left;
	width:19%;
}

.main-box-content-subl-div{
	float:left;
	height:70px;
	width:100%;
}

.main-box-content-sub1-color-div{
	float:left;
	background:rgba(21,134,234,1.0);
	font-family:"Century Gothic", Verdana, Helvetica;
	color:rgba(255,255,255,1.00);
	text-align:left;
	padding:10px 20px;
	box-sizing:border-box;
	font-size:0.88em;
	width:100%;
	margin-bottom:5%;
}

.in-box-content-wrapper{
	padding:3px 10px;
	box-sizing:border-box;
	width:100%;
	float:left;
	background:rgba(21,134,234,1.0);
}

.in-box-content-divider70{
	width:70%;
	float:left;
	box-sizing:border-box;
}

.in-box-content-divider30{
	width:30%;
	float:left;
	box-sizing:border-box;
}

/*==================== content =======================*/

.inner-content-wrapper {
	width:100%;
	padding: 10px 20px;
	box-sizing:border-box;
	float:left;
}

.content-row {
	width:100%;
	height:auto;
	overflow:hidden;
	/*float:left !important;*/
}

.content-row1 {
	width:100%;
	height:auto;
	overflow:hidden;
	/*float:left;*/
}

.box-type-big-left1 {
	width:20.00%;
	float:left;
	box-sizing:border-box;
	background-image:url(../img/background.png);
	padding-bottom: 99999px;
    margin-bottom: -99999px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.box-type-big-left1b {
	width:20.00%;
	float:left;
	box-sizing:border-box;
	background-image:url(../img/background.png);
	padding-bottom: 99999px;
    margin-bottom: -99999px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.box-type-big-left2{
	width:20.00%;
	float:left;
	box-sizing:border-box;
	padding-bottom: 99999px;
    margin-bottom: -99999px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.box-type-big-left2b{
	width:20.00%;
	float:left;
	box-sizing:border-box;
	padding-bottom: 99999px;
    margin-bottom: -99999px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

/* ============================================================================= */ 
/* inner-box Teil */
	
.inner-box {
	margin:10px 20px 10px 20px;
	line-height:28px;
	font-family:"Century Gothic", Verdana, Helvetica;
	font-size:1.0em;
	color:#4e2920;
	box-sizing:border-box;
	float:left;
	padding-bottom:10px;
	/*border-bottom:1px dotted rgba(255,255,255,1.0);*/
}

.text-preview {
	
}

.inner-box-nb {
	margin:10px 20px 10px 20px;
	line-height:28px;
	font-family:"Century Gothic", Verdana, Helvetica;
	font-size:1.0em;
	color:#4e2920;
	box-sizing:border-box;
	float:left;
	padding-bottom:10px;
}

.inner-box2 {
	width:100%;
	float:left;
	font-family:'Rouge Script', Verdana, Helvetica;
	font-size:2.2em;
	color:#4e2920;
	box-sizing:border-box;
	border-bottom:1px dotted rgba(255,255,255,1.0);
	margin-bottom:10px;
	padding-bottom:15px;
	padding-top:10px;
}

.inner-box2-wrap {
 	margin-left:auto;
	margin-right:auto;
	width:180px;
}

.inner-box2-wrap-big {
 	margin-left:auto;
	margin-right:auto;
	width:280px;
}

.inner-box3 {
	width:100%;
	box-sizing:border-box;
	margin-top:10px;
	line-height:28px;
	font-family:"Century Gothic", Verdana, Helvetica;
	font-size:1.0em;
	color:#4e2920;
	float:left;
	padding-top:10px;
	border-top:1px dotted rgba(255,255,255,1.0);
}

.inner-box4 {
	width:100%;
	box-sizing:border-box;
	padding-bottom:10px;
	padding-top:10px;
	float:left;
}
	
.text-box67-l {
	width:66%;
	padding-right:20px;
	padding-bottom:20px;
	box-sizing:border-box;
	font-family:"Century Gothic", Verdana, Helvetica;
	float:left;
	line-height:28px;
	font-size:1.0em;
	color:#4e2920;
}

.text-box67-r {
	width:66%;
	padding-left:20px;
	padding-bottom:20px;
	box-sizing:border-box;
	font-family:"Century Gothic", Verdana, Helvetica;
	float:right;
	line-height:28px;
	font-size:1.0em;
	color:#4e2920;
}

.text-box33-l {
	width:33%;
	padding-right:20px;
	padding-bottom:20px;
	box-sizing:border-box;
	font-family:"Century Gothic", Verdana, Helvetica;
	float:left;
	font-size:1.0em;
	color:#4e2920;
}

.text-box33-r {
	width:33%;
	padding-left:20px;
	padding-bottom:20px;
	box-sizing:border-box;
	font-family:"Century Gothic", Verdana, Helvetica;
	float:right;
	font-size:1.0em;
	color:#4e2920;
}

/*=========================================================================================*/
/*============== footer [Seitenfuss] ======================================================*/	 

#footerbasis {
	background-color:rgba(78,41,32,1.0);
	border-top:1px solid rgba(255,255,255,1.0);
	position:absolute;
	left:0;
	bottom:0;
	height:auto; /*wichtig! Höhe beachten, Bezug zu body margin-bottom*/
	width:100%;
	text-align:center;
	padding:20px 20px 40px 20px; /*wichtig! trotz border-box, addition zu height*/
	box-sizing:border-box;
}

#footersubline {
	background-color:rgba(30,30,30,1.0);
	position:absolute;
	left:0;
	bottom:0;
	height:auto; /*wichtig! Höhe beachten, Bezug zu footerbasis padding-bottom*/
	width:100%;
	text-align:center;
	font-size:0.7em;
	font-family: "Century Gothic", Verdana, Helvetica;
	color:rgba(204,204,204,0.7);
	padding:5px 20px; /*wichtig! trotz border-box, addition zu height*/
	box-sizing:border-box;
}
	
#footerbasis strong {
	color:rgba(204,204,204,1.00);
}
	 
.footerbox1 {
	display:inline-block;
	font-size:0.8em;
	box-sizing:border-box;
	text-align:left;
	width:130px;
	vertical-align:top;
	font-family: "Century Gothic", Verdana, Helvetica;
}

.footerbox1 a{
	text-decoration:none; 
	border:none; 
	letter-spacing:0px; 
	color:rgba(204,204,204,1.00);
	padding-left:0px;
}

.footerbox1 li{
	margin-bottom:0.5em;
}
	  
.footerbox1 a:hover {
	background:none;
	padding-left:5px;
	color:rgba(255,255,255,1.0);
}

.footerbox2 {
	display:inline-block;
	font-size:0.8em;
	box-sizing:border-box;
	text-align:left;
	width:190px;
	vertical-align:top;
	font-family: "Century Gothic", Verdana, Helvetica;
}

.footerbox2 a{
	text-decoration:none; 
	border:none; 
	letter-spacing:0px; 
	color:rgba(204,204,204,1.00);
	padding-left:0px;
}

.footerbox2 li{
	margin-bottom:0.5em;
}
	  
.footerbox2 a:hover {
	background:none;
	padding-left:5px;
	color:rgba(252,252,252,1.0);
}

.footerbox3 {
	display:inline-block;
	font-size:0.8em;
	box-sizing:border-box;
	text-align:left;
	vertical-align:top;
	font-family: "Century Gothic", Verdana, Helvetica;
}

.footerbox2 a{
	text-decoration:none; 
	border:none;
}

.footerbox2 a:hover {
	background:none;
}

/*color:rgba(59,132,190,1.00);*/

.inner-content-border-field {
	border:2px solid rgba(255,255,255,1.0);
	border-radius:35px;
	height:42px;
	width:42px;
	padding:3px;
	box-sizing:border-box;
	margin:5px 5px 5px 0px;
	float:left;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.inner-content-border-field:hover {
	background-color:rgba(167,121,79,1.0);
}

.inner-content-border-field a{
	text-decoration:none; 
	border:none; 
	letter-spacing:0px; 
	color:rgba(204,204,204,1.00);
	padding-left:0px;
}

.inner-content-border-field a:hover{
	background:none;
}

/*=========================================================================================*/

/*=====================================================*/

@media screen and (min-width:2039px){
}

@media screen and (max-width:1800px){
/*.text-preview {min-height:195px;}*/
}

@media only screen and (max-width:1280px){ 
.box-type-big-left1{width:33.33%}
.box-type-big-left1b{width:33.33%}
.box-type-big-left2{width:50.00%}
.box-type-big-left2b{width:50.00%}
.content-row-inside {width:100%; height:auto; overflow:hidden; float:left !important;}
.content-row-inside2 {width:100%; height:auto; overflow:hidden; float:left !important; border-top:1px dotted rgba(255,255,255,1.0);}
.tabelle1{width:50%}
.tabelle2{width:50%}
.tabelle3{width:50%;}
.tabelle4{width:50%;}
/*.text-preview {min-height:125px;}*/
}

@media only screen and (max-width:1149px){
.wrapper1-main-box-divs {width:100%;}
.wrapper1a-main-box-divs {width:100%; float:none; margin-left:auto; margin-right:auto;}
.wrapper2a-main-box-divs {width:50%; padding-right:15px;}
.wrapper2b-main-box-divs {width:50%; padding-left:15px;}
.wrapper2-main-box-divs {width:100%; padding-left:0%; float:none; margin-left:auto; margin-right:auto;}
.main-box-content-subl-div{}
.main-box-content-sub1-color-div{margin-bottom:3%;}
.main-box2a-div{width:100%;}
.main-box2b-div{width:100%; margin-left:0%; margin-top:3%;}
.picture-scalable-icon{margin-top:0px; margin-right:0px;}
.picture-scalable{top:0px;}
.picture-extension{width:100%;}
.flex-image1{top:0px;}
.flex-image2{top:0px;}
.main-box-content-l-div{width:24%;}
.main-box-content-r-div{width:24%;}
.main-box5-div{}
.in-box-content-divider70{width:220px;}
.in-box-content-divider30{margin:0px 5px 0px 0px; width:60px;}
.h1{float:none;}
.wrapper1-main-box-divs {width:100%;}
.wrapper2a-main-box-divs {width:100%; padding-left:0%; float:none; margin-left:auto; margin-right:auto;}
.wrapper2b-main-box-divs {width:100%; padding-left:0%; float:none; margin-left:auto; margin-right:auto;}
navi {height:auto; max-height:none;}
navi li {width:50%; float:left; position:relative;}
/*navi li:last-child{width:100%;}*/
navi li a {border-right:none; border-bottom:1px solid rgba(255,255,255,1.00);}
navi a {text-align:left; width:100%; text-indent:25px; padding-left:0px; padding-right:15px;}
navi ul {display:none; width:100%; height:auto;}
navi a#pull {display:inline-block; color:rgba(255,255,255,1.00); height:70px; background-color:rgba(78,41,32,1.0); width: 100%; position:relative;}
navi a#pull:after {content:""; background: url('nav-icon.png') no-repeat; width:30px; height:30px; display:inline-block; position:absolute; right:15px; top:25px;}
navi a#pull:hover, navi  a#pull:active {background-color:rgba(255,255,255,0.70);}
.head-logo-div{display:none;}
.head-logo-div1{display:inline; position:absolute; left:40%; top:-15px; width:217px;z-index:2;}
.text-box67-l {width:100%; padding-right:0px;}
.text-box33-r {width:100%; padding-left:0px;}
/*.text-preview {min-height:135px;}*/
}


@media only screen and (max-width:750px){
.box-type-big-left1{width:50.00%}
.box-type-big-left1b{width:100.00%}
.box-type-big-left2{width:50.00%}
.box-type-big-left2b{width:50.00%}
.head-logo-div1{display:inline; position:absolute; left:35%; top:-15px; width:217px;z-index:2;}
.tabelle1{width:100%}
.tabelle2{width:100%}
.tabelle3{width:100%;}
.tabelle4{width:100%;}
}

@media only screen and (max-width : 550px) {
.box-type-big-left1{width:100.00%}
.box-type-big-left2{width:100.00%}
.box-type-big-left2b{width:100.00%}
navi li {display: block; float: none; width: 100%;}
.main-box-content-l-div{width:100%;}
.main-box-content-r-div{width:100%;}
.in-box-content-divider30{margin:0px 5px 5px 0px;}
.inner-content-border-field_3{margin:10px 10px 10px 0px}
.flex-image-wrapper{height: 250px;}
.head-logo-div1{display:inline; position:absolute; left:25%; top:-15px; width:217px;z-index:2;}
/*.text-preview {min-height:100px;}*/
}

@media only screen and (max-width : 380px) {
navi li a {}
.in-box-content-divider30{margin:0px 5px 5px 0px;}
}

/*=====================================================*/