.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
/* === RESET === */

body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea { margin: 0; padding: 0; }
table { border-spacing: 0; border-collapse: collapse; font-size: inherit; }
caption, th, td { text-align: left; text-align: start; vertical-align: top; }
abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help; }
blockquote, q { quotes: none; }
fieldset, img, iframe { border: 0; }
ul { list-style-type: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
header, footer, nav, section, aside, article, figure, figcaption { display: block; }
body { font: 15px/1.466666666666667 Arial, Helvetica Neue, Helvetica, sans-serif; color: #000; overflow-x: hidden; }
input, button, textarea, select { font-family: inherit; font-size: 99%; font-weight: inherit; }
pre, code { font-family: Monaco, monospace; }
caption, th { font-weight: bold; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form { margin-bottom: 1em; }

html { position: relative; overflow-y: scroll; height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
input, button, textarea, select { vertical-align: baseline; *vertical-align: middle; }
button, input.submit { *overflow: visible; }
img, object, embed, video { max-width: 100%; }
a img { border: none; display: inline-block; }
img { height: auto; }


/* === GENERIC === */

.clr, .clear, #clear { height: 0.1px; font-size: 0.1px; line-height: 0.1px; clear: both; }
.clrfix:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
.float-none { float: none; }
.float_below { margin-bottom: 1em; }
.align-center { text-align: center; }
.block { overflow: hidden; }
.invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
hr { border: 0; height: 0; border-top: 2px solid #ddd; margin: 0 -10% 1em; }

.inside, 
.mod_article:not(.linkbox):not(.map):not(.hasinside) > div:not(.bgimg):not(.clmn), 
.mod_article > .ce_headline:not(.faketoggle),
.bgimg > .content, 
.leiste .ce_accordion .toggler,
.leiste .ce_accordion .accordion > div, 
.button .ce_accordion .accordion > div { width: 100%; max-width: 1200px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.mod_article > div.ce_sliderStart {}
#main .mod_article .wauto { width: auto; margin: 0 auto; }
.mod_article.map > div { padding: 0; }
iframe { width: 100%; display: block; }


/* === FONTS === */

h1, h2 { font-size: 2.4em; }
#main .mod_article > .ce_headline:not(.faketoggle) { margin-top: 1em; margin-bottom: 0.5em; }
h3 { font-size: 1.2em; margin-bottom: 0.5em; }
h4, h5, h6 { font-size: 1em; font-weight: bold; margin-bottom: 0em; }
p { margin: 0 0 1em; }
a { color: #0099a1; text-decoration: none; }

.ce_text ul, .ce_text ol { margin: 0 0 1.5em; zoom: 1; overflow: auto; }
.ce_text ul { list-style-type: none; }
.ce_text ol { list-style-type: decimal; }
.ce_text ol li { margin: 0 0 0 1em; padding: 0 0 0 0.5em; }
.ce_text ul li { position: relative; margin: 0 0 0 0.75em; padding: 0 0 0 0.5em; }
.ce_text ul li:before { content: " "; background-color: #b2b2b2; position: absolute; left: -0.5em; top: 0.6em; width: 0.333333333333em; height: 0.333333333333em; }
.mod_customnav li { list-style: none; display: inline; }


/* === HEADER === */

#header { background: #ededed; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; top: 0; z-index: 99; width: 100%; -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.45); box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.45); }
#header .inside { width: 1300px; max-width: 100%; }
#header a { color: #000; }
#header .logo { display: table; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#header .logo a { display: table-cell; vertical-align: middle; }
#header .logo a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#header .logo img { display: block; }
#mainmenu { overflow: visible; }
#mainmenu.hidden { display: none; }
#mainmenu ul.level_2 { display: none; }
#mainmenu ul.level_1 li:hover ul.level_2, #mainmenu ul.level_1 li.toggled ul.level_2 { display: block; }
#mainmenu:after { content: ""; clear: both; display: table; }

.mod_changelanguage ul { margin: 0; }
.mod_changelanguage li { list-style: none; display: inline; }
.mod_changelanguage a, .mod_changelanguage strong { display: inline-block; }
.mod_changelanguage li + li a, .mod_changelanguage li + li strong { border-left: 1px solid #000; }
#socials { position: absolute; }
#socials .ce_hyperlink.block { display: inline-block; }
#socials .ce_hyperlink.block .socials { fill: #a5a5a5; }
#socials .ce_hyperlink.block a { display: block; margin-left: 2px; margin-right: 2px; }
#socials .ce_hyperlink.block a:hover .socials { fill: #0099a4; }

/* Banner */
.mod_pageImage { position: relative; border-bottom: 3px solid white; background-size: cover; background-position: center center; }
.box { position: absolute; z-index: 1; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; right: 0; }

.box h1 { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; line-height: 1.25em; margin: 0; }
h1 span { white-space: nowrap; background: rgba(255, 255, 255, 0.8); display: block; padding: 0 0.25em; margin-bottom: 2px; }
.mod_pageImage h1 span { display: inline-block; max-width: 90vw; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body.home .mod_pageImage h1 span { white-space: normal; }



/* === MAIN === */

#main { overflow: hidden; }
body.home h1, .hlcenter h1, body.home h2, .hlcenter h2, h3.hlcenter, .center { text-align: center; }
body.home .mod_pageImage h1, .mod_pageImage h1 { text-align: right; padding-top: 2em; }

.mod_article { border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #fff; opacity: 0; margin-left: -100%; }
.mod_article:not(.nopad):not(.map):not(.linkbox), 
.ce_text.bgimg, .ce_hyperlink.bgimg > a { padding-top: 30px; padding-bottom: 30px; }
.mod_article.grau { background: #ededed; }
.mod_article.linkbox { text-align: center; -webkit-transition: -webkit-transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; transition: transform 1s ease-out; padding: 0; position: relative; }
.mod_article.linkbox > h1, .mod_article.linkbox > h2 { margin-top: 30px; }
.mod_article.linkbox:hover { z-index: 9; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.ce_hyperlink { background-repeat: no-repeat; background-size: cover; background-position: center; }
.ce_hyperlink.button { overflow: visible; }
.ce_hyperlink.button a { display: inline-block; background: #ddd; color: #fff; height: 60px; line-height: 60px; white-space: nowrap; font-size: 1.2em; font-weight: bold; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; padding: 0 1em; -webkit-transition: all .1s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }
.ce_hyperlink.button a:hover { z-index: 9; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.hyperlink_block { display: block; color: #000; height: 100%; padding: 30px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.hyperlink_block p.icon { width: 88px; height: 88px; margin-left: auto; margin-right: auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; line-height: 83px; }
.hyperlink_block p.icon img { vertical-align: middle; }

.mod_article.videobox > .ce_player { height: 100%; padding: 30px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.mod_article.videobox > .ce_player > video { margin-bottom: 1em; width: 100%; height: auto; }
	
.mod_newslist { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 0; text-align: left; width: 80%; margin: 0 auto; }
.mod_newslist .layout_latest { margin-bottom: 2em; }
.mod_newslist .layout_latest:after { content: ""; display: block; width: 20%; border-bottom: 2px solid #0099a4; margin: 1em auto; padding-top: 1.5em; }
.mod_newslist .layout_latest p.info .subheadline { display: inline-block; margin-right: 1em; text-transform: uppercase; font-size: 0.9em; }
.mod_newslist .layout_latest p.info:after { content: ""; display: block; width: 50px; border-bottom: 2px solid #0099a4; padding-top: 0.7em; }
.mod_newslist .layout_latest h3 { font-size: 1.5em; }
body.news #main .leiste .ce_accordion .accordion > div { padding-left: 0; padding-right: 0; width: 100%; max-width: 100%; }
body.news #main .mod_newslist { max-width: 1600px; }
body.news #main .leiste .ce_accordion .accordion > div .mod_newslist { width: 100%; }

/*.mod_newslist .layout_latest p.info { font-size: 0.9em; color: #959595; margin-top: -0.5em; }
.mod_newslist .layout_latest h3 { font-size: 1.4em; margin-bottom: 1em; }*/
.mod_article.columns { width: 100%; }
.linkbox .columns { margin: 0 auto; }

.wauto.m1 .clmn, .wauto.m1 .ce_hyperlink, .wauto.m1 .ce_download { padding: 0 1em; }
.wauto.m2 .clmn, .wauto.m2 .ce_hyperlink, .wauto.m2 .ce_download { padding: 0 2em; }
.wauto.m3 .clmn, .wauto.m3 .ce_hyperlink, .wauto.m3 .ce_download { padding: 0 3em; }
	
.columns.bubbles, .columns.mobile { display: table; }
.columns.mobile .ce_download, .columns.mobile .ce_hyperlink { display: table-cell; vertical-align: top; }

.columns.bubbles > p { display: table-cell; vertical-align: middle; margin-left: auto; margin-right: auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.bubbles p strong { display: block; }
body.home .bubbles, .unternehmen .bubbles { border-collapse: separate; }
body.home .bubbles p, .unternehmen .bubbles p { background: #0098a2; color: #fff; margin: 0 1em; }
body.home .bubbles p:before, .unternehmen .bubbles p:before { content: " ";}
body.home .bubbles p strong, .unternehmen .bubbles p strong { font-size: 1.666666666666667em; }

.mod_article.linie h1, .mod_article.linie h2 { position: relative; margin-top: 0.5em; }
.mod_article.linie h1:before, .mod_article.linie h2:before { content: " "; position: absolute; top: -0.5em; width: 90px; left: 50%; margin-left: -45px; height: 2px; background: #0098a2; }


/* Icons */
.toggler { cursor: pointer; }
.ce_accordion.bubble { position: relative; text-align: center; overflow: visible; }
.ce_accordion.bubble .toggler { font-weight: bold; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; position: relative; }
.ce_accordion.bubble .toggler:after { position: absolute; left: 50%; margin-left: -46px; content: " "; width: 92px; height: 92px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: center center; }
.ce_accordion.bubble .toggler:hover { z-index: 9; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.ce_accordion.automotive .toggler:after { background-image: url("../../files/ahlberg/images/icon_automotive.svg"); }
.ce_accordion.automotive .toggler:hover:after { background-image: url("../../files/ahlberg/images/icon_automotive_green.svg"); }
.ce_accordion.elektro .toggler:after { background-image: url("../../files/ahlberg/images/icon_elektro.svg"); }
.ce_accordion.elektro .toggler:hover:after { background-image: url("../../files/ahlberg/images/icon_elektro_green.svg"); }
.ce_accordion.zweirad .toggler:after { background-image: url("../../files/ahlberg/images/icon_zweirad.svg"); }
.ce_accordion.zweirad .toggler:hover:after { background-image: url("../../files/ahlberg/images/icon_zweirad_green.svg"); }
.ce_accordion.bau .toggler:after { background-image: url("../../files/ahlberg/images/icon_bauindustrie.svg"); }
.ce_accordion.bau .toggler:hover:after { background-image: url("../../files/ahlberg/images/icon_bauindustrie_green.svg"); }
.ce_accordion.schienenfahrzeuge .toggler:after { background-image: url("../../files/ahlberg/images/icon_energieindustrie.svg"); }
.ce_accordion.schienenfahrzeuge .toggler:hover:after { background-image: url("../../files/ahlberg/images/icon_energieindustrie_green.svg"); }
.ce_accordion.maschinenbau .toggler:after { background-image: url("../../files/ahlberg/images/icon_maschinenbau.svg"); }
.ce_accordion.maschinenbau .toggler:hover:after { background-image: url("../../files/ahlberg/images/icon_maschinenbau_green.svg"); }
.ce_accordion.zulieferer .toggler:after { background-image: url("../../files/ahlberg/images/icon_zulieferer.svg"); }
.ce_accordion.zulieferer .toggler:hover:after { background-image: url("../../files/ahlberg/images/icon_zulieferer_green.svg"); }
.ce_accordion.energie .toggler:after { background-image: url("../../files/ahlberg/images/icon_energie.svg"); }
.ce_accordion.energie .toggler:hover:after { background-image: url("../../files/ahlberg/images/icon_energie_green.svg"); }
.ce_accordion.medizin .toggler:after { background-image: url("../../files/ahlberg/images/icon_medical.svg"); }
.ce_accordion.medizin .toggler:hover:after { background-image: url("../../files/ahlberg/images/icon_medical_green.svg"); }


/* Downloads */ 
.ce_download.block { overflow: visible; }
.columns .ce_download { text-align: center; position: relative; }
.ce_download .download-element a { display: block; padding-bottom: 80px; font-weight: bold; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; position: relative; }
.ce_download .download-element a:hover { z-index: 9; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.ce_download .download-element a:after { position: absolute; top: 30px; left: 50%; margin-left: -30px; content: " "; width: 60px; height: 60px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #ddd url("../../files/ahlberg/images/icon_arrow-down_white.svg") no-repeat center center; }
.grau .ce_download .download-element a:after { background: #fff url("../../files/ahlberg/images/icon_arrow-down.svg") no-repeat center center; }


.ce_download.notext a { text-indent: -9999em; min-width: 60px; }
.ce_download.notext .download-element a:after { top: 0; }

/* Jobs Accordion */ 
.leiste .ce_accordion , .leiste.ce_accordion  { background-color: #dddddd; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.leiste .ce_accordion .toggler, .leiste.ce_accordion .toggler { background-color: #dddddd; text-align: center; padding: 0.25em 0; font-weight: bold; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
.leiste .ce_accordion .toggler:hover, .leiste.ce_accordion .toggler:hover { color: #0099a1; }
.leiste .ce_accordion .toggler span, .leiste.ce_accordion .toggler span { display: inline-block; background: #fff url("../../files/ahlberg/images/acc_down.svg") no-repeat center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; float: right; }
.leiste .ce_accordion  .toggler.active span, .leiste.ce_accordion  .toggler.active span { background-image: url("../../files/ahlberg/images/acc_up.svg"); }
.leiste .ce_accordion  .accordion, .leiste.ce_accordion  .accordion { background: #fff; padding-top: 30px; padding-bottom: 30px; }
.leiste .faketoggle { margin-bottom: 0; text-align: center; background-color: #0099a1; color: #fff; padding: 0.25em 0; }

/* Unternehmen Accordion */ 
.button .ce_accordion , .button.ce_accordion  { background-color: #ddd; }
.button .ce_accordion .accordion, .button.ce_accordion .accordion { background: #ededed; padding-top: 30px; padding-bottom: 30px; }
.extrigger { display: inline-block; padding: 0.5em 1em; background-color: #fff; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; font-size: 1.2em; font-weight: bold; margin: 0 0.5em 1em; cursor: pointer; }
.extrigger.active { color: #0099a1; }
#main .ce_text:not(.ce_accordion) + .ce_text:not(.ce_accordion) { margin-top: 1em; }

/* runde Bilder */
.imgcrcl .ce_text { padding-top: 2em; }
.imgcrcl .image_container { margin-top: -2em; }
.imgcrcl .image_container img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 10px solid #dbdbdb; }

/* Hintergrundbild */ 
.bgimg { color: #fff; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.ce_text.bgimg { position: relative; }
.ce_text.bgimg .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ce_text.bgimg .content { position: relative; color: #fff; }
.ce_hyperlink.bgimg { height: 270px; min-height: 270px; display: table; width: 100%; }
.ce_hyperlink.bgimg > a, .ce_text.bgimg .overlay { background: rgba(0, 0, 0, 0.4); }
.ce_hyperlink.bgimg > a { display: table-cell; vertical-align: middle; }
.bgimg .hyperlink_block { color: #fff; }

/* Slider */
#main .ce_sliderStart { position: relative; margin-bottom: 3em; overflow: visible; }
.ce_sliderStart.float_left { width: 335px; max-width: 100%; }
.slider-control { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; z-index: 9; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
a.slider-prev, a.slider-next { display: inline-block; width: 50%; height: 100%; position: absolute; top: 0; text-indent: -9999em; }
a.slider-prev { left: 0; }
a.slider-next { left: 50%; }
#main .slider-menu { position: absolute; bottom: -30px; height: 30px; top: auto; width: 100%; left: 0; margin-left: 0; }
#main .slider-control .slider-menu b { font-size: 1.8em; line-height: 30px; padding: 0 0.05em; color: #ededed; }
#main .grau .slider-control .slider-menu b { color: #fff; }
#main .slider-control .slider-menu b.active { color: #0099a4; }

/* Gallery */ 
#main .mod_article > .ce_gallery { margin-bottom: 1em; }
.ce_gallery ul { list-style: none; }
.ce_gallery ul li { list-style: none; float: left; display: inline; }
.ce_gallery .image_container { position: relative; margin: 0 3px 3px 0; }
.ce_gallery .image_container .caption { position: absolute; bottom: 0; left: 0; padding: 8px; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; opacity: 0; background: rgba(0,0,0,0.7); color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% !important; }
.ce_gallery .image_container:hover .caption { opacity: 1; }


/* === FOOTER === */
#footer { background: #ededed; border-top: 1px solid #fff; overflow: hidden; border-bottom: 6px solid #fff; font-size: 0.8em; }
#footer .inside { position: relative; }
#footer a { color: #000; }
#footer .mod_customnav ul { margin: 0; }
#footer .mod_cookiebarOpener.block { overflow: visible; }
body .contao-cookiebar .highlight .cc-btn.success { background: #0098a2; border-color: #00646a; }
body .contao-cookiebar .highlight .cc-btn.success:hover { background: #06b4bf; }

@media screen and (min-width:1370px) {
	#header .logo { width: 394px; max-width: 50%; }
	#mainmenu { margin-left: 40px; }
	#mainmenu a, #mainmenu strong { padding-left: 0.5em; padding-right: 0.5em; }
	.mod_changelanguage a, .mod_changelanguage strong { padding-left: 0.5em; padding-right: 0.35em; }
}

@media screen and (min-width:1200px) and (max-width:1369px) {
	#mainmenu { margin-left: 3vw; }
}

@media screen and (min-width:1024px) and (max-width:1369px) {
	#mainmenu a, #mainmenu strong { padding-left: 0.5vw; padding-right: 0.5vw; }
	.mod_changelanguage a, .mod_changelanguage strong { padding-left: 0.5vw; padding-right: 0.35vw; }
}

@media screen and (min-width:1200px) {	
	#mainmenu { float: left; }
	body #mainmenu li.last ul.level_2 { left: 0; right: auto; }
	.mod_changelanguage { float: right; }
	.mod_changelanguage a, .mod_changelanguage strong { margin-top: 1.25em; }
	#socials { top: -25px; right: 9px; }
}

@media screen and (min-width:1024px) and (max-width:1199px) {
	#mainmenu { float: right; }
	#mainmenu li.last { margin-right: 0 !important; }
	#mainmenu li.last a, #mainmenu li.last strong { padding-right: 0; }
	.mod_changelanguage { position: absolute; top: -25px; right: 10px; }
	#socials { top: -25px; right: 86px; }
}

@media screen and (min-width:1024px) and (max-width:1369px) {
	#header .logo { width: 28.8vw; max-width: 50%; }
}

@media screen and (min-width:1024px) {
	body { padding-top: 104px; }
	#header { padding-top: 30px; height: 104px; }
	#header .inside { position: relative; }
	#header .logo { height: 46px; float: left; }
	#header .logo a { width: 50%; padding-right: 5%; height: 46px; }
	#mainmenu { margin-bottom: 0; overflow: visible; }
	#mainmenu ul { margin: 0; }
	#mainmenu a:hover { color: #0099a1; }
	#mainmenu ul.level_1 > li { margin-left: 0.25em; margin-right: 0.25em; list-style: none; display: inline-block; position: relative; }
	#mainmenu ul.level_1 > li > a, #mainmenu ul.level_1 > li > strong { display: block; padding-top: 18px; padding-bottom: 34px; font-weight: bold; }
	#mainmenu strong { color: #0099a1; }
	#mainmenu ul.level_2 { display: none; position: absolute; z-index: 9; left: 0; top: 74px; background: #ededed; -webkit-box-shadow: 0px 5px 12px  0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 5px 12px  0px rgba(0,0,0,0.35); box-shadow: 0px 5px 12px  0px rgba(0,0,0,0.35); }
	#mainmenu li.last ul.level_2 { left: auto; right: 0; }
	#mainmenu ul.level_2:before { content: " "; width: 100%; height: 20px; top: -20px; left: 0; position: absolute; display: block; background: #ededed; }
	#mainmenu ul.level_1 li:hover ul, #mainmenu ul.level_1 li.trail ul { display: block; }
	#mainmenu ul.level_2 > li > a, #mainmenu ul.level_2 > li > strong { display: block; padding: 0.25em 1.5em 0.25em 0.5em; font-weight: normal; border-bottom: 1px solid lightgrey; white-space: nowrap; }
	#mainmenu ul.level_2 > li > a:hover, #mainmenu ul.level_2 > li > strong { background: #e2e2e2; }
}

@media screen and (max-width:1023px) {	
	body { padding-top: 64px; }
	#header { padding-top: 14px; }
	#header .logo a { padding-right: 10px; }
	#header .logo a img { height: 38px; width: auto; }
	#mainmenu { position: absolute; left: 0; top: 106px; width: 100%; background: #ededed; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	#mainmenu ul { margin: 0; border-top: 1px solid #fff; }
	#mainmenu a:hover { color: #0099a1; }
	#mainmenu ul.level_1 > li { border-bottom: 1px solid #fff; }
	#mainmenu ul.level_1 > li.last { border-bottom: 3px solid #fff; }
	#mainmenu ul.level_1 > li > a, #mainmenu ul.level_1 > li > strong { font-weight: bold; display: block; padding: 5px 15px; }
	#mainmenu ul.level_1 > li.last a, #mainmenu ul.level_1 > li.last strong { padding-bottom: 5px; }
	#mainmenu li > strong, #mainmenu ul.level_1 > li.trail > a  { color: #0098a2; }
	#mainmenu ul.level_2 { padding: 10px 0; }
	#mainmenu ul.level_2 > li > a, #mainmenu ul.level_2 > li > strong { display: block; padding: 2px 15px; text-indent: 10px; }
	
	#menutoggler { position: absolute; right: 15px; height: 30px; width: 37px; background: url("https://www.ahlberg-metalltechnik.de/files/ahlberg/images/menutoggler.svg") no-repeat center; cursor: pointer; }
	.mod_changelanguage a, .mod_changelanguage strong { padding-left: 0.25em; padding-right: 0.1em; }
}

@media screen and (max-width:1023px) and (min-width:381px) {
	#header { height: 64px; }
	#header .logo { padding-right: 35px; }
	#menutoggler { top: 20px; }	
	#mainmenu { top: 64px; }
}


@media screen and (min-width:961px) {
	h1 { font-size: 2.4em; }
	h2 { font-size: 2.333333333333333em; }
	
	.inside.small, 
	.mod_article.small > div, 
	.leiste .ce_accordion .toggler,
	.leiste .ce_accordion .accordion > div, 
	.button .ce_accordion .accordion > div { width: 80%; max-width: 960px; }
	
	.float_left { float: left; margin-right: 1.5em; }
	.float_left + div.text { padding-left: 1.5em; }
	.float_right { float: right; margin-left: 1.5em; }
	.float_right + div.text { padding-right: 1.5em; }
	.inside, 
	.mod_article:not(.linkbox):not(.map):not(.hasinside) > div:not(.bgimg), 
	.mod_article > .ce_headline,
	.bgimg > .content, 
	.leiste .ce_accordion .toggler,
	.leiste .ce_accordion .accordion > div, 
	.button .ce_accordion .accordion > div,
	body.news .leiste .ce_accordion .accordion > div > .mod_newslist { padding-left: 35px; padding-right: 35px; }

	.mod_pageImage { height: 227px; }
	body.home .mod_pageImage { height: 402px; }
	.mod_pageImage h1 span { padding-right: 35px; }
	.imgbelow .image_container, .ce_sliderStart.float_left { padding-top: 6em; }
	
	.ce_accordion.bubble .toggler { padding-bottom: 150px; }
	.ce_accordion.bubble .toggler:after { top: 35px; }
	.leiste .ce_accordion .toggler, .leiste .faketoggle, .leiste.ce_accordion .toggler { font-size: 1.666666666666667em; }
	.leiste .ce_accordion .toggler span, .leiste.ce_accordion .toggler span { width: 36px; height: 36px; }
	
	.mod_newslist .layout_latest .image_container, .mod_newsreader .layout_full .image_container { max-width: 60%;  }
	
}
@media screen and (max-width:960px) {
	h1 { font-size: 2.4em; }
	h2 { font-size: 2.333333333333333em; }

	.float_left + div.text, .float_right + div.text { margin: 0 !important; }
	.inside, 
	.mod_article:not(.linkbox):not(.map):not(.hasinside) > div:not(.bgimg), 
	.mod_article > .ce_headline:not(.faketoggle),
	.bgimg > .content, 
	.leiste .ce_accordion .toggler,
	.leiste .ce_accordion .accordion > div, 
	.button .ce_accordion .accordion > div,
	body.news .leiste .ce_accordion .accordion > div > .mod_newslist { padding-left: 15px; padding-right: 15px; }
	
	.mod_pageImage h1 span { padding-right: 15px; }
	.leiste .ce_accordion  .toggler, .leiste .faketoggle, .leiste.ce_accordion  .toggler { font-size: 1.2em; }
	.leiste .ce_accordion .toggler span, .leiste.ce_accordion .toggler span { width: 26px; height: 26px; }
	.imgbelow .image_container { padding-bottom: 1em; }
	
	.mod_newslist .layout_latest .image_container { float:none; width: 100%;  }
}

@media screen and (max-width:960px) and (min-width:501px) {
	.ce_accordion.bubble .toggler { height: 145px;  }
	.ce_accordion.bubble .accordion { margin-top: 10px; }
	.ce_accordion.bubble .toggler:after { bottom: 0; }
}

@media screen and (max-width:960px) and (min-width:381px) {	
	h1, h2 { font-size: 2em; }
	.mod_pageImage { height: 160px; }
	body.home .mod_pageImage { height: 302px; }
}

@media screen and (max-width:650px) {
	body.home .mod_pageImage h1 { font-size: 1.8em; }
}

@media screen and (min-width:651px) {
	body.home .mod_pageImage h1 { font-size: 2.1em; }
	.columns.bubbles > p { font-size: 1.2em; }
	.w130 p { width: 130px; height: 130px; }
	body.home .bubbles, .unternehmen .bubbles { border-spacing: 30px 0; }
}

@media screen and (min-width:600px) and (max-width:650px) {
	.columns.bubbles > p { font-size: 1.15em; }
	.w130 p { width: 120px; height: 120px; }
	body.home .bubbles, .unternehmen .bubbles { border-spacing: 20px 0; }
}

@media screen and (min-width:550px) and (max-width:601px) {
	.columns.bubbles > p { font-size: 1.1em; }
	.w130 p { width: 110px; height: 110px; }
	body.home .bubbles, .unternehmen .bubbles { border-spacing: 10px 0; }
}

@media screen and (min-width:500px) and (max-width:551px) {
	.columns.bubbles > p { font-size: 1.05em; }
	.w130 p { width: 100px; height: 100px; }
	body.home .bubbles, .unternehmen .bubbles { border-spacing: 10px 0; }
}

@media screen and (min-width:450px) and (max-width:501px) {
	.columns.bubbles > p { font-size: 1em; }
	.w130 p { width: 90px; height: 90px; }
	body.home .bubbles, .unternehmen .bubbles { border-spacing: 10px 0; }
}

@media screen and (min-width:400px) and (max-width:451px) {
	.columns.bubbles > p { font-size: 0.95em; }
	.w130 p { width: 80px; height: 80px; }
	body.home .bubbles, .unternehmen .bubbles { border-spacing: 10px 0; }
}

@media screen and (max-width:401px) {
	.columns.bubbles > p { font-size: 0.9em; }
	.w130 p { width: 70px; height: 70px; }
	body.home .bubbles, .unternehmen .bubbles { border-spacing: 10px 0; }
}

@media screen and (min-width:500px) {
	.columns, .mod_newslist { display: table; }

	.clmn, .twocol .layout_latest, .columns > p, .columns .ce_accordion, .columns .ce_download, .columns .ce_hyperlink { display: table-cell; vertical-align: middle; }
	.clmn.vtop, .twocol .layout_latest, .columns .ce_accordion , .columns .ce_download, .columns .ce_hyperlink { vertical-align: top; }

	.col-1 .clmn, .col-1 > p, .col-1 .ce_accordion , .col-1 .columns .ce_download { width: 100%; }
	.col-2 .clmn, .col-2 > p, .twocol .layout_latest, .col-2 .ce_accordion , .col-2 .columns .ce_download { width: 50%; }
	.col-3 .clmn, .col-3 > p, .col-3 .ce_accordion , .col-3 .columns .ce_download { width: 33.33333333333333%; }
	.col-4 .clmn, .col-4 > p, .col-4 .ce_accordion , .col-4 .columns .ce_download { width: 25%; }
	.col-5 .clmn, .col-5 > p, .col-5 .ce_accordion , .col-5 .columns .ce_download { width: 20%; }
	.col-6 .clmn, .col-6 > p, .col-6 .ce_accordion , .col-6 .columns .ce_download  { width: 16.66666666666667%; }
	.col-7 .clmn, .col-7 > p, .col-7 .ce_accordion , .col-7 .columns .ce_download { width: 14.28571428571429%; }
	.col-8 .clmn, .col-8 > p, .col-8 .ce_accordion , .col-8 .columns .ce_download { width: 12.5%; }
	.col-9 .clmn, .col-9 > p, .col-9 .ce_accordion , .col-9 .columns .ce_download { width: 11.11111111111111%; }
	.col-10 .clmn, .col-10 > p, .col-10 .ce_accordion , .col-10 .columns .ce_download { width: 10%; }
	#main .mod_article > .w50c { width: 50%; max-width: 600px; margin: 0 auto; }
	#main .mod_article > .w75c { width: 75%; max-width: 800px; margin: 0 auto; }

	.twocol .layout_latest.first { padding-right: 5%; } 
	.twocol .layout_latest.last { padding-left: 5%; } 
}

@media screen and (max-width:500px) {
	body.home .mod_pageImage h1 { font-size: 1.6em; }	
	.ce_accordion.bubble { margin-bottom: 1em; }
	.ce_accordion.bubble .toggler { padding-bottom: 115px; }
	.ce_accordion.bubble .toggler:after { top: 35px; }
}

@media screen and (max-width:450px) {
	body.home .mod_pageImage h1 { font-size: 1.25em; }
	#header { height: 66px; }
	#header .logo { width: calc(100% - 50px); padding-right: 0; display: table; }
	#header .logo a { max-width: calc(50% - 5px); display: table-cell; height: 38px; vertical-align: middle; }
	#header .logo a img { width: auto; height: auto; max-height: 38px; }
	#header .mod_changelanguage { position: absolute; top: 5px; right: 14px; font-size: 0.8em; }
	#menutoggler { top: 28px; }
	#mainmenu { top: 66px; padding-top: 10px; }
	
	body { padding-top: 64px; }
	h1, h2 { font-size: 1.6em; }
	.mod_pageImage { height: 100px; }
	body.home .mod_pageImage { height: 202px; }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
	.mod_changelanguage { position: absolute; top: 23px; right: 67px; }
}

@media screen and (min-width:451px) and (max-width: 599px) {
	.mod_changelanguage { position: absolute; top: 23px; right: 72px; }
}

@media screen and (min-width:600px) and (max-width: 1023px) {
	#socials { top: 23px; right: 134px; }
}

@media screen and (max-width:350px) {
	body.home .mod_pageImage h1 { font-size: 1.1em; }
}

@media screen and (min-width:600px)  {
	#footer .mod_customnav li { display: inline-block; padding: 1em 0; }
	#footer .mod_customnav li a, #footer .mod_customnav li > strong { display: inline-block; padding-right: 1em; line-height: 1em; border-left: 1px solid #000; padding-left: 1em; }
	#footer .mod_customnav:not(.copyright) li.first a { border-left: 0; }
	#footer #socials { display: none; }
}
@media screen and (max-width:599px)  {
	#header #socials { display: none; }
	#footer .mod_customnav ul { margin: 1em 0; }
	#footer .mod_customnav li { display: block; }
	#footer .mod_customnav li a, #footer .mod_customnav li strong { display: block; padding: 0.25em 0; }
	#footer #socials { top: 1em; right: 1em; }
}