body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} header,footer,nav,section,aside,main,article,figure,figcaption{display:block}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}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}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} .sharebuttons { overflow:hidden; } .sharebuttons > ul.theme { list-style-type:none; margin:-4px; padding:0; } .sharebuttons > ul.theme:after { content:""; display:block; clear:both; } .sharebuttons > ul.theme > li { float:left; } .sharebuttons > ul.theme > li > a { margin:4px; display:block; white-space:nowrap; overflow:hidden; text-indent:101%; background-repeat:no-repeat; background-position:center; } .sharebuttons > ul.text > li > a { text-indent:0; } /* source: http://simplesharingbuttons.com/ */ .sharebuttons > ul.simpleflat > li > a { width:32px; height:32px; background-image:url('../../system/modules/sharebuttons/assets/simpleflat/sprites-32.png'); } .sharebuttons > ul.simpleflat > li > a.facebook { background-position:-40px 0; } .sharebuttons > ul.simpleflat > li > a.twitter { background-position:-160px 0; } .sharebuttons > ul.simpleflat > li > a.gplus { background-position:-80px 0; } .sharebuttons > ul.simpleflat > li > a.linkedin { background-position:-120px 0; } .sharebuttons > ul.simpleflat > li > a.xing { background-position:-200px 0; } .sharebuttons > ul.simpleflat > li > a.mail { background-position:0 0; } .sharebuttons > ul.simpleflat > li > a.tumblr { background-position:-240px 0; } .sharebuttons > ul.simpleflat > li > a.pinterest { background-position:-280px 0; } .sharebuttons > ul.simpleflat > li > a.reddit { background-position:-320px 0; } .sharebuttons > ul.simpleflat > li > a.whatsapp { background-position:-360px 0; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { .sharebuttons > ul.simpleflat > li > a { background-size:auto 32px; background-image:url('../../system/modules/sharebuttons/assets/simpleflat/sprites-64.png'); } } .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-groups{display:none;padding-top:15px}.cc-group{text-align:left}.cc-group>label{margin:5px 130px 5px 10px}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px;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-details span:nth-child(2){display:none}.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn-details:hover{color:var(--ccb-detail-clr-hvr, #717171)} /* Farben Dunkelblau / Schrift: #09255C Orange / Schrift: #EF7C00 Mittelgrau Footer / Flaeche: #7F7F7F Mittelgrau / Flaeche: #D8D8D8 Hellgrau / Flaeche: #F4F4F4 */ :root { --main-article-padding-top: 100px; --main-article-padding-h2-top: 62px; --main-article-padding-bottom: 100px; --main-cetext-margin-top: 60px; --main-cetext-margin-h2-top: 32px; --main-cetext-margin-bottom: 0px; } img, video{ vertical-align:middle; } body, html{ min-height:100%; } body{ font-family:"Montserrat"; font-size:14px; line-height:22px; font-style: normal; font-weight: 600; letter-spacing: .5px; color: #09255C; margin:0px; padding:0px; background:#fff; } /* Html Elemente */ h1,h2,h3,h4{ font-family: 'Atrament'; text-transform:uppercase; } h1{ font-size:64px; line-height:68px; color:#09255C; } h1 span.white{ color:#fff; } h2{ font-size:38px; line-height:48px; color:#EF7C00; } h2 .blau{ color:#09255C; } h3{ font-size:22px; line-height:28px; color:#09255C; } #datenschutz h2{ font-size:22px; line-height:28px; color:#09255C; } h4{ } strong, b{ font-weight:bold; } sup{ font-size:9px; vertical-align:super; } a:link, a:visited, a:hover, a:active, a:focus, div, button{ outline: 0px; } a{ text-decoration:none; transition:all .4s; color:#EF7C00; } a:hover, a:focus{ color:#09255C; } a.btn{ display:inline-block; background:#09255C; color:#fff; line-height:56px; border-radius:4px; text-align:center; width:300px; transition:all .4s; margin-top:10px; } a.btn:hover{ background:#EF7C00; } a.intern{ background:url(../../files/umwelt/assets/images/Link.svg) no-repeat top 5px left transparent; background-size: auto 65%; padding: 6px 0px 6px 36px; display:inline-block; } a.intern:hover{ background:url(../../files/umwelt/assets/images/Link-over.svg) no-repeat top 5px left transparent; background-size: auto 65%; } a.cboxElement{ } a[name] { height:0px; padding-top: 100px; margin-top: -100px; display: inline-block; /* required for webkit browsers */ } hr{ border:0; color: #ef7c00; background-color: #ef7c00; height: 1px; margin: 24px 0px 30px 0px; } .ce_image img{ vertical-align:bottom; text-align:center; } #main .ce_text ul, .ui-dialog ul{ padding-left:20px; list-style-type:disc; } #main .ce_text ul li{ } /* Allgemeine Formate */ .clear{clear:both;} .left{float:left !important;} .right{float:right !important;} .textleft{text-align:left !important;} .textright{text-align:right !important;} .textcenter{text-align:center !important;} .error{ color:#ff0000; } /* Contao-Klassen --------------------------------------------------------------------------------------------------------- */ #wrapper{ } #header{ position:fixed; top:0px; width:100%; z-index:900; background:transaprent; transition:all .4s; } #header #logo{ margin-top: 10px; margin-bottom: 20px; } #header #logo img{ width:200px; height:auto; max-width:80%; transition:all .4s; } #header.sticky #logo img{ width:140px; height:auto; } #header #sprache{ padding-top:20px; font-size:12px; line-height:15px; } #header #sprache li{ display:inline-block; } #header #sprache a{ color:#09255C; } #header #sprache a:hover{ color:#EF7C00; } #header #sprache strong{ font-weight:600; color:#7F7F7F; } #header.sticky{ background:#fff; top:-42px; } .sticker .anchor{ } #container{ } #container{ } #main{ } .mod_article .inner{ } #footer{ background:url(../../files/umwelt/assets/images/bg-7F7F7F.png) no-repeat bottom left transparent; background-size: 100% 142px; border-bottom: 67px solid #EF7C00; color:#EF7C00; padding: 60px 0 0px; text-transform:uppercase; } #footer .ce_text, #footer .mod_customnav{ line-height:142px; margin-top:60px; } #footer .mod_customnav ul, #footer .ce_text ul{ margin:0px; } #footer .ce_text li{ display:inline-block; padding-right:20px; } #footer .mod_customnav li{ display:inline-block; padding-left:20px; } #footer .ce_text a{ } #footer .ce_text p{ margin:0px; } #footer a{ color:#fff; } #footer a:hover{ color:#EF7C00; } #footer .inside{ } .image_container{ } .ce_text.teaser{ font-size:18px; line-height:28px; font-style: normal; font-weight: bold; } /* Module ----------------------------------------------------------------------------------------------------------------- */ .border-tl{ border-top-left-radius: 15px; } .border-tr{ border-top-right-radius: 15px; } .border-bl{ border-bottom-left-radius: 15px; } .border-br{ border-bottom-right-radius: 15px; } .con-bilder .ce_image{ margin-left:0 !important; margin-right:0 !important; } .ce_image img{ width:100%; height:auto; } .menu-button{ position:absolute; bottom:15px; right:5px; width:40px; height:40px; background:url(../../files/umwelt/assets/images/ic-ct-burger.svg) no-repeat center transparent; background-size:80% auto; text-indent:-10000px; cursor:pointer; } .ce_gallery.bvte{ } .ce_gallery.bvte li{ width:25%; padding: 0 10px 10px 0; box-sizing:border-box; } .ce_gallery>ul li.col_first{ clear:none !important; } .ce_gallery.bvte img{ vertical-align:middle; } #cboxCurrent{display:none !important;} #cboxTitle{color:#fff;top:-22px;} .mejs__overlay-button{ background:#EF7C00; background: url(../../files/umwelt/assets/images/mejs-controls.svg) no-repeat #EF7C00; background-position: 0 -39px; border:0; border-radius:40px; } #header #logo{ } #hauptnavigation{ overflow:visible; margin-top:16px; transition:all .4s; margin-left:14px !important; margin-right:6px !important; } #hauptnavigation li.suche{ background:url(../../files/umwelt/assets/images/Search.svg) no-repeat center left transparent; background-size: auto 45%; padding-left:8px; margin-left:10px; } #hauptnavigation li.suche:hover, #hauptnavigation li.suche.active, #hauptnavigation li.suche.trail{ background:url(../../files/umwelt/assets/images/Search-over.svg) no-repeat center left transparent; background-size: auto 45%; } #hauptnavigation li.facebook, #hauptnavigation li.twitter, #hauptnavigation li.instagram, #hauptnavigation li.youtube, #hauptnavigation li.linkedin{ width:32px; height:32px; } #hauptnavigation li.facebook{ background:url(../../files/umwelt/assets/images/facebook.svg) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.facebook:hover{ background:url(../../files/umwelt/assets/images/facebook-over.svg) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.twitter{ background:url(../../files/umwelt/assets/images/Twitter.png) no-repeat top 9px center transparent; background-size: auto 60%; } #hauptnavigation li.twitter:hover{ background:url(../../files/umwelt/assets/images/Twitter-over.png) no-repeat top 9px center transparent; background-size: auto 60%; } #hauptnavigation li.instagram{ background:url(../../files/umwelt/assets/images/instagram-logo-blau.png) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.instagram:hover{ background:url(../../files/umwelt/assets/images/instagram-logo-orange.png) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.youtube{ background:url(../../files/umwelt/assets/images/youtube-logo-blau.png) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.youtube:hover{ background:url(../../files/umwelt/assets/images/youtube-logo-orange.png) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.linkedin{ background:url(../../files/umwelt/assets/images/linkedin.png) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.linkedin:hover{ background:url(../../files/umwelt/assets/images/linkedin-over.png) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.facebook a, #hauptnavigation li.twitter a, #hauptnavigation li.instagram a, #hauptnavigation li.youtube a, #hauptnavigation li.linkedin a{ width:32px; height:32px; display:block; text-indent:-10000px; padding:0 !important; } #hauptnavigation li.facebook a span, #hauptnavigation li.twitter a span, #hauptnavigation li.instagram a span, #hauptnavigation li.youtube a span, #hauptnavigation li.linkedin a span{ display:none; } .sticky #hauptnavigation{ margin-top:12px; } #hauptnavigation ul.level_1{ float:right; } /* #header .mod_navigation li{ display:inline-block; } #header .mod_navigation li.facebook a { display: inline-block; background: url(../../files/umwelt/assets/images/facebook.svg) no-repeat center transparent; background-size: auto 100%; text-indent: -10000px; width: 32px; height: 32px; margin-top: 5px; } */ #headerbild { position:relative; } #headerbild .ce_image{ margin:0 !important; } #headerbild .ce_text{ position:absolute; width:100%; bottom:12%; } #headerbild .ce_text h1{ } #headerbild .ce_image img{ width:100%; height:auto; } #scrollDown{ position:absolute; top:90%; left:50%; margin-left:-9px; height: 18px; width: 18px; cursor:pointer; } .ce_image.cat-btn, .ce_image.cat-btn .image_container{ position:relative; } .ce_image.cat-btn .image_container .caption{ position:absolute; top:50%; left:0px; margin-top:-26px; width:100%; text-align:center; color: #09255C; font-family: Atrament; font-size: 44px; font-weight: bold; letter-spacing: 0; line-height: 48px; text-transform:uppercase; } .ce_image.cat-btn .image_container .caption a{ color: #09255C !important; } .ce_image.cat-btn:hover .image_container .caption a{ color: #EF7C00 !important; } .ce_accordion { margin-top:10px; margin-bottom:10px; } .ce_accordion .toggler{ position:relative; color: #EF7C00; font-size: 18px; font-weight: bold; letter-spacing: 0; line-height: 28px; cursor:pointer; padding-right:40px; transition:all .4s; width:auto; } .ce_accordion .toggler::after{ position:absolute; top:0px; right:0px; font-size:32px; width:28px; text-align:center; content:"+"; } .ce_accordion .toggler.active::after{ content:"-"; } .ce_accordion .toggler:hover{ color: #09255C; } .ce_accordion .toggler.active{ } .ce_accordion .accordion{ padding:20px 80px 20px 0; } /* Layout ----------------------------------------------------------------------------------------------------------------- */ /* Home */ #home{ padding: 200px 0 0 0; } #verantwortung{ background:url(../../files/umwelt/content/01_home/bvte-umwelt-home-verantwortung.jpg) no-repeat center #D8D8D8; background-size:cover; color:#fff; font-weight:600; } #verantwortung h2{ color:#fff; } /* Umwelt */ #umwelt .ce_text{ margin-top:var(--main-cetext-margin-top); } #abfallarten{ background:#D8D8D8; padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0; } #soziale-verantwortung{ background:#F4F4F4; } #einwegplastikartikel{ background:#F4F4F4; padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0; } #hintergrund .ce_text{ margin-top:var(--main-cetext-margin-top); } #soziale-verantwortung .ce_text{ margin-top:var(--main-cetext-margin-top); } /* Fragen & Antworten */ #massnahmen, #zigarette{ background:#F4F4F4; padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0; } #zigarette .ce_image{ margin-top:20px; } #studienvergleich, #zigaretten{ background:#F4F4F4; padding: var(--main-article-padding-h2-top) 0 var(--main-article-padding-bottom) 0; } #entsorgung-von-e-zigaretten{ padding: var(--main-article-padding-h2-top) 0 var(--main-article-padding-bottom) 0; } #entsorgung-von-e-zigaretten-bild{ background:#F4F4F4; padding: var(--main-article-padding-h2-top) 0 var(--main-article-padding-bottom) 0; } #massnahmen .ce_image .image_container{ position:relative; display:inline-block; } #massnahmen .butts{ position:absolute; display:inline-block; cursor:pointer; /* background:rgba(255,0,255,.5); */ width:25%; height:20%; } #butt-01{ top:6%; left:19%; } #butt-02{ top:6%; right:19%; } #butt-03{ top:38%; right:0%; } #butt-05{ bottom:8%; left:18%; } #butt-04{ bottom:8%; right:18%; } #butt-06{ top:38%; left:0%; } .ui-dialog{ background:#fff; border-radius:15px; width:400px !important; max-width:95%; z-index:90000; } .ui-dialog h3{ text-transform:none; } .ui-dialog .ce_text{ padding: 10px 40px 20px 40px; } .ui-dialog-titlebar{ position:absolute; width:100%; cursor:move; overflow:hidden; height:32px; } .ui-dialog-titlebar button{ position:absolute; top:20px; right:20px; width:16px; height:16px; background:url(../../files/umwelt/assets/images/Close-over.svg) no-repeat center transparent; border:0; background-size:100% auto; cursor:pointer; text-indent:-10000px; } .ui-dialog-titlebar button:hover{ background:url(../../files/umwelt/assets/images/Close.svg) no-repeat center transparent; background-size:100% auto; } body.overlay{ background:#F4F4F4; } .sharebuttons{ position:absolute; top:10px; left:0px; width:100%; text-align:center; z-index:500; } .sharebuttons > ul.theme > li{ float:none; display:inline-block; } .sharebuttons > ul.simpleflat > li > a.download{ background:url(../../files/umwelt/assets/images/download.png) no-repeat center transparent; background-size:100% auto; } #studie, #studie .inner{ position:relative; } .ce_caroufredsel { padding: 60px 80px 0 80px; } .ce_caroufredsel .ce_image{ margin-left:0px !important; margin-right:0px !important; } .ce_caroufredsel .ce_image, .ce_caroufredsel .ce_image img{ /* width:100%; max-width:100%; */ } .caroufredsel_pagi{ text-align:center; padding-top:10px; } .caroufredsel_pagi a{ padding:5px; } .caroufredsel_pagi a.selected{ color:#09255C; } .caroufredsel_skin{ position:relative; } .caroufredsel_controls .caroufredsel_navi{ position:absolute; top:50%; left:0px; width:100%; z-index:9000; } .caroufredsel_controls .caroufredsel_prev{ position:absolute; top:-50%; left:-50px; width:32px; height:32px; margin-top:-16px; background:url(../../files/umwelt/assets/images/left-over.svg) no-repeat center transparent; background-size: auto 100%; text-indent:-10000px; opacity:1; transition:all .5s; } .caroufredsel_controls .caroufredsel_prev:hover{ background:url(../../files/umwelt/assets/images/left.svg) no-repeat center transparent; background-size: auto 100%; } .caroufredsel_controls .caroufredsel_next{ position:absolute; top:-50%; right:-50px; width:32px; height:32px; margin-top:-16px; background:url(../../files/umwelt/assets/images/right-over.svg) no-repeat center transparent; background-size: auto 100%; text-indent:-10000px; opacity:1; transition:all .5s; } .caroufredsel_controls .caroufredsel_next:hover{ background:url(../../files/umwelt/assets/images/right.svg) no-repeat center transparent; background-size: auto 100%; } .overlay .logo-overlay{ position:absolute; top:15px; left:20px; z-index:800; } .overlay .logo-overlay img{ width:120px; height:auto; } /* Kampagne */ #formular{ background:#F4F4F4; } #initiativen{ background:#D8D8D8; } #formular .ce_form{ margin-top:var(--main-cetext-margin-h2-top); } #kampagnevideo{ background:#D8D8D8; padding: var(--main-article-padding-top) 0 0 0; } #fragen-antworten .ce_text.teaser{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-top); } #filter .ce_text.first{ margin-top:var(--main-cetext-margin-h2-top); } #fragen-antworten-2 .ce_accordion.first, #fragen-antworten-3 .ce_accordion.first{ margin-top:var(--main-cetext-margin-top); } /* Über uns */ #mitglieder{ background:#F4F4F4; padding: var(--main-article-padding-h2-top) 0 var(--main-article-padding-bottom) 0; } #mitglieder .ce_gallery{ border-radius:15px; background:#fff; } #mitglieder .ce_gallery li{ width:33%; text-align:center; padding-top:10px; padding-bottom:10px; } #mitglieder .ce_gallery li img{ max-width:60%; height:auto; } #ueber-uns .ce_text{ margin-top:var(--main-cetext-margin-top); } #partner .ce_text.first{ margin-top:var(--main-cetext-margin-h2-top); } /* Suche */ #suche{ margin-top:145px; background:#F4F4F4; padding: 62px 0 var(--main-article-padding-bottom) 0; } .mod_search h3{ color:#EF7C00; } .mod_search p.header{ font-size:10px; line-height:18px; margin-bottom:48px; } .mod_search .highlight{ background:transparent; text-decoration:underline; text-decoration-color:#EF7C00; } /* Impressum & Datenschutz */ #impressum, #datenschutz, #bestellung{ margin-top:145px; background:#F4F4F4; padding: 62px 0 var(--main-article-padding-bottom) 0; } /* montserrat-300 - latin */ @font-face { font-family: 'Atrament'; font-style: normal; font-weight: bold; src: url('../../files/umwelt/assets/fonts/font.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/font.woff') format('woff'); /* Modern Browsers */ } /* montserrat-300 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('../../files/umwelt/assets/fonts/montserrat-v14-latin-300.eot'); /* IE9 Compat Modes */ src: local('Montserrat Light'), local('Montserrat-Light'), url('../../files/umwelt/assets/fonts/montserrat-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../../files/umwelt/assets/fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../../files/umwelt/assets/fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('../../files/umwelt/assets/fonts/montserrat-v14-latin-500.eot'); /* IE9 Compat Modes */ src: local('Montserrat Medium'), local('Montserrat-Medium'), url('../../files/umwelt/assets/fonts/montserrat-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('../../files/umwelt/assets/fonts/montserrat-v14-latin-600.eot'); /* IE9 Compat Modes */ src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../../files/umwelt/assets/fonts/montserrat-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('../../files/umwelt/assets/fonts/montserrat-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local('Montserrat Bold'), local('Montserrat-Bold'), url('../../files/umwelt/assets/fonts/montserrat-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* noto-serif-regular - latin */ @font-face { font-family: 'Noto Serif'; font-style: normal; font-weight: 400; src: url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Noto Serif'), local('NotoSerif'), url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */ } /* noto-serif-700 - latin */ @font-face { font-family: 'Noto Serif'; font-style: normal; font-weight: 700; src: url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-700.eot'); /* IE9 Compat Modes */ src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-700.svg#NotoSerif') format('svg'); /* Legacy iOS */ } /*! * This file is part of Contao. * * (c) Leo Feyer * * @license LGPL-3.0-or-later */ /** * Make the wrapping container 960 pixel wide */ #header .inside, #footer .inside, #main .mod_article.wrap .inner, #headerbild .ce_text h1{ width:1284px; margin:0 auto; } /** * Set the default margin of the grid columns */ *[class*="grid"] { float:left; margin-left:10px; margin-right:10px; display:inline; } /** * Add a default margin to all content elements, so they align with the floatet * ones (otherwise you would have to add "grid12" to every element) */ .mod_article *[class*="ce_"],.mod_article *[class*="mod_"] { margin-left:10px; margin-right:10px; } /** * Handle news and event reader modules which are added via content element and * contain content elements themselves (see #5331) */ .mod_article .mod_newsreader,.mod_article .mod_eventreader { margin-left:0; margin-right:0; } .mod_article *[class*="layout_"] > *,.mod_article *[class*="event_"] > * { margin-left:10px; margin-right:10px; } /** * Remove the margin from floated articles, because the margin is already * applied to its content elements (see above) */ .mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6, .mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12 { margin-left:0; margin-right:0; } /** * Automatically clear the floats in the main column, so you do not have to add * a clearing div to each article */ #main .inside { overflow:hidden; } /** * Grid column widths */ .grid1 { width:87px; } .grid2 { width:194px; } .grid3 { width:301px; } .grid4 { width:408px; } .grid5 { width:515px; } .grid6 { width:622px; } .grid7 { width:729px; } .grid8 { width:836px; } .grid9 { width:943px; } .grid10 { width:1050px; } .grid11 { width:1157px; } .grid12 { width:1264px; } .grid12_0 { margin: 0 !important; width: 100%; } .grid8_0 { margin: 0 !important; width:856px; } #cat-btn-01, #cat-btn-03{ width:632px !important; margin-right:0px !important; } #cat-btn-02, #cat-btn-04{ width:632px !important; margin-left:0px !important; } /** * Floated articles can be 20 pixel wider (no margin) / grid* +20 */ .mod_article.grid1 { width:107px; } .mod_article.grid2 { width:214px; } .mod_article.grid3 { width:321px; } .mod_article.grid4 { width:428px; } .mod_article.grid5 { width:535px; } .mod_article.grid6 { width:642px; } .mod_article.grid7 { width:749px; } .mod_article.grid8 { width:856px; } .mod_article.grid9 { width:963px; } .mod_article.grid10 { width:1070px; } .mod_article.grid11 { width:1177px; } .mod_article.grid12 { width:1284px; } /** * Default offset widths / grid* +30 */ .offset1 { margin-left:117px !important; } .offset2 { margin-left:224px !important; } .offset3 { margin-left:331px !important; } .offset4 { margin-left:438px !important; } .offset5 { margin-left:545px !important; } .offset6 { margin-left:652px !important; } .offset7 { margin-left:759px !important; } .offset8 { margin-left:866px !important; } .offset9 { margin-left:973px !important; } .offset10 { margin-left:1080px !important; } .offset11 { margin-left:1187px !important; } .offset12 { margin-left:1294px !important; } /** * Floated articles do not have margin / gleich wie Artikel */ .mod_article.offset1 { margin-left:107px !important; } .mod_article.offset2 { margin-left:214px !important; } .mod_article.offset3 { margin-left:321px !important; } .mod_article.offset4 { margin-left:428px !important; } .mod_article.offset5 { margin-left:535px !important; } .mod_article.offset6 { margin-left:642px !important; } .mod_article.offset7 { margin-left:749px !important; } .mod_article.offset8 { margin-left:856px !important; } .mod_article.offset9 { margin-left:963px !important; } .mod_article.offset10 { margin-left:1070px !important; } .mod_article.offset11 { margin-left:1177px !important; } .mod_article.offset12 { margin-left:1284px !important; } @media (min-width:984px) and (max-width:1303px) { /** * Reduce the overall width */ #header .inside, #footer .inside, #main .mod_article.wrap .inner, #headerbild .ce_text h1{ width:960px; } /** * Grid column widths */ .grid1 { width:60px; } .grid2 { width:140px; } .grid3 { width:220px; } .grid4 { width:300px; } .grid5 { width:380px; } .grid6 { width:460px; } .grid7 { width:540px; } .grid8 { width:620px; } .grid9 { width:700px; } .grid10 { width:780px; } .grid11 { width:860px; } .grid12 { width:940px; } .grid8_0 { margin: 0 !important; width:640px; } #cat-btn-01, #cat-btn-03{ width:470px !important; margin-right:0px !important; } #cat-btn-02, #cat-btn-04{ width:470px !important; margin-left:0px !important; } /** * Floated articles can be 20 pixel wider (no margin) */ .mod_article.grid1 { width:80px; } .mod_article.grid2 { width:160px; } .mod_article.grid3 { width:240px; } .mod_article.grid4 { width:320px; } .mod_article.grid5 { width:400px; } .mod_article.grid6 { width:480px; } .mod_article.grid7 { width:560px; } .mod_article.grid8 { width:640px; } .mod_article.grid9 { width:720px; } .mod_article.grid10 { width:800px; } .mod_article.grid11 { width:880px; } .mod_article.grid12 { width:960px; } /** * Default offset widths */ .offset1 { margin-left:90px !important; } .offset2 { margin-left:170px !important; } .offset3 { margin-left:250px !important; } .offset4 { margin-left:330px !important; } .offset5 { margin-left:410px !important; } .offset6 { margin-left:490px !important; } .offset7 { margin-left:570px !important; } .offset8 { margin-left:650px !important; } .offset9 { margin-left:730px !important; } .offset10 { margin-left:810px !important; } .offset11 { margin-left:890px !important; } .offset12 { margin-left:970px !important; } /** * Floated articles do not have margin */ .mod_article.offset1 { margin-left:80px !important; } .mod_article.offset2 { margin-left:160px !important; } .mod_article.offset3 { margin-left:240px !important; } .mod_article.offset4 { margin-left:320px !important; } .mod_article.offset5 { margin-left:400px !important; } .mod_article.offset6 { margin-left:480px !important; } .mod_article.offset7 { margin-left:560px !important; } .mod_article.offset8 { margin-left:640px !important; } .mod_article.offset9 { margin-left:720px !important; } .mod_article.offset10 { margin-left:800px !important; } .mod_article.offset11 { margin-left:880px !important; } .mod_article.offset12 { margin-left:960px !important; } } /** * Reduce the overall width and the width of the grid columns if the screen * width is less than 980px (e.g. on a portrait tablet) */ @media (min-width:768px) and (max-width:979px) { /** * Reduce the overall width */ #header .inside, #footer .inside, #main .mod_article.wrap .inner, #headerbild .ce_text h1{ width:744px; } /** * Reduce the grid column widths */ .grid1 { width:42px; } .grid2 { width:104px; } .grid3 { width:166px; } .grid4 { width:228px; } .grid5 { width:290px; } .grid6 { width:352px; } .grid7 { width:414px; } .grid8 { width:476px; } .grid9 { width:538px; } .grid10 { width:600px; } .grid11 { width:662px; } .grid12 { width:724px; } /* .ce_caroufredsel .ce_image.grid{ width:228px !important; } */ /** * Floated articles can be 20 pixel wider (no margin) */ .mod_article.grid1 { width:62px; } .mod_article.grid2 { width:124px; } .mod_article.grid3 { width:186px; } .mod_article.grid4 { width:248px; } .mod_article.grid5 { width:310px; } .mod_article.grid6 { width:372px; } .mod_article.grid7 { width:434px; } .mod_article.grid8 { width:496px; } .mod_article.grid9 { width:558px; } .mod_article.grid10 { width:620px; } .mod_article.grid11 { width:682px; } .mod_article.grid12 { width:744px; } /** * Reduce the offset widths */ .offset1 { margin-left:72px !important; } .offset2 { margin-left:134px !important; } .offset3 { margin-left:196px !important; } .offset4 { margin-left:258px !important; } .offset5 { margin-left:320px !important; } .offset6 { margin-left:382px !important; } .offset7 { margin-left:444px !important; } .offset8 { margin-left:506px !important; } .offset9 { margin-left:568px !important; } .offset10 { margin-left:630px !important; } .offset11 { margin-left:692px !important; } .offset12 { margin-left:754px !important; } /** * Floated articles do not have margin */ .mod_article.offset1 { margin-left:62px !important; } .mod_article.offset2 { margin-left:124px !important; } .mod_article.offset3 { margin-left:186px !important; } .mod_article.offset4 { margin-left:248px !important; } .mod_article.offset5 { margin-left:310px !important; } .mod_article.offset6 { margin-left:372px !important; } .mod_article.offset7 { margin-left:434px !important; } .mod_article.offset8 { margin-left:496px !important; } .mod_article.offset9 { margin-left:558px !important; } .mod_article.offset10 { margin-left:620px !important; } .mod_article.offset11 { margin-left:682px !important; } .mod_article.offset12 { margin-left:744px !important; } .grid8_0, .con-bilder{ margin: 0 !important; width:100% !important; } #cat-btn-01, #cat-btn-03{ width:362px !important; margin-right:0px !important; } #cat-btn-02, #cat-btn-04{ width:362px !important; margin-left:0px !important; } } /** * Remove all floats and fixed widths if the screen width is less than 768 * pixel (e.g. on a mobile phone) */ @media (max-width:767px) { /** * Remove the overall width */ #header .inside, #footer .inside, #main .mod_article.wrap .inner, #headerbild .ce_text h1{ width:auto; } /** * Show all columns underneath each other */ *[class*="grid"] { float:none !important; display:block !important; width:auto !important; margin-left:0px !important; margin-right:0px !important; } *[class*="offset"]{ margin-left:20px !important; } .mod_article *[class*="ce_"], .mod_article *[class*="mod_"] { margin-left:20px !important; margin-right:20px !important; } .mod_article.offset1, .mod_article.offset2, .mod_article.offset3, .mod_article.offset4, .mod_article.offset5, .mod_article.offset6, .mod_article.offset7, .mod_article.offset8, .mod_article.offset9, .mod_article.offset10, .mod_article.offset11, .mod_article.offset12 { margin-left:0px !important; } .grid8_0 { margin: 0 !important; width:auto !important; } #cat-btn-01, #cat-btn-03{ width:auto !important; margin-right:0px !important; } #cat-btn-02, #cat-btn-04{ width:auto !important; margin-left:0px !important; } } #verantwortung{ padding: 130px 0 160px 0; } #hauptnavigation{ display:block !important; } .menu-button{ display:none !important; } .mod_mmenu{ opacity:0; } #formular .ce_form form .formbody{ max-width: 431px; } @media (min-width:984px) and (max-width:1303px) { :root { --main-article-padding-top: 60px !important; --main-article-padding-h2-top: 22px !important; --main-article-padding-bottom: 48px !important; --main-cetext-margin-top: 40px !important; --main-cetext-margin-h2-top: 12px !important; --main-cetext-margin-bottom: 40px !important; } #scrollDown{ display:none !important; } h1{ font-size:48px !important; line-height:52px !important; } #footer .ce_text li{ padding-right:10px !important; } #footer .mod_customnav li{ padding-left:10px !important; } #headerbild .ce_text{ bottom:5% !important; } #home{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } #home .ce_player{ border-radius:15px !important; } #verantwortung{ padding: 90px 0 120px 0; } #umwelt .ce_text, #umwelt .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #umwelt .ce_text h2{ margin-top:0px !important; } #abfallarten .ce_image, #einwegplastikartikel .ce_image{ width:auto !important; margin-left:10px !important; margin-right:10px !important; } #hintergrund .ce_text, #hintergrund .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #hintergrund .ce_text h2, #hintergrund .ce_text h3{ margin-top:0px !important; } #soziale-verantwortung .ce_text, #soziale-verantwortung .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #soziale-verantwortung .ce_text h2, #soziale-verantwortung .ce_text h3{ margin-top:0px !important; } #fragen-antworten .ce_text.teaser{ margin-top:var(--main-cetext-margin-top); margin-bottom:opx !important; } #fragen-antworten .ce_image.first{ margin-top:var(--main-cetext-margin-top); } #fragen-antworten .ce_image.last{ margin-bottom:var(--main-cetext-margin-bottom); } #fragen-antworten-2 .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #studienvergleich{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } #studienvergleich .ce_text h2{ margin-top:0px !important; } #filter .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #filter .ce_text h2{ margin-top:0px !important; } #filter .ce_accordion.last{ margin-bottom:var(--main-cetext-margin-bottom); } #zigarette{ padding: var(--main-article-padding-h2-top) 0 var(--main-article-padding-bottom) 0 !important; } #fragen-antworten-3 .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #fragen-antworten-3 .ce_accordion.last{ margin-bottom:var(--main-cetext-margin-bottom); } #kampagne .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #formular .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #formular{ padding: 0 0 var(--main-article-padding-bottom) 0 !important; } #ueber-uns .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #ueber-uns{ padding: 0 0 var(--main-article-padding-bottom) 0 !important; } #partner .ce_image.first{ margin-top:var(--main-cetext-margin-top); } #partner .ce_image.last{ margin-bottom:var(--main-cetext-margin-bottom); } .ce_gallery.bvte li{ width:50% !important; } } /** * Reduce the overall width and the width of the grid columns if the screen * width is less than 980px (e.g. on a portrait tablet) */ @media (min-width:768px) and (max-width:979px) { *[class*="grid"].tab-portrait { float:none !important; display:block !important; width:auto !important; margin-left:10px !important; margin-right:10px !important; } #hauptnavigation{ display:none !important; } .menu-button{ display:block !important; } .mod_mmenu{ opacity:1; } #scrollDown{ display:none !important; } #header #logo img{ max-width:100% !important; } .ce_player{ border-radius:15px !important; } :root { --main-article-padding-top: 40px !important; --main-article-padding-h2-top: 22px !important; --main-article-padding-bottom: 48px !important; --main-cetext-margin-top: 40px !important; --main-cetext-margin-h2-top: 12px !important; --main-cetext-margin-bottom: 20px !important; } #footer{ border-bottom: 30px solid #EF7C00 !important; } #footer .ce_text, #footer .mod_customnav{ width:100% !important; margin-left:0px !important; margin-right:0px !important; text-align:center !important; margin-top:0px !important; line-height:60px !important; } .ce_image.cat-btn .image_container .caption{ font-size:40px !important; line-height:44px !important; } #footer .ce_text{ margin-top:80px !important; } h1{ font-size:38px !important; line-height:42px !important; } #headerbild .ce_text{ bottom:5% !important; } #headerbild .ce_text h1{ width:auto !important; display:inline-block !important; padding-left:10px !important; } #home{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } #home .ce_text{ margin-bottom:var(--main-cetext-margin-bottom); } #verantwortung{ padding: 90px 0 120px 0; } #umwelt .inner, #hintergrund .inner, #soziale-verantwortung .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #umwelt .ce_text, #hintergrund .ce_text, #soziale-verantwortung .ce_text{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:10px; padding-right:10px; } #umwelt .ce_image, #hintergrund .ce_image, #soziale-verantwortung .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #umwelt .ce_text h2, #hintergrund .ce_text h2, #hintergrund .ce_text h3, #soziale-verantwortung .ce_text h2, #soziale-verantwortung .ce_text h3{ margin-top:0px !important; } #abfallarten .ce_image, #einwegplastikartikel .ce_image{ width:auto !important; margin-left:10px !important; margin-right:10px !important; } #umwelt .inner{ margin-bottom:20px !important; } #umwelt .ce_image.not-mobile{ display:none !important; } #fragen-antworten .ce_image.first{ margin-top:var(--main-cetext-margin-top); } #fragen-antworten .ce_image.last{ margin-bottom:0; } #fragen-antworten .inner, #fragen-antworten-2 .inner, #filter .inner, #fragen-antworten-3 .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #fragen-antworten .ce_text.teaser, #filter .ce_text.filter{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:10px; padding-right:10px; } #fragen-antworten .ce_accordion, #fragen-antworten-2 .ce_accordion, #filter .ce_accordion{ margin-left:20px !important; margin-right:20px !important; } #fragen-antworten .ce_image{ margin-top:0; margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #fragen-antworten-2 .ce_image{ margin-top:30px !important; margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #studienvergleich{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } #studienvergleich .ce_text h2{ margin-top:0px !important; } #filter .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #filter .ce_accordion.last{ margin-bottom:var(--main-cetext-margin-bottom); } #filter .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #zigarette{ padding: var(--main-article-padding-h2-top) 0 var(--main-article-padding-bottom) 0 !important; } #fragen-antworten-3 .ce_accordion.last{ margin-bottom:var(--main-cetext-margin-bottom); } #fragen-antworten-3 .ce_text.filter{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:10px; padding-right:10px; } #fragen-antworten-3 .ce_accordion{ margin-left:20px !important; margin-right:20px !important; } #fragen-antworten-3 .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #kampagne .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #kampagne .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #kampagne .ce_text{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:10px; padding-right:10px; } #kampagne .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #kampagne .ce_text h2, #kampagne .ce_text h3{ margin-top:0px !important; } #formular .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #formular{ padding: 0 0 var(--main-article-padding-bottom) 0 !important; } #formular .ce_text h2, #formular .ce_text h3{ margin-top:0px !important; } #kampagnevideo{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } #kampagnevideo .ce_text{ margin-bottom:var(--main-cetext-margin-bottom); } #ueber-uns .inner, #partner .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #ueber-uns .ce_text, #partner .ce_text{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:10px; padding-right:10px; } #ueber-uns .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0 !important; margin-left:0px !important; margin-right:0px !important; } #ueber-uns .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #partner .ce_image.first{ margin-top:var(--main-cetext-margin-top); } #partner .ce_image{ margin-top:0; margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } .ce_gallery.bvte li{ width:33.33% !important; } } /** * Remove all floats and fixed widths if the screen width is less than 768 * pixel (e.g. on a mobile phone) */ @media (max-width:767px) { body{ letter-spacing:0 !important; } #hauptnavigation{ display:none !important; } .menu-button{ display:block !important; } .mod_mmenu{ opacity:1; } #scrollDown{ display:none !important; } .ce_player{ border-radius:6px !important; } .ce_text.teaser{ font-size: 14px !important; line-height: 22px !important; } .con-bilder{ margin:0 !important; } :root { --main-article-padding-top: 30px !important; --main-article-padding-h2-top: 22px !important; --main-article-padding-bottom: 48px !important; --main-cetext-margin-top: 20px !important; --main-cetext-margin-h2-top: 12px !important; --main-cetext-margin-bottom: 20px !important; } .ce_caroufredsel { padding: 60px 0px 0 0px !important; } #header{ top:-42px !important; } #header #logo img{ width:140px !important; margin-left:20px !important; } #footer{ border-bottom: 0px solid #EF7C00 !important; background:url(../../files/umwelt/assets/images/bg-7F7F7F.png) no-repeat bottom left transparent; background-size: 100% 320px !important; padding-top:40px !important; padding-bottom:40px !important; } #footer .ce_text, #footer .mod_customnav{ width:100% !important; margin-left:0px !important; margin-right:0px !important; text-align:center !important; margin-top:0px !important; line-height:50px !important; } #footer .ce_text li{ display:block !important; padding-right:0px !important; } #footer .mod_customnav li{ display:block !important; padding-left:0px !important; } #cat-btn-02, #cat-btn-03{ border-radius:0 !important; } #cat-btn-01, #cat-btn-02, #cat-btn-03, #cat-btn-04{ margin-left:20px !important; margin-right:20px !important; } .ce_image.cat-btn .image_container .caption{ font-size:28px !important; line-height:32px !important; margin-top:-16px !important; } #cat-btn-01{ border-top-left-radius:6px !important; border-top-right-radius:6px !important; } #cat-btn-04{ border-bottom-left-radius:6px !important; border-bottom-right-radius:6px !important; } #footer .ce_text{ margin-top:80px !important; } h1{ font-size:32px !important; line-height:36px !important; letter-spacing:0 !important; } h2{ font-size:32px !important; line-height:36px !important; letter-spacing:0 !important; } #headerbild .ce_text{ bottom:5% !important; } #headerbild .ce_text h1{ width:auto !important; display:inline-block !important; padding-left:0px !important; } #home{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } #home .ce_text{ margin-bottom:var(--main-cetext-margin-bottom); } #verantwortung{ padding: 28px 0 60px 0; } #umwelt .inner, #hintergrund .inner, #soziale-verantwortung .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #umwelt .inner{ margin-bottom:20px !important; } #umwelt .ce_text, #hintergrund .ce_text, #soziale-verantwortung .ce_text{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:0px; padding-right:0px; } #umwelt .ce_image, #hintergrund .ce_image, #soziale-verantwortung .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } /* #umwelt .ce_text h2, #hintergrund .ce_text h2, #hintergrund .ce_text h3, #soziale-verantwortung .ce_text h2, #soziale-verantwortung .ce_text h3{ margin-top:0px !important; } */ #hintergrund .ce_text h2, #soziale-verantwortung .ce_text h2{ margin-top:0px !important; } #abfallarten .ce_image, #einwegplastikartikel .ce_image{ width:auto !important; margin-left:20px !important; margin-right:20px !important; } #umwelt .ce_image.not-mobile{ display:none !important; } .ce_accordion .toggler{ font-size: 16px !important; line-height: 22px !important; } .ce_accordion .accordion{ padding:20px 0px 0px 0 !important; } #fragen-antworten .ce_image.first{ margin-top:40px !important; } #fragen-antworten .ce_image.last{ margin-bottom:0; } #fragen-antworten .inner, #fragen-antworten-2 .inner, #filter .inner, #fragen-antworten-3 .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #fragen-antworten .ce_text.teaser, #filter .ce_text.filter{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:0px; padding-right:0px; } #fragen-antworten .ce_accordion, #fragen-antworten-2 .ce_accordion, #filter .ce_accordion{ margin-left:20px !important; margin-right:20px !important; } #fragen-antworten-2 .ce_accordion.first{ margin-top:40px !important; } #fragen-antworten .ce_image{ margin-top:0; margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #fragen-antworten-2 .ce_image{ margin-top:40px !important; margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #studienvergleich{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } /* #studienvergleich .ce_text h2, #filter .ce_text h2{ margin-top:0px !important; } */ #filter .ce_image{ margin-top:40px !important; margin-bottom:var(--main-cetext-margin-bottom); } #filter .ce_accordion.last{ margin-bottom:var(--main-cetext-margin-bottom); } #filter .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } a.btn{ width:100% !important; } #zigarette{ padding: var(--main-article-padding-h2-top) 0 var(--main-article-padding-bottom) 0 !important; } #fragen-antworten-3{ padding: var(--main-article-padding-h2-top) 0 0 0 !important; } #fragen-antworten-3 .ce_accordion.last{ margin-bottom:20px !important; } #fragen-antworten-3 .ce_text.filter{ margin-top:0px !important; margin-bottom:0; padding-left:0px; padding-right:0px; } #fragen-antworten-3 .ce_accordion{ margin-left:20px !important; margin-right:20px !important; } #fragen-antworten-3 .ce_image{ margin-top:40px !important; margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #zigarette, #zigaretten{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } /* #zigarette h2, #zigaretten h2{ margin-top:0px !important; } */ #kampagne .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #kampagne .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #kampagne .ce_text{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:0px; padding-right:0px; } #kampagne .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #kampagne .ce_text h2, #kampagne .ce_text h3{ margin-top:0px !important; } #formular .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #formular .ce_form{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:0px; padding-right:0px; } #formular .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #formular{ padding: 0 0 0 0 !important; } #formular .ce_text h2, #formular .ce_text h3{ margin-top:0px !important; } form button,input[type="submit"],.button { width:100% !important;margin-top:20px !important; } #kampagnevideo{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } #kampagnevideo .ce_text{ margin-bottom:var(--main-cetext-margin-bottom); } #ueber-uns .inner, #partner .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #ueber-uns .ce_text, #partner .ce_text{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:0px; padding-right:0px; } #ueber-uns .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0 !important; margin-left:0px !important; margin-right:0px !important; } #ueber-uns .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #partner .ce_image.first{ margin-top:var(--main-cetext-margin-top); } #partner .ce_image{ margin-top:0; margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #mitglieder .ce_gallery li{ width:50% !important; } .ce_gallery>ul li.col_first{ clear:none !important; } #impressum, #datenschutz, #bestellung{ margin-top:0px !important; } .ce_gallery.bvte li{ width:50% !important; } } /* @media only screen and (orientation : portrait) { #studie{ background:#ff0; } #studie{ display:none !important; } #studie-mobile{ display:block !important; } } @media only screen and (orientation : landscape) { #studie{ background:#f0f; } #studie{ display:block !important; } #studie-mobile{ display:none !important; } } */ #studie{ display:block !important; } #studie-mobile{ display:none !important; } @media only screen and (min-width:984px) and (max-width:1303px) { .ce_caroufredsel{ padding: 60px 0px 0 0px !important; } .caroufredsel_navi{ display:none !important; } } @media (min-width:768px) and (max-width:979px) { .caroufredsel_navi{ display:none !important; } .ce_caroufredsel{ padding: 60px 0px 0 0px !important; } .sharebuttons{ transform:scale(.8); } } @media (max-width:767px) { .caroufredsel_navi{ display:none !important; } .ce_caroufredsel{ padding: 60px 0px 0 0px !important; } #studie{ display:none !important; } #studie-mobile{ display:block !important; } #studie01-mobile, #studie-mobile{ margin-left:0 !important; margin-right:0 !important; } .ce_caroufredsel .ce_image{ width: 100vW !important; height:auto; margin-left:0 !important; margin-right:0 !important; text-align:center; } .ce_caroufredsel .ce_image .image_container{ display:inline-block !important; } .ce_caroufredsel .ce_image img{ max-height: 85vH; width:auto; } .sharebuttons{ transform:scale(.8); top:12px !important; margin-left:30px; } .overlay .logo-overlay{ margin-left:0 !important; margin-right:0 !important; } } @media (max-width:427px) { .sharebuttons{ transform:scale(.6); } .overlay .logo-overlay img{ width:80px !important; } } /* iPad in portrait & landscape --------------------------------------------------------------------------------------------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { } /* iPad in portrait --------------------------------------------------------------------------------------------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { } /* iPad in landscape --------------------------------------------------------------------------------------------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { }