/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/**
 * Allgemeines
 */

h1, h2, h3, h4 h5, h6 {
    hyphens: auto !important;
}


/**
 * Header - Hamburgermenu-Icon
 */

.fusion-header-has-flyout-menu .fusion-flyout-menu-icons {
    align-self: flex-start !important;
    margin-top: 32px !important;
}

.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line {
    height: 4px !important;
}


/**
 * Slider
 */

@media (max-width: 767px) {

    .tfs-slider .slide-content-container {
        top: unset !important;
        bottom: 0 !important;
    }

    .tfs-slider .slide-content-container .heading {
        margin-bottom: 0 !important;
    }

}

@media (min-width: 768px) {

    .tfs-slider .slide-content-container {
        top: unset !important;
        bottom: 15% !important;
    }

}


.tfs-slider .slide-content-container h1,
.tfs-slider .slide-content-container h2 {
    text-shadow: 0 0 4px #000000, 0 0 10px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.5);
}


/**
 * Footer
 */

.fusion-footer a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

.fusion-footer p:first-child {
    margin-top: 0;
}

.fusion-footer p:last-child {
    margin-bottom: 0;
}


/**
 * Portfolio - Übersicht
 */

/* Überschrift */
.fusion-portfolio-element .entry-title {
    font-size: 24px !important;
}

.fusion-portfolio-element .entry-title a {
    display: block;
}

/* Teaser */
.fusion-portfolio-element .fusion-post-content {
    font-size: 20px !important;
}

/* Eintrag */
.fusion-portfolio-element .fusion-portfolio-content-wrapper {
    border: 0 !important;
    background-color: #f2f2f2 !important;
}

/* Farben beim Hovern */
.fusion-portfolio-element .fusion-portfolio-content,
.fusion-portfolio-element .fusion-portfolio-content:hover {
    background-color: #f2f2f2 !important;
    color: #333 !important;
}

/* Verlinkungen beim Hovern */
.fusion-portfolio-element .fusion-portfolio-content a,
.fusion-portfolio-element .fusion-portfolio-content:hover a {
    color: #333 !important;
}


/**
 * Portfolio - Übersicht - Auf hellgrauem Hintergrund
 */

/* Eintrag */
.fusion-portfolio-element.portfolio-onlightgraybg .fusion-portfolio-content-wrapper {
    border: 0 !important;
    background-color: #fff !important;
}

/* Farben beim Hovern */
.fusion-portfolio-element.portfolio-onlightgraybg .fusion-portfolio-content,
.fusion-portfolio-element.portfolio-onlightgraybg .fusion-portfolio-content:hover {
    background-color: #fff !important;
    color: #333 !important;
}


/**
 * Portfolio - Detailseite
 */

.sc27-portfolio-title-area .dachzeile {
    font-size: clamp(20px, calc(100vw*0.056), 32px) !important;
}

.sc27-portfolio-title-area h1,
.sc27-portfolio-title-area h2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.sc27-portfolio-title-area h1 {
    --h1_typography-font-size: 34px;
    --h1_typography-letter-spacing: -0.015em;
    line-height: 1.2;
    /* font-size: clamp(20px, calc(100vw*0.056), 34px) !important; */
}

.sc27-portfolio-title-area h2 {
    --h2_typography-font-size: 30px;
    --h2_typography-letter-spacing: -0.015em;
    line-height: 1.2;
    margin-top: 15px !important;
    /* font-size: clamp(18px, calc(100vw*0.052), 30px) !important; */
}


/**
 * Portfolio - Avada-Layout
 */

.sc27-portfolio-content.hundred-percent-fullwidth .fusion-row .nonhundred-percent-fullwidth .fusion-row {
    /* Container zur Aufnahme des Portfolio-Inhalts  */
    max-width: calc(var(--site_width) + 50px) !important;
}


/**
 * Startseite - Boxen
 */

/* Checklisten */
.homebox .fusion-checklist, ul.fusion-checklist i {
    font-size: 18px;
    font-family: inherit;
}

.homebox .fusion-checklist .icon-wrapper,
.homebox ul.fusion-checklist .icon-wrapper {
    width: auto !important;
}

.homebox .fusion-checklist, ul.fusion-checklist i:before {
    content: "-";
}

.homebox .fusion-checklist .fusion-li-item-content,
.homebox ul.fusion-checklist .fusion-li-item-content {
    margin-inline-start: 20px !important;
}

/* Einträge */
.homebox .fusion-column-wrapper .fusion-text:last-child p:last-child {
    margin-bottom: 0;
}


/**
 * Textfarbe
 * (benötigt zum dynamischen Färben des Begriffs "dasrotebüro" via JavaScript)
 */

.text-ci-red {
    color: #de0808 !important;
}


/**
 * Schriftgrößen auf Seiten "Impressum" und "Datenschutzerklärung"
 */

.page-id-15 h1,
.page-id-3 h1 {
    --h1_typography-font-size: 34px;
    --h1_typography-letter-spacing: -0.015em;
    line-height: 1.2;
}

.page-id-15 h2,
.page-id-3 h2 {
    --h2_typography-font-size: 30px;
    --h2_typography-letter-spacing: -0.015em;
    line-height: 1.2;
}

.page-id-15 h3,
.page-id-3 h3 {
    --h3_typography-font-size: 24px;
    --h3_typography-letter-spacing: -0.015em;
    line-height: 1.2;
}

.page-id-15 h4,
.page-id-3 h4 {
    --h4_typography-font-size: 20px;
    --h4_typography-letter-spacing: -0.015em;
    line-height: 1.2;
}