@font-face {
    font-family: Caviar;
    src: url(../fonts/Poppins-Light.ttf);
    color:#fff;
    font-size:100%;
}

body {
         max-width:100%;
         max-height:100%;
         overflow:hidden;
         animation:fadein 4.0s;
        -moz-animation:fadein 4.0s;
        -webkit-animation:fadein 4.0s;
         font-family:Caviar;
         background-color: rgb(255,255,255,1);
     }

p, a, span, li, ol ul {
         position:relative;
         font-family; Caviar;
         width:99%;
         text-decoration:none;
         color:#000;
         }

#main_side {
         position:absolute;
         top:0%;
         left:0%;
         width:100%;
         }

li:hover {
  font-weight:bold;
  color:#BF0000;
  }

.li, .li:hover {
         color:#FD0000;
         }

.p_padding1 {
         position:relative;
         padding-top:1.6%;
         }

.small {
         font-size:80%;
  }

#home {
      p {
         width:65%;
      }
}

.head {
         position:absolute;
         background-image: url(../images/header.jpg);
         background-size:100%;
         background-repeat: no-repeat;
         background-opacity: 1;
         border-bottom: 0px solid #DF0000;
         border-radius: 0 0 100% 0;
         top: 0%;
         left:0%;
         width:100%;
         height:22%;
         }

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){

         .head {
                  position:absolute;
                  background-image: url(../images/header_mobile.jpg);
                  background-size:100%;
                  background-repeat: no-repeat;
                  background-opacity: 1;
                  border-bottom: 0px solid #DF0000;
                  border-radius: 0 0 50% 0;
                  top: -5%;
                  left:0%;
                  width:100%;
                  height:20%;
                  }
}


.head_text {
         position: relative;
         top:0%;
         left:6%;
         width:40%;
         height:auto;
         opacity:1;
         border-radius: 0 0 0 0;
      }

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){

         .head_text {
                  position: relative;
                  top:45%;
                  left:15%;
                  width:60%;
                  height:auto;
                  opacity:1;
                  border-radius: 0 0 0 0;
               }
}


.logo {
         position:absolute;
         background-image: url(../images/logo_neu.png);
         background-size:100%;
         background-repeat: no-repeat;
         right:0%;
         top:-3%;
         height:50%;
         width:25%;
         opacity:1;
         }

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){

         .logo {
                  position:absolute;
                  background-image: url(../images/logo_neu.png);
                  background-size:100%;
                  background-repeat: no-repeat;
                  right:0%;
                  top:-0.5%;
                  height:50%;
                  width:25%;
                  opacity:1;
                  }
}

@media only screen and (min-device-width:501px) and (max-device-width:1024px) and (orientation: landscape){
         .logo {
                  position:absolute;
                  background-image: url(../images/logo_neu.png);
                  background-size:100%;
                  background-repeat: no-repeat;
                  right:0%;
                  top:-3%;
                  height:55%;
                  width:25%;
                  opacity:1;
                  }
}

.counter {
         position:fixed;
         background:transparent;
         right:3.5%;
         bottom:5%;
         height:auto;
         width:8%;
         opacity:0.5;
         font-size:70%;
         padding:5px;
         text-align:center;
         }

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){
         .counter {
                  height:0;
                  width:0;
                  opacity:0;
                  font-size:0%;
                  padding:0px;
                  text-align:center;
                  }
}
@media only screen and (min-device-width:501px) and (max-device-width:1024px) and (orientation: landscape){
}
.side_img{
         position:absolute;
         background-image: url(../images/home.jpg);
         background-size: 100%;
         background-repeat: no-repeat;
         right:4.5%;
         bottom:20%;
         height: 33%;
         width: 17%;
         opacity:1;
         border: 0px solid #A50021;
         border-radius: 100%;
         padding:0%;
         }

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){

         .side_img{
                  position:absolute;
                  background-size:0%;
                  right:0;
                  left:0;
                  width: 0%;
                  opacity:0;
                  padding:0%;
                  }
}

@media only screen and (min-device-width:501px) and (max-device-width:1024px) and (orientation: landscape){
                  position:absolute;
                  background-image: url(../images/home.jpg);
                  background-size: 100%;
                  background-repeat: no-repeat;
                  right:4.5%;
                  bottom:15%;
                  height: 40%;
                  width: 25%;
                  opacity:1;
                  border: 0px solid #A50021;
                  border-radius: 100%;
                  padding:0%;
                  }
}

.kontakt_btn {
         position:absolute;
         width:auto;
         top:44%;
         right: 4.5%;
         width:15%;
         height:auto:
         font-family; ArialRD;
         font-size:75%;
         color:#000;
         text-align:center;
         line-height: 120%;
         padding: 0% 1% 0% 1%;
         text-align:justify;
         background:rgb(255,255,255,0);
         box-shadow: 10px 10px 20px transparent;
}

.phoneBtn, .mailBtn {
         background: #BF0000;
         font-family; Caviar;
         font-size:80%;
         color:#fff;
         font-weight:normal;
         text-decoration:none;
         text-align:center;
         line-height: 100%;
         padding: 5px 10px 5px 10px;
         margin:1%;
         width:20%;
         box-shadow: 5px 5px 10px black;
         }

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){

         .phoneBtn, .mailBtn {
                  background: #BF0000;
                  font-family; Caviar;
                  font-size:80%;
                  color:#fff;
                  font-weight:normal;
                  text-decoration:none;
                  text-align:center;
                  line-height: 80%;
                  padding: 5px 10px 5px 10px;
                  margin:10% 10% 0% 0% ;
                  width:30%;
                  box-shadow: 5px 5px 10px black;
                  }

}

.phoneBtn:hover, .mailBtn:hover {
         color: #DFDFDF;
         box-shadow: 2px 2px 5px grey;
}

.front_img {
         position:relative;
         top:2%;
         width:5%;
         padding-top:0.5%;
         border-radius:100%;
         }

.link {
         color: #000;
         text-decoration:none;
         text-decoration:underline;
}

.link:hover {
         color: #CC0000;
         text-decoration:bold;
}

.headline {
         font-family: Caviar;
         font-size:200%;
         text-decoration:bold;
         color:#BF0000;
}

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){

         .headline {
                  font-size:150%;
         }
}

.sub_headline {
         font-family: Caviar;
         font-size:1.5em;
         text-decoration:bold;
         color:#000;
}

.wrapper {
         position:absolute;
         top:22%;
         width:75%;
         height:75%;
         border: 0px solid #d4d4d4;
         border-radius: 0 0 0 0;
         margin-left: 0%;
         padding: 0% 1% 0% 1%;
         background:#fff;
         opacity:1;
         font-family:Caviar;
         font-size:100%;
         vertical-align: top;
         text-align:justify;
         /*box-shadow: 20px 10px 10px #C6191C;*/
         overflow:auto;
}

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){

         .wrapper {
                  position:absolute;
                  top:15%;
                  width:90%;
                  height:85%;
                  border: 0px solid #d4d4d4;
                  border-radius: 0 0 0 0;
                  margin-left: 0%;
                  padding: 0% 1% 0% 1%;
                  background:#fff;
                  opacity:1;
                  font-family:Caviar;
                  font-size:100%;
                  vertical-align: top;
                  text-align:left;
                  /*box-shadow: 20px 10px 10px #C6191C;*/
                  overflow:auto;
         }

}



.index_p0 {
         position:absolute;
         width:48%;
         left:0%;
         }

.index_p1 {
         position:relative;
         width:49%;
         left:50%
         }

.link_science1 {
         color:#BF0000;
         }

         .galery {
                  position:absolute;
                  right:2%;
                  left:2%;
                  height:99%;
         }

         .content_gal {
                 color:#fff;
                 font-family:Caviar;
                 text-decoration:none;
                 font-size:100%;
                 width:95%;
                 height:99%;
                 text-align:justify;

         }

         .thumbs {
                background:transparent;
                border:1px solid #ddd;
                padding:2px;
                margin:3px;
                height:14%;
                border-radius:10px;
        }

.link_science1:hover {
         font-weight:bold;
         }

.offer_p0 {
         position:absolute;
         width:48%;
         left:2%;
         top: 30%;
         }

.offer_p1 {
         position:relative;
         width:49%;
         left:50%;
         }

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){
         .offer_p0 {
                  position:relative;
                  width:95%;
                  left:0%;
                  top: 0%;
                  }

         .offer_p1 {
                  position:relative;
                  width:95%;
                  left:0%;
                  }
}

@media only screen and (min-device-width:501px) and (max-device-width:1024px) and (orientation: landscape){
         .offer_p0 {
                  position:absolute;
                  width:48%;
                  left:1%;
                  top: 40%;
                  }

         .offer_p1 {
                  position:relative;
                  width:49%;
                  left:50%;
                  top: 0%;
                  }
}

.iframe {
         position:absolute:
         top:-5%;
         background: #fff;
         overflow-y:auto;
         overflow-x:hidden;
         cursor:pointer;
         width:100%;
         height:400px;
         border:0;
         }

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){
         .iframe {
                  position:absolute:
                  top:-5%;
                  background: #fff;
                  overflow-y:auto;
                  overflow-x:hidden;
                  cursor:pointer;
                  width:95%;
                  height:2000px;
                  border:0;
                  }
}

.div_col1 {
         position:absolute;
         left:0%;
         margin-left:3%;
         margin-bottom:5%;
         width: 40%;
}
.div_col2 {
         position:fixed;
         left:35%;
         top:20%;
         max-height:78%;
         margin-right:1%;
         margin-bottom:5%;
         padding:0% 0% 0% 1%;
         width: 38%;
         border-top:0px solid #999;
         border-left:0px solid #999;
         border-bottom:0px solid #999;
         overflow-y:hidden;
         overflow-x:hidden;
         font-size:60%;
}

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){
         .div_col1 {
                  position:relative;
                  left:0%;
                  margin-left:3%;
                  margin-bottom:5%;
                  width: 95%;
         }
         .div_col2 {
                  position:relative;
                  left:0%;
                  margin-left:1%;
                  margin-bottom:5%;
                  width: 95%;
                  border0:0px solid #999;
         }
}

.open {
         cursor:pointer;
         text-decoration:none;
         color:#000;
         text-align:right;
         opacity:0.5;
         font-size:120%;
      }

.open:hover {
         opacity:1.0;
      }

.top {
         position:absolute;
         right:5%;
         text-align:right;
         font-size:200%;
     }

.top:hover {
         font-weight:bold;
         color:#BF0000;
     }

.div_col_cont1 {
         position:absolute;
         top: 25%;
         left:0%;
         margin-left:3%;
         margin-bottom:5%;
         width: 45%;
         column-count: 1;
}
.div_col_cont2 {
         position:relative;
         left:50%;
         margin-left:1%;
         margin-bottom:5%;
         width: 45%;
         column-count: 1;
}

.closeBtn {
         position:relative;
         text-align:right;
         font-size:100%;
         float:right;
         color: #DF0000;
         line-height:150%;
         margin: 0 5px 5px 0;
}

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){
         .closeBtn {
                  position:relative;
                  text-align:right;
                  font-size:250%;
                  float:right;
                  color: #DF0000;
                  padding:30px;
         }
}

.button1 {
         margin-left:0%;
         border:0px solid #fff;
         padding:5px 20px 5px 20px;
         border-radius:0px;
         background:#0050A0;
         float:bottom;
         right:2%;
         color:#fff;
         text-decoration:none;
         font-size:1.0em;
}

.button2 {
         margin-left:0%;
         border-bottom:1px solid #000;*/
         padding:5px 20px 5px 20px;
         border-radius:0px;
         /*background:#0050A0;*/
         float:middle;
         right:0%;
         color:#CC3300;
         text-decoration:none;
         font-size:1.0em;
}

.button3 {
         margin-left:0%;
         border:0px solid #fff;
         padding:0px 0px 0px 0px;
         border-radius:0px;
         background:#0050A0;
         color:#fff;
         text-decoration:none;
         font-size:1.0em;
         float:right;
}

.design {
         position:relative;
         width:50%;
         float:left;
}

.footer {
         position:fixed;
         right:1.5%;
         bottom:1%;
         width:15%;
         height:auto;
         background-color: rgb(255,255,255,0.0);

}

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){

         .footer {
                  position:realtive;
                  right:0%;
                  bottom:0%;
                  width:0%;
                  height:0%;
                  background-color: rgb(255,255,255,0.0);

         }
}

.imprintBtn {
         width:auto;
         padding: 0px 10px 0px 10px;
         margin-bottom:0.5%;
         font-family:Caviar;
         border: 1px solid rgb(255,255,255,1);
         color: rgb(0,0,0,1);
         text-decoration:none;
         font-size:70%;
         cursor:pointer;
}

.imprintBtn:hover {
         border: 0px solid rgb(146,0,0,1);
         background:#D1D1D1;
         border-radius: 5px;
         color:#808080;
         font-weight:bold;
         opacity: 0.8;

}


<!-- SlideDown Section -->

#slide-content {
  margin: 0%;
  text-decoration:none;
}


.expandable {
  background: rgb(255,255,255,0.5);
  overflow: auto;
  color: #000;
  box-shadow: 0px 0px 0px rgb(0,0,0,0.5);

  transition: all .5s ease-in-out;
  height: 0;
 }

 .expandable:target {
  height: 150px;
  padding: 0 0 0 2.5%;
  width:90%;
  border-bottom: 0px dotted #BF0000;
  border-left: 1px solid #BF0000;
  font-size:100%;
  line-height: 130%;
  margin-bottom:2%
  }

  .expandable_big {
  background: rgb(255,255,255,0.5);
  overflow: auto;
  color: #000;
  transition: all .5s ease-in-out;
  height: 0;
 }

 .expandable_big:target {
  height: 300px;
  padding: 0 0 0 1%;
  width:90%;
  border-bottom: 1px dotted #BF0000;
  border-left: 1px solid #BF0000;
  font-size:100%;
  margin-bottom:1%;
  text-decoration:none;
  }

  .expandable_large {
  background: rgb(255,255,255,0.5);
  overflow: auto;
  color: #000;
  transition: all 1.0s ease-in-out;
  height: 0;
 }

 .expandable_large:target {
  height: 520px;
  padding: 0 0 0 1%;
  width:99%;
  border-bottom: 0px dotted #BF0000;
  border-left: 0px solid #BF0000;
  font-size:100%;
  margin-bottom:1%;
  text-decoration:none;
  }

  .expandable_press {
  background: #fff;
  overflow: auto;
  color: #000;
  transition: all .5s ease-in-out;
  height: 0;
 }

 .expandable_press:target {
  height: 150px;
  padding: 0 0 0 1%;
  width:100%;
  border-bottom: 1px solid #DFDFDF;
  border-top: 1px solid #DFDFDF;
  font-size:80%;
  margin-bottom:0%;
  text-decoration:none;
  background: #fff;
  text-align:left;
  }

  .expandable_privacy {
  background: rgb(255,255,255,0.5);
  overflow: auto;
  color: #000;
  transition: all .5s ease-in-out;
  height: 0;
 }

 .expandable_privacy:target {
  height: 200px;
  padding: 0 0 0 0%;
  width:99%;
  border-bottom: 0px solid #999;
  border-left: 0px solid #BF0000;
  font-size:100%;
  margin-bottom:1%;
  text-decoration:none;
  }

#hpriv {
         font-weight:bold;
         color:#000;
         background:#fff;
         border-bottom:2px solid #C0C0C0;
         padding:2px 2px 0px 2px;
}

#h {
         line-height:150%;
         font-size:130%;
         font-weight:bold;
         color:#000;
         background:#fff;
         border-bottom:1px solid #C0C0C0;
         padding:2px 2px 0px 10px;
}

#h:hover {
         color:#BF0000;
         opacity:0.6;
}

#nav_press {
         color: rgb(255,244,255,1);
         font-weight:normal;
         font-size:90%;
         float:right;
}

.press {
         position:fixed;
         background: rgb(255,255,255,1);
         bottom:0.5%;
         right:25%;
         width: 22%;
         height: auto;
         border-top:1px solid #DFDFDF;
         border-left: 1px solid #DFDFDF;
         opacity:1;
}

.img_press {
         width:25%;
         opacity:0.6;
}

.text_press {
         font-size:100%;
                  line-height:100%;
}

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){

           .expandable_press {
           background: #fff;
           overflow: auto;
           color: #000;
           transition: all .5s ease-in-out;
           height: 0;
          }

          .expandable_press:target {
           height: 300px;
           padding: 0 0 0 1%;
           width:100%;
           border-bottom: 1px solid #DFDFDF;
           border-top: 1px solid #DFDFDF;
           font-size:100%;
           margin-bottom:0%;
           text-decoration:none;
           background: #fff;
           text-align:left;
           }

         #nav_press {
                  color: rgb(255,244,255,1);
                  font-weight:normal;
                  font-size:100%;
         }

         .press {
                  position:fixed;
                  background: rgb(255,255,255,1);
                  bottom:0.5%;
                  right:5%;
                  width: 60%;
                  height: auto;
                  font-size:90%;
                  border-top:1px solid #DFDFDF;
                  border-left: 1px solid #DFDFDF;
                  opacity:1;
         }
         .img_press {
                  width:50%;
         }

         .text_press {
                  font-size:100%;
                  line-height:100%;
                  float:right;

         }

}

 <!-- End SlideDown Section -->

#item3, #item4, #item5, #item6, #item7 {
         color:#000;
       }
#item3:hover, #item4:hover, #item5:hover, #item6:hover, #item7:hover {
         color: #BF0000;
         font-weight:bold;
       }
#item3:visited, #item4:visited, #item5:visited, #item6:visited, #item7:visited {
         color: #BF0000;
         font-weight:normal;
       }

/* start blink */

/* Firefox old*/
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
.blink-content {
    -moz-animation: blink normal 3s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 3s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 3s infinite ease-in-out; /* IE */
    animation: blink normal 3s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

/* end blink */



/* Scrollbar */
/* width */
::-webkit-scrollbar {
    width: 0.6%;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #EFEFEF;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #CFCFCF;
    border-radius: 10px;
    opacity:0.7;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #A02000;
    opacity:0.7;
}


/* end Scrollbar */

<!--FadeIn Sektor-->

@keyframes fadein{from{opacity:0;}to{opacity:1.0;}}
@-moz-keyframes fadein{from{opacity:0;}to{opacity:1.0;}}
@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1.0;}}
@-o-keyframes fadein{from{opacity:0;}to{opacity:1.0;}}

@keyframes fadeout{from{opacity:1.0;}to{opacity:0;}}
@-moz-keyframes fadeout{from{opacity:1.0;}to{opacity:0;}}
@-webkit-keyframes fadeout{from{opacity:1.0;}to{opacity:0;}}
@-o-keyframes fadeout{from{opacity:1.0;}to{opacity:0;}}

<!--End FadeIn Sektor-->


<!-- Cookie Info -->
#mbmcookie {
         height:auto;
         background: #eee;
         padding: 20px;
         font-size:100%;
         font-family: Caviar;
         }

#mbmcookie a.button {
         cursor: pointer;
         background: #ccc;
         padding: 0px 10px 0px 10px;
         margin-left: 0px;
         border-radius: 5px;
         font-weight: normal;
         width:auto;
         }

#mbmcookie a.button:hover, a.cookiemessage:hover {
         background-color: #aaa;
         color: #FFFF00;
         }
#mbmcookie p.cookiemessage, a.cookiemessage {
         position: fixed;
         bottom: 0%;
         display: block;
         padding: 1%;
         margin: 0;
         background: #eee;
         width:97%;
         border-radius: 10px;
         }
<!-- Cookie Info End -->




<!-- ///////////// -------- MOBILE Sector -------- /////////////-->

<!-- Mobile Phones / Portrait >
@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){

         .head {
                  position:absolute;
                  background-image: url(../images/header.jpg);
                  background-size:100%;
                  background-repeat: no-repeat;
                  background-opacity: 1;
                  border-bottom: 0px solid #DF0000;
                  border-radius: 0 0 100% 0;
                  top: 0%;
                  left:0%;
                  width:100%;
                  height:30%;
                  }

         .head_text {
                  position: relative;
                  top:0%;
                  left:15%;
                  width:60%;
                  height:auto;
                  opacity:1;
                  border-radius: 0 0 0 0;
               }

         .head_img{
                  position:absolute;
                  right:0%;
                  bottom:0%;
                  height: 0%;
                  width: 0%;
                  opacity:0;
                  border: 0px solid #A50021;
                  border-radius: 0%;
                  padding:0%;
                  box-shadow: 0px 0px 0px transparent;
                  }

         .logo {
                  position:absolute;
                  background-image: url(../images/logo_neu.png);
                  background-size:100%;
                  background-repeat: no-repeat;
                  right:0%;
                  top:0%;
                  height:100%;
                  width:50%;
                  opacity:1;
                  }

         .kontakt_btn {
                  position:absolute;
                  width:auto;
                  top:44%;
                  right: 4.5%;
                  width:15%;
                  height:auto:
                  font-family; ArialRD;
                  font-size:75%;
                  color:#000;
                  text-align:center;
                  line-height: 120%;
                  padding: 0% 1% 0% 1%;
                  text-align:justify;
                  background:rgb(255,255,255,0);
                  box-shadow: 10px 10px 20px transparent;
         }

         .phoneBtn, .mailBtn {
                  background: #BF0000;
                  font-family; Caviar;
                  font-size:80%;
                  color:#fff;
                  font-weight:normal;
                  text-decoration:none;
                  text-align:center;
                  line-height: 100%;
                  padding: 5px 10px 5px 10px;
                  margin:1%;
                  width:20%;
                  box-shadow: 5px 5px 10px black;
                  }

         .phoneBtn:hover, .mailBtn:hover {
                  color: #DFDFDF;
                  box-shadow: 2px 2px 5px grey;
         }
}

<!-- Tablets / Landscape -->
@media only screen and (min-device-width:500px) and (max-device-width:1024px) and (orientation: landscape){

}

<!-- ///////////// -------- End MOBILE Sector -------- /////////////-->

.side-bar {
         position:fixed;
         background: #BF0000;
         top: 0%;
         right:0%;
         width:3.5%;
         height:100%;
       }