/* CSS Grid Grundeinstellungen */

@charset "UTF-8";

html { height:100%; margin-bottom: 1px; overflow-y:scroll;}
html, body { margin: 0; padding: 0 0 0 0; font-family: 'Lato', sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; /*color:rgba(0,0,0,1);*/ color: rgba(111,111,111,1); }

::-moz-selection { background: rgba(93,173,195,1); color: rgba(255,255,255,1); text-shadow: none; }
::selection { background: rgba(93,173,195,1); color: rgba(255,255,255,1); text-shadow: none; }

h1, h2, h3, h4, h5, h6, p, a, b, strong, i, blockquote, ul, li, input, textarea, hr { transition: 300ms; -moz-transition: 300ms; -webkit-transition: 300ms; -o-transition: 300ms; -ms-transition: 300ms; }

h1 { margin: -7px 0 0 0; padding: 0 0 35px 0; color:#e2211a; font-size: 24px; line-height: 28px; font-weight: 300; }
h1 span { color: rgba(255,255,255,0.0); }
h2 { margin: -7px 0 0 0; padding: 0 0 7px 0; color: #e2211a; font-size: 20px; line-height: 28px; font-weight: 300; }
h2 span { color: #7f7f7f; font-style: italic; }
h3 { color:rgba(0,0,0,1); margin: 0 0 0 0; font-size: 15px; line-height: 28px; font-weight: 400; font-style: italic; }
h4 { margin: 0 0 0 0; font-size: 18px; line-height: 28px; font-weight: 400; color: #707070; }
h5 { margin: 0 0 0 0; font-size: 12px; line-height: 28px; font-weight: 900; }
h6 { margin: 0 0 0 0; font-size: 9px; line-height: 28px; font-weight: 900; }

h1.versal, h2.versal, h3.versal, h4.versal, h5.versal, h6.versal { text-transform: uppercase; }

p { margin: 0 0 14px 0; }
a { text-decoration: none; color: #7f7f7f; }
a:hover { text-decoration: underline; }
b, strong { font-weight: 900; }
i { }
blockquote { margin: 0 44px; }
span { color: #e2211a; }

ul { margin: 0 0 0 0; padding: 0 0 0 17px; }
ol { margin: 0 0 0 0; padding: 0 0 0 17px; }
li { /*list-style: none;*/ }

ul li a { display:block; }
ul li a:hover { color: #e2211a; text-decoration: none; }
ul li.aktiv a { color: #e2211a; }

ul.kursdatenListe li { list-style:none;}
ul.pdfListe, ul.pdfliste { padding:0;}
ul.pdfListe li, ul.pdfliste li  {list-style:none;}
ul.pdfListe li a, ul.pdfliste li a {background-image:url(/_img/pdf_icon.png); background-repeat:no-repeat; line-height:25px; padding:0 0 0 25px;}

label {float: left; font-weight: normal; margin: 0 0 10px 0; width: 20%;}
label.kursdatum { width:50%}

#teilnehmer_inputs label { line-height:18px;}

input {background-color: #e1e1e1;border: none; float: left; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300; margin:0 0 25px 0; padding: 9px 2% 12px; width: 74%;}
input.inputRadio {margin:8px 20px 0 0; width:auto;}
input.kursdatum { margin-left:20%;}
input.btn {background: none repeat scroll 0 0 #E2211A; border: 1px solid #E2211A; color: #FFFFFF; padding: 7px 10px; width:auto;}
input.btn:hover {background: #FFFFFF; color:#e2211a; border:1px #000 e2211a; text-decoration: none;}
textarea {background-color: #e1e1e1;border: none; float: left; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300; height:112px; padding: 9px 2% 12px; width: 74%;}
form br {clear: both;}

div { position: relative; }
*+html div { position: static; }
img { border: 0; width: 100%; height: auto; }
hr { margin: 12px 0 15px 0; border: 0 none; background-color: #c5c5c5; height: 1px; }

table {}
tr {}
th {}
td {}

.error {
    background-color: #f0cb59;
}

.clear { height: 0; clear: both; }



/* -------------------------------------------------------------------------- Rastereinheiten -------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#main { width: 2560px; /* margin: 0 auto; */ }

.width270 { width: 100%; max-width: 270px; float:left; }
.width540 { width: 100%; max-width: 540px; }
.width810 { width: 100%; max-width: 810px; }
.width1080 { width: 100%; max-width: 1080px; margin: 0 auto; }

.span10 { width: 10%; float: left; }
.span20 { width: 20%; float: left; }
.span25 { width: 25%; float: left; }
.span30 { width: 30%; float: left; }
.span33 { width: 33.33%; float: left; }
.span40 { width: 40%; float: left; }
.span50 { width: 50%; float: left; }
.span60 { width: 60%; float: left; }
.span66 { width: 66.66%; float: left; }
.span70 { width: 70%; float: left; }
.span75 { width: 75%; float: left; }
.span80 { width: 80%; float: left; }
.span90 { width: 90%; float: left; }
.span100 { width: 100%; float: left; }


/* ------------------------------------------------------------------------------- Titel ------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#header { box-shadow: 0 1px 4px rgba(0,0,0,0.1); z-index: 2; }
#top {}
#startheader { width:100%; height:560px; height:380px; z-index: 1; overflow: hidden; /*background: url(../_img//headerbild_0.jpg) no-repeat center; background-size: cover;*/ background-color:#FFF; border-bottom:1px #C5C5C5 solid; animation: startheader 120s infinite; -moz-animation: startheader 120s infinite; -webkit-animation: startheader 120s infinite;  }

.button_back { background:#FFFFFF; background-image:url(/_img/hori_large.png); background-repeat:no-repeat; background-position:0 0; cursor:pointer; height:40px; position:absolute; top:170px; left:0; width:40px; z-index:20;}
.button_next {  background:#FFFFFF; background-image:url(/_img/hori_large.png); background-repeat:no-repeat; background-position:0 -44px; cursor:pointer; height:40px; position:absolute; top:170px; right:0; width:40px; z-index:20;}

.headerbild { background-color:#FFF; cursor:pointer; width: 100%; height:560px; height:380px; position: absolute; top: 0; left: 0; z-index:8; opacity:0.0; }
.headerbild.active { z-index:10; opacity:1.0; }

.headerbild.active .text { }

.headerbild.last-active { z-index:9; }

.headerbild .text { position: absolute; right: 90px; color: rgba(226,33,26,1.0); top: 60px; font-size: 26px; line-height:32px; font-weight: 300; z-index:12; }
.headerbild.bild0 .text { /*position: absolute; width: 100%; top: 270px; right: 0; text-align:center; color: rgba(255,255,255,1.0); font-size: 26px; line-height:32px; font-weight: 300; z-index:12; */}

.bg_flaeche_start_1 {  z-index:11; width: 1200px; height: 1000px; border-radius: 18px; position: absolute; right: -600px; top: -680px; background: rgba(255,255,255,0.0); border: solid 1px rgba(255,255,255,1); /* animation: bgFlaeche 120s infinite; -moz-animation: bgFlaeche 120s infinite; -webkit-animation: bgFlaeche 120s infinite; */
transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-moz-transform: rotate(-15deg); }

.bg_flaeche_start_2 { z-index:12; width: 1200px; height: 1000px; border-radius: 18px; position: absolute; right: -700px; top: -590px; background: rgba(255,255,255,0.0); border: solid 1px rgba(255,255,255,1); /* animation: bgFlaeche2 120s 180ms infinite; -moz-animation: bgFlaeche2 120s 180ms infinite; -webkit-animation: bgFlaeche2 120s 180ms infinite; */
transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-moz-transform: rotate(-10deg); }

.bg_flaeche {  z-index:11; width: 1200px; height: 900px; border-radius: 18px; position: absolute; right: -600px; top: -680px; background: rgba(255,255,255,0.92); border: solid 1px #E2211A; /* animation: bgFlaeche 120s infinite; -moz-animation: bgFlaeche 120s infinite; -webkit-animation: bgFlaeche 120s infinite; */
transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-moz-transform: rotate(-15deg); }

#startheader_produkte { width: 100%; height:500px; background: #f8f8f8; }
#startheader_produkte img { width: 90%; margin: 50px 0 0 0; }
#startheader_produkte h2 { border: none; margin: 100px 0 20px 0; }
#startheader_produkte p { font-size: 16px; }

div#content { margin: 84px 0 105px; z-index: 1; font-size: 15px; }
.startseite div#content { margin: 42px 0 65px; }
#footer { text-align: center; color: #7f7f7f; font-size: 12px; border-top: solid 1px #c5c5c5; padding: 28px 0 29px; }

.inhalt { margin: 0px 50px; }
#hauptinhalt .inhalt a { text-decoration:underline; color:#E2211A;}
#content .inhalt { margin: 0px 30px; }
#content .inhalt .inhalt { margin: 0px 20px; }

#content ul { margin: 0 0 14px 0; }

.mainnavi_subbox .inhalt { margin: 60px 30px; padding: 0 0 60px 0; }
.mainnavi_subbox .inhalt .inhalt { margin: 0px 20px; padding: 0; }

.element { margin: 12px 0 9px 0; height: 175px; width: 100%; background: #000; }

#logo { float: left; margin: 25px 25px 10px -3px; }
*+html #logo  { width: 150px;}

#menuicon { float: right; margin: 40px 0 0 0; display: none; cursor: pointer; }

#metanavi { float: right; margin: 25px 0 0 25px; }
#metanavi input.suche { width: 160px; background: #f9f9f9; float: right; padding: 6px 50px 6px 10px; border-radius: 21px; box-shadow: inset 0 1px 4px #bebebe; }
#lupeicon { position: absolute; top: 17px; top:4px; right: 15px; width: 24px; height: 24px; }
#metanavi ul { float: right; margin: 0px 12px 0 0; }
#metanavi ul li { list-style: none; float: left; }
#metanavi ul li a { font-size: 12px; margin: 0 20px 0 0; }


#mainnavi_box { width: 100%; background: #f8f8f8; transition: 0ms; -moz-transition: 0ms; -webkit-transition: 0ms; -o-transition: 0ms; -ms-transition: 0ms; }

#mainnavi { float: left; padding: 0 0 0 50px; margin: 0 0 0 0; }
#mainnavi ul { float: left; padding: 0; width: 100%; }
#mainnavi ul li { list-style: none; float: left; }
#mainnavi ul li a { margin: 0 24px 0 0; padding: 14px 0; }
#mainnavi ul li:last-child a { margin: 0; }

#mainnavi ul li .mainnavi_subbox { position:absolute; left: 0; background: rgba(255,255,255,0.97); width: 100%; height: 0; overflow: hidden; padding: 0; box-shadow: 0 3px 4px rgba(0,0,0,0.2), inset 0 1px 4px rgba(0,0,0,0.1); transition: 300ms; -moz-transition: 300ms; -webkit-transition: 300ms; -o-transition: 300ms; -ms-transition: 300ms; }
#mainnavi ul li .mainnavi_subbox .inhalt { transition: 0ms; -moz-transition: 0ms; -webkit-transition: 0ms; -o-transition: 0ms; -ms-transition: 0ms; }

#mainnavi ul li .mainnavi_subbox ul { margin: 0 7px 0 -7px; padding: 0; border-top: solid 1px #c5c5c5; min-height: 146px; }
#mainnavi ul li .mainnavi_subbox ul li { list-style: none; line-height: 27px; border-bottom: solid 1px #c5c5c5; float: none; }
#mainnavi ul li .mainnavi_subbox ul li:last-child { border-bottom: none; }
#mainnavi ul li .mainnavi_subbox ul li a { margin: 0 0 0 0; padding: 0 7px; text-transform: uppercase; }
#mainnavi ul li.aktiv .mainnavi_subbox ul li a { color: #7f7f7f; }
#mainnavi ul li.aktiv .mainnavi_subbox ul li a:hover { color: #e2211a; }

#mainnavi ul li .mainnavi_subbox ul li ul { margin: 0; padding: 12px 0 28px 0; }
#mainnavi ul li .mainnavi_subbox ul li ul li { line-height: 21px; border-bottom: none; }
#mainnavi ul li .mainnavi_subbox ul li ul li a { font-size: 13px;text-transform: none; }
#mainnavi ul li .mainnavi_subbox ul li ul li.aktiv a { color: #e2211a; }


#sprachnavi { position: absolute; top: -50px; right: 60px; }
.sprachnavi ul { float: right; padding: 0; }
.sprachnavi ul li { list-style: none; float: left; }
.sprachnavi ul li a { margin: 0 0 0 9px; padding: 14px 0;  }

.sprachnaviMobile { display:none;}

#subnavi { }
#subnavi ul { margin: -1px 7px 0 -7px; padding: 0; border-top: solid 1px #c5c5c5; }
#subnavi ul li { list-style: none; line-height: 27px; border-bottom: solid 1px #c5c5c5; }
#subnavi ul li:last-child { border-bottom: none; }
#subnavi ul li a { margin: 0 0 0 0; padding: 0 7px; text-transform: uppercase; }

#subnavi ul li ul { margin: 0; padding: 12px 0 28px 0; }
#subnavi ul li ul li { line-height: 21px; border-bottom: none; }
#subnavi ul li ul li a { font-size: 13px;text-transform: none; }




#hauptinhalt { transition: 0ms; -moz-transition: 0ms; -webkit-transition: 0ms; -o-transition: 0ms; -ms-transition: 0ms; }

#seitenbar { transition: 0ms; -moz-transition: 0ms; -webkit-transition: 0ms; -o-transition: 0ms; -ms-transition: 0ms; }
.teaser { background: #f8f8f8; }
.teaser h3 { background: #d0d0d0; color: #FFF; text-transform: uppercase; padding: 1px 15px 0; letter-spacing: 1px; font-weight: 700; }
.teaser p { font-size: 13px; padding: 9px 15px 28px; margin: 0 0 0 0; line-height: 21px; }

.startteaser.mobile { display: none; }
.startteaser.screen { display: block; }
.startteaser { margin: 0 0 40px 0; }
.startteaser .bild { margin: 12px 0 14px 0; }
.startteaser .bild a { background-color:transparent; padding:0;}
.startteaser .bild a:hover { background-color:transparent;}
.startteaser .bild img { width: 100%; border-radius: 0 0 14px 0; }
.startteaser p { font-size: 13px; line-height: 21px; }
.startteaser a { background: #f0f0f0; padding: 7px 10px; }
.startteaser a:hover { background: #e2211a; text-decoration: none; color:#FFF; }
.startteaser a.ankerlink { background: transparent; position: absolute; padding: 0; width: 100%; height: 100%; }
.startteaser a.ankerlink:hover { background: transparent; }

.pfeillink { border-bottom: 1px solid #c5c5c5; margin: 0 0 0 0; padding: 5px 40px 5px 0; cursor: pointer; }
.pfeillink h3 { font-style: normal; font-weight: 700; line-height: 1.5em; margin: 0; padding:3px 0; }
.pfeillink h3 span { color: #7f7f7f; font-weight: 400; font-size: 12px; }
.pfeillink p { margin:0;}

p.datum { color: #e2211a; font-size: 12px; font-style: italic; line-height: 14px; margin: 7px 0 3px 0; }
.pfeil { position:absolute; top: 11px; right: 10px; width: 12px; height: 19px; background: url(../_img//pfeil.png); opacity:1.0; }
.pfeillink:hover .pfeil { right: 5px; }

body.startseite .width1080 { margin: 0 auto; max-width: 980px; }
body.startseite h2 {  margin: 0 0 0 0; border-top: solid 1px #e2211a; padding: 9px 0 0 0; }

.mitarbeiter { margin-bottom: 56px; }
.mitarbeiter p { margin: 0; }
.mitarbeiter img { width: 70%; border-radius: 0 0 14px 0; }

.produkt_beschreibung { font-size: 18px; color: #707070; }
.produkt_bild {}
.produkt_detail h3 { border-bottom: solid 1px #c5c5c5; font-weight: 700; }
.produkt_detail .titel { color: #e2211a; font-style: italic; }
.produkt_detail td { vertical-align:top;}

.stellenanzeige { padding: 5px 0 5px; }
.stellenanzeige h3 { color: #e2211a; font-size: 22px; line-height: 28px; margin: 14px 0 14px 0; }

.newsartikel { padding: 7px 0 28px; }
.newsartikel h3 { color: #707070; font-size: 20px; line-height: 28px; margin: 0px 0 14px 0; }
.newsartikel img { width: 237px; float: left; margin: 10px 28px 0 0px; border-radius: 0 0 14px 0; }

ul.pdf { padding: 9px 0px 20px; font-size: 13px;  }
ul.pdf li { background: url(../_img//pdf_icon.png) no-repeat; padding: 0 0 0 25px; list-style: none; line-height: 21px; margin: 0 0 5px 0; }

.teaser ul.pdf { padding: 9px 15px 20px; font-size: 13px;  }

.galerie a.fancybox-effects-d img { width: 230px; margin: 0 18px  15px 0; }
/* .galerie a.fancybox-effects-d:nth-child(3n) img { margin: 0 0  15px 0; } */

.btn { margin:0 0 25px 0;}
.btn a {background: #e2211a; border:1px #e2211a solid; color:#FFF; padding: 7px 10px;}
.btn a:hover {background: #FFFFFF; color:#e2211a; border:1px #000 e2211a; text-decoration: none; }



.stoererContainer {
    cursor: pointer;
    left: 550px;
    top: -30px;
    width: 120px;
    height: 120px;
    position: absolute;
    /* background-color: #c5a989; */
    background-color: #ffffff;
    box-shadow: 0 2px 9px rgba(0,0,0,0.2);
    z-index: 5000;
    line-height: 11px;
    padding: 10px;
	border: 2px #e12218 solid;
    border-radius: 50%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    display: table;
    text-align: center;
    margin-left: -300px;}

.stoererContent {
    display: table-cell;
    vertical-align: middle;
    transform: rotate(-11deg);}

.stoererContentZ1 {
    font-size: 20px;
    color: #e12218;
    line-height: 1.0em;
    text-align: center;
    /*text-transform: uppercase;*/
    font-weight: 800;
    margin: 10px 0 5px 0;}

.stoererContentZ2 {
    font-size: 14px;
    color: #e12218;
    line-height: 1.0em;
    text-align: center;
    /*text-transform: uppercase;*/
    font-weight: 800;
}


/* Video */
.w-100 {width: 100%!important;}
.w-50 {width: 49%!important;}
.figure {display: inline-block; margin:0;}
figure video {width: 80%; height: auto; display: block; margin: 0 auto;}
.videos { padding:44px 0 40px 0; border-bottom:1px solid #e2211a;}

@media only screen and (max-width: 760px) {
.w-50 {width: 100%!important;}
}

/* --------------------------------------------------------------------------- Media Queries --------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1440px) {
#startheader { height:476px; height:380px; }

.bg_flaeche { right:-600px; top:-745px; }
.bg_flaeche_start_1 { right: -600px; top: -745px; }
.bg_flaeche_start_2 { right: -700px; top: -655px; }

.headerbild.bild0 .text {/*top: 240px;*/}	
.headerbild .text { /*top: 40px;*/ font-size: 26px; line-height:32px; font-weight: 300; }
}

@media only screen and (max-width: 1280px) {
#startheader { height:448px; height:380px; }

.bg_flaeche { right:-700px; top:-760px; }
.headerbild .text { right:40px; top:50px;}

.headerbild.bild0 .text {/*top: 212px;*/}
.headerbild .text { /*top: 110px;*/ font-size: 24px; line-height:28px; font-weight: 300; }
}



.stoererContentZ1 {
    font-size: 20px;
}
}

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

div#content { margin: 56px 0 56px; }

#subnavi { display: none; }
.span50 { width: 66.66%; }

#startheader_produkte .span50 { width: 50%; }
#startheader_produkte { width: 100%; height: 500px; background: #f8f8f8; }
#startheader_produkte img { width: 100%; margin: 50px 0 0 0; }
#startheader_produkte h2 { border: none; margin: 90px 0 20px 0; }
#startheader_produkte p { font-size: 14px; }



.bg_flaeche { right:-800px; top:-830px; }
.headerbild .text { font-size: 16px; line-height:20px; font-weight: 300; right:70px; top:30px;}


.span25 { width: 33.33%; }
.width270 { width: 33.33%; max-width: 33.33%; }

#hauptinhalt { transition: 300ms; -moz-transition: 300ms; -webkit-transition: 300ms; -o-transition: 300ms; -ms-transition: 300ms; }
#hauptinhalt .span25 { width: 25%; }
#hauptinhalt.span75 { width: 100%; }

.mitarbeiter img { width: 100%; }
.mitarbeiter.span33 { width: 30%; margin: 0 1.5%; margin-bottom: 56px; }

#seitenbar { transition: 300ms; -moz-transition: 300ms; -webkit-transition: 300ms; -o-transition: 300ms; -ms-transition: 300ms; }

#mainnavi { margin: 0 0 0 0; }

.galerie a.fancybox-effects-d { width: 31%; margin: 0 1.2% 15px 0; }
.galerie a.fancybox-effects-d img { width: 31%; margin: 0 1.2% 15px 0; }
.galerie a.fancybox-effects-d:nth-child(3n) img { margin: 0 0 15px 0; }
}

@media only screen and (max-width: 980px) {
.stoererContainer {
    top: -10px;
    left: inherit;
    position: absolute;
    left: 442px;
    width: 100px;
    height: 100px;
}
}
@media only screen and (max-width: 760px) {
.stoererContainer {
    top: -10px;
    left: inherit;
    position: absolute;
    left: 450px;
    width: 100px;
    height: 100px;
}
}

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

div#content { margin: 42px 0 56px; }
.width270 { width: 100%; max-width: 100%; }
#hauptinhalt .span25 { width: 100%; }
#hauptinhalt .span75 { width: 100%; }
#metanavi ul { display: none; }
.startteaser { margin: 0 0 63px 0; }
.span33 { width: 100%; }

#sprachnavi { display:none; }
.sprachnaviMobile { display:block; float:right; padding:22px 40px 0 0;}
#menuicon { display: block; }
#metanavi { display: none; }
#startheader { display: none; }
#startheader_produkte { display: none; }

#mainnavi_box { width: 100%; background: #f8f8f8; display: none; border-top: solid 1px #c5c5c5; }

#mainnavi { float: left; padding: 0 0 0 0px; margin: 0 0 0 0; }
#mainnavi ul { float: left; padding: 0; width: 100%; }
#mainnavi ul li { list-style: none; float: none; border-bottom: solid 1px #c5c5c5; padding: 0 0 0 0; }
#mainnavi ul li a { margin: 0 0 0 0; padding: 14px 0 13px 50px; }
#mainnavi ul li a:hover { color: #7f7f7f; }
#mainnavi ul li.aktiv a:hover { color: #e2211a; }
#mainnavi ul li:last-child a { margin: 0; }


#mainnavi ul li .mainnavi_subbox { position:relative; background:#fefefe; width: 100%; height: 0; overflow: hidden; padding: 0; margin: 0 0 0 0; box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), inset 0 -1px 2px rgba(0,0,0,0.1); }
#mainnavi ul li .mainnavi_subbox .inhalt { margin: 20px 25px;  }


#mainnavi ul li .mainnavi_subbox ul { margin: 0 7px 0 -7px; padding: 0; border-top: solid 1px #c5c5c5; min-height: 0px; }
#mainnavi ul li .mainnavi_subbox ul li { list-style: none; line-height: 27px; border-bottom: solid 1px #c5c5c5; float: none; }
#mainnavi ul li .mainnavi_subbox ul li:last-child { border-bottom: none; }
#mainnavi ul li .mainnavi_subbox ul li a { margin: 0 0 0 0;  }
#mainnavi ul li .mainnavi_subbox ul li a:hover { margin: 0 0 0 0; padding: 0 7px; background: transparent; }

#mainnavi ul li .mainnavi_subbox ul li ul { margin: 0; padding: 12px 0 21px 0; }
#mainnavi ul li .mainnavi_subbox ul li ul li { line-height: 21px; border-bottom: none; }
#mainnavi ul li .mainnavi_subbox ul li ul li a { font-size: 13px;text-transform: none; }


.mitarbeiter.span33 { width: 46%; margin: 0 2%; margin-bottom: 56px; }

.galerie a.fancybox-effects-d { width: 47%; margin: 0 1.8% 15px 0; }
.galerie a.fancybox-effects-d img { width: 47%; margin: 0 1.8% 15px 0; }
.galerie a.fancybox-effects-d:nth-child(3n) img { margin: 0 1.2% 15px 0; }
.galerie a.fancybox-effects-d:nth-child(2n) img { margin: 0 0 15px 0; }


.startteaser.mobile { display: block; }
.startteaser.screen { display: none; }

}

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

#main { width: 320px; }
.span25 { width: 100%; }
.span50 { width: 100%; }


#mainnavi ul li .mainnavi_subbox ul li ul { margin: 0; padding: 12px 0 14px 0; }

#content { margin: 63px 0 35px; }

#logo { margin: 18px 25px 3px -3px; }
#menuicon { margin: 33px 0 0 0; }

.sprachnaviMobile { padding:16px 40px 0 0;}

.inhalt { margin: 0px 30px; }
#content .inhalt { margin: 0px 10px; }
#mainnavi ul li a { padding: 14px 0 13px 30px; }

.mitarbeiter.span33 { width: 100%; margin: 0; margin-bottom: 28px; }

.galerie a.fancybox-effects-d { width: 100%; margin: 0 0 15px 0; }
.galerie a.fancybox-effects-d img { width: 100%; margin: 0 0 15px 0; }

}

@media only screen and (max-width: 640px) and (orientation : landscape) {
html { /* -webkit-text-size-adjust: none; */ }
.width320 { float: none; }
}

@media only screen and (max-width: 320px) {
#main { width: 100%; }
}







/* ---------------------------------------------------------------------------- Slider ---------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.start_slider_inhalt { width: 1108px; margin: 0 auto; }

.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 967px;
	height: 440px;
	/* custom decorations */
	margin: 0 0 0 0;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
}

.pointer .artikel_liste_box { width: 223px; margin: 0 22px 20px 0; }
.pointer .artikel_liste_box .bild { width: 197px; padding: 13px; height: 160px; background: #FFF; margin: 0 0 15px 0; position: relative; z-index: 20; float: none; }
.pointer .artikel_liste_box .bild img {max-height: 146px; max-width: 146px; padding: 0; margin: 10px 10px 10px 28px; }
.pointer .artikel_liste_box .text { float: none; width: 197px; height: 100px; border-top-color: #f0f0f0; padding: 13px; background: #fbfbfb;}
.pointer .artikel_liste_box .preis { position: absolute; bottom: 10px; left: 13px;  }
/* single scrollable item */


/* single scrollable item */

/* active item */
#startheader_produkte .scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* position and dimensions of the navigator */
#startheader_produkte .navi { position:absolute; right:80px; bottom: 10px;
	width:80px;
	height:20px;
}

/* items inside navigator */
#startheader_produkte .navi a {
	padding: 0;
	width:12px;
	height:12px;
	float:left;
	margin:3px;
	background:url(/_img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	transition: 0ms; -moz-transition: 0ms; -webkit-transition: 0ms; -o-transition: 0ms; -ms-transition: 0ms;
}

/* mouseover state */
#startheader_produkte .navi a:hover {
	background-position:0 -12px;      
}

/* active state (current page state) */
#startheader_produkte .navi a.active {
	background-position:0 -24px;     
}

.bildlinks {margin:0 10px 10px 0; float:left;}
.bildrechts {margin:0 0 10px 10px; float: right;}

/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left;
}

/* prev, next, prevPage and nextPage buttons */
#startheader_produkte a.browse {
	background: transparent;
	padding: 0;
    background:url(/_img/hori_large.png) no-repeat;
    display:block;
    width:44px;
    height:44px;
    float:left;
    margin:200px 10px;
    cursor:pointer;
    font-size:1px;
	transition: 0ms; -moz-transition: 0ms; -webkit-transition: 0ms; -o-transition: 0ms; -ms-transition: 0ms;
}

/* right */
#startheader_produkte a.right { background-position: 0 -44px; clear:right; margin-right: 0px;}
#startheader_produkte a.right:hover { background-position:-44px -44px; }
#startheader_produkte a.right:active { background-position:-88px -44px; }

/* left */
#startheader_produkte a.left { margin-left: 0px; }
#startheader_produkte a.left:hover  { background-position:-44px 0; }
#startheader_produkte a.left:active { background-position:-88px 0; }

/* up and down */
#startheader_produkte a.up, #startheader_produkte a.down  {
    background:url(/media/img/scrollable/arrow/vert_large.png) no-repeat;
    float: none;
    margin: 10px 50px;
}

/* up */
#startheader_produkte a.up:hover { background-position:-44px 0; }
#startheader_produkte a.up:active { background-position:-88px 0; }

/* down */
#startheader_produkte a.down { background-position: 0 -44px; }
#startheader_produkte a.down:hover { background-position:-44px -44px; }
#startheader_produkte a.down:active { background-position:-88px -44px; }

/* disabled navigational button */
#startheader_produkte a.disabled {
    visibility:hidden !important;
}

/*.shop #header { height:120px; }*/

.shop .shopsuche { display:block; }

.rot { background-color: #fa5757; }
.gelb { background-color: #f5ce48; }
.blau { background-color: #57a8fa; }
.gruen { background-color: #9eed52; }

body.shop h1.titelMain { display: none; }

.warenkorb_leer { margin-top: -1px; padding: 20px 0; text-align:center; color: #ccc; width: 100%; font-size: 18px; text-shadow: 0 -1px 0 #5f5f5f; background: #868889; }

.pfeile  { width: 32px; float:left; padding: 0px 0 0 0; }
.pfeile  img { margin: 0; }

.clearer {clear:both; font-size:0px;line-height:0px; height:0px;}


.group:after {
  content: "";
  display: table;
  clear: both;
}