/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

/* 
	gelb: #ffd208
	blau: #222F5B
	radial-gradient(at right bottom, #222F5B 10%, transparent 50%)
*/

/* BO main menu */
#menu-hauptmenue.df-menu-nav-level-0 > li > a {
    text-transform: uppercase;
    letter-spacing: 4px !important;    
}

#menu-hauptmenue .df-menu-nav-level-1 a,
#menu-hauptmenue .df-menu-nav-level-2 a {
    text-transform: none;
    line-height: 1.8em;
    letter-spacing: 1;
}

/* EO main menu */

/* =========================================
   Cite/Image-Left – Desktop
   stabil + Bild bis zum linken Viewportrand
   ========================================= */
@media (min-width: 981px) {
    .vdma-cite-image-left {
        overflow: hidden;
    }

    .vdma-cite-image-left .et_pb_row {
        display: flex;
        align-items: stretch;
        overflow: visible;
    }

    .vdma-cite-image-left .et_pb_row > .et_pb_column {
        float: none;
        margin: 0;
    }

    /* linke Bildspalte */
    .vdma-cite-image-left .et_pb_column_7 {
        display: flex;
        min-height: 420px;
        overflow: visible;
    }

    /* Bildmodul zieht bis an den linken Viewportrand */
    .vdma-cite-image-left .vdma-mask-left-2 {
        --vdma-bleed: calc((100vw - min(80vw, 1440px)) / 2);

        display: flex;
        flex: 1 1 auto;
        width: calc(100% + var(--vdma-bleed));
        height: 100%;
        margin-left: calc(-1 * var(--vdma-bleed));
        overflow: hidden;

        -webkit-clip-path: url(#vdmaClipLeft);
        clip-path: url(#vdmaClipLeft);
    }

    .vdma-cite-image-left .vdma-mask-left-2 .et_pb_image_wrap {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;

        -webkit-clip-path: url(#vdmaClipLeft);
        clip-path: url(#vdmaClipLeft);
    }

    .vdma-cite-image-left .vdma-mask-left-2 img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;

        -webkit-clip-path: url(#vdmaClipLeft);
        clip-path: url(#vdmaClipLeft);
    }

    /* rechte Textspalte vertikal mittig */
    .vdma-cite-image-left .et_pb_column_8 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 420px;
        position: relative;
        z-index: 2;
    }

    .vdma-cite-image-left .et_pb_column_8 .et_pb_module:last-child {
        margin-bottom: 0;
    }
}

/* =========================================
   Cite/Image-Left – Mobile / Tablet
   ========================================= */
@media (max-width: 980px) {

    .vdma-cite-image-left {
        overflow: visible;
    }

    .vdma-cite-image-left .et_pb_row {
        display: block;
        overflow: visible;
    }

    .vdma-cite-image-left .et_pb_row > .et_pb_column {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .vdma-cite-image-left .et_pb_column_7,
    .vdma-cite-image-left .et_pb_column_8 {
        min-height: 0;
        height: auto;
    }

    .vdma-cite-image-left .vdma-mask-left-2 {
        position: relative;

        /* Breakout aus der Row */
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);

        overflow: hidden;
        isolation: isolate;

        -webkit-clip-path: url(#vdmaClipLeftMobile);
        clip-path: url(#vdmaClipLeftMobile);
    }

    .vdma-cite-image-left .vdma-mask-left-2 .et_pb_image_wrap {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .vdma-cite-image-left .vdma-mask-left-2 img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: 20% 20%;
        aspect-ratio: 6 / 5;

        position: relative;
        z-index: 1;
    }

    .vdma-cite-image-left .vdma-mask-left-2 .et_pb_image_wrap::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        pointer-events: none;

        background: linear-gradient(
            338deg,
            rgba(34, 47, 91, 0.82) 2%,
            rgba(34, 47, 91, 0.48) 18%,
            rgba(255, 210, 8, 0.18) 42%,
            rgba(255, 210, 8, 0) 68%
        );
        opacity: 0.9;
    }

    .vdma-cite-image-left .vdma-mask-left-2 .et_pb_image_wrap::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -50%;
        height: var(--pulse-band, 75%);

        background: url('/wp-content/themes/Divi-Child-Theme/assets/gfx/VDMA-InsuranceBrokers_Pulse_outline_rgb.svg')
                    no-repeat -16vw bottom;
        background-size: auto 100%;

        pointer-events: none;
        z-index: 3;
        opacity: 0.9;
    }

    .vdma-cite-image-left .et_pb_column_8 {
        position: relative;
        z-index: 2;
    }

}

/*
.vdma-advanced-carousel {
	border: 1px solid #ff0000;
}
*/
.vdma-advanced-carousel .df_cci_container {
    display: flex;
    flex-direction: column;
    height: 100%;         /* falls nötig, je nach Box-Setup */
}
.vdma-advanced-carousel .df_cc_content {
	padding: 1rem 2rem 2rem 2rem;
	margin-top: 0 !important;
}
.vdma-advanced-carousel .df_cci_button_wrapper {
	margin-top: auto;
}
body #page-container #highlights .vdma-advanced-carousel .df_cci_button_wrapper .df_cci_button {
	width: 100%;
    border: 1px solid #FFD208 !important;
    background-color: #FFD208 !important;
    color: #222F5B !important;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}
body #page-container #highlights .vdma-advanced-carousel .df_cci_button_wrapper .df_cci_button:hover,
body #page-container #highlights .vdma-advanced-carousel .df_cci_button_wrapper .df_cci_button:focus-visible {
    border-color: #222F5B !important;
    background-color: #222F5B !important;
    color: #FFFFFF !important;
}
body #page-container #highlights .vdma-advanced-carousel .df_cci_button_wrapper .df_cci_button:focus-visible {
    outline: 2px solid #FFD208;
    outline-offset: 3px;
}
body #page-container #highlights .vdma-advanced-carousel .df_cci_button_wrapper .df_cci_button::before,
body #page-container #highlights .vdma-advanced-carousel .df_cci_button_wrapper .df_cci_button::after {
    display: none !important;
}
body #page-container #highlights .vdma-advanced-carousel .df_cci_button_wrapper .df_cci_button .df_cci_btn_text,
body #page-container #highlights .vdma-advanced-carousel .df_cci_button_wrapper .df_cci_button .df_cci_btn_icon {
    color: #222F5B !important;
}
body #page-container #highlights .vdma-advanced-carousel .df_cci_button_wrapper .df_cci_button:hover .df_cci_btn_text,
body #page-container #highlights .vdma-advanced-carousel .df_cci_button_wrapper .df_cci_button:focus-visible .df_cci_btn_text {
    color: #FFFFFF !important;
}
body #page-container #highlights .vdma-advanced-carousel .df_cci_button_wrapper .df_cci_button:hover .df_cci_btn_icon,
body #page-container #highlights .vdma-advanced-carousel .df_cci_button_wrapper .df_cci_button:focus-visible .df_cci_btn_icon {
    color: #FFD208 !important;
}
.vdma-advanced-carousel .df_cci_btn_text_icon_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Abstand: Text links – Icon rechts */
    width: 100%;
}
.vdma-advanced-carousel .df_cci_btn_text {
    order: 1;  /* Text zuerst */
}
.vdma-advanced-carousel .df_cci_btn_icon {
    order: 2;  /* Icon danach → rechts */
}
.vdma-advanced-carousel .swiper-pagination {
	margin-top: -2em;
}
.vdma-advanced-carousel .swiper-pagination .swiper-pagination-bullet {
	border: 2px solid #ffd208;
}

/* BO .vdms-post-carousel */
.vdma-post-carousel .swiper-slide {
	align-self: stretch !important;
	height: auto !important;
	display: flex !important;
}
.vdma-post-carousel .df-post-item {
	display: flex !important;
}
.vdma-post-carousel .df-post-outer-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
.vdma-post-carousel .df-post-inner-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	position: relative;
}
.vdma-post-carousel .df-post-inner-wrap::after {
	content: "";
	position: absolute;
	top: 320px;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	z-index: 2;
	box-shadow: inset 1px 0 0 #ffd208, inset -1px 0 0 #ffd208, inset 0 -1px 0 #ffd208;
}
.vdma-post-carousel .df-post-image-wrap {
	flex: 0 0 auto;
	height: 320px;
	overflow: hidden;
}
.vdma-post-carousel .df-post-image-wrap a {
	display: block;
	width: 100%;
	height: 100%;
}
.vdma-post-carousel .df-post-image-wrap img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}
.vdma-post-carousel .df-post-title-wrap {
	flex: 0 0 auto;
	border-top: 1px solid #ffd208;
	border-left: 0;
	border-right: 0;
	box-shadow: none;
	padding: 2rem 2rem 1rem 2rem;
	margin-bottom: 0;
}
.vdma-post-carousel .df-post-content-wrap {
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
	border-left: 0;
	border-right: 0;
	box-shadow: none;
	padding-right: 2rem;
	padding-bottom: 2rem;
	padding-left: 2rem;
	margin: 0;
}
.vdma-post-carousel .df-post-content-wrap p:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
.vdma-post-carousel .df-post-button-wrap {
	margin-top: auto !important;
	flex: 0 0 auto;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	box-shadow: none;
	box-sizing: border-box;
	width: 100%;
	padding: 0 !important;
}
.vdma-post-carousel .df-post-button-wrap a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	box-shadow: inset 0 -1px 0 #ffd208;
	width: 100%;
	margin: 0 !important;
	padding: 1.5rem 2rem !important;
	line-height: 1.1;
	text-decoration: none;
}
.vdma-post-carousel .df-post-button-wrap .et-pb-icon {
	margin-left: 1rem;
	flex: 0 0 auto;
	text-align: right;
	top: 0px !important;
}
.vdma-post-carousel .swiper-pagination .swiper-pagination-bullet {
	border: 2px solid #222F5B;
}

body #page-container .vdma-post-carousel .df-post-inner-wrap {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	padding-bottom: 0 !important;
}
body #page-container .vdma-post-carousel .df-post-title-wrap {
	flex: 0 0 auto !important;
	margin-bottom: 0 !important;
}
body #page-container .vdma-post-carousel .df-post-content-wrap {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	overflow: hidden !important;
}
body #page-container .vdma-post-carousel .df-post-button-wrap {
	flex: 0 0 auto !important;
	margin-top: auto !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
}
/* EO .vdms-post-carousel */

.et_pb_module.et_pb_image.vdma-image-gradient .et_pb_image_wrap,
.et_pb_module.et_pb_image.vdma-image-pulse   .et_pb_image_wrap,
.et_pb_module.et_pb_image.vdma-mask-right    .et_pb_image_wrap {
  position: relative;   /* Anker für ::before/::after */
  display: block;
  overflow: hidden;     /* schneidet Pulse/Gradient bündig am Bild ab */
  line-height: 0;       /* kein Inline-Gap */
}




.vdma-mask-left .et_pb_image_wrap {
  display: block;
  overflow: hidden;
  line-height: 0;
  position: relative;

  -webkit-mask-image: url('/wp-content/themes/Divi-Child-Theme/assets/gfx/vsma-shape-left.svg');
          mask-image: url('/wp-content/themes/Divi-Child-Theme/assets/gfx/vsma-shape-left.svg');

  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;

  -webkit-mask-size: 102% auto;
          mask-size: 102% auto;

  -webkit-mask-position: right center;
          mask-position: right center;

  -webkit-mask-type: alpha;
          mask-type: alpha;

  -webkit-clip-path: none;
          clip-path: none;
}

/* Bild füllt die Fläche */
.vdma-mask-left img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 0;
}

.vdma-mask-right .et_pb_image_wrap {
  display: block;
  overflow: hidden;
  line-height: 0;
  position: relative;
  -webkit-clip-path: polygon(54.643% 0%, 54.643% 0%, 51.655% .387%, 48.543% 1.505%, 45.366% 3.295%, 42.182% 5.695%, 39.048% 8.642%, 36.022% 12.076%, 33.163% 15.935%, 30.527% 20.158%, 28.174% 24.684%, 26.16% 29.451%, 0% 100%, 99.891% 100%, 99.891% 0%, 54.643% 0%);
          clip-path: polygon(54.643% 0%, 54.643% 0%, 51.655% .387%, 48.543% 1.505%, 45.366% 3.295%, 42.182% 5.695%, 39.048% 8.642%, 36.022% 12.076%, 33.163% 15.935%, 30.527% 20.158%, 28.174% 24.684%, 26.16% 29.451%, 0% 100%, 99.891% 100%, 99.891% 0%, 54.643% 0%);
}

.vdma-mask-right img {
  display: block; width:100%; height:100%; object-fit:cover;
  position: relative; z-index: 0;
}

/* Modul: sorgt nur dafür, dass nichts ausläuft */
.vdma-mask-mobile-right {
  position: relative;
  overflow: hidden;
}

/* eigentliche Maske direkt auf dem <img> */
.vdma-mask-mobile-right img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;

  /* SVG-Maske aus der Mediathek */
  -webkit-mask-image: url('/wp-content/themes/Divi-Child-Theme/assets/gfx/vsma-mobile-mask-right.svg');
          mask-image: url('/wp-content/themes/Divi-Child-Theme/assets/gfx/vsma-mobile-mask-right.svg');

  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;

  /* Maske füllt das Bild komplett */
  -webkit-mask-size: 102% 100%;
          mask-size: 102% 100%;

  /* bei Bedarf etwas schieben, z.B. right bottom / center */
  -webkit-mask-position: right center;
          mask-position: right center;

  -webkit-mask-type: alpha;
          mask-type: alpha;
}

@media (max-width: 980px) {
  .vdma-mask-left .et_pb_image_wrap {
    width: 100%;
    aspect-ratio: 704 / 854;
    -webkit-mask-image: url('/wp-content/themes/Divi-Child-Theme/assets/gfx/vsma-mobile-mask-right-2.svg');
            mask-image: url('/wp-content/themes/Divi-Child-Theme/assets/gfx/vsma-mobile-mask-right-2.svg');
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    -webkit-mask-position: center center;
            mask-position: center center;
  }

  .vdma-mask-left .et_pb_image_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: -30px center;
  }
}

/* ===== Gradient: jetzt am WRAPPER (unter dem Pulse) ===== */
/*
.vdma-image-gradient .et_pb_image_wrap::before {
  content:"";
  position:absolute; inset:0;
  z-index: 1;
  pointer-events:none;
  background: linear-gradient(
    332deg,
    rgba(34, 47, 91, 1) 8%,
    rgba(255, 210, 8, 0.58) 42%,
    rgba(255, 210, 8, 0) 70%
  );
  mix-blend-mode: normal;
  opacity: .5;
}
*/

.vdma-image-gradient .et_pb_image_wrap::before {
    content:"";
    position:absolute; inset:0;
    z-index: 1;
    pointer-events:none;
    background: linear-gradient(340deg,rgba(34, 47, 91, 1) 5%, rgba(255, 210, 8, 0.3) 35%, rgba(255, 210, 8, 0) 65%);
    mix-blend-mode: normal;
    opacity: 0.97;
}

/* ===== Pulse: jetzt am WRAPPER (über dem Gradient) ===== */
.vdma-image-pulse .et_pb_image_wrap::after {
  content: "";
  position: absolute;
  left: -120px;
  right: 40px;
  bottom: -55%;
  height: var(--pulse-band, 100%);
  background: url('/wp-content/themes/Divi-Child-Theme/assets/gfx/VDMA-InsuranceBrokers_Pulse_outline_rgb.svg')
              no-repeat right bottom;
  background-size: auto 100%;
  pointer-events: none;
  z-index: 2;
  opacity: .9;
}

/* Divi-Blogdetail: Fullwidth Image hat keinen .et_pb_image_wrap. */
body.single-post .entry-content .et_pb_fullwidth_image.vdma-image-pulse {
  position: relative;
  overflow: hidden;
  line-height: 0;
}

body.single-post .entry-content .et_pb_fullwidth_image.vdma-image-pulse::after {
  content: "";
  position: absolute;
  left: -120px;
  right: 40px;
  bottom: -55%;
  height: var(--pulse-band, 100%);
  background: url('/wp-content/themes/Divi-Child-Theme/assets/gfx/VDMA-InsuranceBrokers_Pulse_outline_rgb.svg')
              no-repeat right bottom;
  background-size: auto 100%;
  pointer-events: none;
  z-index: 2;
  opacity: .9;
}


@media (max-width: 980px) {

  .vdma-hero-layout {
    position: relative;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible;
  }

  .vdma-hero-layout.et_pb_section,
  .vdma-hero-layout.et_pb_with_background,
  .vdma-hero-layout.et_section_regular {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }

  #vdma-hero-mobile .et_pb_column_0 .et_pb_image .et_pb_image_wrap {
    display: block;
    width: 100%;
    min-height: 0;
    overflow: hidden;
    -webkit-clip-path: polygon(9.525% 0%, 0% 0%, 0% 100%, 0% 100%, 1.115% 100%, 4.143% 100%, 8.604% 100%, 14.021% 100%, 19.916% 100%, 25.811% 100%, 31.228% 100%, 35.689% 100%, 38.717% 100%, 39.832% 100%, 39.832% 100%, 47.242% 99.513%, 54.414% 98.104%, 61.241% 95.848%, 67.62% 92.823%, 73.447% 89.105%, 78.615% 84.77%, 83.022% 79.896%, 86.562% 74.559%, 89.13% 68.836%, 90.623% 62.803%, 100% 0%, 9.525% 0%);
            clip-path: polygon(9.525% 0%, 0% 0%, 0% 100%, 0% 100%, 1.115% 100%, 4.143% 100%, 8.604% 100%, 14.021% 100%, 19.916% 100%, 25.811% 100%, 31.228% 100%, 35.689% 100%, 38.717% 100%, 39.832% 100%, 39.832% 100%, 47.242% 99.513%, 54.414% 98.104%, 61.241% 95.848%, 67.62% 92.823%, 73.447% 89.105%, 78.615% 84.77%, 83.022% 79.896%, 86.562% 74.559%, 89.13% 68.836%, 90.623% 62.803%, 100% 0%, 9.525% 0%);
  }

  .vdma-hero-layout .et_pb_row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible;
  }

  .vdma-hero-layout .et_pb_row > .et_pb_column {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0;
    margin-right: 0;
    float: none;
    flex: 0 0 auto;
  }

  .vdma-hero-layout .et_pb_row > .et_pb_column:last-child {
    order: -1;
    min-height: 0;
    height: auto;
    position: relative;
    z-index: 1;
  }

  .vdma-hero-layout .et_pb_row > .et_pb_column:first-child {
    min-height: 0;
    height: auto;
    position: relative;
    z-index: 2;
  }

  .vdma-hero-layout .vdma-mask-right {
    display: block;
    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto;
    min-width: 100vw;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin-bottom: 0;
    overflow: hidden;
    isolation: isolate;
    -webkit-clip-path: url(#vdmaClipLeftMobile);
            clip-path: url(#vdmaClipLeftMobile);
  }

  .vdma-hero-layout .vdma-mask-right .et_pb_image_wrap {
    position: relative;
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto;
    aspect-ratio: 5 / 4;
    overflow: hidden;
    -webkit-clip-path: url(#vdmaClipLeftMobile);
            clip-path: url(#vdmaClipLeftMobile);
  }

  .vdma-hero-layout .vdma-mask-right img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover;
    object-position: right center;
    -webkit-clip-path: url(#vdmaClipLeftMobile);
            clip-path: url(#vdmaClipLeftMobile);
  }

  .vdma-hero-layout .et_pb_row_sticky,
  .vdma-hero-layout .et_pb_image_sticky,
  .vdma-hero-layout .et_pb_sticky_module,
  .vdma-hero-layout .et_pb_sticky_column,
  .vdma-hero-layout .et_pb_sticky {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .vdma-hero-layout .vdma-mask-right .et_pb_image_wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    background: linear-gradient(
      22deg,
      rgba(34, 47, 91, 0.82) 2%,
      rgba(34, 47, 91, 0.48) 18%,
      rgba(255, 210, 8, 0.18) 42%,
      rgba(255, 210, 8, 0) 68%
    );
    opacity: 0.9;
  }

  .vdma-hero-layout .vdma-mask-right .et_pb_image_wrap::after {
    content: "";
    position: absolute;
    left: -30px;
    right: 0;
    bottom: -55%;
    height: 100%;

    background: url('/wp-content/themes/Divi-Child-Theme/assets/gfx/VDMA-InsuranceBrokers_Pulse_outline_rgb.svg')
                no-repeat left bottom;
    background-size: contain;

    pointer-events: none;
    z-index: 3;
    opacity: 0.9;
  }

  .vdma-hero-layout .et_pb_row > .et_pb_column:last-child .et_pb_module:last-child {
    margin-bottom: 0;
  }

  .vdma-hero-layout .et_pb_row > .et_pb_column:first-child {
    margin-top: 32px;
  }

  .vdma-hero-layout .et_pb_row > .et_pb_column:first-child,
  .vdma-hero-layout .et_pb_row > .et_pb_column:first-child .et_pb_module,
  .vdma-hero-layout .et_pb_row > .et_pb_column:first-child .et_pb_text_inner,
  .vdma-hero-layout .et_pb_button_module_wrapper {
    clear: both;
  }
}

@media (min-width: 981px) {
  .vdma-hero-layout {
    position: relative;
    overflow: hidden;
  }

  .vdma-hero-layout .et_pb_row {
    display: flex;
    align-items: stretch;
    position: static;
    overflow: visible;
  }

  .vdma-hero-layout .et_pb_row > .et_pb_column {
    float: none;
    margin: 0;
  }

  .vdma-hero-layout .et_pb_row > .et_pb_column:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 420px;
    position: relative;
    z-index: 2;
    width: 47.25%;
  }

  .vdma-hero-layout .et_pb_row > .et_pb_column:last-child {
    position: static;
    min-height: 420px;
    width: 47.25%;
  }

  .vdma-hero-layout .vdma-mask-right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60vw;
    height: 100%;
    margin: 0;
    max-width: none;
    overflow: hidden;
    z-index: 1;
  }

  .vdma-hero-layout .vdma-mask-right .et_pb_image_wrap {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-clip-path: url(#vdmaClipRight);
            clip-path: url(#vdmaClipRight);
  }

  .vdma-hero-layout .vdma-mask-right img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right top;
    -webkit-clip-path: url(#vdmaClipRight);
            clip-path: url(#vdmaClipRight);
  }
}

/* BO news */
.df-post-inner-wrap .difl_postitem_2 {
	width: 100%;
	line-height: 1.3em;	
}
.difl_postitem_2.df-item-wrap .et-pb-icon {
	top: 3px;
}
/* EO news */

/* BO copyright notes on images */
.vdma-featured-image-wrap {
    position: relative;
    display: block;
    width: 100%;
    overflow: visible;
}

.vdma-featured-image-wrap > img {
    display: block;
    width: 100%;
    height: auto;
}

.vdma-featured-image-wrap .vdma-image-credit--featured {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;

    margin: 0;
    padding: 8px 10px;

    font-size: 12px;
    line-height: 1;
    color: #fff;
    background: rgba(0, 0, 0, 0.55);
    border-radius: 4px 4px 0 0;
    white-space: nowrap;

    transform: translate(100%, 0) rotate(-90deg);
    transform-origin: bottom left;
}

.vdma-featured-image-wrap .vdma-image-credit--featured a {
    color: inherit;
    text-decoration: none;
}

.single-post .et_pb_image .et_pb_image_wrap {
    position: relative;
    display: block;
    overflow: hidden;
}

.single-post .et_pb_image .et_pb_image_wrap > img {
    display: block;
}

.single-post .et_pb_image .et_pb_image_wrap .vdma-image-credit--content,
.single-post .et_pb_fullwidth_image .vdma-image-credit--content {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;

    margin: 0;
    padding: 8px 10px;

    font-size: 12px;
    line-height: 1;
    color: #fff;
    background: rgba(0, 0, 0, 0.55);
    border-radius: 4px 4px 0 0;
    white-space: nowrap;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.single-post .et_pb_image .et_pb_image_wrap .vdma-image-credit--content a,
.single-post .et_pb_fullwidth_image .vdma-image-credit--content a {
    color: inherit;
    text-decoration: none;
}

@media (max-width: 980px) {
    .single-post .et_pb_image .et_pb_image_wrap .vdma-image-credit--content,
    .single-post .et_pb_fullwidth_image .vdma-image-credit--content {
        right: auto;
        bottom: 10px;
        left: 0;
    }
}

@media (max-width: 767px) {
    .single-post .et_pb_image .et_pb_image_wrap .vdma-image-credit--content {
        bottom: 4px;
    }
}
.is-blog-archive .et_pb_post .entry-featured-image-url {
    overflow: hidden;
}

.is-blog-archive .et_pb_post .entry-featured-image-url .vdma-image-credit--archive {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;

    margin: 0;
    padding: 8px 10px;

    font-size: 12px;
    line-height: 1;
    color: #fff;
    background: rgba(0, 0, 0, 0.55);
    border-radius: 4px 4px 0 0;
    white-space: nowrap;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

@media (max-width: 980px) {
    .is-blog-archive .et_pb_post .entry-featured-image-url .vdma-image-credit--archive {
        right: auto;
        bottom: 10px;
        left: 0;
    }
}

@media (max-width: 767px) {
    .is-blog-archive .et_pb_post .entry-featured-image-url .vdma-image-credit--archive {
        bottom: 4px;
    }
}

/* EO copyright notes on images */

/* BO CSS for blog-pages */
.is-blog-archive .et_pb_post .entry-title {
    line-height: 1.3;
}

.is-blog-archive .et_pb_post {
    line-height: 1.6;
}

/* gezielter nur für den Excerpt */
.is-blog-archive .et_pb_post .post-meta + * {
    line-height: 1.6;
}
/* EO CSS for blog-pages */

/* BO top menu tablet */
@media (min-width: 768px) and (max-width: 980px) {
    .et_pb_menu__wrap:has(#menu-top-menue) .et_pb_menu__menu {
        display: block !important;
    }

    .et_pb_menu__wrap:has(#menu-top-menue) .et_mobile_nav_menu {
        display: none !important;
    }

    #menu-top-menue {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}
/* EO top menu tablet */


/* Taggbox LinkedIn: kompakte Zeilenhöhe trotz externer Widget-Styles. */
.taggbox[data-widget-id="2228162"] .tb_hc_content_wrapper__ .tb_content_text {
    line-height: 1.5 !important;
}
