legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
*{margin:0;padding:0;border:0;box-sizing:border-box;}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/recyclersonline/theme/fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/recyclersonline/theme/fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/recyclersonline/theme/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/recyclersonline/theme/fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/recyclersonline/theme/fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/recyclersonline/theme/fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/recyclersonline/theme/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/recyclersonline/theme/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/recyclersonline/theme/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/recyclersonline/theme/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/recyclersonline/theme/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/recyclersonline/theme/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

:root {
    --space-01: 8px;
    --space-02: 16px;
    --space-03: 32px;
    --space-04: 64px;

    --header-image-size: 600px;
    --max-content-width: 1170px;

    --device-s: 400px;
    --device-m: 768px;
    --device-l: 991x;
    --device-xl: 1200px;
    --device-xl: 1600px;

    --primary-color: #c7d301;
    --light-color: #baba16;
    --dark-color: #666666;
}

@media screen and (max-width: 768px) {
    :root {
        --header-image-size: 300px;
    }
}

body{font-family:'Open Sans', Helvetica, Arial, Verdana, sans-serif;line-height:30px;font-size: 22px;color:var(--dark-color) !important;}

ul {list-style-type:none;}
hr {height:1px;clear:both;margin:20px 0px;color:#999;}
a {text-decoration:none;color:var(--dark-color);outline: 0;}
a:hover {text-decoration:underline;color:var(--dark-color);}
a:active {text-decoration: none;border: none;}
b {font-weight:normal;}
strong {font-weight: normal;}

.blue {color:#ce0e0e;}
.small {font-size:13px!important;line-height: 16px!important;}

h1 {font-weight: normal;font-size:45px;line-height: var(--space-03); margin-bottom: var(--space-03);}
h2 {font-weight: normal;font-size:25px;line-height: var(--space-03); margin-bottom: var(--space-03); text-transform:uppercase;}
h3 {font-weight: normal;font-size:25px;line-height: var(--space-03); margin-bottom: var(--space-03);}
h4 {font-weight: normal;font-size:100%;line-height: inherit; margin-bottom: var(--space-01);}
h1,h2,h3,h4,h5 {margin-top: 0;text-align: center;}

.invisible:not(:focus),
.sr-only {border: 0;height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;float: left;z-index: -100;}

.light-green {color:var(--loight-color);}

table {border-collapse: collapse;border-spacing: 0;}

.container {max-width: var(--max-content-width);margin-inline: auto;}

@media screen and (max-width:1180px) {
    .container {padding-inline: 5vw;}
}

#header {width: 100%;margin-bottom:var(--space-04);position: relative;}
#header #header-topline {background-color: rgba(255,255,255,0.9);position: relative;z-index:10;padding:var(--space-01) 0;}
#header-topline .container {display: flex;flex-direction: column-reverse;gap: 16px;}
#header #header-topline .mobile-wrapper,
#header #header-topline .header-top-right {display: flex;justify-content: space-between;gap:var(--space-03);}
#header #header-topline #logo {display: flex;}
#header #header-topline #logo img {max-width: 415px;width: 100%;height: auto;}

#header #header-topline #hotline {font-size: 14px;}
#header #header-topline #hotline a {display: block;font-size: 17px;line-height: 30px;}
#header #header-topline #hotline a:hover {text-decoration: none;}

#header #header-topline .mod_changelanguage {}
#header #header-topline .mod_changelanguage ul {display: flex;gap: var(--space-02);justify-content: end;}
#header #header-topline .mod_changelanguage ul li {font-size:17px;}
#header #header-topline .mod_changelanguage ul li a {text-decoration:none;text-transform:uppercase;color:var(--dark-color);}
#header #header-topline .mod_changelanguage ul li a:hover {color:var(--loight-color);}
#header #header-topline .mod_customnav ul li.active, 
#header #header-topline .mod_changelanguage ul li.active {color:var(--loight-color);}
#header #header-topline .mod_changelanguage ul li:not(:last-child) {border-right:1px solid var(--dark-color);padding-right:5px;}

@media screen and (min-width: 768px) {
    #header #header-topline .container {flex-direction:row;align-items: center;justify-content: space-between;}
}

#header .ce_rsce_hero {position: relative;}
#header .ce_rsce_hero .intro {position: absolute;height: 100%;background-color: var(--primary-color);min-width: 150px;max-width: 30vw;width: 100%;padding:var(--space-04) 0 calc(var(--space-04) + 48px) var(--space-04);display: flex; flex-direction: column; justify-content: space-between;}
#header .ce_rsce_hero .intro::after {content:"";background-color: var(--primary-color);width:400px;height: 100%;display: block;position: absolute;top:0; right:-100px;clip-path: polygon(75% 0%, 100% 72%, 75% 100%);}
#header .ce_rsce_hero .intro span {font-size: clamp(1.5em,5vw,4em); line-height: 1;}
#header .ce_rsce_hero .intro .btn {width: fit-content;}
#header .ce_rsce_hero figure {display: flex;}

#header .mod_article .content-image,
#header .mod_article .content-text {width: 100vw;height: var(--header-image-size);}
#header .mod_article img {object-fit: cover;object-position: center;width: 100vw;height: var(--header-image-size);}
#header .mod_article .content-text .text-container {display:none;}
/*#header .mod_article .content-text .text-container {position: absolute;top: 0;left: 0;height: 500px;font-size: clamp(30px, 5vw, 100px);line-height: 1; width: 100%;max-width: 1400px;min-width: 280px;color: white;filter: drop-shadow(10px 0px 5px rgba(0, 0, 0, 0.2));}
#header .mod_article .content-text p {height: inherit;padding: 120px 300px 0 100px;background-color: var(--loight-color);clip-path: polygon(0 0, 75% 0%, 87% 70%, 75% 100%, 0% 100%);line-clamp: 3;}*/

@media screen and (max-width: 767px) {
.navbar-toggle {background: var(--primary-color);display: block;border-radius: 4px;padding: 4px 8px;}
.navbar-toggle span {background: #fff; height: 3px;margin: 5px 0;width: 26px;display: block;}

#header .mod_navigation {display:none;border-bottom: 1px solid var(--primary-color);border-top: 1px solid var(--primary-color);top: 0;transition: 0;-webkit-transition: 0;top: 0;}
#header .mod_navigation ul {text-align: center;}
#header .mod_navigation ul li {}
#header .mod_navigation ul li strong.active,
#header .mod_navigation ul li a:hover {background-color: var(--primary-color);color: #fff;}
#header .mod_navigation ul li a,
#header .mod_navigation ul li strong {color: var(--dark-color);font-size: 18px;text-transform: uppercase;display: inline-block;padding:var(--space-01) 0;width: 100%;}
}

@media screen and (min-width: 768px) {
    .navbar-toggle {display: none;}
    #header .mod_navigation {display:block;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 1;background-color: rgba(255,255,255,0.85); text-align: center;border-bottom: 1px solid var(--dark-color);border-top: 1px solid var(--dark-color);}
    #header .mod_navigation ul {display:flex; justify-content: space-between;gap: var(--space-03);max-width: var(--max-content-width);padding-inline:var(--space-02);margin-inline: auto;}
    #header .mod_navigation ul li {display: flex;position: relative;}
    #header .mod_navigation ul li a,
    #header .mod_navigation ul li strong {font-size: 20px;text-decoration: none;padding: var(--space-01) 0;align-self: stretch;}
    #header .mod_navigation ul li a:hover,
    #header .mod_navigation ul li strong.active {color: var(--dark-color);}
    #header .mod_navigation ul li strong.active::after {border-bottom: 5px solid var(--dark-color);content: "";width: 100%;display: block;position: absolute;bottom: 0;}
}



#header #hauptnavi #main-nav {width: 100%;left: 0;top: -50px;transition: 0.5s;-webkit-transition: 0.5s;}
#header #hauptnavi.affix {bottom: auto;left: 0;position: fixed;top: 0;width: 100%; z-index: 999;}
#header #hauptnavi.affix #main-nav {left: 0;top: 0;position: absolute;width: 100%;background: #fff;}
#header #hauptnavi.affix ul {height: 36px;}
#header #hauptnavi.affix ul.level_1 {border-top: none;}
#header #hauptnavi.affix ul.level_2 {top: 36px; border-bottom: medium none;}
#header #hauptnavi.affix ul a,
#header #hauptnavi.affix ul span {font-size: 16px;line-height: 36px;}
#header #hauptnavi.affix ul.level_2 a,
#header #hauptnavi.affix ul.level_2 span {line-height: 20px;}



#main {text-align: center;font-weight:300;}
#main a:hover{text-decoration:underline;}
#main p,
#main ul{margin-bottom: 15px;}

#main .mod_article {margin-bottom: 40px;}

#main .columns-2 {display: flex; flex-wrap: wrap;gap: 30px;}
#main .columns-2 > * {flex: 1 1 0;background: var(--primary-color);flex-basis: 48%;padding: 15px 15px 5px;}
#main .columns-2 .contains-link a {background: var(--dark-color);color: #fff;padding: 2px 10px;}
#main .columns-2 .contains-link a:hover {background: #fff;color: var(--dark-color);text-decoration: none;}

#main .ce_form table {width: 100%;}
#main .ce_form fieldset {border: none;text-align: left;margin: 0; padding:25px 0 0 0;}
#main .ce_form legend {font-weight: 300;padding: 0;}
#main .ce_form fieldset.checkbox_container span {display: block;}
#main .ce_form {margin: 0 auto;width: 600px;}
#main .ce_form .explanation p {text-align: left;font-size: inherit;
    line-height: inherit;}
#main .ce_form .col_0 {text-align: right;padding-right: 15px;width: 200px;}
#main .ce_form td,
#main .ce_form th {vertical-align: top;}
#main .ce_form .submit {width: 100%;background: var(--primary-color);padding:15px;-webkit-appearance: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border: none;color: #fff;font-size: 15px; font-weight:400;}
#main .ce_form .submit:hover {background:var(--dark-color);}
#main .ce_form label {font-weight:normal;text-align:left;}
#main .ce_form .widget-select label {padding-top: 0;}
#main .ce_form input.text,
#main .ce_form select,
#main .ce_form textarea {margin-bottom: 5px;border: 1px solid var(--dark-color);-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}


.ce_rsce_sortiment .grid-container {display:grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));gap: var(--space-03);}
.ce_rsce_sortiment .product-item {background-color: #c5d100;text-align: left;}
.ce_rsce_sortiment figure img {width: 100%;object-fit: cover;}
.ce_rsce_sortiment .product-text {padding: var(--space-03);}
.ce_rsce_sortiment h2 {text-align: left;}
.ce_rsce_sortiment table {width: 100%;}
.ce_rsce_sortiment td:first-child {font-weight: 400;}
.ce_rsce_sortiment td {vertical-align: top;font-size:clamp(.5em, 5vw, 1em);}

@media screen and (min-width: 769px) {
    .ce_rsce_sortiment .grid-container {grid-template-columns: 1fr 1fr;}
}

.btn {background-color: var(--dark-color);color: white; padding: var(--space-01) var(--space-02);margin-top:var(--space-02);display: inline-block;}
.btn:hover {background-color: white; color: var(--dark-color);}

/*Footer*/
#footer {background-color: #f0f0f0;font-size:14px;padding: 16px 0;}
#footer .inside {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 30px;}
#footer .mod_customnav,
#footer ul {display: flex;gap: 16px;}