@charset "utf-8";
/* CSS Document */

/* Import der Haus-Schriften  --------------------------------------------------------------------------------- */


@font-face {
    font-family: 'DIN Medium';
    src:	url('../schriften/DINOT-Medium.woff') format('woff'),
        url('../schriften/DINOT-Medium.eot'),
        url('../schriften/DINOT-Medium.ttf') format('truetype'),
        url('../schriften/DINOT-Medium.svg') format('svg');
}


@font-face {
    font-family: 'DIN Light';
    src: 	url('../schriften/DINNextLTPro-UltraLight.woff') format('woff'),
        url('../schriften/DINNextLTPro-UltraLight.eot'),
        url('../schriften/DINNextLTPro-UltraLight.ttf') format('truetype'),
        url('../schriften/DINNextLTPro-UltraLight.svg') format('svg');
}




/* Reset  ---------------------------------------------------------------------------------------------------- */


* { font-family: Arial, Helvetica, sans-serif; line-height: 120%; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;  text-decoration: none; }
body { width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display:block; background-color: #ffffff; background-position:top center; background-repeat:no-repeat; overflow-x:hidden;  }
img {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; line-height: 100%; position:relative; }
.clearbox { clear:both; }
div.Website { width: auto; height: auto; display:block;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position:relative; z-index: 10; }
div.Sektion { width: 100%; height: auto; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div.Sektion.TeaserEbene { overflow:hidden; }
div.Sektion.NewsEbene { overflow:hidden; }

div.Responsive { width: auto; height: auto; display:block; margin: 0px 50px 0px 50px; padding: 0px 0px 0px 0px; }



/* Typo, Allgemein  ------------------------------------------------------------------------------------------ */


h1 { font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; color: #00564c; line-height: 100%; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; }
h2 { font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; color: #2f3030; line-height: 135%; padding: 0px 0px 0px 0px; /* margin: 0px 0px 15px 0px; */ }
h3 { font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; color: #00564c; line-height: 180%; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; color: #333;}
p, p span { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #303030; line-height: 180%; padding: 0px 0px 25px 0px; margin: 0px 0px 0px 0px;   }
a, p, label, span.Label, a.TechnikTeaser p  {  -webkit-text-size-adjust: none; }
a { font-family: Arial, Helvetica, sans-serif; outline: none; font-weight: normal; color: #303030; line-height: 180%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  }
table tr td { font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; color: #00564c; }
table tr th { font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; color: #00564c; }
ul { padding: 0px 0px 20px 0px; margin: 0px 0px 0px 0px; list-style: none;  }
ul li { font-family:'DIN Light', Arial, Helvetica, sans-serif; font-weight: normal; color: #00564c; line-height: 180%; padding: 0px 0px 5px 11px; margin: 0px 0px 0px 0px; background-repeat:no-repeat; background-position: 0px 14px; list-style: none;  }


/* Ueberschrift Elemente */
h2 span.WhiteStripe { font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; display:inline-block; float:left; margin: 0px 3px 0px 0px; padding: 0px 5px 5px 0px; border-bottom: 2px #FFFFFF solid;  }
h2 span.GreenStripe { font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; display:inline-block; float:left; margin: 0px 3px 0px 0px; padding: 0px 5px 5px 0px; border-bottom: 2px #00564c solid;  }
h2 span.RedStripe { font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; display:inline-block; float:left; margin: 0px 3px 0px 0px; padding: 0px 40px 5px 0px; border-bottom: 2px #DC244B solid;  }


/* Super Zahlen */
.SuperZahl { font-family:'DIN Light', Arial, Helvetica, sans-serif; width: auto; display:inline-block; font-weight: normal; color: #00564c; line-height: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }


/* Listen Link */
a.ListLink { display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; background-image:url("../img/breadcrumb_pfeil.png"); background-repeat:no-repeat; background-position: left 8px; text-decoration:none; }
a.ListLink:hover { text-decoration:underline; }


/* PDF */
a.PDF, div.PDF { background-image:url("../img/pdf_gruen.png"); background-position: left 6px; background-repeat:no-repeat; padding: 2px 0px 8px 30px; display: block; text-decoration:none; opacity: 1; }
a.PDF.Hell, div.PDF.Hell {  background-image:url("../img/pdf_gruen.png"); color: #ffffff; }
a.PDF:hover, div.PDF:hover, a.PDF.Hell:hover, div.PDF.Hell:hover { text-decoration: underline; opacity: 0.8; }



/* Datentabellen */
table { margin: 0px; padding: 0px; }
table tbody { margin: 0px; padding: 0px; }
table tbody tr {}
table tbody tr th {}
table tbody tr td { margin: 0px; padding: 13px 25px 12px 25px; text-align:left; vertical-align: top; font-family:'DIN Medium', Arial, Helvetica, sans-serif; color: #ffffff; background-color: #48847d; }
table tbody tr.Second td { background-color: #78a39e; }



/* Website-Grundelemente  ------------------------------------------------------------------------------------ */


/* Standard Button */
a.Button,
div.Button { font-family:'DIN Medium', Arial, Helvetica, sans-serif; width: auto; height: auto; min-height: 26px; display:inline-block; margin: 0px 0px 0px 0px; padding: 13px 30px 11px 30px; line-height: 135%; text-align:center; color: #f2f6f6; background-color: #00564c; cursor:pointer;  }
a.Button:hover,
div.Button:hover,
a:hover div.Button { background-color: #40807a; }


/* Button mit Video-Icon */
a.Button.VideoIcon, div.Button.VideoIcon {padding-left: 60px; background-position: 20px center; background-image:url(../img/play-icon.png);  background-repeat:no-repeat; background-size: auto 60%; }


/* Button in rot */
a.Button.RedStyle, div.Button.RedStyle { background-color: #D10041; }
a.Button.RedStyle:hover, div.Button.RedStyle:hover { background-color: #FF004D; }

/* Button in grau */
a.Button.GreyStyle, div.Button.GreyStyle { color: #000000; background-color: #eeeeee; }
a.Button.GreyStyle:hover, div.Button.GreyStyle:hover { color: #000000; background-color: #FFFFFF; }


/* SprungLink nach unten */
a.SprungLink { min-height: 30px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 45px; background-image:url(../img/jumpdown.png); background-position: left top; background-repeat:no-repeat; font-family:'DIN Medium', Arial, Helvetica, sans-serif;   }
a.SprungLink:hover { background-position: left bottom; }


/* schliessen */
a.schliessen { font-family:'DIN Medium', Arial, Helvetica, sans-serif; height: 39px; background-color: #00564c; display:none; padding: 11px 30px 0px 80px; margin: 0px 0px 0px 0px; position: absolute; right: 50%; top: 50px; z-index: 100; background-image:url("../img/bt_close.png"); background-repeat:no-repeat; background-position: left top; color: #ffffff; }
/* a.schliessen span { display: inline-block; font-family:'DIN Medium', Arial, Helvetica, sans-serif; background-color: transparent; text-align: right; margin: 0px; padding: 0px 0px 0px 0px;  } */
a.schliessen:hover { background-position: left bottom; }


/* UnterseitenHeader */
div.UnterseitenHeader { padding: 80px 50px 30px 50px; }
div.UnterseitenHeader h2 { font-family:'DIN Medium', Arial, Helvetica, sans-serif; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
div.UnterseitenHeader div.Trenner { height: 2px; width: 256px; display:block; margin: 0px 0px 8px 0px; padding: 0px; background-image:url("../img/unterseiten_headline-trenner.gif"); background-position: 0px 0px; background-repeat:no-repeat;  }



/* Preloader */
div.Preloader { width: 90px; height: 114px; display:block; padding: 0px 0px 0px 0px; position:absolute; top: 50%;  left: 50%; margin: -57px 0px 0px -45px; background-position: center center; background-repeat:no-repeat; background-size:cover; background-image:url("../img/preloader_stumpf.png"); }
div.Preloader div.Rotor { width: 90px; height: 114px; display:block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  background-position: center center; background-repeat:no-repeat; background-size:cover; background-image:url("../img/preloader_rotor.gif");  }



/* Teaser-Bereiche */
div.TeaserBereich { width: auto; display:block; margin: 0px 0px 0px 40px; padding: 0px 0px 0px 0px;  }


/* Teaser */
div.TeaserBereich a.Teaser,
div.TeaserBereich div.Teaser { width: auto; height: auto; display:block; float:left; margin: 0px 40px 0px 0px; padding: 0px 0px 0px 0px; position:relative;  }
div.TeaserBereich a.Teaser img,
div.TeaserBereich div.Teaser img { width: auto; height: auto; display:block; margin: 0px 0px 0px 0px; padding: 0px; }
div.TeaserBereich a.Teaser div.Inhalte,
div.TeaserBereich div.Teaser div.Inhalte { width: auto; height: auto; display:block; margin: 0px 0px 0px 0px; padding: 0px;  }
div.TeaserBereich a.Teaser div.Trenner,
div.TeaserBereich div.Teaser div.Trenner { width: 180px; height: 2px; display:block; margin: 20px 0px 8px 0px; padding: 0px; background-image:url("../img/teasertrenner.gif"); background-repeat:no-repeat; background-position:left bottom; }


/* Size S */
div.TeaserBereich a.Teaser.SizeS,
div.TeaserBereich div.Teaser.SizeS { width: 300px; background-color: transparent;  }
div.TeaserBereich a.Teaser.SizeS img,
div.TeaserBereich div.Teaser.SizeS img { width: 300px; }


/* Size XL */
div.TeaserBereich a.Teaser.SizeXL,
div.TeaserBereich div.Teaser.SizeXL { width: 641px; padding: 0px 0px 0px 0px;  /* background-image:url("../img/bigteaser_hg.jpg"); */ background-position: bottom; background-repeat:no-repeat; background-size:contain; }
div.News div.TeaserBereich a.Teaser div.Inhalte h2,
div.News div.TeaserBereich div.Teaser div.Inhalte h2 { color: #00564c; }
div.TeaserBereich a.Teaser.SizeXL img,
div.TeaserBereich div.Teaser.SizeXL img { width: 300px; /* max-width: 250px; */ float:left; }


/* Icon Teaser */
div.TeaserBereich a.Teaser.SizeS.IconTeaser img,
div.TeaserBereich div.Teaser.SizeS.IconTeaser img { width: 70px; height: 70px; margin: 20px auto 10px auto;  }
div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Inhalte h2,
div.TeaserBereich div.Teaser.SizeS.IconTeaser div.Inhalte h2 { text-align:center; color: #636363; margin: 0px 0px 6px 0px; }
div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Inhalte p,
div.TeaserBereich div.Teaser.SizeS.IconTeaser div.Inhalte p { text-align:center; }
div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button,
div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button { width: 80%; display:block; margin: 0px auto; padding-left: 10px; padding-right: 10px; text-align:center; background-color: transparent; border: 1px #d8d8d8 solid; color: #797979; }
div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button:hover,
div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button:hover { background-color: #ffffff; }
div.TeaserBereich a.Teaser.SizeS.IconTeaser:hover div.Button { background-color: #ffffff; }


/* Icon-Teaser */
/* Wenn mit Spans */
div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span,
div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span { font-weight: bold; line-height: 100%; padding: 0px;  }


/* Primaere und Alternative(Kuerzere) Textbloecke im Button */
div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Primaer,
div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Primaer { display:block; }
div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Alternativ,
div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Alternativ { display: none; }



/* News */
/*
div.News div.TeaserBereich a.Teaser.SizeS div.Inhalte,
div.News div.TeaserBereich div.Teaser.SizeS div.Inhalte { margin: 0px 0px 0px 0px; padding: 0px;   }
*/

/* grosse Teaser */
div.Sektion.TeaserEbene.News div.TeaserBereich a.Teaser.SizeXL div.Inhalte,
div.Sektion.TeaserEbene.News div.TeaserBereich div.Teaser.SizeXL div.Inhalte { width: 300px; float:left; margin: 0px 0px 0px 0px; padding: 0px; position:absolute; top: 0px; right: 0px;  }
div.Sektion.TeaserEbene.News div.TeaserBereich a.Teaser.SizeXL img,
div.Sektion.TeaserEbene.News div.TeaserBereich div.Teaser.SizeXL img {}


/* Bonus Teaser */
div.Sektion.TeaserEbene.News div.TeaserBereich div.Teaser.SizeS,
div.Sektion.TeaserEbene.News div.TeaserBereich a.Teaser.SizeS { width: auto; float:left; position: relative; }
div.Sektion.TeaserEbene.News div.TeaserBereich div.Teaser.SizeS div.Inhalte,
div.Sektion.TeaserEbene.News div.TeaserBereich a.Teaser.SizeS div.Inhalte { width: auto; float:left; margin: 0px; padding: 0px; position:absolute; top: 0px; left: 0px;  }


/* Cookie Banner */
.cc-compliance { display: block !important; }

.cc-banner { background-color: #fff !important; display: flex !important; flex-wrap: wrap !important; padding: 10px 40px !important; -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); }
.cc-banner .cc-message { font-size: 17px; padding-right: 10rem; margin-left: 0 !important; }
.cc-banner .cc-message a { font-size: 17px !important; color: #E31545 !important; opacity: 1 !important; padding: 0 !important; line-height: normal !important; }
.cc-banner .cc-message a:hover { opacity: .8 !important; }
.cc-banner .cc-btn { padding: 0.5rem 1.5rem !important; min-width: 0 !important; }
.cc-banner .cc-btn.cc-dismiss { background-color: rgb(35, 58, 80); }

.cc-highlight .cc-btn.cc-dismiss { text-transform: uppercase !important; background-color: transparent !important; font-weight: normal !important; border: 1px solid #14564D !important; color: #14564D !important; margin-bottom: .5rem !important; }
.cc-highlight .cc-btn.cc-dismiss:hover { color: #fff !important; background-color: #40807A !important; border: 1px solid #40807A !important; text-decoration: none !important; }

/* Website-Aufbau  ------------------------------------------------------------------------------------------- */


/* Versteckter Marker fuer die Jumppoints - immer versetrzt zur Navi-Hoehe */
div.PfeilMarker { width: 0px; height: 0px; display:block; visibility:hidden; position:relative; margin: 0px; padding: 0px; top: -90px; left: 50%; z-index: -9999999; background-color: transparent;  }


/* Sektion: StartSlider ---------------------------------------------------------------------------------- */

div.Sektion.StartSlider { position:relative; z-index: 100; }
div.Sektion.StartSlider div.Responsive { height: 750px; margin: 75px 50px 75px 50px; }


/* Startseiten Slider */
div.Sektion.StartSlider ul.slides { height: 750px; display:block; position: relative; margin: 0px; padding: 0px; }
div.Sektion.StartSlider ul.slides li { height: 750px; display:none; margin: 0px; padding: 0px; background-position: center center; background-repeat:no-repeat; background-size:cover; position:relative; }



/* Pfeil-Navigation */
div.Sektion.StartSlider ul.flex-direction-nav {  height: 50px; width: 112px; display:block; margin: 0px 0px 0px 0px; }
div.Sektion.StartSlider ul.flex-direction-nav li { height: 50px; width: 55px; display:block; margin: 0px 1px 0px 0px;  padding: 0px 0px 0px 0px; float: left; }
div.Sektion.StartSlider ul.flex-direction-nav li a { height: 50px; width: 55px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: transparent; background-repeat:no-repeat; background-position: left top; }
div.Sektion.StartSlider ul.flex-direction-nav li a:hover { background-position: left bottom; }
div.Sektion.StartSlider ul.flex-direction-nav li a.flex-prev { background-image:url("../img/slider-pfeil-links.gif"); }
div.Sektion.StartSlider ul.flex-direction-nav li a.flex-next { background-image:url("../img/slider-pfeil-rechts.gif"); }



/* Pfeil-Navigation IM Slide eingefuegt */
div.Sektion.StartSlider ul.slides a.Button { position: relative; float: left; }
div.Sektion.StartSlider ul.slides div.SliderNavi { height: 50px; width: 112px; display:block; margin: 0px 0px 0px 25px; float: left; }
div.Sektion.StartSlider ul.slides div.SliderNavi a { height: 50px; width: 55px; display:block; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; float: left; background-color: transparent; background-size: auto; background-repeat:no-repeat; background-position: center center; background-color: #40807A;  }
div.Sektion.StartSlider ul.slides div.SliderNavi a:hover { background-color: #669995; background-position: center center;  }
div.Sektion.StartSlider ul.slides div.SliderNavi a.PrevSlide { background-image:url("../img/pfeil_links_neu.png"); }
div.Sektion.StartSlider ul.slides div.SliderNavi a.NextSlide { background-image:url("../img/pfeil_rechts_neu.png"); }



/* Dot-Navigation */
div.Sektion.StartSlider ol.flex-control-nav { width: auto; height: 12px; display: inline-block; position:absolute; z-index: 1000; bottom: 30px; left: 50%;  }
div.Sektion.StartSlider ol.flex-control-nav  li { height: 12px; width: 11px; display:block; float: left; margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; }
div.Sektion.StartSlider ol.flex-control-nav  li a { background-color: #ffffff; opacity: 0.5; }
div.Sektion.StartSlider ol.flex-control-nav  li a.flex-active { background-color: #00564c; opacity: 1; }



/* Sticker (Optional) */
div.Sticker, a.Sticker { width: 230px; height: 170px; display:block; position: absolute; right: 40px; top: 75px; z-index: 10000;  background-repeat:no-repeat; background-position: left top; background-size:cover; }
a.Sticker:hover { background-position: left bottom; }

/* Unten orientiert */
div.Sticker.DeepDown, a.Sticker.DeepDown { top: auto; bottom: 80px; }




/* Sektion: Navigation ---------------------------------------------------------------------------------- */

div.Sektion.Navigation { background-color: transparent; background-position: left bottom; background-repeat:repeat-x; background-image:url("../img/navigation_hg.png"); margin: 0px 0px -6px 0px; padding: 0px; position:relative; z-index: 1000000; }
div.Sektion.Navigation div.Responsive { height: 96px; background-color: transparent; }

/* Navigation an den Rand heften */
div.Sektion.Navigation.FixToTop { position:fixed; top: 0px; }


/* Logo */
div.Sektion.Navigation a.Logo { width:auto; height: 50px; display:inline-block; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; }
div.Sektion.Navigation a.Logo img { width: 255px; height: 50px; display:block; }


/* PfeilNavigation */
div.Sektion.Navigation div.PfeilNavigation { width: 55px; height: 90px; display:block; float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.Sektion.Navigation div.PfeilNavigation a { width: 55px; height: 44px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-repeat:no-repeat; background-position: left top; }
div.Sektion.Navigation div.PfeilNavigation a:hover { background-position: left bottom; }
div.Sektion.Navigation div.PfeilNavigation a.Hoch { margin-bottom: 2px; background-image:url("../img/navigation_hoch.gif"); }
div.Sektion.Navigation div.PfeilNavigation a.Runter { background-image:url("../img/navigation_runter.gif"); }




/* HauptNaviBereich */
/* div.Sektion.Navigation div.HauptNaviBereich { height: 90px; width: auto; display:inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right;  }  */
div.Sektion.Navigation div.HauptNaviBereich { height: 90px; width: auto; display:block; position: absolute; top: 0px; right: 70px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  } /* display: inline */


/* Subnavigationen, Sprachahl etc., Uebernavigation, myEnercon */
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi { height: 40px; width: auto; display:block; padding: 5px 0px 0px 0px; }


/* Subnavigation */
div.SubNavigation { height: 40px; width: auto; display:inline-block; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
div.SubNavigation a { display:block; float: left; color: #666666; padding: 8px 24px 0px 0px; background-image:url("../img/trenner.gif"); background-repeat:no-repeat; background-position: right 16px; text-decoration:none; }
div.SubNavigation a:hover { color: #00564c; text-decoration:underline; }
div.SubNavigation a.LastLink { padding-right: 0px; background-image:none; }


/* myEnercon */
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.MyEnercon { height: 40px; width: auto; display:inline-block; float: right; margin: 0px 0px 0px 0px; padding: 0px 20px 0px 0px; background-image: url("../img/pulldown_pfeil.png"); background-position: right center; background-repeat:no-repeat;   }
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.MyEnercon a {  margin: 0px 0px 0px 0px; padding: 8px 0px 0px 23px; display:block; text-align: right; background-image: url("../img/icon_enercon.png"); background-position: left 15px; background-repeat:no-repeat;   }
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.MyEnercon a span {}
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.MyEnercon div.MyKlappe { width: 180px; height: auto; padding: 20px 20px 0px 20px; display:none; margin: 10px 0px 0px 0px; position:absolute; z-index: 1000;  background-color: #ffffff; box-shadow: 0px 0px 6px #aaaaaa; }
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.MyEnercon:hover div.MyKlappe { display:block; }
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.MyEnercon:hover div.MyKlappe p { }


/* Sprachwahl */
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.Sprachwahl { height: 40px; width: auto; display:block; float: right; margin: 0px 40px 0px 0px; padding: 0px 20px 0px 40px; text-align:right; background-image: url("../img/pulldown_pfeil.png"); background-position: right center; background-repeat:no-repeat; position:relative; z-index: 10; }
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.Sprachwahl a {  margin: 0px 0px 0px 0px; padding: 8px 0px 0px 0px; display:block;  }
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.Sprachwahl a span { margin: 0px 0px 0px 0px; padding: 8px 0px 0px 0px; }


/* Klappe */
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.Sprachwahl div.SprachKlappe { width: 130px; height: auto; padding: 0px 15px 10px 10px; display:none; margin: 5px -10px 0px 0px; position:absolute; top: -10px; right: 0px; z-index: 1100000;  background-color: #ffffff; box-shadow: 0px 0px 6px #aaaaaa; }
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.Sprachwahl:hover div.SprachKlappe { display:block; }
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.Sprachwahl a.SpracheWechseln { display:block; clear: both; text-align: right; }
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.Sprachwahl a.SpracheWechseln span { text-align: right; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; text-decoration:none; display:block; float: right; }
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.Sprachwahl a.SpracheWechseln:hover span { text-decoration:underline; }
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.Sprachwahl a.SpracheWechseln img { margin: 7px 0px 0px 10px; padding: 0px 0px 0px 0px; display:block; float: right; }




/* Sprachwahl Mobil */

/* Sprachwahl */
div.MobilerHeader div.Sprachwahl { width: 112px; height: 36px; display: block; margin: 0px; margin-right: 0px !important; padding: 0px;  position: absolute; z-index: 10000000; right: 102px; top: 28px;  background-color: transparent; }
div.MobilerHeader div.Sprachwahl a img { width: 16px; height: 11px; display: block; float: right; margin: 0px 10px 0px 0px; padding: 0px !important; }
div.MobilerHeader div.Sprachwahl a span { color: #323232; float: right; text-align: right; padding: 0px 10px 0px 10px; margin: 0px; line-height: 100%; font-size: 12px; }
div.MobilerHeader div.Sprachwahl a.Ausgewaehlt { width: 110px; min-width: auto; min-height: auto; height: 22px; margin: 0px; padding: 12px 20px 0px 0px; display: block; position: relative; top: 0px; left: 0px; background-color: #ffffff; border: 1px #d8d8d8 solid; background-image: url("../img/pulldown_pfeil_mobil.png"); background-position: right center; background-repeat:no-repeat; }

/* Klapper */
div.MobilerHeader div.Sprachwahl div.SprachKlappe { width: 112px; height: auto; margin: 0px; padding: 0px; display: none; position: absolute; left: 0px; top: 0px; }
div.MobilerHeader div.Sprachwahl div.SprachKlappe a.SpracheWechseln { width: 110px; height: 22px; min-width: auto; min-height: auto; margin: 0px; padding: 12px 20px 0px 0px; display: block; position: relative; border-right: 1px #d8d8d8 solid;  border-left: 1px #d8d8d8 solid; border-bottom: 1px #d8d8d8 solid; background-color: #ffffff; }
div.MobilerHeader div.Sprachwahl div.SprachKlappe a.SpracheWechseln.ErsteSprache { border-top: 1px #d8d8d8 solid; }
div.MobilerHeader div.Sprachwahl div.SprachKlappe a.SpracheWechseln:hover { background-color: #f7f7f7; }







/* Subnavigationen, Sprachahl etc., Uebernavigation, myEnercon */
div.Sektion.Navigation div.HauptNaviBereich div.Hauptnavigation { height: 45px; width: auto; display:inline-block;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }


/* HauptPunkt */
div.Sektion.Navigation div.HauptNaviBereich div.Hauptnavigation div.HauptPunkt { height: 45px; width: auto; display:inline-block; float: left; margin: 0px 40px 0px 0px; padding: 0px 0px 0px 0px; }


/* HauptLink */
div.Sektion.Navigation div.HauptNaviBereich div.Hauptnavigation div.HauptPunkt a.HauptLink { height: 45px; width: auto; display:inline-block; font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; color: #4C867D;  position:relative; bottom: -5px; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; background-image:url("../img/hauptnavi_hg.png"); background-position: center 36px; background-repeat: repeat-x; position:relative;  }
div.Sektion.Navigation div.HauptNaviBereich div.Hauptnavigation div.HauptPunkt.Aktiv a.HauptLink { background-position: center bottom; color: #00564c;  }
div.Sektion.Navigation div.HauptNaviBereich div.Hauptnavigation div.HauptPunkt.AktivHover a.HauptLink { background-position: center bottom; color: #00564c;  }
div.Sektion.Navigation div.HauptNaviBereich div.Hauptnavigation div.HauptPunkt:hover a.HauptLink { background-position: center bottom; color: #00564c; z-index: 1000100; position:relative;  }






/* Sektion: Navigations-Klappe ---------------------------------------------------------------------------------- */



/* HauptKlappe */
div.HauptKlappe { width: auto; height: auto; padding: 45px 650px 45px 40px; display:none; margin: -55px 0px 0px -20px; top: 96px; position:absolute; z-index: 1000;  background-color: #ffffff; box-shadow: 0px 0px 6px #aaaaaa; background-position: right top; background-repeat:no-repeat; background-size: contain;  }
div.HauptKlappe.SmallSize { padding: 45px 40px 45px 40px; }


/* HG Dummy Box, nur fuer den FadeEffect in derr Technologie-Klappe */
div.DummyBox { width: 200px; height: 200px; padding: 0px 0px 0px 0px; display:block; margin: 0px 0px 0px 0px; top: 0px; right: 0px; position:absolute; z-index: 1000; background-position: right top; background-repeat:no-repeat; background-size: contain;  }
div.DummyBox div.HGDummy { width: 200px; height: 200px; padding: 0px 0px 0px 0px; display:block; margin: 0px 0px 0px 0px; top: 0px; position:absolute; z-index: 1000;  background-position: right top; background-repeat:no-repeat; background-size: contain; background-color: #ffffff;  }


/* Sonderfall: Letzte Klappe */
div.HauptPunkt { position:relative; }
div.HauptKlappe.SmallSize.MakeItRight { right: -20px;  margin: -55px 0px 0px 0px;}


/* HauptPunkt */
div.HauptPunkt:hover div.HauptKlappe { display:block; }
div.HauptKlappe h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; } /* padding: 0px 0px 10px 0px;  */
div.HauptKlappe p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 110%; text-align:center; }
div.HauptKlappe i { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; line-height: 110%; text-align:center; font-style:normal; }
div.HauptKlappe p.SuperZahl { margin: 0px 0px 0px 0px; padding: 40px 0px 0px 0px; line-height: 110%; text-align: left; }
div.HauptKlappe p.SuperZahl p { width: 200px; display:block; background-color: gold; }


/* KlappNavigation */
div.HauptKlappe div.KlappNavigation { width: 345px; /*max-width: 375px; */ display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-bottom: 1px #cccccc solid;   }
div.KlappNavigation a { width: 345px; /* max-width: 345px; */ height: auto; display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 1px #cccccc solid; background-image:url("../img/centerpfiel.png"); background-position:center left; background-repeat: no-repeat; }
div.KlappNavigation a div.LinkInhalt { width: 270px; height: auto; display: inline-block; line-height: 135%; margin: 1px 0px 1px 0px; padding: 15px 60px 13px 40px; /*  border-top: 1px #ffffff solid; border-bottom: 1px #ffffff solid; */ background-image:url("../img/navigation_klappe_hover_hg.png"); background-position: 500px center; background-repeat:no-repeat; position: relative; }
div.KlappNavigation a div.LinkInhalt span { font-weight:bold; color: #00564c; }
div.KlappNavigation a:hover div.LinkInhalt { background-position: right center; }
div.KlappNavigation a.Aktiv div.LinkInhalt { background-position: right center; }


/* SmallVersion */
div.SmallSize div.KlappNavigation a div.LinkInhalt { width: 250px; padding: 13px 60px 13px 40px; line-height: 100%; }
div.SmallSize div.KlappNavigation a:hover div.LinkInhalt { background-position: left center; width: 240px; }
div.SmallSize div.KlappNavigation a.Aktiv div.LinkInhalt { background-position: left center; width: 240px; }




/* Sub-Navigation (Level 2 in der Klappe) ---------------------------------------------------------------------------------- */


/* MessStation fuer die H2 Links ( liegt nur temporaer in der DOM ) */
div.HeadlineMessStation { position: fixed; z-index: -9000000; opacity: 0; visibility:hidden;  top: 200px; }
div.MessStation { position: fixed; z-index: -9000000; opacity: 0; visibility:hidden;  top: 100px;  }
div.MessStation div.SubPunkt.ReferenzHoehe {}


/* Inhalte korrigierne zum Messen (spaeter auch in den responsiven bereichen!!!!!!!) */
div.MessStation { width: 345px;  }
div.MessStation a { width: 345px;  height: auto; display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 1px #cccccc solid; background-image:url("../img/navigation_klappe_pfeil_hg.png"); background-position: left top; background-repeat:no-repeat;  }
div.MessStation a div.LinkInhalt { width: 270px; height: auto; display: inline-block; line-height: 135%; margin: 1px 0px 1px 0px; padding: 15px 60px 13px 40px; /*  border-top: 1px #ffffff solid; border-bottom: 1px #ffffff solid; */ background-image:url("../img/navigation_klappe_hover_hg.png"); background-position: 500px center; background-repeat:no-repeat; position: relative; }
div.MessStation a div.LinkInhalt span { font-weight:bold; color: #00564c; }


/* Klappe */
div.SubPunkt div.SubKlappe { width: 458px;  margin: 0px 0px 0px 0px; padding: 0px 40px 0px 0px; position: absolute; right: 0px; top: 0px; background-color: transparent;  }


/* Klapp Funktionalitaet */
div.SubPunkt { display:inline-block; }
div.SubPunkt div.SubKlappe { display: none; }
div.SubPunkt:hover div.SubKlappe { display: block; }


/* Hover Aktiv-Zustand wenn ueber Menue Sub2 */
div.HauptPunkt.KlappeMitSubs div.KlappNavigation div.SubPunkt:hover a div.LinkInhalt { background-position: right center; }


/* SubPunkt */
div.SubPunkt div.SubKlappe div.InnererBereich { display: block; margin: 0px 0px 0px 0px; padding: 25px 40px 0px 40px;  border-top: 1px #cccccc solid; border-bottom: 1px #cccccc solid; }
div.SubPunkt div.SubKlappe div.InnererBereich h2 {}
div.SubPunkt div.SubKlappe div.InnererBereich p { }
div.SubPunkt div.SubKlappe div.InnererBereich a { text-decoration:none; border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; background-image:url("../img/breadcrumb_pfeil.png"); background-position: left center; background-repeat:no-repeat;  }
div.SubPunkt div.SubKlappe div.InnererBereich a:hover { text-decoration: underline; }





/* Sektion: Mobiles Klappmenue -------------------------------------------------------------------------- */



/* Mobiles-Menue */

/* Mobiles-Menue: Lippe */
a.MobileLippe { width: 42px; height: 36px; display:none; margin: 0px 0px 0px 0px; padding: 0px; background-image:url("../img/mobiles-menue.png"); background-repeat:no-repeat; background-position: left top; position: absolute; top: 28px; right: 0px; cursor:pointer; }
a.MobileLippe:hover { background-position: left bottom; }

/* Mobiles-Menue: Klappe */
div.Sektion.NavigationKlappEbene {  position: absolute;  background-color: transparent;  z-index: 10000000; }
div.MobilesMenue div.MobileKlappe { width: auto; height: auto;  display:none; position:absolute; padding: 15px 20px 35px 20px; top: 0px; z-index: 1000000; bottom: 0px; left: 0px; right: 0px; background-color: #ffffff; /* box-shadow: 0px 0px 6px #aaaaaa; */ }

/* Header */
div.MobilerHeader { width:auto; height: 90px; display:block; background-color: #ffffff; margin: -15px -20px 25px -20px; box-shadow: 0px 0px 6px #aaaaaa; }
div.MobilerHeader h1 { font-size: 25px; width: auto; height: 36px; margin: 35px 0px 0px 20px; display:inline-block; float: left; }
div.MobilerHeader a.MobilClose { width: 42px; height: 36px; display:block; padding: 0px 0px 0px 0px; margin: 28px 20px 0px 0px; float: right; background-color: transparent; background-image:url("../img/mobilclose.gif"); background-repeat:no-repeat; background-position: 0px 0px;  }



/* Mobiles-Menue: Optik */

/* Allgemein */
div.MobileKlappe a { font-family:'DIN Medium', Arial, Helvetica, sans-serif; width: auto; height: auto; min-height: 26px; display: block; margin: 0px 0px 10px 0px; padding: 13px 30px 11px 30px; line-height: 135%; text-align:center; color: #f2f6f6; background-color: #00564c; cursor:pointer; }
div.MobileKlappe a:hover { background-color: #40807a; }
div.MobileKlappe h2 { font-size: 18px; color: #00534C; display:block; height: 36px; width:auto; text-align:center; margin: 0px 0px 20px 0px; border-bottom: 1px #d4d4d4 solid; position:relative; z-index: 10; }
div.MobileKlappe a.MobilPfeil { width: 42px; height: 36px; display:none; position:absolute; /* top: 95px; */ left: 20px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: right; background-color: transparent; background-image:url("../img/mobilzuruck.gif"); background-repeat:no-repeat; background-position: 0px 0px; z-index: 1000; cursor: pointer; }


/* Level 1 - z.B. Produkte */
div.MobileKlappe {} /* Alle */
div.MobileKlappe div.Lev1Set {} /* Einer */
div.MobileKlappe div.Lev1Set a.Lev1Link {}
div.MobileKlappe div.Lev1Set div.Lev1Klappe { display: none; }


/* Level 2 - z.B. EP8 Anlagen */
div.MobileKlappe div.Lev1Set div.Lev1Klappe div.Lev2Level {} /* Alle */
div.MobileKlappe div.Lev1Set div.Lev1Klappe div.Lev2Level div.Lev2Set {} /* Einer */
div.MobileKlappe div.Lev1Set div.Lev1Klappe div.Lev2Level div.Lev2Set h2 {}
div.MobileKlappe div.Lev1Set div.Lev1Klappe div.Lev2Level div.Lev2Set a.Lev2Link {}
div.MobileKlappe div.Lev1Set div.Lev1Klappe div.Lev2Level div.Lev2Set div.Lev2Klappe { display: none; }


/* Level 3 - z.B. E-76 */
div.MobileKlappe div.Lev1Set div.Lev1Klappe div.Lev2Level div.Lev2Set div.Lev2Klappe div.Lev3Level {} /* Alle */
div.MobileKlappe div.Lev1Set div.Lev1Klappe div.Lev2Level div.Lev2Set div.Lev2Klappe div.Lev3Level h2 {}
div.MobileKlappe div.Lev1Set div.Lev1Klappe div.Lev2Level div.Lev2Set div.Lev2Klappe div.Lev3Level a.Lev2Link {}








/* Sektion: TeaserEbene --------------------------------------------------------------------------------- */
div.Sektion.TeaserEbene { padding-bottom: 0px; background-color: #f0f0f0;  }


/* Abstaende */
div.TeaserBereich a.Teaser div.Inhalte h2,
div.TeaserBereich div.Teaser div.Inhalte h2 { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; }
div.TeaserBereich a.Teaser div.Inhalte p,
div.TeaserBereich div.Teaser div.Inhalte p { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;  }
div.TeaserBereich a.Teaser div.Button,
div.TeaserBereich div.Teaser a.Button { margin: 0px 0px 0px 0px;  }


/* Anpassung in dieser Ebene */
div.Sektion.TeaserEbene div.TeaserBereich a.Teaser.SizeXL,
div.Sektion.TeaserEbene div.TeaserBereich div.Teaser.SizeXL { border-right: 1px #ffffff solid; }
div.TeaserBereich a.Teaser.SizeXL div.Inhalte h2,
div.TeaserBereich div.Teaser.SizeXL div.Inhalte h2 { margin: 0px 0px 6px 0px; }
div.TeaserBereich a.Teaser.SizeXL div.Inhalte p,
div.TeaserBereich div.Teaser.SizeXL div.Inhalte p { margin: 0px 0px 20px 0px; line-height: 150%; }


/* Anpassung der Trenner */
div.Sektion.TeaserEbene div.TeaserBereich a.Teaser div.Trenner,
div.Sektion.TeaserEbene div.TeaserBereich div.Teaser div.Trenner { background-position: left top; }






/* Sektion: NewsEbene ----------------------------------------------------------------------------------- */
div.Sektion.NewsEbene { padding-bottom: 40px; margin-bottom: 40px;  }
div.Sektion.NewsEbene div.Responsive { height: 890px; background-color: gray; }



/* Sektion: Abschluss ----------------------------------------------------------------------------------- */
div.Sektion.Abschluss { background-color: #f0f0f0; border-bottom: 1px #ffffff solid; position:relative; }
div.Sektion.Abschluss div.Responsive { height: 65px; position:relative;  }


/* Linke Seite */
div.Sektion.Abschluss a.ClaimLink { min-width: 38px; height: 22px; display: inline-block; float: left; padding: 8px 0px 0px 45px; margin: 17px 0px 0px 0px;  font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; color: #000000; line-height: 100%; background-image:url("../img/claim-link_hg.gif"); background-repeat:no-repeat; background-position: left top; }
div.Sektion.Abschluss a.ClaimLink:hover { background-position: left bottom; }
div.Sektion.Abschluss a.ClaimLink span { display: inline; }
div.Sektion.Abschluss p.Claim { min-width: 38px; height: 22px; display: inline-block; float: left; padding: 8px 0px 0px 0px; margin: 17px 0px 0px 0px;  font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; color: #000000; line-height: 100%;  }
div.Sektion.Abschluss p.Claim:hover { background-position: left bottom; }
div.Sektion.Abschluss p.Claim span { display: inline; }


/* Rechte Seite */
div.Sektion.Abschluss a.TopLink { width: 55px; height: 125px; display: block; position:absolute; right: 0px; bottom: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-image:url("../img/top-link_hg.gif"); background-repeat:no-repeat; background-position: left top; }
div.Sektion.Abschluss a.TopLink:hover { background-position: left bottom; }
div.Sektion.Abschluss p { height: auto; display: inline-block; float: right; padding: 20px 0px 0px 0px; margin: 0px 95px 0px 0px;  }




/* Sektion: FooterTeaserEbene --------------------------------------------------------------------------- */
div.Sektion.FooterTeaserEbene { padding-bottom: 30px; background-color: #f7f7f7; position:relative;  }

/* Anpassung der Trenner */
div.Sektion.FooterTeaserEbene div.TeaserBereich a.Teaser div.Trenner,
div.Sektion.FooterTeaserEbene div.TeaserBereich div.Teaser div.Trenner { display: none; }


/* FooterTrennverlauf */
div.Sektion.FooterTeaserEbene div.FooterTrennverlauf { display:block; width: auto; height: 1px; position:absolute; bottom: 0px; left: 1px; right: 1px;  background-color: #ffffff; background-image:url("../img/footertrennverlauf.jpg"); background-repeat:no-repeat; background-position: center center; }




/* Sektion: FooterTeaserEbene Clone (zur exakten Hoehenbestimmung) -------------------------------------- */
div.Sektion.FooterClone	{ display:block; position:fixed; top: -5000px; z-index: -90000000; background-color: transparent; opacity: 0; visibility:hidden;  }





/* Sektion: Footer -------------------------------------------------------------------------------------- */
div.Sektion.Footer  { background-color: #ffffff; }
div.Sektion.Footer div.Responsive { height: 65px;  }


/* Breadcrumb */
div.Sektion.Footer div.Breadcrumb { height: auto; display: inline-block; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
div.Sektion.Footer div.Breadcrumb b { font-weight:bold; height: auto; line-height: 120%; display: inline-block; float: left; padding: 0px 0px 0px 0px; margin: 24px 0px 0px 0px;  }
div.Sektion.Footer div.Breadcrumb a { height: auto; display: inline-block; line-height: 120%; float: left; padding: 0px 0px 0px 12px; margin: 24px 0px 0px 15px; background-image:url("../img/breadcrumb_pfeil.png"); background-repeat:no-repeat; background-position: 0px 4px; text-decoration:none; }
div.Sektion.Footer div.Breadcrumb a:hover { text-decoration: underline; }


/* FooterNavigation */
div.Sektion.Footer div.FooterNavigation { height: auto; display: inline-block; position:absolute; left: 56%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
div.Sektion.Footer div.FooterNavigation a { height: auto; display: inline-block;  line-height: 120%; float: left; padding: 0px 11px 0px 0px; margin: 24px 10px 0px 0px; background-image:url("../img/footertrenner.gif"); background-position: right center; background-repeat:no-repeat; text-decoration: none; }
div.Sektion.Footer div.FooterNavigation a.LastLink { background-image: none; padding-right: 0px; margin-right: 0px; }
div.Sektion.Footer div.FooterNavigation a:hover { text-decoration: underline; }


/* Copyright */
div.Sektion.Footer div.Copyright { height: auto; display: inline-block;  line-height: 120%; float: right; padding: 24px 0px 0px 0px; margin: 0px 0px 0px 0px;  }






/* Sektion: IsotopenEbene (Referenzen) -------------------------------------------------------------------------------------- */


/* Isotope Teaser-System  */
div.Sektion.IsotopenEbene {  }

/* Header */
div.Sektion.IsotopenEbene div.IsotopenHeader { height: 150px; display:block; margin: 90px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #f0f0f0; }

/* AnlagenAnzahl */
div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl { height: 40px; display:block; float:left; margin: 0px 0px 0px 40px; padding: 75px 0px 0px 0px; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2,
div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2 span { font-family:'DIN Medium', Arial, Helvetica, sans-serif; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl div.Trenner { height: 2px; width: 256px; display:block; margin: 0px 0px 8px 0px; padding: 0px; background-image:url("../img/unterseiten_headline-trenner.gif"); background-position: 0px 0px; background-repeat:no-repeat;  }




/* Filtersystem */
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem { height: 100px; display:block; float:left; position:relative; z-index: 10000; margin: 0px 0px 0px 0px; padding: 40px 20px 0px 0px; background-image:url("../img/referenzfilter-teilung.gif"); background-repeat: no-repeat; background-position: left 100px; }

/* Ein Filter */
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter { width: 250px; height: 110px; display:block; float:left; position: relative; z-index: 10; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; cursor: pointer; background-image:url("../img/referenzfilter-teilung.gif"); background-repeat: no-repeat; background-position: right 60px;  }
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.Icon { width: 60px; height: 60px; display:block; margin: 0px auto; background-repeat:no-repeat; background-position: left top; background-size: cover; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Typ div.Icon { background-image:url("../content/allgemein/icon_anlagentyp.png"); }
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.Icon { background-image:url("../content/allgemein/icon_standorte.png"); }


/* Beschriftung */
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 { font-weight: bold; text-align:center; color: #000000; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 span { font-weight: normal; padding: 0px 15px 0px 0px; background-image:url("../img/pulldown_pfeil.png"); background-repeat: no-repeat; background-position: right 2px; }


/* Klappe */
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe { width: 250px; display:none; z-index: 10000; position:absolute; top: 110px; left: 0px; box-shadow: 0px 0px 6px #aaaaaa; background-color: #f8f8f8; }
/* div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter:hover div.FilterKlappe { display:block; } */
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe div.Zeiger { width: 250px; height: 15px; display:block; position:absolute; z-index: 1000000; top: -15px; background-image:url("../img/filterzeiger.png"); background-repeat:no-repeat; background-position: center top;  }


/* Filter */
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe a.Filter { width: auto; display:block; position:relative; z-index: 10; line-height: 100%; padding: 18px 20px 18px 35px; border-bottom: 1px #e2e2e2 solid; border-top: 1px #ffffff solid; background-image:url("../img/breadcrumb_pfeil.png"); background-position: 15px 23px; background-repeat:no-repeat;  background-color: transparent;  }
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe a.Filter:hover { background-color: #ffffff; }



/* ReferenzenAnzahl */
div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl.frExtend { width: 230px; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl { width: 180px; height: 110px; display:block; position: relative; float:right; margin: 0px 0px 0px 0px; padding: 40px 0px 0px 0px; background-image:url("../img/referenzfilter-teilung.gif"); background-repeat: no-repeat; background-position: right 100px; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl div.Begrenzer { width: 2px; height: 50px; display:block; position:absolute; left: 0px; bottom: 0px; margin: 0px; padding: 0px; background-image:url("../img/referenzfilter-teilung.gif"); background-repeat: no-repeat; background-position: 0px 0px; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl div.Anzahl { font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; color: #00564c; width: 60px; height: 40px; display:block; margin: 20px auto 0px auto;  text-align:center; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl h3 {  text-align:center; font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; color: #00564c; }





/* IsotopenBereich mit den ganzen Teasern */
div.Sektion.IsotopenEbene div.IsotopenBereich { display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 50px 50px; position:relative; z-index: 10;  }

/* IsotopenTeaser */
div.Sektion.IsotopenEbene div.IsotopenBereich a.IsotopenTeaser { width: 565px; height: 395px; display:block; overflow: hidden; position:relative; float:left; margin: 50px 50px 0px 0px; padding: 0px 0px 0px 0px; cursor: pointer; background-color: #f0f0f0; }

/* Bild */
div.Sektion.IsotopenEbene div.IsotopenBereich a.IsotopenTeaser div.ReferenzBild { width: 565px; height: 300px; display:block; position:relative; z-index: 100; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-position: center center; background-size:cover;  }

/* Inhalte */
div.Sektion.IsotopenEbene div.IsotopenBereich a.IsotopenTeaser div.Inhalte { width: 525px; height: auto; display:block; position: absolute; bottom: -95px; z-index: 1000; margin: 0px 0px 0px 0px; padding: 23px 20px 17px 20px;  background-color: #f0f0f0; background-image:url("../img/pfeil_referenzen-teaser.gif"); background-position: right bottom; background-repeat:no-repeat; }
div.Sektion.IsotopenEbene div.IsotopenBereich a.IsotopenTeaser:hover div.Inhalte { bottom: 0px; background-image: none; }
div.Sektion.IsotopenEbene div.IsotopenBereich a.IsotopenTeaser div.Inhalte div.Trenner { width: 55px; height: 2px; display:block; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; padding: 0px; background-image:url("../img/teasertrenner.gif"); background-repeat:no-repeat; background-position:left bottom; }
div.Sektion.IsotopenEbene div.IsotopenBereich a.IsotopenTeaser div.Inhalte h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 125%; }
div.Sektion.IsotopenEbene div.IsotopenBereich a.IsotopenTeaser div.Inhalte p { margin: 0px 0px 8px 0px; padding: 0px 0px 17px 0px; line-height: 125%; }
div.Sektion.IsotopenEbene div.IsotopenBereich a.IsotopenTeaser div.Inhalte div.Button { margin: 0px 0px 0px 0px; visibility:visible; }
div.Sektion.IsotopenEbene div.IsotopenBereich a.IsotopenTeaser:hover div.Inhalte div.Button { visibility:visible; }




/* IsotopenFooter */
div.IsotopenFooter { display:block; margin: 0px 0px 0px 0px; padding: 0px 50px 50px 50px; background-color: #ffffff; }

/* Mehr laden Button */
div.IsotopenFooter .MehrLadenButton { width: 360px; height: 60px; display:block; margin: 0px auto; text-align:center; background-image:url("../img/mehr-pfeil.png"); background-position: center bottom; background-repeat:no-repeat; cursor:pointer; opacity: 1; }
div.IsotopenFooter .MehrLadenButton:hover { opacity: 0.7; }





/* Sektion: ReferenzDetail (Referenzen) -------------------------------------------------------------------------------------- */


/* Sektion-Anpassungen  */
div.Sektion.ReferenzDetail { width: auto; height: auto; display: block; position: fixed; z-index: 10; bottom: 0px; top: 0px; left: 0px; right: 0px; margin: 0px; padding: 0px; background-position: center center; background-repeat:no-repeat; background-size:cover; }
div.Sektion.ReferenzDetailInhalte { width: auto; height: auto; display: block; position: absolute; z-index: 1000;  top: 0px; left: 0px; right: 0px; margin: 0px; padding: 50px; }


/* Close Button */
div.Sektion.ReferenzDetailInhalte a.schliessen { display:block; position: absolute; right: 50px; top: 50px; }


/* GoBack Button */
a.GoBack { height: 50px; width: 55px; display:block; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; float: left; background-color: transparent; background-repeat:no-repeat; background-position: left top; background-image:url("../img/slider-pfeil-links.gif"); }
a.GoBack:hover { background-position: left bottom; }
div.InfoBoxHeader a.GoBack { position:absolute; top: 0px; right: 0px; }

/* BlendeEin Button */
a.BlendeEin { height: 50px; width: 55px; display:none; position:fixed; top: 50px; left: 0px; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; background-color: transparent; background-repeat:no-repeat; background-position: left top; background-image:url("../img/openback.gif"); }
a.BlendeEin:hover { background-position: left bottom; }
div.InfoBoxHeader a.BlendeEin {  }

/* Schliessen bei Mobiler Version */
a.SchliessenMobile { height: 50px; width: 55px; display:none; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; float: left; background-color: transparent; background-repeat:no-repeat; background-position: left top; background-image:url("../img/close-very-light.gif"); }
a.SchliessenMobile:hover { background-position: left bottom; }
div.InfoBoxHeader a.SchliessenMobile { position:absolute; top: 0px; right: 0px; }


/* Infobox */
div.Sektion.ReferenzDetailInhalte div.InfoBox { width: 500px; /* max-width: 550px; min-width: 300px; */ display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: transparent; background-image:url("../img/infobox_hg.png"); background-repeat:repeat; background-position: left top; }

/* Header */
div.InfoBoxHeader { padding: 25px 30px 25px 30px; background-color: #00564c; display: block; position:relative;  }
div.InfoBoxHeader div.Trenner { height: 2px; width: 70px; display:block; padding: 0px; margin: 2px 0px 6px 0px; background-color: #E20045; }
div.InfoBoxHeader h1 { color: #ffffff; padding: 0px; margin: 0px;  line-height: 125%; }
div.InfoBoxHeader h2 { color: #ffffff; padding: 0px; margin: 0px; line-height: 125%;  }


/* Content  */
div.InfoBoxContent { padding: 40px 30px 0px 30px; }
div.InfoBoxContent h2 {}
div.InfoBoxContent p {}


/* InfoBoxIcons */
div.TechnischeAngaben { display:block;  padding: 0px 50px 0px 50px;  }
div.InfoBoxIcons { padding: 0px 0px 0px 0px; overflow:hidden;  }


/* die einzelnen Zellen */
div.InfoBoxIcons div.Zelle { width: 140px; margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; background-color: #00564c; }
div.InfoBoxIcons div.Zelle img { width: 140px; /* height: 65px; */ height:auto; display:block; margin: 0px auto; padding: 0px; }
div.InfoBoxIcons div.Zelle h3 { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; line-height: 100%; text-align:center;  color: #ffffff; }
div.InfoBoxIcons div.Zelle p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 100%; text-align:center; color: #ffffff; }


/* InfoBoxIcons */
div.InfoBoxAbschluss { padding: 0px 30px 40px 30px; }
div.InfoBoxAbschluss a.Button {}
div.InfoBoxAbschluss p {}



/* BX-Slider */
div.InfoBox .bx-wrapper .bx-loading { opacity: 0.7; }
div.InfoBox .bx-wrapper .bx-viewport { background-image: none; background-color: transparent; box-shadow:none; left: 0px; border: none; }
div.InfoBox .bx-controls.bx-has-pager .bx-pager.bx-default-pager { display:block; position:absolute; bottom: -50px; }







/* Sektion: Aktuelles-Uebersicht (Aktuelles) -------------------------------------------------------------------------------------- */


/* Filtersystem */
div.Sektion.IsotopenEbene div.IsotopenHeader { position:relative; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews {  width: 100%; height: 50px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position:absolute; bottom: 0px; right: 0px;  }


/* Ein Filter XL */
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter { height: 50px; float:right; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 20px;  }


/* Beschriftung XL */
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews h3.Beschriftung { display: inline-block; float: right; }

/* Beschriftung XS */
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter h3 { display:none; }


/* Filter */
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter a.Filter { width: auto; height: 22px; display:inline-block; float: left; position:relative; z-index: 10; line-height: 100%; margin: 5px 20px 0px 0px; padding: 2px 0px 0px 35px; background-image:url("../img/filter_aktuelles.gif"); background-position: left top; background-repeat:no-repeat;  background-color: transparent;  }
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter a.Filter.Aktiv { background-position: left bottom; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter a.Filter:hover { background-position: left -58px; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter a.Filter.Aktiv:hover { background-position: left bottom; }



/* Ein Filter XS */
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter.SmallEdition { width: 250px; height: 40px; display:block; float:right; position: absolute; top: 0px; right: 0px; z-index: 10; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; cursor: pointer;   }


/* Ein Filter */
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter.SmallEdition div.Icon { width: 250px; height: 40px; display:block; margin: 0px auto; background-repeat:no-repeat; background-position: left top; background-size: cover; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter.SmallEdition div.Icon { background-image:url("../content/allgemein/icon_standorte.png"); }

/* Rand */
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter.SmallEdition div.Rand { height: 25px; width: 2px;  display:block; position: absolute; left: 0px; top: 0px; cursor: pointer; background-image:url("../img/referenzfilter-teilung.gif"); background-repeat: no-repeat; background-position: left top;}
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter.SmallEdition div.Rand.Abschluss {left: auto; right: 0px; }


/* Beschriftung */
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter.SmallEdition h3 { font-weight: bold; text-align:center; color: #000000;  }
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter.SmallEdition h3 span { font-weight: normal; padding: 0px 20px 0px 0px; background-image:url("../img/pulldown_pfeil.png"); background-repeat: no-repeat; background-position: right 2px; }


/* Klappe */
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter.SmallEdition div.FilterKlappeDynamisch { width: 250px; display:none; z-index: 10000; position:absolute; top: 48px; left: 0px; box-shadow: 0px 0px 6px #aaaaaa; background-color: #f8f8f8; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter.SmallEdition:hover div.FilterKlappeDynamisch { display:block; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter.SmallEdition div.FilterKlappeDynamisch div.Zeiger { width: 250px; height: 15px; display:block; position:absolute; z-index: 1000000; top: -15px; background-image:url("../img/filterzeiger.png"); background-repeat:no-repeat; background-position: center top;  }


/* Filter */
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter.SmallEdition div.FilterKlappeDynamisch a.Filter { height: auto; width: 195px;  display:block; position:relative; z-index: 10; line-height: 100%; padding: 18px 20px 18px 35px; margin: 0px 0px 0px 0px; border-bottom: 1px #e2e2e2 solid; border-top: 1px #ffffff solid; background-image:url("../img/breadcrumb_pfeil.png"); background-position: 15px 20px; background-repeat:no-repeat;  background-color: transparent;  }
div.Sektion.IsotopenEbene div.IsotopenHeader div.FiltersystemNews div.IsoFilter.SmallEdition div.FilterKlappeDynamisch a.Filter:hover { background-color: #ffffff; }


/* Teaser */
div.IsotopenEbene a.Teaser,
div.IsotopenEbene div.Teaser { width: 300px; display:block; float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position:relative; background-color: transparent;  }
div.IsotopenEbene a.Teaser img,
div.IsotopenEbene div.Teaser img { width: auto; display:block; margin: 0px 0px 0px 0px; padding: 0px; }
div.IsotopenEbene a.Teaser div.Inhalte,
div.IsotopenEbene div.Teaser div.Inhalte { width: auto; height: auto; display:block; margin: 0px 0px 0px 0px; padding: 0px; }
div.IsotopenEbene a.Teaser div.Trenner,
div.IsotopenEbene div.Teaser div.Trenner { width: 180px; height: 2px; display:block; margin: 20px 0px 8px 0px; padding: 0px; background-image:url("../img/teasertrenner.gif"); background-repeat:no-repeat; background-position:left bottom; }
div.IsotopenEbene a.Teaser img,
div.IsotopenEbene div.Teaser img { width: 300px; }
div.IsotopenEbene a.Teaser:hover div.Button { background-color: #40807a; }
a.Teaser:hover div.Button { background-color: #40807a; }

/* Zeilen-Clear pro Zeile, fuer die Teaser */
.Zeilenwechsel.Umbrechen { display: block; padding-top: 30px; clear: both; }




/* Sektion: Aktuelles-Details (Aktuelles) -------------------------------------------------------------------------------------- */


/* Enercon Headline */
div.Sektion.EnerconHeadline { display:block; background-image:url("../img/absatz-verlauf.jpg"); background-repeat:repeat-x; background-position: left top; background-size:auto; }
div.Sektion.EnerconHeadline h2 { text-align:center; padding: 50px 0px 30px 0px; background-image:url("../img/welle.png");  background-repeat: no-repeat; background-position: center bottom; }


/* Umgebende Box */
div.AktuellesDetailsBox	{ margin: 0px; padding: 0px; background-color: #f0f0f0; }


/* Box-Header */
/* d.schroeder add margin left 15_09_2015 (org. 50) */
div.AktuellesDetailsBox div.BoxHeader { margin: 0px 40px 0px 40px; padding: 40px 0 !important; /* padding: 40px 0px 25px 0px; */ border-bottom: 1px #dddddd solid; }

div.AktuellesDetailsBox div.BoxHeader a.schliessenX { width: 55px; height: 50px; display:block; float: right; background-image:url("../img/close-light.gif"); background-repeat:no-repeat; background-position: left top; }
div.AktuellesDetailsBox div.BoxHeader a.schliessenX:hover { background-position: left bottom; }

div.AktuellesDetailsBox div.BoxHeader a.BackButton { font-size: 18px; color: #787878;  font-family:'DIN Medium', Arial, Helvetica, sans-serif; width: auto; height: 33px; float: left; text-decoration:none; display:inline-block; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 40px; background-image:url("../img/backbutton.png"); background-position: left top; background-repeat:no-repeat; }
div.AktuellesDetailsBox div.BoxHeader a.BackButton:hover { text-decoration: underline; }


/* Box-Content */
div.AktuellesDetailsBox div.BoxContent { width: 1075px; margin: 0px auto; padding: 50px 0px 50px 0px; background-color: transparent; }

div.AktuellesDetailsBox h1 { color: #000000; }
div.BoxContent div.Trenner { height: 2px; width: 100px; display:block; padding: 0px; margin: 0px 0px 20px 0px; background-color: #000000; }


/* Slider / Bild */
div.BoxContent div.ContentSlider { margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; display:block; position:relative;  }

/* Bild */
div.BoxContent div.ContentSlider div.Bild {  display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position:relative;  }
div.BoxContent div.ContentSlider div.Bild img { display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div.BoxContent div.ContentSlider div.Infos {  display:block; margin: 0px 0px 0px 0px; padding: 35px 25px 35px 25px;  position: absolute; right: 0px; bottom: 0px; background-image:url("../img/infos_hg.png"); background-repeat:repeat; }
div.BoxContent div.ContentSlider div.Infos p { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }


/* Video */
div.BoxContent div.ContentSlider video.AktuellesVideo { display:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position:relative; z-index: 100; }
div.BoxContent div.ContentSlider div.Bild.CoverBox { position:absolute; top: 0px; left: 0px; z-index: 200; background-position:center center; background-size:cover;  }
div.BoxContent div.ContentSlider div.Bild.PlayButton { position:absolute; top: 0px; left: 0px; z-index: 500; background-image:url("../img/playbutton.png");  background-position:center center; background-size: auto; background-repeat:no-repeat; cursor: pointer; }
div.BoxContent div.ContentSlider div.Bild.PlayButton:hover { background-image:url("../img/playbutton_hover.png"); }
div.BoxContent div.ContentSlider div.Bild .YouTubeElement { position: relative; z-index: 9999;}


/* Slider */
div.BoxContent div.ContentSlider ul.slides { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.BoxContent div.ContentSlider ul.slides li { display: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position:relative; }
div.BoxContent div.ContentSlider ul.slides li div.Infos {  padding: 35px 25px 80px 25px; max-width: 30%; }



/* Pfeil-Navigation */
div.BoxContent div.ContentSlider ul.flex-direction-nav {  height: 50px; width: 112px; display:block; position:absolute;  margin: 0px 0px 0px 0px; right: 0px; bottom: 0px;  }
div.BoxContent div.ContentSlider ul.flex-direction-nav li { height: 50px; width: 55px; display:block; margin: 0px 1px 0px 0px;  padding: 0px 0px 0px 0px; float: left; }
div.BoxContent div.ContentSlider ul.flex-direction-nav li a { height: 50px; width: 55px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: transparent; background-repeat:no-repeat; background-position: left top; }
div.BoxContent div.ContentSlider ul.flex-direction-nav li a:hover { background-position: left bottom; }
div.BoxContent div.ContentSlider ul.flex-direction-nav li a.flex-prev { background-image:url("../img/slider-pfeil-links.gif"); }
div.BoxContent div.ContentSlider ul.flex-direction-nav li a.flex-next { background-image:url("../img/slider-pfeil-rechts.gif"); }





/* Sektion: Produktuebersicht (Produkte) -------------------------------------------------------------------------------------- */

/* ProduktSektor Seite */
body.ProduktSektor div.Website,
div.ProduktSektor div.Website { /* margin: 90px 0px 0px 0px; */ }
div.ProduktInhalteRahmen { padding: 90px 0px 0px 0px;}


/* Plakat-Box */
div.Sektion.PlakatBox { display: block; position:relative; margin: 0px 0px 0px 0px; padding: 0px; background-color: #f0f0f0; border-bottom: 1px #ffffff solid; background-image:url("../img/plakat-hg.png"); background-repeat:repeat-x; background-position:top right; background-size:auto; }
div.Sektion.PlakatBox div.Plakat { display: block; /* max-height: 470px; */ position:relative; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: 0px; padding: 0px;  background-repeat:no-repeat; background-position:top left; background-size: auto; }
div.Sektion.PlakatBox div.Plakat div.PlakatBoxInfos { max-width: 460px; min-height: 260px;  max-height: 340px;  padding: 95px 50px 85px 50px; }
div.Sektion.PlakatBox div.Plakat div.PlakatBoxInfos h1 { padding-bottom: 0px;  }
div.Sektion.PlakatBox div.Plakat div.PlakatBoxInfos p { padding-bottom: 0px; margin-top: 18px;  }
div.Sektion.PlakatBox div.Plakat div.PlakatBoxInfos a.Button { margin-top: 18px; }


/* Ebene mit der Headline */
div.Sektion.EbenenHeadline { display: block; position:relative; margin: 0px; padding: 0px; background-color: #f0f0f0; border-bottom: 1px #ffffff solid; }



/* Produkt-Navigation */
div.Sektion.ProduktNavigation {}
div.Sektion.ProduktNavigation div.NavigationsBaustein { display: block; position:relative; margin: 0px; padding: 95px 50px 50px; background-color: #ffffff; border-bottom: 1px #ffffff solid;  background-repeat:repeat-x; background-position:top right; background-size:contain; background-repeat:no-repeat; }
div.Sektion.ProduktNavigation div.NavigationsBaustein.Motiv1 { background-image:url("../content/produkte/produkte_ep1.jpg"); }
div.Sektion.ProduktNavigation div.NavigationsBaustein.Motiv2 { background-image:url("../content/produkte/produkte_ep2.jpg"); }
div.Sektion.ProduktNavigation div.NavigationsBaustein.Motiv3 { background-image:url("../content/produkte/produkte_ep3.jpg"); }
div.Sektion.ProduktNavigation div.NavigationsBaustein.Motiv4 { background-image:url("../content/produkte/produkte_ep4.jpg"); }
div.Sektion.ProduktNavigation div.NavigationsBaustein.Motiv8 { background-image:url("/fileadmin/Redakteur/Produkte/produkte_klapper.jpg"); }


/* Navi - Linker Kasten */
div.NavigationsBaustein div.Navi { width: 830px; display:block; margin: 0px; padding: 0px; border-top: 1px #d2d2d2 solid; }

/* EP */
div.Navi div.EP {  width: 830px; display:block; clear:both; border-bottom: 1px #d2d2d2 solid; margin: 0px -40px 0px 0px; padding: 0px 0px 0px 0px; }
div.Navi div.EP div.EpPfeil {  width: 870px;  display:block; margin: 1px 0px 1px 0px; padding: 0px 0px 0px 0px; background-color: #ffffff; background-image:url("../img/produkt-powerpfeil.jpg"); background-position: -3000px center; background-repeat:no-repeat; }
div.Navi div.EP:hover div.EpPfeil { background-color: #f0f0f0;  background-position: right center; }

div.Navi div.EP div.EpPfeil.StreightPfeil { background-position: -3000px center; }
div.Navi div.EP:hover div.EpPfeil.StreightPfeil { background-position: -3000px center; }



/* EP Name */
div.Navi div.EP div.Name { width: auto; display:inline-block; float: left; }
div.Navi div.EP div.Name h3 { width: 90px; display:block; padding: 20px 0px 20px 35px; line-height: 100%; float: left; font-weight: bold; font-family:'DIN Medium', Arial, Helvetica, sans-serif; }
div.Navi div.EP div.Name h4 { width: 170px; display:block; padding: 32px 0px 0px 0px; line-height: 100%; float: left; font-weight: normal; font-family:'DIN Light', Arial, Helvetica, sans-serif; }

/* EP Produkt-Links */
div.Navi div.EP a.Produkt { width: 150px; height: 36px; text-decoration:none; margin: 22px 0px 0px 0px; padding: 4px 0px 0px 25px; display:block; float: left; border-left: 1px #d2d2d2 solid; background-image:url("../img/sprungpfeil.png"); background-repeat:no-repeat; background-position: 10px center; font-family:'DIN Medium', Arial, Helvetica, sans-serif; color: #7a7a7a; }
div.Navi div.EP a.Produkt:hover { text-decoration:underline;  }



/* Ebene mit der Absatz-Headline */
div.Sektion.EbenenAbsatzHeadline {}


/* Produkt-Teaser  */
div.Sektion.ProduktTeaser { padding: 30px 0px 75px 0px; overflow-x: hidden; }

a.TechnikTeaser { width: 510px; display:block; float: left; padding: 45px 30px 45px 30px; margin: 50px 0px 100px 0px; background-color: #f0f0f0; }
a.TechnikTeaser div.Trenner { width: 50px; height: 2px; margin: 0px 0px 5px 0px; padding: 0px; background-color: #303030; }
a.TechnikTeaser h2 { margin-bottom: 5px; }
a.TechnikTeaser h3 { padding-bottom: 15px; color: #000000; }




/* Sektion: Produkt-Detailseite (Produkte) -------------------------------------------------------------------------------------- */


/* ProduktSektor Seite */
body.ProduktDetail div.Website,
div.ProduktDetail div.Website {  }


/* Detailbox mit Text, Bild und Dots */
div.DetailBoxMantel { display: block; position:relative; margin: 0px 0px 0px 0px; padding: 0px; background-color: #f0f0f0; background-repeat:no-repeat; background-position: center bottom; background-size: cover; background-image:url(../img/produkt-detail-header-hg.jpg);  }
div.Sektion.DetailBox { display: block; position:relative; margin: 0px 0px 0px 0px; padding: 0px; background-color: transparent; border-bottom: 1px #ffffff solid; background-repeat:no-repeat; background-position: 200px top; background-size: 626px; }


/* DetailBoxInfos */
div.DetailBoxInfos { width: 400px; position:relative; float: left; display:block; padding: 95px 0px 50px 50px; margin: 0px; }
div.DetailBoxInfos div.Trenner { width: 75px; height: 2px; display:block; margin: 0px 0px 10px 0px; padding: 0px; background-color: #00584C; }
div.DetailBoxInfos h1 { font-weight: bold; margin: 0px 0px 5px -15px; padding: 0px 0px 0px 0px; line-height: 100%;  }
div.DetailBoxInfos h2 { }
div.DetailBoxInfos h2.Special { }
div.DetailBoxInfos h3 { }
div.DetailBoxInfos p {}
div.DetailBoxInfos ul { padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; }
div.DetailBoxInfos ul.Varianten { background-image: url(../img/variantenliste.png); background-position: left top; background-repeat:no-repeat; padding: 7px 0px 0px 25px; margin: 0px 0px 10px 5px; }
div.DetailBoxInfos li { font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; color: #000000; line-height: 180%; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; }


/* DetailBild-Box */
div.DetailBildBox { width: 1200px; height: 800px; position:relative; float: left; display:block; padding: 0px; margin: 0px 0px 0px 50px; }

/* Bild */
div.DetailBildBox div.DetailBild { width: 1200px; height: 800px; position:relative; display:block; padding: 0px; margin: 0px; background-repeat:no-repeat; background-size: cover;  }
div.DetailBildBox div.DetailBild img { width: 1200px; height: 800px; position:relative; display:block; padding: 0px; margin: 0px; }

/* Dots */
div.DetailBildBox div.DotSystem { width: 1200px; height: 800px; position: absolute; top: 0px; left: 0px; display:block; padding: 0px; margin: 0px; /* background-color: pink; opacity: 0.5; */ }
div.DetailBildBox div.DotSystem a.Dot { display:block; position:absolute; top: 50px; left: 50px; cursor: help;  }
div.DetailBildBox div.DotSystem a.Dot div.DotPunkt {  display:block; padding: 18px; position:relative; z-index: 100; font-family:'DIN Medium', Arial, Helvetica, sans-serif; text-align:center; font-weight: normal; color: #ffffff; background-image:url(../img/dot.png); background-size:cover; background-position: center center; background-repeat:no-repeat;  line-height: 100%; }
div.DetailBildBox div.DotSystem a.Dot div.DotBeschreibung { white-space: nowrap; margin: 1px 0px 1px 0px; padding: 16px 40px 16px 52px; display: none; position:absolute; z-index: 50; top: 0px; left: 50%; background-color: #00564c; opacity: 0.95; font-family:'DIN Medium', Arial, Helvetica, sans-serif; color: #ffffff; }
div.DetailBildBox div.DotSystem a.Dot.LeftSide div.DotBeschreibung { right: 50%; left: auto; padding: 16px 52px 16px 40px;  }

div.DetailBildBox div.DotSystem a.Dot:hover div.DotPunkt { display:inline-block; z-index: 1500; }
div.DetailBildBox div.DotSystem a.Dot:hover div.DotBeschreibung { display:inline-block; z-index: 1000; }



/* ReiterSystemBox */
div.ReiterSystemBox { display: block; position:relative; margin: 0px 0px 0px 0px; padding: 0px; background-color: #f0f0f0; border-bottom: 1px #ffffff solid; }



/* Reiter Auswahl */
div.ReiterSystemBox div.ReiterAuswahl {}


/* XLSize */

div.ReiterAuswahl.XLSize {}

/* Lippe mit dem ausgewählten Reiter drin */
div.ReiterAuswahl.XLSize div.Lippe { display: none; }


/* Klappe mit den Reitern */
div.ReiterAuswahl.XLSize div.ReiterAuswahlKlappe { display: block !important; margin: 0px 0px 0px 0px; padding: 0px 0px 50px 0px; position:relative; }

div.ReiterAuswahl.XLSize div.ReiterAuswahlKlappe a.Reiter { background-color: #48847D; display: inline-block; position:relative; padding: 18px 30px 18px 30px; margin: 0px 1px 1px 0px; float: left; font-family:'DIN Medium', Arial, Helvetica, sans-serif; text-align:center; font-weight: normal; color: #ffffff; line-height: 100%; }
div.ReiterAuswahl.XLSize div.ReiterAuswahlKlappe a.Reiter.Aktiv div.Pfeilspitze,
div.ReiterAuswahl.XLSize div.ReiterAuswahlKlappe a.Reiter:hover div.Pfeilspitze { width: 16px; height: 8px; display:block; position:absolute; bottom: -8px; left: 50%; margin: 0px 0px 0px -8px; background-repeat:no-repeat; background-position: left top; background-size: cover; background-image:url("../img/pfeilspitze.png"); }
div.ReiterAuswahl.XLSize div.ReiterAuswahlKlappe a.Reiter.Aktiv,
div.ReiterAuswahl.XLSize div.ReiterAuswahlKlappe a.Reiter:hover { background-color: #00564c; }



/* XSSize */

div.ReiterAuswahl.XSSize { height:48px; margin: 0px 50px 50px 50px; padding: 0px; display: inline-block; position:relative; }

/* Lippe mit dem ausgewählten Reiter drin */
div.ReiterAuswahl.XSSize div.Lippe a { display: block; padding: 18px 45px 18px 45px; margin: 0px 1px 1px 0px; float: left; font-family:'DIN Medium', Arial, Helvetica, sans-serif; text-align:center; font-weight: normal; color: #ffffff; line-height: 100%; background-color: #00564c; background-image:url("../img/pulldown_weiss.png"); background-repeat: no-repeat; background-position: right center;  }


/* Klappe mit den Reitern */
div.ReiterAuswahl.XSSize div.ReiterAuswahlKlappe { display:none; margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; z-index: 100000000; top: 48px; left: 0px; background-color: #ffffff; }
/* div.ReiterAuswahl.XSSize:hover div.ReiterAuswahlKlappe { display:block; } */

div.ReiterAuswahl.XSSize div.ReiterAuswahlKlappe a.Reiter { background-color: #48847D; display: block; position:relative; padding: 18px 45px 18px 45px; margin: 0px 0px 0px 0px; border-top: 1px #ffffff solid; font-family:'DIN Medium', Arial, Helvetica, sans-serif; text-align:center; font-weight: normal; color: #ffffff; line-height: 100%; }
div.ReiterAuswahl.XSSize div.ReiterAuswahlKlappe a.Reiter.Aktiv div.Pfeilspitze,
div.ReiterAuswahl.XSSize div.ReiterAuswahlKlappe a.Reiter:hover div.Pfeilspitze { display: none; }
div.ReiterAuswahl.XSSize div.ReiterAuswahlKlappe a.Reiter:hover { background-color: #00564c; }




/* Reiter Content */
div.ReiterSystemBox div.ReiterContent { padding: 0px 50px 50px 50px; }

div.ReiterSystemBox div.ReiterContent div.ContentBox { display: block; }


/* Inlay Speziell fuer die Produkt-Seiten */
div.ProdukteSet { display:block; padding: 0px; margin: 0px; }

/* Wabe */
div.ProdukteSet div.Wabe { width: 500px; display:block; float: left; margin: 0px 0px 50px 50px; }
div.ProdukteSet div.Wabe img.BildRand, img.BildRand { display:block; border: 1px #d4d4d4 solid; margin: 0px 0px 0px 0px; padding: 0px; }


div.ProdukteSet div.Wabe h1 { margin: 0px 0px 0px 0px; padding: 15px 0px 15px 0px;  }
div.ProdukteSet div.Wabe h2 { color: #000000; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
div.ProdukteSet div.Wabe h2.Special { margin: 0px 0px 0px 0px;  }
div.ProdukteSet div.Wabe h3 { color: #000000; margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px;  }





/* Sektion: Zoom (Produkte) -------------------------------------------------------------------------------------- */


/* Zoom-Auf Button */
a.ZoomAufButton { display:inline-block; position:absolute; opacity: 1; bottom: 50px; right: 50px; padding: 10px 20px 10px 65px; background-image:url("../img/zoom-aufbutton.png"); background-repeat:no-repeat; background-position: left top; font-family:'DIN Medium', Arial, Helvetica, sans-serif; color: #ffffff; background-size: cover; }
a.ZoomAufButton span { font-family:'DIN Medium', Arial, Helvetica, sans-serif; color: #ffffff; }
a.ZoomAufButton:hover { opacity: 0.8; }


/* Zoom Popup */

div.Website { position:relative; z-index: 500; }
div.Popup { width: 100%; height: 100%; display: none; position:absolute; bottom: 0px; top: 0px; right: -3000px; z-index: 1000000; background-color: #f0f0f0; }
div.Popup.ZoomSet { overflow: hidden; display: block;  }


/* Header */
/*
div.ZoomHeader { display: block; margin: 0px 0px 0px 0px; padding: 50px 0px 50px 0px; position:relative; border-bottom: 1px #ffffff solid; background-color: #eeeeee;  }
*/

div.ZoomHeader { background-color: rgba(255, 255, 255, 0.4); border-bottom: 1px solid #ffffff; display: block; left: 0; margin: 0; padding: 50px 0; position: absolute; top: 0; width: 100%; z-index: 2;}


/* Switch */
div.ZoomHeader div.Switch { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position:relative; }
div.ZoomHeader div.Switch a.SwitchBt { background-color: #48847D; display: inline-block; position:relative; padding: 18px 45px 18px 45px; margin: 0px 1px 1px 0px; float: left; font-family:'DIN Medium', Arial, Helvetica, sans-serif; text-align:center; font-weight: normal; color: #ffffff; line-height: 100%;  }
div.ZoomHeader div.Switch a.SwitchBt.Aktiv div.Pfeilspitze,
div.ZoomHeader div.Switch a.SwitchBt:hover div.Pfeilspitze { width: 16px; height: 8px; display:block; position:absolute; bottom: -8px; left: 50%; margin: 0px 0px 0px -8px; background-repeat:no-repeat; background-position: left top; background-size: cover; background-image:url("../img/pfeilspitze.png"); }
div.ZoomHeader div.Switch a.SwitchBt.Aktiv,
div.ZoomHeader div.Switch a.SwitchBt:hover { background-color: #00564c; }


/* Zoomer */
div.ZoomHeader div.ZoomElement { height: 50px; width: auto; display: inline-block; position: relative; float:left; margin: 0px 0px 0px 0px; }
div.ZoomHeader div.ZoomElement h3 { width: auto; display: inline-block; position: relative; float:left; margin: 8px 20px 0px 0px;  }
div.ZoomHeader div.ZoomElement div.Zoomer { width: 400px; height: 50px; margin: 0px 0px 0px 0px; display: block; float: left; position:relative; overflow:hidden; }


/* grafischer Slider */
div.ZoomElement div.Zoomer .ProduktZoom { position: relative; height: 50px; background-color: transparent; background-image: url("../img/zoom-regler_hg.png"); background-repeat:repeat-x; background-position: left center; }
div.ZoomElement div.Zoomer .ProduktZoom .ZoomDot {  width: 36px; height: 36px; position: absolute; top: 7px; left: 0; cursor: pointer; background-color: transparent; }
div.ZoomElement div.Zoomer .ProduktZoom .ZoomDot div.Schweif { width: 800px; height: 36px; display:block; position:absolute; right: 0px; top: 0px; background-image:url("../img/zoom-regler.png"); background-repeat:no-repeat; background-position: right top; }
div.ZoomElement div.Zoomer .ProduktZoom .ZoomDot:hover div.Schweif { background-position: right bottom; }
div.ZoomElement div.Zoomer .ProduktZoom .disabled { background: gold; }





/* Verschieber */
div.ZoomHeader div.Verschieber { height: 50px; float: left; display: inline-block; float: left; }
div.ZoomHeader div.Verschieber h3 { width: auto; display: inline-block; position: relative; float:left; margin: 8px 20px 0px 0px;  }
div.ZoomHeader div.Verschieber a.Schiebe { width: 55px; height: 50px; display: block; float: left; margin: 0px 1px 0px 0px;  background-color: #48847D; }
div.ZoomHeader div.Verschieber a.Schiebe:hover { background-color: #00564c; }


div.ZoomHeader div.Verschieber a.Schiebe.Hoch { background-image:url("../img/zoom_hoch.png");   }
div.ZoomHeader div.Verschieber a.Schiebe.Runter { background-image:url("../img/zoom_runter.png"); }
div.ZoomHeader div.Verschieber a.Schiebe.Links { background-image:url("../img/zoom_links.png"); }
div.ZoomHeader div.Verschieber a.Schiebe.Rechts { background-image:url("../img/zoom_rechts.png"); }


/* close */
div.ZoomHeader a.schliessen { display: inline-block; margin: 0px; position:absolute; right: 0px; }
div.ZoomHeader a.schliessen.CloseSmall { display: block; width: 50px; padding-right: 0px; padding-left: 0px; overflow:hidden; font-size: 0px; color: transparent; }
div.ZoomHeader a.schliessen.ZoomZu {}





/* Content */
div.ZoomContent { text-align: center; margin: 0px auto; }


/* Zoom-Box */
div.ZoomBox { display: block; margin: 0px; padding: 0px; position: relative; }
div.ZoomBox img.ZoomBild { margin: 0px auto; display: block; padding: 0px; position: relative; }




/* Sektion: Lupe (Produkte) -------------------------------------------------------------------------------------- */


/* Lupe */
a.Lupe { display:block; margin: 0px; padding: 0px; position:relative; }
a.Lupe:hover { }
a.Lupe h1,
a.Lupe h2,
a.Lupe h3,
a.Lupe p { display: none; }
a.Lupe div.LupenIcon { width: 50px; height: 50px; display:block; position: absolute; top: 0px; right: 0px; margin: 2px 0px 2px 0px; background-image:url("../img/plus.png"); background-repeat:no-repeat; background-position: left top; background-size:cover; cursor: pointer; opacity: 1; }
a.Lupe:hover div.LupenIcon { background-position: left bottom; opacity: 0.8; }

/* Optionale Beschreibung des Bildes */
a.Lupe div.Beschreibung { padding: 25px; margin: 1px -2px 30px 0px;  display:block; background-color: #f0f0f0; }

/* Optionale Legende des Bildes */
a.Lupe div.Legende { font-size: 13px; padding: 25px 0px 25px 0px; margin: 1px -2px 0px 0px;  display:block; line-height: 185%; }
a.Lupe div.Legende p { font-size: 13px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #000000; display:block; line-height: 185%; }




/* Popup */
div.Popup div.BoxContent div.ContentSlider div.Bild img {  border: 1px solid #d4d4d4; display: block; padding: 0px; }
div.Popup div.BoxContent h2.LegendenOptik { line-height: 185%; font-size: 14px; }
div.Popup div.BoxContent h2.LegendenOptik p { font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; line-height: 185%; font-size: 15px; color: #000000; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }



/* SkizzenSpezial */
div.Popup.SkizzenSpezial div.AktuellesDetailsBox div.BoxContent { padding-top: 0px; }
div.Popup.SkizzenSpezial div.BoxContent div.ContentSlider div.Bild img {  border: none; display: block; padding: 0px; max-width: 900px; max-height: 1250px;  }







/* Farb- und Randlose Lupe (fuer Technologie) */
a.Lupe.FarbRandlos {}

/* Teaser */
div.ProdukteSet div.Wabe img.BildRand, img.BildRand { border: 1px #D4D4D4 solid; background-color: #f0f0f0; }

/* Popup */
div.Popup.LupenPopup.FarbRandlos div.BoxContent div.ContentSlider div.Bild img {  border: none; display: block; padding: 0px; }

div.Popup.LupenPopup.FarbRandlos div.AktuellesDetailsBox div.BoxContent div.Trenner { display: none; }
div.Popup.LupenPopup.FarbRandlos div.AktuellesDetailsBox div.BoxContent h1 { font-size: 17px; padding: 30px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align:center;  }













/* Sektion: Technologie-Uebersicht (Technologie) -------------------------------------------------------------------------------------- */

div.TechnologieInhalteRahmen { display: block; padding: 90px 0px 0px 0px;  }
div.TechnologieInhalteRahmen.ImUnterenBereich  { padding: 0px 0px 0px 0px;  }

/* Slider */

div.Sektion.TechnologieSlider { position:relative; z-index: 100; background-image:url("../img/technikbuehnen_hg.jpg"); background-position: bottom center; background-size:cover; background-repeat:no-repeat; }
div.Sektion.TechnologieSlider div.Responsive { height: 650px; margin: 75px 50px 75px 50px; }
div.Sektion.TechnologieSlider ul.slides { height: 650px; display:block; position: relative; margin: 0px; padding: 0px;  }
div.Sektion.TechnologieSlider ul.slides li { height: 650px; display:none; margin: 0px; padding: 0px; background-position: bottom left; background-repeat:no-repeat; background-size: auto 100%; position:relative; }
div.Sektion.TechnologieSlider ul.slides li h1 { max-width: 500px; }



/* Pfeil-Navigation */
div.Sektion.TechnologieSlider ul.flex-direction-nav {  height: 50px; width: 112px; display:block; margin: 0px 0px 0px 0px; }
div.Sektion.TechnologieSlider ul.flex-direction-nav li { height: 50px; width: 55px; display:block; margin: 0px 1px 0px 0px;  padding: 0px 0px 0px 0px; float: left; }
div.Sektion.TechnologieSlider ul.flex-direction-nav li a { height: 50px; width: 55px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: transparent; background-repeat:no-repeat; background-position: left top; }
div.Sektion.TechnologieSlider ul.flex-direction-nav li a:hover { background-position: left bottom; }
div.Sektion.TechnologieSlider ul.flex-direction-nav li a.flex-prev { background-image:url("../img/slider-pfeil-links.gif"); }
div.Sektion.TechnologieSlider ul.flex-direction-nav li a.flex-next { background-image:url("../img/slider-pfeil-rechts.gif"); }



/* Pfeil-Navigation IM Slide eingefuegt */
div.Sektion.TechnologieSlider ul.slides a.Button { position: relative; float: left; }
div.Sektion.TechnologieSlider ul.slides div.SliderNavi { height: 50px; width: 112px; display:block; margin: 0px 0px 0px 25px; float: left; }
div.Sektion ul.slides div.SliderNavi a { height: 50px; width: 55px; display:block; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; float: left; background-color: transparent; background-repeat:no-repeat; background-position: left top; }
div.Sektion ul.slides div.SliderNavi a:hover { background-position: left bottom; }
div.Sektion.TechnologieSlider ul.slides div.SliderNavi a.PrevSlide { background-image:url("../img/slider-pfeil-links.gif"); }
div.Sektion.TechnologieSlider ul.slides div.SliderNavi a.NextSlide { background-image:url("../img/slider-pfeil-rechts.gif"); }



/* Dot-Navigation */
div.Sektion.TechnologieSlider ol.flex-control-nav { width: auto; height: 12px; display: inline-block; position:absolute; z-index: 1000; bottom: 30px; left: 50%;  }
div.Sektion.TechnologieSlider ol.flex-control-nav  li { height: 12px; width: 11px; display:block; float: left; margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; }
div.Sektion.TechnologieSlider ol.flex-control-nav  li a { background-color: #ffffff; opacity: 0.5; }
div.Sektion.TechnologieSlider ol.flex-control-nav  li a.flex-active { background-color: #00564c; opacity: 1; }



/* TrennElement */
div.Sektion.TechnologieSlider div.Trenner { width: 256px; height: 2px; display:block; margin: 0px 0px 15px 0px; padding: 0px; background-image:url("../img/technik_trenner.gif"); background-position: left top; background-repeat:no-repeat;  }







/* Technologie-Buehne */

div.Sektion.TechnologieBuehne { position:relative; z-index: 100; background-image:url("../img/technikbuehnen_hg.jpg"); background-position: bottom center; background-size:cover; background-repeat:no-repeat; }
div.Sektion.TechnologieBuehne.Wolken { background-image:url("../img/netztechnik_hg.jpg"); }
div.Sektion.TechnologieBuehne div.BuehnenMotiv { height: 530px; display:block; position: relative; padding: 75px 50px 75px 50px; margin: 0px; background-position: bottom left; background-repeat:no-repeat; background-size: auto 100%; position:relative; }
div.Sektion.TechnologieBuehne.BigBuehne div.BuehnenMotiv { height: 630px; }

/* Inhalts-Container */
div.Sektion.TechnologieBuehne div.BuehnenMotiv div.ContentBox { width: 500px; display:block; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; background-image:url("../img/technik_trenner.gif"); background-position: left top; background-repeat:no-repeat; }
div.Sektion.TechnologieBuehne.BigBuehne div.BuehnenMotiv div.ContentBox { width: 600px; }

div.Sektion.TechnologieBuehne div.BuehnenMotiv div.ContentBox h1 { line-height: 130%; color: #333; }

/* LongText Element */
div.Sektion.TechnologieBuehne.SmallBuehne div.BuehnenMotiv div.ContentBox span.LongText { display: none; }
div.Sektion.TechnologieBuehne.BigBuehne div.BuehnenMotiv div.ContentBox span.LongText { display: inline; }



/* Einruecker */

div.Einruecker { max-width: 450px; margin: 0px 0px 0px 5px; padding: 50px 30px 0px 30px; display:block; background-image:url(../img/einruecker_hg.png); background-position: left top; background-repeat:no-repeat; }



/* YouTube-Einbettungen */

div.Popup.LupenPopup div.Sektion.AktuellesDetailsBox div.BoxContent div.ContentSlider div.Bild iframe.YouTubeElement { position:relative; z-index: 100000; }




/* Rubrik Teaser */

div.RubrikTeaserEbene { display:block; margin: 0px; padding: 25px 0px 50px 0px; overflow-x: hidden; }

/* Teaser */
div.RubrikTeaserEbene a.RubrikTeaser { width: 572px; display:block; margin: 0px 0px 50px 50px; padding: 0px 0px 0px 0px; float:left; background-color: #f0f0f0;  }
div.RubrikTeaserEbene a.RubrikTeaser div.BildElement { width: 572px; float: left; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.RubrikTeaserEbene a.RubrikTeaser div.BildElement img { width: 572px; height: 300px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.RubrikTeaserEbene a.RubrikTeaser div.TextElement { width: auto; float: left; display:block; margin: 0px 0px 0px 0px; padding: 30px 20px 24px 20px; }
div.RubrikTeaserEbene a.RubrikTeaser div.TextElement div.Trenner { width: 50px; height: 2px; background-color: #000000; display:block; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; }
div.RubrikTeaserEbene a.RubrikTeaser div.TextElement h2 { margin: 0px 0px 0px 0px; padding: 0px 25px 0px 0px; line-height: 125%; }
div.RubrikTeaserEbene a.RubrikTeaser div.TextElement h3 { margin: 0px 0px 0px 0px; padding: 0px 25px 15px 0px; color: #333; line-height: 125%; }
div.RubrikTeaserEbene a.RubrikTeaser div.TextElement div.Button { margin: 0px 0px 0px 0px; }


/* DoppelPower-Teaser Variante */
div.RubrikTeaserEbene a.RubrikTeaser.DoppelPower div.BildElement { float:left; }
div.RubrikTeaserEbene a.RubrikTeaser.DoppelPower div.TextElement { float: right; }






/* Sektion: Netztechnologie (Technologie) -------------------------------------------------------------------------------------- */


/* Big-Slider (nur eine Variante des Technologie-Sliders) */

div.Sektion.TechnologieSlider.BigSlider div.Responsive { height: 750px; margin: 75px 50px 75px 50px; }
div.Sektion.TechnologieSlider.BigSlider ul.slides { height: 750px;  }
div.Sektion.TechnologieSlider.BigSlider ul.slides li { height: 750px;  background-position: bottom left; background-repeat:no-repeat; background-size: cover;  }




/* Reitersystem: Technologie */

div.Sektion.ReiterSystemBox.TechnologieReiterVariante { background-color: #ffffff; }

/* Technik-Wabe */
div.TechnikWabe { display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div.TechnikWabe div.MainPart { width: auto; display:block; float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.TechnikWabe div.SmallPart { width: auto; display:block; float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div.TechnikWabe div.MainPart div.Abteil h2,
div.TechnikWabe div.MainPart div.Abteil h3 { color: #000000; }

div.TechnikWabe div div.Abteil { width: auto; display:block; float:left; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px;  }

/* Text Elemente */
div.TechnikWabe div div.Abteil p { padding-right: 60px; }
div.TechnikWabe div div.Abteil p a { text-decoration:underline; }
div.TechnikWabe div div.Abteil p a:hover { text-decoration:none; }

div.TechnikWabe div div.Abteil p a.PDF { text-decoration:none; }
div.TechnikWabe div div.Abteil p a.PDF:hover { text-decoration:underline; }


/* Trenner */
div.TechnikWabe div div.Abteil div.Trenner { height: 2px; width: 70px; display:block; padding: 0px; margin: 0px 0px 10px 0px; background-color: #000000; }






/* ContentSliderBox */

div.ContentSliderBox { width: 100%; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; background-color: #f0f0f0; }
div.ContentSliderBox h2 { width: 100%; display: block; padding: 50px 0px 35px 0px; margin: 0px 0px 0px 0px; text-align:center; }
div.ContentSliderBox div.TrennerUnten { width: 105px; height: 2px; display: block; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; background-color: #000000; }

div.ContentSliderBox div.SlideIt { display: block; margin: 0px auto 90px auto; border: 1px #d2d2d2 solid; position:relative; }
div.ContentSliderBox div.SlideIt ul.slides {  display:block; }
div.ContentSliderBox div.SlideIt ul.slides li { display: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }


/* Steuerung */
div.ContentSliderBox div.SlideIt ol.flex-control-nav { bottom: -75px; }
div.ContentSliderBox div.SlideIt ol.flex-control-nav li a { opacity: 0.5; }
div.ContentSliderBox div.SlideIt ol.flex-control-nav li a:hover { opacity: 1; }
div.ContentSliderBox div.SlideIt ol.flex-control-nav li a.flex-active { opacity: 1; }

div.ContentSliderBox div.SlideIt ul.flex-direction-nav li a { width: 55px; height: 50px; display:block; position:absolute; top: 50%; left: 0px; margin: -25px 0px 0px 0px;  background-color: #00564c; opacity: 1; background-position: center center; background-repeat:no-repeat; background-size:auto; }
div.ContentSliderBox div.SlideIt ul.flex-direction-nav li a:hover { opacity: 0.7; }
div.ContentSliderBox div.SlideIt ul.flex-direction-nav li a.flex-prev { background-image:url("../img/contentslide_prev.gif"); }
div.ContentSliderBox div.SlideIt ul.flex-direction-nav li a.flex-next { left: auto; right: 0px; background-image:url("../img/contentslide_next.gif"); }


/* Komplette Breite - Bereich fuer Texte */
div.ContentSliderBox div.SlideKomplettBereich { display:block; float:left;  margin: 50px 0px 50px 0px; padding: 0px 0px 0px 0px; }


/* kleiner Text Bereich */
div.ContentSliderBox div.SlideTextBereich { display:block; float:left;  margin: 50px 0px 50px 0px; padding: 0px 0px 0px 0px; }


/* BildBereich */
div.ContentSliderBox div.SlideBildBereich { display:block; float:right; margin: 50px 0px 50px 0px; padding: 0px 0px 0px 0px; }



/* GreenBox */
div.GreenBox { display: block; padding: 30px 30px 30px 30px; margin: 0px 0px 0px 0px; background-color: #00564c; color: #ffffff; }
div.GreenBox h1,
div.GreenBox h2,
div.GreenBox h3,
div.GreenBox h4,
div.GreenBox p,
div.GreenBox ul li,
div.GreenBox ol li { color: #ffffff; }


/* Aufzaehlunghsliste */
div.GreenBox ul, ul.Wave { display:block; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; }
div.GreenBox ul li, ul.Wave li { display:block; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 28px; background-image:url("../img/aufzaehlungswave.png"); background-repeat:no-repeat; background-position: left 12px; }




/* SpezialTeaser in den Reitersystemen */
a.SpezialTeaserBox { margin: 0px; padding: 0px; display:block;  }
a.SpezialTeaserBox div.LinkeHaelfte { display:block; float:left;  }
a.SpezialTeaserBox div.LinkeHaelfte img { display:block; max-width: 198px; }
a.SpezialTeaserBox div.RechteHaelfte { display:block; float: right; padding: 100px 0px 0px 0px; }





/* Sektion: Komponenten (Technologie) -------------------------------------------------------------------------------------- */

/* Zahlensammlung */

div.Sektion.ZahlenSammlung div.ZahlenSet { width: 33%; display:block; margin: 30px 0px 30px 0px; padding: 25px 0px 15px 0px; float: left; border-right: 1px #bbbbbb solid; }
div.Sektion.ZahlenSammlung div.ZahlenSet.OhneTrennen { border-right: none; }
div.Sektion.ZahlenSammlung div.ZahlenSet h1 { text-align:center; font-family:'DIN Light', Arial, Helvetica, sans-serif; font-weight: normal; color: #00584C; line-height: 100%; padding: 0px 10px 5px 10px; margin: 0px 0px 0px 0px; }
div.Sektion.ZahlenSammlung div.ZahlenSet h3 { text-align:center; font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; color: #191919; line-height: 100%; padding: 0px 15px 0px 15px; margin: -5px 0px 0px 0px; }




/* Dot-System bei Technologie */

div.KoordinatenSystem { width: 970px; height: 650px; display:block; position:absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; }
div.KoordinatenSystem a.Dot { width: 70px; height: 80px; display:block; position:absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; background-image:url("../img/marker.png"); background-position: left top; background-size:cover; background-repeat:no-repeat; opacity: 1; }
div.KoordinatenSystem a.Dot:hover { opacity: 0.8; }
div.KoordinatenSystem div.DotPunkt { width: 70px; display:block; padding: 23px 0px 0px 0px; text-align:center; font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; color: #ffffff; }




/* EnerElement - SlideElement, mal grau mal nicht */

div.Sektion.EnerElement { margin: 1px 0px 0px 0px; position:relative; }
div.Sektion.EnerElement.Grau { background-color: #f0f0f0; }
div.Sektion.EnerElement.Weiss { background-color: #ffffff; }
div.Sektion.EnerElement div.ElementSlider { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  position:relative; z-index: 10;  background-position: left bottom; background-repeat:no-repeat; background-size:cover;  }
div.Sektion.EnerElement.Grau div.ElementSlider { background-image:url("../img/hg_grau.jpg"); }
div.Sektion.EnerElement.Weiss div.ElementSlider { background-image:url("../img/hg_weiss.jpg"); }
div.Sektion.EnerElement div.ElementSlider ul.slides {  display:block; }
div.Sektion.EnerElement div.ElementSlider ul.slides li { display: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-position: left top; background-repeat:no-repeat; background-size: cover; overflow: hidden; /**/ }
div.Sektion.EnerElement div.ElementSlider img { width: 100%; height: 100%; display:block; margin: 0px 0px 0px 0px; padding: 0px; position:relative; }


/* Steuerung */
div.Sektion.EnerElement div.ElementSlider ol.flex-control-nav li a { opacity: 0.5; }
div.Sektion.EnerElement div.ElementSlider ol.flex-control-nav li a:hover { opacity: 1; }
div.Sektion.EnerElement div.ElementSlider ol.flex-control-nav li a.flex-active { opacity: 1; }
div.Sektion.EnerElement.Grau div.ElementSlider ol.flex-control-nav { bottom: 30px; left: -20%; }
div.Sektion.EnerElement.Weiss div.ElementSlider ol.flex-control-nav { bottom: 30px; left: 20%; }


div.Sektion.EnerElement.Grau div.ElementText { width: 38%; display:block; position:absolute; top: 160px; left: 50%; z-index: 100;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #f0f0f0;  }
div.Sektion.EnerElement.Weiss div.ElementText { width: 38%; display:block; position:absolute; top: 160px; right: 50%; z-index: 100;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #f0f0f0;  }
div.Sektion.EnerElement div.ElementText h3 { line-height: 100%; }
div.Sektion.EnerElement div.ElementText div.Trenner { width: 106px; height: 2px; padding: 0px; margin: 0px 0px 10px 0px; background-image:url("../img/technik-komponenten-trenner.gif"); background-position: left top; background-repeat:no-repeat; background-size: cover; }
div.Sektion.EnerElement div.ElementText h2 { padding: 0px; margin: 0px 0px 0px 0px; }



/* Vorteile Popup */

div.Vorteile { display:none; position: absolute; top: 0px; left: 0px; z-index: 1000;  }
div.Vorteile div.GreenBox h3 { padding-top: 30px; }


/* Vorteile Popup */

a.schliessenX { width: 55px; height: 50px; display:block; float: right; background-image:url("../img/close-light.gif"); background-repeat:no-repeat; background-position: left top; background-size:cover; }
a.schliessenX:hover { background-position: left bottom; }


/* Show More or less */

div.BigShow { display: block; margin: 0px; padding: 0px; position: relative;  }
div.BigShow a.Button.ShowMehr { margin: 0px; }
div.BigShow div.GreenBox.MoreText { min-width: 500px; display: block; margin: 0px; position:  absolute; top: -40px; left: 0px; z-index: 20000; }
div.BigShow div.GreenBox.MoreText h2 { display:block !important; padding-top: 10px;  padding-right: 70px; }
div.BigShow div.GreenBox.MoreText p { display:block !important; }
div.BigShow.On a.ShowMehr { display:inline-block; }
div.BigShow.On div.GreenBox.MoreText { display:none; }
div.BigShow.Off a.ShowMehr { display:none; }
div.BigShow.Off div.GreenBox.MoreText { display:none; }




/* Sektion: Impressum etc. (Standard-Template) -------------------------------------------------------------------------------------- */

div.StandardInhalteRahmen { display: block; padding: 90px 0px 0px 0px;  }


/* Produkt-Teaser  */
div.Sektion.Zweispalter { padding: 50px 0px 75px 0px; overflow-x: hidden; }

div.HauptSpalte { width: 510px; display:block; float: left; padding: 0px 60px 45px 0px; margin: 0px 0px 100px 0px; background-color: #ffffff; }
div.HauptSpalte div.Trenner { width: 50px; height: 2px; margin: 0px 0px 5px 0px; padding: 0px; background-color: #303030; }
div.HauptSpalte h2 { margin-bottom: 5px; color: #333333; }
div.HauptSpalte h3 { padding-bottom: 15px; color: #333333; }
div.HauptSpalte a { text-decoration: underline; }
div.HauptSpalte a:hover { text-decoration: none; }
div.HauptSpalte a.Button,
div.HauptSpalte a.Button:hover { text-decoration: none; }

div.MarginalSpalte { width: 510px; display:block; float: left; padding: 45px 30px 15px 30px; margin: 0px 0px 100px 0px; background-color: #f0f0f0; }
div.MarginalSpalte div.Trenner { width: 50px; height: 2px; margin: 0px 0px 5px 0px; padding: 0px; background-color: #303030; }
div.MarginalSpalte h2 { margin-bottom: 5px; color: #333333; }
div.MarginalSpalte h3 { padding-bottom: 15px; color: #333333; }
div.MarginalSpalte a.Button { margin-top: 15px; margin-bottom: 15px; }
div.MarginalSpalte a { text-decoration: underline; }
div.MarginalSpalte a:hover { text-decoration: none; }
div.MarginalSpalte a.Button,
div.MarginalSpalte a.Button:hover { text-decoration: none; }






/* Sektion: Karriere (Karriere-Template) -------------------------------------------------------------------------------------- */

div.KarriereInhalteRahmen { display: block; padding: 90px 0px 0px 0px;  }


/* Slider */
div.Sektion.KarriereSlider { /* min-height: 500px; */  display:block; position:relative; margin: 0px 0px 1px 0px; padding: 0px 0px 0px 0px; z-index: 10; }
div.Sektion.KarriereSlider ul.slides {   margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
div.Sektion.KarriereSlider ul.slides li { /* min-height: 500px; */ display:none;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-repeat:no-repeat; background-position: center top; background-size: cover;  }


/* Steuerung */
div.Sektion.KarriereSlider ol.flex-control-nav li a { opacity: 0.5; }
div.Sektion.KarriereSlider ol.flex-control-nav li a:hover { opacity: 1; }
div.Sektion.KarriereSlider ol.flex-control-nav li a.flex-active { opacity: 1; }
div.Sektion.KarriereSlider ol.flex-control-nav { bottom: 30px; left: 0%; }



/* Highlightbox im Slider */
div.HighlightText { width: 512px; display:block; position:relative; margin: 100px 50px 100px 50px; border-bottom: none;   padding: 0px 0px 0px 0px; z-index:50000;   }
div.HighlightText.Inner { visibility:hidden; }
div.HighlightText.Outer { visibility:visible; }


/* Head */
div.HighlightText div.HighHead { background-color: #00584D; color: #ffffff; margin: 0px 0px 0px 0px; padding: 25px 30px 25px 30px; }
div.HighlightText div.HighHead div.Trenner { width: 70px; height: 2px; display:block; background-color: #E20045; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; }
div.HighlightText div.HighHead h1 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; line-height: 115%;  }
div.HighlightText div.HighHead h2 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 115%; }

/* Body */
div.HighlightText div.HighBody { background-color: #ffffff; opacity: 0.9; margin: 0px 0px 0px 0px; padding: 35px 30px 70px 30px;  }
div.HighlightText p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }


/* Highlightbox ausserhalb */
div.HighlightText.Outer { margin: 0px 50px 0px 50px; border-bottom: 1px #dddddd solid; }
div.HighlightText.Outer div.HighBody {  padding: 30px 30px 5% 30px;  }
div.HighlightText.Outer div.HighBody a.Button {  margin: 20px 0px 0px 0px;  }

div.HighlightText.Outer div.HighBody h2 { margin-bottom: 0;}





/* Auswaehler */
div.Auswaehler, form.Auswaehler { display:block; margin: 0px 0px 50px 0px; padding: 30px 0px 0px 0px; background-color: #00584D; position:relative; }
div.TechnikWabe div div.Abteil .Auswaehler div.Trenner { height: 2px; width: 70px; display:block; background-color: #E20045;  margin: 0px 30px 15px 30px; }
.Auswaehler h2 {  margin: 0px 30px 25px 30px; color: #ffffff; }
.Auswaehler h3 {  margin: 0px 30px 25px 30px; color: #ffffff; }
.Auswaehler p {  margin: 0px 0px 15px 0px; color: #ffffff; }
.Auswaehler p span { color: #ffffff; }
.Auswaehler p a {  color: #ffffff; }
.Auswaehler div.AuswahlBody { display:block; margin: 0px 30px 0px 30px; padding: 20px 0px 25px 0px; position:relative; border-top: 1px #59928B solid; }
.Auswaehler div.AuswahlBody.OhneLinie { border-top: none; padding: 0px 0px 25px 0px; }
.Auswaehler div.AuswahlBody label { margin: 0px 0px 0px 0px; position:relative; padding: 0px 0px 0px 0px;  display:block;  color: #E6EFEE; font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; line-height: 135%; }


.Auswaehler div.Wechsler div.WechselEs { display: none; }
.Auswaehler div.Wechsler div.WechselEs.Aktiv { display:block; }

.Auswaehler div.Wechsler div.WechselEs p { }
.Auswaehler div.Wechsler div.WechselEs a.Button { margin: 0px 0px 5px 0px; }









/* Accordion */
div.Accordion { display:block; position:relative; margin: 0px 50px 30px 0px; padding: 2px 0px 0px 0px; background-color: #f0f0f0; background-image:url("../img/accordion-wagon-abschluss.gif"); background-repeat:repeat-x; background-position: left top; }


/* Ein Wagon */
div.Accordion div.Wagon { display:block; position:relative; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  background-image:url("../img/accordion-wagon-abschluss.gif"); background-repeat:repeat-x; background-position: left bottom; }

/* Inhalte */
div.Accordion div.Wagon div.WagonHead { display:block; position:relative; margin: 0px 0px 2px 0px; padding: 15px 30px 15px 30px; background-color: #f0f0f0; cursor: pointer; }
div.Accordion div.Wagon:hover div.WagonHead { background-color: #ffffff; }


div.Accordion div.Wagon.Aktiv div.WagonHead { cursor: default; }
div.Accordion div.Wagon.Aktiv:hover div.WagonHead { background-color: #f0f0f0; }



div.Accordion div.Wagon div.WagonHead  h1,
div.Accordion div.Wagon div.WagonHead  h2,
div.Accordion div.Wagon div.WagonHead  h3,
div.Accordion div.Wagon div.WagonHead  h4,
div.Accordion div.Wagon div.WagonHead  p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #000000; }

div.Accordion div.Wagon div.WagonBody { display:block; position:relative; margin: 0px 0px 0px 0px; padding: 0px 30px 20px 30px; }
div.Accordion div.Wagon.Aktiv div.WagonBody { display:block; }
div.Accordion div.Wagon.Zu div.WagonBody { display:block; }

div.Accordion div.Wagon div.WagonBody  h1,
div.Accordion div.Wagon div.WagonBody  h2,
div.Accordion div.Wagon div.WagonBody  h3,
div.Accordion div.Wagon div.WagonBody  h4,
div.Accordion div.Wagon div.WagonBody  p { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; color: #000000; }




/* PowerTeaser */
.PowerTeaser { width: 100%; display:block; position:relative; margin: 0px 0px 50px 0px; border-bottom: none;   padding: 0px 0px 0px 0px; z-index:50000;  }


/* Head */
.PowerTeaser div.PowerHead { background-color: #00584D; color: #ffffff; margin: 0px 0px 0px 0px; padding: 25px 30px 25px 30px; }
.PowerTeaser div.PowerHead div.Trenner { width: 70px; height: 2px; display:block; background-color: #E20045; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
.PowerTeaser div.PowerHead h1 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;  }
.PowerTeaser div.PowerHead h2 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }

/* Body */
.PowerTeaser div.PowerBody { background-color: #f0f0f0; opacity: 0.9; margin: 10px 0px 0px 0px; padding: 35px 30px 30px 30px;  }
.PowerTeaser div.PowerBody a.Button {
    margin-bottom: 5px;}
.PowerTeaser p { display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; }
.PowerTeaser div.PowerBody h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
.PowerTeaser h3 { color: #333; }



/* DoppelLink */
a.DoppelLink { width: 100%;  min-height: 18px; display:block; margin: 0px 0px 5px 0px; padding: 10px 3px 5px 3px;  background-color:transparent; }
a.DoppelLink div.PDF { height: auto; display: inline-block; float: right; text-decoration: underline; background-position: left 4px; line-height: 155%; }
a.DoppelLink div.Text { height: auto; display:inline-block; float: left; text-decoration:underline; padding-top: 1px;  line-height: 155%; }

a.DoppelLink:hover { background-color: #ffffff; }
a.DoppelLink:hover div.PDF { text-decoration:none; }
a.DoppelLink:hover div.Text { text-decoration:none; }




/* Sektion: Kontakt (Kontakt-Template) -------------------------------------------------------------------------------------- */



div.Sektion.KontaktSystem { display:block; margin: 0px 0px 0px 0px; padding: 50px 0px 0px 0px;  }

div.Sektion.KontaktSystem div.HauptBereich { width: 60%; display:block; float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;   }
div.Sektion.KontaktSystem div.MarginalBereich { width: 30%; display:block; float:right; margin: 0px 0px 0px 0px; padding: 0px 0px 50px 0px;  }


/* Einleitung Marginal */
div.MarginalHeader { }
div.MarginalHeader.Duplikat { }


/* Spezielle Anpassungen */
div.Sektion.KontaktSystem div.HauptBereich div.ReiterSystemBox div.ReiterAuswahl { margin-left: 0px !important; }
div.Sektion.KontaktSystem div.HauptBereich div.ReiterSystemBox div.ReiterAuswahl.XLSize div.ReiterAuswahlKlappe { padding-bottom: 0px;  }
div.Sektion.KontaktSystem div.HauptBereich div.ReiterSystemBox div.ReiterAuswahl.XSSize { height: auto; margin-bottom: -4px;  }
div.Sektion.KontaktSystem div.MarginalBereich .PowerTeaser div.PowerBody { margin: 0px 0px 0px 0px;  }
div.Sektion.KontaktSystem div.HauptBereich div.ReiterSystemBox div.ReiterContent { margin-top: 0px; margin-bottom: 50px; padding-top: 0px; background-color: #f0f0f0; }






/* Struktur des FOrmulars */
div.ContentBox {}


/* Komplette Breite */
div.ContentBox div.FormAll { display:block;  width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear:both; }

/* Halbe Breite */
div.ContentBox div.FormHalb { display:block; width: 50%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; }




/* Form-Elemente */

/* Ueberschriften */

div.ContentBox div.FormHalb h2,
div.ContentBox div.FormAll h2 { padding: 20px 0px 5px 0px; }
div.ContentBox div.FormAll h2 a { font-size: 24px; font-family: 'DIN Medium', Arial, Helvetica, sans-serif; color: #00564c; text-decoration: underline; }


/* Label */

label { margin: 0px 0px 0px 0px; position:relative; padding: 0px 0px 0px 0px;  display:block;  color: #000000; font-family:'DIN Medium', Arial, Helvetica, sans-serif; line-height: 135%; }


/* Inputs */

input[type=text] { width: 450px; display:block; position:relative; margin: 15px 0px 25px 0px; padding: 15px 15px 15px 15px; line-height: 100%; border: none; border-left: 1px #d9d9d9 solid; border-top: 1px #d9d9d9 solid; box-shadow:none; border-radius: 0px; }


/* Textareas */

textarea { width: 450px; height: 300px; display:block; position:relative; margin: 15px 0px 25px 0px; padding: 15px 15px 15px 15px; line-height: 100%; border: none; box-shadow:none; border-radius: 0px; resize:none; }


/*  Radio-Box */

div.RadioBox { width: 450px; display:block; position:relative; margin: 15px 0px 25px 0px; padding: 0px 15px 10px 15px; line-height: 100%; background-color: #f8f8f8;  clear:both; }
div.RadioBox label { margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px;  display: inline-block; float:left; position:relative; line-height: 135%; }
div.RadioBox div.AllItems { width: 200px; display:block; float:right; margin: 10px 0px 0px 0px; }
div.RadioBox div.AllItems div.Item input[type=radio] { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  display:inline-block; position:fixed; top: -1000; left: 0; visibility:hidden; opacity: 0;  }
div.RadioBox div.AllItems div.Item span.Icon { width: 30px; height: 30px; position:relative; margin: 0px 0px 0px 20px; padding: 0px;  display: block; float: right; border-left: 1px #d9d9d9 solid; border-top: 1px #d9d9d9 solid; background-color: #ffffff; cursor: pointer; background-image:url("../img/form_radio.png"); background-repeat: no-repeat; background-position: left bottom; background-size:cover; }
div.RadioBox div.AllItems div.Item.Aktiv span.Icon{ background-position: left top; }
div.RadioBox div.AllItems div.Item span.Icon:hover { background-position: left top; opacity: 0.5; }
div.RadioBox div.AllItems div.Item.Aktiv span.Icon:hover { background-position: left top; opacity: 1; }
div.RadioBox div.AllItems div.Item span.Label { margin: 0px 0px 0px 0px; position:relative; padding: 5px 0px 0px 10px;  display:inline-block; float: right; color: #000000; font-family:'DIN Medium', Arial, Helvetica, sans-serif; line-height: 135%; }


/* CheckBoxen */

div.CheckBoxen { width: 450px; display:block; position:relative; margin: 15px 0px 25px 0px; padding: 10px 15px 25px 15px; line-height: 100%; background-color: #f8f8f8;  clear:both; }
div.CheckBoxen.CheckboxLarge { width: 100%;}
div.CheckBoxen div.Item { width: 215px; display:block; padding: 0px 0px 10px 0px; float: left; }
div.CheckBoxen div.Item.BigItem { width: auto; display:inline-block; clear:both; }
div.CheckBoxen div.Item input[type=checkbox] { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  display:inline-block; float: left; position:fixed; top: -1000; left: 0; visibility:hidden; opacity: 0;  }
div.CheckBoxen div.Item span.Icon { width: 30px; height: 30px; position:relative; margin: 0px 10px 0px 0px; padding: 0px;  display: block; float: left; border-left: 1px #d9d9d9 solid; border-top: 1px #d9d9d9 solid; background-color: #ffffff; cursor: pointer; background-image:url("../img/form_check.png"); background-repeat: no-repeat; background-position: left bottom; background-size:cover; }
div.CheckBoxen div.Item.Aktiv span.Icon{ background-position: left top; }
div.CheckBoxen div.Item span.Icon:hover { background-position: left top; opacity: 0.8; }
div.CheckBoxen div.Item.Aktiv span.Icon:hover { background-position: left top; opacity: 0.5; }
div.CheckBoxen div.Item span.Label { margin: 0px 0px 0px 0px; position:relative; padding: 5px 0px 0px 0px;  display:inline-block; float: left; color: #000000; font-family:'DIN Medium', Arial, Helvetica, sans-serif; line-height: 135%; }
div.CheckBoxen div.Item span.Label a { color: #18665d; text-decoration: underline;}


/*  Selektor */

div.Selektor { width: 480px;  display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position:relative; }

/* Elemente */
div.Selektor label { margin: 0px 0px 0px 0px; position:relative; padding: 0px 0px 0px 0px;  display:block;  color: #E6EFEE; font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; line-height: 135%; }
div.Selektor input[type=text] { width: 450px; display:block; position:relative; margin: 15px 0px 25px 0px; padding: 14px 15px 15px 14px; line-height: 125%; border: none; cursor: pointer; box-shadow:none; border-radius: 0px; border-left: 1px #d9d9d9 solid; border-top: 1px #d9d9d9 solid; }
input[type=submit] { height: auto; padding: 13px 30px 13px 30px; box-shadow:none; border: none;  border-radius: 0px; display:inline-block; margin: 15px 0px 15px 0px; text-align:center; border: none; color: #ffffff; background-color: #E20045; font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; line-height: 135%; cursor: pointer; }
input[type=submit]:hover { background-color: #40807a; }

/* Pfeil */
div.Selektor div.EndPfeil { width: 45px; height: 45px; display:block; position:absolute; right: 0px; top: 0px; background-image:url("../img/form-pulldown.png"); background-position: right top; background-repeat:no-repeat; background-size: cover;  }
div.FormHalb div.Selektor div.EndPfeil, div.FormAll div.Selektor div.EndPfeil { background-image:url("../img/form-pulldown_dark.png"); }
div.Selektor:hover div.EndPfeil { background-position: right bottom; }

/* Klappe */
div.Selektor div.Klappe { width: 480px; display: none; position:absolute; top: 43px; left: 0px; z-index: 1000000; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #ffffff; border-top: 1px #dddddd solid;  }
div.Selektor div.Klappe div.Option { width: 450px; display:block; margin: 0px 0px 0px 0px; padding: 15px 15px 15px 15px; background-color: #f0f0f0; border-top: 1px #ffffff solid; cursor:pointer; }
div.FormHalb div.Selektor div.Klappe div.Option, div.FormAll div.Selektor div.Klappe div.Option { background-color: #e2e2e2; }
div.Selektor div.Klappe div.Option:hover,
div.FormHalb div.Selektor div.Klappe div.Option:hover,
div.FormAll div.Selektor div.Klappe div.Option:hover { background-color: #ffffff; }



/* SendeButton */

div.ContentBox div.FormHalb a.Button,
div.ContentBox div.FormAll a.Button { float: right; }








/* Sektion: Unternehmen (Unternehmen-Template) -------------------------------------------------------------------------------------- */



/* UeberschriftenBox */

div.UeberschriftenBox { background-color: #00584D; color: #ffffff; margin: 0px 0px 15px 0px; padding: 25px 30px 25px 30px; display:block; }
div.UeberschriftenBox div.Trenner { width: 70px; height: 2px; display:block; background-color: #E20045; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
div.UeberschriftenBox h1 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;  }
div.UeberschriftenBox h2 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }






/* Rubrik Teaser */

div.UnternehmenTeaserEbene { width: auto; display:block; margin: 0px; padding: 50px 0px 50px 0px; overflow-x:hidden;  }

/* Teaser */
div.UnternehmenTeaserEbene a.UnternehmenTeaser { width: 572px; display:block; margin: 0px 0px 50px 50px; padding: 0px 0px 0px 0px; float:left; background-color: #f0f0f0;  }
div.UnternehmenTeaserEbene a.UnternehmenTeaser div.BildElement { width: 572px; float: left; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.UnternehmenTeaserEbene a.UnternehmenTeaser div.BildElement img { width: 572px; height: 300px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.UnternehmenTeaserEbene a.UnternehmenTeaser div.TextElement { width: auto; float: left; display:block; margin: 0px 0px 0px 0px; padding: 30px 20px 30px 20px; }
div.UnternehmenTeaserEbene a.UnternehmenTeaser div.TextElement div.Trenner { width: 50px; height: 2px; background-color: #000000; display:block; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
div.UnternehmenTeaserEbene a.UnternehmenTeaser div.TextElement h2 { margin: 0px 0px 0px 0px; padding: 0px 25px 0px 0px; }
div.UnternehmenTeaserEbene a.UnternehmenTeaser div.TextElement h3 { margin: 0px 0px 0px 0px; padding: 0px 25px 15px 0px; color: #333; }
div.UnternehmenTeaserEbene a.UnternehmenTeaser div.TextElement div.Button { margin: 0px 0px 0px 0px; }


/* Green Barray */
div.UnternehmenTeaserEbene a.UnternehmenTeaser.GreenBarray { background-color: #00584D; }
div.UnternehmenTeaserEbene a.UnternehmenTeaser.GreenBarray div.TextElement div.Trenner { background-color: #ffffff;  }
div.UnternehmenTeaserEbene a.UnternehmenTeaser.GreenBarray div.TextElement h2 { font-size:55px; color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 25px 0px 0px; }
div.UnternehmenTeaserEbene a.UnternehmenTeaser.GreenBarray div.TextElement p { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 25px 35px 0px; }


/* Info-Teaser */
div.UnternehmenTeaserEbene div.UnternehmenTeaser { width: 572px; display:block; margin: 0px 0px 50px 50px; padding: 0px 0px 0px 0px; float:left; background-color: #f0f0f0;  }
div.UnternehmenTeaserEbene div.UnternehmenTeaser div.BildElement { width: 572px; float: left; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.UnternehmenTeaserEbene div.UnternehmenTeaser div.BildElement img { width: 572px; height: 300px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.UnternehmenTeaserEbene div.UnternehmenTeaser div.TextElement { width: auto; float: left; display:block; margin: 0px 0px 0px 0px; padding: 30px 20px 30px 20px; }
div.UnternehmenTeaserEbene div.UnternehmenTeaser div.TextElement div.Trenner { width: 50px; height: 2px; background-color: #000000; display:block; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
div.UnternehmenTeaserEbene div.UnternehmenTeaser div.TextElement h2 { margin: 0px 0px 0px 0px; padding: 0px 25px 0px 0px; }
div.UnternehmenTeaserEbene div.UnternehmenTeaser div.TextElement h3 { margin: 0px 0px 0px 0px; padding: 0px 25px 15px 0px; }
div.UnternehmenTeaserEbene div.UnternehmenTeaser div.TextElement div.Button { margin: 0px 0px 0px 0px; }


/* Green Barray */
div.UnternehmenTeaserEbene div.UnternehmenTeaser.GreenBarray { background-color: #00584D; }
div.UnternehmenTeaserEbene div.UnternehmenTeaser.GreenBarray div.TextElement div.Trenner { background-color: #ffffff;  }
div.UnternehmenTeaserEbene div.UnternehmenTeaser.GreenBarray div.TextElement h2 { font-size:55px; color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 25px 0px 0px; }
div.UnternehmenTeaserEbene div.UnternehmenTeaser.GreenBarray div.TextElement p { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 25px 35px 0px; }





/* MonsterTeaser */

a.MonsterTeaser { width: auto; background-color: #f0f0f0; margin: 0px 0px 0px 0px; padding: 30px 50px 30px 50px; display:block; text-align:center; }
a.MonsterTeaser div.Trenner { width: 70px; height: 2px; background-color: #000000; display:block; margin: 0px auto 10px auto; padding: 0px 0px 0px 0px; }
a.MonsterTeaser h2 { width: 70%; display:block; margin: 0px auto; padding: 0px 0px 0px 0px; text-align:center; }
a.MonsterTeaser div.Button { margin: 30px auto 0px auto; }
.MonsterTeaser p { padding: 0 120px; }



/* VideoTeaser */

div.VideoElement { position: relative; display:block; width: 100%; z-index: 10; margin: 0px 0px 0px 0px; }

div.IncludedVideo { height: 100px; width: 100px; background-color: #f0f0f0; margin: 0px 50px 0px 50px; padding: 0px 0px 0px 0px; position:absolute; z-index: 10; top: 0px; display:none; opacity: 0; }


a.VideoTeaser { height: 100px; width: 100px; background-color: #f0f0f0; margin: 0px 50px 100px 50px; padding: 0px 0px 0px 0px; position:relative; display:block; text-align:center; background-position: center center; background-repeat:no-repeat;  background-size:cover; z-index: 100; }
a.VideoTeaser div.PlayerButton { width: 300px; margin: 0px 0px 0px -150px; position:absolute; left: 50%; padding: 120px 0px 0px 0px; background-image:url("../img/unternehmen-playbutton.png"); background-repeat:no-repeat; background-position: center top;  }
a.VideoTeaser:hover div.PlayerButton { background-position: center -450px; }
a.VideoTeaser h2 { color: #ffffff; text-align:center; margin: 0px auto; }





/* Sektion: Unternehmen FullSize (Unternehmen) -------------------------------------------------------------------------------------- */


/* FullSize - Variante */

/* Zweispalter Anpassung */
div.FullSizeVariante { background-color: #f0f0f0; }
div.FullSizeVariante div.HauptSpalte { width: 510px; display:block; float: left; padding: 0px 60px 45px 0px; margin: 0px 0px 100px 0px; background-color: #f0f0f0; }
div.FullSizeVariante div.MarginalSpalte { width: 510px; display:block; float: left; padding: 0px 30px 15px 30px; margin: 0px 0px 100px 0px; background-color: #f0f0f0; }



/* Schliessen Anpassung */
a.schliessen.BackJump { display: block; position: absolute; top: 50px; right: 0px; margin: 0px 0px 0px 0px; z-index: 10000000;  }
a.BlendeEin.HighlightHin { display: none; position: absolute; top: 50px; left: 0px; margin: 0px 0px 0px 0px; z-index: 10000000;  }




/* Slider */
div.FillSizeSlider { /* min-height: 500px; */  display:block; position:relative; margin: 0px 0px 1px 0px; padding: 0px 0px 0px 0px; z-index: 10; }
div.FillSizeSlider ul.slides {   margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
div.FillSizeSlider ul.slides li { /* min-height: 500px; */ display:none;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-repeat:no-repeat; background-position: center center; background-size: cover;  }


/* Steuerung */
div.FillSizeSlider ol.flex-control-nav li a { opacity: 0.5; }
div.FillSizeSlider ol.flex-control-nav li a:hover { opacity: 1; }
div.FillSizeSlider ol.flex-control-nav li a.flex-active { opacity: 1; }
div.FillSizeSlider ol.flex-control-nav { bottom: 30px; left: 0%; }


div.FillSizeSlider ul.flex-direction-nav li a { width: 55px; height: 50px; display:block; position:absolute; bottom: 50px; right: 50px; margin: -25px 0px 0px 0px;  background-color: #00564c; opacity: 1; background-position: center center; background-repeat:no-repeat; background-size:auto; }
div.FillSizeSlider ul.flex-direction-nav li a:hover { opacity: 0.7; }
div.FillSizeSlider ul.flex-direction-nav li a.flex-prev { background-image:url("../img/contentslide_prev.gif"); right: 106px; }
div.FillSizeSlider ul.flex-direction-nav li a.flex-next { background-image:url("../img/contentslide_next.gif"); }



/* Highlightbox im Slider */
div.HighlightFull { width: 512px; display:block; position: absolute; top: 50px; left: 0px;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index:10000000;   }


/* Mobile Steuerung */
div.HighlightFull a.GoBack { float:right; }
div.HighlightFull a.SchliessenMobile { float: right;  }


/* Head */
div.HighlightFull div.HighHead { background-color: #00584D; color: #ffffff; margin: 0px 0px 0px 0px; padding: 25px 30px 25px 30px; }
div.HighlightFull div.HighHead div.Trenner { width: 70px; height: 2px; display:block; background-color: #E20045; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
div.HighlightFull div.HighHead h1 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;  }
div.HighlightFull div.HighHead h2 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }

/* Body */
div.HighlightFull div.HighBody { background-color: #ffffff; opacity: 0.9; margin: 0px 0px 0px 0px; padding: 35px 30px 50px 30px;  }
div.HighlightFull div.HighBody div.Button { }
div.HighlightFull p { margin: 0px 0px 0px 0px; padding: 0px 0px 25px 0px; }








/* Sektion: Leitlinien, FullSize Variante 2 (Unternehmen) -------------------------------------------------------------------------------------- */

div.Sektion.FullsizeRahmen { display: block; margin: 0px; padding: 0px; background-color: #f0f0f0;  }

/* Mega Buehne */

div.Sektion.MegaHauptbuehne { display: block; margin: 0px; padding: 0px; }
div.Sektion.MegaHauptbuehne img { display: block; margin: 0px; padding: 0px; }


/* MonsterTeaser */

div.MonsterTeaser { width: auto; background-color: #f0f0f0; margin: 0px 0px 0px 0px; padding: 0px 50px 30px 50px; display:block; text-align:center; }
div.MonsterTeaser div.Trenner { width: 105px; height: 2px; background-color: #000000; display:block; margin: 0px auto 10px auto; padding: 0px 0px 0px 0px; }
div.MonsterTeaser h2 { width: 70%; display:block; margin: 0px auto; padding: 0px 0px 0px 0px; text-align:center; }
div.MonsterTeaser a.Button { margin: 30px auto 0px auto; }


/* WhiteTeaserSystem */

div.Sektion.WhiteTeaserSystem { width: 100%; display: block; padding: 0px 0px 100px 0px; margin: 0px 0px 0px 0px; overflow-x: hidden;  }
div.Sektion.WhiteTeaserSystem  div.WhiteTeaser { width: 100px; display: inline-block; float: left; margin: 0px 30px 30px 0px; background-color: #ffffff; padding: 40px 30px 25px 30px; }
div.Sektion.WhiteTeaserSystem  div.WhiteTeaser h3 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
div.Sektion.WhiteTeaserSystem  div.WhiteTeaser p { padding: 0px 0px 15px 0px; margin: 0px 0px 0px 0px; }




/* Sektion: Stiftung (Unternehmen) -------------------------------------------------------------------------------------- */


/* Reset des Zweispalters */
div.Sektion.Zweispalter.DirektDran { padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px; }
div.Sektion.Zweispalter.DirektDran div.HauptSpalte { padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px; }


/* PortraitTeaser */

div.Sektion.PortraitTeaserSystem { width: 100%; display: block; padding: 0px 0px 50px 0px; margin: 0px 0px 0px 0px; overflow-x: hidden;  }
div.Sektion.PortraitTeaserSystem  .PortraitTeaser { width: 100px; display: inline-block; float: left; margin: 0px 30px 30px 0px; background-color: #f0f0f0; padding: 0px 0px 25px 0px; }
div.Sektion.PortraitTeaserSystem  .PortraitTeaser div.Trenner { width:  50px; height: 2px; background-color: #000000; display:block; margin: 30px 30px 10px 30px; padding: 0px 0px 0px 0px; }
div.Sektion.PortraitTeaserSystem  .PortraitTeaser img { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; border-bottom: 1px #ffffff solid; }
div.Sektion.PortraitTeaserSystem  .PortraitTeaser h2 { padding: 0px 30px 0px 30px; margin: 0px 0px 0px 0px; color: #000000; }
div.Sektion.PortraitTeaserSystem  .PortraitTeaser h3 { padding: 0px 30px 0px 30px; margin: 0px 0px 0px 0px; color: #000000; }
div.Sektion.PortraitTeaserSystem  .PortraitTeaser h4 { padding: 0px 30px 15px 30px; margin: 0px 0px 0px 0px; color: #000000; font-family:'DIN Medium', Arial, Helvetica, sans-serif;}
div.Sektion.PortraitTeaserSystem  .PortraitTeaser p { padding: 0px 30px 15px 30px; margin: 0px 0px 0px 0px; }





/* Sektion: Stiftung (Unternehmen) -------------------------------------------------------------------------------------- */

ul.ContentListe { padding: 0px 0px 25px 0px; margin: 0px 0px 0px 0px; display: block;  }
ul.ContentListe li { padding: 0px 0px 5px 25px; margin: 0px 0px 0px 0px; display: block; background-image: url('../img/power-listenelement.png'); background-repeat: no-repeat; background-position: left 12px; line-height: 180%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #303030;  }




/* Sektion: Standorte (Service) -------------------------------------------------------------------------------------- */


/* Karte */

div.StandortKarte { display:block; position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden;  }
div.StandortKarte div.Karte {   margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-repeat:no-repeat; background-position: center center; background-size: cover; overflow: hidden; background-color: #ffffff;  }


/* Karten-Filter */

a.KartenFilter { height: 30px; float: none; display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px;  }
a.KartenFilter span.FilterIcon { height: 22px; width: 22px; float: none; display: block; float: left; border: 1px #d3d3d3 solid; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-image:url('../img/kartenfilter.gif'); background-repeat: no-repeat; background-position: left bottom; background-size: cover; }
a.KartenFilter span.FilterText { display: block; padding: 3px 0px 0px 10px; margin: 0px 0px 0px 0px; float: left; text-decoration: none; }
a.KartenFilter:hover span.FilterText { text-decoration: underline; }
a.KartenFilter:hover span.FilterIcon {  background-position: left top; }
a.KartenFilter.Aktiv span.FilterIcon  {  background-position: left top; }


/* Hinweisbox der Karte */

div.KartenHinweis { height: 100%; width: 100%; display: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: transparent; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow: hidden; z-index: 100000000; background-image: url('../img/kartenblende.png'); background-repeat: repeat; }
div.KartenHinweis div.HinweisText { width: 440px; display: block; margin: 12% auto; padding: 50px 30px 50px 30px; background-color: #00564c; position: relative;  }
div.KartenHinweis div.HinweisText h1 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; }
div.KartenHinweis div.HinweisText h2 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; }
div.KartenHinweis div.HinweisText p { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div.KartenHinweis div.HinweisText a.SchliessenMobile { display: block; position: absolute; top: 0px; right: 0px;  }


/* Kartenpunkt */

.KartenPunkt { height: 72px; width: 65px; display: block; position: absolute; top: 50%; left: 50%; background-image:url('../img/kartenpunkt.png'); background-repeat: no-repeat; background-position: left top; background-size: cover; cursor:pointer;  }
.KartenPunkt:hover { background-position: left bottom; }






/* Historie */

/* Anpassungen fuer diese Seite */

div.Website.HistorienRahmen { position: absolute; top: 0px; bottom: 0px; left: 0px; right:  0px; background-color: #f0f0f0; overflow-x: hidden;}
div.Website.HistorienRahmen .AktuellesDetailsBox .BoxHeader { margin: 0;}
div.Website.HistorienRahmen div.Sektion.Abschluss {  position: fixed; bottom: 0px; }


/* Allgemein */

div.Historie { width: 100%; height: 100%; display: block; background-color: #f0f0f0;  background-image:url('../img/historie_lineal_long.gif'); background-repeat: repeat-x; background-position: left 0px; overflow: hidden; }
div.Historie div.HistorienBox { width: 1400px; height: auto; display: block; position: relative;  margin: 0px auto; background-image:url('../img/historie_lineal.gif'); background-repeat: repeat-x; background-position: left 0px; overflow: hidden; }


/* Blenden */

div.Blende.BlendeRechts { left: 1400px; width: 1000px; height: 112px; display: block; position: absolute; /* top: 116px; */ top: 131px; right: auto; background-repeat: repeat-y; background-position: left top; z-index: 200000000; background-image:url('../img/blende-rechts.png'); }
div.Blende.BlendeLinks { right: 1400px; width: 1000px; height: 112px; display: block; position: absolute; /* top: 116px;  */ top: 131px; left: auto; background-repeat: repeat-y; background-position: right top; z-index: 200000000; background-image:url('../img/blende-links.png'); }


/* Selektor */

div.Historie div.HistorienBox  ul.SelektTime { width: 5000px; height: 131px; display: block; margin: 0px auto;  overflow: hidden; background-image: none; background-repeat: repeat-x; background-position: left bottom; }
div.Historie div.HistorienBox  ul.SelektTime li { width: 128px; height: 151px; display: block; position: relative; float: left; margin: 0px 0px 0px 0px; padding: 60px 0px 0px 0px;  }
div.Historie div.HistorienBox  ul.SelektTime li a { font-size: 17px; cursor: pointer; width: 128px; height: 111px; display: block; margin: 0px 0px 0px 0px; padding: 40px 0px 0px 0px; position: absolute; top: 0px; background-image:url('../img/historie_waehler.png'); background-repeat: no-repeat; background-position: -1000px -1000px; text-align: center; color: #959595; font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal;  }
div.Historie div.HistorienBox  ul.SelektTime li a.selected { font-size: 48px; width: 128px; height: 141px; padding: 10px 0px 0px 0px;  display: block; background-position: left top; color: #ffffff;   }



/* Inhalte */

div.Historie div.HistorienBox  ul.TimeStamps { width: 5000px; height: 600px; display: block; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; background-color: #f0f0f0; }
div.Historie div.HistorienBox  ul.TimeStamps li { width: 1400px; height: 600px; display: block; /* float: left; */ position: absolute; left: -5000px; top: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #f0f0f0; /* opacity: 0; */ }


/* weisse Box */

div.Historie div.HistorienBox div.TimeBox { width: 50%; min-height: 300px;  display: block; position: relative; margin: 50px auto; padding: 50px 50px 50px 50px;   background-color: #ffffff; }
div.Historie div.HistorienBox div.TimeBox div.Trenner { width: 105px; height: 2px; background-color: #000000; display:block; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; position: relative; }
div.Historie div.HistorienBox div.TimeBox h1 { font-size: 130px;  padding: 0px; margin: 0px 0px 10px -8px; }
div.Historie div.HistorienBox div.TimeBox p { padding: 0px 25px 5px 25px; margin: 0px 0px 0px 0px; display: block; background-image: url('../img/power-listenelement.png'); background-repeat: no-repeat; background-position: left 12px; line-height: 180%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #303030;  }


/* Steuerung in der weissen Box */

div.Historie div.TimeNavi { width: 111px; height: 50px; display:block; position:absolute; top: 0px; right: 0px; margin: 0px 0px 0px 0px; }
div.Historie div.TimeNavi a { width: 55px; height: 50px; display:block; position:absolute; bottom: 0px; right: 0px; margin: 0px 0px 0px 0px;  background-color: #00564c; opacity: 1; background-position: center center; background-repeat:no-repeat; background-size:auto; }
div.Historie div.TimeNavi a:hover { opacity: 0.7; }
div.Historie div.TimeNavi a.Vergangenheit { background-image:url("../img/contentslide_prev.gif"); right: 56px; }
div.Historie div.TimeNavi a.Zukunft { background-image:url("../img/contentslide_next.gif"); }




/* Anpassung - Karriere-Slider (in Vorstand und Stiftung) */

/* spezielle Box-Anpassungen */
div.NewHideMode { position: relative; }

/* Open und Close Buttons */
a.CloseModus { height: 50px; width: 55px; display:block; position:absolute; top: 0px; right: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; background-color: transparent; background-repeat:no-repeat; background-position: left top; background-image:url("../img/slider-pfeil-links.gif"); }
a.CloseModus:hover { background-position: left bottom; }

a.OpenModus { height: 50px; width: 55px; display:none; position:absolute; top: 101px; left: 0px; margin: 0px 0px 0px -1500px; padding: 0px 0px 0px 0px; background-color: transparent; background-repeat:no-repeat; background-position: left top; background-image:url("../img/openback.gif"); }
a.OpenModus:hover { background-position: left bottom; }








/* Produktneuheiten - Erweiterungen */

/* Neuheiten mit Text, Bild und Dots */
div.Sektion.Neuheiten { display: block; width: auto; position:relative; margin: 90px 0px 0px 0px; padding: 0px; border-bottom: 1px #ffffff solid; background-repeat:repeat-x; background-position: top; background-size: 20px auto; background-image:url(../img/produktneuheiten_hg.jpg); background-color: #f0f0f0; }

div.Sektion.Neuheiten .DotHinweis p { color: white;}
/* Button Anpassung fuer dieses Template */
a.Button.NeuheitenStyle,
a.Button.VideoIcon.NeuheitenStyle { min-width: 190px; background-image: none; padding-left: 10px; padding-right: 10px; text-align: center; }


/* NeuheitenBoxInfos */
div.NeuheitenInfos { width: 480px; position:absolute; top: 60px; left: 0px; display:block; padding: 0px 0px 0px 50px; margin: 0px 0px 0px 0px; }
div.NeuheitenInfos div.Trenner { width: 75px; height: 2px; display:block; margin: 0px 0px 10px 0px; padding: 0px; background-color: #00584C; }
div.NeuheitenInfos h1 { font-weight: normal; margin: 0px 0px 15px -3px; padding: 0px 0px 0px 0px; line-height: 100%; color: #00564c;  }
div.NeuheitenInfos p { color: #000000; line-height: 165%; padding: 0px 0px 30px 0px; margin: 0px 0px 0px 0px; }
div.NeuheitenInfos ul { padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; }
div.NeuheitenInfos ul.Varianten { background-image: url(../img/variantenliste.png); background-position: left top; background-repeat:no-repeat; padding: 7px 0px 0px 25px; margin: 0px 0px 10px 5px; }
div.NeuheitenInfos li { font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: normal; color: #000000; line-height: 180%; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; }


/* Weisse Teaser */
div.WhiteTeaser { width: auto; display: block; margin: 0px 0px 30px 0px; padding: 30px 30px 10px 30px; border: 1px #d4d4d4 solid; background-color: #fbfbfb; }
div.WhiteTeaser div.Trenner { padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; }
div.WhiteTeaser h2 { color: #000000; line-height: 135%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
div.WhiteTeaser h3 { color: #000000; line-height: 135%; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; }
div.WhiteTeaser p { color: #000000; line-height: 165%; padding: 0px 0px 15px 0px; margin: 0px 0px 0px 0px; }
div.WhiteTeaser a.Button { margin: 0px 0px 10px 0px; }


/* NeuheitenBild-Box */

/* Bild */
div.NeuheitenBild { width: 1590px; height: 1275px; float: right; position:relative; display:block; padding: 0px; margin: 0px 0px 0px 0px; background-repeat:no-repeat; background-position: top; background-size: 1590px auto; background-color: transparent; }
div.NeuheitenBild-Full { width: 100%; height: 65vw; float: right; position:relative; display:block; padding: 0px; margin: 0px 0px 0px 0px; background-repeat:no-repeat; background-position: top;  background-size: cover; background-color: transparent; }


/* Dots */
div.Sektion.Neuheiten div.DotSystem { width: 1590px; height: 1275px; position: absolute; top: 0px; right: 0px; display:block; padding: 0px; margin: 0px; /* background-color: pink; opacity: 0.75; */ }
div.Sektion.Neuheiten div.DotSystem div.Dot { width: 91px; height: 91px; display:block; position:absolute; top: 10%; left: 20%; cursor: pointer; }
div.Sektion.Neuheiten div.DotSystem div.Dot div.DotPunkt { width: 91px; height: 91px; display:block; position:absolute; top: 0px; left: 0px; cursor: pointer; background-image: url(../img/produktneuheiten_dot.png); background-repeat: no-repeat; background-size: 91px auto; background-position: left top;  }
div.Sektion.Neuheiten div.DotSystem div.Dot div.DotHinweis { width: 200px; display: none; margin: 0px 0px 0px -140px; padding: 0px 40px 0px 40px; background-color: #00564C; position: absolute; top: 0px; left: 50%; cursor: default; z-index: 9099999;  }
div.Sektion.Neuheiten div.DotSystem div.Dot div.DotHinweis img { width: 106px; height: 82px; display: block; margin: 35px auto 0px auto; padding: 0px; }
div.Sektion.Neuheiten div.DotSystem div.Dot div.DotHinweis h2 { font-size: 20px; color: #ffffff; margin: 10px 0px 10px 0px; line-height: 135%; padding: 0px 0px 15px 0px; border-bottom: 1px #80ABA6 solid;  }
div.Sektion.Neuheiten div.DotSystem div.Dot div.DotHinweis h3 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; }
div.Sektion.Neuheiten div.DotSystem div.Dot div.DotHinweis ul {}
div.Sektion.Neuheiten div.DotSystem div.Dot div.DotHinweis ul li { color: #ffffff; background-image: url(../img/produktneuheiten_liste.jpg); background-repeat: no-repeat; background-position: left 13px; }
div.Sektion.Neuheiten div.DotSystem div.Dot div.DotHinweis a.schliessenX { position: absolute; top: 0px; right: 0px; }
div.Sektion.Neuheiten div.DotSystem div.Dot:hover div.DotPunkt { background-position: left bottom; }
div.Sektion.Neuheiten div.DotSystem div.Dot:hover div.DotBeschreibung { display:block; z-index: 1000;  }




/* Update, 23.05.2016 */
/* Startseite, Hauptbuehne */
/* Anpassung der Text-/Buttonsfarben, wenn dunkle Keyvisuals eingesetzt werden sollen */

div.DarkSide div.Responsive {}
div.DarkSide h1 { color: #ffffff; }
div.DarkSide h2 { color: #ffffff; }
div.DarkSide p { color: #d3d3d3; }
div.DarkSide h2 span.WhiteStripe { color: #d3d3d3; }
div.DarkSide h2 span.GreenStripe { color: #d3d3d3; border-bottom: 2px solid #ffffff; }
div.DarkSide h2 span.RedStripe  { color: #d3d3d3;}

div.DarkSide div.Button, div.DarkSide a.Button { background-color: #ffffff; color: #111111; }
div.DarkSide div.Button:hover, div.DarkSide a.Button:hover { background-color: #efefef; }

div.Sektion.StartSlider ul.slides div.DarkSide div.SliderNavi a { background-color: #c8c8c9; }
div.Sektion.StartSlider ul.slides div.DarkSide div.SliderNavi a.PrevSlide { background-image: url(../img/darkside_links.gif); }
div.Sektion.StartSlider ul.slides div.DarkSide div.SliderNavi a.NextSlide { background-image: url(../img/darkside_rechts.gif); }
div.Sektion.StartSlider ul.slides div.DarkSide div.SliderNavi a:hover { background-color: #cfcfcf; }

div.DarkSide a.Button.VideoIcon, div.DarkSide div.Button.VideoIcon  { background-image: url(../img/play-icon_sw.png); }







/* Update, 08.09.2016 */
/* Arbeiten bei, Accordion + Zweispalter */
/* Neue Version des Bereiches "Arbeiten bei" mit Accordion und in einem Zweispaltigen System */

div.ZweispaltenSystem {  width: auto; display: block; margin: 50px 0px 50px 0px; padding: 0px 0px 0px 0px; }
div.ZweispaltenSystem div.ZweierSpalte { width: auto; display: block;  }
div.ZweispaltenSystem div.ZweierSpalte.LinkeSeite { width: 74%; float: left; }
div.ZweispaltenSystem div.ZweierSpalte.LinkeSeite p { width: 85%; }
div.ZweispaltenSystem div.ZweierSpalte.RechteSeite { width: 24%; float: right; }


/* Anpassungen im Zweiersystem */
div.ZweispaltenSystem div.ZweierSpalte div.Opening { width: auto; display: block;  margin: 0px 30px 20px 30px; padding: 0px 0px 0px 0px;  }
div.ZweispaltenSystem div.ZweierSpalte div.AccordionRahmen { width: auto; display: block;  margin: 0px 0px 0px 0px ; padding: 0px 0px 0px 0px; }
div.ZweispaltenSystem div.ZweierSpalte div.Accordion  { width: auto; display: block;  margin: 0px 0px 50px 0px ; padding: 0px 0px 0px 0px; }


/* Teaser im Zweiersystem */
div.ZweispaltenSystem div.GreenBox { width: auto; display:block; margin: 0px 0px 15px 0px; }
div.ZweispaltenSystem a.RubrikTeaser { width: auto; display:block; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; background-color: #f0f0f0;  }
div.ZweispaltenSystem a.RubrikTeaser div.BildElement { width: auto; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.ZweispaltenSystem a.RubrikTeaser div.BildElement img { width: 100%; height: auto; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.ZweispaltenSystem a.RubrikTeaser div.TextElement { width: auto; display:block; margin: 0px 0px 0px 0px; padding: 30px 20px 24px 20px; }
div.ZweispaltenSystem a.RubrikTeaser div.TextElement div.Trenner { width: 50px; height: 2px; background-color: #000000; display:block; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; }
div.ZweispaltenSystem a.RubrikTeaser div.TextElement h2 { margin: 0px 0px 0px 0px; padding: 0px 25px 0px 0px; line-height: 125%; }
div.ZweispaltenSystem a.RubrikTeaser div.TextElement h3 { margin: 0px 0px 0px 0px; padding: 0px 25px 15px 0px; color: #333; line-height: 125%; }
div.ZweispaltenSystem a.RubrikTeaser div.TextElement div.Button { margin: 0px 0px 0px 0px; }


@media only screen and (max-width: 1400px) {
    div.ZweispaltenSystem div.ZweierSpalte.LinkeSeite p { width: 90%; }
    div.ZweispaltenSystem a.RubrikTeaser { width: auto; display:block; margin: 0px 0px 15px 0px; }
}

@media only screen and (max-width: 1100px) {
    div.ZweispaltenSystem div.ZweierSpalte.LinkeSeite { width: 65%;  }
    div.ZweispaltenSystem div.ZweierSpalte.LinkeSeite p { width: auto; }
    div.ZweispaltenSystem div.ZweierSpalte.RechteSeite { width: 33%; }
    div.ZweispaltenSystem a.RubrikTeaser { width: auto; display:block; margin: 0px 0px 15px 0px; }
}

@media only screen and (max-width: 970px) {
    div.ZweispaltenSystem div.ZweierSpalte div.Opening { margin: 0px 0px 20px 0px; }
}

@media only screen and (max-width: 760px) {
    div.ZweispaltenSystem div.ZweierSpalte.LinkeSeite { width: 100%;  }
    div.ZweispaltenSystem div.ZweierSpalte.LinkeSeite p { width: auto; }
    div.ZweispaltenSystem div.ZweierSpalte.RechteSeite { width: 100%; }
    div.ZweispaltenSystem a.RubrikTeaser { width: 49%; display:block; margin: 0px 0px 50px 0px; float: left; }
    div.ZweispaltenSystem a.RubrikTeaser.RechterTeaser { float: right; }
}

@media only screen and (max-width: 550px) {

    div.ZweispaltenSystem a.RubrikTeaser { width: 100%; display:block; margin: 0px 0px 15px 0px; }

}











/* RESPONSIVE  --------------------------------------------------------------------------------------------------- */

/* Typo - Allgemein */
h1 { font-size: 65px; }
h2, h2 span.WhiteStripe, h2 span.GreenStripe, h2 span.RedStripe  { font-size: 24px; margin-bottom: 8px;}
.KarrierePlattform div.InfoBoxHeader h2  { font-size: 22px; }
h3, ul li { font-size: 17px; }
a, p, label, span.Label, a.TechnikTeaser p  { font-size: 17px; }
a.Button, div.Button { font-size: 17px; }
input[type=submit] { font-size: 17px; height: auto; padding: 13px 30px 13px 30px; }
a.ListLink { font-size: 17px; }
.SuperZahl { font-size: 80px; }
.SuperZahl p, .SuperZahl i { font-size: 15px; }
input[type=text], div.Option { font-size: 15px; }

table tbody tr th,
table tbody tr td { font-size: 15px; }


/* Hauptnavigation */
div.Sektion.Navigation a.Logo { height: 50px; margin-top: 20px; }
div.Sektion.Navigation a.Logo img { height: 50px;  width: 255px;  }
a.HauptLink { font-size: 17px; }
div.HauptKlappe { padding: 65px 650px 65px 40px; }
div.HauptKlappe p.SuperZahl { padding-top: 40px; }
div.KlappNavigation a div.LinkInhalt, div.MessStation a div.LinkInhalt {  font-size: 15px; padding: 15px 60px 13px 40px;  }
div.KlappNavigation a div.LinkInhalt span, div.MessStation a div.LinkInhalt span  { font-size: 16px; }
div.SubNavigation a { font-size: 15px; padding-top: 8px; }
div.MyEnercon a, div.MyEnercon a span { font-size: 15px; padding-top: 8px; }
div.Sprachwahl a, div.Sprachwahl a span { font-size: 15px; padding-top: 8px; }
div.SubPunkt div.SubKlappe div.InnererBereich h2 {  font-size: 18px; margin: 0 0 15px 0; }
div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.MyEnercon:hover div.MyKlappe p { font-size: 15px; }


/* Mobiles Menue */
div.MobilesMenue div.MobileKlappe a { font-size: 15px; }
div.MobilesMenue div.MobileKlappe a.HauptLink { font-size: 17px; }
/*
div.MobilesMenue div.MobileKlappe div.MobilerContent { display: block;}
*/

/* Startseite */
div.Sektion.StartSlider div.Responsive { margin: 75px 50px 75px 50px; }


/* Sticker (Optional) */
div.Sticker, a.Sticker { display: block; width: 230px; height: 170px; right: 40px; top: 75px; }


/* Teaser */
div.TeaserBereich a.Teaser div.Inhalte h2, div.TeaserBereich div.Teaser div.Inhalte h2 { font-size: 22px; }
div.TeaserBereich a.Teaser div.Inhalte p, div.TeaserBereich div.Teaser div.Inhalte p { font-size: 17px; }
div.TeaserBereich a.Teaser div.Button, div.TeaserBereich div.Teaser a.Button { font-size: 17px; }
div.News div.TeaserBereich a.Teaser div.Inhalte h2,
div.News div.TeaserBereich div.Teaser div.Inhalte h2 { font-size: 26px; }


/* Icon Teaser (Footer) */
div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Inhalte h2,
div.TeaserBereich div.Teaser.SizeS.IconTeaser div.Inhalte h2 { font-size: 20px; }
div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button,
div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button { font-size: 15px; }


/* Claim-Ebene Anpassungen */
div.Sektion.Abschluss a.ClaimLink, div.Sektion.Abschluss a.ClaimLink span { font-size: 16px; padding-top: 8px; height: 22px; }
div.Sektion.Abschluss a.ClaimLink span { display: inline; }
div.Sektion.Abschluss p { font-size: 15px; padding-top: 20px;  }

/* Footer */
div.Sektion.Footer div.Breadcrumb b { font-size: 15px; }
div.Sektion.Footer div.Breadcrumb a { font-size: 15px; }
div.Sektion.Footer div.FooterNavigation a { font-size: 15px; }
div.Sektion.Footer div.Copyright { font-size: 15px; }


/* Icon-Teaser */
/* Wenn mit Spans */
div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span,
div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span {  font-size: 15px; padding-top: 5px;  }

div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Primaer,
div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Primaer { display:block; }
div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Alternativ,
div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Alternativ { display: none; }




/* Referenzen */

/* Anzahl */
div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl { padding-top: 75px; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2,
div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2 span,
div.UnterseitenHeader h2 { font-size: 32px; }


/* Filter */
@media only screen and (max-width: 1500px) {
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl.frExtend { width: 222px !important;}
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Typ.frExtend { width: 300px !important; }
}

@media only screen and (max-width: 1450px) {
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl.frExtend { width: 200px !important;}
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Typ.frExtend { width: 300px !important; }
}

@media only screen and (max-width: 1425px) {
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl.frExtend { width: 200px !important;}
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Typ.frExtend { width: 200px !important; }
}

@media only screen and (max-width: 1150px) {
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl.frExtend { width: 190px !important;}
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Typ.frExtend { width: 175px !important; }
}

@media only screen and (max-width: 1100px) {
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl.frExtend { width: 170px !important;}
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Typ.frExtend { width: 175px !important; }
}

@media only screen and (max-width: 770px) {
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Typ.frExtend { width: 150px !important; }
}

@media only screen and (max-width: 700px) {
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Typ.frExtend { width: 150px !important; }
}

div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.frExtend { width: 330px; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter { width: 270px; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte { width: 240px; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe { width: 270px; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe div.Zeiger { width: 270px; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe { width: 240px; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe div.Zeiger { width: 240px; }

div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 { font-size: 17px; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 span { font-size: 15px; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe a.Filter { font-size: 15px; }

/* Referenzen */
div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl { display:block; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl div.Anzahl { font-size: 32px; }
div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl h3 { font-size: 17px; }

/* Referenz-Detailseite */
div.InfoBoxHeader h1 { font-size: 32px; }
div.InfoBoxIcons div.Zelle h3 { font-size:15px;  }
div.InfoBoxIcons div.Zelle p { font-size:14px;  }


/* Aktuelles */

div.AktuellesDetailsBox div.BoxContent h1 { font-size: 32px; }
div.AktuellesDetailsBox div.BoxContent h2 { font-size: 20px; }
div.AktuellesDetailsBox div.BoxContent h3 { font-size: 18px; }


/* Produkte */

/* Plakat */
div.Sektion.PlakatBox div.Plakat div.PlakatBoxInfos h1 { font-size: 45px; }

/* Navi */
div.Navi div.EP div.Name h3 { font-size: 42px; width: 90px; color: #00564c;}
div.Navi div.EP div.Name h4 { font-size: 24px; width: 170px;  }
div.Navi div.EP a.Produkt { width: 150px; padding: 4px 15px 0px 25px; }


/* Detailseite */
div.DetailBoxInfos h1 { font-size: 145px; margin-left: -15px; }
div.ProdukteSet div.Wabe h1 { font-size: 42px; }
a.Lupe div.LupenIcon { width: 50px; height: 50px; }


/* Technologie */

/* Slider, Technologie */
div.Sektion.TechnologieSlider h1 { font-size: 32px; }

/* Hauptbuehne */
div.Sektion.TechnologieBuehne h1 { font-size: 32px; }

a.Lupe div.Legende { font-size: 13px;}

/* MonsterZahl */
div.Sektion.ZahlenSammlung div.ZahlenSet h1 { font-size: 60px; }

/* ElementarSlider */
div.Sektion.EnerElement div.ElementText h3 { font-size: 24px; }
div.Sektion.EnerElement div.ElementText h2 { font-size: 45px; }


/* Dot system */
div.KoordinatenSystem a.Dot { width: 70px; height: 80px; }
div.KoordinatenSystem div.DotPunkt { width: 70px; font-size: 17px; padding-top: 23px;  padding-right: 2px;  }


/* Karriere */

div.HighlightText div.HighHead h1 { font-size: 30px; }
div.HighlightText div.HighHead h2 { font-size: 22px; }

.PowerTeaser div.PowerHead h1 { font-size: 30px; }
.PowerTeaser div.PowerHead h2 { font-size: 22px; }


/* Unternehmen */

div.UnternehmenTeaserEbene div.UnternehmenTeaser.GreenBarray div.TextElement h2 { font-size:55px; }

div.HighlightFull div.HighHead h1 { font-size: 30px; }
div.HighlightFull div.HighHead h2 { font-size: 22px; }



/* Historie */

div.Historie div.HistorienBox  ul.SelektTime li a { font-size: 17px; }
div.Historie div.HistorienBox  ul.SelektTime li a.selected { font-size: 48px; }
div.Historie div.HistorienBox div.TimeBox h1 { font-size: 130px; }



/* Produktneuheiten */
div.NeuheitenInfos h1 { font-size: 45px; }
div.Sektion.Neuheiten div.DotSystem div.Dot { width: 91px; height: 91px; }
div.Sektion.Neuheiten div.DotSystem div.Dot div.DotPunkt { width: 91px; height: 91px; background-size: 91px auto; }





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

    div.Responsive { margin: 0px 45px 0px 45px;  }
    div.Sektion.Navigation div.HauptNaviBereich { margin-left: 40px; }

    /* Typo - Allgemein */
    h1 { font-size: 55px; }
    h2, h2 span.WhiteStripe, h2 span.GreenStripe, h2 span.RedStripe  { font-size: 20px; }
    h3, ul li { font-size: 16px; }
    a, p, label, span.Label, a.TechnikTeaser p  { font-size: 16px; }
    a.Button, div.Button { font-size: 16px; padding: 13px 30px 11px 30px; }
    input[type=submit] { font-size: 16px; height: auto; padding: 13px 30px 13px 30px; }
    a.ListLink { font-size: 16px; }
    .SuperZahl { font-size: 80px; }
    .SuperZahl p, .SuperZahl i { font-size: 15px; }
    input[type=text], div.Option { font-size: 15px; }

    table tbody tr th,
    table tbody tr td { font-size: 15px; }


    /* Hauptnavigation */
    div.Sektion.Navigation a.Logo { height: 50px; margin-top: 20px; }
    div.Sektion.Navigation a.Logo img { height: 50px;  width: 255px;  }
    a.HauptLink { font-size: 17px; }
    div.HauptKlappe { padding: 45px 650px 45px 40px; }
    div.HauptKlappe p.SuperZahl { padding-top: 35px; }
    div.KlappNavigation a div.LinkInhalt, div.MessStation a div.LinkInhalt { font-size: 15px; padding: 10px 60px 7px 40px;  }
    div.KlappNavigation a div.LinkInhalt span, div.MessStation a div.LinkInhalt span { font-size: 15px; }
    div.SubNavigation a { font-size: 14px; padding-top: 9px; }
    div.MyEnercon a, div.MyEnercon a span { font-size: 14px; padding-top: 9px; }
    div.Sprachwahl a, div.Sprachwahl a span { font-size: 14px; padding-top: 9px; }
    div.SubPunkt div.SubKlappe div.InnererBereich h2 {  font-size: 17px; }
    div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.MyEnercon:hover div.MyKlappe p { font-size: 15px; }


    /* Startseite */
    div.Sektion.StartSlider div.Responsive { margin: 75px 50px 75px 50px; }


    /* Sticker (Optional) */
    div.Sticker, a.Sticker { display: block;  width: 200px; height: 148px; right: 30px; top: 75px; }


    /* Teaser */
    div.TeaserBereich a.Teaser div.Inhalte h2, div.TeaserBereich div.Teaser div.Inhalte h2 { font-size: 20px; }
    div.TeaserBereich a.Teaser div.Inhalte p, div.TeaserBereich div.Teaser div.Inhalte p { font-size: 16px; }
    div.TeaserBereich a.Teaser div.Button, div.TeaserBereich div.Teaser a.Button { font-size: 16px; }
    div.News div.TeaserBereich a.Teaser div.Inhalte h2,
    div.News div.TeaserBereich div.Teaser div.Inhalte h2 { font-size: 24px; }


    /* Icon Teaser (Footer) */
    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Inhalte h2,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser div.Inhalte h2 { font-size: 20px; }


    /* Claim-Ebene Anpassungen */
    div.Sektion.Abschluss a.ClaimLink, div.Sektion.Abschluss a.ClaimLink span { font-size: 16px; padding-top: 8px; height: 22px; }
    div.Sektion.Abschluss a.ClaimLink span { display: inline; }
    div.Sektion.Abschluss p { font-size: 15px; padding-top: 20px;  }


    /* Footer */
    div.Sektion.Footer div.Breadcrumb b { font-size: 14px; }
    div.Sektion.Footer div.Breadcrumb a { font-size: 14px; }
    div.Sektion.Footer div.FooterNavigation a { font-size: 14px; }
    div.Sektion.Footer div.Copyright { font-size: 14px; }


    /* Icon-Teaser */
    /* Wenn mit Spans */
    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span { font-size: 14px; padding-top: 5px;  }

    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Primaer,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Primaer { display:block; }
    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Alternativ,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Alternativ { display: none; }




    /* Referenzen */

    /* Anzahl */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl { padding-top: 85px; margin-left: 40px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2,
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2 span,
    div.UnterseitenHeader h2 { font-size: 28px; }


    /* Filter */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter { width: 270px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte { width: 240px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe { width: 270px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe div.Zeiger { width: 270px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe { width: 240px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe div.Zeiger { width: 240px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 { font-size: 17px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 span { font-size: 15px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe a.Filter { font-size: 15px; }

    /* Referenzen */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl { display:block; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl div.Anzahl { font-size: 32px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl h3 { font-size: 17px; }

    /* Referenz-Detailseite */
    div.InfoBoxHeader h1 { font-size: 32px; }
    div.InfoBoxIcons div.Zelle h3 { font-size:15px;  }
    div.InfoBoxIcons div.Zelle p { font-size:14px;  }


    /* Aktuelles */

    div.AktuellesDetailsBox div.BoxContent h1 { font-size: 32px; }
    div.AktuellesDetailsBox div.BoxContent h2 { font-size: 20px; }
    div.AktuellesDetailsBox div.BoxContent h3 { font-size: 18px; }


    /* Produkte */

    /* Plakat */
    div.Sektion.PlakatBox div.Plakat div.PlakatBoxInfos h1 { font-size: 40px; }

    /* Navi */
    div.Navi div.EP div.Name h3 { font-size: 38px; width: 90px; padding: 20px 0px 0px 35px; height: auto; }
    div.Navi div.EP div.Name h4 { font-size: 22px; width: 170px; padding-top: 30px; }
    div.Navi div.EP a.Produkt { width: 130px; height: 26px; padding: 8px 15px 0px 25px; line-height: 100%; margin: 22px 0px 22px 0px; }


    /* Detailseite */
    div.DetailBoxInfos h1 { font-size: 125px; margin-left: -11px; }
    div.ProdukteSet div.Wabe h1 { font-size: 38px; }

    a.Lupe div.LupenIcon { width: 50px; height: 50px; }



    /* Technologie */

    /* Slider, Technologie */
    div.Sektion.TechnologieSlider h1 { font-size: 32px; }

    /* Hauptbuehne */
    div.Sektion.TechnologieBuehne h1 { font-size: 32px; }

    div.ContentSliderBox div.SlideIt ul.flex-direction-nav li a { width: 55px; height: 50px; margin-top: -25px }

    a.Lupe div.Legende { font-size: 13px;}

    /* MonsterZahl */
    div.Sektion.ZahlenSammlung div.ZahlenSet h1 { font-size: 50px; }

    /* ElementarSlider */
    div.Sektion.EnerElement div.ElementText h3 { font-size: 20px; }
    div.Sektion.EnerElement div.ElementText h2 { font-size: 40px; }

    a.schliessenX { width: 55px; height: 50px; }


    /* Dot system */
    div.KoordinatenSystem a.Dot { width: 60px; height: 70px; }
    div.KoordinatenSystem div.DotPunkt { width: 60px; font-size: 15px; padding-top: 20px;  }


    /* Karriere */

    div.HighlightText div.HighHead h1 { font-size: 26px; }
    div.HighlightText div.HighHead h2 { font-size: 20px; }

    .PowerTeaser div.PowerHead h1 { font-size: 26px; }
    .PowerTeaser div.PowerHead h2 { font-size: 20px; }



    /* Kontakt */

    div.Sektion.KontaktSystem div.HauptBereich div.ReiterAuswahl.XLSize div.ReiterAuswahlKlappe a.Reiter { padding: 18px 25px 18px 25px; }


    /* Unternehmen */

    div.UnternehmenTeaserEbene div.UnternehmenTeaser.GreenBarray div.TextElement h2 { font-size:50px; }


    /* MonsterTeaser */

    a.MonsterTeaser h2 { width: 70%; }


    div.HighlightFull div.HighHead h1 { font-size: 26px; }
    div.HighlightFull div.HighHead h2 { font-size: 20px; }


    /* Historie */

    div.Historie div.HistorienBox  ul.SelektTime li a { font-size: 17px; }
    div.Historie div.HistorienBox  ul.SelektTime li a.selected { font-size: 48px; }
    div.Historie div.HistorienBox div.TimeBox h1 { font-size: 115px; }


    /* Produktneuheiten */
    div.NeuheitenInfos h1 { font-size: 40px; }


}


@media only screen and (max-width: 1400px) {

    div.Responsive { margin: 0px 40px 0px 40px;  }
    div.Sektion.Navigation div.HauptNaviBereich { margin-left: 35px; }


    /* Typo - Allgemein */
    h1 { font-size: 52px; }
    h2, h2 span.WhiteStripe, h2 span.GreenStripe, h2 span.RedStripe  { font-size: 18px; }
    h3, ul li { font-size: 15px; }
    a, p, label, span.Label, a.TechnikTeaser p  { font-size: 15px; }
    a.Button, div.Button { font-size: 15px; padding: 10px 30px 8px 30px; }
    input[type=submit] { font-size: 15px; height: auto; padding: 10px 30px 10px 30px; }
    a.ListLink { font-size: 15px; }
    .SuperZahl { font-size: 70px; }
    .SuperZahl p, .SuperZahl i { font-size: 14px; }
    input[type=text], div.Option { font-size: 14px; }

    table tbody tr th,
    table tbody tr td { font-size: 14px; }

    /* Button mit Video-Icon */
    a.Button.VideoIcon, div.Button.VideoIcon {padding-left: 40px; background-position: 10px center; }

    /* Hauptnavigation */
    div.Sektion.Navigation a.Logo { height: 50px; margin-top: 20px; }
    div.Sektion.Navigation a.Logo img { height: 50px;  width: 255px;  }
    a.HauptLink { font-size: 16px; }
    div.HauptKlappe { padding: 35px 650px 35px 40px; }
    div.HauptKlappe p.SuperZahl { padding-top: 30px; }
    div.KlappNavigation a div.LinkInhalt, div.MessStation a div.LinkInhalt { font-size: 13px; padding: 10px 60px 7px 35px; }
    div.KlappNavigation a div.LinkInhalt span, div.MessStation a div.LinkInhalt span { font-size: 14px; }
    div.SubNavigation a { font-size: 13px; padding-top: 10px; padding-top: 10px;  }
    div.MyEnercon a, div.MyEnercon a span { font-size: 13px; padding-top: 10px; }
    div.Sprachwahl a, div.Sprachwahl a span { font-size: 13px; padding-top: 10px; }
    div.SubPunkt div.SubKlappe div.InnererBereich h2 {  font-size: 16px; }
    div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.MyEnercon:hover div.MyKlappe p { font-size: 14px; }


    /* Startseite */
    div.Sektion.StartSlider div.Responsive { margin: 55px 50px 75px 50px; }

    div.Sektion.StartSlider ul.slides div.SliderNavi a { width: 48px; height: 44px !important; background-size: auto;  }

    /* Sticker (Optional) */
    div.Sticker, a.Sticker { display: block; width: 180px; height: 133px; right: 30px; top: 55px; }


    /* Teaser */
    div.TeaserBereich a.Teaser div.Inhalte h2, div.TeaserBereich div.Teaser div.Inhalte h2 { font-size: 20px; }
    div.TeaserBereich a.Teaser div.Inhalte p, div.TeaserBereich div.Teaser div.Inhalte p { font-size: 15px; }
    div.TeaserBereich a.Teaser div.Button, div.TeaserBereich div.Teaser a.Button { font-size: 15px; }
    div.News div.TeaserBereich a.Teaser div.Inhalte h2,
    div.News div.TeaserBereich div.Teaser div.Inhalte h2 { font-size: 22px; }


    /* Icon Teaser (Footer) */
    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Inhalte h2,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser div.Inhalte h2 { font-size: 17px; }


    /* Claim-Ebene Anpassungen */
    div.Sektion.Abschluss a.ClaimLink, div.Sektion.Abschluss a.ClaimLink span { font-size: 16px; padding-top: 8px; height: 22px; }
    div.Sektion.Abschluss a.ClaimLink span { display: inline; }
    div.Sektion.Abschluss p { font-size: 15px; padding-top: 20px;  }


    /* Footer */
    div.Sektion.Footer div.Breadcrumb b { font-size: 13px; }
    div.Sektion.Footer div.Breadcrumb a { font-size: 13px; }
    div.Sektion.Footer div.FooterNavigation a { font-size: 13px; }
    div.Sektion.Footer div.Copyright { font-size: 13px; }


    /* Icon-Teaser */
    /* Wenn mit Spans */
    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span { font-size: 13px; padding-top: 5px;  }

    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Primaer,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Primaer { display:block; }

    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Alternativ,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Alternativ { display: none; }


    /* Referenzen */

    /* Anzahl */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl { padding-top: 90px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2,
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2 span,
    div.UnterseitenHeader h2 { font-size: 22px; }

    /* Filter */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter { width: 260px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte { width: 210px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe { width: 260px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe div.Zeiger { width: 260px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe { width: 210px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe div.Zeiger { width: 210px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 { font-size: 15px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 span { font-size: 15px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe a.Filter { font-size: 15px; }

    /* Referenzen */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl { display:block; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl div.Anzahl { font-size: 30px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl h3 { font-size: 17px; }

    /* Referenz-Detailseite */
    div.InfoBoxHeader h1 { font-size: 28px; }
    div.InfoBoxIcons div.Zelle h3 { font-size:14px;  }
    div.InfoBoxIcons div.Zelle p { font-size:13px;  }


    /* Aktuelles */

    div.AktuellesDetailsBox div.BoxContent h1 { font-size: 32px; }
    div.AktuellesDetailsBox div.BoxContent h2 { font-size: 20px; }
    div.AktuellesDetailsBox div.BoxContent h3 { font-size: 18px; }


    /* Produkte */

    /* Plakat */
    div.Sektion.PlakatBox div.Plakat div.PlakatBoxInfos h1 { font-size: 36px; }

    /* Navi */
    div.Navi div.EP div.Name h3 { font-size: 34px; width: 90px; padding: 15px 0px 0px 35px; height: auto; }
    div.Navi div.EP div.Name h4 { font-size: 20px; width: 170px; padding-top: 26px; }
    div.Navi div.EP a.Produkt { width: 120px; height: 26px; padding: 0px 15px 0px 25px; margin: 20px 0px 20px 0px; line-height: 180%; }


    /* Detailseite */
    div.DetailBoxInfos h1 { font-size: 110px; margin-left: -9px; }
    div.ProdukteSet div.Wabe h1 { font-size: 34px; }

    a.Lupe div.LupenIcon { width: 45px; height: 45px; }


    /* Technologie */

    /* Slider, Technologie */
    div.Sektion.TechnologieSlider h1 { font-size: 30px; }

    /* Hauptbuehne */
    div.Sektion.TechnologieBuehne h1 { font-size: 30px; }

    div.ContentSliderBox div.SlideIt ul.flex-direction-nav li a { width: 50px; height: 45px; margin-top: -22px }

    a.Lupe div.Legende { font-size: 12px;}

    /* MonsterZahl */
    div.Sektion.ZahlenSammlung div.ZahlenSet h1 { font-size: 45px; }

    /* ElementarSlider */
    div.Sektion.EnerElement div.ElementText h3 { font-size: 18px; }
    div.Sektion.EnerElement div.ElementText h2 { font-size: 36px; }

    a.schliessenX { width: 50px; height: 45px; }

    /* Dot system */
    div.KoordinatenSystem a.Dot { width: 50px; height: 60px; }
    div.KoordinatenSystem div.DotPunkt { width: 50px; font-size: 14px; padding-top: 17px;  }


    /* Karriere */

    div.HighlightText div.HighHead h1 { font-size: 24px; }
    div.HighlightText div.HighHead h2 { font-size: 19px; }

    .PowerTeaser div.PowerHead h1 { font-size: 24px; }
    .PowerTeaser div.PowerHead h2 { font-size: 19px; }


    /* Kontakt */

    div.Sektion.KontaktSystem div.HauptBereich div.ReiterAuswahl.XLSize div.ReiterAuswahlKlappe a.Reiter { padding: 18px 15px 18px 15px; }



    /* Unternehmen */

    div.UnternehmenTeaserEbene div.UnternehmenTeaser.GreenBarray div.TextElement h2 { font-size:45px; }


    /* MonsterTeaser */

    a.MonsterTeaser h2 { width: 80%; }


    div.HighlightFull div.HighHead h1 { font-size: 24px; }
    div.HighlightFull div.HighHead h2 { font-size: 19px; }


    /* Historie */

    div.Historie div.HistorienBox  ul.SelektTime li a { font-size: 17px; }
    div.Historie div.HistorienBox  ul.SelektTime li a.selected { font-size: 48px; }
    div.Historie div.HistorienBox div.TimeBox h1 { font-size: 105px; }


    .MonsterTeaser p { padding: 0 80px; }


    /* Produktneuheiten */
    div.NeuheitenInfos h1 { font-size: 35px; }
    div.Sektion.Neuheiten div.DotSystem div.Dot { width: 71px; height: 71px; }
    div.Sektion.Neuheiten div.DotSystem div.Dot div.DotPunkt { width: 71px; height: 71px; background-size: 71px auto; }


}



@media only screen and (max-width: 1200px) {

    div.Responsive { margin: 0px 35px 0px 35px;  }
    div.Sektion.Navigation div.HauptNaviBereich { margin-left: 30px; }


    /* Typo - Allgemein */
    h1 { font-size: 48px; }
    h2, h2 span.WhiteStripe, h2 span.GreenStripe, h2 span.RedStripe  { font-size: 16px; }
    h3, ul li { font-size: 14px; }
    a, p, label, span.Label, a.TechnikTeaser p  { font-size: 14px; }
    a.Button, div.Button { font-size: 14px; padding: 11px 25px 5px 25px; }
    input[type=submit] { font-size: 14px; height: auto; padding: 10px 25px 10px 25px; }
    a.ListLink { font-size: 14px; }
    .SuperZahl { font-size: 60px; }
    .SuperZahl p, .SuperZahl i { font-size: 13px; }
    input[type=text], div.Option { font-size: 13px; }

    table tbody tr th,
    table tbody tr td { font-size: 13px; }


    /* Hauptnavigation */
    div.Sektion.Navigation a.Logo { height: 45px; margin-top: 22px; }
    div.Sektion.Navigation a.Logo img { height: 45px;  width: 229px;  }
    a.HauptLink { font-size: 15px; }

    div.HauptKlappe { padding: 30px 650px 30px 40px; }
    div.HauptKlappe p.SuperZahl { padding-top: 25px; }
    div.KlappNavigation a div.LinkInhalt, div.MessStation a div.LinkInhalt { font-size: 12px; padding: 10px 60px 7px 30px;  }
    div.KlappNavigation a div.LinkInhalt span, div.MessStation a div.LinkInhalt span { font-size: 14px; }

    div.SubNavigation a { font-size: 13px; padding-top: 11px; }
    div.MyEnercon a, div.MyEnercon a span { font-size: 13px; padding-top: 11px; }
    div.Sprachwahl a, div.Sprachwahl a span { font-size: 13px; padding-top: 11px; }
    div.SubPunkt div.SubKlappe div.InnererBereich h2 {  font-size: 15px; }
    div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.MyEnercon:hover div.MyKlappe p { font-size: 13px; }


    /* Startseite */
    div.Sektion.StartSlider div.Responsive { margin: 50px 50px 75px 50px; }
    div.Sektion ul.slides div.SliderNavi a { width: 47px; height: 47px; background-size:cover; }
    div.Sektion ul.slides div.SliderNavi a:hover { background-position: left -67px; }

    div.Sektion.StartSlider ul.slides div.SliderNavi a { width: 43px; height: 37px !important; background-size: auto;  }


    /* Sticker (Optional) */
    div.Sticker, a.Sticker { display: block; width: 180px; height: 133px; right: 25px; top: 50px; }


    /* Teaser */
    div.TeaserBereich a.Teaser div.Inhalte h2, div.TeaserBereich div.Teaser div.Inhalte h2 { font-size: 18px; }
    div.TeaserBereich a.Teaser div.Inhalte p, div.TeaserBereich div.Teaser div.Inhalte p { font-size: 14px; }
    div.TeaserBereich a.Teaser div.Button, div.TeaserBereich div.Teaser a.Button { font-size: 14px; }
    div.News div.TeaserBereich a.Teaser div.Inhalte h2,
    div.News div.TeaserBereich div.Teaser div.Inhalte h2 { font-size: 20px; }


    /* Icon Teaser (Footer) */
    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Inhalte h2,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser div.Inhalte h2 { font-size: 16px; }


    /* Claim-Ebene Anpassungen */
    div.Sektion.Abschluss a.ClaimLink, div.Sektion.Abschluss a.ClaimLink span { font-size: 16px; padding-top: 8px; height: 22px; }
    div.Sektion.Abschluss a.ClaimLink span { display: inline; }
    div.Sektion.Abschluss p { font-size: 15px; padding-top: 20px;  }


    /* Footer */
    div.Sektion.Footer div.Breadcrumb { display: none; }
    div.Sektion.Footer div.FooterNavigation { position:static; float:left; margin-left: 0px !important; }
    div.Sektion.Footer div.Breadcrumb b { font-size: 13px; }
    div.Sektion.Footer div.Breadcrumb a { font-size: 13px; }
    div.Sektion.Footer div.FooterNavigation a { font-size: 13px; }
    div.Sektion.Footer div.Copyright { font-size: 13px; }


    /* Icon-Teaser */
    /* Wenn mit Spans */
    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span { font-size: 13px; padding-top: 5px;  }

    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Primaer,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Primaer { display:block; }
    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Alternativ,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Alternativ { display: none; }


    /* Referenzen */

    /* Filterleiste */
    div.Sektion.IsotopenEbene div.IsotopenHeader { margin-top: 80px; }

    /* Anzahl */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl { padding-top: 90px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2,
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2 span,
    div.UnterseitenHeader h2 { font-size: 20px; }

    /* Filter */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter { width: 250px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte { width: 190px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe { width: 250px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe div.Zeiger { width: 250px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe { width: 190px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe div.Zeiger { width: 190px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 { font-size: 14px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 span { font-size: 14px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe a.Filter { font-size: 14px; }

    /* Referenzen */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl { display:block; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl div.Anzahl { font-size: 28px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl h3 { font-size: 14px; }

    /* Referenz-Detailseite */
    div.InfoBoxHeader h1 { font-size: 24px; }
    div.InfoBoxIcons div.Zelle h3 { font-size:13px;  }
    div.InfoBoxIcons div.Zelle p { font-size:12px;  }


    /* Aktuelles */

    div.AktuellesDetailsBox div.BoxContent h1 { font-size: 32px; }
    div.AktuellesDetailsBox div.BoxContent h2 { font-size: 20px; }
    div.AktuellesDetailsBox div.BoxContent h3 { font-size: 18px; }



    /* Produkte */

    /* Plakat */
    div.Sektion.PlakatBox div.Plakat div.PlakatBoxInfos h1 { font-size: 32px; }

    /* Navi */
    div.Navi div.EP div.Name h3 { font-size: 30px; width: 90px; padding: 15px 0px 0px 30px; height: auto; }
    div.Navi div.EP div.Name h4 { font-size: 18px; width: 170px; padding-top: 22px; }
    div.Navi div.EP a.Produkt { width: 110px; height: 26px; padding: 0px 15px 0px 25px; margin: 16px 0px 16px 0px; }


    /* Detailseite */
    div.DetailBoxInfos h1 { font-size: 100px; margin-left: -7px; }
    div.ProdukteSet div.Wabe h1 { font-size: 30px; }

    a.Lupe div.LupenIcon { width: 40px; height: 40px; }


    /* Technologie */

    /* Slider, Technologie */
    div.Sektion.TechnologieSlider h1 { font-size: 28px; }
    div.Sektion.TechnologieSlider ul.slides li h1,
    div.Sektion.TechnologieSlider ul.slides li div.Einruecker { max-width: 400px; }

    /* Hauptbuehne */
    div.Sektion.TechnologieBuehne h1 { font-size: 28px; }

    div.ContentSliderBox div.SlideIt ul.flex-direction-nav li a { width: 45px; height: 40px; margin-top: -20px }

    a.Lupe div.Legende { font-size: 11px;}

    /* MonsterZahl */
    div.Sektion.ZahlenSammlung div.ZahlenSet h1 { font-size: 36px; }

    /* ElementarSlider */
    div.Sektion.EnerElement div.ElementText h3 { font-size: 16px; }
    div.Sektion.EnerElement div.ElementText h2 { font-size: 32px; }

    a.schliessenX { width: 45px; height: 40px; }


    /* Dot system */
    div.KoordinatenSystem a.Dot { width: 45px; height: 55px; }
    div.KoordinatenSystem div.DotPunkt { width: 45px; font-size: 12px; padding-top: 16px; padding-left: 1px;   }



    /* Karriere */

    div.HighlightText div.HighHead h1 { font-size: 20px; }
    div.HighlightText div.HighHead h2 { font-size: 18px; }

    .PowerTeaser div.PowerHead h1 { font-size: 20px; }
    .PowerTeaser div.PowerHead h2 { font-size: 18px; }


    /* Kontakt */

    div.Sektion.KontaktSystem div.HauptBereich div.ReiterAuswahl.XLSize div.ReiterAuswahlKlappe a.Reiter { padding: 18px 15px 18px 15px; }


    /* Unternehmen */

    div.UnternehmenTeaserEbene div.UnternehmenTeaser.GreenBarray div.TextElement h2 { font-size:40px; }


    /* MonsterTeaser */

    a.MonsterTeaser h2 { width: 90%; }


    div.HighlightFull div.HighHead h1 { font-size: 20px; }
    div.HighlightFull div.HighHead h2 { font-size: 18px; }


    /* Historie */

    div.Historie div.HistorienBox  ul.SelektTime li a { font-size: 17px; }
    div.Historie div.HistorienBox  ul.SelektTime li a.selected { font-size: 48px; }
    div.Historie div.HistorienBox div.TimeBox h1 { font-size: 90px; }

    .MonsterTeaser p { padding: 0 50px; }

    div.Sektion.StartSlider ul.slides div.SliderNavi a { width: 45px; height: 40px; background-size: auto;  }


    /* Produktneuheiten */
    div.NeuheitenInfos h1 { font-size: 30px; }


}


@media only screen and (max-width: 1100px) {

    div.Responsive { margin: 0px 25px 0px 25px;  }
    div.Sektion.Navigation div.HauptNaviBereich { margin-left: 25px; }

    /* Typo - Allgemein */
    h1 { font-size: 42px; }
    h2, h2 span.WhiteStripe, h2 span.GreenStripe, h2 span.RedStripe  { font-size: 15px; }
    h3, ul li { font-size: 13px; }
    a, p, label, span.Label, a.TechnikTeaser p  { font-size: 13px; }
    a.Button, div.Button { font-size: 13px; padding: 10px 20px 2px 20px; }
    input[type=submit] { font-size: 13px; height: auto; padding: 10px 20px 10px 20px; }
    a.ListLink { font-size: 13px; }
    .SuperZahl { font-size: 50px; }
    .SuperZahl p, .SuperZahl i { font-size: 12px; }
    input[type=text], div.Option { font-size: 12px; }

    table tbody tr th,
    table tbody tr td { font-size: 13px; }


    /* Hauptnavigation */
    div.Sektion.Navigation a.Logo { height: 40px; margin-top: 25px; }
    div.Sektion.Navigation a.Logo img { height: 40px;  width: 204px;  }
    a.HauptLink { font-size: 15px; }
    div.HauptKlappe { padding: 30px 650px 30px 40px; }
    div.HauptKlappe p.SuperZahl { padding-top: 20px; }
    div.KlappNavigation a div.LinkInhalt, div.MessStation a div.LinkInhalt { font-size: 11px; padding: 10px 60px 7px 25px; }
    div.KlappNavigation a div.LinkInhalt span, div.MessStation a div.LinkInhalt span { font-size: 12px; }
    div.SubNavigation a { font-size: 13px; padding-top: 11px; }
    div.MyEnercon a, div.MyEnercon a span { font-size: 13px; padding-top: 11px; }
    div.Sprachwahl a, div.Sprachwahl a span { font-size: 13px; padding-top: 11px; }
    div.SubPunkt div.SubKlappe div.InnererBereich h2 {  font-size: 14px; }
    div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.MyEnercon:hover div.MyKlappe p { font-size: 13px; }


    /* Startseite */
    div.Sektion.StartSlider ul.slides p { display: block; }
    div.Sektion.StartSlider div.Responsive { margin: 40px 50px 75px 50px; }

    div.Sektion.StartSlider ul.slides div.SliderNavi a { width: 43px; height: 38px; background-size: auto;  }


    /* Sticker (Optional) */
    div.Sticker, a.Sticker { display: block; width: 160px; height: 118px; right: 20px; top: 40px; }


    /* Teaser */
    div.TeaserBereich a.Teaser div.Inhalte h2, div.TeaserBereich div.Teaser div.Inhalte h2 { font-size: 17px; }
    div.TeaserBereich a.Teaser div.Inhalte p, div.TeaserBereich div.Teaser div.Inhalte p { font-size: 13px; }
    div.TeaserBereich a.Teaser div.Button, div.TeaserBereich div.Teaser a.Button { font-size: 13px; }
    div.News div.TeaserBereich a.Teaser div.Inhalte h2,
    div.News div.TeaserBereich div.Teaser div.Inhalte h2 { font-size: 16px; }


    /* Icon Teaser (Footer) */
    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Inhalte h2,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser div.Inhalte h2 { font-size: 15px; }


    /* Claim-Ebene Anpassungen */
    div.Sektion.Abschluss a.ClaimLink, div.Sektion.Abschluss a.ClaimLink span { font-size: 16px; padding-top: 8px; height: 22px; }
    div.Sektion.Abschluss a.ClaimLink span { display: none; }
    div.Sektion.Abschluss p { font-size: 15px; padding-top: 20px;  }
    div.Sektion.Abschluss p.Claim { font-size: 15px; padding-top: 6px;  }


    /* Footer */
    div.Sektion.Footer div.Breadcrumb b { font-size: 13px; }
    div.Sektion.Footer div.Breadcrumb a { font-size: 13px; }
    div.Sektion.Footer div.FooterNavigation a { font-size: 13px; }
    div.Sektion.Footer div.Copyright { font-size: 13px; }


    /* Icon-Teaser */
    /* Wenn mit Spans */
    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span { font-size: 13px; padding-top: 3px;  }

    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Primaer,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Primaer { display:block; }
    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Alternativ,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Alternativ { display: none; }



    /* Referenzen */

    /* Filterleiste */
    div.Sektion.IsotopenEbene div.IsotopenHeader { margin-top: 80px; }

    /* Anzahl */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl { padding-top: 90px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2,
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2 span,
    div.UnterseitenHeader h2 { font-size: 20px; }

    /* Filter */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter { width: 230px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte { width: 180px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe { width: 230px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe div.Zeiger { width: 230px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe { width: 180px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe div.Zeiger { width: 180px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 { font-size: 14px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 span { font-size: 14px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe a.Filter { font-size: 14px; }

    /* Referenzen */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl { display:block; width: 150px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl div.Anzahl { font-size: 28px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl h3 { font-size: 14px; }

    /* Referenz-Detailseite */
    div.InfoBoxHeader h1 { font-size: 24px; }
    div.InfoBoxIcons div.Zelle h3 { font-size:13px;  }
    div.InfoBoxIcons div.Zelle p { font-size:12px;  }

    /* schliessen */
    div.Sektion.ReferenzDetailInhalte a.schliessen { width: 50px; overflow:hidden; padding: 11px 0px 0px 0px; color:transparent;  }


    /* Aktuelles */

    div.AktuellesDetailsBox div.BoxContent h1 { font-size: 32px; }
    div.AktuellesDetailsBox div.BoxContent h2 { font-size: 20px; }
    div.AktuellesDetailsBox div.BoxContent h3 { font-size: 18px; }




    /* Produkte */

    /* Plakat */
    div.Sektion.PlakatBox div.Plakat div.PlakatBoxInfos h1 { font-size: 32px; }

    /* Navi */
    div.Navi div.EP div.Name h3 { font-size: 26px; width: 60px; padding: 15px 0px 0px 25px; height: auto; }
    div.Navi div.EP div.Name h4 { font-size: 16px; width: 100px; padding-top: 22px; }
    div.Navi div.EP a.Produkt { width: 110px; height: 26px; padding: 3px 15px 0px 25px; margin: 14px 0px 14px 0px; }


    /* Detailseite */
    div.DetailBoxInfos h1 { font-size: 80px;   margin-left: -6px; }
    div.ProdukteSet div.Wabe h1 { font-size: 26px; }

    a.Lupe div.LupenIcon { width: 40px; height: 40px; }


    /* Zoom Buttom */
    a.ZoomAufButton { width: 50px; height: 50px; padding: 0px; display:block; background-size: auto; background-position: top right; }
    a.ZoomAufButton span { display: none; }


    /* Technologie */

    /* Slider, Technologie */
    div.Sektion.TechnologieSlider h1 { font-size: 26px; }
    div.Sektion.TechnologieSlider ul.slides li h1,
    div.Sektion.TechnologieSlider ul.slides li div.Einruecker { max-width: 400px; }
    div.Sektion.TechnologieSlider,
    div.Sektion.TechnologieSlider div.Responsive,
    div.Sektion.TechnologieSlider ul.slides,
    div.Sektion.TechnologieSlider ul.slides li { height: 500px; }

    /* Hauptbuehne */
    div.Sektion.TechnologieBuehne h1 { font-size: 26px; }

    div.ContentSliderBox div.SlideIt ul.flex-direction-nav li a { width: 45px; height: 40px; margin-top: -20px }
    a.Lupe div.Legende { font-size: 11px;}


    /* MonsterZahl */
    div.Sektion.ZahlenSammlung div.ZahlenSet h1 { font-size: 36px; }

    /* ElementarSlider */
    div.Sektion.EnerElement div.ElementText h3 { font-size: 15px; }
    div.Sektion.EnerElement div.ElementText h2 { font-size: 32px; }

    a.schliessenX { width: 45px; height: 40px; }


    /* Dot system */
    div.KoordinatenSystem a.Dot { width: 45px; height: 55px; }
    div.KoordinatenSystem div.DotPunkt { width: 45px; font-size: 12px; padding-top: 16px; padding-left: 1px;   }


    /* Karriere */

    div.HighlightText div.HighHead h1 { font-size: 20px; }
    div.HighlightText div.HighHead h2 { font-size: 18px; }

    .PowerTeaser div.PowerHead h1 { font-size: 20px; }
    .PowerTeaser div.PowerHead h2 { font-size: 18px; }



    /* Unternehmen */

    div.UnternehmenTeaserEbene div.UnternehmenTeaser.GreenBarray div.TextElement h2 { font-size:38px; }


    div.HighlightFull div.HighHead h1 { font-size: 20px; }
    div.HighlightFull div.HighHead h2 { font-size: 18px; }


    /* Historie */

    div.Historie div.HistorienBox  ul.SelektTime li a { font-size: 17px; }
    div.Historie div.HistorienBox  ul.SelektTime li a.selected { font-size: 40px; }
    div.Historie div.HistorienBox div.TimeBox h1 { font-size: 98px; }

    .MonsterTeaser p { padding: 0 40px; }


    /* Kontakt */
    div.Sektion.KontaktSystem div.HauptBereich div.ReiterAuswahl.XLSize div.ReiterAuswahlKlappe a.Reiter { padding: 18px 10px 18px 10px; }


    /* Produktneuheiten */
    div.NeuheitenInfos h1 { font-size: 28px; }
    div.Sektion.Neuheiten div.DotSystem div.Dot { width: 61px; height: 61px; }
    div.Sektion.Neuheiten div.DotSystem div.Dot div.DotPunkt { width: 61px; height: 61px; background-size: 61px auto; }



}


@media only screen and (max-width: 1000px) {

    /* Startseite */
    div.Sektion.StartSlider ul.slides h1 { max-width: 50%; }
    div.Sektion.StartSlider ul.slides p { display:none; }

    div.Sektion.StartSlider ul.slides div.SliderNavi a { width: 40px; height: 37px; background-size: auto;  }

    /* XL Teaser */
    div.TeaserBereich .Teaser.SizeXL p { display:none; }


    /* Referenzen */

    /* Filterleiste */
    div.Sektion.IsotopenEbene div.IsotopenHeader { margin-top: 60px; }

    /* Anzahl */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl { padding-top: 92px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2,
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2 span,
    div.UnterseitenHeader h2 { font-size: 17px; }

    /* Filter */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter { width: 220px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte { width: 170px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe { width: 220px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe div.Zeiger { width: 220px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe { width: 170px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe div.Zeiger { width: 170px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.Icon { margin-top: 20px; width: 40px; height: 40px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 { font-size: 13px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 span { font-size: 13px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe a.Filter { font-size: 13px; }

    /* Referenzen */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl { display:block; width: 150px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl div.Anzahl { font-size: 22px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl h3 { font-size: 13px; }

    /* Referenz-Detailseite */
    div.InfoBoxHeader h1 { font-size: 24px; }
    div.InfoBoxIcons div.Zelle h3 { font-size:12px;  }
    div.InfoBoxIcons div.Zelle p { font-size:11px;  }


    /* Aktuelles */

    div.AktuellesDetailsBox div.BoxContent h1 { font-size: 32px; }
    div.AktuellesDetailsBox div.BoxContent h2 { font-size: 20px; }
    div.AktuellesDetailsBox div.BoxContent h3 { font-size: 18px; }




    /* Produkte */

    /* Plakat */
    div.Sektion.PlakatBox div.Plakat div.PlakatBoxInfos h1 { font-size: 32px; }

    /* Navi */
    div.Navi div.EP div.Name h3 { font-size: 24px; width: 55px; padding: 15px 0px 0px 20px; height: auto; }
    div.Navi div.EP div.Name h4 { font-size: 15px; width: 90px; padding-top: 22px; }
    div.Navi div.EP a.Produkt { width: 105px; height: 26px; padding: 3px 15px 0px 25px; margin: 12px 0px 12px 0px; }


    /* Detailseite */
    div.DetailBoxInfos h1 { font-size: 60px;  margin-left: -5px; }
    div.ProdukteSet div.Wabe h1 { font-size: 24px; }

    a.Lupe div.LupenIcon { width: 35px; height: 35px; }



    /* Technologie */

    /* Slider, Technologie */
    div.Sektion.TechnologieSlider h1 { font-size: 24px; }
    div.Sektion.TechnologieSlider ul.slides li h1,
    div.Sektion.TechnologieSlider ul.slides li div.Einruecker { max-width: 350px; }
    div.Sektion.TechnologieSlider,
    div.Sektion.TechnologieSlider div.Responsive,
    div.Sektion.TechnologieSlider ul.slides,
    div.Sektion.TechnologieSlider ul.slides li { height: 450px; }

    /* Hauptbuehne */
    div.Sektion.TechnologieBuehne h1 { font-size: 24px; }

    div.ContentSliderBox div.SlideIt ul.flex-direction-nav li a { width: 40px; height: 35px; margin-top: -17px }

    a.Lupe div.Legende { font-size: 11px;}

    /* MonsterZahl */
    div.Sektion.ZahlenSammlung div.ZahlenSet h1 { font-size: 36px; }

    /* ElementarSlider */
    div.Sektion.EnerElement div.ElementText h3 { font-size: 15px; }
    div.Sektion.EnerElement div.ElementText h2 { font-size: 32px; }

    a.schliessenX { width: 40px; height: 35px; }

    /* Dot system */
    div.KoordinatenSystem a.Dot { width: 45px; height: 55px; }
    div.KoordinatenSystem div.DotPunkt { width: 45px; font-size: 12px; padding-top: 16px; padding-left: 1px;   }


    /* Karriere */

    div.HighlightText div.HighHead h1 { font-size: 20px; }
    div.HighlightText div.HighHead h2 { font-size: 18px; }

    .PowerTeaser div.PowerHead h1 { font-size: 20px; }
    .PowerTeaser div.PowerHead h2 { font-size: 18px; }

    div.Accordion {  margin: 0px 0px 30px 0px; }



    /* Unternehmen */

    div.UnternehmenTeaserEbene div.UnternehmenTeaser.GreenBarray div.TextElement h2 { font-size:36px; }

    div.HighlightFull div.HighHead h1 { font-size: 20px; }
    div.HighlightFull div.HighHead h2 { font-size: 18px; }



    /* Historie */

    div.Historie div.HistorienBox  ul.SelektTime li a { font-size: 17px; }
    div.Historie div.HistorienBox  ul.SelektTime li a.selected { font-size: 40px; }
    div.Historie div.HistorienBox div.TimeBox h1 { font-size: 98px; }


    .MonsterTeaser p { padding: 0 40px; }


    /* Produktneuheiten */
    div.NeuheitenInfos h1 { font-size: 26px; }

}





/* fur fuer die Referenzen Filter */
@media only screen and (max-width: 930px) {

    /* Filterleiste */
    div.Sektion.IsotopenEbene div.IsotopenHeader { margin-top: 60px; }

    /* Filter */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem { float: right; }

    /* Referenzen */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl { display:none; }



    /* Plakat-Box */
    div.Sektion.PlakatBox { background-size:auto 100%; }
    div.Sektion.PlakatBox div.Plakat { background-size: auto 100%; }
    div.Sektion.PlakatBox div.Plakat div.PlakatBoxInfos { max-width: 460px; min-height: 130px;  max-height: 130px;  }

    a.Lupe div.Legende { font-size: 11px;}


    /* Dot system */
    div.KoordinatenSystem a.Dot { width: 45px; height: 55px; }
    div.KoordinatenSystem div.DotPunkt { width: 45px; font-size: 12px; padding-top: 16px; padding-left: 1px;   }

    .MonsterTeaser p { padding: 0; }

    /* Produktneuheiten */
    div.NeuheitenInfos h1 { font-size: 24px; }


}



/* Ab hier reine Mobile Groessen:  */
/* (Schriften schrumpfen hier nicht mehr weiter...) */

@media only screen and (max-width: 760px) {

    /* Typo - Allgemein */
    h1 { font-size: 30px; }
    h2, h2 span.WhiteStripe, h2 span.GreenStripe, h2 span.RedStripe  { font-size: 15px; }
    h3, ul li { font-size: 13px; }
    a, p, label, span.Label, a.TechnikTeaser p  { font-size: 13px; }
    a.Button, div.Button { font-size: 13px; padding: 10px 20px 2px 20px; }
    input[type=submit] { font-size: 13px; height: auto; padding: 10px 12px 10px 12px; }
    a.ListLink { font-size: 13px; }
    input[type=text], div.Option { font-size: 12px; }

    table tbody tr th,
    table tbody tr td { font-size: 12px; }


    /* Claim-Ebene Anpassungen */
    div.Sektion.Abschluss a.ClaimLink, div.Sektion.Abschluss a.ClaimLink span { font-size: 16px; padding-top: 8px; height: 22px; }
    div.Sektion.Abschluss a.ClaimLink span { display: none; }
    div.Sektion.Footer div.FooterNavigation a { font-size: 13px; }
    div.Sektion.Abschluss p { font-size: 13px; padding-top: 22px;  }


    div.Sektion.Abschluss p.Claim { font-size: 13px; padding-top: 14px;  }


    /* Startseite */
    div.Sektion.StartSlider ul.slides h1 { max-width: 50%; }
    div.Sektion.StartSlider ul.slides p { display:none; }

    div.Sektion.StartSlider ul.slides div.SliderNavi a { width: 40px; height: 37px; background-size: auto;  }


    /* XL Teaser */
    div.TeaserBereich .Teaser.SizeXL p { display:none; }


    /* Sticker (Optional) */
    div.Sticker, a.Sticker { display: none; width: 160px; height: 118px; right: 20px; top: 40px; }


    /* Icon-Teaser */
    /* Wenn mit Spans */
    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span { font-size: 13px; padding-top: 3px;  }

    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Primaer,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Primaer { display:block; }
    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Alternativ,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Alternativ { display: none; }


    /* Spezial: XL Teaser */
    /* div.Sektion.TeaserEbene.News div.TeaserBereich a.Teaser.SizeXL img, div.Sektion.TeaserEbene.News div.TeaserBereich div.Teaser.SizeXL img { height: 200px;} */


    /* Referenzen */

    /* Filterleiste */
    div.Sektion.IsotopenEbene div.IsotopenHeader { margin-top: 60px; }

    /* Anzahl */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl { display: none; padding-top: 92px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2,
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2 span,
    div.UnterseitenHeader h2 { font-size: 18px; }

    /* Filter */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem { float:left; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter { width: 230px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte { width: 170px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe { width: 230px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe div.Zeiger { width: 230px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe { width: 170px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe div.Zeiger { width: 170px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.Icon { margin-top: 20px; width: 40px; height: 40px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 { font-size: 13px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 span { font-size: 13px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe a.Filter { font-size: 13px; }

    /* Referenzen */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl { display:none; width: 150px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl div.Anzahl { font-size: 22px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl h3 { font-size: 13px; }

    /* Referenz-Detailseite */
    div.InfoBoxHeader h1 { font-size: 24px; }
    div.InfoBoxIcons div.Zelle h3 { font-size:13px;  }
    div.InfoBoxIcons div.Zelle p { font-size:12px;  }


    /* Aktuelles */

    div.AktuellesDetailsBox div.BoxContent h1 { font-size: 32px; }
    div.AktuellesDetailsBox div.BoxContent h2 { font-size: 20px; }
    div.AktuellesDetailsBox div.BoxContent h3 { font-size: 18px; }



    /* Produkte */

    /* Plakat */
    div.Sektion.PlakatBox div.Plakat div.PlakatBoxInfos h1 { font-size: 32px; }

    /* Navi */
    div.Navi div.EP div.Name h3 { font-size: 20px; width: 50px; padding: 15px 0px 0px 10px; height: auto; }
    div.Navi div.EP div.Name h4 { font-size: 14px; width: 85px; padding-top: 20px; }
    div.Navi div.EP a.Produkt { width: 105px; height: 26px; padding: 3px 15px 0px 25px; margin: 10px 0px 10px 0px; }


    /* Detailseite */
    div.DetailBoxInfos h1 { font-size: 40px;  margin-left: -3px; }
    div.ProdukteSet div.Wabe h1 { font-size: 20px; }

    a.Lupe div.LupenIcon { width: 40px; height: 40px; }



    /* Technologie */

    /* Slider, Technologie */
    div.Sektion.TechnologieSlider h1 { font-size: 20px; }
    div.Sektion.TechnologieSlider ul.slides li h1,
    div.Sektion.TechnologieSlider ul.slides li div.Einruecker { max-width: 250px; }
    div.Sektion.TechnologieSlider,
    div.Sektion.TechnologieSlider div.Responsive,
    div.Sektion.TechnologieSlider ul.slides,
    div.Sektion.TechnologieSlider ul.slides li { height: 300px; }
    div.Sektion.TechnologieSlider ul.slides li div.Einruecker { background-image:none; padding: 10px 0px 0px 0px; margin-left: 0px; }
    div.Sektion.TechnologieSlider ul.slides li div.Einruecker h2,
    div.Sektion.TechnologieSlider ul.slides li div.Einruecker p { display: none; }

    div.Sektion.TechnologieSlider ul.slides div.SliderNavi a { display: none; }


    /* Hauptbuehne */
    div.Sektion.TechnologieBuehne h1 { font-size: 20px; }

    div.ContentSliderBox div.SlideIt ul.flex-direction-nav li a { width: 45px; height: 40px; margin-top: -20px }
    a.Lupe div.Legende { font-size: 10px;}


    /* MonsterZahl */
    div.Sektion.ZahlenSammlung div.ZahlenSet h1 { font-size: 30px; }


    /* ElementarSlider */
    div.Sektion.EnerElement div.ElementText h3 { font-size: 15px; }
    div.Sektion.EnerElement div.ElementText h2 { font-size: 32px; }

    a.schliessenX { width: 45px; height: 40px; }

    /* Dot system */
    div.KoordinatenSystem a.Dot { width: 45px; height: 55px; }
    div.KoordinatenSystem div.DotPunkt { width: 45px; font-size: 12px; padding-top: 16px; padding-left: 1px;   }


    /* Karriere */

    div.HighlightText div.HighHead h1 { font-size: 20px; }
    div.HighlightText div.HighHead h2 { font-size: 18px; }

    .PowerTeaser div.PowerHead h1 { font-size: 20px; }
    .PowerTeaser div.PowerHead h2 { font-size: 18px; }

    a.DoppelLink div.PDF { display: none; }



    /* Unternehmen */

    div.UnternehmenTeaserEbene div.UnternehmenTeaser.GreenBarray div.TextElement h2 { font-size:36px; }


    div.HighlightFull div.HighHead h1 { font-size: 20px; }
    div.HighlightFull div.HighHead h2 { font-size: 18px; }


    /* Historie */

    div.Historie div.HistorienBox  ul.SelektTime li a { font-size: 17px; }
    div.Historie div.HistorienBox  ul.SelektTime li a.selected { font-size: 36px; }
    div.Historie div.HistorienBox div.TimeBox h1 { font-size: 70px; }

    .MonsterTeaser p { padding: 0; }


    /* Produktneuheiten */
    div.NeuheitenInfos h1 { font-size: 22px; }
    div.Sektion.Neuheiten div.DotSystem div.Dot div.DotHinweis { left: 0px; margin:  0px 0px 0px 0px;  }
    div.Sektion.Neuheiten div.DotSystem div.Dot div.DotHinweis { position: fixed; top: 120px; left: 20px; margin:  0px 0px 0px 0px;  }


    .cc-compliance { flex: 1 0 100% !important; }
    .cc-banner .cc-message { font-size: 1rem; padding-right: 0; margin-bottom: 1rem; flex: 1 0 100% !important; }

}


@media only screen and (max-width: 550px) {


    /* Typo - Allgemein */
    h1 { font-size: 30px; }
    h2, h2 span.WhiteStripe, h2 span.GreenStripe, h2 span.RedStripe  { font-size: 13px; }
    h3, ul li { font-size: 12px; }
    a, p, label, span.Label, a.TechnikTeaser p  { font-size: 12px; }
    a.Button, div.Button { font-size: 12px; padding: 10px 12px 0px 12px; }
    input[type=submit] { font-size: 12px; height: auto; padding: 10px 12px 10px 12px; }
    a.ListLink { font-size: 12px; }
    input[type=text], div.Option { font-size: 11px; }

    table tbody tr th,
    table tbody tr td { font-size: 11px; }


    /* Startseite */
    div.Sektion.StartSlider ul.slides h1 { max-width: 50%; }
    div.Sektion.StartSlider ul.slides p { display:none; }
    div.Sektion.StartSlider div.Responsive { margin: 30px 50px 75px 50px; }
    div.Sektion ul.slides div.SliderNavi { display: none !important; }
    div.Sektion.StartSlider ul.slides div.SliderNavi a, div.KarriereSteuerung div.SliderNavi a { width: 40px; height: 36px !important; background-size: auto;  }


    /* XL Teaser */
    div.TeaserBereich .Teaser.SizeXL p { display:none; }


    /* Claim-Ebene Anpassungen */
    div.Sektion.Footer div.Copyright { display: none; }
    div.Sektion.Abschluss a.ClaimLink, div.Sektion.Abschluss a.ClaimLink span { font-size: 11px; padding-top: 8px; height: 22px; }
    div.Sektion.Abschluss p.Claim { font-size: 11px; padding-top: 10px;  }
    div.Sektion.Abschluss a.ClaimLink span { display: inline; }

    div.Sektion.Footer div.FooterNavigation { width:100%; display:block; }
    div.Sektion.Footer div.FooterNavigation a { float:none; display:block; text-align:center; margin: 12px auto 12px auto; font-size: 13px; background-image:none; }
    div.Sektion.Abschluss p { display:none; }


    /* Sticker (Optional) */
    div.Sticker, a.Sticker { display: none; width: 160px; height: 118px; right: 20px; top: 40px; }


    /* Icon-Teaser */
    /* Wenn mit Spans */
    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span { font-size: 13px; padding-top: 2px;  }

    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Primaer,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Primaer { display:none; }
    div.TeaserBereich a.Teaser.SizeS.IconTeaser div.Button span.Alternativ,
    div.TeaserBereich div.Teaser.SizeS.IconTeaser a.Button span.Alternativ { display: block; }



    /* Referenzen */

    /* Filterleiste */
    div.Sektion.IsotopenEbene div.IsotopenHeader { margin-top: 60px; }

    /* Anzahl */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl { padding-top: 92px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2,
    div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2 span,
    div.UnterseitenHeader h2 { font-size: 18px; }

    /* Filter */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter { width: 220px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte { width: 170px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe { width: 220px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe div.Zeiger { width: 220px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe { width: 170px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte div.FilterKlappe div.Zeiger { width: 170px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.Icon { margin-top: 20px; width: 40px; height: 40px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 { font-size: 13px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter h3 span { font-size: 13px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter div.FilterKlappe a.Filter { font-size: 13px; }

    /* Referenzen */
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl { display:none; width: 150px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl div.Anzahl { font-size: 22px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.ReferenzenAnzahl h3 { font-size: 13px; }

    /* Referenz-Detailseite */
    div.InfoBoxHeader h1 { font-size: 24px; }
    div.InfoBoxIcons div.Zelle h3 { font-size:11px;  }
    div.InfoBoxIcons div.Zelle p { font-size:11px;  }



    /* Aktuelles */

    div.AktuellesDetailsBox div.BoxHeader a.BackButton { display:none; }
    div.AktuellesDetailsBox div.BoxContent h1 { font-size: 32px; }
    div.AktuellesDetailsBox div.BoxContent h2 { font-size: 20px; }
    div.AktuellesDetailsBox div.BoxContent h3 { font-size: 18px; }


    /* Info-Bildbox */
    div.BoxContent div.ContentSlider ul.slides li div.Infos { display: none; }



    /* Produkte */

    /* Plakat */
    div.Sektion.PlakatBox div.Plakat div.PlakatBoxInfos h1 { font-size: 28px; }

    /* Navi */
    div.Navi div.EP div.Name h3 { font-size: 18px; width: 45px; padding: 15px 0px 0px 10px; height: auto; }
    div.Navi div.EP div.Name h4 { font-size: 13px; width: 80px; padding-top: 20px; }
    div.Navi div.EP a.Produkt { width: 100px; height: 26px; padding: 4px 15px 0px 25px; margin: 10px 0px 10px 0px; }


    /* Detailseite */
    div.DetailBoxInfos h1 { font-size: 30px; margin-left: -2px; }
    div.DetailBildBox div.DotSystem a.Dot { display: none; }
    div.ProdukteSet div.Wabe h1 { font-size: 18px; }

    a.Lupe div.LupenIcon { width: 30px; height: 30px; }



    /* Technologie */

    /* Slider, Technologie */
    div.Sektion.TechnologieSlider h1 { font-size: 18px; }
    div.Sektion.TechnologieSlider ul.slides li h1,
    div.Sektion.TechnologieSlider ul.slides li div.Einruecker { max-width: 250px; }
    div.Sektion.TechnologieSlider,
    div.Sektion.TechnologieSlider div.Responsive,
    div.Sektion.TechnologieSlider ul.slides,
    div.Sektion.TechnologieSlider ul.slides li { height: 300px; }
    div.Sektion.TechnologieSlider ul.slides li div.Einruecker { background-image:none; padding: 10px 0px 0px 0px; margin-left: 0px; }
    div.Sektion.TechnologieSlider ul.slides li div.Einruecker h2,
    div.Sektion.TechnologieSlider ul.slides li div.Einruecker p { display: none; }

    div.Sektion.TechnologieSlider ul.slides div.SliderNavi a { display: none; }


    /* Hauptbuehne */
    div.Sektion.TechnologieBuehne h1 { font-size: 18px; }

    div.ContentSliderBox div.SlideIt ul.flex-direction-nav li a { width: 35px; height: 30px; margin-top: -15px }

    a.Lupe div.Legende { font-size: 10px;}

    /* MonsterZahl */
    div.Sektion.ZahlenSammlung div.ZahlenSet h1 { font-size: 18px; }

    /* ElementarSlider */
    div.Sektion.EnerElement div.ElementText h3 { font-size: 13px; }
    div.Sektion.EnerElement div.ElementText h2 { font-size: 28px; }

    a.schliessenX { width: 35px; height: 30px; }


    /* Dot system */
    /* div.KoordinatenSystem { display: none; } */


    div.BigShow div.GreenBox.MoreText { min-width: auto;  }


    /* Karriere */

    div.HighlightText div.HighHead h1 { font-size: 20px; }
    div.HighlightText div.HighHead h2 { font-size: 18px; }

    .PowerTeaser div.PowerHead h1 { font-size: 20px; }
    .PowerTeaser div.PowerHead h2 { font-size: 18px; }



    /* Unternehmen */

    div.UnternehmenTeaserEbene div.UnternehmenTeaser.GreenBarray div.TextElement h2 { font-size:32px; }


    div.HighlightFull div.HighHead h1 { font-size: 20px; }
    div.HighlightFull div.HighHead h2 { font-size: 18px; }


    /* Historie */

    div.Historie div.HistorienBox  ul.SelektTime li a { font-size: 17px; }
    div.Historie div.HistorienBox  ul.SelektTime li a.selected { font-size: 36px; }
    div.Historie div.HistorienBox div.TimeBox h1 { font-size: 70px; }


    .MonsterTeaser p { padding: 0; }


    /* Produktneuheiten */
    div.NeuheitenInfos h1 { font-size: 20px; }
    div.Sektion.Neuheiten div.DotSystem div.Dot { width: 41px; height: 41px; }
    div.Sektion.Neuheiten div.DotSystem div.Dot div.DotPunkt { width: 41px; height: 41px; background-size: 41px auto; }
    div.Sektion.Neuheiten div.DotSystem div.Dot div.DotHinweis { position: fixed; top: 120px; left: 20px; margin:  0px 0px 0px 0px;  }

    .cc-banner { padding: 15px 30px 15px !important; }
    .cc-banner .cc-message { font-size: 1rem; }
}

/* Update, Navigation */
/* Integration einer 2. Ebene in der Klapp-Navigatiuon */
/* (22.08.2017) */
/* by Mirko Kabsch */

/* Desktop */

div.Hauptnavigation div.HauptPunkt.DynamischLev1 { width: auto; }

div.Hauptnavigation div.HauptKlappe.Dynamisch, div.HauptKlappe.SmallSize.Dynamisch { width: auto; }

div.Hauptnavigation div.SubPunkt.Dynamisch a.SubLink.Dynamisch { position: relative;  }

div.Hauptnavigation div.SubPunkt.Dynamisch:hover a.SubLink.Dynamisch div.LinkInhalt,
div.Hauptnavigation div.HauptKlappe.SmallSize div.KlappNavigation div.SubPunkt:hover a div.LinkInhalt { background-position: left center !important; }

div.Hauptnavigation div.SubPunkt.Dynamisch a.SubLink.Dynamisch div.DynPfeilSpitze { width: 20px; height: 45px; display: none;  background-image: url("../img/spitzenpfeil.svg"); background-position: left center; background-repeat: no-repeat; position: absolute; right: -20px; top: 0px; }
div.Hauptnavigation div.SubPunkt.Dynamisch:hover a.SubLink.Dynamisch div.DynPfeilSpitze { display: block; }

div.Hauptnavigation div.SubPunkt.Dynamisch div.Level2Box { display: none; width: 240px !important; position: absolute; top: 114px; right: 40px; border-top: 1px #cccccc solid; padding: 0 0 0 0 !important;  }
div.Hauptnavigation div.SubPunkt.Dynamisch:hover div.Level2Box { display: block; }

@media only screen and (max-width: 1600px) { div.Hauptnavigation div.SubPunkt.Dynamisch div.Level2Box { top:  114px; } }
@media only screen and (max-width: 1550px) { div.Hauptnavigation div.SubPunkt.Dynamisch div.Level2Box { top: 103px; } }
@media only screen and (max-width: 1400px) { div.Hauptnavigation div.SubPunkt.Dynamisch div.Level2Box { top: 98px; } }
@media only screen and (max-width: 1200px) { div.Hauptnavigation div.SubPunkt.Dynamisch div.Level2Box { top: 70px; } }
@media only screen and (max-width: 1100px) { div.Hauptnavigation div.SubPunkt.Dynamisch div.Level2Box { top: 70px; } }
@media only screen and (max-width: 1100px) { div.Hauptnavigation div.SubPunkt.Dynamisch div.Level2Box { top: 69px; } }

div.Hauptnavigation div.Level2Box div.InnererBereich { display: inline; border-top: none; border-bottom: none; width: auto; height: auto; padding: auto auto auto auto;  margin: auto auto auto auto; }
div.Hauptnavigation div.Level2Box h2 { display: none; }



/* div.Hauptnavigation div.Level2Box a.Sub2Link div.LinkInhalt { background-position: left center; } */


div.Hauptnavigation div.Level2Box div.SubPunkt div.SubKlappe { padding: 0 0 0 0 !important; }


div.Hauptnavigation div.Level2Box a.Sub2Link { width: 240px; border-top: none; border-bottom: 1px #cccccc solid; background-position: left center; position: relative; }
div.Hauptnavigation div.Level2Box a.Sub2Link div.LinkInhalt { background-image: none; }
div.Hauptnavigation div.Level2Box a.Sub2Link div.BorderZeile { width: 100%; height: 3px; display: none; background-color: #00584d; position: absolute; top: 0px; left: 0px; }
div.Hauptnavigation div.Level2Box a.Sub2Link:hover { border-top: none; background-position: left center; background-color: #F0F0F0; }
div.Hauptnavigation div.Level2Box a.Sub2Link:hover div.LinkInhalt { background-image: none; }
div.Hauptnavigation div.Level2Box a.Sub2Link:hover div.BorderZeile { display: block; }




/* Mobil */


/* 	div.MobilesMenue div.Level2Box { display: none; } */
/* 	div.MobilesMenue div.Level2Box a.SubLink { display: none; } */


/* d.schroeder */
.marginBottom15 { margin-bottom: 15px;}
.FormError { border: 1px solid red !important;}
input[type="text"], input[type="password"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; }
input[type="submit"] { float: right; font-size: 17px; background-color: #00564c;}
.MobilesMenue .MobileKlappe .Lev1Set .Lev1Klappe .DummyBox { display: none;}
p.required-fields { width: 60%; padding: 0; margin: 0;}
/* ende */

/* (c) 2015 conception Kommunikationsagentur | written bei Mirko Kabsch ------------------------------------------ */