/*** SLIDER ***/

.slider {
width: 100%;
display: block;
position: relative;
overflow: hidden;
height: 40vw;
-webkit-transition: all 0.3s, transform 0s;
-moz-transition: all 0.3s, transform 0s;
-o-transition: all 0.3s, transform 0s;
transition: all 0.3s, transform 0s;
}

.img-slider {
display: block;
width: 100%;
}

.sl-line {
position: absolute;
width: 100%;
bottom: 2px;
height: 5px;
border-bottom: 1px solid var(--white);
}

.line-post-slider {
background-color: var(--white);
}

.line-post-slider:before {
position: absolute;
left: 0px;
top: -3px;
width: 100%;
height: 3px;
background-color: transparent;
border-top: 1px solid var(--white);
}

#layerslider {
margin-top: -4vw;
}

.sl1main {
display: inline-block;
padding: calc(1vw * 0.26) calc(1vw * 2.083);
background-color: rgba(255,255,255,0.75);
color: var(--anthracite);
font-size: calc(1vw * 3);
font-family: 'proxima-nova-condensed', arial, helvetica, sans-serif;
font-weight: 400;
font-style: normal;
text-decoration: none;
// text-shadow: 1px 1px 5px rgba(0,0,0,1);
text-transform: uppercase;
line-height: 1;
}

.sl1sub {
display: inline-block;
padding: calc(1vw * 0.26) calc(1vw * 1.563);
background-color: rgba(255,255,255,0.75);
color: var(--anthracite);
font-size: calc(1vw * 2.083);
font-family: 'proxima-nova-condensed', arial, helvetica, sans-serif;
font-weight: 400;
font-style: normal;
text-decoration: none;
// text-shadow: 1px 1px 5px rgba(0,0,0,1);
text-transform: uppercase;
line-height: 1;
}


@media only screen and (max-width: 1240px) {
.slider { height: 42vw; }
#layerslider { margin-top: -2vw; }
}

@media only screen and (max-width: 1080px) {
.slider { height: 46vw; }
#layerslider { margin-top: 0vw; }
}

@media only screen and (max-width: 1024px) {
.sl1main { font-size: calc(1vw * 4); }
.sl1sub { font-size: calc(1vw * 2.6); padding: calc(1vw * 0.52) calc(1vw * 1.563) calc(1vw * 0.26); }
}

@media only screen and (max-width: 980px) {
.slider { height: 50vw; }
}

@media only screen and (max-width: 768px) {
.slider { height: 53vw; }
}

@media only screen and (max-width: 767px) {
.sl1main { font-size: calc(1vw * 5); }
.sl1sub { font-size: calc(1vw * 3.2); padding: calc(1vw * 0.78) calc(1vw * 1.563) calc(1vw * 0.26); }
}


@media only screen and (max-width: 480px) {
}



/*** VARIOUS ***/

.divider-coins {
display: inline-block;
width: 100%;
max-width: 70px;
margin: 20px;
}

.dc-mb30 {
margin-bottom: 30px;
}

.mitmachen {
padding: 50px 20px;
font-size: 20px;
}


.icon-one-fourth {
display: block;
max-width: 100%;
margin: 0 auto;
}


.pros {
font-weight: 600;
font-size: 28px;
}

@media only screen and (max-width: 1240px) {
.pros { font-size: 26px; }
}

@media only screen and (max-width: 768px) {
.icon-one-fourth { max-height: 80px; }
.pros { font-size: 24px; }
}


@media only screen and (max-width: 480px) {
.divider-coins { max-width: 60px; }
.icon-one-fourth { max-height: 60px; }
.pros { font-size: 20px; }
}
