@charset "utf-8";
/* mobile Version Tanner Grabs */

@media only screen and (max-width:1240px) {


.mainnavi li {
	padding:0 5% 0 0;
}

.mainnavi li a, .mainnavi li a:visited {
	font-size:1em;
}

.tannerteam .profilfrom {
	float:left;
	width:18.4%;
	margin-right:2%;
	margin-bottom:25px;
	min-width:213px;
}

.tannerteam .profilfrom:nth-child(5n) {
	margin-right:2%;
}

.tannerteam .profilfrom:nth-child(4n) {
	margin-right:0;
}

}

@media only screen and (max-width:1024px) {


.mainnavi li {
	padding:0 4% 0 0;
}


/* Produkte startseite */



#content .producttext h3 {
	height:30px;
	line-height:30px;
	font-size:0.9em;
}

#content .producttext p {
	padding:0 4%;
	font-size:0.8em;
	line-height:1em;
	margin-top:6px;
}


#content .product_links p {
	font-size:1.2em;
}

#address, #mitglied {
	width:50%;
	height:auto;
}

#info {
	float:left;
	width:100%;
	height:auto;
	text-align:left;
}

@media only screen and (max-width:962px) {

.mainnavi li {
	padding:0 3.25% 0 0;
}

.mainnavi li a, .mainnavi li a:visited {
	font-size:.95em;
}

.tannerteam .profilfrom:nth-child(4n) {
	margin-right:2%;
}

.tannerteam .profilfrom:nth-child(3n) {
	margin-right:0;
}

.caption-link a {
	display:none;
}

}

@media only screen and (max-width:800px) {


.mainnavi li {
	padding:0 2% 0 0;
}


/* Produkte startseite */

.productrow_inner > div {
    margin-right: 2%;
    width: 32%;
	float:left;
}

.productrow_inner > div:nth-child(5n){
	margin-right:2%;
}

.productrow_inner > div:nth-child(3n){
	margin-right:0;
}

#content .producttext h3 {
	height:45px;
	line-height:45px;
	font-size:1em;
}

#content .producttext p {
	padding:0 4%;
	font-size:1em;
	line-height:1em;
	margin-top:6px;
}


#content .product_links p {
	font-size:1.3em;
}

/* 5 Spalten Produkte */

.spalte_501, .spalte_502, .spalte_505, .spalte_504 {
	float: left;
    margin-right: 2%;
    width: 32%;
}

.spalte_503 {
	float: left;
    width: 32%;
	margin-right:0;
}



}




@media only screen and (max-width:760px) {

#header-wrapper {
	width:100%;
	height:auto;
	position:relative;
	top:0;
	border-bottom:none;
}

#wrapper {
	margin: 0px auto;
	width:100%;
	background:none;
}

#header {
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	background:none;
}

#logo {
	position:static;
	height:auto;
	width:100%;
	text-align:center;
	margin: 0;
	padding:10px 0;
}

#logo img {
	height:auto;
	max-width:280px;
	width:100%;
}


#search, #navi, #videoberatung, .socialbutton {
	display:none;
}

/* menu mobile */

#mobilemenu {
	visibility:visible;
}
.logo{position:absolute;top:0;left: 0;width:96%;height:40px;line-height:40px;text-align:left;padding:0 4% ;float:none;background-color:#222;}
.logo a{color:#FFF;}
.logo2{display:none}
nav{width:100%;}
#mobilemenu,#mobilemenu ul,#mobilemenu ul li,#mobilemenu ul li a,#mobilemenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#mobilemenu{width:100%;background:#222;margin-top:10px;}
#mobilemenu ul{width:100%;display:none}
#mobilemenu ul li{width:100%;background:#222;border-top:1px solid #FFF}
#mobilemenu ul li:hover{background:#000;}
#mobilemenu ul ul li,#mobilemenu li:hover > ul > li{height:auto}
#mobilemenu > ul > li > a{padding:13px;font-size:14px;letter-spacing:1px;text-decoration:none;color:#FFF;font-weight:500;}
#mobilemenu ul li a,#mobilemenu ul ul li a{width:100%;border-bottom:0}
#mobilemenu > ul > li:hover > a,#mobilemenu ul li.active a{color:#CCC;}
#mobilemenu > ul > li{float:none}
#mobilemenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px 11px 25px;width:240px;font-size:14px;text-decoration:none;color:#ddd;font-weight:400;}
#mobilemenu ul ul li{background:#000!important;}
#mobilemenu ul ul li:hover{background:#000!important}
#mobilemenu ul ul li:last-child > a,#mobilemenu ul ul li.last-item > a{border-bottom:0}
#mobilemenu ul ul ul li a{padding-left:35px}
#mobilemenu ul ul li a{color:#FFF;background:none}
#mobilemenu ul ul li:hover > a,#mobilemenu ul ul li.active > a{color:#fff}
#mobilemenu ul ul,#mobilemenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#mobilemenu > ul > li.has-sub > a{padding-right:30px}
#mobilemenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#mobilemenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#mobilemenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#mobilemenu ul ul li.has-sub:hover,#mobilemenu ul li.has-sub ul li.has-sub ul li:hover{background:#000;}
#mobilemenu ul ul ul li.active a{border-left:1px solid #333}
#mobilemenu > ul > li.has-sub > ul > li.active > a,#mobilemenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
#mobilemenu > ul > li.has-sub > a:after,#mobilemenu > ul > li.has-sub > a:before,#mobilemenu ul ul > li.has-sub > a:after,#mobilemenu ul ul > li.has-sub > a:before{display:none}
#mobilemenu #head-mobile{display:block;padding:20px;color:#ddd;font-size:12px;font-weight:700;width:100%;}
.button{width:55px;height:40px;position:absolute;right:0;top:0;cursor:pointer;z-index:994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#mobilemenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #FFF;height:40px;width:40px;cursor:pointer;}
#mobilemenu .submenu-button.submenu-opened{background:#000;}
#mobilemenu ul ul .submenu-button{height:40px;width:40px}
#mobilemenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#mobilemenu ul ul .submenu-button:after{top:15px;right:13px}
#mobilemenu .submenu-button.submenu-opened:after{background:#fff}
#mobilemenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#mobilemenu ul ul .submenu-button:before{top:12px;right:16px}
#mobilemenu .submenu-button.submenu-opened:before{display:none}
#mobilemenu ul ul ul li.active a{border-left:none}
#mobilemenu > ul > li.has-sub > ul > li.active > a,#mobilemenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}


/* Inhalte */

#content_all {
	float:left;
	width:100%;
	margin-top:20px;
}

#navi {
	display:none;
}

#aktuell {
	display:none;
}

#content {
	float:left;
	width:96%;
	padding:10px 2%;
	margin-left:0;
}

.produkte #videoberatung-icon {
	right:5%;
}

figcaption.csc-textpic-caption {
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    padding: 0 3px;
	font-size:0.8em;
}

.spalte1, .spalte2 {
	float:left;
	width:100%;
}

.spalte2 {
	margin-left:0;
}

#footer-wrapper {
	width:96%;
}

#footer {
	width:100%;
	height:160px;
}

#footer-inner {
	width:100%;
	height:160px;
	padding:0;
}

#address, #info {
	display:none;
}

#mitglied {
	width:100%;
	text-align:center;
	padding:20px 0 0 0;
}

#mitglied figure {
	width:100%;
}

}

@media only screen and (max-width:722px) {

.tannerteam .profilfrom:nth-child(3n) {
	margin-right:2%;
}

.tannerteam .profilfrom:nth-child(2n) {
	margin-right:0;
}

}

@media only screen and (max-width:568px) {

.ce-gallery[data-ce-columns="1"] .ce-column,
.ce-gallery[data-ce-columns="2"] .ce-column,
.ce-gallery[data-ce-columns="3"] .ce-column,
.ce-gallery[data-ce-columns="4"] .ce-column,
.ce-gallery[data-ce-columns="5"] .ce-column,
.ce-gallery[data-ce-columns="6"] .ce-column,
.ce-gallery[data-ce-columns="7"] .ce-column,
.ce-gallery[data-ce-columns="8"] .ce-column {
	width:100%;
	max-width:420px;
	margin:0 0 15px 0;
}


/* Bilder ersetzen Team */

.team .csc-textpic-5-col .csc-textpic-imagecolumn {
	width:94%;
	margin:0 3%;
	overflow: hidden;
}

.team .csc-textpic-imagewrap.csc-textpic-5-col .csc-textpic-imagecolumn .csc-textpic-image {
    margin-bottom: 24px;
}


.team figcaption.csc-textpic-caption {
    background-color: #fff;
    color: #000;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    width: 100%;
	font-size:0.8em;
}

.team figcaption.csc-textpic-caption strong {
	font-weight:600;
	font-size:0.9em;
}

#content h1 {
	font-size:18px;
}

/* Produkte startseite */

#content .producttext h3 {
	height:40px;
	line-height:40px;
	font-size:0.9em;
}

#content .producttext p {
	padding:0 4%;
	font-size:0.7em;
	line-height:1em;
	margin-top:6px;
}

.productrow_inner > div {
    margin-right: 0%;
    width: 100%;
}

.productrow_inner > div:nth-child(5n){
	margin-right:0%;
}

.productrow_inner > div:nth-child(3n){
	margin-right:0;
}

.producttext {
	-webkit-transform: translateY(92%);
	-moz-transform: translateY(92%);
	-ms-transform: translateY(92%);
	-o-transform: translateY(92%);
	transform: translateY(92%);
}

.product:hover .producttext {
    opacity: 1;
	-webkit-transform: translateY(75%);
	-moz-transform: translateY(75%);
	-ms-transform: translateY(75%);
	-o-transform: translateY(75%);
    transform: translateY(75%);
}

#content .producttext h3 {
	height:40px;
	line-height:40px;
	font-size:1.5em;
}

#content .producttext p {
	padding:0 4%;
	font-size:1.1em;
	line-height:1em;
	margin-top:15px;
}

#content .product_links p {
	font-size:1.75em;
}

/* 5 Spalten Produkte */

.spalte_501, .spalte_502, .spalte_503, .spalte_504, .spalte_505 {
	float: left;
    margin-right:0;
    width: 100%;
}

}

@media only screen and (max-width:472px) {

.tannerteam .profilfrom:nth-child {
	margin-right:0;
}

}

@media only screen and (max-width:414px) {

.productrow_inner > div {
    margin-right: 0%;
    width: 100%;
}

.productrow_inner > div:nth-child(5n){
	margin-right:0%;
}

.productrow_inner > div:nth-child(3n){
	margin-right:0;
}

.producttext {
	-webkit-transform: translateY(90%);
	-moz-transform: translateY(90%);
	-ms-transform: translateY(90%);
	-o-transform: translateY(90%);
	transform: translateY(90%);
}

.product:hover .producttext {
    opacity: 1;
	-webkit-transform: translateY(70%);
	-moz-transform: translateY(70%);
	-ms-transform: translateY(70%);
	-o-transform: translateY(70%);
    transform: translateY(70%);
}

#content .producttext h3 {
	height:40px;
	line-height:40px;
	font-size:1.5em;
}

#content .producttext p {
	padding:0 4%;
	font-size:1.1em;
	line-height:1em;
	margin-top:15px;
}


#content .product_links p {
	font-size:1.75em;
}

}