.elementor-kit-6{--e-global-color-primary:#3E3E3E;--e-global-color-secondary:#3E3E3E;--e-global-color-text:#5E5E5E;--e-global-color-accent:#DA5230;--e-global-color-70779d4:#309D2F;--e-global-color-cdc19f3:#0084BE;--e-global-color-3f07cfc:#DA5230;--e-global-color-af70c43:#7FB89A;--e-global-color-b4ccae6:#7AAFC4;--e-global-color-dfc3ffc:#E8A98A;--e-global-color-cf20a47:#1A1A1A;--e-global-color-5551d90:#E6E6E6;--e-global-color-734b0eb:#FFFFFF;--e-global-color-de33eaf:#FFFFFF1C;--e-global-color-bc82202:#FAFAFA;--e-global-color-ad4db6e:#081B07;--e-global-color-41f478e:#00161E;--e-global-color-1a01437:#260C08;--e-global-typography-primary-font-family:"Archivo";--e-global-typography-primary-font-size:42px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-secondary-font-size:37px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"Archivo";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Archivo";--e-global-typography-accent-font-size:30px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.1em;--e-global-typography-d1c8ef9-font-family:"Archivo";--e-global-typography-d1c8ef9-font-size:16px;--e-global-typography-d1c8ef9-font-weight:600;--e-global-typography-d1c8ef9-text-transform:uppercase;--e-global-typography-d1c8ef9-line-height:1em;--e-global-typography-fa5b784-font-family:"Archivo";--e-global-typography-fa5b784-font-size:45px;--e-global-typography-fa5b784-font-weight:600;--e-global-typography-fa5b784-line-height:1.1em;--e-global-typography-8a10a68-font-family:"Archivo";--e-global-typography-8a10a68-font-size:15px;--e-global-typography-8a10a68-font-weight:400;--e-global-typography-8a10a68-line-height:1.1em;--e-global-typography-edc4e7d-font-family:"Archivo";--e-global-typography-edc4e7d-font-size:18px;--e-global-typography-b3b563f-font-family:"Archivo";--e-global-typography-b3b563f-font-size:16px;--e-global-typography-b3b563f-font-weight:400;--e-global-typography-b3b563f-line-height:1.5em;--e-global-typography-00f474d-font-family:"Archivo";--e-global-typography-00f474d-font-size:21px;--e-global-typography-00f474d-font-weight:600;--e-global-typography-00f474d-line-height:1em;--e-global-typography-5d5a098-font-family:"Archivo";--e-global-typography-5d5a098-font-size:17px;--e-global-typography-5d5a098-font-weight:500;--e-global-typography-5d5a098-line-height:1em;--e-global-typography-1ca0825-font-family:"Archivo";--e-global-typography-1ca0825-font-size:19px;--e-global-typography-1ca0825-font-weight:600;--e-global-typography-1ca0825-text-transform:uppercase;--e-global-typography-87db1cd-font-family:"Archivo";--e-global-typography-87db1cd-font-size:18px;--e-global-typography-87db1cd-font-weight:600;--e-global-typography-87db1cd-line-height:1em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 img{border-radius:2px 2px 2px 2px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:40px;--e-global-typography-secondary-font-size:33px;--e-global-typography-accent-font-size:28px;--e-global-typography-fa5b784-font-size:45px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:36px;--e-global-typography-secondary-font-size:28px;--e-global-typography-text-font-size:17px;--e-global-typography-accent-font-size:25px;--e-global-typography-fa5b784-font-size:28px;--e-global-typography-8a10a68-font-size:17px;--e-global-typography-b3b563f-font-size:16px;--e-global-typography-5d5a098-font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================================
   SEITENFARBE: Rot = Kaffee, Blau = Getränke, Grün = Snacks
   ========================================== */
:root {
    --mw-akzent: #DA5230;
    /* Form des Pinselstrichs */
    --mw-pinsel-form: polygon(0% 50%, 0.8% 37%, 3% 29%, 8% 26%, 20% 32%, 38% 27%, 55% 33%, 66% 28%, 72% 22%, 86% 14%, 97% 10%, 86% 21%, 76% 30%, 80% 31%, 92% 27%, 100% 31%, 91% 36%, 78% 40%, 80% 44%, 90% 43%, 96% 48%, 88% 52%, 78% 56%, 78% 59%, 86% 60%, 92% 65%, 84% 70%, 76% 74%, 74% 78%, 84% 82%, 90% 88%, 80% 88%, 72% 82%, 60% 70%, 45% 72%, 28% 68%, 12% 70%, 4% 66%, 1% 60%);
}

/* Seiten-IDs bitte eintragen (Anleitung unten) */
body.page-id-111 { --mw-akzent: #DA5230; }  /* Kaffee */
body.page-id-222 { --mw-akzent: #0084BE; }  /* Getränke und Wasser */
body.page-id-333 { --mw-akzent: #309D2F; }  /* Snacks */

/* ==========================================
   PINSELSTRICH UNTER SUBLINES
   mw-pinsel = Seitenfarbe, mw-pinsel-weiss = weiß
   ========================================== */
.mw-pinsel .elementor-heading-title,
.mw-pinsel-weiss .elementor-heading-title {
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding-bottom: 14px;
}

.mw-pinsel .elementor-heading-title::after,
.mw-pinsel-weiss .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 14px;
    clip-path: var(--mw-pinsel-form);
    pointer-events: none;
}

.mw-pinsel .elementor-heading-title::after {
    background-color: var(--mw-akzent, #DA5230);
}

.mw-pinsel-weiss .elementor-heading-title::after {
    background-color: #ffffff;
}

/* ==========================================
   PREHEADER-LEISTE OBEN (Klassen mw-preheader und mw-preheader-tel)
   ========================================== */
.mw-preheader {
    background: linear-gradient(90deg, var(--mw-akzent) 0%, color-mix(in srgb, var(--mw-akzent) 25%, #ffffff) 100%) !important;
}

.mw-preheader-tel,
.mw-preheader-tel * {
    color: var(--mw-akzent) !important;
}

/* ==========================================
   BUTTON ROT #DA5230
   ========================================== */
.btn-red {
    position: relative;
    top: -6px;
    left: -6px;
    background-color: #ffffff !important;
    color: #DA5230 !important;
    border: 2px solid #DA5230 !important;
    border-radius: 6px !important;
    box-shadow: 5px 5px 0px 0px #DA5230;
    white-space: nowrap !important;
    transition: all .2s ease !important;
}
.btn-red:hover {
    box-shadow: none !important;
    top: 0 !important;
    left: 0 !important;
    background-color: #ffffff !important;
    color: #DA5230 !important;
    border-color: #DA5230 !important;
}

/* ==========================================
   BUTTON BLAU #0084BE
   ========================================== */
.btn-blue {
    position: relative;
    top: -6px;
    left: -6px;
    background-color: #ffffff !important;
    color: #0084BE !important;
    border: 2px solid #0084BE !important;
    border-radius: 6px !important;
    box-shadow: 5px 5px 0px 0px #0084BE;
    white-space: nowrap !important;
    transition: all .2s ease !important;
}
.btn-blue:hover {
    box-shadow: none !important;
    top: 0 !important;
    left: 0 !important;
    background-color: #ffffff !important;
    color: #0084BE !important;
    border-color: #0084BE !important;
}

/* ==========================================
   BUTTON GRÜN #309D2F
   ========================================== */
.btn-green {
    position: relative;
    top: -6px;
    left: -6px;
    background-color: #ffffff !important;
    color: #309D2F !important;
    border: 2px solid #309D2F !important;
    border-radius: 6px !important;
    box-shadow: 5px 5px 0px 0px #309D2F;
    white-space: nowrap !important;
    transition: all .2s ease !important;
}
.btn-green:hover {
    box-shadow: none !important;
    top: 0 !important;
    left: 0 !important;
    background-color: #ffffff !important;
    color: #309D2F !important;
    border-color: #309D2F !important;
}

/* ==========================================
   SEKTION MIT SCHRÄGER FARBFLÄCHE (Mittelleiste und Footer)
   ========================================== */
.section-split-bg {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #3E3E3E 0%, #1A1A1A 100%);
}

.section-split-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 52%;
    height: 100%;
    background-color: var(--mw-akzent, #DA5230);
    transform: skewX(-6deg);
    transform-origin: top;
    z-index: 1;
}

.section-split-bg > * {
    position: relative;
    z-index: 2;
}

/* ==========================================
   TEAM-FOTO MIT HOVER-TEXT
   ========================================== */
.team-photo {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

.team-photo img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.4s ease;
}

.team-photo:hover img {
    transform: scale(1.05);
}

.team-name-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
    color: #ffffff;
    font-family: 'Archivo', sans-serif;
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.team-photo:hover .team-name-overlay {
    transform: translateY(0);
    opacity: 1;
}

.team-name-overlay strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
}

.team-name-overlay span {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.85;
}

/* ==========================================
   FUNNEL-CHECKBOX IN ROT #DA5230
   ========================================== */
.af2_form_wrapper input[type="checkbox"] {
    accent-color: #DA5230 !important;
    border-color: #DA5230 !important;
}

.af2_form_wrapper input[type="checkbox"]:checked {
    background-color: #DA5230 !important;
    border-color: #DA5230 !important;
    accent-color: #DA5230 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://heiss-kalt-frisch.de/wp-content/uploads/2026/07/archivo-v25-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://heiss-kalt-frisch.de/wp-content/uploads/2026/07/archivo-v25-latin-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://heiss-kalt-frisch.de/wp-content/uploads/2026/07/archivo-v25-latin-600.woff2') format('woff2');
}
/* End Custom Fonts CSS */