/* Parallax */

section{border:none;clear:both;margin:0;padding:10px 0;width:100%;}
section:focus{border:none;outline:none;}
section.module {padding:0;position:relative;}
section.module .wrap-inner-section {border:none;min-height:300px;margin:0 auto;padding:25px 0;position:relative;vertical-align:middle;width:98%;max-width:1080px}
section.module.parallax {background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; height:450px;vertical-align:middle; }
section.module.parallax .wrap-inner-section{height:450px;position:relative;}
section.module.parallax .wrap-inner-section .inner-section{background:#006094;background:rgba(0,0,0,0.5);box-sizing:border-box;color:#fff;padding:15px 25px;position:absolute;top:50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%);}
section.module.parallax h1,section.module.parallax h2{color:#fff;font-weight:700;letter-spacing:0;line-height: 0.9;margin:10px 0;text-align: center;text-transform: uppercase;text-shadow:1px 1px 0 #000}
section.module.parallax h1{font-size:4em;}
section.module.parallax h2{font-size:2em;}
section.module.parallax a{color:#fff}
section.module.parallax p{max-width:600px;margin:10px auto;text-align:center;display:inline-block;}

ul.sprachbox{font-size:1.4em;position:absolute;right:0;top:5px;}
ul.sprachbox li{display:inline-block;float-right;}
ul.sprachbox li a,ul.sprachbox li a:hover{color:#666;padding:5px}
ul.sprachbox li a:hover{color:#000}

.jump{background:url(icon_down.png) no-repeat 50% 50%;border: 1px solid #303030;border-radius: 2px;clear:both;display:block;height:44px;padding:3px;position: relative;margin:25px auto;text-indent:-999em;width:44px;border-radius:100%;}
.jump:hover {background-color:#fff;border:1px solid #EF0007;}

.wrapcounter{display:block;margin:10px 0;text-align:center;}
.counter{display:block;font-family:Helvetica, Arial, Verdana, sans-serif;font-weight:300 !important;font-size:3em;margin:30px auto;text-align:center;vertical-align:middle;}
.counter:before{content:'>';display:inline-block;margin:0 10px 0 0;text-align:left;font-size:0.8em;vertical-align: middle;}
.counter:after{background:#EF0007;content:'';display:block;height:2px;margin:30px auto 0 auto;width:40px;text-align:center;}
.counter.mittel{font-size:2em;}
.counter.gross{font-size:3em;}
.counter.sehrgross{font-size:6em;}

#map{border:1px solid #ccc;clear:left;display:block;height:700px;margin:15px 0;width:99%}
#map_canvas img { max-width: none; }

.map{border:1px solid #ccc;clear:left;display:block;height:245px;margin:0;width:99%}
.map_canvas img { max-width: none; }
.framewrapper{clear:both;display:block;margin:15px auto;position:relative;width:100%;}
.my-frame {border:none;padding:0;text-align:center;min-height:245px;height:100%;width:100%;}

#content .wrapteaser{border-collapse:separate;clear:both;display:table;line-height:1.4em;margin:25px auto;padding:0;position:relative;table-layout:fixed;width:100%;}
#content .wrapteaser .teaserrow{display:table-row;position:relative;width:100%;}
#content .wrapteaser .teasercell{display:table-cell;margin:0;padding:0;position:relative;}
#content .wrapteaser .teasercell.teaser-1{border-right:10px solid #fff;}
#content .wrapteaser .teasercell.teaser-2{border-left:5px solid #fff;border-right:5px solid #fff;}
#content .wrapteaser .teasercell.teaser-3{border-left:10px solid #fff;}
#content .wrapteaser .teasercell a{color:#303030;}
#content .wrapteaser .teasercell a:hover,#content .wrapteaser .teasercell a:hover h2,#content .wrapteaser .teasercell a:hover h3{color:#EF0007;}
#content .wrapteaser h2,#content .wrapteaser h3,.wrapteaser h2,.wrapteaser h3{font-size:1.2em;margin:5px 0;text-align:left;}
#content .wrapteaser h2:after{background:transparent;content:'';display:block;height:0;margin:0;width:0;}
#content .wrapteaser p,.wrapteaser p{margin:5px 0;text-align:left;}
#content .wrapteaser .teasercell .img{display:block;text-align:center;}
#content .wrapteaser .teasercell img{width:auto;max-width:100%;height:auto;text-align:center;}

#content .wrapboxes{clear:both;display:block;margin:15px 0;}
#content .boxes{display: inline-block;vertical-align: top;margin:15px 1% 15px 0;overflow:hidden;position:relative;width:48.5%; *display:block;*float:left;*zoom: 1; }
.page-template-page-wide-php #content .boxes{width:32.3%}
#content .boxes a{color:#303030;}
#content .boxes .img{background:#f7f7f7;display:block;height:0;float:none;overflow:hidden;padding-bottom:56.25%;text-align:center;width:100%;}
#content .boxes .img img{border:none;display:block;width:auto;max-width:100%;height:auto;transition: all 0.4s linear;}
#content .boxes h2{color:#303030;font-size:1.2em;font-weight:700;line-height:1.2;margin:0;padding:5px 0;text-align:left;}
#content .boxes h2:after{background:transparent;content:'';display:block;height:0;margin:0;width:0;}
#content .boxes .more{color:#fff;text-decoration:underline;}

#content .boxes .text,#content .boxes h2{-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;transition: 1s;box-sizing:border-box;}
#content .boxes .text{background:#1A1A1A;background:rgba(0,0,0,0.6);color:#fff;line-height:1.4;padding:5px 10px;position:absolute;bottom:-300px;left:0;}
#content .boxes .text strong{color:#fff;display:block;font-size:1.1em;font-weight:700;line-height:1.2;}

#content .boxes:hover .text{bottom:0;}
#content .boxes:hover img {transform: scale(1.1,1.1);}
#content .boxes:hover h2{color:#EF0007;}


#content .wrapspalten{border-collapse:separate;clear:both;display:table;margin:0 auto;padding:0;position:relative;table-layout:fixed;width:100%;}
#content .wrapspalten .spaltenreihe{display:table-row;position:relative;width:100%;}
#content .wrapspalten .spaltenzelle{display:table-cell;margin:0;padding:15px;position:relative;vertical-align:top;}
#content .wrapspalten.center .spaltenzelle{text-align:center;}
#content .wrapspalten .spaltenzelle:first-child{padding-left:0}
#content .wrapspalten .spaltenzelle:last-child{padding-right:0}
#content .wrapspalten.products .spaltenzelle{padding:15px 10px;text-align:left;}
#content .wrapspalten.products .spaltenzelle:first-child{padding:15px 20px 15px 0}
#content .wrapspalten.products .spaltenzelle:last-child{padding:15px 0 15px 20px}
#content .wrapspalten .spaltenzelle h3{margin:0 0 10px 0}
#content .wrapspalten .spaltenzelle img{}
#content .wrapspalten .spaltenzelle img.aligncenter{margin:0 auto}

/* FAQ - Boxen mit ausklappbaren Inhalten */

#content dl.hidebox{margin:15px 0}
#content dl.hidebox dt{text-align:center;}
#content dl.hidebox dt a{cursor:pointer;display:block;font-weight:400;margin:0;padding:0;position:relative;text-decoration:none;}
#content dl.hidebox dt a.open{}
#content dl.hidebox dt .closed:after,#content dl.hidebox dt .open:after{border: 0.3em solid transparent;border-bottom: none;border-top-color:#000;content: '';display:inline-block;height:0;position:absolute;right:10px;top:40%;vertical-align: middle;width:0;}
#content dl.hidebox dt .open:after{border: 0.3em solid transparent;border-top:none;border-bottom-color:#000;}
#content dl.hidebox dd {background:#fff;margin:0;padding:0;}
#content dl.hidebox dd {display:none;}
#content dl.hidebox ul{margin:0}

#content #wrapaufklappen{margin:15px 0 15px 0;position:relative;}
#content #aufklappen.openbox{}
#content #wrapaufklappen #inhalt{display:block;max-height:200px;overflow:hidden;transition: max-height 0.6s ease-out;}
#content #wrapaufklappen #inhalt.openbox{max-height:5000px;transition: max-height 0.6s ease-in;}

#content #aufklappen {cursor:pointer;margin:0 auto;text-align:center;font-size:2.2em;font-weight:700;}
#content #aufklappen a:after{border: 0.4em solid transparent;border-bottom: none;border-top-color:#EF0007;content: '';display:block;height:0;margin:10px auto 0 auto;position:relative;width: 0;}
#content #aufklappen.openbox a:after{border-bottom:0.4em solid #EF0007;border-top:none;}



.button{clear:both;margin:15px 0;text-align:left;}
.button a,.button a:hover{background:#006094;color:#fff;display:inline-block;font-size:1.1em;font-weight:700;letter-spacing:1px;margin:0;padding:10px 20px;position:relative;text-decoration:none;z-index:999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.button a:hover{opacity:0.9;}

.col{-webkit-columns: 2 200px;-moz-columns: 2 200px;columns: 2 200px;}
.col-2 { -webkit-columns: 2 200px;-moz-columns: 2 200px;columns: 2 200px; }
.col-3 { -webkit-columns: 3 200px;-moz-columns: 3 200px;columns: 3 200px; }
.col-4 { -webkit-columns: 4 150px;-moz-columns: 4 150px;columns: 4 150px; }

/* Socialmedia / Share-Buttons */

.share{display:block;margin:15px auto;text-align:center;}
.share a,.share a:hover{background-color:transparent;display:inline-block;margin:5px 10px;padding:0;text-align:center;width:30px;}
.share a:hover{}
.share a span,.share a:hover span{display:none}

#header .share{display:block;margin:0;text-align:center;position:absolute;right:0;top:10px;}
#header .share a,#header .share a:hover{background-color:transparent;border:0;margin:0 5px;width:22px}

#footer .share{margin:0;text-align:center;}
#footer .share a,#footer .share a:hover{background-color:transparent;border:0;margin:5px 10px;width:22px}

#content .social{margin:15px 0}
#content .social a,#content .social a:hover{color:#fff;display:inline-block;font-weight:700;margin:10px 10px 5px 0;padding:6px 10px;text-align:center;text-decoration:none;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}
#content .social.small a,#content .social.small a:hover{padding:3px 5px;}
#content .social a:hover{opacity:0.9;}
.social .twitter{background:#00acee;border:1px solid #00acee}
.social .facebook{background:#3B5998;border:1px solid #3B5998}
.social .google-plus{background:#dd4b39;border:1px solid #dd4b39}
.social .xing{background:#006567;border:1px solid #006567}
.social .pocket{background:#ee4056;border:1px solid #ee4056}
.social .rss{background:#ee802f;border:1px solid #ee802f}
.social .pinterest{background:#c8232c;border:1px solid #c8232c}
.social .linkedin{background:#0e76a8;border:1px solid #0e76a8}
.social .tumblr{background:#34526f;border:1px solid #34526f}

.socialbar{display:block;margin:15px auto;position:relative;width:100%;}
.socialbar .sbar{display:table-cell;float:left;margin:0 10px 0 0;padding:0;text-align:left;vertical-align:middle;}


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

#content .wrapspalten,
#content .wrapspalten .spaltenzelle,
#content .wrapspalten .spaltenzelle:first-child,
#content .wrapspalten .spaltenzelle:last-child,
#content .wrapspalten .spaltenreihe,
#content .wrapspalten.products,
#content .wrapspalten.products .spaltenzelle:first-child,
#content .wrapspalten.products .spaltenzelle:last-child{display:block;box-sizing:border-box;margin:0;padding:15px 5px}

}