@charset "utf-8";

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('../fonts/ubuntu-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v11-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
       url('../fonts/ubuntu-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v11-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
	font-family:  'Open Sans',sans-serif; Verdana,Helvetica, Arial,  sans-serif;
   font-size: small;
   color:#666;
  
	}

 .dschutz input {
width: 20px !important;
float: left !important;

}

.dschutz label {
width: 80%;
float: left;

}
  
  #gallery {
  margin-top: 25px;
  }
  
  iframe.vid {
 position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
 /* width: 700px !important; 
  height: 300px !important; */
  }
  
      .responsive-video {
position: relative;
padding-bottom: 48.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}
  
  
  .text_bild_text {
  float: left;
 /* background: #c0c0c0;*/
     width: 65%;
  }
  
  .text_bild_text a.details{margin-left:0;} /* Korrigiert den Einzug links beim Bild (li) mit Text Element */
	  
	  
  .slider {
  display: block;
  z-index: 1;
  
  }
  
  
  .angebot
   {background:#005497;
   padding:5px 10px;
      color:#fff;
   line-height:1em;
   margin:10px 0;
   }
   
    .angebot  p
   { 
   font-size:1.2em;
   color:#fff;
   line-height:1em;
   }
   
     p.unserpreis 
     {
     display:block;
   font-size: 36px;
   text-transform:uppercase;
   color:#fff;
   font-weight:bold;}
  
  
  
  #sticky_navigation_wrapper { 
   /* position: fixed;*/
left: 0px;
width: 100%;
 z-index: 999;
      padding-top: 5px;
      padding-bottom: 5px;
background: #fff;
  
       -webkit-box-shadow: 0px 2px 5px 0px rgba(142,142,145,1);
-moz-box-shadow: 0px 2px 5px 0px rgba(142,142,145,1);
box-shadow: 0px 2px 5px 0px rgba(142,142,145,1);
  /*width:100%;*/  /*height:50px;*/

 }
 
#sticky_navigation {
 /*height:50px;*/

 }

  
  /*Links zu Tel und Email */
    #shortcut_kontakt
    {float:right;
    width:auto;
    
     padding:10px 0px 0 0;
     margin-bottom: 7px;}
     
     #shortcut_kontakt ul {
     margin: 0;
     padding: 0;
     
     }
     
 #shortcut_kontakt ul li
      {float:left;
      width:auto;
      list-style:none;padding-left:10px;
         
      margin-right: 0 !important;}
     
     
 #shortcut_kontakt a
         {padding-left:25px;
         display:block;
         height:24px;
         color:  black;
         font-size:16px;
         text-decoration:none;
         padding-top:2px;
         font-weight:bold;
         
       }
       

 #shortcut_kontakt a.tel
         { 
        background: transparent url(../img/icons/telefon_icon.png) 0 0 no-repeat;}
        
 #shortcut_kontakt a.tel:visited
         {color: #000;
        background: transparent url(../img/icons/telefon_icon.png) 0 0 no-repeat;}
        
 #shortcut_kontakt a.tel:active
         {color: #000;
        background: transparent url(../img/icons/telefon_icon.png) 0 0 no-repeat;}
       
 #shortcut_kontakt a.tel:hover
         {color: #000;
        background: transparent url(../img/icons/telefon_icon.png) 0 0 no-repeat;}
        



#shortcut_kontakt a.mail
         {
        background: transparent url(../img/icons/mail_icon.png) 0 0 no-repeat;}
         
 #shortcut_kontakt a.mail:visited 
         {color: #D51224;
        background: transparent url(../img/icons/mail_icon.png) 0 0 no-repeat;}
 
 #shortcut_kontakt a.mail:active  
         {color:#888;   
        background: transparent url(../img/icons/mail_icon_hv.png) 0 0 no-repeat;}
         
#shortcut_kontakt a.mail:hover  
         {        color:#888; 
        background: transparent url(../img/icons/mail_icon_hv.png) 0 0 no-repeat;}
      
      
       /************* Logo - Navigation - Shortcuts zu Kontakt ****/
   
/* top-wrapper umschließt top für den fixed Bereich für das Menü */
     #top-wrapper
   {width:100%;
   position:fixed;
   top:0px;
   background:#fff;
   z-index:999;}
   
      /* top umschließt alle Bereiche */
   #top
   {
     
    margin:0 auto;
   background:#fff;
   height:auto;
   }  
   
   #header
   {width:100%;
   background:transparent;
   padding:0;
   margin:0;
   margin-top:80px; /* rückt header unter den fixed top-wrapper */
        }

 /* Menü*/     
     
     #nav ul
     {float:right !important;
         width:auto;
          
     padding-right: 0 !important;
     margin-right: 0 !important;}
     
      #nav ul li
      {display:block;
      float:left;
      width:auto; 
     padding:5px 8px;
      /*background: #c0c0c0;*/
       margin-right: 0 !important;
      }
      
      #nav ul li.nav-last {
      padding-right: 0;
      margin-right: 0 !important;
      }
      
      
       ul.slimmenu {
       float: right !important;
       width: auto;
       
       }
      
      ul.slimmenu li  {
      border: none !important;
        
      }
      
      #nav a
      {text-decoration:none;
      color:#888;
      font-size:14px;
font-weight:bold;}
      
       #nav a:hover
       {
      color:#1495ab; /*#D51224;*/
font-weight:bold;
text-decoration:underline;}
      
      
      body#home #nav li.index a,
      body.team #nav li.therapeuten a,
      body#kontakt #nav li.contact a,
	  body#impressum #nav li.imprint a,
	  body#leistungen #nav li.portfolio a,
     body#autohaeuser #nav li.ederautohaeuser a,
     body#termine #nav li.termin a,
body#ff #nav li.family-friends a,
body#freunde #nav li.freundewerben a
      {
      color:#1495ab; /*#D51224;*/
font-weight:bold;}
      
      
      .content_small
   {
   margin:0 auto;
      background:transparent;   
      
       padding:20px 0;
      }
      
   .content_stripe
   {width:100% !important;
   padding:0px 0;
   z-index: 1;
   background:#464646;
   }
   
   
    
    
      
      
  .content_stripe_light
   {position:relative;
   width:100%;
padding:10px 0; 
background:transparent; 
z-index: 998;
       -webkit-box-shadow: 0px 0px 10px -2px rgba(51,51,51,1);
-moz-box-shadow: 0px 0px 10px -2px rgba(51,51,51,1);
box-shadow: 0px 0px 10px -2px rgba(51,51,51,1);

      }  
      
         /******************** Allgemeine Klassen ************************/  
        h1, h2, h3, h4, h5, h6
   {padding:10px 10px 0 10px;
   }  
   
   h1
      {font-size:240%;
	 padding-bottom:0.6em;
text-transform:uppercase;}
   
   h2, dt
      {font-size:200%;
		  padding-bottom:0.4em;  
		  
text-transform:uppercase;
      }   
     
      
       h2.icon
      {
        padding-top:5px; 
        padding-bottom:5px; 
      }
      
      
      
      h3, dd
      {font-size:140%;
        padding-bottom:0px;  
      }
      
      h4
      {font-size:120%;
         
      }
      
      
         .center
      { text-align:center;
      
      }
      
     p, ul, img, address, iframe, ol
      {padding:5px 10px 10px 10px;} 
       
      
    p, ul, address
    {line-height:1.6em;} 
    
    strong
    {font-weight:bold;} 
      
     ul li, ol li
     {list-style-position:inside;}
     
    ul li ul
     {padding-left:0;
     margin-left:0;
     }
     
     .links ul li
     {list-style-position:outside;
     margin-left:20px;}
     
     p.center
     {margin:0 !important;
     padding:0 !important;}
    
    
     /*
     ul ul   rechter Abstand bei eingerückter Liste in content_small 
     {padding:0;}    */
      
   h2+h3, dt+dd
   {padding-top:0px;
   padding-bottom:0px;}
   
   h2.iconsubtitle  /* rückt Titel näher ans icon */
   {margin-top:-15px;
   font-weight:bold;
   }
   
   h2+h4
   {padding-top:10px;
   font-weight:bold;}
   
   h3+p, dl+p,  iframe+p
   {padding-top:10px;}
   
   address+h2.icon, dt
   {margin-top:30px;}
   
   .iframe-wrapper {
   position: relative;
        overflow: hidden !important;
    border:5px solid #ccc;
    width: 350px;  
    height: 200px;
        padding: 0 !important;
    margin:10px 0 0 5px;    
    border-radius: 15px;
-webkit-border-radius: 15px; /* im Chrome bleibt der Bildauschnitt eckig...???*/
-ms-border-radius: 15px;
-o-border-radius:15px;


   }
   #footer_inner iframe, .kontaktseite iframe
   {
  
     width: 100%;
                height: 100%;
        padding:0 !important;
        margin: 0 !important;
        border: none;
        }
		
      .clearer 
     {clear:both;height:auto;}  
   
     abbr
     { border-bottom: 1px dotted #464646 !important; }
   
  /* Links */ 
     a, a:focus
    {color:#666;
    text-decoration: underline;
    } 
    
    
    .leistung a
    {text-decoration:none;}
     
     a:hover
    {color:#D51224;}  
    
     a:active
    {color:#D51224;}     
    
       a.totop { position:fixed; right:20px; bottom:20px;
      background:transparent url(../img/totop2.png) 0 0 no-repeat;
      text-indent: -10000px;
      width:75px;
      height:75px;
      }  
      
    #footer_wrapper
    a:focus
    {color:#fff;}  
      
     
      
    
 
 
blockquote
{font-style:italic;
border:none;
xxcolor:#D51224;} 
 
   
    
   
 
/* Öffnungszeiten im Footer eingerückt */       
div.tab span{position: absolute;color:#fff;}
div.tab span:nth-child(1){left: 25px;}
div.tab span:nth-child(2){left: 100px;}       
       
         address
         {font-style:normal;
		 color:#fff;}
         
         
         
 /* Öffnungszeiten auf SEite Kontakt eingerückt */       
div.tab2 span{position: absolute;;}
div.tab2 span:nth-child(1){left: 25px;}
div.tab2 span:nth-child(2){left: 100px;}          
         
      
    
           
      
      
.team  #auswahl
{text-align:center;

padding-bottom:30px; }

.team #auswahl h3
{display:block;
width:25%;
float:left;
 font-size:1.2em;
  }   
      
 body.team a.teamicon
 {padding:10px 0 10px 40px;
 text-decoration: none;
 background: transparent url(../img/icons/team.png) 0 center no-repeat;}     
    
      
      
      /******* H2 Überschriften mit Icon **********************/ 
   
/* Klasse icon gilt für alle */
  h3.icon
   {padding-left:47px;
    }

/* Zuordnung der unterschiedlichen iconbilder */    
   h3.iconkontakt
   {
    background:transparent url(../img/icons/icon_kontakt.png) 7px center no-repeat;}
    
    h3.iconkontakt_dark
   {
    background:transparent url(../img/icons/icon_kontakt_dark.png) 7px center no-repeat;}
    
  
    
    h2.iconanfahrt
   {
    background:transparent url(../img/icons/icon_anfahrt.png) 7px center no-repeat;}
    
     h2.iconanfahrt_dark
   {
    background:transparent url(../img/icons/icon_anfahrt_dark.png) 7px center no-repeat;}
    
    h2.iconoeffnungszeiten
   {
    background:transparent url(../img/icons/icon_oeffnungszeiten.png) 7px center no-repeat;}
    
     h2.iconoeffnungszeiten_dark
   {
    background:transparent url(../img/icons/icon_oeffnungszeiten_dark.png) 7px center no-repeat;}
    
     h3.reifen
   { 
    background:transparent url(../img/icons/reifen.png) 7px center no-repeat;}
    
    h3.unfallschaden
   { 
    background:transparent url(../img/icons/unfallschaden.png) 7px center no-repeat;}
    
    h3.neu_gebraucht
   { 
    background:transparent url(../img/icons/neu_gebraucht.png) 7px center no-repeat;}
     
    h3.lackieren
   { 
    background:transparent url(../img/icons/lackieren.png) 7px center no-repeat;}
    
    
     h3.reparatur
   { 
    background:transparent url(../img/icons/reparatur.png) 7px center no-repeat;}
    
     h3.flotte
   { 
    background:transparent url(../img/icons/flotte.png) 7px center no-repeat;}
    
     h2.bewerbung
   { 
    background:transparent url(../img/icons/icon_dummy.png) 7px center no-repeat;}
      
      
        /**************** Text mit Bild über gesamte Breite ****************/
   
    .text_mit_bild
    {padding: 30px 0;
    xxborder-bottom:1px dotted #d6d6d6;
      
    }
    
      /* Text neben dem Bild - Bild links */
     .text_mit_bild .teaser
    {float:left;
    width:100%;
    margin-left:5px;
    }
    
      /* Text neben dem Bild - Bild rechts */
    
    .text_mit_bild .teaser_rechts
     {
    float:right;
    width:100%;
    text-align:right;}
    
    .text_mit_bild .textlibuendig
    {text-align:left;}
   
   
    /* Bild links */
       
      .links img
    {float:left;    
        max-width:300px;
    max-height:300px;
    
    /* border-radius: 50%;
    behavior: url(js/pie/PIE.htc);
    border:10px solid #ccc;*/
    padding:0px;
    margin-right:30px;
    margin-bottom:20px;
           }  
    
 /* Bild rechts */  
       
    .rechts img
    {float:right;
    
      max-width:300px;
    max-height:300px;
    /*border: 10px solid #ccc;
    border-radius: 50% 50% 50% 50%;
    behavior: url(js/pie/PIE.htc);
    */
    padding:0px;
    margin-left:30px;
         
    }
  
    
     /* Mehr Informations-Button links */
    a.details
    { display:block;
    position: relative;
    width:auto;
        font-size:100%;
    background:#ccc url(../img/icons/Adobe_PDF_file_icon_32x32.png) 0 0 no-repeat;
    color:#fff;
    padding:8px 20px 7px 40px;
    text-decoration:none;
    
    /*border-radius: 30px;*/
    border-radius: 5px;
     behavior: url(js/pie/PIE.htc);
    xxxbox-shadow: inset 0 0.3px 2px #000;
	margin-left:10px;
  margin-bottom:10px;
  width:35%;
  display:block;
       } 
       
       
        a.mehrdetails
    { display:block;
    position: relative;
    width:auto;
        font-size:100%;
    background:#ccc;
    color:#fff;
    padding:5px 20px 7px 20px;
    text-decoration:none;
    
    /*border-radius: 30px;*/
    border-radius: 5px;
     behavior: url(js/pie/PIE.htc);
    xxxbox-shadow: inset 0 0.3px 2px #000;
	margin-left:0px;
  margin-bottom:10px;
  width:35%;
  display:block;
       } 
	   
	   
    
     /* Mehr Informations-Button rechts */
         a.details_rechts
         {display:block;
    width:auto;
        font-size:120%;
    background:#ccc;
    color:#fff;
    padding:5px 20px 7px 20px;
    text-decoration:none;
    float:right;
    border-radius: 5px;
    behavior: url(js/pie/PIE.htc);
    xxxbox-shadow: inset 0 0.3px 2px #000;}
    
    
   
    
    
    
    
   
 
    /*Erstes Text/Bild-Element bekommt Rahmen oben */
 
  .first
    {border-top:1px solid #ccc;
    padding-top:40px;
    margin-top:20px;
    }
    
    
    
      .last
    {border-bottom:none !important;
    }   
    
    
        a.light
     {color:#fff;}
     
     a.light:hover
     {color:#464646;}
	 
	 
	 
	
     
     
     
 /********************* 2 spaltige Textanordnung ****************/   
              .text_50_rechts,  .text_50_links
    {/*float:right;
    width:48%;  */
     margin:20px 0 0 0;
     }
    
    .text_50_links
    {/*float:left;*/
  }
  
  .text_50_rechts p,  .text_50_links p {
   padding:5px 10px 20px 10px;
  }
  
   img.left
       {float:left;
      /* max-width:140px;*/
         height:auto;
       padding:0;
       border:5px solid #ccc;
       margin:5px 10px 0 0;
       border-radius:10px;
        behavior: url(js/pie/PIE.htc);
       z-index: 1999;
       
       }
       
     
       
      .content_on_stripe a img.left
      {margin-left:10px;}
      
      /* automatischer Zweispalter */
      .zweispalter
      {-moz-column-count: 2;
-moz-column-gap: 10px;
-webkit-column-count: 2;
-webkit-column-gap: 10px;
column-count: 2;
column-gap: 10px;
  margin-top:30px;  }
  
  .zweispalter li
  {list-style-position:outside;
  margin-left:20px;}
  
  .break
  {
	-webkit-column-break-before: always;
	break-before: column;

}


 /********************* 3 spaltige Textanordnung ****************/   
              .text_30_rechts,  .text_30_links
    {/*float:right;
    width:30%;  */
     margin:20px 0 0 0;
     }
    
    .text_30_links
    {/*float:left;*/
  }
  
  .text_30_rechts p,  .text_30_links p {
   padding:5px 10px 20px 10px;
  }

 img.left
       {float:left;
      /* max-width:140px;*/
         height:auto;
       padding:0;
       border:5px solid #ccc;
       margin:5px 10px 0 0;
       border-radius:10px;
        behavior: url(js/pie/PIE.htc);
       z-index: 1999;
       
       }



@media all and (-ms-high-contrast:none)
     {
     .break {  	-webkit-column-break-before: auto;
	break-before: auto; } /* IE10 */
     *::-ms-backdrop, .break {  	-webkit-column-break-before: auto;
	break-before: auto; } /* IE11 */
     }
    
 
   
  
  
  
 
  
  .zweispalter li
  {list-style-position:outside;
  margin-left:20px;}   
    
 
   
   
   /* Vierspalter Team */
   .vierspalter
          {-moz-column-count: 4;
-moz-column-gap: 0px;
-webkit-column-count: 4;
-webkit-column-gap:0px;
column-count: 4;
column-gap: 0px;
  margin-top:30px; 
  text-align:center; }
  
  
     .team p.teamgesamt
     {text-align:center;
        margin:30px 0 30px 0;
     }
  
  .team p a.details, .zweispalter p a.details, .text_50_links p a.details
    {    
    width:auto;
        font-size:120%;
    background:darkgrey;
    color:#fff;
    padding:5px 20px 7px 20px;
    text-decoration:none;
    
    /*border-radius: 30px;*/
    border-radius: 5px;
     behavior: url(js/pie/PIE.htc);
    xxxbox-shadow: inset 0 0.3px 2px #000;
       
    } 
    
     .zweispaltig
          {-moz-column-count: 2;
-moz-column-gap: 0px;
-webkit-column-count: 2;
-webkit-column-gap:0px;
column-count: 2;
column-gap: 0px;
  margin-top:30px; 
  text-align:center; 
  max-width:50%;}
  
  
     .dreispaltig
          {-moz-column-count:3;
-moz-column-gap: 0px;
-webkit-column-count: 3;
-webkit-column-gap:0px;
column-count: 3;
column-gap: 0px;
  margin-top:30px; 
  text-align:center; 
  max-width:75%;}
  
    
    
    
    
    .einspalter
          {-moz-column-count: 1;
-moz-column-gap: 0px;
-webkit-column-count: 1;
-webkit-column-gap:0px;
column-count: 1;
column-gap: 0px;
  margin-top:30px; 
  text-align:center; 
  max-width:25%;}
  
  /******************* Kontaktseite ********************/
  
 .kontaktseite .content_small ul.erreichbarkeit
  {
  text-align:center;
  width:100%;
   border-top: solid  1px #ccc;
   border-bottom: solid  1px #ccc;
  padding:40px 0 40px 0;
  margin-top:20px;
  }
   
   .kontaktseite ul.erreichbarkeit li
   {display:inline;
      padding:20px 50px 20px 75px;
      list-style:none; font-size:120%;
      }    
        
        
      
  
  
    /* *********** kontaktformular ****************/


#kontakt h2, #kontakt p {
margin-left: 0 !important;
padding-left: 0;
}

 form {width:90%px;margin: 25px 0 0 0px;}
 
 .form-wrapper {
 float: left;
 width: 40%;
 margin-right: 25px;
 margin-bottom: 10px;
 }
 legend {color: #2b647f; padding: 3px 6px 3px 0px; font-weight:bold;}
 fieldset {padding-left:0px;border:none;}
 label {display:block; margin:0px 0 5px 0;padding: 0px 20px 0 0; font-weight: bold;}
 input {font-size:14px;padding: 6px 20px 6px 0;width:62%;margin:0px 0 0 0;background-color:#e9e9e9;}
 textarea {clear:left;font-size:11px;width:600px;height:100px;margin:0 0 10px 0px;background-color:#fff;}
 
 input.button {background:#1facc8; margin: 10px 10px 0 0; padding:8px;width:40%; font-weight: bold;
  /*border-radius: 30px;*/
    border-radius: 5px;
     behavior: url(js/pie/PIE.htc);}
 input.button:hover {background:#1495ab;/* #D51224;*/ color: #fff; cursor: pointer;}
 .fehler {border:1px solid #aa0000 !important;}
 
 .error-over {
 width: 40%;
 padding: 10px;
 margin-top: 15px;
 border: 2px solid #aa0000;
 background: #FFF5F5;
 border-radius: 5px;
 font-weight: bold;
 }
 
 p.error {color:#D51224;background: #fff;}

 .eingerueckt {margin-top:10px;}
 p.index
{font-size:0.85em;margin-left:5px;}

p.xxs
{margin-top:20px;}
  
     
  .bildwechsel
  {display:block;
  margin-bottom:10px;}   
  
      
      /********************* footer **********************/
      
  /* umschließt die gesamte Viewportbreite */    
  #footer_wrapper
     {width:100%;
      height:auto;
   padding:30px 0;
   background:#464646 url(../img/footer-streifen-oben.png) 0 0 repeat-x;
     } 
   
   /*zentrierter footer-Bereich */
     #footer_inner
     {
   margin:0 auto;
     padding:0px 0 0px 0;
	      } 
	 
	 #footer_wrapper h2, #footer_wrapper h3, #footer_wrapper a
	 {color:#fff;}
	 
	 #footer_wrapper a:hover
	 {color:#ccc;}
	 
   
   /* 2 spaltiger Text im Footer   */
     #footer_inner .text_50_rechts,  #footer_inner .text_50_links
{margin:20px 0;
}
        
   #footer_inner p.copyright
  {
  margin-top:0px;
  padding-top:10px;
  padding-bottom:50px;
  color:#fff;
  border-top:solid #fff 1px;}     
        
                           
    
   /*Cloud im Footer */  
  #footer_inner p.cloud
  {font-size:0.9em;
  margin-top:0px;
  padding-top:30px;
  text-align:center;
  color:#fff;
  border-top:solid #fff 1px;}
  
  ul#form li {
  color: #fff !important;
  }
  
   ul.erreichbarkeit
  {
  text-align:center;
  width:100%;
   border-top: solid  1px #fff;
  padding:40px 0 20px 0;
  margin-top:20px;
  }
   
    ul.erreichbarkeit li
   {display:inline;
      padding:20px 50px 20px 75px;
      list-style:none; color:#fff;font-size:120%;
      }    
        
        
        ul.erreichbarkeit li.barrierefrei
           {
        background: transparent url(../img/icons/icon_aufzug.png) 20px center no-repeat;}
        
         ul.erreichbarkeit li.parken
           {
        background: transparent url(../img/icons/icon_parken.png) 20px center no-repeat;}
        
        ul.erreichbarkeit li.kassen
           {
        background: transparent url(../img/icons/icon_krankenkasse.png) 20px center no-repeat;}  
        
      
      @media only screen and (min-width : 768px) and (max-width : 991px) {
      
     a.mehrdetails
    { 
    width:200px;
    }
    
    a.mehrdetails:hover {
    width: 200px !important;
    }
    
    a.details {
     width: 250px !important;
    }
    
       .box-3, .box-3-1 {
       width: 43% !important;
       float: left;
       margin-bottom: 10px !important;
       }
      
      .box-3 h3, .box-3-1 h3 {
      font-size: 16px;
      }
      
      #home .clearer, #autohaeuser .clearer {
      display: none;
      }
      
       .text_bild_text {
  float: left;
 /* background: #c0c0c0;*/
     width: 50% !important;
  }
  
   #shortcut_kontakt ul li {
     margin-left: 0;
     padding-left: 0 !important;
      padding-right: 15px;
     }
     
     #nav {
     margin-top: 15px !important;
     margin-bottom: 15px;
     }
     
     .teaser .text_bild_text {
    
     padding-top: 0;
     }
     
     .teaser .text_bild_text h2 {
     margin-top: 0 !important;
     padding-top: 0 !important;
      line-height: normal;
     }
      
      }
      
       
        @media only screen and (min-width : 480px) and (max-width : 767px) {
        
       a.mehrdetails
    { 
    width:200px;
    }
    
    a.mehrdetails:hover {
    width: 200px !important;
    }
    
    a.details {
     width: 250px !important;
    }
        
        h1.first {
        padding-top: 20px;
        }
        
        .box-3, .box-3-1 {
        width: 80% !important;
      /*  font-size: 11px;*/
        margin: 20px auto 0 auto !important;
       
        }
        
        .box-3 h3, .box-3-1 h3 {
            
        }
        
        .clearer {
       
        }
        
         .anmeldung form.anfrage {
margin-left: 10px !important;
margin-bottom: 15px !important;
}	 

.anmeldung h2.first {
padding-top: 15px;
margin-bottom: 10px;
}
        
        #shortcut_kontakt {
        display: none !important;
        }
        #shortcut_kontakt ul {
        display: none;
        }
        
        .teaser {
        margin-top: 35px;
        }
        
        .teaser img {
        width: 330px !important;
        height: auto;
        margin: 0;
        padding: 0;
        }
        
        .mlogos {
        padding-top: 25px !important;
        }
        
        .streifen {
        padding-bottom: 10px !important;
        }
        
        .text_mit_bild {
        padding-top: 0;
        padding-bottom: 5px !important;
        margin-bottom: 0 !important;
        
        }
        
        .text_bild_text {
        margin-left: 0;
        padding-left: 0 !important;
        
        }
        
        .text_bild_text h2, .text_bild_text p {
        padding-left: 0 !important;
        }
        
        form {
        
        margin: 20px 0 0 0 !important;
        }
        
         label {
         width: 90% !important;
         margin-bottom: 7px !important;
         }
        
        .form-wrapper {
        width: 90% !important;
        margin-left: 0;
        }
        
        .error-over {
 width: 90%;
 }
 
  .mitarbeiter
  {
  background:#e3e3e3;
  width: 90% !important;
  margin: 20px 10px 40px 0;
  float:left;
  padding:10px;
  } 
  
  .mitarbeiter img {
  width: 60%;
  }
        
        
        }
        
         @media only screen and  (max-width : 479px) {
          
           .anmeldung form.anfrage {
margin-left: 10px !important;
margin-bottom: 15px !important;
}	 

.anmeldung h2.first {
padding-top: 15px;
margin-bottom: 10px;
}

.map {
width: 95% !important;
float: none !important;
}
            
         a.mehrdetails
    { 
    width:200px;
    }
    
    a.mehrdetails:hover {
    width: 200px !important;
    }
    
    a.details {
     width: 250px !important;
    }
        
          h1.first {
        padding-top: 20px;
        }
        
        .box-3, .box-3-1 {
        width: 80% !important;
      /*  font-size: 11px;*/
        margin: 20px auto 0 auto !important;
       
        }
        
        .box-3 h3, .box-3-1 h3 {
         font-size: 14px !important;
        }
        
        .clearer {
       
        }
        
        #shortcut_kontakt {
        display: none !important;
        }
        #shortcut_kontakt ul {
        display: none;
        }
        
        .teaser {
        margin-top: 35px;
        }
        
        .teaser img {
        width: 330px !important;
        height: auto;
        margin: 0;
        padding: 0;
        }
        
        .mlogos {
        padding-top: 25px !important;
        }
        
        .streifen {
        padding-bottom: 10px !important;
        }
        
        .text_mit_bild {
       
        padding-top: 0 !important;
        padding-bottom: 5px !important;
        margin-bottom: 0 !important;
       margin-top: 0 !important; 
        }
        
        .text_mit_bild h2 {
        font-size: 16px;
        }
        
        .text_bild_text {
        margin-left: 0;
        padding-left: 0 !important;
        
        }
        
        .text_bild_text h2, .text_bild_text p {
        padding-left: 0 !important;
        }
        
         form {
        
        margin: 20px 0 0 0 !important;
        }
        
         label {
         width: 90% !important;
         margin-bottom: 7px !important;
         }
        
        .form-wrapper {
        width: 90% !important;
        margin-left: 0;
        }
        
        .error-over {
 width: 90%;
 }
 
 .mitarbeiter
  {
  background:#e3e3e3;
  width: 90% !important;
  margin: 20px 10px 40px 0;
  float:left;
  padding:10px;
  } 
  
  .mitarbeiter img {
  width: 80%;
  }
    
        
         }
        
        
        @media only screen and (max-width: 40em) { 
        
         a.mehrdetails
    { 
    width:200px;
    }
    
    a.mehrdetails:hover {
    width: 200px !important;
    }
    
    a.details {
     width: 250px !important;
    }
        
        .menu-collapser {
        clear: both;
        background: #fff !important;
       
       
        }
        
         #nav ul {
         float: left !important;
         width: 100%;
         margin: 0 0 0px 0;
         padding: 0;
        }
        
        #nav ul li {
        float: none;
        clear: both;
         padding-top: 0;
         padding-bottom: 0;
       
        }
        
        #nav ul li a {
         padding-top: 15px;
          padding-bottom: 15px !important;
        }
       
        
        }
       
        
        
        @media only screen and (min-width: 40.063em) and (max-width: 64em) { 
        
            .h3-line {
           
        height: 60px !important;
        }  
        
        #auswahl {
        width: 80%;
        text-align: center;
        margin-bottom: 0;
        padding-bottom: 0 !important;
          margin: 0 auto;
          
        }
        
        #auswahl h3 {
        
        width:45% !important;
        text-align: left;
        margin-bottom: 15px;
        }
        
        #auswahl h3.team2 {
        clear: both;
        }
        
        .text_bild_text {
           width: 65%;
        
        }
        
        .text-links {
         width: 65%;
        float: right; 
         margin-right: 20px;
        }
        
         .rechts img
    {float:right;
    
      max-width:200px;
    max-height:300px;
    /*border: 10px solid #ccc;
    border-radius: 50% 50% 50% 50%;
    behavior: url(js/pie/PIE.htc);
    */
    padding:0px;
    margin-left:10px !important;
         
    }
        
           .columns {
        float: left;
      
        }
        
        .logo img {
      float: left;
      
      }
      
      
      
       #shortcut_kontakt ul  {
     display: block;
     float: right;
     margin-right: 0 !important;
     padding: 0;
    
     }
     
      #shortcut_kontakt ul li
      {float:left;
      width:auto;
      list-style:none;padding-left:10px;
     
      margin-right: 0 !important;}
      
       #shortcut_kontakt ul li a {
       font-size: 14px;
       }
        
        .large-1 {
    width: 8.33333%; }

  .large-2 {
    width: 16.66667%; }

  .large-3 {
    width: 25%; }

  .large-4 {
    width: 33.33333%; }

  .large-5 {
    width: 41.66667%; }

  .large-6 {
    width: 50%; }

  .large-7 {
    width: 58.33333%; }

  .large-8 {
    width: 66.66667%; }

  .large-9 {
    width: 75%; }

  .large-10 {
    width: 83.33333%; }

  .large-11 {
    width: 91.66667%; }

  .large-12 {
    width: 100%; }
    
    .medium-1 {
    width: 8.33333%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-3 {
    width: 25%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-6 {
    width: 50%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-9 {
    width: 75%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-12 {
    width: 100%; }
      
        
        .sticky-wrapper {
      
          /* margin-bottom: 2%;*/
           height: auto !important;
        }
        
          .menu {
       clear: both !important;
      width: 100%;
         /* background: #aa0000;*/
       
      }
      
      #nav ul {
      clear: both;
         float: right !important;
          
         
         }
      
      #nav ul li {
      margin: 0 auto;
       padding:0px 12px 8px 12px;
      }   
      
       #sticky_navigation_wrapper {
       z-index: 999;
       
       }
       
       #sticky_navigation {
         /* height: auto !important;*/
          z-index: 1999;
          
        
       }
       
       .flexslider {
       
       }
      
      .slider {
      z-index: 1;
      clear: both !important;
      }
      
      
       /*Links zu Tel und Email */
    #shortcut_kontakt
    {float:right;
     width:auto;
     background:transparent;
     padding:4% 15px 0 0;}    
     
     
      ul.erreichbarkeit {
        float: left;
            
        }
        
         ul.erreichbarkeit li
   {
           
           float: left;
   display:block;
      padding: 15px 20px 20px 55px;
      list-style:none; 
      color:#fff;
      font-size:100%;
       
      } 
     
     
           
      
       ul.erreichbarkeit li.barrierefrei   {
        background: transparent url(../img/icons/icon_aufzug.png) 0px center no-repeat;}
        
         ul.erreichbarkeit li.parken   {
        background: transparent url(../img/icons/icon_parken.png) 0px center no-repeat;}
        
        ul.erreichbarkeit li.kassen   {
        background: transparent url(../img/icons/icon_krankenkasse.png) 0px center no-repeat;}  
        
     
  
    
        
        }
        
        
        
        
        @media only screen and (min-width: 40.063em) and (max-width: 768px) {
    
     a.mehrdetails
    { 
    width:200px;
    }
    
    a.mehrdetails:hover {
    width: 200px !important;
    }
    
    a.details {
     width: 250px !important;
    }
         
         .text_bild_text h2.iconsubtitle {
          margin-top: 15px !important;
          font-size: 20px;
        }
        
        .text_bild_text h3 {
          font-size: 18px;
          margin-left: 0;
          margin-top: 5px;
          padding-left: 0;
        }   
          
                       .text-2-col {
         width: 100%;
          margin: 0px 0 0px 0 !important;
        
        }  
        
        .text_bild_text {
        width: 60%;
        
        }
        
       
        
        .text-links {
         width: 60%;
                  float: right;
        }
      
        
                 .iframe-wrapper {
   position: relative;
        overflow: hidden !important;
    border:5px solid #ccc;
    width: 250px !important;  
    height: 200px;
        padding: 0 !important;
    margin:10px 0 0 5px;    
    border-radius: 15px;
-webkit-border-radius: 15px; /* im Chrome bleibt der Bildauschnitt eckig...???*/
-ms-border-radius: 15px;
-o-border-radius:15px;


   }
        
                                        
     ul.erreichbarkeit {
        float: left;
            
        }
        
         ul.erreichbarkeit li
   {
           
           float: left;
   display:block;
      padding: 15px 20px 20px 55px;
      list-style:none; 
      color:#fff;
      font-size:100%;
       
      } 
      
         ul.erreichbarkeit li.barrierefrei   {
        background: transparent url(../img/icons/icon_aufzug.png) 0px center no-repeat;}
        
         ul.erreichbarkeit li.parken   {
        background: transparent url(../img/icons/icon_parken.png) 0px center no-repeat;}
        
         ul.erreichbarkeit li.kassen   {
        background: transparent url(../img/icons/icon_krankenkasse.png) 0px center no-repeat;}     
        
        
        
         
        
        }
        
          
          
            @media only screen and (max-width: 40em) {  
             
              a.mehrdetails
    { 
    width:200px;
    }
    
    a.mehrdetails:hover {
    width: 200px !important;
    }
           a.details {
     width: 250px !important;
    }       
        
             
             .text_bild_text h2.iconsubtitle {
          margin-top: 15px !important;
          font-size: 20px;
        }
        
        .text_bild_text h3 {
          font-size: 18px;
          margin-left: 0;
          margin-top: 5px;
          padding-left: 0;
        }
             
             .darkgrey h1 {
              clear: both !important;}
              
            a.details
    { display:block;
    
        font-size:100% !important;
   background:#ccc url(../img/icons/Adobe_PDF_file_icon_32x32.png) 0 0 no-repeat;
    color:#fff;
     padding:8px 20px 7px 40px;
    text-decoration:none;
    float:left;
    /*border-radius: 30px;*/
    border-radius: 5px;
     behavior: url(js/pie/PIE.htc);
    xxxbox-shadow: inset 0 0.3px 2px #000;
   
    } 
    
    
      a.details_rechts
    { display:block;
    
        font-size:100% !important;
  
   
    } 
    
    
            
             /* Vierspalter Team */
   .vierspalter
          {-moz-column-count: 1;
-moz-column-gap: 0px;
-webkit-column-count: 1;
-webkit-column-gap:0px;
column-count: 1;
column-gap: 0px;
  margin-top:30px; 
  text-align:center; }
  
  
     .team p.teamgesamt
     {text-align:center;
        margin:30px 0 30px 0;
        
     }
  
  .team p a.details, .zweispalter p a.details, .text_50_links p a.details
    {    
    width:auto;
        font-size:100%;
    background:darkgrey;
    color:#fff;
    padding:5px 20px 7px 20px;
    text-decoration:none;
    
    /*border-radius: 30px;*/
    border-radius: 5px;
     behavior: url(js/pie/PIE.htc);
    xxxbox-shadow: inset 0 0.3px 2px #000;
       
    } 
    
     .zweispaltig
          {-moz-column-count: 1;
-moz-column-gap: 0px;
-webkit-column-count: 1;
-webkit-column-gap:0px;
column-count: 1;
column-gap: 0px;
  margin-top:15px; 
  text-align:center; 
  max-width:100%;}
  
    
    
    
    
    .einspalter
          {-moz-column-count: 1;
-moz-column-gap: 0px;
-webkit-column-count: 1;
-webkit-column-gap:0px;
column-count: 1;
column-gap: 0px;
  margin-top:15px; 
  text-align:center; 
  max-width:100%;}
  
  /* automatischer Zweispalter */
      .zweispalter
      {-moz-column-count: 1;
-moz-column-gap: 10px;
-webkit-column-count: 1;
-webkit-column-gap: 10px;
column-count: 1;
column-gap: 10px;
  margin-top:15px;  }
  
  .zweispalter li
  {list-style-position:outside;
  margin-left:20px;}
  
 
            
            
                .text_bild_text {
        width: 60%;
        
        }
        
        
        #auswahl {
        text-align: center;
        margin-bottom: 0;
        padding-bottom: 0 !important;
        
        }
        
        #auswahl h3 {
        clear: both;
        width: 90% !important;
        text-align: left;
        margin-bottom: 15px;
        }
            
            .logo {
            
            }
            
            .logo img {
            padding-left: 0;
             margin: 0 auto !important;
             text-align: center;
             width: 350px;
             height: auto;
       
            }
            
            #sticky_navigation_wrapper {
            -webkit-box-shadow: 0px 2px 5px 0px rgba(142,142,145,1);
-moz-box-shadow: 0px 2px 5px 0px rgba(142,142,145,1);
box-shadow: 0px 2px 5px 0px rgba(142,142,145,1);
            }
            
             #sticky_navigation { position: relative !important; width:100%;z-index:1999; background: #fff; /*height:50px;*/}
            
#slippry-demo {
display: none;
}  

.header-img {
display: none;
}

.flexslider {

display: none;}          

.leistung img {
float: left;
width: 35%; 
height: auto;
}

.leistung h2 {
float: left;
font-size: 150%;
margin-top: 8%;
}

.leistung {
clear: both;
/* width: 80%;*/
 margin: 0 auto !important;
 
} 
     
    .leistung-container {
   display: block;
   position: relative;
    width: 60%;
    margin: 0 auto;
    background: #c0c0c0 !important;
    }       
    
    .shortcut-big {
    display: none;
    }
    
    
    
    ul.shortcut-small {
     /*display: block !important;
     float: none !important;*/
    /* margin: 0 auto !important;*/
      width: 220px !important;
        padding-bottom: 10px !important;
        }
    
     ul.shortcut-small li {
     position: relative;
     display: block !important;
     clear: none !important;
     float:left !important;
     width: 46px;
    /* background: #aa0000;*/
     border: 1px solid #fff;
      /*width:auto;*/
      list-style:none;
      padding-left:0px;
      margin-left: 0px;
      /*margin-right: 30px;*/
    }
    
    ul.shortcut-small li a {
      font-size: 100% !important;
     /*padding: 46px;*/
      /* padding: 23px;*/
      width: 46px;
      height: 46px;
      display: block;
    }
    
     ul.shortcut-small a.tel
         { 
        background: transparent url(../img/telefon.png) 0 0 no-repeat;
       background-size:46px 46px; }
        
 ul.shortcut-small a.tel:visited
         {color: #D51224;
        background: transparent url(../img/telefon.png) 0 0 no-repeat;
        background-size:46px auto;}
        
ul.shortcut-small a.tel:active
         {color: #888;
        background: transparent url(../img/telefon_hv.png) 0 0 no-repeat;
        background-size:46px auto;}
       
 ul.shortcut-small a.tel:hover
         {color: #888;
        background: transparent url(../img/telefon_hv.png) 0 0 no-repeat;
        background-size:46px auto;} 
        
        ul.shortcut-small a.mail
         {
        background: transparent url(../img/mail.png) 0 0 no-repeat;
        background-size:46px auto;}
         
 ul.shortcut-small a.mail:visited 
         {color: #D51224;
        background: transparent url(../img/mail.png) 0 0 no-repeat;
        background-size:46px auto;}
 
 ul.shortcut-small a.mail:active  
         {color:#888;   
        background: transparent url(../img/mail_hv.png) 0 0 no-repeat;
        background-size:46px auto;}
         
ul.shortcut-small a.mail:hover  
         {        color:#888; 
        background: transparent url(../img/mail_hv.png) 0 0 no-repeat;
        background-size:46px auto;}
    
    
        ul.slimmenu {
    float: left;
    clear: both;
    /*width: 200px !important;*/
    list-style-type: none;
    margin: 0px 0 0 0px !important;
    padding: 0 !important;
     /*height: auto;*/
   /* width: auto;*/
    
}
           
            
            #shortcut_kontakt
    {float:left;
    
     width:auto;
                   background: #c0c0c0;
     padding:10px 0px 0 0;
   }
     
     #shortcut_kontakt ul {
     padding: 0;
       width: 100%;
       background: #c0c0c0;
       margin-left: 30px;
     }
     
     #shortcut_kontakt ul li
      {float:left;
      width:auto;
      list-style:none;
      padding-left:0px;
      margin-left: 0px;
      margin-right: 30px;
     
     }
     
     #shortcut_kontakt a {
      font-size: 100% !important;
     /*padding: 46px;*/
       padding: 23px;
       display: none;
     }
     
     #shortcut_kontakt a span {
     display: none;
     }
      
            a.mail {
            margin-left: 0px;
             
            }
            
              
      
        
        
        
         .content_small
   {
   margin:0 auto;
      background:transparent;   
      
       padding:40px 0;
      }
      
      .mb {
      margin-bottom: 15px;
      }
        
        .text_50_rechts,  .text_50_links
    {/*float:right;
    width:48%;  */
     margin: 20px 0;}
     
     .xxfirst
    {xborder-top:1px solid #ccc;
    padding-top:0px;
    margin-top:0px;
    }
    
    
    
    .iframe-wrapper {
    width: 95%;
    }
    
    
        /* *********** kontaktformular ****************/


 form {width:90% !important; margin: 0px 0 0 10px;}
 legend {color: #2b647f; padding: 3px 6px 3px 0px; font-weight:bold;}
 fieldset {padding-left:0px;border:none;}
 label {display:block;width:20%;float:left;margin:0px 0 0 0;padding: 0px 20px 0 0;}
 input {font-size:14px;padding: 6px 20px 6px 0;width:62%;margin:0px 0 0 0;background-color:#e9e9e9;}
 textarea {clear:left; background: #fff; font-size:11px;width:100%;height:100px;margin:0 0 10px 0px;}
 input.button {clear: both !important; width: 90% !important; background:#666; margin: 10px 10px 0 0; padding:8px;width:30%;
  /*border-radius: 30px;*/
    border-radius: 5px;
     behavior: url(js/pie/PIE.htc);}
 input.button:hover {background:#D51224; color: #fff; cursor: pointer;}
 .fehler {border:1px solid #D51224;}
 p.error {color:#D51224;background: #fff;}

 .eingerueckt {margin-top:10px;}
 p.index
{font-size:0.85em;margin-left:5px;}

p.xxs
{margin-top:20px;}
    

 
        
          ul.erreichbarkeit {
        float: left;
        text-align: left;
        padding-top: 10px; 
        }
        
        ul.erreichbarkeit li
   {
           
           float: none !important;
           display:block !important;
           clear: both !important;
   width: 100%;
      padding: 15px 20px 20px 85px;
      list-style:none; 
      color:#fff;
      font-size:120%;
        
      } 
      
          .text_bild_text {
        width: 95%;
        }
        
           /* Text neben dem Bild - Bild links */
     .text_mit_bild .teaser
    {float:left;
    width:100%;
    margin-left:5px;
    }
    
    .text_mit_bild .teaser img {
    float: left;
    }
    
      /* Text neben dem Bild - Bild rechts */
    
    .text_mit_bild .teaser_rechts
     {
    float:left;
    width:100%;
    text-align:left;}
        
          /* Bild links */
       
      .links img
    { float: none;   
    max-width:300px;
    max-height:300px;
    
    padding:0px;
    /*margin-right:30px*/
    margin: 0 auto;
    }  
    
 /* Bild rechts */  
       
    .rechts img
    {float:none;
    max-width:300px;
    max-height:300px;
    padding:0px;
margin: 0 auto;
    }
      
     
            
            }
            
            @media only screen and (max-width: 535px) {
               .text_bild_text {
        width: 95%;
        }
        
           /* Text neben dem Bild - Bild links */
     .text_mit_bild .teaser
    {float:left;
    width:100%;
    margin-left:5px;
    }
    
    .text_mit_bild .teaser img {
    float: left;
    }
    
    
    
      /* Text neben dem Bild - Bild rechts */
    
    .text_mit_bild .teaser_rechts
     {
    float:left;
    width:100%;
    text-align:left;}
        
    .text_bild_text h2.iconsubtitle {
          margin-top: 15px !important;
          font-size: 20px;
        }
        
        .text_bild_text h3 {
          font-size: 18px;
          margin-left: 0;
          margin-top: 5px;
          padding-left: 0;
        }
    
          /* Bild links */
       
      .links img
    { float: none;   
    max-width:95%;
    max-height:95%;
    
    padding:0px;
    /*margin-right:30px*/
    margin: 0 auto;
    }  
    
 /* Bild rechts */  
       
    .rechts img
    {float:none;
    max-width:95%;
    max-height:95%;
    padding:0px;
margin: 0 auto;
    }
        
            }
        
        @media only screen and (max-width: 405px) {
        
        body {
       
        }
        
        /*.pp_content_container  {
width: 300px !important;
height: 250px !important;
}         */
     
.pp_pic_holder {
left: 0 !important;
width: 100% !important;

background: transparent;
margin-left: 0 !important;
}    

.pp_content_container {
width: 100% !important;

background: transparent;
}  

.pp_content, .pp_middle, .pp_right, .pp_left {
background: transparent !important;
}

.pp_content_container iframe {
width: 320px;
 height: 170px;
}
        
           iframe.vid {
 position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;

 /* width: 700px !important; 
  height: 300px !important; */
  }
  
      .responsive-video {
position: relative;
padding-bottom: 46.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

.pp_top, .pp_bottom {
display: none;
}
        
          .text_bild_text {
        width: 95%;
        }
        
        .content_on_stripe h2 {
         clear: both;
        }
        
        .text_bild_text h2.iconsubtitle {
          margin-top: 15px !important;
          font-size: 20px;
        }
        
        .text_bild_text h3 {
          font-size: 18px;
          margin-left: 0;
          margin-top: 5px;
          padding-left: 0;
        }
 
  .leistung-container {
   display: block !important;
   position: relative;

   clear: both;
    width: 80%;
    margin: 0 auto;
    background: #c0c0c0 !important;
    }       
    
        
        .leistung img {
float: left;
width: 33%;
height: auto;
}

.leistung h2 {
float: left;
font-size: 150%;
margin-top: 6%;
}


/************* Test zum Verkleinern der Leistungs- Icons   *****/
        .leistung img {
float: left;
width: 25%;
height: auto;
}

.leistung h2 {
float: left;
font-size: 150%;
margin-top: 3%;
}





.leistung {
clear: both;
float: left;
 /*width: 110%;*/
 padding: 0;
 margin: 10px auto 0 auto !important;
 
} 
        
    
#sticky_navigation { position: relative !important; width:100%;z-index:1999; background: #fff; /*height:50px;*/}
        
         /**************** Text mit Bild über gesamte Breite ****************/
   
         .shortcut-big {
    display: none;
    }
    
    ul.shortcut-small {
     display: block !important;
     float: none !important;
     margin: 0 auto !important;
      width: 230px !important;
     /* background: #c0c0c0;*/   
         
        }
    
     ul.shortcut-small li {
     position: relative;
     display: block !important;
     clear: none !important;
     float:left !important;
     width: 46px;
    /* background: #aa0000;*/
     border: 1px solid #fff;
      /*width:auto;*/
      list-style:none;
      padding-left:0px;
      margin-left: 0px;
      /*margin-right: 30px;*/
    }
    
    ul.shortcut-small li a {
      font-size: 100% !important;
     /*padding: 46px;*/
      /* padding: 23px;*/
      width: 46px;
      height: 46px;
      display: block;
    }
    
     ul.shortcut-small a.tel
         { 
        background: transparent url(../img/telefon.png) 0 0 no-repeat;
       background-size:46px 46px; }
        
 ul.shortcut-small a.tel:visited
         {color: #D51224;
        background: transparent url(../img/telefon.png) 0 0 no-repeat;
        background-size:46px auto;}
        
ul.shortcut-small a.tel:active
         {color: #888;
        background: transparent url(../img/telefon_hv.png) 0 0 no-repeat;
        background-size:46px auto;}
       
 ul.shortcut-small a.tel:hover
         {color: #888;
        background: transparent url(../img/telefon_hv.png) 0 0 no-repeat;
        background-size:46px auto;} 
        
        ul.shortcut-small a.mail
         {
        background: transparent url(../img/mail.png) 0 0 no-repeat;
        background-size:46px auto;}
         
 ul.shortcut-small a.mail:visited 
         {color: #D51224;
        background: transparent url(../img/mail.png) 0 0 no-repeat;
        background-size:46px auto;}
 
 ul.shortcut-small a.mail:active  
         {color:#888;   
        background: transparent url(../img/mail_hv.png) 0 0 no-repeat;
        background-size:46px auto;}
         
ul.shortcut-small a.mail:hover  
         {        color:#888; 
        background: transparent url(../img/mail_hv.png) 0 0 no-repeat;
        background-size:46px auto;}
    
    
        ul.slimmenu {
    float: left;
    clear: both;
    width: 100% !important;
    list-style-type: none;
    margin: 0px 0 0 0px !important;
    padding: 0 !important;
   
   /* width: auto;*/
    
}
      
   
    .text_mit_bild
    {padding: 30px 0;
    border-bottom:1px dotted #d6d6d6;
    }
    
      /* Text neben dem Bild - Bild links */
     .text_mit_bild .teaser
    {float:left;
    width:100%;
    margin-left:5px;
    }
    
      /* Text neben dem Bild - Bild rechts */
    
    .text_mit_bild .teaser_rechts
     {
    float:left;
    width:100%;
    text-align:left;}
   
   
    h2.icon
      {
      font-size: 150%;
       /* padding-top:5px; 
        padding-bottom:5px;*/ 
      }
      
      .text_50_links img, .text_50_rechts img {
      width: 50%;
      height: auto;
      }
   
    /* Bild links */
       
      .links img
    { float: none;   
    max-width:200px;
    max-height:200px;
    
    padding:0px;
    /*margin-right:30px*/
    margin: 0 auto;
    }  
    
 /* Bild rechts */  
       
    .rechts img
    {float:none;
    max-width:200px;
    max-height:200px;
    padding:0px;
margin: 0 auto;
    }
  
    
     /* Mehr Informations-Button links */
  a.details
    { display:block;
    
        font-size:100% !important;
   background:#ccc url(../img/icons/Adobe_PDF_file_icon_32x32.png) 0 0 no-repeat;
    color:#fff;
     padding:8px 20px 7px 40px;
    text-decoration:none;
    float:left;
    /*border-radius: 30px;*/
    border-radius: 5px;
     behavior: url(js/pie/PIE.htc);
    xxxbox-shadow: inset 0 0.3px 2px #000;
   
    } 
    
     /* Mehr Informations-Button rechts */
        a.details_rechts
         {display:block;
    width:auto;
    
        font-size:120%;
    background:#ccc;
    color:#fff;
    padding:5px 20px 7px 20px;
    text-decoration:none;
    float:left;
    border-radius: 5px;
    xxxbox-shadow: inset 0 0.3px 2px #000;}
        
        }               
        
        @media only screen and (max-width: 40em) and (orientation: landscape) {
        
        #sticky_navigation_wrapper { position: relative !important; width:100%;z-index:1999;
        
       -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
         /*height:50px;*/}
        
        ul.slimmenu li a {
        
        }
        }
        
   ul.sy-pager
   {display:none;}   

/************* test *************/
.button {
  display: inline-block;
  padding: .75rem 1.25rem;
  border-radius: 10rem;
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .15rem;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
	margin-right:10px;
}
.button:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1facc8;/*#d51223;*/
  border-radius: 10rem;
  z-index: -2;
}
.button:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #1495ab; /* #8f1224; */ 
  transition: all .3s;
  border-radius: 10rem;
  z-index: -1;
}
.button:hover {
  color: #fff;
	text-decoration:none;
}
.button:hover:before {
  width: 100%;
}
   
 hr
{margin:2em 0;
width:95%;
text-align:center;}


/*Flex items*/
.top-section {
  display: flex;
  flex-wrap: wrap;
}
.top {
	display: flex; 
  padding: 0.5em;
	width: 100%;
}
@media all and (min-width: 40em) {
  .top {
    width: 50%;
  }
}
@media all and (min-width: 60em) {
  .top {
    width: 33.33%;
  }
}
.top--content {
	background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 1em;
	width: 100%;
}
.top--content p {
	flex: 1 0 auto;
}