@charset "UTF-8";
/**** d3w.studio GridTemplate 2025 ****/
/**** Version 4.0 for Joomal 5****/
/**** Soner Ipekcioglu ****/
/* Variable fonts usage:
:root { font-family: "Inter", sans-serif; }
@supports (font-variation-settings: normal) {
  :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
} */
@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter/InterVariable.woff2") format("woff2"); }
@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter/InterVariable-Italic.woff2") format("woff2"); }
/* static fonts */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/inter/Inter-Thin.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/inter/Inter-ThinItalic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/inter/Inter-ExtraLight.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/inter/Inter-ExtraLightItalic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/inter/Inter-Light.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/inter/Inter-LightItalic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter/Inter-Regular.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter/Inter-Italic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter/Inter-Medium.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter/Inter-MediumItalic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter/Inter-SemiBold.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter/Inter-SemiBoldItalic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter/Inter-Bold.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter/Inter-BoldItalic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/inter/Inter-ExtraBold.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/inter/Inter-ExtraBoldItalic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/inter/Inter-Black.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/inter/Inter-BlackItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-Thin.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-ThinItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-ExtraLight.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-ExtraLightItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-Light.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-LightItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-Regular.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-Italic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-Medium.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-MediumItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-SemiBold.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-SemiBoldItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-Bold.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-BoldItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-ExtraBold.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-Black.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/inter/InterDisplay-BlackItalic.woff2") format("woff2"); }
@font-feature-values InterVariable {
  @character-variant {
    cv01: 1;
    cv02: 2;
    cv03: 3;
    cv04: 4;
    cv05: 5;
    cv06: 6;
    cv07: 7;
    cv08: 8;
    cv09: 9;
    cv10: 10;
    cv11: 11;
    cv12: 12;
    cv13: 13;
    alt-1: 1;
    /* Alternate one */
    alt-3: 9;
    /* Flat-top three */
    open-4: 2;
    /* Open four */
    open-6: 3;
    /* Open six */
    open-9: 4;
    /* Open nine */
    lc-l-with-tail: 5;
    /* Lower-case L with tail */
    simplified-u: 6;
    /* Simplified u */
    alt-double-s: 7;
    /* Alternate German double s */
    uc-i-with-serif: 8;
    /* Upper-case i with serif */
    uc-g-with-spur: 10;
    /* Capital G with spur */
    single-story-a: 11;
    /* Single-story a */
    compact-lc-f: 12;
    /* Compact f */
    compact-lc-t: 13;
    /* Compact t */ }
  @styleset {
    ss01: 1;
    ss02: 2;
    ss03: 3;
    ss04: 4;
    ss05: 5;
    ss06: 6;
    ss07: 7;
    ss08: 8;
    open-digits: 1;
    /* Open digits */
    disambiguation: 2;
    /* Disambiguation (with zero) */
    disambiguation-except-zero: 4;
    /* Disambiguation (no zero) */
    round-quotes-and-commas: 3;
    /* Round quotes & commas */
    square-punctuation: 7;
    /* Square punctuation */
    square-quotes: 8;
    /* Square quotes */
    circled-characters: 5;
    /* Circled characters */
    squared-characters: 6;
    /* Squared characters */ } }
@font-feature-values Inter {
  @character-variant {
    cv01: 1;
    cv02: 2;
    cv03: 3;
    cv04: 4;
    cv05: 5;
    cv06: 6;
    cv07: 7;
    cv08: 8;
    cv09: 9;
    cv10: 10;
    cv11: 11;
    cv12: 12;
    cv13: 13;
    alt-1: 1;
    /* Alternate one */
    alt-3: 9;
    /* Flat-top three */
    open-4: 2;
    /* Open four */
    open-6: 3;
    /* Open six */
    open-9: 4;
    /* Open nine */
    lc-l-with-tail: 5;
    /* Lower-case L with tail */
    simplified-u: 6;
    /* Simplified u */
    alt-double-s: 7;
    /* Alternate German double s */
    uc-i-with-serif: 8;
    /* Upper-case i with serif */
    uc-g-with-spur: 10;
    /* Capital G with spur */
    single-story-a: 11;
    /* Single-story a */
    compact-lc-f: 12;
    /* Compact f */
    compact-lc-t: 13;
    /* Compact t */ }
  @styleset {
    ss01: 1;
    ss02: 2;
    ss03: 3;
    ss04: 4;
    ss05: 5;
    ss06: 6;
    ss07: 7;
    ss08: 8;
    open-digits: 1;
    /* Open digits */
    disambiguation: 2;
    /* Disambiguation (with zero) */
    disambiguation-except-zero: 4;
    /* Disambiguation (no zero) */
    round-quotes-and-commas: 3;
    /* Round quotes & commas */
    square-punctuation: 7;
    /* Square punctuation */
    square-quotes: 8;
    /* Square quotes */
    circled-characters: 5;
    /* Circled characters */
    squared-characters: 6;
    /* Squared characters */ } }
@font-feature-values InterDisplay {
  @character-variant {
    cv01: 1;
    cv02: 2;
    cv03: 3;
    cv04: 4;
    cv05: 5;
    cv06: 6;
    cv07: 7;
    cv08: 8;
    cv09: 9;
    cv10: 10;
    cv11: 11;
    cv12: 12;
    cv13: 13;
    alt-1: 1;
    /* Alternate one */
    alt-3: 9;
    /* Flat-top three */
    open-4: 2;
    /* Open four */
    open-6: 3;
    /* Open six */
    open-9: 4;
    /* Open nine */
    lc-l-with-tail: 5;
    /* Lower-case L with tail */
    simplified-u: 6;
    /* Simplified u */
    alt-double-s: 7;
    /* Alternate German double s */
    uc-i-with-serif: 8;
    /* Upper-case i with serif */
    uc-g-with-spur: 10;
    /* Capital G with spur */
    single-story-a: 11;
    /* Single-story a */
    compact-lc-f: 12;
    /* Compact f */
    compact-lc-t: 13;
    /* Compact t */ }
  @styleset {
    ss01: 1;
    ss02: 2;
    ss03: 3;
    ss04: 4;
    ss05: 5;
    ss06: 6;
    ss07: 7;
    ss08: 8;
    open-digits: 1;
    /* Open digits */
    disambiguation: 2;
    /* Disambiguation (with zero) */
    disambiguation-except-zero: 4;
    /* Disambiguation (no zero) */
    round-quotes-and-commas: 3;
    /* Round quotes & commas */
    square-punctuation: 7;
    /* Square punctuation */
    square-quotes: 8;
    /* Square quotes */
    circled-characters: 5;
    /* Circled characters */
    squared-characters: 6;
    /* Squared characters */ } }
.pt-serif-regular {
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal; }

.pt-serif-bold {
  font-family: "PT Serif", serif;
  font-weight: 700;
  font-style: normal; }

.pt-serif-regular-italic {
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: italic; }

.pt-serif-bold-italic {
  font-family: "PT Serif", serif;
  font-weight: 700;
  font-style: italic; }

.Modulfarbe1 {
  background-color: #3a2f26; }

.Modulfarbe2 {
  background-color: #bbaf91; }

.ModulfarbeBlack {
  background-color: #3a2f26; }

.ModulfarbeWhite {
  background-color: #fffef9; }

.ModulfarbeGray {
  background-color: #fcf8ef; }

.ModulfarbeWIBOrange {
  background-color: #fffef9; }

@media only screen and (max-width: 1024px) {
  .Mindestabstand {
    margin-left: 5%;
    margin-right: 5%; } }

h1, h2, h3, h4, h5, h6, ul[class="tags list-inline"] {
  margin: 0;
  padding: 0;
  font-family: "InterDisplay", serif !important;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-hyphenate-limit-lines: 2;
  hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-chars: auto 3;
  hyphenate-limit-chars: auto 3;
  text-transform: uppercase;
  color: #bbaf91; }

strong {
  font-weight: 600;
  color: #bbaf91; }

blockquote {
  margin: 0;
  padding: 0;
  font-family: "InterDisplay", serif !important;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-hyphenate-limit-lines: 2;
  hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-chars: auto 3;
  hyphenate-limit-chars: auto 3;
  color: #bbaf91;
  margin-bottom: 10px; }

b {
  font-weight: 500;
  color: #bbaf91; }

h1, .h1font, div[class="com-tags-tag tag-category"] h2 {
  margin: 0;
  padding: 0;
  width: auto;
  margin-bottom: 1%;
  font-size: 4.4rem;
  line-height: 4.4rem;
  font-size: clamp(1.8rem, 9vw, 4.4rem);
  line-height: clamp(1.4rem, 9vw, 4.4rem);
  font-weight: 200; }

h2, .h2font {
  margin: 0;
  padding: 0;
  margin-bottom: 1%;
  font-size: 3.4rem;
  line-height: 3.4rem;
  font-size: clamp(1.4rem, 8vw, 3.4rem);
  line-height: clamp(1.4rem, 8vw, 3.4rem);
  font-weight: 200; }

h3, .h3font {
  margin: 0;
  padding: 0;
  margin-bottom: 1%;
  font-size: 2.8rem;
  line-height: 2.8rem;
  font-size: clamp(1.4rem, 6vw, 2.8rem);
  line-height: clamp(1.4rem, 6vw, 2.8rem);
  font-weight: 200; }

h4, .h4font, .newsflex h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 1%;
  font-size: 2.8rem;
  line-height: 2.8rem;
  font-size: clamp(1.4rem, 3vw, 2.2rem);
  line-height: clamp(1.4rem, 3vw, 2.2rem);
  font-weight: 200; }

h5, .h5font, div[class="Zitat"] h6, h6, .h6font {
  margin: 0;
  padding: 0;
  margin-bottom: 1%;
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-size: clamp(1.4rem, 3vw, 1.8rem);
  line-height: clamp(1.4rem, 3vw, 1.8rem);
  font-weight: 200; }

/*


h2 {
    margin-top: 1% !important;
    margin-bottom: 1% !important;
    @include breakpoint(568) {
        margin-top: 5% !important;
        margin-bottom: 5% !important;
    }
}

h1 {
}

h1 strong {
    font-weight: 700;

}



p[class="tag"] {
    text-transform: uppercase;
    font-size: $Head3;

}

h2 {
    margin: 0;
    padding: 0;
    font-size: $Head4;
    line-height: $HeadLine4;
    font-weight: $SchriftLight;
    @include breakpoint(10000) {
    }
    @include breakpoint(568) {
    }
    @include breakpoint(400) {
    }
}


h4 {
    margin: 0;
    padding: 0;
    font-size: $Head4;
    line-height: $HeadLine4;
    color: $GrundDunkelBraun;
    font-weight: $SchriftLight;
    @include breakpoint(10000) {
    }
    @include breakpoint(568) {
    }
    @include breakpoint(400) {
    }
}

p {
margin: 0;
padding: 0;
margin-bottom: 2%;

}


strong, b {
    font-weight: $SchriftFett;
    color: $GrundDunkelBraun;
}

blockquote {
    margin: 0;
    padding: 0;
    color: $GrundDunkelBraun;
    margin-bottom: 8%;
    font-weight: $SchriftLight;
    @include breakpoint(10000) {
        font-size: $Head1;
        line-height: $HeadLine1;
    }
    @include breakpoint(1280) {
        font-size: $Head2;
        line-height: $HeadLine2;
    }
    @include breakpoint(1000) {
        font-size: $Head2;
        line-height: $HeadLine2;
    }
    @include breakpoint(568) {
        font-size: $Head3;
        line-height: $HeadLine3;
    }
    @include breakpoint(400) {
    }
}

blockquote span {
    margin: 0;
    padding: 0;
    color: $GrundDunkelBraun;
    font-size: $Copy - .6;
    font-weight: $SchriftLight;
    line-height: $CopyLineHeight;
}

/* */
.Bottom1,
.Bottom2,
.Bottom3 {
  padding-bottom: 5%; }

.Bottom1,
.Bottom3 {
  padding-top: 5%; }

.Content {
  margin: 60px 0; }
  .Content a {
    color: #3a2f26;
    text-decoration: underline;
    text-underline-position: under;
    padding-left: 2px;
    padding-right: 2px; }
    .Content a:hover {
      color: #bbaf91;
      font-weight: 400;
      text-decoration: underline;
      text-underline-position: under;
      padding-left: 0;
      padding-right: 0;
      text-align: center; }
  @media only screen and (max-width: 1280px) {
    .Content {
      width: 100% !important;
      margin-left: auto;
      margin-right: auto; } }

.Bottom1 a {
  color: #3a2f26;
  text-decoration: underline;
  text-underline-position: under;
  padding-left: 2px;
  padding-right: 2px; }
  .Bottom1 a:hover {
    color: #bbaf91;
    font-weight: 400;
    text-decoration: underline;
    text-underline-position: under;
    padding-left: 0;
    padding-right: 0;
    text-align: center; }

ul[class="tags list-inline"] {
  list-style: none;
  list-style-type: none;
  text-transform: uppercase;
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  font-size: clamp(1.03em, 3vw, 1.53em);
  color: #3a2f26 !important; }
  ul[class="tags list-inline"] li:before {
    content: "#";
    margin-right: -6px !important; }
  ul[class="tags list-inline"] li a {
    margin-right: 10px !important;
    color: #3a2f26 !important;
    cursor: pointer;
    text-decoration: none; }
  ul[class="tags list-inline"] li a:hover {
    margin-right: 10px !important;
    color: #3a2f26 !important;
    cursor: pointer;
    text-decoration: none; }
  @media only screen and (max-width: 600px) {
    ul[class="tags list-inline"] {
      font-size: 1.03em; } }

div[class="com-tags__items"] ul li {
  clear: both;
  list-style-type: decimal; }
  div[class="com-tags__items"] ul li p a {
    font-size: 1.03em !important; }

div[class="com-tags-tag tag-category"] h1:before {
  content: "Hashtag: ";
  font-weight: 200; }

div[class="Foerderlogos"] {
  display: flex;
  justify-content: space-around;
  margin: 0;
  padding: 0; }
  div[class="Foerderlogos"] img {
    max-height: 70px; }
  @media only screen and (max-width: 568px) {
    div[class="Foerderlogos"] img {
      max-height: 25px; } }

div[class="Zitat"] {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-hyphenate-limit-lines: 2;
  hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-chars: auto 3;
  hyphenate-limit-chars: auto 3;
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  background-color: #bbaf91;
  color: #ffffff;
  width: auto;
  margin: 0;
  padding: 0;
  padding: 20px;
  margin-top: 10%;
  margin-bottom: 10%;
  text-align: center; }
  div[class="Zitat"] h6 {
    font-style: italic;
    text-transform: inherit; }
    @media only screen and (max-width: 900px) {
      div[class="Zitat"] h6 {
        font-size: 1.4rem;
        line-height: 1.4rem; } }
  div[class="Zitat"] h6:before {
    content: "»"; }
  div[class="Zitat"] h6:after {
    content: "«"; }
  div[class="Zitat"] p {
    font-size: 1.03em;
    font-style: italic;
    line-height: 1.5rem;
    font-weight: 200 !important;
    margin: 0;
    padding: 0; }
    @media only screen and (max-width: 900px) {
      div[class="Zitat"] p {
        font-size: 0.93em;
        line-height: 1.5rem; } }

.Projektuebersicht {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-hyphenate-limit-lines: 2;
  hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-chars: auto 3;
  hyphenate-limit-chars: auto 3;
  display: block;
  padding: 0;
  margin: 8% auto;
  font-size: 0.83em;
  font-weight: 400; }
  .Projektuebersicht div[class="Projektname"]:before {
    content: "Name des Projektes: "; }
  .Projektuebersicht div[class="Startdatum"]:before {
    content: "Startdatum: "; }
  .Projektuebersicht div[class="Enddatum"]:before {
    content: "Enddatum: "; }
  .Projektuebersicht div[class="Laufzeit"]:before {
    content: "Laufzeit: "; }
  .Projektuebersicht div[class="Projektverantworliche"]:before {
    content: "Verantworliche*r: "; }
  .Projektuebersicht :before {
    margin-left: 0;
    margin-right: 5px;
    font-style: italic;
    font-weight: 200; }
    @media only screen and (max-width: 568px) {
      .Projektuebersicht :before {
        width: 100%; } }
  @media only screen and (max-width: 568px) {
    .Projektuebersicht {
      width: 100%;
      margin: 12% auto; } }
  .Projektuebersicht div {
    border-bottom: 1px dotted #3a2f26;
    margin: 8px 0;
    width: 60%;
    display: block; }
    @media only screen and (max-width: 568px) {
      .Projektuebersicht div {
        width: 100%; } }

/*

div[itemprop="articleBody"] a {
    text-decoration: none;
    @include Links($GrundDunkel, 1px);
}

div[itemprop="articleBody"] a:hover {
    @include Links($GrundDunkel, 1px);
    font-weight: $SchriftRegular;
}



.Content .icons {
    display: none;
}

/*
div[itemprop="articleBody"] a {
    text-decoration: none;
    color: $GrundDunkel;
}

div[itemprop="articleBody"] a:hover {
    @include Links($GrundDunkel, 1px)
}


.Kolumne  a {
    text-decoration: none;
    color: $GrundDunkel;
}

.Kolumne  a:hover {
    @include Links($GrundDunkel, 1px)
}

div[itemprop="articleBody"] h5 {
    column-span: all;
    -webkit-column-span: all;
//    border-bottom: 1px dashed #DEDEDE;
    margin: 2em 0 1em;
    font-size: $Copy;
    font-weight: $SchriftFett;
}

.Kolumne {
//    padding: 0em 2em 1em;
    columns: 2;
    -webkit-column-count: 2;
//    -webkit-column-width: auto;
    column-rule: 1px $GrundHell dashed;
    -webkit-column-rule: 1px $GrundHell dashed;
    column-gap: 2em;
    -webkit-column-gap: 2em;
}


.Kolumne ol, .Kolumne li {
    margin: 0;
    padding: 0;
    margin-left: 7px;
}

/* */
.Menu, .Footer {
  font-family: "Inter", serif;
  font-weight: 500;
  font-size: .82em;
  text-transform: uppercase; }
  @media only screen and (max-width: 800px) {
    .Menu, .Footer {
      display: none; } }

.TopMenu {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-hyphenate-limit-lines: 2;
  hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-chars: auto 3;
  hyphenate-limit-chars: auto 3; }

.FooterMenu {
  margin-top: 20px;
  margin-bottom: 40px; }
  .FooterMenu ul[class="mod-menu mod-list nav TopMenu"] {
    justify-content: right; }

.Menu ul[class="mod-menu mod-list nav TopMenu"] li a, .FooterMenu ul[class="mod-menu mod-list nav TopMenu"] li a {
  text-decoration: none;
  margin: 0 2px; }
.Menu li a, .FooterMenu li a {
  padding-left: 0;
  padding-right: 0;
  color: #bbaf91;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  padding: 10px 10px !important;
  text-decoration: none !important;
  font-family: inherit;
  font-size: .82em;
  font-weight: 400;
  background-color: #fffef9;
  border: 1px solid #fffef9;
  color: #bbaf91 !important; }
.Menu li.active a.link, .FooterMenu li.active a.link {
  color: #bbaf91;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  padding: 10px 10px !important;
  text-decoration: none !important;
  font-family: inherit;
  font-size: .82em;
  font-weight: 400;
  background-color: #bbaf91;
  border: 1px solid #fffef9;
  color: #ffffff !important; }
.Menu li a:hover, .FooterMenu li a:hover {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  padding: 10px 10px !important;
  text-decoration: none !important;
  font-family: inherit;
  font-size: .82em;
  font-weight: 400;
  background-color: #bbaf91;
  border: 1px solid #fffef9;
  color: #ffffff !important; }
.Menu li a:active, .FooterMenu li a:active {
  border-bottom: 1px solid #bbaf91 !important;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  padding: 10px 10px !important;
  text-decoration: none !important;
  font-family: inherit;
  font-size: .82em;
  font-weight: 400;
  background-color: #bbaf91;
  border: 1px solid #fffef9;
  color: #ffffff !important; }
.Menu ul[class="mod-menu mod-list nav TopMenu"] li.item-132 a, .FooterMenu ul[class="mod-menu mod-list nav TopMenu"] li.item-132 a {
  margin-right: 0 !important; }

.Menu li.item-138,
.Menu li.item-120,
.Menu li.item-112,
.Menu li.item-111 {
  display: none; }
.Menu li.item-136 a {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  padding: 10px 10px !important;
  text-decoration: none !important;
  font-family: inherit;
  font-size: .82em;
  font-weight: 400;
  background-color: #fffef9;
  border: 1px dotted #bbaf91;
  color: #bbaf91 !important;
  font-family: "Inter", serif !important;
  font-weight: 500 !important;
  font-size: .82em !important; }
.Menu li.item-136 a:hover {
  transition: background-color .25s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #bbaf91;
  background-color: #bbaf91;
  border: 1px dotted #bbaf91;
  color: #ffffff !important;
  font-family: "Inter", serif !important;
  font-weight: 500 !important;
  font-size: .82em !important; }

.FooterMenu li.item-158,
.FooterMenu li.item-143,
.FooterMenu li.item-145,
.FooterMenu li.item-101,
.FooterMenu li.item-113,
.FooterMenu li.item-119,
.FooterMenu li.item-136,
.FooterMenu li.item-126,
.FooterMenu li.item-135 {
  display: none; }

.Top {
  width: 100%;
  z-index: 990;
  height: 140px;
  left: 0;
  position: sticky;
  top: 0; }

@media only screen and (max-width: 568px) {
  .Logo {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    background-color: #fffef9 !important; } }

.TopBreite {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto; }

.TopDiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 568px) {
    .TopDiv {
      width: 100%;
      display: block; } }
  @media only screen and (max-width: 480px) {
    .TopDiv {
      width: 100%; } }

.Header img,
.SeparationImage img {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  margin-left: auto;
  margin-right: auto;
  max-width: 1680px;
  max-height: 700px;
  max-height: clamp(450px, 700px, 1680px); }
  @media only screen and (max-width: 1280px) {
    .Header img,
    .SeparationImage img {
      max-height: 600px; } }
  @media only screen and (max-width: 1110px) {
    .Header img,
    .SeparationImage img {
      max-height: 550px; } }
  @media only screen and (max-width: 1024px) {
    .Header img,
    .SeparationImage img {
      max-height: 450px; } }

.Header p,
.SeparationImage p {
  margin: 0;
  padding: 0; }

.SeparationImage .box,
.Header .box {
  display: none !important; }

.Anbieter {
  margin-top: 60px; }

.AnbieterStyle {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-hyphenate-limit-lines: 2;
  hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-chars: auto 3;
  hyphenate-limit-chars: auto 3;
  width: 1280px; }
  @media only screen and (max-width: 1279px) {
    .AnbieterStyle {
      width: 100%; } }
  .AnbieterStyle img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    min-height: 500px; }
    @media only screen and (max-width: 800px) {
      .AnbieterStyle img {
        object-fit: cover;
        object-position: center center;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        min-height: 150px; } }
  .AnbieterStyle div div div div :hover {
    transition: background-color .25s ease !important; }
  .AnbieterStyle div div div div h3:hover, .AnbieterStyle div div div div h3 b:hover, .AnbieterStyle div div div div h3 strong:hover {
    pointer-events: none !important; }
  .AnbieterStyle div div div div p a {
    color: #3a2f26;
    text-decoration: underline;
    text-underline-position: under;
    padding-left: 2px;
    padding-right: 2px; }
    .AnbieterStyle div div div div p a:hover {
      color: #bbaf91;
      font-weight: 400;
      text-decoration: underline;
      text-underline-position: under;
      padding-left: 0;
      padding-right: 0;
      text-align: center; }

.Links {
  display: grid;
  grid-template-columns: 50% 50%; }
  @media only screen and (max-width: 800px) {
    .Links {
      display: block; } }
  .Links .Foto {
    order: 1; }
  .Links .Text {
    order: 2;
    padding: 5%; }

.Rechts {
  display: grid;
  grid-template-columns: 50% 50%; }
  @media only screen and (max-width: 800px) {
    .Rechts {
      display: block; } }
  .Rechts .Foto {
    order: 2; }
    @media only screen and (max-width: 800px) {
      .Rechts .Foto {
        order: 1; } }
  .Rechts .Text {
    order: 1;
    padding: 5%;
    text-align: right; }
    @media only screen and (max-width: 800px) {
      .Rechts .Text {
        order: 2;
        text-align: left; } }

a[class="Weiterlesen"] {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  padding: 10px 10px !important;
  text-decoration: none !important;
  color: #3a2f26 !important;
  background-color: #fcf8ef;
  font-family: inherit;
  font-size: .82em;
  font-weight: 400;
  /*
      @include RundesRahmen();
      padding: 4px 8px !important;
      text-decoration: none !important;
      color: $GrundDunkel;
      font-weight: $SchriftRegular;
      font-size: $Copy - .2;
      text-transform: $Grossschreibung;
      border: 1px solid $GrundDunkel;
      cursor: pointer;
      font-family: $HeadSchrift;
  */ }

a[class="Weiterlesen"]:hover {
  transition: background-color .25s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #bbaf91;
  /*
      color: $GrundDunkel;
      background-color: $GrundHell;
      border: 1px solid $GrundHell;
  */
  /*    background-color: $GrundDunkel;
      color: $Weiss !important;
      border-color: $GrundDunkel;
  */ }

.newsflash {
  margin-left: 5%;
  margin-right: 5%;
  max-width: 1024px !important;
  margin-bottom: 5%;
  display: flex;
  align-content: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 1150px) {
    .newsflash {
      width: 100% !important;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (max-width: 1024px) {
    .newsflash {
      width: 92% !important;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (max-width: 480px) {
    .newsflash {
      margin-bottom: 0;
      flex-direction: column; } }

.newsflex {
  box-sizing: border-box;
  position: relative; }
  @media only screen and (max-width: 10000px) {
    .newsflex {
      width: calc((100% / 3.3)); } }
  @media only screen and (max-width: 800px) {
    .newsflex {
      width: calc((100% / 2.1));
      margin-bottom: 5%; } }
  @media only screen and (max-width: 700px) {
    .newsflex {
      width: 100%;
      margin-bottom: 15%; } }

figure[class="newsflash-image"] {
  margin: 0;
  padding: 0;
  margin-bottom: 20px; }

.newsflex img {
  object-fit: cover;
  object-position: center center;
  margin-left: auto;
  margin-right: auto;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 200px;
  max-height: 250px; }

@media only screen and (max-width: 10000px) {
  .newsButton {
    position: absolute;
    bottom: 10px;
    left: 0; } }
@media only screen and (max-width: 568px) {
  .newsButton {
    position: relative;
    bottom: auto;
    left: 0; } }
.newsButton a {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  padding: 10px 10px !important;
  text-decoration: none !important;
  color: #3a2f26 !important;
  background-color: #fcf8ef;
  font-family: inherit;
  font-size: .82em;
  font-weight: 400;
  /*
      @include RundesRahmen();
      padding: 4px 8px !important;
      text-decoration: none !important;
      color: $GrundDunkel;
      font-weight: $SchriftRegular;
      font-size: $Copy - .2;
      text-transform: $Grossschreibung;
      border: 1px solid $GrundDunkel;
      cursor: pointer;
      font-family: $HeadSchrift;
  */ }
  .newsButton a:hover {
    transition: background-color .25s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #bbaf91;
    /*
        color: $GrundDunkel;
        background-color: $GrundHell;
        border: 1px solid $GrundHell;
    */ }

.newsflex p {
  margin: 0;
  padding: 0;
  margin-top: 10px !important;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-hyphenate-limit-lines: 2;
  hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-chars: auto 3;
  hyphenate-limit-chars: auto 3; }
.newsflex a {
  color: #3a2f26;
  text-decoration: underline;
  text-underline-position: under;
  padding-left: 2px;
  padding-right: 2px; }
  .newsflex a:hover {
    color: #bbaf91;
    font-weight: 400;
    text-decoration: underline;
    text-underline-position: under;
    padding-left: 0;
    padding-right: 0;
    text-align: center; }

html {
  height: 100%;
  margin-bottom: 1px; }

img {
  border: 0 none; }

div.center {
  text-align: left; }

form {
  margin: 0;
  padding: 0; }

input.button {
  cursor: pointer; }

html, body {
  margin: 0;
  padding: 0; }

:focus {
  outline: 0; }

#GContainer {
  display: grid; }

#wrapper {
  margin-left: auto;
  margin-right: auto; }

.maxBreite {
  width: 100%;
  max-width: 1024px;
  min-width: 320px;
  margin-left: auto;
  margin-right: auto; }

/*
#GContainer .Content,
#GContainer .Breadcrumbs,
#GContainer .Content,
#GContainer .Bottom1,
#GContainer .Bottom2,
#GContainer .Bottom3,
#GContainer .Bottom4,
#GContainer .Bottom5,
#GContainer .Preisebg,
#GContainer .ThreeColumnsbg,
#GContainer .SixColumnsbg,
#GContainer .BottomLogos,
#GContainer .Contactbg,
#GContainer .Sitemap,
#GContainer .Footer,
#GContainer .FooterMenu
 {
     animation-delay: 60ms;
     transition: all 250ms;
     animation: fadein 1s ease-out normal backwards;
}


@keyframes fadein {
  0% {
    transform: scale(0);
  }
  70% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

*/
.ResponsiveMenu {
  font-family: "Inter", serif;
  font-weight: 400;
  font-size: 1.03em;
  text-transform: uppercase;
  color: #ffffff;
  z-index: 990;
  right: 0;
  top: 0;
  position: fixed; }
  .ResponsiveMenu #TopMenuMobil {
    display: none; }
  .ResponsiveMenu .active {
    background-color: #dad3c1;
    color: #ffffff; }
  .ResponsiveMenu i[class="fa fa-bars"] {
    color: #3a2f26;
    margin-right: 10px;
    margin-top: 10px; }

#TopMenuMobil {
  overflow: hidden;
  right: 0;
  top: 120px;
  position: fixed;
  width: 100%; }
  #TopMenuMobil ul {
    background-color: rgba(255, 255, 255, 0.99);
    list-style: none;
    margin-right: 0;
    padding: 0; }
  #TopMenuMobil a {
    color: #3a2f26;
    padding: 10px 16px;
    text-decoration: none;
    font-size: 0.73em;
    display: block;
    border-bottom: 1px dotted #bbaf91; }
  #TopMenuMobil a.icon {
    background: #ffffff;
    display: block;
    position: absolute;
    right: 0;
    top: 0; }
  #TopMenuMobil a:hover {
    background-color: #dad3c1;
    color: black; }

.Footer {
  border-top: 1px dotted #3a2f26; }
  @media only screen and (max-width: 1000px) {
    .Footer {
      display: none; } }

/*
.Footer div div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    @include breakpoint(1000) {
        font-size: $Copy - 3;
    }
}

.FooterMenu {
//    padding: 10px 0 20px 0; // O/R/U/L
}

.Footer a {
    color: $Weiss;
    text-transform: uppercase;
    text-decoration: none;
}

.Footer a:hover {
    @include Links($Weiss, 1px)
}

*/
#osmap {
  margin-bottom: 5%; }

.osmap-items {
  padding: 2em 1.5em;
  line-height: 2em; }

.osmap-items LI {
  padding: 0 0 0 24px;
  margin: 0;
  list-style-type: none; }

.osmap-items LI {
  background: url("../images/sitetm.gif") no-repeat 0 0; }

.osmap-items LI:last-child {
  background: url("../images/sitelm.gif") no-repeat 0 0; }

.osmap-items UL {
  padding: 0 0 0 24px;
  margin: 0 0 0 -24px;
  list-style-type: none; }

.osmap-items UL {
  background: url("../images/siteim.gif") repeat-y 0 0; }

.osmap-items UL:first-child {
  background-image: none !important;
  margin: 0; }

.osmap-items UL.last {
  background-image: none; }

.osmap-items a:link,
.osmap-items a:visited {
  text-decoration: none !important;
  color: #3a2f26 !important; }

.osmap-items a:hover {
  color: #bbaf91 !important; }

ul[id="osmap-ul-uid-joomla-category-9"] {
  display: none; }

ul[id="osmap-ul-uid-menue-hauptmenue"][class="level_0"],
ul[id="osmap-ul-uid-menue-inter-einglied"][class="level_0"],
ul[id="osmap-ul-uid-menue-inter-bildung"][class="level_0"],
ul[id="osmap-ul-uid-menue-inter-jugendhilfe"][class="level_0"],
ul[id="osmap-ul-uid-menue-inter-ehrenamt"][class="level_0"] {
  background-image: none !important; }

div[class="btn-group pull-right"],
ul[id="osmap-ul-uid-joomla-category-4"],
ul[id="osmap-ul-uid-joomla-category-119"],
ul[id="osmap-ul-uid-joomla-category-121"],
ul[id="osmap-ul-uid-joomla-category-165"] {
  display: none; }

/* */
.cc-trigger.cc-trigger-icon svg {
  width: 25px;
  margin: 0; }

.cc-trigger.cc-trigger-icon.cc-trigger-left {
  left: 5px; }

#cm {
  max-width: 30em !important; }

div[class*="visforms-form"] {
  margin-top: 6%; }
  div[class*="visforms-form"] fieldset {
    border: 0;
    padding: 0 !important; }
  div[class*="visforms-form"] input[type="text"],
  div[class*="visforms-form"] input[type="email"],
  div[class*="visforms-form"] textarea,
  div[class*="visforms-form"] select {
    font-weight: 300;
    background-color: #ffffff !important;
    border: 1px dotted #bbaf91;
    border-radius: 5px;
    margin-bottom: 1rem;
    padding: 10px;
    font-size: 0.78em;
    color: #3a2f26 !important;
    width: 95%; }
  div[class*="visforms-form"] textarea {
    height: 200px; }
  div[class*="visforms-form"] select {
    width: 102.5%; }
  div[class*="visforms-form"] .vf_checkbox_dsgvo_wrapper {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin: 1rem 0; }
    div[class*="visforms-form"] .vf_checkbox_dsgvo_wrapper input[type="checkbox"] {
      margin-top: 3px;
      flex-shrink: 0;
      width: 1.15em;
      height: 1.15em;
      border: 0.15em solid #bbaf91;
      border-radius: 0.15em;
      transform: translateY(0.15em); }
    div[class*="visforms-form"] .vf_checkbox_dsgvo_wrapper .vf_dsgvo_text {
      font-size: 0.53em;
      color: #3a2f26;
      line-height: 1rem;
      opacity: 0.85; }
  div[class*="visforms-form"] input[type="submit"],
  div[class*="visforms-form"] input.btn.btn-primary {
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    padding: 10px 10px !important;
    text-decoration: none !important;
    color: #3a2f26 !important;
    background-color: #fcf8ef;
    font-family: inherit;
    font-size: .82em;
    font-weight: 400;
    /*
        @include RundesRahmen();
        padding: 4px 8px !important;
        text-decoration: none !important;
        color: $GrundDunkel;
        font-weight: $SchriftRegular;
        font-size: $Copy - .2;
        text-transform: $Grossschreibung;
        border: 1px solid $GrundDunkel;
        cursor: pointer;
        font-family: $HeadSchrift;
    */
    background-color: #bbaf91;
    color: #ffffff !important;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease; }
    div[class*="visforms-form"] input[type="submit"]:hover,
    div[class*="visforms-form"] input.btn.btn-primary:hover {
      transition: background-color .25s ease;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-color: #bbaf91;
      /*
          color: $GrundDunkel;
          background-color: $GrundHell;
          border: 1px solid $GrundHell;
      */
      background-color: #bbaf91;
      color: #3a2f26 !important; }

div[class="offset-3 col-9 offset-sm-3 col-sm-9 offset-md-3 col-md-9 offset-lg-3 col-lg-9 offset-xl-3 col-xl-9 offset-xxl-3 col-xxl-9 "] {
  font-size: 0.82em;
  line-height: 1.4em;
  margin-bottom: 10px;
  width: 80%; }

.Kunden {
  margin-top: 4%;
  text-align: center;
  margin-bottom: 4%; }

.Kunden {
  display: flex;
  align-content: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
  gap: 15px 5px; }

.Kunden img {
  -webkit-filter: grayscale(1) opacity(0.4);
  filter: grayscale(1) opacity(0.4);
  width: 100%;
  height: 100%;
  border: 1px dotted #bbaf91;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  cursor: pointer; }

@media only screen and (max-width: 1000px) {
  .Kunden div {
    width: 14vw !important;
    height: 14vw !important; } }

.Kunden img:hover {
  -webkit-filter: none;
  filter: none; }

/* */
joomla-alert {
  --jui-alert-min-width:250px;
  --jui-alert-padding:.5rem 1.25rem;
  --jui-alert-margin:0 0 1rem 0;
  --jui-alert-border:1px solid transparent;
  --jui-alert-border-radius:.25rem;
  --jui-alert-animation-duration:.5s;
  --jui-alert-animation-timing-function:ease-in-out;
  --jui-alert-button-color-dark:#000;
  --jui-alert-button-color-light:#fff;
  --jui-alert-success-color:#234423;
  --jui-alert-success-link-color:#122212;
  --jui-alert-info-color:#0c5460;
  --jui-alert-info-link-color:#062c33;
  --jui-alert-warning-color:#7d5a29;
  --jui-alert-warning-link-color:#573e1c;
  --jui-alert-danger-color:#712b29;
  --jui-alert-danger-link-color:#4c1d1b;
  animation-duration: var(--jui-alert-animation-duration, 0.5s);
  animation-timing-function: var(--jui-alert-animation-timing-function, ease-in-out);
  border: var(--jui-alert-border, 1px solid transparent);
  border-radius: var(--jui-alert-border-radius, 0.25rem);
  margin: var(--jui-alert-margin, 0 0 1rem 0);
  min-width: var(--jui-alert-min-width, 250px);
  padding: var(--jui-alert-padding, 0.5rem 1.25rem);
  display: block; }

joomla-alert .joomla-alert--close {
  color: var(--jui-alert-button-color-dark, #000);
  float: right;
  opacity: .5;
  text-shadow: 0 1px 0 var(--jui-alert-button-color-light, #fff);
  background: 0 0;
  border: 0;
  padding: .2rem 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
  top: -.5rem;
  right: -1.25rem; }

joomla-alert .joomla-alert--close:focus,
joomla-alert .joomla-alert--close:hover {
  color: var(--jui-alert-button-color-dark, #000);
  cursor: pointer;
  opacity: .75;
  text-decoration: none; }

joomla-alert[type=success] {
  background-color: var(#bbaf91);
  border-color: var(#3a2f26, #cadcca);
  color: var(--jui-alert-success-color, #234423); }

joomla-alert[type=success] hr {
  border-top-color: var(#3a2f26, #cadcca); }

joomla-alert[type=success] .alert-link {
  color: var(--jui-alert-success-link-color, #122212); }

joomla-alert[type=info] {
  background-color: var(#bbaf91);
  border-color: var(#3a2f26, #bee5eb);
  color: var(--jui-alert-info-color, #0c5460); }

joomla-alert[type=info] hr {
  border-top-color: var(#3a2f26, #bee5eb); }

joomla-alert[type=info] .alert-link {
  color: var(--jui-alert-info-link-color, #062c33); }

joomla-alert[type=warning] {
  background-color: var(#bbaf91);
  border-color: var(#3a2f26, #fbe8cd);
  color: var(--jui-alert-warning-color, #7d5a29); }

joomla-alert[type=warning] hr {
  border-top-color: var(#3a2f26, #fbe8cd); }

joomla-alert[type=warning] .alert-link {
  color: var(--jui-alert-warning-link-color, #573e1c); }

joomla-alert[type=danger] {
  background-color: var(#bbaf91, #f7dddc);
  border-color: var(#3a2f26, #f4cfce);
  color: var(--jui-alert-danger-color, #712b29); }

joomla-alert[type=danger] hr {
  border-top-color: var(#3a2f26, #f4cfce); }

joomla-alert[type=danger] .alert-link {
  color: var(--jui-alert-danger-link-color, #4c1d1b); }

html[dir=rtl] joomla-alert .joomla-alert--close,
html[dir=rtl] joomla-alert .joomla-alert-button--close {
  float: left;
  left: -1.25rem;
  right: auto; }

@keyframes joomla-alert-fade-in {
  0% {
    opacity: 0; } }
@keyframes joomla-alert-fade-out {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  joomla-alert {
    animation-duration: 1ms !important; } }
html {
  background-color: #fffef9; }

html, body, input, textarea {
  color: #3a2f26;
  font-size: 1.03em;
  font-weight: 200;
  font-family: "Inter", serif;
  font-style: normal;
  line-height: 1.5rem;
  text-align: left;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-lines: 2;
  hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-chars: auto 3;
  hyphenate-limit-chars: auto 3;
  position: relative;
  z-index: 1;
  background-attachment: fixed; }

/*
@import 'cookies';
@import 'gridsystem';
@import 'preise';
@import 'sitemap';
@import 'partnerlogos';
@import 'accordion';
@import 'breadcrumbs';
@import 'MobileMenu';
@import 'bottom';
    @import 'threeColumns';
    @import 'footer';
    @import 'contact';
    @import 'galerie';
    @import 'tabs';
    @import 'osmap';

//    @import 'test';


@include breakpoint(480) {
    flex-direction: column;
}

*/
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="panel"] > [data-rlta-element="panel-content"] {
  padding: 0 !important; }

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {
  font-size: 1.03em !important;
  line-height: 1.5rem !important;
  font-weight: 400 !important;
  text-transform: none; }

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="open"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="opening"] {
  background-color: none !important;
  border-radius: 5px; }

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="panel"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="panels"] > [data-rlta-element="panel"] {
  background: none !important;
  border: 1px dotted #bbaf91;
  border-radius: 5px; }

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="panel"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="panels"] > [data-rlta-element="panel"] {
  background: none !important;
  border: 0px dotted #bbaf91;
  border-radius: 5px; }

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:focus, [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:hover {
  background: none !important; }

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
  background: none !important;
  transition: background-color 200ms,border 200ms; }

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
  border: 1px dotted #bbaf91;
  border-radius: 5px;
  padding: 10px 10px; }

[data-rlta-element="container"] > [data-rlta-element="button"] {
  background-color: #f4f5f6;
  border: 1px dotted #bbaf91;
  border-radius: 5px 5px 0 0;
  margin-bottom: -1px;
  padding: 10px 10px; }

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {
  font-size: 1.03em !important;
  line-height: 1.5rem !important;
  font-weight: 500 !important;
  text-transform: none; }

dt[class="article-info-term"] {
  display: none; }

div[class="com-content-category-blog__item blog-item"] {
  margin-top: 5%;
  padding-top: 5%;
  border-top: 1px dotted #bbaf91; }

[data-rlta-element="container"][data-rlta-state="ready"]:last-child, [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="panel"] > [data-rlta-element="panel-content"] > p:last-child, [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="panels"] > [data-rlta-element="panel"] > [data-rlta-element="panel-content"] > p:last-child {
  margin-bottom: 10px; }

/*
:root {
  --cc-text: $GrundDunkel;
  --cc-btn-primary-bg: $GrundDunkel;
  red:var(--cc-bg);
  --cc-btn-primary-hover-bg: $GrundDunkel;
  --cc-btn-secondary-bg: $GrundDunkel;
  --cc-btn-secondary-text:var(--cc-text);
  --cc-btn-secondary-hover-bg: #d8e0e6;
  --cc-toggle-bg-off: #919ea6;
  --cc-toggle-bg-on:var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #d5dee2;
  --cc-toggle-knob-bg: #fff;
  --cc-toggle-knob-icon-color: #ecf2fa;
  --cc-block-text:var(--cc-text);
  --cc-cookie-category-block-bg: #f0f4f7;
  --cc-cookie-category-block-bg-hover: #e9eff4;
  --cc-section-border: #f1f3f5;
  --cc-cookie-table-border: #e9edf2;
  --cc-overlay-bg:rgba(4, 6, 8, 0.85);
  --cc-webkit-scrollbar-bg: #cfd5db;
  --cc-webkit-scrollbar-bg-hover: #9199a0
}
*/

/*# sourceMappingURL=Template.css.map */