/*! Copyright (c) 2019 HOURMINING ONLINE

Designed and Developed by H4U GROUP

https://hyips4u.com


*/

#container,.inside{
    position:relative
}
#main,#left,#right{
    float:left;
    position:relative
}
#main{
    width:100%;
    min-height:500px;
}
#left{
    margin-left:-100%
}
#right{
    margin-right:-100%
}
#footer{
    clear:both
}
#main .inside{
    min-height:1px
}
#header {
height:650px;
}
.ce_gallery>ul{
    margin:0;
    padding:0;
    overflow:hidden;
    list-style:none
}
.ce_gallery>ul li{
    float:left
}
.ce_gallery>ul li.col_first{
    clear:left
}
.float_left{
    float:left
}
.float_right{
    float:right
}
.block{
    overflow:hidden
}
.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
}
.ie7 img{
    -ms-interpolation-mode:bicubic
}
.ie8 img{
    width:auto
}
.video_container video,.video_container audio{
    width:100%;
    height:auto
}
.responsive{
    position:relative;
    height:0
}
.responsive iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.responsive.ratio-169{
    padding-bottom:56.25%
}
.responsive.ratio-1610{
    padding-bottom:62.5%
}
.responsive.ratio-219{
    padding-bottom:42.8571%
}
.responsive.ratio-43{
    padding-bottom:75%
}
.responsive.ratio-32{
    padding-bottom:66.6666%
}
 .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
}
/* style.css */
 @font-face{
    font-family: 'Heavitas';
    src: url('../files/fonts/Heavitas.html');
    src: url('../files/fonts/Heavitasd41d.html?#iefix') format('embedded-opentype'), url('../files/fonts/Heavitas.woff2') format('woff2'), url('../files/fonts/Heavitas-2.html') format('woff'), url('../files/fonts/Heavitas-3.html') format('truetype'), url('../files/fonts/Heavitas-4.html#Heavitas') format('svg')
}
*:focus{
    outline: none
}
*{
    margin:0;
    padding:0
}
#header .inside{
    height:120px;
    border-bottom:2px solid #eee;
    z-index:3000
}
#header .mod_article .ce_image,#header .mod_article .ce_image .image_container,#header .mod_article .ce_player,#header .mod_article .ce_player .video_container{
    width:100%;
    height:650px;
    left:0;
    position:absolute;
    display:flex;
    justify-content:center
}
#header .mod_article .ce_image.uheader{
    width:100%;
    height:450px;
}
#header .mod_article .ce_player{
    position:relative
}
#header .mod_article .ce_image .image_container img{
    min-width:100%;
    min-height:100%;
    max-width:1000%;
    object-fit: cover
}
#header .mod_article .ce_player .video_container video{
    object-fit:cover
}
.sound{
    width:48px;
    height:48px;
    right:60px;
    position:absolute;
    margin-top:-180px;
    background:#fff url("../files/images/icon-sound-on.html") center center no-repeat;
    border-radius:32px;
    content:'';
    cursor:pointer;
    transition:0.3s;
    background-size:24px 24px;
    z-index:5000;
    opacity:0.5
}
.sound:hover{
    opacity:1
}
#header .mod_article .ce_text{
    
    position:relative;
    overflow:visible;
    margin-top:195px;
    height:455px;
}
#header .mod_article .ce_text.uheader{
   
    height:255px;
}
.hell #header .mod_article .ce_text{
    color:#fff
}
#header .mod_article .ce_image::after,#header .mod_article .ce_player::after,.welle::after{
    width:100%;
    height:650px;
    left:0;
    position:absolute;
    background-image:url("../files/images/bg-welle.png");
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:contain;
    content:''
}
#header .mod_article .ce_image.uheader::after{
    width:100%;
    height:450px;
}
.welle::after{
    height:100%;
    bottom:0;
    left:0
}
.welle{
    position:relative
}
#header ul li{
    list-style-type:none
}
#header h1{
    margin-bottom:60px;
    font-size: 23px;
    text-shadow: 1px 1px #f7a4b2;
}
#header h3{
    margin-top:-30px;
    font-size:30px;
    color:#00ACE6
}
.leitungswasser #header h2,.sponsoring #header h1{
    color:#262687
}
#header p{
    max-width:720px;
    
    font-size: 23px;
    text-shadow: 1px 1px #f7a4b2;
}
.leitungswasser #header p,.sponsoring #header p{
    color:#333
}
h1#branding{
    margin-bottom:0
}
h1#branding a{
    width:60px;
    height:60px;
    left:60px;
    top:30px;
    position:fixed;
    display:block;
    background-image:url("../files/images/logo-rhodius-footer.svg");
    text-indent:-99999px;
    cursor:pointer;
    transition:0.3s;
    z-index:6000;
    background-size:cover
}
.hell h1#branding a{
    background-image:url("../files/images/logo-rhodius.svg")
}
.hell .show-navi h1#branding a{
    background-image:url("../files/images/logo-rhodius-footer.svg")
}
#navi-mobil{
    display:none
}
.toggle-navi{
    width:34px;
    height:21px;
    right:-120px;
    top:0;
    position:fixed;
    padding:60px;
    background-image:url("../files/images/burger-blue.svg");
    background-position:center center;
    background-repeat:no-repeat;
    text-indent:-9999px;
    transition:0.3s;
    cursor:pointer;
    z-index:5000
}
.hell .toggle-navi{
    background-image:url("../files/images/burger-white.svg")
}
.hide-navi .toggle-navi{
    right:0
}
.close-navi{
    display:none
}
.mod_navigation{
    width:100%;
    left:0;
    top:0;
    position:fixed;
    float:left;
    display:block;
    padding-top:20px;
    z-index:4000;
    transition:0.9s
}
.show-navi .inside{
    background-color:rgba(255,255,255,.85)
}
#header.hide .mod_article,#header.hide ~ #container,#header.hide ~ .custom,#header.hide ~ #footer{
    opacity:0.1
}
#container{
    transition:0.3s
}
.mod_navigation ul{
    width:100%;
    z-index:4500;
    padding-top:20px;
}
.hell .mod_navigation{
    background:transparent
}
.hide-navi .mod_navigation{
    margin-left:100vw;
    opacity:0
}
.mod_navigation ul li a,.mod_navigation ul li.active strong,.mod_navigation ul li.trail strong{
    padding:15px 14px;
    border-radius:10px 10px 0 0;
    text-decoration:none;
    color:#999;
    text-transform:uppercase;
    font-weight:800;
    transition:0.3s
}
.hell .mod_navigation ul li a,.hell .mod_navigation ul li.active strong,.hell .mod_navigation ul li.trail strong{
    color:#fff
}
.mod_navigation ul li.navlink a,.mod_navigation ul li.navlink strong{
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px
}
.mod_navigation ul li a:hover,.mod_navigation ul li.active strong:hover,.mod_navigation ul li.trail strong:hover{
    background-color:#ffe9ea;
    color:#262687
}
.mod_navigation ul li.trail:not(.news) a:hover,.mod_navigation ul li.trail:not(.news) strong:hover{
    border-bottom-left-radius:0px !important;
    border-bottom-right-radius:0px !important
}
.mod_navigation ul li.active strong.active,.mod_navigation ul li.trail strong.trail{
    background-color:#fff;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    color:#262687
}
.subnavi.produkte:hover ~ .mod_navigation ul li a.produkte,.subnavi.premium:hover ~ .mod_navigation ul li a.premium,.subnavi.kontakt:hover ~ .mod_navigation ul li a.kontakt{
    background-color:#fff;
    color:#262687
}
.mod_navigation ul.level_1 > li.last a,.mod_navigation ul.level_1 > li.last.active strong{
    display:block;
    margin-left:15px;
    padding:10px 25px;
    border:2px solid #999;
    border-radius:30px;
    background-image: linear-gradient(to right, #262687 33%, transparent 67%);
    background-size: 300% 100%;
    background-position: right bottom;
    transition:0.5s
}
.hell .mod_navigation ul.level_1 > li.last a{
    border-color:#fff
}
.mod_navigation ul.level_1 > li.last a:hover,.mod_navigation ul.level_1 > li.last.active strong{
    border:2px solid #262687;
    border-radius:30px;
    color:#fff;
    background-position: left bottom
}
.mod_navigation ul li{
    display:inline-block
}
.subnavi{
    width:100%;
    height:100%;
    top:0;
    position:fixed;
    display:block;
    background-color:rgba(0,0,0,.7);
    opacity:0;
    transition:0.3s;
    visibility:hidden;
    z-index:3000
}
.subnavi .inner{
    left:225px;
    top:90px;
    position:fixed;
    background-color:#fff;
    border-radius:10px
}
.subnavi.produkte .inner{
    width:780px;
    overflow:hidden;
    border-top-left-radius:0
}
.subnavi.premium .inner{
    width:780px;
    text-align:center
}
.subnavi.kontakt .inner{
    width:1170px;
    text-align:center
}
.subnavi.premium strong,.subnavi.kontakt strong{
    display:block;
    margin-top:15px;
    margin-bottom:15px
}
.subnavi.produkte .ce_text{
    display:flex;
    align-items:center
}
.subnavi .ce_text a{
    display:block
}
.subnavi .ce_text{
    float:left;
    padding:30px;
    transition:0.3s
}
.subnavi.produkte .ce_text:hover{
    background-color:#f8f8f8
}
.subnavi .ce_text,.subnavi .ce_text a{
    font-size:15px;
    line-height:15px;
    text-decoration:none;
    color:#999
}
.subnavi.premium .ce_text a,.subnavi.kontakt .ce_text a{
    color:#fff
}
.subnavi.produkte .ce_text:nth-child(-n+3){
    border-bottom:1px solid #eee
}
.subnavi.produkte .ce_text{
    width:200px;
    height:100px
}
.subnavi.premium .ce_text,.subnavi.kontakt .ce_text{
    width:330px;
    line-height:20px
}
.subnavi .ce_text strong,.feedback strong{
    font-size:20px;
    line-height:25px;
    text-transform:uppercase;
    font-weight:800
}
.feedback strong{
color:#262687;
}
.feedback p{
text-align:center;
}
.subnavi.produkte img{
    width:auto;
    max-width:25px;
    max-height:95px;
    margin-right:30px
}
.subnavi.show{
    opacity:1;
    visibility:visible
}
.mod_customnav ul{
    display:block;
    z-index:6000;
    transition:0.45s;
    width:400px;
}
.mod_customnav ul li{
    width:45%;
    margin-right:15px;
    float:left
}
.hide-navi .mod_customnav ul{
    right:-600px
}
.mod_customnav:not(#navi-mobil) ul li a,.mod_customnav:not(#navi-mobil) ul li.active strong{
    display:block;
    padding:10px 25px;
    border-radius:30px;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    background-image: linear-gradient(to right, #262687 33%, #a43d8d 67%);
    background-size: 300% 100%;
    background-position: right bottom;
    transition:0.3s;
    font-weight:800
}
.mod_customnav:not(#navi-mobil) ul li.register a::before,.mod_customnav:not(#navi-mobil) ul li.register strong::before{
    width:26px;
    height:26px;
    display:inline-block;
    margin-right:15px;
    background-image:url("../files/images/key.svg");
    content:'';
    vertical-align:top;
    transition:0.3s;
    background-size:cover
}
.mod_customnav:not(#navi-mobil) ul li.register a:hover::before{
    background-image:url("../files/images/key.svg")
}
.mod_customnav:not(#navi-mobil) ul li.logn a::before,.mod_customnav:not(#navi-mobil) ul li.logn strong::before{
    width:26px;
    height:26px;
    display:inline-block;
    margin-right:15px;
    background-image:url("../files/images/login.svg");
    content:'';
    vertical-align:top;
    transition:0.3s;
    background-size:cover
}
.mod_customnav:not(#navi-mobil) ul li.logn a:hover::before{
    background-image:url("../files/images/login.svg")
}
.mod_customnav:not(#navi-mobil) ul li.acct a::before,.mod_customnav:not(#navi-mobil) ul li.acct strong::before{
    width:26px;
    height:26px;
    display:inline-block;
    margin-right:15px;
    background-image:url("../files/images/account.svg");
    content:'';
    vertical-align:top;
    transition:0.3s;
    background-size:cover
}
.mod_customnav:not(#navi-mobil) ul li.acct a:hover::before{
    background-image:url("../files/images/account.svg")
}
.mod_customnav:not(#navi-mobil) ul li a:hover{
    color:#fff;
    background-position: left bottom
}
#main .mod_article{
    position:relative;
    padding-top:90px;
    padding-bottom:90px
}
#main .mod_article.tabs{
    min-height:30vh;
    padding-top:0;
    padding-bottom:0
}
#main .mod_article.infos{
    max-height:0;
    margin-top:-10vh;
    margin-bottom:10vh;
    padding-top:0;
    padding-bottom:0;
    transition:0.6s
}
#main .mod_article.infos.active{
    max-height:1500px;
    margin-bottom:0;
    padding-bottom:90px
}
#main .mod_article.infos table img{
    width:auto;
    max-width:60%;
    max-height:180px;
    margin-bottom:15px
}
#main .mod_article.infos table{
    margin-right:auto;
    margin-bottom:75px;
    margin-left:auto;
    font-size:15px;
    line-height:25px;
    width:80% !important
}
.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{
    margin-right:0;
    padding-right:20px;
    padding-left:20px
}
#main .mod_article.infos .ce_text.first table{
    max-width:960px
}
#main .mod_article .ce_text p{
    max-width:960px;
    margin-right:auto;
    margin-left:auto
}
#main .mod_article.bild-breit{
    padding-bottom:0
}
#main .mod_article.bild-breit .ce_image{
    width:100%;
    padding-right:0;
    padding-left:0;
    max-width:none
}

#main .mod_article .ce_image.bild-links{
    width:50%;
    float:left;
    display:inline-block;
    padding-right:5%;
    padding-left:0;
}
#main .mod_article .ce_image.bild-links img,#main .mod_article .ce_image.bild-rechts img{
    width:auto;
    max-width:65%;
    max-height:65vh;
    margin:0 auto
}
#main .mod_article .ce_image.bild-rechts{
    width:35%;
    float:right;
    display:inline-block;
    padding-right:10%;
    padding-left:5%
}
#main .mod_article .ce_image.fresenius{
    width:20%;
    right:0;
    top:33%;
    position:absolute;
    padding-right:0;
    padding-left:0;
    text-align:right;
    max-width:none
}
#main .mod_article.welcome{
    padding-top:50px;
    padding-bottom:0;
    display:flex;
    align-items:center
}
#main .mod_article.welcome .ce_text{
    width:50%;
    max-width:720px;
    display:inline-block;
    padding-left:5%;
    padding-right:5%;
    text-align:left;
    float:left;
}
#main .mod_article.welcome .ce_text.text-links{
    width:35%;
    max-width:720px;
    display:inline-block;
    padding-left:0;
    padding-right:25%;
    text-align:left
}
#main .mod_article.welcome .ce_hyperlink a{
    margin-left:0
}
#main .mod_article.welcome h2{
    font-size:40px;
    line-height:60px
}
#main .mod_article.welcome h3,#main .mod_article.infos h3{
    margin-top:0;
    margin-bottom:10px;
    font-size:30px;
    line-height:35px
}
#main .mod_article.feedback{
    margin:0 auto;
    padding-top:45px;
    padding-bottom:30px;
    font-size:15px;
    line-height:22px;
    padding-left:5%;
    padding-right:5%
}
#main .mod_article.feedback .ce_text{
    width:33%;
    position:relative;
    display:inline-block;
    padding-right:0;
    padding-left:0;
    color:#999
}
#main .mod_article.feedback .ce_text a{
    text-decoration:none;
    color:#ffe9ea;
}
#main .mod_article.feedback .ce_text img{
    width:auto;
    max-width:50%;
    max-height:180px;
    margin-bottom:15px
}
#main .mod_article.infos h3{
    margin-bottom:60px
}
#main .mod_article.aboutus h2,#main .mod_article.aboutus h3,.aboutlink h2,.subnavi .classic strong,.subnavi .quelle strong,.feedback .classic strong{
    color:#262687
}
#main .mod_article.verlauf-pink h2,#main .mod_article.verlauf-pink h3,.pink h2,.subnavi .naturelle strong,.feedback .naturelle strong{
    color:#CF0B80
}
#main .mod_article.verlauf-dunkelgruen h2,#main .mod_article.verlauf-dunkelgruen h3,.dunkelgruen h2,.subnavi .medium strong,.feedback .medium strong{
    color:#3D6F4F
}
#main .mod_article.verlauf-hellgruen h2,#main .mod_article.verlauf-hellgruen h3,.hellgruen h2,.subnavi .dose strong,.feedback .dose strong,.subnavi .sponsoring strong,h3.hellgruen{
    color:#7DB347
}
#main .mod_article.verlauf-gelb h2,#main .mod_article.verlauf-gelb h3,.gelb h2,.subnavi .apfelschorle strong,.feedback .apfelschorle strong{
    color:#E6A82E
}
#main .mod_article.verlauf-hellblau h2,#main .mod_article.verlauf-hellblau h3,.hellblau h2,.subnavi .sport strong,.subnavi .lewa strong,.feedback .sport strong,.subnavi .kundenservice strong{
    color:#00ACE6
}
.subnavi .reklamation strong{
    color:#999
}
#main .mod_article.produkt-3er{
    width:27.3333%;
    min-height:100vh;
    float:left;
    display:inline-block;
    padding:0 3%
}
#main .mod_article.produkt-3er .ce_hyperlink{
    margin-bottom:90px
}
#main .mod_article .ce_image.bild-oben{
    margin-bottom:60px
}
#main .mod_article .ce_image.bild-oben,#main .mod_article .ce_image.bild-oben .image_container{
    height:45vh;
    display: flex;
    align-items: flex-end;
    justify-content: center
}
#main .mod_article .ce_image.bild-oben img{
    width:auto;
    max-width:200px;
    max-height:30vh
}
#main .mod_article .ce_hyperlink{
    max-width:none
}
#main .mod_article.clients{
    
    background:  linear-gradient(180deg,#61bbff 7%, #a849b5 90%);
    background-size:cover;
    text-align:center;
    margin: 50px 0;
}
#main .mod_article.clients h2{
    color:#fff;
}
#main .mod_article.aboutlink{
    background-color:#262687
}
#main .mod_article.aboutlink.welle{
    padding-top:120px;
    padding-bottom:90px;
    background:#fff url("../files/images/bg-plan.png") center top no-repeat;
    background-size:cover
}
#main .mod_article.hellblau{
    background-color:#00ACE6
}
#main .mod_article.history{
    background-image:url("../files/images/bg-history.html");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed
}
#main .mod_article.hellblau h2,#main .mod_article.hellblau p,#main .mod_article.history h2,#main .mod_article.history p,#main .mod_article.aboutlink h2,#main .mod_article.aboutlink p{
    color:#fff !important
}
.ce_hyperlink{
    display:inline-block
}
.ce_hyperlink a,.ce_hyperlink button,.ce_download p a,a.hyperlink_txt,.sbmt{
    display:inline-block;
    margin-top:30px;
    margin-right:15px;
    margin-left:15px;
    padding:15px 25px 13px 30px;
    border-radius:30px;
    line-height:18px;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    font-weight:800;
    background-position:right bottom;
    background-size: 300% 100%;
    transition: all 0.3s ease-out !important
}
.ce_download p a{
    position:relative;
    margin-top:0;
    margin-bottom:30px;
    color:#fff !important;
    z-index:6000
}
.ce_download p a span.size{
    display:none
}
.ce_hyperlink a:hover,.ce_hyperlink button:hover,a.hyperlink_txt:hover,.sbmt:hover,.ce_download p a:hover{
    background-position:left bottom
}
.ce_hyperlink a::after,form button.submit::after,.ce_download p a::after,a.hyperlink_txt::after{
    display:inline-block;
    margin-left:20px;
    content:url(../files/images/arrow-right-white.svg);
    transition:0.3s;
    vertical-align:middle
}
.ce_hyperlink a:hover::after,form button.submit:hover::after,.ce_download p a:hover::after{
    margin-right:-5px;
    margin-left:25px
}
.back.ce_hyperlink{
    margin-top:30px
}
.liste .ce_hyperlink a,.back.ce_hyperlink a{
    margin-right:0;
    margin-left:0;
    padding-right:30px;
    padding-left:25px
}
.back.ce_hyperlink a::before{
    display:inline-block;
    margin-right:20px;
    content:url(../files/images/arrow-right-white.svg);
    transition:0.3s;
    vertical-align:middle;
    transform: scale(-1, 1)
}
.back.ce_hyperlink a:hover::before{
    margin-right:25px;
    margin-left:-5px
}
.back.ce_hyperlink a::after{
    display:none
}
.produkte #main .ce_hyperlink.mehr a{
    border:2px solid #000;
    background:none !important;
    cursor:pointer
}
a.hyperlink_txt,.sbmt{
    border-color:#262687;
    color:#fff
}
.produkte #main .ce_hyperlink.dunkelgruen.mehr a{
    border-color:#3D6F4F;
    color:#3D6F4F
}
.produkte #main .ce_hyperlink.hellpink.mehr a{
    border-color:#CF0B80;
    color:#CF0B80
}
.produkte #main .ce_hyperlink.hellgruen.mehr a{
    border-color:#7DB347;
    color:#7DB347
}
.produkte #main .ce_hyperlink.gelb.mehr a{
    border-color:#E6A82E;
    color:#E6A82E
}
.produkte #main .ce_hyperlink.hellblau.mehr a{
    border-color:#00ACE6;
    color:#00ACE6
}

.produkte #main .ce_hyperlink.mehr a:hover::after,.produkte #main .ce_hyperlink.mehr a.close::after{
    margin-right:0;
    margin-left:20px;
    transform: rotate(45deg)
}
.produkte #main .ce_hyperlink.mehr a.close:hover::after{
    transform: rotate(0deg)
}
a.hyperlink_txt{
    background-image: linear-gradient(to right, #a43d8d 33%, #262687 67%)
}
.sbmt{
    background-image: linear-gradient(to right, #61bbff 33%, #262687 67%);
    border-color:#ddd;
}
.sbmt:hover{
color:#262687;
}
.ce_hyperlink.dunkelgruen a,.verlauf-dunkelgruen #store_search button.submit{
    background-image: linear-gradient(to right, #7DB347 33%, #3D6F4F 67%)
}
.ce_hyperlink.hellblau a,.ce_download p a{
    background-image: linear-gradient(to right, #262687 33%, #00ACE6 67%)
}
.ce_hyperlink.hellgruen a,.ce_hyperlink.hellgruen button,.verlauf-hellgruen #store_search button.submit{
    background-image: linear-gradient(to right, #3D6F4F 33%, #7DB347 67%)
}
.ce_hyperlink.gelb a,.verlauf-gelb #store_search button.submit{
    background-image: linear-gradient(to right, #80590D 33%, #E6A82E 67%)
}
.ce_hyperlink.hellpink a,.verlauf-pink #store_search button.submit{
    background-image: linear-gradient(to right, #80004C 33%, #CF0B80 67%)
}
.ce_hyperlink.clients a,.ce_hyperlink.clients button{
    background-image: linear-gradient(to right, #333333 33%, #999999 67%)
}
#main p{
    margin-bottom:18px
}
#main ul{
    width:auto;
    display:inline-block;
    margin-bottom:18px;
    text-align:left
}
h1,h2,h3,h4,h5,h6,strong{
    font-weight:600
}
.bounty_review-block-title {
	
	text-align: center;
    background: #432b88;
    color: #fff;
    display: inline-block;
    margin: 60px auto 60px auto;
    width: 100%;
    padding: 30px 55px;
    border-radius: 100px;
}
h1{
    margin-bottom:30px;
    font:90px/90px Heavitas;
    text-transform:uppercase;
    letter-spacing:-2px
}
h1.hellpink{
    color:#CF0B80
}
h2{
    margin-bottom:45px;
    font:45px/55px Heavitas;
    text-transform:uppercase;
    letter-spacing:-1px
}
h3{
    margin-top:-50px;
    margin-bottom:40px;
    font-size:20px;
    text-transform:uppercase;
    font-weight:800
}
h4{
    padding-top:45px;
    font-size:20px;
    text-transform:uppercase;
    font-weight:800
}
h1.hellblau,h2.hellblau,h3.hellblau,h4.hellblau{
    color:#00ACE6
}
h1.aboutlink,h2.aboutlink,h3.aboutlink,h4.aboutlink{
    color:#262687
}
#instagram{
    width:100%;
    margin-top:90px;
    text-align:center
}
#eapps-instagram-feed-1{
    margin-top:75px
}
#instagram h1{
    font-size:60px;
    line-height:60px
}
#footer{
    width:100%;
    margin-top:60px;
    background-image:url("../files/images/bg-footer.png");
    background-position:center top;
    background-repeat:no-repeat;
    font-size:15px;
    color:#fff;
    background-size:cover;
    background-position:0px 75px
}
#footer strong,#footer a.mail{
    font-size:18px;
    font-weight:600
}
#footer a{
    text-decoration:none;
    color:#fff;
    transition:0.3s
}
#footer p{
    margin-bottom:28px
}
#footer a:hover{
    text-decoration:underline
}
#footer .inside{
    margin-right:120px;
    margin-left:120px
}
#footer .ce_image{
    width:100%;
    margin-bottom:150px;
    text-align:center
}
#footer .ce_text{
    float:right;
    display:inline-block;
    vertical-align:top
}
#footer .ce_text.adresse{
    float:none;
    margin-bottom:90px
}
#footer .ce_text.produkte,#footer .ce_text.service{
    margin-right:120px
}
.killfloat{
    float:none;
    clear:both
}
#store_search{
    max-width:720px;
    margin:0 auto
}
#store_search .widget{
    display:inline-block
}
#store_search input,#store_search select,#store_search button{
    width:280px;
    display:inline-block;
    margin-right:15px;
    margin-bottom:30px;
    margin-left:15px;
    padding:10px 20px;
    background-color:#fff;
    border:0px;
    border-radius:30px;
    font:15px Montserrat;
    color:#999;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    font-weight:600
}
#store_search select{
    background-image:url("../files/images/arrow-down-grey.svg");
    background-repeat:no-repeat;
    background-position:right 20px center;
    cursor:pointer
}
#store_search select.distance{
    width:140px
}
#store_search input{
    width:340px;
    padding-left:60px;
    text-align:left;
    background-image:url("../files/images/form-arrow.svg");
    background-position:left center;
    background-repeat:no-repeat;
    color:#00ACE6;
    background-size:contain
}
#store_search input::placeholder,#store_search select::placeholder{
    color:#999
}
#store_search button.submit{
    width:auto;
    margin-bottom:0;
    padding:12px 25px;
    text-align:left;
    color:#fff;
    text-transform:uppercase;
    background-image: linear-gradient(to right, #262687 33%, #00ACE6 67%);
    background-position: right bottom;
    background-size: 300% 100%;
    transition: all 0.3s ease-out !important;
    font-weight:800;
    cursor:pointer
}
#store_search button.submit:hover{
    background-position:left bottom
}
#store_search .widget-submit{
    float:right;
    margin-right:45px
}
.ce_form #reklamation h2,.ce_form #sponsoring h2,.ce_form #reklamation .widget-explanation,.ce_form #sponsoring .widget-explanation,.ce_form #reklamation .widget-textarea label,.ce_form #sponsoring .widget-textarea label,.ce_form #reklamation .widget-upload label,.ce_form #sponsoring .widget-upload label{
    float:none;
    clear:both;
    font:24px/36px Heavitas;
    letter-spacing:0
}
.ce_form #reklamation .widget-explanation.info{
    position:absolute;
    overflow:hidden;
    cursor:pointer
}
.ce_form #reklamation .widget-explanation.info.mhd{
    left:390px
}
.ce_form #reklamation .widget-explanation.info.charge{
    left:780px
}
.ce_form #reklamation .widget-explanation.info p{
    width:360px;
    max-height:0px;
    margin-top:30px;
    padding:0 30px;
    background-color:#00ACE6;
    border-radius:10px;
    font:15px/25px Montserrat;
    color:#fff;
    transition:0.3s
}
.ce_form #reklamation .widget-explanation.info::before{
    width:30px;
    height:30px;
    position:absolute;
    margin-left:-15px;
    background-image:url("../files/images/info-grey.html");
    background-position:center center;
    background-repeat:no-repeat;
    content:'';
    transition:0.3s
}
.ce_form #reklamation .widget-explanation.info:hover::before{
    background-image:url("../files/images/info-blue.html")
}
.ce_form #reklamation .widget-explanation.info:hover p{
    max-height:150px;
    margin-top:45px;
    padding-top:15px;
    padding-bottom:15px
}
.ce_form #sponsoring .widget-explanation.abstand{
    margin-top:60px
}
.ce_form #reklamation,.ce_form #reklamation .widget-checkbox.datenschutz a{
    color:#999
}
.ce_form #reklamation .widget-checkbox.datenschutz a:hover{
    color:#000
}
.ce_form #sponsoring,.ce_form #sponsoring .widget-checkbox.datenschutz a{
    color:#7DB347
}
.ce_form #sponsoring .widget-checkbox.datenschutz a:hover{
    color:#3D6F4F
}
.ce_form .widget-text input,.ce_form .widget-textarea textarea{
    width:360px;
    margin:15px;
    padding-top:15px;
    padding-bottom:15px;
    text-align:center;
    border-top:0px solid #ddd;
    border-right:0px solid #ddd;
    border-bottom:2px solid #ddd;
    border-left:0px solid #ddd;
    font-family:Montserrat;
    color:#262687;
    font-weight:600
}
.ce_form .widget-text,.ce_form .widget-textarea,.ce_form .widget-upload{
    display:inline-block
}
.ce_form .widget-textarea textarea,.ce_form .widget-upload input.upload{
    height:150px;
    margin:15px;
    padding:15px;
    text-align:center;
    border:2px solid #ddd;
    border-radius:10px;
    width:calc(100% - 30px)
}
.ce_form .widget-upload input.upload{
    background-image:url("../files/images/icon-upload.html");
    background-position:center center;
    background-repeat:no-repeat;
    border-style:dashed;
    color:#fff;
    cursor:pointer
}
.ce_form .widget-textarea,.ce_form .widget-upload{
    margin-top:60px;
    margin-bottom:60px
}
.ce_form #reklamation .widget-textarea{
    width:750px;
    float:left;
    margin-right:15px;
    margin-left:15px
}
.ce_form #sponsoring .widget-textarea{
    margin:15px
}
.ce_form #sponsoring .widget-textarea textarea{
    margin:0
}
.ce_form #reklamation .widget-upload{
    width:330px;
    margin-right:15px;
    margin-left:15px
}
.ce_form fieldset{
    margin-bottom:60px;
    border:0px
}
.ce_form .widget-radio span{
    width:12%;
    position:relative;
    display:inline-block;
    margin-right:2%;
    margin-left:2%;
    transition:0.3s
}
.ce_form .widget-radio .fadeout span{
    opacity:0.3
}
.ce_form .widget-radio .fadeout span.fadein,.ce_form .widget-radio .fadeout span:hover{
    opacity:1
}
.ce_form .widget-radio span::before{
    width:100%;
    height:180px;
    max-width:100px;
    display:block;
    margin:0 auto;
    background-image:url("../files/images/produkt-classic.html");
    background-position:center bottom;
    background-repeat:no-repeat;
    content:'';
    background-size:contain
}
.ce_form .widget-radio.produkt span:nth-child(2)::before{
    background-image:url("../files/images/produkt-medium.html")
}
.ce_form .widget-radio.produkt span:nth-child(3)::before{
    background-image:url("../files/images/produkt-naturelle.html")
}
.ce_form .widget-radio.produkt span:nth-child(4)::before{
    background-image:url("../files/images/produkt-apfelschorle.html")
}
.ce_form .widget-radio.produkt span:nth-child(5)::before{
    background-image:url("../files/images/produkt-sport-grapefruit.html")
}
.ce_form .widget-radio.classic span:nth-child(1)::before{
    height:140px;
    background-image:url("../files/images/produkt-classic-05.html")
}
.ce_form .widget-radio.classic span:nth-child(2)::before{
    background-image:url("../files/images/produkt-classic-07.html")
}
.ce_form .widget-radio.classic span:nth-child(3)::before{
    height:160px;
    background-image:url("../files/images/produkt-classic-10.html")
}
.ce_form .widget-radio.medium span:nth-child(1)::before{
    height:140px;
    background-image:url("../files/images/produkt-medium-05.html")
}
.ce_form .widget-radio.medium span:nth-child(2)::before{
    background-image:url("../files/images/produkt-medium-075.html")
}
.ce_form .widget-radio.medium span:nth-child(3)::before{
    height:160px;
    background-image:url("../files/images/produkt-medium-10.html")
}
.ce_form .widget-radio.naturelle span:nth-child(1)::before{
    height:140px;
    background-image:url("../files/images/produkt-naturelle-05.html")
}
.ce_form .widget-radio.naturelle span:nth-child(2)::before{
    background-image:url("../files/images/produkt-naturelle-075.html")
}
.ce_form .widget-radio.naturelle span:nth-child(3)::before{
    height:160px;
    background-image:url("../files/images/produkt-naturelle-10.html")
}
.ce_form .widget-radio.dose span::before{
    height:120px;
    background-image:url("../files/images/produkt-dose.html")
}
.ce_form .widget-radio.apfelschorle span:nth-child(1)::before{
    height:160px;
    background-image:url("../files/images/produkt-apfelschorle-05.html")
}
.ce_form .widget-radio.apfelschorle span:nth-child(2)::before{
    background-image:url("../files/images/produkt-apfelschorle-10.html")
}
.ce_form .widget-radio.sport span::before{
    background-image:url("../files/images/produkt-sport.html")
}
.ce_form .widget-radio.classic,.ce_form .widget-radio.medium,.ce_form .widget-radio.naturelle,.ce_form .widget-radio.dose,.ce_form .widget-radio.apfelschorle,.ce_form .widget-radio.sport{
    transition:0.3s;
    opacity:0
}
.ce_form .widget-radio.classic,.ce_form .widget-radio.medium,.ce_form .widget-radio.naturelle,.ce_form .widget-radio.dose,.ce_form .widget-radio.apfelschorle{
    width:100%;
    position:absolute
}
.ce_form .widget-radio.show{
    opacity:1;
    z-index:2500
}
.ce_form .widget-radio input{
    width:100%;
    height:100%;
    top:0;
    position:absolute;
    display:block;
    border:0px solid #f00;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
    z-index:2000;
    background:transparent
}
_:-ms-lang(x),.ce_form .widget-radio input{
    width:30px;
    height:30px;
    left:50%;
    margin-left:-15px;
    top:auto
}
.ce_form .widget-radio label{
    display:block;
    margin:30px auto;
    text-align:center;
    font-size:15px;
    line-height:20px;
    font-weight:600
}
.ce_form input::placeholder,.ce_form textarea::placeholder,.ce_form select::placeholder{
    font-size:15px;
    color:#aaa
}
.ce_form .widget-radio .control_indicator{
    width:23px;
    height:23px;
    position:relative;
    margin:0 auto;
    border:2px solid #999;
    border-radius:15px
}
.ce_form .widget-radio .control_indicator::after{
    width:15px;
    height:15px;
    display:block;
    margin-top:4px;
    margin-left:4px;
    background-color:#fff;
    border-radius:30px;
    content:'';
    transition:0.3s
}
.ce_form .widget-radio input:hover + .control_indicator::after{
    background-color:#ddd
}
.ce_form .widget-radio input + .control_indicator.checked::after,.ce_form .widget-radio input:focus + .control_indicator::after,.ce_form .widget-radio.naturelle span:nth-child(n) input + .control_indicator.checked::after,.ce_form .widget-radio.naturelle span:nth-child(n) input:focus + .control_indicator::after{
    background-color:#cf0b80
}
.ce_form .widget-radio span:nth-child(1) input + .control_indicator.checked::after,.ce_form .widget-radio span:nth-child(1) input:focus + .control_indicator::after,.ce_form .widget-radio.classic span:nth-child(n) input + .control_indicator.checked::after,.ce_form .widget-radio.classic span:nth-child(n) input:focus + .control_indicator::after{
    background-color:#262687
}
.ce_form .widget-radio span:nth-child(2) input + .control_indicator.checked::after,.ce_form .widget-radio span:nth-child(2) input:focus + .control_indicator::after,.ce_form .widget-radio.medium span:nth-child(n) input + .control_indicator.checked::after,.ce_form .widget-radio.medium span:nth-child(n) input:focus + .control_indicator::after{
    background-color:#3D6F4F
}
.ce_form .widget-radio span:nth-child(4) input + .control_indicator.checked::after,.ce_form .widget-radio span:nth-child(4) input:focus + .control_indicator::after,.ce_form .widget-radio.apfelschorle span:nth-child(n) input + .control_indicator.checked::after,.ce_form .widget-radio.apfelschorle span:nth-child(n) input:focus + .control_indicator::after{
    background-color:#E6A82E
}
.ce_form .widget-radio span:nth-child(5) input + .control_indicator.checked::after,.ce_form .widget-radio span:nth-child(5) input:focus + .control_indicator::after,.ce_form .widget-radio.sport span:nth-child(n) input + .control_indicator.checked::after,.ce_form .widget-radio.sport span:nth-child(n) input:focus + .control_indicator::after{
    background-color:#00ACE6
}
.ce_form .formbody{
    position:relative
}
.ce_form .widget-submit{
    float:none;
    clear:both;
    display:block
}
.ce_form button.submit{
    border:0px;
    font:18px Montserrat;
    cursor:pointer;
    font-weight:800
}
.ce_form .widget-checkbox.datenschutz{
    margin-top:30px;
    font-size:15px;
    line-height:25px
}
.ce_form .widget-checkbox.datenschutz input{
    margin-right:15px
}
.ce_form .widget-checkbox.datenschutz a{
    text-decoration:none;
    font-weight:600;
    transition:0.3s
}
.cookiebar{
    text-align:left;
    background-color:#00ACE6;
    font-size:15px;
    line-height:23px;
    font-weight:600;
    z-index:10000
}
.cookiebar__text{
    width:65%;
    float:left
}
.cookiebar__button{
    padding-right:30px;
    padding-left:30px;
    background-color:#fff;
    border-radius:30px;
    font:15px/25px Montserrat;
    color:#262687;
    text-transform:uppercase;
    font-weight:800;
    transition:0.3s
}
.cookiebar__button:hover{
    background-color:#262687;
    color:#fff
}
#main .mod_article .ce_accordion{
    width:100%;
    max-width:100%;
    padding-right:0;
    padding-left:0
}
#main .mod_article .ce_accordion .toggler{
    width:33.3333%;
    height:30vh;
    left:0;
    top:0;
    position:absolute;
    background-color:#fff;
    cursor:pointer;
    transition:0.3s
}
#main .mod_article .ce_accordion .toggler h3{
    margin-top:30px;
    margin-bottom:30px;
    font-size:24px;
    color:#999;
    transition:0.3s
}
#main .mod_article .ce_accordion .toggler p{
    max-width:80%;
    margin:0 auto;
    font-size:15px;
    line-height:25px
}
#main .mod_article .ce_accordion .toggler::before{
    width:60px;
    height:60px;
    display:inline-block;
    margin-top:45px;
    background-color:#ddd;
    border-radius:30px;
    font:45px/70px Heavitas;
    color:#fff;
    transition:0.3s
}
#main .mod_article .ce_accordion .accordion{
    margin-top:30vh
}
#main .mod_article .ce_accordion .accordion .ce_text{
    position:relative;
    padding-top:90px;
    padding-bottom:90px
}
#main .mod_article .ce_accordion .accordion .ce_text.text-links{
    margin-left:240px;
    text-align:left;
    padding-right:50%;
    width:calc(50% - 240px)
}
#main .mod_article .ce_accordion .accordion .ce_text.text-rechts{
    margin-right:240px;
    text-align:left;
    padding-left:50%;
    width:calc(50% - 240px)
}
#main .mod_article .ce_accordion .accordion .ce_text h3{
    margin-top:0;
    margin-bottom:60px;
    font:30px/40px Heavitas
}
#main .mod_article .ce_accordion .image_container{
    height:100%;
    right:0;
    top:0;
    position:absolute;
    width:calc(50% + 120px)
}
#main .mod_article .ce_accordion .image_container img{
    width:auto;
    height:100%;
    min-width:100%;
    max-width:1000%;
    object-fit:cover
}
#main .mod_article .ce_accordion .text-rechts .image_container{
    left:0;
    text-align:right
}
#main .mod_article .ce_accordion .text-links .image_container::after{
    width:60%;
    height:100%;
    top:0;
    position:absolute;
    display:block;
    background:linear-gradient( to right, rgba(247,251,244,1), rgba(247,251,244,0));
    content:''
}
#main .mod_article .ce_accordion .text-rechts .image_container::after{
    width:60%;
    height:100%;
    right:0;
    top:0;
    position:absolute;
    display:block;
    background:linear-gradient( to left, rgba(247,251,244,1), rgba(247,251,244,0));
    content:''
}
#main .mod_article .ce_accordion.zwei .text-rechts .image_container::after{
    background:linear-gradient( to left, rgba(240,250,254,1), rgba(240,250,254,0))
}
#main .mod_article .ce_accordion.zwei .text-links .image_container::after{
    background:linear-gradient( to right, rgba(240,250,254,1), rgba(240,250,254,0))
}
#main .mod_article .ce_accordion.drei .text-rechts .image_container::after{
    background:linear-gradient( to left, rgba(252,243,248,1), rgba(252,243,248,0))
}
#main .mod_article .ce_accordion.drei .text-links .image_container::after{
    background:linear-gradient( to right, rgba(252,243,248,1), rgba(252,243,248,0))
}
#main .mod_article .ce_accordion .text-rechts .image_container img{
    right:0;
    position:absolute
}
#main .mod_article .weiss{
    background-color:#fff
}
#main .mod_article .ce_accordion.eins .active.toggler,#main .mod_article .ce_accordion.eins .toggler:hover,#main .mod_article .ce_accordion.eins .accordion{
    background-color:#F7FBF4
}
#main .mod_article .ce_accordion.eins .active.toggler,#main .mod_article .ce_accordion.eins .toggler:hover{
    background:-moz-linear-gradient(bottom,#F7FBF4 60%,#fff 100%);
    background:-webkit-linear-gradient(bottom,#F7FBF4 60%,#fff 100%);
    background:-o-linear-gradient(bottom,#F7FBF4 60%,#fff 100%);
    background:-ms-linear-gradient(bottom,#F7FBF4 60%,#fff 100%);
    background:linear-gradient(to top,#F7FBF4 60%,#fff 100%);
    -pie-background:linear-gradient(bottom,#F7FBF4 60%,#fff 100%)
}
#main .mod_article .ce_accordion.zwei .active.toggler,#main .mod_article .ce_accordion.zwei .toggler:hover{
    background:-moz-linear-gradient(bottom,#F0FAFE 60%,#fff 100%);
    background:-webkit-linear-gradient(bottom,#F0FAFE 60%,#fff 100%);
    background:-o-linear-gradient(bottom,#F0FAFE 60%,#fff 100%);
    background:-ms-linear-gradient(bottom,#F0FAFE 60%,#fff 100%);
    background:linear-gradient(to top,#F0FAFE 60%,#fff 100%);
    -pie-background:linear-gradient(bottom,#F0FAFE 60%,#fff 100%)
}
#main .mod_article .ce_accordion.drei .active.toggler,#main .mod_article .ce_accordion.drei .toggler:hover{
    background:-moz-linear-gradient(bottom,#FCF3F8 60%,#fff 100%);
    background:-webkit-linear-gradient(bottom,#FCF3F8 60%,#fff 100%);
    background:-o-linear-gradient(bottom,#FCF3F8 60%,#fff 100%);
    background:-ms-linear-gradient(bottom,#FCF3F8 60%,#fff 100%);
    background:linear-gradient(to top,#FCF3F8 60%,#fff 100%);
    -pie-background:linear-gradient(bottom,#FCF3F8 60%,#fff 100%)
}
#main .mod_article .ce_accordion.eins .active.toggler h3,#main .mod_article .ce_accordion.eins .toggler:hover h3{
    color:#3D6F4F
}
#main .mod_article .ce_accordion.eins .toggler::before{
    content:'1'
}
#main .mod_article .ce_accordion.eins .active.toggler::before,#main .mod_article .ce_accordion.eins .toggler:hover::before{
    background-color:#7DB347
}
#main .mod_article .ce_accordion.eins .ce_text h2,#main .mod_article .ce_accordion.eins .ce_text h3{
    color:#7DB347
}
#main .mod_article .ce_accordion.zwei .toggler{
    left:33.3333%
}
#main .mod_article .ce_accordion.zwei .active.toggler,#main .mod_article .ce_accordion.zwei .toggler:hover,#main .mod_article .ce_accordion.zwei .accordion{
    background-color:#F0FAFE
}
#main .mod_article .ce_accordion.zwei .active.toggler h3,#main .mod_article .ce_accordion.zwei .toggler:hover h3{
    color:#262687
}
#main .mod_article .ce_accordion.zwei .toggler::before{
    content:'2'
}
#main .mod_article .ce_accordion.zwei .active.toggler::before,#main .mod_article .ce_accordion.zwei .toggler:hover::before{
    background-color:#00ACE6
}
#main .mod_article .ce_accordion.zwei .ce_text h2,#main .mod_article .ce_accordion.zwei .ce_text h3{
    color:#00ACE6
}
#main .mod_article .ce_accordion.drei .toggler{
    left:66.6666%
}
#main .mod_article .ce_accordion.drei .active.toggler,#main .mod_article .ce_accordion.drei .toggler:hover,#main .mod_article .ce_accordion.drei .accordion{
    background-color:#FCF3F8
}
#main .mod_article .ce_accordion.drei .active.toggler h3,#main .mod_article .ce_accordion.drei .toggler:hover h3{
    color:#80004C
}
#main .mod_article .ce_accordion.drei .toggler::before{
    content:'3'
}
#main .mod_article .ce_accordion.drei .active.toggler::before,#main .mod_article .ce_accordion.drei .toggler:hover::before{
    background-color:#CF0B80
}
#main .mod_article .ce_accordion.drei .ce_text h2,#main .mod_article .ce_accordion.drei .ce_text h3{
    color:#CF0B80
}
#main .mod_article .ce_accordion .ce_hyperlink a{
    margin-bottom:40px;
    margin-left:0
}
.mod_rocksolid_slider{
    padding-top:120px
}
.rsts-skin-default .rsts-nav,.rsts-nav-tabs{
    width:100%;
    bottom:auto;
    left:auto;
    right:auto;
    top:60px;
    text-align:center
}
.rsts-nav-tabs ul{
    border:2px solid #ddd;
    border-radius:30px
}
.aboutlink .rsts-nav-tabs ul{
    border:2px solid #00ACE6
}
.aboutlink .rsts-skin-default .rsts-nav-numbers a,.aboutlink .rsts-skin-default .rsts-nav-tabs a{
    color:#fff;
    background:transparent
}
.aboutlink .rsts-skin-default .rsts-nav-numbers a:hover,.aboutlink .rsts-skin-default .rsts-nav-numbers a.active,.aboutlink .rsts-skin-default .rsts-nav-tabs a:hover,.aboutlink .rsts-skin-default .rsts-nav-tabs a.active{
    background-color:#00ACE6;
    color:#fff
}
.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{
    height:auto;
    margin:0 30px 0 0;
    padding:15px 45px;
    background-color:#fff;
    border-radius:30px;
    font-size:18px;
    color:#999;
    opacity:1;
    font-weight:600;
    box-shadow:none;
    cursor:pointer;
    transition:0.3s
}
.mod_rocksolid_slider.mineralstoffe .rsts-nav-numbers li:nth-child(4) a,.mod_rocksolid_slider.mineralstoffe .rsts-nav-tabs li:nth-child(4) a,.mod_rocksolid_slider.wasserarten .rsts-nav-numbers li:nth-child(6) a,.mod_rocksolid_slider.wasserarten .rsts-nav-tabs li:nth-child(6) a{
    margin-right:0
}
.mod_rocksolid_slider .ce_text{
    padding:60px 0px !important
}
.mod_rocksolid_slider .ce_text h2{
    margin-bottom:0
}
.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-tabs a:hover{
    background-color:#ddd
}
.ce_accordion.eins .rsts-skin-default .rsts-nav-numbers a.active,.ce_accordion.eins .rsts-skin-default .rsts-nav-tabs a.active{
    background-color:#7DB347;
    color:#fff
}
.ce_accordion.zwei .rsts-skin-default .rsts-nav-numbers a.active,.ce_accordion.zwei .rsts-skin-default .rsts-nav-tabs a.active{
    background-color:#00ACE6;
    color:#fff
}
.rsts-skin-default .rsts-nav-thumbs{
    width:20%;
    left:0;
    position:absolute;
    z-index:200
}
.rsts-nav-thumbs .thumb{
    min-height:120px
}
.rsts-thumbs-slides,.rsts-thumbs-slide{
    left:auto;
    right:0;
    position:relative;
    float:right;
    transform:none !important
}
.rsts-thumbs-slide{
    position:absolute;
    padding:10px 15px 0;
    border:2px solid #ddd;
    width:210px !important;
    height:auto !important;
    transform:none !important
}
.rsts-thumbs-crop{
    overflow:visible;
    height:auto !important
}
.rsts-thumbs-slide a{
    text-decoration:none
}
.rsts-thumbs-slide p.titel{
    font-size:15px;
    color:#999;
    font-weight:600;
    margin-bottom:20px !important;
    transition:0.3s
}
.ohne .rsts-thumbs-slide p.titel{
    font-size:18px;
    line-height:28px;
    color:#CF0B80;
    font-weight:800
}
.rsts-thumbs-slide p.text{
    font-size:45px;
    color:#CF0B80;
    font-weight:800
}
.rsts-thumbs-slide p.einheit{
    font-size:15px;
    color:#999;
    margin-bottom:10px !important
}
.rsts-slide table{
    float:right;
    margin-right:10%;
    width:70% !important
}
.rsts-slide table td{
    color:#CF0B80;
    font-weight:600
}
.rsts-slide table td:first-child{
    color:#262687
}
.rsts-skin-default .rsts-thumbs-slide{
    margin-top:60px;
    margin-bottom:60px;
    opacity:0;
    transition:0.3s
}
.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next{
    left:20%;
    top:0;
    margin-left:-124px;
    border:none;
    box-shadow:none;
    border-radius:0;
    z-index:150;
    opacity:0.5;
    transition:0.3s
}
.rsts-thumbs-prev,.rsts-thumbs-next{
    display:none
}
.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover{
    background-color:#fff;
    opacity:1
}
.rsts-skin-default .rsts-prev{
    width:33px;
    height:35px;
    margin-top:-60px;
    background-image:url("../files/images/arrow-up-grey.html")
}
.rsts-skin-default .rsts-next{
    width:33px;
    height:35px;
    margin-top:185px;
    background-image:url("../files/images/arrow-down-grey.svg");
    background-size:cover
}
#main .mod_article .ce_accordion .accordion .ce_text.tabelle{
    width:100%;
    position:absolute;
    padding-top:120px;
    padding-bottom:120px
}
#main .mod_article .ce_accordion .accordion .ce_text.tabelle table{
    position:relative;
    float:right;
    margin-right:10%;
    width:70% !important;
    z-index:3000
}
#main .mod_article .ce_accordion .accordion .ce_text.tabelle table td{
    padding-top:15px;
    padding-bottom:15px;
    border-right:2px solid #ddd;
    border-bottom:2px solid #ddd;
    font-weight:600
}
#main .mod_article .ce_accordion .accordion .ce_text.tabelle table td em{
    font-size:15px;
    font-weight:normal;
    font-style:normal
}
#main .mod_article .ce_accordion .accordion .ce_text.tabelle table td:first-child{
    color:#262687
}
#main .mod_article .ce_accordion .accordion .ce_text.tabelle table td:last-child{
    border-right:0
}
#main .mod_article .ce_accordion .accordion .ce_text.tabelle table tr:last-child td{
    padding-bottom:30px;
    border-bottom:0
}
#main .mod_article .ce_accordion .accordion .ce_text.tabelle p{
    position:relative;
    float:right;
    margin-right:10%;
    text-align:right;
    color:#ccc;
    z-index:6000;
    margin-top:30px
}
.rsts-type-slide .rsts-view{
    z-index:300
}
.mod_rocksolid_slider.inhaltsstoffe{
    padding-bottom:90px
}
.mod_rocksolid_slider.inhaltsstoffe .ce_text{
    padding-top:105px !important
}
#main .mod_article .ce_text.dreier{
    width:15%;
    display:inline-block;
    padding-right:3%;
    padding-left:3%;
    text-align:center;
    vertical-align:top
}
#main .mod_article.breit .ce_text.dreier{
    width:25%
}
#main .mod_article .ce_text.zweier{
    width:30%;
    display:inline-block
}
#main .mod_article.zentriert{
    text-align:center
}
#main .mod_article.kein-abstand-unten{
    padding-bottom:0
}
#main .mod_article.kein-abstand-oben{
    padding-top:0
}
#main .mod_article .ce_text.breit,#main .mod_article .ce_image.breit{
    width:100%;
    max-width:100%;
    padding-right:0;
    padding-left:0
}
.ce_image.breit img{
    display:block
}
#main .mod_article .mod_rocksolid_slider{
    width:100%;
    max-width:100%;
    position:relative;
    padding-right:0;
    padding-left:0;
    z-index:1000
}
#main .mod_article.aboutlink .mod_rocksolid_slider p strong{
    color:#00ACE6
}
.video_container audio{
    width:90%;
    height:48px;
    max-width:640px;
    margin-top:45px;
    margin-bottom:15px;
    padding-right:5%;
    padding-left:5%
}
body.detail #main .mod_article.first,#main .mod_article.liste{
    background:-moz-linear-gradient(top,#fff,#f8f8f8);
    background:-webkit-linear-gradient(top,#fff,#f8f8f8);
    background:-o-linear-gradient(top,#fff,#f8f8f8);
    background:-ms-linear-gradient(top,#fff,#f8f8f8);
    background:linear-gradient(to bottom,#fff,#f8f8f8);
    -pie-background:linear-gradient(top,#fff,#f8f8f8)
}
#main .mod_article .mod_newslist{
    width:80%
}
.mod_newslist .layout_latest{
    margin-bottom:90px;
    padding-bottom:60px;
    text-align:left;
    border-bottom:2px solid #eee
}
.mod_newslist .layout_latest.last{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0
}
.mod_newslist .layout_latest .image_container{
    width:360px;
    height:360px;
    float:left;
    display:inline;
    margin-right:90px;
    display:flex;
    align-items:center;
    justify-content:center
}
.mod_newslist .layout_latest .image_container img{
    width:100%;
    height:100%;
    object-fit:cover;
    max-width:none
}
.mod_newslist .layout_latest.odd .image_container{
    float:right;
    margin-right:0;
    margin-left:90px
}
body.detail .mod_newsreader .layout_full .image_container{
    width:100%;
    height:360px;
    overflow:hidden;
    margin-top:60px;
    margin-bottom:60px;
    display:flex;
    align-items:center;
    justify-content:center
}
body.detail .mod_newsreader .layout_full .image_container img{
    width:100%
}
#main p:not(.ce_hyperlink) a{
    color:#00ACE6;
    font-weight:600;
    transition:0.3s
}
#main p:not(.ce_hyperlink) a:hover{
    color:#262687
}
#main .mod_article.hellblau p a{
    color:#fff
}
#main .mod_article.hellblau p a:hover{
    color:#262687
}
::selection{
    background-color:#262687;
    color:#fff
}
#main .mod_article .gl{
    width:auto;
    right:0;
    position:absolute;
    margin-top:-120px;
    text-align:left;
    font-size:15px;
    line-height:25px;
    color:#fff;
    font-weight:600
}
.abstand-unten{
    padding-bottom:60px
}
@keyframes puls{
    0% {
         box-shadow: 0 0 0 0px rgba(255,255,255,1);
    }
    100% {
         box-shadow: 0 0 0 30px rgba(255,255,255,0);
    }
}
#main .mod_article.infografik{
    overflow:visible
}
#main .mod_article .popup{
    width:35%;
    top:68.5%;
    position:absolute;
    left:calc(32.5% - 60px)
}
#main .mod_article .popup.magnesium{
    margin-left:-30%
}
#main .mod_article .popup.calcium{
    margin-left:-20%
}
#main .mod_article .popup.natrium{
    margin-left:-10%
}
#main .mod_article .popup.arteser{
    top:79%;
    margin-left:7.6%
}
#main .mod_article .popup.arteser h3{
    color:#fff
}
.popup h3{
    position:relative;
    display:inline-block;
    font:18px Montserrat;
    color:#00ACE6;
    text-transform:none;
    font-weight:600;
    cursor:pointer;
    z-index:3000
}
.popup h3::after{
    width:30px;
    height:30px;
    position:relative;
    display:block;
    margin:10px auto;
    background-color:#fff;
    -webkit-box-shadow:0 0 0 0 rgba(255,255,255,1);
    box-shadow:0 0 0 0 rgba(255,255,255,1);
    border-radius:15px;
    font:32px/30px Montserrat;
    color:#00ACE6;
    content:'+';
    font-weight:300;
    cursor:pointer;
    animation: puls 2s ease-out infinite;
    transition:0.3s
}
.popup h3:hover::after{
    background-color:#00ACE6;
    color:#fff
}
.popup p{
    position:relative;
    margin-top:90px;
    padding:20px 30px 25px;
    background-color:#262687;
    border-radius:10px;
    font-size:15px;
    line-height:25px;
    color:rgba(255,255,255,.85);
    transition:0.45s;
    opacity:0;
    z-index:3000
}
.popup p::before{
    width:40px;
    height:20px;
    left:50%;
    position:absolute;
    margin-left:-20px;
    background-image:url("../files/images/arrow-small-up-blue.html");
    content:'';
    top:-15px
}
.popup p.show{
    margin-top:-15px;
    opacity:1;
    z-index:9000
}
.classic-startseite .image_container{
    width:180px;
    bottom:0;
    right:-25%;
    position:absolute
}
.classic-startseite .image_container img{
    width:auto;
    max-height:65vh
}
.ce_image.facebook{
    display:none !important
}

.subnavi .inner{
        left:135px;
        top:85px
    }
    #main .mod_article .ce_accordion .toggler h3{
        margin-bottom:15px;
        font-size:20px
    }
    #header h1{
        margin-bottom:60px;
        font-size:60px;
        line-height:60px
    }
    h1#branding{
        margin-bottom:0
    }
    #footer .inside{
        margin-right:90px;
        margin-left:90px
    }
    #footer .ce_text.produkte,#footer .ce_text.service{
        margin-right:90px
    }
    h1{
        font-size:75px;
        line-height:75px
    }
    h2{
        margin-bottom:30px;
        font-size:35px;
        line-height:40px
    }
    h3{
        margin-top:-30px;
        margin-bottom:30px
    }
    #main p{
        margin-bottom:15px
    }
    #main .mod_article{
        padding-top:75px;
        padding-bottom:75px
    }
    #main .mod_article .ce_text p{
        max-width:720px
    }
    #footer{
        font-size:13px;
        line-height:22px
    }
    #footer .ce_image{
        margin-bottom:120px
    }
    #footer strong,#footer a.mail{
        font-size:15px
    }
    #footer .ce_text.adresse{
        margin-bottom:60px
    }
    #store_search input,#store_search select,#store_search button{
        font-size:15px
    }
    #main .mod_article .ce_image.bild-oben img{
        max-width:150px
    }
    #main .mod_article .ce_image.bild-oben,#main .mod_article .ce_image.bild-oben .image_container{
        max-height:40vh
    }
    #main .mod_article.produkt-3er{
        width:29.3333%;
        padding-right:2%;
        padding-left:2%
    }
    #main .mod_article.feedback .ce_text img{
        max-width:35%;
        max-height:120px
    }
    .subnavi .ce_text strong,.feedback strong{
        font-size:18px
    }
    h1#branding a{
        left:30px
    }
    #instagram h1{
        font-size:50px;
        line-height:50px
    }
    #main .mod_article .popup.arteser{
        margin-left:8%
    }
    .classic-startseite .image_container{
        width:150px;
        right:-70%
    }
    .bounty_card{
    margin-top:50px;
    
    }
    .bounty_card-top {
	
	background:linear-gradient(to right, #262687 33%, #a43d8d 67%);
	padding:25px 0px 45px 0px;
	color:#fff;
	margin:20px 0;
	border-radius:3px;
}

.bounty_card-top--bonus {

	font-family: 'Bai Jamjuree', sans-serif;
	text-align:right;
}

.bounty_card-top--title {
	
	font-size:20px;
	font-family: 'Bai Jamjuree', sans-serif;
	font-weight:600;
	text-align:left;
}

.bounty_card-body--description {
	
	
}

.bounty_card-body--description p {
	
    font-size: 14px;
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight: 400;
    color: #444;
    text-align: left;
    margin: 0px 0px 0px 0px;
}

.bounty-img {
	
	padding:50px 0px 30px 0px;
	text-align: center;
}

.bounty-img img {
	
	 width: 200px;
	 margin:0px auto 40px;
}
#google_translate_element {
  background: transparent url("images/hdTop-icon1.html") no-repeat scroll left center;
  float: left;
  min-height: 25px;
  padding-left: 30px;
}