/*
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
*/

/*                          */
/*                          */
/*                          */
/*  Adveniat Bausteine CSS  */
/*                          */
/*                          */
/*                          */

:root {
    /*define global colors*/
    --adveniat--gruen: #88bc2a;
    --adveniat--lila: #4d1863;
    --adveniat--violett: #922682;
    --adveniat--flieder: #704583;
    --adveniat--pfeffer: #cdc3be;
    --adveniat--avocado: #50821e;
    --adveniat--himbeere: #dc5082;

    /*buttons*/
    /*donate*/
    --adveniat--button--donate: url(/wp-content/uploads/2023/04/BTN_donate-green.svg);
    --adveniat--button--donate--lila: url(/wp-content/uploads/2023/04/BTN_donate-lila.svg);
    --adveniat--button--donate--avocado: url(/wp-content/uploads/2023/06/BTN_donate-avocado.svg);
    --adveniat--button--donate--violett: url(/wp-content/uploads/2023/06/BTN_donate-violett.svg);

    --adveniat--button--donate--large: url(/wp-content/uploads/2023/04/BTN_donate-green.svg)12% 4% 9% 5% stretch stretch;
    --adveniat--button--donate--lila--large: url(/wp-content/uploads/2023/04/BTN_donate-lila.svg)12% 4% 9% 5% stretch stretch;
    --adveniat--button--donate--avocado--large: url(/wp-content/uploads/2023/06/BTN_donate-avocado.svg)12% 4% 9% 5% stretch stretch;
    --adveniat--button--donate--violett--large: url(/wp-content/uploads/2023/06/BTN_donate-violett.svg)12% 4% 9% 5% stretch stretch;


    --adveniat--button--donate--trans: url(/wp-content/uploads/2023/06/BTN_trans-xl.png);
    /*define block variants*/

    /*grün*/
    --adveniat--block--gruen--var1: url(/wp-content/uploads/2023/01/green-block-variant-1.png) 5% 4% 9% 5% stretch stretch;
    --adveniat--block--gruen--var2: url(/wp-content/uploads/2023/01/green-block-variant-2.png) 9% 4% 9% 5% stretch stretch;
    --adveniat--block--gruen--var3: url(/wp-content/uploads/2023/01/green-block-variant-3.png) 12% 4% 9% 5% stretch stretch;
    --adveniat--block--gruen--var4: url(/wp-content/uploads/2023/01/green-block-variant-4.png) 9% 6% 12% 5% stretch stretch;
    --adveniat--block--gruen--var5: url(/wp-content/uploads/2023/01/green-block-variant-5.png) 12% 4% 9% 5% stretch stretch;
    /*lila*/
    --adveniat--block--lila--var1: url(/wp-content/uploads/2023/01/lila-block-variant-1.png) 5% 4% 9% 5% stretch stretch;
    --adveniat--block--lila--var2: url(/wp-content/uploads/2023/01/lila-block-variant-2.png) 9% 4% 9% 5% stretch stretch;
    --adveniat--block--lila--var3: url(/wp-content/uploads/2023/01/lila-block-variant-3.png) 12% 4% 9% 5% stretch stretch;
    --adveniat--block--lila--var4: url(/wp-content/uploads/2023/01/lila-block-variant-4.png) 9% 6% 12% 5% stretch stretch;
    --adveniat--block--lila--var5: url(/wp-content/uploads/2023/01/lila-block-variant-5.png) 12% 4% 9% 5% stretch stretch;
    /*violett*/
    --adveniat--block--violett--var1: url(/wp-content/uploads/2023/01/violett-block-variant-1.png) 5% 4% 9% 5% stretch stretch;
    --adveniat--block--violett--var2: url(/wp-content/uploads/2023/01/violett-block-variant-2.png) 9% 4% 9% 5% stretch stretch;
    --adveniat--block--violett--var3: url(/wp-content/uploads/2023/01/violett-block-variant-3.png) 12% 4% 9% 5% stretch stretch;
    --adveniat--block--violett--var4: url(/wp-content/uploads/2023/01/violett-block-variant-4.png) 9% 6% 12% 5% stretch stretch;
    --adveniat--block--violett--var5: url(/wp-content/uploads/2023/01/violett-block-variant-5.png) 12% 4% 9% 5% stretch stretch;
    /*flieder*/
    --adveniat--block--flieder--var1: url(/wp-content/uploads/2023/01/lila-80-block-variant-1.png) 5% 4% 9% 5% stretch stretch;
    --adveniat--block--flieder--var2: url(/wp-content/uploads/2023/01/lila-80-block-variant-2.png) 9% 4% 9% 5% stretch stretch;
    --adveniat--block--flieder--var3: url(/wp-content/uploads/2023/01/lila-80-block-variant-3.png) 12% 4% 9% 5% stretch stretch;
    --adveniat--block--flieder--var4: url(/wp-content/uploads/2023/01/lila-80-block-variant-4.png) 9% 6% 12% 5% stretch stretch;
    --adveniat--block--flieder--var5: url(/wp-content/uploads/2023/01/lila-80-block-variant-5.png) 12% 4% 9% 5% stretch stretch;
    /*Pfeffer*/
    --adveniat--block--pfeffer--var1: url(/wp-content/uploads/2023/06/pepper-block-variant-1.png) 5% 4% 9% 5% stretch stretch;
    --adveniat--block--pfeffer--var2: url(/wp-content/uploads/2023/06/pepper-block-variant-2.png) 9% 4% 9% 5% stretch stretch;
    --adveniat--block--pfeffer--var3: url(/wp-content/uploads/2023/06/pepper-block-variant-3.png) 12% 4% 9% 5% stretch stretch;
    --adveniat--block--pfeffer--var4: url(/wp-content/uploads/2023/06/pepper-block-variant-4.png) 9% 6% 12% 5% stretch stretch;
    --adveniat--block--pfeffer--var5: url(/wp-content/uploads/2023/06/pepper-block-variant-5.png) 12% 4% 9% 5% stretch stretch;
    /*Himbeere*/
    --adveniat--block--himbeere--var2: url(/wp-content/uploads/2023/07/himbeere-block-variant-2.png) 9% 4% 9% 5% stretch stretch;
}

/*ImageMapPro*/
.imp-object-svg-single path {
    fill: var(--awb-custom_color_7) !important;
    stroke: rgba(255, 255, 255, 1) !important;
    stroke-width: 1px !important;
}

/*Adveniat*/
/*Buttons*/

/*Box Links bei Hover weiß*/
.link-button-baustein,
.link-button-baustein span,
.link-button-baustein i,
.link-button-baustein:hover,
.link-button-baustein span:hover,
.link-button-baustein i:hover {
    color: white !important;
}

/*Donate*/

/*Large Button*/

.link-button-donate-large::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--button--donate--large);
    z-index: -1;
    transition: all 0ms linear !important;
}

/* Change Border on Hover*/

.link-button-donate-large:hover::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--button--donate--avocado--large);
    z-index: -1;
}

/*Large Button Links*/

.link-button-donate-large-links::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--gruen);
    z-index: -1;
}

.link-button-donate-large-links::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--button--donate--large);
    z-index: -1;
}

.link-button-donate-large-links:hover::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--button--donate--avocado--large);
    z-index: -1;
}

/*Large Button Rechts*/

.link-button-donate-large-rechts::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--gruen);
    z-index: -1;
}

.link-button-donate-large-rechts::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--button--donate--large);
    z-index: -1;
}

.link-button-donate-large-rechts:hover::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--button--donate--avocado--large);
    z-index: -1;
}

/*Change BG Color*/
.link-button-donate-large,
.link-button-donate-large-links,
.link-button-donate-large-rechts {
    background: var(--adveniat--gruen) !important;
    transition: all 0ms linear !important;
}

.link-button-donate-large:hover,
.link-button-donate-large-links:hover,
.link-button-donate-large-links:hover::before,
.link-button-donate-large-rechts:hover,
.link-button-donate-large-rechts:hover::before {
    background: var(--adveniat--avocado) !important;
}

/*Large Button Violett*/

.link-button-donate-large-violett::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--button--donate--violett--large);
    z-index: -1;
    transition: all 0ms linear !important;
}

/* Change Border on Hover*/

.link-button-donate-large-violett:hover::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--button--donate--lila--large);
    z-index: -1;
}

/*Large Button Links*/

.link-button-donate-large-links-violett::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--violett);
    z-index: -1;
}

.link-button-donate-large-links-violett::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -10px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--button--donate--violett--large);
    z-index: -1;
}

.link-button-donate-large-links-violett:hover::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -10px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--button--donate--lila--large);
    z-index: -1;
}

/*Large Button Rechts*/

.link-button-donate-large-rechts-violett::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--violett);
    z-index: -1;
}

.link-button-donate-large-rechts-violett::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -10px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--button--donate--violett--large);
    z-index: -1;
}

.link-button-donate-large-rechts-violett:hover::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -10px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--button--donate--lila--large);
    z-index: -1;
}

.link-button-donate-large-rechts--lila-flieder::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--lila);
    z-index: -1;
}

.link-button-donate-large-rechts--lila-flieder::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var2);
    z-index: -1;
}

.link-button-donate-large-rechts--lila-flieder:hover::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var2);
    z-index: -1;
}

.link-button-donate-large-rechts--lila-flieder {
    background: var(--adveniat--lila) !important;
    transition: all 0ms linear !important;
}

.link-button-donate-large-rechts--lila-flieder:hover,
.link-button-donate-large-rechts--lila-flieder:hover::before {
    background: var(--adveniat--flieder) !important;
}

.link-button-donate-large-rechts--violett-himbeere::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--violett);
    z-index: -1;
}

.link-button-donate-large-rechts--violett-himbeere::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var2);
    z-index: -1;
}

.link-button-donate-large-rechts--violett-himbeere:hover::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--himbeere--var2);
    z-index: -1;
}


/*Change BG Color*/
.link-button-donate-large-rechts--violett-himbeere {
    background: var(--adveniat--violett) !important;
    transition: all 0ms linear !important;
}

.link-button-donate-large-rechts--violett-himbeere:hover,
.link-button-donate-large-rechts--violett-himbeere:hover::before {
    background: var(--adveniat--himbeere) !important;
}

.link-button-donate-large-rechts--himbeere-violett::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--himbeere);
    z-index: -1;
}

.link-button-donate-large-rechts--himbeere-violett::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--himbeere--var2);
    z-index: -1;
}

.link-button-donate-large-rechts--himbeere-violett:hover::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var2);
    z-index: -1;
}

/*Change BG Color*/
.link-button-donate-large-rechts--himbeere-violett {
    background: var(--adveniat--himbeere) !important;
    transition: all 0ms linear !important;
}

.link-button-donate-large-rechts--himbeere-violett:hover,
.link-button-donate-large-rechts--himbeere-violett:hover::before {
    background: var(--adveniat--violett) !important;
}

/*Change BG Color*/
.link-button-donate-large-violett,
.link-button-donate-large-links-violett,
.link-button-donate-large-rechts-violett {
    background: var(--adveniat--violett) !important;
    transition: all 0ms linear !important;
}

.link-button-donate-large-violett:hover,
.link-button-donate-large-links-violett:hover,
.link-button-donate-large-links-violett:hover::before,
.link-button-donate-large-rechts-violett:hover,
.link-button-donate-large-rechts-violett:hover::before {
    background: var(--adveniat--lila) !important;
}

/*Button White Border Trans*/

.link-button-donate-trans {
    background: var(--adveniat--button--donate--trans) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    color: white !important;
}

/*Small Button Header*/

.link-button-donate-small-header {
    background: var(--adveniat--button--donate) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    color: white !important;
    transform: scale(1.5) !important;
}

.link-button-donate-small-header:hover {
    background: var(--adveniat--button--donate--avocado) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    color: white !important;
}

/*Small Avocado*/
.link-button-donate-small-header-avocado {
    background: var(--adveniat--button--donate) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    color: white !important;
    transform: scale(1.5) !important;
}

.link-button-donate-small-header-avocado:hover {
    background: var(--adveniat--button--donate--avocado) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    color: white !important;
}

/*Small Violett*/
.link-button-donate-small-header-violett {
    background: var(--adveniat--button--donate--violett) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    color: white !important;
    transform: scale(1.5) !important;
}

.link-button-donate-small-header-violett:hover {
    background: var(--adveniat--button--donate--lila) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    color: white !important;
}

/*Small Sticky*/
.link-button-donate-small-header-sticky {
    background: var(--adveniat--button--donate) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    color: white !important;

}

.link-button-donate-small-header-sticky:hover {
    background: var(--adveniat--button--donate--avocado) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    color: white !important;
}

/*Small*/

.link-button-donate-small {
    background: var(--adveniat--button--donate) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    color: white !important;
    transition-duration: 0.2s !important;
}

.link-button-donate-small:hover {
    background: var(--adveniat--button--donate--avocado) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    color: white !important;
    transition-duration: 0.2s !important;
}

/*Grüne Bausteine*/

/*Freie Blöcke*/

.baustein-gruen::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--gruen--var1);
    z-index: -1;
}

.baustein-gruen-var2::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--gruen--var2);
    z-index: -1;
}

.baustein-gruen-var3::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--gruen--var3);
    z-index: -1;
}

.baustein-gruen-var4::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--gruen--var4);
    z-index: -1;
}

.baustein-gruen-var5::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--gruen--var5);
    z-index: -1;
}

/*Blöcke Links*/

.baustein-gruen-links::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--gruen);
    z-index: -1;
}

.baustein-gruen-links::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--gruen--var1);
    z-index: -1;
}

.baustein-gruen-links-var2::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--gruen);
    z-index: -1;
}

.baustein-gruen-links-var2::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--gruen--var2);
    z-index: -1;
}

.baustein-gruen-links-var3::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--gruen);
    z-index: -1;
}

.baustein-gruen-links-var3::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--gruen--var3);
    z-index: -1;
}

.baustein-gruen-links-var4::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--gruen);
    z-index: -1;
}

.baustein-gruen-links-var4::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--gruen--var4);
    z-index: -1;
}

.baustein-gruen-links-var5::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--gruen);
    z-index: -1;
}

.baustein-gruen-links-var5::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--gruen--var5);
    z-index: -1;
}

/*Blöcke Rechts*/

.baustein-gruen-rechts::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--gruen);
    z-index: -1;
}

.baustein-gruen-rechts::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--gruen--var1);
    z-index: -1;
}

.baustein-gruen-rechts-var2::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--gruen);
    z-index: -1;
}

.baustein-gruen-rechts-var2::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--gruen--var2);
    z-index: -1;
}

.baustein-gruen-rechts-var3::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--gruen);
    z-index: -1;
}

.baustein-gruen-rechts-var3::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--gruen--var3);
    z-index: -1;
}

.baustein-gruen-rechts-var4::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--gruen);
    z-index: -1;
}

.baustein-gruen-rechts-var4::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--gruen--var4);
    z-index: -1;
}

.baustein-gruen-rechts-var5::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--gruen);
    z-index: -1;
}

.baustein-gruen-rechts-var5::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--gruen--var5);
    z-index: -1;
}

/*Lila Bausteine*/

/*Freie Blöcke*/

.baustein-lila::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var1);
    z-index: -1;
}

.baustein-lila-var2::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var2);
    z-index: -1;
}

.baustein-lila-var3::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var3);
    z-index: -1;
}

.baustein-lila-var4::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var4);
    z-index: -1;
}

.baustein-lila-var5::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var5);
    z-index: -1;
}

/*Blöcke Links*/

.baustein-lila-links::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--lila);
    z-index: -1;
}

.baustein-lila-links::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var1);
    z-index: -1;
}

.baustein-lila-links-var2::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--lila);
    z-index: -1;
}

.baustein-lila-links-var2::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var2);
    z-index: -1;
}

.baustein-lila-links-var3::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--lila);
    z-index: -1;
}

.baustein-lila-links-var3::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var3);
    z-index: -1;
}

.baustein-lila-links-var4::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--lila);
    z-index: -1;
}

.baustein-lila-links-var4::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var4);
    z-index: -1;
}

.baustein-lila-links-var5::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--lila);
    z-index: -1;
}

.baustein-lila-links-var5::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var5);
    z-index: -1;
}

/*Blöcke Rechts*/

.baustein-lila-rechts::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--lila);
    z-index: -1;
}

.baustein-lila-rechts::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var1);
    z-index: -1;
}

.baustein-lila-rechts-var2::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--lila);
    z-index: -1;
}

.baustein-lila-rechts-var2::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var2);
    z-index: -1;
}

.baustein-lila-rechts-var3::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--lila);
    z-index: -1;
}

.baustein-lila-rechts-var3::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var3);
    z-index: -1;
}

.baustein-lila-rechts-var4::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--lila);
    z-index: -1;
}

.baustein-lila-rechts-var4::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var4);
    z-index: -1;
}

.baustein-lila-rechts-var5::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--lila);
    z-index: -1;
}

.baustein-lila-rechts-var5::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--lila--var5);
    z-index: -1;
}

/*Violette Bausateine*/


/*Freie Blöcke*/

.baustein-violett::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var1);
    z-index: -1;
}

.baustein-violett {
    background: var(--adveniat--violett) !important;
}


.baustein-violett-var2::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var2);
    z-index: -1;
}

.baustein-violett-var2 {
    background: var(--adveniat--violett) !important;
}

.baustein-violett-var3::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var3);
    z-index: -1;
}

.baustein-violett-var3 {
    background: var(--adveniat--violett) !important;
}

.baustein-violett-var4::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var4);
    z-index: -1;
}

.baustein-violett-var4 {
    background: var(--adveniat--violett) !important;
}

.baustein-violett-var5::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var5);
    z-index: -1;
}

.baustein-violett-var5 {
    background: var(--adveniat--violett) !important;
}

/*Blöcke Links*/

.baustein-violett-links::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--violett);
    z-index: -1;
}

.baustein-violett-links::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var1);
    z-index: -1;
}

.baustein-violett-links-var2::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--violett);
    z-index: -1;
}

.baustein-violett-links-var2::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var2);
    z-index: -1;
}

.baustein-violett-links-var3::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--violett);
    z-index: -1;
}

.baustein-violett-links-var3::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var3);
    z-index: -1;
}

.baustein-violett-links-var4::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--violett);
    z-index: -1;
}

.baustein-violett-links-var4::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var4);
    z-index: -1;
}

.baustein-violett-links-var5::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--violett);
    z-index: -1;
}

.baustein-violett-links-var5::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var5);
    z-index: -1;
}

/*Blöcke Rechts*/

.baustein-violett-rechts::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--violett);
    z-index: -1;
}

.baustein-violett-rechts::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var1);
    z-index: -1;
}

.baustein-violett-rechts-var2::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--violett);
    z-index: -1;
}

.baustein-violett-rechts-var2::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var2);
    z-index: -1;
}

.baustein-violett-rechts-var3::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--violett);
    z-index: -1;
}

.baustein-violett-rechts-var3::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var3);
    z-index: -1;
}

.baustein-violett-rechts-var4::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--violett);
    z-index: -1;
}

.baustein-violett-rechts-var4::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var4);
    z-index: -1;
}

.baustein-violett-rechts-var5::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--violett);
    z-index: -1;
}

.baustein-violett-rechts-var5::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--violett--var5);
    z-index: -1;
}

/*Flieder Bausteine*/


/*Freie Blöcke*/

.baustein-flieder::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var1);
    z-index: -1;
}

.baustein-flieder-var2::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var2);
    z-index: -1;
}

.baustein-flieder-var3::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var3);
    z-index: -1;
}

.baustein-flieder-var4::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var4);
    z-index: -1;
}

.baustein-flieder-var5::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var5);
    z-index: -1;
}

/*Blöcke Links*/

.baustein-flieder-links::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--flieder);
    z-index: -1;
}

.baustein-flieder-links::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var1);
    z-index: -1;
}

.baustein-flieder-links-var2::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--flieder);
    z-index: -1;
}

.baustein-flieder-links-var2::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var2);
    z-index: -1;
}

.baustein-flieder-links-var3::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--flieder);
    z-index: -1;
}

.baustein-flieder-links-var3::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var3);
    z-index: -1;
}

.baustein-flieder-links-var4::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--flieder);
    z-index: -1;
}

.baustein-flieder-links-var4::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var4);
    z-index: -1;
}

.baustein-flieder-links-var5::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--flieder);
    z-index: -1;
}

.baustein-flieder-links-var5::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var5);
    z-index: -1;
}

/*Blöcke Rechts*/

.baustein-flieder-rechts::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--flieder);
    z-index: -1;
}

.baustein-flieder-rechts::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var1);
    z-index: -1;
}

.baustein-flieder-rechts-var2::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--flieder);
    z-index: -1;
}

.baustein-flieder-rechts-var2::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var2);
    z-index: -1;
}

.baustein-flieder-rechts-var3::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--flieder);
    z-index: -1;
}

.baustein-flieder-rechts-var3::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var3);
    z-index: -1;
}

.baustein-flieder-rechts-var4::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--flieder);
    z-index: -1;
}

.baustein-flieder-rechts-var4::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var4);
    z-index: -1;
}

.baustein-flieder-rechts-var5::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--flieder);
    z-index: -1;
}

.baustein-flieder-rechts-var5::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--flieder--var5);
    z-index: -1;
}

/*pfeffer Bausteine*/


/*Freie Blöcke*/

.baustein-pfeffer::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--pfeffer--var1);
    z-index: -1;
}

.baustein-pfeffer-var2::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--pfeffer--var2);
    z-index: -1;
}

.baustein-pfeffer-var3::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--pfeffer--var3);
    z-index: -1;
}

.baustein-pfeffer-var4::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--pfeffer--var4);
    z-index: -1;
}

.baustein-pfeffer-var5::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--pfeffer--var5);
    z-index: -1;
}

/*Blöcke Links*/

.baustein-pfeffer-links::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--pfeffer);
    z-index: -1;
}

.baustein-pfeffer-links::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--pfeffer--var1);
    z-index: -1;
}

.baustein-pfeffer-links-var2::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--pfeffer);
    z-index: -1;
}

.baustein-pfeffer-links-var2::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--pfeffer--var2);
    z-index: -1;
}

.baustein-pfeffer-links-var3::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--pfeffer);
    z-index: -1;
}

.baustein-pfeffer-links-var3::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--pfeffer--var3);
    z-index: -1;
}

.baustein-pfeffer-links-var4::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--pfeffer);
    z-index: -1;
}

.baustein-pfeffer-links-var4::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--pfeffer--var4);
    z-index: -1;
}

.baustein-pfeffer-links-var5::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: 0;
    background: var(--adveniat--pfeffer);
    z-index: -1;
}

.baustein-pfeffer-links-var5::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: -300%;
    right: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--pfeffer--var5);
    z-index: -1;
}

/*Blöcke Rechts*/

.baustein-pfeffer-rechts::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--pfeffer);
    z-index: -1;
}

.baustein-pfeffer-rechts::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--pfeffer--var1);
    z-index: -1;
}

.baustein-pfeffer-rechts-var2::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--pfeffer);
    z-index: -1;
}

.baustein-pfeffer-rechts-var2::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--pfeffer--var2);
    z-index: -1;
}

.baustein-pfeffer-rechts-var3::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--pfeffer);
    z-index: -1;
}

.baustein-pfeffer-rechts-var3::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--pfeffer--var3);
    z-index: -1;
}

.baustein-pfeffer-rechts-var4::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--pfeffer);
    z-index: -1;
}

.baustein-pfeffer-rechts-var4::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--pfeffer--var4);
    z-index: -1;
}

.baustein-pfeffer-rechts-var5::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: 0;
    background: var(--adveniat--pfeffer);
    z-index: -1;
}

.baustein-pfeffer-rechts-var5::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    right: -300%;
    left: -20px;
    top: -20px;
    border-width: 20px;
    border-radius: 20px;
    border-style: solid;
    border-image: var(--adveniat--block--pfeffer--var5);
    z-index: -1;
}

/*AVADA Sticky Header*/

.fusion-menu .fusion-content-boxes .content-box-column p,
.fusion-menu .fusion-content-boxes .content-box-column a,
.fusion-menu .fusion-content-boxes .content-box-column h3 {
    color: var(--awb-title-color) !important;
    transition: all 300ms !important;
}

.fusion-menu .fusion-content-boxes .content-box-column:hover p,
.fusion-menu .fusion-content-boxes .content-box-column:hover a,
.fusion-menu .fusion-content-boxes .content-box-column:hover h3 {
    color: var(--awb-custom_color_4) !important;
    transition-duration: 300ms !important;
}

/*Aktuelles Headline Links*/

.headline-aktuelles h6 {
    color: var(--link_color) !important;
    transition: all 300ms !important;
}

.headline-aktuelles h3 {
    color: var(--h3_typography-color) !important;
    transition: all 300ms !important;
}

.headline-aktuelles:hover h6,
.headline-aktuelles:hover h3 {
    color: var(--link_hover_color) !important;
}

/*Aktuelles Headline abschneiden*/
.headline-overflow {
    word-break: break-word !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
}

.headline-overflow p {
    margin-bottom: 0px !important;
}


.news-excerpt-overflow {
    word-break: break-word !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
}

/*Main Menu zIndex*/

.main-menu-index {
    z-index: 9001 !important;
}

/*Header Cart Icon*/

.fusion-widget-cart {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.fusion-widget-cart-icon::after {
    font-size: large !important;
}

.fusion-widget-cart-number {
    color: white !important;
    background-color: var(--awb-color5) !important;
}


/* WP-Forms */

.wpforms-form input[type=submit],
.wpforms-form button[type=submit] {
    border: 0px solid #ddd !important;
    line-height: var(--button_line_height, 1) !important;
    font-size: var(--button_font_size, 14px) !important;
    font-family: var(--button_typography-font-family) !important;
    font-weight: var(--button_typography-font-weight) !important;
    font-style: var(--button_typography-font-style, normal) !important;
    letter-spacing: var(--button_typography-letter-spacing) !important;
    padding: 12px 24px !important;
    background: #961e82 !important;
    color: white !important;
    border-radius: 3px !important;


}

.wpforms-container-full {
    margin: 0 !important;
    width: 100% !important;
}

/*Heder Images Newsletter*/

.ad-nl .fusion-imageframe,
.ad-nl .fusion-imageframe img {
    width: 100% !important;
}

/*ME Calendar*/

/*Event Footer ausblenden*/

.mec-event-footer {
    display: none !important;
}

/*Malaktion - Hover*/
.fusion-image-switch-before{
	opacity: 0.5 !important;
}