/* CSS Grundeinstellungen */
*, *:before, *:after {
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box; }

.myemail{display:none !important;}


    marquee {
      width: 100%;
      border: 1px solid transparent;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
    }

    marquee span {
      display: inline-block;
      animation: marquee 20s linear infinite;
    }

    @keyframes marquee {
      0% {
        transform: translateX(100vw);
      }
      100% {
        transform: translateX(-100%);
      }
    }
		
		
html,body {
	overflow:hidden;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	background-image:linear-gradient(0deg, #333333 0% , #ffffff 50%, #cccccc 100% );}

html{
	font-size: 100%;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;}

/*
body {
	-webkit-animation: fade-in ease-in-out 1.4s;
	animation: fade-in ease-in-out 1.4s; }
*/

body{
	font-family:'Tahoma', sans-serif;;
/*	background-color: #000;*/
	font-weight: normal;
	font-size: 1em;
	color: #000;}

.ie7 body{
	overflow:hidden;}

table {
	border-collapse:collapse;
	border-spacing:0;}

fieldset,img { 
	border:0;}

input[type="text"],
input[type="email"]
{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;}

a[type="application/pdf"] { 
  background-image: url(/media/pdf.gif);
  padding-left: 20px;
}

input[type="submit"],
input[type="text"],
input[type="email"],textarea{
	font-family:Tahoma,Helvetica,Arial,sans-serif;
	font-size:1rem;
	padding:3px 5px 4px;
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:98%;}

input[type="submit"]{
	color:#333;
 cursor:pointer;}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;}

ol,ul {
	list-style:none;}

caption,th {
	text-align:left;}

h1,h2,h3,h4,h5,h6 {
	clear:both;
	font-size:100%;
	font-weight:normal;}

q:before,q:after {
	content:'';
}

abbr,acronym { border:0;}

a{
	color: #111;
	font-weight:400;
	text-decoration: none;}

a:hover{
/*	text-decoration:underline;*/}

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

#mainnav{
 padding-left:10px;
 padding-right:10px;}

.link:hover:not(img){
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: 100px 1px;
	color:#000;
	background-image:linear-gradient(to right, #ccc, #111, #ccc);}

.container{
	position: relative;
	text-align: center;}

.clr{
	clear: both;}

.container > header{
	padding: 30px 30px 10px 20px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	   text-align: left;
}
.container > header h1{
	font-family: 'Tahoma', sans-serif;;
	font-size: 35px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	 padding: 0px 0px 5px 0px;}

.container > header h1 span{}

.container > header h2, .info{
	opacity:.9;
	 display:inline-block;
	 margin-top:.2em;
	min-width:200px;
	padding-left:64px;
	text-align:left;
	font-size: 16px;
	border-radius:10px;
	color:#000;}

/* Header Style */
.codrops-top{
	font-family: 'Tahoma', sans-serif;;
	height:47px;
	background-repeat:repeat-x;
	line-height: 24px;
	font-size: 1em;
	font-weight:500;
	width: 100%;
	opacity: .95;
/*	text-transform: uppercase;*/
	z-index: 9999;
	position: relative;}

.codrops-top .right{
	font-size:1em;
/*	 margin-top:10px; */}

.codrops-top a, .xmaninnav{
	padding: 0px 5px;
	color: #000;
	display: block;
	float: left;}

.codrops-top .right{
	text-align:left;
	float:right;}

.codrops-top span>span:hover,
.aktiv span,
.codrops-top a:hover,.aktiv a{
	text-shadow:1px 1px 2px #000;
	color: #000 !important;}

.codrops-top span.right{
	 text-align:right;
	float: right;}

.codrops-top span.right span,
.codrops-top span.right a{
	 vertical-align:top;
	float: none;
	display: inline;}

/* Media Queries */
@media screen and (max-width: 767px) {
	.container > header{
/*		text-align: center;*/
	}

}
.aktiv a{
	cursor:pointer;
	font-weight:500;
	color:#000 !important;}

#content{ /* siehe js/helper.js */
	opacity:1;
	color:#000;
	max-width:40px; /* 75%; */
	min-width:40px; /* 50%; // 40px */
	width:40px;
	position:absolute;top:10px;right:10px;
	overflow:hidden;
	border-radius:10px;
	margin-top:10px;
	height:55px;}

#innercontent{
	text-align:left;
	font-size:1em;
	line-height:1.5em;
	hyphens:auto;
	background-color:#ffffff;
	height:100%;
	padding:20px 30px;
	overflow:auto;}

.ic_on{
	padding:20px 30px;}

.ic_off{
	padding:0;}

#snap{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.smoothy{
   -webkit-transition:width 300ms ease-in-out, height 300ms ease-in-out;
    -moz-transition:width 300ms ease-in-out, height 300ms ease-in-out;
    -o-transition:width 300ms ease-in-out, height 300ms ease-in-out;
    transition:width 300ms ease-in-out, height 300ms ease-in-out;
}

#lsnap,#snap{
	background-color:rgba(255,255,255,.8);
	height:25px;
	line-height:110%;
	font-size:1.2em;
	cursor:pointer;
	color:#999;
	margin-top:35px;
	padding-left:5px;}

#lsnap{ display:inline;float:left;}
#lsnap a{ color:#999 !important;}

.rb{
max-width:100%;
float:right;
margin:0 0 .5em .5em;}

#innercontent h1
{
	text-shadow: 1px 1px #ccc;
	font-weight:700;
	font-size:1.5em;
	margin-bottom:.5em;}

#innercontent h2
{
	text-shadow: 1px 1px #ccc;
	font-weight:700;
	font-size:1.3em;
	margin-top:1em;
	margin-bottom:.3em;}

#innercontent h3
{
	text-shadow: 1px 1px #ccc;
	font-size:1.2em;
	font-weight:700;
	margin-top:1em;
	margin-bottom:.3em;}

#innercontent h4{
	text-shadow: 1px 1px #ccc;
	font-size:1em;
	font-weight:700;
	margin-top:1em;
	margin-bottom:.3em;}

#innercontent table h3,
#innercontent p{
/* border-left:1px solid #666;*/
	padding-left:10px;
	margin-bottom:.5em;}

#innercontent h4 strong{
	font-size:1em;
	font-weight:700;
	margin-top:1em;
	margin-bottom:.3em;}

.info span{
	transform: rotate(-7deg);
	text-shadow: -1px -1px #fff;
	font-weight:bold;
	font-size:3em;
	display:inline-block;
	margin-bottom:5px;}

.left{
	clear:left;
	display:inline-block;float:left;
	max-width:49%;margin-right:1%;}

.right{
	display:inline;float:left;
	margin-left:1%;
	min-width:49%;}

.both{
	clear:both;
	display:block;
	margin-left:1%;
	width:98%;}

.both2{
	clear:both;
	display:block;
	height:0px;
	margin-left:1%;
	width:98%;}

.left,.right,.both{
	margin-bottom:1em;}

dt{
	clear:both;
	display:inline;float:left;
	min-width:70px;
	margin:.5em 2%;
	width:15%;}

dd{
	width:80%;
	display:inline;float:left;
	margin: .5em 0;}

@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 { font-size: 100px }}

@media screen and (max-width: 600px) { 
	.cb-slideshow li div h3 { font-size: 50px }}

#mobileheader{
	display:none !important;}

.button:before{
	white-space: pre;
	content: "\BB";}

.button a:before{
	content: " ";}

#mobilefooter{
	display:none;}

.info1{
	color:#fff !important;
	font-size:1.5em !important;}

.humer{
	max-height:3em;
	width:auto;}

.nomob:last-child{
	display:none;}

.wback{
	display:inline-block;
	padding:10px 5px;

	position:relative;top:5px;right:10px;
	z-index:100;
	background-color:rgba(255,255,255,.8);
	border-radius:10px;
	box-shadow: 2px 4px 4px rgba(0,0,0,.3) }

#instagramm{ display:inline;float:right;margin:0px;}
.fbbutton,.fb-like{display:inline-block;}
.fb-like{margin-right:10px;}
.fbbutton{width:30px;}

#social{
	padding:5px;
	white-space:nowrap;
	position:absolute;top:100%; left:100%;
	margin-left:-180px;
	width:170px;

	margin-top:-40px;
	min-height:20px;
	background-color:rgba(255,255,255,.8);
	border-radius:10px; }
#social a {
 cursor:pointer;}
#social img{
 vertical-align:bottom;}

#ticker{
	width:inherit;
	margin-bottom:1em;
	overflow:hidden;}

#tickercontainer{
	width:99%;margin:0 0 .5em 0;
}

#mtick{
	width:inherit;
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;}

#rundung_unten{
	height:10px;overflow:hidden;
	background-color:#fff;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;}


#sub1,#sub2{
	font-size:14px;
	position:absolute;left:-1000px;top:-1000px;
	background-repeat:no-repeat;
	background-position:0 bottom;
	background-color:rgba(240,240,240,.95);
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	white-space:nowrap;
/*	min-width:172px;*/
	min-height:36px;
	line-height:36px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	box-shadow: 4px 8px 8px rgba(0,0,0,.3); }
	
.snav,.snava{
	background-repeat:no-repeat;
	padding-right:10px;
	padding-left:20px;
	display:block;
	font-size:1rem;
	height:36px;}

.snava,.snav:hover{
	text-shadow:1px 1px 2px #000;
	color: #000 !important;}

img[class="team"]{
	padding:10px 0 0 0px;
	max-width:150px;}

table[class="team"] td{
	vertical-align:top;}

table[class="team"] td:nth-child(2){
	padding:10px 0 0 10px;}

.t2{
 border-bottom:1px solid #ccc;}

.divoverwallpic{
	display:inline-block;
	max-height:200px;
	min-height:200px;

	width:16%;
	min-width:208px;
	overflow:hidden;
	margin-top:0px;
	padding:0;
	float:left;
	border:1px solid #000;
	box-shadow: 0 8px 6px -6px black;
	overflow:hidden;
	margin-bottom:20px;
	margin-right:15px;}

.wallpic{
	cursor:pointer;
	padding:0;
	margin:0;}
	
#wallcontainer {
	text-align:justify;}

#wallcontainer img{
	margin-bottom:.5rem;
	vertical-align:top;}

#galerie_titel{
	display:block;
	clear:both;
	padding-left:0 !important;}

#galerie_text{
	clear:both;
	padding-left:0 !important;}
	
#Stopper,#Starter{
 cursor:pointer;
 margin-right:5px;}

#Stopper img,#Starter img{
	-webkit-opacity:.3;
	opacity:.3;}

#Stopper img:hover,#Starter img:hover{
	-webkit-opacity:1;
	opacity:1;}
 
#Starter{
 display:none;}

.vbutton{
	display:inline-block;
	padding:5px 10px;
	box-shadow:3px 3px 6px #333;
	border:1px outset #666;
	border-radius:2px;
	min-width:150px;
	color:#000;
	margin:0 1px 1px 0;
	cursor:pointer;
	background-image:linear-gradient(30deg, #ccc 0%, #eee 40%, #bbb 100%);}

.vbutton:hover{
	margin:1px 0 0 1px;
	border:1px inset #666;
	box-shadow:2px 2px 6px #333;
	background-image:linear-gradient(330deg, #ccc 0%, #eee 40%, #bbb 100%);}

#innercontent img:not(.logo):not(.wallpic){
  box-shadow: 0 8px 6px -6px black;}

.nw{
	white-space:nowrap;}

.vframe{
	max-width:380px;
	max-height:200px;
	margin-bottom:2em;
	box-shadow: 0 8px 6px -6px black;}

.vframe:nth-child(even){
	margin-right:2%;}

img .icon{
	display:inline-block;
	margin-bottom:1em !important;}

a>.icon{
	margin-bottom:1em !important;}

#overlay{
	display:none;
	z-index:10000;
	position:absolute;top:0;left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8);}

#left{
	text-align:left;
	display:inline-block;
	float:left;
	position:absolute;top:0;left:0;width:50%;height:100%;opacity:0}

#right{
	display:inline-block;
	float:left;
	text-align:right;
	position:absolute;top:0;left:50%;width:50%;height:100%;opacity:0}

#left>span,
#right>span{
	display:inline-block;
	width:100%;
	position:absolute;top:50%;left:0%;
	font-size:5rem;	}

#stopp{
	line-height:100%;
	float:right;
	display:inline-block;
	position:absolute;top:0;
	right:5px;
	z-index:2;
	font-size:4rem;	
	opacity:.2}

#left,#stopp,#right{
	color:#fff;
	text-shadow:0px 0px 2px #000;
	z-index:10;}

#left:hover,#stopp,#stopp:hover,#right:hover{
	cursor:pointer;
	opacity:.2;}

#bild{z-index:-1;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

img.cover {
  box-shadow: 0 8px 6px -6px black;
	border:1px solid #999;
	border-radius:15px;
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
/*  min-height: 50%;*/
  max-width: 96%;
  max-height: 96%;
	overflow-x: hidden;}

.half{
	float:left;
	display:inline-block;
	width:49%;
	margin-right:1%;
}

@media screen and (max-width: 1024px) {
	.mainnav a{
  	font-size:.95em;}
	.codrops-top a {
    padding: 0px 2px;}
}

@media screen and (max-width: 800px) {
	.snav,.mainnav {  	font-size:.90em;}
	.snav {vertical-align:bottom;height:200%;line-height:200%;}
	#sub1{margin-top:0px;}
	.codrops-top a {    padding: 0px 2px;}
	.wback .n:nth-child(2){   padding-left:5px}
}

@media screen and (max-width: 670px) {
	.nomob{ display:none;}
	.mainnav {  	font-size:.80em;}
	#sub1{margin-top:2px;}
	.codrops-top a {    padding: 0px 2px;}

}

@media screen and (max-width: 600px) {
	.nomob{ display:none;}
	.mainnav {	font-size:.7em;}
	.codrops-top a {  padding: 0px 1px;}
}

@media screen and (max-width: 540px) {
	.nomob{ display:none;}
	.codrops-top a {  padding: 0px 0px;}
	.wback .n:nth-child(2){}
}


@media screen and (max-width: 800px) {
	.half
	{
		width:99%;
		margin-right:1%;
		display:block;}
}

.teamlist img{ float:right;margin-left:10px;margin-top:-10px;margin-bottom:10px;clear:both;}

@media screen and (min-width: 1400px) {

	#ccontainer {
		column-count: 3;
		column-rule-style: dashed;
		column-rule-width: 1em;
		column-rule-color: rgba(240,240,240,.4);
		column-width:32%;
		column-gap: 3em;}

	.s2{
	 column-span:2;
	 width:200%;}
}

@media screen and (max-width: 1399px) {
	#ccontainer {
		column-count: 2;
		column-width:49%;
		column-gap: 1%;}
	.s2{
	 column-span:2;
	 width:100%;}
}

@media screen and (max-width: 800px) {
	#ccontainer {
		column-count: 1;
		column-gap:0;}
}

@media screen and (max-width: 600px) {
	#ccontainer {
		column-count: 1;
		column-width: 100%
		column-gap: 0px;}
}

section{
-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;
/*		 display: inline-block; */
}

	.s3{
		width:inherit;
		column-count:1 !important;
		column-width:100%;
		column-gap: 0em;}

.watermark{
	opacity:1;
	position:absolute;top:.5%;left:5px;
	display:inline;
	width:40%;
	z-index:0;
	cursor:default;}

#movable_container{
text-align:right;
 float:right;}

#snap{
 text-align:right;}
nav{ white-space:nowrap;}

.preise{
}

.preise thead th{
 background-color:#ccc;
 color:#000}

.preise th,
.preise td {
 padding:5px !important;
 vertical-align:bottom;
}

.preise th:last-child() ,
.preise td:last-child() {
 text-align:right;}

.video{
 max-width:800px;
 max-height:500px;}

#footnote{
	display:inline !important;width:auto;
	position:absolute;left:0; top:100vh;
	margin-top:-1.5rem;
	z-index:1111112;
	width:100%;text-align:center;}

#footnote a{
	font-size:7pt;
	line-height:10pt;
	padding:1px 10px;
	background:#00000005;}