html,body{
    margin:0;
    background-color: #EFEFEF;
    color:#666666;
    text-align:center;
    height:101.1%;
    font-family:'myOpen',sans-serif;
    font-size:18px;
    line-height:24px;
	font-weight:200;

}

a.link{ color:#666666;}

.preloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 99999999999999999999;
   background-image: url('./images/preloader.gif');
   background-repeat: no-repeat; 
   background-color: #1D1F1C;
   background-position: center;
}
#header{background-color:#FFD5A5; position:fixed; width:100%; margin:0 auto;  top:0;  z-index:9999999999999999;  overflow:hidden; }
#headerinner {position:relative; width:100%; margin:0 auto; height:140px; top:0;  z-index:9999999999999999; max-width:1920px;}
@media screen and (max-width: 1024px) {
	#logo{height:60px!important}
	#logo IMG{height:57px !important}
	#header #headerinner{height:90px}
	#header{border-bottom:0px solid #333333}
	#header{box-shadow: 0px 7px 10px 0px rgba(90,90,90,0.3)}
}

@media screen and (max-width: 400px) {
	#logo{height:60px!important}
	#logo IMG{height:47px !important}
}

#header #headerinner #logo{text-align:left; width:100%; max-width:480px; height:88px; background-repeat: no-repeat;  position:absolute; top: 50%; left: 5.36%;transform: translate(0,-50%); text-align:left }
#header #headerinner #logo IMG{  height:88px; left:0; position:absolute}


#burgermenue{width:100%; max-width:35px;   position: absolute; top: 60%; right: 7.5%; transform: translate(0,-50%); text-align:right}
#header .hamburgOpen { display: block;  width: 35px; height: 35px; position: relative;  margin-left: auto; margin-right: auto;  cursor:pointer; float:left;}
#header .hamburgOpen .line {  position: absolute;  left:5px;  height: 3px; width: 25px;  background-color: #000000; border-radius: 2px;   display: block; transition: 0.5s;   transform-origin: center; }
#header .hamburgOpen .line:nth-child(1) { top: 8px; }
#header .hamburgOpen .line:nth-child(2) { top: 16px; }
#header .hamburgOpen .line:nth-child(3) { top: 24px; }

#header .hamburgClose { display: none;  width: 35px; height: 35px; position: relative;  margin-left: auto; margin-right: auto;  cursor:pointer; float:left;}
#header .hamburgClose .line {  position: absolute;  left:5px;  height: 3px; width: 25px;  background-color: #000000; border-radius: 2px;   display: block; transition: 0.5s;   transform-origin: center; }
#header .hamburgClose .line:nth-child(1) { top: 8px; }
#header .hamburgClose .line:nth-child(2) { top: 16px; }
#header .hamburgClose .line:nth-child(3) { top: 24px; }
#header .hamburgClose .line:nth-child(1){ transform: translateY(8px) rotate(-45deg); background-color: #000000;}
#header .hamburgClose .line:nth-child(2){ opacity:0;}
#header .hamburgClose .line:nth-child(3){ transform: translateY(-8px) rotate(45deg); background-color: #000000;}	


#mobilhelper #socialmobil{width:100%; max-width:120px;  margin-top:25px;  text-align:right}
#mobilhelper #socialmobil ul{position:absolute; margin:0; padding:0; list-style:none; transform: translate(0,0); left:7.5%}
#mobilhelper #socialmobil ul li{float:right; border-bottom:0px; padding: 15px 15px 15px 0px; text-align: left;}
#mobilhelper #socialmobil ul li IMG{width:auto; height:25px}
#mobilhelper #socialmobil ul li a{color:#666666; text-decoration:none}

#mobil{background-color:#4B4B4B; height:100%; position:fixed; right:0; z-index:9991; display:block; top:90px; }
#mobilhelper1{position:absolute;left:50%; top:45%; width:100%; transform: translate(-50%,-50%);}
#mobilhelper{width:85%; padding:0 7.5%}
#mobilhelper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#mobilhelper ul li {
  border-bottom: 1px solid #FFFFFF;
  padding: 15px 0;
  text-align: left;
}
#mobilhelper  ul li a {
  display: block;
  font-size: 26px;
  line-height: 38px;
  font-weight:400;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration:none;
  font-family:'mybasket',sans-serif; 
}

#mobilhelper ul li:last-child {
  display: block;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration:none;
  cursor:pointer;
  font-family:'mybasket',sans-serif; 
}
@media screen and (max-width: 780px) {

#mobilhelper  ul li a {
  display: block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 200;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration:none;
  font-family:'mybasket',sans-serif; 
}

#mobilhelper ul li:last-child {
  display: block;
  font-size: 24px;
  font-weight: 200;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration:none;
  cursor:pointer;
  font-family:'mybasket',sans-serif; 
}

}

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

#mobilhelper  ul li a {
  display: block;
  font-size: 18px;
  line-height: 22px;
 font-weight: 200;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration:none;
  font-family:'mybasket',sans-serif;
}

#mobilhelper ul li:last-child {
  display: block;
  font-size: 18px;
  font-weight: 200;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration:none;
  cursor:pointer;
  font-family:'mybasket',sans-serif;
}

}
#mobil .sub{padding-left:35px}

#start {padding-top: 60px; width:100%;  position:relative; margin:0 auto; z-index:1; }
#start {width:100%;  z-index:1; background-color:#1D1F1C; overflow: hidden; position: relative; max-width:1920px;}
/*
#start:before {content: ' ';  display: block;  position: absolute;  left: 0;   top: 0; width: 100%; height: 100%; background-repeat: no-repeat;  background-position:50% 50%; background-size: cover; opacity:0.856; max-width:1920px;}
#start:before { background-image:url("./images/start/bild_1.jpg");}

 
@media screen and (max-width: 800px) {
 #start:before {	 background-position:50% 50%;  background-image:url("./../../fileadmin/images/tafel.jpg");}
 }
*/
.section.alpha{background-color:#F8E0C5; width:100%; min-height:400px; color:#666666;}
.section.beta{background-color: #F5C58E; width:100%; min-height:400px; color:#666666;}
.section.alpha ul{margin:25px}
.section.beta ul{margin:25px}
.section H1{font-family:'mybasket',sans-serif; color:#16120F; font-size:48px; line-height:54px; font-weight:400; margin-bottom:25px} 
.section H2{font-family:'mybasket',sans-serif; color:#16120F; font-size:36px; line-height:42px; font-weight:400; margin-bottom:25px} 
.section H3{font-family:'mybasket',sans-serif; color:#16120F; font-size:24px; line-height:36px; font-weight:400; margin-bottom:5px; margin-top:35px} 
.section H4{font-family:'mybasket',sans-serif; color:#16120F; font-size:18px; line-height:24px; font-weight:400; margin-bottom:5px; margin-top:25px} 

.inner{width:85%; padding: 35px 7.5%; max-width:1280px; position:relative; margin:0 auto; text-align:left}
.innersub{width:85%; padding: 35px 7.5%; max-width:1280px; position:relative; margin:0 auto; text-align:left; border-bottom: 1px solid #F5C58E; height:90%}
.innersub2{width:85%; padding: 35px 7.5%; max-width:1280px; position:relative; margin:0 auto; text-align:left; border-bottom: 1px solid #F8E0C5; height:90%}


.inner	IMG{width:100%; height:auto}
.innersub	IMG{width:100%; height:auto}
.innersub2	IMG{width:100%; height:auto}

.inner a{color:#666666; text-decoration:none}
.innersub	a{color:#666666; text-decoration:none}
.innersub2	a{color:#666666; text-decoration:none}

.slidecontent{cursor:pointer; opacity:0.9; font-size:16px; line-height:22px;  position:absolute; border-radius:15px 15px 0 0; z-index:10; background-color:#FFD5A5; padding:25px; color:#FFFFFF; bottom:0; left:4%; opacity:1.0;
text-align:left; width:80%; max-width: 340px; color:#C32011	
}
.headline{cursor:pointer;font-family:'mybasket',sans-serif; color:#16120F; position:relative; font-size:28px; line-height:34px; font-weight:400; margin: 0 0 25px 50px}


.slidecontentimage1{ width:125px; height:125px; position:absolute; top:-50px; left:-50px; background-size:125px auto; background-repeat:no-repeat; background-position:50% 50%;  background-image:url("./../images/theme/bluete1.png");}
.slidecontentimage2{ width:125px; height:125px; position:absolute; top:-50px; left:-50px; background-size:125px auto; background-repeat:no-repeat; background-position:50% 50%;  background-image:url("./../images/theme/bluete2.png");}
.slidecontentimage3{ width:125px; height:125px; position:absolute; top:-50px; left:-50px; background-size:125px auto; background-repeat:no-repeat; background-position:50% 50%;  background-image:url("./../images/theme/bluete3.png");}
.slidecontentimage4{ width:125px; height:125px; position:absolute; top:-50px; left:-50px; background-size:125px auto; background-repeat:no-repeat; background-position:50% 50%;  background-image:url("./../images/theme/bluete1.png");}
.slidecontentimage5{ width:125px; height:125px; position:absolute; top:-50px; left:-50px; background-size:125px auto; background-repeat:no-repeat; background-position:50% 50%;  background-image:url("./../images/theme/bluete2.png");}

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


.slidecontent{font-size:14px; line-height:20px; width:80%; max-width: 300px; left:10%; }

}

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


.slidecontent{font-size:12px; line-height:16px; width:80%; max-width: 260px; left:10%; }

}




/*5050 */
.element2cols5050{}
.element2cols5050 .firstcol	{float:left;  width:48.5%; text-align:left; margin-bottom:25px;}
.element2cols5050 .secondcol	{float:right; width:48.5%; text-align:left; margin-bottom:25px;}
.element2cols5050 .spacer {width:0%; clear:both;}

/*7030 */
.element2cols7030{}
.element2cols7030 .firstcol	{float:left;  width:65.5%; text-align:left;}
.element2cols7030 .secondcol	{float:right; width:29.22%; text-align:left;}
.element2cols7030 .spacer {width:0%; clear:both;}



.element3cols303030{}
/*303030 */
.element3cols303030 .firstcol	{float:left; width:31%; text-align:left; margin-right:3.5%; position:relative}
.element3cols303030 .secondcol	{float:left; width:31%; text-align:left; margin-right:3.5%; position:relative}
.element3cols303030 .thirdcol	{float:left; width:31%; text-align:left; margin-left:0; position:relative}
.element3cols303030 .spacer {width:0%; clear:both;}



@media screen and (max-width: 780px) {
/*5050 */
.element2cols5050 {}
.element2cols5050 .firstcol	{float:none; width:100%;margin-bottom:25px;}
.element2cols5050 .secondcol	{float:none; width:100%;margin-bottom:25px;}
.element2cols5050 .spacer {width:100%; height:25px;}

/*7030 */
.element2cols7030{}
.element2cols7030 .firstcol	{float:none; width:100%;margin-bottom:25px;}
.element2cols7030 .secondcol	{float:none; width:100%;margin-bottom:25px;}
.element2cols7030 .spacer {width:100%; height:25px;}


/*303030 */
.element3cols303030{display:block;}
.element3cols303030 .firstcol	{display:block; width:100%; margin-bottom:25px; margin-right: 0;  margin-left: 0;}
.element3cols303030 .secondcol	{display:block; width:100%; margin-bottom:25px; margin-right: 0;  margin-left: 0;}
.element3cols303030 .thirdcol	{display:block; width:100%; margin-bottom:25px; margin-right: 0;  margin-left: 0;}
.element3cols303030 .spacer {width:100%; height:25px; margin-bottom:25px}


}



.startblock {margin:0; background-repeat: no-repeat; background-position:50% 50%; background-size:100% auto;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
.startblock IMG {width:100%; height:auto; }
.startblock.end { background-size:100% auto !important}
.pfeil{color: #FFFFFF;}

.mycarouselcontent{position:relative; background-color:#1895D3; margin-top:-5px; width:96%;  padding:13px 2%; text-align:center;  }
.mycarouselcontent H4{ text-align:center;  padding-bottom:15px; line-height:48px; margin-top:-5px }
.startblock {
  margin: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mycarouselcontent {
  position: relative;
  background-color: #1895D3;
  margin-top: -5px;
  width: 96%;
  padding: 13px 2%;
  text-align: center;
}






#wrapperFOOTER{ width:100%; text-align: left;  position: relative;  background-color:#493B2D; z-index:1;}
#wrapperFOOTERInner{ margin:0; padding:1% 7.5% 0% 7.5%; width:85%;  text-align: left; margin: 0 auto; color:#FFD5A5; z-index:1; max-width:1280px; font-size:14px; }
#wrapperFOOTERInner ul {list-style:none; margin: 0; padding:0; }

#wrapperFOOTERInner ul li  {float:left; width:40%; margin-right:0%; margin-bottom:10px} 
#wrapperFOOTERInner ul li:first-child  {float:left; width:150px; margin-right:50px; } 
#wrapperFOOTERInner table{vertical-align: top;}
#wrapperFOOTERInner tr{vertical-align: top;}
#wrapperFOOTERInner td{text-align:left; vertical-align:top; width:30%}

#wrapperFOOTERInner ul li  H1 { width:100%; margin-bottom:10px; font-size:20px; font-weight:600; text-transform:uppercase; }  
#wrapperFOOTERInner ul li:last-child { margin-right:0%;} 
#wrapperFOOTERInner li a{ color:#FFD5A5;  text-decoration:none;}
#wrapperFOOTERInner li a:hover{  color:#FFD5A5;}

#wrapperFOOTERInnerCopy{ margin:0; padding:0px 0.5% 10px 0.5%; width:99%;  text-align: left; margin: 0 auto; color:#FFD5A5; font-size:22px; z-index:1; max-width:1280px; text-align:center;text-transform:uppercase;}
#wrapperFOOTERInnerLinks{ padding:10px 0.5% 0px 0.5%; width:97%;  text-align: left; margin: -10px auto 0 auto; color:#FFD5A5; font-size:14px; z-index:1; max-width:1280px; text-align:right; text-transform:uppercase;}
#wrapperFOOTERInnerLinks #links{ margin-right:0; }
#wrapperFOOTERInnerLinks #links a{ color:#FFD5A5;  text-decoration:none;}
#wrapperFOOTERInnerLinks #links a:hover{  color:#FFD5A5;}

#wrapperFOOTERInner IMG{width:150px; height:auto;}
#wrapperFOOTERInner table{border:0}

@media screen and (max-width: 600px) {
#wrapperFOOTERInner{ font-size:14px; }
}
@media screen and (max-width: 480px) {
#wrapperFOOTERInner ul li  {font-size:12px; line-height:14px; width:100%}	
#wrapperFOOTERInner ul li:first-child{margin-bottom:35px; float:none;width:100%}
#wrapperFOOTERInnerLinks #links{ margin-right:auto; margin-left:0; margin-top:15px; font-size:12px; }
#wrapperFOOTERInnerLinks{ text-align: left; padding:1% 7.5% 5px 7.5%; width:85%;}
#wrapperFOOTERInner IMG{width:100%; height:auto; margin-top:20px; max-width:125px}
}
@media screen and (max-width: 320px) {
#myContentStart{left:-33px; }
.down-arrow { display:none; }
#wrapperFOOTERUP{display:none;}
}


#scrollTOP{position:fixed; right: 1.7%; z-index:9988; width:54px;  bottom:60px; text-align:right }
 .gotop{cursor:pointer; width:45px; height:auto}
 @media screen and (max-width: 1280px) {
  #scrollTOP{width:96%; padding:0 2%;} 
  #scrollTOP div{ right:2%;}
  }
  
  
.shown{
    visibility:visible;
    opacity: 1;
    right: 100%;
	width: 100%;
	height:100%;

    /*box-shadow: -5px 0 5px #999999;*/
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;

 }
 
.hidden{
    visibility:hidden;
    opacity: 0;
    left: 10%;
	width: 50%;
	height:100%;

     /*box-shadow: -5px 0 5px #999999;*/
	-webkit-transition: all .0s ease-in-out;
	-moz-transition: all .0s ease-in-out;
	-o-transition: all .0s ease-in-out;
	-ms-transition: all .0s ease-in-out;
	transition: all .0s ease-in-out;
}  



.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  max-width:1280px;
  margin:0 auto;
}
@media screen and (max-width: 1024px) {
.container {
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height:800px;
  max-width:1024px;
  padding-top: 0%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

}
/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width:1280px;
  max-height:600px;
}
.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}

.embed-container2 {
  position: relative; 
  overflow: hidden; 
  width: auto;
  height: 100%;
}

.embed-container video {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

.embed-container2 video {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}
#showlage{position:relative}
#showlage IMG{width:100%; height: auto; object-fit: cover;}	 


#getOK{font-size:14px; width:80%; max-width:580px; padding:5%; background-color:#FFFFFF; border-radius:10px; border:1px solid #666666; position:absolute; z-index:9;  top:50%; left:50%; transform: translate(-50%, -50%); }
#itsOK{padding: 15px 0px 15px 0px; color: #FFFFFF; text-align: center; border-radius: 5px; width: 100%; margin: 25px 0 0 0 ;  cursor:pointer;
    background-color: #FFD5A5;
    border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px 5px 5px 5px;
    border:1px solid #FFD5A5;
    color:#fff;
    font-size:36px;
    cursor:pointer;
	max-width:580px;
font-family:'myOpen',sans-serif;}


#getOK .fliestext{color:#666666; font-size:14px!important; line-height:14px! important}


 @media screen and (max-width: 1024px) {
#showlage {min-height:600px;}
#showlage IMG{width:100%; height:100%;  }	 
#getOK .fliestext{font-size:14px!important; line-height:14px! important}
#itsOK{    font-size:24px;}
 }
 @media screen and (max-width: 900px) {
#showlage IMG{width:100%; height:600px; object-fit: cover;}	 
#getOK span.fliestext{font-size:13px !important; }
 } 


/* #####################################################*/
/* ######################## Kontakt ####################*/
/* #####################################################*/


#KT{
    width:95%;
    margin:35px 0
}
#KT .kontakt{
    width:100%;
    font-family:'myOpen',sans-serif;
    font-size:16px;
    padding:5px 10px;
    border:1px solid #ccc;
    border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px 5px 5px 5px;
    background-color:#FAFAFA;
	color:#666666
}
#KT .kontakt.datum{
    background-image:url(./../images/kalender.jpg);
    background-repeat:no-repeat;
    background-position:100% 50%
}
#KT .kontakt.telefon{
    background-image:url(./../images/telefon.jpg);
    background-repeat:no-repeat;
    background-position:100% 50%
}
#KT .kontakt.mail{
    background-image:url(./../images/mail.jpg);
    background-repeat:no-repeat;
    background-position:100% 50%
}
#KT .kontakt.person{
    background-image:url(./../images/person.jpg);
    background-repeat:no-repeat;
    background-position:100% 50%
}
#KT .kontakt.zeit{
    background-image:url(./../images/zeit.jpg);
    background-repeat:no-repeat;
    background-position:100% 50%
}
#KT .fleft.halb{
    width:48%;
    float:left;
    margin-bottom:15px
}
#KT .fright.halb{
    width:48%;
    float:right;
    margin-bottom:15px
}
#KT .ganz{
    width:100%;
    margin-bottom:15px
}
#KT input[type="text"]{
    height:40px;
    margin:0 0 10px
}
#KT select{
    height:55px;
    margin:0 0 10px;
	width:103.5%!Important;
	margin-bottom:15px
}

#KT input[type="text"]#captchaInput {
	height: 35px;
	margin: 0 0 10px;
	width: 2.5em;
	margin-left: 5px;
	border: 1px solid #666;
	padding: 0 2px;
	font-family: myOpen,sans-serif;
	font-size: 16px;
	text-align: center;
	border: 1px solid #ccc;}


@media only screen and (max-width:780px){
    #KT .fleft.halb{
        width:100%;
        float:none;
        margin-bottom:15px
    }
    #KT .fright.halb{
        width:100%;
        float:none;
        margin-bottom:15px
    }
}

@media only screen and (max-width:480px){
    #KT .kontakt{
        width:98%
    }


#KT .kontakt.datum{
    background-image:none;
    background-repeat:no-repeat;
    background-position:100% 50%
}
#KT .kontakt.telefon{
    background-image:none;
    background-repeat:no-repeat;
    background-position:100% 50%
}
#KT .kontakt.mail{
    background-image:none;
    background-repeat:no-repeat;
    background-position:100% 50%
}
#KT .kontakt.person{
    background-image:none;
    background-repeat:no-repeat;
    background-position:100% 50%
}
#KT .kontakt.zeit{
    background-image:none;
    background-repeat:no-repeat;
    background-position:100% 50%
}
}

#KT .btn{
    background:#FFD5A5;
    background-image:-webkit-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:-moz-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:-ms-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:-o-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:linear-gradient(to bottom,#FFD5A5,#FFD5A5);
    border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px 5px 5px 5px;
    border:1px solid #FFD5A5;
    color:#fff;
    font-size:24px;
    padding:2%;
    width:103%;
    cursor:pointer;
	font-family:'myOpen',sans-serif;
}
#KT.btn:hover{
    background:#FFD5A5;
    background-image:-webkit-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:-moz-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:-ms-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:-o-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:linear-gradient(to bottom,#FFD5A5,#FFD5A5);
    text-decoration:none
}


button.btn{
    background:#FFD5A5;
    background-image:-webkit-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:-moz-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:-ms-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:-o-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:linear-gradient(to bottom,#FFD5A5,#FFD5A5);
    border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px 5px 5px 5px;
    border:1px solid #FFD5A5;
    color:#fff;
    font-size:1.2em;
    padding:2%;
    width:100%;
    cursor:pointer;
	font-family:'myOpen',sans-serif;
}
button.btn:hover{
    background:#FFD5A5;
    background-image:-webkit-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:-moz-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:-ms-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:-o-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:linear-gradient(to bottom,#FFD5A5,#FFD5A5);
    border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px 5px 5px 5px;
    border:1px solid #FFD5A5;
    color:#fff;
    font-size:1.2em;
    padding:2%;
    width:100%;
    cursor:pointer;
	font-family:'myOpen',sans-serif;
}
button.btn:focus{
    background:#FFD5A5;
    background-image:-webkit-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:-moz-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:-ms-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:-o-linear-gradient(top,#FFD5A5,#FFD5A5);
    background-image:linear-gradient(to bottom,#FFD5A5,#FFD5A5);
    border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px 5px 5px 5px;
    border:1px solid #FFD5A5;
    color:#fff;
    font-size:1.2em;
    padding:2%;
    width:100%;
    cursor:pointer;
	font-family:'myOpen',sans-serif;
}
a.botton{
    width:100%;
    cursor:pointer;
    color:#FFF
}
a.botton:hover{
    width:100%;
    cursor:pointer;
    color:#FFF
}
a.botton:focus{
    width:100%;
    cursor:pointer;
    color:#FFF
}
input::-webkit-input-placeholder{
    color:#000
}
::-webkit-input-placeholder{
    color:#000
}
::-moz-placeholder{
    color:#000
}
:-ms-input-placeholder{
    color:#000
}
:-moz-placeholder{
    color:#000
}
:-ms-input-placeholder{
    color:#000!important
}
::-ms-input-placeholder{
    color:#000
}




:root {
    --purple: #424042;
    --red: #C88F2F;
}
* {
    padding: 0;
    margin: 0;
    border: none;
}

.highlight {
    background: rgba(255,215,0,0.115);
}
/* #####################################################*/
/* ######################## Kontakt ####################*/
/* #####################################################*/


/* #####################################################*/
/* ######################## Cookie  ####################*/
/* #####################################################*/
#keks {height:25px; width:80%;  padding:0 0 0 35px; margin: 0; color: #000000;  font-size: 22px;  font-weight: 400;  margin-bottom: 10px;  background-image: url('./../images/mykeks.png'); background-repeat: no-repeat; background-position:0 0; background-size: 25px auto; }
#keks IMG{width:100%; height:auto; max-width:360px}

#gdpr-cookie-message {
    position: fixed;
	width: 96%;
    max-width:420px;
    background-color: #FFFFFF;
    padding: 40px 2%;
	z-index:99999999999999999999999999999;
	text-align:left;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	border: 0px solid #000000;
	border-radius:15px;
	padding-top:35px;
}
@media screen and (max-width: 500px) {
#gdpr-cookie-message {width:85%;}
}
#gdpr-cookie-message h4 {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: left;
}
#gdpr-cookie-message li {
    width: 120px;
    display: inline-block;
	text-align:left
}
#gdpr-cookie-message a {
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    padding-bottom: 2px;
}
#gdpr-cookie-message a:hover {
    color: #000000;

}

button#gdpr-cookie-accept{
	width:96%;
	padding:8px 2%;
	border-radius:4px;
	background-color:#FFD5A5;
	margin:0;
	margin-top:5px;
	margin-bottom:10px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:24px;
	text-transform:uppercase;
	font-family:'myOpen',sans-serif;
	
}
button#gdpr-cookie-accept-save{
	width:96%;
	padding:8px 2%;
	border-radius:4px;
	background-color:#FFD5A5;
	margin:0;
	margin-top:25px;
	margin-bottom:10px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:24px;
	text-transform:uppercase;
	opacity:1;
	font-family:'myOpen',sans-serif;
	
}
button#gdpr-cookie-advanced{
	width:96%;
	padding:8px 2%;
	border:1px solid #000000;
	border-radius:4px;
	background-color:#FFFFFF;
	margin-bottom:10px;
	cursor:pointer;
	color:#000000;
	font-size:24px;
	margin:0;
	display:none;
	font-family:'myOpen',sans-serif;
}




#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}
#gdpr-cookie-types{margin:0; padding:0; }
#gdpr-cookie-types ul{margin:0; padding:0; margin-left:0}
#gdpr-cookie-types ul li{margin:0; padding:0; margin-left:0; width:320px}
#gdpr-cookie-message-back{background-color:#000000; opacity:0.4; width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999999}

/*button#ihavecookiesBtn{position:absolute; right:55px; bottom:8px; width:250px;}*/
#cookiezusatz{width:100%; text-align:center; margin-top:10px}
#cookiezusatz a{text-decoration:none; text-transform:uppercase;}


#gdpr-cookie-message ul li {width:99%;}
button#gdpr-cookie-accept-save{width:99%;}
button#gdpr-cookie-accept{width:99%; display:none}
#gdpr-cookie-message ul li {position:relative; width:99%; margin-bottom:6px}
#gdpr-cookie-message ul li label {font-size: 12px; line-height: 1.5em; }
#gdpr-cookie-message ul li IMG {width:20px; height:auto; cursor:pointer }
#gdpr-cookie-message ul li .cookieinfo {position:absolute; top:2px; right:0; z-index:10}


	


#info1{display:none; position:absolute; top:30px;  padding:20px; border-radius:5px; left:92.5%; width: 300px !important; background-color:#FFFFFF;  z-index:11}
#infoanalytics{display:none; position:absolute; top:30px;  padding:20px; border-radius:5px; left:92.5%; width: 300px !important; background-color:#FFFFFF;  z-index:11}
#infomarketing{display:none; position:absolute; top:30px;  padding:20px; border-radius:5px; left:92.5%; width: 300px !important; background-color:#FFFFFF;  z-index:11}

@media screen and (max-width: 1100px) {
#gdpr-cookie-message ul li {width:99%;}
button#gdpr-cookie-accept-save{width:99%;}
button#gdpr-cookie-accept{width:99%;}
#info1{display:none; position:relative; top:2px; right:0; padding: 0; border-radius:0; left:0}
#infoanalytics{display:none; position:relative; top:2px; right:0; padding: 0; border-radius:0; left:0}
#infomarketing{display:none; position:relative; top:2px; right:0; padding: 0; border-radius:0; left:0}
}





@media screen and (max-width: 780px) {
@media only screen and (orientation: landscape) {
#keks{width:90%; text-align:center}
#gdpr-cookie-message {width:90%;}
#gdpr-cookie-text{height:150px; overflow-y:scroll}
}
}

@media screen and (max-width: 480px) {
	#gdpr-cookie-message { width:88%; padding:40 6%}
	#gdpr-cookie-message p, #gdpr-cookie-message ul {font-size: 12px; line-height: 1.6em;}
	#gdpr-cookie-message ul li label {font-size: 12px;line-height: 1.2em; }
    #info1{display:none; max-width:280px; margin:15px 0}
	#infoanalytics{display:none; max-width:280px; margin:15px 0}
}


@media screen and (max-height: 570px) {
#keks{width:90%; text-align:center}
#gdpr-cookie-message {width:90%;}
#gdpr-cookie-text{height:146px; overflow-y:scroll}
}



@media screen and (max-width: 780px) {
@media only screen and (orientation: landscape) {
	#gdpr-cookie-message{position:absolute;
		top:0;
		left:0;
		transform: translate(0,0);
		width:96%
	}
 }
}



.ui-draggable, .ui-droppable {
	background-position: top;
}
.image-caption {width:100%; font-size:12px; padding:5px 0; text-align:right}
@media screen and (max-width: 780px) {
.image-caption { font-size:10px;}
}