* {
    margin: 0;
    padding: 0;
}

/*--- Allgemein -------------------------*/

body
{
  font-family: 'Arial', sans-serif;
  color: #444444;
  font-size:17px;
  line-height: 24px;
  min-height: 100vh;
}
/*--Cookie-------------------------*/  
#cookieconsent\:body > div > a
{
  color:#333;
}

/*--MAPS-------------------------*/  
.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.clear {clear:both;}


/*------------------------------------------------ Mobil --------------------------------------------------------------*/

/*---KOPF-------------------------*/  

#top
{	
	z-index:1000;
	top:0px;
	height:100px;
	max-width:1000px;
	width: 90%;
    margin-left: auto;
    margin-right: auto;
}



/*LOGO --------------*/

#logo
{
  width:125px;
  padding-top: 5px;
  display:inline-block;
  position: relative;
    z-index: 1500;
}


#logo img
{
	width:68%;
    height:auto;
}

 /*---Slider-------------------------*/
#key
{
  background:#4e5056;
  margin-top:-20px;
}

#key .inner
{
  width:90%;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  border-left:5px solid #fff;
  border-right:5px solid #fff;
}

#key img
{
  width:100%;
  height:auto;
}

@keyframes slowFadeIn {
  0% {
    color: rgba(255, 255, 255, 0);
    letter-spacing: 0.15em;
    opacity: 0;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0);
    transform: scale(.7);

  }
  30% {
    text-shadow: 0 0 5px rgba(0, 0, 0, .5);

  }
  100% {
    color: rgba(255, 255, 255, 1);
    letter-spacing: 0.15em;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
    transform: scale(1);
  }
}


.slick-bgimg .slick-item .slick-text
{
  top:35%;  
}

.slick-bgimg .slick-item .slick-text .h1
{
        font-size: 1.0em;
        letter-spacing: 0.15em;
       
}

.slick-bgimg .slick-item .slick-text .h2
{
  font-size:0.65em;

        letter-spacing: 0.15em;
}

.slick-bgimg .slick-item.slick-active .slick-text .h1, .slick-bgimg .slick-item.slick-active .slick-text .h2
{
          animation: slowFadeIn 3s ease;
        }



 /*---Inhalt-------------------------*/

main
{
  margin-bottom:100px;
  margin-top:50px;
      min-height: 60vh;
  width:85%;
  max-width:1000px;
  margin-left:auto;
  margin-right:auto;
}


 /*---Inhalt-------------------------*/

#footer
{
	background:#324253;
  	line-height: 30px;
    font-size: 15px;
  width:100%;
}

#footer .container
{
	max-width:1000px;
  width:85%;
  	margin-left:auto;
  	margin-right:auto;
  color:#FFF;
  padding:40px 0px 15px 0px;
}

#footer li
{
  display:inline-flex;
}

#footer a
{
  color:#fff;  
  text-decoration:none;
  display:block;
}
#footer .button
{
  background:#fff;
  padding:10px 5px;
  
}

#footer a:hover
{
  text-decoration:underline;
}


#footer ul
{
  text-align:center;
}

#footer li
{
  padding:10px 30px;
}

#footer div.ce-gallery 
{
  float: left;
    padding: 0px 12px 0px 0px;
}

#footer .ce-bodytext
{
  display:inline;
}


/*------------------------------------------------ Browser (ab 768 PX) ------------------------------------------------------------*/

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

}
/*------------------------------------------------ Browser (ab 1150 PX) ------------------------------------------------------------*/

@media screen and (min-width:1150px)
{  
  
/*---KOPF-------------------------*/  

#top
{
  height: 150px;
}
 
  
/*LOGO --------------*/

#logo
{
  width:20%;
  max-width:225px;
  float: left; 
  position:absolute;
  padding-top:12px;
}
  
   /*---Slider-------------------------*/

#key .inner
{

  border-left:10px solid #fff;
  border-right:10px solid #fff;
}

  .slick-bgimg .slick-item .slick-text .h1
{
        font-size: 2.25em;
        letter-spacing: 0.15em;
       
}

.slick-bgimg .slick-item .slick-text .h2
{
  font-size:1.75em;

        letter-spacing: 0.15em;
}

 /*---Inhalt-------------------------*/



  

  
  
/*------------------------------------------------ Browser (ab 1275 PX) ------------------------------------------------------------*/

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