@charset "UTF-8";
/* CSS Document */

/* cabin-regular - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cabin-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cabin-v26-latin-regular.eot?') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cabin-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cabin-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cabin-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cabin-v26-latin-regular.svg') format('svg'); /* Legacy iOS */
}
/* cabin-700 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/cabin-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cabin-v26-latin-700.eot?') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cabin-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cabin-v26-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cabin-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cabin-v26-latin-700.svg') format('svg'); /* Legacy iOS */
}

/* voltaire-regular - latin */
@font-face {
  font-family: 'Voltaire';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/voltaire-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/voltaire-v15-latin-regular.eot?') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/voltaire-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/voltaire-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/voltaire-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/voltaire-v15-latin-regular.svg') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg') format('svg'); /* Legacy iOS */
}

#ie-hint {
	background:#fff;
	width:600px;
	padding:20px;
	border:10px solid #0280ee;
	margin:50px auto;
	display:none;
}

#ie-hint p {
	text-align:center;
	font:bold 20px/30px Arial, Helvetica, sans-serif;
}

#ie-hint p a {
	color:#0280ee;
}

#back-top a:hover {
	opacity:1.0;
}


* {
	margin:0;
	padding:0;
	border:0;
	outline:none;
	-webkit-appaerance: none;
	-webkit-text-adjust: none;
}

::selection {
	background:#ccc;
	color:#000;
}

::-moz-selection {
	background:#ccc;
	color:#000;
}

html {
	background:#eee;
	font-size:10px;
}

body {
	font:16px/22px 'Open Sans', Arial, Helvetica, sans-serif;
	color:#484848;
}

a {
	color:#0280ee;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a.pdf {
	display:block;
	margin:10px 0 20px 0;
	background:url(https://sauna-beauty-griesheim.de/design/normal/images/pdf-icon.png) top left no-repeat;
	padding:15px 0 15px 60px;
}

a.zip {
	display:block;
	margin:10px 0 20px 0;
	background:url(https://sauna-beauty-griesheim.de/design/normal/images/zip-icon.png) top left no-repeat;
	padding:15px 0 15px 60px;
}

h1 {
	font:bold 25px/30px Arial, Helvetica, sans-serif;
}

h2 {
	font:bold 20px/25px Arial, Helvetica, sans-serif;
}

h3 {
	font:bold 17px/20px Arial, Helvetica, sans-serif;
}

h4, h5, h6 {
	font:bold 12px/20px Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, h4, h5, h6, table, ol, ul, fieldset {
	margin:0 0 20px 0;
}

table {
	border-collapse:collapse;
}

table td, table th {
	padding:5px 10px 5px 0;
	text-align:left;
	vertical-align:top;
}


ul {
	list-style:outside disc;
	margin:0 0 20px 20px;
}

ol {
	list-style:outside decimal;
	margin:0 0 20px 20px;
}

hr {
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	clear:both;
	margin:20px 0;
}

fieldset {
	border:1px solid #ccc;
	padding:10px;
}

input {

	border:1px solid red;
	
}

textarea {
	border:1px solid red;
}

.clear, .clearfix {
	clear:both;
}

.hidden{
	display:none;
}



/* INPUT ERROR FORMULAR */

input[type=text].inputerror, textarea.inputerror, input[type=text].inputerror {
	border:1px solid red!important;
}


/* jQUERY UI RESET */

.ui-widget-content {
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#333;
}

.fehler .fancybox-inner{
	text-align:center;
	padding:20px 0;
	background:url(../images/error.png) 25px top no-repeat;
	background-size:contain;
}

.fehler h2{
	color:#f26b6b;
}

main{
	display:block;
	background:#fff;
	padding:82px 0 0;
	position:relative;
	z-index:1;
	margin:0 0 454px;
}

.centered{
	width:1200px;
	max-width:100%;
	margin:0 auto;
}

header{
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:900;
}

#logo{
	display:block;
	float:left;
	padding:20px 0;
}

#logo img{
	display:block;
}

header .slogan{
	font:normal 21px/21px 'Voltaire', Verdana, Geneva, sans-serif;
	color:#88787b;
	padding:30px 20px;
	display:block;
	float:left;
}

header .slogan span{
	color:#891002;
}

header .centered{
	position:relative;
}

#navi{
	float:right;
	display:block;
	margin:0;
	list-style:none;
}

#navi > li{
	display:block;
	float:left;
	position:relative;
}

#navi > li > a{
	display:block;
	text-decoration:none;
	color:#484848;
	font:400 18px/18px 'Cabin', Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	padding:32px 15px;
}

#navi li:hover a, #navi li.selected a{
	color:#fff;
	background:#897A78;
}

#navi .subnavi{
	display:none;
	position:absolute;
	width:250px;
	margin:0;
	list-style:none;
	z-index:200;
	background:#897A78;
	transform-origin:top right;
	right:0;
	border-bottom-left-radius:10px;overflow:hidden;
	border-bottom-right-radius:10px;overflow:hidden;
	border-bottom:2px solid #695e5d;
}

#navi .subnavi li{
	display:block;
}

#navi .subnavi li a{
	display:block;
	color:#fff;
	font-size:18px;
	line-height:18px;
	padding:20px;
	text-decoration:none;
	border-bottom:1px solid #958785;
}

#navi .subnavi li a:hover{
	background:rgba(255,255,255,.1);
}

#navi > li:hover .subnavi{
	display:block;
}

.widgets{
	list-style:none;
	margin:0;
	position:absolute;
	bottom:-50px;
	right:0;
}

.widgets li{
	display:block;
	float:left;
}

.widgets li a{
	display:block;
	background:;
	width:50px;
	height:50px;
	text-decoration:none;
	color:#484848;
	font-size:6px;
	line-height:6px;
	text-align:center;
	margin:0 0 0 5px;
	position:relative;
	transition:300ms;
	transform:translateZ(0);
	transform-origin:top center;
	background:url(../images/widgets.png) no-repeat #891002;
	background-size:cover;
}

header .widgets li:nth-of-type(1) a{background:url(../images/facebook.png) no-repeat #891002;background-size:cover;}
.widgets li:nth-of-type(2) a, footer .widgets li:nth-of-type(1) a{background-position:-50px 0;}
.widgets li:nth-of-type(3) a, footer .widgets li:nth-of-type(2) a{background-position:-150px 0;}

.widgets li a em{
	position:absolute;
	width:100%;
	bottom:-14px;
	left:0;
	font-style:normal;
	opacity:0;
	transition:300ms;
	background:rgba(255,255,255,.7);
	padding:7px 0;
	line-height:0;
}

.widgets li a:hover{
	-webkit-transform:scale(2,2);
	transform:scale(2,2);
	z-index:900;
}

.widgets li a:hover em{
	opacity:1;
}

.dreibox{
	margin:-75px 0 0;
	padding:0 0 40px;
}

.dreibox .box{
	display:block;
	width:30%;
	float:left;
	text-align:center;
	position:relative;
}

.iconwrapper{
	background:#891002;
	border-radius:100%;
	width:105px;
	height:105px;
	padding:20px;
	border-bottom:3px solid #3a0600;
	display:block;
	margin:0 auto;
	transition:300ms;
	margin-top:0;
}

.dreibox .box:hover .iconwrapper{
	margin-top:20px;
}

.dreibox .box:hover .detail{
	margin-bottom:-20px;
	margin-top:-20px;
}

.dreibox .box .detail{
	color:#897a77;
	transition:300ms;
}

.dreibox .box .detail strong{
	font-size:28px;
	color:#891002;
	text-transform:uppercase;
	display:block;
	padding:30px 0;
	border-bottom:1px solid #ebe8e8;
	font-weight:400;
}

.dreibox .box .detail strong span{
	color:#897a77;
}

.dreibox .box .detail p{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:20px 40px;
}

.dreibox .box:nth-of-type(2){
	margin:0 5%;
}

.dreibox .box a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}

.about{
	background:#897a78;
	position:relative;
	overflow:hidden;
}

.about .icon-h, .about p{
	width:51%;
	color:#fff;
	position:relative;
	z-index:3;
}

.about h1{
	font-weight:400;
	text-transform:uppercase;
	font-size:25px;
	line-height:25px;
}

.about p{
	text-align:justify;
}

.about .verlauf{
	position:absolute;
	top:0;
	right:0;
	z-index:0;
	height:100%;
	z-index:0;
}

.about .verlauf:before{
	background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(125,185,232,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,0)));
	background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); 
	background: -o-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%);
	background: -ms-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(to right, rgba(137,122,120,1) 0%,rgba(137,122,120,0) 100%); 
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 25%;
    z-index: 2;
}

.about .verlauf img{
	opacity:.5;
	right:0;
	height:100%;
	width:auto;
}

.about .pattern{
	background:url(../images/pattern.png);
	position:relative;
	z-index:5;
	overflow:hidden;
	padding:60px 0;
}

.icon-h .whiteicon{
	background:#fff;
	display:block;
	float:left;
	border-radius:100%;
	padding:10px;
	width:50px;
	height:50px;
	border-bottom:2px solid #ccc;
}

.icon-h{
	border-bottom:1px solid #fff;
	padding:0 0 20px;
	margin:0 0 20px;
}

.icon-h h1{
	padding:25px 20px 25px 90px;
	margin:0;
}

.ziele{
	padding:60px 0;
}

.line-h{
	color:#891002;
	text-transform:uppercase;
	font-size:40px;
	font-weight:400;
	display:block;
	width:30%;
	margin:0 auto 40px;
	position:relative;
	text-align:center;
}

.line-h span{
	color:#897a77;
}

.line-h:before, .line-h:after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	height:1px;
	background:#ccc;
	width:300px;
}

.line-h:before{
	left:-320px;
}

.line-h:after{
	right:-320px;
}

.ziele p{
	text-align:center;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 300px;
	color:#897a77;
	margin:0 0 40px;
}

.smallbox{
	display:block;
	width:32.5%;
	float:left;
	position:relative;
	margin-bottom:20px;
	border-bottom:2px solid #ccc;
	border-radius:5px;
}

.smallbox:hover img{
	-webkit-transform:scale(1.3,1.3) rotate(5deg);
	transform:scale(1.3,1.3) rotate(5deg);
}

.smallbox:nth-of-type(3n-1){
	margin:0 1.25%;
}

.smallbox img{
	width:100%;
	display:block;
	transition:300ms;
	transform:translateZ(0);
	height:auto;
}

.smallbox .wrapper{
	overflow:hidden;
	border-radius:5px;
}

.smallbox a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#891002;
	text-decoration:none;
	text-transform:uppercase;
	font-size:25px;
}

.smallbox a strong{
	position:absolute;
	bottom:10px;
	left:10px;
	font-weight:400;
}

.smallbox a strong span{
	color:#897a77;
}

.smallbox .wrapper:after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: -moz-linear-gradient(top, rgba(244,244,244,0) 50%, rgba(244,244,244,1) 90%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(244,244,244,0)), color-stop(90%,rgba(244,244,244,1)));
	background: -webkit-linear-gradient(top, rgba(244,244,244,0) 50%,rgba(244,244,244,1) 90%);
	background: -o-linear-gradient(top, rgba(244,244,244,0) 50%,rgba(244,244,244,1) 90%);
	background: -ms-linear-gradient(top, rgba(244,244,244,0) 50%,rgba(244,244,244,1) 90%);
	background: linear-gradient(to bottom, rgba(244,244,244,0) 50%,rgba(244,244,244,1) 90%); 
	border-radius:5px;
}

.green{
	color:#fff;
	background:#891002;
	padding:30px 0;
}

.green strong{
	font:400 34px/63px 'Voltaire', Verdana, Geneva, sans-serif;
	float:left;
	display:block;
	width:50%;
	text-align:center;
}

.green .normal-btn{
	font:400 23px/23px 'Voltaire', Verdana, Geneva, sans-serif;
	text-align:center;
	color:#891002;
	background:#fff;
	border:1px solid #3a0600;
	width:80%;
	border-radius:5px;
	display:block;
	text-decoration:none;
	padding:20px 0;
	margin:0 auto;
}

.green .normal-btn:hover{
	color:#fff;
	background:#3a0600;
}

.green .wrapper{
	width:50%;
	float:left;
	display:block;
}

#grp-2, #grp-3{
	display:none;
}

.gruppe{
	background:url(../images/pattern-2.jpg);
	padding:60px 0;
}

.gruppe-wrapper{
	display:block;
	width:40%;
	float:left;
}

.gruppe .right{
	display:block;
	width:60%;
	float:left;
}

h2{
	color:#891002;
	font-weight:400;
	font-size:30px;
	line-height:43px;
}

h2 span{
	color:#897a77;
}

.eintrag:not(:first-of-type) .gruppe-detail{
	display:none;
}

.gruppe .right > p{
	color:#897a77;
	font-size:20px;
	line-height:20px;
}

.greenicon{
	width:50px;
	height:50px;
	padding:10px;
	background:#891002;
	display:block;
	float:left;
	border-radius:100%;
	border-bottom:2px solid #3a0600;
}

.eintrag > a{
	text-decoration:none;
	display:block;
	margin:0 0 20px;
	background:#fff;
	border-top-left-radius:50px;
	border-bottom-left-radius:50px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	width:65%;
}

.eintrag > a:hover{
	background:#f4f4f4;
}

.eintrag > a:hover em{
	color:#ccc;
}

.eintrag > a em{
	display:block;
	height:50px;	
	line-height:50px;
	text-decoration:none;
	color:#891002;
	font-size:20px;
	text-transform:uppercase;	
	padding:10px;
	text-indent:20px;
	font-style:normal;	
}

.gruppe-detail{
	background:rgba(255,255,255,.65);
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:40px;
	font-size:16px;
	line-height:25px;
	margin:0 0 60px;
	position:relative;
}

.line-wrapper{
	display:block;
	width:100%;
	text-align:center;
	position:relative;
}

.gruppe-detail .line-wrapper{
	position:absolute;
	left:0;	
	bottom:-27px;
}

.line-btn:not([type="checkbox"]):not([type="radio"]){
	width:70%;
	display:block;
	margin:0 auto;
	text-decoration:none;
	font:400 23px/23px 'Voltaire', Verdana, Geneva, sans-serif;
	color:#891002;
	border:1px solid #3a0600;
	border-radius:5px;
	padding:15px 0;
	background:#fff;
}

.line-btn:hover{
	color:#fff!important;
	background:#3a0600!important;
	cursor:pointer;
}

.gruppe-detail .line-btn{
	background:url(../images/pattern-2.jpg);
}

.line-wrapper:before, .line-wrapper:after{
	content:"";
	height:1px;
	width:15%;
	display:block;
	background:#3a0600;
	top:50%;
	position:absolute;
}

.line-wrapper:before{
	left:0;	
}

.line-wrapper:after{
	right:0;
}

.small-kontakt{
	padding:60px 0;
	color:#897A77;
	font-size:16px;
	line-height:23px;
	position:relative;
}

.small-kontakt .left{
	display:block;
	width:45%;
	float:left;
}

.small-kontakt .right{
	display:block;
	width:45%;
	float:right;
	padding:60px 0 0;
	position:relative;
	z-index:1;
}

.small-kontakt h2{
	text-transform:uppercase;
}

.small-kontakt img{
	position:relative;
	bottom:-60px;
	display:block;
	margin:-40px 0 0;
	z-index:0;
}

.small-kontakt input[type="text"]:not([type="checkbox"]):not([type="radio"]), .small-kontakt textarea{
	width:100%;
	font-size:16px;
	line-height:20px;
	background:#f4f4f4;
	padding:20px;
	border-radius:5px;
	border:1px solid #f4f4f4;
	margin:0 0 20px;
	color:#ccc;
	border-top:2px solid #ccc;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.small-kontakt textarea, .small-kontakt .textarea{
	width:100%;
	max-width:100%;
	min-width:100%;
	height:199px;
}

.zeiten-para{
	background:url(../images/parallax.jpg) no-repeat fixed;
	background-position:fixed;
	background-size:cover;
}

.para-front{
	background:url(../images/pattern-3.png) repeat;
	padding:60px 0;
	text-align:center;
}

.zeiten-para ul{
	margin:0;
	list-style:none;
	display:block;
	width:100%;
}

.zeiten-para ul li{
	display:block;
	float:left;
	width:13%;
	margin:.64%;
	background:#fff;
	text-align:center;
	color:#89787a;
	font:400 19px/23px 'Voltaire', Verdana, Geneva, sans-serif;
	padding:50px 0;
	border-radius:5px;
	border-bottom:2px solid #ccc;
}

.zeiten-para ul li strong{
	display:block;
	font-weight:400;
	font-size:30px;
	padding:0 0 10px;
}

.para-front p{
	color:#fff;
	font-size:30px;
	text-transform:uppercase;
	margin:0 0 40px;
}

.para-front p.offen{
	background:#A5C711;
	border-bottom:2px solid #86A10E;
}

.para-front p.offen, .para-front p.geschlossen{
	display:block;
	font-size:25px;
	line-height:25px;
	padding:20px 0;
	width:350px;
	text-align:center;
	border-radius:5px;
	margin:0 auto 40px;
	max-width:100%;
}

.para-front p.offen{
	background:#A5C711;
	border-bottom:2px solid #86A10E;
}

.para-front p.geschlossen{
	display:none;
	background:#c93a3a;
	border-bottom:2px solid #9a2f2f;
}

footer{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	display:block;
	z-index:0;
}

footer .top{
	background:#1b1b1b;
	padding:60px 0;
}

footer ul{
	margin:0;
	list-style:none;
}

footer a{
	color:#fff;
	text-decoration:none;
}

footer ul:not(.widgets) li a:hover, footer .top ul:not(.widgets) li:first-of-type a:hover, footer .top ul:not(.widgets) li.first a:hover{
	color:#891002;
}

footer .top .anfahrt{
	display:block;
	width:34%;
	float:left;
	color:#fff;
	border-right:1px solid #525252;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 5% 0 0;
}

.anschrift-wrapper{
	display:block;
	float:left;
	padding:0 20px;
}

.anschrift-wrapper span:not(.fa){
	display:inline-block;
	padding:0 0 20px;
}

.anschrift-wrapper .fa{
	display:inline-block;
	padding:0 20px 0 0;
}

.anschrift-wrapper > p{
	margin:0;
}

footer .top .anfahrt .widgets{
	position:relative;
	bottom:auto;
	width:50px;
	display:block;
	float:left;
}

footer .top .anfahrt .widgets a{
	margin:0 0 20px;
	transform-origin:left center;
}

footer .top .anfahrt .widgets a em{
	bottom:0;
}

footer .top ul:not(.widgets) li:first-of-type a, footer .top ul:not(.widgets) li.first a, .anschrift-wrapper h3{
	text-transform:uppercase;
	color:#b0a4a2;
	font-size:22px;
	line-height:22px;
	padding:0 0 30px;
	font-weight:400;
	margin:0;
}

footer .top ul:not(.widgets) li.first a{
	margin:24px 0 0;
}

footer .top ul:not(.widgets){
	display:block;
	float:left;
}

footer .top .centered > ul:nth-of-type(1){
	width:20%;
}

footer .top .centered > ul:nth-of-type(2){
	width:25%;
}

footer .top .centered > ul:nth-of-type(3){
	width:16%;
}

footer .top ul:not(.widgets) li{
	display:block;
}

footer .top ul:not(.widgets) li a{
	display:block;
	font-size:18px;
	line-height:18px;
	padding:0 0 20px;
}

footer .bottom{
	color:#fff;
	background:#000;
	padding:20px 0;
	font-size:12px;
	line-height:12px;
}

footer .bottom ul{
	float:right;
}

footer .bottom ul li{
	float:left;
	display:block;
}

footer .bottom ul li a{
	display:block;
	padding:0 10px;
}

.mainslider{
	position:relative;
	z-index:0;
	display:block;
	margin:0 auto;
	width:1600px;
	max-width:100%;
}

.mainslider .slide{
	max-width:100%;
}

.mainslider .slide img{
	max-width:100%;
	height:auto;
}

.mainslider span{
	dispaly:block;
	width:100%;
	position:absolute;
	top:50%;
	text-align:center;
	color:#fff;
	font:400 126px/0px 'Voltaire', Verdana, Geneva, sans-serif;
	text-shadow:0 0 15px rgba(0,0,0,.25);
}

.mainslider .slide:before, .mainslider .slide:after{
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 25%;
    z-index: 2;
}

.mainslider .slide:before{
	left:0;
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); 
}

.mainslider .slide:after{
	right:0;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

.breadcrumbs{
	background:#786766;
	height:50px;
	color:#b1a4a3;
}

.breadcrumbs a{
	color:#b1a4a3;
	font-size:13px;
	line-height:13px;
	text-decoration:none;
}

.breadcrumbs span{
	display:block;
	float:left;
	padding:18px 10px 15px 0;
}

.breadcrumbs .fa:last-of-type{
	display:none;
}

.breadcrumbs a:hover{
	color:#fff;
}

.theme{
	position:relative;
	background:#f4f4f4;
}

.theme img {
    display: block;
    height: auto;
    max-width: 100%;
    position: relative;
    width: auto;
    z-index: 0;
}
.theme .pattern-2 {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
	background:url(../images/pattern-2.png);
}
.theme .verlauf {
    position: relative;
}

.theme .verlauf:before {
    background: linear-gradient(to right, rgba(244,244,244,1) 0%,rgba(255,255,255,0) 100%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 17%;
    z-index: 2;
}

.theme .verlauf:after {
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(244,244,244,1) 100%); 
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 17%;
    z-index: 2;
}
.theme h1 {
    dispaly:block;
	width:100%;
	padding-top:135px;
	text-align:center;
	color:#fff;
	font:400 126px/0px 'Voltaire', Verdana, Geneva, sans-serif;
	text-shadow:0 0 15px rgba(0,0,0,.5);
}

.ubersicht .centered{
	position:relative;
}

.ubersicht .wrapper{
	position:absolute;
	top:0;
	left:-200px;
	height:100%;
	width:auto;
	opacity:.8;
	display:block;
	z-index:0;
	overflow:hidden;
}

.ubersicht .wrapper:before, .ubersicht .wrapper:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:50%;
	height:100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); 
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}

.ubersicht .wrapper:after{
	left:auto;
	right:0;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(60%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
	width:70%; 
}

.ubersicht img{
	display:block;
	max-height:100%;
	width:auto;
}

.ubersicht .right{
	display:block;
	width:50%;
	float:right;
	padding:60px 0;	
	position:relative;
	z-index:1;
}

.ubersicht h2{
	font-size:40px;
	text-transform:uppercase;
	margin:0 0 60px;
}

.ubersicht ul{
	list-style:url(../images/bulletpoint.png);
	font-size:24px;
	line-height:38px;
	margin:20px;
}

.ubersicht ul li{
	margin:-2px 0 20px;
}

.inhalte{
	padding:60px 0;
}

.inhaltbox .contentslider{
	float:left;
	width:50%;
}

.contentslider img{
	max-width:100%;
	height:auto;
}

.inhaltbox .detail{
	width:50%;
	float:right;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:30px 50px;
	text-align:left;
}

.inhaltbox h3{
	font-weight:400;
	font-size:23px;
}

.inhaltbox:not(:last-of-type){
	margin:0 0 60px;
}

.contentslider{
	position:relative;
}

.contentslider .next, .contentslider .prev{
	color:#ccc;
	font-size:50px;
	line-height:50px;
	position:absolute;
	bottom:10px;
	z-index:200;
}

.contentslider .next{
	right:20px;
}

.contentslider .prev{
	left:20px;
}

.inhaltbox:nth-of-type(2n) .contentslider{
	float:right;
}

.inhaltbox:nth-of-type(2n) .detail{
	float:left;
}

.heavy{
	border-bottom:1px dashed #ccc;
}

.heavy .inhaltbox:nth-of-type(2n) .contentslider{
	float:left;
}

.heavy .inhaltbox:nth-of-type(2n) .detail{
	float:right;
}

.testimonial{
	background:url(../images/pattern-2.jpg);
	padding:60px 0 0;
}

.testislider img{
	float:right;
	display:block;
}

.testislider .text{
	position:relative;
	width:50%!important;
	background:rgba(255,255,255,.7);
	float:right;
	margin:140px 60px 0 0;
}

.testislider .text p{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:30px;
	text-align:justify;
}

.testislider .text strong{
	display:block;
	width:100%;
	text-align:right;
	font:400 40px/40px 'Cabin', Verdana, Geneva, sans-serif;
	position:absolute;
	top:-60px;
	color:#891002;
}

.testislider .text strong span{
	color:#786766;
}

.testislider .text .line-wrapper{
	postion:absolute;
	left:0;
	bottom:-80px;
	margin:-60px 0 0;
}

.testislider .line-btn{
	background:url(../images/pattern-2.jpg);
}

.testislider .next, .testislider .prev{
	color:#ccc;
	font-size:150px;
	line-height:50px;
	position:absolute;
	top:40%;
	z-index:200;
	opacity:.25;
	transition:300ms;
}

.testislider .next:hover, .testislider .prev:hover{
	opacity:1;
}

.testislider .next{
	right:0;
}

.testislider .prev{
	left:0;
}

.inhaltpunkt{
	padding:40px 0;
	width:100%;
}

.fixed-nav{
	display:block;
	background:#891002;
	position:absolute;
	top:625px;
	width:100%;
	z-index:600;
}

.fixed-nav.fixed{
	position:fixed;
	top:82px;
}

#subnavi{
	display:block;
	text-align:center;
	margin:0;
	list-style:none;
}

#subnavi li{
	display:inline-block;
}

#subnavi li a{
	display:block;
	text-decoration:none;
	color:#fff;
	font:400 23px/23px 'Voltaire', Verdana, Geneva, sans-serif;
	padding:20px;
}

#subnavi li a.active{
	background:rgba(255,255,255,.25);
}

#subnavi li a:hover{
	color:#891002;
	background:#fff;
}

.bigtheme{
	position:relative;
	overflow:hidden;
	padding:0 0 80px;
}

.bigtheme p {
    -moz-box-sizing: border-box;
    color: #897A77;
    margin: 0 0 40px;
    padding: 0 300px;
    text-align: center;
}

.bigtheme .line-h{
	width:60%;
}

.bigtheme .line-h:before, .bigtheme .line-h:after{
	width:200px;
}

.bigtheme .line-h:before{left:-200px;}
.bigtheme .line-h:after{right:-200px;}

.bigtheme .centered{
	padding:300px 0 0;
	position:relative;
}

.bigtheme .verlauf {
    position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index:0;
}

.bigtheme .verlauf:before {
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 25%;
    z-index: 2;
}

.bigtheme .verlauf:after {
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);  
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    z-index: 2;
}

.bigtheme .verlauf img{
	display:block;
	width:100%;
	height:auto;
	opacity:.5;
}

.bigtheme .front{
	position:relative;
	z-index:1;
}

.patternverlauf{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	background:url(../images/patternverlauf.png) repeat-x;
	background-size:auto 100%;
}

nav.left{
	width:18%;
	float:left;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}

nav.left #subnavi{
	list-style:none;
	margin:0;
	text-align:right;
}

nav.left #subnavi li{
	display:block;
}

nav.left #subnavi li a{
	display:block;
	color:#484848;
	font-size:17px;
	line-height:17px;
	padding:20px 20px 20px 0;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font:400 17px/17px 'Cabin', Verdana, Geneva, sans-serif;
}

nav.left #subnavi li a:hover, nav.left #subnavi li.selected a{
	color:#fff;
	background:#891002;
}

nav.left strong{
	display:block;
	text-align:right;
	padding:20px 40px 20px 0;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#786766;
	font:400 26px/26px 'Cabin', Verdana, Geneva, sans-serif;
}

.normal-sub{
	padding:60px 0;
}

nav.left:after {
    background: linear-gradient(to bottom, rgba(204, 204, 204, 0) 0%, #CCCCCC 10%, #CCCCCC 90%, rgba(204, 204, 204, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 120%;
    right: 0;
    position: absolute;
    top: -10%;
    width: 1px;
}

.content-blocks{
	dispaly:block;
	width:75%;
	float:right;
}

.absatz .headimg{
	position:relative;
}

.absatz .headimg img{
	max-width:100%;
	height:auto;
	display:block;
}

.absatz .headimg h2{
	position:absolute;
	bottom:20px;
	left:20px;
	margin:0;
	text-transform:uppercase;
	font-size:50px;
	line-height:50px;
	color:#fff;
}

.col-2{
	-moz-columns:2;
	-ms-columns:2;
	-o-columns:2;
	-webkit-columns:2;
	-moz-column-gap:40px;
	-ms-column-gap:40px;
	-o-column-gap:40px;
	-webkit-column-gap:40px;
	column-gap:40px;
	columns:2;
	text-align:left;
}

.absatz .col-2{
	padding:40px 20px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-align:justify;
}

.team{
	overflow:hidden;
	position:relative;
	width:24%;
	border-radius:5px;
	float:left;
	margin:0 .5% 20px;
}

.team .front{
	display:block;
	width:100%;
}

.team .front img{
	width:100%;
	height:auto;
	display:block;
}

.team .front .name{
	text-align:center;
	background:#f4f4f4;
	width:100%;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:20px;
	color:#fff;
}

.team .front .name strong, .team .front .name span{
	display:block;
	color:#484848;
	font-size:13px;
	line-height:24px;
}

.team .detail{
	display:block;
	position:absolute;
	top:0;
	left:-98%;
	width:100%;
	height:100%;
	background:url(../images/pattern-2.jpg);
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:20px;
	text-align:center;
	transition:ease 300ms;
	border-right:5px solid #897A78;
	font-size:12px;
}

.team:hover .detail{
	left:0;
}

.content-blocks .testimonial{
	border-top-right-radius:20px;
	border-top-left-radius:20px;
	border-bottom:5px solid #ccc;
}

.oeffnungszeiten-area{
	width:48%;
	float:left;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:40px;
	background:url(../images/pattern-2.jpg);
	border-radius:10px;
	margin-top:-60px;
	margin-bottom:20px;
	min-height:580px;
}

.oeffnungszeiten-area:nth-of-type(2n-1){
	float:right;
}

.oeffnungszeiten-area table{
	margin:0;
	width:100%;
}

.oeffnungszeiten-area strong{
	color:#897A77;
	font-size:24px;
	line-height:24px;
	font-weight:400;
	display:block;
	margin:0 0 20px;
	text-align:center;
}

.oeffnungszeiten-area table tr:not(:last-of-type){
	border-bottom:1px dashed #897a77;
}

.oeffnungszeiten-area table tr td{
	padding:10px 0;
}

.oeffnungszeiten-area table tr td:nth-of-type(2n){
	float:right;
}

#tabs2{
	background:url(../images/pattern-2.jpg);
	padding:60px 0;
}

.head{
	background:#897A78;
	border-bottom:2px solid #594d4c;
}

.hour{
	border-bottom:2px solid #ccc;
}

.yellow, .yellow:hover, .yellow.currentday, a .hour:hover{
	background:#891002;
	border-bottom:2px solid #3a0600;
}

.hour.currentday{
	border-bottom:2px solid #999;
}

.navtrigger{
	display:none;
}

/* .inhaltbox.heavy .contentslider{
	height:410px;
} */

#back-top.mobile{
	display:none;
}

#back-top{
		position:fixed;
		left:0;
		bottom:0;
		width:100%;
		background:#484848;
		border-top:1px solid #000;
		height:50px;
		z-index:-1;
	}

.vnv{
	background-color:#f4f4f4;
	padding:140px 0 160px;
}

.vnv strong{
	font-size:225px;
	line-height:225px;
	color:#ccc;
	float:left;
	display:inline-block;
	margin-right:60px;
}

.vnv p{
	display:inline-block;
	float:left;
	width:55%;
	text-align:left;
}

.vnv p:first-of-type{
	margin-top:40px;
}

.normal-btn{
	background:#891002;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding:15px 20px;
	margin:0 5px 0 0;
}

.normal-btn:hover{
	background:#3a0600;
}

.tarife{
	margin-top:-60px;
	background:url("../images/pattern-2.jpg");
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:40px;
	border-radius:10px;
}

.tarife > strong{
	color: #897A77;
    display: block;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 20px;
    text-align: center;
}

.tarife table{
	width:100%;
}

.tarife:not(.aufguss) table tr td:nth-of-type(2){
	text-align:right;
}

.tarife table tr td{
	padding:10px;
	min-width: 70px !important;
}

.tarife table tr:not(:last-of-type) {
    border-bottom: 1px dashed #897A77;
}

.tarife table tr.white{
	background:rgba(255,255,255,.3);
}

.inhaltbox .detail .normal-btn{
	width:90%;
	text-align:center;
	margin:0 auto;
	display:block;
	float:none;
}


.tarife.aufguss table tr td:nth-of-type(3){
	text-align:right;
}

.tarife.aufguss table tr:nth-of-type(2n){
	background:rgba(255,255,255,.3);
}

.popup .tarife{
	margin:0!important
}

.popup .tarife table tr:not(:nth-of-type(2n)){
	border:none;
}

.popup .tarife tr:nth-of-type(2n-1) td:first-of-type{
	font-weight:700;
}

.popup .tarife.normal tr:nth-of-type(2n-1) td:first-of-type{
	font-weight:400 !important;
}

.plan{
	padding:0 0 80px;
}

.plan img{
	width:100%;
	height:auto;
}

.inhalt-detail-hidden{
	display:none;
}

.map-wrapper{
	margin:0 0 60px;
	position:relative;
}

#map_canvas2{
	pointer-events:none;
	position:relative;
	z-index:0;
}

#map_canvas2.aktiv{
	pointer-events:auto;
}

#aktivbutton{
	display:block;
	position:absolute;
	top:0;
	right:0;
	background:#fff;
	color:#484848;
	padding:20px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #ccc;
	cursor:pointer;
	opacity:.7;
	z-index:1;
	text-decoration:none;
	transition:300ms;
}

#aktivbutton:hover{
	opacity:1;
}

#geschenkgutschein
{	width:auto;
	height:250px;
	background:#4f4746;
}
#geschenkgutschein > img
{	float:right;
	width:auto;
	height:250px;
}

.geschenkgutschein-text
{	text-align:center;
	color:#fff;
	font-family: 'Cabin', sans-serif;
	display:block;
	width:550px;
	margin:0 auto 20px;
	padding:65px 0 0 0;
}
.geschenkgutschein-text em
{ 	text-transform:uppercase;
	font-size:24px;
	font-style:normal;
	display:block;
	margin:0 0 10px;
}
#button
{	height:50px;
	background:#fff;
	border-radius:10px;
	text-align:center;
	display:block;
	width:250px;
	margin:0 auto;
	text-decoration:none;
}
#button img
{	width:auto;
	height:50px;
	float:left;
	padding:0 0 0 5px;
}
#button span
{	color:#881103;
	font-family: 'Cabin', sans-serif;
	padding:15px 0 0 0;
	display:block;
}

#button:hover{
	transform:scale(1.1,1.1);
}

@-webkit-keyframes initialize {
	
	 0% {
        left: -100px;
    }
    100% {
        left:0px;
    }
}

@keyframes initialize {
	
	 0% {
        left: -100px;
    }
    100% {
        left:0px;
    }
}

.sondercontent{
	padding:60px 0;
}

.extra-news{
	display:block;
	position:fixed;
	top:100px;
	left:0;
	width:0;
	animation-duration: 1000ms;
    animation-iteration-count: forwards;
    animation-name: initialize;
    animation-timing-function: ease-in-out;
}

.news-eintrag{
	position:relative;
	padding:20px 20px 0;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#fff;
	border-bottom:3px solid #ccc;
	left:-400px;
	transition:300ms;
	width:400px;
	margin:0 0 20px;
}

.news-eintrag:hover{
	left:0;
}

.news-eintrag .right-border{
	position:absolute;
	right:-50px;
	width:50px;
	height:100%;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:2px solid #3A0600;
	top:0;
	background:#891002;
}

.news-eintrag strong{
	color:#88787B;
}

.news-eintrag .right-border h2{
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	font-size: 20px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 93%;
	-webkit-transform-origin: left top;
    transform-origin: left top;
	color:#fff;
}

.news-eintrag .normal-btn{
	margin:0 0 20px;
}

.mobile-only, .dreibox .box.mobile-only{
	display:none!important;
}

.news{
	display:block;
	color:#484848;
	text-decoration:none;
	box-sizing:border-box;
	position:relative;
	width:48%;
	float:left;
	background:url("../images/pattern-2.jpg");
	border-radius:5px;
	overflow:hidden;
	cursor:pointer;
	margin:0 0 20px;
}

.news .detail{
	display:none;
}

.news:nth-of-type(2n){
	float:right;
}

.news strong{
	display:block;
	padding:30px 0 0;
}

.news span{
	display:block;
}

.news em{
	display:block;
	position:absolute;
	top:5px;
	right:5px;
	font-style:normal;
	font-size:14px;
	line-height:14px;
	color:#897a77;

}

.news img{
	display:block;
	float:left;
	margin:0 10px 0 0;
}

#bestover{
	margin:0 0 40px;
}

#bestover ul{
	display:block;
	list-style:none;
	margin:0;
	width:100%;
	border:1px solid #ccc;
	box-sizing:border-box;
}

#bestover  ul li{
	display:block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	border-bottom:1px dashed #ccc;
	background:#f4f4f4;
}

#bestover ul li:last-of-type{
	border:none;
}

#bestover ul li span{
	display:inline-block;
	width:60%;
}

#bestover ul li em{
	display:inline-block;
	width:39%;
	font-style:normal;
	font-weight:bold;
	text-align:right;
}

#bestover ul li em .einzelpreis{
	width:auto;
	font-weight:normal;
	font-size:11px;
}

#bestover .preis{
	display:block;
	background:#fff;
	padding:20px;
	box-sizing:border-box;
	text-align:right;
	border:1px solid #ccc;
}

#bestover .porto{
	font-size:11px;
}

.infobtn {
  position: fixed;
  z-index: 200;
  top: 10%;
  bottom: 5%;
  right: 5%;
  width: 220px;
  height: 220px;
  border: 3px solid #e11002;
  border-radius: 100%;
  background: #e11002;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  flex-wrap: wrap;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  transition: 300ms;
  transform: rotate(20deg);
  line-height: 30px;
}

.infobtn p {
	margin-bottom:0px;
}

.custom-bigtheme-logo
{
	margin: auto auto 5rem;
	max-width: 100%;
	position: absolute;
	inset: auto 0 100%;
	object-fit: contain;
}

@media only screen and (max-width:1200px){
	footer .widgets, footer .top .centered > ul:nth-of-type(3){
		display:none!important;
	}
	
	main{
		margin:0;
	}
	
	.centered{
		padding-left:20px;
		padding-right:20px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	.mainslider span{
		font-size:80px;
	}
	
	.widgets{
		right:20px;
	}
	
	footer{
		position:relative;
	}
	
	footer .top .centered > ul:nth-of-type(1), footer .top .centered > ul:nth-of-type(2){
		width:30%;
	}
	
	.green strong{
		font-size:28px;
	}
	
	.content-blocks .testimonial .text{
		position:absolute;
		top:0;
		left:40px;
	}
	
	.content-blocks .testimonial .slide{
		width:100%;
	}
}

@media only screen and (max-width:1150px){
	header .slogan{
		display:none;
	}
	
	.dreibox .box .detail p{
		padding:20px 10px;
	}
}

@media only screen and (max-width:1050px){
	.zeiten-para ul li{
		font-size:16px;
		padding:40px 0;
	}
	
	.zeiten-para ul li strong{
		font-size:26px;
	}	
	
	.geschenkgutschein-text{
		display:inline-block;
		width:51%;
		margin:0 0 20px 20px;
		text-align:left;
	}
	
	#button{
		margin:0 0 0 20px;
	}
	
	 .infobtn {
    top: 19%;
    right: 7%;
    width: 180px;
    height: 180px;
    }
    
    .infobtn {
    font-size: 16px;
    line-height: 31px;
    }
}

@media only screen and (max-width:1000px){
	#navi > li:first-of-type, .about .verlauf, footer .top, .bigtheme .line-h:before, .bigtheme .line-h:after, nav.left:after, nav.left strong, #navi li:not(:nth-of-type(2)) .subnavi{
		display:none!important;
	}
	
	#navi{
		position:relative;
		background:#fff;
		z-index:800;
	}
	
	.about .pattern, .ziele, .para-front, .small-kontakt, .gruppe, .inhalte{
		padding:40px 0;
	}
	
	#navi > li > a{
		font-size:16px;
		padding:32px 13px;
	}
	
	.mainslider span{
		font-size:60px;
	}
	
	.dreibox .box .detail strong{
		font-size:19px;
	}
	
	.dreibox .box .detail p{
		max-height:107px;
		overflow:hidden;	
	}
	
	.about .icon-h, .about p{
		width:100%;
	}
	
	.line-h:before, .line-h:after{
		width:100px;
	}
	
	.line-h:before{
		left:-100px;
	}
	
	.line-h:after{
		right:-100px;
	}
	
	.line-h{
		width:50%;
	}
	
	.ziele p{
		padding:0;
	}
	
	.smallbox{
		width:49%;
		margin:0 0 20px!important;
	}
	
	.smallbox:nth-of-type(2n){
		float:right;
	}
	
	.green strong{
		font-size:21px;
	}
	
	.green .normal-btn{
		font-size:19px;
		line-height:19px;
		padding:17px 0;		
	}
	
	.zeiten-para ul li{
		width:32%;
	}
	
	.small-kontakt{
		padding-bottom:400px;
		overflow:hidden;
	}
	
	.small-kontakt .right{
		padding-top:0;
	}
	
	.small-kontakt .left, .small-kontakt .right{
		float:none;
		width:100%;
	}
	
	.small-kontakt img{
		max-width:100%;
		height:auto;
		bottom:0;
		position:absolute;
	}
	
	.gruppe{
		position:relative;
	}
	
	.gruppe-wrapper{
		float:none;
		position:absolute;
		right:0;
		bottom:-5%;
		-webkit-transform:scale(.8,.8);
		transform:scale(.8,.8);
	}
	
	.gruppe .right{
		width:100%;
	}
	
	.theme h1{
		font-size:60px;
		padding:0;
		top:50%;
		position:absolute;
	}
	
	.inhaltbox .contentslider{
		width:35%;
		margin:20px 0 0;
	}
	
	.inhaltbox .detail{
		width:65%;
		padding:20px;
	}
	
	.inhaltbox:not(:last-of-type){
		margin:0 0 20px;
	}
	
	.testimonial .slide{
		width:100%;
	}
	
	.testislider .text{
		position:absolute;
		top:0;
		left:20px;
		width:60%!important;
	}
	
	.ubersicht, .theme{
		overflow:hidden;
	}
	
	.bigtheme{
		padding:0 0 20px;
	}
	
	.bigtheme .line-h{
		width:100%;
	}
	
	.bigtheme p{
		padding:0 20px;
	}
	
	.bigtheme .centered{
		padding:80px 0 0;
	}
	
	.fixed-nav, .fixed-nav.fixed{
		position:relative!important;
		top:0;
		background:none;
	}
	
	.fixed-nav ul li{
		background:#891002;
		display:block;
		width:49%;
		float:left;
		margin:0 0 20px;
	}
	
	.fixed-nav ul li:nth-of-type(2n){
		float:right;
	}
	
	.inhaltpunkt{
		padding:20px 0;
	}
	
	nav.left{
		float:none;
		width:100%;
	}
	
	nav.left #subnavi li{
		display:block;
		width:49%;
		float:left;
		margin:0 0 15px;
		background:#f4f4f4;
		border:1px solid #ccc;
		text-align:center;
	}
	
	nav.left #subnavi li.selected{
		border:1px solid #3a0600;
	}
	
	nav.left #subnavi li:nth-of-type(2n){
		float:right;
	}
	
	nav.left #subnavi li a{
		padding:20px 0;
	}
	
	.content-blocks{
		float:none;
		width:100%;
	}
	
	.normal-sub{
		padding:20px 0;
	}
	
	.team{
		width:49%;
		margin:0 0 20px!important;
		float:right;
	}
	
	.team:nth-of-type(2n){
		float:left;
	}
	
	.team .front{
		width:50%;
		float:left;
	}
	
	.team .detail{
		width:50%;
		right:0;
		left:auto!important;
	}
	
	.team .front .name span{
		font-size:12px;
	}
	
	.oeffnungszeiten-area{
		width:49.5%;
	}
	
	.col-2{
		-moz-columns:1;
		-ms-columns:1;
		-o-columns:1;
		-webkit-columns:1;
		columns:1;
	}
	
	.vnv{
		text-align:center;
	}
	
	.vnv strong{
		display:block;
		float:none;
		margin:0;
	}
	
	.vnv p{
		float:none;
		width:100%;
		text-align:center;
	}
	
	.zeiten-para{
		background:url(../images/parallax.jpg) no-repeat bottom;
		background-size:cover;
	}
	
	.news{
		float:none!important;
		width:100%;
	}
	
	.infobtn {
  top: 12%;
  right: 7%;
  width: 160px;
  height: 160px;
}
    
    .infobtn {
  font-size: 13px;
  line-height: 22px;
}
	
	
}

@media only screen and (max-width:720px){
	.breadcrumbs, .widgets, .green, .para-front p, .team .detail, .testimonial img, .testimonial .prev, .testimonial .next, .testimonial .line-wrapper, footer .bottom span, .dreibox .box .detail p, .icon-h .whiteicon, .line-h:before, .line-h:after, .gruppe, .ubersicht .wrapper, #geschenkgutschein, .extra-news{
		display:none!important;
	}
	
	.mobile-only{
		display:block!important;
	}
	
	#navi{
		display:none;
	}
	
	.tarife.aufguss{
		padding:10px;
		margin:0;
	}
	
	.tarife.aufguss table tr td{
		display:block;
		width:100%;
	}
	
	.about .pattern, .ziele, .para-front, .small-kontakt, .gruppe, .inhalte{
		padding:20px 0;
	}
	
	.navtrigger{
		display:block;
		position:absolute;
		top:20px;
		right:20px;
		color:#484848;
		background:#f4f4f4;
		border:1px solid #ccc;
		padding:10px 20px;
		border-radius:3px;
		font-size:20px;
		line-height:0;
	}
	
	.absatz .headimg h2{
		font-size:14px;
		position:relative;
		color:#484848;
		top:auto;
		left:auto;
		padding:40px 0 0;
	}
	
	.absatz .col-2{
		padding:0;
	}
	
	.zeiten-para ul li{
		width:100%;
		margin:0 0 20px!important;
	}
	
	.small-kontakt .right{
		padding:0;
	}
	
	.small-kontakt{
		padding-bottom:125px;
	}
	
	.team{
		width:100%;
	}
	
	.team .front{
		width:100%;
	}
	
	.testimonial{
		padding:20px 0 0;
	}
	
	.testimonial .text{
		position:relative;
		background:none;
		width:100%!important;
		margin:0;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:inherit!important;
		top:auto;
		left:auto;
		padding:5px;
	}
	
	.testislider .text p{
		padding:0;
		text-align:center;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	.testislider .text strong{
		position:relative;
		top:0!important;
	}
	
	.testimonial .slide{
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	.testislider .text strong{
		text-align:center;
		font-size:20px;
	}
	
	.oeffnungszeiten-area{
		width:100%;
		margin:0 0 20px;
		padding:20px;
		font-size:13px;
	}
	
	#navi{
		width:100%;
	}
	
	#navi li{
		display:block;
		width:100%;
		float:none;
		text-align:center;
		border-bottom:1px dashed #897A78;
	}
	
	header{
		position:relative;
	}
	
	main{
		padding:0;
	}
	
	.theme h1{
		font-size:30px;
		width:90%;
	}
	
	.dreibox{
		margin:0;
		padding:20px 0;
		max-width:100%;
	}
	
	.dreibox .box{
		width:100%;
		margin:0 0 20px!important;
		background:#f4f4f4;
		border-radius:80px;
		max-width:100%;
	}
	
	.dreibox .iconwrapper{
		float:left;
		margin:0!important;
		width:60px;
		height:60px;
	}
	
	.dreibox .box .detail strong{
		font-size:15px;
	}
	
	.dreibox .box .detail{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		line-height:45px;
		text-align:right;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding:0 20px 0 0;
	}
	
	.dreibox .iconwrapper img{
		max-width:100%;
		height:auto;
	}
	
	.dreibox .box:hover .detail{
		margin:0!important;
	}
	
	.mainslider span{
		font-size:20px;
	}
	
	.dreibox .box .detail strong{
		border-bottom:0;
	}
	
	.icon-h h1{
		padding:20px 0;
	}
	
	.about, .about p{
		text-align:center;
	}
	
	.line-h{
		width:100%;
		font-size:24px;
		line-height:24px;
		margin:0 0 20px;
		padding:10px 0;
	}
	
	.smallbox{
		width:100%;
	}
	
	.smallbox a strong{
		font-size:17px;
	}
	
	footer{
		margin:0 0 50px;
		padding-bottom: 40px;
	}
	
	footer .bottom ul{
		float:none;
		display:block;
		width:100%;
		margin:0;
	}
	
	footer .bottom ul li{
		float:none;
		display:inline-block;
	}
	
	.ubersicht .right{
		width:100%;
		padding:20px 0;
		float:none;
	}
	
	.ubersicht ul{
		margin:0 0 0 30px;
	}
	
	.ubersicht h2{
		font-size:24px;
		margin:0 0 20px;
	}
	
	.ubersicht ul{
		font-size:16px;
		line-height:24px;
	}
	
	.inhaltbox .contentslider, .inhaltbox .detail{
		width:100%;
		text-align:center;
		margin:0;
	}
	
	.inhalte{
		background:#f4f4f4;
	}
	
	.centered{
		padding-left:10px;
		padding-right:10px;
	}
	
	.inhaltbox .detail{
		padding:20px 10px;
	}
	
	#back-top{
		position:fixed;
		left:0;
		bottom:0;
		width:100%;
		background:#484848;
		border-top:1px solid #000;
		height:50px;
		z-index:800;
	}
	
	#back-top a{
		width:100%;
		color:#fff;
		display:block;
		text-align:center;
		text-decoration:none;
		opacity:.5;
		font-size:20px;
		line-height:50px;
	}
	
	#navi .subnavi{
		width:100%;
	}
	
	.vnv{
		padding:40px 0;
	}
	
	.vnv strong{
		font-size:130px;
		line-height:130px;
	}
	
	.kontakt-art{
		overflow:hidden;
	}
	
	.content-blocks .testimonial .text{
		position:relative;
		left:0;
		-moz-box-sizing:border-box;
		-box-sizing:border-box;
		padding:0 10px;
	}
	
	.zeiten-para ul{
		background:#fff;
		padding:20px 0;
		border-radius:5px;
		border-bottom:2px solid #ccc;
	}
	
	.zeiten-para ul li{
		margin:0!important;
		border-radius:0;
		border:none;
		float:none;
		padding:10px 0;
	}
	
	.para-front p.offen, .para-front p.geschlossen{
		margin:0 auto 20px;
	}
	
	.dreibox .box.mobile-only{
		display:block!important;
	}
	
	
	.news strong, .news span{
		width:70%;
		float:right;
	}
	
	.news img{
		width:25%;
		float:left;
		height:auto;
	}
	
	.news span{
		margin:0 0 20px;
	}
	
	.infobtn {
		position: relative;
		width: 100%;
		height: auto;
		border-radius: unset;
		top: unset;
		right: unset;
		transform: unset;
	}
	
	
	.custom-bigtheme-logo
	{
		position: relative;
	}
		
	
	
}

@media only screen and (max-width:500px){
	nav.left #subnavi li, .fixed-nav ul li{
		width:100%;
		float:none!important;
	}
}

@media only screen and (max-width: 450px) {
	/*** Pop Up ****/
	
	.popup .tarife > strong {
		font-size: 17px;
	}
	
	.popup .tarife tr:nth-of-type(2n-1) td:first-of-type,
	.popup .tarife:not(.aufguss) table tr td:nth-of-type(2),
	.popup .tarife table tr td  {
		font-size: 13px;
	}
}