/*feste Definitionen: wird mit "var(...)" aufgerufen*/
:root {
	--megamenu-font-size: 15px;
	--main-font-size: 18px;
	--rot-COSOBA: #e30613; /*leuchtendes Rot*/
	--weiss-COSOBA: #ffffff; /*Weiss*/
	--schwarz-AVA: #1d1d1b; /*Graphitschwarz*/
	--grau-RELAX: #a2a1ab; /*Lavendelgrau, Grauviolett*/
	--megamenu-background: #5e5c66; /*Mitternachtsblau*/
	--seite-background: #f5f5f5; /*Weißrauch*/
}

html {
    font-size: var(--main-font-size, 16px);  /* Basisgröße für 1rem // sonst Standard-Schriftgröße = 16px*/
}

/*==========Schriftarten==========*/

@font-face {
  	font-family: "DINEngschrift";
  	src: url("/templates/shaper_helixultimate/css/fonts/DINEngschrift.eot"); /* IE9 Compat Modes */
 	src: url("/templates/shaper_helixultimate/css/fonts/DINEngschrift.eot?#iefix") format("embedded-opentype"), /* IE6–IE8 */
       url("/templates/shaper_helixultimate/css/fonts/DINEngschrift.woff2") format("woff2"), /* Modern Browsers */
       url("/templates/shaper_helixultimate/css/fonts/DINEngschrift.woff") format("woff"),   /* Modern Browsers */
       url("/templates/shaper_helixultimate/css/fonts/DINEngschrift.ttf") format("truetype"), /* Safari, Android, iOS */
       url("/templates/shaper_helixultimate/css/fonts/DINEngschrift.svg#DINEngschrift") format("svg"); /* Legacy iOS */
	font-weight:  400; /* oder 300 für Light, 700 für Bold */
  	font-style: normal;
  	font-display: swap;
}

@font-face {
  	font-family: "DINOT";
  	src: url("/templates/shaper_helixultimate/css/fonts/DINOT.woff2") format("woff2"),
       url("/templates/shaper_helixultimate/css/fonts/DINOT.woff") format("woff"),
       url("/templates/shaper_helixultimate/css/fonts/DINOT.otf") format("opentype");
	font-weight: 400; /* oder 300 für Light, 700 für Bold */
	font-style: normal;
	font-display: swap;
}

body {
    font-family: "dinot", sans-serif;
}

/*==========Top-Bar==========*/

#sp-top-bar a:hover {color: var(--weiss-COSOBA);}

#sp-top-bar {
    font-size: 1rem
}

/*==========Header==========*/

#sp-header .logo a {
    font-size: 60px;
    font-family: "DINEngschrift", sans-serif;
    color: #ffffff;
}

.sp-megamenu-parent>li:hover>a {
    background-color: var(--megamenu-background);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    padding: 15px 0px;
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    background-color: var(--megamenu-background);
}

/*==========Main/Titel==========*/

/*==========Main/SP-Pagebuilder==========*/

h1,
h2,
h3,
h4,
h5,
h6 {line-height: 1.5;
	margin-top:20px;
	margin-bottom:20px;
}

/* ID (#) = darf nur für ein Element pro HTML-Seite verwendet werden */
/* Klasse (.) = damit können mehrere Elemente ausgezeichnet werden */

.h1-cosobatitlehome-ffffff {
    font-family: "DINEngschrift", sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: calc(1.375rem + 3.5vw);
	color: var(--weiss-COSOBA);
    text-align:center;
    }

@media (min-width: 1200px) {
.h1-cosobatitlehome-ffffff {
	font-size: 4.5rem;
	margin-top:20px;
	margin-bottom:20px;
	}
}

.p-cosobatitlemenue {
	font-family: "DINEngschrift", sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.5rem;
	text-align:center;
	color: var(--schwarz-AVA);
	padding-top: 50px;
    padding-right: 0px;
    padding-bottom: 25px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.sppb-btn-primary {
    border-color: var(--rot-COSOBA)!important;
    background-color: var(--rot-COSOBA)!important;
}

.sppb-btn-primary:hover {
    border-color: var(--schwarz-AVA)!important;
    background-color: var(--schwarz-AVA)!important;
}

/*==========Main/SP-Pagebuilder/Accordion==========*/

.sppb-panel-title {
	margin-top:20px!important;
	font-size: 24px!important;
	font-weight: normal!important;
	color: var(--weiss-COSOBA)!important;
	line-height: 2.5!important;
}

.sppb-panel-primary {
    border-color: var(--schwarz-AVA)!important;
}

.sppb-panel-primary .sppb-panel-heading {
    color: var(--weiss-COSOBA)!important;
	background: var(--grau-RELAX)!important;
}

.sppb-panel-primary .sppb-panel-heading.active {
    color: var(--weiss-COSOBA)!important;
	background: var(--megamenu-background)!important;
}

.sppb-panel-body {
    padding: 30px!important;
    background: var(--seite-background)!important;
}

/*==========Main/SP-Pagebuilder/Tabelle==========*/

.sppb-addon-table-main td {
    color: var(--schwarz-AVA)!important;
}

/*==========Main/Main-Body==========*/

#sp-main-body {
    padding: 10px 0;
}

/*==========Main/Breadcrumb==========*/

/*==========Main/Bottom==========*/

#sp-bottom {
    font-size: var(--main-font-size);
}

/*==========Main/Footer==========*/



/*iPhone 16 Pro Max*/
/* 1320×2868 pixels at 458ppi */
@media only screen 
    and (width: 440px) 
    and (height: 956px) 
    and (-webkit-device-pixel-ratio: 3) { }

/*iPhone 16 / 15 Pro / 15 / 14 Pro*/
/* 1179×2556 pixels at 460ppi */
@media only screen 
    and (width: 393px) 
    and (height: 852px) 
    and (-webkit-device-pixel-ratio: 3) { }
	
/*iPhone 16 Plus / 15 Pro Max / 15 Plus / 14 Pro Max*/
/* 1290×2796 pixels at 460ppi */
@media only screen 
    and (width: 430px) 
    and (height: 932px) 
    and (-webkit-device-pixel-ratio: 3) { }

/*iPhone 14 Plus / 13 Pro Max / 12 Pro Max*/
/* 1284×2778 pixels at 458ppi */
@media only screen 
    and (width: 428px) 
    and (height: 926px) 
    and (-webkit-device-pixel-ratio: 3) { }

/*iPhone 14 / 13 Pro / 13 / 12 Pro / 12*/
/* 1170×2532 pixels at 460ppi */
@media only screen 
    and (width: 390px) 
    and (height: 844px) 
    and (-webkit-device-pixel-ratio: 3) { }

/*iPhone 13 Mini / 12 Mini*/
/* 1080×2340 pixels at 476ppi */
@media only screen 
    and (width: 375px) 
    and (height: 812px) 
    and (-webkit-device-pixel-ratio: 2.88) { }

/*iPhone 11 Pro Max / XS Max*/
/* 1242×2688 pixels at 458ppi */
@media only screen 
    and (width: 414px) 
    and (height: 896px) 
    and (-webkit-device-pixel-ratio: 3) { }
	
/*iPhone 11 Pro / XS / X*/
/* 1125×2436 pixels at 458ppi */
@media only screen 
    and (width: 375px) 
    and (height: 812px) 
    and (-webkit-device-pixel-ratio: 3) { }

/*iPhone 11 / XR*/
/* 828×1792 pixels at 326ppi */
@media only screen 
    and (width: 414px) 
    and (height: 896px) 
    and (-webkit-device-pixel-ratio: 2) { }

@media only screen and (max-width: 393px) {
/*@media (max-width: 393px) {*/
    #offcanvas-toggler {
        height: 45px;
    }
}