html{
	height:100%;
}

.miniheadline{
	color:#008da7;
	font-weight: bold;
	margin-bottom:0.5em;
}

.fancybox-title-float-wrap{
	margin-bottom:0px !important;
	left:0px !important;
	width:100% !important;
	display:none !important;
	
}

.fancybox-title-float-wrap .child{
	border-radius:0px !important;
	background-color:rgba(0,0,0,0.5) !important;	
	display:block !important;
	margin-right:0px !important;
}	

body{
	height:100%;
	padding:0px;
	margin:0px;
	background-color:#ffffff;
	font-family: 'GeosansLight', Arial;
	font-display: auto;
	font-weight: normal;
	font-style: normal;
	color:#333333;
	font-size:1.2em;
	line-height:1.6em;
	position: relative;
}

.fancybox-opened{
	z-index: 9999999999 !important;
}

strong{
	font-family: 'GeosansLight';
	font-display: auto;
	font-weight: normal;
	font-style: normal;
}

.arrow_down_area{
	position:absolute;
	bottom:40px;
	left:0px;
	width:100%;
	height:35px;
	z-index:99999998;
	text-align: center;
}

.arrow_down{
	display:block;
	width:57px;
	height:35px;
	background-image:url(../images/arrow_down.png);
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
}

.grid{
	width:90%;
	max-width:600px;
	padding-left:50px;
	padding-right:50px;
	margin-left:auto;
	margin-right:auto;
	margin-top:250px;
	margin-bottom:62%;
	background-color:rgba(255,255,255,1);
	min-height:600px;
	position: relative;
	z-index:1;
}

.grid.dark{
	color:#ffffff;
	background-color:rgba(0,0,0,.7);
}	

body.bgimage{
	width:100%;
	height:100%;
	background: url(../images/bckgnd_about.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body.bgimage.green{
	background: url(../images/clax_nyc_guerilla_gardening_04.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}

body.bgimage.shop{
	background: url(../images/bckgnd_shop.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body.bgimage.media{
	background: url(../images/bckgnd_media.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body.bgimage.imprint{
	background:#dddddd;
}

#supernav{
	top:0px;
	left:0px;
	position: fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,141,167,0.9);
	z-index:99999999;
	display:none;
}

#supernav ul{
	margin:0px;
	margin-top:7%;
	width:100%;
	list-style-type: none;
	padding:0px;
}

#supernav ul li{
	text-align: center;	
}	

#supernav ul li a{
	color:#ffffff;
	text-decoration: none;	
	font-size:1.4em;
	text-transform: uppercase;
	line-height:1.6em;
}

#supernav ul li a:hover{
		color:#cccccc;	
	}

#mainnav{
	position:fixed;
	z-index:99999999;
	width:100%;
	top:0px;
	left:0px;
}

body #mainnav{
	background-color:rgba(0,0,0,0.2);
	webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}



body #mainnav.transparent{
	background-color:rgba(255,255,255,0);
}

body #mainnav.white{
	background-color:rgba(255,255,255,1);
}	


body #mainnav.white.transparent{
	background-color:rgba(255,255,255,0);
}

body.bgimage #mainnav{
	background-color:rgba(0,0,0,0.2);
}	

#mainnav .half{
	position: relative;
	width:46%;
	padding-left:4%;
	padding-right:0px;
	padding-top:5px;
	padding-bottom:0px;
}

#mainnav .half.right{
	padding-right:4%;
	padding-left:0px;
}

.logo{
	position: relative;
}

.logo img{
	position: relative;
	margin-top:5px;
	height:20px !important;
	width:auto !important;
}

.logo span{
	top:-4px;
	color:#ffffff !important;
	text-transform: uppercase;
	position:relative;
	font-size:0.8em;
	left:-15px;
	letter-spacing: 3px;
}

.logo a{
	text-decoration: none;
}

a#opener{
	position:absolute;
	top:15px;
	right:4%;
	height:30px;
	cursor:pointer;
	width:40px;
	z-index:999999;
	display:block;
}

a#opener span{
  display: block !important;
  position: absolute;
  left: 0;
  width: 20px;
  height: 1px;
  background-color: #666666;
  webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

a#opener.open span,
a#opener.white span{
	background-color:#ffffff;	
}

a#opener span.line_1 {
  top: 2;
}

a#opener span.line_2 {
  top: 5px;
}

a#opener span.line_3 {
  top: 10px;
}



a#opener:hover span.line_2,
a#opener.open span.line_2,
a#opener.opening span.line_2
{
	top: 6px;
	opacity: 0;
}

a#opener:hover span.line_1
{
	left:-1px;
	top: 6px;
	-ms-transform: rotate(50deg);
	-webkit-transform: rotate(50deg);
	transform: rotate(50deg);
	width:38%;
}

a#opener:hover span.line_3
{
	top: 6px;
	left:8px;
	-ms-transform: rotate(-50deg);
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
	width:38%;
}

a#opener.open span.line_1,
a#opener.opening span.line_1
{
	left:-1px;
	top: 6px;
	-ms-transform: rotate(-50deg);
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
	width:38%;
}

a#opener.open span.line_3,
a#opener.opening span.line_3
{
	top:6px;
	left:8px;
	-ms-transform: rotate(50deg);
	-webkit-transform: rotate(50deg);
	transform: rotate(50deg);
	width:38%;
}

#buymenow{
	display: none !important;
	position:fixed;
	top:70px;
	right:30px;
	z-index:99999999;
	width:207px;
	height:207px;
	background-image:url(../mw_images/refbutton-2021.png);
	background-repeat: no-repeat;
}
	

body.bgimage #buymenow{
	position:fixed;
}

#buymenow a{
	width:207px;
	height:207px;
	display:block;
}



#buymenow img{
	max-width:100%;
	height:auto;
}

#video1{
	width:100%;
}

#bigvideo{
	padding-bottom: 6.6%;
}

.superoverlay{
	position:absolute;
	z-index:9999999;
	width:100%;
	height:100%;
	text-align: center;
}

.superoverlay img{
	position: relative;
	top:50%;
	margin-top:-300px;
	max-width: 100%;
	height:auto;
}

body .vimeo.video {
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

body .vimeo .vimeo_play {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    z-index: 9999;
    pointer-events: none;
}

body .vimeo .vimeo_overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: auto;
}

.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed{
	height:113% !important;
	margin-top:1px !important;
}

.slides-pagination{
	display:none;
}

.slides-navigation a{
	text-decoration: none !important;
}

.half{
	width:50%;
	float:left;
	position: relative;
}

.twothirds{
	width:73%;
	float:left;
	position: relative;
}

.onethird{
	width:27%;
	float:left;
	position: relative;
}

.half.media{
	float:none;
	width:100%;
	margin-bottom:50px;
	display: block;
}

.half.media .fluid-width-video-wrapper iframe{
	margin-top:-1px !important;
}	

h2{
	font-size:2.5em;
	line-height:1.2em;
	margin-top:0px;
	margin-bottom:30px;
	text-transform: uppercase;
	letter-spacing:8px;
}

.vollbild{
	background-color:#008da7;
	position: relative;
	padding-bottom: 22%;
	padding-top:20%;
	text-align: center;
	padding-left:20%;
	padding-right:20%;
	color:#ffffff;
}

.vollbild h1,
.vollbild h2{
	font-size:2.5em;
	line-height:1.2em;
	margin-top:0px;
	margin-bottom:30px;
	text-transform: uppercase;
	letter-spacing:8px;
}	

.singletext{
	margin-top:0px;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom:20%;
	padding-top:20%;
	text-align:center;
	background-color:#ffffff;
	color:#008da7;
	width:90%;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}

.singletext h2{
	font-size:2.5em;
	line-height:1.2em;
	margin-top:0px;
	margin-bottom:30px;
	text-transform: uppercase;
	letter-spacing:8px;
}

.third{
	margin-top:-1px;
	width:33.33%;
	float:left;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:60px;
	padding-top:10%;
	padding-bottom:10%;
	text-align:center;
	background-color:#ffffff;
	color:#008da7;
}

.third h2{
	font-size:2.5em;
	line-height:1.2em;
	margin-top:0px;
	margin-bottom:30px;
	text-transform: uppercase;
	letter-spacing:4px;
}

a.third.video iframe{
	margin-left:1px !important;
}

.third a{
	display:block;
}

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

.half.right{
	text-align: right;
}

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

a.#supernav ul{
	display:block;
	background-image: url(../images/clax_fruits.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}

.clear{
	clear:both;
}

.slider_big .owl-controls{
	position: absolute;
	bottom:0px;
	width:100%;
	top:45%;
	pointer-events:none;
}

.slider_big .owl-controls .owl-nav .owl-prev{
	float:left;	
	margin-left:30px;
	pointer-events:auto;
}

.slider_big .owl-controls .owl-nav .owl-next{
	float:right;	
	margin-right:30px;
	pointer-events:auto;
}

.slider_big .item{
	position: relative;
}

.slider_big .item span.title{
	position:absolute;
	z-index:99;
	width:38%;
	text-align:right;
	padding-right:5%;
	bottom:5%;
	font-size:1em;
	right:0em;
	color:#fff;
}

.slider_big .item span.name{
	position:absolute;
	z-index:99;
	width:38%;
	text-align:right;
	padding-right:5%;
	bottom:10%;
	font-size:1.4em;
	color:#fff;
	text-transform: uppercase;
	right:0em;
}

@media screen and (max-width: 900px) {
	.slider_big .item span.title{
		position: relative;
		text-align: center;
		display: block;
		width: 100%;
		padding-bottom: 1em;
		font-size: 1em;
		text-transform: none;
		letter-spacing: normal;
		color:#000;
	}
	
	.slider_big .item span.name{
		position: relative;
		text-align: center;
		display: block;
		width: 100%;
		padding-top:1em;
		font-size:1em;
		letter-spacing: 3px;
		color:#000;
	}	
}	


.teamviewer{
	position: relative;
}

.slider_big .teamviewer span.title,
.teamviewer span.title{
	position:absolute;
	z-index:99;
	width:35%;
	text-align:left;
	bottom:15%;
	right:0px;
	letter-spacing: 3px;
	font-size: 1em;
	color:#008da7;
	text-transform: uppercase;
}

.slider_big .teamviewer span.name,
.teamviewer span.name{
	position:absolute;
	z-index:99;
	width:35%;
	text-align:left;
	bottom:11%;
	right:0px;
	font-size:1.2em;
	color:#ffffff;
}

#footer{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#008da7;
	display:none;
}

#footer ul,
#footer_small ul
{
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#footer .center{
	text-align: center;
}

#footer ul{
	display:inline-block;
}

#footer ul li,
#footer_small ul li{
	display: inline-block;
}

#footer .half{
	width:56%;
	padding-left:2%;
	padding-right:2%;
}

#footer .half.right{
	width:36%;	
	height:30px;
	position:relative;
}

#footer  a img{
	max-height:20px !important;
	width:auto !important;		
}

#footer a{
	display:inline-block;
	max-height:100% !important;
	width:auto !important;	
	line-height:20px;
}

#footer  a,
#footer_small a,
#footer  span,
#footer_small span{
	text-decoration: none;
	color:#333333;
	font-size:0.9em;
	line-height:14px;
	margin-right:10px;
	margin-left:10px;	
	
	webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

#footer  a:hover,
#footer_small a:hover{
	color:#999999;
}

#footer  a,
#footer  span{
	font-size:0.9em;
}

#footer_small .gray a,
#footer .gray a,
#footer_small .gray span,
#footer .gray span{
	color:#999999;
	webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

#footer_small .gray a:hover,
#footer .gray a:hover{
	color:#333333;
}

#footer_small{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding-bottom:40px;
	margin-top:40px;
	display:block;
}

.footerlogo,
#footer a img.footerlogo{
	margin-top:15px;
	height:30px;
	max-height:30px !important;
	width:auto;
}

.footerclaim{
	margin-top:30px;
	height:15px;
	width:auto;
}

.socialicons{
	display:block;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:10px;
}

.socialicons a{
	display:inline-block !important;
	width:27px !important;
	height:14px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:inline-block;
	margin-right:0px;
	webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}	

#footer .socialicons a{
	display:inline-block !important;
	width:27px !important;
}

.socialicons a:hover{
	background-position: 0px -14px;
}

.socialicons a.facebook{
	background-image:url(../images/social/icon-facebook.jpg);
}

.socialicons a.twitter{
	background-image:url(../images/social/icon-twitter.jpg);
}

.socialicons a.instagram{
	background-image:url(../images/social/icon-instagram.jpg);
}

.socialicons a.google{
	background-image:url(../images/social/icon-google.jpg);
}

.socialicons a.vimeo{
	background-image:url(../images/social/icon-vimeo.jpg);
}

.section{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding-top:40px;
	padding-bottom:50px;
}

.section h3{
	font-size:1em;
	color:#999999;
	margin-bottom:0px;
}

.section h2{
	font-size:3em;
	font-family: 'GeosansLight';
	font-display: auto;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	line-height:1em;	
	color:#010101;
	margin-top:30px;
	letter-spacing:8px;
}

.grid.dark .section h3{
	color:#ffffff;
}

.grid.dark .section h2{
	color:#ffffff;
}

.section p a{
	color:#010101;
	font-family: 'Conv_FuturaStd-CondensedBold';
	font-display: auto;
}

.section .amazon a{
	color:#010101;
	font-family: 'Conv_FuturaStd-CondensedBold';
	font-display: auto;
	text-decoration: none;
}

.grid.dark .section p a{
	color:#ffffff;	
}	

.section div.form{
	width:80%;
	margin-left: auto;
	margin-right: auto;
}

.section .button{
	color:#ffffff;
	text-decoration: none;
	background-color:#010101;
	padding:10px;
	font-size:0.9em;
}

.kontakt td input{
	border:none;
	background:transparent;
	border-bottom: 1px solid #ffffff;
	border-radius: 0px;
	font-family: inherit;
	font-display: auto;
	font-size:1em;
	padding: 0px;
	padding-bottom:4px;
	font-size:0.9em;
	margin-bottom:0px;
	color:#ffffff !important;
}

.kontakt input[type=text]{
	width:98%;
	color:#ffffff !important;;
}

.kontakt input[type=submit]{
	cursor: pointer;
}

.kontakt input:focus{
	box-shadow:none !important;
	background:transparent !important;
	background-color:transparent !important;
	border-color:#ffffff;
	outline:none;
}

.kontakt textarea{
	width:97%;
	color:#ffffff !important;
	font-family: inherit;
	font-display: auto;
	font-size:1em;
	border: 1px solid #ffffff;
	padding:6px;
	background:transparent;
}

.kontakt textarea:focus{
	box-shadow:none !important;
	background:transparent !important;
	background-color:transparent !important;
	border-color:#ffffff;
	width:100%;
	outline:none;
}

.kontaktseite td input[type=text],
.kontaktseite td input[type=text]:focus{
	border-bottom: 1px solid #ccc;
	color:#666 !important;
	outline:none;
}

.kontaktseite textarea{
	color:#666 !important;
	border: 1px solid #cccccc;
	width:98.5%;
	margin-top:10px;
}

.kontaktseite td input[type=submit]{
	border: 1px solid #cccccc !important;
}

.kontaktseite textarea:focus{
	border-color:#ffffff;
	outline:none;
}

#kontakt{
	font-size:1em;
}

.kontakt td{
	padding:0px;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	border:none !important;
}

.kontakt tr:hover td,
.kontakt td:hover{
	background-color:transparent !important;
	color:inherit !important;
}

.kontakt td label{
	display: inline-block;
}

#toTop{
	position:fixed;
	bottom:2%;
	right:4%;
	width:50px;
	height:50px;
	z-index:99;
	display:none;
}

#toTop a{
	display:block;
	width:57px;
	height:35px;
	background-image:url(../images/arrow_top-small.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
}

body div.fancybox-inner.fancybox-skin.fancybox-default-skin.fancybox-default-skin-open{
	margin-left:0px !important;
}

body .fancybox-default-overlay{
	background: #000 !important;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

body #fancybox-lock{
	z-index:999999999;
}

body a.fancybox-next{
	right:20px;
}

body a.fancybox-prev{
	left:20px;
}

body a.fancybox-close{
	top:20px;
	right:30px;
}

.onlymobile{
	display:none !important;
}

a.rockcitylife{
	display:block;
	background-image: url(../images/clax_fruits.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}

a.blogshow{
	display:block;
	background-image: url(../images/clax-blog.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}

.fancybox-next span{
	background-image: url(../images/arrow_next.png) !important;
	background-position:0px 0px !important;
	width:35px !important;
	height:57px !important;
}

.fancybox-prev span{
	background-image: url(../images/arrow_prev.png) !important;
	background-position:0px 0px !important;
	width:35px !important;
	height:57px !important;
}

.fancybox-close{
	background-image: url(../images/arrow_close.png) !important;
	background-position:0px 0px !important;
	width:35px !important;
	height:35px !important;
	display:block !important;
}

.fancybox-overlay{
	background-color:rgba(0,0,0,0.8) !important;
}

#superslides.background{
	position:fixed !important;
	top:0px;
	left:0px;
	z-index:0;
	height:110% !important;
}

.boximage{
	width:100%;
	display: block;
	position: relative;
}

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

.boximage .fontlayer{
	position: absolute;
}

.half.gap{
	position: relative;
	width:49%;
	margin-right:1%;
}

.half.gap.right{
	width:49%;
	margin-right:0px;
	margin-left:1%;
}

.half.gap .links{
	font-size:0.9em;
	margin-top:20px;
}

.third.gap{
	position: relative;
	width:32.33%;
	margin-right:0.5%;
	margin-left:0.5%;
	margin-bottom:10px;
}

.third.gap.right{
	width:32.33%;
	margin-right:0px;
	margin-left:1%;
}

.third.gap.left{
	width:32.33%;
	margin-right:1%;
	margin-left:0px;
}

.half.gap img{
	width:100%;
	height:auto;	
}

div.links{
	margin-top:15%;
}

div.slider_big.owl-carousel.owl-theme.owl-loaded{
	margin-bottom:-1px;
}

.higher1300{
	display:block;
}

.lower1300{
	display:none;
}

.formcell{
	color:#ffffff !important;
	background-color:#008da7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:60px;
	padding-top:100px;
	text-align: right;
}

.formcell h2{
	display:block;
	text-align: left;
	font-size:2.5em;
	line-height:1.2em;
	margin-top:0px;
	margin-bottom:20px;
	text-transform: uppercase;
	letter-spacing:8px;
}

.footermenu{
	padding-top:30px;
	margin-top:0px;
	padding-bottom:200px;
	/*background-image: url(../images/linie-test-grau.jpg);*/
	background-repeat: repeat-x;
	background-position: left top;
}

.center.full.singletext{
	margin-bottom:80px;
}

.footermenu span{
	color:#999999;
	margin-top:40px;
	width:100%;
	text-align: center;
	display:inline-block;
	float:left;
	text-align:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:normal !important;
	font-size:0.8em;
	line-height:1.5em;
}

.footermenu span.small{
	width:33.33%;
	padding-left:0px;	
	margin-top:50px;
	text-align: center;
}	

.footermenu span.small a{
	color:#999999;
	text-decoration: none;
	display: block;
	cursor:pointer;	
}	

#imprint{
	width:90%;
	max-width:800px;
	color:inherit;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:60px;
	display: block;
	font-size:0.8em;
}

.footermenu .claim div{
	display:inline-block;
	margin-left:10px;
}

.footermenu .claim a{
	color:#ffffff;
}

.reflink{
	cursor: pointer;
}

.copyright{
	color:#3b5859;
	font-size:0.7em;
}

.referenzliste a{
	color:inherit;
	text-decoration: none;
	margin-bottom:15px;
	display: block;
}

.referenzliste a span{
	font-size:1.4em;	
	margin-right:20px;
}	

.rahmen{
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	max-width:1400px;
}

.fullimage{
	position: relative;
	width:100%;
	height:auto;
}

.slider_big .teamviewer span.title.center{
	text-align: center !important;
	width:70% !important;
	margin-left:15% !important;
	right:auto !important;
	display: block !important;
	bottom:auto !important;
	top:25% !important;
	font-size: 3em !important;
	background-color: transparent !important;
}

.slider_big .teamviewer span.name.center{
	text-align: center !important;
	width:70% !important;
	margin-left:15% !important;
	right:auto !important;
	display: block !important;
	bottom:auto !important;
	top:35% !important;
	background-color: transparent !important;
}

.buttoncontainer{
	position:relative;
}

.buttonholder{
	position:absolute;
	width:100%;
	z-index:9;
	top:calc(50% - 20px);
	pointer-events: none;
}

.buttonholder a{
	text-align:center;
	position:relative;
	width: 90%;
	max-width: 600px;
	background-color:rgba(0,141,167,0.8);
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	box-sizing: border-box;
	padding: 10px 60px;
	display: block;
	text-decoration: none;
	pointer-events: all;
}

@media screen and (max-width: 1300px) {
	.higher1300{
		display:none;
	}
	
	.lower1300{
		display:block;
	}
	
	.vollbild{
		height:auto;
		padding-left:5%;
		padding-right:5%;
	}
	
}	

@media screen and (max-width: 1200px) {
	
	
	
	div.links{
		margin-top:25px !important;
	}
	
	#buymenow{
		position:fixed;
		top:80px;
		right:30px;
		z-index:99999999;
		width:160px;
		height:160px;
		background-image:url(../mw_images/refbutton-2021-medium.png);
		background-repeat: no-repeat;
	}
	
	
	
	body.bgimage #buymenow{
		position:fixed;
	}
	
	#buymenow a{
		width:160px;
		height:160px;
		display:block;
	}
	
	.slider_big .teamviewer span.title,
	.teamviewer span.title{
		position:absolute;
		z-index:99;
		width:50%;
		text-align:right;
		bottom:18%;
		right:40px;
		letter-spacing: 3px;
		font-size: 1em;
		color:#008da7;
		text-transform: uppercase;
	}
	
	.slider_big .teamviewer span.name,
	.teamviewer span.name{
		position:absolute;
		z-index:99;
		width:50%;
		text-align:right;
		bottom:11%;
		right:40px;
		font-size:1.2em;
		color:#ffffff;
	}
	
	.slider_big .teamviewer span.title.center{
		top:20% !important;
		font-size:2em !important;	
	}	
	
	
}

@media screen and (max-width: 800px) {
	
	
	.buttonholder{
		position:relative;
		width:100%;
		z-index:9;
		top:auto;
	}
	
	.buttonholder a{
		width: 100%;
		max-width: 100%; 
		background-color:#008da7;
	}
	
	
	.singletext h2.referenzhead{
		font-size:3em !important;
	}
	
	.slider_big .teamviewer span.title,
	.teamviewer span.title{
		position:absolute;
		z-index:99;
		width:50%;
		text-align:right;
		bottom:18%;
		right:40px;
		letter-spacing: 3px;
		font-size: 1em;
		color:#008da7;
		text-transform: uppercase;
	}
	
	.slider_big .teamviewer span.name,
	.teamviewer span.name{
		position:absolute;
		z-index:99;
		width:50%;
		text-align:right;
		bottom:11%;
		right:40px;
		font-size:1.2em;
		color:#ffffff;
	}
	
	.logo span{
		font-size:0.5em;	
	}
	
	#mainnav{
		padding-bottom:14px;
	}
	
	#mainnav .half{
		width:16%;
	}
	
	#mainnav .half.logo{
		width:76%;
	}
	
	.footermenu span{
		margin-top:40px;
		width:100% !important;
		display:block;
		float:none;
		text-align:center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left:60px !important;
		padding-right:60px !important;
		font-weight:bold;
	}
	
	.half.gap .links{
		font-size:1.5em;
		margin-top:25px !important;
	}
	
	.half.gap,
	.half.gap.right{
		width: 100%;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:15px;
		float:none;
	}
	
	.third.gap,
	.third.gap.right,
	.third.gap.left{
		width: 100%;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:15px;
		float:none;
	}
	
	#buymenow{
		position:fixed;
		top:85px;
		right:10px;
		z-index:99999999;
		width:100px;
		height:100px;
		background-image:url(../mw_images/refbutton-2021-small.png);
		background-repeat: no-repeat;
	}
	
		
	
	body.bgimage #buymenow{
		position:fixed;
	}
	
	#buymenow a{
		width:100px;
		height:100px;
		display:block;
	}
	
	
	
	.grid{
		padding-left:0px;
		padding-right:0px;
	}
	
	.superoverlay img{
		margin-top:-200px;
		max-width: 100%;
		height:auto;
	}
	

	
	.half{
		float:none;
		width:100%;
		line-height:0px;
	}
	
	.twothirds, .onethird{
		width:100%;
		float:none;
	}
	
	
	.third{
		float:none;
		width:100%;
	}
	
	div .links{
		margin-top:100px !important;
	}
	
	#mainnav .half{
		float:left !important;
			}	
	
	#footer .half{
		width:96%;
		padding-left:4%;
		padding-right:0px;
		padding-bottom:20px;
	}
	
	#footer .half.right{
		text-align: left;
		width:96% !important;
		padding-left:4% !important;
		padding-right:0px !important;
		padding-bottom:40px;
	}
	
	#footer .half li.socialicons{
		display: none;
	}
	
	#footer .half.right{
		width:96%;
		padding-left:2%;
		padding-right:2%;
	}
}

a[href^="tel:"]{
	text-decoration: none;
}

@media screen and (max-width: 600px) {
	
	a[href^="tel:"].phone{
		text-decoration: underline !important;
		font-weight: bold;
	}
	
	.slider_big .teamviewer span.title.center{
		top:10% !important;
		font-size:1em !important;	
	}
	
	.slider_big .teamviewer span.name.center{
		top:20% !important;
		font-size: 0.9em !important;	
	}
	
	.referenzliste a span{
		font-size:1.4em;	
		margin-right:0px;
		display: block;
		margin-bottom:5px;
	}
	
	.referenzliste a{
		display: block;
		margin-bottom:25px;
	}
	
	.slider_big .teamviewer span.title,
	.teamviewer span.title{
		position:absolute;
		z-index:99;
		width:100%;
		text-align:center;
		bottom:18%;
		right:auto;
		letter-spacing: 3px;
		font-size: 0.9em;
		color:#008da7;
		text-transform: uppercase;
		line-height:1em;
	}
	
	.slider_big .teamviewer span.name,
	.teamviewer span.name{
		position:absolute;
		z-index:99;
		width:100%;
		text-align:center;
		bottom:8%;
		right:auto;
		font-size:1.1em;
		color:#ffffff;
	}
	
	
	.singletext h2{
		font-size:2em !important;
	}
	
	.singletext h2.referenzhead{
		font-size:2em !important;
	}
	
	
	
	.logo span {
	    top: 15px;
	    color: #ffffff !important;
	    text-transform: uppercase;
	    position: relative;
	    font-size: 0.6em;
	    left: 55px;
	    letter-spacing: 3px;
	}
	
	.main .logo span {
	    top: -7px;
	}	
	
	
	
	.half.gap .links{
		font-size:1em;
		margin-top:25px !important;
	}
	
	.half.gap .links h2{
		margin-top:0px !important;	
	}
	
	.half.gap{
		margin-bottom:10px;
	}
	
	.half.media{
		float:none;
		width:100%;
		margin-bottom:35px;
		display: block;
	}
	
	div .links{
		margin-top:50px !important;
	}
	
	.slider_big .owl-controls .owl-nav .owl-prev img,
	.slider_big .owl-controls .owl-nav .owl-next img{
		width:50%;
		height:auto;	
	}	
	
	.vimeo_overlay{
		display:none !important;
	}
	
	#buymenow{
		position:fixed;
		top:65px;
		right:10px;
	}	
	
	#mainnav{
		position: fixed;
		top:0px;
	}
	
	body.home #mainnav{
	}
	
	
	
	.superoverlay img{
		margin-top:-80px;
		max-width: 100%;
		height:auto;
	}
	
	body.bgimage{
		width:100%;
		height:100%;
		background: url(../images/bckgnd_about-mobile.jpg); 
		background-position: center top;
		background-repeat:no-repeat;
		-webkit-background-size: auto !important;
		-moz-background-size: auto !important;
		-o-background-size: auto !important;
		background-size:auto !important;
		background-color:#737b83;
	}
	
	body.bgimage.shop{
		width:100%;
		height:100%;
		background: url(../images/bckgnd_shop-mobile.jpg); 
		background-position: center top;
		background-repeat:no-repeat;
		-webkit-background-size: auto !important;
		-moz-background-size: auto !important;
		-o-background-size: auto !important;
		background-size:auto !important;
		background-color:#bcbabb;
	}
	
	.section h2{
		font-size:2em;	
	}
	
	#supernav ul li a{
		color:#ffffff;
		font-size:1.1em;
	}
	
	
	
	.onlymobile{
		display:block !important;
	}
	
	.nomobile{
		display:none !important;
	}
	
	body.about .nomobile{
		display:block !important;
	}
	
	body.about .onlymobile{
		display:none !important;
	}
	
	
	
	.grid{
		margin-bottom:20px;
	}
	
	body div.fancybox-wrap.fancybox-default.fancybox-type-image.fancybox-desktop.fancybox-default-desktop.fancybox-open{
		margin:0px !important;
		width:100% !important;
		height:auto !important;
	}
	
	body div.fancybox-inner.fancybox-skin.fancybox-default-skin.fancybox-default-skin-open{
		width:auto !important;
		height:auto !important;
	}
	
	#supernav ul{
		margin-top:130px !important;	
	}
	
	#toTop a{
		display:block;
		width:29px;
		height:18px;
		background-image:url(../images/arrow_top-small.png);
		margin-left:auto;
		margin-right:auto;
		cursor:pointer;
	}
	
	.slider_big .owl-controls .owl-nav .owl-next{
		margin-right:5px;
	}
	
	.slider_big .owl-controls .owl-nav .owl-prev{
		margin-left:5px;
	}

}

@media screen and (max-width: 600px) and (orientation: landscape) {
	
	#mainnav{
		position:absolute !important;
	}
	
	#supernav ul{
		display:block;
		width:88%;
		margin-top:60px !important;
		margin-left:auto;
		margin-right:auto;
	}
	
	#supernav ul li{
		color:#ffffff;
		font-size:1em;
		display:inline-block;
		margin-right:10px;
	}
	
	.superoverlay img{
		margin-top:-100px;
		max-width: 80%;
		height:auto;
	}
}

::selection{
	background-color:#006b7e;
	color:#ffffff;
}

#window{
	display: none;
}

#windowoverlay{
	display:none;
}