  @font-face {
  font-family: 'Caveat Brush';
  font-style: normal;
  font-weight: 400;
  }
#box1 {
  float:left;
  margin: 3,5%;
  width: 25%;
  min-width: 350px;
  border:0px

}

#box1a {
  border:0px;
  margin: 0px;
  color: #fff;
  font: Arial;
}
/* boxen 3er */
#box1b {
  border:0px;
    margin: 0px;
  width: 30%;
  min-width: 350px;
  background: #FF8000;
}
/* boxen menue + impressum */
#box2b {
  border:0px;
    margin: 0px;
  width: 30%;
  min-width: 350px;
  background: #494949;
}




#box1c {
   border:0px;
    margin: 0px;
  width: 30%;
  min-width: 350px;

  background-color: #494949;

}
#box1d {
   border:0px;
  margin: 0px;
  text-align: center;
  font-family: 'Trebuchet MS', cursive;
  font-size: 250%;
  color: #000;

  background-color: #ffd800;

}

#box2 {
 margin: auto;
 width:80%;
 display: flex;
 justify-content: center;
 align-items: center;
 background: #494949;
 color:  #fff;
 border:0px;

}


#box3 {
 margin: 20px;
 width:80%;
  color:  #fff;
  font-family: 'verdana', regular;
 border:0px;

}

#cbox { text-align: center}
#box, #bbox, #cbox { margin: 20px auto;}
#box { border-bottom: 0px solid firebrick}
#bbox { border-top: 0px solid firebrick}
.box, .bbox, .cbox { display: inline-block;width:90%; min-width: 350px; max-width: 27%; border:0px solid silver;box-sizing: border-box; margin-bottom: 10px}
.box { background: }
.bbox { background: }
.cbox { background: ; margin: 10px}
.box h5, .bbox h5, .cbox h5 { font-size: 1.5em; margin: 0; padding: 5px 10px; text-align: left}
.box p, .bbox p, .cbox p {margin: 0; padding: 5px 10px; text-align: left}
@media only screen and (min-width:460px){
        .box, .bbox, .cbox { width:30%; }
        .bbox, .cbox { vertical-align: top; }
        .cbox { margin: 10px}
}

@media only screen and (min-width:680px){
        .cbox:last-child { margin: 10px 0 10px 10px}
        .cbox:first-child { margin: 10px 10px 10px 0}




#cbox2 { text-align: center}
#box, #bbox, #cbox { margin: 20px auto;}
#box { border-bottom: 0px solid firebrick}
#bbox { border-top: 0px solid firebrick}
.box, .bbox, .cbox2 { display: inline-block;width:90%; min-width: 350px; max-width: 80%; border:0px solid silver;box-sizing: border-box; margin-bottom: 10px}
.box { background: }
.bbox { background: }
.cbox2 { background: ; margin: 10px}
.box h5, .bbox h5, .cbox2 h5 { font-size: 1.5em; margin: 0; padding: 5px 10px; text-align: left}
.box p, .bbox p, .cbox2 p {margin: 0; padding: 5px 10px; text-align: left}
@media only screen and (min-width:460px){
        .box, .bbox, .cbox { width:30%; }
        .bbox, .cbox2 { vertical-align: top; }
        .cbox2 { margin: 10px}
}

@media only screen and (min-width:680px){
        .cbox2:last-child { margin: 10px 0 10px 10px}
        .cbox2:first-child { margin: 10px 10px 10px 0}



#cbox3 { text-align: center; background-image: url("img/fire.jpg") }
#box, #bbox, #cbox3 { margin: 20px auto;}
#box { border-bottom: 0px solid firebrick}
#bbox { border-top: 0px solid firebrick}
.box, .bbox, .cbox3 { display: inline-block;width:40%; min-width: 350px; max-width: 80%; margin-bottom: 10px}
.box { background:}
.bbox { background:}
.cbox3 { background: ; margin: 10px}
.box h5, .bbox h5, .cbox3 h5 { font-size: 1.5em; margin: 0; padding: 5px 10px; text-align: left}
.box p, .bbox p, .cbox3 p {margin: 0; padding: 5px 10px; text-align: left}
@media only screen and (min-width:460px){
        .box, .bbox, .cbox3 { width:30%; }
        .bbox, .cbox3 { vertical-align: top; }
        .cbox3 { margin: 10px}
}

@media only screen and (min-width:680px){
        .cbox3:last-child { margin: 10px 0 10px 10px}
        .cbox3:first-child { margin: 10px 10px 10px 0}




#adbox {
            width: 100%;
            display: flex;
    justify-content: center;
    align-items: center;
            background-image: url("img/fire.jpg")
        }
        #adbox .adbox1 {
            width: 50%;
            float:left;
            }
        #adbox .adbox2 {
            width: 50%
            float:left;
    }
    .clear{
         clear:both;
    }