/* Toggler vergrössert*/
#offcanvas-toggler > i {font-size: 30px;}

/* Toggler Farbe*/
#offcanvas-toggler > .fa {
    color: #000;
}

/* Header volle Breite */
#sp-header .container {
	max-width: 100%;
}

/*Abstand Main Body von 100 auf 5
#sp-main-body {
    padding: 30px 0;
}
*/

/* Abstand 4 Module zu Text
#sp-bottom {
    padding: 20px 0 30px;
    font-size: 14px;
    line-height: 1.6;
}
*/


/* Schriftart */
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-v19-latin-regular.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-v19-latin-regular.woff2') format('woff2'),
         url('../fonts/roboto-v19-latin-regular.woff') format('woff'),
         url('../fonts/roboto-v19-latin-regular.ttf') format('truetype'),
         url('../fonts/roboto-v19-latin-regular.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {font-family: 'Roboto'; font-size: 16px; font-weight: normal; color: #515151;}

/*
.custom-Rohstoffretter p { position: absolute; top: 9vw; color: #fff; border-top: solid 1px #fff; text-align: center; padding: 1% 3%; border-bottom: solid 1px #fff; font-size: calc(2vw + 20px); right: calc(30vw - 50px); left: calc(30vw - 50px); }


.custom-bottomModule > div { box-shadow: -5px -5px 10px #ccc, 8px 7px 7px #999; font-size: calc(1vw + 10px); line-height: normal; }
@media (max-width: 990px) { .custom-bottomModule > div { font-size: calc(3vw + 10px); } }



.custom-bottomModule :hover { background-color: #3AA222; transition: background-color 0.5s; }
*/

/* How to hide "Featured" badge in Articles */
.article-details .featured-article-badge { display: none; visibility: hidden;}
.article-list .article .featured-article-badge { display: none; visibility: hidden;}