/*
        * @author:
        * @subpackage:                  aerotisch
        * @link:                        https://www.aerotisch.de
        * @copyright:                   Janko Bach
        * @date:                        22.08.2017
        *
        * aerotisch Website
        * Copyright (C) Janko Bach
*/

/* INHALTSANGABE

 1. ALLGEMEINE FORMATIERUNG
 2. LOGO
 3. NAVIGATION
 4. FLEXSLIDER
 5. SUB-NAVIGATION
 6. CONTENT
 7. WAHEHRUNG
 8. TISCHMODELLE
 9. TISCHBEZEICHNUNG
10. TISCHPLATTEN
11. MODULE
12. FUNKTION
13. KONTAKT
14. MEDIA QUERIES

*/

/*--------- 1. ALLGEMEINE FORMATIERUNG ---------- */

*{
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    width: 100%;
    height: auto;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    }

body {
    font: normal 100%,  Helvetica, Verdana, Arial, sans-serif;
    background-image: url(../images/background.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    }
    
.clearfix {
    clear: both;
    height: 1px;
    }

#wrapper{
    width: 65%;
    height: auto;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 1000px;
    margin-left: auto;
    -webkit-box-shadow: 0px 0px 3px 0px #9a9a9a;
    box-shadow: 0px 0px 3px 0px #9a9a9a;
    background-color: rgba(25,25,25,0.87);
  
    /*background-image: url(../images/769fc6a.png);*/
    /*background-color: rgba(255,255,255,0.6); */ /* Hintergrund transparent */
    border: none;
/*    border: 1px solid #a2a1a1; grau */
    }

/*  MAINHEADER START - BLAU */

#mainheader{
    width: 100%;
    height: auto;  
    padding-right: auto;
    padding-left: auto;
   }

/*  LOGO START - in Mainheader ROT */

#lg{
    width: 100%;
    height: auto;
    float: left;
    padding:0 auto;
    }

#lg img{
    width: 26%;
    height: auto;
    padding-right: auto;
    padding-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    display:block;
    text-align: center;
    }

/*  LOGO START - in Mainheader ROT */

#lg2{
    width: 100%;
    height: auto;
    float: left;
    padding:0 auto;
    border-top:1px solid #cccccc;
    }

#lg2 img{
    width: 20%;
    height: auto;
    margin-top:15px;
    margin-bottom: 10px;
    padding-right: auto;
    padding-left: auto;
    margin-right: auto;
    margin-left: auto;
    display:block;
    text-align: center;
    }
     
#lg3{
    width: 100%;
    height: 100%;
    float: left;
    padding-right: 10px;
    padding-left: auto;
    padding-top: 5px;
    padding-bottom: auto;
    }

#lg3 img{
    width: 10%;
    height: auto;
    margin-top:10px;
    margin-bottom: 5px;
    padding-right: 0px;
    padding-left: auto;
    margin-right: 5px;
    margin-left: auto;
    display:block;
    text-align: right;
    border: none;
    }

/*  LANGUAGE START - in Mainheader GRÜN */

.language{
    width: 100%;
    height: auto;
    float: left;
    color: #ffffff;
    padding-top: 2px;
    padding-right: 2%;
    padding-bottom: 5px;
    font-family: 'Abel', sans-serif;
    font-size: 0.675em; /* 14px */
    text-align: right;
    border-style: none;
    border-bottom: 1px solid #a2a1a1;
    }

.language img{
    border-style: none;
    }
    
.language p{
    font-family: 'Abel', sans-serif;
    font-size: 1.375em; /* 14px */
    }

.language a{
    font-family: 'Abel', sans-serif;
    font-size: 1.125em; /* 14px */
    color: #ffffff;
    }

.language a:hover{
    font-family: 'Abel', sans-serif;
    font-size: 1.125em; /* 14px */
    color: #BAA321;
    }

 /*--------- ANFANG SIMPLE TABS ----------*/        
        
ul#tabs {
    list-style-type: none;
    margin: 0 0 30px 0;
    padding: 0;
    text-align: center; 
    }
    
ul#tabs li {
    display: inline-block;
    background-color: #32c896;
    border-bottom: solid 5px #238b68;
    padding: 5px 20px;
    margin-bottom: 4px;
    color: #fff;
    cursor: pointer; 
    }
    
ul#tabs li:hover {
    background-color: #238b68; 
      }
      
ul#tabs li.active {
   background-color: #238b68; 
   }

ul#tab {
   list-style-type: none;
   margin: 0;
   padding: 0; 
   }
      
ul#tab li {
   display: none;
   padding: 0px;
   border: none; 
   }
      
ul#tab li.active {
   display: block; 
   }
      
     
ul#tab li h2 {
   font-weight: 400;
   margin-bottom: 30px;
   padding-bottom: 5px;
   border-bottom: solid 5px #32c896; 
   }
 
.containertab {
   width: 100%;
   margin: 0 auto;
   padding: 0 0px; 
   }
 
#top-bar {
   background-color: #289f77; 
   }

#top-bar a {
   color: white;
   font-size: 14px;
   text-transform: uppercase;
   display: inline-block;
   margin: 0;
   padding: 10px; 
   }

#top-bar a:hover {
   background-color: #238b68; 
   }

span.all-labs,
span.back-to-tutorial {
   display: block;
   width: 50%; 
   }

span.all-labs {
   float: left;
   text-align: left; 
   }

span.back-to-tutorial {
   float: right;
   text-align: right; 
   }

header {
   padding: 30px 0; 
   }

#title {
   text-align: center; 
   }

#title h1 {
   color: #fff;
   font-size: 30px;
   margin-bottom: 10px; 
   }

#title h2 {
   color: #95e5ca;
   font-size: 20px; 
   }

.clearfix:after {
   visibility: hidden;
   display: block;
   content: "";
   clear: both;
   height: 0; 
   }
  
  
        
/*--------- ENDE SIMPLE TABS ----------*/       
        
#footer {
	width: 100%;	
    height: auto;
    background-color: rgba(24,24,24,0.65); /* Hintergrund transparent */ 
	padding-bottom: 15px;
    padding-top: 15px;
   	text-align: left;
    margin-top: 40px;
    margin-bottom: 15px;
    font-family: 'Abel', sans-serif;
    font-size: 1.125em; /* 13.5px */
    line-height: 1.45;
    color: #fff;
	float: left; 
     border: 1px solid #fff; 
    /* border: 1px solid #CDAB21; */
	} 
     
.f0 {
	width: 25%;	
    height: auto;   
    text-align: center;
    float: left;  
    border-right: 1px solid #fff;
    ppadding-right:auto;
    padding-top: 0px;    
	}    
    
.f1 {
	width: 25%;	
    height: auto;   
    text-align: center;
    float: left;  
    border-right: 1px solid #fff;
    padding-right:auto;
    padding-top: 0px;
	}
    
.f2 {
	width: 25%;	
    height: auto;   
    text-align: center;
    float: left;     
    padding-left:auto;
    padding-right:auto;
    padding-top: 0px;
    margin-top: 0px;
	}
    
    
.f3 {
	width: 25%;	
    height: auto;   
    text-align: center;
    float: left;  
    border-left: 1px solid #fff;
    padding-left:auto;
    padding-right: auto;
    margin-top:0px;
    padding-top: 0px;
	}    
    
.iconcenter {
	width: 100%;	
    padding-left: auto;
    padding-right: auto;
    height: auto;   
    margin-bottom: 10px;
    float: left;  
    text-align: center;   
	}
    
#footer3 {
	width: 100%;	
    height: auto;
    /*background-color: rgba(24,24,24,0.65);  Hintergrund transparent */ 
	padding-bottom: 5px;
    padding-top: 5px;
   	text-align: left;
    margin-top: 5px;
    margin-bottom: 15px;
    font-family: 'Abel', sans-serif;
    font-size: 1.125em; /* 13.5px */
    line-height: 1.45;
    color: #fff;
    text-align: center;
	float: left; 
     
    /* border: 1px solid #CDAB21; */
	}    

/*--------- START NAVIGATION DROPDOWN ----------*/

#navigation{
    width: 100%;  /* BREITE GESAMTE NAVIGATION */
    height: auto;
    margin-right: 0%;
    margin-left: 0%;
    border-bottom: 1px solid #a2a1a1;
    }

.toggleMenu {
    display:  none;
    background: #666;
    padding: 0px 15px;
    color: #fff;
    }


.nav2 {
    width: 100%;
    float: left;
    margin-right: auto;
    margin-left: auto;
    list-style: none;
    *zoom: 1;
    }

.nav2:before,
.nav2:after {
    content: " ";
    display: table;
    }

.nav2:after {
    clear: both;
    }

.nav2 ul {
    list-style: none;
    width: auto;
    }

.nav2 a {
    font-family: 'Abel', sans-serif;
    font-size: 1.000em;
    color:#fff;
    padding-top: 5px;
    padding-right: auto;
    padding-bottom: 5px;
    padding-left: auto;
    }

.nav2 li {
    position: relative;
    }
    
.nav2 > li {
    width: 16.66666666666667%;  /* BREITE EINZELNE BUTTONS FÜR RESPONSIVE */
    float: left;
    padding-top: 10px;
    padding-right: auto;
    padding-bottom: 10px;
    padding-left: auto;
    }

.nav2 > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
    }

.nav2 > li > a {
    font-family: 'Abel', sans-serif;
    font-size: 1.000em;
    color: #ffffff;
    display: block;
    padding-top: 5px;
    padding-right: auto;
    padding-bottom: 5px;
    padding-left: auto;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background 0.7s ease;
    -moz-transition: background 0.7s ease;
    -o-transition: background 0.7s ease;
    -ms-transition: background 0.7s ease;
    transition: background 0.7s ease;
    -webkit-box-shadow: inset 0px 0px 0px 1px #1b8abf;
    border: none;
    display: block;
    }

nav2 ul hover{
    color: #fff;
    background: rgba(195, 195, 195, 0.8);
    }

.nav2 li  ul {
    position: absolute;
    left: -9999px;
    }

.nav2 > li .hover {
    background-color: #ccc;
   }

.nav2 > li.hover > ul {
    left: 0;
    color: #fff;
    background: rgba(195, 195, 195, 0.8);
    }

.nav2 li li.hover ul {
    left: 100%;
    top: 0;
    }

.nav2 li li a {
    display: block;
    background: #1d7a62;
    position: relative;
    z-index:100;
    border-top: 1px solid #175e4c;
    }

.nav2 li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
    }


/*--------- CONTAINER START - INHALT nach HEADER ---------- */

.container {
    width: 100%;
    height: 100%;
    }

.container > header {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    float: left;
    padding: 0 1.875em 3.125em 1.875em;
    background-color: #D72523;
    }

.container > header h1 {
    font-size: 2.125em;
    line-height: 1.3;
    margin: 0;
    float: left;
    font-weight: 400;
    }

.container > header span {
    display: block;
    font-weight: 700;
    letter-spacing: 0.3em;
    padding: 0 0 0.6em 0.1em;
    }

.container > header nav {
    float: left;
    }

.container > header nav a {
    display: block;
    float: left;
    position: relative;
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 50%;
    color: transparent;
    margin: 0 0.1em;
    border: 1px solid #a2a1a1;
    text-indent: -8000px;
    }

.container > header nav a:after {
    content: attr(data-info);
    color: #47a3da;
    position: absolute;
    width: 600%;
    top: 120%;
    text-align: center;
    right: 0;
    opacity: 0;
    pointer-events: none;
    }

.container > header nav a:hover:after {
    opacity: 1;
    }

.container > header nav a:hover {
    background: #47a3da;
    }

.container > header nav a:hover:before {
    color: #fff;
    }

.icon-drop:before {
    content: "\e000";
    }

.icon-arrow-left:before {
    content: "\f060";
    }

.content_mod_ro_wrapper {
    height: 100%;
    width: 100%;
    clear:both;
    margin-bottom: 1%;      
    }
        
        
.drittel {
    width: 33.33333333333333%;
    height: auto;
    float: left;
    padding-left: 5px;
    padding-right: 5px; 
    
    }

.fancybox-skin {
    background-color: #fff;
    }


 /* NEUE NAVIGATION */

.container2 {
    float: left;
    width: 100%;
    height: 100px;
    margin: 0px auto;
    background-color: #f5af02; /* gelb */
    }

.test {
    float: left;
    width: 100%;
    margin:  auto;
    }

/*--------- 4. FLEXSLIDER ----------*/

#bannerbox {
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    }

.bannerbg {
    width: 100%;
    float: left;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: auto;
    padding-right: auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    }

.MT0 {
    margin-top:0px !important;
    }

/*--------- 5. SUB - NAVIGATION ----------*/

.fixed {
    background-color: rgba(255, 255, 255, 0.9);
    position: fixed;
    width: 11.9%;
    z-index: 8000;
    top: 15px;
    }

#subheader{
    height: 30px;
    }

#subheader h3{
    width: 100%;
    height: 28px;
    background-color: rgba(24,24,24,0.65); /* Hintergrund transparent */
    float: left;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 1.25em; /* 20px */
    color: rgba(255, 255, 255, 1); /*rot*/
    text-decoration: none;
    line-height: 28px;
    text-indent: 10%;
    }

/*--------- 6. CONTENT ----------*/

#content_mod_ro2{
    width: 77%;
    min-height: 500px;
    float: right;
    margin-top: 45px;
    margin-left: 1%;
    margin-right: 2%;
    margin-bottom: 2%;
    padding-left: 0px;
    padding-top: 10px;
    -webkit-box-shadow: 0px 0px 5px 2px #ffffff;
    box-shadow: 0px 0px 5px 2px #ffffff;
    border: 1px solid #a2a1a1;
    background: rgba(255, 255, 255, 1);
    }

#content_mod_ro{
     width: 100%;
     height: 100%;
     float: left;
     margin-top: 30px;
     margin-left:0%;
     margin-right: 0%;
     padding-right: 3%;
     margin-bottom: 2%;
     padding-left: 4%;
     padding-top: 10px;
     font-size: 1.25em;
     background-color: #a1a1a1;
     }

h1{
     font-family: Arial, sans-serif;
     font-size: 1.25em; /* 20x */
     color: #ffffff;
     }

#content_mod_ro_wrapper{
     width:100%;
     height: 100%;
     float: left;
     }

/*--------- 7. WAHEHRUNG ----------*/

.currency{
     width: 100%;
     background-color: #FFF;
     float: left;
     padding-top: 2px;
     padding-bottom: 5px;
     padding-right: 2%;
     color: #ffffff;
     font-size: 0.675em; /* 14px */
     border-style: none;
     text-align: right;
     font-family: 'Abel', sans-serif;
     }

.currency p{
     font-size: 1.375em; /* 14px */
     font-family: 'Abel', sans-serif;
     }

.currency a{
     color: #5a5a5a;
     font-size: 1.125em; /* 14px */
     font-family: 'Abel', sans-serif;
     }

.currency a:hover{
     color: #BAA321;
     font-size: 1.125em; /* 14px */
     font-family: 'Abel', sans-serif;
     }

#content_mod_ro h3{
     width: 98%;
     height: auto;
     margin-left: 0.5%;
     margin-right: 1.5%;
     padding-top: 5px;
     padding-bottom: 0px;
     color: #686868;
     float: left;
     text-align: left;
     font-size: 1.250em;
     font-family: 'Abel', sans-serif;
     text-decoration: none;
     }

#content_mod_ro h4{
     width: 98%;
     height: auto;
     margin-left: 1%;
     margin-right: 1%;
     padding-top: 5px;
     padding-bottom: 5px;
     border-bottom: 1px solid #a2a1a1;
     color: #BAA321; /*#5a5a5a; */
     float: left;
     text-align: left;
     font-family:'Abel', Arial, sans-serif;
     font-size: 1.125em; /* 18px */
     text-decoration: none;
     }

.trenner{
     width: 100%;
     height: auto;
     border-bottom: 1px solid #a2a1a1;
     float: left;
     display: block;
     margin-top: 5px;
     filter: dropshadow(color=#000, offx=1, offy=1);
     }

/*--------- 8. TISCHMODELLE ----------*/

.modell{
     width:59%;  /* war 37 */
     margin-left: 0.5%;
     float: left;
     border-top: 1px solid #cccccc;
     }

.modell img{
     max-width: 100%;
     padding-right: 10px;
     padding-left: 0px;
     padding-top: 0px;
     padding-bottom: 0px;
     border-style: none;
     margin-top:10px;
     margin-left: 0%;
     }

.modell_2{
     width:58%;
     float: left;
     }

.modell_2 img{
     max-width: 100%;
     padding: 0;
     border-style: none;
     }

.modell_3{
     width:43%;
     float: left;
     border-top: 1px solid #cccccc;
     }

.modell_3 img{
     max-width: 100%;
     padding-top: 10px;
     padding-right: 0;
     padding-bottom: 0;
     padding-left: 0;
     border-style: none;
     }

a{
     text-decoration: none;
     color: #BAA321;
     }

/*--------- 9. TISCHBEZEICHNUNG ----------*/
.text,
.textarea{
      float: left;
      height: 30px;
      margin: 5px 0 10px;
      overflow: auto;
      text-align: justify;
      padding-top: 10px;
      color: #ffffff;
      font-family: 'Abel', sans-serif;
      padding-bottom: 10px;
      font-size: 0.750em;
      border: none;
      padding-left: 10px;
      padding-right: 10px;
      } 
.textarea {
      height: auto;
      } 
.nachoben{
      width:94%;  
      float: left;
      text-align: left;
      padding-top: 20px;
      color: #BAA321;
      margin-left: 2.6%;
      margin-right: 3.4%;
      padding-bottom: 25px;
      margin-bottom: 15px;
      font-size: 0.844em; /* 13.5px */
      border-bottom: 1px solid #a2a1a1;
      }

.nachoben2{
      width:97%;  
      float: left;
      text-align: left;
      padding-top: 0px;
      color: #BAA321;
      margin-left: 1.5%;
      margin-right: 1.5%;
      margin-bottom: 30px;
      padding-top: 20px;
      padding-bottom: 25px;
      font-size: 0.844em; /* 13.5px */
      border-bottom: 1px solid #a2a1a1;
      }

.price{
        color: #fff;
        font-size: 1.750em; /* 18px */
        font-weight:bold;
        text-align: right;
                
       
        
        }

.price3{
        color: #BAA321;
        font-size: 0.844em; /* 18px */
        font-weight:bold;
        float: left;
        text-align: left;
        }

.price2{
        color: #BAA321;
        font-size: 1.125em; /* 18px */
        font-weight:bold;
        }


.text_2{
        width:40.5%;   /* war 38.5 */
        float: left;
        text-align: justify;
        margin-top: 12px;
        padding-top: 0px;
        padding-left: 1%;
        padding-right: 1%;
        padding-bottom: 10px;
        margin-right: 1.5%;
        color: #ffffff;
        font-size: 0.844em; /* 13.5px */
        border-left: 1px solid #cccccc;
        }


.text_3{
        width:55.5%;  
        height: auto;
        float: left;
        text-align: justify;
        margin-top: -30px;
        padding-top: 10px;
        color: #ffffff;
        margin-left: 0%;
        margin-right: 0%;
        font-family: 'Abel', sans-serif;
        padding-bottom: 10px;
        font-size: 0.750em; /* 13.5px */
        border: 1px solid #cccccc;
        padding-left: 10px;
        padding-right: 10px;
        overflow: auto;
        }


/*--------- 10. TISCHPLATTEN ----------*/

.platte{
        width: 48%;  /* war 30 */
        float: left;
        }

.platte img{
        padding-top: 5%;
        max-width: 100%;
        padding-left: 2%;
        padding-right: 2%;
        border-style: none;
        }

/*--------- 11. MODULE ----------*/

.modul{
        width:33.33333333333333%;
        float: left;
        margin-top: 10px;
        }

.modul img{
        max-width: 100%;
        padding: 0;
        border-style: none;
        }

.modul2{
        width:25%;
        float: left;
        margin-top: 10px;
        }

.modul2 img{
        max-width: 100%;
        padding: 0;
        border-style: none;
        }

.text_modul{
        max-width: 100%;
        border-style: none;
        text-align: left;
        color: #ffffff;
        font-size: 0.844em; /* 14px */
        padding: 3%;
        }

/*--------- 12. FUNKTION ----------*/

.video_headline{
        width: 100%;
        float: left;
        padding-top: 10px;
        }

.video_headline h2{
        float: left;
        color: #ffffff;
        font-size: 1.125em; /* 18px */
        padding-left: 2.5%;
        padding-right: 1.5%;
        }

.video_tisch{
        width:60%;
        height:60%;
        padding-top: 15px;
        padding-left: 1.5%;
        float: left;
        }

.video_tisch iframe,
.video_tisch object
.video_tisch embed {
        max-width: 100%;
        max-height: auto;
        padding: 0;
        margin-left: 2%;
        border: 2px solid #fff;
        overflow: hidden;
        -webkit-box-shadow: 0px 0px 7px 0px #ffffff;
        box-shadow: 0px 0px 7px 0px #ffffff;
        }

.video_tisch_text{
        max-width:40%;
        float: left;
        text-align: justify;
        color: #ffffff;
        font-size: 0.844em; /* 14px */
        padding: 12px 3% 0 3%;
        }

.video_tisch_explosion{
        width: 60%;
        height: auto;
        float: left;
        padding-top: 10px;
        }

.video_tisch_explosion img{
        max-width: 100%;
        padding: 0;
        border-style: none;
        }

.absaugung_aufbau{
        width: 100%;
        float: left;
        }

.absaugung_bild{
        width: 50%;
        float: left;
        padding: 0;
        border-style: none;
        }

.absaugung_bild img{
        max-width: 100%;
        padding: 0;
        border-style: none;
        }

.absaugung_text{
        width: 50%;
        float: left;
        text-align: justify;
        color: #ffffff;
        font-size: 0.844em; /* 14px */
        padding-top: 25px;
        padding-bottom: auto;
        padding-left: 3%;
        padding-right: 3%;
        }

.absaugung_text img{
        border-style: none;
        }

.formularw{
        width: 20%;
        float: left;
        color: #ffffff;
        font-size: 0.844em; /* 14px */
        padding-left: 2%;
        padding-right: 0%;
        }

.formularw img{
        border-style: none;
        }

.formular_text{
        width: 100%;
        float: left;
        text-align: justify;
        color: #ffffff;
        font-size: 0.844em; /* 14px  */
        padding-top: 25px;
        padding-bottom: auto;
        padding-left: 2%;
        padding-right: 3%;
        }

.funktionsprinzip_text{
        max-width:100%;
        float: left;
        text-align: justify;
        color: #ffffff;
        font-size: 0.844em; /* 14px */
        padding: 12px 3% 15px 1.5%;
        }

.nachoben3{
        width:100%;
        float: left;
        text-align: center;
        color: #ffffff;
        border-top: 1px solid #a2a1a1;
        border-bottom: 1px solid #a2a1a1;
        font-size: 0.844em; /* 14px */
        padding: 20px 3% 25px 1.5%;
        }

/*---------------------------- 13. KONTAKT ------------------------------------*/


#homeright {
	width: 98%;  
	height: auto;
	float: left; 
	padding-right: 1.5%;
	padding-left: 1%;
	padding-top: 10px;
	margin-right: 1%;
	margin-left: 0.25%;
	margin-top: 0px;
	color: #fff;
	
	}


.form {
	  width: 100%;
    margin-left: 0%;
    margin-right: 1.5%;
   float: left;
   padding-left: 20px;
   color: #fff;
    }
    
.form .text,
.form .textarea {
	display:block;
	border:1px solid #666666;
	background: #fff;
	width: 100%;
	padding:5px;
	color:#4E4D50;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}
/* .form label {
	display:block;
    margin-bottom:35px;
    margin-top:10px; ÄNDERUNG 2016-02-26*/
    
}
.form .text:hover,
.form .textarea:hover {
	background:#FFFFFF;
    border: solid 1px #000000;
    }
    
.form .text:focus,
.form .textarea:focus {
	background:#efefef;
	border: 1px solid #cdb423;
    }
    
.form .button {
	border:1px solid #666666;
    color: #686866;
	background:#fff;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
    }

.form .button:hover {
	border:1px solid #666666;
    color: #fff;
	background: #CDAB21;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
    }
   
textarea{
	resize:none;
    overflow: auto;
    }
    
.phptext {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
    }

.google-maps {
	position: relative;
    padding-bottom: 60%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
	margin-bottom: 20px;
    
	}
	
.google-maps iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;
    
	}
    
#button1{
	width: 2.5%;
	margin-left: 93%;
	height: auto;
	float: left;
	}
	
#button1 img{
	width: 100%;
	margin: 0 auto;
	padding-right: 2px;
	height: auto;
	padding-left: 2px;
	}
		
#button2{
	width: 2.5%;
	padding: auto;
	margin-right:2%;
	height: auto;
	float: left;
	}
	
#button2 img{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
	padding-left: 2px;
	padding-right: 2px;
	}	    

.ueberuns{
        max-width:100%;
        float: left;
        padding-top: 10px;
        }

.ueberuns_text{
        max-width:100%; 
        float: left;
        text-align: justify;
        color: #ffffff;
        font-size: 0.844em; /* 14px */
        padding-left: 1.5%;
        padding-right: 2%;
        padding-top: 10px;
        padding-bottom: auto;
        }

.ueberuns_logo{
        max-width:25%;
        float: left;
        text-align: justify;
        padding-left: 2%;
        }

.ueberuns_logo img{
        max-width: 100%;
        border-style: none;
        }


 /*---------------------------- 14. RABBIT MENU BOTTOM CSS COMPONENT ------------------------------------*/

/* main wrapper */
.cbp-contentslider {
        width: 100%;
        height:101%;
        float: left;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: 0px;
        position: relative;
        border: 0 none;
        }

.cbp-contentslider > ul {
        list-style: none;
        height: 91%; /* DANIEL war 100 */
        width: 100%;
        overflow: hidden;
        position: relative;
        padding: 0;
        margin: 0;
        }

.cbp-contentslider > ul li {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 1em;
        background: #fff;
        }

/* Whithout JS, we use :target */
.cbp-contentslider > ul li:target {
        z-index: 100;
        }

.carousel nav {
        border-top: 1px solid #a2a1a1;
        margin-right:-15px;
        margin-left:-15px;
        margin-top:10px;
        }

.carousel nav a {
        width: 14.28571428571429%; /* NEU */
        float: left;
        display: block;
        font-family: 'Abel', sans-serif;
        letter-spacing: 0.05em;
        background-color: #fff;
        color: #686868;
        outline: none;
        text-align: center;
        line-height: 3;
        text-decoration:none;
        text-transform: uppercase;
        border-bottom: 1px solid #a2a1a1;
        border-right: 1px solid #a2a1a1;
        -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        }

.carousel nav a span {

        border: none;
        }

.carousel nav a:last-child {
        border: none;
        box-shadow: 1px 0 #a2a1a1; /* fills gap caused by rounding */
        border-bottom: 1px solid #a2a1a1;
        }

.carousel nav a:hover {
        background-color: #686868;
        color: #fff;
        text-decoration:none;
        }

.carousel nav33 {
        border-top: 1px solid #a2a1a1;
        margin-right:-15px;
        margin-left:-15px;
        }

.carousel nav33 a {
        width: 33.33333333333333%; /* NEU */
        float: left;
        display: block;
        font-family: 'Abel', sans-serif;
        letter-spacing: 0.05em;
        color: #ffffff;
        outline: none;
        text-align: center;
        line-height: 3;
        text-decoration:none;
        text-transform: uppercase;
        border-bottom: 1px solid #a2a1a1;
        border-right: 1px solid #a2a1a1;
        -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        }

.carousel nav33 a span {
        border: none;
        }

.carousel nav33 a:last-child {
        border: none;
        box-shadow: 1px 0 #a2a1a1; 
        border-bottom: 1px solid #a2a1a1;
        }

.carousel nav33 a:hover {
        background-color: #a2a1a1;
        color: #fff;
        text-decoration:none;
        }

.carousel nav25 {
        border-top: 1px solid #a2a1a1;
        margin-right:-15px;
        margin-left:-15px;
        }

.carousel nav25 a {
        width: 25%; /* NEU */
        float: left;
        display: block;
        font-family: 'Abel', sans-serif;
        letter-spacing: 0.05em;
        color: #ffffff;
        outline: none;
        text-align: center;
        line-height: 3;
        text-decoration:none;
        text-transform: uppercase;
        border-bottom: 1px solid #a2a1a1;
        border-right: 1px solid #a2a1a1;
        -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        }

.carousel nav25 a span {
        border: none;
        }

.carousel nav25 a:last-child {
        border: none;
        box-shadow: 1px 0 #a2a1a1; 
        border-bottom: 1px solid #a2a1a1;
        }

.carousel nav25 a:hover {
        background-color: #a2a1a1;
        color: #fff;
        text-decoration:none;
        }

.carousel nav20 {
        border-top: 1px solid #a2a1a1;
        margin-right:-15px;
        margin-left:-15px;
        }

.carousel nav20 a {
        width: 20%; /* NEU */
        float: left;
        display: block;
        font-family: 'Abel', sans-serif;
        letter-spacing: 0.05em;
        color: #ffffff;
        outline: none;
        text-align: center;
        line-height: 3;
        text-decoration:none;
        text-transform: uppercase;
        border-bottom: 1px solid #a2a1a1;
        border-right: 1px solid #a2a1a1;
        -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        }

.carousel nav20 a span {
        border: none;
        }

.carousel nav20 a:last-child {
        border: none;
        box-shadow: 1px 0 #a2a1a1; 
        border-bottom: 1px solid #a2a1a1;
        }

.carousel nav20 a:hover {
        background-color: #a2a1a1;
        color: #fff;
        text-decoration:none;
        }

/* Iconfont for navigation and headings */
.carousel [class^="icon-"]:before,
.carousel [class*=" icon-"]:before {
        font-style: normal;
        text-align: center;
        speak: none;
        font-weight: normal;
        line-height: 2.5;
        font-size: 2em;
        position: absolute;
        left: 10%;
        top: 50%;
        margin: -1.250em 0 0 0;
        height: 2.500em;
        width: 2.500em;
        color: rgba(0,0,0,0.1);
        -webkit-font-smoothing: antialiased;
        }


.carousel2 nav {
        border-top: 1px solid #a2a1a1;
        margin-right:-15px;
        margin-left:-15px;
        }

.carousel2 nav a {
        width: 25%; /* DANIELA NEU */
        float: left;
        display: block;
        font-family: 'Abel', sans-serif;
        letter-spacing: 0.05em;
        color: #ffffff;
        outline: none;
        text-align: center;
        line-height: 3;
        text-decoration:none;
        text-transform: uppercase;
        border-right: 1px solid #a2a1a1;
        -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        } 

.carousel2 nav a span {
        border: none;
        }

.carousel2 nav a:last-child {
        border: none;
        box-shadow: 1px 0 #a2a1a1; 
        }

.carousel2 nav a:hover {
        background-color: #a2a1a1;
        color: #fff;
        text-decoration:none;
        }

/* Iconfont for navigation and headings */
.carousel2 [class^="icon-"]:before,
.carousel2 [class*=" icon-"]:before {
        font-style: normal;
        text-align: center;
        speak: none;
        font-weight: normal;
        line-height: 2.5;
        font-size: 2em;
        position: absolute;
        left: 10%;
        top: 50%;
        margin: -1.250em 0 0 0;
        height: 2.500em;
        width: 2.500em;
        color: rgba(0,0,0,0.1);
        -webkit-font-smoothing: antialiased;
        }


.textleft {
        color: #fff;
        width: 100%;    
        }


.cbp-contentslider [class^="icon-"].rc-active:before,
.cbp-contentslider [class*=" icon-"].rc-active:before,
.cbp-contentslider nav a:hover:before {
        color: rgba(255,255,255,0.9);
        
        }
/* Überschrift ROMANTISCH */

.carousel-inner h3 {
        font-family: 'Abel', sans-serif;
        text-align: center;
        width: auto;
        font-size:1.750em; 
        color: #fff;        
        /* background-color: rgba(205,171,33,0.75);  Hintergrund gold transparent */
        background-color: rgba(24,24,24,0.65);
        
        letter-spacing: 0.1em;
        margin-top:20px;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
         
              
        }
        
        
        
        .carousel-inner h4 {
        font-family: 'Abel', sans-serif;
        text-align: left;
        width: 100%;
        font-size:1.750em; 
        color: #fff;        
        /* background-color: rgba(205,171,33,0.75);  Hintergrund gold transparent */
        /*background-color: rgba(205,172,32,0.15); gold */
        margin-bottom: 5px;
        letter-spacing: 0.1em;
        /*margin-top:10px;
        
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;*/
        /* border: 1px solid #CDAB21; */
                       
        }
        
        
        
        
     .carousel-inner h5 {
        font-family: 'Abel', sans-serif;
        text-align: center;
        width: auto;
        font-size:1.750em; 
        color: #fff;        
        /* background-color: rgba(205,171,33,0.75);  Hintergrund gold transparent */
        
        
        letter-spacing: 0.1em;
        margin-top:20px;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
         
              
        }   
        
        
        
        
        
        
        
        
        .carousel-inner h4 img{
    width: 38%;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: auto;
    padding-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    
    text-align: left;
    
    
    }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        

.cbp-contentslider h3[class^="icon-"]:before,
.cbp-contentslider h3[class*=" icon-"]:before {
        top: 0;
        left: 0;
        width: 2em;
        line-height: 1;
        height: 1.2em;
        margin: 0;
        color: #47a3da;
        } 

.cbp-contentslider li > div {
        position: absolute;
        top: 4.000em;  /* Abstand Text ui Ueberschrift */
        bottom: 3.313em;
        width: 100%;
        left: 0;
        padding: 0 1em;
        overflow-x: hidden;
        overflow-y: auto;
        }

.cbp-contentslider .cbp-content {
        -webkit-column-rule: 1px solid #ccc;
        -moz-column-rule: 1px solid #ccc;
        column-rule: 1px solid #ccc;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1em;
        -moz-column-gap: 1em;
        -o-column-gap: 1em;
        column-gap: 1em;
        vertical-align: top;
        padding: 1em 0;
        height: auto;
        }

.cbp-contentslider p {
        color: #47a3da;
        padding: 0 0.5em 0.4em;
        margin: 0;
        font-size: 1.375em;
        font-weight: 300;
        text-align: justify;
        line-height: 1.250em;
        }


.carousel-inner > .item {
        min-height: 450px;
        }
 
 
 
 
 .modellrab { /* 2017*/
    width: 48.5%;
    margin-left: 0%;
    margin-right: 1.5%;
   float: left;
      
    }
 
 
 
 
  
.modellrab img {
    padding-left: 0px;
    
    display: block;
    height: auto;
    float: left;
    width: 100%;
    /*border: 1px solid #fff;*/
     
    }
    
    
    .modellslide {
    padding-left: 0px;
    display: block;
    margin-top: 10px;
    height: auto;
    float: left;
    width: 25%;
    heigth: auto;
    padding-left: 5px;
    padding-right: 6px;
    
     
    }
    
    
    .modellslide img {
    /*border: 1px solid #fff;*/
     
    }
    
    
    
    
     .modellslide2 {
    padding-left: 0px;
    display: block;
    margin-top: 10px;
    height: auto;
    float: left;
    width: 24%;
    heigth: auto;
    padding-left: 6px;
    
    
     
    }
    
    
    .modellslide2 img {
    /*border: 1px solid #fff;*/
     
    }
    
    
    
.modellrabfuss img {
    padding-left: 0px;
    display: block;
    height: auto;
    float: left;
    width: 100%;
    margin-bottom:20px;
    border: 1px solid #a2a1a1;
    }


.modellrabdrittel {
    float: left;
    padding-left: 25px;
    padding-right: 25px;
    height: auto;
    width: 100%;
    margin-bottom:10px;
    
    }

.modellrabdrittel img {
    float: left;
    padding-left: 2px;
    padding-right: 2px;
    height: auto;
    width: 100%;
    margin-bottom:2px;
   
    }
    

    
    
     .contactrab { /* 2017*/
    width: 48.5%;
    margin-left: 0%;
    margin-right: 1.5%;
   float: left;
    }
    

.contactrab img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    margin-bottom:20px;
    }

.textrightrab{
    width: 48.6%;
    margin-left: 0%;
    margin-right: 0%;
    /*margin-right: 5px; SPÄTER*/
    
    background-color: rgba(24,24,24,0.65); /* Hintergrund transparent */ 
    text-align: justify;
    color: #CDAB21;
    font-family: 'Abel', sans-serif;
    font-size: 1.125em; /* 13.5px */
    float: left;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    margin-bottom: 5px;
    border: 1px solid #CDAB21; 
    }

.textrightrab p, .textrightrab ul{
    color: #CDAB21;
    }
    
.textrightrab ul {
    list-style: inside none disc;
    margin: 10px 20px;
    }
    
.textrightrab a{
    color: #BAA321;
    }
    
    
    
    
    
    
    
    
   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .textrightrabtech{
    width: 95%;
    margin-left: 0%;
    margin-right: 0%;
    /*margin-right: 5px; SPÄTER*/
    
    background-color: rgba(24,24,24,0.65); /* Hintergrund transparent */ 
    text-align: justify;
    color: #CDAB21;
    font-family: 'Abel', sans-serif;
    font-size: 1.125em; /* 13.5px */
    float: left;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    border: 1px solid #CDAB21; 
    }

.textrightrabtech p, .textrightrabtech ul{
    color: #CDAB21;
    }
    
.textrightrabtech ul {
    list-style: inside none disc;
    margin: 10px 20px;
    }
    
.textrightrabtech a{
    color: #BAA321;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
.textrightrabfuss{
    padding-right: 25px;
    background-color: rgba(24,24,24,0.65); /* Hintergrund transparent */ 
    text-align: justify;
    color: #ffffff;
    font-family: 'Abel', sans-serif;
    font-size: 1.125em; /* 13.5px */
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom:5px;
    }

.textrightrabfuss p, .textrightrabfuss ul{
    color: #ffffff;
    }
    
.textrightrabfuss ul {
    list-style: inside none disc;
    margin: 10px 20px;
    }
    
.textrightrabfuss a{
    color: #BAA321;
    }    
    
    
    
    
.textfullrab{
        width: 100%;       
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: justify;
        color: #CDAB21;
        background-color: rgba(24,24,24,0.65); /* Hintergrund transparent */
        font-family: 'Abel', sans-serif;
        font-size: 1.125em; /* 13.5px */
        margin-bottom: 5px; 
        }

.textfullrab p, .textrightrab ul{
        color: #CDAB21;
        }

.textfullrab ul {
        list-style: inside none disc;
        margin: 10px 0px;
        }

.textfullrab a{
        color: #CDAB21;
        }

#contactform{
       
}

.contactrightrab{
        
        color: #ffffff;
        width: 48.6%;
        margin-left: 0%;
        margin-right: 0%;
        /*margin-right: 5px; SPÄTER*/
    
        background-color: rgba(24,24,24,0.65); /* Hintergrund transparent */ 
        text-align: justify;
    
        font-family: 'Abel', sans-serif;
        font-size: 1.125em; /* 13.5px */
        float: left;
        padding-top: 15px;
        padding-right: 20px;
        padding-bottom: 15px;
        padding-left: 20px;
        border: 1px solid #CDAB21; 
    }

.contactrightrab p, .textrightrab ul{
        color: #ffffff;
        }
.contactrightrab ul {
        list-style: inside none disc;
        margin: 10px 20px;
        }
        
.contactrightrab a{
        color: #BAA321;
        }
                       
        
        
.akzeptieren{
        
        color: #ffffff;
        width: 100%;
        margin-left: 0px;
        margin-right: 0%;
        margin-top: 10px;
        margin-bottom: 15px;
        /*margin-right: 5px; SPÄTER*/
    
        background-color: rgba(24,24,24,0.65); /* Hintergrund transparent */ 
        text-align: justify;
    
        font-family: 'Abel', sans-serif;
        font-size: 1em; /* 13.5px */
        float: left;
        padding-top: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
        border: 1px solid #CDAB21; 
    }

.akzeptieren p, .textrightrab ul{
        color: #ffffff;
        }
.akzeptieren ul {
        list-style: inside none disc;
        margin: 10px 20px;
        }
        
.akzeptieren a{
        color: #BAA321;
        }
        
        
        
        
                

.textrightrabdrittel{
        text-align: left;
        margin-left: 25px;
        margin-right: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: auto;
        border: 1px solid #CDAB21; 
        float:left;
        color: #ffffff;
        background-color: rgba(24,24,24,0.65); /* Hintergrund transparent */
        font-family: 'Abel', sans-serif;
        font-size: 1.125em; /* 13.5px */
        margin-bottom: 20px;        
        }

.textrightrabdrittel p, .textrightrab ul{
        color: #ffffff;
        }
       
.textrightrabdrittel ul {
    list-style: inside none disc;
    margin: 10px 20px;
    }
    
.textrightrabdrittel a{
    color: #BAA321;
    }
    
    
    
.textrightrabdrittelh {
        text-align: center;
        width: 100%;
        
        float:left;
        color: #ffffff;
        background-color: rgba(24,24,24,0.65); /* Hintergrund transparent */
        font-family: 'Abel', sans-serif;
        font-size: 1.500em; /* 13.5px */
        margin-bottom: 20px;        
        }

.textrightrabdrittelh p, .textrightrabh ul{
        color: #ffffff;
        }
       
.textrightrabdrittelh ul {
    list-style: inside none disc;
    margin: 10px 20px;
    }
    
.textrightrabdrittelh a{
    color: #fff;
    text-decoration: none;
    }
    
.textrightrabdrittelh a:hover{
    color: #baa321;
    text-decoration: none;
    }
    
    
    
/* Media queries */    

@media screen and (min-width: 67.75em) {
      #cssmenu ul     {display:block !important;}
}

@media screen and (max-width: 70em) {
        .cbp-contentslider p {
                font-size: 100%;
        }
}

@media screen and (max-width: 67.75em) {
         .carousel-inner > .item {
         min-height: 600px;
}
#cssmenu ul {
         display:none;
         }
         
.carousel nav a {
          width: 50%;
         }
         
.cbp-contentslider { 
         font-size: 85%; 
         }

.cbp-contentslider nav a[class^="icon-"]:before,
.cbp-contentslider nav a[class*=" icon-"]:before {
         left: 50%;
         margin-left: -1.250em;
        }
}

@media screen and (max-width: 43em) {
        .cbp-contentslider h3 {
        font-size: 2em;
        }

.cbp-contentslider .cbp-content {
         -webkit-column-count: 1;
         -moz-column-count: 1;
         -o-column-count: 1;
         column-count: 1;
        }

.cbp-contentslider li > div {
         top: 5em;
         }
}

@media screen and (max-width: 25em) {
        .cbp-contentslider nav a { 
        padding: 0;
        }
        
.cbp-contentslider h3[class^="icon-"]:before,
.cbp-contentslider h3[class*=" icon-"]:before { 
        display: none;
        }

}



 /*---------------------------- 14. RABBIT MENU DEFAULT CSS ------------------------------------*/

/* Reset */
*,
*:after,
*:before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: https://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
        content: " ";
        display: table;
}

.clearfix:after {
        clear: both;
}

.main{
      width: 100%;
      height: 710px; /* war 530px DANIELA */
      display: inline-block;
}




/*---------------------------- 14. MEDIA QUERIES ------------------------------------*/




@media only screen and (max-width : 1600px),
only screen and (max-device-width : 1600px){

       #wrapper{
               width: 80%;
        }

}


@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px){

        nav li a {
                font: 400 14px/1.4 'Abel', Helvetica, Verdana, Arial, sans-serif;
                }


        #navigation{
                width: 100%;
                margin-top: 0px;
                margin-right: auto;
                margin-bottom: 0px;
                margin-left: auto;
                }



        #wrapper{
                width: 95%;
                margin-top: 15px;
                margin-right: auto;
                margin-left: auto;
                }


        #content_mod_ro h3{
                font-size: 1em; /* 16px */
                text-indent: 3%;
                }

        #content_mod_ro h4{
                font-size: 1em; /* 16px */
                text-indent: 3%;
                }
}

@media only screen and (max-width : 930px),
only screen and (max-device-width : 930px){

         nav li a {
                width: 33.33333333333333%;
                font: 400 11px/1.4 'Abel', Helvetica, Verdana, Arial, sans-serif;
                }

        #sidebar .menu2 li a{
                height: 26px;
                font-size: 0.719em;  /* 14px */
                line-height: 24px;
                text-indent: 6.5%;
                }
                
                
                
                         

        #subheader{
                height: 26px;
                }

        #subheader h3{
                height: 26px;
                font-size: 1em; /* 20px */
                line-height: 24px;
                text-indent: 6.5%;
                }

        #sidebar .menu2{
                margin-top: 12px;
                }

        #content_mod_ro h3{
                font-size: 15px;
                text-indent: 3.5%;
                }

        #content_mod_ro h4{
                font-size: 15px;
                text-indent: 3.5%;
                }

        .text_2{
                font-size: 0.844em; /* 12px */
                }

        .text_3{
                font-size: 0.844em; /* 12px */
                }

        .drittel {
                width: 50%;
                height: auto;
                float: left;
                }

        .modul{
                width:100%;
                float: left;
                }

        .modul img{
                max-width: 50%;
                padding: 0;
                border-style: none;
                float: left;
                }

        .modul2{
                width:100%;
                float: left;
                }

        .modul2 img{
                max-width: 50%;
                padding: 0;
                border-style: none;
                float: left;
                }

        .text_modul{
                max-width: 50%;
                font-size: 0.844em; /* 12px */
                padding: 3%;
                float: left;
                }

        .video_tisch{
                width: 96%;
                float: left;
                padding-left: 0.75%;
                }

        .video_tisch_text{
                max-width: 100%;
                float: left;
                font-size: 0.844em; /* 12px */
                }

        .video_tisch_explosion{
                width: 100%;
                float: left;
                padding-top: 10px;
                }

        .video_headline h2{
                font-size: 1em; /* 16px */
                padding-left: 2.5%;
                }

        .facebook_text{
                padding-top: 0;
                padding-bottom: 0;
                padding-left: auto;
                padding-right: auto;
                }
        
        
        
        #lg3 img{
                width: 17%;
                }

        .formularw{
                width: 50%;
                }
}

@media only screen and (max-width : 768px),
only screen and (max-device-width : 768px){

         .text{
                width: 100%;
                margin-top: 10px;
                font-size: 0.844em; /* 12px */
                }

        .text_2{
                width:94%;
                padding-left: 0%;
                padding-right: 0%;
                font-size: 0.844em; /* 12px */
                margin-left: 2.8%;
                border-top: 1px solid #cccccc;
                border-left: none;
                margin-right: 3.2%;
                padding-top: 10px;
                }

        .text_3{
                width:94%;
                padding-left: 0%;
                padding-right: 0%;
                font-size: 0.844em; /* 12px */
                margin-left: 2.8%;
                border-top: 1px solid #cccccc;
                border-left: none;
                margin-right: 3.2%;
                padding-top: 10px;
                }

        .absaugung_bild{
                width: 100%;
                float: left;
                padding: 0;
                border-style: none;
                }

        .absaugung_text{
                width: 100%;
                float: left;
                text-align: justify;
                color: #ffffff;
                font-size: 0.844em; /* 14px */
                padding-top: 12px;
                padding-bottom: auto;
                padding-left: 3%;
                padding-right: 3%;
                }

        #flags {
                width: 100%;
                }

        .form {
                width: 96%;
                }

        .currency{
                font-size: 0.875em; /* 13px */
                }

        .modell_2{
                width: 100%;
                padding: 0 auto;
                }

        .modell_2 img{
                border-style: none;
                }

        .modell_3{
                width: 100%;
                padding: 0 auto;
                }

        .modell_3 img{
                border-style: none;
                }


        .modell{
               width:100%;  /* war 37 */
               margin-left: 0.5%;
               float: left;
               border-top: 1px solid #cccccc;
               }

               
               
               
               
               
               .textrightrab{
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    /*margin-right: 5px; SPÄTER*/
    
    background-color: rgba(24,24,24,0.65); /* Hintergrund transparent */ 
    text-align: justify;
    color: #CDAB21;
    font-family: 'Abel', sans-serif;
    font-size: 1.125em; /* 13.5px */
    float: left;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    border: 1px solid #CDAB21; 
    }
          
          
          .modellrab { /* 2017*/
    width: 100%;
    margin-left: 0%;
    margin-right: 1.5%;
   float: left;
      
    }      
       
               
               
               

        #lg img{
               width: 50%;
               }

        .f0 {
	           width: 50%;	
               height: 100%;   
               text-align: center;
               float: left;  
               border-right: none;     
               
	           }    
   
         .f1 {
	           width: 50%;	
               height: 100%;   
               text-align: center;
               float: left;  
               border-right: none;    
              
	           }
    
         .f2 {
	           width: 50%;	
               height: 100%;   
               text-align: center;
               float: left;  
               margin-top: 0px;
              
	           }
    
    
         .f3 {
	           width: 50%;	
               height: 100%;   
               text-align: center;
               float: left;  
               border-left: none;             
               margin-top: 0px;
	           }
    
    
          .iconcenter {
	           width: 100%;	
               height: auto;   
               margin-bottom: 10px;
               float: left;  
               text-align: center;
	           }

}

@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px){

        nav li a {
                width: 50%;
                font: 400 14px/1.4 'Abel', Helvetica, Verdana, Arial, sans-serif;
                padding-top: 12px;
                padding-bottom: 12px;
                }

        #sidebar {
                display: none;
                }

        #content_mod_ro{
                width: 100%;
                margin: 5px auto 0 auto;
                }

        #content_mod_ro h3{
                font-size: 0.938em; /* 15px */
                text-indent: 5%;
                }

        #content_mod_ro h4{
                font-size: 0.938em; /* 15px */
                text-indent: 5%;
                }

        #lg{
                width: 100%;
                }

        #lgbild{
                margin: 10px auto 0px auto ;
                max-width: auto;
                }

        .video_headline h2{
                font-size: 0.844em; /* 14px */
                padding-left: 2.5%;
                }

        .facebook_text{
                max-width:100%;
                float: left;
                text-align: justify;
                color: #ffffff;
                font-size: 0.844em; /* 14px */
                padding-top: 0;
                padding-bottom: 0;
                padding-left: auto;
                padding-right: auto;
                }

        .facebook_logo{
                max-width:100%;
                float: left;
                text-align: justify;
                padding-left: auto;
                padding-right: auto;
                }

        .language{
                width:100%;
                margin-bottom: 3px;
                text-align: center;
                }

        .nachoben2{
                margin-left: 2.5%;
                margin-right: 0.5%;
                }

        
        .drittel {
                width: 100%;
                height: auto;
                float: left;        
                }



        .cbp-contentslider nav a {
                width: 100%; /* DANIELA NEU */
                }

        .cbp-contentslider > ul {
                height: 91%; /* DANIEL NEU */
                }

}


@media only screen and (max-width : 480px),
only screen and (max-device-width : 480px){

        .currency{
                padding-left: 2.5%;
                padding-right: 2.5%;
                }

        .modell {
                width: 100%;
                }

        .modell img {
                border-right: none;
                }

        div.platte {
                display:none;
                }

        #bannerbox {
                display: none;  /* Slideshow wird ausgeblendet */
                }
        
        
        #lg img{
                width: 70%;
                }
    
        #lg3 img{
                width: 40%;
                height: auto;
                margin-top:10px;
                margin-bottom: 5px;
                padding-right: 0px;
                padding-left: auto;
                margin-right: 5px;
                margin-left: auto;
                display:block;
                text-align: right;
                border: 1px solid #a2a1a1;     
                }      
   
        .f0 {
	            width: 100%;	
                height: 100%;   
                text-align: center;
                float: left;  
                border-right: none;               
	            }  
   
   
        .f1 {
	            width: 100%;	
                height: 100%;   
                text-align: center;
                float: left;  
                border-top: 1px solid #fff;
                margin-top: 20px;                
	            }
    
        .f2 {
	            width: 100%;	
                height: 100%;   
                text-align: center;
                float: left;  
                border-top: 1px solid #fff;
                margin-top: 20px;                
	            }
    
    
        .f3 {
	            width: 100%;	
                height: 100%;   
                text-align: center;
                float: left;  
                border-top: 1px solid #fff;                
                margin-top: 20px;
	            }
    
        .iconcenter {
	            width: 100%;	
                height: auto;  
                margin-top:10px; 
                margin-bottom: 10px;
                float: left;  
                text-align: center;
	            }

}

@media only screen and (max-width : 321px),
only screen and (max-device-width : 321px){

         nav li a {
                width: 100%;
                font: 400 14px/1.4 'Abel', Helvetica, Verdana, Arial, sans-serif;
                -webkit-box-shadow: inset 0px 0px 0px 1px #fff;  /* war 1b8abf */
                box-shadow: inset 0px 0px 0px 1px #fff;
                }


        #lg{
                width: 100%;
                margin: 0px auto;
                }

        #lgbild {
                width: 100%;
                padding: 0;
                }

        .modell{
                width:100%;
                }

        .modul{
                width:100%;
                float: left;
                margin-top: 5px;
                padding: 2%;
                }

        .modul img{
                max-width: 100%;
                padding: 0;
                border-style: none;
                float: left;
                }

        .modul2{
                width:100%;
                float: left;
                margin-top: 5px;
                padding: 2%;
                }

        .modul2 img{
                max-width: 100%;
                padding: 0;
                border-style: none;
                float: left;
                }

        .text_modul{
                max-width: 100%;
                font-size: 0.844em; /* 12px */
                padding: 3%;
                float: left;
                }

        #content_mod_ro h3{
                text-indent: 7%;
                }

        #content_mod_ro h4{
                text-indent: 7%;
                }
}



/* @media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}*/