.et_pb_menu__logo {
    position: relative;
    z-index: 9999999;
}

.hamburger {
    background-color: #1D2447;
}


.et-menu .menu-item-has-children>a:first-child:after {
    background: var(--farbverlauf);
    background: -moz-var(--farbverlauf);
    background: -webkit-var(--farbverlauf);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
}


.ul-stripe ul,
.ul-check ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ul-stripe ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
}

.ul-stripe ul li::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    transform: translateY(50%);
    width: 18px;
    height: 3px;
    background: var(--farbverlauf);
    background: -moz-var(--farbverlauf);
    background: -webkit-var(--farbverlauf);
}

.ul-check ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
    color: black;
}

.ul-check ul li::before {
    content: '\f00c';
    font-family: 'FontAwesome';
    position: absolute;
    top: 0px;
    left: -2px;
    font-size: 18px;
    background: var(--farbverlauf);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 700;
}

/* Funnelforms General Styles */
.af2_question_heading,
.af2_answer_text.desktop,
.af2_question_description,
.af2_question_label,
.af2_question_cb_label,
.af2_radio_label,
.af2_submit_button {
    color: #fff !important;
}

.af2_question_heading.desktop {
    line-height: 1.2em;
}

.af2_slider_frage {
    background-color: #fff !important;
}

.af2_terminbuchung_heading,
.af2_form,
.ui-datepicker-title,
.af2_form_button,
.af2_submit_button__text,
.ui-datepicker-title,
.af2_terminbuchung_heading {
    font-family: 'Inter', Helvetica, Arial, sans-serif !important;
}

.ui-datepicker-next::before {
    font-family: FontAwesome !important;
}

.ui-datepicker-prev::before {
    font-family: FontAwesome !important;
}

.af2_question_heading,
.af2_answer_text,
.af2_question_description,
.af2_question_label,
.af2_question_cb_label,
.af2_radio_label,
.af2_submit_button {
    color: #fff !important;
}

.af2_text_type {
    box-shadow: 0px 0px 10px 0 rgba(225, 225, 225, 0) !important;
}


.af2_answer_card.desktop i {
    font-size: 32px !important;
}

.af2_answer_card {
    color: #6baac3 !important;
}

.af2_question_label {
    padding-bottom: 0em !important;
}



.af2_text_type {
    box-shadow: 0px 0px 10px 0 rgba(225, 225, 225, 0) !important;
}


.af2_question_description.desktop {
    line-height: 1.2em !important;
    padding-bottom: 15px;
}

.af2_answer_text.af2_mobile {
    color: #0e1a28 !important;
}

.af2_form_foward_button.special {
    background: linear-gradient(151deg, #a4e9dd 1%, #3c77a4 100%) !important;
}

.af2_form_foward_button.special:hover {
    background: linear-gradient(151deg, rgba(164, 233, 221, 0) 1%, rgba(60, 119, 164, 0) 100%) !important;
}

.af2_question_description.af2_mobile {
    padding-bottom: 0px !important;
    line-height: 1.2em !important;
}

.af2_question_heading.af2_mobile {
    padding-bottom: 0px !important;
}

.af2_form_button {
    font-size: 15px !important;
    font-weight: 500;
}


.af2_answer_card {
    margin-bottom: 15px;
    box-shadow: none !important;
    color: #6baac3 !important;
    background-color: #fff !important;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Arial');
    /* Ersetzt Montserrat mit Arial */
}

.af2_answer_card:hover {
    box-shadow: none !important;
}

.af2_answer_card.desktop {
    max-height: 80px !important;
    max-width: 80px !important;
    margin: 0 auto 10px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #6baac3 !important
}

.af2_answer.af2_mobile {
    margin: 0 !important;
}

.af2_answer_text {
    line-height: 1.2em !important;
}

.af2_question_label {
    padding-bottom: 0em !important;
}

.af2_post_table_content {
    width: 100% !important;
}

.af2_answer_image_wrapper {
    padding: 12px !important;
}

.af2_form_progress,
.af2_form_progress_bar {
    border-radius: 0 !important;
}

.af2_form {
    font-family: 'Inter', Helvetica, Arial, sans-serif !important;
}

.af2_question_heading_wrapper {
    margin: 0 auto 0px auto !important;
    margin-bottom: -20px !important;
}

.af2_answer_image_wrapper.af2_mobile {
    margin-right: 0px !important
}

.af2_answer.af2_mobile {
    min-width: 91% !important;
}

.af2_form_heading_wrapper {
    display: none !important;
}

.af2_slider_frage_bullet {
    color: #ffffff;
}

.af2_success_image,
.af2_success_image img {
    max-width: 80px !important;
    min-width: 80px !important;
}

.af2_success_text {
    font-weight: 600 !important;
}

.af2_answer_card i {
    background: var(--farbverlauf);
    background: -moz-var(--farbverlauf);
    background: -webkit-var(--farbverlauf);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
}

.af2_form_button.special {
    padding: 0 16px !important;
}

.af2_question_heading.desktop {
    line-height: 1.2em !important;
}

.af2_form_button svg {
    width: 20px;
    height: 20px;
}

.af2_form_progress_bar {
    background-color: #fff !important;
}

.af2_form_carousel {
    margin: 0 auto 10px auto !important;
}

.af2_answer {
    max-width: 150px !important;
}

.af2_answer_card.desktop i {
    font-size: 32px !important;
}

.af2_answer_card.desktop {
    border-radius: 50% !important;
}

.dual-hl {
    font-size: 14px;
    line-height: 1.3em;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: inline-block;
}


.et_pb_button {
    font-weight: 600;
    padding: 1em 1.5em;
    letter-spacing: 1.5px;
}

.et_pb_button:hover {
    padding: 1em 1.5em !important;
}

.gradient-text,
.gradient-text::after {
    background: var(--farbverlauf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}


.gradient-text:hover {
    background: none;
    background-clip: text;
}

/* Gemeinsame Stile für beide Button-Typen */
.btn-gradient-lightfull,
.btn-gradient-fulllight,
.af2_form_button {
    border: 2px solid !important;
    border-image: linear-gradient(151deg, #a4e9dd 1%, #3c77a4 100%) !important;
    border-image-slice: 1 !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: 0.3s ease, color 0.3s ease !important;
}

/* Button gradient from light -> full */
.btn-gradient-lightfull,
.af2_form_button {
    background: transparent !important;
}

.btn-gradient-lightfull a {
    background-color: transparent !important;
    text-transform: uppercase;
}

.btn-gradient-lightfull:hover,
.btn-gradient-lightfull a:hover,
.af2_form_button:hover {
    background: linear-gradient(151deg, #a4e9dd 1%, #3c77a4 100%) !important;
    color: #fff;
}

/* Button gradient from full -> light */
.btn-gradient-fulllight {
    background: linear-gradient(151deg, #a4e9dd 1%, #3c77a4 100%) !important;
    color: #fff;
}

.btn-gradient-fulllight:hover {
    background: transparent !important;
    color: rgba(98, 162, 190, 1) !important;
}

.btn-gradient-fulllight a {
    background: transparent !important;
    text-transform: uppercase;
    color: inherit;
    text-decoration: none;
}

.btn-gradient-fulllight a:hover {
    background: transparent !important;
}


/******************* Globale Typografie *******************/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

body {
    font-weight: 400;
}

strong {
    font-weight: 600;
}


/******************* Globale Farben *******************/

:root {
    --farbverlauf: linear-gradient(135deg,
            /*hellblau*/
            #99dee2,
            /*dunkelblau*/
            #5d9cba);
    --farbverlauf-umgedreht: linear-gradient(135deg,
            /*dunkelblau*/
            #5d9cba,
            /*hellblau*/
            #99dee2);
    /*--farbverlauf: linear-gradient(135deg, #a4e9dd, #3c77a4 ); */
    /*mintgruen blau*/
    /*--farbverlauf-umgedreht: linear-gradient(135deg, #3c77a4 , #a4e9dd );*/
    /*blau mintgruen*/
    --farbe-01: 153, 222, 226;
    /*helles blau*/
}

.width-100 {
    height: 100% !important;
}

.height-100 {
    height: 100% !important;
}

/*H1 Header-Text in Hero-Sektion auf Startseite - Groesse an verschiedene Aufloesungen anpassen*/
@media (min-width:1300px) and (max-width: 1420px) {
    .h1-hero h1 {
        font-size: 108px !important;
    }
}

@media (min-width:1200px) and (max-width: 1299px) {
    .h1-hero h1 {
        font-size: 98px !important;
    }
}

@media (min-width:1081px) and (max-width: 1199px) {
    .h1-hero h1 {
        font-size: 90px !important;
    }
}

em,
.dipi-text-highlight-text,
.gradient-text {
    background: var(--farbverlauf);
    background: -moz-var(--farbverlauf);
    background: -webkit-var(--farbverlauf);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
}

.footer-link-verlauf em:hover {
    background: transparent;
    color: #ff0000;
}

/*Glas / Blurr-Effekt*/
.blurr,
.blur {
    -webkit-backdrop-filter: saturate(115%) blur(12px);
    backdrop-filter: saturate(115%) blur(12px);
}

.blurr2,
.blur2 {
    -webkit-backdrop-filter: saturate(130%) blur(15px);
    backdrop-filter: saturate(130%) blur(15px);
}

/*Punkte-Navigation von Divi - rechte Seite - Darstellung aendern*/
.et_pb_side_nav.et-visible .side_nav_item {
    background: transparent;
    padding: 12px 0px 12px 0px !important;
}

ul.et_pb_side_nav .side_nav_item a {
    background: #d1d1d1 !important;
}

ul.et_pb_side_nav .side_nav_item a.active {
    background: #7f7f7f !important;
    box-shadow: 0px 0px 0px 4px rgba(39, 53, 84, 0.1);
}

ul.et_pb_side_nav {
    background: rgba(0, 0, 0, 0) !important;
}

/*Infoblurb Description Text mehr nach links holen*/
.blurb-left-less-space .et_pb_blurb_description {
    margin-left: -6px;
}


/*Back to top Button - bei Hover Background-Verlauf*/
.dipi_btt_wrapper:hover {
    background: var(--farbverlauf) !important;
    background: -moz-var(--farbverlauf) !important;
    background: -webkit-var(--farbverlauf) !important;
}

/*GRADIENTS - VERLAUEFE*/
/*Spalten mit Verlauf im Rand bei Branchen - Verlauf Spalte 1 und 3 */

.verlauf-rand,
.verlauf-rand-umkehrt {
    position: relative;
    z-index: 1;
}

.verlauf-rand::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    height: 99%;
    z-index: -1;
    /* Stellt das Pseudo-Element hinter den Inhalt */
    border: 3px solid transparent;
    border-image: var(--farbverlauf) 1;
    pointer-events: none;
    /*background:#fff !important;*/
}

.verlauf-rand:hover::before {
    border-image: var(--farbverlauf-umgedreht) 1;
}


/* Spalten mit Verlauf im Rand bei Branchen - Verlauf Spalte mitte - Verlauf umgekehrt */

.verlauf-rand-umkehrt::before {
    content: "";
    /* Notwendig für das Anzeigen des Pseudo-Elements */
    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    height: 99%;
    z-index: -1;
    /* Stellt das Pseudo-Element hinter den Inhalt */
    border: 3px solid transparent;
    border-image: var(--farbverlauf-umgedreht) 1;
    pointer-events: none;
    /*background:#fff !important;*/
}

.verlauf-rand-umkehrt:hover::before {
    border-image: var(--farbverlauf) 1;
}


/* Infoblurbs mit pulsierendem Rand um Icon*/
.infoblurb-round-icon-mit-gradient .et-pb-icon {
    box-shadow: 0px 0px 0px 8px rgba(var(--farbe-01), 0.6);
    transition: box-shadow 300ms ease 0ms, background-color 300ms ease 0ms, background-image 300ms ease 0ms;
    animation: pulse 2.5s infinite !important;
    /* macht, dass der Rand pulsiert */
}

/* Infoblurbs mit pulsierendem Rand um Icon schmaler */
.infoblurb-round-icon-mit-gradient-smaller .et-pb-icon {
    box-shadow: 0px 0px 0px 3px rgba(var(--farbe-01), 0.9);
    transition: box-shadow 300ms ease 0ms, background-color 300ms ease 0ms, background-image 300ms ease 0ms;
    animation: pulse 2.5s infinite !important;
    /* macht, dass der Rand pulsiert */
}

/* Infoblurbs mit pulsierendem Rand - pulsierende Animation*/
@keyframes pulse {
    0% {
        transform: scale(0.5);
        box-shadow: 0 0 0 8px rgba(var(--farbe-01), 0.9);
    }

    50% {
        transform: scale(0.8);
        box-shadow: 0 0 0 13px rgba(var(--farbe-01), 0.5);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 8px rgba(var(--farbe-01), 0.9);
    }
}



/*PORTFOLIO MODUL Divi*/
/********* START PORTFOLIO Modul - Text auf Bild Overlay CSS *********/
/*confine the range of the content that will be moved*/
.pa-portfolio-overlay .project {
    position: relative;
}

/*move the text content to the center of the image*/
.pa-portfolio-overlay .pa-portfolio-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}

/*create a cuystom overlay*/
.pa-portfolio-overlay .project>a:before {
    content: "";
    position: absolute;
    background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .3;
    transition: all 0.2s ease-in-out;
}

/*change the opacity of the overlay on hover*/
.pa-portfolio-overlay .project>a:hover:before {
    opacity: 0.5;
}

/********ENDE Portfolio Text auf Bild Overlay CSS*********/


/*Portfolio Modul - keine Gap*/
.portfolio-no-gap .et_pb_portfolio_item.et_pb_grid_item {
    margin-right: 0px !important;
    margin-bottom: 0px !important;
}

/*PORTFOLIO MODUL filterbares - Filterbuttons und Text*/
.et_pb_portfolio_filters {
    margin-bottom: 30px !important;
}

/*Filterbares PORTFOLIO - Nummerierung unten ausblenden*/
.portfolio-keine-nummerierung .et_pb_portofolio_pagination {
    display: none !important;
}



/*BLOG MODUL*/
/********* START normales Blog-Modul Text Overlay fuer klasse pa-blog *********/
/*move wrapped title, meta, and text up over the image*/
.pa-blog-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 30px;
    z-index: 1;
}

/*keep the moved items positioned with their parent items*/
.et_pb_blog_grid article {
    position: relative;
}

/*remove spacing around entire blog post*/
.et_pb_blog_grid .et_pb_post {
    padding: 0px;
}

/*remove negative margins on blog featured image*/
.et_pb_image_container {
    margin: 0;
}

/*remove the margin below the featured image frame*/
.et_pb_post .entry-featured-image-url {
    margin: 0;
}

.et_pb_blog_grid .entry-featured-image-url::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

/********** ENDE Blog Text Overlay fuer klasse pa-blog **********/



/*DIVI PIXEL BLOG SLIDER MODUL*/
/********* START für DIVI PIXEL Blog Slider Modul - Text Overlay fuer klasse pa-blog-textoverlay-unten-links *********/
/* DIVI PIXEL BLOG SLIDER - Titel und Kategorie auf das Bild legen und bei normaler Ansicht Text ausblenden*/
.pa-blog-text_unten {
    position: absolute;
    width: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* DIVI PIXEL BLOG SLIDER - Sichtbar machen der Textelemente beim Hover über den gesamten Blog-Post */
.dipi-blog-slider-wrapper .dipi-blog-post:hover .pa-blog-text_unten {
    opacity: 1;
    visibility: visible;
}

/*keep the moved items positioned with their parent items and remove spacing around entire blog post*/
.dipi-blog-slider-wrapper .dipi-blog-post {
    position: relative;
    padding: 0px;
}

/*remove negative margins on blog featured image*/
.dipi-entry-featured-image-url {
    margin: 0;
}

/*remove the margin below the featured image frame*/
.dipi-blog-post .dipi-entry-featured-image-url {
    margin: 0;
}

.dipi-blog-slider-wrapper .dipi-entry-featured-image-url::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

/********** ENDE DIVI PIXEL BLOG SLIDER - Text Overlay fuer klasse pa-blog-textoverlay-unten-links **********/







/**********************START CSS von DIVI PIXEL**********************/

/*** Blog Slider Featured Image Padding ***/
.dp-custom-blog-slider.dipi_blog_slider_0 .dipi-entry-featured-image-url {
    padding: 0px;
}

/*** Blog sidebar ***/
.dp-blog-slider .et_pb_post {
    padding-bottom: 20px;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #e4e4e4;
}

/** Carousel Pagination **/
.dp_custom_pag .swiper-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    border-radius: 10px;
}

.dp_custom_pag .swiper-pagination-bullet-active {
    width: 60px !important;
    height: 7px !important;
    border-radius: 100px;
}

.dp_custom_pag .swiper-pagination {
    backdrop-filter: blur(5px);
}


/* For screens smaller than 980px */
@media (max-width: 980px) {

    .et-db #et-boc .et-l .et_pb_column .et_pb_module.dipi_button_grid_child,
    div.dipi_button_grid.et_pb_module .dipi-button-grid-container div.dipi_button_grid_child.et_pb_module {
        width: 100%;
    }

    /*body #page-container .et_pb_section .dipi_button_grid_child_3 .dipi-button-wrap,
    body #page-container .et_pb_section .dipi_button_grid_child_7 .dipi-button-wrap,
    body #page-container .et_pb_section .dipi_button_grid_child_11 .dipi-button-wrap { text-align: center; }*/
}

.dp_custom_pagination.dipi_carousel .swiper-pagination .swiper-pagination-bullet {
    width: 100px;
    height: 4px;
    border-radius: 100px;
}


/*** Blog Slider Featured Image Padding ***/

.dp-custom-blog-slider.dipi_blog_slider_0 .dipi-entry-featured-image-url {
    padding: 0px;
}

/*** Blog sidebar ***/
.dp-blog-slider .et_pb_post {
    padding-bottom: 20px;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #e4e4e4;
}

/** Full width pricing Button **/
/* Styling for full-width pricing button */
.dipi-pt-btn-wrap a {
    display: inline-block;
    width: 100%;
}

/* Styling to hide extra label */
.et_pb_contact_form .et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
    display: none;
}



/*@media (max-width: 767px) {
       p.et_pb_contact_field.et_pb_contact_form_0 { max-width: 100% !important; }
  }*/


/* For screens smaller than 980px */
@media (max-width: 980px) {

    .et-db #et-boc .et-l .et_pb_column .et_pb_module.dipi_button_grid_child,
    div.dipi_button_grid.et_pb_module .dipi-button-grid-container div.dipi_button_grid_child.et_pb_module {
        width: 100%;
    }

    body #page-container .et_pb_section .dipi_button_grid_child_3 .dipi-button-wrap,
    body #page-container .et_pb_section .dipi_button_grid_child_7 .dipi-button-wrap,
    body #page-container .et_pb_section .dipi_button_grid_child_11 .dipi-button-wrap {
        width: 100%;
        text-align: center;
    }
}


/*CSS Monika*/
/****************** ANFANG DESKTOP ******************/
/*Rechtstexte Formatierung*/
@media (min-width: 981px) {

    /*Rechtstexte Rormatierung*/
    .rechtstexte h2 {
        margin-top: 30px;
        margin-bottom: 3px !important;
        padding-bottom: 0px !important;
    }

    .rechtstexte h3 {
        margin-top: 20px;
        margin-bottom: 3px !important;
        padding-bottom: 0px !important;
    }

    .rechtstexte h4 {
        margin-top: 10px;
        margin-bottom: 3px !important;
        padding-bottom: 0px !important;
    }


    /*Blog*/
    .blogmodul-archivseite .post-content-inner {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .blogmodul-archivseite .et_pb_blog_grid .et_pb_post {
        padding: 25px !important;
    }

    /*Blog-Detailseite*/
    .et_pb_post_content_0_tb_body.blogdetailseite-post-inhalt,
    .et_pb_post_content_1_tb_body.blogdetailseite-post-inhalt {
        padding-top: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
    }

    /*Blogdetailseite Seitenleiste Abstand Widgets nach unten*/
    .blogdetailseite-inhalt-zeile .et_pb_widget {
        margin-bottom: 30px !important;
    }

    /*Blogdetailseite Abstand Headlines nach oben*/
    .blogdetailseite-inhalt-zeile h2 {
        margin-top: 20px;
    }

    .blogdetailseite-inhalt-zeile h3 {
        margin-top: 20px;
    }

    .blogdetailseite-inhalt-zeile h4 {
        margin-top: 20px;
    }

    .blogdetailseite-inhalt-zeile h5 {
        margin-top: 20px;
    }

    /*Normales Portfolio Modul*/
    /*Abstand zwischen Portfolio Items auf 0 setzen*/
    .et_pb_portfolio_item.et_pb_grid_item {
        margin-left: 0px;
        margin-right: 0px;
    }

    /*Portfolio Modul - drei anstatt 2 spalten*/
    .three-colum-portfolio .et_pb_grid_item {
        width: 33.3% !important;
        margin-right: 0 !important;
    }

    .three-colum-portfolio .et_pb_grid_item:nth-child(3n) {
        margin-right: 0 !important;
    }

    .three-colum-portfolio .et_pb_grid_item:nth-child(2n) {
        margin-right: 0 !important;
    }

    .three-colum-portfolio .et_pb_grid_item:nth-child(4n) {
        margin-right: 0 !important;
    }

    .three-colum-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
        clear: none !important;
    }

    .three-colum-portfolio .et_pb_grid_item.first_in_row {
        clear: unset;
    }



}

/****************** ENDE  DESKTOP ******************/


/*DIVI PIXEL Blog Slider Modul - Text Overlay fuer klasse pa-blog-textoverlay-unten-links */
.pa-blog-text_unten {
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -0%);
    padding: 30px;
}

/****************** ANFANG TABLET ******************/
/*Rechtstexte Rormatierung*/
@media (min-width: 481px) and (max-width: 980px) {

    /*Rechtstexte Rormatierung*/
    .rechtstexte h2 {
        margin-top: 30px !important;
        margin-bottom: 3px !important;
        padding-bottom: 0px !important;
    }

    .rechtstexte h3 {
        margin-top: 20px !important;
        margin-bottom: 3px !important;
        padding-bottom: 0px !important;
    }

    .rechtstexte h4 {
        margin-top: 10px !important;
        margin-bottom: 3px !important;
        padding-bottom: 0px !important;
    }

    /*Spalten*/
    .zweispaltig .et_pb_column {
        width: 50% !important;
    }

    .zweispaltig_auch_mobil .et_pb_column {
        width: 50% !important;
    }

    .dreispaltig .et_pb_column {
        width: 33% !important;
    }

    .dreispaltig_auch_mobil .et_pb_column {
        width: 33% !important;
    }

    /*Spalten mobil umdrehen*/
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .reverse-columns {
        display: flex;
        flex-direction: column-reverse;
    }



    /*Blog*/
    .blogmodul-archivseite .post-content-inner {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .blogmodul-archivseite .et_pb_blog_grid .et_pb_post {
        padding: 25px !important;
    }

    /*Blog-Detailseite*/
    .et_pb_post_content_0_tb_body.blogdetailseite-post-inhalt,
    .et_pb_post_content_1_tb_body.blogdetailseite-post-inhalt {
        padding-top: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
    }

    /*Blogdetailseite Seitenleiste Abstand Widgets nach unten*/
    .blogdetailseite-inhalt-zeile .et_pb_widget {
        margin-bottom: 30px !important;
    }

    /*Blogdetailseite Abstand Headlines nach oben*/
    .blogdetailseite-inhalt-zeile h2 {
        margin-top: 20px;
    }

    .blogdetailseite-inhalt-zeile h3 {
        margin-top: 20px;
    }

    .blogdetailseite-inhalt-zeile h4 {
        margin-top: 20px;
    }

    .blogdetailseite-inhalt-zeile h5 {
        margin-top: 20px;
    }

}

/****************** ENDE TABLET ******************/




/****************** START HANDY ******************/
@media (max-width: 480px) {
    .zweispaltig_auch_mobil .et_pb_column {
        width: 50% !important;
    }

    .dreispaltig_auch_mobil .et_pb_column {
        width: 33% !important;
    }

    /*Spalten mobil umdrehen*/
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .reverse-columns {
        display: flex;
        flex-direction: column-reverse;
    }


    /*Rechtstexte Formatierung*/
    .rechtstexte h2 {
        margin-top: 25px !important;
        margin-bottom: 3px !important;
        padding-bottom: 0px !important;
    }

    .rechtstexte h3 {
        margin-top: 15px !important;
        margin-bottom: 3px !important;
        padding-bottom: 0px !important;
    }

    .rechtstexte h4 {
        margin-top: 5px !important;
        margin-bottom: 3px !important;
        padding-bottom: 0px !important;
    }


    /*Blog*/
    .blogmodul-archivseite .post-content-inner {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .blogmodul-archivseite .et_pb_blog_grid .et_pb_post {
        padding: 25px !important;
    }

    /*Blog-Detailseite*/
    .et_pb_post_content_0_tb_body.blogdetailseite-post-inhalt,
    .et_pb_post_content_1_tb_body.blogdetailseite-post-inhalt {
        padding-top: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
    }

    .af2_question_heading {
        color: #fff !important;
        line-height: 1.2em !important;
        padding-bottom: 15px;
    }


    /*Blogdetailseite Seitenleiste Abstand Widgets nach unten*/
    .blogdetailseite-inhalt-zeile .et_pb_widget {
        margin-bottom: 30px !important;
    }

    /*Blogdetailseite Abstand Headlines nach oben*/
    .blogdetailseite-inhalt-zeile h2 {
        margin-top: 20px;
    }

    .blogdetailseite-inhalt-zeile h3 {
        margin-top: 20px;
    }

    .blogdetailseite-inhalt-zeile h4 {
        margin-top: 20px;
    }

    .blogdetailseite-inhalt-zeile h5 {
        margin-top: 20px;
    }

    /*DIVI PIXEL Blog Slider Modul - Text Overlay fuer klasse pa-blog-textoverlay-unten-links */

    /*Divi Pixel - Back to top Button*/
    .dipi_btt_wrapper {
        padding-top: 16px !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
        padding-bottom: 16px !important;
        font-size: 15px !important;
    }

}

/****************** ENDE  HANDY ******************/


.dipi-blog-slider-wrapper .dipi-entry-featured-image-url::before {
    background-color: rgba(0, 0, 0, 0.0) !important;
}