/* Reset */a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body{font-family:Verdana, Arial, Helvetica, sans-serif;background: #CCCCCC}
.arial{font-family:Arial, Helvetica, sans-serif}
h1 {font-size: 48px}h2{font-size:32px;margin-top:8px}h3{font-size:24px;}h4{font-size: 18px;}h5{font-size: 15px;}h6{font-size: 10px;}
.header_{position:fixed;width:100%;height:110px;background-color:#444}
#head_text{float: left;margin: 20px 0px 10px 5px;font-size: 60px;color: white;}
#logo{z-index:-1}
#branch {font-size: 28px}
#spacer{width:100px;height:1px;float:right;}
.branch_link{margin: 10px 15px 10px 0px;float:right}
.branch_link img{width:100%}
.branch_link:hover {-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;background: rgba(255, 255, 255, 0.2)}
.fett {font-weight: bold;}
.kursiv {font-style: italic;}
.break {margin-top:25px}
.rot {color:#FF3333} .weiss {color:white} .blau{color:blue} .orange{color:#ff6600}
#navcontainer{float: left;width: 100%;font-family: arial, helvetica, sans-serif;vertical-align: middle}
#navcontainer li {display: inline;} #navcontainer li a{color:white;padding: 4px 12px;text-decoration: none;float: left;border-right: 1px solid #fff;}
.caption {font-size:10px;padding-left:5px;padding-right:5px;text-align: left}
.dl {line-height: 2}
.block{text-align: justify}
.center{text-align: center}
.content {width:750px; margin:auto;padding-top:150px;padding-bottom:30px;line-height:1.3;}
.content:after,.col:after,.row:after {content: "";display: table;clear: both;}
.top20{padding-top: 20px;}
.unter{text-decoration: underline}
.bottom20{padding-bottom:20px}
.top50{margin-top: 50px}
.top70{margin-top: 70px}
.top10{margin-top: 10px}
.top5{margin-top: 5px}
.l20{padding-left: 20px}
.h240{height:240px}
.full{width:100%}
#il{float: left;width: 320px;padding-right: 100px;text-align: right;}
.col img,.row img{max-width: 100%}
.img{font-size:16px;padding-left: 10px;}
.col {width: 350px;padding-right:50px;padding-bottom:50px;float:left;}
.col1-3 {width: 230px;padding-right:30px;padding-bottom:50px;float:left;}
.col2-3 {width: 490px;padding-right:30px;padding-bottom:50px;float:left;}
.col-center{float: none !important;margin:auto}
.col-center img {display:block;margin:auto}
.anchor{display:block;position:relative;top:-150px;visibility:hidden;}
.col:last-of-type {padding-right: 0;}
.bommel{font-size:14px;margin-left:5px;vertical-align: top;padding:0px 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background: rgba(255, 255, 255, 0.8)}
.kurz{display:none !important}
.acol {width: 370px;padding-right: 10px;font-size: 9px;text-align: justify;float:left} .acol:last-of-type {padding-right: 0;}
.kunst #branch{color: #FF3333} .kunst #navcontainer{background-color: #FF0033}
.kunst .bommel{color:#FF3333;}
.kunst #navcontainer li a:hover{background-color: #FF6633}
.stahl #branch{color: white}
.stahl #navcontainer{background-color: #333}
.stahl .bommel{color:#333;}
.stahl #navcontainer li a:hover{background-color: #8C8984}
.chill #branch{color: #ff6600}
.chill #navcontainer{background-color: #ff6600}
.chill .bommel{color:#ff6600;}
.chill #navcontainer li a:hover{background-color: #f7863a}
.overlay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0;}
.overlay:target {visibility: visible;opacity: 1;}
.popup {margin:70px auto;padding:20px;background:#666;border-radius:5px;width:750px;position:relative;color:white}
.popup h2 {margin-top: 0}
.popup .close {position: absolute;top: 20px;right: 30px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #DDD;}
.popup .close:hover {color: red;} .popup a:hover,.popup a{color:white;text-decoration:none}
.cont{line-height:1.3;}
/*
@media(max-width:1480px){#spacer{width:0px !important}.kurz{display:inline !important}.lang{display:none !important}#navcontainer 
li a{padding: 2px 8px;}} @media(max-width:1160px){#navcontainer li a{font-size: 12px}.bommel{display:none}.header_{height:100px}} @media(max-width:1000px){#spacer{width:0px !important}} 
@media(max-width:925px){#head_text{font-size:44px !important;}.branch_link{width:90px !important;margin:2px 10px !important; padding: 2px !important;float:right;padding:5px 5px;}#logo{width: 90px !important;height: 80px !important;padding: 30px 0px 0px 30px !important;}.header_{height:80px !important}} 
@media(max-width:749px){#head_text{font-size:12px}.content{width:95%;}.col{float:none;padding-right:0;margin:auto}.branch_link{width:60px;margin-right:5px;float:right;padding:5px 5px;}} 
@media(max-width:639px){#head_text{font-size: 25px !important;margin-left: 93px !important;}#logo{width: 65px !important;height: 53px !important;padding: 24px 0px 0px 25px !important;}.branch_link{width:60px !important;margin-right:6px;float:right;padding:3px 3px;}#ibv{font-size:10px}#branch{font-size:20px}.header_{height:98px}} 
@media(max-width:440px){.branch_link{width:0px !important}} 
@media(max-width:370px){.col{width:100%}} 
*/
@media(max-width:1280px){#navcontainer{zoom: 0.8 !important}}
@media(max-width:1024px){#navcontainer{zoom: 0.6 !important}}
@media(max-width:800px){.content,#kontakt{zoom: 0.8 !important}}
@media(max-width:930px){#head{zoom: 0.8 !important}.header_{height:90px !important}}
@media(max-width:740px){#head{zoom: 0.6 !important}.header_{height:70px !important}#navcontainer{zoom: 0.4 !important}.content,#kontakt{zoom: 0.68 !important}}
@media(max-width:540px){#head{zoom: 0.5 !important}.content,#kontakt{zoom: 0.55 !important}}
@media(max-width:460px){#head{zoom: 0.4 !important}.header_{height:50px !important}.content,#kontakt{zoom: 0.45 !important}}
@media(max-width:360px){#head{zoom: 0.3 !important}.content,#kontakt{zoom: 0.39 !important}}

.arow:after{content: "";display: 
table;clear: both;} .arow{padding-bottom: 3px;} .alc{width: 25px;padding-right: 8px;float:left} .arc{width: 327px;padding-right: 10px;float: left} .ah{font-weight: 
bold;padding-top:10px;padding-bottom:3px;} .jlc{width:170px;float: left;font-size:12px;padding-top:10px} .jrc{width:560px;float:left;padding-left:20px;font-size:12px;padding-top:10px} 
.jllc{width:170px;padding-top:10px;float: left} .jrlc,.jrrc{float:left;padding-left:20px;font-size:12px;padding-top:10px} .jrlc{width:140px;}.jrrc{width:400px;}
.jntp{padding-top: 0px}
.sup{vertical-align: super;font-size: 10px;}