body{
  margin: 0px;
  font-family: Arial;
}

p{
  color: rgb(117,117,117);
}

.Meldung{
  background-color: orange;
  padding: 20px;
}

/* indie-flower-regular - latin */
@font-face {
  font-family: 'Indie Flower';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/indie-flower-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Indie Flower'), local('IndieFlower'),
       url('../fonts/indie-flower-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/indie-flower-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/indie-flower-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/indie-flower-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/indie-flower-v11-latin-regular.svg#IndieFlower') format('svg'); /* Legacy iOS */
}
/* indie-flower-regular - latin */
@font-face {
  font-family: 'Indie Flower';
  font-style: normal;
  font-weight: 400;
  src: local('Indie Flower'), local('IndieFlower'),
       url('../fonts/indie-flower-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/indie-flower-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.header{
  height: 900px;
  background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("Bilder/HintergrundEiscafeGrabe4.jpg");
  background-size: cover;
  background-position: 50% 62%;
}

.header-navbar-links{
  color: white;
  float: right;
  margin-top: 100px;
  margin-right: 0px;
  font-size: 130%;
  display: none;
}

@media(min-width: 1150px){
  .header-navbar-links{
    display: block;
}
}

.side-menu{
  background-color: rgb(60,60,60);
  padding-top: 10px;
}

.h3Ü{
  padding: 10px;
  padding-bottom: 15px;
  margin-bottom: 0px;
  border-bottom: 1px solid white;
  font-size: 20px;
  font-family: serif;
  font-weight: lighter;
  color: white;
}

.side-menu-navigation{
  color: black;
  list-style-type: none;
}


.side-menu-navigation li{
  width: 100%;
  border-bottom: 1px solid white;
  margin-left: 0px;
  margin-bottom: 0px;
  }

.side-menu-navigation li i{
  display: inline-block;
  padding: 10px;
  color: white;
}

.side-menu-navigation li a{
  display: inline-block;
  padding-top:10px;
  padding-bottom:10px;
  padding-left: 0px;
  text-decoration: none;
  color: white;
  font-family: sans-serif;
  font-weight: lighter;
}

.side-menu-navigation li a strong{
  display: inline-block;
  padding-top:0px;
  padding-bottom:0px;
  padding-left: 0px;
  text-decoration: none;
  color: rgb(60,60,60);
  font-family: sans-serif;
  font-weight: lighter;
}

.header-navbar-links li{
  display: inline-block;
}

.header-navbar-links li a{
  text-decoration: none;
  color: #fff;
  padding: 5px 10px;
  border:1px solid transparent;
  transition: 0.6s ease;
}
.header-navbar-links li a:hover{
  background-color:#fff;
  color: #000;
}

li{
  float: left;
  list-style-type: none;
  margin-left: 7px;

}

.header-navbar-links a{
  color: white;
  text-decoration: none;
}

.header-brand-wrapper{
  margin-top: 100px;
  margin-left: 0px;
  float:left;
}

.header-brand{
  color: rgb(255,255,255);
  text-decoration: none;
  font-weight: normal;
  font-size: 155%;
  margin-top: -20%;
  margin-left: -20%;
  display: block;
  text-shadow: 0px 0px 1000px red;
  font-style: italic;
  text-align: center;
  font-family: "Comic Sans MS", sans-serif;

}

.header-brand1:hover{
  color: white;
  font-weight: bold;
  background-color: white;
  color: orange;
  border: 3px solid orange;
  border-radius: 20px;
  padding: 5px;
  margin-top: -8%;
  margin-left: 0px;
  font-family: Arial;
  transition: all 2s;
}

.slogan{
  color: rgb(255,255,255);
  text-align: center;
  padding-top: 170px;
  text-shadow: 0px 0px 500px black;

}

.slogan-top{
  font-size: 200%;
  font-weight: lighter;
  font-family: sans-serif;
  margin-bottom: 20px;
  text-align: center;
  text-shadow: 0px 0px 500px black;
}

.slogan-bottom{
  font-size: 500%;
  font-weight: bold;
  margin-bottom: 40px;
  text-align: center;
  text-shadow: 0px 0px 500px black;
}

@media(max-width: 550px){
  .slogan-bottom{
    font-size: 400%;
    font-weight: bold;
    margin-bottom: 40px;
    text-align: center;
  }
}


.Button{
  color: rgb(255,255,255);
  text-shadow: 0px 0px 200px blue;
  text-align: center;
  font-size: 140%;
  margin: 30px;
  background-color: transparent;
  padding: 10px;
  border: 3px solid white;
  text-decoration: none;
  border-radius: 10px;
  font-style: italic;
}

.Button:hover{
  color: orange;
  background-color: white;
  border: 5px solid orange;
  font-style: italic;
}

#side-menu-trigger{
  float: right;
  color: white;
  margin-top: 100px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 240%;
  height: inherit;
}

@media(min-width: 1150px){
  #side-menu-trigger{
      display: none;
}
}

.Überschrieftname{
  background-color: rgb(255,150,0);
  padding: 100px;
  padding-top: 40px;
  font-size: 140px;
  text-align: center;
  color: white;
}

.zurücklink i{
  background-color: rgb(255,150,0);
  padding:10px;
  padding-right: 1400px;
  padding-left: 30px;
  padding-top: 30px;
  color: white;
  text-decoration: none;
  font-size: 20px;
  margin: 0px;
}

.zurücklink:hover{
  background-color: rgb(255,150,0);
  padding: 0px;
  padding-right: 1400px;
  padding-left: 0px;
  padding-top: 30px;
  color: gray;
  text-decoration: none;
  font-size: 20px;
  margin: 0px;
}


.AngebotÜ{
  font-style: italic;
  font-weight: normal;
}

.AboutUs{
  padding-top: 100px;
  padding-bottom: 80px;
}

.AboutUs p{
  color: rgb(117,117,117);
}

.ourservices{
  font-size: 20px;
}

.headlineau{
  margin-bottom: 50px;
}

.AboutUs h1{
  color: rgb(30,30,30);
}                                                                               /*** Komentar */

.AboutUs-icon{
  color: rgb(220,220,220);
  font-size: 1000%;
  text-align: center;
  margin-top: 10%;
  display: none;
  margin:0px;
}

@media (min-width: 550px) {
  .AboutUs-icon{
      display: block;
  }
}

@media (min-width: 850px) {
  .AboutUs-icon{
      font-size: 1000%;
  }
}

@media (min-width: 1100px) {
  .AboutUs-icon{
      font-size: 1600%;
  }
}

.Services{
  background-color: rgb(250,250,250);
  padding-top: 100px;
  padding-bottom: 100px;

}

.AufzählungText{
  list-style-type: disc;
}


#icon{
  width: 30px;
  font-size: 20px;
  height: 20px;
}

#Produkt{
  font-size: 20px;
  width: 270px;
  height: 30px;
  font-style: italic;
  color: black;
  text-align: left;
  line-height: 10px;
}



@media(max-width: 1060px){
  #Produkt{
    font-size: 15px;
    width: 200px;
  }
}

@media(max-width: 550px){
  #Produkt{
    font-size: 10px;
    width: 90px;
  }
}


#Montag{
  color: white;
}
.Montag{
  margin-top: 50px;

}
.ersteZeit{
  margin-top: 50px;
}

.letzeZeit{
  margin-bottom: 100px;
}

.Öffnungszeiten{
  background:
  radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0,
  radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0,
  radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 17%, rgba(255,255,255,.43) 19%, rgba(255,255,255,0) 20%) 0 110px,
  radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px,
  radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px,
  radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.2) 13%, rgba(255,255,255,0) 14%) 0 0,
  linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0b1284 50%, #760ea1 60%, #83096e 70%, #840b2a 80%, #b13e12 90%, #e27412 100%);
  background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;
  background-color: #840b2a;
}
}

#Tage{
  color: rgb(255,255,255);
  font-weight: bold;
  font-size: 25px;
}

#Zeiten{
  color: white;
  text-align: left;
  font-weight: bold;
  font-size: 25px;
}

.ÜberschriftÖff{
  font-weight: lighter;
  font-family: sans-serif;
  color: white;
  text-align: center;
  padding-top: 100px;
}

#Öffnungszeiten{
  background-color: rgb(50,50,50);
}

@media(max-width: 920px){
  .Montag{
    margin-top: 50px;
    color: red;
  }
  .ersteZeit{
    margin-top: 50px;
  }

  .letzeZeit{
    margin-bottom: 100px;
  }

  .Öffnungszeiten{
    background:
    radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0,
    radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0,
    radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 17%, rgba(255,255,255,.43) 19%, rgba(255,255,255,0) 20%) 0 110px,
    radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px,
    radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px,
    radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.2) 13%, rgba(255,255,255,0) 14%) 0 0,
    linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0b1284 50%, #760ea1 60%, #83096e 70%, #840b2a 80%, #b13e12 90%, #e27412 100%);
    background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;
    background-color: #840b2a;}

  #Tage{
    color: white;
    font-weight: bold;
    font-size: 20px;
  }

  #Zeiten{
    color: white;
    text-align: right;
    font-weight: bold;
    font-size: 20px;
  }

  .ÜberschriftÖff{
    font-weight: lighter;
    font-family: sans-serif;
    color: white;
    text-align: center;
    padding-top: 100px;
  }
}

.ÖffnungszeitenSpruchunten{
  color: white;
  font-size: 20px;
}

@media(max-width: 550px){
  .Montag{
    margin-top: 50px;
  }
  .ersteZeit{
    margin-top: 50px;
  }

  #Tage{
    color: white;
    font-weight: bold;
    font-size: 15px;
    width: 50%;
  }

  #Zeiten{
    color: white;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    width: 50%;
  }

  .letzeZeit{
    margin-bottom: 100px;
  }

  .Öffnungszeiten{
    background:
    radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0,
    radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0,
    radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 17%, rgba(255,255,255,.43) 19%, rgba(255,255,255,0) 20%) 0 110px,
    radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px,
    radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px,
    radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.2) 13%, rgba(255,255,255,0) 14%) 0 0,
    linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0b1284 50%, #760ea1 60%, #83096e 70%, #840b2a 80%, #b13e12 90%, #e27412 100%);
    background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;
    background-color: #840b2a;}

  .Tage{
    color: white;
    font-weight: bold;
    font-size: 13px;
  }

  .Zeiten{
    color: white;
    text-align: right;
    font-weight: bold;
    font-size: 13px;
  }

  .ÜberschriftÖff{
    font-weight: lighter;
    font-family: sans-serif;
    color: white;
    text-align: center;
    padding-top: 100px;
    font-size: 50px;
  }
}


.ulÖff{
  color: rgb(255,255,255);
  list-style-type: none;
  background-color: rgb(255,175,0);
  margin-top: 50px;
  margin-bottom: 75px;
  font-size: 180%;
  line-height: 240%;
}
.ulÖff li{
  width:100%;
  float: left;
  margin-left: 0px;
}


@media(min-width: 400px){
  .ulÖff li{
    width:100%;
    margin-bottom: 0px;
    font-size: 65%;
    height: 80%;
    }
}


@media(min-width: 550px){
  .ulÖff li{
    width:100%;
    margin-bottom: 0px;
    font-size: 50%;
    height: 80%;
    }
}


@media(min-width: 730px){
  .ulÖff li{
    width:100%;
    margin-bottom: 0px;
    font-size: 60%;
    height: 80%;
    }
}


@media(min-width: 780px){
  .ulÖff li{
    width:100%;
    margin-bottom: 0px;
    font-size: 70%;
    height: 80%;
    }
}

@media(min-width: 920px){
  .ulÖff li{
    width:100%;
    float: left;
    font-size: 100%;
    }
}

.ulÖff .fa{
  font-size: 150%;
}


#Produkt2{
  font-size: 100%;
  width: 170px;
  height: 30px;
  font-style: italic;
  color: black;
  text-align: left;
  color: white;
  margin-right: 60px;
  line-height: 240%;
}


@media(max-width: 680px){
  #Produkt2{
    margin-right: -20px;
  }
}




.mySlides{
  width: 5500%;
  margin: 0px;
  margin-left: 50px;
  padding-left: 120px;
  padding-right: 120px;
  padding-top: 50px;
  padding-bottom: 130px;
  border-radius: 200px;
}

@media(max-width: 1330px){
  .mySlides{
    width: 4500%;
  }
}

@media(max-width: 1100px){
  .mySlides{
    width: 3500%;
  }
}

@media(max-width: 900px){
  .mySlides{
    width: 2700%;
  }
}

@media(max-width: 730px){
  .mySlides{
    width: 2200%;
  }
}


@media(max-width: 530px){
  .mySlides{
    width: 1500%;
    margin-left: -70px;
  }
}

.Gallerie{
 background-color: rgb(255,175,0);
}
.ügallerie{
 color: white;
 text-align: center;
 font-weight: lighter;
 padding-top: 75px;
 font-family: sans-serif;
 font-size: 4.2rem;
}



.optionen a{
  color: black;
}

.iconlink2{
  color: white;
}


.iconlink2:hover{
  color: rgb(0,150,255);
}


.iconlink3{
  color: white;
}


.iconlink3:hover{
  color: rgb(255,50,0);
}


.Features{
 padding-top: 100px;
 padding-bottom: 100px;
 background-color: rgb(230,230,230);
}

.Feature-icon{
 width:70px;
 height:65px;
 background-color: rgb(30,30,30);
 color: white;
 border-radius: 35px;
 text-align: center;
 font-size:35px;
 padding-top: 5px;
 float: left;
 transition: all 0.5s;
}

@media (min-width: 550px) {
 .Feature-icon{
     display: none;
 }
}

@media (min-width: 750px) {
 .Feature-icon{
     display: block;
 }
}

.Features-text{
 margin-left: 90px;
}

@media (min-width: 550px) {
 .Features-text{
     margin-left: 0px;
 }
}

@media (min-width: 750px) {
 .Features-text{
     margin-left: 90px;
 }
}

.Feature-icon:hover{
 transform: rotate(720deg);
 transition: all 0.7s;
}

.Features-text h5{
 margin-bottom: 7px;
 font-weight: bold;
 font-family: sans-serif;
 font-size: 140%;
 color: rgb(30,30,30);
}
.Features-text p{
 color: rgb(117,117,117);
 margin-bottom: 60px;
}

.clients{
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: rgb(245,245,245);
}

.clients h2{
  font-weight: lighter;
  font-family: sans-serif;
  margin-bottom: 0px;
  text-align: center;
}

.Clients-satz{
  text-align: center;
}

.Client-img{
  width: 100%;
  border-radius:50000px;
  border: 5px solid rgb(255, 255, 255);
  margin-top: 40px;
  display:none;
}

@media(min-width: 550px){
  .Client-img{
    display: block;
  }
}


.Client-img2{
  width: 100%;
  border-radius:50000px;
  border: 5px solid rgb(255, 255, 255);
  margin-top: 40px;
  display:none;
}

@media(min-width: 550px){
  .Client-img2{
    display: block;
  }
}

.client-quote{
  border: 2px solid rgb(235,235,235);
  background-color: rgb(255,255,255);
  padding-left: 30px;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-right: 30px;
  border-radius: 3px;
  font-size: 150%;
  font-style: italic;
  font-weight: lighter;
  font-family: sans-serif;
  margin-bottom: 0px;
  position: relative;

}

@media(min-width: 550px){
  .client-quote{
    padding-left: 75px;
    padding-right: 75px;
  }
}

.client-quote2{
  border: 2px solid rgb(235,235,235);
  background-color: rgb(255,255,255);
  padding-left: 30px;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-right: 30px;
  border-radius: 3px;
  font-size: 150%;
  font-style: italic;
  font-weight: lighter;
  font-family: sans-serif;
  margin-top: 20px;
  position: relative;

}
@media(min-width: 550px){
  .client-quote2{
    padding-left: 75px;
    padding-right: 75px;
  }
}

.client-qoute-author{
  font-style: normal;
  font-size: 80%;
  color: rgb(119,147,197);
  margin-bottom: 0px;
  padding-top: 15px;
}

.Client-quote-img{
  width: 50px;
  height: 50px;
  border-radius: 25px;
  float: left;
  margin-right: 20px;
}

@media(min-width: 550px){
  .Client-quote-img{
      display: none;
  }
}

@media(min-width: 550px){

.client-poute--arrow{
  width: 0px;
  height: 0px;
  position:absolute;
  top: 50%;
  left: -26px;
  margin-top: -13px;
  border-top: 13px solid transparent;
  border-left: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 13px solid white;

}
.client-poute--arrow-border{
  width: 0px;
  height: 0px;
  position:absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border-top: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid rgb(235,235,235);

}

.client-poute--arrow2{
  width: 0px;
  height: 0px;
  position:absolute;
  top: 50%;
  right: -26px;
  left: auto;
  margin-top: -13px;
  border-top: 13px solid transparent;
  border-left: 13px solid white;
  border-bottom: 13px solid transparent;
  border-right: 13px solid transparent;

}
.client-poute--arrow-border2{
  left: 0px;
  height: 0px;
  position:absolute;
  top: 50%;
  right: -30px;
  left: auto;
  margin-top: -15px;
  border-top: 15px solid transparent;
  border-left: 15px solid rgb(235,235,235);
  border-bottom: 15px solid transparent;
  border-right: 15px solid transparent;

}
}
.team{
  background:
  linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
  linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
  linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
  linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
  linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
  linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
  background-color: #131313;
  background-size: 20px 20px;  color: rgb(255,255,255);
  padding-top: 100px;
  padding-bottom: 0px;
}

.Team-hadding{
  font-weight: lighter;
  font-family: sans-serif;
  text-align: center;
  margin-bottom: 0px;
}

.Team-sub-hadding{
  text-align: center;
  margin-bottom: -60px;
}

.circle-image{
  width: 100%;
  height: 100%;
  border-radius:50000px;
  border: 5px solid rgb(255, 255, 255);
}

.team-image{
  max-width:80%;
  text-align: center;
}

@media(max-width: 550px){

  .team-image{
    max-width:30%;
    text-align: center;
    margin-top: 30px;
  }
}

.team-image-container{
  text-align: center;
}

.team-name{
  font-weight:bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0px;
}


@media(max-width: 550px){
  .team-name{
    font-weight:bold;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.team-name-desk{
  text-align: center;
  margin-bottom: 7px;
}

.team-icon{
  color: rgb(255,255,255);
  border: 3px solid white;
  border-radius: 100000000px;
  height: 25px;
  width: 25px;
  display: inline-block;
  text-align: center;
}

.team-icon .fa{
  margin-top: 5px;
}

.team-icons{
  text-align: center;

}

.team-slogan{
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
}

.vorstellung{
  color: white;
  font-size: 19.2px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 20px;
  border: 3px solid white;
  padding-right: 20px;
  padding-left: 40px;
  margin-top: 20px;
  margin-bottom: 100px;
}


.contact{
  background-color: rgb(255,175,0);
  color: rgb(0,0,0);
  padding-top: 100px;
  padding-bottom: 80px;
}

.contact-sayhello{
  font-weight: lighter;
  font-family: sans-serif;
  margin-bottom: 15px;
  color: rgb(255,255,255);
}

.contact-sayhello-desk{
  color: white;
  font-weight: lighter;
  font-family: sans-serif;
  margin-bottom: 50px;

}

@media(min-width: 550px){
  .contact-sayhello-desk{
    color: white;
    font-weight: lighter;
    font-family: sans-serif;
    margin-bottom: 10px;
  }
}

@media(min-width: 550px){
  .contact-sayhello-desk{
    color: white;
    font-weight: lighter;
    font-family: sans-serif;
    margin-bottom: 50px;
  }
}
.contact-methops{
  color: rgb(255,255,255);
  list-style-type: none;
}
.contact-methops li{
  width:50%;
  float: left;
  margin-left: 0px;
}

@media(min-width: 550px){
  .contact-methops li{
    width:100%;
    margin-bottom: 0px;
    font-size: 80%;
    height: 80%;
    }
}

@media(min-width: 850px){
  .contact-methops li{
    width:50%;
    float: left;
    font-size: 100%;
    }
}

.contact-methops .fa{
  font-size: 150%;
}



.Eiskarte{
  color: rgb(0,0,0);
  list-style-type: none;
}
.Eiskarte li{
  width:50%;
  float: left;
  margin-left: 0px;
}

@media(min-width: 550px){
  .Eiskarte li{
    width:100%;
    margin-bottom: 0px;
    font-size: 80%;
    height: 80%;
    }
}

@media(min-width: 850px){
  .Eiskarte li{
    width:50%;
    float: left;
    font-size: 110%;
    }
}

.Eiskarte .fa{
  font-size: 150%;
}


















.Emailadresse{
  font-size: 11px;
}

.contact-icon{
  display: inline-block;
  width: 40px;
  text-align: center;
  height: 3.5em;
}

#contact-input1{
  width: 100%;
  margin-bottom: 20px;
  border: 1px;
  border-color: rgb(117,117,117);
  border-style: solid;
}


#contact-input2{
  width: 100%;
  margin-bottom: 20px;
  border: 1px;
  border-color: rgb(117,117,117);
  border-style: solid;
}

#contact-input3{
  width: 100%;
  margin-bottom: 20px;
  border: 1px;
  border-color: rgb(117,117,117);
  border-style: solid;
}

#contact-input1:focus{
  border-style: 1px solid rgb(30,30,30);

}
#contact-input2:focus{
  border-style: 1px solid rgb(30,30,30);
}
#contact-input3:focus{
  border-style: 1px solid rgb(30,30,30);
}

.contact-input:hover{
  background-color: rgb(235,235,235);
  transition: 0.6s ease;
}

.contact-message{
  height: 140px;
}

.contact-label{
  color: white;
  display: none;
}

.no-placeholder .contact-label{
  display: block;
}

input.contct-submit[type="submit"]{
  background-color: rgb(255,255,255);
  width: 200px;
}

input.contct-submit[type="submit"]:hover{
  background-color: rgb(200,0,0);
  color: white;
}

.footer{
  background-color: rgb(255, 175, 0);
  text-align: center;
  font-weight: lighter;
}

.footer p{
  color: white;
}

.footer hr{
  margin-top:0px;
  margin-bottom: 25px;
}

.footer a{
  color: white;
  text-decoration: none;
}

#Bestätigung{
  color: rgb(255,255,255);
}