/* Slimco Webseite */

/* Google Fonts */

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-SemiBold.eot');
    src: url('../fonts/mulish/Mulish-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-SemiBold.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-SemiBold.woff') format('woff'),
        url('../fonts/mulish/Mulish-SemiBold.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-SemiBold.svg#Mulish-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-Medium.eot');
    src: url('../fonts/mulish/Mulish-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-Medium.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-Medium.woff') format('woff'),
        url('../fonts/mulish/Mulish-Medium.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-Medium.svg#Mulish-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-BlackItalic.eot');
    src: url('../fonts/mulish/Mulish-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-BlackItalic.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-BlackItalic.woff') format('woff'),
        url('../fonts/mulish/Mulish-BlackItalic.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-BlackItalic.svg#Mulish-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-MediumItalic.eot');
    src: url('../fonts/mulish/Mulish-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-MediumItalic.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-MediumItalic.woff') format('woff'),
        url('../fonts/mulish/Mulish-MediumItalic.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-MediumItalic.svg#Mulish-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-SemiBoldItalic.eot');
    src: url('../fonts/mulish/Mulish-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-SemiBoldItalic.woff') format('woff'),
        url('../fonts/mulish/Mulish-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-SemiBoldItalic.svg#Mulish-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-LightItalic.eot');
    src: url('../fonts/mulish/Mulish-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-LightItalic.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-LightItalic.woff') format('woff'),
        url('../fonts/mulish/Mulish-LightItalic.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-LightItalic.svg#Mulish-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-Light.eot');
    src: url('../fonts/mulish/Mulish-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-Light.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-Light.woff') format('woff'),
        url('../fonts/mulish/Mulish-Light.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-Light.svg#Mulish-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-ExtraBold.eot');
    src: url('../fonts/mulish/Mulish-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-ExtraBold.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-ExtraBold.woff') format('woff'),
        url('../fonts/mulish/Mulish-ExtraBold.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-ExtraBold.svg#Mulish-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-ExtraBoldItalic.eot');
    src: url('../fonts/mulish/Mulish-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/mulish/Mulish-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-ExtraBoldItalic.svg#Mulish-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-Bold.eot');
    src: url('../fonts/mulish/Mulish-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-Bold.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-Bold.woff') format('woff'),
        url('../fonts/mulish/Mulish-Bold.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-Bold.svg#Mulish-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-ExtraLightItalic.eot');
    src: url('../fonts/mulish/Mulish-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-ExtraLightItalic.woff') format('woff'),
        url('../fonts/mulish/Mulish-ExtraLightItalic.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-ExtraLightItalic.svg#Mulish-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-Italic.eot');
    src: url('../fonts/mulish/Mulish-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-Italic.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-Italic.woff') format('woff'),
        url('../fonts/mulish/Mulish-Italic.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-Italic.svg#Mulish-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-Black.eot');
    src: url('../fonts/mulish/Mulish-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-Black.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-Black.woff') format('woff'),
        url('../fonts/mulish/Mulish-Black.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-Black.svg#Mulish-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-BoldItalic.eot');
    src: url('../fonts/mulish/Mulish-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-BoldItalic.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-BoldItalic.woff') format('woff'),
        url('../fonts/mulish/Mulish-BoldItalic.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-BoldItalic.svg#Mulish-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-Regular.eot');
    src: url('../fonts/mulish/Mulish-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-Regular.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-Regular.woff') format('woff'),
        url('../fonts/mulish/Mulish-Regular.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-Regular.svg#Mulish-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/mulish/Mulish-ExtraLight.eot');
    src: url('../fonts/mulish/Mulish-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mulish/Mulish-ExtraLight.woff2') format('woff2'),
        url('../fonts/mulish/Mulish-ExtraLight.woff') format('woff'),
        url('../fonts/mulish/Mulish-ExtraLight.ttf') format('truetype'),
        url('../fonts/mulish/Mulish-ExtraLight.svg#Mulish-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* Formatierung */

h1, h2 {
    font-weight: 600;
}

h3 {
    font-weight: 700;
}

h4 {
    font-weight: 500;
}

h5 {
    font-weight: 700;
}

h6 {
    font-weight: 500;
}


body, p, a, span {
    font-family: 'Mulish', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Mulish', sans-serif;
}

.fa-check:before {
    color: #bf1532;
}

.fa-circle:before {
    color: #bf1532;
    padding-left: 2px;
}

.aufzaehlungs-icon::before {
    content: '•';
    float: left;
    margin-right: 8px;
    color: #bf1532;
    font-size: 20px;
    line-height: 1em;
}

.form-builder-checkbox-item input:checked+label::before, .form-builder-radio-item input:checked+label::before, .sppb-addon-form-builder .sppb-form-check-input:checked+label::before {
    background: #0071b7;
}

.form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .sppb-addon-form-builder .sppb-form-check-label::before {
    border: 2px solid #0071b7;
}

.impressum-datenschutz .sppb-addon-title, .impressum-datenschutz h1, .impressum-datenschutz h2, .impressum-datenschutz h3, .impressum-datenschutz h4, .impressum-datenschutz h5, .impressum-datenschutz h6  {
    color: #303030;
}

.impressum-datenschutz .sppb-addon-text {
    line-height: 27px;
    font-size: 16px;
    font-weight: 400;
}

/* Navigation */

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-size: 15px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    line-height: 1.8em;
}

#sp-header .sp-dropdown.sp-dropdown-main.sp-menu-right {
    width: 250px;
}

li.sp-menu-item a::after {
    content: '' !important;
    display: none !important;
}

/* SP Preloader */ 

.sp-pre-loader div {
    color: #fff0;
}
.sp-loader-circle {
	opacity: 0 !important;
	color: #fff0;
	}

/* Scroll Up */

.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    color: #fff;
    background: rgb(191, 21, 50);
}

/* Coming Soon */

.coming-soon #coming-soon-countdown {
    display: block;
}

/* Startseite Leistungen Kacheln */

.startseite-leistungen-kachel {
    opacity: 1;
}

.startseite-leistungen-kachel:hover {
    opacity: 0.9 !important;
}

.startseite-leistungen-boxen .sppb-col-md-6 {
    min-height: 270px;
}

.startseite-leistungen-boxen h5 {
	font-weight: 500; 
}

.startseite-leistungen-boxen i {
    color: #fff;
}

/* Sprachwahl Menu */

.sp-module.sprachwahl-menu {
    padding-left: 27px;
    line-height: 0;
}

.comming-soon-impressum ::marker {
    content: '';
}

.comming-soon-impressum .fa-linkedin:before {
    font-size: 23px;
}

.comming-soon-impressum i.fab.fa-linkedin {
    padding-top: 0px;
}

.coming-soon-login {
    display: block;
}

.comming-soon-impressum a{
    color: #212529;
}

.comming-soon-impressum a:hover {
    color: #036fb7;
}

.comming-soon-impressum hr {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
}

.comming-soon-impressum-info {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

h1.coming-soon-title {
    font-size: 30px;
}

span.linkedin-impressum {
    vertical-align: sub;
}

span.comming-soon-telefon {
    word-break: keep-all;
    display: inline-block;
}

div.mod-languages ul li.lang-active {
    background-color: #fff !important;
}

/* Call To Action */

.call-to-action-text-button-rechts .sppb-addon-text {
    float: left;
}

.call-to-action-text-button-rechts .sppb-btn {
    margin-left: 0px !important;
}

.call-to-action-text-button-rechts h3.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
    float: left;
	padding-right: 25px;
}

/* Über Uns Bild Links */

.fa-flickr:before {
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.fa-dribbble:before {
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;	
}

/* Footer Social Media Icons */

ul.social-icons.socialfooter li {
    font-size: 21px;
    line-height: 1em;
}

ul.social-icons.socialfooter {
    padding-right: 22px;
}

#sp-footer2 ul.menu {
    float: right;
}

/* Startseite Header */

.startseite-header .sppb-carousel-pro-text {
    background: #ffffffc2;
    padding: 20px 20px 1px 20px;
}

/* Aufzählungs Punkte */

.sppb-media>.pull-left {
    margin-right: 7px;
}

/* Startseite - Leistungen Icons */

.icons-startseite img {
    max-width: 100px;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    max-height: 100px;
    transition: all .4s;
}

.icons-startseite img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transition: all .4s;
}

/* Header mit Textbox */

.header-mit-textbox h2 {
    color: #303030 !important;
    background: RGBA(255,255,255,0.76);
    padding: 20px 30px !important;
}

/* Mobile Viewports */

@media (max-width: 1900px) {
}

@media (max-width: 1800px) {
}

@media (max-width: 1700px) {
}
	
@media (max-width: 1600px) {
}
	
@media (max-width: 1500px) {
}
	
@media (max-width: 1420px) {
}

@media (max-width: 1370px) {
}
	
@media (max-width: 1300px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 991px) {
}
	
@media (max-width: 766px) {
}
	
@media (max-width: 700px) {
}
	
@media (max-width: 690px) {
}

@media (max-width: 630px) {
}
	
@media (max-width: 560px) {
}

@media (max-width: 490px) {
}
	
@media (max-width: 400px) {

.comming-soon-impressum-info {
    font-size: 14px;
}

h1.coming-soon-title {
    font-size: 24px;
}
	
}