/*------ Cookies ----------------*/
.cc-revoke { padding: 1em 2em; }
.cc-revoke.cc-bottom { border-radius:0px !important; text-decoration: none; }
.cc-animate.cc-revoke.cc-bottom { -webkit-transform: translateY(2.5em); transform: translateY(2.5em); }
.cc-revoke, .cc-window { font-family: inherit; font-size: 0.9rem; }
.cc-window { box-shadow: 0 0 20px rgba(0,0,0,0.5); }
/*.cc-revoke.cc-left { left: 80px !important; text-transform: uppercase; }*/

.cc-window { border-radius:0 !important; }
.cc-window .cc-btn { background:#FFF !important; text-decoration: none !important; color:#004d9b !important; border-radius:0; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.cc-window .cc-allow-all { margin-bottom:1rem; }
.cc-window .cc-btn:hover { background:#DDD !important; }
.cc-window .dp--cookie-check { border-radius:0; margin-top:5%; display:block !important; }
.cc-window .cc-link { padding:0; }
.cc-window .dp--cookie-check label:first-child { padding-left:5px !important; }

.cc-compliance { padding:0 1.5rem 1.5rem; }
.cc-compliance .cc-btn { width: 48%; }
.cc-compliance .cc-w-100 { width: 100% !important; }
.dp--revoke { z-index: 7999; }

/*------ GoogleMaps Overlay ----------------*/
.dp--overlay { background:rgba(0,77,155,0.5) !important; }
.dp--overlay-header { font-size: 2rem;  }
.dp--overlay-description { font-size: 1.2rem; margin:40px auto; max-width:600px; line-height:120%; }
.db--overlay-submit { background-color:#004d9b !important; font-size: 1.2rem; }


@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-animate.cc-revoke.cc-bottom {
    -webkit-transform: translateY(3em);
    transform: translateY(3em);
  }
}


/*------ Cookie-Tabelle auf Datenschutzseite ----------------*/
.CookieTable { display:block; background:#EEE; width:100%; border-collapse:collapse; }
.CookieTable td, .CookieTable th { padding:10px; text-align:left; border:2px solid #FFF; }
.CookieTable td.CookieHead { border-top:20px solid #FFF; }


/*------ HUNGER Dichtungen: Video auf Startseite ----------------*/
.video-pioneer { display:block; width:49%; height:300px; background:url('../Images/news/video/meet-the-pioneer.jpg') center no-repeat; background-size:contain; overflow:hidden; text-indent:-9000px }
.video-pioneer:hover { background-image:url('../Images/news/video/meet-the-pioneer_hover.jpg');  }




/*------ HUNGER Dichtungen: Produkte ----------------*/
.infoteaser { position:relative; border-radius:0 5px 5px 0; padding:20px; margin:40px 0; margin-right:20px; background:#b2d8ff; }
.infoteaser .shadow_top_left { bottom:-5px; top:inherit; width:100%; height:5px; background-size: 200% 5px; }
.infoteaser .shadow_bottom_left { top:-5px; bottom:inherit; width:100%; height:5px; background-size: 200% 5px; }
.infoteaser h4 { font-weight:900; font-size:1.2rem; padding-bottom:10px; }


/*------ HUNGER Dichtungen: Produkte ----------------*/
.tx-dfeprodukte table { border-spacing:0; margin-bottom:32px; }
.tx-dfeprodukte th { vertical-align:top; padding:10px; background:#004d9b; color:#FFF; font-weight:100; white-space:nowrap; }
.tx-dfeprodukte tr:nth-child(2) th { font-size:0.8rem; padding-top:0; }
.tx-dfeprodukte td { padding:20px 10px; vertical-align:top; border-bottom:1px solid #004d9b; }
.tx-dfeprodukte td:first-child { font-weight:700; white-space:nowrap; }
.tx-dfeprodukte td:first-child a:first-child { position: relative; z-index:500; }
.tx-dfeprodukte td:nth-child(2) { position: relative; z-index:500; }
.tx-dfeprodukte img { padding-top:10px; display:block; height:auto; width:150px; }
.tx-dfeprodukte p { padding-bottom:10px !important; }
.tx-dfeprodukte p:last-child { padding-bottom:0px; }
.tx-dfeprodukte .pressureinfo { font-size:0.8rem; font-style:italic; line-height:100%; }
.tx-dfeprodukte img:hover { transform:scale(1.5); transform-origin: bottom;}


/*------ HUNGER Dichtungen: Vertretungen ----------------*/
.vertretungen .content { display:flex; flex-wrap:wrap; }
.vertretungen .content .fsc-default { width:100%; }
.vertretungen .content .box-vertretungen { width:30%; margin-right:3.33333%; margin-bottom:30px; position: relative; background: #EEE; padding:0; box-sizing:border-box; }
.vertretungen .content .box-vertretungen h3 { font-size:1.1rem; padding:10px; background:#004d9b; color:#FFF; box-sizing:border-box; }
.vertretungen .content .box-vertretungen .ce-column { float:none; width:100%; height:100%; }
.vertretungen .content .box-vertretungen .ce-media { width:100%; height:100%; display:flex; }
.vertretungen .content .box-vertretungen .ce-row { width:100%; height:100%; }
.vertretungen .content .box-vertretungen .ce-left .ce-gallery { height:135px; padding:20px; float:none; background:#FFF; margin:0 10px; margin-bottom:10px; }
.vertretungen .content .box-vertretungen .ce-left .ce-gallery img { align-items:center; width:100%; height:auto; max-width:100%; max-height:100%; margin:auto; }
.vertretungen .content .box-vertretungen .ce-bodytext { padding:0 10px; }
.vertretungen .content .box-vertretungen .ce-bodytext p { padding-bottom:10px; }
.vertretungen .content .box-vertretungen figure { display:flex; width:100%; height:100%; }


/*------ HUNGER Gruppe Unternehmensseiten ----------------*/
.content_unternehmen { padding:0 !important; }
.content_unternehmen_inner { display:flex; }
.teaserimage .ce-gallery, .teaserimage .ce-column { margin-bottom:0px; }
.left_unternehmen > div { padding:20px; }
.left_unternehmen > div:first-child { background:#004d9b; }
.left_unternehmen > div:first-child h2 { padding:0; color:#FFF; font-weight:300; }
.right_unternehmen { padding:20px 40px; font-size:0.8rem; line-height:150%; }
.right_unternehmen .ce-left .ce-gallery img { width:80% !important; }



/*.ce-intext.ce-left .ce-gallery { width:20%; margin-right:2%; }
.ce-intext.ce-left .ce-gallery .ce-column { width:100%; }
.ce-intext.ce-left .ce-gallery img { width:100%; height:auto; }
.ce-intext.ce-left .ce-bodytext { width:78%; }
*/
.ce-column { margin-bottom:10px; }
.ce-left .ce-gallery img { width:100%; height:auto; }


/*------ Pageteaser_Home ----------------*/
.pageteaser_home { display:flex; flex-wrap:wrap; margin: 0 -1%; }
.pageteaser_home .pageteaserbox { position:relative; width:31%; margin:1%; margin-bottom:20px;  }
.pageteaser_home .pageteaserbox:hover .teaser-bodytext { background:#CCC; }
.pageteaser_home .pageteaserbox img { width:100%; height:auto; display:block; }
.pageteaser_home .pageteaserbox h2 { height:50px; border-top:3px solid #FFF; font-weight:300; text-transform:uppercase; color:#FFF; padding:5px 10px; font-size:1.1rem; background:#004d9b;}
.pageteaser_home .pageteaserbox .teaser-text { overflow:hidden;  }
.pageteaser_home .pageteaserbox .teaser-bodytext { padding:10px 10px 0; position:relative; background:#EEE; }
.pageteaser_home .pageteaserbox .teaserpfeil { position:absolute; top:0; left:10px; width:0; height:0; display:block; border-top:10px solid #004d9b; border-left:14px solid transparent; border-right:14px solid transparent; }
.pageteaser_home .pageteaserbox a { position:absolute; top:0; left:0px; width:100%; height:100%; display:block; z-index:200; text-indent: -9999px; overflow: hidden; }

/*------ Pageteaser_Applications ----------------*/
.pageteaser_applications { display:flex; flex-wrap:wrap; margin:0 0 40px; }
.pageteaser_applications .frame-default { width:100%; }
.pageteaser_applications .pageteaserbox { border-radius:5px; overflow:hidden; text-align:center; width:23%; margin:1%; border-bottom:5px solid #004d9b; margin-bottom:20px; }
.pageteaser_applications .pageteaserbox img { width:100%; height:auto; display:block; }
.pageteaser_applications .pageteaserbox h2 { padding:5px 10px; font-size:1.1rem; }

/*------ Pageteaser ----------------*/
.pageteaser {  }
.pageteaser .pageteaserbox { display:flex; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #555; }
.pageteaser .pageteaserbox .teaser-image { width:20%; margin-right:2%; }
.pageteaser .pageteaserbox .teaser-text { width:60%; }
.pageteaser .pageteaserbox img { width:100%; height:auto; display:block; }
.pageteaser .pageteaserbox h2 { padding:0; font-size:1.1rem; }
.ce-sitemap-4 { margin-bottom:40px; }


/*------ News ----------------*/
#news { padding:0 0 30px; }
#news .content_left_inner { padding:72px 6% 0; }

/*------ Naviboxen ----------------*/
.navibox { display:none; position:absolute; top:50px; box-sizing:border-box; margin:0; 
  /*-webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
  filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));*/
}

.navibox_1 { left:0%; width:100%; }
.navibox_2 { left:0%; width:100%; }
.navibox_3 { left:0%; width:100%; }
.navibox_4 { left:0%; width:100%; }
.navibox_5 { left:0%; width:100%; }
.navibox_6 { left:0%; width:100%; }
.navibox_7 { left:0%; width:100%; }
.navibox_8 { left:0%; width:100%; }

.navibox_shadow { width:100%; height:15px; position:absolute; left:0; bottom:-15px; background:url('../Images/shadow_top_left.png') left top no-repeat; background-size:100% 15px; }
.navibox_inner { padding:20px 2%; min-height:250px; }
.navibox_inner > ul { display:flex; padding:0; }

.navibox .spalte-1, .navibox .spalte-2 { width:50%; position:relative; box-sizing:border-box;}
.navibox .spalte-1 { padding-left:40px; }
.navibox .spalte-2 { padding-right:40px; }

.navibox .header { font-size:1.2rem; display:block; padding:0; text-transform:uppercase; color:#fff; font-weight:700; }
.navibox ul { list-style-type:none; margin:0; }
.navibox li.level_2 { margin-bottom:10px;}
.navibox li.level_2 > a { display:block; padding:0; text-transform:uppercase; color:#fff; font-weight:700; }
.navibox li.level_2 > a:hover { }
.navibox li.level_2 ul { padding:10px 0; display:block; }
.navibox li.level_3  { }
.navibox li.level_3 a { color:#004d9b; font-size:1rem; display:block; width:80%; border-radius:5px; padding-left:30px; position:relative; margin-bottom:15px; }
.navibox li.level_3:hover a { background:rgba(0,77,155,0.5); color:#FFF; }
.navibox li.level_3.active a { background:#004d9b; color:#FFF; }

.navibox .pfeil { width:12px; height:12px; position:absolute; left:10px; top:6px; background:#004d9b; }
.navibox li.level_3:hover .pfeil { background:#FFF; }
.navibox li.level_3.active .pfeil { background:#FFF; }


.navibox_1 ul { float:left; display:block; padding:10px 0; width:33%; }
.navibox_2 ul { float:left; display:block; padding:10px 0; width:33%; }
.navibox_3 ul { float:left; display:block; padding:10px 0; width:33%; }
.navibox_4 ul { float:left; display:block; padding:10px 0; width:33%; }
.navibox_6 ul { float:left; display:block; padding:10px 0; width:33%; }
.navibox_7 ul { float:left; display:block; padding:10px 0; width:33%; }
.navibox_8 ul { float:left; display:block; padding:10px 0; width:33%; }
.page_automotive .navibox_5 ul { float:left; display:block; padding:10px 0; width:33%; }


.navibox_1 ul ul { display:none; padding:10px 0; width:33%; }

.navibox .navibox_image { border-radius:5px; margin-right:2%; width:18.5%; float:left; }
.navibox .navibox_adresse { width:25%; float:right; font-size:0.9rem; }
.navibox .carousel-list-item { width:18%; font-size:0.9rem; }
.navibox .carousel-list-item p { margin:0; }

/* Latest News in der Navibox */
.latest-header { display:block; padding:0; padding-left:40px; text-transform:uppercase; margin-bottom:10px; }
.latestmenu { margin:10px 0;}
.latestmenu a { font-size:1rem; color:#004d9b !important; position:relative; display:block; padding:0; border-radius:5px; padding-left:30px; margin-bottom:10px; }
.latestmenu a .news-list-date { font-size:0.8rem; color:#555555 !important; }
.latestmenu a:hover  { background:rgba(0,77,155,0.5); color:#FFF !important; }
.latestmenu a.active { background:#004d9b; color:#FFF !important; }
.latestmenu a:hover .news-list-date { color:#FFF !important; }
.latestmenu a.active .news-list-date { color:#FFF !important; }
.latestmenu a:hover .pfeil { background:#FFF; }
.latestmenu a.active .pfeil { background:#FFF; }

.more_news { display:block; padding:0; padding-left:20px; text-transform:uppercase; color:#004d9b; }
.more_references { display:block; padding:0; padding-left:0px; text-transform:uppercase; color:#004d9b; }


/*------ Gridelements ----------------*/
.gridelement_3-1-cols { display:flex; flex-wrap:wrap; }
.gridelement_3-1-cols .col1 { width:60.5%; position:relative; margin-right:7%; }
.gridelement_3-1-cols .col2 { width:32%; position:relative; }

.gridelement_2-2-cols { display:flex; flex-wrap:wrap; }
.gridelement_2-2-cols .col1 { width:46.5%; position:relative; margin-right:7%; }
.gridelement_2-2-cols .col2 { width:46.5%; position:relative; }

.gridelement_1-3-cols { display:flex; flex-wrap:wrap; position:relative; padding:50px 0 30px; }
.gridelement_1-3-cols .col1 { width:25%; position:relative; margin-right:7%; }
.gridelement_1-3-cols .col2 { width:68%; position:relative; }

.col2 .ce-gallery { margin-left:0px !important; }
.col2 .ce-gallery img { max-width:100%; height:auto; }

.ce-gallery-col2 .ce-row { display:flex; justify-content:space-between; }
.ce-gallery-col2 .ce-row .ce-column { width:48%; }

.ce-gallery-col3 .ce-row { display:flex; justify-content:space-between; }
.ce-gallery-col3 .ce-row .ce-column { width:31%; }

.ce-gallery-col4 .ce-row { display:flex; justify-content:space-between; }
.ce-gallery-col4 .ce-row .ce-column { width:22%; }


/*------ Javascript-Debugger ----------------*/
#output { /* display:none;*/ background:orange; position:fixed; top:100px; left:0; z-index:1000; width:200px; }
#output2 { /* display:none;*/ background:green; position:fixed; top:150px; left:0; z-index:1000; width:200px; }
#output3 { /* display:none;*/ background:lime; position:fixed; top:200px; left:0; z-index:1000; width:200px; }


/* --------- Allgemeines ---------------------------------------------------------------------*/
body { background:#ccdcec url('../Images/header.jpg') center top no-repeat; }
  body.hunger_gruppe { background-image:url('../Images/header-gruppe.jpg'); }
  .wrapper { background:#fff; box-sizing:border-box; position:relative; display:block; margin-left:auto; margin-right:auto; }
  .hide { display:none; }

  .no-scroll {height:100%; overflow:hidden; }

  .shadow_top { background:url('../Images/shadow_top.png') center top no-repeat; background-size:200% 15px; position:absolute; left:0; top:0; width:100%; height:15px; }
  .shadow_bottom { background:url('../Images/shadow_top.png') center top no-repeat; background-size:100% 5px; position:absolute; left:0; bottom:-5px; width:100%; height:5px; }
  .shadow_top_left { background:url('../Images/shadow_top_left.png') right top no-repeat; background-size:100% 15px; position:absolute; left:0; top:0; width:40%; height:15px; }
  .shadow_top_right { background:url('../Images/shadow_top_right.png') left top no-repeat; background-size:100% 15px; position:absolute; right:0; top:0; width:40%; height:15px; }
  .shadow_bottom_left { background:url('../Images/shadow_bottom_left.png') right top no-repeat; background-size:100% 15px; position:absolute; left:0; bottom:0; width:80%; height:15px; }
  .shadow_left_top { background:url('../Images/shadow_left_top.png') right top no-repeat; background-size:15px 100%; position:absolute; left:-15px; top:0; width:15px; height:100%; }
  .shadow_right_top { background:url('../Images/shadow_right_top.png') left top no-repeat; background-size:15px 100%; position:absolute; right:-15px; top:0; width:15px; height:100%; }
  .shadow_left_bottom { background:url('../Images/shadow_left_bottom.png') right bottom no-repeat; background-size:15px 100%; position:absolute; left:-15px; bottom:0; width:15px; height:100%; }
  .shadow_right_bottom { background:url('../Images/shadow_right_bottom.png') left bottom no-repeat; background-size:15px 100%; position:absolute; right:-15px; bottom:0; width:15px; height:100%; }
  #news .shadow_left_bottom { background-image:url('../Images/shadow_right_bottom.png'); left:0; height:50% !important; }

.transition {  
    transition: all 0.4s ease-in 0s; /* explorer 10 */
    -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
    -moz-transition: all 0.4s ease-in 0s; /* firefox */
    -o-transition: all 0.4s ease-in 0s; /* opera */
  }

  /* Contain floats: h5bp.com/q */ 
  .clearfix:before, .clearfix:after { content: ""; display: table; }
  .clearfix:after { clear: both; }
  .clearfix { zoom: 1; }

  figcaption { font-size:0.8rem; line-height:140%; padding-top:3px; padding-bottom:10px; }

  .bildmitschatten .ce-row, .bildmitschatten .ce-gallery, .bildmitschatten .ce-textpic { overflow:visible; }
  .bildmitschatten img { box-shadow:2px 2px 8px rgba(0,0,0,0.5); }

  .abstandunten { margin-bottom:30px; }


  .ce-uploads.filename { list-style-type:none; padding-left:0; }
  .ce-uploads.filename li { margin-bottom:20px; }
  .ce-uploads.filename .ce-uploads-fileName { display:inline-block; }
  .ce-uploads.filename .ce-uploads-filesize { display:inline-block; font-size:0.8em; font-weight:300; margin-left:10px; }
  .ce-uploads.filename img { float:none; vertical-align:middle; height:30px; width:auto; padding-right:10px; }

  .ce-uploads.downloadliste { display:flex; flex-wrap:wrap; }
  .ce-uploads.downloadliste li { width:23%; margin:1%; }
  .ce-uploads.downloadliste a { width:100%; height:100%; padding:5%; text-align:center; line-height:22px; }
  .ce-uploads.downloadliste a:hover { text-decoration:none; }
  .ce-uploads.downloadliste img { width:150px; height:auto; margin:0 0 10px; padding: 0; float:none; box-shadow: 0px 0px 3px #666; }
  .ce-uploads.downloadliste .ce-uploads-alternative { font-weight:300; padding-top:3px; }
  .ce-uploads.downloadliste .ce-uploads-description { font-weight:300; }

  


/* --------- Header ---------------------------------------------------------------------*/
#header{ position:relative; padding:0; z-index:200; height:300px; }
  #header .wrapper { position:relative; background:none; }

  /* Pancake-Navigation */
  .pancakenavigation { display:none; }


  /* Logo */ 
  #header #logo { position:absolute; top:70px; left:1%; width:18.3%; }
  #header #logo img { display:block; width:100%; height:auto; }
  #header #logo a { border:none; }

  .headertopper { display:flex; justify-content:flex-end;}
  
  #header .language-and-search { display:flex; }

  /* Nur für die HUNGER Gruppenseite */ 
  .hunger_gruppe .headertopper { justify-content:space-between;}
  .hunger_gruppe .language-and-search { width: 40%; display: flex; justify-content: flex-end; }
  .hunger_gruppe #header #logo { left:40.85%; top:80px; }



  /* Subnavigation */ 
  #servicenav { position:relative;}
  #servicenav ul { display:flex; list-style-type:none; margin:0; padding:0; }
  #servicenav li { position:relative; font-size:1.0rem; font-weight:500; }
  #servicenav li > a { border-radius:5px; line-height:30px; margin:15px 5px; padding:0 10px; display:block; color:#004d9b; text-transform:uppercase;
    transition: all 0.4s ease-in 0s; /* explorer 10 */
    -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
    -moz-transition: all 0.4s ease-in 0s; /* firefox */
    -o-transition: all 0.4s ease-in 0s; /* opera */
  }
  #servicenav li > a:hover { background:rgba(0,77,155,0.5); color:#FFF; }
  #servicenav li.active > a { background:#004d9b; color:#FFF; }

  /* Nur für die HUNGER UK-Seite: Linkedin und Twitter Icons im Servicemenu */ 
  .hunger_uk #servicenav li.twitter > a { overflow:hidden; text-indent:-1000px; width:10px; background:rgba(0,77,155,0.3) url('../Images/icons/icon_twitter.png') center no-repeat; background-size:70%; }
  .hunger_uk #servicenav li.twitter > a:hover { background-color:rgba(0,77,155,0.5) }
  .hunger_uk #servicenav li.linkedin > a { overflow:hidden; text-indent:-1000px; width:10px; background:rgba(0,77,155,0.3) url('../Images/icons/icon_linkedin.png') center no-repeat; background-size:60%; }
  .hunger_uk #servicenav li.linkedin > a:hover { background-color:rgba(0,77,155,0.5) }


  #header #sprache { padding:15px; height:30px;}
  #header #sprache img { border-radius:5px; height:100%; width:40px; margin:0 5px; }

  .textstatic { padding:20px; text-transform:uppercase; font-size:1.6rem; color:#FFF; line-height:130%; }
  .textstatic .line1 { padding-left:20px; display:block; }
  .textstatic .line2 { padding-left:40px; font-weight:700; display:block; }
  .textstatic .line3 { padding-left:0px; font-weight:700; display:block; }


/* --------- Hauptnavigation -------------*/ 
#navigation { position:relative; z-index:1000; background:#004d9b;  }
  #navigation .wrapper { background:none; padding:0; }

  #mainnav { position:relative; z-index:100; box-sizing:border-box; width:100%; }
  #mainnav > ul { display:flex; justify-content: space-between; margin:0; padding:0; }
  #mainnav li.level_1 { border-bottom:none; box-sizing:border-box; display:block; font-size:1.0rem; text-transform:uppercase; font-weight:100;
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
  }
  #mainnav li.level_1.hover a { background:#b2d8ff !important; }
  #mainnav > ul > li.active { background:#b2d8ff; }
  #mainnav li.level_1 > a { font-weight:300; box-sizing:border-box; width:100%; line-height:50px; padding:0 20px; color:#FFF; display:block; text-decoration:none;}
  #mainnav li.level_1:hover a { color:#004d9b; }
  #mainnav > ul > li.active a {  }

  .sf-menu > li:last-child ul { right:0px; left:inherit; }

  #mainnav ul ul { padding:29px 0 0; background:#BBB; min-width:300px; box-shadow:0px 0px 5px #000; }
  #mainnav li.level_2 { border-top:1px solid #FFF; }
  #mainnav li.level_2 a { background:#BBB; text-transform:uppercase; font-weight:100; font-size:1.0rem; line-height:24px; padding:10px 20px; margin:0; text-decoration:none; color:#FFF; 
    transition: all 0.4s ease-in 0s; /* explorer 10 */
    -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
    -moz-transition: all 0.4s ease-in 0s; /* firefox */
    -o-transition: all 0.4s ease-in 0s; /* opera */
  }
  #mainnav li.level_2 a:hover { background:rgba(238,127,0,0.5); }
  #mainnav li.active li.active > a { background:rgba(238,127,0,0.8); }

  #mainnav ul ul ul { padding:0; min-width:200px; }
  #mainnav li.level_3 { }
  #mainnav li.level_3:last-child {  }
  #mainnav li.level_3 a { font-size:0.8rem; line-height:18px; }


/* --------- Main Content -------------*/ 
#main { position:relative; z-index:500; overflow:hidden; width: 100%;}
  #main .wrapper { padding:0; background:#FFF; }

  #main .shadow_left_top { height:30%; z-index:200; }
  #main .shadow_right_top { height:30%; }
  #main .shadow_left_bottom { height:30%; }
  #main .shadow_right_bottom { height:30%; }


/* Subnavigation */ 
  #subnav { position:relative; margin:30px 0; }
  #subnav ul { list-style-type:none; margin:0; padding:0; }
  #subnav > ul > li { position:relative; font-size:1.0rem; font-weight:500; }

  #subnav li > a { line-height:120%; padding:10px 6%; display:block; color:#004d9b;
    transition: all 0.4s ease-in 0s; /* explorer 10 */
    -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
    -moz-transition: all 0.4s ease-in 0s; /* firefox */
    -o-transition: all 0.4s ease-in 0s; /* opera */
  }
  #subnav li > a:hover { background:rgba(0,77,155,0.5); color:#FFF; }
  #subnav li > a.active { background:#004d9b; color:#FFF; }

  #subnav ul ul { padding:10px 0; }
  #subnav ul ul li { margin-bottom:1px; position:relative; }
  #subnav ul ul li a { padding:5px 10%; padding-left:40px; line-height:20px; font-size:0.8rem; }
  #subnav ul ul li a:hover {  }
  #subnav ul ul li a.active{  }


/*------ GoogleMaps ----------------*/
#map-canvas { height:450px; width:100%; display:block; }
  #map-canvas .map-content h1 { text-transform:none; font-size:1rem; margin-bottom:0.4em; padding:0; }
  #map-canvas .map-content { font-family: 'Rajdhani', sans-serif; color:#000; font-size:0.9rem; line-height:140%; }
  #map-canvas img { max-width:none; }

/*------ GoogleMaps ----------------*/
#map-unternehmen { height:400px; width:100%; display:block; }
  #map-unternehmen .map-content h1 { text-transform:none; font-size:1rem; margin-bottom:0.4em; padding:0; }
  #map-unternehmen .map-content { font-family: 'Rajdhani', sans-serif; color:#000; font-size:0.9rem; line-height:140%; }
  #map-unternehmen img { max-width:none; }


/*------ Content ----------------*/
.content_outer { display:flex; }
.content { box-sizing:border-box; padding:30px 2%; }

  .content_outer .shadow_left_top { background-image:url('../Images/shadow_right_top.png'); left:0; }

  .content a { color:#004d9b; }
  .content a:hover { color:#004d9b; text-decoration:underline; }
  .content p, .content ul {  margin:0; padding-bottom:20px; }
  .content ul ul {  margin:0; padding-bottom:0px; }

  .content ol {  margin:0 0 20px; padding-top:0px; padding-left:18px; }
  .content p+ol {  margin-top:-20px; }

  .content_left { box-sizing:border-box; }




/*------ Kontaktformular ----------------*/
.frame-type-form_formframework { margin-bottom:15px; }
.frame-type-form_formframework .form-group { position:relative; width:100%; display:flex; }
.frame-type-form_formframework label { padding:10px 0; text-transform:uppercase; font-size:0.8rem; width:25%; display:inline-block; vertical-align:top; line-height:20px; }
.frame-type-form_formframework .input { width:60%; margin-bottom:10px;}
.frame-type-form_formframework input { -webkit-border-radius:3px; border-radius:3px; background:rgba(0,0,0,0.1); outline:none; width:100%; border:none; height:40px; padding:0 2%; box-sizing: border-box;}
.frame-type-form_formframework input:focus, .frame-type-form_formframework textarea:focus, .frame-type-form_formframework select:focus { background:rgba(0,0,0,0.3); }
.frame-type-form_formframework select { -webkit-appearance: none; -webkit-border-radius:3px; background:rgba(0,0,0,0.1); outline:none; width:100%; border:none; height:40px; padding:0 2%; box-sizing: border-box;}
.frame-type-form_formframework textarea { -webkit-border-radius:3px; border-radius:3px; background:rgba(0,0,0,0.1); outline:none; width:100%; border:none; height:140px; padding:5px 2%; box-sizing: border-box;}
.frame-type-form_formframework button[type="submit"] { text-transform:uppercase; border:none; -webkit-border-radius:3px; border-radius:3px; width:auto; cursor:pointer; float:right; background:#ee7f00; opacity:0.8; text-decoration:none; font-size:1.25rem; text-align:left; line-height:50px; height:50px; padding:0 9.09090909%; margin-bottom:0px; margin-top:20px; margin-right:15%; color:#FFF;
  transition: all 0.2s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.2s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.2s ease-in 0s; /* firefox */
  -o-transition: all 0.2s ease-in 0s; /* opera */
}
.frame-type-form_formframework button[type="submit"]:hover {  opacity:1; }

.frame-type-form_formframework fieldset div:nth-child(2) label { display:none; }


.formhandler .file_label { width:25%; float:left; min-height:40px; }
.formhandler .file_label label { padding:0 10%; width:84%; }
.formhandler .file_input { width:64%; float:left; }
.formhandler .file_legende { font-size:0.7rem; line-height:120%; padding-top:5px; }
.formhandler input[type="file"] { height:33px; width:96%; font-size:0.8rem; padding-top: 7px; line-height:15px; }
.formhandler .file_input input[type="submit"] { background:#666; margin-top:0px; font-size:1rem; text-align:center; width:25% !important; padding:0; opacity:0.6; line-height:30px; height:30px; margin-right:0; 
  transition: all 0.2s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.2s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.2s ease-in 0s; /* firefox */
  -o-transition: all 0.2s ease-in 0s; /* opera */
}
.formhandler .file_input input[type="submit"]:hover { opacity:1; }
#Tx_Formhandler_UploadedFiles_skizze { font-size:0.8rem; margin-left:20.3%; padding:3px 2%; color:#002e69; background:#FFF; width:62%; }

.frame-type-form_formframework fieldset { box-sizing: border-box; border: none; margin:0; padding:0; padding-left:25%; margin-bottom:10px; display:block !important; }
.frame-type-form_formframework fieldset legend { display:none; }

.frame-type-form_formframework .checkbox { width:100%; }
.frame-type-form_formframework .checkbox label { width:100%; display: flex; }
.frame-type-form_formframework .checkbox label input { width:30px; margin-right:20px; }
.frame-type-form_formframework .checkbox label > span { display:block; line-height:40px; text-transform: initial;}

.frame-type-form_formframework .clearfix h2 { font-size: 1.4em; padding-bottom: 20px; font-weight: 100; text-transform: none; margin-top:30px; }



/* --------- Referenzslider ---------------------------------------------------------------------*/
#referenzslider{ color:#FFF; background:#004d9b; position:relative; padding:0; }
  #referenzslider .wrapper { position:relative; background:none; padding-bottom:10px; }

  #referenzslider h1{ text-transform:uppercase; color:#FFF; padding:20px 15px 5px; font-size:1.4rem; }
  #referenzslider h1 .headerbold { font-weight:700; }


/* --------- Footer -------------*/
#footer { color:#004d9b; background:url('../Images/back_footer.jpg') center top no-repeat; background-size:cover; position:relative; width:100%; font-size:1rem; }
  #footer .wrapper { display:flex; }
  #footer .wrapper_01 { padding:30px 2% 20px; background:none; }
  #footer .wrapper_02 { padding:5px 2%; background:none; }

  #footer .outer_wrapper { border-top:1px solid #004d9b; }

  /* Copyright */ 
  .copyright {  }

  /* Servicenavigation */ 
  #footernav { position:relative; }
  #footernav ul { list-style-type:none; margin:0; padding:0; }
  #footernav ul li { float:left; }
  #footernav ul li a { color:#004d9b; border:none; display:inline-block; 
    transition: all 0.4s ease-in 0s; /* explorer 10 */
    -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
    -moz-transition: all 0.4s ease-in 0s; /* firefox */
    -o-transition: all 0.4s ease-in 0s; /* opera */
  }
  #footernav ul li.active a { color:#004d9b; }
  #footernav ul li a:hover { color:#004d9b; }
  #footernav ul li .point{ display:inline-block; padding:0 10px; }

/* --------- Kontakt -------------*/
.adresse { }
  .adresse .adresse_logo img { width:70%; }
  .adresse .adresse_adresse { line-height:140%; }
  .adresse .adresse_adresse a { color:#004d9b; }
  .adresse .adresse_adresse p { -webkit-margin-before: 0.5em; -webkit-margin-after: 0.5em; }

.map { width:60%; }
  .map img { width:100%; height:auto;}

.contact {}
  .contact h2 { font-weight:900; font-size:1.55rem; text-transform:uppercase; }
  .contact .button_mail { padding: 12px 5px 12px 60px; line-height:16px; margin-bottom:10px; background-image:url('../Images/icon-small_email.png'); background-position:15px center; background-repeat:no-repeat; background-size:auto 30px; }
  .contact .button_form { padding: 12px 5px 12px 60px; line-height:16px; margin-bottom:20px; background-image:url('../Images/icon-small_form.png'); background-position:15px center; background-repeat:no-repeat; background-size:auto 30px; }
  .contact img { display:block; width:100%; }

  .contact .socials { display:flex; width:100%; margin-top:20px; }
  .contact .socials a { display:block; margin-right:20px; width:40px; height:40px; background:#004d9b; }
  .contact .socials img { display:block; width:100%; height:auto; }


/*------ Sidepanel ----------------*/
.sidepanel {
  box-shadow:0 0 20px rgba(0,0,0,0.5);
  cursor: pointer;
  position:fixed;
  right: 0;
  top: 390px;
  width: 50px;
  z-index: 7998;
  padding:0;
  border-radius: 5px 0 0 5px;
  overflow:hidden;
}

.sidepanel a { position:relative; display:block; padding:0 10px; }
.sidepanel img{ width:100%; height:auto; padding:12px 0; display:block; }
.sidepanel .border-top { width:100%; height:1px; position:absolute; top:0; left:0; }
.sidepanel .border-bottom { width:100%; height:1px; position:absolute; bottom:0; left:0; }