@font-face {
  font-display: swap;
  font-family: 'CorporateA';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/CorporateA-Regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'CorporateA';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/CorporateA-RegularItalic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'CorporateA';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/CorporateA-Bold.woff2') format('woff2');
}
/* open-sans-700italic - cyrillic_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'CorporateA';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/CorporateA-BoldItalic.woff2') format('woff2');
}


@font-face {
  font-display: swap;
  font-family: 'BritannicComD-Medi';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/BritannicComD-Medi.woff2') format('woff2');
}

:root{
  --cassiopeia-color-primary: #fefefe;
  --cassiopeia-color-link: #fefefe;
  --cassiopeia-color-hover: #fefefe;
  

  --designTransition1: 0.3s;
  --designTransition2: 0.5s;
  --designTransition08s: 0.8s;

  --designIconFacebookSquare: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cstyle%3Epath%7Bfill:%23fefefe%7D%3C/style%3E%3Cpath%20d=%22M400%2032H48A48%2048%200%200%200%200%2080v352a48%2048%200%200%200%2048%2048h137.25V327.69h-63V256h63v-54.64c0-62.15%2037-96.48%2093.67-96.48%2027.14%200%2055.52%204.84%2055.52%204.84v61h-31.27c-30.81%200-40.42%2019.12-40.42%2038.73V256h68.78l-11%2071.69h-57.78V480H400a48%2048%200%200%200%2048-48V80a48%2048%200%200%200-48-48z%22/%3E%3C/svg%3E");
  --designIconInstagram: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cstyle%3Epath%7Bfill:%23fefefe%7D%3C/style%3E%3Cpath%20d=%22M224.1%20141c-63.6%200-114.9%2051.3-114.9%20114.9s51.3%20114.9%20114.9%20114.9S339%20319.5%20339%20255.9%20287.7%20141%20224.1%20141zm0%20189.6c-41.1%200-74.7-33.5-74.7-74.7s33.5-74.7%2074.7-74.7%2074.7%2033.5%2074.7%2074.7-33.6%2074.7-74.7%2074.7zm146.4-194.3c0%2014.9-12%2026.8-26.8%2026.8-14.9%200-26.8-12-26.8-26.8s12-26.8%2026.8-26.8%2026.8%2012%2026.8%2026.8zm76.1%2027.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9%200-35.8%201.7-67.6%209.9-93.9%2036.1s-34.4%2058-36.2%2093.9c-2.1%2037-2.1%20147.9%200%20184.9%201.7%2035.9%209.9%2067.7%2036.2%2093.9s58%2034.4%2093.9%2036.2c37%202.1%20147.9%202.1%20184.9%200%2035.9-1.7%2067.7-9.9%2093.9-36.2%2026.2-26.2%2034.4-58%2036.2-93.9%202.1-37%202.1-147.8%200-184.8zM398.8%20388c-7.8%2019.6-22.9%2034.7-42.6%2042.6-29.5%2011.7-99.5%209-132.1%209s-102.7%202.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7%209-132.1c7.8-19.6%2022.9-34.7%2042.6-42.6%2029.5-11.7%2099.5-9%20132.1-9s102.7-2.6%20132.1%209c19.6%207.8%2034.7%2022.9%2042.6%2042.6%2011.7%2029.5%209%2099.5%209%20132.1s2.7%20102.7-9%20132.1z%22/%3E%3C/svg%3E");
  --designIconFacebookSquareBlack: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cstyle%3Epath%7Bfill:%23333333%7D%3C/style%3E%3Cpath%20d=%22M400%2032H48A48%2048%200%200%200%200%2080v352a48%2048%200%200%200%2048%2048h137.25V327.69h-63V256h63v-54.64c0-62.15%2037-96.48%2093.67-96.48%2027.14%200%2055.52%204.84%2055.52%204.84v61h-31.27c-30.81%200-40.42%2019.12-40.42%2038.73V256h68.78l-11%2071.69h-57.78V480H400a48%2048%200%200%200%2048-48V80a48%2048%200%200%200-48-48z%22/%3E%3C/svg%3E");
  --designIconInstagramBlack: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cstyle%3Epath%7Bfill:%23333333%7D%3C/style%3E%3Cpath%20d=%22M224.1%20141c-63.6%200-114.9%2051.3-114.9%20114.9s51.3%20114.9%20114.9%20114.9S339%20319.5%20339%20255.9%20287.7%20141%20224.1%20141zm0%20189.6c-41.1%200-74.7-33.5-74.7-74.7s33.5-74.7%2074.7-74.7%2074.7%2033.5%2074.7%2074.7-33.6%2074.7-74.7%2074.7zm146.4-194.3c0%2014.9-12%2026.8-26.8%2026.8-14.9%200-26.8-12-26.8-26.8s12-26.8%2026.8-26.8%2026.8%2012%2026.8%2026.8zm76.1%2027.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9%200-35.8%201.7-67.6%209.9-93.9%2036.1s-34.4%2058-36.2%2093.9c-2.1%2037-2.1%20147.9%200%20184.9%201.7%2035.9%209.9%2067.7%2036.2%2093.9s58%2034.4%2093.9%2036.2c37%202.1%20147.9%202.1%20184.9%200%2035.9-1.7%2067.7-9.9%2093.9-36.2%2026.2-26.2%2034.4-58%2036.2-93.9%202.1-37%202.1-147.8%200-184.8zM398.8%20388c-7.8%2019.6-22.9%2034.7-42.6%2042.6-29.5%2011.7-99.5%209-132.1%209s-102.7%202.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7%209-132.1c7.8-19.6%2022.9-34.7%2042.6-42.6%2029.5-11.7%2099.5-9%20132.1-9s102.7-2.6%20132.1%209c19.6%207.8%2034.7%2022.9%2042.6%2042.6%2011.7%2029.5%209%2099.5%209%20132.1s2.7%20102.7-9%20132.1z%22/%3E%3C/svg%3E");

  --designIconLocation: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20style=%22fill-rule:evenodd%22%20viewBox=%220%200%20342%20512%22%3E%3Cstyle%3E.fil0%7Bfill:%231a1a1abb%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M173.338%20114.762c36.002,0%2065.194,29.195%2065.194,65.201%200,36.006%20-29.192,65.21%20-65.194,65.21%20-36.003,0%20-65.204,-29.204%20-65.204,-65.21%200,-36.006%2029.201,-65.201%2065.204,-65.201zm160.661%2056.255c0,89.978%20-162.999,332.983%20-162.999,332.983%200,0%20-163,-243.005%20-163,-332.983%200,-89.988%2073.021,-163.017%20163,-163.017%2089.978,0%20162.999,73.029%20162.999,163.017z%22/%3E%3C/svg%3E");
  --designIconTelefon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cstyle%3E.fil0%7Bfill:%231a1a1abb%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M244.441%20156.927c0.025,-0.285%200.051,-0.545%200.051,-0.83%201.038,-65.564%2055.217,-118.913%20120.781,-118.913%2066.627,0%20120.832,54.205%20120.832,120.832%200,66.628%20-54.205,120.833%20-120.832,120.833%20-36.776,0%20-71.115,-16.495%20-94.197,-45.205%20-1.608,-1.998%20-3.942,-3.191%20-6.51,-3.32%20-0.155,-0.026%20-0.311,-0.026%20-0.467,-0.026%20-2.385,0%20-4.668,0.933%20-6.328,2.619l-13.33%2013.331%200%20-89.321zm-12.371%20119.198c3.319,1.375%207.183,0.623%209.751,-1.945l21.786%20-21.786c26.246,28.296%2062.763,44.35%20101.666,44.35%2076.483,0%20138.727,-62.245%20138.727,-138.728%200,-76.508%20-62.244,-138.727%20-138.727,-138.727%20-74.979,0%20-136.964,60.688%20-138.65,135.537%20-0.077,0.363%20-0.077,0.752%20-0.077,1.142l0%20111.884c0,3.631%202.178,6.899%205.524,8.273z%20M379.356%20394.442c-1.634,-3.579%20-3.709,-7.159%20-6.147,-10.66%20-8.558,-12.267%20-20.878,-22.174%20-31.693,-30.889l-5.109%20-4.149c-13.59,-11.127%20-25.883,-16.521%20-37.606,-16.521%20-8.377,0%20-16.236,2.775%20-23.342,8.274l-14.601%2011.229c-7.444,5.732%20-18.207,6.614%20-26.091,2.049%20-42.249,-24.301%20-68.443,-54.645%20-82.992,-75.808%20-5.68,-8.3%20-5.758,-18.985%20-0.182,-27.207l16.157%20-23.834c21.708,-32.03%20-8.584,-57.369%20-28.658,-74.149%20-3.397,-2.852%20-6.665,-5.576%20-9.492,-8.169%20-7.937,-7.288%20-18.803,-16.08%20-32.134,-19.529%20-3.423,-0.882%20-6.925,-1.323%20-10.348,-1.323%20-20.826,0%20-36.465,15.665%20-48.992,30.992%20-1.504,1.816%20-3.06,3.657%20-4.616,5.525%20-14.29,17.013%20-30.474,36.283%20-24.068,62.685%207.495,30.863%2028.684,63.023%2045.257,87.48l12.889%20-12.89c-15.482,-22.927%20-34.26,-52.13%20-40.744,-78.818%20-4.279,-17.609%207.677,-31.848%2020.385,-46.942%201.582,-1.919%203.191,-3.813%204.747,-5.706%209.881,-12.086%2021.785,-24.43%2035.142,-24.43%201.919,0%203.89,0.259%205.861,0.752%209.466,2.437%2017.714,9.155%2024.535,15.405%203.008,2.749%206.458,5.654%2010.088,8.688%2022.253,18.596%2037.088,33.094%2025.443,50.263%20-0.052,0.052%20-16.261,23.964%20-16.261,23.964%20-9.752,14.368%20-9.648,32.963%200.233,47.357%2015.613,22.72%2043.675,55.243%2088.802,81.203%2014.031,8.092%2032.912,6.666%2045.984,-3.397l14.575%20-11.204c10.659,-8.222%2022.33,-5.472%2038.695,7.91l5.213%204.227c10.4,8.377%2021.138,17.014%2028.244,27.207%201.841,2.593%203.345,5.238%204.512,7.832%208.325,18.259%20-4.02,33.041%20-25.105,49.614%20-2.697,2.127%20-5.472,4.538%20-8.299,7.002%20-9.078,7.911%20-18.466,16.106%20-27.828,16.34l-0.83%200c-8.118,0%20-16.573,-3.138%20-24.509,-6.381%20-54.594,-22.174%20-105.712,-55.605%20-147.805,-96.712%20-19.399,-18.932%20-36.958,-39.784%20-52.493,-61.855l-12.838%2012.812c15.717,22.045%2033.379,42.871%2052.83,61.855%2043.727,42.716%2096.842,77.469%20153.563,100.499%209.155,3.709%2019.891,7.677%2031.252,7.677l1.27%200c15.821,-0.415%2028.218,-11.204%2039.137,-20.722%202.619,-2.283%205.135,-4.487%207.598,-6.432%2013.85,-10.867%2046.217,-36.336%2030.371,-71.114z%20M353.443%20182.678l-6.545%2015.793%20-55.301%200%203.202%20-12.995c13.635,-11.335%2026.393,-22.789%2038.298,-34.337%206.497,-6.284%2010.742,-11.691%2012.734,-16.173%201.257,-2.775%201.873,-5.454%201.873,-8.039%200,-3.344%20-1.185,-5.952%20-3.557,-7.849%20-2.087,-1.708%20-4.814,-2.562%20-8.205,-2.562%20-5.644,0%20-10.529,2.04%20-14.607,6.119%20-2.206,2.229%20-4.34,5.549%20-6.379,9.96l-6.617%200c3.202,-8.538%206.948,-14.845%2011.265,-18.924%206.473,-6.166%2014.655,-9.249%2024.519,-9.249%206.427,0%2011.62,1.423%2015.557,4.293%204.624,3.391%206.948,8.086%206.948,14.086%200,6.023%20-2.348,12.046%20-7.019,18.117%20-4.53,5.952%20-14.134,14.75%20-28.836,26.346%20-3.747,2.964%20-10.34,8.11%20-19.778,15.414l42.448%200z%20M398.31%20200.89l5.762%20-23.192%20-41.665%200%200.332%20-1.399%2056.202%20-70.311%2019.658%200%20-13.754%2058.193%2014.537%200%20-3.344%2013.517%20-14.109%200%20-5.763%2023.192%20-17.856%200zm9.533%20-36.709l13.113%20-52.763%20-40.503%2052.763%2027.39%200z%22/%3E%3C/svg%3E");


  --designFarbeIconFaceBook: #4267b2;
  --designFarbeIconInstagram: #c13584;
    


  --designFarbe-0: #fefefe;
  --designFarbe-0-00: #fefefe09;
  --designFarbe-0-01: #fefefe3f;
  --designFarbe-0-02: #fefefe7f;
  --designFarbe-0-03: #fefefebf;

  --designFarbe-1: #e11e23;
  --designFarbe-1-00: #e11e2309;
  --designFarbe-1-01: #e11e233f;
  --designFarbe-1-02: #e11e237f;
  --designFarbe-1-03: #e11e23bf;



 


  --designFarbe-2: #87182f;
  --designFarbe-2-00: #87182f09;
  --designFarbe-2-01: #87182f3f;
  --designFarbe-2-02: #87182f7f;
  --designFarbe-2-03: #87182fbf;


  --designFarbe-3: #089447;
  --designFarbe-3-00: #08944709;
  --designFarbe-3-01: #0894473f;
  --designFarbe-3-02: #0894477f;
  --designFarbe-3-03: #089447bf;

    

  --designFarbeText-1: #333333;
  
  --designFarbe-b: #000000;
  --designFarbe-b-00: #00000009;
  --designFarbe-b-01: #0000003f;
  --designFarbe-b-02: #0000007f;
  --designFarbe-b-03: #000000bf;



  /* 2. Hauptfarbe 
  --designFarbe-10: #089447;
  */



}

html {
  scroll-behavior: smooth;
}
:root {
  --designFont-0: 'CorporateA';
  --designFont-1: 'BritannicComD-Medi';

  --designFont-2: 'TommiHandwriting';
}



:root{
  --design-xlarge: 120em; /*1920x1080 120x67.5*/
  --design-xxlarge: 160em; /*2560x1440 160x90*/
  --design-xxxlarge: 240em; /*3840x2160 240x135*/
}
::selection {
  background: var(--designFarbe-2);
  color: var(--designFarbe-0);
}
*, ::after, ::before {
  box-sizing: border-box;
}
/*
*, h1, h2, h3, h4, h5, h6, a {
  color: #333;
}
*/
body {
  font-family: var(--designFont-0);
}
h1, h2, h4, h5, h6 {
  font-family: var(--designFont-0);
}





.displayNone {
  display: none;
}
.opacityNone {
  opacity: 0;
}
.displayNoneDesktop {
  display: none;
}
@media (max-width: 1024px) {
  .displayNoneDesktop {
    display: block;
  }
}

body {
    font-size: calc( 1.2 * var(--design-em));
    background: var(--designFarbeText-1);
    background: #1e1e1e;
}
body > svg-div {
  height: 0;
}
h1 {
  font-size: 2em;
  line-height: 2.34em;
  line-height: 1em;
}
h2 {
  font-size: 1.5em;
  font-size: 1.25em;
  line-height: 1.74em;
  line-height: 1.25em;
}
h2 {
  margin-bottom: 1em;
}
h3 {
  font-size: 1.17em;
  line-height: 1.41em;
}
h4 {
  font-size: 1em;
  line-height: 1.2em;
}
h5 {
  font-size: 0.83em;
  line-height: 0.92em;
}
h6 {
  font-size: 0.67em;
  line-height: 0.76em;
}
*, :after, :before {
  box-sizing: border-box;
}

img, svg {
  vertical-align: middle;
}





/*** Layout ***/

:root{
  --designTempW1: 240rem;
  --designTempW2: calc(var(--designTempW1) * var(--design-box-2x));
}


:root{
  --design-em: 3.5em;
  --design-box-2x: 0.66;
  /* --design-box-1: 240rem; */
  --design-box-2: calc(var(--design-box-2x) * var(--design-box-1));
}

@media (max-width: 240rem) {
    :root{
        --designTempW1: 240rem;
        --design-box-1: 240rem;
        --design-em: 2.2em;
    }
    body {
        font-size: calc( 1 * var(--design-em));
    }
}

@media (max-width: 160rem) {
    :root{
        --designTempW1: 160rem;
        --design-box-1: 160rem;
        --design-em: 1.5em;
    }
    body {
        font-size: calc( 1 * var(--design-em));
    }
    .container-nav {
      font-size: 0.7em;
    }
    .section p {
        margin: 0 0 1.5em 0;
    }
}

@media (max-width: 120rem) {
    :root{
        --designTempW1: 120rem;
        --design-box-1: 120rem;
        --design-em: 1.5em;

    }
    body {
        font-size: calc( 0.9 * var(--design-em));
    }
}

@media (max-width: 100rem) {
    :root{
        --designTempW1: 100rem;
        --design-box-1: 100rem;
        --design-em: 1.5em;
    }
    body {
        font-size: calc( 0.625 * var(--design-em));
        font-size: calc( 0.5 * var(--design-em));
    }
}
@media (max-width: 80rem) {
    :root{
        --designTempW1: 80rem;
        --design-box-1: 80rem;
        --design-em: 1.5em;
        
        --design-box-2: var(--design-box-1);
        --designTempW2: var(--designTempW1);
    }
    body {
        font-size: calc( 0.5 * var(--design-em));
        font-size: calc( 0.6 * var(--design-em));
    }
    .container-nav {
      font-size: 0.85em;
    }

    .gridc02 {
      grid-template-columns: 1fr 1fr;
    }.gridc03 {
      grid-template-columns: 1fr 1fr;
    }.gridc04 {
      grid-template-columns: 1fr 1fr;
    }
    .grids1 .gridc0 {
      margin: 0 1em;
    }
}
@media (max-width: 60rem) {
    :root{
        --designTempW1: 60rem;
        --design-box-1: 60rem;
        --design-em: 1.5em;

        --design-box-2: var(--design-box-1);
        --designTempW2: var(--designTempW1);
    }
    body {
        font-size: calc( 0.375 * var(--design-em));
        font-size: calc( 0.7 * var(--design-em));
    }
}
@media (max-width: 50rem) {
    :root{
        --designTempW1: 50rem;
        --design-box-1: 50rem;
        --design-em: 1.5em;

        --design-box-2: var(--design-box-1);
        --designTempW2: var(--designTempW1);
    }
    body {
        font-size: calc( 0.3125 * var(--design-em));
        font-size: calc( 0.7 * var(--design-em));
    }
}
@media (max-width: 40rem) {
    :root{
        --designTempW1: 40rem;
        --design-box-1: 40rem;
        --design-em: 1.5em;

        --design-box-2: var(--design-box-1);
        --designTempW2: var(--designTempW1);
    }
    body {
        font-size: calc( 0.25 * var(--design-em));
        font-size: calc( 0.7 * var(--design-em));
    }
    .grids1.teaserDiv, .grids0.teaserDiv {
      padding: 3em 0 1em 0;
    }
    .grids0, .grids1, .gridc0 {
      display: block; 
    }
}


:root{
  --design-box-2x: 0.66;
  --design-box-1: 100%;
  --design-box-2: calc(var(--design-box-2x) * var(--design-box-1));
}


@media (max-width: 1970px) {
  :root {
    --design-box-2x: 0.7;
  }
}
@media (max-width: 1500px) {
  :root {
    --design-box-2x: 0.8;
  }
}
@media (max-width: 1170px) {
  :root {
    --design-box-2x: 0.9;
  }
}
@media (max-width: 1050px) {
  :root {
    --design-box-2x: 0.95;
  }
}
@media (max-width: 1024px) {
  :root {
    --design-box-2x: 0.9;
  }
}






/* ### Template ###*/

.designFarbe-2-01, .designFarbe-2-02, .designFarbe-2-03 > div {
  background: var(--designFarbe-2-00);
}
.designFarbe-2-01 > div {
  background: var(--designFarbe-0);
}



/* ### Grids ### */

.ddg_2 ~ .ddg_x > * {
  display: grid;
  grid-column-gap: 6em;
  grid-row-gap: 0;
  grid-template-areas: ". .";
  grid-template-columns: 1fr 1fr;
}
.ddg_3 ~ .ddg_x > * {
  display: grid;
  grid-column-gap: 6em;
  grid-row-gap: 0;
  grid-template-areas: ". . .";
  grid-template-columns: 1fr 1fr 1fr;
}
.ddg_4 ~ .ddg_x > * {
  display: grid;
  grid-column-gap: 6em;
  grid-row-gap: 0;
  grid-template-areas: ". . . .";
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 80rem) {
  .ddg_1 ~ .ddg_x > *, .ddg_2 ~ .ddg_x > *, .ddg_3 ~ .ddg_x > * {
    margin: 0 1em;
  }
  .ddg_4 ~ .ddg_x > * {
    grid-template-areas: ". .";
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 60rem) {
  .ddg_3 ~ .ddg_x > * {
    grid-template-areas: ". .";
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 40rem) {
  .ddg_1 ~ .ddg_x > *, .ddg_2 ~ .ddg_x > *, .ddg_3 ~ .ddg_x > *, .ddg_4 ~ .ddg_x > * {
    display: block;
  }
}
.ddg_2 ~ .ddg_x > * > h1 {
  grid-column: 1 / span 2;
}
















































/* C&B */
body {
  padding: 0;
  margin: 0;
}



























/* Navigation Desktop dm_5001 */


.dm_5001 .container-header .container-nav {
  width: min(100%, var(--design-box-2));
  max-width: inherit;
  margin-inline: auto;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  box-shadow: none;
}
.dm_5001 .container-header nav.navbar {
  display: flex;
  align-items: flex-end;
}



/* Logo */
.dl_5001 ~ .dl_x .dlc_x .dlcl_x {
  height: 8em;
  padding: 1em;
}
.dl_5001 ~ .dl_x .dlc_x .dlcl_x img{
  height: 100%;
}


/* Menü */

@media (min-width: 1025px) {
.dm_5001 .container-header .mod-menu {
  -webkit-box-flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: end;
}

.dm_5001 .container-header .metismenu .metismenu-item,
.dm_5001 .container-header .metismenu button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.1em;
  line-height: 1;
  align-items: flex-end;
}
.dm_5001 .container-header .metismenu > li > a,
.dm_5001 .container-header .metismenu > li > button {
  padding: 0.5em 1em;
}
.dm_5001 .container-header .metismenu a {
  text-decoration: none;
}
.dm_5001 .container-header .metismenu .mm-toggler {
  -webkit-box-align: center;
  -ms-flex-align: center;
  background: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: currentColor;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-items: flex-end;
}
.dm_5001 .container-header .metismenu > li.level-1 {
  position: relative;
}
.dm_5001 .container-header .metismenu > li.level-1 > ul {
  display: flex;
  min-width: 58em;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 2em 2em 0em 2em;
  height: 22em;
  width: max-content;
  margin-top: 0em;
  background: var(--designFarbe-0-03);
  backdrop-filter: blur(5px);
  box-shadow: 0 4px 8px -4px var(--designFarbeText-1);
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
  top: 3.54em;
  z-index: 2;
  opacity: 0;
}

.dm_5001 .container-header .metismenu > li.level-1 > ul > li {
  width: calc(100% / 3);
}
.dm_5001 .container-header .metismenu > li.level-1 > a,
.dm_5001 .container-header .metismenu > li.level-1 > button {
  color: var(--designFarbe-0);
  font-family: var(--designFont-1);
  font-size: 1.3em;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  white-space: nowrap;
  transition: 0.3s;
}
.dm_5001 .container-header .metismenu > li.level-1 > a:hover,
.dm_5001 .container-header .metismenu > li.level-1 > button:hover,
.dm_5001 .container-header .metismenu > li.level-1.mm-active > button {
  /* color: var(--designFarbeText-1); */
  /* color: #e3e3e3; */
  box-shadow: inset 0 47px 10px -52px #000, inset 0 -47px 10px -52px #fff;
  filter: drop-shadow(2px 4px 2px #00000033);
  transition: 0.3s;
}
/* Joomlas Metis ohne Template mit Casio-JS need collapsing! START */
.dm_5001 .container-header .metismenu .mm-collapse:not(.mm-show) {
  display: none;
}
.dm_5001 .container-header .metismenu .mm-collapsing,
.dm_5001 .container-header .metismenu > li.level-1 > ul.mm-collapsing,
.dm_5001 .container-header .metismenu > li.level-1 > ul.mm-collapsing.mm-collapse.mm-show {
  width: 0;
  height: 0;
  max-width: 0;
  opacity: 0;
  transition-property: color, background-color, height, visibility;
  transition-duration: 0.1s;
  transition-timing-function: ease;
  overflow: hidden;
}
.dm_5001 .container-header .collapsing {
  height: 0;
  transition: height 0.35s;
  overflow: hidden
}
@media (prefers-reduced-motion:reduce) {
  .dm_5001 .container-header .collapsing {
    transition: none
  }
}
.dm_5001 .container-header .metismenu > li.level-1 > ul.mm-collapse.mm-show {
  opacity: 1;
  transition: opacity 0.3s;
}

/* Joomlas Metis ohne Template mit Casio-JS need collapsing! ENDE */

.dm_5001 .container-header .metismenu .metismenu-item.item-213.level-2 {
  margin-bottom: 9.5em;
}
.dm_5001 .container-header .metismenu > li li.level-2 > span {
  width: 100%;
  padding: 0.9em 1em 0.5em 1em;
  margin: 0 1em 0 0;
  color: var(--designFarbeText-1);
  background: #00000022;
  box-shadow: inset 0 -1px 0 #00000099;
  font-family: var(--designFont-1);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.dm_5001 .container-header .metismenu > li li.level-2 > a {
  width: 100%;
  padding: 1.2em 1em 1em 1em;
  margin: 0 1.3em 0 0;
  box-shadow: 0 -1px 0 #00000033;
  transition: color 0.3s;
  color: var(--designFarbeText-1);
  letter-spacing: 0.02em;
  font-weight: 400;
  font-size: 0.8em;
}
.dm_5001 .container-header .metismenu > li ul li.level-2:nth-last-child(1) > *,
.dm_5001 .container-header .metismenu > li ul li.level-2:nth-last-child(2) > *,
.dm_5001 .container-header .metismenu > li ul li.level-2:nth-last-child(3) > * {
  margin: 0;
}
.dm_5001 .container-header .metismenu > li > ul > li.metismenu-item.level-2 > a:hover {
  color: var(--designFarbe-1);
  box-shadow: 0 -1px 0 #00000033, -1.4em 0 0 -1.2em var(--designFarbe-1);
  transition: color 0.3s;
}
.dm_5001 .container-header .metismenu > li li.level-2:hover {
  transition: color 0.3s;
}
.dm_5001 .container-header .metismenu .metismenu-item.level-2.active > a {
  text-decoration: none;
  color: var(--designFarbe-1);
  box-shadow: 0 -1px 0 #00000033, -1.3em 0 0 -1.2em var(--designFarbe-1);
  transition: 0.3s;
}
/*** Fix ??? ****/
.dm_5001 .container-header .metismenu .metismenu-item>a:focus,
.dm_5001 .container-header .metismenu .metismenu-item>button:focus {
  outline: none;
}
/*** Fix End ****/
}

/* Navigation Handy dm_5001*/
/* Menü HAMBURGER Ausblenden */
.dm_5001 .container-header .navbar-expand-lg .navbar-toggler {
  display: none;
}
/*
@media (max-width: 1024px) {
  .dm_5001 .container-header .navbar-expand-lg .navbar-toggler {
    display: block;
  }
  .dm_5001 .container-header .collapse:not(.show) {
    display: none;
  }
  .container-header .navbar-collapse.show {
    display: flex;
  }
  .dm_5001 .container-header .navbar-collapse {
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    right: 0;
    z-index: 1;
  }
  .dm_5001 .container-header .mod-menu {
    flex-direction: column;
  }
}
*/











/* Navigation Handy dm_5501*/
/* Menü HAMBURGER Einblenden */
.dm_5501 .container-header .navbar-expand-lg .navbar-toggler {
  display: none;
}
@media (max-width: 1024px) {
  .dm_5501 .container-header .navbar-expand-lg .navbar-toggler {
    display: block;
  }
  .dm_5501 .container-header .collapse:not(.show) {
    display: none;
  }
  .container-header .navbar-collapse.show {
    display: flex;
  }

  .dm_5501 .container-header .navbar-collapse {
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    right: 0;
    z-index: 1;
  }
  .dm_5501 .container-header .mod-menu {
    flex-direction: column;
  }
  /* Joomlas Metis ohne Template mit Casio-JS need collapsing! START */
  .dm_5501 .container-header .metismenu .mm-collapse:not(.mm-show) {
    display: none;
  }
  .dm_5501 .container-header .metismenu .mm-collapsing,
  .dm_5501 .container-header .metismenu > li.level-1 > ul.mm-collapsing,
  .dm_5501 .container-header .metismenu > li.level-1 > ul.mm-collapsing.mm-collapse.mm-show {
    width: initial;
    height: 0;
    max-width: initial;
    opacity: 1;
    display: block;
    transition-property: color, background-color, height, visibility;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    overflow: hidden;
  }
  .dm_5501 .container-header .collapsing {
    height: 0;
    display: block;
    transition: height 0.35s, display 0.1s;
    overflow: hidden
  }
  .dm_5501 .container-header .metismenu > li.level-1 > ul.mm-collapse.mm-show {
    opacity: 1;
    transition: opacity 0.1s;
    padding: 0px 0px 3em;
  }
  /* Joomlas Metis ohne Template mit Casio-JS need collapsing! ENDE */


  .dm_5501 .container-header .navbar-expand-lg .navbar-toggler {
    position: absolute;
    width: 2em;
    height: 2em;
    padding: 0;
    right: 3em;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
  }
  .dm_5501 .container-header .navbar-toggler > span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }
  .dm_5501 .container-header .navbar-toggler .icon-menu:before {
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    top: 50%;
    background: var(--designFarbe-0);
    position: absolute;
    transition: 0.5s;
  }
  .dm_5501 .container-header .navbar-toggler[aria-expanded="false"] .icon-menu:before {
    box-shadow: 0 -7px 0 0 var(--designFarbe-0), 0 7px 0 var(--designFarbe-0);
  }
  .dm_5501 .container-header .navbar-toggler[aria-expanded="true"] .icon-menu:before {
    box-shadow: 0 -7px 0 0 transparent, 0 7px 0 transparent;
    transition: 0.5s;
  }





  .dm_5501 .container-header .navbar-collapse {
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    left: calc(calc(calc(100% - var(--design-box-2)) / -2) + -2px);
    top: calc(100%);
    width: 100vw;
    background: var(--designFarbe-1);
    z-index: 1;
  }
  .dm_5501 .container-header .mod-menu {
    padding-inline-start: 0;
    margin-block-end: 0;
  }
  .dm_5501 .container-header .metismenu > li.level-1 > ul {
    padding: 0;
    display: flex;
    flex-direction: column;
    opacity: 0;
  }

  .dm_5501 .container-header .metismenu > li.level-1 > ul > li {
    width: calc(100% / 1);
  }
  .dm_5501 .container-header .metismenu .mm-toggler {
    background: none;
    border: none;
    display: flex;
    justify-content: center;
    user-select: none;
  }




  .dm_5501 .container-header .metismenu,
  .dm_5501 .container-header .metismenu li,
  .dm_5501 .container-header .metismenu button,
  .dm_5501 .container-header .metismenu ul {
    width: 100%;
    text-align: center;
  }
  .dm_5501 .container-header .metismenu a {
    text-decoration: none;
  }

  .dm_5501 .container-header .metismenu li > a, 
  .dm_5501 .container-header .metismenu li > button {
    padding: 0.8em 1em 0.6em 1em;
    display: block;
  }
  .dm_5501 .container-header .metismenu > li.level-1 > a, 
  .dm_5501 .container-header .metismenu > li.level-1 > button {
    color: var(--designFarbe-0);
    font-family: var(--designFont-1);
    font-size: 1.3em;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
    box-shadow: inset 0 0.5px 0 var(--designFarbe-0);
    transition: 0.3s;
  }
  .dm_5501 .container-header .metismenu > li.level-1 > a:hover, 
  .dm_5501 .container-header .metismenu > li.level-1 > button:hover, 
  .dm_5501 .container-header .metismenu > li.level-1.mm-active > button {
    box-shadow: inset 0 47px 10px -52px #000, inset 0 -47px 10px -52px #fff;
    transition: 0.3s;
  }

  .dm_5501 .container-header .metismenu li.level-2 > a, 
  .dm_5501 .container-header .metismenu li.level-2 > button {
    color: var(--designFarbe-0);
    font-family: var(--designFont-1);
    font-size: 1.3em;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
    transition: 0.3s;
  }
  .dm_5501 .container-header .metismenu li.level-2 > span {
    color: var(--designFarbe-0);
    padding: 0.5em 2em;
    margin-top: 2em;
    display: block;
    font-family: var(--designFont-1);
    font-size: 1.3em;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
    box-shadow: inset 0 47px 10px -52px #000, inset 0 -47px 10px -52px #fff;
    transition: 0.3s;
  }
  .dm_5501 .container-header .metismenu li.level-2:has(span) + li a {
    box-shadow: inset 0 47px 10px -52px #000;
  }
  .dm_5501 .container-header .metismenu li.level-2.item-204 > span {
    margin-top: 0;
  }
  .dm_5501 .container-header .metismenu > li.level-1.mm-active button {
    padding: 1.3em 1em 1em 1em;
    font-size: 1.8em;
    background: var(--designFarbe-2);
    box-shadow: inset 0 54px 10px -52px #000;
    transition: 0.3s;
  }
  .dm_5501 .container-header .metismenu > li.level-1 ul {
    background: var(--designFarbe-2);
  }
  .dm_5501 .container-header .metismenu > li.level-1.mm-active span {
    padding: 0.8em 1em 0.5em 1em;
    font-size: 1.5em;
    transition: 0.6s;
  }

  :before, :after {
      box-sizing: border-box;
  }

}
@media (prefers-reduced-motion:reduce) {
  .dm_5501 .container-header .collapsing {
    transition: none
  }
}





































/* TEXTBEREICH 1011 */

.do_1011 + .do_x {
  width: min(100%, var(--design-box-1));
}
.do_1011 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
}
.do_1011 + .do_x .doco_x h1 {
  text-align: center;
  color: var(--designFarbe-1);
}
.do_1011 + .do_x .doco_x h1 + p {
  text-align: center;
}
/* zus Farben */
body.de_1010 .do_1011 + .do_x .doco_x h1 {
  color: var(--designFarbe-10);
}
body.de_1010 .do_1011 + .do_x .doco_x h1 + p {
  color: initial;
}




/* TEXTBEREICH 1012 */

.do_1012 + .do_x {
  width: min(100%, var(--design-box-1));
}
.do_1012 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
}
.do_1012 + .do_x .doco_x {
  /* width: 65%; */
}

.do_1012 + .do_x .doco_x > p {
  margin: initial;
  font-size: 0.75em;
}
.do_1012 + .do_x .doco_x > p:nth-of-type(1) {
  margin: 0 0 0.5em 0;
  color: var(--designFarbe-2);
  font-family: var(--designFont-1);
  font-size: 0.9em;
}
.do_1012 + .do_x .doco_x h1 {
  margin: initial;
  color: var(--designFarbe-2);
  font-size: 2em;
  line-height: 1em;
}
.do_1012 + .do_x .doco_x h2 {
  margin: 1em 0 0em 0;
  color: var(--designFarbe-2);
  font-size: 1.25em;
  line-height: 1.25em;
}
.do_1012 + .do_x .doco_x h1 + p {
  color: initial;
}
.do_1012 + .do_x .doco_x h1 + p {
  text-align: left;
}
.do_1012 + .do_x .doco_x h3 {
  margin: 1em 0 0.5em 0;
  font-size: 0.85em;
  line-height: 1.3em;
  font-weight: 700;
}
.do_1012 + .do_x .doco_x ul {
  margin: 0;
  font-size: 0.75em;
}





/* TEXTBEREICH 1013 */

.do_1013 + .do_x {
  width: min(100%, var(--design-box-1));
}
.do_1013 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
}
.do_1013 + .do_x .doco_x {
  width: 65%;
}

.do_1013 + .do_x .doco_x > p {
  margin: initial;
  font-size: 0.75em;
}
.do_1013 + .do_x .doco_x > p:nth-of-type(1) {
  margin: 0 0 0.5em 0;
  color: var(--designFarbe-2);
  font-family: var(--designFont-1);
  font-size: 0.9em;
}
.do_1013 + .do_x .doco_x h1 {
  margin: initial;
  color: var(--designFarbe-2);
  font-size: 2em;
  line-height: 1em;
}
.do_1013 + .do_x .doco_x h2 {
  margin: 1em 0 0em 0;
  color: var(--designFarbe-2);
  font-size: 1.25em;
  line-height: 1.25em;
}
.do_1013 + .do_x .doco_x h1 + p {
  color: initial;
}
.do_1013 + .do_x .doco_x h1 + p {
  text-align: left;
}








/* TEXTBEREICH 1021 */
.do_1021 + .do_x {
  width: min(100%, var(--design-box-1));
}
.do_1021 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
}
.do_1021 + .do_x .doco_x {
  display: flex;
  flex-wrap: wrap;
}
.do_1021 + .do_x .doco_x > p:nth-of-type(1) {
  color: var(--designFarbe-1);
}
.do_1021 + .do_x .doco_x h1 {
  width: 100%;
  color: var(--designFarbe-1);
  text-align: left;
}
.do_1021 + .do_x .doco_x h2 {
  width: 100%;
  color: var(--designFarbe-1);
  text-align: left;
}
.do_1021 + .do_x .doco_x h1 + p {
  color: initial;
}
.do_1021 + .do_x .doco_x h1 + p {
  text-align: left;
}
.do_1021 + .do_x .doco_x h1 ~ p {
  width: 50%;
}
/* zus Farben */
body.de_1010 .do_1021 + .do_x .doco_x h1,
body.de_1010 .do_1021 + .do_x .doco_x h2,
body.de_1010 .do_1021 + .do_x .doco_x > p:nth-of-type(1) {
  color: var(--designFarbe-10);
}
body.de_1010 .do_1021 + .do_x .doco_x h1 + p {
  color: initial;
}















/* TEXTBEREICH 1051 */
.do_1051 + .do_x {
  width: min(100%, var(--design-box-1));
  background: #555;
  background-image: url(https://roth-bestattungen.de/images/kueche/rundgang.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: soft-light;
  box-shadow: inset 0 10.01em 0 -10em #000, inset 0 -10.01em 0 -10em #000, inset 0 10em 0.5em -10em #ddd, inset 0 -10em 0.5em -10em #ddd;
}

.do_1051 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
}
.do_1051 + .do_x .doco_x {
  display: flex;
  flex-wrap: wrap;
  padding: 5em 3em;
}
.do_1051 + .do_x .doco_x > * {
  width: 100%;
  text-align: center;
  color: var(--designFarbe-0);
}
.do_1051 + .do_x .doco_x > p:nth-of-type(2) {
  width: 50%;
  margin: 0 auto;
}

.do_1051 + .do_x .doco_x > hr {
  width: calc(calc(100% - 5em) / 2);
  margin: 1em 0;
  height: 0.1em;
  position: relative;
  display: inline-block;
  border: none;
  background: var(--designFarbe-0);
  opacity: 1;
  overflow: initial;
}
.do_1051 + .do_x .doco_x > hr::before,
.do_1051 + .do_x .doco_x > hr::after {
  content: '';
  position: absolute;
  display: inline-block;
}
.do_1051 + .do_x .doco_x > hr::before {
  content: '\f030';
  font-family: Font Awesome\ 5 Free;
  font-size: 2em;
  right: -1.75em;
  transform: translateY(-50%);
  font-weight: 700;
}
.do_1051 + .do_x .doco_x > hr::after {
  width: 100%;
  height: 100%;
  right: calc(-100% - 5em);
  background: var(--designFarbe-0);
}





















/* TEXTBEREICH 1051 */
.do_1055 + .do_x {
  width: min(100%, var(--design-box-1));
}

.do_1055 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.do_1055 + .do_x .doco_x {
  display: flex;
  flex-wrap: wrap;
  padding: 5em 3em;
  margin: 1em;
  width: calc(50% - 2em);

  background: #555;
  background-image: url(https://roth-bestattungen.de/images/kueche/rundgang.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: soft-light;
  box-shadow: inset 0 10.01em 0 -10em #000, inset 0 -10.01em 0 -10em #000, inset 0 10em 0.5em -10em #ddd, inset 0 -10em 0.5em -10em #ddd;

}
.do_1055 + .do_x .doco_x > * {
  width: 100%;
  text-align: center;
  color: var(--designFarbe-0);
}
.do_1055 + .do_x .doco_x > p:nth-of-type(2) {
  width: 50%;
  margin: 0 auto;
}

.do_1055 + .do_x .doco_x > hr {
  width: calc(calc(100% - 5em) / 2);
  height: 0.1em;
  margin: 1em 0;
  position: relative;
  display: inline-block;
  border: none;
  background: var(--designFarbe-0);
  opacity: 1;
  overflow: initial;
}
.do_1055 + .do_x .doco_x > hr::before,
.do_1055 + .do_x .doco_x > hr::after {
  content: '';
  position: absolute;
  display: inline-block;
}
.do_1055 + .do_x .doco_x > hr::before {
  content: '\f030';
  font-family: Font Awesome\ 5 Free;
  font-size: 2em;
  right: -1.75em;
  transform: translateY(-50%);
  font-weight: 700;
}
.do_1055 + .do_x .doco_x > hr::after {
  width: 100%;
  height: 100%;
  right: calc(-100% - 5em);
  background: var(--designFarbe-0);
}




























/* GALERIE 5011 */
.do_5011 + .do_x {
  width: min(100%, var(--design-box-1));
  background: #000000;
  background: var(--designFarbe-1);
}

.do_5011 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  padding: 0 1em;
  display: flex;
  flex-wrap: wrap;
}
.do_5011 + .do_x .doco_x {
  display: flex;
  flex-wrap: wrap;

  width: calc(calc(100% - 2em) / 16);
  margin: 0 calc(1em / 16);

  width: calc(calc(100% - 8em) / 16);
  margin: 0 calc(4em / 16);

  padding: 0;
  aspect-ratio: 1 / 1;
}
.do_5011 + .do_x .doco_x * {
  width: 100% !important;
  height: 100% !important;
}
.do_5011 + .do_x .doco_x ul {
  position: relative;
  cursor: pointer;
}
.do_5011 + .do_x .doco_x ul li {
  overflow: hidden;
}
.do_5011 + .do_x .doco_x ul:hover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
}
.do_5011 + .do_x .doco_x ul.sigFreeClassic:hover li.sigFreeThumb a.sigFreeLink img.sigFreeImg {
  opacity: 0.7;
  transform: scale(1.2);
  transition: 0.5s;
}
.do_5011 + .do_x .doco_x img {
  background-size: cover;
  transition: 0.5s;
}

.do_5011 + .do_x .doco_x ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover:after {
  background: none;
}















/* GALERIE 5012 Grid */
.do_5012 + .do_x {
  width: min(100%, var(--design-box-1));
}
.do_5012 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding: 1em 1em;
}
.do_5012 + .do_x .doco_x {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.do_5012 + .do_x .doco_x * {
  width: 100% !important;
  height: 100% !important;
}
.do_5012 + .do_x .doco_x ul {
  /* aspect-ratio: 3 / 2; */
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.do_5012 + .do_x .doco_x ul li {
  width: calc(calc(100% - 2em) / 4) !important;
  height: calc(calc(100% - 2em) / 4) !important;
  margin: calc(1em / 4) calc(1em / 4) !important;
}
.do_5012 + .do_x .doco_x img {
  background-size: cover;
}
/* zus Styles */
.do_5012 + .do_x .doco_x ul {
  display: grid;
  /*   
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  */
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}
.do_5012 + .do_x .doco_x ul li {
  width: 100% !important;
  height: 100% !important;
}
.do_5012 + .do_x .doco_x ul li:nth-of-type(5) {
  grid-area: 8 / 1 / 9 / 3; 
}
.do_5012 + .do_x .doco_x ul li:nth-of-type(6) {
  display: none;
}
.do_5012 + .do_x .doco_x ul li:nth-of-type(10) {
  grid-area: 4 / 3 / 6 / 4; 
}
.do_5012 + .do_x .doco_x ul li:nth-of-type(12) {
  grid-area: 1 / 3 / 3 / 4; 
}
.do_5012 + .do_x .doco_x ul li:nth-of-type(13) {
  grid-area: 6 / 2 / 8 / 3; 
}
.do_5012 + .do_x .doco_x ul li:nth-of-type(14) {
  grid-area: 5 / 1 / 7 / 2; 
}
.do_5012 + .do_x .doco_x ul li:nth-of-type(15) {
  grid-area: 7 / 3 / 9 / 4; 
}
.do_5012 + .do_x .doco_x ul li:nth-of-type(16) {
  grid-area: 1 / 2 / 3 / 3; 
}




















/* GALERIE 5041 */
.do_5041 + .do_x {
  width: min(100%, var(--design-box-1));
}
.do_5041 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding: 1em 1em;
}
.do_5041 + .do_x .doco_x {
  display: flex;
  flex-wrap: wrap;
  padding: 0;

  width: calc(calc(100% - 0em) / 4);
  margin: 0 calc(0em / 4);

  width: calc(calc(100% - 2em) / 4);
  margin: calc(1em / 4) calc(1em / 4);

}

.do_5041 + .do_x .doco_x * {
  width: 100% !important;
  height: 100% !important;
}
.do_5041 + .do_x .doco_x ul {
  aspect-ratio: 3 / 2;
  padding: 0 !important;
  margin: 0 !important;
}
.do_5041 + .do_x .doco_x img {
  background-size: cover;
}





















































/* GALERIE 5051 */
.do_5051 + .do_x {
  width: min(100%, var(--design-box-1));
}

.do_5051 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.do_5051 + .do_x .doco_x {
  display: flex;
  flex-wrap: wrap;
  padding: 5em 3em;
  margin: 1em;
  width: calc(50% - 2em);

  background: #555;
  background-image: url(https://roth-bestattungen.de/images/kueche/rundgang.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: soft-light;
  box-shadow: inset 0 10.01em 0 -10em #000, inset 0 -10.01em 0 -10em #000, inset 0 10em 0.5em -10em #ddd, inset 0 -10em 0.5em -10em #ddd;

}
.do_5051 + .do_x .doco_x > * {
  width: 100%;
  text-align: center;
  color: var(--designFarbe-0);
}





























/* GALERIE 5001 */
.do_5001 + .do_x {
  width: min(100%, var(--design-box-1));
}
.do_5001 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding: 1em 1em;
}
.do_5001 + .do_x .doco_x {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.do_5001 + .do_x .doco_x * {
  width: 100% !important;
  height: 100% !important;
}
.do_5001 + .do_x .doco_x ul {
  /* aspect-ratio: 3 / 2; */
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.do_5001 + .do_x .doco_x ul li {
  width: calc(calc(100% - 2em) / 4) !important;
  height: calc(calc(100% - 2em) / 4) !important;
  margin: calc(1em / 4) calc(1em / 4) !important;
}
.do_5001 + .do_x .doco_x img {
  background-size: cover;
}












/* BOXEN 9021 */
.do_9021 + .do_x {
  width: min(100%, var(--design-box-1));
}
.do_9021 + .do_x > .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
}
.do_9021 + .do_x > .doc_x > .doco_x {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}
.do_9021 + .do_x > .doc_x > .doco_x h1,
.do_9021 + .do_x > .doc_x > .doco_x h2 {
  width: 100%;
  color: var(--designFarbe-1);
  text-align: left;
}

/* zus Farben */
body.de_1010 .do_9021 + .do_x > .doc_x > .doco_x h1,
body.de_1010 .do_9021 + .do_x > .doc_x > .doco_x h2 {
  color: var(--designFarbe-10);
}














/* Boxen 9022 */
.do_9022 + .do_x {
  width: min(100%, var(--design-box-1));
}
.do_9022 + .do_x > .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
}
.do_9022 + .do_x > .doc_x > .doco_x {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}
.do_9022 + .do_x > .doc_x > .doco_x h1,
.do_9022 + .do_x > .doc_x > .doco_x h2 {
  width: 100%;
  color: var(--designFarbe-1);
  text-align: left;
}

/* zus Farben */
body.de_1010 .do_9022 + .do_x > .doc_x > .doco_x h1,
body.de_1010 .do_9022 + .do_x > .doc_x > .doco_x h2 {
  color: var(--designFarbe-10);
}


























/* AKKORDION 7001 Standard */

.do_7001 + .do_x {}

.do_7001 + .do_x .accordionGross {
  font-size: calc(0.01em * 100);
}
.do_7001 + .do_x .accordionTitel {
  margin: 0;
  padding: 1em;
  background: var(--designFarbe-1);
  color: var(--designFarbe-0);
  border-bottom: 1px solid var(--designFarbe-0);
  cursor: pointer;
  font-weight: 700;
}
.do_7001 + .do_x .accordionTitel + div {
  height: 0px;
  background: var(--gray-300);
  overflow: hidden;
  max-height: 0px;
  padding: 0em 2em;
  transition: 1s;
}
.do_7001 + .do_x .accordionTitel + div.gross {
  padding: 2em 2em;
  height: 1%;
  max-height: 2000px;
  transition: 1s;
}
.do_7001 + .do_x .accordionTitel + div > p {
  margin-bottom: 0;
}


/* AKKORDION 7011 Küchenstundio */
.do_7011 + .do_x .accordionFeld .accordionTitel {
  transition: 0.3s;
}
.do_7011 + .do_x .accordionFeld:has(.gross) .accordionTitel,
.do_7011 + .do_x .accordionFeld .accordionTitel:hover {
  background: var(--designFarbe-2);
  transition: 0.3s;
}
.do_7011 + .do_x .accordionFeld .accordionTitel + div {
  perspective: 1000px;
  opacity: 0;
  transform-style: preserve-3d;
  transform: rotateX(90deg) scale(0.9);
  box-shadow: inset 0 0 0 0px transparent;
}
.do_7011 + .do_x .accordionFeld .accordionTitel + div.gross {
  opacity: 1;
  transform: rotateX(0deg) scale(1);
  box-shadow: inset 0 0 0 10px #eceef2;
}
.do_7011 + .do_x .accordionTitel + div > p {
  opacity: 0;
  transform: translateX(0em) translateY(-15em) translateZ(-2em) rotateX(90deg);
  transition: 1s;
}
.do_7011 + .do_x .accordionTitel + div.gross > p {
  opacity: 1;
  transform: translateX(0em) translateY(0em) translateZ(0em) rotateX(0deg);
  transition: 1s;
}







































/* Slider ds_1001 */
.ds_1001 ~ .ds_x {
  position: relative;
  width: min(100%, var(--design-box-1));
  aspect-ratio: 1900 / 800;
  overflow: hidden;
}
.ds_1001 ~ .ds_x .dsc_x {
  position: absolute;
  width: min(100%, var(--design-box-1));
  aspect-ratio: 1900 / 800;
  opacity: 0;
}
.ds_1001 ~ .ds_x .dsc_x img{
  width: min(100%, var(--design-box-1));
  aspect-ratio: 1900 / 800;
  height: auto;
}
@media (max-width: 760px) {
  .ds_1001 ~ .ds_x {
    width: min(100%, var(--design-box-1));
    aspect-ratio: 1 / 1;
  }
  .ds_1001 ~ .ds_x .dsc_x {
    width: min(100%, var(--design-box-1));
    aspect-ratio: 1 / 1;
  }
  .ds_1001 ~ .ds_x .dsc_x img{
    width: min(100%, var(--design-box-1));
    aspect-ratio: 1 / 1;
  }
}
/* Slider Dots */
.ds_1001 ~ .ds_x .sliderDots {
  height: 1em;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-2em);
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
}
.ds_1001 ~ .ds_x .sliderDotPoint {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: var(--designFarbe-2-01);
  padding: 0.1em;
  margin: 0.5em;
  box-shadow: 0 0 0 0.03em var(--designFarbe-0-03);
  cursor: pointer;
  transition: 0.4s;
  position: relative;
}
.ds_1001 ~ .ds_x .sliderDotPoint:hover {
  padding: 0.3em;
  box-shadow: 0 0 0 0.03em var(--designFarbe-1-03);
  transition: 0.4s;
}
.ds_1001 ~ .ds_x .sliderDotChange {
  padding: 0.3em;
  background: var(--designFarbe-0-03);
  box-shadow: 0 0 0 0.03em var(--designFarbe-1);
  transition: 0.4s;
}

.ds_1001 ~ .ds_x .sliderDotPoint::before {
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: -1em;
  transition: 0.4s;
}
.ds_1001 ~ .ds_x .sliderDotPoint::after {
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: 0.2em;
  transition: 0.4s;
}
.ds_1001 ~ .ds_x .sliderDotPoint:hover::before {
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: -1em;
  transition: 0.4s;
}
.ds_1001 ~ .ds_x .sliderDotPoint:hover::after {
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: 0.2em;
  transition: 0.4s;
}

.ds_1001 ~ .ds_x .sliderDotWZ {
  width: 1.5em;
  padding: 0.3em;
  cursor: pointer;
  height: 1em;
  font-size: 1.3em;
  line-height: 0.5;
  color: var(--designFarbe-0);
  margin: 0.5em;
  transition: 0.3s;
  user-select: none;
}
.ds_1001 ~ .ds_x .sliderDotWeiter:hover {
  padding-left: 0.8em;
  transition: 0.5s;
  color: var(--designFarbe-1);
}
.ds_1001 ~ .ds_x .sliderDotZuruck {
  text-align: end;
}
.ds_1001 ~ .ds_x .sliderDotZuruck:hover {
  padding-right: 0.8em;
  transition: 0.5s;
  color: var(--designFarbe-1);
}



























































/* Slider Animation */
.ds_1001 ~ .ds_x .slideOpacityOff {
  animation: slideOpacityOff 1s forwards;
}
@keyframes slideOpacityOff {
0% {opacity: 1;transform: translateX(0%) translateY(0%);}
90% {opacity: 0;transform: translateX(100%) translateY(0%);}
99% {opacity: 0;transform: translateX(100%) translateY(0%);}
100% {opacity: 0;transform: translateX(-50%) translateY(-100%);}
}
.ds_1001 ~ .ds_x .slideOpacityOn {
  animation: slideOpacityOn 1s forwards;
}
@keyframes slideOpacityOn {
0% {opacity: 0;transform: translateX(-50%) translateY(-100%);}
1% {opacity: 0;transform: translateX(-50%) translateY(0%);}
10% {opacity: 0;transform: translateX(-50%) translateY(0%);}
100% {opacity: 1;transform: translateX(0%) translateY(0%);}
}









/* TEAMS dp_1001 */
.dp_1001 ~ .dp_x {
  width: min(100%, var(--design-box-1));
}
.dp_1001 ~ .dp_x .dpc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.dp_1001 ~ .dp_x .dpc_x .dpcp_x {
  width: calc(calc(100% - 2em) / 2);
  display: flex;
  align-items: flex-end;
  position: relative;
  margin-bottom: 2em;
  background: linear-gradient(0deg, #120f16 0%, #15161b 100%);
  overflow: hidden;
}
.dp_1001 ~ .dp_x .dpc_x .dpcp_x:nth-of-type(even) {
  margin-left: 2em;
}

.dp_1001 ~ .dp_x .dpc_x .dpcp_x .dpcpb_x {
  width: 30%;
  min-width: 30%;
  background: linear-gradient(0deg, #120f16 0%, #15161b 100%);
}
.dp_1001 ~ .dp_x .dpc_x .dpcp_x .dpcpb_x img {
  width: 100%;
  transition: 0.3s;
}
.dp_1001 ~ .dp_x .dpc_x .dpcp_x:hover .dpcpb_x img {
  scale: 1.1;
  transition: 0.3s;
}

.dp_1001 ~ .dp_x .dpc_x .dpcp_x .dpcpt_x {
  padding: 1em;
}
.dp_1001 ~ .dp_x .dpc_x .dpcp_x .dpcpt_x p {
  margin: 0;
  color: var(--designFarbe-0);
}
.dp_1001 ~ .dp_x .dpc_x .dpcp_x .dpcpt_x a {
  color: var(--designFarbe-0);
  text-decoration: none;
  transition: 0.3s;
}
.dp_1001 ~ .dp_x .dpc_x .dpcp_x .dpcpt_x a:hover {
  color: var(--designFarbe-1);
  transition: 0.3s;
}

.dp_1001 ~ .dp_x .dpc_x .dpcp_x .dpcpr_x {
  position: absolute;
  top: 18%;
  right: -0.5%;
  transition: 0.3s;
}
.dp_1001 ~ .dp_x .dpc_x .dpcp_x .dpcpr_x:hover {
  scale: 1.05;
  transition: 0.3s;
  right: 0.6%;
}
.dp_1001 ~ .dp_x .dpc_x .dpcp_x .dpcpr_x p {
  margin: 0;
}
.dp_1001 ~ .dp_x .dpc_x .dpcp_x .dpcpr_x a {
  padding: 0.5em;
  background: var(--designFarbe-1);
  border: 2px solid var(--designFarbe-0);
  color: var(--designFarbe-0);
  text-decoration: none;
  transition: 0.3s;
}
.dp_1001 ~ .dp_x .dpc_x .dpcp_x .dpcpr_x:hover a {
  background: transparent;
  border: 2px solid var(--designFarbe-1);
  color: var(--designFarbe-1);
  transition: 0.3s;
}






/* JOBS dc_1001 */

.dc_1001 ~ .dc_x {
  width: min(100%, var(--design-box-1));
}
.dc_1001 ~ .dc_x .dcc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.dc_1001 ~ .dc_x .dcc_x .dccc_x {
  width: calc(calc(100% - 2em) / 2);
  position: relative;
  margin-bottom: 2em;
  background: #efefef;
  transition: 0.3s;
}
.dc_1001 ~ .dc_x .dcc_x .dccc_x:hover {
  box-shadow: 0px 0px 8px 0px #00000088;

  transition: 0.3s;
}

.dc_1001 ~ .dc_x .dcc_x .dccc_x:nth-of-type(even) {
  margin-left: 2em;
}

.dc_1001 ~ .dc_x .dcc_x .dccc_x .dcccb_x {
  overflow: hidden;
}
.dc_1001 ~ .dc_x .dcc_x .dccc_x .dcccb_x img {
  width: 100%;
  transition: 0.3s;
}
.dc_1001 ~ .dc_x .dcc_x .dccc_x:hover .dcccb_x img {
  scale: 1.05;
  transition: 0.3s;
}

.dc_1001 ~ .dc_x .dcc_x .dccc_x .dccct_x {
  padding: 1em;
}
.dc_1001 ~ .dc_x .dcc_x .dccc_x .dccct_x p {
  margin: 0;
  text-align: center;
  color: var(--designFarbeText-1);
}



.dc_1001 ~ .dc_x .dcc_x .dccc_x .dcccr_x p {
  margin: 0;
}
.dc_1001 ~ .dc_x .dcc_x .dccc_x .dcccr_x a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  color: transparent;
}


























/* BARIEREFREIHEIT */


@media (max-width: 1024px) {
  #designWahl_001 {
    display: none;
  }
}
#designWahl_001 {
  position: fixed;
  top: 0.5em;
  right: 0.5em;
  color: #fff;
  z-index: 1;
  transition: 0.3s;
}
#designWahl_001 .designGroesse {
  width: 6em;
  display: flex;
  justify-content: space-between;
  transition: 0.3s;
}
#designWahl_001 .designGroesse .designPlus,
#designWahl_001 .designGroesse .designMinus {
  width: 2.5em;
  height: 2.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 1em;
  font-weight: 700;
  user-select: none; 
  transition: 0.3s;
}
#designWahl_001 .designGroesse .designPlus:hover,
#designWahl_001 .designGroesse .designMinus:hover {
  box-shadow: inset 0 1.05em 0 -1em var(--designFarbe-1);
  transition: 0.3s;
}




















































































/* Roth Bestattungen */

.header {
  z-index: 1;
}



/* Adressen Menu Topbar */

  .dm_5002 .header {
      position: absolute;
      width: 25%;
      right: 5%;
      top: 0;
      display: flex;
      flex-direction: column-reverse;
  }
  .di_5002 .container-topbar {
    position: absolute;
    top: 100%;
    width: 100%;
  }

  .di_5002 ~ .di_x {
    display: none;
  }
  .di_5002 ~ .di_x .dic_x {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .di_5002 ~ .di_x .dici_x {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    max-width: 12em;
  }

  .di_5002 ~ .di_x .dici_x.opener {
    display: none;
  }
  .di_5002 ~ .di_x .dici_x:nth-of-type(2) {
  }
  .di_5002 ~ .di_x .dici_x:nth-last-of-type(1) {
    width: 100%;
  }



  .di_5002 ~ .di_x h4 {
    color: var(--designFarbeText-1);
    font-family: var(--designFont-0);
    margin: 1em 0 0 0;
  }
  .di_5002 ~ .di_x .dici_x:nth-of-type(2) h4 {
    border-right: 1px solid var(--designFarbeText-1);
  }

  .di_5002 ~ .di_x a {
    text-decoration: none;
    color: var(--designFarbeText-1);
    text-align: center;
    width: 100%;
    display: block;
    transition: 0.6s;
  }

  .di_5002 ~ .di_x a:hover {
    filter: drop-shadow(2px 5px 3px #ffffff33);
    transform: translate(0px, -3px);
    transition: 0.6s;
  }



  .di_5002 ~ .di_x .adresse a:nth-of-type(1) {
    font-size: 0.7em;
    line-height: 1.1;
  }

  .di_5002 ~ .di_x .adresse a:nth-of-type(2) {
    display: flex;
    flex-direction: column;
  }

  .di_5002 ~ .di_x .adresse a:nth-of-type(2) span:nth-of-type(1) {
    font-size: 0.5em;
    line-height: 0.5;
    margin-top: 0.9em;
  }


  .di_5002 ~ .di_x .zusatz h4 {
    margin: 0.5em 0 0 0;
    font-size: 0.8em;
  }




@media (max-width: 760px) {
  .di_5502 .container-topbar {
    display: block;
    position: absolute;
    top: 100%;
    width: 100%;
  }

  .di_5502 ~ .di_x {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .di_5502 ~ .di_x .dic_x {
    display: flex;
    flex-direction: column-reverse;
    width: 60%;
    position: absolute;
    z-index: 1;
    background:var(--designFarbeText-1);
    height: 2em;
    bottom: 2.6em;
    overflow: hidden;
    transition: 0.6s;
    justify-content: space-between;
  }
  .di_5502 ~ .di_x .dici_x {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: initial;
  }

  .di_5502 ~ .di_x .dici_x.opener {
    display: flex;
    width: 100%;
  }




  /*
  .di_5502 ~ .di_x .dic_x {
    background-image: url(https://roth-bestattungen.de/images/roth/notruf2.jpg);
    background-size: cover;
    background-position: bottom;
  }
  */



  /*
  .di_5502 ~ .di_x.offen .dic_x {
    border-top-left-radius: 3em;
    border-top-right-radius: 3em;
  }
  */
  .di_5502 ~ .di_x .dici_x.opener h4 {
    width: 100%;
    justify-content: center;
    height: 2em;
    display: flex;
    align-items: center;
    transition: 0.6s;
  }
  .di_5502 ~ .di_x.offen .dici_x.opener h4 {
    background: var(--designFarbe-0);
    color: var(--designFarbeText-1);
    transition: 0.6s;
  }





  .di_5502 ~ .di_x .dici_x:nth-of-type(2) {
  }
  .di_5502 ~ .di_x .dici_x:nth-last-of-type(1) {
    width: 100%;
  }



  .di_5502 ~ .di_x h4 {
    color: var(--designFarbe-0);
    font-family: var(--designFont-0);
    margin: 0;
  }
  .di_5502 ~ .di_x .dici_x:nth-of-type(2) h4 {
    
  }

  .di_5502 ~ .di_x a {
    text-decoration: none;
    color: var(--designFarbe-0);
    text-align: center;
    width: 100%;
    display: block;
    transition: 0.6s;
  }

  .di_5502 ~ .di_x a:hover {
    filter: drop-shadow(2px 5px 3px #ffffff33);
    transform: translate(0px, -3px);
    transition: 0.6s;
  }


  .di_5502 ~ .di_x .adresse {
    
  }

  .di_5502 ~ .di_x .adresse a:nth-of-type(1) {
    font-size: 0.7em;
    line-height: 1.1;
  }

  .di_5502 ~ .di_x .adresse a:nth-of-type(2) {
    display: flex;
    flex-direction: column;
  }

  .di_5502 ~ .di_x .adresse a:nth-of-type(2) span:nth-of-type(1) {
    font-size: 0.5em;
    line-height: 0.5;
    margin-top: 0.9em;
  }


  .di_5502 ~ .di_x .zusatz h4 {
    margin: 0.5em 0 0 0;
    font-size: 0.8em;
  }

  .di_5502 ~ .di_x .dici_x.adresse:nth-of-type(3) {
    margin: 1.5em 0;
  }
  .di_5502 ~ .di_x .dici_x * {
    font-weight: 500;
  }

  .di_5502 ~ .di_x .dici_x.adresse:nth-of-type(2) {
    margin-bottom: auto;
  }
  .di_5502 ~ .di_x .zusatz {
    margin-top: auto;
  }
    
  
  .di_5502 ~ .di_x .adresse,
  .di_5502 ~ .di_x .zusatz {
    opacity: 0;
    font-size: 0.8em;
    transition: 0.3s;
  }

  .di_5502 ~ .di_x.offen .adresse,
  .di_5502 ~ .di_x.offen .zusatz {
    opacity: 1;
    font-size: 1.3em;
    transition: 0.6s;
  }

 
  .di_5502 ~ .di_x .dici_x.adresse:nth-of-type(2) {
    padding: 0.75em 0 0 0;
  }
  .di_5502 ~ .di_x .dici_x.adresse:nth-of-type(3) {
    margin: 0;
    padding: 0.75em 0 0.75em 0;
  }
  .di_5502 ~ .di_x .dici_x.zusatz {
    margin: auto;
    /* padding: 0 0 0.75em 0; */
  }
}





/* Marmor */
/*
@media (max-width: 1024px) {
  .di_5502 ~ .di_x .dic_x {
    width: calc(60% - 1em);
    padding: 0 1em;
    overflow: visible;
  }
  .di_5502 ~ .di_x .dici_x.opener h4 {
    margin: 0 -1.5em;
    width: calc(100% + 3em);
    background: var(--designFarbe-0);
    color: var(--designFarbeText-1);
    transition: background 0.3s, color 0.3s, width 0.3s;
  }
  .di_5502 ~ .di_x .adresse, 
  .di_5502 ~ .di_x .zusatz {
    opacity: 0;
    font-size: 0;
    transition: 0.3s;
  }
  .di_5502 ~ .di_x.offen .adresse, 
  .di_5502 ~ .di_x.offen .zusatz {
    opacity: 1;
    font-size: 1.3em;
    transition: 0.3s;
  }
  .di_5502 ~ .di_x.offen .dic_x {
    overflow: visible;
  }
  .di_5502 ~ .di_x.offen .dici_x.opener h4 {
    margin: 0 -1.5em;
    width: calc(100% + 3em);
    transition: background 0.3s, color 0.3s, width 0.3s;
  }
  .di_5502 ~ .di_x .dici_x.adresse:nth-of-type(2) {
    padding: 0.75em 0 0 0;
  }
  .di_5502 ~ .di_x .dici_x.adresse:nth-of-type(3) {
    margin: 0;
    padding: 0.75em 0 0.75em 0;
  }
  .di_5502 ~ .di_x .dici_x.zusatz {
    margin: auto;
  }
  .di_5002 ~ .di_x .dici_x:nth-of-type(2) h4 {
    border-right: none;
  }
  .di_5002 ~ .di_x .dici_x:nth-of-type(2),
  .di_5002 ~ .di_x .dici_x:nth-of-type(3) {
    box-shadow: 0 -1px 0 0 var(--designFarbeText-1);
  }
}
*/

  .di_5002 ~ .di_x .dici_x:nth-of-type(2),
  .di_5002 ~ .di_x .dici_x:nth-of-type(3) {
    box-shadow: 0 -1px 0 0 #1a1a1a22;
  }

@media (max-width: 760px) {
  .di_5002 ~ .di_x .dici_x:nth-of-type(2),
  .di_5002 ~ .di_x .dici_x:nth-of-type(3) {
    box-shadow: 0 -1px 0 0 #fefefe11;
  }
}



















/* Navigation Desktop dm_5002 */


.dm_5002 .header {
  position: absolute;
  width: 25%;
  right: 5%;
  top: 0;
  display: flex;
  flex-direction: column-reverse;
}



.dm_5002 .container-header .container-nav {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.dm_5002 .container-header nav.navbar {
  display: flex;
  align-items: flex-end;
}



/* Logo */
.dl_5002 ~ .dl_x .dlc_x .dlcl_x {
  
}
.dl_5002 ~ .dl_x .dlc_x .dlcl_x a {
  width: 100%;
  height: 100%;
  display: block;
}
.dl_5002 ~ .dl_x .dlc_x .dlcl_x svg{
  width: 100%;
  height: auto;
  margin-top: -1em;
}


/* Menü */

@media (min-width: 1025px) {
.dm_5002 .container-header .mod-menu {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  position: relative;
  font-size: 1.7em;
  font-size: 1.4em;
  font-size: 2.1em;
}
.dm_5002 .container-header .mod-menu::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}


.dm_5002 .container-header .metismenu .metismenu-item,
.dm_5002 .container-header .metismenu button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1;
  flex-direction: column;
  align-items: center;
}
.dm_5002 .container-header .metismenu > li > a,
.dm_5002 .container-header .metismenu > li > button {
  padding: 0.3em 0;
  padding: 0.5em 0;
  user-select: none;
}
.dm_5002 .container-header .metismenu a {
  text-decoration: none;
}
.dm_5002 .container-header .metismenu .mm-toggler {
  -webkit-box-align: center;
  -ms-flex-align: center;
  background: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: currentColor;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.dm_5002 .container-header .metismenu > li.level-1 {
  position: relative;
}
.dm_5002 .container-header .metismenu > li.level-1:nth-of-type(1),
.dm_5002 .container-header .metismenu > li.level-1:nth-of-type(2) {
  margin-top: 0.8em;
}
.dm_5002 .container-header .metismenu > li.level-1:nth-of-type(3) {
  margin-bottom: 0.8em;
}
.dm_5002 .container-header .metismenu > li.level-1 > ul {
  height: initial !important;
  padding: 0;
}

.dm_5002 .container-header .metismenu > li.level-1 > ul > li {
  
}
.dm_5002 .container-header .metismenu > li.level-1 > a,
.dm_5002 .container-header .metismenu > li.level-1 > button {
  color: var(--designFarbeText-1);
  font-family: var(--designFont-0);
  font-size: 1em;
  font-weight: 700;
  white-space: nowrap;
  transition: 0.3s;
  user-select: none;
}

.dm_5002 .container-header .metismenu > li.level-1:nth-of-type(2) > a,
.dm_5002 .container-header .metismenu > li.level-1:nth-of-type(3) > a {
  font-size: 0.95em;
}




/* Joomlas Metis ohne Template mit Casio-JS need collapsing! START */
.dm_5002 .container-header .metismenu .mm-collapse:not(.mm-show) {
  display: block;
  opacity: 1;
}
.dm_5002 .container-header .metismenu .mm-collapsing,
.dm_5002 .container-header .metismenu > li.level-1 > ul.mm-collapsing,
.dm_5002 .container-header .metismenu > li.level-1 > ul.mm-collapsing.mm-collapse.mm-show {
  width: initial;
  height: initial;
  max-width: initial;
  opacity: initial;
  transition-property: color, background-color, height, visibility;
  transition-duration: 0.1s;
  transition-timing-function: ease;
  overflow: hidden;
}
.dm_5002 .container-header .collapsing {
  /*
  height: 0;
  transition: height 0.35s;
  overflow: hidden
  */
}
@media (prefers-reduced-motion:reduce) {
  .dm_5002 .container-header .collapsing {
    transition: none
  }
}
.dm_5002 .container-header .metismenu > li.level-1 > ul.mm-collapse.mm-show {
  opacity: 1;
  transition: opacity 0.3s;
}

/* Joomlas Metis ohne Template mit Casio-JS need collapsing! ENDE */


.dm_5002 .container-header .metismenu > li li.level-2 > a {
  width: 100%;
  padding: 0.3em 0;
  padding: 0.5em 0;
  font-size: 0.9em;
  text-align: center;

  color: var(--designFarbeText-1);
  font-family: var(--designFont-0);
  font-weight: 400;
  user-select: none;
}



/*** Fix ??? ****/
.dm_5002 .container-header .metismenu .metismenu-item>a:focus,
.dm_5002 .container-header .metismenu .metismenu-item>button:focus {
  outline: none;
}
/*** Fix End ****/
}

/* Navigation Handy dm_5002*/
/* Menü HAMBURGER Ausblenden */
.dm_5002 .container-header .navbar-expand-lg .navbar-toggler {
  display: none;
}

/*
@media (max-width: 1024px) {
  .dm_5002 .container-header .navbar-expand-lg .navbar-toggler {
    display: block;
  }
  .dm_5002 .container-header .collapse:not(.show) {
    display: none;
  }
  .container-header .navbar-collapse.show {
    display: flex;
  }
  .dm_5002 .container-header .navbar-collapse {
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    right: 0;
    z-index: 1;
  }
  .dm_5002 .container-header .mod-menu {
    flex-direction: column;
  }
}
*/










@media (max-width: 1024px) {
/* dm_5502 */





  /* Navigation Desktop dm_5002 */
  .dm_5002 .header {
    position: absolute;
    width: 25%;
    right: 5%;
    top: 0;
    display: flex;
    flex-direction: column-reverse;
  }
  .dm_5002 .container-header .container-nav {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin-bottom: 2em;
  }
  
  .dm_5002 .container-header nav.navbar > div {
    width: 100%;
  }

  .dm_5502 .container-header .mod-menu {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 3em 0 3em 0;
    position: relative;
  }



  /* Logo */
  .dl_5502 ~ .dl_x .dlc_x .dlcl_x {
    
  }
  .dl_5502 ~ .dl_x .dlc_x .dlcl_x a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
  }
  .dl_5502 ~ .dl_x .dlc_x .dlcl_x svg{
    width: 60%;
    height: auto;
    margin-top: -1em;
  }



  /* dm_5502 */
  
  .dm_5502 .container-header .mod-menu::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
  }


  .dm_5502 .container-header .metismenu .metismenu-item,
  .dm_5502 .container-header .metismenu button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1;
    flex-direction: column;
    align-items: center;
  }
  .dm_5502 .container-header .metismenu > li > a,
  .dm_5502 .container-header .metismenu > li > button {
    padding: 0.3em 0;
    user-select: none;
  }
  .dm_5502 .container-header .metismenu a {
    text-decoration: none;
  }
  .dm_5502 .container-header .metismenu .mm-toggler {
    -webkit-box-align: center;
    -ms-flex-align: center;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: currentColor;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  .dm_5502 .container-header .metismenu > li.level-1 {
    position: relative;
  }
  .dm_5502 .container-header .metismenu > li.level-1:nth-of-type(1),
  .dm_5502 .container-header .metismenu > li.level-1:nth-of-type(2) {
    margin-top: 0.8em;
  }
  .dm_5502 .container-header .metismenu > li.level-1:nth-of-type(3) {
    margin-bottom: 2em;
  }
  .dm_5502 .container-header .metismenu > li.level-1 > ul {
    height: initial !important;
    padding: 0;
  }

  .dm_5502 .container-header .metismenu > li.level-1 > ul > li {
    
  }
  .dm_5502 .container-header .metismenu > li.level-1 > a,
  .dm_5502 .container-header .metismenu > li.level-1 > button {
    color: var(--designFarbeText-1);
    font-family: var(--designFont-0);
    font-size: 1.4em;
    font-weight: 700;
    white-space: nowrap;
    transition: 0.3s;
    user-select: none;
    line-height: 1.7;
  }

    

  /* Joomlas Metis ohne Template mit Casio-JS need collapsing! START */
  .dm_5502 .container-header .metismenu .mm-collapse:not(.mm-show) {
    display: block;
    opacity: 1;
  }
  .dm_5502 .container-header .metismenu .mm-collapsing,
  .dm_5502 .container-header .metismenu > li.level-1 > ul.mm-collapsing,
  .dm_5502 .container-header .metismenu > li.level-1 > ul.mm-collapsing.mm-collapse.mm-show {
    width: initial;
    height: initial;
    max-width: initial;
    opacity: initial;
    transition-property: color, background-color, height, visibility;
    transition-duration: 0.1s;
    transition-timing-function: ease;
    overflow: hidden;
  }
  .dm_5502 .container-header .collapsing {
    /*
    height: 0;
    transition: height 0.35s;
    overflow: hidden
    */
  }
  @media (prefers-reduced-motion:reduce) {
    .dm_5502 .container-header .collapsing {
      transition: none
    }
  }
  .dm_5502 .container-header .metismenu > li.level-1 > ul.mm-collapse.mm-show {
    opacity: 1;
    transition: opacity 0.3s;
  }

  /* Joomlas Metis ohne Template mit Casio-JS need collapsing! ENDE */


  .dm_5502 .container-header .metismenu > li li.level-2 > a {
    width: 100%;
    padding: 0.3em 0;
    text-align: center;

    color: var(--designFarbeText-1);
    font-family: var(--designFont-0);
    font-weight: 400;
    user-select: none;
    font-size: 1.4em;
    line-height: 1.7;
  }



  /*** Fix ??? ****/
  .dm_5502 .container-header .metismenu .metismenu-item>a:focus,
  .dm_5502 .container-header .metismenu .metismenu-item>button:focus {
    outline: none;
  }
  /*** Fix End ****/
}

/* Navigation Handy dm_5002*/
/* Menü HAMBURGER Ausblenden */
.dm_5502 .container-header .navbar-expand-lg .navbar-toggler {
  display: none;
}



@media (max-width: 760px) {

.dm_5502 .container-header .mod-menu {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 3em 0 3em 0 ;
    position: relative;
    background: var(--designFarbe-0-02);
    backdrop-filter: blur(4px);
  }
  .dm_5002 .container-header nav.navbar {
    display: flex;
    align-items: flex-end;
    width: 60%;
  }
}

























@media (max-width: 1025px) {
  .dm_5002 .header {
    width: 50%;
    right: 5%;
    top: 0;
    display: flex;
    flex-direction: column-reverse;
  }
}

























/* Slider ds_1002 */
.ds_1002 ~ .ds_x {
  position: relative;
  width: min(100%, var(--design-box-1));
  overflow: hidden;
  height: 100vh;
}
.ds_1002 ~ .ds_x .dsc_x {
  position: absolute;
  width: min(100%, var(--design-box-1));
  /* aspect-ratio: 1900 / 800; */
  opacity: 0;
}
.ds_1002 ~ .ds_x .dsc_x .dscsp_x {
  width: min(100%, var(--design-box-1));
  height: 100vh;
  background-size: cover;
  background-position: top center;
}

.ds_1002 ~ .ds_x .dsc_x:nth-of-type(1) .dscsp_x {
  background-image: url(https://roth-bestattungen.de/images/schwedt/roth-bestattungen_d-3840.jpg);
}
.ds_1002 ~ .ds_x .dsc_x:nth-of-type(2) .dscsp_x {
  background-image: url(https://roth-bestattungen.de/images/schwedt/roth-bestattungen-schwedt_d-3840.jpg);
}


/* @media (max-width: 1444px) { */
@media (max-width: 1024px) {
  .ds_1002 ~ .ds_x .dsc_x .dscsp_x {
    height: 85vh;
  }
}



@media (max-width: 760px) {
  .ds_1002 ~ .ds_x {
    width: min(100%, var(--design-box-1));
    aspect-ratio: 1 / 1;
  }
  .ds_1002 ~ .ds_x .dsc_x {
    width: min(100%, var(--design-box-1));
    aspect-ratio: 1 / 1;
  }
  .ds_1002 ~ .ds_x .dsc_x img{
    width: min(100%, var(--design-box-1));
    aspect-ratio: 1 / 1;
  }
}
/* Slider Dots */
.ds_1002 ~ .ds_x .sliderDots {
  height: 1em;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-2em);
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 70px;

  display: none;
}
.ds_1002 ~ .ds_x .sliderDotPoint {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: var(--designFarbe-2-01);
  padding: 0.1em;
  margin: 0.5em;
  box-shadow: 0 0 0 0.03em var(--designFarbe-0-03);
  cursor: pointer;
  transition: 0.4s;
  position: relative;
}
.ds_1002 ~ .ds_x .sliderDotPoint:hover {
  padding: 0.3em;
  box-shadow: 0 0 0 0.03em var(--designFarbe-1-03);
  transition: 0.4s;
}
.ds_1002 ~ .ds_x .sliderDotChange {
  padding: 0.3em;
  background: var(--designFarbe-0-03);
  box-shadow: 0 0 0 0.03em var(--designFarbe-1);
  transition: 0.4s;
}

.ds_1002 ~ .ds_x .sliderDotPoint::before {
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: -1em;
  transition: 0.4s;
}
.ds_1002 ~ .ds_x .sliderDotPoint::after {
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: 0.2em;
  transition: 0.4s;
}
.ds_1002 ~ .ds_x .sliderDotPoint:hover::before {
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: -1em;
  transition: 0.4s;
}
.ds_1002 ~ .ds_x .sliderDotPoint:hover::after {
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: 0.2em;
  transition: 0.4s;
}

.ds_1002 ~ .ds_x .sliderDotWZ {
  width: 1.5em;
  padding: 0.3em;
  cursor: pointer;
  height: 1em;
  font-size: 1.3em;
  line-height: 0.5;
  color: var(--designFarbe-0);
  margin: 0.5em;
  transition: 0.3s;
  user-select: none;
}
.ds_1002 ~ .ds_x .sliderDotWeiter:hover {
  padding-left: 0.8em;
  transition: 0.5s;
  color: var(--designFarbe-1);
}
.ds_1002 ~ .ds_x .sliderDotZuruck {
  text-align: end;
}
.ds_1002 ~ .ds_x .sliderDotZuruck:hover {
  padding-right: 0.8em;
  transition: 0.5s;
  color: var(--designFarbe-1);
}








/* die Texte */
.ds_1002 ~ .ds_x .dsc_x .dscs_x:nth-of-type(2) {
  margin-inline: auto;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.ds_1002 ~ .ds_x .dsc_x .dscs_x .dscsr_x {
  position: relative;
  height: 100%;
}
.ds_1002 ~ .ds_x .dsc_x .dscs_x .dscsr_x .dscsk_x {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ds_1002 ~ .ds_x .dsc_x .dscs_x .dscsr_x .dscsk_x .dscsk1_x {
  /* background: var(--designFarbe-1); */
  opacity: 0.9;
  height: 49%;
  width: 41%;
  top: 26%;
  left: 0%;
  position: absolute;
}



.ds_1002 ~ .ds_x .dsc_x .dscs_x .dscst_x {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ds_1002 ~ .ds_x .dsc_x .dscs_x .dscst_x .dscst1_x {
  position: absolute;
  width: 46%;
  left: 8%;
  /* bottom: 10%; */
  bottom: 13%;
}

.ds_1002 ~ .ds_x .dsc_x .dscs_x .dscst_x .dscst1_x div:nth-of-type(1) p {
  color: var(--designFarbe-0);
  font-family: var(--designFont-1);
  margin: 0 0 0.5em 0;
  letter-spacing: 0.08em;
  font-size: 4em;
  line-height: 1.1;
}

.ds_1002 ~ .ds_x .dsc_x .dscs_x .dscst_x .dscst1_x div:nth-of-type(2) {
  background: var(--designFarbe-0-03);
  backdrop-filter: blur(5px);
  padding: 0.5em 2em;
}
.ds_1002 ~ .ds_x .dsc_x .dscs_x .dscst_x .dscst1_x div:nth-of-type(2) h1 {
  font-size: 1em;
  text-align: center;
  letter-spacing: 0.04em;
}
.ds_1002 ~ .ds_x .dsc_x .dscs_x .dscst_x .dscst1_x div:nth-of-type(2) p {
  color: var(--designFarbeText-1);
  font-size: 0.8em;
  text-align: center;
}





.ds_1002 ~ .ds_x .dsc_x:nth-of-type(2) .dscs_x .dscst_x .dscst1_x div:nth-of-type(1) p {
  color: var(--designFarbeText-1);
  font-family: var(--designFont-0);
  text-align: center;
  margin: 0 0 1.5em 0;
  padding: 1em;
  letter-spacing: initial;
  font-size: 0.8em;
  line-height: initial;
  font-style: italic;
  background-image: url(https://roth-bestattungen.de/images/schwedt/goldie-schwedt_d-3840.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}


/* test des Gelben */
.ds_1002 ~ .ds_x .dsc_x:nth-of-type(2) .dscs_x .dscst_x .dscst1_x div:nth-of-type(1) p {
    color: var(--designFarbeText-1);
    font-family: var(--designFont-0);
    text-align: center;
    margin: 0 0 1.75em 0;
    padding: 1em;
    letter-spacing: initial;
    font-size: 1.5em;
    line-height: initial;
    font-style: italic;
    background-image: url(https://roth-bestattungen.de/images/schwedt/goldie-schwedt_d-3840.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}


.ds_1002 ~ .ds_x .dsc_x:nth-of-type(2) .dscs_x .dscst_x .dscst1_x div:nth-of-type(1) p span{
  display: block;
  margin: 0.4em 0 0 0;
  font-size: 0.8em;
  font-size: 0.5em;
}







@media (max-width: 760px) {
  .ds_1002 ~ .ds_x .dsc_x .dscs_x .dscst_x .dscst1_x {
    position: relative;
    width: 100%;
    left: 0;
    bottom: 0;
  }
  .ds_1002 ~ .ds_x .dsc_x:nth-of-type(2) .dscs_x .dscst_x .dscst1_x div:nth-of-type(1) p {
    color: var(--designFarbeText-1);
    font-family: var(--designFont-0);
    text-align: center;
    margin: 0;
    padding: 1em 6em;
    letter-spacing: initial;
    font-size: 0.8em;
    line-height: initial;
    font-style: italic;
    background-image: url(https://roth-bestattungen.de/images/schwedt/goldie-schwedt_d-3840.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 50vw;
    
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .ds_1002 ~ .ds_x .dsc_x .dscs_x .dscst_x .dscst1_x div:nth-of-type(1) p {
    color: var(--designFarbeText-1);
    font-family: var(--designFont-1);
    margin: 00;
    letter-spacing: 0.08em;
    font-size: 2em;
    line-height: 1.1;
    padding: 1em 2em 1em 2em;
    background-image: url(https://roth-bestattungen.de/images/schwedt/goldie-schwedt_d-3840.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 50vw;

    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .ds_1002 ~ .ds_x .dsc_x:nth-of-type(1) .dscsp_x {
    background-image: none;
  }
  .ds_1002 ~ .ds_x .dsc_x:nth-of-type(2) .dscsp_x {
    background-image: none;
  }
  .ds_1002 ~ .ds_x .dsc_x .dscs_x .dscst_x .dscst1_x div:nth-of-type(2) {
    background: var(--designFarbe-0-03);
    backdrop-filter: blur(5px);
    padding: 1em 2em;
  }
  .ds_1002 ~ .ds_x .dsc_x .dscs_x .dscst_x .dscst1_x div:nth-of-type(2) p {
    color: var(--designFarbeText-1);
    font-size: 0.8em;
    text-align: center;
    padding: 1em;
  }

}















/* Slider Animation ds_1002 */

/*
@keyframes slideOpacityOff {
0% {opacity: 1;transform: translateX(0%) translateY(0%);}
90% {opacity: 0;transform: translateX(100%) translateY(0%);}
99% {opacity: 0;transform: translateX(100%) translateY(0%);}
100% {opacity: 0;transform: translateX(-50%) translateY(-100%);}
}
.ds_1002 ~ .ds_x .slideOpacityOn {
  animation: slideOpacityOn 1s forwards;
}
@keyframes slideOpacityOn {
0% {opacity: 0;transform: translateX(-50%) translateY(-100%);}
1% {opacity: 0;transform: translateX(-50%) translateY(0%);}
10% {opacity: 0;transform: translateX(-50%) translateY(0%);}
100% {opacity: 1;transform: translateX(0%) translateY(0%);}
}
*/

.ds_1002 ~ .ds_x .slideOpacityOff {
  animation: slideOpacityOff 6s forwards;
}
@keyframes slideOpacityOff {
0% {opacity: 1;}
100% {opacity: 0;}
}
.ds_1002 ~ .ds_x .slideOpacityOn {
  animation: slideOpacityOn 6s forwards;
}
@keyframes slideOpacityOn {
0% {opacity: 0;}
100% {opacity: 1;}
}









/* footer ROTH */

footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  clip-path: url(#myCurve);
  position: fixed;
}
@media (max-width: 760px) {
  footer {
    clip-path: none; 
  }
}























/* HANDY */
@media (max-width: 760px) {
  .dm_5501 .container-header .collapse:not(.show) {
    display: block;
    position: relative;
  }

  .dm_5002 .header {
    position: relative;
    width: initial;
    right: 0;
    top: 0;
    height: initial;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    background-image: url(https://roth-bestattungen.de/images/schwedt/roth-bestattungen_h-760.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  footer {
    position: initial;
  }

  .dl_5001 ~ .dl_x .dlc_x .dlcl_x {
    width: 100vw;
    height: auto;
  }
  .dl_5001 ~ .dl_x .dlc_x .dlcl_x a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .dl_5001 ~ .dl_x .dlc_x .dlcl_x a svg {
    width: 100%;
    height: 100%;
  }



      
    

}








/* ### Footer ### */

  .df_2 > footer {
    /* background: var(--designFarbeText-1); */
    background: #1a1a1a;
  }
  .df_2 .df_x {
    display: flex;
    justify-content: space-between;
  }
  .df_2 .df_x p, .df_2 ~ .df_x a, .df_2 ~ .df_x span {
    margin: 0;
    color: var(--designFarbe-0);
    text-decoration: none;
  }

  .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x p > span {
    /* background: red; */
    height: 100%;
    display: flex;
    align-items: flex-end;
    /* margin: 0 0 1.6em 0; */
    margin: 0 0 0.8em 0;
  }



  .df_2 ~ .df_x .yearC a {
    transition: 0.6s;
  }
  .df_2 ~ .df_x .yearC a:hover {
    box-shadow: 0 3px 0 #fefefe55;
    transition: 0.6s;
  }
  .df_2 .df_x .dfc_x {
    display: flex;
    align-items: center;
  }
  .df_2 .df_x .dfc_x:nth-of-type(1) {
    margin-left: calc(100vw - 93%);
  }
  .df_2 .df_x .dfc_x:nth-last-of-type(1) {
    margin-right: calc(100vw - 92.5%);
  }

  .df_2 svg {
    width: 5em;
    height: auto;
  }
  .df_2 .df_x .dfc_x .dgc_x,
  .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x,
  .df_2 .df_x .dfc_x:nth-last-of-type(1) .dfcf_x {
    margin: 1.1em 0 0 0;
    display: block;
  }
  .df_2 .df_x .dfc_x .dgc_x p,
  .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x p,
  .df_2 .df_x .dfc_x:nth-last-of-type(1) .dfcf_x p {
    font-size: 0.7em;
    letter-spacing: 3px;
    font-weight: 500;
    margin-left: 1em;
    text-transform: uppercase;
  }
  .df_2 .df_x .dfc_x .dgc_x p {
      font-size: 0.77em;
  }





  /* Telefonnummern */
    

  .df_2 .df_x .dfc_x:nth-of-type(2) {
    margin: 0.7em 0 0 0;
    display: flex;
    flex-direction: column;
  }

  .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x {
    width: calc(100% - 0em);
    margin: 0.5em 0 0.25em 0;
  }
  .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x:nth-of-type(2) {
    margin: 0 0 1em;
  }
  .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x:nth-of-type(2) p {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 0.5em;
  }

  .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x p {
    font-size: 1em;
    display: flex;
    /* align-items: center; */
    width: 100%;
    margin-left: 0;


    align-items: end;
    height: 100%;
  }
  .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x p a {
    padding: 0.5em;
    margin: 0.25em;
    white-space: pre;

    display: flex;
    flex-direction: column;
    align-items: center;

  }
  .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x p > a > span {
    /* display: none; */
    font-size: 0.5em;
    margin: 0.5em 0 1.5em 0;
  }



/* @media (max-width: 1444px) { */
@media (max-width: 1024px) {
  .df_2 .df_x {
    flex-direction: column;
    align-items: center;
  }
  .df_2 .df_x .dfc_x:nth-of-type(1) {
    margin: 1.7em 0 0 0;
  }
  .df_2 .df_x .dfc_x:nth-of-type(2) {
    margin: 0;
  }
  .df_2 .df_x .dfc_x:nth-last-of-type(1) {
    margin: 0 0 1em 0;
  }
  .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x p {
    align-items: center;
  }
  .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x:nth-of-type(2) p {
    line-height: 1.5;
  }
  .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x p > a > span {
    margin: 0.5em 0 0.8em 0;
}
  
}




  @media (max-width: 760px) {
    
    .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x {
      margin: 0 0 1em 0;
    }
    .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x p {
      flex-direction: column;
    }
    .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x p > span {
      display: none;
    }
    .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x p > a {
      padding: 0.5em 0;
      margin: 0;
      width: 70%;
      text-align: center;
    }
    .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x p > a:nth-of-type(2) {
      box-shadow: 0 0.05em 0 0 #fefefe21, 0 -0.05em 0 0 #fefefe21;
    }
    .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x p > a > span {
      display: block;
    }
    .df_2 .df_x .dfc_x:nth-of-type(2) {
      width: 65%;
    }
    .df_2 .df_x .dfc_x:nth-last-of-type(1) {
      margin: 0;
    }
  }




@media (max-width: 1024px) {
  .df_2 > footer {
    /* background: var(--designFarbeText-1); */
    background: #1a1a1a;
  }
  .df_2 .df_x {
    display: flex;
    justify-content: space-between;
  }
  .df_2 .df_x p, .df_2 ~ .df_x a, .df_2 ~ .df_x span {
    margin: 0;
    color: var(--designFarbe-0);
    text-decoration: none;
  }
  .df_2 ~ .df_x .yearC a {
    transition: 0.6s;
  }
  .df_2 ~ .df_x .yearC a:hover {
    box-shadow: 0 3px 0 #fefefe55;
    transition: 0.6s;
  }
  .df_2 .df_x .dfc_x {
    display: flex;
    align-items: center;
  }
  .df_2 .df_x .dfc_x:nth-of-type(1) {
    /* margin-left: calc(100vw - 93%); */
  }
  .df_2 .df_x .dfc_x:nth-last-of-type(1) {
    /* margin-right: calc(100vw - 92.5%); */
  }

  .df_2 svg {
    width: 5em;
    height: auto;
  }
  .df_2 .df_x .dfc_x .dgc_x,
  .df_2 .df_x .dfc_x:nth-of-type(2) .dfcf_x {
    margin: 1.1em 0 0 0;
    display: block;
  }
  .df_2 .df_x .dfc_x .dgc_x p,
  .df_2 .df_x .dfc_x:nth-last-of-type(1) .dfcf_x p {
    font-size: 0.7em;
    letter-spacing: 2px;
    font-weight: 500;
    margin-left: 1em;
    text-transform: uppercase;
  }

}

























@media (max-width: 760px) {
  .df_2 > footer {
    font-size: 1em;
  }
  .df_2 .df_x {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100vw;
  }
  .df_2 .df_x .dfc_x:nth-of-type(1) {
    margin-left: 0;
  }
  .df_2 .df_x .dfc_x:nth-last-of-type(1) {
      margin-right: 0;
  }







  .df_2 .df_x .yearC {
    margin-right: 0em;
    font-size: 1em;
  }

  .df_2 .df_x .dfc_x:nth-last-of-type(1) .dfcf_x p {
    font-size: 0.7em;
    letter-spacing: 2px;
    font-weight: 500;
    margin-left: 0;
    text-transform: uppercase;
  }
  .df_2 .df_x .dfc_x:nth-last-of-type(1) .dfcf_x p {
    font-size: 0.7em;
    letter-spacing: 2px;
    font-weight: 500;
    margin-left: 0;
    text-transform: uppercase;
    width: 100vw;
    justify-content: center;
    display: flex;
    padding-bottom: 5em;
  }
}













/* Imp & Dat */
@media (max-width: 760px) {
  .itemid-119 .dncn_x {
    padding: 0 6em 10em 6em;
  }
  .itemid-119 .dncn_x h2 {
    font-size: 6em;
  }
  .itemid-119 .dncn_x h3 {
    font-size: 5.5em;
  }
  .itemid-119 .dncn_x h4 {
    font-size: 5em;
  }
  .itemid-119 .dncn_x p {
    font-size: 4em;
  }
  
  
  .itemid-120 .dncn_x {
    padding: 0 6em 10em 6em;
  }
  .itemid-120 .dncn_x h2 {
    font-size: 6em;
  }
  .itemid-120 .dncn_x h3 {
    font-size: 5.5em;
  }
  .itemid-120 .dncn_x h4 {
    font-size: 5em;
  }
  .itemid-120 .dncn_x p {
    font-size: 4em;
  }
}



















/* KONTAKT */
.itemid-200 {
  background: var(--designFarbe-0-03);
  background-image: url(https://roth-bestattungen.de/images/schwedt/roth-bestattungen_d-3840.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position-x: center;
}
.itemid-200 .header {
  position: fixed;
}
.itemid-200.dm_5002 .container-header nav.navbar {
  display: none;
}
.itemid-200 .di_5002 ~ .di_x {
  display: flex;
  font-size: 1.5em;
  margin: 1em 0 0 0;
  backdrop-filter: blur(2px);
}

.itemid-200  .di_5002 ~ .di_x .dici_x {
  width: 100%;
}
.di_5002 ~ .di_x .dici_x:nth-of-type(2) h4 {
  border-right: none;
}
.itemid-200 .di_5002 ~ .di_x .adresse a:nth-of-type(1) {
  position: relative;
  /* background: green; */
}
.itemid-200 .di_5002 ~ .di_x .adresse a:nth-of-type(1)::before {
  position: absolute;
  content: '';
  width: 1em;
  height: 100%;
  /* background: red; */
  background-image: var(--designIconLocation);
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.1;
  transition: 0.6s;
}
.itemid-200 .di_5002 ~ .di_x .adresse a:nth-of-type(1):hover::before {
  transform: translateY(calc(-50% + 3px));
  opacity: 0.5;
  transition: 0.6s;
}

.itemid-200  .di_5002 ~ .di_x h4 {
  margin: 0 0 0 0;
  padding: 0.5em 0 0.5em 0;
}

.itemid-200 .di_5002 ~ .di_x .adresse a:nth-of-type(2) {
  position: relative;
}
.itemid-200 .di_5002 ~ .di_x .adresse a:nth-of-type(2)::before {
  position: absolute;
  content: '';
  width: 1.2em;
  height: 100%;
  background-image: var(--designIconTelefon);
  top: 50%;
  left: 2em;
  transform: translateY(calc(-50% + 3px));
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
  transition: 0.6s;
}
.itemid-200 .di_5002 ~ .di_x .adresse a:nth-of-type(2):hover::before {
  transform: translateY(calc(-50% + 6px));
  opacity: 1;
  transition: 0.6s;
}



.itemid-200 .di_5002 ~ .di_x .adresse:nth-of-type(2) {
  order: 2;
}
.itemid-200 .di_5002 ~ .di_x .adresse:nth-of-type(3) {
  order: 3;
}
.itemid-200 .di_5002 ~ .di_x .zusatz {
  order: 1;
}

.itemid-200 .di_5002 ~ .di_x .zusatz a:nth-of-type(1) {
  pointer-events: none;
}












.itemid-200 .dd_2 ~ .da_x {
  margin: 5em;
  padding: 3em;
  /* background: var(--designFarbe-0-02); */
  /* backdrop-filter: blur(3px); */
}
.itemid-200 .dd_2 ~ .da_x {
  color: var(--designFarbe-0);
}
.itemid-200 .convertforms form {
  /* background-image: url(https://roth-bestattungen.de/images/schwedt/roth-bestattungen-schwedt_d-3840.jpg); */
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
}
.itemid-200 .convertforms,
.itemid-200 .convertforms form > div {
  background-color: transparent;
}

.itemid-200 .convertforms form > div {
  padding: 0;
}
.itemid-200 .convertforms .cf-input {
  opacity: 0.9;
}


.itemid-200 .convertforms.cf-success .cf-response {
  backdrop-filter: blur(4px);
  background: #0f9d58bf;
  display: flex;
  justify-content: center;
  align-items: center;
}
.itemid-200 .captcha-equation {
  color: var(--designFarbe-0);
}
.itemid-200 .convertforms * {
  font-family: var(--designFont-0);
}
.itemid-200 .convertforms .cf-input:focus, 
.itemid-200 .convertforms .cf-input:invalid:focus,
.itemid-200 .convertforms .cf-input {
  border-radius: 0 !important;
  border: none;
}
.itemid-200 .convertforms .cf-btn {
  border-radius: 0 !important;
  letter-spacing: 0.08em;
  transition: 0.3s;
}
.itemid-200 .convertforms .cf-btn.cf-btn-style-flat:hover {
  background-color: #1a1a1a99 !important;
  transition: 0.3s;
}
.itemid-200 .convertforms .captcha-container {
  gap: 0;
}
.itemid-200 .convertforms .captcha-container .captcha-equation {
  background: #ffffffe3;
  height: 100%;
  padding: 0.52em;
  font-size: 1.2em;
  color: var(--designFarbeText-1);
}
.itemid-200 .convertforms div[data-name="datenschutz"] > div {
  background: #ffffffe3;
}
.itemid-200 .convertforms div[data-name="datenschutz"] > div .cf-checkbox-group {
  padding: 0 0 0 0.6em;
}
.itemid-200 .convertforms div[data-name="datenschutz"] > div .cf-checkbox-group input {
  width: 1em;
  height: 1em;
}
.itemid-200 .convertforms div[data-name="datenschutz"] > div .cf-checkbox-group label {
  padding: 0.6em;
  width: 100%;
}

.itemid-200 .convertforms div[data-name="datenschutz"] > div a {
  color: var(--label-color);
}
.itemid-200 .convertforms .checkbox:checked:before{
background-color:green;
}




@media (max-width: 760px) {
  .itemid-200 {
    background: var(--designFarbeText-1);
    background-image: none;
  }
  .itemid-200 .header {
    position: relative;
  }
  .itemid-200.dm_5002 .container-header nav.navbar {
    display: flex;
  }
  .itemid-200 .dd_2 ~ .da_x {
    /* background: var(--designFarbe-0-03); */
    margin: 1em;
    padding: 1em;
  }
  .itemid-200 h1 {
    font-size: 1.7em;
  }
  .itemid-200 .di_5002 ~ .di_x {
    font-size: 1em;
    z-index: 1;
    margin: 0;
    position: absolute;
  }

  .itemid-200 .di_5002 ~ .di_x .adresse:nth-of-type(2) {
    order: 1;
  }
  .itemid-200 .di_5002 ~ .di_x .adresse:nth-of-type(3) {
    order: 2;
  }
  .itemid-200 .di_5002 ~ .di_x .zusatz {
    order: 3;
  }


  .di_5002 ~ .di_x .dici_x:nth-of-type(2) h4 {
    box-shadow: none;
  }






}


/* IMRESSUM */
.itemid-201 {
  background: var(--designFarbe-0-03);
  background-image: url(https://roth-bestattungen.de/images/schwedt/roth-bestattungen_d-3840.jpg);
  background-position: fixed;
  background-attachment: fixed;
  background-size: cover;
}
.itemid-201 .header {
  position: fixed;
}
.itemid-201.dm_5002 .container-header nav.navbar {
  display: none;
}
.itemid-201 .dd_2 ~ .da_x {
  margin: 5em;
  padding: 3em;
  /* background: var(--designFarbe-0-02); */
  /* backdrop-filter: blur(3px); */
}
.itemid-201 .dd_2 ~ .da_x {
  color: var(--designFarbe-0);
}
.itemid-201 .dd_2 ~ .da_x a {
  color: var(--designFarbe-0);
}
@media (max-width: 760px) {
  .itemid-201 {
    background: var(--designFarbeText-1);
    background-image: none;
  }
  .itemid-201 .header {
    position: relative;
  }
  .itemid-201.dm_5002 .container-header nav.navbar {
    display: flex;
  }
  .itemid-201 .dd_2 ~ .da_x {
    /* background: var(--designFarbe-0-03); */
    margin: 1em;
    padding: 1em;
  }
  .itemid-201 h1 {
    font-size: 1.7em;
  }
}

/* DATENSCHUTZ */
.itemid-202 {
  background: var(--designFarbe-0-03);
  background-image: url(https://roth-bestattungen.de/images/schwedt/roth-bestattungen_d-3840.jpg);
  background-position: fixed;
  background-attachment: fixed;
  background-size: cover;
}
.itemid-202 .header {
  position: fixed;
}
.itemid-202.dm_5002 .container-header nav.navbar {
  display: none;
}
.itemid-202 .dd_2 ~ .da_x {
  margin: 5em;
  padding: 3em;
  /* background: var(--designFarbe-0-02); */
  /* backdrop-filter: blur(3px); */
}
.itemid-202 .dd_2 ~ .da_x {
  color: var(--designFarbe-0);
}
.itemid-202 .dd_2 ~ .da_x a {
  color: var(--designFarbe-0);
}
@media (max-width: 760px) {
  .itemid-202 {
    background: var(--designFarbeText-1);
    background-image: none;
  }
  .itemid-202 .header {
    position: relative;
  }
  .itemid-202.dm_5002 .container-header nav.navbar {
    display: flex;
  }
  .itemid-202 .dd_2 ~ .da_x {
    /* background: var(--designFarbe-0-03); */
    margin: 1em;
    padding: 1em;
  }
  .itemid-202 h1 {
    font-size: 1.7em;
  }
}





@media (max-width: 1366px) {
  .ddg_2 ~ .ddg_x > * {
    display: block;
  }
  .itemid-202 .dd_2 ~ .da_x {
    margin-bottom: 12em;
  }
  


}




.itemid-200 .dd_2 ~ .da_x {
  position: absolute;
  bottom: 0em;
}
@media (max-width: 1024px) {
  .itemid-200 .dd_2 ~ .da_x {
    bottom: 7em;
  }
}

@media (max-width: 760px) {
  .itemid-200 .dd_2 ~ .da_x {
    position: relative;
    bottom: 0;
  }
}





#designWahl_001 {
  display: none;
}



/* 
.itemid-200 #cf_1 {
  --max-width: initial;
}
*/






/* Anpassung 06.02.2024 */


.dm_5502 .container-header .metismenu > li.level-1 > button {
  display: none;
}
@media (max-width: 760px) {
  .dm_5502 .container-header .mod-menu {
    padding-bottom: 1.7em;
  }
}












.container-header .mod-menu::before {
  display: none;
}

/*
.dm_5502 .container-header .metismenu > li li.level-2 {
  position: relative;
}
.dm_5502 .container-header .metismenu > li li.level-2 > a {
  width: initial;
  margin: 0.1em 0;
  pointer-events: none;
  transition: 1s;
}
.dm_5502 .container-header .metismenu > li li.level-2::after {
  content:'';
  position: absolute;
  width: 100%;
  height: 100%;
}
*/
.container-header .metismenu > li li.level-2:hover > a {
  box-shadow: inset 0 -0.2em 0 0 var(--designFarbe-0-01), inset 0 -0.6em 0 0 var(--designFarbe-0-01);
  transition: 1.3s;
}
.ds_1002 ~ .ds_x .dsc_x .dscs_x .dscst_x .dscst1_x div:nth-of-type(2) h1 {
  margin: 0;
  padding: 2em 0 0.5em 0;
}
.ds_1002 ~ .ds_x .dsc_x .dscs_x .dscst_x .dscst1_x div:nth-of-type(2) p {
  margin: 0;
  padding: 0.5em 0 2em 0;
}
.ds_1002 ~ .ds_x .dsc_x .dscs_x .dscst_x .dscst1_x div:nth-of-type(2) {
  padding: 0 2em;
  height: 0;
  overflow: hidden;
  transition: 2s;
}



@media (max-width: 760px) {
  
  .container-header .metismenu > li li.level-2:hover > a {
    box-shadow: none;
  }
  .ds_1002 ~ .ds_x .dsc_x:nth-of-type(2) .dscs_x .dscst_x .dscst1_x div:nth-of-type(1) p {
    padding: 1em 2em;
    font-size: 1.1em;
  }
  .ds_1002 ~ .ds_x .dsc_x .dscs_x .dscst_x .dscst1_x div:nth-of-type(2) h1 {
    font-size: 1.5em;
  }
  .ds_1002 ~ .ds_x .dsc_x .dscs_x .dscst_x .dscst1_x div:nth-of-type(2) p {
    font-size: 1.1em;
  }
}







.itemid-200 .convertforms .cf-input:focus, 
.itemid-200 .convertforms .cf-input:invalid:focus, 
.itemid-200 .convertforms .cf-input {
  color: #222;
  opacity: 1; 
}
.itemid-200 .convertforms .cf-input::placeholder {
  color: #888;
  opacity: 1; 
}