@font-face {
    font-family: ArialRD;
    src: url(../fonts/CaviarDreams_Bold.ttf);
    color:#fff;
    font-size:1em;
}

body {
         max-width:100%;
         max.height:100%;
         background-color: #fff;
         overflow:hidden;
         animation:fadein 6.0s;
        -moz-animation:fadein 6.0s;
        -webkit-animation:fadein 6.0s;
}

#bg {
         position:fixed;
         top:0;
         left:0;
         width:100%;
         opacity:1.0;
         animation:fadein 5.0s;
        -moz-animation:fadein 5.0s;
        -webkit-animation:fadein 5.0s;
}
@media only screen and (min-device-width:500px) and (max-device-width:1024px) and (orientation: landscape){
         #bg {
                  position:fixed;
                  top:0;
                  left:0;
                  width:100%;
                  opacity:1.0;
                  animation:fadein 5.0s;
                 -moz-animation:fadein 5.0s;
                 -webkit-animation:fadein 5.0s;
         }
}

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){
         #bg {
                  position:fixed;
                  top:0;
                  left:0;
                  width:auto;
                  opacity:1.0;
                  animation:fadein 5.0s;
                 -moz-animation:fadein 5.0s;
                 -webkit-animation:fadein 5.0s;
         }
}

#angebot {
         position:relative;
         top:72%;
         width:95%;
         color: #000;
         text-decoration: none;
         background: #fff;
         margin-top:18px;

}

span, p {
         width:95%;
}


a {
         font-family; ArialRD;
         }

#about {
         font-family:ArialRD;
         font-size:100%;
}

#urgent {
         position:fixed;
         width:30%;
         bottom:7%;
         right: 5%;
         font-family; ArialRD;
         font-size:1.5em;
         color:#fff;
         text-align:center;
         padding: 1% 1% 1% 1%;
         text-align:center;
         background:#B81B4F;
         box-shadow: 10px 10px 20px black;
}
.phone {
         font-family; ArialRD;
         font-size:1.5em;
         color:#fff;
         text-align:center;
         text-decoration:none;
}

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

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

#string:before {
         content:"+49 173 8419505";
         font-size:1.25em;
}

@media only screen and (min-device-width:500px) and (max-device-width:1024px) and (orientation: landscape){
         #urgent {
                  position:fixed;
                  width:40%;
                  bottom:7%;
                  right: 5%;
                  font-family; ArialRD;
                  font-size:1.5em;
                  color:#fff;
                  text-align:center;
                  padding: 1% 1% 1% 1%;
                  text-align:center;
                  background:#B81B4F;
                  box-shadow: 10px 10px 20px black;
         }
         .phone {
                  font-family; ArialRD;
                  font-size:1.5em;
                  color:#fff;
                  text-align:center;
                  text-decoration:none;
         }
}

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){
         #urgent {
                  position:fixed;
                  width:40%;
                  bottom:7%;
                  right: 5%;
                  font-family; ArialRD;
                  font-size:1.5em;
                  color:#fff;
                  text-align:center;
                  padding: 1% 1% 1% 1%;
                  text-align:center;
                  background:#B81B4F;
                  box-shadow: 10px 10px 20px black;
         }
         .phone {
                  font-family; ArialRD;
                  font-size:1.5em;
                  color:#fff;
                  text-align:center;
                  text-decoration:none;
         }
}

.head {
         position:fixed;
         top:2;
         right:3.5%;
         width:33%;
         height:auto;
         border-bottom: 0px solid #BF0000;
}

@media only screen and (min-device-width:500px) and (max-device-width:1024px) and (orientation: landscape){
         .head {
                  position:fixed;
                  top:2;
                  right:3.5%;
                  width:25%;
                  height:auto;
                  border-bottom: 0px solid #BF0000;
         }
}

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){
         .head {
                  position:fixed;
                  top:2;
                  right:3.5%;
                  width:80%;
                  height:auto;
                  border-bottom: 0px solid #BF0000;
         }
}

.headline {
         font-family: ArialRD;
         font-size:2.5em;
         text-decoration:bold;
         color:#000;
}

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

.table {
         position:absolute;
         top: 20%;
         width: 76%;
         left:10%;
         padding:0%;
         font-family:ArialRD;
         color:#fff;
         animation:fadein 5.0s;
        -moz-animation:fadein 5.0s;
        -webkit-animation:fadein 5.0s;

}

.tr {
         width:100%;
         border: 0px solid #fff;
         border-radius: 0px;
         margin: 2%;
         padding:1%;
         background:#fff;
         opacity:0.9;
         vertical-align: top;
         text-align:justify;
         color:#000;
         font-family:ArialRD;
         font-size:1em;
}



.content {
         position:absolute;
         top: 160%;
         left:7%;
         width:82%;
         padding:2%;
         height:30%;
         background: #fff;
         font-family: ArialRD;
         color:#000;
         font-size:1em;
         opacity:1;
         overflow:auto;
}

.content_wrapper {
         width: 95%;
         height:65%;
         padding-bottom:5%;
         background: #fff;
         font-family: ArialRD;
         color:#000;
         font-size:1em;
         opacity:1;
         y-overflow:auto;
         x-overflow:hidden;
}

.wrapper {
         position:absolute;
         top:22%;
         width:90%;
         height:73%;
         border: 0px solid #d4d4d4;
         border-radius: 0px;
         margin-left: 3%;
         padding-left:3%;
         padding-top:2%;
         /*background:linear-gradient(to top, transparent 0%, white 30%);*/
         background:#fff;
         opacity:1.0;
         font-family:ArialRD;
         font-size:1em;
         vertical-align: top;
         text-align:justify;
         /*box-shadow: 20px 10px 10px #C6191C;*/
         overflow:auto;
         animation:fadein 5.0s;
        -moz-animation:fadein 5.0s;
        -webkit-animation:fadein 5.0s;
}

.home {
         position:absolute;
         width:95%;
         height:100%;

}

.cont1 {
         position:relative;
         left:0%;
         width:100%;
         height:100%;
         background: transparent;
         border: 0px solid #F0F0F0;
         margin-bottom:5%;
         padding:2px;
         position:absolute;
         font-size:100%;
         opacity:1.0;
}
@media only screen and (min-device-width:500px) and (max-device-width:1024px) and (orientation: landscape){
         .home {
                  position:absolute;
                  width:95%;
                  height:100%;
         }
         .cont1 {
                  position:relative;
                  left:0%;
                  width:100%;
                  height:60%;
                  background: transparent;
                  border: 0px solid #F0F0F0;
                  margin-bottom:5%;
                  padding:2px;
                  position:absolute;
                  opacity:1.0;
         }
}

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){
         .home {
                  position:absolute;
                  width:95%;
                  height:auto;
         }
         .cont1 {
                  position:relative;
                  left:0%;
                  width:auto;
                  height:80%;
                  background: transparent;
                  border: 0px solid #F0F0F0;
                  margin-bottom:1%;
                  padding:2px;
                  position:absolute;
                  font-size:300%;
                  opacity:1.0;
         }
}

.iframe_home {
         position:absolute;
         top: 86%;
         left:3%;
         width:92%;
         height:100%;
         background: #fff;
         opacity:1;
         border: 2px solid #F0F0F0;
         margin-bottom:5%;
         padding:0px;
}

.div_col1 {
         position:absolute;
         left:0%;
         margin-left:3%;
         margin-bottom:5%;
         width: 30%;
         column-count: 1;
}
.div_col2 {
         position:absolute;
         left:33%;
         margin-left:1%;
         margin-bottom:5%;
         width: 30%;
         column-count: 1;
}
.div_col3 {
         position:absolute;
         left:66%;
         margin-left:1%;
         margin-bottom:5%;
         width: 30%;
         column-count: 1;
}

.div_home {
         font-size:1.5em;
         padding:0;
         margin:0;
         }

@media only screen and (min-device-width:500px) and (max-device-width:1024px) and (orientation: landscape){
         .div_col1 {
                  position:absolute;
                  left:0%;
                  margin-left:3%;
                  margin-bottom:5%;
                  width: 30%;
                  column-count: 1;
         }
         .div_col2 {
                  position:absolute;
                  left:33%;
                  margin-left:1%;
                  margin-bottom:5%;
                  width: 30%;
                  column-count: 1;
         }
         .div_col3 {
                  position:absolute;
                  left:66%;
                  margin-left:1%;
                  margin-bottom:5%;
                  width: 30%;
                  column-count: 1;
         }
         .div_home {
                  font-size:1.5em;
                  }
         .iframe_home {
                  position:absolute;
                  top: 96%;
                  left:3%;
                  width:92%;
                  height:100%;
                  background: #fff;
                  opacity:1;
                  border: 2px solid #F0F0F0;
                  margin-bottom:5%;
                  padding:0px;
         }
}

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){
         .div_col1 {
                  position:relative;
                  left:0%;
                  margin-left:0%;
                  width: 95%;
                  border-bottom: 3px solid #0050A0;
                  column-count: 1;
         }
         .div_col2 {
                  position:relative;
                  left:0%;
                  margin-left:0%;
                  padding-top: 2%;
                  width: 95%;
                  border-bottom: 3px solid #0050A0;
                  column-count: 1;
         }
         .div_col3 {
                  position:relative;
                  left:0%;
                  margin-left:0%;
                  padding-top: 2%;
                  width: 95%;
                  border-bottom: 3px solid #0050A0;
                  column-count: 1;
         }

         .div_home {
                  font-size:1.0em;
                  }
         .iframe {
                  position:relative;
                  left:0%;
                  width:95%;
                  height:500px;
                  background: #fff;
                  opacity:1;
                  border: 0px solid #F0F0F0;
                  margin-bottom:0%;
                  padding:0px;
         }
         .iframe_home {
                  position:relative;
                  left:0%;
                  width:99%;
                  height:440px;
                  background: #fff;
                  opacity:1;
                  border: 5px solid #C0C0C0;
                  margin-bottom:5%;
                  padding:0px;
         }
}

.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;
}

@media only screen and (min-device-width:500px) and (max-device-width:1024px) and (orientation: landscape){
         .button1 {
                  border:0px solid #fff;
                  margin-top:15px;
                  padding:5px 20px 5px 20px;
                  border-radius:0px;
                  background:#0050A0;
                  float:right;
                  color:#fff;
                  text-decoration:none;
                  font-size:1.5em;
         }

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

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

}

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){
         .button1 {
                  border:0px solid #fff;
                  margin-top:0px;
                  padding:0px 20px 5px 20px;
                  border-radius:0px;
                  background:#0050A0;
                  float:right;
                  color:#fff;
                  text-decoration:none;
                  font-size:1.0em;
         }

         .button2 {
                  margin-left:0%;
                  padding:5px 20px 5px 20px;
                  border-radius:0px;
                  background:#fff;
                  float:middle;
                  color:#CC3300;
                  text-decoration:none;
                  font-size:1.0em;
         }

         .button3 {
                  padding:5px 20px 5px 20px;
                  background:#0050A0;
                  color:#fff;
                  text-decoration:none;
                  font-size:1.5em;
         }

}

.partner {
         width:15%;
         margin-right:1%;
}
@media only screen and (min-device-width:500px) and (max-device-width:1024px) and (orientation: landscape){
         .partner {
                  width:20%;
                  margin-right:1%;
         }
}

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){
         .partner {
                  width:25%;
                  margin-right:1%;
         }
}


.gradient {
         position:fixed;
         top:22%;
         left:5%;
         width:90%;
         height:13%;
         background: linear-gradient(white, transparent);
         border: 0px solid #d4d4d4;
}

#contact {
         font-family; ArialRD;
         font-size:1.0em;
}

.table_contact {
         position:absolute;
         top:18%;
         left:45%;
         width:50%;
         padding-bottom:3%;
         background:#fff;
         opacity:1;
         vertical-align: top;
         text-align:justify;
         color:#000;
         font-family:ArialRD;
         font-size:100%;
         margin-bottom:5%;
}

.head_contact {
         font-family: ArialRD;
         color: #000;
         width:40%;
}

.main_contact {
         font-family: ArialRD;
         background-color:transparent;
         width:100%;
         font-size:100%;
         }
.input_contact, .textarea_contact, .link_contact, .button_contact {
         background-color:transparent;
         font-family: ArialRD;
         width:95%;
         color:#000;
         font-size:100%;
         border : 2px solid #000;
         border-radius:5px;
         padding:5px 5px 5px 5px;
         }
.align_contact {
         text-align:left;
}

.short_input_contact, .select_contact {
          background-color: white;
          font-family : ArialRD, sans-serif;
          font-size:100%;
          font-weight:normal;
          border : 2px solid #000;
          border-radius: 5px;
          padding:5px 5px 5px 5px;
          width:50%;
}

.captcha_contact {
          background-color: white;
          font-family : ArialRD, sans-serif;
          font-size:100%;
          font-weight:normal;
          border : 2px solid #000;
          border-radius: 5px;
          padding:5px 5px 5px 5px;
          margin:10px;
}

.link_contact:hover {
          font-weight:bold;
}
.button_contact {
          width: auto;
          border:2px solid #A5A5A5;
          border-radius : 0px;
          width:30%;
          padding:5px;
}
.button_contact:hover {
          border:2px solid #640000;
          background-color:#640000;
          color:#FFFFFF;
}
.foot_contact {
          background-color:transparent;
          font-size:100%;
}

@media only screen and (min-device-width:500px) and (max-device-width:1024px) and (orientation: landscape){
         #contact {
                  font-family; ArialRD;
                  font-size:1.5em;
         }
         .table_contact {
                  position:relative;
                  left:0%;
                  width:95%;
                  padding-bottom:3%;
                  background:#fff;
                  opacity:1;
                  vertical-align: top;
                  text-align:justify;
                  color:#000;
                  font-family:ArialRD;
                  /*font-size:150%;*/
                  margin-bottom:5%;
         }
         .head_contact {
                  font-family: ArialRD;
                  color: #000;
                  width:95%
         }

         .main_contact, align_contact {
                  font-family: ArialRD;
                  background-color:transparent;
                  width:100%;
                  text-align:left;
                  font-size:120%;
                  }
         .input_contact, .textarea_contact, .link_contact, .button_contact {
                  background-color:transparent;
                  font-family: ArialRD;
                  width:95%;
                  color:#000;
                  /*font-size:100%;*/
                  border : 2px solid #000;
                  border-radius:5px;
                  padding:5px 5px 5px 5px;
                  }
         .short_input_contact, .select_contact {
                   background-color: white;
                   font-family : ArialRD, sans-serif;
                   /*font-size:100%;*/
                   font-weight:normal;
                   border : 2px solid #000;
                   border-radius: 5px;
                   padding:5px 5px 5px 5px;
                   width:50%;
         }

         .captcha_contact_img {
                   width:50%;
                   v-align:center;
         }
         .captcha_contact {
                   background-color: white;
                   font-family : ArialRD, sans-serif;
                   /*font-size:100%;*/
                   font-weight:normal;
                   border : 2px solid #000;
                   border-radius: 5px;
                   padding:15px 15px 15px 15px;
                   margin:10px;
         }
         .link_contact:hover {
                   font-weight:bold;
         }
         .button_contact {
                   width: auto;
                   border:2px solid #A5A5A5;
                   border-radius : 0px;
                   width:45%;
                   padding:5px;
                   margin-top:20px;
         }
         .button_contact:hover {
                   border:2px solid #640000;
                   background-color:#640000;
                   color:#FFFFFF;
         }
         .foot_contact {
                   background-color:transparent;
                   /*font-size:100%;*/
         }
}

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){
         #contact {
                  font-family; ArialRD;
                  font-size:1.5em;
         }
         .table_contact {
                  position:relative;
                  left:0%;
                  width:95%;
                  padding-bottom:3%;
                  background:#fff;
                  opacity:1;
                  vertical-align: top;
                  text-align:justify;
                  color:#000;
                  font-family:ArialRD;
                  /*font-size:150%;*/
                  margin-bottom:5%;
         }
         .head_contact {
                  font-family: ArialRD;
                  color: #000;
                  width:95%
         }

         .main_contact, align_contact {
                  font-family: ArialRD;
                  background-color:transparent;
                  width:100%;
                  text-align:left;
                  font-size:120%;
                  }
         .input_contact, .textarea_contact, .link_contact, .button_contact {
                  background-color:transparent;
                  font-family: ArialRD;
                  width:95%;
                  color:#000;
                  /*font-size:100%;*/
                  border : 2px solid #000;
                  border-radius:5px;
                  padding:5px 5px 5px 5px;
                  }
         .short_input_contact, .select_contact {
                   background-color: white;
                   font-family : ArialRD, sans-serif;
                   /*font-size:100%;*/
                   font-weight:normal;
                   border : 2px solid #000;
                   border-radius: 5px;
                   padding:5px 5px 5px 5px;
                   width:50%;
         }

         .captcha_contact_img {
                   width:50%;
                   v-align:center;
         }
         .captcha_contact {
                   background-color: white;
                   font-family : ArialRD, sans-serif;
                   /*font-size:100%;*/
                   font-weight:normal;
                   border : 2px solid #000;
                   border-radius: 5px;
                   padding:15px 15px 15px 15px;
                   margin:10px;
         }
         .link_contact:hover {
                   font-weight:bold;
         }
         .button_contact {
                   width: auto;
                   border:2px solid #A5A5A5;
                   border-radius : 0px;
                   width:45%;
                   padding:5px;
                   margin-top:20px;
         }
         .button_contact:hover {
                   border:2px solid #640000;
                   background-color:#640000;
                   color:#FFFFFF;
         }
         .foot_contact {
                   background-color:transparent;
                   /*font-size:100%;*/
         }

}

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


@media only screen and (min-device-width:500px) and (max-device-width:1024px) and (orientation: landscape){
         .design {
                  width:33%;
         }
}

@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation: portrait){
         .design {
                  width:33%;
         }
}

.footer {
         position: fixed;
         bottom:0%;
         width:100%;
         left:-0%;
         height: 5%;
         background:#003366;
         font-family:ArialRD;
         color:#fff;
         padding: 0% 0% 0% 0%;
         font-size:0.8em;
}
.foot1 {
         position: relative;
         top:0%;
         height: auto;
         left:0%;
}
.foot2 {
         position: relative;
         top:0%;
         width:30%;
         height: auto;
         right:0%;
}


/* 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 */

@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;}}