/* FRONTEND CSS
*********************************************/

html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
}

body {
	font-size:14px;	margin:0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	line-height:25px;
background: rgb(255,255,255);

}


.schuhe, hr {
	clear:both;
}

.schuhe {
	padding-top:50px !important
}

.cc-compliance {
	display:block !important;
	text-align: center !important;
}

.leguanofacts {
	width:150px !important;
	margin-right:15px;
	height:auto !important;
	float:left !important;
	margin-bottom:15px !important
}

.cc-window {
	width:360px !important;
	max-width:90% !important;
	margin:10px !important;
	border:0px solid #000 !important;
	border-radius:5px !important; 
	padding:10px !important;
	background-color:rgba(255,255,255,0.80) !important
	
}
.cc-message {
	width:100% !important;
	font-size:13px !important;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
	line-height:19px !important
}

.cc-close {
    display: none !important;
}

.cc-deny {
	color:rgba(255,0,4,1.00) !important;
background-color: transparent !important;
	border:none !important;
	font-weight:normal !important;
	border-radius:5px !important;
	display:inline-block !important;
	padding:7px 10px !important;margin-left:10px !important;margin-top:10px !important
}

.cc-allowall {
background-color:rgba(25,135,0,1.00) !important;
color:#fff!important;
	border:none !important;
	font-weight:normal !important;
	border-radius:5px !important;
	display:inline-block !important;
	padding:7px 10px !important;
	margin-top:10px !important;
}

.cc-compliance21312 {
	text-align:center !important
}


.cc-allow {
	background-color:rgba(222,173,0,1.00) !important;
color:#fff!important;
	border:none !important;
	font-weight:normal !important;
	border-radius:5px !important;
	display:inline-block !important;
	padding:7px 10px !important;
}

.cc-deny:hover {
	background-color:rgba(255,0,4,0.80) !important;
	
	border:none !important;
	font-weight:normal !important;
}

.cc-allowall:hover {
	background-color:rgba(25,135,0,0.80) !important;
color:#fff!important;text-decoration:None !important;
	border:none !important;
	font-weight:normal !important;
}

.cc-allow:hover {
	background-color:rgba(222,173,0,0.80) !important;
color:#fff!important;text-decoration:None !important;
	border:none !important;
	font-weight:normal !important;
}

.cc-settings-label {
	padding:5px !important;
	background-color:#fff !important;

	font-size:14px !important;
	margin-bottom:11px !important;
	font-weight:bold !important;
	margin-left:-19px !important;
	padding-right:14px !important;
	margin-right:0 !important;
}
div.cc-checkbox-container:not(:last-child) a {
	border:none !important
}

.cc-checkbox-container {
	padding-left:10px !important;
}

.cc-checkboxes-container {
	padding-left:10px !important;
	margin-right:-10px !important
}

.cc-cookie-checkbox {
	font-size:14px !important}


header {
	width:100%;
	background:url("../../../images/navi-back.jpg");
	background-repeat: repeat;
	margin:0px auto 1px auto;
	background-color:#fff;
	height:85px;
	position: fixed;
	z-index: 2;
	top:0;
	}



#logo {
	margin-top:7px !important;
	width:auto !important;
	height:85% !important;
	margin-left:15px;
	float:left;
}



img {
	max-width:100% !important;
	height:auto;
}

.navbar-nav li {
width: 30% !important;
margin-right: 3%;
float: left !important;
padding-bottom: 30px !important;
}

.navbar-nav {
list-style: none !important;
	display:block !important
}

.navbar-nav li img {
width: 100% !important;
height: auto!important;
}

#zitat {
		width:90%;
	max-width:1000px;
	margin:0 auto;
	text-align: center;
	padding:25px 0;
}

#zitat p {
	font-size:30px;
	line-height:40px;
color:#a18a75 !important;
	font-style: italic;
	text-align: center;
	margin-bottom:0 !important
}

#zitat small {
	font-size:11px;
	color:#000;
	
}

main {
	width:90%;
	max-width:1000px;
	margin:100px auto 0 auto;
	padding:25px 0 40px 0;
}

#starttxtcontainer {
	background-color:#fff;
padding:15px;
margin-bottom:40px;}

main h1 {
	color:#a18a75;
	font-size:24px !important;
	padding-bottom:0px;
}
main h2, main h3, main h4 {
	color:#a18a75;
	font-size:20px !important;
	padding-bottom:0px;
}

main strong,
#starttxt strong {
	color:#a18a75;
}

main a:link,
main a:visited {
	color:#a18a75 !important;
	text-decoration: none;
}

main a:active,
main a:hover {
	color:#a18a75 !important;
	text-decoration: underline;
}

.startitem1 img {
	width:50% !important;
	float:right;
	margin-left:30px !important;
		margin-bottom:40px;
	
}

.startitem2 img {
	width:50% !important;
	float:left;
	margin-right:30px !important;
	margin-bottom:40px;
	
}

.startitem1 h2,
.startitem2 h2,
#starttxt h2 {
		color:#a18a75;
	font-size:20px !important;
	padding-bottom:0px;
}

.startitem1 a:link,
.startitem1 a:visited,
.startitem2 a:link,
.startitem2 a:visited{
	background-color:#a18a75;
	background-image: url("../../../images/arrow_right.png");
	background-position: right;
	
	background-repeat: no-repeat;
	color:#fff;
	text-decoration: none;
	padding:5px 20px 5px 8px;
}

.startitem1 a:hover,
.startitem1 a:active,
.startitem2 a:hover,
.startitem2 a:active {
	background-color:#8a6f56;}

.mainoverlay {
	font-family: 'regular', sans-serif !important;
    height: 40px;
    width: 100%;
    bottom: 0;
    text-align: center;
    color: #8a6f56;
    cursor: pointer;
    padding-top: 10px;
	padding-bottom:15px;
	position:relative;
	margin-top:-40px ;
			font-size:13px;
	z-index: 100000 !important;
	background-size:contain;
background-image: url(../../../images/back-overlay.png);
background-repeat: repeat-x;}
	
	.mainoverlay2 {background: #fff;
	font-family: 'regular', sans-serif !important;
    border-top: 1px solid #eee;
    padding-top: 40px;
    height: 50px;
    width: 100%;
    bottom: 0;
		font-size:13px;
    text-align: center;
    color: #8a6f56;
    cursor: pointer;}

#starttxt {
	font-family: 'regular', sans-serif !important;
color:#666;
	font-size: 14px;
	line-height:22px;
	    overflow: hidden;
    height: 200px;
	clear:both;
}

.clear {
	clear:Both !important;
	width:100% !important;
}

footer 
{width:100%;
background-color:#a18a75 !important;
clear:both !important;
	color:#fff;
}

#footer-inner {
		width:90%;
	max-width:1000px;
	margin:10px auto;

	}
	
.footerbox {
	width:30%;
	float:left;
	margin-right:1%;
	padding:25px 1%;
	min-height:280px;
font-style:normal !important}
	
.footerbox ul {
	list-style:none;
	padding-left:0px !important}
	
.footerbox li {
	
	margin-bottom:15px;}	
	
.footerbox a:link,
.footerbox a:visited {
	color:#fff;
	text-decoration:none;
	}	
	
.footerbox a:hover,
.footerbox a:active {
	color:#fff;
	text-decoration:underline;
	}	

address {
	font-style:normal;
}
	
footer h3 {
	
	color:#fff;
	margin-bottom:0;
		font-size:18px !important;
	padding-bottom:0px;}



.specification  {
	float:right !important;

}

 .holzarten  {
	float:right !important;

}
 .stoff  {
	float:right !important;

}
.readmore a {
	background-color:transparent !important;
	padding:0 !important;
	border:none !important
}
.blog-item {
    width: 100% !important;
    clear: both !important;
    padding-top: 50px !important;
    border-top: 1px solid #917c69;
    padding-bottom: 50px;
}


.item-image {
	width:50% !important;
	float:right !important;
	margin-left:3% !important
}

.newsflash-title {
	margin-top:10px !important;font-weight:bold;
}

.newsflash p {
	margin:0;
}
#upcomingeventlink {
	text-align: right;
	
}

#upcomingeventlink a:link,
#upcomingeventlink a:visited {
	color:#fff !important
}

 .textilpflege img {
        width: 30px !important;
        height:auto !important
    }

    .specification {
        background-image: url(https://relax.eco/haendler/specification.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: contain;
        height: 10px;
        padding: 10px 15px 10px 30px;
        float:left
    }

    .holzarten {
        background-image: url(https://relax.eco/haendler/holz.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: contain;
        height: 10px;
        padding: 10px 15px 10px 35px;
        float:left
    }

    .stoff {
        background-image: url(https://relax.eco/haendler/stoff.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: contain;
        height: 10px;
        padding: 10px 15px 10px 40px;
        float:left
    }

@media (max-height:700px) {
	.responsiveMenuTheme1 li > ul > li > a {

	background-color:#f4e0c4 !important;
	color:#a18a75 !important;
	padding:5px !important;
	font-size:13px !important;
	text-align: left !important;
}
	
		.responsiveMenuTheme1 li > ul > li > a:hover {
				padding:5px !important;
			font-size:13px !important;}
	

}

@media (max-width:1100px) {
	nav {
		width:auto !important
	}
}
@media (max-width:950px) {
	
	.navbar-nav li {
width: 45% !important;
margin-right: 3%;
float: left !important;
padding-bottom: 30px !important;
}

	
.toggleMenu {

    color: #ffffff;
    background: #917c69 url(../../../images/toogle.png) no-repeat left center !important;
	background-size:contain !important;
    height: 50px !important;
    padding: 0 0px 0 50px !important;
	margin-top:17px!important ;
	margin-right:15px !important;
    line-height: 50px !important;
    border-radius: 0px !important;
    font-size: 18px;
}
	.responsiveMenuTheme1.isMobile {
		position: absolute !important;
		width:50% !important;
		right:0 !important;
		background-color:#a18a75 !important;
	}
	
	.responsiveMenuTheme1 li a, .responsiveMenuTheme1 li span.separator, .responsiveMenuTheme1 li span.navHeader {
    border: none !important;
    color: #f4e0c4 !important;
    padding: 10px 15px !important;
}
	
	.responsiveMenuTheme1 a:hover, .responsiveMenuTheme1 li.active > a, .responsiveMenuTheme1 li > span.separator:hover {
		border:none !important;
	color:#a18a75 !important;
	background-color:#f4e0c4 !important;
	padding: 10px 15px !important;

	
	
}	
	
}

#startbild-m {
	display:none;
}

.catlistitem {
	text-align: center;
	width:21% !important;
	float:left;
	margin: 10px 2% !important;
}

.catlistitem img {
	width:100% !important;
	height:auto;
}

@media (max-width:700px) and (orientation:portrait) {
		#logo { 
		width:70% !important;
		margin-top:5px !important;
		height:auto !important;
		margin-bottom:5px !important
	}
}

@media (max-width:700px) and (orientation:landscape) {
		#logo { 
		width:40% !important;
		margin-top:5px !important;
		height:auto !important;
		margin-bottom:5px !important
	}
}

@media (max-width:700px) {
		.item-image {
	width:80% !important;
		margin-right:20%;
	float:right !important;
}
	
	.catlistitem {
		width:29% !important;
	}
	main {
		margin-top:140px !important
	}
	
	header {
		top:0px !important; 
		height:auto !important;
		position: absolute;
	}
	
	.toggleMenu {
color: #ffffff;
background: #917c69 url(../../../images/toogle.png) no-repeat left center !important;
background-size: contain !important;
height: 40px !important;
padding: 0 0px 0 40px !important;
margin-top: 17px!important;
margin-right: 15px !important;
line-height: 40px !important;
border-radius: 0px !important;
font-size: 18px;
}
	
	.navbar-nav li {
width: 97% !important;
margin-right: 3%;
float: left !important;
padding-bottom: 30px !important;
}

	
#startbild {
	display:none;
	width:100% !important;
	height:auto;
	
}
	
	#startbild-m {
	display:block;
	width:100% !important;
	height:auto;
	
}
	

.startbild1 {
	width:100%;
	height:auto;
	float:none !important;
	margin-left:auto !important;
	margin-right:auto !important;
		margin-bottom:20px;
}

.startbild2 {
	width:100%;
	height:auto;
	float:none !important;
	margin-left:auto !important;
	margin-right:auto !important;
	margin-bottom:20px;
}
.startitem1 img,
	.startitem2 img {
		width:100% !important;
	height:auto;
	float:none !important;
		margin:0 !important
	}
	
	#zitat p {
	font-size:20px;
	line-height:30px;
color:#a18a75 !important;
	font-style: italic;
	text-align: center;
	margin-bottom:0 !important
}
	.footerbox {
		width:90% !important;margin:0px 5%;}
	
	.blog-item img,
	.itemtitle {
		width:100% !important;
		margin-left:0 !important;
			margin-right:0 !important;	
		float:none !important
	}
	
	
	
 .row-0 .intro-text,
 .row-2 .intro-text,
 .row-4 .intro-text,
 .row-6 .intro-text,
 .row-8 .intro-text,
 .row-10 .intro-text,
 .row-12 .intro-text,
 .row-14 .intro-text ,
 .row-16 .intro-text ,
 .row-18 .intro-text ,
.row-20 .intro-text {
		font-weight:normal;
	padding-bottom:10px;

	width:100%;
	float:left;
	text-align: right;

}

 .row-1 .intro-text,
 .row-3 .intro-text,
 .row-5 .intro-text,
 .row-7 .intro-text,
 .row-9 .intro-text,
 .row-11 .intro-text,
 .row-13 .intro-text,
 .row-15 .intro-text,
 .row-17 .intro-text,
 .row-19 .intro-text,
 .row-21 .intro-text {
		font-weight:normal;
	padding-bottom:10px;

	width:100%;
	float:left;
	text-align: left;

}

	
}

@media (max-width:600px) {
		.catlistitem {
		width:46% !important;
	}
	
	.leguanofacts {
		width:40% !important;
		margin:0 30% !important
	}
}