/* style.css */


@charset "utf-8";

      *{
        color: #f0f0f0;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        font-family: gfs-neohellenic, sans-serif;
        /* border: 1px solid red; */
      }
      /* Wrapper */
      .wrapper{
        margin: 10px auto 20px auto;
        min-width: 300px;
        max-width: 1000px;

      }
      /* Header */
      .row{margin: 0px; padding: 0px;}
      header img{
        width: 100%;
        max-width: 1000px;

        
      }
      header h2, header h3{
        display: none;
      }
      header #banner{
        background: #111111;
        border-radius: 8px;
        max-width: 1000px;
        margin: 0 auto;
      }
      <!-- header #banner:hover{
         background: rgba(50,50,50, 0.70);
      } -->
      /* MENUE Top */
      header nav{
        display: block;
        margin: 0;
        padding: 0;
      }
      header nav ul{
        display: block;
        list-style: none;
        /* margin:0px 12% 0px 12%;  */
        margin:0px auto;
        
        padding: 0px;
        min-width: 300px;
        width: 70%;
      }
      header nav li{
        float: left;
        /* border: 1px solid magenta;  */
        /* background: green; */
        /* margin: -15px 0; */
      }
      header nav li a{
        text-decoration: none;
        background: #111111;
        margin:10px 4px;
        padding:10px 10px;
        letter-spacing: 2px;
        display: inline-block;
        border-radius: 4px;
      }
      header nav li a:hover{
        padding-top: 5px;
        margin-top: 15px;
        -moz-box-shadow: 5px 5px 15px #ccc;
        -webkit-box-shadow: 5px 5px 15px #ccc;
        box-shadow: 5px 5px 15px #ccc;
      }
      .site_view{
        border: 2px solid #f0f0f0;
        margin:8px 2px;
        -moz-box-shadow:0 0px 15px 5px #ccc;
        -webkit-box-shadow:0 0px 15px 5px #ccc;
        box-shadow:0 0px 15px 5px #ccc;
        font-weight: bold;
        
      }
      .site_view:hover{
        border: 2px solid #f0f0f0;
        margin:8px 2px;
        -moz-box-shadow:0 0px 15px 5px #ccc;
        -webkit-box-shadow:0 0px 15px 5px #ccc;
        box-shadow:0 0px 15px 5px #ccc;
        
      }
      /* header nav li:last-child{margin-right: 12px;} */
      header nav ul:after{
        content: "";
        display: block;
        clear: both;
      }
      /* MAIN  */
      .content, footer{
        background: rgb(20, 20, 20);
        background: rgba(20,20,20, 0.50);
        color: #f0f0f0;
        padding: 25px;
        border-radius: 8px;
        line-height: 30px;
        font-size: 1.15em;
        font-weight: bold;
        letter-spacing: 2px;
      }
      .content h2{
        margin: 10px auto;
      }
     /*  .content h2:hover{
         text-decoration: underline;
     } */
      .content h3{
          margin: 10px auto 12 auto;
      }
      /* .content h3:hover{
          text-decoration: underline;
      } */

      .para{
      border: 0px solid blue;
      }
      .hide_div{
      height: 3em;
      overflow: hidden;
      }
      a, a:hover{color: #f0f0f0;}
      .content p {
        padding-left: 20px;
        border-left: 1px solid #f0f0f0;
      }
      footer{
        margin-top: 20px;
      }
      footer section h6{
        display: none;
      }
      h1{
        text-align: center;
      }
      footer section{
        float: left;
        width: 33%;
        text-align: center;
        min-width: 300px;
        
      }
      footer section img{
        width: 300px; 
        border-radius: 6px; 
      }

      footer article{
        text-align: left;
        /*border: 1px solid green;*/
        display: inline-block; 
      }
      footer section:last-child{
        float: right;

      }
      footer:after{
        content: "";
        display: block;
        clear: both;
      }
      footer section h6{
        display: none;
      }
      span{margin-left: 10px; }
      

      footer nav ul{
        display: block;
        list-style: none;
        /* margin:0px 12% 0px 12%;  */
        margin:0px auto;
        /* border:1px solid blue;   */
        padding: 0px;
        padding-top: 20px;
        min-width: 300px;
        width: 75%;

      }
      footer nav li{
        float: left;
        /* border: 1px solid magenta;  */
        /* background: green; */
        /* margin: -15px 0; */
        border-right: 1px solid #f0f0f0;
      }
      footer nav li:last-child{
       
        border-right: 0px solid #f0f0f0;
      }
      footer nav li a{
        font-size: .8em;
        text-decoration: none;
        margin:0px 3px;
        padding:3px 10px;
        letter-spacing: 2px;
        display: inline-block;
        border-radius: 4px;

      }
      footer nav{
        clear: both;
      }
      footer nav ul:after{
        content: "";
        display: block;
        clear: both;
      }

      footer .kontakt{
        font-size: 0.9em;
        margin-top: 30px;
      }
      footer .kontakt a{
        font-size: 0.8em;
      }
      footer .kontakt dt{
        font-size: 1.1em;
      }

/* After Bootstrap implementation */

/* .carousel{margin-top: 10px;} */

ul li a, ul li a:visited {
    color: #f0f0f0 !important;
}

ul li a:hover, ul li a:active {
    color: #f0f0f0 !important;
    text-decoration: none;
}

ul li.active a {
    color: #f0f0f0 !important;

}

div{
  font-size: 1.05em !important;
}
.content p{font-size: 1.15em;}
.content>article>img{width: 100%;}

form legend{
  color: #f0f0f0 !important;
}
form{
  margin:40px 0;
}


/* h3{
  margin-bottom: 22px !important;
} */


/* @media screen and (max-width:700px){
 footer section{
  float: none ;
  background: green;
 }
} */

.hide_div>h2:before,.hide_div>h3:before{
  content: "+";
}

.hide_div>h2:after,.hide_div>h3:after{
  content: "      (mehr lesen)";
  font-size: 0.4em;
}

.hide_pic>h2:after,.hide_pic>h3:after{
  content: "      (Dekorationen anzeigen)";
  font-size: 0.4em;
}

.show_div>h2:before,.show_div>h3:before{
  content: "-";
}

iframe{
  width: 300px;
  height: 240px;
  border-radius: 6px;
}

p{
  margin: 35px;
}

.carousel{
  margin: 35px 0;
}

 .show_div h2:hover, .show_div h3:hover,.hide_div h2:hover, .hide_div h3:hover{
  text-decoration: underline;
}
#submit{
  background: #111111;
  border:none;
}
#submit:hover{
  background: grey;
  border:none;
}
.left_margin{
  margin-left: 10%;
}


@media screen and (max-width:1000px){
header nav ul{ width: 95%; margin-left: 16px; }
footer nav ul{ width: 95%; margin-left: -16px;}
footer section{ width: 100%; font-size: 1.5em; margin: 22px auto;}
footer section img{ width: 100%; }
footer section iframe{ width: 100%; height: 420px;}
}
@media screen and (max-width:700px){
header nav ul{ display: block;}
header nav li{float: none; display: block; margin: 5px 0 ;}
header nav li a{ width: 80%; text-align: center; margin-left: 5%;}
footer nav li{float: none; border-right: 0px; text-decoration: underline; font-size: 1.2em;}

      .content p {
        padding-left: 10px;
        margin-left:10px;
        border-left: 1px solid #f0f0f0;
      }
      .content h2{
        font-size: 1.3em;
      }
     /*  .content h2:hover{
         text-decoration: underline;
     } */
      .content h3{
          font-size: 1.3em;
      }

}