/*
 Theme Name:     ChampCamp
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Theme ChampCamp - a Divi child theme
 Author:         Golden Box GmbH / Elegant Themes
 Author URI:     https://golden-box.de
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

:root {
    --white: rgba(255, 255, 255, 1);
    --black: rgba(0, 0, 0, 1);

    --color-chrome-yellow: #FFA800;
    --color-chrome-yellow-70: rgba(255, 168, 0, .7);
    --color-vivid-sky-blue: #00D1FF;
    /* --color-toxic-latte: #E0F8E9; */
    --color-toxic-latte: rgba(255, 255, 255, .6);
    --color-rustic-red: rgb(59, 24, 24);
    --color-border-stroke: rgba(59, 24, 24, .2);
    --margin: 1rem;
    --padding: 1rem;

    --font-family-headlines: 'Montserrat', sans-serif;
    --font-family-copytext: 'Montserrat', sans-serif;

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;


    --text-size-xs: 0.56rem;
    --text-size-sm: 0.75rem;
    --text-size-md: 1rem;
    --text-size-lg: 1.33rem;
    --text-size-xl: 1.78rem;
    --text-size-2xl: 2.37rem;
    --text-size-3xl: 3.16rem;
    --text-size-4xl: 4.21rem;
    --text-size-5xl: 5.61rem;

    --img-size-base: 212px;

}




html {
    font-size: 18px;
}

body {
    font-family: var(--font-family-copytext);
    font-weight: var(--font-weight-regular);
    /* line-height: 1.65; */
    line-height: 180%;
}

p, li, td, th {
    font-family: var(--font-family-copytext);
    font-weight: var(--font-weight-regular);
    font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-headlines);
}

h1 {
    font-weight: var(--font-weight-bold);
    font-size: 64px;
}

h2 {
    font-weight: var(--font-weight-bold);
    font-size: 40px;
}

h3, .et_pb_column_1_3 h3, .et_pb_column_1_4 h3, .et_pb_column_1_5 h3, .et_pb_column_1_6 h3, .et_pb_column_2_5 h3 {
    font-weight: var(--font-weight-bold);
    font-size: 24px;
}


strong {
    font-weight: var(--font-weight-bold);
}

th {
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
}

small {
    font-weight: var(--font-weight-medium);
    font-size: 16px;
}

ol li {
    margin-bottom: var(--margin);
}


th, td {
    padding: calc(var(--padding) / 3) calc(var(--padding) / 1);
}

@media (max-width: 767px) {
    th, td {
        display: block;
    }
}


a {
    color: var(--color-vivid-sky-blue);
}

a:hover {
    color: var(--color-chrome-yellow);
}

button, .et_pb_button {
    font-size: 12px;
    font-weight: var(--font-weight-bold);

}

a.et_pb_button.mit-Palme:after {
    content: '' !important;
    display: none;
}

a.et_pb_button.mit-Palme:before {
    content: '';
    background-image: url(/wp-content/uploads/2023/04/Palme-1.svg);
    background-position: 0 0;
    background-size: 1rem auto;
    background-repeat: no-repeat;
    display: block !important;
    position: absolute;
    opacity: 1;
    width: 1rem;
    height: 2rem;
    margin-top: -0.25rem;
    margin-left: -1rem;
}

#menu-main .sub-menu {
    background-color: var(--color-chrome-yellow-70);
    padding: 0;
    padding-top: calc(var(--padding) / 2);
    width: auto;
}

#menu-main .sub-menu li {
    border-width: calc(var(--padding) / 6) 0 0 0;
    border-style: solid;
    border-color: var(--white);
    padding: 0 calc(var(--padding) / 2);
}

#menu-main .sub-menu li a {
    padding: 0;
}

/*show desktop menu on phone*/

@media (max-width: 980px) {
    footer .et_pb_menu__menu {
        display: flex !important;
    }

    footer .et_mobile_nav_menu {
        display: none !important;
    }
}


.hero .hero-text .et_pb_module_inner {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
}

.hero .hero-text .et_pb_module_inner::after {
    content: '';
    background-image: url(/wp-content/uploads/2023/04/Palme-1.svg);
    background-position: 0 0;
    background-size: 6rem auto;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    left: -6rem;
    top: -4rem;
    width: 6rem;
    height: 9rem;
}

@media (max-width: 767px) {
    .hero .hero-text .et_pb_module_inner::after {
        content: '';
        background-image: none;
    }
}

.hero .hero-text .dvmd_simple_heading_spacing {
    padding: 0;
}

.hero .hero-text .dvmd_simple_heading_heading,
.hero .hero-text .dvmd_simple_heading_subheading {
    display: inline;
    background-color: var(--color-toxic-latte);
    padding: 0 calc(var(--padding) * 2);
}



.little-hero .little-hero-text {
    margin: 0 calc(var(--padding) * -1.5);
    padding: calc(var(--padding) * 5) 0;
    display: block;
}

.little-hero .little-hero-text2 {
    padding: calc(var(--padding) * 7) 0;
}

.little-hero .little-hero-text3 {
    padding: calc(var(--padding) * 3) 0;
}


.little-hero .little-hero-text .et_pb_module_inner {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 30%;
}

.little-hero .little-hero-text .et_pb_module_inner::after {
    content: '';
    background-image: url(/wp-content/uploads/2023/04/Palme-1.svg);
    background-position: 0 0;
    background-size: 4rem auto;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    left: -4rem;
    top: -2rem;
    width: 4rem;
    height: 5rem;
}


.little-hero .little-hero-text .dvmd_simple_heading_spacing {
    padding: 0;
}

.little-hero .little-hero-text .dvmd_simple_heading_heading,
.little-hero .little-hero-text .dvmd_simple_heading_subheading {
    display: inline;
    background-color: var(--color-toxic-latte);
    padding: calc(var(--padding) * .25) calc(var(--padding) * .5)
}


.little-hero .little-hero-text .dvmd_simple_heading_heading {
    font-size: 24px;
}

.little-hero .little-hero-text .dvmd_simple_heading_subheading {
    font-size: 12px;
}

.little-hero .little-hero-text2 .dvmd_simple_heading_subheading {
    font-size: 24px;
    margin-left: calc(var(--margin) / 2)
}

/*image aspect ratio square 1:1*/
.cc_img_square .et_pb_image_wrap {
    padding-top: 100%;
    display: block;
}

.cc_img_square .et_pb_image_wrap img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

/*image aspect ratio 3:2*/
.cc_img_3to2 .et_pb_image_wrap {
    padding-top: 66.66%;
    display: block;
}

.cc_img_3to2 .et_pb_image_wrap img {
    position: absolute;
    height: auto;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}


.dmpro_carousel .swiper-dmpro-container .dmpro-carousel-wrapper {
    align-items: center;
}

/* ============== START DIVI BREAKPOINTS ============== */

@media all and (min-width: 1405px) {}

@media all and (min-width: 1100px) and (max-width: 1405px) {}

@media all and (max-width: 980px) {}

@media all and (min-width: 768px) and (max-width: 980px) {}

@media all and (max-width: 767px) {}

@media all and (max-width: 479px) {}


/* ============== END DIVI BREAKPOINTS ============== */


/* *************** START X *************** */


/* *************** END X *************** */