/* kill this fucking Joomla News CSS */
.mod-articlesnews-horizontal {
  flex-wrap: initial;
  padding: initial;
  list-style: none;
  display: flex;
}
.mod-articlesnews-horizontal figure img {
  width: initial;
}
.mod-articlesnews-horizontal li {
  flex-direction: initial;
  flex: initial;
  display: initial;
}
.mod-articlesnews-horizontal li:not(:last-child) {
  margin-inline-end: initial;
}
.mod-articlesnews-horizontal .readmore {
  margin-top: initial;
}
@supports (display: grid) {
  .mod-articlesnews-horizontal {
    grid-gap: initial;
    grid-template-columns: initial;
    display: flex;
  }
  .mod-articlesnews-horizontal li:not(:last-child) {
    margin-inline-end: initial ;
  }
}










@font-face {
  font-display: swap;
  font-family: 'Humnst777 Cn BT';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Humnst777-Cn-BT.eot');
  src: url('fonts/Humnst777-Cn-BT.eot?#iefix') format('embedded-opentype'),
       url('fonts/Humnst777-Cn-BT.woff2') format('woff2'),
       url('fonts/Humnst777-Cn-BT.woff') format('woff'),
       url('fonts/Humnst777-Cn-BT.ttf') format('truetype'),
       url('fonts/Humnst777-Cn-BT.svg#Humnst777') format('svg');
}
@font-face {
  font-display: swap;
  font-family: 'Humnst777 Cn BT';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/Humnst777-Cn-BT-Bold.eot');
  src: url('fonts/Humnst777-Cn-BT-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/Humnst777-Cn-BT-Bold.woff2') format('woff2'),
       url('fonts/Humnst777-Cn-BT-Bold.woff') format('woff'),
       url('fonts/Humnst777-Cn-BT-Bold.ttf') format('truetype'),
       url('fonts/Humnst777-Cn-BT-Bold.svg#Humnst777') format('svg');
}


@font-face {
  font-display: swap;
  font-family: 'Humanist-777-Condensed-BT';
  font-style: normal;
  src: url('fonts/Humanist-777-Condensed-BT.eot');
  src: url('fonts/Humanist-777-Condensed-BT.eot?#iefix') format('embedded-opentype'),
       url('fonts/Humanist-777-Condensed-BT.woff2') format('woff2'),
       url('fonts/Humanist-777-Condensed-BT.woff') format('woff'),
       url('fonts/Humanist-777-Condensed-BT.ttf') format('truetype'),
       url('fonts/Humanist-777-Condensed-BT.svg#Humnst777') format('svg');
}





@font-face {
  font-display: swap;
  font-family: 'Humnst777-BlkCn-BT';
  font-style: normal;
  src: url('fonts/Humnst777-BlkCn-BT.woff2');
  src: url('fonts/Humnst777-BlkCn-BT.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Humnst777-Blk-BT';
  font-style: normal;
  src: url('fonts/Humnst777-Blk-BT.woff2');
  src: url('fonts/Humnst777-Blk-BT.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Humnst777-Blk-BT2';
  font-style: normal;
  src: url('fonts/Humnst777-Blk-BT2.woff2');
  src: url('fonts/Humnst777-Blk-BT2.woff2') format('woff2');
}



@font-face {
  font-display: swap;
  font-family: 'Humanist-777-Extra-Black-Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/Humanist-777-Extra-Black-Condensed.eot');
  src: url('fonts/Humanist-777-Extra-Black-Condensed.eot?#iefix') format('embedded-opentype'),
       url('fonts/Humanist-777-Extra-Black-Condensed.woff2') format('woff2'),
       url('fonts/Humanist-777-Extra-Black-Condensed.woff') format('woff'),
       url('fonts/Humanist-777-Extra-Black-Condensed.ttf') format('truetype'),
       url('fonts/Humanist-777-Extra-Black-Condensed.svg#Humanist777') format('svg');
}






@font-face {
  font-display: swap;
  font-family: 'MarketOT';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/MarketOT-CondMedium.ttf') format('truetype');
  src: url('fonts/MarketOT-CondMedium.ttf') format('truetype'),
       url('fonts/MarketOT-CondMedium.woff2') format('woff2'),
       url('fonts/MarketOT-CondMedium.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'MarketOT';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/MarketOT.ttf') format('truetype');
  src: url('fonts/MarketOT.ttf') format('truetype'),
       url('fonts/MarketOT.woff2') format('woff2'),
       url('fonts/MarketOT.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'MarketOT';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/MarketOT-Bold.ttf') format('truetype');
  src: url('fonts/MarketOT-Bold.ttf') format('truetype'),
       url('fonts/MarketOT-Bold.woff2') format('woff2'),
       url('fonts/MarketOT-Bold.woff') format('woff');
}





































@font-face {
    font-family: 'Frutiger-Pro-56';
    src: url('fonts/tuti/FrutigerLTPro-Italic.eot');
    src: local('fonts/tuti/Frutiger Pro 56 Italic'), local('fonts/tuti/FrutigerLTPro-Italic'),
        url('fonts/tuti/FrutigerLTPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTPro-Italic.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTPro-Italic.woff') format('woff'),
        url('fonts/tuti/FrutigerLTPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger-Std-75';
    src: url('fonts/tuti/FrutigerLTCom-Black.eot');
    src: local('fonts/tuti/Frutiger Std 75 Black'), local('fonts/tuti/FrutigerLTCom-Black'),
        url('fonts/tuti/FrutigerLTCom-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTCom-Black.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTCom-Black.woff') format('woff'),
        url('fonts/tuti/FrutigerLTCom-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger-Std-65';
    src: url('fonts/tuti/FrutigerLTCom-Bold.eot');
    src: local('fonts/tuti/Frutiger Std 65 Bold'), local('fonts/tuti/FrutigerLTCom-Bold'),
        url('fonts/tuti/FrutigerLTCom-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTCom-Bold.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTCom-Bold.woff') format('woff'),
        url('fonts/tuti/FrutigerLTCom-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger-Pro-46';
    src: url('fonts/tuti/FrutigerLTPro-LightItalic.eot');
    src: local('fonts/tuti/Frutiger Pro 46 Light Italic'), local('fonts/tuti/FrutigerLTPro-LightItalic'),
        url('fonts/tuti/FrutigerLTPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTPro-LightItalic.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTPro-LightItalic.woff') format('woff'),
        url('fonts/tuti/FrutigerLTPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger-Pro-95-Ultra';
    src: url('fonts/tuti/FrutigerLTPro-UltraBlack.eot');
    src: local('fonts/tuti/Frutiger Pro 95 Ultra Black'), local('fonts/tuti/FrutigerLTPro-UltraBlack'),
        url('fonts/tuti/FrutigerLTPro-UltraBlack.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTPro-UltraBlack.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTPro-UltraBlack.woff') format('woff'),
        url('fonts/tuti/FrutigerLTPro-UltraBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger-Std-45';
    src: url('fonts/tuti/FrutigerLTStd-Light.eot');
    src: local('fonts/tuti/Frutiger Std 45 Light'), local('fonts/tuti/FrutigerLTStd-Light'),
        url('fonts/tuti/FrutigerLTStd-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTStd-Light.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTStd-Light.woff') format('woff'),
        url('fonts/tuti/FrutigerLTStd-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger-Std-55-Roman';
    src: url('fonts/tuti/FrutigerLTStd-Roman.eot');
    src: local('fonts/tuti/Frutiger Std 55 Roman'), local('fonts/tuti/FrutigerLTStd-Roman'),
        url('fonts/tuti/FrutigerLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTStd-Roman.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTStd-Roman.woff') format('woff'),
        url('fonts/tuti/FrutigerLTStd-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger-Pro-66';
    src: url('fonts/tuti/FrutigerLTPro-BoldItalic.eot');
    src: local('fonts/tuti/Frutiger Pro 66 Bold Italic'), local('fonts/tuti/FrutigerLTPro-BoldItalic'),
        url('fonts/tuti/FrutigerLTPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTPro-BoldItalic.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTPro-BoldItalic.woff') format('woff'),
        url('fonts/tuti/FrutigerLTPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger-Std-46';
    src: url('fonts/tuti/FrutigerLTCom-LightItalic.eot');
    src: local('fonts/tuti/Frutiger Std 46 Light Italic'), local('fonts/tuti/FrutigerLTCom-LightItalic'),
        url('fonts/tuti/FrutigerLTCom-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTCom-LightItalic.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTCom-LightItalic.woff') format('woff'),
        url('fonts/tuti/FrutigerLTCom-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger-Pro-75';
    src: url('fonts/tuti/FrutigerLTPro-Black.eot');
    src: local('fonts/tuti/Frutiger Pro 75 Black'), local('fonts/tuti/FrutigerLTPro-Black'),
        url('fonts/tuti/FrutigerLTPro-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTPro-Black.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTPro-Black.woff') format('woff'),
        url('fonts/tuti/FrutigerLTPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger-Pro-55-Roman';
    src: url('fonts/tuti/FrutigerLTPro-Roman.eot');
    src: local('fonts/tuti/Frutiger Pro 55 Roman'), local('fonts/tuti/FrutigerLTPro-Roman'),
        url('fonts/tuti/FrutigerLTPro-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTPro-Roman.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTPro-Roman.woff') format('woff'),
        url('fonts/tuti/FrutigerLTPro-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger-Std-95-Ultra';
    src: url('fonts/tuti/FrutigerLTStd-UltraBlack.eot');
    src: local('fonts/tuti/Frutiger Std 95 Ultra Black'), local('fonts/tuti/FrutigerLTStd-UltraBlack'),
        url('fonts/tuti/FrutigerLTStd-UltraBlack.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTStd-UltraBlack.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTStd-UltraBlack.woff') format('woff'),
        url('fonts/tuti/FrutigerLTStd-UltraBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger-Std-76';
    src: url('fonts/tuti/FrutigerLTCom-BlackItalic.eot');
    src: local('fonts/tuti/Frutiger Std 76 Black Italic'), local('fonts/tuti/FrutigerLTCom-BlackItalic'),
        url('fonts/tuti/FrutigerLTCom-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTCom-BlackItalic.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTCom-BlackItalic.woff') format('woff'),
        url('fonts/tuti/FrutigerLTCom-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger-Std-56';
    src: url('fonts/tuti/FrutigerLTCom-Italic.eot');
    src: local('fonts/tuti/Frutiger Std 56 Italic'), local('fonts/tuti/FrutigerLTCom-Italic'),
        url('fonts/tuti/FrutigerLTCom-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTCom-Italic.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTCom-Italic.woff') format('woff'),
        url('fonts/tuti/FrutigerLTCom-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger-Pro-65';
    src: url('fonts/tuti/FrutigerLTPro-Bold.eot');
    src: local('fonts/tuti/Frutiger Pro 65 Bold'), local('fonts/tuti/FrutigerLTPro-Bold'),
        url('fonts/tuti/FrutigerLTPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTPro-Bold.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTPro-Bold.woff') format('woff'),
        url('fonts/tuti/FrutigerLTPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger-Pro-76';
    src: url('fonts/tuti/FrutigerLTPro-BlackItalic.eot');
    src: local('fonts/tuti/Frutiger Pro 76 Black Italic'), local('fonts/tuti/FrutigerLTPro-BlackItalic'),
        url('fonts/tuti/FrutigerLTPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTPro-BlackItalic.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTPro-BlackItalic.woff') format('woff'),
        url('fonts/tuti/FrutigerLTPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger-Pro-45';
    src: url('fonts/tuti/FrutigerLTPro-Light.eot');
    src: local('fonts/tuti/Frutiger Pro 45 Light'), local('fonts/tuti/FrutigerLTPro-Light'),
        url('fonts/tuti/FrutigerLTPro-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTPro-Light.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTPro-Light.woff') format('woff'),
        url('fonts/tuti/FrutigerLTPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger-Std-66';
    src: url('fonts/tuti/FrutigerLTCom-BoldItalic.eot');
    src: local('fonts/tuti/Frutiger Std 66 Bold Italic'), local('fonts/tuti/FrutigerLTCom-BoldItalic'),
        url('fonts/tuti/FrutigerLTCom-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/tuti/FrutigerLTCom-BoldItalic.woff2') format('woff2'),
        url('fonts/tuti/FrutigerLTCom-BoldItalic.woff') format('woff'),
        url('fonts/tuti/FrutigerLTCom-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}












@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProUltraBlack';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProUltraBlack.woff2');
  src: url('fonts/tuti2/FrutigerLTProUltraBlack.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProRoman';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProRoman.woff2');
  src: url('fonts/tuti2/FrutigerLTProRoman.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProLightItalic';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProLightItalic.woff2');
  src: url('fonts/tuti2/FrutigerLTProLightItalic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProLightCnIta';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProLightCnIta.woff2');
  src: url('fonts/tuti2/FrutigerLTProLightCnIta.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProLightCn';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProLightCn.woff2');
  src: url('fonts/tuti2/FrutigerLTProLightCn.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProLight';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProLight.woff2');
  src: url('fonts/tuti2/FrutigerLTProLight.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProItalic';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProItalic.woff2');
  src: url('fonts/tuti2/FrutigerLTProItalic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProExtraBlkCnIta';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProExtraBlkCnIta.woff2');
  src: url('fonts/tuti2/FrutigerLTProExtraBlkCnIta.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProExtraBlackCn';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProExtraBlackCn.woff2');
  src: url('fonts/tuti2/FrutigerLTProExtraBlackCn.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProCondensedIta';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProCondensedIta.woff2');
  src: url('fonts/tuti2/FrutigerLTProCondensedIta.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProCondensed';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProCondensed.woff2');
  src: url('fonts/tuti2/FrutigerLTProCondensed.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProBoldItalic';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProBoldItalic.woff2');
  src: url('fonts/tuti2/FrutigerLTProBoldItalic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProBoldCnIta';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProBoldCnIta.woff2');
  src: url('fonts/tuti2/FrutigerLTProBoldCnIta.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProBoldCn';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProBoldCn.woff2');
  src: url('fonts/tuti2/FrutigerLTProBoldCn.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProBold';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProBold.woff2');
  src: url('fonts/tuti2/FrutigerLTProBold.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProBlackItalic';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProBlackItalic.woff2');
  src: url('fonts/tuti2/FrutigerLTProBlackItalic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProBlackCnIta';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProBlackCnIta.woff2');
  src: url('fonts/tuti2/FrutigerLTProBlackCnIta.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProBlackCn';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProBlackCn.woff2');
  src: url('fonts/tuti2/FrutigerLTProBlackCn.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProBlack';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProBlack.woff2');
  src: url('fonts/tuti2/FrutigerLTProBlack.woff2') format('woff2');
}




@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProLightCn2';
  font-style: normal;
  src: url('fonts/tuti2/FrutigerLTProLightCn2.woff2');
  src: url('fonts/tuti2/FrutigerLTProLightCn2.woff2') format('woff2');
}













@font-face {
  font-display: swap;
  font-family: 'frutiger-47-light-condensed2';
  font-style: normal;
  src: url('fonts/tuti2/frutiger-47-light-condensed2.woff2');
  src: url('fonts/tuti2/frutiger-47-light-condensed2.woff2') format('woff2');
}













@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProCondensedIta';
  font-style: normal;
  src: url('fonts/tuti3/FrutigerLTProCondensedIta.woff2');
  src: url('fonts/tuti3/FrutigerLTProCondensedIta.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProExtraBlkCnIta';
  font-style: normal;
  src: url('fonts/tuti3/FrutigerLTProExtraBlkCnIta.woff2');
  src: url('fonts/tuti3/FrutigerLTProExtraBlkCnIta.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProUltraBlack';
  font-style: normal;
  src: url('fonts/tuti3/FrutigerLTProUltraBlack.woff2');
  src: url('fonts/tuti3/FrutigerLTProUltraBlack.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProBlackItalic';
  font-style: normal;
  src: url('fonts/tuti3/FrutigerLTProBlackItalic.woff2');
  src: url('fonts/tuti3/FrutigerLTProBlackItalic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProBlackCn';
  font-style: normal;
  src: url('fonts/tuti3/FrutigerLTProBlackCn.woff2');
  src: url('fonts/tuti3/FrutigerLTProBlackCn.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProBoldItalic';
  font-style: normal;
  src: url('fonts/tuti3/FrutigerLTProBoldItalic.woff2');
  src: url('fonts/tuti3/FrutigerLTProBoldItalic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProLightItalic';
  font-style: normal;
  src: url('fonts/tuti3/FrutigerLTProLightItalic.woff2');
  src: url('fonts/tuti3/FrutigerLTProLightItalic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProLightCn';
  font-style: normal;
  src: url('fonts/tuti3/FrutigerLTProLightCn.woff2');
  src: url('fonts/tuti3/FrutigerLTProLightCn.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProItalic';
  font-style: normal;
  src: url('fonts/tuti3/FrutigerLTProItalic.woff2');
  src: url('fonts/tuti3/FrutigerLTProItalic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProBoldCn';
  font-style: normal;
  src: url('fonts/tuti3/FrutigerLTProBoldCn.woff2');
  src: url('fonts/tuti3/FrutigerLTProBoldCn.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FrutigerLTProRoman';
  font-style: normal;
  src: url('fonts/tuti3/FrutigerLTProRoman.woff2');
  src: url('fonts/tuti3/FrutigerLTProRoman.woff2') format('woff2');
}



/*
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

@media (forced-colors: active) {
  * {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
  }
}
*/




/* Label Fonts */




@font-face {
  font-display: swap;
  font-family: 'staubsaugerman';
  src: url('fonts/label/staubsaugerman.woff2');
  src: url('fonts/label/staubsaugerman.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'penestrom_001';
  src: url('fonts/label/penestrom_001.woff2');
  src: url('fonts/label/penestrom_001.woff2') format('woff2');
}


:root{


  --designFont-101: penestrom_001;

  --designFont-151: staubsaugerman;


  --cassiopeia-color-primary: #fefefe;
  --cassiopeia-color-link: #fefefe;
  --cassiopeia-color-hover: #fefefe;
  
  --designFarbe-0: #fefefe;
  --designFarbe-0-00: #fefefe09;
  --designFarbe-0-01: #fefefe3f;
  --designFarbe-0-02: #fefefe7f;
  --designFarbe-0-03: #fefefebf;

  /*
  --designFarbe-1: #a22a43;
  --designFarbe-1-00: #a22a4309;
  --designFarbe-1-01: #a22a433f;
  --designFarbe-1-02: #a22a437f;
  --designFarbe-1-03: #a22a43bf;
  */

  /* 
  #b62c33
  #e31e24
  #fbba00
  */

  --designFarbe-1: #87172f;
  --designFarbe-1-00: #87172f09;
  --designFarbe-1-01: #87172f3f;
  --designFarbe-1-02: #87172f7f;
  --designFarbe-1-03: #87172fbf;


  --designFarbe-11: #b62c33;
  --designFarbe-11-00: #b62c3309;
  --designFarbe-11-01: #b62c333f;
  --designFarbe-11-02: #b62c337f;
  --designFarbe-11-03: #b62c33bf;



  --designFarbe-2: #e31e24;
  --designFarbe-2-00: #e31e2409;
  --designFarbe-2-01: #e31e243f;
  --designFarbe-2-02: #e31e247f;
  --designFarbe-2-03: #e31e24bf;

  --designFarbe-3: #fbba00;
  --designFarbe-3-00: #fbba0009;
  --designFarbe-3-01: #fbba003f;
  --designFarbe-3-02: #fbba007f;
  --designFarbe-3-03: #fbba00bf;






  --designFarbe-4: #030303;
  --designFarbe-4-00: #03030309;
  --designFarbe-4-01: #0303033f;
  --designFarbe-4-02: #0303037f;
  --designFarbe-4-03: #030303bf;
  
  /*
  --designFarbe-4: #222222;
  --designFarbe-4-00: #22222209;
  --designFarbe-4-01: #2222223f;
  --designFarbe-4-02: #2222227f;
  --designFarbe-4-03: #222222bf;
  #4D4D4D
  */
  
  --designFarbe-5: #5b5b5b;
  --designFarbe-5-00: #5b5b5b09;
  --designFarbe-5-01: #5b5b5b3f;
  --designFarbe-5-02: #5b5b5b7f;
  --designFarbe-5-03: #5b5b5bbf;



  --designFarbe-6: #313130;
  --designFarbe-6-00: #31313009;
  --designFarbe-6-01: #3131303f;
  --designFarbe-6-02: #3131307f;
  --designFarbe-6-03: #313130bf;


  /*
  --designFarbe-6: #808080;
  --designFarbe-6-00: #80808009;
  --designFarbe-6-01: #8080803f;
  --designFarbe-6-02: #8080807f;
  --designFarbe-6-03: #808080bf;
  */




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

  --designFarbeK-0-00-vt: #f5f5f5;



  --designFarbeK-1: #030303;
  --designFarbeK-1-00: #03030309;
  --designFarbeK-1-01: #0303033f;
  --designFarbeK-1-02: #0303037f;
  --designFarbeK-1-03: #030303bf;

  --designFarbeK-1-01-vt: #414141;

  /* --designFarbeK-0: red; */
  /* --designFarbeK-1: green; */

  --designFarbeSvg-0: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Crect%20fill=%22%23fefefe%22%20width=%22512%22%20height=%22512%22/%3E%3C/svg%3E");
  --designFarbeSvg-1: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Crect%20fill=%22%2387172f%22%20width=%22512%22%20height=%22512%22/%3E%3C/svg%3E");
  --designFarbeSvg-2: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Crect%20fill=%22%23e31e24%22%20width=%22512%22%20height=%22512%22/%3E%3C/svg%3E");
  --designFarbeSvg-3: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Crect%20fill=%22%23fbba00%22%20width=%22512%22%20height=%22512%22/%3E%3C/svg%3E");
  --designFarbeSvg-4: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Crect%20fill=%22%23030303%22%20width=%22512%22%20height=%22512%22/%3E%3C/svg%3E");

  --designFarbeHintergrundVerlauf-1:  url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%202862%20787%22%3E%3ClinearGradient%20id=%22id0%22%20gradientUnits=%22userSpaceOnUse%22%20x1=%22-353.299%22%20y1=%222141.549%22%20x2=%221974.505%22%20y2=%222632.811%22%3E%3Cstop%20offset=%220%22%20style=%22stop-opacity:1;%20stop-color:%237D132A%22%3E%3C/stop%3E%3Cstop%20offset=%221%22%20style=%22stop-opacity:1;%20stop-color:%23A43148%22%3E%3C/stop%3E%3C/linearGradient%3E%3Cpolygon%20fill=%22url(%23id0)%22%20points=%220,0%202862,0%202862,787%200,787%20%22%3E%3C/polygon%3E%3C/svg%3E");




  --designLinkBlank-0: url("data:image/svg+xml,%3Csvg%20viewBox=%220%200%2024%2024%22%20xmlns=%22http://www.w3.org/2000/svg%22%20focusable=%22false%22%20aria-hidden=%22true%22%3E%3Cpath%20fill=%22%23fefefe%22%20d=%22M19%2019H5V5H12V3H5C3.89%203%203%203.9%203%205V19C3%2020.1%203.89%2021%205%2021H19C20.1%2021%2021%2020.1%2021%2019V12H19V19ZM14%203V5H17.59L7.76%2014.83L9.17%2016.24L19%206.41V10H21V3H14Z%20M19%2019H5V5H12V3H5C3.89%203%203%203.9%203%205V19C3%2020.1%203.89%2021%205%2021H19C20.1%2021%2021%2020.1%2021%2019V12H19V19ZM14%203V5H17.59L7.76%2014.83L9.17%2016.24L19%206.41V10H21V3H14Z%22%3E%3C/path%3E%3C/svg%3E");
  
  --designLinkBlank-1: url("data:image/svg+xml,%3Csvg%20viewBox=%220%200%2024%2024%22%20xmlns=%22http://www.w3.org/2000/svg%22%20focusable=%22false%22%20aria-hidden=%22true%22%3E%3Cpath%20fill=%22%2387172f%22%20d=%22M19%2019H5V5H12V3H5C3.89%203%203%203.9%203%205V19C3%2020.1%203.89%2021%205%2021H19C20.1%2021%2021%2020.1%2021%2019V12H19V19ZM14%203V5H17.59L7.76%2014.83L9.17%2016.24L19%206.41V10H21V3H14Z%20M19%2019H5V5H12V3H5C3.89%203%203%203.9%203%205V19C3%2020.1%203.89%2021%205%2021H19C20.1%2021%2021%2020.1%2021%2019V12H19V19ZM14%203V5H17.59L7.76%2014.83L9.17%2016.24L19%206.41V10H21V3H14Z%22%3E%3C/path%3E%3C/svg%3E");

  --designLinkBlank-4: url("data:image/svg+xml,%3Csvg%20viewBox=%220%200%2024%2024%22%20xmlns=%22http://www.w3.org/2000/svg%22%20focusable=%22false%22%20aria-hidden=%22true%22%3E%3Cpath%20fill=%22%23222222%22%20d=%22M19%2019H5V5H12V3H5C3.89%203%203%203.9%203%205V19C3%2020.1%203.89%2021%205%2021H19C20.1%2021%2021%2020.1%2021%2019V12H19V19ZM14%203V5H17.59L7.76%2014.83L9.17%2016.24L19%206.41V10H21V3H14Z%20M19%2019H5V5H12V3H5C3.89%203%203%203.9%203%205V19C3%2020.1%203.89%2021%205%2021H19C20.1%2021%2021%2020.1%2021%2019V12H19V19ZM14%203V5H17.59L7.76%2014.83L9.17%2016.24L19%206.41V10H21V3H14Z%22%3E%3C/path%3E%3C/svg%3E");



  --designIconSteckdose-1: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%20focusable=%22false%22%20aria-hidden=%22true%22%3E%3Cpath%20fill=%22%2387172f%22%20d=%22M278.906%20100.81c0,0%20-36.947,48.015%20-36.947,48.015%200,0%2030.635,23.565%2030.635,23.565%200,0%2038.086,-48.86%2038.086,-48.86%208.003,-11.01%202.309,-22.551%20-3.4,-27.315%20-5.47,-4.483%20-19.208,-7.107%20-28.374,4.595zm-23.859%20-88.81c-128.563,0%20-249.565,102.001%20-248.033,248.307%200.53,67.048%2026.666,131.634%2074.816,177.999%2013.489,12.958%2026,5.449%2029.785,2.044%203.777,-3.146%208.894,-12.732%201.227,-25.383%20-54.742,-51.5%20-67.822,-115.989%20-67.173,-154.66%202.109,-126.178%20102.219,-209.524%20209.378,-209.524%20116.39,0%20206.01,95.861%20209.194,209.524%202.919,101.76%20-90.615,216.002%20-209.691,208.212%20-54.414,-4.934%20-108.338,-85.02%20-47.533,-150.371%200,0%2030.924,24.169%2030.924,24.169%204.66,3.678%2023.61,12.305%2040.652,-3.469%200,0%2068.777,-78.501%2068.777,-78.501%200,0%20-150.393,-117.26%20-150.393,-117.26%20-9.889,17.528%20-57.862,85.06%20-57.862,85.06%20-11.517,17.593%200.617,37.214%203.159,38.405%200,0%2034.076,27.154%2034.341,27.364%20-78.738,93.261%20-10.979,205.089%2078.432,213.668%20123.078,8.145%20247.969,-104.432%20247.953,-247.277%20-0.457,-134.21%20-111.506,-248.307%20-247.953,-248.307zm84.857%20135.964c0,0%20-36.947,48.015%20-36.947,48.015%200,0%2030.635,23.564%2030.635,23.564%200,0%2038.086,-48.859%2038.086,-48.859%208.003,-11.01%202.309,-22.551%20-3.401,-27.316%20-5.469,-4.483%20-19.207,-7.106%20-28.373,4.596z%22/%3E%3C/svg%3E");

  --designIconEzeichen-1:  url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%20focusable=%22false%22%20aria-hidden=%22true%22%3E%3Cpath%20fill=%22%2387172f%22%20d=%22M206.342%20126.803l95.934%200%200%2028.173%20-57.317%200%200%2040.317%2054.161%200%200%2028.172%20-54.161%200%200%2043.472%2059.989%200%200%2028.418%20-98.606%200%200%20-168.552zm49.658%20377.197c0,0%2087.63,-85.857%20149.358,-156.563%2034.183,-37.156%2053.228,-86.106%2053.228,-136.851%200,-111.888%20-90.698,-202.586%20-202.586,-202.586l0%2039.069c90.176,0%20163.517,73.375%20163.517,163.517%200,42.025%20-15.307,80.187%20-43.598,111.149%20-39.095,44.771%20-89.385,96.374%20-119.919,127.099l0%2055.166zm0%200c0,0%20-87.63,-85.857%20-149.358,-156.563%20-34.183,-37.156%20-53.228,-86.106%20-53.228,-136.851%200,-111.888%2090.698,-202.586%20202.586,-202.586l0%2039.069c-90.176,0%20-163.517,73.375%20-163.517,163.517%200,42.025%2015.307,80.187%2043.598,111.149%2039.095,44.771%2089.385,96.374%20119.919,127.099l0%2055.166z%22/%3E%3C/svg%3E");



  --designHintern-1:  url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%202862%20787%22%3E%3ClinearGradient%20id=%22id0%22%20gradientUnits=%22userSpaceOnUse%22%20x1=%22-353.299%22%20y1=%222141.549%22%20x2=%221974.505%22%20y2=%222632.811%22%3E%3Cstop%20offset=%220%22%20style=%22stop-opacity:1;%20stop-color:%237D132A%22/%3E%3Cstop%20offset=%221%22%20style=%22stop-opacity:1;%20stop-color:%23A43148%22/%3E%3C/linearGradient%3E%3Cpolygon%20fill=%22url(%23id0)%22%20points=%220,0%202862,0%202862,787%200,787%20%22/%3E%3C/svg%3E");
  --designHintern-2:  url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%202862%20787%22%20style=%22transform:scaleY(-1)%22%3E%3ClinearGradient%20id=%22id0%22%20gradientUnits=%22userSpaceOnUse%22%20x1=%22-353.299%22%20y1=%222141.549%22%20x2=%221974.505%22%20y2=%222632.811%22%3E%3Cstop%20offset=%220%22%20style=%22stop-opacity:1;%20stop-color:%237D132A%22/%3E%3Cstop%20offset=%221%22%20style=%22stop-opacity:1;%20stop-color:%23A43148%22/%3E%3C/linearGradient%3E%3Cpolygon%20fill=%22url(%23id0)%22%20points=%220,0%202862,0%202862,787%200,787%20%22/%3E%3C/svg%3E");






  --designLabelPeStrom-1:  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:%23fefefe%7D.fil1%7Bfill:%2387172f%7D.fil3%7Bfill:%23fbba00%7D%3C/style%3E%3Ccircle%20class=%22fil3%22%20cx=%22256%22%20cy=%22256%22%20r=%22248%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M119.743%20174.346l0%2025.211c9.699,0%2016.564,0.286%2016.564,-12.788%200,-12.539%20-6.81,-12.423%20-16.564,-12.423zm-19.365%20-14.128c8.445,0%2027.422,-0.409%2034.569,0.852%2013.5,2.383%2020.238,12.747%2020.238,26.145%200,19.088%20-12.021,26.592%20-30.793,26.592l-4.649%200%200%2030.935%20-19.365%200%200%20-84.524zm61.039%200l48.108%200%200%2014.128%20-28.743%200%200%2020.218%2027.16%200%200%2014.128%20-27.16%200%200%2021.801%2030.083%200%200%2014.249%20-49.448%200%200%20-84.524zm58.358%200l48.109%200%200%2014.128%20-28.743%200%200%2020.218%2027.16%200%200%2014.128%20-27.16%200%200%2021.801%2030.083%200%200%2014.249%20-49.449%200%200%20-84.524zm58.36%200l22.267%200%2025.476%2061.627%200%20-61.627%2016.564%200%200%2084.524%20-22.268%200%20-25.597%20-61.749%200%2061.749%20-16.442%200%200%20-84.524zm76.018%200l48.109%200%200%2014.128%20-28.743%200%200%2020.218%2027.16%200%200%2014.128%20-27.16%200%200%2021.801%2030.083%200%200%2014.249%20-49.449%200%200%20-84.524z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M281.805%20128.107c10.592,-5.856%2015.351,-16.379%207.352,-9.405%20-13.23,11.534%20-13.555,3.841%20-12.95,3.469%203.786,-2.321%2018.063,-14.194%2013.993,-19.064%20-2.051,-2.454%20-7.307,-1.586%20-9.565,0.839%20-4.431,4.758%20-12.582,14.531%20-7.302,21.575%201.066,1.421%205.846,4.133%208.472,2.586zm-111.475%20-33.575c0,-1.081%20-3.985,-1.896%20-4.223,-1.424l-9.846%2021.702c-1.918,4.716%20-1.655,6.103%20-3.435,9.515%20-2.399,4.601%202.225,5.68%202.596,5.062%200.173,-0.288%201.679,-0.236%201.679,-1.119%200,-5.586%207.785,-24.48%207.785,-21.727%200,11.81%200.961,9.717%204.706,11.042%201.099,0.388%201.866,-1.141%204.122,-3.562%208.301,-8.909%203.35,-4.411%201.45,8.167l-1.297%208.803c2.267,2.267%202.655,0.638%203.561,1.297%200.851,0.619%200.796,-0.135%200.891,-0.967%201.294,-11.343%203.077,-21.753%209.617,-31.242%201.307,-1.896%20-2.758,-4.065%20-3.918,-2.494l-15.011%2014.96c-0.614,0%20-0.585,-10.747%200.433,-14.145l0.89%20-3.868zm25.194%2027.325c-2.115,0%20-13.075,11.169%20-2.799,-10.991%200.727,-1.567%206.154,-7.683%201.324,-7.683%20-2.78,0%20-3.31,2.762%20-5.14,7.098%20-1.923,4.558%20-7.241,14.29%20-1.094,18.038%203.329,2.03%2012.752,-6.462%207.709,-6.462zm5.139%20-29.055c-1.655,-1.982%20-7.082,0.052%20-4.935,4.071%201.624,3.041%207.426,-1.58%204.935,-4.071zm9.675%202.749c0.319,-1.583%20-3.662,-1.773%20-4.325,-0.408l-5.139%2013.179c-0.538,2.188%20-3.504,-1.352%20-5.649,0.433%20-0.975,0.812%203.664,4.498%203.664,4.503l-4.122%2013.993c0,2.029%204.004,2.934%204.427,-0.509l3.766%20-12.619c0.887,-1.626%2012.822,-2.784%2012.822,-6.055%200,-0.472%20-1.89,-1.782%20-3.053,-1.069%20-1.857,1.137%20-8.293,3.34%20-8.293,2.595%200,-1.93%205.099,-9.384%205.902,-14.043zm16.799%209.464c-0.36,-0.722%20-2.848,-2.553%20-5.14,2.951%20-1.362,3.271%20-4.705,13.879%20-4.299,17.148%200.442,3.564%204.613,3.911%205.419,3.51%207.136,-3.546%206.462,-9.72%206.462,-1.755%200,3.642%200.79,3.513%202.671,4.504%203.637,1.915%201.145,-3.689%201.145,-4.199%200,-11.529%206.787,-16.359%203.308,-17.631%20-4.666,-1.705%20-0.876,1.041%20-10.889,12.314%20-2.268,2.553%20-6.185,7.09%20-3.766,-1.408l3.893%20-11.966c1.911,-2.248%202.188,-0.982%201.196,-3.468zm12.668%209.413c-0.713,1.707%20-4.241,9.678%20-2.782,11.449%200.812,0.984%204.176,3.452%205.589,1.78l2.188%20-2.238c0.465,-0.656%205.138,-7.387%205.138,-6.208%200,0.085%20-1.713,6.28%201.375,8.167%200.007,0.004%203.587,2.749%204.681,1.018%201.791,-2.834%20-4.737,-0.478%20-2.036,-10.508%201.172,-4.353%206.077,-9.913%203.053,-10.227%20-1.812,-0.188%20-2.002,-1.834%20-3.612,1.577l-11.754%2014.196c-1.971,2.817%20-0.162,-3.019%200,-3.409%202.418,-5.831%203.27,-8.173%206.869,-12.517%203.673,-4.434%20-2.579,-4.952%20-3.384,-3.078l-5.325%209.998zm33.038%20-10.074c-4.932,-4.938%20-12.156,0.366%20-11.194,9.489l1.73%2011.728c0,1.456%20-2.188,-0.518%20-3.308,-2.518%20-1.312,-2.345%20-1.49,-3.232%20-3.46,-3.232%20-0.895,0%20-2.383,1.086%20-1.526,2.646%201.622,2.955%207.208,8.923%2010.482,6.463%202.932,-2.204%201.933,-3.071%200.686,-10.661%20-0.893,-5.437%20-1.67,-8.4%201.807,-12.466%201.2,-1.404%202.96,0.96%201.119,3.944%20-0.825,1.338%201.878,3.747%203.138,2.137%201.847,-2.361%201.953,-6.106%200.526,-7.53zm12.778%203.357l-4.834%206.183c-9.17,9.79%20-2.645,-1.819%200.891,-5.572%205.06,-5.37%205.978,-3.803%203.943,-0.611zm10.794%20-2.035c-0.523,-1.046%20-4.673,-0.547%20-3.41,1.196%200.892,1.23%20-3.32,13.301%20-4.121,14.502%20-2.118,3.176%20-3.035,3.788%20-0.484,6.538%202.358,2.54%203.763,-5.206%204.961,-7.327%202.524,-4.464%206.427,-7.675%2010.991,-9.77%200.373,-0.169%200.645,-0.237%200.814,-0.203%205.802,0.567%205.142,-4.02%200,-4.02%20-3.782,0%20-9.255,7.125%20-8.293,3.664%200.456,-1.645%200.462,-3.086%20-0.458,-4.58zm16.644%2022.431c1.934,-1.069%203.495,-2.043%204.682,-2.934%204.737,-3.552%2012.15,-14.515%200.662,-4.74%20-10.446,8.878%20-11.84,2.289%20-10.94,1.738%203.784,-2.317%2018.061,-14.196%2013.993,-19.064%20-2.048,-2.451%20-7.302,-1.591%20-9.566,0.839%20-4.43,4.753%20-12.582,14.538%20-7.302,21.575%201.067,1.423%205.849,4.134%208.471,2.586zm3.818%20-20.396l-4.835%206.183c-9.171,9.79%20-2.644,-1.821%200.891,-5.572%205.028,-5.336%205.996,-3.839%203.944,-0.611zm14.66%20-3.256c-1.667,-1.026%20-4.183,-0.016%20-4.681,1.272%20-1.939,5.015%20-10.193,16.007%20-7.353,20.735%200.282,0.468%203.221,2.34%205.317,1.399%205.12,-2.297%205.801,-5.146%205.801,-3.053%200,1.313%204.603,6.802%2011.881,-1.068%204.541,-4.911%200.943,0.865%205.191,5.113%201.665,1.665%206.084,1.282%203.231,-0.865%20-1.797,-1.352%20-2.416,-6.015%20-1.044,-9.464%202.769,-6.963%205.254,-6.552%204.35,-8.166%20-0.656,-1.174%20-4.703,-2.6%20-5.648,0.457%20-1.435,4.646%20-7.16,8.468%20-10.329,12.111%20-3.674,4.223%20-5.763,0.479%201.12,-8.981%200.542,-0.746%202.803,-3.787%201.984,-4.605%20-4.113,-4.112%20-6.695,3.834%20-7.505,5.19%20-3.845,6.431%20-11.551,11.776%20-11.27,9.566%200.979,-7.704%2011.243,-18.496%208.955,-19.641z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M133.052%20262.51l-0.227%209.52c-8.98,-5.867%20-25.326,-6.233%20-25.326,7.382%200,10.968%2019.772,17.079%2026.594,27.711%207.501,11.69%202.411,34.108%20-20.234,34.108%20-5.497,0%20-11.037,-1.178%20-15.786,-3.729l0.947%20-9.445c10.086,7.289%2028.127,8.102%2028.127,-7.382%200,-8.141%20-5.127,-11.792%20-14.064,-17.849%20-9.562,-6.48%20-15.578,-11.613%20-15.578,-21.237%200,-12.891%208.934,-21.446%2021.787,-21.446%204.821,0%209.211,0.761%2013.76,2.367zm13.358%20-1.231l45.881%200%200%208.404%20-18.057%200%200%2070.412%20-9.767%200%200%20-70.412%20-18.057%200%200%20-8.404zm69.005%208.177l0%2026.916c12.474,0%2022.259,0.012%2022.259,-14.348%200,-13.147%20-10.496,-12.568%20-22.259,-12.568zm-9.653%20-8.177c20.557,0%2041.906,-2.592%2041.906,20.632%200,10.409%20-5.688,16.82%20-15.88,18.738%206.249,0.731%208.103,4.47%2010.523,11.395l9.9%2028.051%20-10.448%200%20-8.537%20-25.117c-3.793,-11.269%20-6.295,-10.429%20-17.811,-10.429l0%2035.546%20-9.653%200%200%20-78.816zm84.432%207.041c-15.36,0%20-18.607,17.557%20-18.607,32.329%200,14.818%203.226,32.405%2018.607,32.405%2015.36,0%2018.644,-17.666%2018.644,-32.405%200,-14.693%20-3.305,-32.329%20-18.644,-32.329zm0%20-8.177c21.798,0%2028.978,19.615%2028.978,40.544%200,20.967%20-7.17,40.544%20-28.978,40.544%20-21.776,0%20-28.941,-19.607%20-28.941,-40.544%200,-20.9%207.176,-40.544%2028.941,-40.544zm45.629%201.136l14.348%200%2020.29%2063.958%2020.234%20-63.958%2014.631%200%200%2078.816%20-9.199%200%200%20-70.109%20-22.448%2070.109%20-6.928%200%20-22.297%20-70.109%200%2070.109%20-8.631%200%200%20-78.816z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M259.8%20380.221c-4.947,-4.94%20-12.155,0.378%20-11.195,9.49l1.73%2011.729c0,1.455%20-2.186,-0.517%20-3.307,-2.519%20-1.314,-2.347%20-1.492,-3.231%20-3.46,-3.231%20-0.891,0%20-2.382,1.079%20-1.527,2.646%201.602,2.938%207.209,8.923%2010.482,6.463%202.934,-2.206%201.932,-3.071%200.687,-10.661%20-0.891,-5.437%20-1.673,-8.398%201.806,-12.466%201.223,-1.43%202.937,1.009%201.12,3.943%20-0.827,1.334%201.876,3.748%203.138,2.137%201.842,-2.352%201.956,-6.097%200.526,-7.531zm-120.64%201.323c-0.521,-1.046%20-4.673,-0.546%20-3.41,1.196%200.893,1.23%20-3.318,13.299%20-4.121,14.502%20-2.116,3.173%20-3.035,3.792%20-0.483,6.538%202.358,2.538%203.761,-5.204%204.961,-7.326%202.375,-4.204%209.802,-11.088%2012.949,-9.72%205.055,2.197%203.951,-10.575%20-8.827,0%20-2.028,1.678%200.909,-1.977%20-1.069,-5.19zm14.763%2017.301c-10.463,7.668%20-0.061,-12.874%200.611,-13.79%205.619,-7.669%20-1.27,-6.604%20-2.239,-4.63%20-1.951,3.974%20-7.692,15.33%20-6.361,20.098%201.282,4.591%204.956,5.273%209.057,1.579%203.397,-3.151%204.429,-7.228%20-1.068,-3.257zm7.531%20-30.174c-1.659,-1.986%20-7.085,0.057%20-4.936,4.071%201.628,3.041%207.423,-1.583%204.936,-4.071zm5.196%2028.901c-1.534,1.162%20-8.09,5.237%20-8.09,2.138%200,-5.192%2010.38,-19.368%2010.38,-15.977%200,1.069%20-2.098,3.051%20-0.56,4.172%204.215,3.072%202.511,0.532%204.707,-3.46%202.093,-3.807%20-4.754,-5.152%20-6.03,-4.58%20-4.461,2.002%20-16.813,18.861%20-9.795,23.279%203.959,2.493%207.68,0.026%2011.067,-2.722%2010.352,-8.397%206.024,-8.622%20-1.679,-2.85zm22.547%207.582c0.81,-0.323%202.189,-1.651%200.204,-1.934%20-4.849,-0.691%200.839,-15.463%202.086,-17.503%204.064,-6.654%20-1.738,-6.134%20-3.714,-3.969l-11.805%2014.476%209.336%20-20.404%206.005%20-8.777c2.678,-2.974%20-2.515,-5.239%20-3.587,-3.206%20-5.246,9.952%20-14.642,26.153%20-17.097,36.636%20-0.248,1.057%20-1.379,1.773%201.272,2.951%204.417,1.964%206.914,-6.768%2013.586,-14.145%203.457,-3.824%20-7.842,14.682%201.373,16.231l2.341%20-0.356zm18.173%20-33.735c0.312,-1.586%20-3.663,-1.771%20-4.325,-0.408l-5.14%2013.179c-0.538,2.187%20-3.504,-1.351%20-5.648,0.433%20-0.976,0.812%203.663,4.497%203.663,4.502l-4.121%2013.994c0,2.026%203.999,2.936%204.427,-0.509l3.766%20-12.619c0.552,-1.013%204.82,-1.788%206.716,-2.34%206.313,-1.845%209.71,-6.945%20-0.153,-3.308%20-9.267,3.414%20-3.735,-0.199%200.026,-10.049%200.356,-0.933%200.618,-1.892%200.789,-2.875zm4.687%2027.426c-10.454,7.672%20-0.072,-12.858%200.611,-13.79%205.621,-7.664%20-1.269,-6.607%20-2.239,-4.63%20-1.95,3.974%20-7.691,15.331%20-6.361,20.098%201.282,4.591%204.955,5.273%209.057,1.579%203.842,-3.562%203.843,-6.804%20-1.068,-3.257zm7.531%20-30.174c-1.656,-1.983%20-7.083,0.051%20-4.936,4.071%201.624,3.041%207.425,-1.582%204.936,-4.071zm13.644%2016.792c2.282,-4.566%20-5.168,-10.837%20-15.114,0.508%20-2.187,2.495%20-7.599,8.758%20-6.385,12.391%200.056,0.169%203.446,5.445%208.473,1.602%203.159,-2.415%205.639,-6.743%201.271,2.315%20-3.491,7.241%20-9.784,14.042%20-10.965,17.911%20-1.219,3.993%204.363,5.224%206.284,1.501%205.241,-10.157%203.391,-13.034%2014.959,-22.566%203.817,-3.145%207.818,-5.082%206.361,-6.539%20-2.43,-2.43%20-11.245,7.122%20-11.245,5.801l6.361%20-12.924zm-3.257%20-1.527c-9.403,14.314%20-20.184,18.305%20-10.33,6.208%201.394,-1.711%207.01,-8.452%209.871,-7.378l0.459%201.17zm38.124%20-4.122c0,-1.364%20-3.918,-1.434%20-4.222,0.56%20-1.677,10.994%20-12.718,35.521%20-11.297,36.764%202.584,2.258%204.384,0.692%204.3,0.075%20-0.371,-2.715%206.463,-21.386%207.403,-19.233%201.905,4.364%206.119,6.168%207.531,4.833%204.94,-4.669%2010.178,-18.485%206.869,-20.709%20-4.644,-3.12%20-6.228,-1.892%20-12.161,4.936%20-0.452,0%201.577,-4.582%201.577,-7.226zm6.87%204.325c2.166,-1.077%20-2.794,12.964%20-5.19,15.367%20-1.231,1.234%20-4.206,-4.711%20-2.951,-6.716%202.137,-3.416%204.647,-6.409%208.141,-8.651zm27.026%20-2.408c-0.499,-1.238%20-2.722,-3.045%20-4.987,-2.375%20-13.334,3.943%20-21.713,18.885%20-17.402,22.185%202.782,2.13%203.847,4.282%2010.431,-1.729%207.546,-6.89%201.955,-2.322%204.834,3.714%200.764,1.602%204.811,1.006%204.122,-0.204%20-4.278,-7.502%205.749,-18.943%205.749,-19.64%200,-1.319%20-2.182,-0.398%20-2.747,-1.951zm-3.257%200.678c2.805,0%20-0.288,3.179%20-0.56,3.706%20-2.066,4.008%20-13.706,14.052%20-15.163,14.052%20-3.54,0%201.502,-10.727%2014.146,-17.249l1.577%20-0.509zm10.896%20-0.865c-0.526,-1.046%20-4.673,-0.545%20-3.409,1.196%200.892,1.23%20-3.32,13.298%20-4.122,14.502%20-2.117,3.173%20-3.036,3.793%20-0.484,6.538%202.359,2.538%203.761,-5.203%204.962,-7.326%202.377,-4.206%209.802,-11.088%2012.95,-9.72%205.073,2.207%203.947,-10.573%20-8.829,0%20-2.027,1.677%200.908,-1.978%20-1.068,-5.19zm16.645%2022.432c1.934,-1.069%203.494,-2.045%204.681,-2.935%202.988,-2.24%208.71,-11.735%202.671,-6.47%20-13.227,11.531%20-13.558,3.842%20-12.95,3.468%203.783,-2.326%2018.064,-14.189%2013.993,-19.064%20-2.048,-2.454%20-7.307,-1.587%20-9.565,0.839%20-4.425,4.755%20-12.585,14.533%20-7.302,21.575%201.066,1.422%205.846,4.133%208.472,2.587zm3.816%20-20.396l-4.834%206.182c-9.18,9.801%20-2.625,-1.843%200.891,-5.572%205.061,-5.369%205.978,-3.803%203.943,-0.61zm5.29%206.716c-0.711,1.708%20-4.241,9.676%20-2.781,11.449%200.801,0.973%204.172,3.456%205.588,1.781l2.188%20-2.239c0.466,-0.656%205.139,-7.387%205.139,-6.208%200,0.087%20-1.713,6.279%201.374,8.167%200.003,0.002%203.585,2.751%204.681,1.017%201.791,-2.833%20-4.737,-0.477%20-2.036,-10.506%201.173,-4.354%206.076,-9.913%203.054,-10.228%20-1.814,-0.189%20-2.005,-1.831%20-3.613,1.577l-11.754%2014.197c-1.971,2.816%20-0.162,-3.019%200,-3.41%202.417,-5.829%203.271,-8.173%206.869,-12.517%203.673,-4.435%20-2.58,-4.95%20-3.383,-3.078l-5.326%209.998zm32.885%20-18.318c-1.116,-0.372%20-3.335,-3.735%20-4.426,2.901%20-0.588,3.571%20-4.511,16.752%20-3.944,17.401%202.509,2.871%202.435,6.087%206.895,-10.125%201.7,-6.179%204.349,-9.392%201.475,-10.177zm-7.276%2027.681c-2.553,-0.257%20-3.335,-2.937%20-4.732,0.89%20-0.413,1.129%200.62,3.842%201.475,3.842%201.627,0%203.97,0.294%203.97,-3.969l-0.713%20-0.763z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M433.759%20147.998c0,0%20-2.496,3.243%20-2.496,3.243%200,0%202.07,1.592%202.07,1.592%200,0%202.572,-3.3%202.572,-3.3%200.54,-0.744%200.156,-1.523%20-0.23,-1.845%20-0.369,-0.303%20-1.297,-0.48%20-1.916,0.31l0%200zm-1.612%20-5.998c-8.683,0%20-16.855,6.889%20-16.752,16.771%200.036,4.528%201.801,8.89%205.053,12.022%200.911,0.875%201.756,0.368%202.012,0.138%200.255,-0.212%200.601,-0.86%200.083,-1.715%20-3.697,-3.478%20-4.581,-7.833%20-4.537,-10.445%200.142,-8.523%206.904,-14.152%2014.141,-14.152%207.861,0%2013.914,6.475%2014.129,14.152%200.198,6.873%20-6.12,14.589%20-14.162,14.062%20-3.675,-0.333%20-7.317,-5.742%20-3.211,-10.156%200,0%202.089,1.633%202.089,1.633%200.315,0.248%201.595,0.831%202.746,-0.235%200,0%204.645,-5.302%204.645,-5.302%200,0%20-10.158,-7.919%20-10.158,-7.919%20-0.668,1.183%20-3.908,5.745%20-3.908,5.745%20-0.778,1.188%200.042,2.513%200.214,2.594%200,0%202.301,1.834%202.319,1.848%20-5.318,6.299%20-0.741,13.852%205.297,14.431%208.313,0.55%2016.748,-7.053%2016.747,-16.701%20-0.031,-9.065%20-7.531,-16.771%20-16.747,-16.771l0%200zm5.732%209.183c0,0%20-2.496,3.243%20-2.496,3.243%200,0%202.069,1.591%202.069,1.591%200,0%202.573,-3.3%202.573,-3.3%200.54,-0.743%200.156,-1.523%20-0.23,-1.844%20-0.369,-0.303%20-1.297,-0.48%20-1.916,0.31l0%200z%22/%3E%3C/svg%3E");

  --designbannerStart-1:  url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%202862%201275%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Cstyle%3E.fil1%7Bfill:url(%23id0)%7D%3C/style%3E%3ClinearGradient%20id=%22id0%22%20gradientUnits=%22userSpaceOnUse%22%20x1=%22-351.571%22%20y1=%222619.928%22%20x2=%221964.846%22%20y2=%223109.097%22%3E%3Cstop%20offset=%220%22%20style=%22stop-opacity:1;%20stop-color:%237D132A%22/%3E%3Cstop%20offset=%221%22%20style=%22stop-opacity:1;%20stop-color:%23A43148%22/%3E%3C/linearGradient%3E%3Cpolygon%20class=%22fil1%22%20points=%220,487.5%202862,487.5%202862,1275%200,1275%20%22/%3E%3Cimage%20id=%22Objekt_x0020_1%22%20x=%22601.94%22%20y=%22147.979%22%20width=%221273.061%22%20height=%221058.656%22%20xlink:href=%22https://energie-vorpommern.eu/images/staubsaugerman_001_m.png%22/%3E%3C/svg%3E");




  --designIconPfeile-1:  url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Ccircle%20fill=%22%2387172f%22%20cx=%22256%22%20cy=%22256%22%20r=%22248%22/%3E%3Cpath%20fill=%22%23fefefe%22%20d=%22M189.208%20172.542l-24.518%20-15.977%20-70.956%2095.476%2070.956%2095.477%2024.518%20-15.974%20-59.439%20-79.503%2059.439%20-79.499zm81.197%20-80.805c0,-3.044%202.469,-5.513%205.513,-5.513%203.044,0%205.513,2.469%205.513,5.513l0%20328.595c0,3.044%20-2.469,5.513%20-5.513,5.513%20-3.044,0%20-5.513,-2.469%20-5.513,-5.513l0%20-328.595zm-41.035%20-0.069c0,-3.044%202.469,-5.513%205.513,-5.513%203.044,0%205.513,2.469%205.513,5.513l0%20328.595c0,3.044%20-2.469,5.513%20-5.513,5.513%20-3.044,0%20-5.513,-2.469%20-5.513,-5.513l0%20-328.595zm93.047%20239.876l24.521%2015.974%2071.328%20-95.477%20-71.328%20-95.476%20-24.521%2015.977%2059.442%2079.499%20-59.442%2079.503z%22/%3E%3C/svg%3E");

  --designIconPfeilUnten-0:  url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20264%22%3E%3Cpolygon%20fill=%22%23fefefe%22%20points=%2249.494,8%208,71.688%20256,256%20504,71.688%20462.506,8%20256,162.397%22/%3E%3C/svg%3E");

  --designIconPfeilUnten-1:  url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20264%22%3E%3Cpolygon%20fill=%22%2387172f%22%20points=%2249.494,8%208,71.688%20256,256%20504,71.688%20462.506,8%20256,162.397%22/%3E%3C/svg%3E");

  --designIconPfeilUnten-3:  url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20264%22%3E%3Cpolygon%20fill=%22%23fbba00%22%20points=%2249.494,8%208,71.688%20256,256%20504,71.688%20462.506,8%20256,162.397%22/%3E%3C/svg%3E");

  --designIconPfeilUnten-4:  url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20264%22%3E%3Cpolygon%20fill=%22%23030303%22%20points=%2249.494,8%208,71.688%20256,256%20504,71.688%20462.506,8%20256,162.397%22/%3E%3C/svg%3E");

  --designIconPfeilUnten-5:  url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20264%22%3E%3Cpolygon%20fill=%22%235b5b5b%22%20points=%2249.494,8%208,71.688%20256,256%20504,71.688%20462.506,8%20256,162.397%22/%3E%3C/svg%3E");








  --designIconPlay: 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:black%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M43.942%20504c0,0%20424.116,-247.635%20424.116,-247.635l-424.08%20-248.365%20-0.036%20496z%22/%3E%3C/svg%3E");

  --designLogoInterlink: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20152%22%3E%3Cstyle%3E.fil1%7Bfill:%232b2a29%7D.fil0%7Bfill:%23e30613%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M223.183%2093.273c0,9.233%200.679,9.826%207.627,10.332l0%201.946%20-22.364%200%200%20-1.946c6.947,-0.506%207.622,-1.099%207.622,-10.332l0%20-30.5c0,-9.234%20-0.675,-9.824%20-7.622,-10.332l0%20-1.947%2022.364%200%200%201.947c-6.948,0.508%20-7.627,1.098%20-7.627,10.332l0%2030.5z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M248.346%2073.957c1.606,-1.185%203.473,-2.373%205.676,-3.725%202.537,-1.526%204.656,-2.461%207.283,-2.461%206.945,0%2010.761,4.576%2010.761,11.271l0%2018.889c0,4.743%200.419,5.168%205.337,5.674l0%201.946%20-17.961%200%200%20-1.946c5.589,-0.506%206.012,-0.931%206.012,-5.674l0%20-16.266c0,-4.912%20-1.607,-9.148%20-7.877,-9.148%20-3.304,0%20-6.693,1.778%20-9.231,3.982l0%2021.432c0,4.743%200.424,5.168%205.421,5.674l0%201.946%20-18.3%200%200%20-1.946c5.847,-0.506%206.272,-0.931%206.272,-5.674l0%20-19.568c0,-5.085%20-0.172,-5.169%20-5.762,-5.846l0%20-1.525c3.896,-0.846%208.049,-1.863%2012.369,-3.389l0%206.354z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M293.749%2094.371c0,6.606%203.135,7.794%205.423,7.794%201.521,0%203.387,-0.676%204.995,-1.609l0.847%201.861%20-6.948%203.478c-0.847,0.419%20-1.945,0.676%20-2.537,0.676%20-5.425,0%20-8.387,-3.472%20-8.387,-10.253l0%20-24.312%20-6.183%200%20-0.34%20-0.846%202.456%20-2.369%204.067%200%200%20-5.337%205.504%20-5.592%201.103%200%200%2010.929%209.827%200c0.676,0.93%200.424,2.285%20-0.592,3.215l-9.235%200%200%2022.365z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M329.496%2080.818l0%200c1.188,0%201.527,-0.424%201.527,-2.709%200,-3.392%20-2.711,-7.457%20-7.119,-7.457%20-4.063,0%20-8.469,4.154%20-9.148,10.421l14.74%20-0.255%200%200zm8.471%2017.451c-4.657,6.607%20-10.504,8.302%20-12.79,8.302%20-10.756,0%20-17.198,-8.046%20-17.198,-17.875%200,-11.348%207.962,-20.925%2018.129,-20.925%206.607,0%2012.117,6.099%2012.117,11.776%200,2.629%20-0.258,2.797%20-1.779,3.132%20-1.188,0.257%20-11.693,1.103%20-22.198,1.444%20-0.251,12.621%207.712,17.023%2013.81,17.023%202.796,0%205.337,-1.014%208.722,-4.064l1.187%201.187%200%200z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M355.334%2097.931c0,4.743%200.424,5.168%207.032,5.674l0%201.946%20-19.486%200%200%20-1.946c5.425,-0.506%205.85,-0.931%205.85,-5.674l0%20-19.568c0,-5.085%20-0.173,-5.169%20-5.761,-5.846l0%20-1.525c3.981,-0.846%208.13,-1.863%2012.365,-3.389l0%208.725%200.168%200c1.95,-3.304%206.102,-8.557%2010.167,-8.557%202.542,0%204.575,2.291%204.575,3.981%200,1.442%20-0.935,3.389%20-2.712,4.152%20-0.933,0.424%20-1.693,0.254%20-2.115,-0.084%20-1.187,-1.014%20-2.12,-1.777%20-3.646,-1.777%20-2.031,0%20-4.233,1.61%20-6.437,6.016l0%2017.872z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M378.968%2055.576c0,-5.001%20-0.169,-5.082%20-6.016,-5.507l0%20-1.693c4.069,-0.762%209.572,-2.118%2012.623,-2.967l0%2052.522c0,4.743%200.424,5.168%206.186,5.674l0%201.946%20-18.976%200%200%20-1.946c5.761,-0.506%206.183,-0.931%206.183,-5.674l0%20-42.355z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M409.211%2052.441l0%200c0,2.537%20-1.951,4.574%20-4.403,4.574%20-2.376,0%20-4.409,-2.037%20-4.409,-4.574%200,-2.625%202.033,-4.657%204.409,-4.657%202.452,0%204.403,2.032%204.403,4.657l0%200zm-1.104%2045.49c0,4.743%200.425,5.168%206.099,5.674l0%201.946%20-18.718%200%200%20-1.946c5.587,-0.506%206.011,-0.931%206.011,-5.674l0%20-19.568c0,-5.085%20-0.167,-5.169%20-5.76,-5.846l0%20-1.525c3.9,-0.846%208.046,-1.863%2012.368,-3.389l0%2030.328z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M430.639%2073.957c1.613,-1.185%203.476,-2.373%205.677,-3.725%202.542,-1.526%204.661,-2.461%207.287,-2.461%206.945,0%2010.756,4.576%2010.756,11.271l0%2018.889c0,4.743%200.425,5.168%205.336,5.674l0%201.946%20-17.958%200%200%20-1.946c5.593,-0.506%206.015,-0.931%206.015,-5.674l0%20-16.266c0,-4.912%20-1.612,-9.148%20-7.877,-9.148%20-3.302,0%20-6.693,1.778%20-9.236,3.982l0%2021.432c0,4.743%200.426,5.168%205.426,5.674l0%201.946%20-18.299%200%200%20-1.946c5.844,-0.506%206.269,-0.931%206.269,-5.674l0%20-19.568c0,-5.085%20-0.17,-5.169%20-5.761,-5.846l0%20-1.525c3.894,-0.846%208.046,-1.863%2012.365,-3.389l0%206.354z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M475.704%2085.311c3.051,-0.595%204.322,-1.696%205.51,-2.967%201.355,-1.439%204.57,-6.099%206.185,-8.474%201.011,-1.523%200.927,-2.453%20-0.171,-2.623l-2.287%20-0.255%200%20-1.95%2016.011%20-0.759%200%201.863%20-3.388%200.763c-2.794,0.592%20-4.068,1.69%20-7.033,4.489%20-1.947,1.861%20-3.219,3.473%20-7.2,8.217%202.202,2.878%2011.014,12.96%2013.808,15.925%202.285,2.371%203.729,3.559%204.911,3.726l1.95%200.339%200%201.946%20-10.588%200c-1.101,-1.438%20-4.404,-5.502%20-6.694,-8.297l-6.943%20-8.219c-1.355,-1.606%20-1.953,-1.777%20-2.627,-1.777%20-0.338,0%20-0.846,0.084%20-1.444,0.251l0%2010.422c0,4.743%200.425,5.168%206.102,5.674l0%201.946%20-19.144%200%200%20-1.946c6.013,-0.506%206.438,-0.931%206.438,-5.674l0%20-42.271c0,-5.085%20-0.168,-5.166%20-6.097,-5.591l0%20-1.693c3.979,-0.762%209.482,-2.118%2012.701,-2.967l0%2039.902z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M71.581%2035.239c0.254,-6%203.008,-24.751%2049.677,-13.756%200,0%20-31.868,-3.706%20-33.622,15.501%20-1.284,14.057%2012.059,47.413%20111.427,89.248%20-46.145,-10.736%20-129.565,-41.692%20-127.482,-90.993z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M157.69%2037.078c1.651,-5.765%204.948,-24.382%20-42.593,-28.717l-0.111%200c1.828,0.4%2031.182,7.11%2026.919,25.304%20-3.219,13.744%20-26.411,41.181%20-133.905,49.502%2047.174,4.383%20136.101,1.349%20149.69,-46.089z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M163.275%2027.674c0.653,3.035%200.691,6.663%20-0.51,10.858%20-1.062,3.708%20-2.561,7.231%20-4.472,10.57%205.691,8.124%208.772,17.846%208.772,28.088%200,26.708%20-21.729,48.436%20-48.437,48.436%20-22.837,0%20-42.024,-15.889%20-47.109,-37.191%20-6.212,0.607%20-12.307,0.996%20-18.151,1.218%205.836,30.737%2032.824,53.985%2065.26,53.985%2036.698,0%2066.449,-29.749%2066.449,-66.448%200,-19.677%20-8.378,-37.35%20-21.802,-49.516z%22/%3E%3C/svg%3E");

  --designLogoInterlinkRW: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20152%22%3E%3Cstyle%3E.fil1%7Bfill:%23e30613%7D.fil0%7Bfill:%23ffffff%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M223.183%2093.273c0,9.233%200.679,9.826%207.627,10.332l0%201.946%20-22.364%200%200%20-1.946c6.947,-0.506%207.622,-1.099%207.622,-10.332l0%20-30.5c0,-9.234%20-0.675,-9.824%20-7.622,-10.332l0%20-1.947%2022.364%200%200%201.947c-6.948,0.508%20-7.627,1.098%20-7.627,10.332l0%2030.5z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M248.346%2073.957c1.606,-1.185%203.473,-2.373%205.676,-3.725%202.537,-1.526%204.656,-2.461%207.283,-2.461%206.945,0%2010.761,4.576%2010.761,11.271l0%2018.889c0,4.743%200.419,5.168%205.337,5.674l0%201.946%20-17.961%200%200%20-1.946c5.589,-0.506%206.012,-0.931%206.012,-5.674l0%20-16.266c0,-4.912%20-1.607,-9.148%20-7.877,-9.148%20-3.304,0%20-6.693,1.778%20-9.231,3.982l0%2021.432c0,4.743%200.424,5.168%205.421,5.674l0%201.946%20-18.3%200%200%20-1.946c5.847,-0.506%206.272,-0.931%206.272,-5.674l0%20-19.568c0,-5.085%20-0.172,-5.169%20-5.762,-5.846l0%20-1.525c3.896,-0.846%208.049,-1.863%2012.369,-3.389l0%206.354z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M293.749%2094.371c0,6.606%203.135,7.794%205.423,7.794%201.521,0%203.387,-0.676%204.995,-1.609l0.847%201.861%20-6.948%203.478c-0.847,0.419%20-1.945,0.676%20-2.537,0.676%20-5.425,0%20-8.387,-3.472%20-8.387,-10.253l0%20-24.312%20-6.183%200%20-0.34%20-0.846%202.456%20-2.369%204.067%200%200%20-5.337%205.504%20-5.592%201.103%200%200%2010.929%209.827%200c0.676,0.93%200.424,2.285%20-0.592,3.215l-9.235%200%200%2022.365z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M329.496%2080.818l0%200c1.188,0%201.527,-0.424%201.527,-2.709%200,-3.392%20-2.711,-7.457%20-7.119,-7.457%20-4.063,0%20-8.469,4.154%20-9.148,10.421l14.74%20-0.255%200%200zm8.471%2017.451c-4.657,6.607%20-10.504,8.302%20-12.79,8.302%20-10.756,0%20-17.198,-8.046%20-17.198,-17.875%200,-11.348%207.962,-20.925%2018.129,-20.925%206.607,0%2012.117,6.099%2012.117,11.776%200,2.629%20-0.258,2.797%20-1.779,3.132%20-1.188,0.257%20-11.693,1.103%20-22.198,1.444%20-0.251,12.621%207.712,17.023%2013.81,17.023%202.796,0%205.337,-1.014%208.722,-4.064l1.187%201.187%200%200z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M355.334%2097.931c0,4.743%200.424,5.168%207.032,5.674l0%201.946%20-19.486%200%200%20-1.946c5.425,-0.506%205.85,-0.931%205.85,-5.674l0%20-19.568c0,-5.085%20-0.173,-5.169%20-5.761,-5.846l0%20-1.525c3.981,-0.846%208.13,-1.863%2012.365,-3.389l0%208.725%200.168%200c1.95,-3.304%206.102,-8.557%2010.167,-8.557%202.542,0%204.575,2.291%204.575,3.981%200,1.442%20-0.935,3.389%20-2.712,4.152%20-0.933,0.424%20-1.693,0.254%20-2.115,-0.084%20-1.187,-1.014%20-2.12,-1.777%20-3.646,-1.777%20-2.031,0%20-4.233,1.61%20-6.437,6.016l0%2017.872z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M378.968%2055.576c0,-5.001%20-0.169,-5.082%20-6.016,-5.507l0%20-1.693c4.069,-0.762%209.572,-2.118%2012.623,-2.967l0%2052.522c0,4.743%200.424,5.168%206.186,5.674l0%201.946%20-18.976%200%200%20-1.946c5.761,-0.506%206.183,-0.931%206.183,-5.674l0%20-42.355z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M409.211%2052.441l0%200c0,2.537%20-1.951,4.574%20-4.403,4.574%20-2.376,0%20-4.409,-2.037%20-4.409,-4.574%200,-2.625%202.033,-4.657%204.409,-4.657%202.452,0%204.403,2.032%204.403,4.657l0%200zm-1.104%2045.49c0,4.743%200.425,5.168%206.099,5.674l0%201.946%20-18.718%200%200%20-1.946c5.587,-0.506%206.011,-0.931%206.011,-5.674l0%20-19.568c0,-5.085%20-0.167,-5.169%20-5.76,-5.846l0%20-1.525c3.9,-0.846%208.046,-1.863%2012.368,-3.389l0%2030.328z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M430.639%2073.957c1.613,-1.185%203.476,-2.373%205.677,-3.725%202.542,-1.526%204.661,-2.461%207.287,-2.461%206.945,0%2010.756,4.576%2010.756,11.271l0%2018.889c0,4.743%200.425,5.168%205.336,5.674l0%201.946%20-17.958%200%200%20-1.946c5.593,-0.506%206.015,-0.931%206.015,-5.674l0%20-16.266c0,-4.912%20-1.612,-9.148%20-7.877,-9.148%20-3.302,0%20-6.693,1.778%20-9.236,3.982l0%2021.432c0,4.743%200.426,5.168%205.426,5.674l0%201.946%20-18.299%200%200%20-1.946c5.844,-0.506%206.269,-0.931%206.269,-5.674l0%20-19.568c0,-5.085%20-0.17,-5.169%20-5.761,-5.846l0%20-1.525c3.894,-0.846%208.046,-1.863%2012.365,-3.389l0%206.354z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M475.704%2085.311c3.051,-0.595%204.322,-1.696%205.51,-2.967%201.355,-1.439%204.57,-6.099%206.185,-8.474%201.011,-1.523%200.927,-2.453%20-0.171,-2.623l-2.287%20-0.255%200%20-1.95%2016.011%20-0.759%200%201.863%20-3.388%200.763c-2.794,0.592%20-4.068,1.69%20-7.033,4.489%20-1.947,1.861%20-3.219,3.473%20-7.2,8.217%202.202,2.878%2011.014,12.96%2013.808,15.925%202.285,2.371%203.729,3.559%204.911,3.726l1.95%200.339%200%201.946%20-10.588%200c-1.101,-1.438%20-4.404,-5.502%20-6.694,-8.297l-6.943%20-8.219c-1.355,-1.606%20-1.953,-1.777%20-2.627,-1.777%20-0.338,0%20-0.846,0.084%20-1.444,0.251l0%2010.422c0,4.743%200.425,5.168%206.102,5.674l0%201.946%20-19.144%200%200%20-1.946c6.013,-0.506%206.438,-0.931%206.438,-5.674l0%20-42.271c0,-5.085%20-0.168,-5.166%20-6.097,-5.591l0%20-1.693c3.979,-0.762%209.482,-2.118%2012.701,-2.967l0%2039.902z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M71.581%2035.239c0.254,-6%203.008,-24.751%2049.677,-13.756%200,0%20-31.868,-3.706%20-33.622,15.501%20-1.284,14.057%2012.059,47.413%20111.427,89.248%20-46.145,-10.736%20-129.565,-41.692%20-127.482,-90.993z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M157.69%2037.078c1.651,-5.765%204.948,-24.382%20-42.593,-28.717l-0.111%200c1.828,0.4%2031.182,7.11%2026.919,25.304%20-3.219,13.744%20-26.411,41.181%20-133.905,49.502%2047.174,4.383%20136.101,1.349%20149.69,-46.089z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M163.275%2027.674c0.653,3.035%200.691,6.663%20-0.51,10.858%20-1.062,3.708%20-2.561,7.231%20-4.472,10.57%205.691,8.124%208.772,17.846%208.772,28.088%200,26.708%20-21.729,48.436%20-48.437,48.436%20-22.837,0%20-42.024,-15.889%20-47.109,-37.191%20-6.212,0.607%20-12.307,0.996%20-18.151,1.218%205.836,30.737%2032.824,53.985%2065.26,53.985%2036.698,0%2066.449,-29.749%2066.449,-66.448%200,-19.677%20-8.378,-37.35%20-21.802,-49.516z%22/%3E%3C/svg%3E");

  --designLogoInterlinkWW: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20152%22%3E%3Cstyle%3E.fil1%7Bfill:%23ffffff%7D.fil0%7Bfill:%23ffffff%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M223.183%2093.273c0,9.233%200.679,9.826%207.627,10.332l0%201.946%20-22.364%200%200%20-1.946c6.947,-0.506%207.622,-1.099%207.622,-10.332l0%20-30.5c0,-9.234%20-0.675,-9.824%20-7.622,-10.332l0%20-1.947%2022.364%200%200%201.947c-6.948,0.508%20-7.627,1.098%20-7.627,10.332l0%2030.5z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M248.346%2073.957c1.606,-1.185%203.473,-2.373%205.676,-3.725%202.537,-1.526%204.656,-2.461%207.283,-2.461%206.945,0%2010.761,4.576%2010.761,11.271l0%2018.889c0,4.743%200.419,5.168%205.337,5.674l0%201.946%20-17.961%200%200%20-1.946c5.589,-0.506%206.012,-0.931%206.012,-5.674l0%20-16.266c0,-4.912%20-1.607,-9.148%20-7.877,-9.148%20-3.304,0%20-6.693,1.778%20-9.231,3.982l0%2021.432c0,4.743%200.424,5.168%205.421,5.674l0%201.946%20-18.3%200%200%20-1.946c5.847,-0.506%206.272,-0.931%206.272,-5.674l0%20-19.568c0,-5.085%20-0.172,-5.169%20-5.762,-5.846l0%20-1.525c3.896,-0.846%208.049,-1.863%2012.369,-3.389l0%206.354z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M293.749%2094.371c0,6.606%203.135,7.794%205.423,7.794%201.521,0%203.387,-0.676%204.995,-1.609l0.847%201.861%20-6.948%203.478c-0.847,0.419%20-1.945,0.676%20-2.537,0.676%20-5.425,0%20-8.387,-3.472%20-8.387,-10.253l0%20-24.312%20-6.183%200%20-0.34%20-0.846%202.456%20-2.369%204.067%200%200%20-5.337%205.504%20-5.592%201.103%200%200%2010.929%209.827%200c0.676,0.93%200.424,2.285%20-0.592,3.215l-9.235%200%200%2022.365z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M329.496%2080.818l0%200c1.188,0%201.527,-0.424%201.527,-2.709%200,-3.392%20-2.711,-7.457%20-7.119,-7.457%20-4.063,0%20-8.469,4.154%20-9.148,10.421l14.74%20-0.255%200%200zm8.471%2017.451c-4.657,6.607%20-10.504,8.302%20-12.79,8.302%20-10.756,0%20-17.198,-8.046%20-17.198,-17.875%200,-11.348%207.962,-20.925%2018.129,-20.925%206.607,0%2012.117,6.099%2012.117,11.776%200,2.629%20-0.258,2.797%20-1.779,3.132%20-1.188,0.257%20-11.693,1.103%20-22.198,1.444%20-0.251,12.621%207.712,17.023%2013.81,17.023%202.796,0%205.337,-1.014%208.722,-4.064l1.187%201.187%200%200z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M355.334%2097.931c0,4.743%200.424,5.168%207.032,5.674l0%201.946%20-19.486%200%200%20-1.946c5.425,-0.506%205.85,-0.931%205.85,-5.674l0%20-19.568c0,-5.085%20-0.173,-5.169%20-5.761,-5.846l0%20-1.525c3.981,-0.846%208.13,-1.863%2012.365,-3.389l0%208.725%200.168%200c1.95,-3.304%206.102,-8.557%2010.167,-8.557%202.542,0%204.575,2.291%204.575,3.981%200,1.442%20-0.935,3.389%20-2.712,4.152%20-0.933,0.424%20-1.693,0.254%20-2.115,-0.084%20-1.187,-1.014%20-2.12,-1.777%20-3.646,-1.777%20-2.031,0%20-4.233,1.61%20-6.437,6.016l0%2017.872z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M378.968%2055.576c0,-5.001%20-0.169,-5.082%20-6.016,-5.507l0%20-1.693c4.069,-0.762%209.572,-2.118%2012.623,-2.967l0%2052.522c0,4.743%200.424,5.168%206.186,5.674l0%201.946%20-18.976%200%200%20-1.946c5.761,-0.506%206.183,-0.931%206.183,-5.674l0%20-42.355z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M409.211%2052.441l0%200c0,2.537%20-1.951,4.574%20-4.403,4.574%20-2.376,0%20-4.409,-2.037%20-4.409,-4.574%200,-2.625%202.033,-4.657%204.409,-4.657%202.452,0%204.403,2.032%204.403,4.657l0%200zm-1.104%2045.49c0,4.743%200.425,5.168%206.099,5.674l0%201.946%20-18.718%200%200%20-1.946c5.587,-0.506%206.011,-0.931%206.011,-5.674l0%20-19.568c0,-5.085%20-0.167,-5.169%20-5.76,-5.846l0%20-1.525c3.9,-0.846%208.046,-1.863%2012.368,-3.389l0%2030.328z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M430.639%2073.957c1.613,-1.185%203.476,-2.373%205.677,-3.725%202.542,-1.526%204.661,-2.461%207.287,-2.461%206.945,0%2010.756,4.576%2010.756,11.271l0%2018.889c0,4.743%200.425,5.168%205.336,5.674l0%201.946%20-17.958%200%200%20-1.946c5.593,-0.506%206.015,-0.931%206.015,-5.674l0%20-16.266c0,-4.912%20-1.612,-9.148%20-7.877,-9.148%20-3.302,0%20-6.693,1.778%20-9.236,3.982l0%2021.432c0,4.743%200.426,5.168%205.426,5.674l0%201.946%20-18.299%200%200%20-1.946c5.844,-0.506%206.269,-0.931%206.269,-5.674l0%20-19.568c0,-5.085%20-0.17,-5.169%20-5.761,-5.846l0%20-1.525c3.894,-0.846%208.046,-1.863%2012.365,-3.389l0%206.354z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M475.704%2085.311c3.051,-0.595%204.322,-1.696%205.51,-2.967%201.355,-1.439%204.57,-6.099%206.185,-8.474%201.011,-1.523%200.927,-2.453%20-0.171,-2.623l-2.287%20-0.255%200%20-1.95%2016.011%20-0.759%200%201.863%20-3.388%200.763c-2.794,0.592%20-4.068,1.69%20-7.033,4.489%20-1.947,1.861%20-3.219,3.473%20-7.2,8.217%202.202,2.878%2011.014,12.96%2013.808,15.925%202.285,2.371%203.729,3.559%204.911,3.726l1.95%200.339%200%201.946%20-10.588%200c-1.101,-1.438%20-4.404,-5.502%20-6.694,-8.297l-6.943%20-8.219c-1.355,-1.606%20-1.953,-1.777%20-2.627,-1.777%20-0.338,0%20-0.846,0.084%20-1.444,0.251l0%2010.422c0,4.743%200.425,5.168%206.102,5.674l0%201.946%20-19.144%200%200%20-1.946c6.013,-0.506%206.438,-0.931%206.438,-5.674l0%20-42.271c0,-5.085%20-0.168,-5.166%20-6.097,-5.591l0%20-1.693c3.979,-0.762%209.482,-2.118%2012.701,-2.967l0%2039.902z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M71.581%2035.239c0.254,-6%203.008,-24.751%2049.677,-13.756%200,0%20-31.868,-3.706%20-33.622,15.501%20-1.284,14.057%2012.059,47.413%20111.427,89.248%20-46.145,-10.736%20-129.565,-41.692%20-127.482,-90.993z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M157.69%2037.078c1.651,-5.765%204.948,-24.382%20-42.593,-28.717l-0.111%200c1.828,0.4%2031.182,7.11%2026.919,25.304%20-3.219,13.744%20-26.411,41.181%20-133.905,49.502%2047.174,4.383%20136.101,1.349%20149.69,-46.089z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M163.275%2027.674c0.653,3.035%200.691,6.663%20-0.51,10.858%20-1.062,3.708%20-2.561,7.231%20-4.472,10.57%205.691,8.124%208.772,17.846%208.772,28.088%200,26.708%20-21.729,48.436%20-48.437,48.436%20-22.837,0%20-42.024,-15.889%20-47.109,-37.191%20-6.212,0.607%20-12.307,0.996%20-18.151,1.218%205.836,30.737%2032.824,53.985%2065.26,53.985%2036.698,0%2066.449,-29.749%2066.449,-66.448%200,-19.677%20-8.378,-37.35%20-21.802,-49.516z%22/%3E%3C/svg%3E");

  --designIconLupeW: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cstyle%3E.fil0%20%7Bfill:%23fefefe%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M216.824%20387.31c47.085,0%2089.696,-19.071%20120.535,-49.905%2030.842,-30.837%2049.914,-73.447%2049.914,-120.522%200,-47.139%20-19.074,-89.799%20-49.921,-120.655%20-30.792,-30.803%20-73.398,-49.858%20-120.528,-49.858%20-47.122,0%20-89.729,19.057%20-120.526,49.863%20-30.845,30.855%20-49.923,73.513%20-49.923,120.65%200,47.072%2019.076,89.68%2049.917,120.517%2030.841,30.837%2073.455,49.91%20120.532,49.91zm147.669%20-22.775c-37.786,37.779%20-89.99,61.145%20-147.669,61.145%20-57.672,0%20-109.879,-23.368%20-147.666,-61.15%20-37.787,-37.782%20-61.158,-89.982%20-61.158,-147.647%200,-57.626%2023.373,-109.826%2061.164,-147.629%2037.832,-37.844%2090.041,-61.254%20147.66,-61.254%2057.628,0%20109.834,23.408%20147.662,61.249%2037.792,37.804%2061.162,90.006%2061.162,147.634%200,57.667%20-23.367,109.869%20-61.155,147.652z%22/%3E%3Cpolygon%20class=%22fil0%22%20points=%22365.77,338.68%20504,476.87%20476.867,504%20338.637,365.81%20%22/%3E%3C/svg%3E");

  --designIconLupeR: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cstyle%3E.fil0%20%7Bfill:%23e30613%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M216.824%20387.31c47.085,0%2089.696,-19.071%20120.535,-49.905%2030.842,-30.837%2049.914,-73.447%2049.914,-120.522%200,-47.139%20-19.074,-89.799%20-49.921,-120.655%20-30.792,-30.803%20-73.398,-49.858%20-120.528,-49.858%20-47.122,0%20-89.729,19.057%20-120.526,49.863%20-30.845,30.855%20-49.923,73.513%20-49.923,120.65%200,47.072%2019.076,89.68%2049.917,120.517%2030.841,30.837%2073.455,49.91%20120.532,49.91zm147.669%20-22.775c-37.786,37.779%20-89.99,61.145%20-147.669,61.145%20-57.672,0%20-109.879,-23.368%20-147.666,-61.15%20-37.787,-37.782%20-61.158,-89.982%20-61.158,-147.647%200,-57.626%2023.373,-109.826%2061.164,-147.629%2037.832,-37.844%2090.041,-61.254%20147.66,-61.254%2057.628,0%20109.834,23.408%20147.662,61.249%2037.792,37.804%2061.162,90.006%2061.162,147.634%200,57.667%20-23.367,109.869%20-61.155,147.652z%22/%3E%3Cpolygon%20class=%22fil0%22%20points=%22365.77,338.68%20504,476.87%20476.867,504%20338.637,365.81%20%22/%3E%3C/svg%3E");

  --designIconRightW: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20516.032%20516.032%22%3E%3Cstyle%3E.fil0%7Bfill:%23fefefe%7D%3C/style%3E%3Cpolygon%20class=%22fil0%22%20points=%22146.25,7.672%20398.672,260.036%20151.064,507.577%20113.218,469.742%20322.981,260.035%20108.404,45.507%22/%3E%3C/svg%3E");

  --designIconLeftW: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20516.032%20516.032%22%3E%3Cstyle%3E.fil0%7Bfill:%23fefefe%7D%3C/style%3E%3Cpolygon%20class=%22fil0%22%20points=%22401.134,45.899%20186.555,260.427%20396.31,470.133%20358.465,507.969%20110.866,260.427%20363.289,8.063%20%22/%3E%3C/svg%3E");

  --designIconRightR: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20516.032%20516.032%22%3E%3Cstyle%3E.fil0%7Bfill:%23e30613%7D%3C/style%3E%3Cpolygon%20class=%22fil0%22%20points=%22146.25,7.672%20398.672,260.036%20151.064,507.577%20113.218,469.742%20322.981,260.035%20108.404,45.507%22/%3E%3C/svg%3E");

  --designIconLeftR: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20516.032%20516.032%22%3E%3Cstyle%3E.fil0%7Bfill:%23e30613%7D%3C/style%3E%3Cpolygon%20class=%22fil0%22%20points=%22401.134,45.899%20186.555,260.427%20396.31,470.133%20358.465,507.969%20110.866,260.427%20363.289,8.063%20%22/%3E%3C/svg%3E");





  /* #e30613 */

  --designIconTraffic: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201143%20512%22%3E%3Cstyle%3E.fil1%7Bfill:%23e30613%7D%3C/style%3E%3Cpath%20class=%22fil1%22%20d=%22M640.738%20439.71l83.708%200%200%20-222.588c0,-16.818%20-6.804,-32.027%20-17.802,-43.019%20-11.016,-11.01%20-26.249,-17.821%20-43.083,-17.821l-569.753%200c-16.835,0%20-32.067,6.811%20-43.083,17.821%20-10.998,10.992%20-17.802,26.201%20-17.802,43.019l0%20222.588%20111.648%200%200%2016.935%20-128.571%200%200%20-239.523c0,-21.452%208.724,-40.898%2022.826,-54.992%2014.083,-14.076%2033.524,-22.783%2054.982,-22.783l569.753%200c21.457,0%2040.899,8.707%2054.982,22.783%2014.102,14.094%2022.825,33.54%2022.825,54.992l0%20239.523%20-100.63%200%200%20-16.935z%22/%3E%3Cpolygon%20class=%22fil1%22%20points=%22257.711,439.782%20523.449,439.782%20523.449,456.716%20257.711,456.716%20%22/%3E%3Cpolygon%20class=%22fil1%22%20points=%2224.169,198.344%20733.204,198.344%20733.204,215.279%2024.169,215.279%20%22/%3E%3Cpolygon%20class=%22fil1%22%20points=%2224.169,292.967%20504.152,292.967%20504.152,309.902%2024.169,309.902%20%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M200.482%20479.065c14.05,0%2026.757,-5.682%2035.944,-14.874%209.165,-9.169%2014.834,-21.867%2014.834,-35.924%200,-14.062%20-5.683,-26.782%20-14.871,-35.98%20-9.168,-9.177%20-21.861,-14.853%20-35.907,-14.853%20-14.049,0%20-26.743,5.676%20-35.911,14.853%20-9.189,9.198%20-14.872,21.918%20-14.872,35.98%200,14.058%205.668,26.756%2014.835,35.925%209.187,9.191%2021.896,14.873%2035.948,14.873zm47.843%20-2.9c-12.252,12.257%20-29.167,19.835%20-47.843,19.835%20-18.679,0%20-35.595,-7.578%20-47.847,-19.835%20-12.271,-12.275%20-19.859,-29.208%20-19.859,-47.898%200,-18.691%207.578,-35.623%2019.83,-47.887%2012.271,-12.283%2029.199,-19.881%2047.876,-19.881%2018.675,0%2035.601,7.598%2047.872,19.881%2012.251,12.264%2019.828,29.196%2019.828,47.887%200,18.689%20-7.587,35.623%20-19.857,47.898z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M583.437%20479.065c14.05,0%2026.757,-5.682%2035.944,-14.874%209.165,-9.169%2014.834,-21.867%2014.834,-35.924%200,-14.062%20-5.683,-26.782%20-14.871,-35.98%20-9.168,-9.177%20-21.861,-14.853%20-35.907,-14.853%20-14.031,0%20-26.727,5.688%20-35.915,14.884%20-9.19,9.198%20-14.873,21.908%20-14.873,35.949%200,14.058%205.668,26.757%2014.835,35.927%209.187,9.19%2021.897,14.871%2035.953,14.871zm47.843%20-2.9c-12.252,12.257%20-29.168,19.835%20-47.843,19.835%20-18.682,0%20-35.599,-7.577%20-47.852,-19.833%20-12.271,-12.275%20-19.859,-29.21%20-19.859,-47.9%200,-18.714%207.577,-35.658%2019.831,-47.922%2012.251,-12.261%2029.177,-19.846%2047.88,-19.846%2018.675,0%2035.601,7.598%2047.872,19.881%2012.251,12.264%2019.829,29.196%2019.829,47.887%200,18.689%20-7.588,35.623%20-19.858,47.898z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M626.248%20206.856c-0.006,0.225%20-2.255,78.282%206.558,107.017%206.584,21.452%2028.646,29.841%2072.128,46.373%208.615,3.276%2018.004,6.846%2027.627,10.636l-6.148%2015.744c-10.297,-4.056%20-19.232,-7.453%20-27.428,-10.569%20-48.628,-18.49%20-73.3,-27.871%20-82.309,-57.223%20-9.625,-31.38%20-7.291,-112.208%20-7.285,-112.441l16.857%200.463z%22/%3E%3Cpolygon%20class=%22fil1%22%20points=%22504.358,206.605%20504.358,309.581%20487.435,309.581%20487.435,206.605%20%22/%3E%3Cpolygon%20class=%22fil1%22%20points=%22385.376,206.605%20385.376,309.581%20368.453,309.581%20368.453,206.605%20%22/%3E%3Cpolygon%20class=%22fil1%22%20points=%22266.398,206.605%20266.398,309.581%20249.475,309.581%20249.475,206.605%20%22/%3E%3Cpolygon%20class=%22fil1%22%20points=%22147.416,206.605%20147.416,309.581%20130.493,309.581%20130.493,206.605%20%22/%3E%3Cpolygon%20class=%22fil1%22%20points=%22728.873,229.468%201123.239,229.468%201123.239,246.402%20728.873,246.402%20%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M737.961%20353.369c1.777,0.783%203.615,1.384%205.485,1.776%201.804,0.379%203.739,0.578%205.789,0.578%207.708,0%2014.683,-3.124%2019.732,-8.176%205.048,-5.052%208.17,-12.033%208.17,-19.745l16.923%200c0,12.386%20-5.016,23.601%20-13.128,31.719%20-8.112,8.117%20-19.317,13.137%20-31.697,13.137%20-3.094,0%20-6.183,-0.337%20-9.226,-0.976%20-3.116,-0.654%20-6.08,-1.611%20-8.856,-2.833l6.808%20-15.48z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M837.576%20327.802c0,7.72%203.122,14.704%208.171,19.757%205.05,5.054%2012.029,8.179%2019.741,8.179%207.729,0%2014.703,-3.113%2019.731,-8.146%205.046,-5.053%208.167,-12.048%208.167,-19.79l16.923%200c0,12.371%20-5.016,23.577%20-13.125,31.697%20-8.131,8.14%20-19.339,13.173%20-31.696,13.173%20-12.383,0%20-23.593,-5.02%20-31.706,-13.14%20-8.112,-8.119%20-13.129,-19.336%20-13.129,-31.73l16.923%200z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M918.474%2025.466c-0.033,0.305%20-11.647,105.871%2010.831,148.417%2016.564,31.349%20128.63,25.289%20180.363,22.49l3.428%20-0.185%200.86%2016.869%20-3.428%200.185c-55.125,2.981%20-174.539,9.44%20-196.163,-31.487%20-24.903,-47.137%20-12.716,-157.756%20-12.682,-158.075l16.791%201.786z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M728.873%20318.725l308.27%200c9.16,0%2017.55,-3.22%2024.083,-8.576%206.643,-5.447%2011.37,-13.088%2013.036,-21.783l16.592%203.175c-2.432,12.692%20-9.292,23.812%20-18.919,31.706%20-9.455,7.753%20-21.577,12.412%20-34.792,12.412l-308.27%200%200%20-16.934z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M733.396%20282.451l362.008%200c4.077,0%207.756,-1.638%2010.408,-4.286%202.635,-2.63%204.265,-6.287%204.265,-10.345l0%20-29.275c0,-34.722%20-33.298,-86.371%20-75.48,-129.438%20-41.681,-42.555%20-91.467,-76.172%20-125.737,-76.172l-378.945%200%200%20-16.935%20378.945%200c38.99,0%2093.3,35.865%20137.768,81.266%2044.916,45.858%2080.372,102.018%2080.372,141.279l0%2029.275c0,8.696%20-3.551,16.589%20-9.289,22.318%20-5.722,5.713%20-13.61,9.247%20-22.307,9.247l-362.008%200%200%20-16.934z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M585.437%2032.935l-263.253%200c-16.843,0%20-32.074,6.806%20-43.088,17.811%20-10.997,10.989%20-17.797,26.196%20-17.797,43.015l0%2054.85%20-16.922%200%200%20-54.85c0,-21.454%208.719,-40.897%2022.821,-54.988%2014.08,-14.07%2033.52,-22.773%2054.986,-22.773l263.253%200%200%2016.935z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M727.439%20191.01l115.831%200c4.061,0%207.723,-1.63%2010.361,-4.266%202.62,-2.618%204.24,-6.262%204.24,-10.312l0%20-90.02c0,-4.049%20-1.62,-7.693%20-4.24,-10.311%20-2.638,-2.637%20-6.3,-4.267%20-10.361,-4.267l-178.745%200c-4.061,0%20-7.723,1.63%20-10.361,4.267%20-2.62,2.618%20-4.24,6.262%20-4.24,10.311l0%2060.908%20-16.923%200%200%20-60.908c0,-8.685%203.539,-16.564%209.264,-22.285%205.707,-5.702%2013.577,-9.227%2022.26,-9.227l178.745%200c8.683,0%2016.553,3.525%2022.26,9.227%205.724,5.721%209.264,13.6%209.264,22.285l0%2090.02c0,8.685%20-3.54,16.564%20-9.264,22.285%20-5.707,5.702%20-13.577,9.228%20-22.26,9.228l-115.831%200%200%20-16.935z%22/%3E%3Cpath%20class=%22fil1%22%20d=%22M568.514%20147.373l0%20-60.927c0,-4.06%20-1.622,-7.712%20-4.246,-10.336%20-2.642,-2.642%20-6.309,-4.276%20-10.374,-4.276l-178.73%200c-4.058,0%20-7.726,1.637%20-10.371,4.282%20-2.625,2.624%20-4.25,6.274%20-4.25,10.33l0%2060.927%20-16.923%200%200%20-60.927c0,-8.69%203.546,-16.577%209.274,-22.303%205.711,-5.711%2013.589,-9.243%2022.27,-9.243l178.73%200c8.691,0%2016.564,3.529%2022.273,9.237%205.728,5.728%209.27,13.617%209.27,22.309l0%2060.927%20-16.923%200z%22/%3E%3Cpolygon%20class=%22fil1%22%20points=%22730.72,360.394%201126.985,360.394%201126.985,377.329%20730.72,377.329%20%22/%3E%3C/svg%3E");

  --designIconAutoauto: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20744%20512%22%3E%3Cstyle%3E.fil0%7Bfill:%23e30613%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M583.752%20436.242l48.261%200%200%20-135.457c0,-31.375%20-20.501,-73.608%20-49.064,-106.974%20-25.705,-30.027%20-57.592,-52.476%20-86.216,-52.476l-328.402%200c-46.658,0%20-80.645,10.817%20-102.683,32.95%20-22.047,22.142%20-32.713,56.174%20-32.713,102.59l0%20159.367%2019.221%200%200%2016.935%20-36.156%200%200%20-176.302c0,-51.025%2012.283,-88.997%2037.675,-114.497%2025.401,-25.511%2063.346,-37.978%20114.656,-37.978l328.402%200c33.987,0%2070.427,24.995%2099.05,58.43%2030.951,36.155%2053.165,82.668%2053.165,117.955l0%20152.392%20-65.196%200%200%20-16.935z%22/%3E%3Cpolygon%20class=%22fil0%22%20points=%2224.818,283.749%20640.611,283.749%20640.611,300.684%2024.818,300.684%20%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M96.452%20479.065c10.525,0%2020.05,-4.263%2026.944,-11.156%206.893,-6.893%2011.156,-16.419%2011.156,-26.943%200,-10.525%20-4.263,-20.05%20-11.156,-26.944%20-6.894,-6.893%20-16.419,-11.156%20-26.944,-11.156%20-10.523,0%20-20.049,4.263%20-26.943,11.157%20-6.893,6.894%20-11.156,16.419%20-11.156,26.943%200,10.523%204.263,20.049%2011.156,26.942%206.894,6.893%2016.42,11.157%2026.943,11.157zm38.917%200.817c-9.959,9.959%20-23.717,16.118%20-38.917,16.118%20-15.197,0%20-28.957,-6.159%20-38.916,-16.119%20-9.959,-9.958%20-16.118,-23.716%20-16.118,-38.915%200,-15.2%206.159,-28.958%2016.118,-38.916%209.959,-9.96%2023.719,-16.119%2038.916,-16.119%2015.2,0%2028.958,6.159%2038.917,16.117%209.959,9.959%2016.118,23.718%2016.118,38.918%200,15.199%20-6.159,28.958%20-16.118,38.916z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M538.015%20479.065c10.525,0%2020.051,-4.263%2026.944,-11.156%206.893,-6.893%2011.156,-16.419%2011.156,-26.943%200,-10.525%20-4.263,-20.05%20-11.156,-26.944%20-6.893,-6.893%20-16.419,-11.156%20-26.944,-11.156%20-10.525,0%20-20.052,4.263%20-26.946,11.157%20-6.894,6.893%20-11.158,16.418%20-11.158,26.943%200,10.524%204.264,20.049%2011.158,26.942%206.894,6.894%2016.421,11.157%2026.946,11.157zm38.917%200.817c-9.959,9.959%20-23.717,16.118%20-38.917,16.118%20-15.199,0%20-28.96,-6.159%20-38.92,-16.118%20-9.959,-9.959%20-16.119,-23.717%20-16.119,-38.916%200,-15.2%206.16,-28.958%2016.119,-38.917%209.96,-9.959%2023.721,-16.118%2038.92,-16.118%2015.2,0%2028.958,6.159%2038.917,16.117%209.959,9.959%2016.118,23.718%2016.118,38.918%200,15.199%20-6.159,28.958%20-16.118,38.916z%22/%3E%3Cpolygon%20class=%22fil0%22%20points=%22219.103,134.865%20219.103,444.369%20202.168,444.369%20202.168,134.865%20%22/%3E%3Cpolygon%20class=%22fil0%22%20points=%22433.5,134.865%20433.5,444.369%20416.565,444.369%20416.565,134.865%20%22/%3E%3Cpolygon%20class=%22fil0%22%20points=%22326.302,147.024%20326.302,444.369%20309.366,444.369%20309.366,147.024%20%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M219.098%20124.261l90.609%200%200%20-12.274%20-90.609%200%200%2012.274zm99.077%2016.935l-116.012%200%200%20-46.144%20124.479%200%200%2046.144%20-8.467%200z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M325.951%20124.261l90.614%200%200%20-12.274%20-90.614%200%200%2012.274zm99.082%2016.935l-116.017%200%200%20-46.144%20124.484%200%200%2046.144%20-8.467%200z%22/%3E%3Cpolygon%20class=%22fil0%22%20points=%22141.915,436.175%20492.538,436.175%20492.538,453.11%20141.915,453.11%20%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M659.649%20157.163c1.783,-7.724%202.066,-15.795%200.741,-23.733%20-1.273,-7.629%20-4.04,-15.152%20-8.4,-22.143%20-8.879,-14.203%20-22.669,-23.462%20-37.79,-26.951%20-15.137,-3.492%20-31.613,-1.207%20-45.841,7.683l-8.931%20-14.355c18.162,-11.347%2039.203,-14.261%2058.543,-9.799%2019.359,4.466%2037.011,16.316%2048.375,34.492%205.553,8.905%209.084,18.519%2010.715,28.294%201.692,10.139%201.333,20.437%20-0.939,30.283l-16.473%20-3.771z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M708.242%20168.371c3.249,-14.06%203.764,-28.746%201.35,-43.192%20-2.323,-13.896%20-7.368,-27.589%20-15.311,-40.307%20-16.178,-25.881%20-41.309,-42.758%20-68.866,-49.118%20-27.571,-6.364%20-57.575,-2.207%20-83.481,13.98l-8.931%20-14.355c29.839,-18.646%2064.409,-23.431%2096.183,-16.097%2031.796,7.338%2060.79,26.806%2079.45,56.659%209.135,14.627%2014.943,30.412%2017.626,46.46%202.783,16.646%202.191,33.559%20-1.548,49.741l-16.472%20-3.771z%22/%3E%3C/svg%3E");

  --designIconPointers: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20616%20512%22%3E%3Cstyle%3E.fil0%7Bfill:%23e30613%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M175.983%20394.67c26.712,-39.216%20121.731,-182.845%20121.731,-241.675%200,-33.157%20-13.599,-63.159%20-35.586,-84.863%20-22.03,-21.747%20-52.487,-35.197%20-86.146,-35.197%20-33.659,0%20-64.111,13.449%20-86.137,35.194%20-21.984,21.704%20-35.581,51.708%20-35.581,84.866%200,58.828%2095.01,202.459%20121.719,241.675zm138.668%20-241.675c0,72.631%20-127.882,255.84%20-131.659,261.237%20-0.566,0.846%20-1.295,1.604%20-2.18,2.221%20-3.818,2.667%20-9.076,1.734%20-11.744,-2.084%20-0.377,-0.54%20-131.741,-187.758%20-131.741,-261.374%200,-37.832%2015.544,-72.094%2040.676,-96.906%2025.089,-24.769%2059.73,-40.089%2097.979,-40.089%2038.248,0%2072.894,15.321%2097.988,40.093%2025.135,24.811%2040.681,59.072%2040.681,96.902z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M139.906%20353.42c4.604,-0.712%208.914,2.442%209.626,7.046%200.713,4.602%20-2.442,8.912%20-7.045,9.624%20-19.345,3.012%20-35.783,8.535%20-47.192,15.636%20-9.471,5.895%20-15.034,12.561%20-15.034,19.226%200,8.975%209.727,17.741%2025.455,24.658%2017.831,7.841%2042.661,12.691%2070.266,12.691%2027.604,0%2052.435,-4.85%2070.266,-12.692%2015.728,-6.916%2025.456,-15.682%2025.456,-24.657%200,-6.739%20-5.653,-13.463%20-15.262,-19.388%20-11.505,-7.096%20-28.162,-12.603%20-47.8,-15.58%20-4.622,-0.694%20-7.806,-5.003%20-7.112,-9.625%200.694,-4.621%205.004,-7.805%209.626,-7.111%2021.808,3.305%2040.688,9.658%2054.152,17.961%2014.691,9.059%2023.333,20.671%2023.333,33.743%200,16.326%20-13.596,30.47%20-35.579,40.137%20-19.876,8.74%20-47.14,14.147%20-77.08,14.147%20-29.941,0%20-57.204,-5.407%20-77.08,-14.147%20-21.983,-9.667%20-35.578,-23.81%20-35.578,-40.137%200,-12.995%208.525,-24.547%2023.039,-33.58%2013.235,-8.238%2031.892,-14.58%2053.543,-17.952z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M175.982%20230.934c21.304,0%2040.589,-8.632%2054.547,-22.589%2013.958,-13.956%2022.591,-33.239%2022.591,-54.539%200,-21.301%20-8.633,-40.585%20-22.592,-54.543%20-13.958,-13.957%20-33.243,-22.59%20-54.546,-22.59%20-21.305,0%20-40.591,8.633%20-54.55,22.59%20-13.959,13.958%20-22.593,33.242%20-22.593,54.543%200,21.3%208.634,40.584%2022.593,54.54%2013.959,13.956%2033.245,22.588%2054.55,22.588zm66.522%20-10.615c-17.024,17.022%20-40.543,27.55%20-66.522,27.55%20-25.98,0%20-49.5,-10.528%20-66.525,-27.55%20-17.025,-17.022%20-27.555,-40.537%20-27.555,-66.513%200,-25.975%2010.53,-49.493%2027.556,-66.517%2017.024,-17.022%2040.544,-27.551%2066.524,-27.551%2025.978,0%2049.498,10.529%2066.521,27.552%2017.025,17.023%2027.554,40.541%2027.554,66.516%200,25.975%20-10.529,49.491%20-27.553,66.513z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M120.736%20158.604c-3.398,-3.196%20-3.561,-8.542%20-0.364,-11.94%203.197,-3.397%208.544,-3.56%2011.942,-0.364l29.115%2027.379%2051.615%20-53.227c3.252,-3.342%208.599,-3.416%2011.942,-0.165%203.343,3.251%203.417,8.597%200.166,11.94l-57.299%2059.091c-3.197,3.397%20-8.544,3.56%20-11.942,0.364l-35.175%20-33.078z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M133.158%20352.826c4.622,-0.603%208.858,2.655%209.461,7.276%200.603,4.622%20-2.656,8.857%20-7.278,9.46%20-29.513,3.853%20-54.848,11.766%20-72.572,22.226%20-15.599,9.206%20-24.832,20.058%20-24.832,31.246%200,14.138%2014.464,27.574%2037.849,37.868%2025.492,11.222%2060.905,18.163%20100.196,18.163%2039.29,0%2074.702,-6.941%20100.193,-18.163%2023.384,-10.294%2037.847,-23.73%2037.847,-37.868%200,-11.38%20-9.533,-22.402%20-25.596,-31.699%20-18.178,-10.521%20-44.154,-18.405%20-74.353,-22.076%20-4.64,-0.548%20-7.958,-4.753%20-7.41,-9.393%200.548,-4.64%204.754,-7.957%209.394,-7.409%2032.462,3.945%2060.715,12.612%2080.838,24.258%2021.377,12.373%2034.065,28.39%2034.065,46.319%200,21.487%20-18.332,40.3%20-47.97,53.348%20-27.534,12.121%20-65.379,19.618%20-107.008,19.618%20-41.63,0%20-79.476,-7.497%20-107.011,-19.618%20-29.639,-13.048%20-47.971,-31.862%20-47.971,-53.348%200,-17.685%2012.332,-33.503%2033.168,-45.799%2019.593,-11.564%2047.178,-20.257%2078.99,-24.409z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M484.142%20288.364c21.05,-32.408%2082.26,-130.124%2082.26,-170.674%200,-23.469%20-9.235,-44.69%20-24.162,-60.027%20-14.869,-15.278%20-35.412,-24.728%20-58.099,-24.728%20-22.686,0%20-43.228,9.45%20-58.095,24.727%20-14.926,15.337%20-24.161,36.559%20-24.161,60.028%200,40.55%2061.207,138.266%2082.257,170.674zm99.197%20-170.674c0,53.159%20-89.035,186.029%20-92.103,190.594%20-0.606,0.94%20-1.409,1.774%20-2.397,2.436%20-3.873,2.594%20-9.116,1.557%20-11.711,-2.315%20-0.264,-0.394%20-92.18,-136.702%20-92.18,-190.715%200,-28.01%2011.08,-53.399%2028.99,-71.803%2017.97,-18.464%2042.793,-29.887%2070.203,-29.887%2027.411,0%2052.235,11.423%2070.206,29.888%2017.911,18.403%2028.992,43.792%2028.992,71.802z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M458.771%20264.566c4.622,-0.712%208.946,2.457%209.659,7.079%200.713,4.621%20-2.457,8.945%20-7.079,9.658%20-13.121,2.025%20-24.166,5.675%20-31.714,10.337%20-5.754,3.554%20-9.134,7.368%20-9.134,10.959%200,5.011%206.124,10.19%2016.027,14.511%2012.018,5.243%2028.84,8.486%2047.621,8.486%2018.77,0%2035.591,-3.244%2047.611,-8.489%209.902,-4.32%2016.027,-9.498%2016.027,-14.508%200,-3.613%20-3.439,-7.454%20-9.285,-11.029%20-7.687,-4.701%20-18.886,-8.359%20-32.139,-10.349%20-4.622,-0.694%20-7.807,-5.004%20-7.112,-9.625%200.694,-4.621%205.004,-7.805%209.626,-7.111%2015.431,2.317%2028.828,6.796%2038.425,12.664%2010.969,6.709%2017.422,15.457%2017.422,25.45%200,12.366%20-10.02,22.92%20-26.216,29.988%20-14.08,6.143%20-33.314,9.944%20-54.359,9.944%20-21.056,0%20-40.29,-3.799%20-54.369,-9.942%20-16.199,-7.068%20-26.216,-17.623%20-26.216,-29.99%200,-9.919%206.366,-18.619%2017.205,-25.314%209.506,-5.871%2022.75,-10.365%2038,-12.719z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M484.141%20169.896c13.872,0%2026.429,-5.811%2035.515,-15.204%209.174,-9.486%2014.85,-22.621%2014.85,-37.156%200,-14.537%20-5.677,-27.677%20-14.853,-37.167%20-9.086,-9.398%20-21.642,-15.211%20-35.512,-15.211%20-13.868,0%20-26.419,5.812%20-35.502,15.209%20-9.174,9.489%20-14.848,22.63%20-14.848,37.169%200,14.537%205.673,27.673%2014.845,37.158%209.083,9.392%2021.635,15.202%2035.505,15.202zm47.688%20-3.496c-12.209,12.623%20-29.071,20.431%20-47.688,20.431%20-18.616,0%20-35.473,-7.807%20-47.678,-20.429%20-12.115,-12.528%20-19.609,-29.807%20-19.609,-48.866%200,-19.059%207.495,-36.344%2019.612,-48.878%2012.203,-12.625%2029.059,-20.435%2047.675,-20.435%2018.617,0%2035.477,7.811%2047.685,20.437%2012.12,12.534%2019.617,29.818%2019.617,48.876%200,19.059%20-7.497,36.336%20-19.614,48.864z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M453.885%20264.163c4.622,-0.602%208.859,2.656%209.461,7.277%200.603,4.621%20-2.655,8.857%20-7.277,9.46%20-20.275,2.659%20-37.647,8.094%20-49.76,15.27%20-10.11,5.989%20-16.094,12.858%20-16.094,19.745%200,8.825%209.527,17.448%2024.929,24.253%2017.513,7.738%2041.896,12.525%2068.997,12.525%2027.101,0%2051.483,-4.787%2068.994,-12.525%2015.402,-6.805%2024.928,-15.428%2024.928,-24.253%200,-7.017%20-6.186,-14.003%20-16.607,-20.058%20-12.413,-7.213%20-30.238,-12.627%20-51.024,-15.165%20-4.64,-0.566%20-7.943,-4.786%20-7.377,-9.426%200.566,-4.64%204.788,-7.942%209.428,-7.376%2023.004,2.809%2043.085,9.005%2057.442,17.347%2015.734,9.143%2025.075,21.123%2025.075,34.678%200,16.163%20-13.395,30.163%20-35.05,39.733%20-19.547,8.637%20-46.361,13.98%20-75.809,13.98%20-29.447,0%20-56.263,-5.343%20-75.811,-13.98%20-21.656,-9.57%20-35.052,-23.57%20-35.052,-39.733%200,-13.373%209.084,-25.207%2024.43,-34.298%2013.971,-8.277%2033.592,-14.491%2056.177,-17.454z%22/%3E%3C/svg%3E");

  --designIconMenschen: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20578%20512%22%3E%3Cstyle%3E.fil0%7Bfill:%23e30613%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M469.032%20262.892c-1.457,-7.177%20-3.552,-14.418%20-6.317,-21.672%20-2.674,-7.017%20-5.939,-13.903%20-9.819,-20.598%20-5.678,-9.795%20-12.382,-18.717%20-19.91,-26.741%20-7.86,-8.377%20-16.573,-15.753%20-25.92,-22.104l9.427%20-13.928c10.44,7.094%2020.108,15.266%2028.755,24.481%208.398,8.95%2015.877,18.907%2022.217,29.843%204.385,7.566%208.043,15.266%2011.007,23.041%203.017,7.917%205.354,16.069%207.041,24.378l-16.481%203.3z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M92.487%20259.592c1.687,-8.309%204.024,-16.461%207.042,-24.378%202.963,-7.775%206.621,-15.475%2011.006,-23.041%206.34,-10.936%2013.819,-20.893%2022.217,-29.843%208.647,-9.215%2018.315,-17.387%2028.755,-24.481l9.427%2013.928c-9.347,6.351%20-18.06,13.727%20-25.92,22.104%20-7.528,8.024%20-14.232,16.946%20-19.909,26.741%20-3.881,6.695%20-7.146,13.581%20-9.82,20.598%20-2.765,7.254%20-4.86,14.495%20-6.317,21.672l-16.481%20-3.3z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M288.998%20204.538c23.669,0%2045.097,-9.607%2060.607,-25.136%2015.512,-15.531%2025.106,-36.987%2025.106,-60.684%200,-23.697%20-9.594,-45.154%20-25.105,-60.684%20-15.511,-15.53%20-36.939,-25.136%20-60.608,-25.136%20-23.667,0%20-45.095,9.606%20-60.604,25.136%20-15.511,15.531%20-25.105,36.987%20-25.105,60.684%200,23.697%209.594,45.153%2025.105,60.683%2015.509,15.531%2036.937,25.137%2060.604,25.137zm72.54%20-13.189c-18.565,18.588%20-44.213,30.087%20-72.54,30.087%20-28.326,0%20-53.972,-11.499%20-72.537,-30.087%20-18.565,-18.59%20-30.049,-44.27%20-30.049,-72.631%200,-28.361%2011.484,-54.042%2030.049,-72.631%2018.565,-18.589%2044.211,-30.087%2072.537,-30.087%2028.327,0%2053.975,11.498%2072.54,30.087%2018.566,18.589%2030.05,44.269%2030.05,72.631%200,28.361%20-11.484,54.042%20-30.05,72.631z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M288.988%20135.97c7.883,0%2015.018,-3.198%2020.181,-8.368%205.165,-5.17%208.358,-12.315%208.358,-20.207%200,-7.915%20-3.194,-15.073%20-8.359,-20.246%20-5.143,-5.151%20-12.276,-8.338%20-20.18,-8.338%20-7.898,0%20-15.03,3.188%20-20.175,8.341%20-5.164,5.172%20-8.359,12.33%20-8.359,20.243%200,7.89%203.194,15.034%208.358,20.204%205.164,5.172%2012.299,8.371%2020.176,8.371zm32.114%203.579c-8.219,8.229%20-19.572,13.319%20-32.114,13.319%20-12.536,0%20-23.89,-5.091%20-32.109,-13.322%20-8.217,-8.229%20-13.302,-19.596%20-13.302,-32.151%200,-12.533%205.085,-23.892%2013.304,-32.124%208.239,-8.252%2019.593,-13.358%2032.107,-13.358%2012.52,0%2023.874,5.105%2032.112,13.355%208.22,8.232%2013.304,19.593%2013.304,32.127%200,12.556%20-5.083,23.925%20-13.302,32.154z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M356.018%20185.419c1.365,4.447%20-1.129,9.161%20-5.57,10.528%20-4.442,1.367%20-9.15,-1.13%20-10.516,-5.577%20-3.792,-12.345%20-10.888,-22.893%20-20.074,-30.271%20-8.721,-7.003%20-19.372,-11.12%20-30.86,-11.12%20-11.582,0%20-22.311,4.186%20-31.069,11.294%20-9.216,7.479%20-16.309,18.182%20-20.039,30.701%20-1.329,4.466%20-6.022,7.007%20-10.482,5.677%20-4.46,-1.331%20-6.998,-6.03%20-5.67,-10.495%204.7,-15.776%2013.755,-29.358%2025.577,-38.953%2011.727,-9.518%2026.12,-15.122%2041.683,-15.122%2015.448,0%2029.736,5.51%2041.407,14.883%2011.764,9.448%2020.819,22.849%2025.613,38.455z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M459.415%20479.103c23.666,0%2045.095,-9.606%2060.605,-25.136%2015.51,-15.529%2025.103,-36.982%2025.103,-60.68%200,-23.696%20-9.594,-45.15%20-25.104,-60.679%20-15.51,-15.53%20-36.938,-25.137%20-60.604,-25.137%20-23.668,0%20-45.097,9.606%20-60.608,25.136%20-15.511,15.529%20-25.105,36.984%20-25.105,60.68%200,23.698%209.594,45.152%2025.104,60.68%2015.511,15.53%2036.941,25.136%2060.609,25.136zm72.538%20-13.189c-18.566,18.589%20-44.213,30.086%20-72.538,30.086%20-28.327,0%20-53.975,-11.497%20-72.541,-30.085%20-18.565,-18.587%20-30.049,-44.265%20-30.049,-72.628%200,-28.361%2011.484,-54.039%2030.05,-72.627%2018.566,-18.589%2044.214,-30.086%2072.54,-30.086%2028.324,0%2053.971,11.498%2072.536,30.086%2018.565,18.588%2030.049,44.266%2030.049,72.627%200,28.363%20-11.483,54.04%20-30.047,72.627z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M459.41%20410.52c7.877,0%2015.012,-3.199%2020.176,-8.369%205.163,-5.169%208.359,-12.311%208.359,-20.196%200,-15.783%20-12.782,-28.594%20-28.535,-28.594%20-7.902,0%20-15.034,3.189%20-20.178,8.341%20-5.166,5.175%20-8.361,12.337%20-8.361,20.253%200,7.909%203.182,15.05%208.326,20.199%205.163,5.168%2012.309,8.366%2020.213,8.366zm32.108%203.579c-8.219,8.228%20-19.573,13.319%20-32.108,13.319%20-12.519,0%20-23.861,-5.09%20-32.079,-13.316%20-8.241,-8.249%20-13.337,-19.617%20-13.337,-32.147%200,-12.534%205.085,-23.898%2013.305,-32.134%208.238,-8.252%2019.592,-13.358%2032.111,-13.358%2025.071,0%2045.412,20.381%2045.412,45.492%200,12.55%20-5.086,23.916%20-13.304,32.144z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M526.435%20459.988c1.366,4.448%20-1.129,9.161%20-5.57,10.528%20-4.442,1.367%20-9.15,-1.13%20-10.515,-5.577%20-3.794,-12.343%20-10.894,-22.891%20-20.082,-30.269%20-8.721,-7.004%20-19.372,-11.122%20-30.858,-11.122%20-11.579,0%20-22.307,4.186%20-31.066,11.295%20-9.217,7.48%20-16.313,18.184%20-20.046,30.705%20-1.329,4.466%20-6.022,7.007%20-10.482,5.676%20-4.46,-1.33%20-6.999,-6.029%20-5.67,-10.495%204.705,-15.778%2013.763,-29.361%2025.584,-38.956%2011.728,-9.518%2026.119,-15.123%2041.68,-15.123%2015.445,0%2029.734,5.511%2041.406,14.884%2011.765,9.448%2020.823,22.85%2025.619,38.454z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M118.585%20479.103c23.668,0%2045.096,-9.606%2060.606,-25.135%2015.509,-15.529%2025.103,-36.983%2025.103,-60.681%200,-23.697%20-9.594,-45.151%20-25.104,-60.68%20-15.51,-15.53%20-36.938,-25.136%20-60.605,-25.136%20-23.667,0%20-45.095,9.606%20-60.605,25.136%20-15.51,15.529%20-25.103,36.983%20-25.103,60.68%200,23.698%209.593,45.152%2025.102,60.681%2015.51,15.53%2036.938,25.135%2060.606,25.135zm72.539%20-13.188c-18.566,18.588%20-44.213,30.085%20-72.539,30.085%20-28.326,0%20-53.973,-11.497%20-72.538,-30.085%20-18.564,-18.587%20-30.047,-44.265%20-30.047,-72.628%200,-28.361%2011.483,-54.04%2030.048,-72.628%2018.565,-18.588%2044.211,-30.085%2072.537,-30.085%2028.326,0%2053.972,11.497%2072.537,30.085%2018.565,18.589%2030.048,44.267%2030.048,72.628%200,28.363%20-11.483,54.041%20-30.046,72.628z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M118.58%20410.52c7.881,0%2015.014,-3.198%2020.177,-8.366%205.164,-5.17%208.358,-12.312%208.358,-20.199%200,-15.783%20-12.774,-28.594%20-28.535,-28.594%20-7.899,0%20-15.032,3.19%20-20.177,8.344%20-5.166,5.175%20-8.362,12.335%20-8.362,20.25%200,7.907%203.183,15.048%208.327,20.197%205.165,5.17%2012.311,8.368%2020.212,8.368zm32.109%203.581c-8.218,8.227%20-19.57,13.317%20-32.109,13.317%20-12.515,0%20-23.858,-5.091%20-32.078,-13.319%20-8.24,-8.247%20-13.337,-19.615%20-13.337,-32.144%200,-12.533%205.085,-23.897%2013.306,-32.131%208.239,-8.254%2019.593,-13.361%2032.109,-13.361%2025.083,0%2045.411,20.381%2045.411,45.492%200,12.551%20-5.083,23.918%20-13.302,32.146z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M185.606%20459.988c1.365,4.448%20-1.129,9.161%20-5.571,10.528%20-4.442,1.367%20-9.15,-1.13%20-10.515,-5.577%20-3.793,-12.343%20-10.889,-22.892%20-20.077,-30.27%20-8.72,-7.003%20-19.37,-11.121%20-30.858,-11.121%20-11.58,0%20-22.31,4.186%20-31.069,11.296%20-9.215,7.48%20-16.309,18.183%20-20.038,30.704%20-1.329,4.466%20-6.022,7.007%20-10.482,5.676%20-4.46,-1.33%20-6.999,-6.029%20-5.67,-10.495%204.699,-15.777%2013.755,-29.359%2025.576,-38.954%2011.728,-9.52%2026.122,-15.125%2041.683,-15.125%2015.447,0%2029.735,5.511%2041.406,14.884%2011.765,9.448%2020.82,22.85%2025.615,38.454z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M349.485%20478.542c-7.52,4.537%20-15.444,8.283%20-23.741,11.151%20-8.087,2.796%20-16.408,4.702%20-24.926,5.633%20-12.42,1.35%20-24.65,0.576%20-36.555,-2.083%20-12.28,-2.743%20-24.128,-7.472%20-35.406,-13.922l8.306%20-14.653c9.896,5.659%2020.182,9.784%2030.726,12.139%2010.101,2.256%2020.521,2.909%2031.149,1.753%207.324,-0.8%2014.411,-2.416%2021.235,-4.774%206.997,-2.419%2013.846,-5.68%2020.51,-9.699l8.702%2014.455z%22/%3E%3C/svg%3E");

  --designIconKalender: 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:%23e30613%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M367.08%20359.249l75.164%20-0.024%20-0.015%2074.512%20-75.16%200.01%200.011%20-74.498zm-98.953%200l75.164%20-0.024%20-0.014%2074.512%20-75.161%200.01%200.011%20-74.498zm-98.952%200l74.568%20-0.024%20-0.014%2074.512%20-74.565%200.01%200.011%20-74.498zm-99.549%200l75.164%20-0.024%20-0.014%2074.512%20-75.16%200.01%200.01%20-74.498zm297.454%20-99.549l75.164%20-0.023%20-0.015%2075.107%20-75.16%200.011%200.011%20-75.095zm-98.953%200l75.164%20-0.023%20-0.014%2075.107%20-75.161%200.011%200.011%20-75.095zm-98.952%200l74.568%20-0.023%20-0.014%2075.107%20-74.565%200.011%200.011%20-75.095zm-99.549%200l75.164%20-0.023%20-0.014%2075.107%20-75.16%200.011%200.01%20-75.095zm297.456%20-98.957l75.162%20-0.016%20-0.015%2075.104%20-75.16%200.011%200.013%20-75.099zm-98.915%20-0.015l75.117%200.001%20-0.046%2075.111%20-75.112%200.056%200.041%20-75.168zm-98.952%20-0.013l74.515%200.016%20-0.04%2075.109%20-74.517%200.056%200.042%20-75.181zm-99.549%200.013l75.117%200.001%20-0.046%2075.111%20-75.112%200.056%200.041%20-75.168zm45.815%20-74.248c-3.68,0.491%20-19.182,0.072%20-24.075,0.072%20-31.871,0.002%20-60.681,17.241%20-74.762,45.927%20-6.238,12.707%20-8.526,23.775%20-8.527,39.876l0%20241.421c0,16.584%200.861,27.439%207.137,41.283%209.362,20.649%2027.137,37.82%2051.324,45.26%2014.661,4.51%2028.949,3.607%2044.798,3.607l289.703%200c24.302,0%2040.41,0.832%2061.45,-11.109%206.395,-3.629%2011.926,-7.956%2017.042,-13.068%201.157,-1.157%201.779,-1.895%202.869,-3.101%205.924,-6.559%2010.621,-13.815%2014.371,-21.985%206.16,-13.425%207.071,-25.075%207.071,-41.186l0%20-241.42c0.005,-15.657%20-2.482,-27.196%20-8.662,-39.583%20-3.619,-7.253%20-7.309,-12.531%20-12.043,-18.083%20-2.544,-2.984%20-6.222,-6.408%20-9.257,-8.915%20-8.172,-6.748%20-18.755,-12.902%20-31.938,-16.343%20-15.813,-4.126%20-29.517,-1.792%20-45.64,-2.612%20-0.387,-4.757%20-0.108,-30.601%20-0.036,-37.868%200.015,-1.428%20-0.401,-2.001%20-0.574,-3.291l-1.257%20-6.496c-0.515,-2.633%20-3.867,-9.448%20-5.42,-11.56%20-0.5,-0.679%20-0.379,-0.655%20-0.8,-1.293%20-0.585,-0.888%20-1.298,-1.185%20-1.858,-2.015l-1.66%20-2.208c-1.027,-0.996%20-2.882,-3.115%20-3.944,-3.801l-6.722%20-4.602c-0.784,-0.388%20-1.654,-0.788%20-2.603,-1.273%20-0.284,-0.145%20-0.81,-0.452%20-1.166,-0.618%20-0.838,-0.391%20-0.643,-0.236%20-1.554,-0.535l-10.579%20-2.817c-2.447,-0.247%20-11.663,-0.193%20-13.119,0.29%20-1.299,0.431%20-1.758,0.233%20-3.202,0.672%20-0.987,0.301%20-1.954,0.446%20-3.059,0.81%20-3.95,1.298%20-8.003,3.379%20-11.435,5.561%20-2.468,1.569%20-4.155,3.709%20-5.188,4.351%20-1.931,1.199%20-1.273,1.362%20-3.823,3.922%20-1.909,1.916%20-3.05,4.721%20-4.647,6.974%20-1.4,1.974%20-3.912,8.639%20-4.315,10.868%20-0.12,0.661%20-0.018,0.971%20-0.156,1.636%20-0.238,1.144%20-0.288,0.162%20-0.49,1.588%20-0.176,1.242%200.169,2.574%20-0.096,3.789%20-0.24,1.103%20-0.539,1.961%20-0.529,3.331%200.047,6.362%200.385,30.757%20-0.089,34.544l-104.218%200.071c-0.491,-6.059%200.623,-34.959%20-0.254,-37.669%20-0.464,-1.431%20-0.202,-3.52%20-0.683,-4.979%20-0.479,-1.452%20-0.537,-2.89%20-1.184,-4.776%20-1.238,-3.604%20-2.608,-7.3%20-4.665,-10.539%20-0.93,-1.464%20-1.972,-3.363%20-3.173,-4.569%20-0.712,-0.716%20-1.394,-1.187%20-1.888,-1.996%20-1.35,-2.212%20-2.328,-2.125%20-3.945,-3.797l-9.279%20-5.914%20-13.103%20-4.168c-2.447,-0.247%20-11.663,-0.193%20-13.119,0.29%20-3.38,1.122%20-3.772,0.326%20-10.127,2.981%20-0.806,0.337%20-0.827,0.205%20-1.592,0.492%20-1.36,0.509%20-2.539,1.393%20-3.589,2.073l-2.483%201.395c-0.692,0.515%20-0.474,0.29%20-1.105,0.69%20-0.868,0.551%20-1.19,1.275%20-2.016,1.856%20-2.893,2.04%20-5.677,4.822%20-7.584,7.914%20-0.747,1.212%20-1.103,1.2%20-1.687,2.185%20-1.211,2.043%20-3.106,5.568%20-3.712,7.597%20-0.293,0.982%20-0.045,0.52%20-0.452,1.357%20-0.27,0.555%20-0.548,0.857%20-0.688,1.38%20-0.173,0.646%20-0.086,0.841%20-0.267,1.528%20-0.415,1.573%20-0.931,2.939%20-1.033,4.925%20-0.115,2.255%20-0.571,0.867%20-0.615,3.238%20-0.154,8.248%200.556,33.359%20-0.079,38.435z%22/%3E%3C/svg%3E");

  --designIconUser: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20516.032%20391.055%22%3E%3Cstyle%3E.fil2%7Bfill:%23fefefe%7D.fil1%7Bfill:%23e30613%7D%3C/style%3E%3Cpath%20class=%22fil1%22%20d=%22M85.595%2013.102c-43.943,0%20-79.548,35.664%20-79.548,79.68l0%20205.491c0,44.024%2035.605,79.68%2079.548,79.68l340.811%200c43.942,0%2079.547,-35.656%2079.547,-79.68l0%20-205.491c0,-44.016%20-35.605,-79.68%20-79.547,-79.68l-340.811%200z%22/%3E%3Cpath%20class=%22fil2%22%20d=%22M151.307%20196.16c26.596,0%2048.142,-21.582%2048.142,-48.223%200,-26.613%20-21.546,-48.195%20-48.142,-48.195%20-26.606,0%20-48.142,21.582%20-48.142,48.195%200,26.641%2021.536,48.223%2048.142,48.223z%22/%3E%3Cpath%20class=%22fil2%22%20d=%22M236.505%20288.343c0,-47.154%20-38.131,-85.348%20-85.198,-85.348%20-47.041,0%20-85.207,38.194%20-85.207,85.348l170.405%200z%22/%3E%3Cpath%20class=%22fil2%22%20d=%22M278.558%20155.755c-7.747,0%20-14.028,-6.291%20-14.028,-14.051%200,-7.761%206.281,-14.052%2014.028,-14.052l142.349%200c7.747,0%2014.028,6.291%2014.028,14.052%200,7.76%20-6.281,14.051%20-14.028,14.051l-142.349%200z%22/%3E%3Cpath%20class=%22fil2%22%20d=%22M278.558%20208.094c-7.747,0%20-14.028,-6.291%20-14.028,-14.051%200,-7.76%206.281,-14.052%2014.028,-14.052l142.349%200c7.747,0%2014.028,6.292%2014.028,14.052%200,7.76%20-6.281,14.051%20-14.028,14.051l-142.349%200z%22/%3E%3Cpath%20class=%22fil2%22%20d=%22M278.558%20260.434c-7.747,0%20-14.028,-6.292%20-14.028,-14.052%200,-7.76%206.281,-14.051%2014.028,-14.051l142.349%200c7.747,0%2014.028,6.291%2014.028,14.051%200,7.76%20-6.281,14.052%20-14.028,14.052l-142.349%200z%22/%3E%3C/svg%3E");

  --designIconDoppelpfeilW: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20516.032%20268.095%22%3E%3Cstyle%3E.fil0%7Bfill:%23fefefe%7D%3C/style%3E%3Cpolygon%20class=%22fil0%22%20points=%22235.316,152.689%2027.437,260.032%206.047,217.344%20176.694,133.801%206.047,50.845%2027.437,8.063%20235.316,115.405%20%22/%3E%3Cpolygon%20class=%22fil0%22%20points=%22505.953,152.689%20298.074,260.032%20276.684,217.344%20447.331,133.801%20276.684,50.845%20298.074,8.063%20505.953,115.405%20%22/%3E%3C/svg%3E");

  --designIconDoppelpfeilS: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20516.032%20268.095%22%3E%3Cstyle%3E.fil0%7Bfill:%23333333%7D%3C/style%3E%3Cpolygon%20class=%22fil0%22%20points=%22235.316,152.689%2027.437,260.032%206.047,217.344%20176.694,133.801%206.047,50.845%2027.437,8.063%20235.316,115.405%20%22/%3E%3Cpolygon%20class=%22fil0%22%20points=%22505.953,152.689%20298.074,260.032%20276.684,217.344%20447.331,133.801%20276.684,50.845%20298.074,8.063%20505.953,115.405%20%22/%3E%3C/svg%3E");

  --designIconDoppelpfeilR: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20516.032%20268.095%22%3E%3Cstyle%3E.fil0%7Bfill:%23e30613%7D%3C/style%3E%3Cpolygon%20class=%22fil0%22%20points=%22235.316,152.689%2027.437,260.032%206.047,217.344%20176.694,133.801%206.047,50.845%2027.437,8.063%20235.316,115.405%20%22/%3E%3Cpolygon%20class=%22fil0%22%20points=%22505.953,152.689%20298.074,260.032%20276.684,217.344%20447.331,133.801%20276.684,50.845%20298.074,8.063%20505.953,115.405%20%22/%3E%3C/svg%3E");

  --designIconDown: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20516.032%20296.315%22%3E%3Cstyle%3E.fil0%7Bfill:%23e30613%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M12.024%2042.762c-7.938,-7.906%20-7.973,-20.762%20-0.079,-28.712%207.894,-7.951%2020.729,-7.987%2028.667,-0.08l217.807%20217.004%20212.969%20-212.237c7.938,-7.907%2020.773,-7.871%2028.667,0.08%207.894,7.95%207.859,20.805%20-0.079,28.712l-241.554%20240.723%20-246.398%20-245.49z%22/%3E%3C/svg%3E");

  --designIconQuoteR: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20362%22%3E%3Cstyle%3E.fil0%7Bfill:%23e30613%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M273.522%20354l48.521%20-346%20181.957%200%20-99.739%20346%20-130.739%200zm-265.522%200l47.174%20-346%20181.957%200%20-99.74%20346%20-129.391%200z%22/%3E%3C/svg%3E");

  --designIconQuoteS: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20362%22%3E%3Cstyle%3E.fil0%7Bfill:%231a1918%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M273.522%20354l48.521%20-346%20181.957%200%20-99.739%20346%20-130.739%200zm-265.522%200l47.174%20-346%20181.957%200%20-99.74%20346%20-129.391%200z%22/%3E%3C/svg%3E");

  /* #1a1918 */

  --designIconBerg: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20386%22%3E%3Cstyle%3E.fil0%7Bfill:%231a1918%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M167.053%20362.77l255.536%200%20-127.76%20-210.759%20-127.776%20210.759zm269.013%2015.23l-282.492%200%200%20-0.033c-1.339,0.001%20-2.695,-0.353%20-3.924,-1.097%20-3.58,-2.169%20-4.724,-6.83%20-2.557,-10.411l141.187%20-232.881c0.617,-1.062%201.5,-1.989%202.624,-2.67%203.58,-2.168%208.239,-1.023%2010.406,2.558l140.859%20232.368c0.947,1.27%201.508,2.845%201.508,4.551%200,4.206%20-3.407,7.615%20-7.611,7.615z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M262.586%20197.718c2.167,3.581%201.023,8.243%20-2.557,10.411%20-3.579,2.168%20-8.238,1.023%20-10.406,-2.558l-32.468%20-53.56%20-127.775%20210.759%2067.133%200c4.203,0%207.611,3.41%207.611,7.615%200,4.206%20-3.408,7.615%20-7.611,7.615l-80.612%200%200%20-0.033c-1.339,0.001%20-2.695,-0.353%20-3.925,-1.097%20-3.579,-2.169%20-4.723,-6.83%20-2.556,-10.411l141.187%20-232.881c0.616,-1.062%201.5,-1.989%202.624,-2.67%203.58,-2.168%208.239,-1.023%2010.406,2.558l38.949%2064.252z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M209.545%2048.842c0,-4.206%203.407,-7.615%207.611,-7.615%204.203,0%207.611,3.409%207.611,7.615l0%2086.328c0,4.205%20-3.408,7.615%20-7.611,7.615%20-4.204,0%20-7.611,-3.41%20-7.611,-7.615l0%20-86.328z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M217.156%2099.625c-4.204,0%20-7.611,-3.409%20-7.611,-7.615%200,-4.206%203.407,-7.615%207.611,-7.615l39.735%200%20-5.456%20-4.085c-3.35,-2.514%20-4.029,-7.268%20-1.516,-10.619%200.477,-0.636%201.034,-1.176%201.648,-1.616l5.342%20-4.004%20-39.753%200c-4.204,0%20-7.611,-3.409%20-7.611,-7.614%200,-4.206%203.407,-7.615%207.611,-7.615l62.559%200%200%200.029c2.303,0.002%204.577,1.049%206.065,3.034%202.512,3.351%201.833,8.106%20-1.517,10.62l-15.63%2011.714%2015.082%2011.292c2.167,1.342%203.611,3.742%203.611,6.479%200,4.206%20-3.408,7.615%20-7.611,7.615l-62.559%200z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M246.971%20222.192c-2.725,-3.187%20-2.353,-7.981%200.833,-10.708%203.185,-2.727%207.977,-2.355%2010.703,0.832l20.73%2024.152%2010.401%20-9.702c2.95,-2.746%207.501,-2.693%2010.387,0.039l19.209%2015.999%208.196%20-11.606c2.27,-3.229%206.597,-4.151%209.958,-2.241l18.136%209.582c3.71,1.955%205.135,6.55%203.181,10.262%20-1.954,3.713%20-6.546,5.138%20-10.257,3.183l-12.449%20-6.577%20-9.081%2012.861%20-0.014%20-0.01c-0.117,0.165%20-0.241,0.327%20-0.373,0.486%20-2.676,3.22%20-7.455,3.659%20-10.673,0.982l-20.752%20-17.285%20-11.301%2010.542%20-0.003%20-0.003c-0.077,0.071%20-0.155,0.142%20-0.235,0.211%20-3.185,2.727%20-7.978,2.354%20-10.703,-0.833l-25.893%20-30.166z%22/%3E%3C/svg%3E");

  --designIconHaus: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20386%22%3E%3Cstyle%3E.fil0%7Bfill:%231a1918%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M241.106%20362.77l148.27%200%200%20-339.54%20-148.27%200%200%20339.54zm155.881%2015.23l-163.492%200c-4.204,0%20-7.612,-3.409%20-7.612,-7.615l0%20-354.77c0,-4.206%203.408,-7.615%207.612,-7.615l163.492%200c4.204,0%207.611,3.409%207.611,7.615l0%20354.77c0,4.206%20-3.407,7.615%20-7.611,7.615z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M277.259%2073.607l75.968%200%200%20-9.851%20-75.968%200%200%209.851zm83.58%2015.23l-91.191%200c-4.204,0%20-7.612,-3.409%20-7.612,-7.615l0%20-25.081c0,-4.205%203.408,-7.614%207.612,-7.614l91.191%200c4.203,0%207.611,3.409%207.611,7.614l0%2025.081c0,4.206%20-3.408,7.615%20-7.611,7.615z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M277.259%20144.511l75.968%200%200%20-9.855%20-75.968%200%200%209.855zm83.58%2015.23l-91.191%200c-4.204,0%20-7.612,-3.409%20-7.612,-7.615l0%20-25.085c0,-4.206%203.408,-7.615%207.612,-7.615l91.191%200c4.203,0%207.611,3.409%207.611,7.615l0%2025.085c0,4.206%20-3.408,7.615%20-7.611,7.615z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M277.259%20215.402l75.968%200%200%20-9.851%20-75.968%200%200%209.851zm83.58%2015.23l-91.191%200c-4.204,0%20-7.612,-3.409%20-7.612,-7.615l0%20-25.081c0,-4.205%203.408,-7.614%207.612,-7.614l91.191%200c4.203,0%207.611,3.409%207.611,7.614l0%2025.081c0,4.206%20-3.408,7.615%20-7.611,7.615z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M277.259%20286.306l75.968%200%200%20-9.855%20-75.968%200%200%209.855zm83.58%2015.23l-91.191%200c-4.204,0%20-7.612,-3.409%20-7.612,-7.615l0%20-25.085c0,-4.206%203.408,-7.615%207.612,-7.615l91.191%200c4.203,0%207.611,3.409%207.611,7.615l0%2025.085c0,4.206%20-3.408,7.615%20-7.611,7.615z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M122.641%20362.77l103.044%200%200%20-226.905%20-103.044%200%200%20226.905zm110.655%2015.23l-118.266%200c-4.203,0%20-7.611,-3.409%20-7.611,-7.615l0%20-242.135c0,-4.206%203.408,-7.615%207.611,-7.615l118.266%200c4.204,0%207.611,3.409%207.611,7.615l0%20242.135c0,4.206%20-3.407,7.615%20-7.611,7.615z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M157.163%20362.77l34%200%200%20-98.225%20-34%200%200%2098.225zm41.611%2015.23l-49.222%200c-4.203,0%20-7.611,-3.409%20-7.611,-7.615l0%20-113.455c0,-4.205%203.408,-7.615%207.611,-7.615l49.222%200c4.204,0%207.611,3.41%207.611,7.615l0%20113.455c0,4.206%20-3.407,7.615%20-7.611,7.615z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M69.899%20378c-4.204,0%20-7.612,-3.409%20-7.612,-7.615%200,-4.205%203.408,-7.615%207.612,-7.615l372.203%200c4.203,0%207.611,3.41%207.611,7.615%200,4.206%20-3.408,7.615%20-7.611,7.615l-372.203%200z%22/%3E%3C/svg%3E");

  --designIconPointer: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20386%22%3E%3Cstyle%3E.fil0%7Bfill:%231a1918%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M256%20356.9c23.25,-34.629%20103.548,-157.886%20103.548,-208.485%200,-28.608%20-11.589,-54.51%20-30.328,-73.258%20-18.736,-18.746%20-44.622,-30.342%20-73.22,-30.342%20-28.598,0%20-54.484,11.596%20-73.22,30.342%20-18.739,18.748%20-30.328,44.65%20-30.328,73.258%200,50.599%2080.299,173.856%20103.548,208.485zm118.771%20-208.485c0,62.918%20-109.157,221.425%20-112.443,226.185%20-0.52,0.786%20-1.195,1.487%20-2.017,2.055%20-3.448,2.382%20-8.173,1.516%20-10.554,-1.934%20-0.323,-0.468%20-112.528,-162.519%20-112.528,-226.306%200,-32.811%2013.294,-62.521%2034.788,-84.026%2021.492,-21.503%2051.183,-34.803%2083.983,-34.803%2032.8,0%2062.491,13.3%2083.983,34.803%2021.494,21.505%2034.788,51.214%2034.788,84.026z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M256%20213.366c16.651,0%2031.723,-6.75%2042.633,-17.665%2010.909,-10.915%2017.656,-25.995%2017.656,-42.654%200,-16.653%20-6.748,-31.73%20-17.658,-42.644%20-10.908,-10.912%20-25.981,-17.662%20-42.631,-17.662%20-16.672,0%20-31.755,6.75%20-42.664,17.662%20-10.893,10.895%20-17.629,25.971%20-17.629,42.644%200,16.659%206.747,31.739%2017.657,42.654%2010.91,10.915%2025.984,17.665%2042.636,17.665zm53.395%20-6.897c-13.664,13.671%20-32.542,22.127%20-53.395,22.127%20-20.854,0%20-39.733,-8.455%20-53.398,-22.127%20-13.666,-13.671%20-22.118,-32.559%20-22.118,-53.422%200,-20.838%208.464,-39.724%2022.149,-53.412%2013.665,-13.669%2032.533,-22.124%2053.367,-22.124%2020.852,0%2039.729,8.456%2053.394,22.124%2013.666,13.67%2022.118,32.555%2022.118,53.412%200,20.863%20-8.452,39.75%20-22.117,53.422z%22/%3E%3C/svg%3E");

  --designIconTeam: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20386%22%3E%3Cstyle%3E.fil0%7Bfill:%231a1918%7D%3C/style%3E%3Cpath%20class=%22fil0%22%20d=%22M256%20243.803c15.076,0%2028.722,-6.111%2038.598,-15.992%209.875,-9.881%2015.983,-23.533%2015.983,-38.617%200,-15.085%20-6.107,-28.738%20-15.983,-38.619%20-9.876,-9.882%20-23.522,-15.993%20-38.598,-15.993%20-15.076,0%20-28.723,6.112%20-38.601,15.993%20-9.876,9.882%20-15.984,23.535%20-15.984,38.619%200,15.083%206.109,28.736%2015.985,38.617%209.877,9.881%2023.524,15.992%2038.6,15.992zm49.36%20-5.224c-12.631,12.638%20-30.082,20.453%20-49.36,20.453%20-19.278,0%20-36.73,-7.816%20-49.363,-20.453%20-12.632,-12.638%20-20.444,-30.097%20-20.444,-49.385%200,-19.288%207.812,-36.748%2020.444,-49.386%2012.633,-12.639%2030.085,-20.456%2049.363,-20.456%2019.278,0%2036.729,7.816%2049.361,20.455%2012.631,12.638%2020.442,30.099%2020.442,49.387%200,19.288%20-7.812,36.747%20-20.443,49.385z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M358.19%20362.77c-1.855,-25.274%20-12.867,-48.004%20-29.733,-64.878%20-18.543,-18.552%20-44.161,-30.027%20-72.457,-30.027%20-28.304,0%20-53.925,11.474%20-72.47,30.025%20-16.868,16.874%20-27.882,39.605%20-29.737,64.88l204.397%200zm-18.97%20-75.646c21.298,21.309%2034.472,50.747%2034.472,83.261%200,4.206%20-3.408,7.615%20-7.611,7.615l-220.179%200c-4.203,0%20-7.611,-3.409%20-7.611,-7.615%200,-32.514%2013.175,-61.953%2034.476,-83.263%2021.301,-21.307%2050.728,-34.487%2083.233,-34.487%2032.498,0%2061.921,13.18%2083.22,34.489z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M406.799%20214.685c11.719,0%2022.328,-4.752%2030.007,-12.434%207.678,-7.683%2012.428,-18.297%2012.428,-30.022%200,-11.738%20-4.739,-22.348%20-12.4,-30.011%20-7.679,-7.68%20-18.297,-12.432%20-30.035,-12.432%20-11.741,0%20-22.36,4.751%20-30.039,12.431%20-7.662,7.663%20-12.401,18.274%20-12.401,30.012%200,11.725%204.75,22.34%2012.43,30.022%207.679,7.683%2018.289,12.434%2030.01,12.434zm40.769%20-1.666c-10.434,10.439%20-24.848,16.896%20-40.769,16.896%20-15.923,0%20-30.338,-6.457%20-40.773,-16.896%20-10.435,-10.439%20-16.889,-24.86%20-16.889,-40.79%200,-15.904%206.466,-30.324%2016.92,-40.78%2010.435,-10.436%2024.84,-16.892%2040.742,-16.892%2015.9,0%2030.304,6.456%2040.738,16.893%2010.453,10.456%2016.919,24.876%2016.919,40.779%200,15.929%20-6.454,30.351%20-16.888,40.79z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M353.309%20328.171c-4.203,0%20-7.611,-3.41%20-7.611,-7.615%200,-4.206%203.408,-7.615%207.611,-7.615l135.108%200c-1.825,-19.241%20-10.497,-36.512%20-23.589,-49.417%20-14.832,-14.62%20-35.348,-23.663%20-58.029,-23.663%20-16.37,0%20-31.612,4.715%20-44.402,12.839%20-13.204,8.387%20-23.802,20.393%20-30.335,34.583%20-1.757,3.811%20-6.269,5.476%20-10.079,3.718%20-3.809,-1.758%20-5.473,-6.272%20-3.716,-10.084%207.769,-16.873%2020.339,-31.13%2035.984,-41.067%2015.16,-9.63%2033.201,-15.218%2052.548,-15.218%2026.799,0%2051.081,10.724%2068.673,28.065%2017.626,17.374%2028.528,41.366%2028.528,67.859%200,4.205%20-3.407,7.615%20-7.611,7.615l-143.08%200z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M105.202%20229.915c-15.921,0%20-30.336,-6.457%20-40.77,-16.896%20-10.434,-10.439%20-16.888,-24.861%20-16.888,-40.79%200,-15.903%206.466,-30.323%2016.919,-40.779%2010.435,-10.437%2024.839,-16.893%2040.739,-16.893%2015.901,0%2030.306,6.456%2040.741,16.892%2010.454,10.456%2016.92,24.876%2016.92,40.78%200,15.93%20-6.454,30.351%20-16.889,40.79%20-10.435,10.439%20-24.85,16.896%20-40.772,16.896zm-30.007%20-27.664c7.678,7.682%2018.287,12.434%2030.007,12.434%2011.72,0%2022.331,-4.751%2030.01,-12.434%207.679,-7.682%2012.429,-18.297%2012.429,-30.022%200,-11.738%20-4.739,-22.349%20-12.401,-30.012%20-7.679,-7.68%20-18.298,-12.431%20-30.038,-12.431%20-11.739,0%20-22.357,4.752%20-30.036,12.432%20-7.661,7.663%20-12.4,18.273%20-12.4,30.011%200,11.725%204.75,22.339%2012.429,30.022z%22/%3E%3Cpath%20class=%22fil0%22%20d=%22M158.691%20312.941c4.203,0%207.611,3.409%207.611,7.615%200,4.205%20-3.408,7.615%20-7.611,7.615l-143.08%200c-4.203,0%20-7.611,-3.41%20-7.611,-7.615%200,-26.493%2010.901,-50.485%2028.528,-67.86%2017.592,-17.34%2041.872,-28.064%2068.674,-28.064%2019.344,0%2037.384,5.588%2052.544,15.218%2015.644,9.936%2028.216,24.194%2035.987,41.067%201.757,3.812%200.093,8.326%20-3.716,10.084%20-3.809,1.758%20-8.322,0.093%20-10.079,-3.718%20-6.535,-14.19%20-17.134,-26.196%20-30.338,-34.583%20-12.789,-8.124%20-28.031,-12.839%20-44.398,-12.839%20-22.684,0%20-43.198,9.042%20-58.03,23.662%20-13.092,12.905%20-21.764,30.176%20-23.589,49.418l135.108%200z%22/%3E%3C/svg%3E");



  --designIconInW: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cstyle%3E.fil1%7Bfill:%23ffffff%7D%3C/style%3E%3Cpath%20class=%22fil1%22%20d=%22M261.307%208.811c-141.011,-0.956%20-251.975,107.098%20-253.296,246.616%20-1.289,134.868%20110.738,247.164%20247.153,247.765%20137.822,0.612%20247.722,-108.494%20248.828,-247.035%201.053,-134.761%20-108.536,-246.444%20-242.685,-247.346zm-72.058%20366.149l-52.362%200%200%20-174.569%2052.362%200%200%20174.569zm-26.363%20-198.098c-17.816,0.269%20-31.862,-13.939%20-31.862,-32.162%200.032,-18.074%2014.014,-32.582%2031.625,-32.851%2016.86,-0.257%2032.324,15.303%2032.324,32.55%20-0.043,17.762%20-14.325,32.238%20-32.087,32.463zm230.325%20198.098l-53.372%200c0,-17.88%200.076,-35.201%200,-52.512%20-0.075,-15.722%200.301,-31.476%20-0.537,-47.197%20-0.977,-19.437%20-10.341,-29.897%20-26.363,-31.068%20-17.612,-1.331%20-29.285,7.196%20-33.795,25.838%20-1.697,6.927%20-1.815,14.358%20-1.858,21.553%20-0.225,27.233%20-0.075,54.435%20-0.075,83.687l-50.537%200%200%20-174.763%2049.323%200c0.537,5.348%201.106,11.104%202.051,20.458%2016.141,-18.031%2034.021,-27.427%2057.238,-26.021%2030.96,1.816%2055.81,21.027%2057.399,52.051%202.126,42.161%200.526,84.515%200.526,127.974z%22/%3E%3C/svg%3E");

  --designIconInS: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cstyle%3E.fil1%7Bfill:%23000000%7D%3C/style%3E%3Cpath%20class=%22fil1%22%20d=%22M261.307%208.811c-141.011,-0.956%20-251.975,107.098%20-253.296,246.616%20-1.289,134.868%20110.738,247.164%20247.153,247.765%20137.822,0.612%20247.722,-108.494%20248.828,-247.035%201.053,-134.761%20-108.536,-246.444%20-242.685,-247.346zm-72.058%20366.149l-52.362%200%200%20-174.569%2052.362%200%200%20174.569zm-26.363%20-198.098c-17.816,0.269%20-31.862,-13.939%20-31.862,-32.162%200.032,-18.074%2014.014,-32.582%2031.625,-32.851%2016.86,-0.257%2032.324,15.303%2032.324,32.55%20-0.043,17.762%20-14.325,32.238%20-32.087,32.463zm230.325%20198.098l-53.372%200c0,-17.88%200.076,-35.201%200,-52.512%20-0.075,-15.722%200.301,-31.476%20-0.537,-47.197%20-0.977,-19.437%20-10.341,-29.897%20-26.363,-31.068%20-17.612,-1.331%20-29.285,7.196%20-33.795,25.838%20-1.697,6.927%20-1.815,14.358%20-1.858,21.553%20-0.225,27.233%20-0.075,54.435%20-0.075,83.687l-50.537%200%200%20-174.763%2049.323%200c0.537,5.348%201.106,11.104%202.051,20.458%2016.141,-18.031%2034.021,-27.427%2057.238,-26.021%2030.96,1.816%2055.81,21.027%2057.399,52.051%202.126,42.161%200.526,84.515%200.526,127.974z%22/%3E%3C/svg%3E");




}

.dl_5001 ~ .dl_x .dlc_x .dlcl_x a {
  background-image: var(--designIconLeftR);
}


::selection {
  background: var(--designFarbe-1);
  color: var(--designFarbe-0);
}

html {
  scroll-behavior: smooth;
  
  /* background: #000000; */
  
  /* background-color: #142B19; */
  /* background-color: linear-gradient(-1deg,rgba(20, 43, 25, 1) 0%, rgba(93, 120, 39, 1) 4%, rgba(222, 203, 144, 1) 10%, rgba(254, 254, 254, 1) 42%, rgba(239, 250, 254, 1) 60%, rgba(254, 254, 254, 1) 69%, rgba(199, 235, 249, 1) 74%, rgba(239, 250, 254, 1) 100%); */

  /* background-image: url(https://energie-vorpommern.eu/images/hintergrund.jpg); */
  /* background-image: var(--designHintern-1); */
  /* background-size: cover; */
  /* background-position-y: bottom; */

}
@media (max-width: 760px) and (orientation:portrait) {
  html {
    overflow-x: hidden;
  }
}

.site-grid {
  background-image: url(https://energie-vorpommern.eu/images/hintergrund.jpg);
  background-size: cover;
  background-position-y: bottom;
  z-index: 1;
  position: relative;
}
@media (max-width: 760px) and (orientation:portrait) {
  .site-grid {
    background-size: 725%;
    background-position-x: 92%;
    background-position-y: bottom;
    z-index: 1;
    position: relative;
    background-attachment: fixed;
  }
  .site-grid:has(nav > details[open]) {
    /* z-index: 99; */
    background-image: none;
  }
}


#kontanmode:checked ~ .site-grid  {
  background: var(--designFarbeK-0);
  background-image: none;
}

#hellmode:checked ~ .site-grid  {
  /* background: var(--designFarbeK-0); */
  background-image: url(https://energie-vorpommern.eu/images/hintergrund.jpg);
  background-size: cover;
  background-position-y: bottom;
}
#kontanmode:checked ~ .site-grid  {
  background: var(--designFarbeK-0);
  background-image: none;
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid  {
  background: var(--designFarbeK-0);
  background-image: none;
}

#darkmode:checked ~ .site-grid {
  background: var(--designFarbe-4);
  background-image: none;
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid {
  background: var(--designFarbeK-1);
  background-image: none;
}

@media (prefers-color-scheme: dark) {

  .site-grid {
    background: var(--designFarbe-4);
    background-image: none;
  }
  #kontanmode:checked ~ .site-grid {
    background: var(--designFarbeK-1);
    background-image: none;
  }
  #hellmode:checked ~ .site-grid {
    background: transparent;
    background-image: url(https://energie-vorpommern.eu/images/hintergrund.jpg);
    background-size: cover;
    background-position-y: bottom;
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid  {
    background: var(--designFarbeK-0);
    background-image: none;
  }

}

@media (forced-colors: active) {
  .site-grid {
    background-image: none;
  }
}








/* Firefox Fix */
input[type="range"]::-moz-range-track,
input[type="range"]::-moz-range-progress {
  background: transparent;
}








[aria-hidden="true"] {
  user-select: none;
}



section {
  scroll-margin-block: 25vh;
}
section > div {
  position: relative;
}



/* Karriere hr */
.itemid-109 hr {
  /* margin: 4em 25%; */
  margin: 4em 66% 4em 0%;
  border: 0.01em solid var(--designFarbe-1-01);
}
.itemid-109 #kontanmode:checked ~ .site-grid hr {
  border: 0.01em solid var(--designFarbeK-1);
}
.itemid-109 #hellmode:checked ~ #kontanmode:checked ~ .site-grid hr {
  border: 0.01em solid var(--designFarbeK-1);
}
.itemid-109 #darkmode:checked ~ .site-grid hr {
  border: 0.01em solid var(--designFarbe-3-03);
}
.itemid-109 #darkmode:checked ~ #kontanmode:checked ~ hr {
  border: 0.01em solid var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .itemid-109 hr {
    border: 0.01em solid var(--designFarbe-3-03);
  }
  .itemid-109 #kontanmode:checked ~ .site-grid hr {
    border: 0.01em solid var(--designFarbeK-0);
  }
  .itemid-109 #hellmode:checked ~ .site-grid hr {
    border: 0.01em solid var(--designFarbe-1-01);
  }
  .itemid-109 #hellmode:checked ~ #kontanmode:checked ~ .site-grid hr {
    border: 0.01em solid var(--designFarbeK-1);
  }
}
@media (max-width: 760px) and (orientation: portrait) {
  .itemid-109 hr {
    margin: 4em 66% 4em 0%;
  }
}






section:target > * {
  outline: 2px solid var(--designFarbe-1);
  outline-offset: -1em;
}

section:target > div::before,
section:target > div::after {
  content: '';
  position: absolute;
  height: 3em;
  width: 6em;
  top: 50%;
  transform-origin: center;
  transform: translateY(-50%);
  background: var(--designIconPfeilUnten-3);
  background-repeat: no-repeat;
  opacity: 0;
}
section:target > div::before {
  left: 2em;
  transform: translateY(-50%) rotate(-90deg);
  animation: blinkyBarrBefore 3s linear 0.3s forwards;
}
@keyframes blinkyBarrBefore {
  0%   {opacity: 0;left: 2em;}
  25%  {opacity: 1;left: 3.5em;}
  45%  {opacity: 0;left: 4em;}
  55%  {opacity: 0;left: 2em;}
  75%  {opacity: 1;left: 3.5em;}
  100% {opacity: 0;left: 4em;}
}
section:target > div::after {
  right: 2em;
  transform: translateY(-50%) rotate(90deg);
  animation: blinkyBarrAfter 3s linear 0.3s forwards;
}
@keyframes blinkyBarrAfter {
  0%   {opacity: 0;right: 2em;}
  25%  {opacity: 1;right: 3.5em;}
  45%  {opacity: 0;right: 4em;}
  55%  {opacity: 0;right: 2em;}
  75%  {opacity: 1;right: 3.5em;}
  100% {opacity: 0;right: 4em;}
}






section#peenestrom-vorteile:target > div::before,
section#peenestrom-vorteile:target > div::after,
section#peenestrom-wechsel:target > div::before,
section#peenestrom-wechsel:target > div::after,
section#peenestrom-energiepunkte:target > div::before,
section#peenestrom-energiepunkte:target > div::after {
  background: var(--designIconPfeilUnten-1);
  background-repeat: no-repeat;
}






#kontanmode:checked ~ .site-grid .ds_2002 + .ds_x .dscsa_x,
#kontanmode:checked ~ .site-grid .ds_2002 + .ds_x .dscsb_x,
#kontanmode:checked ~ .site-grid img {
  /* filter: grayscale(1); */
}











body * {
  /* letter-spacing: 0.15em !important; */
}


/*

html {

  background: #142B19;
  background: linear-gradient(-1deg,rgba(20, 43, 25, 1) 0%, rgba(93, 120, 39, 1) 4%, rgba(222, 203, 144, 1) 10%, rgba(254, 254, 254, 1) 42%, rgba(239, 250, 254, 1) 60%, rgba(254, 254, 254, 1) 69%, rgba(199, 235, 249, 1) 74%, rgba(239, 250, 254, 1) 100%);

}
:root {
  --designFont-0: Humnst777 Cn BT;
  --designFont-1: MarketOT;
}
*/

html[data-schriftart="Times New Roman"],
html[data-schriftart="serif"] {
  --designFont-0: Humnst777 Cn BT;
  --designFont-1: MarketOT;

  --designFont-2: Humnst777-BlkCn-BT;

  --designFont-3: Humnst777-Blk-BT;

  --designFont-4: Humnst777-Blk-BT2;

  --designFont-5: Humanist-777-Extra-Black-Condensed;

  --designFont-6: Humanist-777-Condensed-BT;
  




  --designFont-11: Frutiger-Std-45;
  --designFont-12: Frutiger-Pro-45;
  --designFont-13: Frutiger-Pro-46;
  --designFont-14: Frutiger-Std-46;

  --designFont-15: Frutiger-Std-55-Roman;
  --designFont-16: Frutiger-Pro-55-Roman;
  --designFont-17: Frutiger-Std-56;
  --designFont-18: Frutiger-Pro-56;

  --designFont-19: Frutiger-Std-65;
  --designFont-20: Frutiger-Pro-65;
  --designFont-21: Frutiger-Std-66;
  --designFont-22: Frutiger-Pro-66;

  --designFont-23: Frutiger-Std-75;
  --designFont-24: Frutiger-Pro-75;
  --designFont-25: Frutiger-Std-76;
  --designFont-26: Frutiger-Pro-76;

  --designFont-27: Frutiger-Std-95-Ultra;
  --designFont-28: Frutiger-Pro-95-Ultra;






  --designFont-31: FrutigerLTProUltraBlack;
  --designFont-32: FrutigerLTProRoman;
  --designFont-33: FrutigerLTProLightItalic;
  --designFont-34: FrutigerLTProLightCnIta;
  
  --designFont-36: FrutigerLTProLight;
  --designFont-37: FrutigerLTProItalic;
  --designFont-38: FrutigerLTProExtraBlkCnIta;
  --designFont-39: FrutigerLTProExtraBlackCn;
  --designFont-40: FrutigerLTProCondensedIta;

  --designFont-42: FrutigerLTProBoldItalic;
  --designFont-43: FrutigerLTProBoldCnIta;

  --designFont-45: FrutigerLTProBold;
  --designFont-46: FrutigerLTProBlackItalic;
  --designFont-47: FrutigerLTProBlackCnIta;
  
  --designFont-49: FrutigerLTProBlack;


  --designFont-35: FrutigerLTProLightCn;
  --designFont-352: FrutigerLTProLightCn2;

  --designFont-41: FrutigerLTProCondensed;
  --designFont-44: FrutigerLTProBoldCn;
  --designFont-48: FrutigerLTProBlackCn;

  --designFont-50: frutiger-47-light-condensed2;

  


  --designFont-51: FrutigerLTProCondensedIta;
  --designFont-52: FrutigerLTProExtraBlkCnIta;
  --designFont-53: FrutigerLTProUltraBlack;
  --designFont-54: FrutigerLTProBlackItalic;
  --designFont-55: FrutigerLTProBlackCn;
  --designFont-56: FrutigerLTProBoldItalic;
  --designFont-57: FrutigerLTProLightItalic;

  --designFont-58: FrutigerLTProLightCn;

  --designFont-59: FrutigerLTProItalic;
  --designFont-60: FrutigerLTProBoldCn;
  --designFont-61: FrutigerLTProRoman;






  /* --designFont-10: ; */
  
  /* font-family: 'Humnst777-BlkCn-BT'; */
  
  /* font-family: 'Humanist 777 Extra Black Condensed'; */

}
html[data-schriftart="Times New Roman"] *,
html[data-schriftart="serif"] * {
  font-family: var(--designFont-0) ;
}
html[data-js="aus"] *, 
html[data-schriftgross="gross"] * {
  hyphens: auto !important;
}



/* Barrierefreiheit Bilder und Hintergrundbilder abschalten wenn an */
html:has(input#barranmode:checked) * {
  background-image: none !important;
}
html:has(input#barranmode:checked) svg image {
  opacity: 0;
  transition: 0.3s;
}
html:has(input#barranmode:checked) canvas {
  display: none !important;
}







body {
  color: var(--designFarbe-5);
}





h2 {
  font-family: var(--designFont-1) ;
}
p {
  margin: 0;
}
.displayNone {
  display: none;
}
.opacityNone {
  opacity: 0;
  pointer-events: none;
}

.displayDeskNone {
  display: none;
}
@media (max-width: 760px) and (orientation: portrait) {
  .displayDeskNone {
    display: block;
  }
  .displayMobileNone {
    display: none;
  }
}



a:focus,
input:focus,
button:focus,
summary:focus {
  outline: 0.25em solid var(--designFarbe-1);
  outline-offset: 0.25em;
}


p[aria-hidden="true"] {
  outline: none !important;
}
body.no-outline a,
body.no-outline button,
body.no-outline input,
body.no-outline summary {
  outline: none !important;
}



/* SVGs Farben */

svg {overflow: visible;}

svg .filt {fill: transparent}

svg .fil0 {fill:var(--designFarbe-0)}
svg .fil1 {fill:var(--designFarbe-1)}
svg .fil2 {fill:var(--designFarbe-2)}
svg .fil3 {fill:var(--designFarbe-3)}
svg .fil4 {fill:var(--designFarbe-4)}
svg .fil5 {fill:var(--designFarbe-5)}
svg .fil6 {fill:var(--designFarbe-6)}



svg .fil0-02 {fill:var(--designFarbe-0-02)}
svg .fil1-02 {fill:var(--designFarbe-1-02)}
svg .fil2-02 {fill:var(--designFarbe-2-02)}
svg .fil3-02 {fill:var(--designFarbe-3-02)}
svg .fil4-02 {fill:var(--designFarbe-4-02)}
svg .fil5-02 {fill:var(--designFarbe-5-02)}
svg .fil6-02 {fill:var(--designFarbe-6-02)}



#hellmode:checked ~ .site-grid svg .fil4 {
  fill: var(--designFarbe-4);
}
#hellmode:checked ~ .site-grid svg .fil5 {
  fill: var(--designFarbe-5);
}
#hellmode:checked ~ .site-grid svg .fil6 {
  fill: var(--designFarbe-6);
}



#darkmode:checked ~ .site-grid svg .fil4 {
  fill: var(--designFarbe-0-03);
}
#darkmode:checked ~ .site-grid svg .fil5 {
  fill: var(--designFarbe-0-03);
}
#darkmode:checked ~ .site-grid svg .fil6 {
  fill: var(--designFarbe-0-03);
}








#kontanmode:checked  ~ .site-grid svg .fil0,
#kontanmode:checked  ~ .site-grid svg .fil1,
#kontanmode:checked  ~ .site-grid svg .fil2,
#kontanmode:checked  ~ .site-grid svg .fil3,
#kontanmode:checked  ~ .site-grid svg .fil4,
#kontanmode:checked  ~ .site-grid svg .fil5,
#kontanmode:checked  ~ .site-grid svg .fil6,
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil0,
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil1,
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil2,
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil3,
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil4,
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil5,
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil6 {
  fill: var(--designFarbeK-1);
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil0,
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil1,
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil2,
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil3,
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil4,
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil5,
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil6 {
  fill: var(--designFarbeK-0);
}


@media (prefers-color-scheme: dark) {


  svg .fil4 {
    fill: var(--designFarbe-0-03);
  }
  svg .fil5 {
    fill: var(--designFarbe-0-03);
  }
  svg .fil6 {
    fill: var(--designFarbe-0-03);
  }


  #hellmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil0,
  #hellmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil1,
  #hellmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil2,
  #hellmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil3,
  #hellmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil4,
  #hellmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil5,
  #hellmode:checked ~ #kontanmode:checked  ~ .site-grid svg .fil6 {
    fill: var(--designFarbeK-1);
  }


  #kontanmode:checked  ~ .site-grid svg .fil0,
  #kontanmode:checked  ~ .site-grid svg .fil1,
  #kontanmode:checked  ~ .site-grid svg .fil2,
  #kontanmode:checked  ~ .site-grid svg .fil3,
  #kontanmode:checked  ~ .site-grid svg .fil4,
  #kontanmode:checked  ~ .site-grid svg .fil5,
  #kontanmode:checked  ~ .site-grid svg .fil6 {
    fill: var(--designFarbeK-0);
  }





}















[data-js="aus"] #darkmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-105 > div > div:nth-of-type(odd) {
  
}





/* Hintergrund bei Bearrierefreiheit ausgeschalteten Bildern */
.hintergrundAuffang {
  width: 100%;
  height: 100%;
  position: absolute;
  /* overflow-y: hidden; */
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (max-width: 760px) and (orientation:portrait) {
  body:has(nav > details[open]) .hintergrundAuffang {
    display: none;
  }
}
.hintergrundAuffang svg {
  /* width: 100%; */
  height: 100%;
}

















svg #e_logo {
  transform: translate(-100px, -50px);
}
svg .e_logo {
  transform: translate(-70px, -40px);
}


/* Barrierefreie Headlines mit Lables*/


h2.seoSichtbar {
  position: relative;
  overflow: hidden !important;
}
h2.seoSichtbar span {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  /* aspect-ratio: 1 / 1; */
  /* height: auto !important; */
  padding: 0em !important;
  top: 0;
  margin: 0 !important;
  color: transparent !important;
  opacity: 0;
  font-size: 50em !important;
  line-height: 0 !important;
  overflow: hidden !important;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  white-space: nowrap;
}

h3.seoSichtbar {
  position: relative;
}
h3.seoSichtbar span {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  padding: 0em !important;
  top: 0;
  margin: 0 !important;
  color: transparent !important;
  opacity: 0;
  font-size: 50em !important;
  line-height: 0 !important;
  overflow: hidden !important;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  white-space: nowrap;
}






.screanReadHack1 {
  position: relative;
  overflow: hidden;
}
.screanReadHack1 > *:nth-of-type(1) {
  
}
.screanReadHack1 > *:nth-of-type(2) {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  padding: 0em !important;
  top: 0;
  margin: 0 !important;
  color: transparent !important;
  opacity: 0;
  /* font-size: 50 !important; */
  /* line-height: 0 !important; */
  /* overflow: hidden !important; */
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  white-space: nowrap;
  
}






h3 .mwd {
  font-size: 0.6em;
}
p .mwd {
  font-size: 0.7em;
}









/* Kontaktformulare */
/* #cf_1, #cf_2 */
.convertforms {
  --font: var(--designFont-45) !important;
  --max-width: initial !important;
  --background-color: transparent !important;
  --border-radius: 0px;
  --control-gap: 1em !important;
  --label-color: var(--designFarbe-4) !important;

  --label-size: 1.1em !important;
  --label-weight: initial !important;

  --input-color: var(--designFarbe-1) !important;
  --input-placeholder-color: var(--designFarbe-4) !important;
  --input-text-align: left;
  --input-background-color: var(--designFarbe-4-00) !important;
  --input-border-color: none !important;
  --input-border-radius: 0 !important;

  --input-size: 1em !important;

  --input-padding: 0.75em 0.75em !important;
}
.convertforms fieldset {
  border: none;
}


.itemid-125 .convertforms  {
  margin: 0 -1em 0 0;
}
.itemid-125 .convertforms .cf-content-wrap, 
.itemid-125 .convertforms .cf-form-wrap {
  padding: 0 0 0 1em !important;
}


#barrierefreiheit .convertforms .cf-content-wrap, 
#barrierefreiheit .convertforms .cf-form-wrap {
  padding: 0 !important;
}
div[data-name="html_17"] {
  display: none;
}
[data-js="aus"] div[data-name="html_17"] {
  display: block;
}
[data-js="aus"] div[data-type="submit"] {
  display: none;
}

.convertforms textarea {
  /* min-width: 697px !important; */
  /* max-width: 100% !important; */
  /* max-height: 200px !important; */
}
.convertforms .cf-checkbox-group, 
.convertforms .cf-radio-group {
  align-items: flex-start !important;
}
.convertforms .cf-checkbox-group a, 
.convertforms .cf-radio-group a {
  color: var(--label-color);
  text-decoration: none;
}

.yes-outline.itemid-129 .convertforms .cf-control-group:has(:focus) {
  /* outline: 2px solid var(--designFarbe-1); */
  outline: 2px solid var(--designFarbe-3);
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .yes-outline.itemid-129 .convertforms .cf-control-group:has(:focus) {
    outline-color: ButtonText;
  }
}












.convertforms {
  --input-background-color: var(--designFarbe-4-00) !important;
  --label-color: var(--designFarbe-4) !important;
}
#hellmode:checked ~ .site-grid .convertforms {
  --input-background-color: var(--designFarbe-4-00) !important;
  --label-color: var(--designFarbe-4) !important;
}
#kontanmode:checked ~ .site-grid .convertforms {
  --input-background-color: var(--designFarbe-4-00) !important;
  --label-color: var(--designFarbe-4) !important;
}
#hellmode:checked ~ #kontanmode:checked ~ .convertforms {
  --input-background-color: var(--designFarbe-4-00) !important;
  --label-color: var(--designFarbe-4) !important;
}
#darkmode:checked ~ .site-grid .convertforms {
  --input-background-color: var(--designFarbe-0) !important;
  --label-color: var(--designFarbe-0) !important;
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .convertforms {
  --input-background-color: var(--designFarbe-0) !important;
  --label-color: var(--designFarbe-0) !important;
}
@media (prefers-color-scheme: dark) {
  .convertforms {
    --input-background-color: var(--designFarbe-0) !important;
    --label-color: var(--designFarbe-0) !important;
  }
  #kontanmode:checked ~ .site-grid .convertforms {
    --input-background-color: var(--designFarbe-0) !important;
    --label-color: var(--designFarbe-0) !important;
  }
  #darkmode:checked ~ #kontanmode:checked ~ .site-grid .convertforms {
    --input-background-color: var(--designFarbe-0) !important;
    --label-color: var(--designFarbe-0) !important;
  }
  #hellmode:checked ~ .site-grid .convertforms {
    --input-background-color: var(--designFarbe-4-00) !important;
    --label-color: var(--designFarbe-4) !important;
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .convertforms {
    --input-background-color: var(--designFarbe-4-00) !important;
    --label-color: var(--designFarbe-4) !important;
  }
}
@media (forced-colors: active) {
  .convertforms {
    filter: drop-shadow(-1em 0px 0px Window) drop-shadow(1em 0px 0px Window);
  }
}

































/* Mobile Design Layout */


:root{
  --designMobilPadding: 2em;
}








/* Dokument-Ansich Ein und Aus */

.docModeCont {
  /* position: relative; */
  position: absolute;
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  right: var(--designMarginInnen-2);
  top: 0;
}

@media (max-width: 760px) and (orientation:portrait) {
  .docModeCont {
    display: none;
  }
}

body:has(#docanmode:checked).itemid-129 .docModeCont,
body:has(#docanmode:checked).itemid-152 .docModeCont {
  position: fixed;
  top: 16px;
  right: 16px;
  width: 232px;

}
@media print {
  .docModeCont {
    display: none;
  }
}

.docModeLabelCont {
  position: relative;
  z-index: 1;
}

.docMode {
  /* width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 1); */
  width: 100%;
  height: fit-content;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.06em;
  padding: 1em 0 0.9em 0;
  color: var(--designFarbe-1);
  background: var(--designFarbe-3);
  font-size: 1.2em;
  box-shadow: inset 0 0 0 0 transparent;
  /* transform: translateX(-0.5em); */
  transition: color 0.3s, background 0.3s, box-shadow 0.3s, filter 0.3s;
  margin: auto 0 0 0;
  display: block;
  cursor: pointer;
}
div .docMode {
  font-family: var(--designFont-45);
}
body:has(#docanmode:checked).itemid-129 .docMode,
body:has(#docanmode:checked).itemid-152 .docMode {
  font-size: 16px;
  font-family: var(--designFont-45);
}

input.docMode {
  position: absolute;
  top: 0;
  /* width: 4.2em; */
  /* height: 3em; */
  height: 4.3em;
  /* display: none; */
}
body:has(#docanmode:checked).itemid-129 input.docMode,
body:has(#docanmode:checked).itemid-152 input.docMode {
  height: 68px;
}

label[for="docanmode"] {

}
body:has(#docanmode:checked) label[for="docanmode"] {
  display: none;
}

label[for="docausmode"] {
  display: none;
}
body:has(#docanmode:checked) label[for="docausmode"] {
  display: block;
}

body:has(#docanmode:checked) input.docMode {
  /* display: none; */
}




.docMode:hover {
  background: var(--designFarbe-1);
  color: var(--designFarbe-3);
  box-shadow: inset 0 0 0 1px var(--designFarbe-3);
  filter: drop-shadow(0 0 0.1em var(--designFarbe-1));
}














/* body:has(#docanmode:checked)  */



body:has(#docanmode:checked) > .hintergrundAuffang,
body:has(#docanmode:checked) > input,
body:has(#docanmode:checked) > .barrModeSchalterCont,
body:has(#docanmode:checked) > .darkModeSchalterCont,
body:has(#docanmode:checked) > .kontModeSchalterCont,
body:has(#docanmode:checked) > .farbenAuswahl,
body:has(#docanmode:checked) > #designWahl_001,
body:has(#docanmode:checked) .dm_x,
body:has(#docanmode:checked) .ds_x,
body:has(#docanmode:checked) #vertrag-kuendigen {
  display: none !important;
} 
body:has(#docanmode:checked) .dm_2050 + .dm_x {
  display: block !important;
  position: static !important;
  width: 180px !important;
  /* margin: 0 0 -77px 17px !important; */
  margin: 0 0 -60px 488px !important;
}
body:has(#docanmode:checked).itemid-129 .dm_2050 + .dm_x svg .fil1,
body:has(#docanmode:checked).itemid-152 .dm_2050 + .dm_x svg .fil1 {
  fill: var(--designFarbe-1) !important;
}
body:has(#docanmode:checked).itemid-129 .dm_2050 + .dm_x svg .fil2,
body:has(#docanmode:checked).itemid-152 .dm_2050 + .dm_x svg .fil2 {
  fill: var(--designFarbe-2) !important;
}
body:has(#docanmode:checked).itemid-129 .dm_2050 + .dm_x svg .fil3,
body:has(#docanmode:checked).itemid-152 .dm_2050 + .dm_x svg .fil3 {
  fill: var(--designFarbe-3) !important;
}
body:has(#docanmode:checked).itemid-129 .dm_2050 + .dm_x svg .fil6,
body:has(#docanmode:checked).itemid-152 .dm_2050 + .dm_x svg .fil6 {
  fill: var(--designFarbe-4-03) !important;
}



body:has(#docanmode:checked).itemid-129,
body:has(#docanmode:checked).itemid-152 {
  /* background: green; */
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background: WindowText !important; */
}
body:has(#docanmode:checked).itemid-129 .site-grid,
body:has(#docanmode:checked).itemid-152 .site-grid {
  padding: 24px !important;
  background: transparent !important;
  background-image: none !important;


  /* min-width: 717px !important; */
  /* min-height: 1024px !important; */

  min-width: 668px !important;
  min-height: 985px !important;
  
  max-width: 668px !important;
  max-height: 985px !important;
  overflow: hidden;
  /* background: red !important; */
  border: 1px solid var(--designFarbe-5-03);
  
  display: flex;
  justify-content: center;
  align-items: center;

}
body:has(#docanmode:checked).itemid-129 .do_2014 + .do_x .doc_x,
body:has(#docanmode:checked).itemid-152 .do_2014 + .do_x .doc_x {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  background: transparent !important;
  border-bottom: none;
}
body:has(#docanmode:checked).itemid-129 .do_2014 + .do_x .doco_x,
body:has(#docanmode:checked).itemid-152 .do_2014 + .do_x .doco_x {
  width: 100% !important;
  padding: 0 !important;
}

body:has(#docanmode:checked).itemid-129 *,
body:has(#docanmode:checked).itemid-152 * {
  /* font-family: var(--designFont-0) !important; */
  /* color: #030303 !important; */
}
body:has(#docanmode:checked).itemid-129 .do_2014 + .do_x .doco_x:nth-of-type(1),
body:has(#docanmode:checked).itemid-152 .do_2014 + .do_x .doco_x:nth-of-type(1) {
  justify-content: flex-start;
}
body:has(#docanmode:checked).itemid-129 h2,
body:has(#docanmode:checked).itemid-152 h2 {
  font-size: 28px !important;
  color: var(--designFarbe-1) !important;
  font-family: var(--designFont-0);
  text-align: left;
  font-weight: 700;
  margin: 0 0 0 20px;
}
body:has(#docanmode:checked).itemid-129 hr,
body:has(#docanmode:checked).itemid-152 hr {
  border-color: var(--designFarbe-1-02) !important;
}

body:has(#docanmode:checked) .convertforms * {
  font-size: 16px !important;
}

body:has(#docanmode:checked) .convertforms .cf-control-group {
  padding: 5px !important;
}
body:has(#docanmode:checked) .convertforms .cf-label,
body:has(#docanmode:checked) .convertforms input,
body:has(#docanmode:checked) .convertforms textarea {
  margin-bottom: 0 !important;
  padding: 0 0 0 12px !important;
  border: none !important;
  background: transparent !important;
}
body:has(#docanmode:checked) .convertforms .cf-label {
  color: var(--designFarbe-1) !important;
}

body:has(#docanmode:checked) .convertforms textarea {
  min-width: 697px !important;
  max-width: 697px !important;
  max-height: 200px !important;
}

body:has(#docanmode:checked) .convertforms .cf-control-input-desc {
  display: none !important;
}
body:has(#docanmode:checked) .convertforms .cf-input {
  color: var(--designFarbe-4) !important;
}




body:has(#docanmode:checked) .convertforms select {
  padding: 24px 0 0px 12px !important;
  margin: -24px 0 0 0 !important;
  border: none !important;
  background: transparent !important;
}

body:has(#docanmode:checked) .convertforms div[data-type="html"] p {
  margin: 24px 0 0 0 !important;
  padding: 0 0 0 12px !important;
  font-size: 20px !important;
  color: var(--designFarbe-1) !important;
}

body:has(#docanmode:checked) .convertforms div[data-name="datenschutz"] {
  margin: 24px 0 0 0 !important;
  padding: 0 0 0 12px !important;
  display: flex;
  align-items: center;
}

body:has(#docanmode:checked) .convertforms div[data-name="html_17"],
/* .convertforms div[data-type="html"], */
body:has(#docanmode:checked) .convertforms div[data-type="submit"] {
  /* display: none; */
  width: 44%;
  margin: 24px 16px 0 0 !important;
}

body:has(#docanmode:checked) .convertforms div[data-name="datenschutz"] label a {
  text-decoration: none;
  color: var(--designFarbe-1) !important;
}
body:has(#docanmode:checked) .convertforms div[data-name="datenschutz"] label br {
  /* display: none; */
}


/*
body:has(#docanmode:checked) .convertforms .cf-select {
  position: relative;
  z-index: 1;
}
body:has(#docanmode:checked) .convertforms .cf-select::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0.3em;
  width: 1.5em;
  height: 100%;
  background: white;
  background: Window;
  border: none !important;
  z-index: 2;
  pointer-events: none;
}
*/



body:has(#docanmode:checked).itemid-129 .do_1009 + .do_x,
body:has(#docanmode:checked).itemid-152 .do_1009 + .do_x {
  position: absolute;
  top: 50%;
  z-index: -1;
}
body:has(#docanmode:checked).itemid-129 #ev-footer svg,
body:has(#docanmode:checked).itemid-152 #ev-footer svg {
  height: 270px !important;
  transform: translateY(-50%) rotate(-45deg);
}
body:has(#docanmode:checked).itemid-129 #ev-footer svg .fil0,
body:has(#docanmode:checked).itemid-152 #ev-footer svg .fil0 {
  fill: #00000001 ;
  /* fill: #00000001 !important; */
}

body:has(#docanmode:checked).itemid-129 #ev-footer .doc_x .doco_x:nth-of-type(2),
body:has(#docanmode:checked).itemid-152 #ev-footer .doc_x .doco_x:nth-of-type(2) {
  display: none;
}



















































@media print {

  /* .itemid-129  Vertrag Kündigen */
  /* .itemid-152  Vertrag wiederrufen */



  
  .itemid-129 > .hintergrundAuffang,
  .itemid-129 > input,
  .itemid-129 > .barrModeSchalterCont,
  .itemid-129 > .darkModeSchalterCont,
  .itemid-129 > .kontModeSchalterCont,
  .itemid-129 > .farbenAuswahl,
  .itemid-129 > #designWahl_001,
  .itemid-129 .dm_x,
  .itemid-129 .ds_x,
  .itemid-129 #vertrag-kuendigen,

  .itemid-152 > .hintergrundAuffang,
  .itemid-152 > input,
  .itemid-152 > .barrModeSchalterCont,
  .itemid-152 > .darkModeSchalterCont,
  .itemid-152 > .kontModeSchalterCont,
  .itemid-152 > .farbenAuswahl,
  .itemid-152 > #designWahl_001,
  .itemid-152 .dm_x,
  .itemid-152 .ds_x,
  .itemid-152 #vertrag-kuendigen {
    display: none !important;
  } 
  .itemid-129 .dm_2050 + .dm_x,
  .itemid-152 .dm_2050 + .dm_x {
    display: block !important;
    position: static !important;
    width: 180px !important;
    /* margin: 0 0 -77px 17px !important; */
    margin: 0 0 -60px 488px !important;
  }
  .itemid-129 .dm_2050 + .dm_x svg .fil1,
  .itemid-152 .dm_2050 + .dm_x svg .fil1 {
    fill: var(--designFarbe-1) !important;
  }
  .itemid-129 .dm_2050 + .dm_x svg .fil2,
  .itemid-152 .dm_2050 + .dm_x svg .fil2 {
    fill: var(--designFarbe-2) !important;
  }
  .itemid-129 .dm_2050 + .dm_x svg .fil3,
  .itemid-152 .dm_2050 + .dm_x svg .fil3 {
    fill: var(--designFarbe-3) !important;
  }
  .itemid-129 .dm_2050 + .dm_x svg .fil6,
  .itemid-152 .dm_2050 + .dm_x svg .fil6 {
    fill: var(--designFarbe-4-03) !important;
  }


  html {
    /* background: WindowText ; */
  }

  .itemid-129,
  .itemid-152 {
    /* background: green; */
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: WindowText !important; */
  }
  .itemid-129 .site-grid,
  .itemid-152 .site-grid {
    padding: 24px !important;
    background: transparent !important;
    background-image: none !important;


    /* min-width: 717px !important; */
    /* min-height: 1024px !important; */

    min-width: 668px !important;
    min-height: 985px !important;
    
    max-width: 668px !important;
    max-height: 985px !important;
    overflow: hidden;
    /* background: red !important; */
    border: 1px solid var(--designFarbe-5-00);
    
    display: flex;
    justify-content: center;
    align-items: center;

  }
  .itemid-129 .do_2014 + .do_x .doc_x,
  .itemid-152 .do_2014 + .do_x .doc_x {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    border-bottom: none;
  }
  .itemid-129 .do_2014 + .do_x .doco_x,
  .itemid-152 .do_2014 + .do_x .doco_x {
    width: 100% !important;
    padding: 0 !important;
  }

  .itemid-129 *,
  .itemid-152 * {
    font-family: var(--designFont-0) !important;
    color: #030303 !important;
  }
  .itemid-129 h2,
  .itemid-152 h2 {
    font-size: 28px !important;
    color: var(--designFarbe-1) !important;
    font-weight: 700;
  }
  .itemid-129 hr,
  .itemid-152 hr {
    border-color: var(--designFarbe-1-02) !important;
  }

  .convertforms * {
    font-size: 16px !important;
  }

  .convertforms .cf-control-group {
    padding: 5px !important;
  }
  .convertforms .cf-label,
  .convertforms input,
  .convertforms select,
  .convertforms textarea {
    margin-bottom: 0 !important;
    padding: 0 0 0 12px !important;
    border: none !important;
    background: transparent !important;
  }
  .convertforms .cf-label {
    color: var(--designFarbe-1) !important;
  }

  .convertforms textarea {
    min-width: 697px !important;
    max-width: 697px !important;
    max-height: 200px !important;
  }
  
  .convertforms .cf-control-input-desc {
    display: none !important;
  }


  .convertforms div[data-type="html"] p {
    margin: 24px 0 0 0 !important;
    padding: 0 0 0 12px !important;
    font-size: 20px !important;
    color: var(--designFarbe-1) !important;
  }

  .convertforms div[data-name="datenschutz"] {
    margin: 24px 0 0 12px !important;
  }

  .convertforms div[data-name="html_17"],
  /* .convertforms div[data-type="html"], */
  .convertforms div[data-type="submit"] {
    display: none;
  }

  .convertforms div[data-name="datenschutz"] label a {
    text-decoration: none;
    color: var(--designFarbe-1) !important;
  }
  .convertforms div[data-name="datenschutz"] label br {
    display: none;
  }

  .convertforms .cf-select {
    position: relative;
    z-index: 1;
    /* background: white; */
    /* color: black; */
  }

  .convertforms .cf-select::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0.3em;
    width: 1.5em;
    height: 100%;
    background: white;
    background: Window;
    border: none !important;
    z-index: 2;
    pointer-events: none;
  }




  .itemid-129 .do_1009 + .do_x,
  .itemid-152 .do_1009 + .do_x {
    position: absolute;
    top: 50%;
    z-index: -1;
  }
  .itemid-129 #ev-footer svg,
  .itemid-152 #ev-footer svg {
    height: 270px !important;
    transform: translateY(-50%) rotate(-45deg);
  }
  .itemid-129 #ev-footer svg .fil0,
  .itemid-152 #ev-footer svg .fil0 {
    fill: #00000003 !important;
  }

  .itemid-129 #ev-footer .doc_x .doco_x:nth-of-type(2),
  .itemid-152 #ev-footer .doc_x .doco_x:nth-of-type(2) {
    display: none;
  }


}






@media (max-width: 760px) and (orientation:portrait) {
  .convertforms .cf-content-wrap,
  .convertforms .cf-form-wrap {
    padding: 3em 0 0 0 !important;
  }
  .itemid-125 .convertforms {
    margin: 0;
  }
  .itemid-125 .convertforms .cf-content-wrap, .itemid-125 .convertforms .cf-form-wrap {
    padding: 0 !important;
  }
  .convertforms .cf-fields {
    margin: 0 !important;
  }
  .convertforms .cf-control-group {
    padding: var(--control-gap) 0 !important;
  }
}








/*

text-transform: uppercase;
color: var(--designFarbe-1);
font-size: 1.5em;

*/










/*
.seoSichtbar {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}
*/

/*** Layout ***/

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


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

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

@media (max-width: 100rem) {
    :root{
      --designTempW1: 100rem;
      --design-box-1: 100rem;
    }
    body {
      font-size: calc( 0.75 * var(--design-em));
    }
}
@media (max-width: 80rem) {
    :root{
      --designTempW1: 80rem;
      --design-box-1: 80rem;
        
      --design-box-2: var(--design-box-1);
      --designTempW2: var(--designTempW1);
    }
    body {
      font-size: calc( 0.75 * 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-box-2: var(--design-box-1);
        --designTempW2: var(--designTempW1);
    }
    body {
        font-size: calc( 0.75 * var(--design-em));
    }
}
@media (max-width: 50rem) {
    :root{
        --designTempW1: 50rem;
        --design-box-1: 50rem;

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

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


:root{
  /* --design-box-2x: 0.81; */
  --design-box-2x: 0.75;
  /* --design-box-2x: 0.61; */
  --design-box-1: 100%;
  --design-box-2: calc(var(--design-box-2x) * var(--design-box-1));
  
  /* --designMarginInnen-2: 11em; */
  --designMarginInnen-2: 11%;
}
.testBreite {
  --design-box-2x: 0.61;
}
@media (max-width: 760px) and (orientation:portrait) {
  :root {
    --design-box-2: var(--design-box-1);
  }
}



header {
  font-size: 1.1em;
  font-size: 0.8em;
}
/*
@media (max-width: 2222px) {
  :root {
    --design-box-2x: 0.86;
  }
  header {
    font-size: 0.95em;
  }
}
@media (max-width: 1970px) {
  :root {
    --design-box-2x: 0.91;
  }
  header {
    font-size: 0.9em;
  }
}
@media (max-width: 1700px) {
  :root {
    --design-box-2x: 0.96;
  }
  header {
    font-size: 0.85em;
  }

@media (max-width: 1550px) {
  :root {
    --design-box-2x: 1;
  }
  header {
    font-size: 0.8em;
  }
}
@media (max-width: 1444px) {
  :root {
    --design-box-2x: 1;
  }
  header {
    font-size: 0.75em;
  }
}
@media (max-width: 1350px) {
  :root {
    
  }
  header {
    font-size: 0.7em;
  }
}
@media (max-width: 1180px) {
  :root {
    
  }
  header {
    font-size: 0.6em;
  }
}
*/

@media (max-width: 1024px) {
  :root {
    --design-box-2x: 1;
  }
  header {
    font-size: 0.6em;
  }
}



body {
  position: relative;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  /* filter: contrast(1.1) saturate(1.1) brightness(1); */



  /* background-image: url(https://energie-vorpommern.eu/images/assets/peenestrom.jpg); */

  background-size: 100%;
  /* background-size: 123.3em; */
  /* background-position-x: center; */
  background-repeat: no-repeat;


}

body.testAnzeigen {
  /* background-image: url(https://formatwerbung.com/interlink/images/Startseite.jpg); */
  background-size: 100%;
  background-repeat: no-repeat;
}
body.testAnzeigen > * {
  opacity: 0.7;
}















/* Energie Vorpommern */

.dm_2001 + .dm_x {
  /* width: 100%; */
  /* height: 16.25em; */
}


















/* Slider ds_2001 */
.ds_2001 ~ .ds_x {
  position: relative;
  width: min(100%, var(--design-box-2));
  aspect-ratio: 1907 / 525;
  /* opacity: 0.7; */
  opacity: 1;
  /* overflow: hidden; */
  margin: auto;
  background: var(--designFarbe-3-01);
  box-shadow: inset 0 0 20em -10em var(--designFarbe-3), inset 0 0 0 1px var(--designFarbe-3-02);
}
.ds_2001 ~ .ds_x .dsc_x {
  position: absolute;
  width: 100%;
}
.ds_2001 ~ .ds_x .dsc_x .dscs_x {
  width: 100%;
  margin-inline: auto;
  /* background: red; */
}

.ds_2001 ~ .ds_x .dsc_x .dscs_x::after {
  content: 'a';
  font-family: var(--designFont-151);
  position: absolute;
  /* background: red; */
  color: var(--designFarbe-4);
  font-size: 43em;
  left: 21%;
  top: -53%;
  /* z-index: -1; */
}

.ds_2001 ~ .ds_x .dsc_x img{
  aspect-ratio: 1907 / 525;
  width: 100%;
  height: auto;
  z-index: 1;
  position: relative;
}

.ds_2001 ~ .ds_x .dsc_x:nth-of-type(1) {
  width: 100%;
  position: absolute;
  overflow: hidden;
  aspect-ratio: 1907 / 850;
  top: -16.5em;
}
.ds_2001 ~ .ds_x .dsc_x .dscs_x {
  width: 100%;
  height: 100%;
  margin-inline: auto;
  /* background: red; */
}
.ds_2001 ~ .ds_x .dsc_x:nth-of-type(1) {
  background-image: url(https://energie-vorpommern.eu/images/hintergrund.jpg);
  background-position-y: top;
  background-size: cover;
}
.ds_2001 ~ .ds_x .dsc_x:nth-of-type(1) .dscs_x:nth-of-type(1) {

  /* background-image: url(https://formatwerbung.com/interlink/images/interlink/slider/ueber-uns.png); */

  background-image: url(https://energie-vorpommern.eu/images/hintergrund.jpg);
  background-position-y: top;
  background-size: cover;
}
@media (max-width: 760px) and (orientation:portrait) {
  :root {
    --design-box-2: var(--design-box-1);
  }
  .ds_2001 ~ .ds_x {
    width: min(100%, var(--design-box-1));
    aspect-ratio: 1 / 1;
  }
  .ds_2001 ~ .ds_x .dsc_x {
    width: min(100%, var(--design-box-1));
    aspect-ratio: 1 / 1;
  }
  .ds_2001 ~ .ds_x .dsc_x img{
    width: min(100%, var(--design-box-1));
    aspect-ratio: 1 / 1;
  }
}





















/* Slider ds_2002 MIT BARRIEREFREIHEIT */


/*
color: #a43148;

color: #7d132a;


width: 100%;
aspect-ratio: 2862 / 787;
height: auto;


background: linear-gradient(300deg, rgba(164, 49, 72, 1) 0%, rgba(125, 19, 42, 1) 100%);
background-image: var(--designHintern-1);


background: linear-gradient(200deg, rgba(164, 49, 72, 1) 0%, rgba(125, 19, 42, 1) 100%);
background-image: var(--designHintern-2);
*/


.ds_2002 ~ .ds_x {
  position: relative;
  width: min(100%, var(--design-box-2));
  aspect-ratio: 1907 / 525;
  height: auto;
  opacity: 1;
  /* margin: auto; */
  margin: 0 auto -2px auto;
  /* background: var(--designFarbe-3-01); */
  /* box-shadow: inset 0 0 20em -10em var(--designFarbe-3), inset 0 0 0 1px var(--designFarbe-3-02); */
}


@media (max-width: 760px) and (orientation:portrait) {
  .ds_2002 ~ .ds_x {
    width: min(100%, var(--design-box-1));
    aspect-ratio: 12 / 10;
    margin: 4.3em 0 0 0;
  }
}






@media (max-width: 760px) and (orientation:portrait) {
  body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x {
    position: fixed;
    /* width: 80vw; */
    /* left: 11vw; */
    /* top: 7vh; */

    /* width: 71vw; */
    /* left: 15vw; */
    /* top: 8vh; */

    /* z-index: 999999; */
  }
}

.ds_2002 ~ .ds_x .dsc_x {
  position: absolute;
  width: 100%;
  /* height: 100%; */
  overflow: hidden;

  aspect-ratio: 1907 / 850;
  height: auto;
  bottom: 0;
}
@media (max-width: 760px) and (orientation:portrait) {
  .ds_2002 ~ .ds_x .dsc_x {
    width: min(100%, var(--design-box-1));
    aspect-ratio: inherit;
    overflow: visible;
  }
  body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x {
    overflow: visible;
  }
}

.ds_2002 ~ .ds_x .dsc_x .dscs_x {
  position: relative;
  width: 100%;
  height: 100%;
}
.ds_2002 ~ .ds_x .dsc_x .dscs_x > div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.ds_2002 ~ .ds_x .dsc_x .dscs_x > div > div {
  position: relative;
  width: 100%;
  height: 100%;
}



.ds_2002 ~ .ds_x .dsc_x .dscs_x > div > div > div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}








.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsa_x {
  /* width: 100%; */
  /* height: calc(100% - 16.5em); */
  /* bottom: 0; */
  
  /* background: linear-gradient(181deg, #ffffff 66%, #87172f 100%); */
}
@media (max-width: 760px) and (orientation:portrait) {
  .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsa_x {
    /* display: none; */
  }
}
.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsa_x .dscsac_x {
  /* background: linear-gradient(60deg, #7D132A 0%, #A22942 66%); */
  /* background: linear-gradient(60deg, #7D132A 0%, #a43148 66%); */
}
.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsa_x .dscsac_x .dscsa1_x {
  /* color: var(--designFarbe-4); */
  /* font-family: var(--designFont-151); */
  /* font-size: 44em; */
  /* left: 20.5%; */
  /* top: -65.5%; */
}

@media (max-width: 760px) and (orientation:portrait) {
  .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsa_x .dscsac_x .dscsa1_x svg {
    height: 100%;
  }
  .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsa_x .dscsac_x .dscsa1_x svg .fil101 {
    transform-origin: bottom;
    /* transform: scale(1.13); */
    transform: scale(1.8);
    transition: 0.6s;
  }
  body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsa_x .dscsac_x .dscsa1_x svg .fil101 {
    /* transform: scale(1.8); */
  }


  .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsa_x .dscsac_x .dscsa1_x svg path[class="fil3"] {
    transform: translate(-17%, -2%) scale(0.9);
  }

  .ds_2002 ~ .ds_x .dsc_x.omahaBeach .dscs_x .dscsa_x .dscsac_x .dscsa1_x svg path[class="fil3"] {
    transform: translate(-29%, -30%) scale(1.2);
    transform: translate(-29%, -12%) scale(1.2);
  }

}




.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x,
#hellmode:checked ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x {
  /* display: none; */
  /* background-image: url(https://energie-vorpommern.eu/images/hintergrund.jpg); */
  /* background-position-y: -4em; */
  /* background-size: cover; */
}
@media (max-width: 760px) and (orientation:portrait) {
  .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x {
    /* display: none; */
  }
}

#hellmode:checked ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x {
  /* background: red; */
  /* background-image: none;  */
}
#darkmode:checked ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x {
  /* background-image: var(--designFarbeSvg-4);  */
}
@media (prefers-color-scheme: dark) {
  .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x {
    /* background-image: var(--designFarbeSvg-4);  */
  }
}











/* PeeneWermeStrom */
.itemid-117 .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x,
.itemid-117 #hellmode:checked ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x {
  /* background-position-y: -47em; */
}
/* Stromkennzeichnung */
.itemid-120 .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x,
.itemid-120 #hellmode:checked ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x {
  /* background-position-y: -58em; */
}
/* unser-angebot-fuer-grosskunden */
.itemid-118 .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x,
.itemid-118 #hellmode:checked ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x {
  /* background-position-y: -8em; */
}














.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x .dscsb1_x {
  width: 100%;
  height: 100%;
  /* background-image: var(--designbannerStart-1); */
  /* background-position-y: top; */
  /* background-size: cover; */



  /* filter: drop-shadow(-1px 0px 0px var(--designFarbe-1-03)) drop-shadow(1px 0px 0px var(--designFarbe-1-03)); */
}

@media (max-width: 760px) and (orientation:portrait) {
  .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x .dscsb1_x#eneCanvaHintergrund {
    /* height: 67%; */
    /* top: 30%; */
    /* transition: 0.5s; */


    
    /* height: 134%; */
    /* width: 200%; */
    /* top: -49%; */
    /* left: -18%; */

    height: 190%;
    width: 200%;
    top: -70%;
    left: -33%;

    /* -webkit-box-reflect: below -43%; */


  }
  body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x .dscsb1_x#eneCanvaHintergrund {
    /* top: -10%; */
    /* left: 33%; */
    /* transform: scale(2.2); */

    /* height: 134%; */
    /* width: 200%; */
    /* top: -49%; */
    /* left: -18%; */
    /* transition: 0.9s; */
  }






  .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x .dscsb1_x#eneCanva {
    display: none;
    height: 70%;
    top: 30%;
  }

  .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x .dscsb1_x#eneCanvaDecke {
    display: none;
    height: 70%;
    top: 30%;
  }
}

/* fix */
.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x .dscsb1_x svg {
  /* box-shadow: none; */
}
@media (max-width: 760px) and (orientation:portrait) {
  .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x .dscsb1_x svg {
    /* height: 92%; */
    /* transform: translate(-19%, -3%); */
    height: 100%;
    box-shadow: none;
  }
  body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x .dscsb1_x svg {
    box-shadow: none;
  }




}

.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsa_x .dscsac_x .dscsa1_x svg path[class="fil3"],
.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x .dscsb1_x svg image {
  transition-duration: 0.6s;
  /* transition-timing-function: ease-in-out; */
}
body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsa_x .dscsac_x .dscsa1_x svg path[class="fil3"],
body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x .dscsb1_x svg image {
  /* transform: translateX(-8%) translateY(35%) scale(0.66); */
  transform: translateX(-15%) translateY(4%) scale(0.94);
  transition-duration: 0.6s;
  /* transition-timing-function: ease-in-out; */
  /* transform: translate(-13%, 15%) scale(0.75); */
}

  body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.omahaBeach .dscs_x .dscsa_x .dscsac_x .dscsa1_x svg path[class="fil3"],
  body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.omahaBeach  .dscs_x .dscsb_x .dscsbc_x .dscsb1_x svg image {
    /* transform: translate(-13%, 15%) scale(0.75); */
    /* transition-duration: 0.6s; */
    /* transition-delay: 0.1s; */
  }

@media (max-width: 760px) and (orientation:portrait) {
  .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x .dscsb1_x svg image {
    transform: translate(-17%, -2%) scale(0.9);
    transition-duration: 0.6s;
    /* transition-delay: 0.1s; */
  }
  .ds_2002 ~ .ds_x .dsc_x.weihnachten .dscs_x .dscsb_x .dscsbc_x .dscsb1_x svg image {
    transform: translate(-16%, -2%) scale(0.8);
    transition-duration: 0.6s;
    /* transition-delay: 0.1s; */
  }
  .ds_2002 ~ .ds_x .dsc_x.omahaBeach .dscs_x .dscsb_x .dscsbc_x .dscsb1_x svg image {
    transform: translate(-29%, -30%) scale(1.2);
    transition-duration: 0.6s;
    /* transition-delay: 0.1s; */
    transform: translate(-29%, -12%) scale(1.2);
  }

  body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsa_x .dscsac_x .dscsa1_x svg path[class="fil3"],
  body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x .dscsb1_x svg image {
    /* transform: translateX(-8%) translateY(35%) scale(0.66); */
    /* transform: translateX(-15%) translateY(4%) scale(0.94); */
    transition-duration: 0.6s;
    /* transition-timing-function: ease-in-out; */
    transform: translate(-13%, 15%) scale(0.75);
  }
  body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.omahaBeach .dscs_x .dscsa_x .dscsac_x .dscsa1_x svg path[class="fil3"],
  body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.omahaBeach  .dscs_x .dscsb_x .dscsbc_x .dscsb1_x svg image {
    transform: translateX(-28%) translateY(-5%) scale(0.94);
    /* transform: translate(-13%, 15%) scale(0.75); */
    transition-duration: 0.6s;
    /* transition-delay: 0.1s; */
  }
}


.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x {
  background-image: url(https://energie-vorpommern.eu/images/staubsaugerman_hintergrund_001.svg);
  
  /* background: url(https://energie-vorpommern.eu/images/staubsaugerman_hintergrund_001.svg), linear-gradient(181deg, #ffffff 66%, #87172f 100%); */

  /* background: linear-gradient(180deg, #ffffff 90%, #87172f 100%); */

  /* background: url(https://energie-vorpommern.eu/images/staubsaugerman_hintergrund_001.svg), linear-gradient(0deg, rgba(125, 19, 42, 1) 0%), rgba(255, 255, 255, 1) 10%; */

  /* background-position-y: top; */
  /* background-size: cover; */
}
@media (max-width: 760px) and (orientation:portrait) {
  .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x {
    background-size: 212%;
    background-position-y: 101%;
    transition: 0.6s;
  }
  
  body:has(div.dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x {
    background-size: 310%;
  }
}






    



body:has(div.dm_x details[open]) .ds_x .dscstcb1_x {
}

body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x,
body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x {
  width: 12%;
  aspect-ratio: 1 / 1;
  height: auto;
  left: 69%;
  top: 7%;
  transition: 0.6s;
}

body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x, 
body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x {
  left: 53%;
  top: 7%;
}
body.itemid-101:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x, 
body.itemid-101:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x {
  width: 100%;
  left: 0%;
  top: 0%;
}
body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.omahaBeach .dscs_x .dscst_x .dscstc_x .dscstcb1_x, 
body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.omahaBeach .dscs_x .dscst_x .dscstc_x .dscstct1_x {
  left: 36%;
  top: 7%;
}

@media (max-width: 760px) and (orientation:portrait) {
  body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x, 
  body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x {
    width: 52%;
    left: 39%;
    top: 43%;
  }
}

@media (max-width: 760px) {
  body.itemid-101:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x, 
  body.itemid-101:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x {
    width: 100%;
    left: 0;
    top: 0;
  }
}

.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg * {
  transform-origin: center;
  transition: 0.3s;
}
body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .label1_icon1 {
  fill: var(--designFarbe-1);
  transition: 0.3s;
}
body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .label1_text1 {
  fill: var(--designFarbe-1);
  scale: 1.2;
  translate: 0px 30px;
  transition: 0.3s;
}
body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .label1_text2 {
  fill: var(--designFarbe-1);
  scale: 1.2;
  translate: 0px -30px;
  transition: 0.3s;
}

body:has(.dm_2003 + .dm_x nav > details[open]).itemid-111 .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .label1_text2 {
  fill: transparent;
  scale: 0;
  translate: 0px -30px;
  transition: 0.3s;
}


.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .label1_text2t {
  fill: transparent;
  scale: 0;
  transition: 0.3s;
}
body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .label1_text2t {
  fill: var(--designFarbe-1);
  scale: 1.2;
  translate: 0px -30px;
  transition: 0.3s;
}








body:has(div.dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x {
  z-index: 9999;
}

body:has(div.dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x:hover {
  /* filter: drop-shadow(0 0 5px var(--designFarbe-1)); */
  /* transition: 0.3s; */
}


body:has(div.dm_x details[open]) .ds_x h1 {
  /* width: 13.5%; */
  /* aspect-ratio: 1 / 1; */
  /* height: auto; */
  /* left: 60.5%; */
  /* top: 2%; */
}




.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstca1_x {
  width: 29.5%;
  aspect-ratio: 1 / 1;
  height: auto;
  left: 55.5%;
  top: 31%;
  font-family: var(--designFont-101);
  font-size: 28.5em;
  line-height: 1;
  background: var(--designFarbe-3);
  border-radius: 10em;
  color: var(--designFarbe-0);


  display: none;
  
}
.itemid-101 .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstca1_x {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  left: 0;
  top: 0;
  display: none;
}




/*
.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstca1_x::after {
  content: 'a';
  width: 29.5%;
  aspect-ratio: 1 / 1;
  height: auto;
  left: 55.5%;
  top: 31%;
  font-family: var(--designFont-101);
  font-size: 1em;
  line-height: 1;
  background: var(--designFarbe-3);
  border-radius: 10em;
  color: var(--designFarbe-0);
}
*/


.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x {
  width: 29.5%;
  aspect-ratio: 1 / 1;
  height: auto;
  left: 55.5%;
  top: 31%;
  
  transition: 0.6s;
  /* font-family: var(--designFont-101); */
  /* font-size: 28.5em; */
  /* line-height: 1; */
  /* background: var(--designFarbe-3); */
  /* border-radius: 10em; */
  /* color: var(--designFarbe-0); */
  
}
.itemid-101 .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  left: 0;
  top: 0;
  transition: 0.6s;
  position: absolute;
}
@media (max-width: 760px) and (orientation:portrait) {
  .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x {
    width: 60%;
    left: 36%;
    top: 24%;
    /* transition-delay: 0.1s; */
    
  }


  .ds_2002 ~ .ds_x .dsc_x.omahaBeach .dscs_x .dscst_x .dscstc_x .dscstcb1_x,
  .ds_2002 ~ .ds_x .dsc_x.omahaBeach .dscs_x .dscst_x .dscstc_x .dscstct1_x {
    width: 53%;
    left: 45%;
    top: 6%;
  }
  body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.omahaBeach .dscs_x .dscst_x .dscstc_x .dscstcb1_x,
  body:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.omahaBeach .dscs_x .dscst_x .dscstc_x .dscstct1_x {
    width: 45%;
    left: 26%;
    top: 8%;
    /* transition-delay: 0.1s; */
  }
}


.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil0, 
.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil1, 
.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil3 {
  transition-duration: 0.5s;
  transition-delay: 0.25s;
}

#kontanmode:checked  ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil3 {
  fill: var(--designFarbeK-0);
}

#kontanmode:checked  ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil0,
#kontanmode:checked  ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil1 {
  fill: var(--designFarbeK-1);
}

body:has(#kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil3, 
body:has(#kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x svg .fil3 {
  fill: var(--designFarbeK-1);
}
body:has(#kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil0, 
body:has(#kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x svg .fil0, 
body:has(#kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil1, 
body:has(#kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x svg .fil1 {
  fill: var(--designFarbeK-0);
}

#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil3 {
  fill: var(--designFarbeK-0);
}
body:has(#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil3, 
body:has(#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x svg .fil3 {
  fill: var(--designFarbeK-1);
}
body:has(#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil0, 
body:has(#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x svg .fil0, 
body:has(#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil1, 
body:has(#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x svg .fil1 {
  fill: var(--designFarbeK-0);
}


#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil3 {
  fill: var(--designFarbeK-1);
}
body:has(#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil3, 
body:has(#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x svg .fil3 {
  fill: var(--designFarbeK-0);
}
body:has(#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil0, 
body:has(#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x svg .fil0, 
body:has(#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil1, 
body:has(#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x svg .fil1 {
  fill: var(--designFarbeK-1);
}

@media (prefers-color-scheme: dark) {

  #hellmode:checked ~ #kontanmode:checked  ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil3 {
    fill: var(--designFarbeK-0);
  }
  #kontanmode:checked  ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil3 {
    fill: var(--designFarbeK-1);
  }
  #kontanmode:checked  ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil0,
  #kontanmode:checked  ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil1 {
    fill: var(--designFarbeK-0);
  }
  #darkmode:checked ~ #kontanmode:checked  ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil3 {
    fill: var(--designFarbeK-1);
  }
  #darkmode:checked ~ #kontanmode:checked  ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil0,
  #darkmode:checked ~ #kontanmode:checked  ~ .site-grid .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil1 {
    fill: var(--designFarbeK-0);
  }


  body:has(#kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil3, 
  body:has(#kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x svg .fil3 {
    fill: var(--designFarbeK-0);
  }
  body:has(#kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil0, 
  body:has(#kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x svg .fil0, 
  body:has(#kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstcb1_x svg .fil1, 
  body:has(#kontanmode:checked  ~ .site-grid .dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x svg .fil1 {
    fill: var(--designFarbeK-1);
  }

}









.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x {
  width: 29.5%;
  aspect-ratio: 1 / 1;
  height: auto;
  left: 55.5%;
  top: 31%;
  /* font-family: var(--designFont-101); */
  /* font-size: 28.5em; */
  /* line-height: 1; */
  /* background: var(--designFarbe-3); */
  /* border-radius: 10em; */
  /* color: var(--designFarbe-0); */
  
}
.itemid-101 .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  left: 0;
  top: 0;
}
@media (max-width: 760px) and (orientation:portrait) {
  .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x {
    width: 60%;
    left: 36%;
    top: 24%;
  }
}
/*
.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x {
  width: 29.5%;
  aspect-ratio: 1 / 1;
  height: auto;
  left: 55.5%;
  top: 31%;
  background-image: var(--designLabelPeStrom-1);
  background-position-y: top;
  background-size: cover;
}
*/

.ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscst_x .dscstc_x .dscstct1_x h1.seoSichtbar {
  width: 100% !important;
  height: 100% !important;
  padding: 0em !important;
  margin: 0 !important;
  color: transparent !important;
  opacity: 0;
  font-size: 50em !important;
  border-radius: 10em;
  line-height: 0 !important;
  overflow: hidden !important;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  white-space: nowrap;
}












/*
.ds_2002 ~ .ds_x .dsc_x .dscs_x {
  width: 100%;
  margin-inline: auto;
}
.ds_2002 ~ .ds_x .dsc_x .dscs_x::after {
  content: 'a';
  font-family: var(--designFont-101);
  position: absolute;
  color: var(--designFarbe-4);
  font-size: 43em;
  left: 21%;
  top: -53%;
}
.ds_2002 ~ .ds_x .dsc_x img{
  aspect-ratio: 1907 / 525;
  width: 100%;
  height: auto;
  z-index: 1;
  position: relative;
}
.ds_2002 ~ .ds_x .dsc_x:nth-of-type(1) {
  width: 100%;
  position: absolute;
  overflow: hidden;
  aspect-ratio: 1907 / 850;
  top: -16.5em;
}
.ds_2002 ~ .ds_x .dsc_x .dscs_x {
  width: 100%;
  height: 100%;
  margin-inline: auto;
}
.ds_2002 ~ .ds_x .dsc_x:nth-of-type(1) {
  background-image: url(https://energie-vorpommern.eu/images/hintergrund.jpg);
  background-position-y: top;
  background-size: cover;
}
.ds_2002 ~ .ds_x .dsc_x:nth-of-type(1) .dscs_x:nth-of-type(1) {
  background-image: url(https://energie-vorpommern.eu/images/hintergrund.jpg);
  background-position-y: top;
  background-size: cover;
}
*/




























































/* Tarifrechner .dk_2001 */

.dk_2001 + .dk_x input:focus {
  outline: 0.2em solid var(--designFarbe-3);
  outline-offset: 0.25em;
}
.itemid-101 .dk_2001 + .dk_x input:focus {
  outline: 0.2em solid var(--designFarbe-1);
  outline-offset: 0.25em;
}

.dk_2001 + .dk_x input[type="range"]:focus {
  outline: 0 solid var(--designFarbe-3);
  outline-offset: 0;
}
.yes-outline .dk_2001 + .dk_x .rangeKwhCont:has(input[type="range"]:focus) {
  outline: 0.3em solid var(--designFarbe-3);
  outline-offset: 0.37em;
}
.itemid-101.yes-outline .dk_2001 + .dk_x .rangeKwhCont:has(input[type="range"]:focus) {
  outline: 0.3em solid var(--designFarbe-1);
  outline-offset: 0.37em;
}

.dk_2001 + .dk_x button:focus {
  outline: 0.3em solid var(--designFarbe-3);
  outline-offset: 0.37em;
}
.itemid-101 .dk_2001 + .dk_x button:focus {
  outline: 0.3em solid var(--designFarbe-1);
  outline-offset: 0.37em;
}


.dk_2001 + section:target > * {
  /* outline: 2px solid var(--designFarbe-3); */
  /* outline-offset: -1em; */
  outline: none;
  outline-offset: 0;
}
.dk_2001 + section::before {
  content: '';
  width: min(100%, var(--design-box-2));
  /* height: 132%; */
  height: 103%;
  margin: 0 0 0 calc(calc(100% - calc(var(--design-box-2x) * var(--design-box-1))) / 2);
  position: absolute;
  /* outline: 2px solid var(--designFarbe-3); */
  /* outline-offset: -1em; */
  /* bottom: 0.5em; */
  bottom: -0.2em;

  background: var(--designFarbe-1);
  background-image: var(--designFarbeHintergrundVerlauf-1);
  background-repeat: no-repeat;
  background-size: cover;
}
[data-js="aus"] .dk_2001 + section::before,  
[data-schriftgross="gross"] .dk_2001 + section::before {
  /* height: 101%; */
  /* outline-offset: -0.5em; */
}
@media (max-width: 760px) and (orientation:portrait) {
  .dk_2001 + section::before {
    display: none;
  }
}

.dk_2001 + section:target::after {
  content: '';
  width: min(100%, var(--design-box-2));
  height: 138%;
  margin: 0 0 0 calc(calc(100% - calc(var(--design-box-2x) * var(--design-box-1))) / 2);
  position: absolute;
  outline: 2px solid var(--designFarbe-3);
  outline-offset: -1em;
  /* bottom: 0.5em; */
  bottom: -0.2em;

  /* background: var(--designFarbe-1); */
  /* background-image: var(--designFarbeHintergrundVerlauf-1); */
  /* background-repeat: no-repeat; */
  /* background-size: cover; */
  
}
[data-js="aus"] .dk_2001 + section:target::after,  
[data-schriftgross="gross"] .dk_2001 + section:target::after {
  height: 105%;
  outline-offset: -0.5em;
}








.dk_2001 + section:target > div::after,
.dk_2001 + section:target > div::before {
  top: 2.8em;
}
[data-js="aus"] .dk_2001 + section:target > *::before,
[data-schriftgross="gross"] .dk_2001 + section:target > *::before {
  top: 7.8em;
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
[data-js="aus"] .dk_2001 + section:target > *::after,  
[data-schriftgross="gross"] .dk_2001 + section:target > *::after {
  top: 7.8em;
  transform: translateX(50%) translateY(-50%) rotate(90deg);
}











.dk_2001 + .dk_x {
  width: min(100%, var(--design-box-1));
  position: relative;

  height: 8.5em;
  transform: translateY(-3px);
  /* background: #ff000099; */

}
@media (max-width: 760px) and (orientation:portrait) {
  .dk_2001 + .dk_x {
    position: fixed;
    bottom: 2.95em;
    top: calc(calc(100vw * 10 / 12) + 4.3em);
    /* height: calc(15em); */
    height: calc(12.4em);
  }
  .itemid-101 .dk_2001 + .dk_x {
    position: fixed;
    bottom: 2.95em;
    top: calc(calc(100vw * 10 / 12) + 5.3em);
    /* height: calc(15em); */
    height: calc(12.4em);
  }
}
@media (max-width: 760px) and (orientation:portrait) {



  /* .itemid-101 .do_2013 + .do_x,   start */
  .itemid-116 .do_2013 + .do_x,   /* peenestrom */
  .itemid-117 .do_2013 + .do_x,   /* peenestrom waermestrom */
  .itemid-110 .do_2013 + .do_x {  /* peenegas */
    /* margin: calc(15em) 0 0 0; */
    margin: calc(12.4em) 0 0 0;
  }

  /* .itemid-101 .do_2010 + .do_x,   start 2 */
  /* .itemid-116 .do_2010 + .do_x,   peenestrom 2 */
  /* .itemid-117 .do_2010 + .do_x, */   /* peenestrom waermestrom 2 */
  /* .itemid-110 .do_2010 + .do_x   peenegas 2 {   */
    /* margin: calc(15em) 0 0 0; */
    /* margin: calc(12.4em) 0 0 0; */
    /* margin: calc(24em) 0 0 0; */
  /* } */
  .itemid-101 .happyEnd,    /* start footer */
  .itemid-116 .happyEnd,    /* peenestrom footer */
  .itemid-117 .happyEnd,    /* peenestrom waermestrom footer */
  .itemid-110 .happyEnd     /* peenegas footer */ { 
    /* margin: calc(16.5em) 0 0 0; */
    /* margin: calc(100vh * 0.6) 0 0 0; */

    display: none;

    /* margin: calc(100vh - calc(calc(100vw * 10 / 12) + 3.8em) )    0 0 0; */
    /* padding: 0 0 1px 0; */

    /* aspect-ratio: 12 / 10; */
    /* margin: 4.3em 0 0 0; */

  }

  .itemid-101 .com-content-article__body,
  .itemid-116 .com-content-article__body,
  .itemid-117 .com-content-article__body,
  .itemid-110 .com-content-article__body,
  .itemid-101 #ev-footer,
  .itemid-116 #ev-footer,
  .itemid-117 #ev-footer,
  .itemid-110 #ev-footer { 
    /* position: relative; */
    /* z-index: -1; */
  }
  .dk_x {
    z-index: 1;
  }
  .dk_x ~ section {
    z-index: 1;
  }
  .itemid-101 #ev-footer,
  .itemid-116 #ev-footer,
  .itemid-117 #ev-footer,
  .itemid-110 #ev-footer {
    /* z-index: 0; */
    z-index: 1;
  }




}

.dk_2001 + .dk_x .dkc_x {
  width: min(100%, var(--design-box-2));
  height: 103%;
  margin: 0 auto;
  display: flex;

  position: relative;

  /* background: var(--designFarbe-1); */
  /* background-image: var(--designFarbeHintergrundVerlauf-1); */

  background-repeat: no-repeat;
  background-size: cover;

  /* background: #ff000099; */
  z-index: 1;
}



.dk_2001 + .dk_x .dkc_x > div {
  width: 100%;
  height: 100%;
  position: absolute;
  /* overflow: hidden; */
  top: -1px;
}
.dk_2001 + .dk_x .dkc_x > div > svg {
  transform: scaleY(-1);
  height: 100%;
}





.dk_2001 + .dk_x .dkc_x .dkck_x {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 1);
  padding: 0 var(--designMarginInnen-2);
}
@media (max-width: 760px) and (orientation:portrait) {
  .dk_2001 + .dk_x .dkc_x .dkck_x {
    position: relative;
    /* padding: 1em; */
    /* padding: 0 1em 0 1em; */
    padding: 0;
    /* padding: 0 2px; */
    width: 100%;
  }
}

.dk_2001 + .dk_x .dkc_x .dkck_x form {
  padding: 1.7em 0 3.1em 0;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 760px) and (orientation:portrait) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form {
    flex-wrap: wrap;
    padding: 0em;
  }
}

.dk_2001 + .dk_x .dkc_x .dkck_x form input[type="radio"],
[data-js="aus"] .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeKwhCont {
  display: none;
}


.dk_2001 + .dk_x .dkc_x .dkck_x form > div {
  height: 3.7em;
  position: relative;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  background: var(--designFarbe-0);
}
#kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form > div {
  background: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form > div {
  background: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form > div {
  background: var(--designFarbe-4);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form > div {
  background: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form > div {
    background: var(--designFarbe-4);
  }
  #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form > div {
    background: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form > div {
    background: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form > div {
    background: var(--designFarbeK-0);
  }
}







.dk_2001 + .dk_x .dkc_x .dkck_x form > div.tarifeSchalter {
  position: absolute;
  height: auto;
  left: 1.6em;
  top: 1.3em;
  display: flex;
  flex-direction: column;
  background: transparent !important;
}

@media (max-width: 760px) and (orientation:portrait) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form > div.tarifeSchalter {
    position: absolute;
    height: auto;
    left: 0;
    top: -5em;
  }
}
.dk_2001 + .dk_x .dkc_x .dkck_x form > div.tarifeSchalter > div {
  position: relative;
  width: 7em;
  height: 2em;
  margin: 0 0 0.5em 0;
  /* background: red; */
  display: flex;
  flex-direction: column;
}
@media (max-width: 760px) and (orientation:portrait) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form > div.tarifeSchalter > div {
    margin: 0 0 0.25em 0;
  }
}
.dk_2001 + .dk_x .dkc_x .dkck_x form > div.tarifeSchalter > div input,
.dk_2001 + .dk_x .dkc_x .dkck_x form > div.tarifeSchalter > div label {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  font-size: 1.1em;
  /* color: var(--designFarbe-1); */
  color: var(--designFarbe-0);
  font-family: var(--designFont-45);
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
}
.dk_2001 + .dk_x .dkc_x .dkck_x form > div.tarifeSchalter > div input {
  opacity: 0;
}
.dk_2001 + .dk_x .dkc_x .dkck_x form > div.tarifeSchalter > div label:hover {
  /* box-shadow: inset 0 0 0 1px var(--designFarbe-1); */
  box-shadow: inset 0 0 0 1px var(--designFarbe-3);
  transition: 0.3s;
}
#barranmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form > div.tarifeSchalter > div input:not(:checked) + label:hover {
  box-shadow: inset 0 0 0 1px var(--designFarbe-3);
}
.dk_2001 + .dk_x .dkc_x .dkck_x form > div.tarifeSchalter > div input:checked + label {
  background: var(--designFarbe-3);
  color: var(--designFarbe-1);
}

#barranmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form > div.tarifeSchalter > div input:not(:checked) + label {
  color: var(--designFarbe-3);
}


.yes-outline .dk_2001 + .dk_x .dkc_x .dkck_x form > div.tarifeSchalter > div input:focus + label {
  outline: 0.25em solid var(--designFarbe-3);
  outline-offset: 0.2em;
}

.itemid-101.yes-outline .dk_2001 + .dk_x .dkc_x .dkck_x form > div.tarifeSchalter > div input:focus + label {
  outline: 0.25em solid var(--designFarbe-1);
  outline-offset: 0.2em;
}




.dk_2001 + .dk_x .dkc_x .dkck_x form > div > label {
  position: absolute;
  top: -2.2em;
  /* left: 0; */
  /* left: 2em; */
  
  font-family: var(--designFont-45);
  font-size: 1.1em;
  letter-spacing: 1px;
  color: var(--designFarbe-0);
  white-space: nowrap;
  user-select: none;

}

@media (max-width: 760px) and (orientation:portrait) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form > div > label {
    top: initial;
    color: var(--designFarbe-1);
  }
}

.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont {
  width: 17.7%;
}
.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont {
  /* width: 47%; */
  width: 45%;
}
.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeVerCont {
  width: 8.5%;
}
.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeButCont {
  /* width: 23.9%; */
  width: 25%;
}
@media (max-width: 760px) and (orientation:portrait) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont {
    /* width: 59%; */
    width: calc(calc(100% - 1em) * 0.68);
    height: 2.75em;
    margin: 0em 0 1em 0;
    order: 1;
  }

  /* body:has(#vorschlag-1) .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont { */
  body:has(#vorschlag-1) .dk_2001 + .dk_x .dkc_x .dkck_x form:has(#tarifstromberechnung:checked) div.rangePlzCont {
    /* width: calc(calc(100% - 1em) * 0.30); */
    width: calc(calc(100% - 1em) * 0.60);
    transition: 0.3s;
  }


  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont {
    margin: 0 0 1em 0;
    width: 100%;
    /* height: 3.2em; */
    height: 4em;
    order: 3;
  }
  /* body:has(#vorschlag-1) .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont { */
  body:has(#vorschlag-1) .dk_2001 + .dk_x .dkc_x .dkck_x form:has(#tarifstromberechnung:checked) div.rangeKwhCont {
    pointer-events: none;
    filter: blur(5px);
    opacity: 0.5;
  }


  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeVerCont {
    /* width: 32%; */
    width: calc(calc(100% - 1em) * 0.32);
    height: 2.75em;
    flex-direction: row;
    margin: 0;
    order: 2;
  }
  /* body:has(#vorschlag-1) .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeVerCont { */
  body:has(#vorschlag-1) .dk_2001 + .dk_x .dkc_x .dkck_x form:has(#tarifstromberechnung:checked) div.rangeVerCont {
    pointer-events: none;
    filter: blur(5px);
    opacity: 0.5;
  }
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeButCont {
    width: 100%;
    height: 2.75em;
    margin: 0em 0 0 0;
    order: 4;
  }
  /* body:has(#vorschlag-1) .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeButCont { */
  body:has(#vorschlag-1) .dk_2001 + .dk_x .dkc_x .dkck_x form:has(#tarifstromberechnung:checked) div.rangeButCont {
    pointer-events: none;
    filter: blur(5px);
    opacity: 0.5;
  }
}


.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input,
.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeVerCont input,
.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeButCont button {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0px solid transparent;
  background: transparent;
  text-transform: uppercase;
  color: var(--designFarbe-1);
  font-size: 1.5em;
  /* font-family: var(--designFont-45); */
  text-align: center;
}
@media (max-width: 760px) and (orientation:portrait) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeVerCont input {
    z-index: 1;
  }
}

#hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input,
#hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeVerCont input,
#hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeButCont button {
  color: var(--designFarbe-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeVerCont input,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeButCont button {
  color: var(--designFarbeK-1);
}

#darkmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input,
#darkmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeVerCont input,
#darkmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeButCont button {
  color: var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeVerCont input,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeButCont button {
  color: var(--designFarbeK-0);
}

@media (prefers-color-scheme: dark) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input,
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeVerCont input,
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeButCont button {
    color: var(--designFarbe-3);
  }
  #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input,
  #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeVerCont input,
  #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeButCont button {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input,
  #hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeVerCont input,
  #hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeButCont button {
    color: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input,
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeVerCont input,
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeButCont button {
    color: var(--designFarbeK-1);
  }
}


.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input::placeholder {
  /* opacity: 0.5; */
  font-size: 0.75em;
  transform: translateY(-0.15em);
}
#hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input::placeholder {
  color: var(--designFarbe-5);
}
#darkmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input::placeholder {
  color: var(--designFarbe-0-03);
}


@media (prefers-color-scheme: dark) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input::placeholder {
    color: var(--designFarbe-0-03);
  }
  #hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input::placeholder {
    color: var(--designFarbe-5);
  }
}


.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input:focus::placeholder {
  color: var(--designFarbe-1);
}
#hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input:focus::placeholder {
  color: var(--designFarbe-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input:focus::placeholder {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input:focus::placeholder {
  color: var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input:focus::placeholder {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input:focus::placeholder {
    color: var(--designFarbe-3);
  }
  #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input:focus::placeholder {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input:focus::placeholder {
    color: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangePlzCont input:focus::placeholder {
    color: var(--designFarbeK-1);
  }

}

@media (max-width: 760px) and (orientation:portrait) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form input::placeholder {
    color: transparent !important;
  }
  input#plzsuche:not(:placeholder-shown) + label {
    display: none;
  }
  input#stromverbrauch:not(:placeholder-shown) + label {
    /* display: none; */
    /* left: initial; */
    right: 0.25em;
    transform: translateX(0%);
    bottom: 0;
    font-size: 0.8em;
    transition: 0.3s;
  }
}




.dk_2001 + .dk_x .dkc_x .dkck_x form div.rangePlzCont label {
  text-transform: uppercase;
  left: 0.5em;
}
@media (max-width: 760px) and (orientation:portrait) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangePlzCont label {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (forced-colors: active) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form div label {
    padding: 0.3em;
    background: Window;
  }
}

.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont input {
  cursor: pointer;
  touch-action: pan-x;

  --fill: 0%;
  --fill-color: var(--designFarbe-1);
  --track-color: var(--designFarbe-5-01);

  background: linear-gradient(
    to right,
    var(--fill-color) 0%,
    var(--fill-color) var(--fill),
    var(--track-color) var(--fill),
    var(--track-color) 100%
  ) !important;
}







#hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
#hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
  fill: var(--designFarbe-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
  fill: var(--designFarbe-1);
}
#darkmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
#darkmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
  fill: var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
  fill: var(--designFarbe-3);
}

@media (prefers-color-scheme: dark) {
  #darkmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
  #darkmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
    fill: var(--designFarbe-3);
  }
  #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
  #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
    fill: var(--designFarbe-3);
  }
  #hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
  #hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
    fill: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
    fill: var(--designFarbe-1);
  }
}






.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont label {
  text-transform: uppercase;
  /* left: 0.7em; */
  /* left: 2%; */
  transition: left 0.6s;
}
@media (min-width: 761px) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont[data-iconnummer="1"] label {
    left: 4%;
  }
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont[data-iconnummer="2"] label {
    left: 14%;
  }
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont[data-iconnummer="3"] label {
    left: 32%;
  }
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont[data-iconnummer="4"] label {
    left: 35%;
  }
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont[data-iconnummer="5"] label {
    left: 55%;
  }
}

@media (max-width: 760px) and (orientation:portrait) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont label {
    font-size: 0.9em;
    top: 0.1em;
    right: inherit;
    left: 50%;
    transform: translateX(-57%);
    white-space: nowrap;
    width: 58%;
    text-align: center;
  }
}













.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeVerCont label {
  /* left: 50%; */
  /* transform: translateX(-50%); */
  right: 50%;
  transform: translateX(50%);
  bottom: 0.65em;
}

.dk_2001 + .dk_x .dkc_x .dkck_x form  div input:focus {
  color: var(--designFarbe-1);
}


.dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button {
  background: var(--designFarbe-3);
  color: var(--designFarbe-1);
  font-size: 1.05em;
  font-family: var(--designFont-45);
  cursor: pointer;
  box-shadow: inset 0 0 0 0 transparent;
  transition: 0s;
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button {
  background: var(--designFarbeK-0);
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button {
  background: var(--designFarbe-3);
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button {
  background: var(--designFarbeK-1);
  color: var(--designFarbeK-0);
}

@media (prefers-color-scheme: dark) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button {
    background: var(--designFarbe-3);
    color: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button {
    background: var(--designFarbeK-1);
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button {
    background: var(--designFarbe-3);
    color: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button {
    background: var(--designFarbeK-0);
    color: var(--designFarbeK-1);
  }
}



.dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:hover {
  background: var(--designFarbe-1);
  color: var(--designFarbe-3);
  box-shadow: inset 0 0 0 0.1em var(--designFarbe-3);
  transition: 0s;
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:hover {
  background: var(--designFarbeK-1);
  color: var(--designFarbeK-0);
  box-shadow: none;
}
#darkmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:hover {
  background: var(--designFarbe-1);
  color: var(--designFarbe-3);
  box-shadow: inset 0 0 0 0.1em var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:hover {
  background: var(--designFarbeK-0);
  color: var(--designFarbeK-1);
  box-shadow: none;
}

@media (prefers-color-scheme: dark) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:hover {
    background: var(--designFarbe-1);
    color: var(--designFarbe-3);
    box-shadow: inset 0 0 0 0.1em var(--designFarbe-3);
  }
  #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:hover {
    background: var(--designFarbeK-0);
    color: var(--designFarbeK-1);
    box-shadow: none;
  }
  #hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:hover {
    background: var(--designFarbe-1);
    color: var(--designFarbe-3);
    box-shadow: inset 0 0 0 0.1em var(--designFarbe-3);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:hover {
    background: var(--designFarbeK-1);
    color: var(--designFarbeK-0);
    box-shadow: none;
  }
}

@media (max-width: 760px) and (orientation:portrait) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:hover {
    color: var(--designFarbe-1);
  }
  @media (prefers-color-scheme: dark) {
    .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:hover {
      color: var(--designFarbe-3);
    }
  }
}

.dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:focus {
  background: var(--designFarbe-3);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:focus {
  /* color: var(--designFarbeK-0); */
  background: var(--designFarbe-3);
}
#darkmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:focus {
  color: var(--designFarbe-1);
  background: var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:focus {
  color: var(--designFarbe-1);
  background: var(--designFarbe-3);
}

@media (prefers-color-scheme: dark) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:focus {
    color: var(--designFarbe-1);
    background: var(--designFarbe-3);
  }
  #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:focus {
    color: var(--designFarbe-1);
    background: var(--designFarbe-3);
  }
  #hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:focus {
    /* color: var(--designFarbe-1); */
    background: var(--designFarbe-3);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:focus {
    /* color: var(--designFarbe-1); */
    background: var(--designFarbe-3);
  }
}

@media (forced-colors: active) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont button:hover {
    text-decoration: underline;
  }
}










.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1,
.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 {
  height: 100%;
  aspect-ratio: 1 / 1;
  width: auto;

  display: flex;
  justify-content: center;
  align-items: flex-end;

  /* background: green; */
}
@media (max-width: 760px) and (orientation:portrait) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 {
    /* margin: 0 0 0 0.25em; */
    margin: 0 0 0 0.5em;
  }
}

.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg,
.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg {
  width: 100%;
  /* transform: translateY(calc(calc(1 - calc(496 / 512)) * 100%)); */
}

.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg {
  display: none;
}
.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont[data-iconnummer="1"] .rangeKwhBild2 svg.iconRangeKwhBild2_2,
.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont[data-iconnummer="2"] .rangeKwhBild2 svg.iconRangeKwhBild2_2,
.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont[data-iconnummer="3"] .rangeKwhBild2 svg.iconRangeKwhBild2_3,
.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont[data-iconnummer="4"] .rangeKwhBild2 svg.iconRangeKwhBild2_4,
.dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont[data-iconnummer="5"] .rangeKwhBild2 svg.iconRangeKwhBild2_5 {
  display: block;
}




#kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
#kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
  fill: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
  fill: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
#darkmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
  fill: var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
  fill: var(--designFarbeK-0);
}

@media (prefers-color-scheme: dark) {
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
  .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
    fill: var(--designFarbe-3);
  }
  #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
  #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
    fill: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
  #hellmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
    fill: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild1 svg .fil1,
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dk_2001 + .dk_x .dkc_x .dkck_x form  div.rangeKwhCont .rangeKwhBild2 svg .fil1 {
    fill: var(--designFarbeK-1);
  }
}















input[type="range"] {
  /* width: 53%; */
  width: 56%;
  height: 0.25em;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  background: #edf1f4;
  outline: none;
  /* border-radius: 1.25rem; */
  /* border-radius: 0 1.25rem 1.25rem 0; */
  /* border: solid 1px #2C6FF5;  */
  border-left: none;
  transition: all 0.5s;
  background-repeat: no-repeat;
  background-size: 20px 100%;
  /* background: linear-gradient(to right, #edf1f4 0%, #2C6FF5 0%, #2C6FF5 0%, #edf1f4 0%); */
  /* background: #87172f77; */
  background: var(--designFarbe-5-01);
  box-sizing: border-box;
  /* box-shadow: inset 0 0 0 0 #edf1f4, inset 0 0 0 0 #2C6FF5; */
  transform: rotate(0deg);
}

@media (max-width: 760px) and (orientation:portrait) {
  input[type="range"] {
    /* width: 58%; */
    /* margin: 2.2em 2px 0px 0px; */
    /* width: 55%; */
    width: 58%;
    margin: 1.2em 2px 0px 0px;
  }
}

input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  /* width: 2rem; */
  /* height: 2rem; */

  width: 3.25em;
  height: 3.25em;

  border: solid 0px transparent;
  border-radius: 5rem;
  top: -0.1rem;

  /* box-shadow: inset 0 0 0 1em var(--designFarbe-1), inset 0 0 0 3em var(--designFarbe-0); */
  /* box-shadow: inset 0 0 0 2em var(--designFarbe-1); */

  /* background: var(--designFarbe-1); */
  background-image: var(--designIconPfeile-1), radial-gradient(circle, var(--designFarbe-0) 0%, var(--designFarbe-0) 15%, var(--designFarbe-1) 16%, var(--designFarbe-1) 65%, var(--designFarbe-0) 66%, var(--designFarbe-0) 100%);

  transform: scale(1);

  /* background-image: var(--designIconPfeile-1); */
  background-size: 100%, 100%;


}
input[type="range"]::-moz-range-thumb {
  appearance: none;
  /* width: 2rem; */
  /* height: 2rem; */

  width: 3.25em;
  height: 3.25em;

  border: solid 0px transparent;
  border-radius: 5rem;
  top: -0.1rem;

  /* box-shadow: inset 0 0 0 1em var(--designFarbe-1), inset 0 0 0 3em var(--designFarbe-0); */
  /* box-shadow: inset 0 0 0 2em var(--designFarbe-1); */

  /* background: var(--designFarbe-1); */
  background-image: var(--designIconPfeile-1), radial-gradient(circle, var(--designFarbe-0) 0%, var(--designFarbe-0) 15%, var(--designFarbe-1) 16%, var(--designFarbe-1) 65%, var(--designFarbe-0) 66%, var(--designFarbe-0) 100%);

  transform: scale(1);

  /* background-image: var(--designIconPfeile-1); */
  background-size: 100%, 100%;
}







[data-js="aus"] .dk_2001 + .dk_x, 
[data-schriftgross="gross"] .dk_2001 + .dk_x {
  height: 16.5em;
}
[data-js="aus"] .dk_2001 + .dk_x > div > svg, 
[data-schriftgross="gross"] .dk_2001 + .dk_x > div > svg {
  width: 100%;
  height: 100%;
  transform: scale(1.3, -1);
}
[data-js="aus"] .dk_2001 + .dk_x .dkc_x .dkck_x form, 
[data-schriftgross="gross"] .dk_2001 + .dk_x .dkc_x .dkck_x form {
  padding: 0em 0 0 0;
  flex-wrap: wrap;
}
[data-js="aus"] .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangePlzCont, 
[data-schriftgross="gross"] .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangePlzCont {
  width: 33%;
  margin: 3.5em 0 2em 0;
  order: 3;
}
[data-js="aus"] .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeKwhCont, 
[data-schriftgross="gross"] .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeKwhCont {
  width: 70%;
  margin: 3.5em 0 0em 0;
  order: 1;
}
[data-js="aus"] .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeKwhCont input, 
[data-schriftgross="gross"] .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeKwhCont input {
  width: 71%;
}
[data-js="aus"] .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeVerCont, 
[data-schriftgross="gross"] .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeVerCont {
  width: 28%;
  margin: 3.5em 0 0em 0;
  order: 2;
}
[data-js="aus"] .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont, 
[data-schriftgross="gross"] .dk_2001 + .dk_x .dkc_x .dkck_x form div.rangeButCont {
  width: 65%;
  margin: 3.5em 0 2em 0;
  order: 4;
}







[data-js="aus"] #eneCanvaHintergrund, 
[data-js="aus"] #eneCanva, 
[data-js="aus"] #eneCanvaDecke, 
[data-schriftgross="gross"] #eneCanvaHintergrund, 
[data-schriftgross="gross"] #eneCanva, 
[data-schriftgross="gross"] #eneCanvaDecke {
  top: 11.5em;
}































/* 4-er Text .do_2040 */
.do_2001 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
 
}
.do_2001 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  background: var(--designFarbe-2-01);
}
.do_2001 + .do_x .doc_x .doco_x {
  width: calc(25% - 4.8em);
  position: relative;
}
.do_2001 + .do_x .doc_x .doco_x:nth-of-type(1) {
  padding: 2em 1.5em 2em 5em;
}
.do_2001 + .do_x .doc_x .doco_x:nth-of-type(2) {
  padding: 2em 1.5em;
}
.do_2001 + .do_x .doc_x .doco_x:nth-of-type(3) {
  padding: 2em 1.5em;
}
.do_2001 + .do_x .doc_x .doco_x:nth-of-type(4) {
  padding: 2em 5em 2em 1.5em;
}











@media (max-width: 1023px) {
  .do_2001 + .do_x {
    font-size: 0.5em;
  }
}
@media (max-width: 760px) and (orientation:portrait) {
  .do_2001 + .do_x {
    /* padding-top: 7em; */
    /* padding-bottom: calc(100vw / 40); */
  }
  .do_2001 + .do_x .doc_x .doco_x {
    /* margin-bottom: 6em; */
  }
  .do_2001 + .do_x .doc_x .doco_x > div {
    display: block;
    /* box-shadow: 0 0 0 0 #99999900; */
    margin: 0 0 2em 0;
    padding: 0 0 2em 0;
  }
  .do_2001 + .do_x .doc_x .doco_x > div > div {
    width: 100%;
  }
} 






/* 3-er Text .do_2003 */
.do_2002 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
 
}

.do_2002 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;

  background: var(--designFarbe-1);

  background-image: var(--designFarbeHintergrundVerlauf-1);
  background-repeat: no-repeat;
  background-size: cover;
  
  /* background: #2aa26f80; */
}
#kontanmode:checked ~ .site-grid .do_2002 + .do_x .doc_x {
  background: var(--designFarbeK-0-00-vt);
  background-image: none;
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2002 + .do_x .doc_x {
  background: var(--designFarbeK-0-00-vt);
  background-image: none;
}
#darkmode:checked ~ .site-grid .do_2002 + .do_x .doc_x {
  background: var(--designFarbe-1);
  background-image: var(--designFarbeHintergrundVerlauf-1);
  background-repeat: no-repeat;
  background-size: cover;
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2002 + .do_x .doc_x {
  background: var(--designFarbeK-1-01-vt);
  background-image: none;
}
@media (prefers-color-scheme: dark) {
  .do_2002 + .do_x .doc_x {
    background: var(--designFarbe-1);
    background-image: var(--designFarbeHintergrundVerlauf-1);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #kontanmode:checked ~ .site-grid .do_2002 + .do_x .doc_x {
    background: var(--designFarbeK-1-01-vt);
    background-image: none;
  }
  #hellmode:checked ~ .site-grid .do_2002 + .do_x .doc_x {
    background: var(--designFarbe-1);
    background-image: var(--designFarbeHintergrundVerlauf-1);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2002 + .do_x .doc_x {
    background: var(--designFarbeK-0-00-vt);
    background-image: none;
  }
}
@media (forced-colors: active) {
  .do_2002 + .do_x .doc_x {
    background: Window;
    border-bottom: 1px solid;
  }
}

@media (max-width: 760px) and (orientation: portrait) {
  .do_2002 + .do_x .doc_x {
    flex-wrap: wrap;
    width: min(calc(100% - calc(var(--designMobilPadding) * 2)), var(--design-box-2));
    padding: 2.5em var(--designMobilPadding) 2.5em var(--designMobilPadding);
  }

  
  .do_2002 + .do_x + .do_2002 + .do_x .doc_x {
    /* background: green; */
    margin: -1.5em 0 0 0;
    padding: 0 var(--designMobilPadding) 2.5em var(--designMobilPadding);
  }

}




.do_2002 + .do_x .doc_x .doco_x {
  /* width: calc(33% - 5.8em); */
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 3);
  position: relative;
  /* background: red; */
  display: flex;
  flex-direction: column;
  align-items: center;
}
.do_2002 + .do_x .doc_x .doco_x:nth-of-type(1) {
  /* padding: 2em 1.5em 2em 5em; */
  /* padding: 5em 0 2em var(--designMarginInnen-2); */
  /* padding: 5em 0 2em calc(var(--designMarginInnen-2) - 1.8%); */
  padding: 3.9em 0 3.8em calc(var(--designMarginInnen-2) - 1.8%);
  
}
.do_2002 + .do_x .doc_x .doco_x:nth-of-type(2) {
  /* padding: 5em 0em; */
  padding: 3.9em 0em 3.8em 0;

}
.do_2002 + .do_x .doc_x .doco_x:nth-of-type(3) {
  /* padding: 2em 5em 2em 1.5em; */
  /* padding: 5em calc(var(--designMarginInnen-2) + 1.8%) 2em 0; */
  padding: 3.9em calc(var(--designMarginInnen-2) + 1.8%) 3.8em 0;
}




@media (max-width: 760px) and (orientation:portrait) {
  .do_2002 + .do_x .doc_x .doco_x:nth-of-type(1),
  .do_2002 + .do_x .doc_x .doco_x:nth-of-type(2),
  .do_2002 + .do_x .doc_x .doco_x:nth-of-type(3) {
    width: 100%;
    padding: 0;
  }
}





.do_2002 + .do_x .doc_x .doco_x h3 {
  margin: 0 0 0.1em 0;
  font-family: var(--designFont-1);
  color: var(--designFarbe-0);
  font-size: 3.5em;
  font-weight: 400;
  text-align: center;
  line-height: 1.34em;
}
.itemid-113 .do_2002 + .do_x .doc_x .doco_x h3 {
  /* font-size: 3em; */
  margin: 0 0 0.6em 0;
}

#kontanmode:checked ~ .site-grid .do_2002 + .do_x .doc_x h3 {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2002 + .do_x .doc_x h3 {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2002 + .do_x .doc_x h3 {
  color: var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2002 + .do_x .doc_x h3 {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2002 + .do_x .doc_x h3 {
    color: var(--designFarbe-0);
  }
  #kontanmode:checked ~ .site-grid .do_2002 + .do_x .doc_x h3 {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2002 + .do_x .doc_x h3 {
    color: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2002 + .do_x .doc_x h3 {
    color: var(--designFarbeK-1);
  }
}
@media (max-width: 760px) and (orientation:portrait) {
  .do_2002 + .do_x .doc_x .doco_x:nth-of-type(2) h3,
  .do_2002 + .do_x .doc_x .doco_x:nth-of-type(3) h3 {
    margin: 0.6em 0 0.1em 0;
  }
  .itemid-113 .do_2002 + .do_x .doc_x .doco_x h3,
  .itemid-113 .do_2002 + .do_x .doc_x .doco_x:nth-of-type(2) h3,
  .itemid-113 .do_2002 + .do_x .doc_x .doco_x:nth-of-type(3) h3 {
    margin: 1em 0 0.25em 0;
    line-height: 1.1;
    font-size: 2.75em;
  }
  .itemid-113 .do_2002 + .do_x .doc_x .doco_x:nth-of-type(1) h3 {
    margin: 0.5em 0 0.25em 0;
  }
}




.do_2002 + .do_x .doc_x .doco_x p {
  width: 90%;
  /* background: #ff00005c; */
  margin: 0 0 0.4em 0;
  color: var(--designFarbe-0);
  font-size: 1.2em;
  text-align: center;
}
#kontanmode:checked ~ .site-grid .do_2002 + .do_x .doc_x p {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2002 + .do_x .doc_x p {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2002 + .do_x .doc_x p {
  color: var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2002 + .do_x .doc_x p {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2002 + .do_x .doc_x p {
    color: var(--designFarbe-0);
  }
  #kontanmode:checked ~ .site-grid .do_2002 + .do_x .doc_x p {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2002 + .do_x .doc_x p {
    color: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2002 + .do_x .doc_x p {
    color: var(--designFarbeK-1);
  }
}

@media (max-width: 760px) and (orientation:portrait) {
  .do_2002 + .do_x .doc_x .doco_x p {
    width: 100%;
    hyphens: auto;
    /* text-align: justify; */
  }
  .itemid-113 .do_2002 + .do_x .doc_x .doco_x p,
  .itemid-113 .do_2002 + .do_x .doc_x .doco_x:nth-of-type(2) p,
  .itemid-113 .do_2002 + .do_x .doc_x .doco_x:nth-of-type(3) p {
    width: 100%;
    hyphens: auto;
    /* text-align: justify; */
  }
}





















@media (max-width: 1023px) {
  .do_2002 + .do_x {
    font-size: 0.5em;
  }
}
@media (max-width: 760px) and (orientation:portrait) {
  .do_2002 + .do_x {
    font-size: 1em;
  }
  .itemid-117 .do_2002 + .do_x {
    display: none;
  }


  .do_2002 + .do_x .doc_x .doco_x {
    /* margin-bottom: 6em; */
  }
  .do_2002 + .do_x .doc_x .doco_x > div {
    display: block;
    /* box-shadow: 0 0 0 0 #99999900; */
    margin: 0 0 2em 0;
    padding: 0 0 2em 0;
  }
  .do_2002 + .do_x .doc_x .doco_x > div > div {
    width: 100%;
  }
} 









/* 4-er Text .do_2003 */
.do_2003 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
 
}

.do_2003 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  background: var(--designFarbe-1-01);
}
.do_2003 + .do_x .doc_x .doco_x {
  width: calc(25% - 5.8em);
  position: relative;
}
.do_2003 + .do_x .doc_x .doco_x:nth-of-type(1) {
  padding: 2em 1.5em 2em 5em;
}
.do_2003 + .do_x .doc_x .doco_x:nth-of-type(2) {
  width: calc(50% - 5.8em);
  padding: 2em 1.5em;
  display: flex;
}
.do_2003 + .do_x .doc_x .doco_x:nth-of-type(3) {
  padding: 2em 5em 2em 1.5em;
}
@media (max-width: 1023px) {
  .do_2003 + .do_x {
    font-size: 0.5em;
  }
}
@media (max-width: 760px) and (orientation:portrait) {
  .do_2003 + .do_x {
    /* padding-top: 7em; */
    /* padding-bottom: calc(100vw / 40); */
  }
  .do_2003 + .do_x .doc_x .doco_x {
    /* margin-bottom: 6em; */
  }
  .do_2003 + .do_x .doc_x .doco_x > div {
    display: block;
    /* box-shadow: 0 0 0 0 #99999900; */
    margin: 0 0 2em 0;
    padding: 0 0 2em 0;
  }
  .do_2003 + .do_x .doc_x .doco_x > div > div {
    width: 100%;
  }
} 















/* 4-er Text .do_2005 */
.do_2005 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
 
}

.do_2005 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  background: var(--designFarbe-0);
}
#kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x {
  background: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x {
  background: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .do_2005 + .do_x .doc_x {
  background: var(--designFarbe-4);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x {
  background: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .do_2005 + .do_x .doc_x {
    background: var(--designFarbe-4);
  }
  #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x {
    background: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .do_2005 + .do_x .doc_x {
    background: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x {
    background: var(--designFarbeK-0);
  }
}
@media (forced-colors: active) {
  .do_2005 + .do_x .doc_x {
    /* background: Window; */
    border-bottom: 1px solid;
  }
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2005 + .do_x .doc_x {
    flex-wrap: wrap;
    width: min(calc(100% - calc(var(--designMobilPadding) * 2)), var(--design-box-2));
    padding: 2.5em var(--designMobilPadding) 3.5em var(--designMobilPadding);
  }
}


.do_2005 + .do_x .doc_x .doco_x {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  position: relative;
}
.do_2005 + .do_x .doc_x .doco_x:nth-of-type(1) {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4em 0 2em var(--designMarginInnen-2);
}
.do_2005 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  /* width: 80%; */
  width: 77%;
  /* margin: 0.5em 0 1em 0; */
  margin: -1em 0 1em 0;
  padding: 0;
}

@media (max-width: 760px) and (orientation: portrait) {
  .do_2005 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
    margin: 0;
    width: 100%;
  }
}

.do_2005 + .do_x .doc_x .doco_x:nth-of-type(1) > p {
  width: 88%;
  color: var(--designFarbe-5);
  font-size: 1.2em;
  text-align: center;
  /* hyphens: auto; */
}
#kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x:nth-of-type(1) > p {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x:nth-of-type(1) > p {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x:nth-of-type(1) > p {
  color: var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x:nth-of-type(1) > p {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2005 + .do_x .doc_x .doco_x:nth-of-type(1) > p {
    color: var(--designFarbe-3);
  }
  #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x:nth-of-type(1) > p {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x:nth-of-type(1) > p {
    color: var(--designFarbe-5);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x:nth-of-type(1) > p {
    color: var(--designFarbeK-1);
  }
}

@media (max-width: 760px) and (orientation: portrait) {
  .site-grid .do_2005 + .do_x .doc_x .doco_x:nth-of-type(1) > p {
    display: none;
  }
}





.do_2005 + .do_x .doc_x .doco_x:nth-of-type(2) {
  padding: 4em 0 2em 0;
  display: flex;
}
/* PeeneStrom Energiepunkte Frau Ebeling */
.do_2005 + .do_x .doc_x .doco_x:nth-of-type(2) {
  padding: 4em 0 0em 0;
}
.itemid-125 .do_2005 + .do_x .doc_x .doco_x:nth-of-type(2) {
  display: none;
}
.do_2005 + .do_x .doc_x .doco_x:nth-of-type(3) {
  padding: 4em 0 2em 0;
}
.do_2005 + .do_x .doc_x .doco_x:nth-of-type(4) {
  /* padding: 2em var(--designMarginInnen-2) 2em 0; */
  padding: 4em var(--designMarginInnen-2) 2em 0;
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2005 + .do_x .doc_x .doco_x:nth-of-type(1) {
    width: 55%;
    padding: 0;
  } 
  .do_2005 + .do_x .doc_x .doco_x:nth-of-type(2) {
    width: 45%;
    padding: 0;
  }
  .do_2005 + .do_x .doc_x .doco_x:nth-of-type(3), 
  .do_2005 + .do_x .doc_x .doco_x:nth-of-type(4) {
    width: 100%;
    padding: 0;
  }
}




.do_2005 + .do_x .doc_x .doco_x:nth-of-type(3) > div,
.do_2005 + .do_x .doc_x .doco_x:nth-of-type(4) > div {
  margin: 0 0 1.5em 0;
  padding: 0 0 0 4em;
}
.do_2005 + .do_x .doc_x .doco_x h3.seoSichtbar {
  margin: 0 0 0em 0.75em;
  width: 67%;
  transform: translateX(-0.05em);
}





/*
#darkmode:checked ~ .site-grid p.ep_adresse a[href*="http"] span {
  color: var(--designFarbe-3);
}
  p.ep_adresse a[href*="http"] span {
    color: var(--designFarbe-3);
  }
*/


/* Adressen */

.do_2005 + .do_x .doc_x .doco_x .ep_adresse {
  margin: 0 0 0 1em;
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.do_2005 + .do_x .doc_x .doco_x .ep_adresse a {
  display: flex;
  flex-direction: column;

  color: var(--designFarbe-5);
  font-weight: 700;
  text-decoration: none;
}
.do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="http"] {
  pointer-events: none;
}
@media (forced-colors: active) {
  .do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="http"] {
    color: WindowText;
  }
}

#kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x .ep_adresse a {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x .ep_adresse a {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x .ep_adresse a {
  color: var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x .ep_adresse a {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2005 + .do_x .doc_x .doco_x .ep_adresse a {
    color: var(--designFarbe-3);
  }
  #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x .ep_adresse a {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x .ep_adresse a {
    color: var(--designFarbe-5);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x .ep_adresse a {
    color: var(--designFarbeK-1);
  }
}

.do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="tel"] {
  color: var(--designFarbe-1);
}
#kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="tel"] {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="tel"] {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="tel"] {
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="tel"] {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="tel"] {
    color: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="tel"] {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="tel"] {
    color: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="tel"] {
    color: var(--designFarbeK-1);
  }
}

.do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="tel"] > span {
  position: relative;
  padding: 0 0 0 0.75em;
}
.do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="tel"] > span::before {
  content: 'T';
  position: absolute;
  left: 0;
}

@media (forced-colors: active) {
  .do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="tel"] > span {
    color: ButtonText;
  }
  .do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="tel"] > span::before {
    color: ButtonText;
  }
  .do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="tel"] > span:hover {
    text-decoration: underline;
  }
}


.do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="http"] {
  margin: 0 0 1em 0;
}
.do_2005 + .do_x .doc_x .doco_x > div:nth-last-of-type(1) .ep_adresse a[href*="http"] {
  margin: 0;
}
@media (max-width: 760px) and (orientation:portrait) {
  .do_2005 + .do_x .doc_x .doco_x > div:nth-last-of-type(1) .ep_adresse a[href*="http"] {
    margin: 0 0 1em 0;
  }
}
.do_2005 + .do_x .doc_x .doco_x .ep_adresse a[href*="tel"] {
  display: none;
}



/*
#hellmode:checked ~ .site-grid p.ep_adresse a[href*="http"] span,
.ep_adresse a {
  color: var(--designFarbe-4-02);
  font-weight: 700;
  text-decoration: none;
}
*/

/*
.ep_adresse a[href*="http"] {
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
*/


@media (max-width: 760px) and (orientation: portrait) {
  .do_2005 + .do_x .doc_x .doco_x .ep_adresse a {
    font-size: 1.2em;
  }
}










[data-js="aus"] .do_2005 + .do_x .doc_x .doco_x:nth-of-type(1), 
[data-schriftgross="gross"] .do_2005 + .do_x .doc_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 4em 0 0em var(--designMarginInnen-2);
  order: 1;
}
[data-js="aus"] .do_2005 + .do_x .doc_x .doco_x:nth-of-type(2), 
[data-schriftgross="gross"] .do_2005 + .do_x .doc_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 4em 0 0em var(--designMarginInnen-2);
  order: 3;
}
[data-js="aus"] .do_2005 + .do_x .doc_x .doco_x:nth-of-type(3), 
[data-schriftgross="gross"] .do_2005 + .do_x .doc_x .doco_x:nth-of-type(3) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 4em var(--designMarginInnen-2) 0em 0;
  order: 2;
}
[data-js="aus"] .do_2005 + .do_x .doc_x .doco_x:nth-of-type(4), 
[data-schriftgross="gross"] .do_2005 + .do_x .doc_x .doco_x:nth-of-type(4) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 0em var(--designMarginInnen-2) 2em 0;
  order: 4;
}



















@media (max-width: 1023px) {
  .do_2005 + .do_x {
    font-size: 0.5em;
  }
}
@media (max-width: 760px) and (orientation:portrait) {
  .do_2005 + .do_x {
    /* padding-top: 7em; */
    /* padding-bottom: calc(100vw / 40); */
    font-size: 1em;
  }
  .do_2005 + .do_x .doc_x .doco_x {
    /* margin-bottom: 6em; */
  }
  .do_2005 + .do_x .doc_x .doco_x > div {
    /* display: block; */
    /* box-shadow: 0 0 0 0 #99999900; */
    /* margin: 0 0 2em 0; */
    /* padding: 0 0 2em 0; */
  }

  .do_2005 + .do_x .doc_x .doco_x:nth-of-type(3) > div, 
  .do_2005 + .do_x .doc_x .doco_x:nth-of-type(4) > div {
    padding: 0 0 0 0em;
    transform: translate(13vw, 3em);
  }




  .do_2005 + .do_x .doc_x .doco_x > div > div {
    width: 100%;
  }
} 


















/* Akkordeon */
.doco_x:has(div > a.akko),
.doco_x:has(div > button.akko) {
  position: relative;
  height: 64px;
  background: red;
}
@media (max-width: 760px) and (orientation:portrait) {
  .doco_x:has(div > a.akko),
  .doco_x:has(div > button.akko) {
    height: initial;
  }
}



.doco_x button.akko {
  width: 100%;
}


.doco_x:has(div > a.akko:focus),
.doco_x:has(div > button.akko:focus) {
  background: green;
  filter: drop-shadow(2px 4px 6px black);
}
.doco_x > div:has(div > a.akko) {
  /* position: absolute; */
}
.doco_x > div > div:has(a.akko),
.doco_x > div > div:has(button.akko) {
  position: relative;
  background: orange;
}
div:has(a.akko) {
  /* position: relative; */
  /* background: orange; */
}

a.akko + p,
button.akko + p {
  position: absolute;
  top: 0;
  left: 100%;
  background: #ffff0099;
  width: 100%;
}

div:has(*:focus) > a.akko + p,
div:has(*:focus) > button.akko + p {
  left: 10px;
  background: #00ff0099;
}
a.akko ~ div,
button.akko ~ div {
  visibility: hidden;
  overflow: hidden;
  height: 0px;
  transition: 0.3s;
}
a.akko:focus ~ div,
button.akko:focus ~ div {
  visibility: visible;
  height: 100px;
  width: 100%;
  background: red;
  transition: 0.3s;
}
a.akko ~ div:has(*:focus),
button.akko ~ div:has(*:focus),
a.akko ~ div:has(*:hover),
button.akko ~ div:has(*:hover),
a.akko ~ div:hover,
button.akko ~ div:hover {
  visibility: visible;
  height: 100px;
  width: 100%;
  background: red;
  transition: 0.3s;
}








/*
summary::marker {
  content: "";
}
summary::-webkit-details-marker {
  display: none;
}
summary {
  list-style: none;
}
*/
/* mal wieder Drecks-iPhones-Mist-Fix - nichtmal das kreigen die Apple-Wichser es hin */
summary {
  list-style: none;
}
@supports (-webkit-touch-callout: none) {
  summary::-webkit-details-marker {
    display: none;
  }
}




/* Schnellnavigation */



/* .dm_2001 + .dm_x.sr-too { */
.dm_2001 + .dm_x {
  position: absolute;
  transform: translateY(-2000px);
  z-index: 99999;
  width: 100%;
  display: flex;
  justify-content: center;
}

.dm_2001 + .dm_x.sr-too:has(*:target),
.dm_2001 + .dm_x.sr-too:has(*:focus-visible),
.dm_2001 + .dm_x.sr-too:focus-within {
  transform: translateY(10%);
}
.dm_2001 + .dm_x .dmc_x {
  width: fit-content;
}
.dm_2001 + .dm_x nav > details {
  padding: 1em;
  /* background: var(--designFarbe-4-03); */
  /* background: var(--designFarbe-0-03); */
}
.dm_2001 + .dm_x nav > details[open] {
  backdrop-filter: blur(5px);
  background: var(--designFarbe-0-03);
}
.dm_2001 + .dm_x nav > details > summary {
  font-size: 1.5em;
  /* padding: 0.5em; */
  padding: 0.5em 3em;
  /* margin: 0 0 1em 0; */
  background: var(--designFarbe-3);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  /* color: var(--designFarbe-0); */
  color: var(--designFarbe-1);
  font-weight: 700;
  text-align: center;
}

/* .dm_2001 + .dm_x.sr-too a { */
.dm_2001 + .dm_x a {
  display: block;
  font-size: 1.5em;
  padding: 0.5em 3em;
  background: var(--designFarbe-3);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  /* color: var(--designFarbe-0); */
  color: var(--designFarbe-1);
  font-weight: 700;
  margin: 0.65em 0;
  text-decoration: none;
  text-align: center;
  transition: 0.3s;
}
.dm_2001 + .dm_x a[href="#besondere-links"] {
  margin: 0.65em 0 3em 0;
}
.dm_2001 + .dm_x a[href="#ev-footer"] {
  margin: 3em 0 0.65em 0;
}
.dm_2001 + .dm_x a:nth-of-type(1) {
  /* margin: 1.5em 0 0.5em 0; */
}
.dm_2001 + .dm_x a:nth-last-of-type(1) {
  /* margin: 0.5em 0 0 0; */
}
.dm_2001 + .dm_x a:hover,
.dm_2001 + .dm_x a:focus {
  background: var(--designFarbe-1);
  color: var(--designFarbe-3);
  transition: 0.3s;
}



.dm_x.sr-only {
  display: none;
}




/*
details a {
  display: block;
}
nav > details {
  width: 95%;
  margin: 1em;
  border: solid;
  background: red;
  overflow: auto;
  display: flex;
}
nav > details details {
  
}
nav > details > * {
  width: calc(100% / 10);
  float: left;
  margin: 1em;
  border: solid;
  background: green;
  overflow: auto;
}
*/
details {
  /* width: 95%; */
  /* float: left; */
  /* margin:1em; */
  /* border:solid; */
  /* color:red; */
  /* overflow:auto; */
}



/*
nav > details {
  clear: both;
  margin: 2em;
  border: solid;
  color: red;
  overflow: auto;
  display: flex;
  float: left;
  clear: inline-end;
}
summary {
  background: yellow;
}
details > * {
  padding:0 1em;
  float: left;
  display: flex;
  flex-direction: column;
}
details a {
  background: green;
}
details details a {
  float: none;
}
*/









section {
  /* transition: 0s; */
  /* min-height: 100vh; */
}
main {
  /* min-height: 100vh; */
  /* transition: 3s; */
}

/* body:has(.dm_2003 + .dm_x nav > details[open] details[open]) main section:not(#ev-footer) { */
body:has(.dm_2003 + .dm_x nav > details[open] details) main section:not(#ev-footer) {
  /* filter: blur(5px) brightness(0.75); */
  opacity: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  /* min-height: 100vh; */
  transition: 0.6s;
}

@media (max-width: 760px) and (orientation:portrait) {
  body:has(.dm_2003 + .dm_x nav > details[open] details) main section:not(#ev-footer),
  body:has(.dm_2003 + .dm_x nav > details[open] details) main section#ev-footer  {
    position: relative;
    opacity: 0;
    height: initial;
    overflow: hidden;
    pointer-events: none;
    transition: 0s;
  }
}

/* body:has(.dm_2003 + .dm_x nav > details[open] details[open]) main { */
body:has(.dm_2003 + .dm_x nav > details[open] details) main {
  /* min-height: 100vh; */
  /* min-height: calc(100vh - 33em); */
  min-height: calc(100vh - 36em);
  /* min-height: 50vh; */
  transition: 0s;
}

[data-schriftgross="gross"] body:has(.dm_2003 + .dm_x nav > details[open] details) main {
  min-height: 100vh;
}

[data-schriftgross="gross"] body:has(.dm_2003 + .dm_x nav > details[open] details) main .ds_2002 ~ .ds_x {
  /* --designFarbeHintergrundVerlauf-1 */
  /* box-shadow: 0 25vh 0 0 var(--designFarbe-1); */
  /* transition: 0.3s; */
}

.ds_2002 ~ .ds_x::after {
  content: '';
  width: 100%;
  height: 0em;
  background: var(--designFarbe-1);
  background-image: var(--designFarbeHintergrundVerlauf-1);
  background-size: cover;
  position: absolute;
  bottom: 0em;
  transition: 0.3s;
}
body:has(.dm_2003 + .dm_x nav > details[open] details) main .ds_2002 ~ .ds_x::after {
  height: 2em;
  bottom: -1.9em;
  transition: 0.3s;
}
[data-schriftgross="gross"] body:has(.dm_2003 + .dm_x nav > details[open] details) main .ds_2002 ~ .ds_x::after {
  height: 16em;
  bottom: -16em;
  transition: 0.3s;
}

@media (max-width: 760px) and (orientation:portrait) {
  .ds_2002 ~ .ds_x::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 40%;
    top: -40%;
    transition: 0s;
    background: var(--designFarbe-0);
    z-index: 1;
  }



  #kontanmode:checked ~ .site-grid .ds_2002 ~ .ds_x::before {
    background: var(--designFarbeK-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .ds_2002 ~ .ds_x::before {
    background: var(--designFarbeK-0);
  }
  #darkmode:checked ~ .site-grid .ds_2002 ~ .ds_x::before {
    background: var(--designFarbe-4);
  }
  #darkmode:checked ~ #kontanmode:checked ~ .site-grid .ds_2002 ~ .ds_x::before {
    background: var(--designFarbeK-1);
  }
  @media (prefers-color-scheme: dark) {
    .ds_2002 ~ .ds_x::before {
      background: var(--designFarbe-4);
    }
    #kontanmode:checked ~ .site-grid .ds_2002 ~ .ds_x::before {
      background: var(--designFarbeK-1);
    }
    #hellmode:checked ~ .site-grid .ds_2002 ~ .ds_x::before {
      background: var(--designFarbe-0);
    }
    #hellmode:checked ~ #kontanmode:checked ~ .site-grid .ds_2002 ~ .ds_x::before {
      background: var(--designFarbeK-0);
    }
  }









  body:has(.dm_2003 + .dm_x nav > details[open] details) main .ds_2002 ~ .ds_x::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 40%;
    top: -40%;
    transition: 0s;
    background: var(--designFarbe-0);
    z-index: 1;
  }
  .ds_2002 ~ .ds_x::after {
    height: 50vh;
    bottom: -50vh;
    transition: 0s;
    z-index: -1;


    
    background-image: url(https://energie-vorpommern.eu/images/peeneStromHinter.png);
    transform: scale(1, -1) translateX(0vw);
    background-size: 224% 111%;
    background-position-x: 29%;
    background-position-y: -130%;
    background-repeat: no-repeat;
  }




  body:has(.dm_2003 + .dm_x nav > details[open] details) main .ds_2002 ~ .ds_x::after {
    height: 50vh;
    bottom: -50vh;
    transition: 0s;
    z-index: -1;
  }
}




.dm_2003 + .dm_x {
  width: min(100%, var(--design-box-1));
  position: relative;
  /* width: 100%; */
  height: 16.25em;
  z-index: 999;
}
.dm_2003 + .dm_x:has(nav > details > summary:focus) {
  z-index: 9999;
}


.dm_2003 + .dm_x * {
  user-select: none;
}




.dm_2003 + .dm_x,
.dm_2003 + .dm_x a {
  color: var(--designFarbe-4-03);
}


.dm_2003 + .dm_x a[target="_blank"] {
  /* box-shadow: inset -1px 0 0 var(--designFarbe-0); */
}
.dm_2003 + .dm_x a[target="_blank"] > span {
  position: relative;
}

.dm_2003 + .dm_x a[target="_blank"] > span::after {
  content: '';
  position: absolute;
  /* height: 88%; */
  height: 70%;
  width: auto;
  aspect-ratio: 1 / 1;
  background-image: var(--designLinkBlank-4);
  background-size: 100%;
  background-repeat: no-repeat;
  /* margin: 0 0 0 0.2em; */
  margin: 0 0 0 0em;
  background-position-y: bottom;
  bottom: 0.1em;
}
.dm_2003 + .dm_x a[target="_blank"]:hover > span::after {
  background-image: var(--designLinkBlank-1);
}

  


.dm_2003 + .dm_x summary {
  cursor: pointer;
}
.dm_2003 + .dm_x .dmc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;

  /* background-image: url(https://energie-vorpommern.eu/images/headerStart_d.jpg); */
}



.dm_2003 + .dm_x .dmc_x .dmcm_x {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.dm_2003 + .dm_x nav {
  width: 5%;
  /* background: red; */
  position: relative;
  z-index: 1;
}

[data-schriftgross="klein"] .dm_2003 + .dm_x nav:has(details[open] details),
[data-schriftgross="normal"] .dm_2003 + .dm_x nav:has(details[open] details) {
  width: 66%;
}
.dm_2003 + .dm_x nav:has(details[open] details) {
  width: 100%;
}


.dm_2003 + .dm_x nav > details {
  /* border: solid; */
  /* background: aqua; */
  /* overflow: auto; */
}



/* Menü Knopf */

.dm_2003 + .dm_x nav > details > summary {
  /* width: 100%; */
  /* padding: 7em 0; */
  /* float: right; */
  /* background: yellow; */

  /* width: 112%; */
  width: 5em;
  padding: 0;
  float: right;
  background: var(--designFarbe-3);
  /* position: absolute; */
  height: auto;
  aspect-ratio: 1 / 1;
  top: 6.7em;
  /* right: 1.4em; */
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  border-radius: 10em;


  position: fixed;
  /* left: 107.7em; */
  /* left: 83vw; */
  left: calc(83vw - 0.5 * 1em);

  /* outline: 0.25em solid var(--designFarbe-1); */
  outline-offset: 0.25em;

}

.dm_2003 + .dm_x nav > details > summary {
  /* left: calc(calc(83vw - 0.5 * 1em) + calc(calc(var(--design-box-2x) - 0.75) * 39em)); */

  /* left: calc(calc(83vw - 0.5 * 1em) + calc(calc(var(--design-box-2x) - 0.6) * 68em)); */


  /* left: calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - 5em); */

  /* left: max(var(--left), 90%); */
  
  /* left: max( calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - 5em) , 90%); */

  /* left: max( 90%, calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - 5em) ); */

  
  /* left: min( calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - 5em) , 86%); */

  left: min( calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - 5.25em) , 86%);

  transition: 0.3s;
}




@media (forced-colors: active) {
  .dm_2003 + .dm_x nav > details > summary {
    border: 1px solid ButtonText;
  }
}


#kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary {
  background: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary {
  background: var(--designFarbeK-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary {
  background: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .dm_2003 + .dm_x nav > details > summary {
    /* background: var(--designFarbeK-0); */
  }
  #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary {
    background: var(--designFarbeK-0);
  }
}



body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus {
  background: var(--designFarbeK-0);
  outline: 0.25em solid var(--designFarbeK-1);
}
body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus {
  background: var(--designFarbeK-0);
  outline: 0.25em solid var(--designFarbeK-1);
}
body.yes-outline #darkmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus {
  background: var(--designFarbe-1);
  outline: 0.25em solid var(--designFarbe-3);
}
body.yes-outline #darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus {
  background: var(--designFarbeK-1);
  outline: 0.25em solid var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {

  body.yes-outline .dm_2003 + .dm_x nav > details > summary:focus {
    background: var(--designFarbe-1);
    outline: 0.25em solid var(--designFarbe-3);
  }
  body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus {
    background: var(--designFarbeK-1);
    outline: 0.25em solid var(--designFarbeK-0);
  }
  body.yes-outline #hellmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus {
    background: var(--designFarbe-3);
    outline: 0.25em solid var(--designFarbe-1);
  }
  body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus {
    /* background: var(--designFarbeK-0); */
    /* outline: 0.25em solid var(--designFarbeK-1); */
  }
}



body.yes-outline .dm_2003 + .dm_x nav > details > summary:focus:hover {
  background: var(--designFarbe-1);
  outline: 0.25em solid var(--designFarbe-1);
}
body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover {
  background: var(--designFarbeK-1);
  outline: 0.25em solid var(--designFarbeK-1);
}
body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover {
  background: var(--designFarbeK-1);
  outline: 0.25em solid var(--designFarbeK-1);
}
body.yes-outline #darkmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover {
  background: var(--designFarbe-3);
  outline: 0.25em solid var(--designFarbe-3);
}
body.yes-outline #darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover {
  background: var(--designFarbeK-0);
  outline: 0.25em solid var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  body.yes-outline .dm_2003 + .dm_x nav > details > summary:focus:hover {
    background: var(--designFarbe-3);
    outline: 0.25em solid var(--designFarbe-3);
  }
  body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover {
    background: var(--designFarbeK-0);
    outline: 0.25em solid var(--designFarbeK-0);
  }
  body.yes-outline #hellmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover {
    background: var(--designFarbe-1);
    outline: 0.25em solid var(--designFarbe-1);
  }
  body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover {
    /* background: var(--designFarbeK-1); */
    /* outline: 0.25em solid var(--designFarbeK-1); */
  }
}



.dm_2003 + .dm_x nav > details > summary p {
  padding: 1.3em 0 0 0;
  margin: 0.3em 0 0 0;
  position: relative;
  font-weight: 700;
  color: var(--designFarbe-0);
}
#kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary p {
  color: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary p {
  color: var(--designFarbeK-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary p {
  color: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .dm_2003 + .dm_x nav > details > summary p {
    /* color: var(--designFarbeK-1); */
  }
  #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary p {
    color: var(--designFarbeK-1);
  }
}


.dm_2003 + .dm_x nav > details > summary:hover p {
  color: var(--designFarbe-1);
}
#kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:hover p {
  color: var(--designFarbe-3);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:hover p {
  color: var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:hover p {
  color: var(--designFarbe-1);
}
@media (prefers-color-scheme: dark) {
  .dm_2003 + .dm_x nav > details > summary:hover p {
    /* color: var(--designFarbe-1); */
  }
  #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:hover p {
    color: var(--designFarbe-1);
  }
}



body.yes-outline .dm_2003 + .dm_x nav > details > summary:focus p {
  color: var(--designFarbe-1);
}
body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus p {
  color: var(--designFarbeK-1);
}
body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus p {
  color: var(--designFarbeK-1);
}
body.yes-outline #darkmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus p {
  color: var(--designFarbe-3);
}
body.yes-outline #darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus p {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  body.yes-outline .dm_2003 + .dm_x nav > details > summary:focus p {
    color: var(--designFarbe-3);
  }
  body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus p {
    color: var(--designFarbeK-0);
  }
  body.yes-outline #hellmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus p {
    color: var(--designFarbe-1);
  }
  body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus p {
    /* color: var(--designFarbeK-1); */
  }
}



body.yes-outline .dm_2003 + .dm_x nav > details > summary:focus:hover p {
  color: var(--designFarbe-3);
}
body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover p {
  color: var(--designFarbeK-0);
}
body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover p {
  color: var(--designFarbeK-0);
}
body.yes-outline #darkmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover p {
  color: var(--designFarbe-1);
}
body.yes-outline #darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover p {
  color: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  body.yes-outline .dm_2003 + .dm_x nav > details > summary:focus:hover p {
    color: var(--designFarbe-1);
  }
  body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover p {
    color: var(--designFarbeK-1);
  }
  body.yes-outline #hellmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover p {
    color: var(--designFarbe-3);
  }
  body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover p {
    /* color: var(--designFarbeK-0); */
  }
}
@media (forced-colors: active) {
  .dm_2003 + .dm_x nav > details > summary p {
    color: ButtonText !important;
  }
}




.dm_2003 + .dm_x nav > details > summary p::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.25em;
  background: var(--designFarbe-0);
  box-shadow: 0 0.5em 0 0 var(--designFarbe-0), 0 1em 0 0 var(--designFarbe-0);
}


#kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary p::after {
  background: var(--designFarbeK-0);
  box-shadow: 0 0.5em 0 0 var(--designFarbeK-0), 0 1em 0 0 var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary p::after {
  background: var(--designFarbeK-0);
  box-shadow: 0 0.5em 0 0 var(--designFarbeK-0), 0 1em 0 0 var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary p::after {
  background: var(--designFarbe-0);
  box-shadow: 0 0.5em 0 0 var(--designFarbe-0), 0 1em 0 0 var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary p::after {
  background: var(--designFarbeK-1);
  box-shadow: 0 0.5em 0 0 var(--designFarbeK-1), 0 1em 0 0 var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .dm_2003 + .dm_x nav > details > summary p::after {
    background: var(--designFarbe-0);
    box-shadow: 0 0.5em 0 0 var(--designFarbe-0), 0 1em 0 0 var(--designFarbe-0);
  }
  #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary p::after {
    background: var(--designFarbeK-1);
    box-shadow: 0 0.5em 0 0 var(--designFarbeK-1), 0 1em 0 0 var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary p::after {
    background: var(--designFarbe-0);
    box-shadow: 0 0.5em 0 0 var(--designFarbe-0), 0 1em 0 0 var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary p::after {
    /* background: var(--designFarbeK-0); */
    /* box-shadow: 0 0.5em 0 0 var(--designFarbeK-0), 0 1em 0 0 var(--designFarbeK-0); */
  }
}



.dm_2003 + .dm_x nav > details > summary:hover p::after {
  background: var(--designFarbe-1);
  box-shadow: 0 0.5em 0 0 var(--designFarbe-1), 0 1em 0 0 var(--designFarbe-1);
}
#kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:hover p::after {
  background: var(--designFarbe-3);
  box-shadow: 0 0.5em 0 0 var(--designFarbe-3), 0 1em 0 0 var(--designFarbe-3);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:hover p::after {
  background: var(--designFarbe-3);
  box-shadow: 0 0.5em 0 0 var(--designFarbe-3), 0 1em 0 0 var(--designFarbe-3);
}
#darkmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:hover p::after {
  background: var(--designFarbe-1);
  box-shadow: 0 0.5em 0 0 var(--designFarbe-1), 0 1em 0 0 var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:hover p::after {
  background: var(--designFarbe-1);
  box-shadow: 0 0.5em 0 0 var(--designFarbe-1), 0 1em 0 0 var(--designFarbe-1);
}
@media (prefers-color-scheme: dark) {
  .dm_2003 + .dm_x nav > details > summary:hover p::after {
    /* background: var(--designFarbeK-1); */
    /* box-shadow: 0 0.5em 0 0 var(--designFarbeK-1), 0 1em 0 0 var(--designFarbeK-1); */
  }
  #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:hover p::after {
    background: var(--designFarbe-1);
    box-shadow: 0 0.5em 0 0 var(--designFarbe-1), 0 1em 0 0 var(--designFarbe-1);
  }

  #hellmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:hover p::after {
    background: var(--designFarbe-1);
    box-shadow: 0 0.5em 0 0 var(--designFarbe-1), 0 1em 0 0 var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:hover p::after {
    background: var(--designFarbe-3);
    box-shadow: 0 0.5em 0 0 var(--designFarbe-3), 0 1em 0 0 var(--designFarbe-3);
  }
}



body.yes-outline .dm_2003 + .dm_x nav > details > summary:focus p::after {
  background: var(--designFarbe-1);
  box-shadow: 0 0.5em 0 0 var(--designFarbe-1), 0 1em 0 0 var(--designFarbe-1);
}
body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus p::after {
  background: var(--designFarbeK-1);
  box-shadow: 0 0.5em 0 0 var(--designFarbeK-1), 0 1em 0 0 var(--designFarbeK-1);
}
body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus p::after {
  background: var(--designFarbeK-1);
  box-shadow: 0 0.5em 0 0 var(--designFarbeK-1), 0 1em 0 0 var(--designFarbeK-1);
}
body.yes-outline #darkmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus p::after {
  background: var(--designFarbe-3);
  box-shadow: 0 0.5em 0 0 var(--designFarbe-3), 0 1em 0 0 var(--designFarbe-3);
}
body.yes-outline #darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus p::after {
  background: var(--designFarbeK-0);
  box-shadow: 0 0.5em 0 0 var(--designFarbeK-0), 0 1em 0 0 var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  body.yes-outline .dm_2003 + .dm_x nav > details > summary:focus p::after {
    background: var(--designFarbe-3);
    box-shadow: 0 0.5em 0 0 var(--designFarbe-3), 0 1em 0 0 var(--designFarbe-3);
  }
  body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus p::after {
    background: var(--designFarbeK-0);
    box-shadow: 0 0.5em 0 0 var(--designFarbeK-0), 0 1em 0 0 var(--designFarbeK-0);
  }
  body.yes-outline #hellmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus p::after {
    background: var(--designFarbe-1);
    box-shadow: 0 0.5em 0 0 var(--designFarbe-1), 0 1em 0 0 var(--designFarbe-1);
  }
  body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus p::after {
    /* background: var(--designFarbeK-1); */
    /* box-shadow: 0 0.5em 0 0 var(--designFarbeK-1), 0 1em 0 0 var(--designFarbeK-1); */
  }
}



body.yes-outline .dm_2003 + .dm_x nav > details > summary:focus:hover p::after {
  background: var(--designFarbe-3);
  box-shadow: 0 0.5em 0 0 var(--designFarbe-3), 0 1em 0 0 var(--designFarbe-3);
}
body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover p::after {
  background: var(--designFarbeK-0);
  box-shadow: 0 0.5em 0 0 var(--designFarbeK-0), 0 1em 0 0 var(--designFarbeK-0);
}
body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover p::after {
  background: var(--designFarbeK-0);
  box-shadow: 0 0.5em 0 0 var(--designFarbeK-0), 0 1em 0 0 var(--designFarbeK-0);
}
body.yes-outline #darkmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover p::after {
  background: var(--designFarbe-1);
  box-shadow: 0 0.5em 0 0 var(--designFarbe-1), 0 1em 0 0 var(--designFarbe-1);
}
body.yes-outline #darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover p::after {
  background: var(--designFarbeK-1);
  box-shadow: 0 0.5em 0 0 var(--designFarbeK-1), 0 1em 0 0 var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  body.yes-outline .dm_2003 + .dm_x nav > details > summary:focus:hover p::after {
    background: var(--designFarbe-1);
    box-shadow: 0 0.5em 0 0 var(--designFarbe-1), 0 1em 0 0 var(--designFarbe-1);
  }
  body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover p::after {
    background: var(--designFarbeK-1);
    box-shadow: 0 0.5em 0 0 var(--designFarbeK-1), 0 1em 0 0 var(--designFarbeK-1);
  }
  body.yes-outline #hellmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover p::after {
    background: var(--designFarbe-3);
    box-shadow: 0 0.5em 0 0 var(--designFarbe-3), 0 1em 0 0 var(--designFarbe-3);
  }
  body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details > summary:focus:hover p::after {
    /* background: var(--designFarbeK-0); */
    /* box-shadow: 0 0.5em 0 0 var(--designFarbeK-0), 0 1em 0 0 var(--designFarbeK-0); */
  }
}

@media (forced-colors: active) {
  .dm_2003 + .dm_x nav > details > summary p:after {
    border: 1px solid ButtonText;
  }
}






/* Menü-Knopf offen */

.dm_2003 + .dm_x nav > details[open] > summary {
  /* width: 5%; */
  /* width: 5.6%; */
  width: 5em;
}

.dm_2003 + .dm_x nav > details[open] > summary p {
  color: var(--designFarbe-1);
}

.dm_2003 + .dm_x nav > details[open] > summary p::after {
  top: 0.5em;
  background: var(--designFarbe-1);
  box-shadow: 0 0em 0 0 var(--designFarbe-1), 0 0em 0 0 var(--designFarbe-1);
}



#kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary p::after {
  background: var(--designFarbeK-0);
  box-shadow: 0 0em 0 0 var(--designFarbeK-0), 0 0em 0 0 var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary p::after {
  background: var(--designFarbeK-0);
  box-shadow: 0 0em 0 0 var(--designFarbeK-0), 0 0em 0 0 var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary p::after {
  background: var(--designFarbe-1);
  box-shadow: 0 0em 0 0 var(--designFarbe-0), 0 0em 0 0 var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary p::after {
  background: var(--designFarbeK-1);
  box-shadow: 0 0em 0 0 var(--designFarbeK-1), 0 0em 0 0 var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .dm_2003 + .dm_x nav > details[open] > summary p::after {
    background: var(--designFarbe-1);
    box-shadow: 0 0em 0 0 var(--designFarbe-0), 0 0em 0 0 var(--designFarbe-0);
  }
  #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary p::after {
    background: var(--designFarbeK-1);
    box-shadow: 0 00em 0 0 var(--designFarbeK-1), 0 0em 0 0 var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary p::after {
    background: var(--designFarbe-1);
    box-shadow: 0 0em 0 0 var(--designFarbe-0), 0 0em 0 0 var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary p::after {
    /* background: var(--designFarbeK-0); */
    /* box-shadow: 0 0em 0 0 var(--designFarbeK-0), 0 0em 0 0 var(--designFarbeK-0); */
  }
}



.dm_2003 + .dm_x nav > details[open] > summary:hover p::after {
  background: var(--designFarbe-1);
  box-shadow: 0 0em 0 0 var(--designFarbe-1), 0 0em 0 0 var(--designFarbe-1);
}
#kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:hover p::after {
  background: var(--designFarbe-3);
  box-shadow: 0 0em 0 0 var(--designFarbe-3), 0 0em 0 0 var(--designFarbe-3);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:hover p::after {
  background: var(--designFarbe-3);
  box-shadow: 0 0em 0 0 var(--designFarbe-3), 0 0em 0 0 var(--designFarbe-3);
}
#darkmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:hover p::after {
  background: var(--designFarbe-1);
  box-shadow: 0 0em 0 0 var(--designFarbe-1), 0 0em 0 0 var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:hover p::after {
  background: var(--designFarbe-1);
  box-shadow: 0 0em 0 0 var(--designFarbe-1), 0 0em 0 0 var(--designFarbe-1);
}
@media (prefers-color-scheme: dark) {
  .dm_2003 + .dm_x nav > details[open] > summary:hover p::after {
    /* background: var(--designFarbeK-1); */
    /* box-shadow: 0 0em 0 0 var(--designFarbeK-1), 0 0em 0 0 var(--designFarbeK-1); */
  }
  #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:hover p::after {
    background: var(--designFarbe-1);
    box-shadow: 0 0em 0 0 var(--designFarbe-1), 0 0em 0 0 var(--designFarbe-1);
  }

  #hellmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:hover p::after {
    background: var(--designFarbe-1);
    box-shadow: 0 0em 0 0 var(--designFarbe-1), 0 0em 0 0 var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:hover p::after {
    background: var(--designFarbe-3);
    box-shadow: 0 0em 0 0 var(--designFarbe-3), 0 0em 0 0 var(--designFarbe-3);
  }


}



body.yes-outline .dm_2003 + .dm_x nav > details[open] > summary:focus p::after {
  background: var(--designFarbe-1);
  box-shadow: 0 0em 0 0 var(--designFarbe-1), 0 0em 0 0 var(--designFarbe-1);
}
body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:focus p::after {
  background: var(--designFarbeK-1);
  box-shadow: 0 0em 0 0 var(--designFarbeK-1), 0 0em 0 0 var(--designFarbeK-1);
}
body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:focus p::after {
  background: var(--designFarbeK-1);
  box-shadow: 0 0em 0 0 var(--designFarbeK-1), 0 0em 0 0 var(--designFarbeK-1);
}
body.yes-outline #darkmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:focus p::after {
  background: var(--designFarbe-3);
  box-shadow: 0 0em 0 0 var(--designFarbe-3), 0 0em 0 0 var(--designFarbe-3);
}
body.yes-outline #darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:focus p::after {
  background: var(--designFarbeK-0);
  box-shadow: 0 0em 0 0 var(--designFarbeK-0), 0 0em 0 0 var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  body.yes-outline .dm_2003 + .dm_x nav > details[open] > summary:focus p::after {
    background: var(--designFarbe-3);
    box-shadow: 0 0em 0 0 var(--designFarbe-3), 0 0em 0 0 var(--designFarbe-3);
  }
  body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:focus p::after {
    background: var(--designFarbeK-0);
    box-shadow: 0 0em 0 0 var(--designFarbeK-0), 0 0em 0 0 var(--designFarbeK-0);
  }
  body.yes-outline #hellmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:focus p::after {
    background: var(--designFarbe-1);
    box-shadow: 0 0em 0 0 var(--designFarbe-1), 0 0em 0 0 var(--designFarbe-1);
  }
  body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:focus p::after {
    /* background: var(--designFarbeK-1); */
    /* box-shadow: 0 0em 0 0 var(--designFarbeK-1), 0 0em 0 0 var(--designFarbeK-1); */
  }
}



body.yes-outline .dm_2003 + .dm_x nav > details[open] > summary:focus:hover p::after {
  background: var(--designFarbe-3);
  box-shadow: 0 0em 0 0 var(--designFarbe-3), 0 0em 0 0 var(--designFarbe-3);
}
body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:focus:hover p::after {
  background: var(--designFarbeK-0);
  box-shadow: 0 0em 0 0 var(--designFarbeK-0), 0 0em 0 0 var(--designFarbeK-0);
}
body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:focus:hover p::after {
  background: var(--designFarbeK-0);
  box-shadow: 0 0em 0 0 var(--designFarbeK-0), 0 0em 0 0 var(--designFarbeK-0);
}
body.yes-outline #darkmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:focus:hover p::after {
  background: var(--designFarbe-1);
  box-shadow: 0 0em 0 0 var(--designFarbe-1), 0 0em 0 0 var(--designFarbe-1);
}
body.yes-outline #darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:focus:hover p::after {
  background: var(--designFarbeK-1);
  box-shadow: 0 0em 0 0 var(--designFarbeK-1), 0 0em 0 0 var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  body.yes-outline .dm_2003 + .dm_x nav > details[open] > summary:focus:hover p::after {
    background: var(--designFarbe-1);
    box-shadow: 0 0em 0 0 var(--designFarbe-1), 0 0em 0 0 var(--designFarbe-1);
  }
  body.yes-outline #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:focus:hover p::after {
    background: var(--designFarbeK-1);
    box-shadow: 0 0em 0 0 var(--designFarbeK-1), 0 0em 0 0 var(--designFarbeK-1);
  }
  body.yes-outline #hellmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:focus:hover p::after {
    background: var(--designFarbe-3);
    box-shadow: 0 0em 0 0 var(--designFarbe-3), 0 0em 0 0 var(--designFarbe-3);
  }
  body.yes-outline #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:focus:hover p::after {
    /* background: var(--designFarbeK-0); */
    /* box-shadow: 0 0em 0 0 var(--designFarbeK-0), 0 0em 0 0 var(--designFarbeK-0); */
  }
}












/*
#kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary p::after {
  background: var(--designFarbeK-0);
  box-shadow: 0 0em 0 0 var(--designFarbeK-0), 0 0em 0 0 var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary p::after {
  background: var(--designFarbeK-0);
  box-shadow: 0 0em 0 0 var(--designFarbeK-0), 0 0em 0 0 var(--designFarbeK-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary p::after {
  background: var(--designFarbeK-1);
  box-shadow: 0 0em 0 0 var(--designFarbeK-1), 0 0em 0 0 var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .dm_2003 + .dm_x nav > details[open] > summary p::after {

  }
  #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary p::after {
    background: var(--designFarbeK-1);
    box-shadow: 0 0em 0 0 var(--designFarbeK-1), 0 0em 0 0 var(--designFarbeK-1);
  }
}
#kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:hover p::after {
  background: var(--designFarbe-3);
  box-shadow: 0 0em 0 0 var(--designFarbe-3), 0 0em 0 0 var(--designFarbe-3);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:hover p::after {
  background: var(--designFarbe-3);
  box-shadow: 0 0em 0 0 var(--designFarbe-3), 0 0em 0 0 var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:hover p::after {
  background: var(--designFarbe-1);
  box-shadow: 0 0em 0 0 var(--designFarbe-1), 0 0em 0 0 var(--designFarbe-1);
}
@media (prefers-color-scheme: dark) {
  .dm_2003 + .dm_x nav > details[open] > summary p::after {
    
  }
  #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details[open] > summary:hover p::after {
    background: var(--designFarbe-1);
    box-shadow: 0 0em 0 0 var(--designFarbe-1), 0 0em 0 0 var(--designFarbe-1);
  }
}
body.yes-outline .dm_2003 + .dm_x nav > details[open] > summary:focus p::after {
  box-shadow: 0 0em 0 0 var(--designFarbe-1), 0 0em 0 0 var(--designFarbe-1);
}
*/






























/* Menü Untermenü */





.dm_2003 + .dm_x nav > details details {
  /* width: calc(calc(100% - 7%) / 6); */
  /* margin: 10em 0 0 0; */

  /* display: flex; */
  /* flex-direction: column; */

  position: relative;
  /* float: left; */
  
  /* filter: drop-shadow(0 0 0 var(--designFarbe-4)); */
  transition: filter 0.3s;  
}


.dm_2003 + .dm_x nav > details details[open] {
  /* filter: drop-shadow(0 0 1em var(--designFarbe-4-01)); */
  transition: filter 0.3s;  
}


body:has(div.dm_x details[open]) .ds_x .dscst_x {
  /* width: 0; */
  /* height: 0; */
}

body:has(div.dm_x details[open]) .ds_x h1 {
  /* display: none !important;   */
}




.dm_2003 + .dm_x nav > details > *:not(summary) {
/* .dm_2003 + .dm_x nav > details > *{ */
  /* width: calc(calc(100% - 7%) / 6); */

  /* width: calc(calc(100% - 0%) / 6); */

  margin: 16.25em 0 0 0;

  /* margin: 0; */

  /* background: var(--designFarbe-0); */
  float: left;
  /* transition: 0.3s; */
}
[data-schriftgross="klein"] .dm_2003 + .dm_x nav > details > *:not(summary),
[data-schriftgross="normal"] .dm_2003 + .dm_x nav > details > *:not(summary) {
  width: calc(calc(100% - 0%) / 4);
}
.dm_2003 + .dm_x nav > details > *:not(summary) {
  width: calc(calc(100% - 0%) / 4);
}



.dm_2003 + .dm_x nav > details[open] > *:not(summary) {
  /* margin: 16.25em 0 0 0; */
  /* transition: 0.6s; */
}





.dm_2003 + .dm_x nav > details details > summary {
  text-transform: uppercase;
  font-weight: 700;
  padding: 0;
  color: var(--designFarbe-0);
  background: transparent;
  /* opacity: 1; */
  overflow: hidden;
  transition: 1s;
}
.dm_2003 + .dm_x nav > details[open] details > summary {
  /* opacity: 1; */
  /* transition: 1s; */
}
@media (forced-colors: active) {
  .dm_2003 + .dm_x nav > details details > summary,
  .dm_2003 + .dm_x nav > details[open] details > summary {
    background: Window;
    border-top: 1px solid ButtonText;
    border-right: 1px solid ButtonText;
  }
}



.dm_2003 + .dm_x nav > details details > summary > span {
  width: 100%;
  padding: 0;
  display: inline-block;
  color: transparent;
  /* font-size: 0em; */
  font-size: 1.25em;
  background: transparent;
  /* background: var(--designFarbe-4-02); */
  text-align: center;
  transform: translateY(5em);
  letter-spacing: 0.1em;
}
.dm_2003 + .dm_x nav > details details > summary:hover {
}
.dm_2003 + .dm_x nav > details[open] details > summary > span {
  /* background: var(--designFarbe-4-01); */
  background: var(--designFarbe-4-02);
  color: var(--designFarbe-0);
  font-size: 1.25em;
  transform: translateY(0em);
  padding: 1em 0;
  transition: 0.6s;
}

@media (forced-colors: active) {
  .dm_2003 + .dm_x nav > details details > summary > span,
  .dm_2003 + .dm_x nav > details[open] details > summary > span {
    color: ButtonText;
  }
  .dm_2003 + .dm_x nav > details details > summary:hover > span,
  .dm_2003 + .dm_x nav > details[open] details > summary:hover > span {
    text-decoration: underline;
    color: ButtonText;
  }
}

.dm_2003 + .dm_x nav > details details > summary:hover > span {
  color: var(--designFarbe-3);
}


.dm_2003 + .dm_x nav > details details[open] > summary > span {
  /* background: var(--designFarbe-3); */
  /* color: var(--designFarbe-1); */


  /* background: var(--designFarbe-3-01); */
  /* color: var(--designFarbe-0); */

}














.dm_2003 + .dm_x nav > details > a {
  text-decoration: none;
  padding: 1.5em 0;
  position: relative;
  background: var(--designFarbe-0);
}
.dm_2003 + .dm_x nav > details > a > span {
  width: 100%;
  display: inline-block;
  text-align: center;
  /* background: var(--designFarbe-3); */
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 700;
  
  letter-spacing: 0.1em;
  /* padding: 1em 0; */
  /* display: flex; */
  /* justify-content: center; */
  position: relative;
  z-index: 1;
  transition: color 0.3s;
}

.dm_2003 + .dm_x nav > details > a:hover span {
  color: var(--designFarbe-1);
  transition: color 0.3s;
}

.dm_2003 + .dm_x nav > details details a {
  display: block;
}






















.dm_2003 + .dm_x details:has(*:hover) {
  z-index: 10;
}
.dm_2003 + .dm_x details > a:hover,
.dm_2003 + .dm_x details details > summary:hover {
  z-index: 10;
}


.dm_2003 + .dm_x details:has(*:focus) {
  z-index: 10;
}
.dm_2003 + .dm_x details:has(*:focus) > summary span {
  /* background: var(--designFarbe-3); */
  /* color: var(--designFarbe-1); */
}
body.no-outline .dm_2003 + .dm_x details details:has(*:focus) > summary {
  /* background: var(--designFarbe-0); */
  /* color: var(--designFarbe-4); */
}
.dm_2003 + .dm_x details > a:focus,
.dm_2003 + .dm_x details details > summary:focus {
  z-index: 10;
  /* outline: 0.25em solid var(--designFarbe-3); */
  outline: 0.25em solid var(--designFarbe-1);
  outline-offset: 0.5em;
  /* background: var(--designFarbe-3); */
  /* color: var(--designFarbe-1); */
}

body.no-outline .dm_2003 + .dm_x details > a:focus,
body.no-outline .dm_2003 + .dm_x details details > summary:focus {
  /* background: var(--designFarbe-0); */
  /* color: var(--designFarbe-4); */
}



/* Menü Portalbutton */
.dm_2003 + .dm_x a[href*="/portal.energie"] {
  display: none !important;
}

/* Menü Karriere button */
.dm_2003 + .dm_x nav > details > a:nth-last-of-type(1) {
  display: none !important;
  overflow: hidden;
  color: var(--designFarbe-0);
  transition: color 0.3s;
}
/* Menü Unternehmen News */
.dm_2003 + .dm_x a[href*="/unternehmen/news"] {
  display: none !important;
}
/* Menü PeeneGas PeeneGas onlineNews */
.dm_2003 + .dm_x a[href*="/erdgas/peenegas-online"] {
  display: none !important;
}
.dm_2003 + .dm_x nav > details > a:nth-last-of-type(1):hover,
.dm_2003 + .dm_x nav > details > a:nth-last-of-type(1):focus {
  color: var(--designFarbe-1);
  transition: color 0.3s;
}

.dm_2003 + .dm_x nav > details > a:nth-last-of-type(1)::before {
  content: '';
  position: absolute;
  width: 11%;
  height: 115%;
  left: -5%;
  top: -8px;
  transform: rotate(14deg);
  z-index: 2;
  background: var(--designFarbe-0);
  transition: 0.3s;
}
.dm_2003 + .dm_x nav > details > a:nth-last-of-type(1):hover::before,
.dm_2003 + .dm_x nav > details > a:nth-last-of-type(1):focus::before {
  left: 110%;
  transition: 0.3s;
}
.dm_2003 + .dm_x nav > details > a:nth-last-of-type(1)::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background: var(--designFarbe-1);
  /* background: red; */
  transition: 0.3s;
}
.dm_2003 + .dm_x nav > details > a:nth-last-of-type(1):hover::after,
.dm_2003 + .dm_x nav > details > a:nth-last-of-type(1):focus::after {
  left: 110%;
  transition: 0.3s;
}













.dm_2003 + .dm_x nav > details details a {
  text-decoration: none;
  /* margin: 0 0.5em; */
  margin: 2px 0.5em;
  padding: 1em 0;
  position: relative;
  background: var(--designFarbe-0);
  color: var(--designFarbe-1);
  transition: margin 0.3s, padding 0.3s, filter 0.3s;
  overflow: hidden;
}
#kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a {
  background: var(--designFarbe-0);
  color: var(--designFarbe-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a {
  background: var(--designFarbe-0);
  color: var(--designFarbe-1);
}
#darkmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a {
  background: var(--designFarbe-4-03);
  color: var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a {
  background: var(--designFarbe-4-03);
  color: var(--designFarbe-3);
}
@media (prefers-color-scheme: dark) {
  .dm_2003 + .dm_x nav > details details a {
    background: var(--designFarbe-4-03);
    color: var(--designFarbe-3);
  }
  #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a {
    background: var(--designFarbe-4-03);
    color: var(--designFarbe-3);
  }
  #hellmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a {
    background: var(--designFarbe-0);
    color: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a {
    background: var(--designFarbe-0);
    color: var(--designFarbe-1);
  }
}











.dm_2003 + .dm_x nav > details details a:hover {
  /* margin: 0 -1em; */
  margin: 2px -1em;
  padding: 1em 1.5em;
  filter: drop-shadow(0 0 0.5em var(--designFarbe-2));
  transition: margin 0.3s, padding 0.3s, filter 0.3s;
}
#kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a:hover {
  filter: drop-shadow(0 0 0.5em var(--designFarbe-2));
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a:hover {
  filter: drop-shadow(0 0 0.5em var(--designFarbe-2));
}
#darkmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a:hover {
  filter: drop-shadow(0 0 0.25em var(--designFarbe-4-02));
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a:hover {
  filter: drop-shadow(0 0 0.25em var(--designFarbe-4-02));
}
@media (prefers-color-scheme: dark) {
  .dm_2003 + .dm_x nav > details details a:hover {
    filter: drop-shadow(0 0 0.25em var(--designFarbe-4-02));
  }
  #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a:hover {
    filter: drop-shadow(0 0 0.25em var(--designFarbe-4-02));
  }
  #hellmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a:hover {
    filter: drop-shadow(0 0 0.5em var(--designFarbe-2));
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a:hover {
    filter: drop-shadow(0 0 0.5em var(--designFarbe-2));
  }
}



.dm_2003 + .dm_x nav > details details a[activ] {
  background: var(--designFarbe-3);
  pointer-events: none;
}
#kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a[activ] {
  background: var(--designFarbe-3);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a[activ] {
  background: var(--designFarbe-3);
}
#darkmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a[activ] {
  background: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a[activ] {
  background: var(--designFarbe-1);
}
@media (prefers-color-scheme: dark) {
  .dm_2003 + .dm_x nav > details details a[activ] {
    background: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a[activ] {
    background: var(--designFarbe-1);
  }
  #hellmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a[activ] {
    background: var(--designFarbe-3);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2003 + .dm_x nav > details details a[activ] {
    background: var(--designFarbe-3);
  }
}















.dm_2003 + .dm_x nav > details details a > span {
  width: 100%;
  display: inline-block;
  text-align: center;
  /* font-size: 1.2em; */
  font-size: 1em;
  /* font-size: 0em; */
  text-transform: uppercase;
  font-weight: 700;
  /* letter-spacing: 0.1em; */
  position: relative;
  z-index: 1;
  /* transition: 0.3s; */
  transform: translateY(-3em);
  opacity: 0;

}




.dm_2003 + .dm_x nav > details[open] details[open] a > span {
/* .dm_2003 + .dm_x nav details[open] > a > span { */
  transform: translateY(0em);
  opacity: 1;
  transition: 0.3s;
}

.dm_2003 + .dm_x nav > details[open] details[open] a:nth-of-type(1) > span {
  transition-delay: 0.1s;
}
.dm_2003 + .dm_x nav > details[open] details[open] a:nth-of-type(2) > span {
  transition-delay: 0.15s;
}
.dm_2003 + .dm_x nav > details[open] details[open] a:nth-of-type(3) > span {
  transition-delay: 0.2s;
}
.dm_2003 + .dm_x nav > details[open] details[open] a:nth-of-type(4) > span {
  transition-delay: 0.25s;
}
.dm_2003 + .dm_x nav > details[open] details[open] a:nth-of-type(5) > span {
  transition-delay: 0.3s;
}
.dm_2003 + .dm_x nav > details[open] details[open] a:nth-of-type(6) > span {
  transition-delay: 0.35s;
}
.dm_2003 + .dm_x nav > details[open] details[open] a:nth-of-type(7) > span {
  transition-delay: 0.4s;
}
.dm_2003 + .dm_x nav > details[open] details[open] a:nth-of-type(8) > span {
  transition-delay: 0.45s;
}

@media (forced-colors: active) {
  .dm_2003 + .dm_x nav > details details a {
    background: Window;
  }
  .dm_2003 + .dm_x nav > details details a[activ] {
    background: Window;
    border: 1px solid ButtonText;
  }
  .dm_2003 + .dm_x nav > details details a > span {
    color: ButtonText;
  }
  .dm_2003 + .dm_x nav > details details a[activ] > span {
    color: WindowText;
  }
}












body.yes-outline .dm_2003 + .dm_x details[open] details > summary:focus span,
body.yes-outline #hellmode:checked ~ .site-grid .dm_2003 + .dm_x details > a:focus,
body.yes-outline #hellmode:checked ~ .site-grid .dm_2003 + .dm_x details details[open] > summary:focus span,
body.yes-outline #darkmode:checked ~ .site-grid .dm_2003 + .dm_x details > a:focus,
body.yes-outline #darkmode:checked ~ .site-grid .dm_2003 + .dm_x details details[open] > summary:focus span {
  background: var(--designFarbe-3);
  color: var(--designFarbe-1);
}





































































/* 1-3 Akkordeon auf Bordoaux */
.do_2010 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
  /* height: 16.25em; */
  /* z-index: 999; */
}
.do_2010 + section.do_x:target > * {
  outline: 2px solid var(--designFarbe-3);
  outline-offset: -1em;
}
.do_2010 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;

  background: var(--designFarbe-1);

  background-image: var(--designFarbeHintergrundVerlauf-1);
  background-repeat: no-repeat;
  background-size: cover;

  /* background: #2aa26f80; */
}

#kontanmode:checked ~ .site-grid .do_2010 + .do_x .doc_x {
  background: var(--designFarbeK-0-00-vt);
  background-image: none;
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2010 + .do_x .doc_x {
  background: var(--designFarbeK-0-00-vt);
  background-image: none;
}
#darkmode:checked ~ .site-grid .do_2010 + .do_x .doc_x {
  background: var(--designFarbe-1);
  background-image: var(--designFarbeHintergrundVerlauf-1);
  background-repeat: no-repeat;
  background-size: cover;
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2010 + .do_x .doc_x {
  background: var(--designFarbeK-1-01-vt);
  background-image: none;
}
@media (prefers-color-scheme: dark) {
  .do_2010 + .do_x .doc_x {
    background: var(--designFarbe-1);
    background-image: var(--designFarbeHintergrundVerlauf-1);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #kontanmode:checked ~ .site-grid .do_2010 + .do_x .doc_x {
    background: var(--designFarbeK-1-01-vt);
    background-image: none;
  }
  #hellmode:checked ~ .site-grid .do_2010 + .do_x .doc_x {
    background: var(--designFarbe-1);
    background-image: var(--designFarbeHintergrundVerlauf-1);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2010 + .do_x .doc_x {
    background: var(--designFarbeK-0-00-vt);
    background-image: none;
  }
}
@media (forced-colors: active) {
  .do_2010 + .do_x .doc_x {
    background: Window;
    border-bottom: 1px solid;
  }
}

@media (max-width: 760px) and (orientation: portrait) {
  .do_2010 + .do_x .doc_x {
    flex-wrap: wrap;
    width: min(calc(100% - calc(var(--designMobilPadding) * 2)), var(--design-box-2));
    padding: 2.5em var(--designMobilPadding) 3.5em var(--designMobilPadding);
  }
}





.do_2010 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0 3.5em var(--designMarginInnen-2);
  /* padding: 2em 0 3.6em var(--designMarginInnen-2); */
}
.do_2010 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4 * 3);
  padding: 2em var(--designMarginInnen-2) 3.5em 0;
  /* padding: 2em var(--designMarginInnen-2) 3.6em 0; */
  /* background: #ff000036; */
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2010 + .do_x .doco_x:nth-of-type(1),
  .do_2010 + .do_x .doco_x:nth-of-type(2) {
    width: 100%;
    padding: 0;
  }
}



.do_2010 + .do_x .doco_x:nth-of-type(1) h2 {
  margin: 0.7em 0 0 0;
  font-family: var(--designFont-1);
  color: var(--designFarbe-0);
  font-size: 3.5em;
  line-height: 1.34;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2010 + .do_x .doco_x:nth-of-type(1) h2 {
    /* margin: 0; */
    margin: 0.5em 0 0.25em 0;
    line-height: 1.1;
    font-size: 2.75em;
  }
}
#kontanmode:checked  ~ .site-grid .do_2010 + .do_x .doco_x:nth-of-type(1) h2 {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .doco_x:nth-of-type(1) h2 {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .doco_x:nth-of-type(1) h2 {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .doco_x:nth-of-type(1) h2 {
    color: var(--designFarbeK-0);
  }
}


.do_2010 + .do_x .doco_x .akko summary:focus {
  outline: 0.25em solid var(--designFarbe-3);
  outline-offset: 0.25em;
}


.do_2010 + .do_x .akko {
  color: var(--designFarbe-0);
  font-size: 1.4em;
}
#kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko {
    color: var(--designFarbeK-0);
  }
}
.do_2010 + .do_x .akko:nth-of-type(1) {
  margin: 0.7em 0 0 0;
}

@media (max-width: 760px) and (orientation:portrait) {
  .do_2010 + .do_x .akko {
    /* color: var(--designFarbe-0); */
    font-size: 1.2em;
  }
}


.do_2010 + .do_x .akko summary {
  position: relative;
  /* padding: 0.97em 0 0.97em 0; */
  padding: 0.75em 0 0.75em 0;
  /* background: #ff000040; */
  border-top: 1px solid transparent;
  border-bottom: 1px solid var(--designFarbe-0);
  cursor: pointer;
  transition: border 0.3s, color 0.3s;

  scroll-margin-block: 25vh;
}
@media (forced-colors: active) {
  .do_2010 + .do_x .akko summary {
    border-top: none;
  }
}

#kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary {
  border-bottom: 1px solid var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary {
  border-bottom: 1px solid var(--designFarbeK-1);
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary {
  border-bottom: 1px solid var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary {
  border-bottom: 1px solid var(--designFarbeK-0);
  }
}

.do_2010 + .do_x .akko summary:hover {
  color: var(--designFarbe-3);
  transition: border 0.3s, color 0.3s;
}
#kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary:hover {
  color: var(--designFarbe-1);
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary:hover {
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary:hover {
  color: var(--designFarbe-3);
}
@media (prefers-color-scheme: dark) {
  #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary:hover {
    color: var(--designFarbe-3);
  }
}


.do_2010 + .do_x .akko[open] summary {
  border-top: 1px solid var(--designFarbe-0);
  border-bottom: 1px solid transparent;
  transition: border 0.3s;
}
#kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko[open] summary {
  border-top: 1px solid var(--designFarbeK-1);
  border-bottom: 1px solid transparent;
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko[open] summary {
  border-top: 1px solid var(--designFarbeK-1);
  border-bottom: 1px solid transparent;
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko[open] summary {
  border-top: 1px solid var(--designFarbeK-0);
  border-bottom: 1px solid transparent;
}
@media (prefers-color-scheme: dark) {
  #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko[open] summary {
    border-top: 1px solid var(--designFarbeK-0);
    border-bottom: 1px solid transparent;
  }
}
@media (forced-colors: active) {
  .do_2010 + .do_x .akko[open] summary {
    border-bottom: none;
  }
}



.do_2010 + .do_x .akko:not([open]) + .akko[open] summary {
  border-top: 1px solid transparent;
  transition: border 0.3s;
}
#kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko:not([open]) + .akko[open] summary {
  border-top: 1px solid transparent;
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko:not([open]) + .akko[open] summary {
  border-top: 1px solid transparent;
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko:not([open]) + .akko[open] summary {
  border-top: 1px solid transparent;
}
@media (prefers-color-scheme: dark) {
  #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko:not([open]) + .akko[open] summary {
    border-top: 1px solid transparent;
  }
}
@media (forced-colors: active) {
  .do_2010 + .do_x .doco_x .akko:not([open]) + .akko[open] summary {
    border-top: none;
  }
}







.do_2010 + .do_x .akko[open] + .akko:not([open]) summary {
  border-top: 1px solid var(--designFarbe-0);
  transition: border 0.3s;
}
#kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko[open] + .akko:not([open]) summary {
  border-top: 1px solid var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko[open] + .akko:not([open]) summary {
  border-top: 1px solid var(--designFarbeK-1);
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko[open] + .akko:not([open]) summary {
  border-top: 1px solid var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko[open] + .akko:not([open]) summary {
  border-top: 1px solid var(--designFarbeK-0);
  }
}




.do_2010 + .do_x .doco_x .akko:nth-of-type(1) summary {
  border-top: 1px solid transparent;
  transition: border 0.3s;
}
@media (forced-colors: active) {
  .do_2010 + .do_x .doco_x .akko:nth-of-type(1) summary {
    border-top: none;
  }
}



.do_2010 + .do_x .akko summary h3,
.do_2010 + .do_x .akko summary span {
  font-weight: 700;
  margin: 0;
  padding: 0;
  /* transition: margin 0.3s; */
}
/*
.yes-outline .akko summary span {
  margin: 0 0 0 0.5em;
  transition: margin 0.3s;
}
*/
@media (forced-colors: active) {
  .do_2010 + .do_x .akko summary h3,
  .do_2010 + .do_x .akko summary span {
    color: ButtonText;
  }
  .do_2010 + .do_x .akko summary:hover h3,
  .do_2010 + .do_x .akko summary:hover span {
    color: ButtonText;
    text-decoration: underline;
  }
}

.do_2010 + .do_x .akko summary::after {
  content: '';
  position: absolute;
  width: 1em;
  aspect-ratio: 512 / 264;
  height: auto;

  right: 1.1em;
  bottom: 1.4em;

  font-size: 0.75em;

  transform-origin: center;

  background: var(--designIconPfeilUnten-0);
  
  transition: 0.6s;

}
#kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary::after {
  background: var(--designIconPfeilUnten-4);
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary::after {
  background: var(--designIconPfeilUnten-4);
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary::after {
  background: var(--designIconPfeilUnten-0);
}
@media (prefers-color-scheme: dark) {
  #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary::after {
    background: var(--designIconPfeilUnten-0);
  }
}




.do_2010 + .do_x .akko[open] summary::after {
  /* content: '<'; */
  /* transform: rotate(180deg); */
  transform: scale(-1);
}
.do_2010 + .do_x .akko summary:hover::after {
  background: var(--designIconPfeilUnten-3);
  transition: 0.3s;
}
#kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary:hover::after {
  background: var(--designIconPfeilUnten-1);
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary:hover::after {
  background: var(--designIconPfeilUnten-1);
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary:hover::after {
  background: var(--designIconPfeilUnten-3);
}
@media (prefers-color-scheme: dark) {
  #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko summary:hover::after {
    background: var(--designIconPfeilUnten-3);
  }
}





.do_2010 + .do_x .akko_ct p {
  /* font-family: var(--designFont-45); */
  padding: 0 0 3em 0;
  /* font-weight: 700; */
  transition: 0.3s;
}
.itemid-138 .do_2010 + .do_x .akko_ct p {
  padding: 0 0 1em 0;
}
body.yes-outline .do_2010 + .do_x .akko_ct p {
  padding: 1em 0 3em 0;
  transition: 0.3s;
}
.do_2010 + .do_x .doco_x .akko:nth-last-of-type(1) .akko_ct p {
  padding: 0;
}


@media (max-width: 760px) and (orientation: portrait) {
  .do_2010 + .do_x .akko_ct p {
    hyphens: auto;
  }
}

[data-js="aus"] .do_2010 + .do_x .doc_x, 
[data-schriftgross="gross"] .do_2010 + .do_x .doc_x {
  flex-direction: column;
}
[data-js="aus"] .do_2010 + .do_x .doco_x:nth-of-type(1), 
[data-schriftgross="gross"] .do_2010 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 1);
  padding: 2em 0 0em var(--designMarginInnen-2);
}
[data-js="aus"] .do_2010 + .do_x .doco_x:nth-of-type(1) h2, 
[data-schriftgross="gross"] .do_2010 + .do_x .doco_x:nth-of-type(1) h2 {
  width: 100%;
}
[data-js="aus"] .do_2010 + .do_x .doco_x:nth-of-type(2), 
[data-schriftgross="gross"] .do_2010 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 1);
  padding: 2em var(--designMarginInnen-2) 3.5em var(--designMarginInnen-2);
}



.do_2010 + .do_x .akko a {
  color: var(--designFarbe-0);
}
#kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko a {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko a {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko a {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko a {
    color: var(--designFarbeK-0);
  }
}

.do_2010 + .do_x .akko a:hover {
  color: var(--designFarbe-3);
}
#kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko a:hover {
  color: var(--designFarbe-1);
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko a:hover {
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko a:hover {
  color: var(--designFarbe-3);
}
@media (prefers-color-scheme: dark) {
  #kontanmode:checked  ~ .site-grid .do_2010 + .do_x .akko a:hover {
    color: var(--designFarbe-3);
  }
}



























/* 1-3 Akkordeon auf Weiß */
.do_2020 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
  /* height: 16.25em; */
  /* z-index: 999; */
}
.do_2020 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;

  background: var(--designFarbe-0);

  /* background-image: var(--designFarbeHintergrundVerlauf-1); */
  /* background-repeat: no-repeat; */
  /* background-size: cover; */

  /* background: #2aa26f80; */
}
#hellmode:checked ~ .site-grid .do_2020 + .do_x .doc_x {
  background: var(--designFarbe-0);
}
#kontanmode:checked ~ .site-grid .do_2020 + .do_x .doc_x {
  background: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .do_2020 + .do_x .doc_x {
  background: var(--designFarbe-4);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2020 + .do_x .doc_x {
  background: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .site-grid .do_2020 + .do_x .doc_x {
    background: var(--designFarbe-4);
  }
  #kontanmode:checked ~ .site-grid .do_2020 + .do_x .doc_x {
    background: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .do_2020 + .do_x .doc_x {
    background: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2020 + .do_x .doc_x {
    background: var(--designFarbeK-0);
  }
}
@media (forced-colors: active) {
  .do_2020 + .do_x .doc_x {
    /* background: Window; */
    border-bottom: 1px solid;
  }
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2020 + .do_x .doc_x {
    flex-wrap: wrap;
    width: min(calc(100% - calc(var(--designMobilPadding) * 2)), var(--design-box-2));
    padding: 2.5em var(--designMobilPadding) 3.5em var(--designMobilPadding);
  }
  .do_2020 + .do_x:has(.akko .tabelle-105) .doc_x {
    flex-wrap: wrap;
    /* width: min(calc(100% - calc(var(--designMobilPadding) * 2)), var(--design-box-2)); */
    /* padding: 2.5em var(--designMobilPadding) 3.5em var(--designMobilPadding); */
    width: 100%;
    /* padding: 0; */
    padding: 2.5em 0 7.5em 0;
  }
}






.do_2020 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0 3.5em var(--designMarginInnen-2);
  /* padding: 2em 0 3.6em var(--designMarginInnen-2); */
}
.do_2020 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4 * 3);
  padding: 2em var(--designMarginInnen-2) 3.5em 0;
  /* padding: 2em var(--designMarginInnen-2) 3.6em 0; */
  /* background: #ff000036; */
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2020 + .do_x .doco_x:nth-of-type(1) {
    width: 0%;
    padding: 0;
  }
  .do_2020 + .do_x .doco_x:nth-of-type(2) {
    width: 100%;
    padding: 0;
  }
}



.do_2020 + .do_x .doco_x:nth-of-type(1) h2 {
  margin: 0.7em 0 0 0;
  font-family: var(--designFont-1);
  color: var(--designFarbe-5);
  font-size: 3.5em;
  line-height: 1.34;
  font-weight: 400;
  text-align: center;
}

.do_2020 + .do_x .doco_x .akko summary:focus {
  outline: 0.25em solid var(--designFarbe-3);
  outline-offset: 0.25em;
}


.do_2020 + .do_x .akko {
  color: var(--designFarbe-5);
  font-size: 1.4em;
}

#hellmode:checked ~ .site-grid .do_2020 + .do_x .akko {
  color: var(--designFarbe-5);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2020 + .do_x .akko {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2020 + .do_x .akko {
  color: var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2020 + .do_x .akko {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2020 + .do_x .doc_x .akko {
    color: var(--designFarbe-0);
  }
}

@media (max-width: 760px) and (orientation: portrait) {
  .do_2020 + .do_x .akko {
    font-size: 1.2em;
  }
}





.do_2020 + .do_x .akko:nth-of-type(1) {
  margin: 0.7em 0 0 0;
}
.do_2020 + .do_x .akko summary {
  position: relative;
  padding: 0.75em 0 0.75em 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid var(--designFarbe-5);
  cursor: pointer;
  transition: border 0.3s, color 0.3s;
}
.do_2020 + .do_x .akko summary:hover {
  color: var(--designFarbe-1);
  transition: border 0.3s, color 0.3s;
}
#kontanmode:checked  ~ .site-grid .do_2020 + .do_x .akko summary:hover {
  color: var(--designFarbe-1);
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2020 + .do_x .akko summary:hover {
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2020 + .do_x .akko summary:hover {
  color: var(--designFarbe-3);
}
@media (prefers-color-scheme: dark) {
  .do_2020 + .do_x .akko summary:hover {
    color: var(--designFarbe-3);
  }
  #kontanmode:checked  ~ .site-grid .do_2020 + .do_x .akko summary:hover {
    color: var(--designFarbe-3);
  }




}


#kontanmode:checked  ~ .site-grid .do_2020 + .do_x .akko summary {
  border-bottom: 1px solid var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2020 + .do_x .akko summary {
  border-bottom: 1px solid var(--designFarbeK-1);
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2020 + .do_x .akko summary {
  border-bottom: 1px solid var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  
  #hellmode:checked ~ #kontanmode:checked  ~ .site-grid .do_2020 + .do_x .akko summary {
    border-bottom: 1px solid var(--designFarbeK-1);
  }
  #kontanmode:checked  ~ .site-grid .do_2020 + .do_x .akko summary {
    border-bottom: 1px solid var(--designFarbeK-0);
  }



  
}

.do_2020 + .do_x .akko[open] summary {
  border-top: 1px solid var(--designFarbe-5);
  border-bottom: 1px solid transparent !important;
  transition: border 0.3s;
}

.do_2020 + .do_x .akko:not([open]) + .akko[open] summary {
  border-top: 1px solid transparent;
  transition: border 0.3s;
}
.do_2020 + .do_x .akko[open] + .akko:not([open]) summary {
  border-top: 1px solid var(--designFarbe-5);
  transition: border 0.3s;
}
.do_2020 + .do_x .akko:nth-of-type(1) summary {
  border-top: 1px solid transparent;
  transition: border 0.3s;
}

@media (forced-colors: active) {
  .do_2020 + .do_x .akko[open] summary {
    border-bottom: none !important;
  }
  .do_2020 + .do_x .akko:not([open]) + .akko[open] summary {
    border-top: none;
    transition: border 0.3s;
  }
  .do_2020 + .do_x .akko:nth-of-type(1) summary {
    border-top: none;
  }
}


@media (max-width: 760px) and (orientation: portrait) {
  .do_2020 + .do_x:has(.akko .tabelle-105) .doc_x .akko summary {
    margin: 0 var(--designMobilPadding);
  }
}





.do_2020 + .do_x .akko summary h3,
.do_2020 + .do_x .akko summary span {
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.do_2020 + .do_x .akko summary::after {
  content: '';
  position: absolute;
  width: 1em;
  aspect-ratio: 512 / 264;
  height: auto;

  right: 1.1em;
  bottom: 1.4em;

  font-size: 0.75em;

  transform-origin: center;

  background: var(--designIconPfeilUnten-5);
  
  transition: 0.6s;

}
#kontanmode:checked  ~ .site-grid .do_2020 + .do_x .akko summary::after {
  background: var(--designIconPfeilUnten-4);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2020 + .do_x .akko summary::after {
  background: var(--designIconPfeilUnten-4);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2020 + .do_x .akko summary::after {
  background: var(--designIconPfeilUnten-0);
}
@media (prefers-color-scheme: dark) {
  .do_2020 + .do_x .akko summary::after {
    /* background: var(--designIconPfeilUnten-0); */
  }
  #kontanmode:checked  ~ .site-grid .do_2020 + .do_x .akko summary::after {
    background: var(--designIconPfeilUnten-0);
  }
}





.do_2020 + .do_x .akko summary:hover::after {
  background: var(--designIconPfeilUnten-3);
  transition: 0.3s;
}



.do_2020 + .do_x .akko[open] summary::after {
  transform: scale(-1);
}
.do_2020 + .do_x .akko summary:hover::after {
  background: var(--designIconPfeilUnten-1);
  transition: 0.3s;
}
#kontanmode:checked  ~ .site-grid .do_2020 + .do_x .akko summary:hover::after {
  background: var(--designIconPfeilUnten-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2020 + .do_x .akko summary:hover::after {
  background: var(--designIconPfeilUnten-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2020 + .do_x .akko summary:hover::after {
  background: var(--designIconPfeilUnten-3);
}
@media (prefers-color-scheme: dark) {
  .do_2020 + .do_x .akko summary:hover::after {
    background: var(--designIconPfeilUnten-3);
  }
  #kontanmode:checked  ~ .site-grid .do_2020 + .do_x .akko summary:hover::after {
    background: var(--designIconPfeilUnten-3);
  }
}


@media (max-width: 760px) and (orientation: portrait) {
  .do_2020 + .do_x:has(.akko .tabelle-105) .doc_x .akko .akko_in > div:not(.tabelle-105) {
    margin: 0 var(--designMobilPadding);
  }
}





.do_2020 + .do_x .akko_ct p {
  padding: 0 0 3em 0;
  transition: 0.3s;
}
body.yes-outline .do_2020 + .do_x .akko_ct p {
  padding: 1em 0 3em 0;
  transition: 0.3s;
}
.do_2020 + .do_x .doco_x .akko:nth-last-of-type(1) .akko_ct p {
  padding: 0;
}

[data-js="aus"] .do_2020 + .do_x .doc_x, 
[data-schriftgross="gross"] .do_2020 + .do_x .doc_x {
  flex-direction: column;
}
[data-js="aus"] .do_2020 + .do_x .doco_x:nth-of-type(1), 
[data-schriftgross="gross"] .do_2020 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 1);
  padding: 2em 0 0em var(--designMarginInnen-2);
}
[data-js="aus"] .do_2020 + .do_x .doco_x:nth-of-type(1) h2, 
[data-schriftgross="gross"] .do_2020 + .do_x .doco_x:nth-of-type(1) h2 {
  width: 100%;
}
[data-js="aus"] .do_2020 + .do_x .doco_x:nth-of-type(2), 
[data-schriftgross="gross"] .do_2020 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 1);
  padding: 2em var(--designMarginInnen-2) 3.5em var(--designMarginInnen-2);
}





#hellmode:checked ~ .site-grid .do_2020 + .do_x .doc_x .doco_x p {
  color: var(--designFarbe-5);
}
#kontanmode:checked ~ .site-grid .do_2020 + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2020 + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2020 + .do_x .doc_x .doco_x p {
  color: var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2020 + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {

  .do_2020 + .do_x .doc_x {
    /* background: var(--designFarbe-4); */
  }



  .do_2020 + .do_x .doc_x .doco_x p {
    color: var(--designFarbe-0);
  }
  #kontanmode:checked ~ .site-grid .do_2020 + .do_x .doc_x .doco_x p {
    color: var(--designFarbeK-0);
  }

}




























































/* 1-2-1 vor dem Footer */
.do_2011 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
  /* height: 16.25em; */
  /* z-index: 999; */
}
.do_2011 + section.do_x:target > * {
  outline: 2px solid var(--designFarbe-3);
  outline-offset: -1em;
}
.do_2011 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;

  background: var(--designFarbe-1);

  background-image: var(--designFarbeHintergrundVerlauf-1);
  background-repeat: no-repeat;
  background-size: cover;

  /* background: #2aa26f80; */
}
#kontanmode:checked ~ .site-grid .do_2011 + .do_x .doc_x {
  background: var(--designFarbeK-0-00-vt);
  background-image: none;
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2011 + .do_x .doc_x {
  background: var(--designFarbeK-0-00-vt);
  background-image: none;
}
#darkmode:checked ~ .site-grid .do_2011 + .do_x .doc_x {
  background: var(--designFarbe-1);
  background-image: var(--designFarbeHintergrundVerlauf-1);
  background-repeat: no-repeat;
  background-size: cover;
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2011 + .do_x .doc_x {
  background: var(--designFarbeK-1-01-vt);
  background-image: none;
}
@media (prefers-color-scheme: dark) {
  .do_2011 + .do_x .doc_x {
    background: var(--designFarbe-1);
    background-image: var(--designFarbeHintergrundVerlauf-1);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #kontanmode:checked ~ .site-grid .do_2011 + .do_x .doc_x {
    background: var(--designFarbeK-1-01-vt);
    background-image: none;
  }
  #hellmode:checked ~ .site-grid .do_2011 + .do_x .doc_x {
    background: var(--designFarbe-1);
    background-image: var(--designFarbeHintergrundVerlauf-1);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2011 + .do_x .doc_x {
    background: var(--designFarbeK-0-00-vt);
    background-image: none;
  }
}
@media (forced-colors: active) {
  .do_2011 + .do_x .doc_x {
    background: Window;
    border-bottom: 1px solid;
  }
}

@media (max-width: 760px) and (orientation: portrait) {
  .do_2011 + .do_x .doc_x {
    flex-wrap: wrap;
    width: min(calc(100% - calc(var(--designMobilPadding) * 2)), var(--design-box-2));
    padding: 2.5em var(--designMobilPadding) 3.5em var(--designMobilPadding);
  }
}





.do_2011 + .do_x .doco_x:nth-of-type(1) {
  display: flex;
  justify-content: center;
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  /* padding: 2em 0 6.5em var(--designMarginInnen-2); */
  padding: 2em 0 5em var(--designMarginInnen-2);
}
.do_2011 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  /* padding: 2em 0 6.5em 0; */
  padding: 2em 0 5em 0;
  /* background: #ff00004f; */
}
.do_2011 + .do_x .doco_x:nth-of-type(3) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  /* padding: 2em var(--designMarginInnen-2) 6.5em 0; */
  padding: 2em var(--designMarginInnen-2) 5em 0;
}
.do_2011 + .do_x#ehrenamtskarte .doco_x:nth-of-type(3) {
  padding: 4em var(--designMarginInnen-2) 0em 0;
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2011 + .do_x .doco_x:nth-of-type(1),
  .do_2011 + .do_x .doco_x:nth-of-type(2),
  .do_2011 + .do_x .doco_x:nth-of-type(3) {
    width: 100%;
    padding: 0;
  }
  .do_2011 + .do_x#ehrenamtskarte .doco_x:nth-of-type(3) {
    width: 100%;
    padding: 3em 0 0 0;
  }
}



.do_2011 + .do_x .doco_x:nth-of-type(1) h2 {
  width: 80%;
  margin: 0.79em 0 0 0;
  font-family: var(--designFont-1);
  color: var(--designFarbe-0);
  font-size: 2.75em;
  line-height: 1.34;
  text-align: center;
  font-weight: 400;
}
.do_2011 + .do_x#ehrenamtskarte .doco_x:nth-of-type(1) h2 {
  font-size: 3.5em;
  width: 77%;
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2011 + .do_x .doco_x:nth-of-type(1) h2,
  .do_2011 + .do_x#ehrenamtskarte .doco_x:nth-of-type(1) h2 {
    /* margin: 0; */
    margin: 0.5em 0 0.25em 0;
    line-height: 1.1;
    font-size: 2.75em;
  }
}


#kontanmode:checked ~ .site-grid .do_2011 + .do_x .doc_x h2 {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2011 + .do_x .doc_x h2 {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2011 + .do_x .doc_x h2 {
  color: var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2011 + .do_x .doc_x h2 {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2011 + .do_x .doc_x h2 {
    color: var(--designFarbe-0);
  }
  #kontanmode:checked ~ .site-grid .do_2011 + .do_x .doc_x h2 {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2011 + .do_x .doc_x h2 {
    color: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2011 + .do_x .doc_x h2 {
    color: var(--designFarbeK-1);
  }
}

.do_2011 + .do_x .doco_x p {
  width: 86%;
  margin: 2.5em 0 0 0;
  line-height: 1.4;
  color: var(--designFarbe-0);
  font-size: 1.2em;
}
#kontanmode:checked ~ .site-grid .do_2011 + .do_x .doc_x p {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2011 + .do_x .doc_x p {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2011 + .do_x .doc_x p {
  color: var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2011 + .do_x .doc_x p {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2011 + .do_x .doc_x p {
    color: var(--designFarbe-0);
  }
  #kontanmode:checked ~ .site-grid .do_2011 + .do_x .doc_x p {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2011 + .do_x .doc_x p {
    color: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2011 + .do_x .doc_x p {
    color: var(--designFarbeK-1);
  }
}


@media (max-width: 760px) and (orientation: portrait) {
  .do_2011 + .do_x .doco_x p {
    width: 100%;
    hyphens: auto;
    /* text-align: justify; */
  }
}














.do_2011 + .do_x .doco_x:nth-of-type(3) svg {
  margin: 4.5em 0 0 0;
  scale: 1.04;
}
.do_2011 + .do_x#ehrenamtskarte .doco_x:nth-of-type(3) svg {
  margin: 0.15em 0 0;
  scale: 0.8;
}




[data-js="aus"] .do_2011 + .do_x .doc_x, 
[data-schriftgross="gross"] .do_2011 + .do_x .doc_x {
  flex-direction: column;
}
[data-js="aus"] .do_2011 + .do_x .doco_x:nth-of-type(1), 
[data-schriftgross="gross"] .do_2011 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 1);
  padding: 2em var(--designMarginInnen-2) 2em var(--designMarginInnen-2);
}
[data-js="aus"] .do_2011 + .do_x .doco_x:nth-of-type(1) h2, 
[data-schriftgross="gross"] .do_2011 + .do_x .doco_x:nth-of-type(1) h2 {
  width: 100%;
}
[data-js="aus"] .do_2011 + .do_x .doco_x:nth-of-type(2), 
[data-schriftgross="gross"] .do_2011 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 1);
  padding: 2em var(--designMarginInnen-2) 2em var(--designMarginInnen-2);
}
[data-js="aus"]  .do_2011 + .do_x .doco_x:nth-of-type(2) p, 
[data-schriftgross="gross"] .do_2011 + .do_x .doco_x:nth-of-type(2) p {
  width: 100%;
  margin: 0;
}
[data-js="aus"] .do_2011 + .do_x .doco_x:nth-of-type(3), 
[data-schriftgross="gross"] .do_2011 + .do_x .doco_x:nth-of-type(3) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 3);
  padding: 2em var(--designMarginInnen-2) 4em var(--designMarginInnen-2);
  transform: translateX(50%);
}
[data-js="aus"] .do_2011 + .do_x .doco_x:nth-of-type(3) svg, 
[data-schriftgross="gross"] .do_2011 + .do_x .doco_x:nth-of-type(3) svg {
  margin: 0;
}
























/* 1-2-1 PeeneStrom Bestellen und Sparen */
.do_2012 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
  /* height: 16.25em; */
  /* z-index: 999; */
}
.do_2012 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  background: var(--designFarbe-0);
}
#kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x {
  background: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x {
  background: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .do_2012 + .do_x .doc_x {
  background: var(--designFarbe-4);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x {
  background: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .do_2012 + .do_x .doc_x {
    background: var(--designFarbe-4);
  }
  #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x {
    background: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .do_2012 + .do_x .doc_x {
    background: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x {
    background: var(--designFarbeK-0);
  }
}
@media (forced-colors: active) {
  .do_2012 + .do_x .doc_x {
    /* background: Window; */
    border-bottom: 1px solid;
  }
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2012 + .do_x .doc_x {
    flex-wrap: wrap;
    width: min(calc(100% - calc(var(--designMobilPadding) * 2)), var(--design-box-2));
    padding: 2.5em var(--designMobilPadding) 3.5em var(--designMobilPadding);
  }
  
  .itemid-125 .do_2012 + .do_x .doc_x {
    padding: 2.5em var(--designMobilPadding) 0em var(--designMobilPadding);
  }
}






.do_2012 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 3.5em 0 0 var(--designMarginInnen-2);
}
.do_2012 + .do_x .doco_x:nth-of-type(2) {
  /* width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2); */
  width: calc(calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2) + 1% );
  /* padding: 4em 0 2em 0; */
  /* padding: 3.5em 0 0 0; */
  padding: 3.5em 0 3.5em 0;
  display: flex;
  flex-wrap: wrap;
}
.do_2012 + .do_x .doco_x:nth-of-type(3) {
  /* width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4); */
  width: calc(calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4) - 1%);
  padding: 3.5em var(--designMarginInnen-2) 0 0;
}


@media (max-width: 760px) and (orientation: portrait) {
  .do_2012 + .do_x .doco_x:nth-of-type(1),
  .do_2012 + .do_x .doco_x:nth-of-type(2),
  .do_2012 + .do_x .doco_x:nth-of-type(3) {
    padding: 0;
  }
  .do_2012 + .do_x .doco_x:nth-of-type(1) {
    width: 55%;
    order: 1;
  }
  .do_2012 + .do_x .doco_x:nth-of-type(2) {
    width: 100%;
    order: 3;
  }
  .itemid-125 .do_2012 + .do_x .doco_x:nth-of-type(2) {
    flex-wrap: nowrap;
  }
  .do_2012 + .do_x .doco_x:nth-of-type(3) {
    width: 45%;
    order: 2;
  }
}







.do_2012 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  /* width: 76%; */
  width: 100%;
  margin: 0.8em 0 0 0;
  /* padding: 0 0 0 1em; */
}
@media (max-width: 760px) and (orientation:portrait) {
  .do_2012 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
    margin: 0;
  }
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2012 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar svg {
    width: 110%;
  }
}


.itemid-110 .do_2012 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar svg path:nth-of-type(3),
.itemid-116 .do_2012 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar svg path:nth-of-type(3) {
  /* transform: translate(-24rem, -10rem) scale(2); */
  /* transform-origin: center; */
}


.do_2012 + .do_x .doco_x:nth-of-type(2) > div {
  width: 50%;
  display: flex;
}
@media (max-width: 760px) and (orientation:portrait) {
  .itemid-125 .do_2012 + .do_x .doco_x:nth-of-type(2) > div {
    flex-direction: column;
  }
}
/*
.do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(1) {
  width: 50%;
}
*/
.do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(1) {
  width: 53%;
}
.do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(2) {
  width: 47%;
}

.do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(3) {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 2.2em 0 2.6em 0;
}

@media (max-width: 760px) and (orientation:portrait) {
  .do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(1) {
    width: 100%;
  }
  .do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(2) {
    width: 100%;
  }
  .do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(3) {
    /* display: none; */
  }
}


.do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) {
  /* margin: 0 1.5% 0 3%; */
}
.do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) {
  /* margin: 0 3% 0 1.5%; */
}
.do_2012 + .do_x .doco_x:nth-of-type(2) > div > div {
  width: 50%;
}

.do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) {
  width: 47%;
}
.do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) {
  width: 53%;
}

@media (max-width: 760px) and (orientation:portrait) {
  .itemid-125 .do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1),
  .itemid-125 .do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2),
  .itemid-125 .do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1),
  .itemid-125 .do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) {
    width: 100%;
  }
  .itemid-125 .do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2),
  .itemid-125 .do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) {
    margin: 3em 0 0 0;
  }
}


.do_2012 + .do_x .doco_x h3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  color: var(--designFarbe-1-01);
  /* font-family: var(--designFont-3); */
  /* font-family: var(--designFont-39); */
  font-family: var(--designFont-48);
  font-size: 4.5em;
  /* line-height: 1; */
  text-align: center;
}
.do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) h3 {
  padding: 0 4% 0 8%;
}

#kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2012 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbe-1-01);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbeK-1);
  }
}
@media (max-width: 760px) and (orientation:portrait) {
  .itemid-125 .do_2012 + .do_x .doco_x h3 {
    padding: 0 !important;
  }
}





.do_2012 + .do_x .doco_x h3 > span {
  display: block;
  /* width: 93%; */
  width: 100%;
  margin: 0.2em 0 0 0;
  color: var(--designFarbe-1);
  font-family: var(--designFont-46);
  font-size: 0.21em;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x h3 > span {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x h3 > span {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x h3 > span {
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x h3 > span {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2012 + .do_x .doc_x .doco_x h3 > span {
    color: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x h3 > span {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x h3 > span {
    color: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x h3 > span {
    color: var(--designFarbeK-1);
  }
}









.do_2012 + .do_x .doco_x p {
  /* width: 90%; */
  /* background: #ff00004d; */
  /* margin: 1em 0 0 0; */
  margin: 0.8em 0 0 0;
  /* font-size: 1.2em; */
  text-align: center;
  color: var(--designFarbe-5);

  font-family: var(--designFont-44);
  font-size: 1.1em;
}
.do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) p {
  padding: 0 10% 0 14%;
}

#kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p {
  color: var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2012 + .do_x .doc_x .doco_x p {
    color: var(--designFarbe-3);
  }
  #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p {
    color: var(--designFarbe-5);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p {
    color: var(--designFarbeK-1);
  }
}

@media (max-width: 760px) and (orientation:portrait) {
  .itemid-125 .do_2012 + .do_x .doco_x p {
    padding: 0 !important;
  }
}





/*
.do_2012 + .do_x .doc_x .doco_x p a {
  display: flex;
  flex-direction: column;

  color: var(--designFarbe-5);
  font-weight: 700;
  text-decoration: none;
}
#kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p a {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p a {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p a {
  color: var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p a {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2012 + .do_x .doc_x .doco_x p a {
    color: var(--designFarbe-3);
  }
  #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p a {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p a {
    color: var(--designFarbe-5);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p a {
    color: var(--designFarbeK-1);
  }
}
*/




.do_2012 + .do_x .doc_x .doco_x p:has(a[href*="tel"]) {
  display: flex;
  justify-content: center;
}
.do_2012 + .do_x .doc_x .doco_x p a[href*="tel"] {
  /* display: flex; */
  /* flex-direction: column; */

  text-align: left;
  display: inline;
  padding: 0 0 0 0.75em;

  color: var(--designFarbe-5);
  font-weight: 700;
  text-decoration: none;
}
.do_2012 + .do_x .doc_x .doco_x p a[href*="tel"] {
  color: var(--designFarbe-1);
}
#kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p a[href*="tel"] {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p a[href*="tel"] {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p a[href*="tel"] {
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p a[href*="tel"] {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2012 + .do_x .doc_x .doco_x p a[href*="tel"] {
    color: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p a[href*="tel"] {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p a[href*="tel"] {
    color: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x p a[href*="tel"] {
    color: var(--designFarbeK-1);
  }
}

.do_2012 + .do_x .doc_x .doco_x p a[href*="tel"] > span {
  position: relative;
  /* padding: 0 0 0 0.75em; */
  padding: 0 0 0 0em;
}
.do_2012 + .do_x .doc_x .doco_x p a[href*="tel"] > span::before {
  content: 'T';
  position: absolute;
  /* left: 0; */
  left: -0.75em;
}
.do_2012 + .do_x .doc_x .doco_x p a.faxnummer[href*="tel"] > span::before {
  content: 'F';
}


















.do_2012 + .do_x .doco_x a.linkKnopf {
  height: fit-content;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 1em 2.5em 0.9em 2.5em;
  color: var(--designFarbe-1);
  background: var(--designFarbe-3);
  font-size: 1.2em;
  font-family: var(--designFont-45);
  box-shadow: inset 0 0 0 0 transparent;
  transform: translateX(-0.5em);
  transition: 0.3s;
}
#kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x a.linkKnopf {
  background: var(--designFarbeK-1);
  color: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x a.linkKnopf {
  background: var(--designFarbeK-1);
  color: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x a.linkKnopf {
  background: var(--designFarbe-3);
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x a.linkKnopf {
  background: var(--designFarbeK-0);
  color: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .do_2012 + .do_x .doc_x .doco_x a.linkKnopf {
    background: var(--designFarbe-3);
    color: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x a.linkKnopf {
    background: var(--designFarbeK-0);
    color: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x a.linkKnopf {
    background: var(--designFarbe-3);
    color: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x a.linkKnopf {
    background: var(--designFarbeK-1);
    color: var(--designFarbeK-0);
  }
}



.do_2012 + .do_x .doco_x a.linkKnopf:hover {
  background: var(--designFarbe-1);
  color: var(--designFarbe-3);
  box-shadow: inset 0 0 0 1px var(--designFarbe-3);
  filter: drop-shadow(0 0 0.1em var(--designFarbe-1));
  transition: 0.3s;
}
#kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x a.linkKnopf:hover {
  background: var(--designFarbeK-0);
  color: var(--designFarbeK-1);
  box-shadow: inset 0 0 0 1px var(--designFarbeK-1);
  filter: drop-shadow(0 0 0em var(--designFarbeK-1));
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x a.linkKnopf:hover {
  background: var(--designFarbeK-0);
  color: var(--designFarbeK-1);
  box-shadow: inset 0 0 0 1px var(--designFarbeK-1);
  filter: drop-shadow(0 0 0em var(--designFarbeK-1));
}
#darkmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x a.linkKnopf:hover {
  background: var(--designFarbe-1);
  color: var(--designFarbe-3);
  box-shadow: inset 0 0 0 1px var(--designFarbe-3);
  filter: drop-shadow(0 0 0.1em var(--designFarbe-1));
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x a.linkKnopf:hover {
  background: var(--designFarbeK-1);
  color: var(--designFarbeK-0);
  box-shadow: inset 0 0 0 1px var(--designFarbeK-0);
  filter: drop-shadow(0 0 0em var(--designFarbeK-0));
}
@media (prefers-color-scheme: dark) {
  .do_2012 + .do_x .doc_x .doco_x a.linkKnopf:hover {
    background: var(--designFarbe-1);
    color: var(--designFarbe-3);
    box-shadow: inset 0 0 0 1px var(--designFarbe-3);
    filter: drop-shadow(0 0 0.1em var(--designFarbe-1));
  }
  #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x a.linkKnopf:hover {
    background: var(--designFarbeK-1);
    color: var(--designFarbeK-0);
    box-shadow: inset 0 0 0 1px var(--designFarbeK-0);
    filter: drop-shadow(0 0 0em var(--designFarbeK-0));
  }
  #hellmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x a.linkKnopf:hover {
    background: var(--designFarbe-1);
    color: var(--designFarbe-3);
    box-shadow: inset 0 0 0 1px var(--designFarbe-3);
    filter: drop-shadow(0 0 0.1em var(--designFarbe-1));
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2012 + .do_x .doc_x .doco_x a.linkKnopf:hover {
    background: var(--designFarbeK-0);
    color: var(--designFarbeK-1);
    box-shadow: inset 0 0 0 1px var(--designFarbeK-1);
    filter: drop-shadow(0 0 0em var(--designFarbeK-1));
  }
}

@media (forced-colors: active) {
  .do_2012 + .do_x .doc_x .doco_x a.linkKnopf {
    color: ButtonText;
    border: 1px solid ButtonText;
  }
  .do_2012 + .do_x .doc_x .doco_x a.linkKnopf:hover {
    color: ButtonText;
    text-decoration: underline;
  }
}








[data-js="aus"] .do_2012 + .do_x .doc_x, 
[data-schriftgross="gross"] .do_2012 + .do_x .doc_x {
  position: relative;
}
[data-js="aus"] .do_2012 + .do_x .doco_x:nth-of-type(1), 
[data-schriftgross="gross"] .do_2012 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  z-index: 1;
  display: flex;
  justify-content: center;
}
[data-js="aus"] .do_2012 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar, 
[data-schriftgross="gross"] .do_2012 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  width: 45%;
  margin: 1em 0 0 0;
  padding: 0;
}
[data-js="aus"] .do_2012 + .do_x .doco_x:nth-of-type(2), 
[data-schriftgross="gross"] .do_2012 + .do_x .doco_x:nth-of-type(2) {
  
}
[data-js="aus"] .do_2012 + .do_x .doco_x:nth-of-type(3), 
[data-schriftgross="gross"] .do_2012 + .do_x .doco_x:nth-of-type(3) {
  position: absolute;
  bottom: 0;
  padding: 3.5em 0 0 calc(var(--designMarginInnen-2) * 1.5);
  width: calc(calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 3) - 1%);
}

[data-js="aus"] .do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(1), 
[data-js="aus"] .do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(2), 
[data-schriftgross="gross"] .do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(1), 
[data-schriftgross="gross"] .do_2012 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(2) {
  width: 100%;
}























/* 1-1-1-1 PeeneStrom Vorteile */
.do_2013 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
  /* height: 16.25em; */
  /* z-index: 999; */
}
.do_2013 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  background: var(--designFarbe-0);
}

#kontanmode:checked ~ .site-grid .do_2013 + .do_x .doc_x {
  background: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2013 + .do_x .doc_x {
  background: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .do_2013 + .do_x .doc_x {
  background: var(--designFarbe-4);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2013 + .do_x .doc_x {
  background: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .do_2013 + .do_x .doc_x {
    background: var(--designFarbe-4);
  }
  #kontanmode:checked ~ .site-grid .do_2013 + .do_x .doc_x {
    background: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .do_2013 + .do_x .doc_x {
    background: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2013 + .do_x .doc_x {
    background: var(--designFarbeK-0);
  }
}

@media (forced-colors: active) {
  .do_2013 + .do_x .doc_x {
    /* background: Window; */
    border-bottom: 1px solid;
  }
}


@media (max-width: 760px) and (orientation:portrait) {
  .do_2013 + .do_x .doc_x {
    flex-wrap: wrap;
    width: min(calc(100% - calc(var(--designMobilPadding) * 2)), var(--design-box-2));
    padding: 2.5em 2em 2.5em 2em;
  }
  .itemid-117 .do_2013 + .do_x .doc_x {
    padding: 2.5em 2em 4.5em 2em;
  }
}








.do_2013 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0 2em var(--designMarginInnen-2);
}
.do_2013 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0;
}
.do_2013 + .do_x .doco_x:nth-of-type(3) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0;
}
.do_2013 + .do_x .doco_x:nth-of-type(4) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em var(--designMarginInnen-2) 2em 0;
}




@media (max-width: 760px) and (orientation:portrait) {
  .do_2013 + .do_x .doco_x:nth-of-type(1),
  .do_2013 + .do_x .doco_x:nth-of-type(2),
  .do_2013 + .do_x .doco_x:nth-of-type(3),
  .do_2013 + .do_x .doco_x:nth-of-type(4) {
    padding: 0;
  }
  .do_2013 + .do_x .doco_x:nth-of-type(1) {
    /* width: calc(55% - var(--designMobilPadding) ); */
    width: 55%;
    order: 2;
  }
  .do_2013 + .do_x .doco_x:nth-of-type(2) {
    /* width: calc(45% - var(--designMobilPadding)); */
    width: 45%;
    scale: -1 1;
    order: 2;
  }
  .do_2013 + .do_x .doco_x:nth-of-type(3) {
    /* width: calc(100% - calc(var(--designMobilPadding) * 2)); */
    width: 100%;
    order: 3;
  }
  .do_2013 + .do_x .doco_x:nth-of-type(4) {
    /* width: calc(100% - calc(var(--designMobilPadding) * 2)); */
    width: 100%;
    order: 4;
  }
}



.do_2013 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  /* width: 76%; */
  /* width: 80%; */
  /* width: 73%; */
  width: 100%;
  /* margin: 0.5em 0 1em 0; */
  margin: 0.5em 0 0em 0;
  /* padding: 0 0 0 1.3em; */
  /* padding: 0 0 0 1.9em; */
  /* padding: 0 0 0 1em; */
}
@media (max-width: 760px) and (orientation:portrait) {
  .do_2013 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
    margin: 0;
  }
}

@media (max-width: 760px) and (orientation:portrait) {
  .do_2013 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar svg {
    width: 110%;
  }
}

.do_2013 + .do_x .doc_x .doco_x h3 {
  width: 76%;
  /* width: 100%; */
  /* margin: 0.5em 0 1em 0; */
  margin: 0.4em 0 0.6em 0;
  
  /* padding: 0 0 0 1.3em; */
  color: var(--designFarbe-1);
  font-size: 1.77em;
}

#kontanmode:checked ~ .site-grid .do_2013 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2013 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2013 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2013 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2013 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .do_2013 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2013 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2013 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbeK-1);
  }
}

@media (max-width: 760px) and (orientation:portrait) {
  .do_2013 + .do_x .doc_x .doco_x:nth-of-type(4) h3 {
    margin: 1em 0 0 0;
  }
}







.do_2013 + .do_x .doc_x .doco_x p {
  width: 83%;
  font-size: 1.2em;
  /* font-size: 1.1em; */
  /* Testweise */
  /* font-weight: 700; */
  color: var(--designFarbe-5);
}

#kontanmode:checked ~ .site-grid .do_2013 + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2013 + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2013 + .do_x .doc_x .doco_x p {
  color: var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2013 + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2013 + .do_x .doc_x .doco_x p {
    color: var(--designFarbe-3);
  }
  #kontanmode:checked ~ .site-grid .do_2013 + .do_x .doc_x .doco_x p {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2013 + .do_x .doc_x .doco_x p {
    color: var(--designFarbe-5);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2013 + .do_x .doc_x .doco_x p {
    color: var(--designFarbeK-1);
  }
}


@media (max-width: 760px) and (orientation:portrait) {
  .do_2013 + .do_x .doc_x .doco_x p {
    width: 100%;
  }

}








/*
.do_2013 + .do_x .doc_x .doco_x.blockBild.blockBildSuperman {
}
.do_2013 + .do_x .doc_x .doco_x.blockBild.blockBildSuperman .dscstc_x {
  position: relative;
}
.do_2013 + .do_x .doc_x .doco_x.blockBild.blockBildSuperman .dscstca1_x {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scale(0.92) translate(-4.2em, -5em);
  z-index: 1;
}
.do_2013 + .do_x .doc_x .doco_x.blockBild.blockBildSuperman .dscstcb1_x {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scale(0.92) translate(-4.2em, -5em);
  z-index: 1;
}
.do_2013 + .do_x .doc_x .doco_x.blockBild.blockBildSuperman .dscstct1_x {
  display: none;
}
*/

.blockBild .dscstc_x {
  width: 100%;
  height: 100%;
  position: relative;
}
.blockBild .dscstca1_x {
  position: absolute;
  width: 100%;
  height: 100%;
}
.blockBild .dscstcb1_x {
  position: absolute;
  width: 100%;
  height: 100%;
}




.blockBild .dscstca1_x svg,
.blockBild .dscstcb1_x svg {
  /* height: 100%; */
  width: 100%;
}


/*
.blockBild .dscstcb1_x svg.svgHinterGrund {
  position: absolute;
}
.blockBild .dscstcb1_x svg.svgHinterGrund .fil0 {
  fill: var(--designFarbe-0);
}
#kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg.svgHinterGrund .fil0 {
  fill: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg.svgHinterGrund .fil0 {
  fill: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .blockBild .dscstcb1_x svg.svgHinterGrund .fil0 {
  fill: var(--designFarbe-4);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg.svgHinterGrund .fil0 {
  fill: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .blockBild .dscstcb1_x svg.svgHinterGrund .fil0 {
    fill: var(--designFarbe-4);
  }
  #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg.svgHinterGrund .fil0 {
    fill: var(--designFarbeK-1);
  }
  #darkmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg.svgHinterGrund .fil0 {
    fill: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .blockBild .dscstcb1_x svg.svgHinterGrund .fil0 {
    fill: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg.svgHinterGrund .fil0 {
    fill: var(--designFarbeK-0);
  }
}
*/















.blockBild .dscstct1_x {
  display: none;
}

/* Superman */
/* .do_2013 + .do_x .doc_x .doco_x.blockBild.blockBildSuperman .dscstca1_x { */
.blockBildSuperman .dscstca1_x {
  /* transform: scale(0.92) translate(-4.2em, -5.6em); */
  /* transform: scale(1.8) translate(2.5em, 0.7em); */
  /* z-index: 1; */
}
/* .do_2013 + .do_x .doc_x .doco_x.blockBild.blockBildSuperman .dscstcb1_x { */
.blockBildSuperman .dscstcb1_x {
  /* filter: drop-shadow(0px 0px 2px var(--designFarbe-4-02)); */
  /* filter: drop-shadow(-1px 0px 0px var(--designFarbe-1-03)) drop-shadow(1px 0px 0px var(--designFarbe-1-03)); */
  /* transform: scale(0.92) translate(-4.2em, -5.6em); */
  /* transform: scale(1.8) translate(2.5em, 0.7em); */
  /* z-index: 1; */
}

.blockBildSuperman .dscstca1_x,
.blockBildSuperman .dscstcb1_x {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.blockBild.blockBildSuperman .dscstcb1_x {
  filter: drop-shadow(-1px 0px 0px var(--designFarbe-1-03)) drop-shadow(1px 0px 0px var(--designFarbe-1-03)) !important;
}
.blockBildSuperman .dscstca1_x svg,
.blockBildSuperman .dscstcb1_x svg {
  /* transform: scale(0.9); */
  transform: scale(0.92) translate(-4.2em, 1.4em);
  width: 19em;
}
.blockBild.blockBildSuperman .dscstcb1_x svg {
  background: none !important;
}
.blockBild.blockBildSuperman .dscstca1_x {
  filter: none !important;
}

@media (max-width: 760px) and (orientation:portrait) {
  .blockBildSuperman .dscstca1_x svg,
  .blockBildSuperman .dscstcb1_x svg {
    transform: scale(1) translate(-2em, 2.5em);
  }
}



/* Lady mit Cash */
.blockBildLadyMitCash .dscstca1_x {
  display: flex;
  justify-content: right;
  align-items: flex-end;
  /* background-image: url(); */
}
.blockBildLadyMitCash .dscstca1_x svg {
  width: 80%;
  transform: translateY(2px);
}
.blockBildLadyMitCash .dscstcb1_x {
  display: flex;
  justify-content: right;
  align-items: flex-end;
  /* background-image: var(--designFarbeSvg-0); */
  /* filter: drop-shadow(-1px 0px 0px var(--designFarbe-1-03)) drop-shadow(1px 0px 0px var(--designFarbe-1-03)); */
  /* background: var(--designFarbeSvg-0); */
}



.blockBildLadyMitCash .dscstcb1_x svg {
  width: 80%;
  transform: translateY(2px);
  /* background: var(--designFarbeSvg-0); */
  /* background: url(https://energie-vorpommern.eu/images/svgHinterGrund_lady-mit-cash.svg); */
  /* background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='40' class='fil0'/></svg>"); */
}
@media (max-width: 760px) and (orientation: portrait) {
  .blockBildLadyMitCash .dscstca1_x svg, 
  .blockBildLadyMitCash .dscstcb1_x svg {
    transform: scale(1) translate(0em, -1.5em);
  }
}

/*
#hellmode:checked ~ .site-grid .blockBildLadyMitCash .dscstcb1_x svg {
  background: var(--designFarbeSvg-0);
}
#kontanmode:checked ~ .site-grid .blockBildLadyMitCash .dscstcb1_x svg {
  background: var(--designFarbeSvg-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .blockBildLadyMitCash .dscstcb1_x svg {
  background: var(--designFarbeSvg-0);
}
#darkmode:checked ~ .site-grid .blockBildLadyMitCash .dscstcb1_x svg {
  background: var(--designFarbeSvg-4);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .blockBildLadyMitCash .dscstcb1_x svg {
  background: var(--designFarbeSvg-4);
}
@media (prefers-color-scheme: dark) {
  .blockBildLadyMitCash .dscstcb1_x svg {
    background: var(--designFarbeSvg-4);
  }
  #kontanmode:checked ~ .site-grid .blockBildLadyMitCash .dscstcb1_x svg {
    background: var(--designFarbeSvg-4);
  }
  #darkmode:checked ~ #kontanmode:checked ~ .site-grid .blockBildLadyMitCash .dscstcb1_x svg {
    background: var(--designFarbeSvg-4);
  }
  #hellmode:checked ~ .site-grid .blockBildLadyMitCash .dscstcb1_x svg {
    background: var(--designFarbeSvg-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .blockBildLadyMitCash .dscstcb1_x svg {
    background: var(--designFarbeSvg-0);
  }
}
*/

/*
.blockBild .dscstcb1_x {
  filter: drop-shadow(-1px 0px 0px var(--designFarbe-0)) drop-shadow(1px 0px 0px var(--designFarbe-0));
}
#hellmode:checked ~ .site-grid .blockBild .dscstcb1_x {
  filter: drop-shadow(-1px 0px 0px var(--designFarbe-0)) drop-shadow(1px 0px 0px var(--designFarbe-0));
}
#kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x {
  filter: drop-shadow(-1px 0px 0px var(--designFarbeK-0)) drop-shadow(1px 0px 0px var(--designFarbeK-0));
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x {
  filter: drop-shadow(-1px 0px 0px var(--designFarbeK-0)) drop-shadow(1px 0px 0px var(--designFarbeK-0));
}
#darkmode:checked ~ .site-grid .blockBild .dscstcb1_x {
  filter: drop-shadow(-1px 0px 0px var(--designFarbe-4)) drop-shadow(1px 0px 0px var(--designFarbe-4));
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x {
  filter: drop-shadow(-1px 0px 0px var(--designFarbeK-1)) drop-shadow(1px 0px 0px var(--designFarbeK-1));
}
@media (prefers-color-scheme: dark) {
  .blockBild .dscstcb1_x {
    filter: drop-shadow(-1px 0px 0px var(--designFarbe-4)) drop-shadow(1px 0px 0px var(--designFarbe-4));
  }
  #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x {
    filter: drop-shadow(-1px 0px 0px var(--designFarbeK-1)) drop-shadow(1px 0px 0px var(--designFarbeK-1));
  }
  #darkmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x {
    filter: drop-shadow(-1px 0px 0px var(--designFarbeK-1)) drop-shadow(1px 0px 0px var(--designFarbeK-1));
  }
  #hellmode:checked ~ .site-grid .blockBild .dscstcb1_x {
    filter: drop-shadow(-1px 0px 0px var(--designFarbe-0)) drop-shadow(1px 0px 0px var(--designFarbe-0));
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x {
    filter: drop-shadow(-1px 0px 0px var(--designFarbeK-0)) drop-shadow(1px 0px 0px var(--designFarbeK-0));
  }
}
*/



.blockBild .dscstca1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbe-0)) drop-shadow(1em 0px 0px var(--designFarbe-0));
}
#hellmode:checked ~ .site-grid .blockBild .dscstca1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbe-0)) drop-shadow(1em 0px 0px var(--designFarbe-0));
}
#kontanmode:checked ~ .site-grid .blockBild .dscstca1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbeK-0)) drop-shadow(1em 0px 0px var(--designFarbeK-0));
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstca1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbeK-0)) drop-shadow(1em 0px 0px var(--designFarbeK-0));
}
#darkmode:checked ~ .site-grid .blockBild .dscstca1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbe-4)) drop-shadow(1em 0px 0px var(--designFarbe-4));
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstca1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbeK-1)) drop-shadow(1em 0px 0px var(--designFarbeK-1));
}
@media (prefers-color-scheme: dark) {
  .blockBild .dscstca1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbe-4)) drop-shadow(1em 0px 0px var(--designFarbe-4));
  }
  #kontanmode:checked ~ .site-grid .blockBild .dscstca1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbeK-1)) drop-shadow(1em 0px 0px var(--designFarbeK-1));
  }
  #darkmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstca1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbeK-1)) drop-shadow(1em 0px 0px var(--designFarbeK-1));
  }
  #hellmode:checked ~ .site-grid .blockBild .dscstca1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbe-0)) drop-shadow(1em 0px 0px var(--designFarbe-0));
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstca1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbeK-0)) drop-shadow(1em 0px 0px var(--designFarbeK-0));
  }
}
@media (forced-colors: active) {
  .blockBild .dscstca1_x {
    filter: drop-shadow(-1em 0px 0px Window) drop-shadow(1em 0px 0px Window);
  }
}




.blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbe-0)) drop-shadow(1em 0px 0px var(--designFarbe-0));
}
#hellmode:checked ~ .site-grid .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbe-0)) drop-shadow(1em 0px 0px var(--designFarbe-0));
}
#kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbeK-0)) drop-shadow(1em 0px 0px var(--designFarbeK-0));
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbeK-0)) drop-shadow(1em 0px 0px var(--designFarbeK-0));
}
#darkmode:checked ~ .site-grid .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbe-4)) drop-shadow(1em 0px 0px var(--designFarbe-4));
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbeK-1)) drop-shadow(1em 0px 0px var(--designFarbeK-1));
}
@media (prefers-color-scheme: dark) {
  .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbe-4)) drop-shadow(1em 0px 0px var(--designFarbe-4));
  }
  #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbeK-1)) drop-shadow(1em 0px 0px var(--designFarbeK-1));
  }
  #darkmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbeK-1)) drop-shadow(1em 0px 0px var(--designFarbeK-1));
  }
  #hellmode:checked ~ .site-grid .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbe-0)) drop-shadow(1em 0px 0px var(--designFarbe-0));
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbeK-0)) drop-shadow(1em 0px 0px var(--designFarbeK-0));
  }
}
@media (forced-colors: active) {
  .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px Window) drop-shadow(1em 0px 0px Window);
  }
}







/*
.blockBild .dscstcb1_x svg {
  filter: drop-shadow(-1px 0px 0px var(--designFarbe-0)) drop-shadow(1px 0px 0px var(--designFarbe-0));
}
#hellmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
  filter: drop-shadow(-1px 0px 0px var(--designFarbe-0)) drop-shadow(1px 0px 0px var(--designFarbe-0));
}
#kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
  filter: drop-shadow(-1px 0px 0px var(--designFarbeK-0)) drop-shadow(1px 0px 0px var(--designFarbeK-0));
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
  filter: drop-shadow(-1px 0px 0px var(--designFarbeK-0)) drop-shadow(1px 0px 0px var(--designFarbeK-0));
}
#darkmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
  filter: drop-shadow(-1px 0px 0px var(--designFarbe-4)) drop-shadow(1px 0px 0px var(--designFarbe-4));
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
  filter: drop-shadow(-1px 0px 0px var(--designFarbeK-1)) drop-shadow(1px 0px 0px var(--designFarbeK-1));
}
@media (prefers-color-scheme: dark) {
  .blockBild .dscstcb1_x svg {
    filter: drop-shadow(-1px 0px 0px var(--designFarbe-4)) drop-shadow(1px 0px 0px var(--designFarbe-4));
  }
  #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
    filter: drop-shadow(-1px 0px 0px var(--designFarbeK-1)) drop-shadow(1px 0px 0px var(--designFarbeK-1));
  }
  #darkmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
    filter: drop-shadow(-1px 0px 0px var(--designFarbeK-1)) drop-shadow(1px 0px 0px var(--designFarbeK-1));
  }
  #hellmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
    filter: drop-shadow(-1px 0px 0px var(--designFarbe-0)) drop-shadow(1px 0px 0px var(--designFarbe-0));
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
    filter: drop-shadow(-1px 0px 0px var(--designFarbeK-0)) drop-shadow(1px 0px 0px var(--designFarbeK-0));
  }
}
*/


/*
.blockBild .dscstcb1_x svg {
  background: var(--designFarbeSvg-0);
}
#hellmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
  background: var(--designFarbeSvg-0);
}
#kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
  background: var(--designFarbeSvg-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
  background: var(--designFarbeSvg-0);
}
#darkmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
  background: var(--designFarbeSvg-4);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
  background: var(--designFarbeSvg-4);
}
@media (prefers-color-scheme: dark) {
  .blockBild .dscstcb1_x svg {
    background: var(--designFarbeSvg-4);
  }
  #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
    background: var(--designFarbeSvg-4);
  }
  #darkmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
    background: var(--designFarbeSvg-4);
  }
  #hellmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
    background: var(--designFarbeSvg-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
    background: var(--designFarbeSvg-0);
  }
}
*/
#kontanmode:checked ~ .site-grid .blockBild .dscstcb1_x svg {
  /* background: none !important; */
}







[data-js="aus"] .blockBildLadyMitCash .dscstca1_x svg, 
[data-js="aus"] .blockBildLadyMitCash .dscstcb1_x svg, 
[data-schriftgross="gross"] .blockBildLadyMitCash .dscstca1_x svg,
[data-schriftgross="gross"] .blockBildLadyMitCash .dscstcb1_x svg {
  width: 63%;
}









/* PeeneStrom Energiepunkte Frau Ebeling */
.blockBildFrauEbeling .dscstca1_x {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.blockBildFrauEbeling .dscstca1_x svg {
  width: 80%;
  transform: translateY(2px);
}
.blockBildFrauEbeling .dscstcb1_x {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  /* background-image: var(--designFarbeSvg-0); */
  /* filter: drop-shadow(-1px 0px 0px var(--designFarbe-1-03)) drop-shadow(1px 0px 0px var(--designFarbe-1-03)); */
  /* background: var(--designFarbeSvg-0); */
}
.blockBildFrauEbeling .dscstcb1_x svg {
  width: 80%;
  transform: translateY(2px);
  /* background: var(--designFarbeSvg-0); */
}
#hellmode:checked ~ .site-grid .blockBildFrauEbeling .dscstcb1_x svg {
  /* background: var(--designFarbeSvg-0); */
}
[data-js="aus"] .blockBildFrauEbeling .dscstca1_x svg, 
[data-js="aus"] .blockBildFrauEbeling .dscstcb1_x svg, 
[data-schriftgross="gross"] .blockBildFrauEbeling .dscstca1_x svg,
[data-schriftgross="gross"] .blockBildFrauEbeling .dscstcb1_x svg {
  width: 63%;
}


@media (max-width: 760px) and (orientation: portrait) {
  .blockBildFrauEbeling .dscstca1_x svg, 
  .blockBildFrauEbeling .dscstcb1_x svg {
    transform: scale(1) translate(0em, -0.5em);
  }
}

















[data-js="aus"] .do_2013 + .do_x .doc_x,
[data-schriftgross="gross"] .do_2013 + .do_x .doc_x {
  flex-wrap: wrap;
}
[data-js="aus"] .do_2013 + .do_x .doco_x:nth-of-type(1),
[data-schriftgross="gross"] .do_2013 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 2em 0 2em var(--designMarginInnen-2);
  order: 1;
  display: flex;
  justify-content: center;
}
[data-js="aus"] .do_2013 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar,
[data-schriftgross="gross"] .do_2013 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  width: 46%;
  margin: 1em 0 0 0;
  padding: 0;
}
[data-js="aus"] .do_2013 + .do_x .doco_x:nth-of-type(2),
[data-schriftgross="gross"] .do_2013 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 2em 0 2em var(--designMarginInnen-2);
  order: 3;
}
[data-js="aus"] .do_2013 + .do_x .doco_x:nth-of-type(3),
[data-schriftgross="gross"] .do_2013 + .do_x .doco_x:nth-of-type(3) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 2em var(--designMarginInnen-2) 2em 0;
  order: 2;
}
[data-js="aus"] .do_2013 + .do_x .doco_x:nth-of-type(4),
[data-schriftgross="gross"] .do_2013 + .do_x .doco_x:nth-of-type(4) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  order: 4;
}


[data-js="aus"] .blockBildSuperman .dscstca1_x svg, 
[data-js="aus"] .blockBildSuperman .dscstcb1_x svg, 
[data-schriftgross="gross"] .blockBildSuperman .dscstca1_x svg, 
[data-schriftgross="gross"] .blockBildSuperman .dscstcb1_x svg {
  transform: scale(0.9) translate(0.5em, 2.4em);
  width: 14em;
}


























/* 1-1-1-1 ENERGIEPUNKTE Weiß */

.do_2023 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
  /* height: 16.25em; */
  /* z-index: 999; */
}
.do_2023 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  background: var(--designFarbe-0);
}
#hellmode:checked ~ .site-grid .do_2023 + .do_x .doc_x {
  background: var(--designFarbe-0);
}

.do_2023 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0 2em var(--designMarginInnen-2);
}
.do_2023 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0;
}
.do_2023 + .do_x .doco_x:nth-of-type(3) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0;
}
.do_2023 + .do_x .doco_x:nth-of-type(4) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em var(--designMarginInnen-2) 2em 0;
}
.do_2023 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  /* width: 76%; */
  /* width: 80%; */
  width: 73%;
  /* margin: 0.5em 0 1em 0; */
  margin: 0.5em 0 0em 0;
  /* padding: 0 0 0 1.3em; */
  padding: 0 0 0 1.9em;
}
.do_2023 + .do_x .doc_x .doco_x h3 {
  width: 76%;
  /* margin: 0.5em 0 1em 0; */
  margin: 0.4em 0 0.6em 0;
  
  /* padding: 0 0 0 1.3em; */
  color: var(--designFarbe-1);
  font-size: 1.77em;
}
.do_2023 + .do_x .doc_x .doco_x p {
  width: 83%;
  font-size: 1.2em;
  /* font-size: 1.1em; */
  /* Testweise */
  /* font-weight: 700; */
}


[data-js="aus"] .do_2023 + .do_x .doc_x, 
[data-schriftgross="gross"] .do_2023 + .do_x .doc_x {
  flex-wrap: wrap;
}
[data-js="aus"] .do_2023 + .do_x .doco_x:nth-of-type(1), 
[data-schriftgross="gross"] .do_2023 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 2em 0 2em var(--designMarginInnen-2);
  order: 1;
  display: flex;
  justify-content: center;
}
[data-js="aus"] .do_2023 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar, 
[data-schriftgross="gross"] .do_2023 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  width: 46%;
  margin: 1em 0 0 0;
  padding: 0;
}
[data-js="aus"] .do_2023 + .do_x .doco_x:nth-of-type(2), 
[data-schriftgross="gross"] .do_2023 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 2em 0 2em var(--designMarginInnen-2);
  order: 3;
}
[data-js="aus"] .do_2023 + .do_x .doco_x:nth-of-type(3), 
[data-schriftgross="gross"] .do_2023 + .do_x .doco_x:nth-of-type(3) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 2em var(--designMarginInnen-2) 2em 0;
  order: 2;
}
[data-js="aus"] .do_2023 + .do_x .doco_x:nth-of-type(4), 
[data-schriftgross="gross"] .do_2023 + .do_x .doco_x:nth-of-type(4) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  order: 4;
}

#hellmode:checked ~ .site-grid .do_2023 + .do_x .doc_x .doco_x p {
  color: var(--designFarbe-5);
}
#darkmode:checked ~ .site-grid   .do_2023 + .do_x .doc_x {
  background: var(--designFarbe-4);
}
#darkmode:checked ~ .site-grid .do_2023 + .do_x .doc_x .doco_x p {
  color: var(--designFarbe-3);
}
@media (prefers-color-scheme: dark) {

  .do_2023 + .do_x .doc_x {
    background: var(--designFarbe-4);
  }
  .do_2023 + .do_x .doc_x .doco_x p {
    color: var(--designFarbe-3);
  }

}















/* 1-1-1-1 ENERGIEPUNKTE ROT do_2024 | WEISS do_2024.do_2024_r */

.do_2024 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
  /* height: 16.25em; */
  /* z-index: 999; */
}
.do_2024 + .do_x *:focus {
  outline: 0.25em solid var(--designFarbe-3);
  outline-offset: 0.25em;
}
.do_2024.do_2024_r + .do_x *:focus {
  outline: 0.25em solid var(--designFarbe-1);
  outline-offset: 0.25em;
}



.do_2024 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  background: var(--designFarbe-1);
}
#hellmode:checked ~ .site-grid .do_2024 + .do_x .doc_x {
  /* background: var(--designFarbe-0); */
}
#darkmode:checked ~ .site-grid   .do_2024 + .do_x .doc_x {
  /* background: var(--designFarbe-1); */
}
@media (prefers-color-scheme: dark) {
  .do_2024 + .do_x .doc_x {
    background: var(--designFarbe-1);
  }
}


















.do_2024.do_2024_r + .do_x .doc_x {
  background: var(--designFarbe-0);
}

#kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x {
  background: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x {
  background: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x {
  background: var(--designFarbe-4);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x {
  background: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .do_2024.do_2024_r + .do_x .doc_x {
    background: var(--designFarbe-4);
  }
  #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x {
    background: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x {
    background: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x {
    background: var(--designFarbeK-0);
  }
}



@media (max-width: 760px) and (orientation: portrait) {
  .do_2024 + .do_x .doc_x {
    flex-wrap: wrap;
    width: min(calc(100% - calc(var(--designMobilPadding) * 2)), var(--design-box-2));
    padding: 2.5em var(--designMobilPadding) 3.5em var(--designMobilPadding);
  }
}


.do_2024 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0 0em var(--designMarginInnen-2);
}
.do_2024 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0;
}
.do_2024 + .do_x .doco_x:nth-of-type(3) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0;
}
.do_2024 + .do_x .doco_x:nth-of-type(4) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em var(--designMarginInnen-2) 2em 0;

  /* padding: 2em calc(var(--designMarginInnen-2) - 4%) 0em 0; */
  /* width: calc(calc(100% - calc(calc(var(--designMarginInnen-2) - 8%) * 2)) / 4); */
}

.do_2024.do_2024_2 + .do_x .doco_x:nth-of-type(1) {
  order: 4;
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em var(--designMarginInnen-2) 0em 0;
}
.do_2024.do_2024_2 + .do_x .doco_x:nth-of-type(2) {
  order: 1;
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0 0em var(--designMarginInnen-2);
}
.do_2024.do_2024_2 + .do_x .doco_x:nth-of-type(3) {
  order: 2;
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0;
}
.do_2024.do_2024_2 + .do_x .doco_x:nth-of-type(4) {
  order: 3;
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0;
}


@media (max-width: 760px) and (orientation: portrait) {
  .do_2024 + .do_x .doco_x:nth-of-type(1),
  .do_2024 + .do_x .doco_x:nth-of-type(2),
  .do_2024 + .do_x .doco_x:nth-of-type(3),
  .do_2024 + .do_x .doco_x:nth-of-type(4),
  .do_2024.do_2024_2 + .do_x .doco_x:nth-of-type(1),
  .do_2024.do_2024_2 + .do_x .doco_x:nth-of-type(2),
  .do_2024.do_2024_2 + .do_x .doco_x:nth-of-type(3),
  .do_2024.do_2024_2 + .do_x .doco_x:nth-of-type(4) {
    padding: 0;
    width: 100%;
  }
  .do_2024 + .do_x .doco_x:nth-of-type(1),
  .do_2024.do_2024_2 + .do_x .doco_x:nth-of-type(1) {
    display: none;
  }
}




.do_2024 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  /* width: 76%; */
  /* width: 80%; */
  width: 73%;
  /* margin: 0.5em 0 1em 0; */
  margin: 0.5em 0 0em 0;
  /* padding: 0 0 0 1.3em; */
  padding: 0 0 0 1.9em;
}

.do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 svg .fil1,
.do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 svg .fil5 {
  fill: var(--designFarbe-0);
}
#hellmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 svg .fil1,
#hellmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 svg .fil5 {
  fill: var(--designFarbe-0);
}
#kontanmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 svg .fil1,
#kontanmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 svg .fil5 {
  fill: var(--designFarbe-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
  fill: var(--designFarbe-0);
}
#darkmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1,
#darkmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
  fill: var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
  fill: var(--designFarbe-0);
}
@media (prefers-color-scheme: dark) {
  .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1,
  .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
    fill: var(--designFarbe-0);
  }
  #kontanmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1,
  #kontanmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
    fill: var(--designFarbe-0);
  }
  #hellmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1,
  #hellmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
    fill: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1,
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
    fill: var(--designFarbe-0);
  }
}



.do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1 {
  fill: var(--designFarbe-1);
}
.do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
  fill: var(--designFarbe-5);
}
#hellmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1 {
  fill: var(--designFarbe-1);
}
#hellmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
  fill: var(--designFarbe-5);
}
#kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 svg .fil1,
#kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 svg .fil5 {
  fill: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
  fill: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1,
#darkmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
  fill: var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
  fill: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1,
  .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
    fill: var(--designFarbe-0);
  }
  #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1,
  #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
    fill: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1 {
    fill: var(--designFarbe-1);
  }
  #hellmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
    fill: var(--designFarbe-5);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil1,
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 .fil5 {
    fill: var(--designFarbeK-1);
  }
}




.do_2024 + .do_x .doc_x .doco_x h3 {
  /* margin: 0.4em 0 0.6em 0; */
  margin: 1em 0 1.5em 0;
  
  color: var(--designFarbe-0);
  
  /* font-size: 1.77em; */
  /* font-size: 1.2em; */
  font-size: 1.4em;
  text-transform: uppercase;
}

.do_2024 + .do_x .doco_x:nth-of-type(2) h3 {
  width: 70%;
  transform: translateX(1.5em);
}
.do_2024 + .do_x .doco_x:nth-of-type(4) h3 {
  width: max-content;
}


.do_2024.do_2024_r + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbe-4);
}

@media (max-width: 760px) and (orientation: portrait) {
  .do_2024 + .do_x .doco_x:nth-of-type(2) h3,
  .do_2024.do_2024_r + .do_x .doc_x .doco_x:nth-of-type(2) h3 {
    margin: 1em 0 1em 0;
  }
}





.do_2024.do_2024_r + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbe-4);
}
#hellmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbe-4);
}
#kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2024.do_2024_r + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbe-0);
  }
  #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbe-4);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbeK-1);
  }
}














.do_2024 + .do_x .doc_x .doco_x .ep_name {
  margin: -0.2em 0 0.55em 0;
}

.do_2024 + .do_x .doc_x .doco_x .ep_name:not(.screanReadHack1),
.do_2024 + .do_x .doc_x .doco_x .ep_name span {
  display: block;
  /* font-family: var(--designFont-2); */
  /* font-family: var(--designFont-48); */
  /* font-family: var(--designFont-55); */
  font-family: var(--designFont-44);

  color: var(--designFarbe-0);
  font-size: 2em;
}
.do_2024.do_2024_r + .do_x .doc_x .doco_x .ep_name:not(.screanReadHack1),
.do_2024.do_2024_r + .do_x .doc_x .doco_x .ep_name span {
  font-family: var(--designFont-2);
  color: var(--designFarbe-1);
}


.do_2024 + .do_x .doc_x .doco_x .ep_adresse > * {
  width: max-content;
  display: block;
  /* margin: 0 0 0.5em 0; */
}

.do_2024 + .do_x .doc_x .doco_x .ep_adresse > a:nth-of-type(1) {
  margin: 0 0 0.5em 0;
}
.do_2024 + .do_x .doc_x .doco_x .ep_adresse > a[href^="mailto:"],
.do_2024 + .do_x .doc_x .doco_x .ep_adresse > span {
  margin: 0.5em 0 0 0;
}

.do_2024 + .do_x .doc_x .doco_x .ep_adresse > a:nth-of-type(1) span {
  width: max-content;
  display: block;
}








.do_2024 + .do_x .doc_x .doco_x p {
  font-size: 1.2em;
  color: var(--designFarbe-0);
}
.do_2024 + .do_x .doc_x .doco_x > p {
  width: 83%;
}
#hellmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x p {
  /* color: var(--designFarbe-0); */
}
#darkmode:checked ~ .site-grid .do_2024 + .do_x .doc_x .doco_x p {
  /* color: var(--designFarbe-0); */
}
@media (prefers-color-scheme: dark) {
  .do_2024 + .do_x .doc_x .doco_x p {
    /* color: var(--designFarbe-0); */
  }
}
.do_2024.do_2024_r + .do_x .doc_x .doco_x p {
  color: var(--designFarbe-4);
}

.do_2024.do_2024_r + .do_x .doc_x .doco_x p {
  color: var(--designFarbe-4);
}
#hellmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x p {
  color: var(--designFarbe-4);
}
#kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x p {
  color: var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2024.do_2024_r + .do_x .doc_x .doco_x p {
    color: var(--designFarbe-0);
  }
  #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x p {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x p {
    color: var(--designFarbe-4);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x p {
    color: var(--designFarbeK-1);
  }
}









.do_2024 + .do_x .doc_x .doco_x a {
  color: var(--designFarbe-0);
  text-decoration: none;
}



.do_2024.do_2024_r + .do_x .doc_x .doco_x a {
  color: var(--designFarbe-4);
}





.do_2024.do_2024_r + .do_x .doc_x .doco_x a {
  color: var(--designFarbe-4);
}
#hellmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x a {
  color: var(--designFarbe-4);
}
#kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x a {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x a {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x a {
  color: var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x a {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2024.do_2024_r + .do_x .doc_x .doco_x a {
    color: var(--designFarbe-0);
  }
  #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x a {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x a {
    color: var(--designFarbe-4);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .doc_x .doco_x a {
    color: var(--designFarbeK-1);
  }
}








.do_2024 + .do_x .blockBild .dscstca1_x,
.do_2024 + .do_x .blockBild .dscstcb1_x {
  /* filter: drop-shadow(-1em 0px 0px var(--designFarbe-1)) drop-shadow(1em 0px 0px var(--designFarbe-1)); */
}

.do_2024.do_2024_r + .do_x .blockBild .dscstca1_x,
.do_2024.do_2024_r + .do_x .blockBild .dscstcb1_x {
  /* filter: drop-shadow(-1em 0px 0px var(--designFarbe-0)) drop-shadow(1em 0px 0px var(--designFarbe-0)); */
}





.do_2024 + .do_x svg .fil0,
.do_2024 + .do_x svg .fil1,
.do_2024 + .do_x svg .fil2,
.do_2024 + .do_x svg .fil3,
.do_2024 + .do_x svg .fil4,
.do_2024 + .do_x svg .fil5 {
  fill: var(--designFarbe-0);
}



.do_2024.do_2024_r + .do_x svg .fil1 {
  fill: var(--designFarbe-1);
}
.do_2024.do_2024_r + .do_x svg .fil5 {
  fill: var(--designFarbe-5);
}


.do_2024.do_2024_r + .do_x svg .fill5 {
  
}









.do_2024 + .do_x .blockBild .dscstca1_x,
.do_2024 + .do_x .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbe-1)) drop-shadow(1em 0px 0px var(--designFarbe-1));
}
#hellmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstca1_x,
#hellmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbe-1)) drop-shadow(1em 0px 0px var(--designFarbe-1));
}
#kontanmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstca1_x,
#kontanmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbe-1)) drop-shadow(1em 0px 0px var(--designFarbe-1));
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstca1_x,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbe-1)) drop-shadow(1em 0px 0px var(--designFarbe-1));
}
#darkmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstca1_x,
#darkmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbe-1)) drop-shadow(1em 0px 0px var(--designFarbe-1));
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstca1_x,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbe-1)) drop-shadow(1em 0px 0px var(--designFarbe-1));
}
@media (prefers-color-scheme: dark) {
  .do_2024 + do_x .blockBild .dscstca1_x,
  .do_2024 + do_x .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbe-1)) drop-shadow(1em 0px 0px var(--designFarbe-1));
  }
  #kontanmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstca1_x,
  #kontanmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbe-1)) drop-shadow(1em 0px 0px var(--designFarbe-1));
  }
  #darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstca1_x,
  #darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbe-1)) drop-shadow(1em 0px 0px var(--designFarbe-1));
  }
  #hellmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstca1_x,
  #hellmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbe-1)) drop-shadow(1em 0px 0px var(--designFarbe-1));
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstca1_x,
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024 + .do_x .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbe-1)) drop-shadow(1em 0px 0px var(--designFarbe-1));
  }
}
@media (forced-colors: active) {
  .do_2024 + .do_x .blockBild .dscstca1_x,
  .do_2024 + .do_x .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px Window) drop-shadow(1em 0px 0px Window);
  }
}












.do_2024.do_2024_r + .do_x .blockBild .dscstca1_x,
.do_2024.do_2024_r + .do_x .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbe-0)) drop-shadow(1em 0px 0px var(--designFarbe-0));
}
#hellmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstca1_x,
#hellmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbe-0)) drop-shadow(1em 0px 0px var(--designFarbe-0));
}
#kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstca1_x,
#kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbeK-0)) drop-shadow(1em 0px 0px var(--designFarbeK-0));
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstca1_x,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbeK-0)) drop-shadow(1em 0px 0px var(--designFarbeK-0));
}
#darkmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstca1_x,
#darkmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbe-4)) drop-shadow(1em 0px 0px var(--designFarbe-4));
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstca1_x,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstcb1_x {
  filter: drop-shadow(-1em 0px 0px var(--designFarbeK-1)) drop-shadow(1em 0px 0px var(--designFarbeK-1));
}
@media (prefers-color-scheme: dark) {
  .do_2024.do_2024_r + do_x .blockBild .dscstca1_x,
  .do_2024.do_2024_r + do_x .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbe-4)) drop-shadow(1em 0px 0px var(--designFarbe-4));
  }
  #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstca1_x,
  #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbeK-1)) drop-shadow(1em 0px 0px var(--designFarbeK-1));
  }
  #darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstca1_x,
  #darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbeK-1)) drop-shadow(1em 0px 0px var(--designFarbeK-1));
  }
  #hellmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstca1_x,
  #hellmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbe-0)) drop-shadow(1em 0px 0px var(--designFarbe-0));
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstca1_x,
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2024.do_2024_r + .do_x .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px var(--designFarbeK-0)) drop-shadow(1em 0px 0px var(--designFarbeK-0));
  }
}
@media (forced-colors: active) {
  .do_2024.do_2024_r + .do_x .blockBild .dscstca1_x,
  .do_2024.do_2024_r + .do_x .blockBild .dscstcb1_x {
    filter: drop-shadow(-1em 0px 0px Window) drop-shadow(1em 0px 0px Window);
  }
}


















/* Tabelle .tabelle-150 */


.tabelle-150 .tabSpa {
  margin: 0 0 1em 0;
}



.tabelle-150 .tabSpa .vis_hid-tab_cont {
  position: relative;
}
.tabelle-150 .tabSpa .vis_hid-tab_info,
.tabelle-150 .tabSpa .vis_hid-tab_barr {
  position: absolute;
  width: 100%;
  top: 0;
}

.tabelle-150 .tabSpa .vis_hid-tab_barr {
  overflow: hidden;
  width: 65%;
  height: 100%;
}
.tabelle-150 .tabSpa .vis_hid-tab_barr p {
  font-size: 50em;
  user-select: none;
  color: transparent;
  opacity: 0;
}






.tabelle-150 .tabSpa > div > div > p {
  /* background: green; */
  display: flex;
  flex-wrap: wrap;
}
.tabelle-150 .tabSpa > div > div > p > span {
  display: block;
}
.tabelle-150 .tabSpa > div > div > p > span:nth-of-type(1) {
  width: 20%;
  text-transform: uppercase;
}
.tabelle-150 .tabSpa > div > div > p > span:nth-of-type(2) {
  width: 70%;
}
.tabelle-150 .tabSpa > div > div > p > span:nth-of-type(3) {
  width: 70%;
  margin: 0 0 0 20%;
}


@media (max-width: 760px) and (orientation: portrait) {
  .itemid-126 #ep-greifswald .tabelle-150 .tabSpa.opacityNone {
    display: none;
  }
}







/*
[data-js="aus"] .do_2024 + .do_x .doc_x, 
[data-schriftgross="gross"] .do_2024 + .do_x .doc_x {
  flex-wrap: wrap;
}
[data-js="aus"] .do_2024 + .do_x .doco_x:nth-of-type(1), 
[data-schriftgross="gross"] .do_2024 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 2em 0 2em var(--designMarginInnen-2);
  order: 1;
  display: flex;
  justify-content: center;
}
[data-js="aus"] .do_2024 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar, 
[data-schriftgross="gross"] .do_2024 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  width: 46%;
  margin: 1em 0 0 0;
  padding: 0;
}
[data-js="aus"] .do_2024 + .do_x .doco_x:nth-of-type(2), 
[data-schriftgross="gross"] .do_2024 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 2em 0 2em var(--designMarginInnen-2);
  order: 3;
}
[data-js="aus"] .do_2024 + .do_x .doco_x:nth-of-type(3), 
[data-schriftgross="gross"] .do_2024 + .do_x .doco_x:nth-of-type(3) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 2em var(--designMarginInnen-2) 2em 0;
  order: 2;
}
[data-js="aus"] .do_2024 + .do_x .doco_x:nth-of-type(4), 
[data-schriftgross="gross"] .do_2024 + .do_x .doco_x:nth-of-type(4) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  order: 4;
}
*/































/* vor dem Footer */
/*
.do_2011 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
  height: 16.25em;
  z-index: 999;
}
.do_2011 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
}
.do_2011 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0 2em var(--designMarginInnen-2);
}
.do_2011 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 2em 0 2em 0;
}
.do_2011 + .do_x .doco_x:nth-of-type(3) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em var(--designMarginInnen-2) 2em 0;
}
*/











/* Logo PEENESTROM PEENEGAS mit text */



*:has(.logo_SG_text) > h2 {
  width: fit-content;
}
.logo_SG_text {
  display: flex;
  flex-direction: column;
  color: var(--designFarbe-1);
  text-align: center;
  font-size: 2em;
}
.logo_SG_text > span:nth-of-type(1),
.logo_SG_text > span:nth-last-of-type(1) {
  font-family: var(--designFont-1);
}
.logo_SG_text > span:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  font-weight: 400;
}
.logo_SG_text > span:nth-of-type(2) > span:nth-of-type(1) {
  position: relative;
  color: var(--designFarbe-3);
  font-family: var(--designFont-2);
}
.logo_SG_text > span:nth-of-type(2) > span:nth-of-type(1)::after {
  content: '';
  position: absolute;
  height: 25%;
  aspect-ratio: 1 / 1;
  width: auto;
  /* background: red; */
}


.logo_SG_text.logo_S_text > span:nth-of-type(2) > span:nth-of-type(1)::after {
  background-image: var(--designIconSteckdose-1);
}






/* Logo ENERGIEPUNKT mit text */


*:has(.logo_EP_text) > h2 {
  width: fit-content;
}

.logo_EP_text {
  display: flex;
  flex-direction: column;
  color: var(--designFarbe-1);
  text-align: center;
  font-size: 2em;
}
.logo_EP_text span {
  width: fit-content;
}
.logo_EP_text > span:nth-of-type(1),
.logo_EP_text > span:nth-last-of-type(1) {
  font-family: var(--designFont-1);
}
.logo_EP_text > span:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  color: var(--designFarbe-4);
  text-transform: uppercase;
  font-weight: 400;
  text-align: left;
  margin: 0px 0 0 0.5em;
}
.logo_EP_text > span:nth-of-type(2) > span:nth-of-type(1) {
  position: relative;
  color: var(--designFarbe-1);
  font-family: var(--designFont-2);
}
.logo_EP_text > span:nth-of-type(2) > span:nth-of-type(1)::before {
  content: '';
  position: absolute;
  height: 90%;
  aspect-ratio: 1 / 1;
  width: auto;
  left: -1.2em;
  bottom: 0.2em;
  /* background: red; */
  background-image: var(--designIconEzeichen-1);
}







/* Logo ENERGIEPUNKTE mit Adresse  */

*:has(.logo_EPS_text) > h4 {
  width: fit-content;
}
.logo_EPS_text {
  display: flex;
  flex-direction: column;
  /* color: var(--designFarbe-1); */
  color: var(--designFarbe-4-02);
  text-align: center;
  font-size: 2em;
}
.logo_EPS_text span {
  width: fit-content;
}
.logo_EPS_text > span:nth-of-type(1),
.logo_EPS_text > span:nth-last-of-type(1) {

}
.logo_EPS_text > span:nth-last-of-type(1) {
  margin: 0 0 0 1em;
  font-size: 0.5em;
  text-transform: uppercase;
  font-family: var(--designFont-2);
  letter-spacing: 0.1em;
  line-height: 0.5;
}
.logo_EPS_text > span:nth-of-type(2) {
  /* display: flex; */
  /* flex-direction: column; */
  /* color: var(--designFarbe-4); */
  text-transform: uppercase;
  font-weight: 700;
  text-align: left;
  margin: 0px 0 0 0.5em;
}
.logo_EPS_text > span:nth-of-type(2) > span:nth-of-type(1) {
  position: relative;
  margin: 0 -0.25em 0 0;
  color: var(--designFarbe-1);
  font-family: var(--designFont-2);
}
.logo_EPS_text > span:nth-of-type(2) > span:nth-of-type(1)::before {
  content: '';
  position: absolute;
  height: 90%;
  aspect-ratio: 1 / 1;
  width: auto;
  left: -1.2em;
  bottom: 0.2em;
  /* background: red; */
  background-image: var(--designIconEzeichen-1);
}











  /*
  <p class="ep_adresse">

    <a href="#" aria-label="...Adresse: Steinstraße 15. in Postleitzahl 17438 Wolgast. In neuem Tab in Googlemaps öffnen." target="_blank">
      <span>Steinstraße 15</span>
      <span>17438 Wolgast</span>
    </a>
    
    <a href="tel:+493955442300" aria-label="...Telefonnummer. Null. Drei. Acht. Drei. Sechs. Zwei. Drei. Eins. Sieben. Sieben. Null. Drei. Direkt anrufen.">
      <span>T 03836 231770-3</span>
    </a>

  </p>
  */


/* ep_adresse */









/* Barrierefreiheit */

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}















/* Design Info */
.designInfo {
  position: fixed;
  /* top: 50%; */
  top: 5%;
  /* transform: translateY(-50%); */
  transform: scale(0.5)  translateX(-50%);
  background: #fff;
  z-index: 10;

}


















#eneCanva {
  /* width: 75vw; */
  /* height: 50vh; */
  /* border: 1px solid white; */
  /* overflow: hidden */

  width: 100%;
  height: 63%;
  overflow: hidden;
  position: absolute;
  top: 16.5em;
}
[data-browser="firefox"] #eneCanva {
  top: 16.7em;
}

#eneCanva > canvas {
  /* transform: translate(-12.5vw, -12.5vh); */
  /* transform: translate(-11.5vw, -55.5vh) scale(0.5); */
  /* transform: translate(0%, -97%) scale(1); */
  /* width: 100% !important; */
  /* height: 100% !important; */

  transform: translate(-12%, -30%) scale(1, 0.5);
}



#eneCanvaDecke {
  position: absolute;
  width: 100%;
  height: 63%;
  overflow: hidden;
  top: 16.5em;
}



#eneCanvaHintergrund {
  position: absolute;
  width: 100%;
  height: 63%;
  overflow: hidden;
  top: 16.5em;

  background-image: url(https://energie-vorpommern.eu/images/peeneStromHinter.png);
  background-repeat: no-repeat;
  /* background-size: cover; */
  background-size: 100% 100%;
}












/* Firmen Logo in Top */
.dm_2050 + .dm_x {
  position: absolute;
  width: 17em;
  top: 4.5em;
  /* left: calc(calc(100% - var(--design-box-2)) / 2); */

  
  left: max(3em, calc(calc(100% - var(--design-box-2)) / 2) );


  z-index: 9999;
  
  transition: 0.3s;
}

@media (max-width: 760px) and (orientation:portrait) {
  .dm_2050 + .dm_x {
    /* width: 10em; */
    /* left: 2em; */
    /* top: 2em; */

    width: 7em;
    left: 1em;
    top: 1em;
    position: fixed;
  }
  .dm_2050 + .dm_x::before {
    content: '';
    width: 100vw;
    height: 4.3em;
    position: absolute;
    top: -1em;
    left: -1em;
    background: var(--designFarbe-0-02);
    backdrop-filter: blur(0.2em);
    z-index: -1;
  }
  #kontanmode:checked ~ .site-grid .dm_2050 + .dm_x::before {
    background: var(--designFarbeK-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2050 + .dm_x::before {
    background: var(--designFarbeK-0);
  }
  #darkmode:checked ~ .site-grid .dm_2050 + .dm_x::before {
    background: var(--designFarbe-4-02);
  }
  #darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2050 + .dm_x::before {
    background: var(--designFarbeK-1);
  }
  @media (prefers-color-scheme: dark) {
    .dm_2050 + .dm_x::before {
      background: var(--designFarbe-4-02);
    }
    #kontanmode:checked ~ .site-grid .dm_2050 + .dm_x::before {
      background: var(--designFarbeK-1);
    }
    #hellmode:checked ~ .site-grid .dm_2050 + .dm_x::before {
      background: var(--designFarbe-0-02);
    }
    #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2050 + .dm_x::before {
      background: var(--designFarbeK-0);
    }
  }










}

body:has(.dm_2003 + .dm_x nav > details[open]) .dm_2050 + .dm_x {
  width: 11em;
  top: 1.5em;
  left: calc(calc(calc(100% - var(--design-box-2)) / 2) + 8em);
  
  transition: 0.3s;
}



html:has(.ds_2002 ~ .ds_x .dsc_x.omahaBeach) body:has(.dm_2003 + .dm_x nav > details[open]) .dm_2050 + .dm_x {
  width: 17em;
  top: 4.5em;
  left: max(3em, calc(calc(100% - var(--design-box-2)) / 2) );
}






/* noch zu fixen */

[data-js="aus"] .dm_2050 + .dm_x, 
[data-schriftgross="gross"] .dm_2050 + .dm_x {
  width: 12em;
  top: 5.5em;
}

.dm_2050 + .dm_x svg .fil1 {
  fill:var(--designFarbe-11)
}



/* Mobile Logo wegen Menü zur Startseite */
@media (max-width: 760px) and (orientation:portrait) {
  body:has(.dm_2003 + .dm_x nav > details[open]) .dm_2050 + .dm_x,
  html:has(.ds_2002 ~ .ds_x .dsc_x.omahaBeach) body:has(.dm_2003 + .dm_x nav > details[open]) .dm_2050 + .dm_x {
    /* position: fixed; */
    /* width: 80vw; */
    /* left: 11vw; */
    /* top: 7vh; */

    /* width: 71vw; */
    /* left: 15vw; */
    /* top: 8vh; */

    /* z-index: 999999; */
    
    width: 7em;
    left: 1em;
    top: 1em;




  }
  body:has(.dm_2003 + .dm_x nav > details details[open]) .dm_2050 + .dm_x {
    z-index: 2;
  }
}
















/* Telefonnummer in Top Version 1 auch auf dem Handy */
.dm_2051 + .dm_x {
  /* position: absolute; */
  position: fixed;
  width: 17em;
  /* top: 7em; */
  top: 7.5em;
  /* right: calc(calc(calc(100% - var(--design-box-2)) / 2) + 8em); */

  /* left: min(calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - 5em), 65%); */

  /* left: min(calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - 28em), 66%); */
  /* margin: -1em; */
  /* padding: 1em; */

  left: min(calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - 28.6em), 66%);
  /* margin: -0.95em; */
  /* padding: 0.95em; */

  margin: -0.95em -0.95em -0.5em -0.95em;
  padding: 0.95em 0.95em 0.5em 0.95em;

  /* backdrop-filter: blur(0.5em); */

  /* filter: hue-rotate(30deg);*/

  /* box-shadow: 0 0 0 0 transparent; */
  /* box-shadow: 3.4em 0 0 -3.35em transparent, -3.4em 0 0 -3.35em transparent, 0 0 0 0 transparent; */
  /* background: transparent; */

  /* background: #fefefe99; */
  background: var(--designFarbe-0-02);
  backdrop-filter: blur(0.5em) hue-rotate(-39deg);

  z-index: 9999;
  
  transition: 0.3s;
}

@media (min-width: 761px) {
  .dm_2051 + .dm_x {
    display: none;
  }
}





/*
@scroll-timeline myScroll {
  scroll-source: body;
  orientation: block;
}
@keyframes bgChange {
  0%   { background: transparent; }
  99%   { background: red; }
}
@supports (animation-timeline: scroll()) {
  .dm_2051 + .dm_x {
    background: transparent; 
    animation: bgChange 1s linear both;
    animation-timeline: myScroll;
  }
}
*/
/*
@scroll-timeline myScroll {
  scroll-source: auto;
  orientation: block;
  start: 0%;
  end: 20px;
}
@keyframes bgChange {
  0% { background: transparent; }
  100% { background: red; }
}
@supports (animation-timeline: scroll()) {
  .dm_2051 + .dm_x {
    animation-name: bgChange;
    animation-duration: 1s;
    animation-timeline: myScroll;
    animation-fill-mode: both;
  }
}
*/




@media (prefers-color-scheme: dark) {
  .dm_2051 + .dm_x {
    /* background: #33333399; */
    /* background: var(--designFarbe-0-01); */
    backdrop-filter: blur(0.5em) hue-rotate(0deg);
    /* box-shadow:  1.4em 0 0 -1.3em var(--designFarbe-4), -1.4em 0 0 -1.3em var(--designFarbe-4), 0 0 0 0.05em var(--designFarbe-0); */
  }
  #kontanmode:checked ~ .site-grid .dm_2051 + .dm_x {
    /* background: var(--designFarbeK-0); */
  }
  #hellmode:checked ~ .site-grid .dm_2051 + .dm_x {
    /* background: #fefefe99; */
    /* background: var(--designFarbe-0-02); */
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2051 + .dm_x {
    /* background: #fefefe99; */
  /* background: var(--designFarbe-0-02); */
  }
}






.dm_2051 + .dm_x:hover {
  /* box-shadow: 1.4em 0 0 -1.3em var(--designFarbe-1), -1.4em 0 0 -1.3em var(--designFarbe-1); */
    /* box-shadow:  1.4em 0 0 -1.3em var(--designFarbe-1), -1.4em 0 0 -1.3em var(--designFarbe-1), 0 0 0 0.05em var(--designFarbe-3); */
  background: var(--designFarbe-0);
  transition: 0.3s;
}
#kontanmode:checked ~ .site-grid .dm_2051 + .dm_x:hover {
  background: var(--designFarbeK-1);
  /* box-shadow: 1.4em 0 0 -1.35em var(--designFarbeK-1), -1.4em 0 0 -1.35em var(--designFarbeK-1); */
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2051 + .dm_x:hover {
  background: var(--designFarbeK-1);
  /* box-shadow: 1.4em 0 0 -1.35em var(--designFarbeK-1), -1.4em 0 0 -1.35em var(--designFarbeK-1); */
}
#darkmode:checked ~ .site-grid .dm_2051 + .dm_x:hover {
  background: var(--designFarbe-3);
  /* box-shadow: 1.4em 0 0 -1.35em var(--designFarbe-3), -1.4em 0 0 -1.35em var(--designFarbe-3); */
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2051 + .dm_x:hover {
  background: var(--designFarbeK-0);
  /* box-shadow: 1.4em 0 0 -1.35em var(--designFarbeK-0), -1.4em 0 0 -1.35em var(--designFarbeK-0); */
}
@media (prefers-color-scheme: dark) {
  .dm_2051 + .dm_x:hover {
    background: var(--designFarbe-3);
    /* box-shadow:  1.4em 0 0 -1.3em var(--designFarbe-4), -1.4em 0 0 -1.3em var(--designFarbe-4), 0 0 0 0.05em var(--designFarbe-0); */
  }
  #kontanmode:checked ~ .site-grid .dm_2051 + .dm_x:hover {
    background: var(--designFarbeK-0);
    /* box-shadow: 1.4em 0 0 -1.35em var(--designFarbeK-0), -1.4em 0 0 -1.35em var(--designFarbeK-0); */
  }
  #hellmode:checked ~ .site-grid .dm_2051 + .dm_x:hover {
    background: var(--designFarbe-0);
    /* box-shadow: 1.4em 0 0 -1.35em var(--designFarbe-1), -1.4em 0 0 -1.35em var(--designFarbe-1); */
    /* box-shadow:  1.4em 0 0 -1.3em var(--designFarbe-1), -1.4em 0 0 -1.3em var(--designFarbe-1), 0 0 0 0.05em var(--designFarbe-3); */
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2051 + .dm_x:hover {
    background: var(--designFarbeK-1);
    /* box-shadow: 1.4em 0 0 -1.35em var(--designFarbeK-1), -1.4em 0 0 -1.35em var(--designFarbeK-1); */
  }
}


@media (max-width: 760px) and (orientation:portrait) {
  .dm_2051 + .dm_x {
    /* width: 10em; */
    /* left: 2em; */
    /* top: 2em; */

    /* width: 7em; */
    left: initial;
    width: 10em;
    padding: 0;
    margin: 0;
    right: 1em;
    top: 1em;
    position: fixed;

    background: none;
    backdrop-filter: none;

  }
}






.dm_2051 + .dm_x svg path {
  transition: 0.3s;
}
.dm_2051 + .dm_x:hover svg path {
  /* fill: var(--designFarbe-1); */
  transition: 0.3s;
}
#kontanmode:checked ~ .site-grid .dm_2051 + .dm_x:hover svg path {
  fill: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2051 + .dm_x:hover svg path {
  fill: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .dm_2051 + .dm_x:hover svg path {
  fill: var(--designFarbe-1);
  transition: 0.3s;
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2051 + .dm_x:hover svg path {
  fill: var(--designFarbeK-1);
  transition: 0.3s;
}
@media (prefers-color-scheme: dark) {
  .dm_2051 + .dm_x:hover svg path {
    fill: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .dm_2051 + .dm_x:hover svg path {
    fill: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .dm_2051 + .dm_x:hover svg path {
    /* fill: var(--designFarbeK-0); */
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2051 + .dm_x:hover svg path {
    fill: var(--designFarbeK-0);
  }
}





@media (max-width: 760px) and (orientation: portrait) {
  .dm_2051 + .dm_x svg path:nth-of-type(1) {
    fill: transparent !important;
  }
  .dm_2051 + .dm_x svg path:nth-of-type(2) {
    transform: scale(1.2) translate(-22px, -13px);
  }
}







body:has(.dm_2003 + .dm_x nav > details[open]) .dm_2051 + .dm_x {
  /* width: 11em; */
  /* top: 1.5em; */
  /* width: 17em; */
  /* top: 7em; */
  /* left: calc(calc(calc(100% - var(--design-box-2)) / 2) + 8em); */
  /* right: calc(calc(calc(100% - var(--design-box-2)) / 2) + 8em); */
  
  transition: 0.3s;
}

/* noch zu fixen */

[data-js="aus"] .dm_2051 + .dm_x, 
[data-schriftgross="gross"] .dm_2051 + .dm_x {
  width: 12em;
  top: 5.5em;
}




/* Mobile Telefonnummer wegen Menü zur Startseite */
@media (max-width: 760px) and (orientation:portrait) {
  body:has(.dm_2003 + .dm_x nav > details[open]) .dm_2051 + .dm_x {
    /* position: fixed; */
    /* width: 80vw; */
    /* left: 11vw; */
    /* top: 7vh; */

    /* width: 71vw; */
    /* left: 15vw; */
    /* top: 8vh; */

    /* z-index: 999999; */
  }
  body:has(.dm_2003 + .dm_x nav > details details[open]) .dm_2051 + .dm_x {
    z-index: 2;
  }
}





















/* Telefonnummer in Top Version 2 Desktop */
.dm_2052 + .dm_x {
  /* position: absolute; */
  position: fixed;


  /* width: 17em; */
  /* width: 6em; */
  /* top: 7em; */
  /* top: 7.5em; */
  /* right: calc(calc(calc(100% - var(--design-box-2)) / 2) + 8em); */

  /* left: min(calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - 5em), 65%); */

  /* left: min(calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - 28em), 66%); */
  /* margin: -1em; */
  /* padding: 1em; */

  /* left: min(calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - 28.6em), 66%); */
  /* left: min(calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - -1em), 89%); */
  /* margin: -0.95em; */
  /* padding: 0.95em; */

  /* margin: -0.95em -0.95em -0.5em -0.95em; */
  /* padding: 0.95em 0.95em 0.5em 0.95em; */

  /* backdrop-filter: blur(0.5em); */

  /* filter: hue-rotate(30deg);*/

  /* box-shadow: 0 0 0 0 transparent; */
  /* box-shadow: 3.4em 0 0 -3.35em transparent, -3.4em 0 0 -3.35em transparent, 0 0 0 0 transparent; */
  /* background: transparent; */

  /* background: #fefefe99; */



  width: 6.2em;
  top: 6.7em;
  left: min(calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - 2.5em), 89%);
  /* left: min(calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - 2.25em), 89%); */
  /* left: min(calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - 2.375em), 89%); */
  padding: 0.5em 0.95em 0.15em 3.5em;

  background: var(--designFarbe-0-02);
  /* backdrop-filter: blur(0.5em) hue-rotate(-39deg); */
  backdrop-filter: blur(0.1em);

  z-index: 9999;

  clip-path: url(#myCurveMenu);
  
  transition: 0.3s;
}

@media (max-width: 760px) and (orientation:portrait) {
  .dm_2052 + .dm_x {
    display: none;
  }
}
.dm_2052 + .dm_x:has(a:focus) {
  outline: 0.25em solid var(--designFarbe-1);
  outline-offset: -0.25em;
}

.dm_2052 + .dm_x a:focus {
  outline: none;
  outline-offset: 0em;
}


/*
@scroll-timeline myScroll {
  scroll-source: body;
  orientation: block;
}
@keyframes bgChange {
  0%   { background: transparent; }
  99%   { background: red; }
}
@supports (animation-timeline: scroll()) {
  .dm_2052 + .dm_x {
    background: transparent; 
    animation: bgChange 1s linear both;
    animation-timeline: myScroll;
  }
}
*/
/*
@scroll-timeline myScroll {
  scroll-source: auto;
  orientation: block;
  start: 0%;
  end: 20px;
}
@keyframes bgChange {
  0% { background: transparent; }
  100% { background: red; }
}
@supports (animation-timeline: scroll()) {
  .dm_2052 + .dm_x {
    animation-name: bgChange;
    animation-duration: 1s;
    animation-timeline: myScroll;
    animation-fill-mode: both;
  }
}
*/




@media (prefers-color-scheme: dark) {
  .dm_2052 + .dm_x {
    /* background: #33333399; */
    background: var(--designFarbe-0-01);
    /* backdrop-filter: blur(0.5em) hue-rotate(0deg); */
    /* backdrop-filter: blur(0.1em); */
    /* box-shadow:  1.4em 0 0 -1.3em var(--designFarbe-4), -1.4em 0 0 -1.3em var(--designFarbe-4), 0 0 0 0.05em var(--designFarbe-0); */
  }
  #kontanmode:checked ~ .site-grid .dm_2052 + .dm_x {
    /* background: var(--designFarbeK-0); */
  }
  #hellmode:checked ~ .site-grid .dm_2052 + .dm_x {
    /* background: #fefefe99; */
    background: var(--designFarbe-0-02);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2052 + .dm_x {
    /* background: #fefefe99; */
  /* background: var(--designFarbe-0-02); */
  }
}






.dm_2052 + .dm_x:hover {
  /* box-shadow: 1.4em 0 0 -1.3em var(--designFarbe-1), -1.4em 0 0 -1.3em var(--designFarbe-1); */
    /* box-shadow:  1.4em 0 0 -1.3em var(--designFarbe-1), -1.4em 0 0 -1.3em var(--designFarbe-1), 0 0 0 0.05em var(--designFarbe-3); */
  background: var(--designFarbe-0);
  transition: 0.3s;
}
#kontanmode:checked ~ .site-grid .dm_2052 + .dm_x:hover {
  background: var(--designFarbeK-1);
  /* box-shadow: 1.4em 0 0 -1.35em var(--designFarbeK-1), -1.4em 0 0 -1.35em var(--designFarbeK-1); */
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2052 + .dm_x:hover {
  background: var(--designFarbeK-1);
  /* box-shadow: 1.4em 0 0 -1.35em var(--designFarbeK-1), -1.4em 0 0 -1.35em var(--designFarbeK-1); */
}
#darkmode:checked ~ .site-grid .dm_2052 + .dm_x:hover {
  background: var(--designFarbe-3);
  /* box-shadow: 1.4em 0 0 -1.35em var(--designFarbe-3), -1.4em 0 0 -1.35em var(--designFarbe-3); */
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2052 + .dm_x:hover {
  background: var(--designFarbeK-0);
  /* box-shadow: 1.4em 0 0 -1.35em var(--designFarbeK-0), -1.4em 0 0 -1.35em var(--designFarbeK-0); */
}
@media (prefers-color-scheme: dark) {
  .dm_2052 + .dm_x:hover {
    background: var(--designFarbe-3);
    /* box-shadow:  1.4em 0 0 -1.3em var(--designFarbe-4), -1.4em 0 0 -1.3em var(--designFarbe-4), 0 0 0 0.05em var(--designFarbe-0); */
  }
  #kontanmode:checked ~ .site-grid .dm_2052 + .dm_x:hover {
    background: var(--designFarbeK-0);
    /* box-shadow: 1.4em 0 0 -1.35em var(--designFarbeK-0), -1.4em 0 0 -1.35em var(--designFarbeK-0); */
  }
  #hellmode:checked ~ .site-grid .dm_2052 + .dm_x:hover {
    background: var(--designFarbe-0);
    /* box-shadow: 1.4em 0 0 -1.35em var(--designFarbe-1), -1.4em 0 0 -1.35em var(--designFarbe-1); */
    /* box-shadow:  1.4em 0 0 -1.3em var(--designFarbe-1), -1.4em 0 0 -1.3em var(--designFarbe-1), 0 0 0 0.05em var(--designFarbe-3); */
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2052 + .dm_x:hover {
    background: var(--designFarbeK-1);
    /* box-shadow: 1.4em 0 0 -1.35em var(--designFarbeK-1), -1.4em 0 0 -1.35em var(--designFarbeK-1); */
  }
}


@media (max-width: 760px) and (orientation:portrait) {
  .dm_2052 + .dm_x {
    /* width: 10em; */
    /* left: 2em; */
    /* top: 2em; */

    /* width: 7em; */
    left: initial;
    width: 10em;
    padding: 0;
    margin: 0;
    right: 1em;
    top: 1em;
    position: fixed;

    background: none;
    backdrop-filter: none;

  }
}






.dm_2052 + .dm_x svg path {
  transition: 0.3s;
}
.dm_2052 + .dm_x:hover svg path {
  /* fill: var(--designFarbe-1); */
  transition: 0.3s;
}
#kontanmode:checked ~ .site-grid .dm_2052 + .dm_x:hover svg path {
  fill: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2052 + .dm_x:hover svg path {
  fill: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .dm_2052 + .dm_x:hover svg path {
  fill: var(--designFarbe-1);
  transition: 0.3s;
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2052 + .dm_x:hover svg path {
  fill: var(--designFarbeK-1);
  transition: 0.3s;
}
@media (prefers-color-scheme: dark) {
  .dm_2052 + .dm_x:hover svg path {
    fill: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .dm_2052 + .dm_x:hover svg path {
    fill: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .dm_2052 + .dm_x:hover svg path {
    /* fill: var(--designFarbeK-0); */
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .dm_2052 + .dm_x:hover svg path {
    fill: var(--designFarbeK-0);
  }
}





@media (max-width: 760px) and (orientation: portrait) {
  .dm_2052 + .dm_x svg path:nth-of-type(1) {
    fill: transparent !important;
  }
  .dm_2052 + .dm_x svg path:nth-of-type(2) {
    transform: scale(1.2) translate(-22px, -13px);
  }
}







body:has(.dm_2003 + .dm_x nav > details[open]) .dm_2052 + .dm_x {
  /* width: 11em; */
  /* top: 1.5em; */
  /* width: 17em; */
  /* top: 7em; */
  /* left: calc(calc(calc(100% - var(--design-box-2)) / 2) + 8em); */
  /* right: calc(calc(calc(100% - var(--design-box-2)) / 2) + 8em); */
  
  transition: 0.3s;
}

/* noch zu fixen */

[data-js="aus"] .dm_2052 + .dm_x, 
[data-schriftgross="gross"] .dm_2052 + .dm_x {
  width: 12em;
  top: 5.5em;
}




/* Mobile Telefonnummer wegen Menü zur Startseite */
@media (max-width: 760px) and (orientation:portrait) {
  body:has(.dm_2003 + .dm_x nav > details[open]) .dm_2052 + .dm_x {
    /* position: fixed; */
    /* width: 80vw; */
    /* left: 11vw; */
    /* top: 7vh; */

    /* width: 71vw; */
    /* left: 15vw; */
    /* top: 8vh; */

    /* z-index: 999999; */
  }
  body:has(.dm_2003 + .dm_x nav > details details[open]) .dm_2052 + .dm_x {
    z-index: 2;
  }
}































/* Footer Logo Imp&Dat */

.do_1009 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
  padding: 0 0 3em 0;
}
@media (max-width: 760px) and (orientation:portrait) {
  .do_1009 + .do_x {
    padding: 3em 0 6em 0;
    background-image: url(https://energie-vorpommern.eu/images/hintergrund.jpg);
    background-position-x: 93%;
    background-position-y: bottom;
    background-size: 725%;
    background-attachment: fixed;
  }
}

.do_1009 + section.do_x:target > * {
  outline: 2px solid var(--designFarbe-0);
  outline-offset: -1em;
}

.do_1009 + section.do_x:target > div::before,
.do_1009 + section.do_x:target > div::after {
  background: var(--designIconPfeilUnten-0);
}

.do_1009 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
}
@media (forced-colors: active) {
  .do_1009 + .do_x .doc_x {
    background: Window;
  }
}

.do_1009 + .do_x .doc_x .doco_x:nth-of-type(1) {
  margin: 3.5em 0 0 0;
  padding: 2em 0 0 0;
  z-index: 1;
  position: relative;
}
@media (max-width: 760px) and (orientation:portrait) {
.do_1009 + .do_x .doc_x .doco_x:nth-of-type(1) {
    margin: 0;
  }
}
.do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) {
  margin: 2.5em 0 0 0;
  padding: 0 0 2em 0;
}


.do_1009 + .do_x .doc_x .doco_x:nth-of-type(1) .logo {
  display: flex;
  justify-content: center;
}
.do_1009 + .do_x .doc_x .doco_x:nth-of-type(1) .logo svg {
  height: 2.85em;
}
/*
html:has(input#barranmode:checked) #hellmode:checked ~ .site-grid .do_1009 + .do_x .doc_x .doco_x:nth-of-type(1) .logo svg .fil0 {
  fill: var(--designFarbe-4);
}
*/

.do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p {
  text-align: center;
}
.do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p:nth-of-type(2) {
  margin: 2em 0 0 -1em;
}
.do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p a,
.do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p span {
  color: var(--designFarbe-0);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
@media (max-width: 760px) and (orientation:portrait) {
  .do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p a:nth-of-type(3) {
    width: 100vw;
    display: block;
    margin: 1em 0;
  }
  .do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p span:nth-of-type(2),
  .do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p span:nth-of-type(3) {
    display: none;
  }
}
.do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p a:hover {
  /* text-decoration: underline; */
  box-shadow: 0 1px 0 0;
  transition: 0.3s;
}
/*
html:has(input#barranmode:checked) #hellmode:checked ~ .site-grid .do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p a,
html:has(input#barranmode:checked) #hellmode:checked ~ .site-grid .do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p span {
  color: var(--designFarbe-4);
}
*/
#kontanmode:checked ~ .site-grid .do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p a,
#kontanmode:checked ~ .site-grid .do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p span {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p a,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p span {
  color: var(--designFarbeK-1);
}

#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p a,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p span {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  #kontanmode:checked ~ .site-grid .do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p a,
  #kontanmode:checked ~ .site-grid .do_1009 + .do_x .doc_x .doco_x:nth-of-type(2) .footerLinks p span {
    color: var(--designFarbeK-0);
  }
}









































/* Barrierefreiheit */




input#barranmode,
input#barrausmode,
input#hellmode,
input#darkmode,
input#kontanmode,
input#kontausmode {
  position: absolute;
  left: -100vw;
}





.barrModeSchalter {
  /* position: absolute; */
  /* top: 0; */
  /* right: 0; */
  /* z-index: 10; */
}

.barrModeSchalter input {
    
}

input.barrModeSchalter,
label.barrModeSchalter  {
  /* position: absolute; */
  /* top: 1em; */
  /* right: 1em; */
  position: relative;
  z-index: 10;
  user-select: none;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase;
}

.barrModeSchalterCont {
  /* position: fixed; */
  /* top: 0; */
  /* top: 0em; */
  /* top: -10em; */
  right: 0;
  /* width: 3em; */
  /* height: 3em; */
  /* background: var(--designFarbe-4); */
  /* z-index: 10; */
  overflow: hidden;
  /* border-radius: 100% 0% 0% 100% / 0% 100% 0% 100%; */
  /* box-shadow: 0 0 0 0.5em var(--designFarbe-3), 0 0 0 1em var(--designFarbe-1); */
  
  position: fixed;
  width: 4.2em;
  height: 3em;
  margin: 0;
  /* left: calc(100vw - 4.2em - 2em); */
  left: calc(100vw - 4.2em - calc(1em + 15px));
  top: 1em;
  background: var(--designFarbe-1);
  box-shadow: -2px 0 0 -1px var(--designFarbe-0);
  font-size: 1em;
  z-index: 20;
}
@media (max-width: 760px) and (orientation:portrait) {
  .barrModeSchalterCont {
    top: initial;
    bottom: 5em;
    left: inherit;
    right: -1.5em;
    transition: 0.3s;
  }
  #barranmode:checked ~ .barrModeSchalterCont {
    right: 0em;
  }
  body:has(nav > details[open].menuHaupt) #barranmode ~ .barrModeSchalterCont {
    right: -5em;
  }
}

body:has(#kontanmode:checked) > .barrModeSchalterCont {
  background: var(--designFarbeK-1);
}
body:has(#hellmode:checked ~ #kontanmode:checked) > .barrModeSchalterCont {
  background: var(--designFarbeK-1);
}
body:has(#darkmode:checked) > .barrModeSchalterCont {
  background: var(--designFarbe-1);
}
body:has(#darkmode:checked ~ #kontanmode:checked) > .barrModeSchalterCont {
  background: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .barrModeSchalterCont {
    background: var(--designFarbe-1);
  }
  body:has(#kontanmode:checked) > .barrModeSchalterCont {
    background: var(--designFarbeK-0);
  }
  body:has(#darkmode:checked ~ #kontanmode:checked) > .barrModeSchalterCont {
    background: var(--designFarbeK-0);
  }
  body:has(#hellmode:checked) > .barrModeSchalterCont {
    background: var(--designFarbe-1);
  }
  body:has(#hellmode:checked ~ #kontanmode:checked) > .barrModeSchalterCont {
    background: var(--designFarbeK-1);
  }
}
@media (forced-colors: active) {
  #barrausmode,
  #barranmode,
  .barrModeSchalterCont {
    display: none;
  }
}







label.barrModeSchalter,
label.barrModeSchalter  {
  /* display: block; */
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

input#barrausmode:checked ~ .barrModeSchalterCont label[for="barrausmode"] {
  z-index: 11;
}

label[for="barranmode"]  {
  /* background: var(--designFarbeK-1); */
}
label[for="barrausmode"]  {
  /* background: var(--designFarbeK-0); */
}

@media (max-width: 760px) and (orientation:portrait) {
  label[for="barrausmode"]  {
    background: green;
  }
}



label.barrModeSchalter > svg {
  position: relative;
  /* height: 69%; */
  height: 50%;
  margin: 0 0 0 0.5em;
} 
body:has(#kontanmode:checked) > .barrModeSchalterCont svg .fil0 {
  fill: var(--designFarbeK-0);
}
body:has(#hellmode:checked ~ #kontanmode:checked) > .barrModeSchalterCont svg .fil0 {
  fill: var(--designFarbeK-0);
}
body:has(#darkmode:checked) > .barrModeSchalterCont svg .fil0 {
  fill: var(--designFarbe-0);
}
body:has(#darkmode:checked ~ #kontanmode:checked) > .barrModeSchalterCont svg .fil0 {
  fill: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .barrModeSchalterCont svg .fil0 {
    fill: var(--designFarbe-0);
  }
  body:has(#kontanmode:checked) > .barrModeSchalterCont svg .fil0 {
    fill: var(--designFarbeK-1);
  }
  body:has(#darkmode:checked ~ #kontanmode:checked) > .barrModeSchalterCont svg .fil0 {
    fill: var(--designFarbeK-1);
  }
  body:has(#hellmode:checked) > .barrModeSchalterCont svg .fil0 {
    fill: var(--designFarbe-0);
  }
  body:has(#hellmode:checked ~ #kontanmode:checked) > .barrModeSchalterCont svg .fil0 {
    fill: var(--designFarbeK-0);
  }
}











input#barranmode,
input#barrausmode {
  appearance: none;
  position: fixed;
  width: 4.2em;
  height: 3em;
  margin: 0;
  /* left: calc(100vw - 4.2em - 2em); */
  left: calc(100vw - 4.2em - calc(1em + 15px));
  top: 1em;
  /* background: var(--designFarbe-1); */
  /* box-shadow: -2px 0 0 -1px var(--designFarbe-0); */
  font-size: 1em;
  z-index: 20;
}
@media (max-width: 760px) and (orientation:portrait) {
  input#barranmode,
  input#barrausmode {
    top: initial;
    bottom: 5em;
    left: inherit;
    right: -1.5em;
    transition: 0.3s;
  }


  input#barranmode:checked,
  :has(input#barranmode:checked) input#barrausmode {
    right: 0em;
  }
  body:has(nav > details[open].menuHaupt) input#barranmode,
  body:has(nav > details[open].menuHaupt) input#barrausmode,
  html:has(input#barranmode:checked) body:has(nav > details[open].menuHaupt) input#barrausmode {
    right: -5em;
  }
}
[data-browser="firefox"] input#barranmode,
[data-browser="firefox"] input#barrausmode {
  left: calc(100vw - 4.2em - calc(1em + 0px));
}
@media (max-width: 760px) {
  [data-browser="firefox"] input#barranmode,
  [data-browser="firefox"] input#barrausmode {
    top: initial;
    bottom: 5em;
    left: inherit;
    right: -1.5em;
    transition: 0.3s;
  }
  [data-browser="firefox"] input#barranmode:checked,
  [data-browser="firefox"] :has(input#barranmode:checked) input#barrausmode {
    right: 0em;
  }
  [data-browser="firefox"] body:has(nav > details[open].menuHaupt) input#barranmode,
  [data-browser="firefox"] body:has(nav > details[open].menuHaupt) input#barrausmode,
  html[data-browser="firefox"]:has(input#barranmode:checked) body:has(nav > details[open].menuHaupt) input#barrausmode {
    right: -5em;
  }
}
#barranmode:checked {
  /* top: -10em; */
  z-index: 19;
}



#barranmode:checked ~ .barrModeSchalterCont label[for="barranmode"] {
  display: none;
}
#barranmode:checked ~ .barrModeSchalterCont label[for="barrausmode"] {
  display: flex;
}

#barrausmode:checked ~ .barrModeSchalterCont label[for="barrausmode"] {
  display: none;
}
#barrausmode:checked ~ .barrModeSchalterCont label[for="barranmode"] {
  display: flex;
}


.darkModeSchalterCont,
.kontModeSchalterCont,
#barrausmode:checked ~ .darkModeSchalterCont,
#barrausmode:checked ~ input#darkmode,
#barrausmode:checked ~ input#hellmode,
#barrausmode:checked ~ .kontModeSchalterCont
#barrausmode:checked ~ input#kontanmode,
#barrausmode:checked ~ input#kontausmode {
  display: none;
}
@media (max-width: 760px) and (orientation:portrait) {
  .darkModeSchalterCont,
  .kontModeSchalterCont,
  #barrausmode:checked ~ .darkModeSchalterCont,
  #barrausmode:checked ~ input#darkmode,
  #barrausmode:checked ~ input#hellmode,
  #barrausmode:checked ~ .kontModeSchalterCont
  #barrausmode:checked ~ input#kontanmode,
  #barrausmode:checked ~ input#kontausmode {
    /* display: block; */
  }
}



#barranmode:checked ~ .darkModeSchalterCont,
#barranmode:checked ~ input#darkmode,
#barranmode:checked ~ input#hellmode,
#barranmode:checked ~ .kontModeSchalterCont, 
#barranmode:checked ~ input#kontanmode,
#barranmode:checked ~ input#kontausmode {
  display: block;
}


@media (max-width: 760px) and (orientation:portrait) {
  
  #barranmode:checked ~ .darkModeSchalterCont,
  #barranmode:checked ~ input#darkmode,
  #barranmode:checked ~ input#hellmode,
  #barranmode:checked ~ .kontModeSchalterCont, 
  #barranmode:checked ~ input#kontanmode,
  #barranmode:checked ~ input#kontausmode {
    /* display: block; */
  
    /* display: none; */
    /* animation: displayNoneBlockAnim1a 0.3s linear 0s forwards; */
  }

  @keyframes displayNoneBlockAnim1a {
    0%   {display: none;right: -5em}
    1%   {display: block;right: -5em} 
    100% {display: block;right: 0em}
  }

  @keyframes displayNoneBlockAnim1b {
    0%   {display: block;right: 0em}
    99%   {display: block;right: -5em} 
    100% {display: none;right: -5em}
  }



}

































.darkModeSchalter {
  /* position: absolute; */
  /* top: 0; */
  /* right: 0; */
  /* z-index: 10; */
}

.darkModeSchalter input {
    
}

input.darkModeSchalter,
label.darkModeSchalter  {
  /* position: absolute; */
  /* top: 1em; */
  /* right: 1em; */
  position: relative;
  z-index: 10;
  user-select: none;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase;
}


.darkModeSchalterCont {
  /* position: fixed; */
  /* top: 5em; */
  /* top: -10em; */
  right: 0;
  /* width: 3em; */
  /* height: 3em; */
  /* background: var(--designFarbe-4); */
  /* z-index: 10; */
  overflow: hidden;
  /* border-radius: 100% 0% 0% 100% / 0% 100% 0% 100%; */
  /* box-shadow: 0 0 0 0.5em var(--designFarbe-3), 0 0 0 1em var(--designFarbe-1); */

  position: fixed;
  width: 4.2em;
  height: 3em;
  margin: 0;
  /* left: calc(100vw - 4.2em - 2em); */
  left: calc(100vw - 4.2em - calc(1em + 15px));
  top: 5em;
  background: var(--designFarbe-1);
  box-shadow: -2px 0 0 -1px var(--designFarbe-0);
  font-size: 1em;
  z-index: 20;

}
@media (max-width: 760px) and (orientation:portrait) {
  .darkModeSchalterCont {
    top: initial;
    bottom: 9em;
    left: inherit;
    right: -5em;
    /* transition: 0.3s; */
  }
  #barranmode:checked ~ .darkModeSchalterCont {
    /* right: 0em; */
    animation: displayNoneBlockAnim1a 0.3s ease 0s forwards;
  }
  body:has(nav > details[open].menuHaupt) .darkModeSchalterCont {
    /* right: -5em; */
    animation: displayNoneBlockAnim1b 0.3s ease 0s forwards;
  }
  body:has(nav > details[open].menuHaupt) #barranmode ~ .darkModeSchalterCont {
    /* right: -5em; */
    animation: displayNoneBlockAnim1b 0.3s ease 0s forwards;
  }

}

body:has(#kontanmode:checked) > .darkModeSchalterCont {
  background: var(--designFarbeK-1);
}
body:has(#hellmode:checked ~ #kontanmode:checked) > .darkModeSchalterCont {
  background: var(--designFarbeK-1);
}
body:has(#darkmode:checked) > .darkModeSchalterCont {
  background: var(--designFarbe-1);
}
body:has(#darkmode:checked ~ #kontanmode:checked) > .darkModeSchalterCont {
  background: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .darkModeSchalterCont {
    background: var(--designFarbe-1);
  }
  body:has(#kontanmode:checked) > .darkModeSchalterCont {
    background: var(--designFarbeK-0);
  }
  body:has(#darkmode:checked ~ #kontanmode:checked) > .darkModeSchalterCont {
    background: var(--designFarbeK-0);
  }
  body:has(#hellmode:checked) > .darkModeSchalterCont {
    background: var(--designFarbe-1);
  }
  body:has(#hellmode:checked ~ #kontanmode:checked) > .darkModeSchalterCont {
    background: var(--designFarbeK-1);
  }
}

label.darkModeSchalter,
label.darkModeSchalter  {
  /* display: block; */
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

input#darkmode:checked ~ .darkModeSchalterCont label[for="darkmode"] {
  z-index: 11;
}

label[for="darkmode"]  {
  /* background: var(--designFarbe-4); */
}
label[for="hellmode"]  {
  /* background: var(--designFarbe-0); */
}

label.darkModeSchalter > svg {
  position: relative;
  /* height: 69%; */
  height: 50%;
  margin: 0 0 0 0.5em;
} 

body:has(#kontanmode:checked) > .darkModeSchalterCont svg .fil0 {
  fill: var(--designFarbeK-0);
}
body:has(#hellmode:checked ~ #kontanmode:checked) > .darkModeSchalterCont svg .fil0 {
  fill: var(--designFarbeK-0);
}
body:has(#darkmode:checked) > .darkModeSchalterCont svg .fil0 {
  fill: var(--designFarbe-0);
}
body:has(#darkmode:checked ~ #kontanmode:checked) > .darkModeSchalterCont svg .fil0 {
  fill: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .darkModeSchalterCont svg .fil0 {
    fill: var(--designFarbe-0);
  }
  body:has(#kontanmode:checked) > .darkModeSchalterCont svg .fil0 {
    fill: var(--designFarbeK-1);
  }
  body:has(#darkmode:checked ~ #kontanmode:checked) > .darkModeSchalterCont svg .fil0 {
    fill: var(--designFarbeK-1);
  }
  body:has(#hellmode:checked) > .darkModeSchalterCont svg .fil0 {
    fill: var(--designFarbe-0);
  }
  body:has(#hellmode:checked ~ #kontanmode:checked) > .darkModeSchalterCont svg .fil0 {
    fill: var(--designFarbeK-0);
  }
}



input#darkmode,
input#hellmode {
  display: none;
}
input#hellmode,
input#darkmode {
  appearance: none;
  position: fixed;
  width: 4.2em;
  height: 3em;
  margin: 0;
  /* left: calc(100vw - 4.2em - 2em); */
  left: calc(100vw - 4.2em - calc(1em + 15px));
  top: 5em;
  /* background: var(--designFarbe-1); */
  /* box-shadow: -2px 0 0 -1px var(--designFarbe-0); */
  font-size: 1em;
  z-index: 20;
}
@media (max-width: 760px) and (orientation:portrait) {
  input#hellmode,
  input#darkmode {
    top: initial;
    bottom: 9em;
    left: inherit;
    right: -5em;
    transition: 0.3s;
  }
  :has(input#barranmode:checked) input#hellmode,
  :has(input#barranmode:checked) input#darkmode {
    right: 0em;
  }
  html:has(input#barranmode:checked) body:has(nav > details[open].menuHaupt) input#hellmode,
  html:has(input#barranmode:checked) body:has(nav > details[open].menuHaupt) input#darkmode {
    right: -5em;
  }

}
[data-browser="firefox"] input#hellmode,
[data-browser="firefox"] input#darkmode {
  left: calc(100vw - 4.2em - calc(1em + 0px));
}
@media (max-width: 760px) and (orientation:portrait) {
  [data-browser="firefox"] input#hellmode,
  [data-browser="firefox"] input#darkmode {
    top: initial;
    bottom: 9em;
    left: inherit;
    right: -5em;
    transition: 0.3s;
  }
  [data-browser="firefox"] :has(input#barranmode:checked) input#hellmode,
  [data-browser="firefox"] :has(input#barranmode:checked) input#darkmode {
    right: 0em;
  }
  html[data-browser="firefox"]:has(input#barranmode:checked) body:has(nav > details[open].menuHaupt) input#hellmode,
  html[data-browser="firefox"]:has(input#barranmode:checked) body:has(nav > details[open].menuHaupt) input#darkmode {
    right: -5em;
  }
}
input#darkmode:checked {
  z-index: 19;
}






@media (prefers-color-scheme: dark) {
  input#hellmode {
    z-index: 21;
  }
  #hellmode:checked {
    z-index: 19;
  }
}




#hellmode:checked ~ .darkModeSchalterCont label[for="hellmode"] {
  display: none;
}
#hellmode:checked ~ .darkModeSchalterCont label[for="darkmode"] {
  display: flex;
}

#darkmode:checked ~ .darkModeSchalterCont label[for="darkmode"] {
  display: none;
}
#darkmode:checked ~ .darkModeSchalterCont label[for="hellmode"] {
  display: flex;
}

@media (prefers-color-scheme: light) {
  label[for="hellmode"] {
    /* display: none; */
  }
}


@media (prefers-color-scheme: dark) {
  label[for="darkmode"] {
    /* display: flex; */
  }
}

















.kontModeSchalter {
  /* position: absolute; */
  /* top: 0; */
  /* right: 0; */
  /* z-index: 10; */
}

.kontModeSchalter input {
    
}

input.kontModeSchalter,
label.kontModeSchalter  {
  /* position: absolute; */
  /* top: 1em; */
  /* right: 1em; */
  position: relative;
  z-index: 10;
  user-select: none;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase;
}

.kontModeSchalterCont {
  /* position: fixed; */
  /* top: 0; */
  /* top: 10em; */
  /* top: -10em; */
  right: 0;
  /* width: 3em; */
  /* height: 3em; */
  /* background: var(--designFarbe-4); */
  /* z-index: 10; */
  overflow: hidden;
  /* border-radius: 100% 0% 0% 100% / 0% 100% 0% 100%; */
  /* box-shadow: 0 0 0 0.5em var(--designFarbe-3), 0 0 0 1em var(--designFarbe-1); */




  position: fixed;
  width: 4.2em;
  height: 3em;
  margin: 0;
  /* left: calc(100vw - 4.2em - 2em); */
  left: calc(100vw - 4.2em - calc(1em + 15px));
  top: 9em;
  background: var(--designFarbe-1);
  box-shadow: -2px 0 0 -1px var(--designFarbe-0);
  font-size: 1em;
  z-index: 20;


}
@media (max-width: 760px) and (orientation:portrait) {
  .kontModeSchalterCont {
    top: initial;
    bottom: 13em;
    left: inherit;
    right: -5em;
    transition: 0.3s;
  }
  #barranmode:checked ~ .kontModeSchalterCont {
    /* right: 0em; */
    animation: displayNoneBlockAnim1a 0.3s ease 0s forwards;
  }
  body:has(nav > details[open].menuHaupt) .kontModeSchalterCont {
    /* right: -5em; */
    animation: displayNoneBlockAnim1b 0.3s ease 0s forwards;
  }
  body:has(nav > details[open].menuHaupt) #barranmode ~ .kontModeSchalterCont {
    /* right: -5em; */
    animation: displayNoneBlockAnim1b 0.3s ease 0s forwards;
  }
}








body:has(#kontanmode:checked) > .kontModeSchalterCont {
  background: var(--designFarbeK-1);
}
body:has(#hellmode:checked ~ #kontanmode:checked) > .kontModeSchalterCont {
  background: var(--designFarbeK-1);
}
body:has(#darkmode:checked) > .kontModeSchalterCont {
  background: var(--designFarbe-1);
}
body:has(#darkmode:checked ~ #kontanmode:checked) > .kontModeSchalterCont {
  background: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .kontModeSchalterCont {
    background: var(--designFarbe-1);
  }
  body:has(#kontanmode:checked) > .kontModeSchalterCont {
    background: var(--designFarbeK-0);
  }
  body:has(#darkmode:checked ~ #kontanmode:checked) > .kontModeSchalterCont {
    background: var(--designFarbeK-0);
  }
  body:has(#hellmode:checked) > .kontModeSchalterCont {
    background: var(--designFarbe-1);
  }
  body:has(#hellmode:checked ~ #kontanmode:checked) > .kontModeSchalterCont {
    background: var(--designFarbeK-1);
  }
}

label.kontModeSchalter,
label.kontModeSchalter  {
  /* display: block; */
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
input#kontanmode:checked ~ .kontModeSchalter label[for="kontanmode"] {
  z-index: 11;
}

label[for="kontanmode"]  {
  /* background: var(--designFarbeK-1); */
}
label[for="kontausmode"]  {
  /* background: var(--designFarbeK-0); */
}

label.kontModeSchalter > svg {
  position: relative;
  /* height: 69%; */
  height: 50%;
  margin: 0 0 0 0.5em;
}

body:has(#kontanmode:checked) > .kontModeSchalterCont svg .fil0 {
  fill: var(--designFarbeK-0);
}
body:has(#hellmode:checked ~ #kontanmode:checked) > .kontModeSchalterCont svg .fil0 {
  fill: var(--designFarbeK-0);
}
body:has(#darkmode:checked) > .kontModeSchalterCont svg .fil0 {
  fill: var(--designFarbe-0);
}
body:has(#darkmode:checked ~ #kontanmode:checked) > .kontModeSchalterCont svg .fil0 {
  fill: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .kontModeSchalterCont svg .fil0 {
    fill: var(--designFarbe-0);
  }
  body:has(#kontanmode:checked) > .kontModeSchalterCont svg .fil0 {
    fill: var(--designFarbeK-1);
  }
  body:has(#darkmode:checked ~ #kontanmode:checked) > .kontModeSchalterCont svg .fil0 {
    fill: var(--designFarbeK-1);
  }
  body:has(#hellmode:checked) > .kontModeSchalterCont svg .fil0 {
    fill: var(--designFarbe-0);
  }
  body:has(#hellmode:checked ~ #kontanmode:checked) > .kontModeSchalterCont svg .fil0 {
    fill: var(--designFarbeK-0);
  }
}

input#kontanmode,
input#kontausmode {
  display: none;
}
input#kontanmode,
input#kontausmode {
  appearance: none;
  position: fixed;
  width: 4.2em;
  height: 3em;
  margin: 0;
  /* left: calc(100vw - 4.2em - 2em); */
  left: calc(100vw - 4.2em - calc(1em + 15px));
  top: 9em;
  /* background: var(--designFarbe-1); */
  /* box-shadow: -2px 0 0 -1px var(--designFarbe-0); */
  font-size: 1em;
  z-index: 20;
}
@media (max-width: 760px) and (orientation:portrait) {
  input#kontanmode,
  input#kontausmode {
    top: initial;
    bottom: 13em;
    left: inherit;
    right: -5em;
    transition: 0.3s;
  }
  :has(input#barranmode:checked) input#kontanmode,
  :has(input#barranmode:checked) input#kontausmode {
    right: 0em;
  }
  html:has(input#barranmode:checked) body:has(nav > details[open].menuHaupt) input#kontanmode,
  html:has(input#barranmode:checked) body:has(nav > details[open].menuHaupt) input#kontausmode {
    right: -5em;
  }
}

[data-browser="firefox"] input#kontanmode,
[data-browser="firefox"] input#kontausmode {
  left: calc(100vw - 4.2em - calc(1em + 0px));
}
@media (max-width: 760px) and (orientation:portrait) {
  [data-browser="firefox"] input#kontanmode,
  [data-browser="firefox"] input#kontausmode {
    top: initial;
    bottom: 13em;
    left: inherit;
    right: -5em;
    transition: 0.3s;
  }
  [data-browser="firefox"] :has(input#barranmode:checked) input#kontanmode,
  [data-browser="firefox"] :has(input#barranmode:checked) input#kontausmode {
    right: 0em;
  }
  html[data-browser="firefox"]:has(input#barranmode:checked) body:has(nav > details[open].menuHaupt) input#kontanmode,
  html[data-browser="firefox"]:has(input#barranmode:checked) body:has(nav > details[open].menuHaupt) input#kontausmode {
    right: -5em;
  }
}

#kontanmode:checked {
  /* top: -10em; */
  z-index: 19;
}





#kontanmode:checked ~ .kontModeSchalterCont label[for="kontanmode"] {
  display: none;
}
#kontanmode:checked ~ .kontModeSchalterCont label[for="kontausmode"] {
  display: flex;
}

#kontausmode:checked ~ .kontModeSchalterCont label[for="kontausmode"] {
  display: none;
}
#kontausmode:checked ~ .kontModeSchalterCont label[for="kontanmode"] {
  display: flex;
}






























#designWahl_001 {
  display: none;

  position: fixed;
  bottom: 2em;
  right: 0.5em;
  z-index: 10;
}
html:has(input#barranmode:checked) #designWahl_001 {
  /* display: block; */
}
@media (max-width: 1024px) {
  #designWahl_001 {
    display: none !important;
  }
}
#designWahl_001 .designGroesse > div {
  font-size: 3em;
  font-weight: 700;
  color: var(--designFarbe-4);
  cursor: pointer;
  filter: drop-shadow(1px -1px 0px var(--designFarbe-1));
  user-select: none;
  transform-origin: center;
  width: 1.15em;
  height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 0.15em 0;
  
  transition: 0s;
}
#designWahl_001 .designGroesse > div:hover {
  background: var(--designFarbe-1-01);
  transition: 0s;
}


#designWahl_001 .designGroesse .designMinus {
  margin: 0.5em 0 0 0;
}


















































/* Dark Mode */
/*
[data-bs-theme="dark"] .site-grid {
  background: #222;
  background-image: var(--designFarbeSvg-4);
}
[data-bs-theme="dark"] .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x {
  background-image: var(--designFarbeSvg-4); 
}
*/



#hellmode:checked ~ .site-grid {
  /* background: transparent; */
  /* background-image: var(--designFarbeSvg-4); */
}








#darkmode:checked ~ .site-grid .blockBildLadyMitCash .dscstcb1_x svg {
  /* background: var(--designFarbeSvg-4); */
}
#darkmode:checked ~ .site-grid .blockBildFrauEbeling .dscstcb1_x svg {
  /* background: var(--designFarbeSvg-4); */
}
















#hellmode:checked ~ .site-grid {
  /* background: red; */
  /* background-image: none; */
}












































/* Summery test */


details /* inhalte */ {
	/* padding: 1rem 0.5rem; */
	/* We need margin-trim … */
	/* :first-child { margin-top: 0; } */
	/* :last-child {	margin-bottom: 0;	} */
}

/* .menuSpeed::details-content, */
.akko::details-content {
  /* Rely on the special animation powers of content-visibility */
	transition: all 0.5s ease, content-visibility 0.5s ease allow-discrete; 
	height: 0;
  /* Clip off contents while animating */
	overflow: clip; 
}
@supports (interpolate-size: allow-keywords) {
	:root {
		interpolate-size: allow-keywords;
	}
  /* .menuSpeed[open]::details-content, */
	.akko[open]::details-content {
		height: auto;
		padding-bottom: 0.5em;
	}
}
@supports not (interpolate-size: allow-keywords) {
  /* .menuSpeed[open]::details-content, */
	.akko[open]::details-content {
		/* height: 150px; */ /* Arbitrarily chosen height */ /* FIREFOX NOCH NICHT IMPLEMENTIERT DESWEGEN VERKAKT ALLES - meine fresse, dei brauchen aber auch eine Dekade für alles :/ */ 
		/* overflow-y: scroll; */ /* In case the contents should be taller than 150px */

    
    height: auto;
    overflow: visible;
	}
  [data-browser="firefox"] .akko > div {
    opacity: 0;
  }
  [data-browser="firefox"] .akko[open] > div {
    opacity: 1;
    transition-delay: 0.2s;
    transition-duration: 0.3s;
  }
}








.menuUnter[open] {
  animation: menuDetalOpen 0.5s forwards;
}

.menuUnter::details-content {
	/* transition: all 0.5s ease, content-visibility 0.5s ease allow-discrete;  */
	transition: all 0s ease, content-visibility 0s ease allow-discrete; 
	height: 0;
  /* overflow: clip; */
}
@supports (interpolate-size: allow-keywords) {
  .menuUnter[open]::details-content {
		height: auto;
	  transition: all 0.5s ease, content-visibility 0.5s ease allow-discrete; 
		/* height: 25em; */
		/* padding-bottom: 0.5em; */
	}
}
@supports not (interpolate-size: allow-keywords) {
  .menuUnter[open]::details-content {
		/* height: 150px; */
    height: 30em;
		/* overflow-y: scroll; */
	}
}

@keyframes menuDetalOpen {
  0%   {overflow: clip;}
  99%  {overflow: clip;}
  100% {overflow: visible;}
  /* 100% {overflow: scroll;} */
}

@keyframes menuDetalOpen1 {
  0%   {overflow-y: hidden;}
  99%  {overflow-y: hidden;}
  100% {overflow-y: visible;}
  /* 100% {overflow-y: scroll;} */
}


@keyframes menuDetalOpen2 {
  0%   {background: red;}
  50%  {background: green;}
  100% {background: red;}
}





























/* besondere Links */

.dm_2005 + .dm_x {
  position: fixed;
  top: 18em;
  right: 1em;
  z-index: 10;
}
@media (max-width: 760px) and (orientation:portrait) {
  .dm_2005 + .dm_x {
    top: initial;
    bottom: 17em;
    /* top: 4em; */
    /* right: 0em; */
    /* right: -1.5em; */
    right: -5em;
    transition: 0.3s;
  }
  #barranmode:checked ~ div .dm_2005 + .dm_x {
    right: -1.5em;
  }
  body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x {
    right: -5em;
  }
}


@media (max-width: 760px) and (orientation:portrait) {
  .dm_2005 + .dm_x #besondere-links {
    display: flex;
    flex-direction: column-reverse;
  }
}






.dm_2005 + .dm_x #besondere-links > div {
  position: relative;
  width: 4.2em;
  height: 3em;
  margin: 1em 0;
  background: var(--designFarbe-1);
  display: flex;
  align-items: center;
  box-shadow: -2px 0 0 -1px var(--designFarbe-0);
  /* box-shadow: 0 0 0 1px var(--designFarbe-0); */
  transition: 0.3s;
}
@media (max-width: 760px) and (orientation:portrait) {
  .dm_2005 + .dm_x #besondere-links > div {
    margin: 1em 0 0 0;
    background: var(--designFarbe-0-01);
    box-shadow: 0 0 0 0 var(--designFarbe-0);

    
    top: 0;
    right: 0;
    transition: right 0s;
  }
  
  html:has(input#barranmode:checked) body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links > div {
    /* width: 4.2em; */
    /* margin: 1em 0 0 0; */
  }
  body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links > div,
  html:has(input#barranmode:checked) body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links > div {
    width: 2.5em;
    margin: 1em 0 0 0;
    position: fixed;
    background: transparent;
    top: 5em;
    right: 5em;
    overflow: hidden;
    transition: right 0.3s;
  }


  body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links > div:nth-of-type(1),
  html:has(input#barranmode:checked) body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links > div:nth-of-type(1) {
    /* top: 8.5em; */
    top: 9.5em;
    right: 1em;
  }
  body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links > div:nth-of-type(2),
  html:has(input#barranmode:checked) body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links > div:nth-of-type(2) {
    /* top: 5.5em; */
    top: 6.5em;
    right: 1em;
  }
  body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links > div:nth-of-type(3),
  html:has(input#barranmode:checked) body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links > div:nth-of-type(3) {
    /* top: 5.5em; */
    top: 6.5em;
    right: 4em;
  }
  body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links > div:nth-of-type(4),
  html:has(input#barranmode:checked) body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links > div:nth-of-type(4) {
    /* top: 2.5em; */
    top: 3.5em;
    right: 1em;
  }
  body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links > div:nth-of-type(5),
  html:has(input#barranmode:checked) body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links > div:nth-of-type(5) {
    /* top: 2.5em; */
    top: 3.5em;
    right: 4em;
  }



  :has(input#barranmode:checked) .dm_2005 + .dm_x #besondere-links > div {
    width: 14.2em;
    margin: 1em 0 0 -10em;
    background: var(--designFarbe-1);
    transition: all 0.3s, top 0s;
  }

}

#kontanmode:checked  ~ .site-grid .dm_2005 + .dm_x #besondere-links > div {
  background: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2005 + .dm_x #besondere-links > div {
  background: var(--designFarbeK-1);
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2005 + .dm_x #besondere-links > div {
  background: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .dm_2005 + .dm_x #besondere-links > div {
    /* background: var(--designFarbeK-0); */
  }
  #kontanmode:checked  ~ .site-grid .dm_2005 + .dm_x #besondere-links > div {
    background: var(--designFarbeK-0);
  }
}


.dm_2005 + .dm_x #besondere-links > div:has(a:hover),
.dm_2005 + .dm_x #besondere-links > div:has(a:focus) {
  width: 14.2em;
  margin: 1em 0 1em -10em;
  transition: 0.3s;
}

@media (max-width: 760px) and (orientation:portrait) {
  .dm_2005 + .dm_x #besondere-links > div:has(a:hover),
  .dm_2005 + .dm_x #besondere-links > div:has(a:focus) {
    width: 4.2em;
    margin: 1em 0 0 0;
  }
}





.dm_2005 + .dm_x #besondere-links > div svg {
  position: relative;
  /* height: 69%; */
  height: 50%;
  margin: 0 0 0 0.5em;
}

@media (max-width: 760px) and (orientation:portrait) {
  .dm_2005 + .dm_x #besondere-links > div svg .fil0 {
    /* fill: var(--designFarbe-1); */
  }
  :has(input#barranmode:checked) .dm_2005 + .dm_x #besondere-links > div svg .fil0 {
    fill: var(--designFarbe-0);
    transition: 0.3s;
  }
  /* body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links > div svg .fil0, */
  html:has(input#barranmode:checked) body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links > div svg .fil0 {
    fill: var(--designFarbe-1);
  }
}
#kontanmode:checked  ~ .site-grid .dm_2005 + .dm_x #besondere-links > div svg .fil0 {
  fill: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2005 + .dm_x #besondere-links > div svg .fil0 {
  fill: var(--designFarbeK-0);
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2005 + .dm_x #besondere-links > div svg .fil0 {
  fill: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .dm_2005 + .dm_x #besondere-links > div svg .fil0 {
    /* fill: var(--designFarbeK-1); */
  }
  #kontanmode:checked  ~ .site-grid .dm_2005 + .dm_x #besondere-links > div svg .fil0 {
    fill: var(--designFarbeK-1);
  }
}
@media (forced-colors: active) {
  .dm_2005 + .dm_x #besondere-links > div svg .fil0 {
    fill: ButtonText;
  }
}


.dm_2005 + .dm_x #besondere-links > div a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}


.dm_2005 + .dm_x #besondere-links > div a span {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

  color: transparent;
  opacity: 0;
  font-size: 10em;
  line-height: 0;

  overflow: hidden;
  
  user-select: none;
  white-space: nowrap;

}

.dm_2005 + .dm_x #besondere-links > div a::after {
  position: absolute;
  color: var(--designFarbe-0);
  font-size: 1.5em;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  left: 10em;
  opacity: 0;
}


#kontanmode:checked  ~ .site-grid .dm_2005 + .dm_x #besondere-links > div a::after {
  color: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2005 + .dm_x #besondere-links > div a::after {
  color: var(--designFarbeK-0);
}
#darkmode:checked ~ #kontanmode:checked  ~ .site-grid .dm_2005 + .dm_x #besondere-links > div a::after {
  color: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .dm_2005 + .dm_x #besondere-links > div a::after {
    color: var(--designFarbe-0);
  }
  #kontanmode:checked  ~ .site-grid .dm_2005 + .dm_x #besondere-links > div a::after {
    color: var(--designFarbeK-1);
  }
}




.dm_2005 + .dm_x #besondere-links > div a:hover::after,
.dm_2005 + .dm_x #besondere-links > div a:focus::after {
  left: 2em;
  opacity: 1;
  transition: 0.3s;
}
@media (max-width: 760px) and (orientation:portrait) {
  :has(input#barranmode:checked) .dm_2005 + .dm_x #besondere-links > div a::after {
    left: 2em;
    opacity: 1;
    transition: 0.3s;
  }
}

.dm_2005 + .dm_x #besondere-links > div a[href*="service"]::after {
  content: 'EnergiePunkte';
}
.dm_2005 + .dm_x #besondere-links > div a[href*="portal."]::after {
  content: 'Portal';
}
.dm_2005 + .dm_x #besondere-links > div a[href*="bestellung"]::after {
  content: 'Tarifrechner';
}
.dm_2005 + .dm_x #besondere-links > div a[href*="facebook"]::after {
  content: 'Facebook';
}
.dm_2005 + .dm_x #besondere-links > div a[href*="instagram"]::after {
  content: 'Instagram';
}

@media (forced-colors: active) {
  .dm_2005 + .dm_x #besondere-links > div a::after {
    color: ButtonText;
  }
}




/*
.dm_2005 + .dm_x #besondere-links:target::before {
  content: '';
  position: absolute;
  height: 3em;
  width: 6em;
  top: 50%;
  transform-origin: center;
  transform: translateY(-50%);
  background: var(--designIconPfeilUnten-3);
  background-repeat: no-repeat;
  opacity: 0;
}
.dm_2005 + .dm_x #besondere-links:target::before {
  left: -8em;
  transform: translateY(-50%) rotate(-90deg);
  animation: blinkyBarrBeforeSonder 3s linear 0.3s forwards;
}
@keyframes blinkyBarrBeforeSonder {
  0%   {opacity: 0;left: -8em;}
  25%  {opacity: 1;left: -7em;}
  45%  {opacity: 0;left: -5em;}
  55%  {opacity: 0;left: -8em;}
  75%  {opacity: 1;left: -7em;}
  100% {opacity: 0;left: -5em;}
}
*/


.dm_2005 + .dm_x #besondere-links:target::before,
.dm_2005 + .dm_x #besondere-links:target::after {
  content: '';
  position: absolute;
  height: 5em;
  width: 0.25em;
  top: 50%;
  transform-origin: center;
  transform: translateY(-50%);
  background: var(--designIconPfeilUnten-3);
  background-repeat: no-repeat;
  opacity: 0;
  background: var(--designFarbe-1);
}
.dm_2005 + .dm_x #besondere-links:target::before,
.dm_2005 + .dm_x #besondere-links:target::after {
  animation: blinkyBarrBeforeSonder 3s linear 0.3s forwards;
}
.dm_2005 + .dm_x #besondere-links:target::before {
  left: -0.55em;
}
.dm_2005 + .dm_x #besondere-links:target::after {
  right: -0.55em;
}
@keyframes blinkyBarrBeforeSonder {
  0%   {opacity: 1;top: 90%;}
  25%  {opacity: 1;top: 50%;}
  50%  {opacity: 1;top: 10%;}
  75%  {opacity: 1;top: 50%;}
  100% {opacity: 0;top: 90%;}
}




@media (max-width: 760px) and (orientation:portrait) {


  .dm_2005 + .dm_x #besondere-links:target::before,
  .dm_2005 + .dm_x #besondere-links:target::after {
    background: var(--designFarbe-3);
  }




  .dm_2005 + .dm_x #besondere-links > div {
    
  }
  
  html:has(input#barranmode:checked) body:has(nav > details.menuHaupt[open]) .dm_2005 + .dm_x #besondere-links:target::before {
    display: none;
  }

  :has(input#barranmode:checked) .dm_2005 + .dm_x #besondere-links:target::before {
    left: -10.55em;
  }

}






/* alles Weiss */

/*
@media (prefers-color-scheme: light) {
  * {
    background: var(--designFarbe-0) !important;
    color: var(--designFarbe-4) !important;
  }

}
@media (prefers-color-scheme: dark) {
  * {
    background: var(--designFarbe-4) !important;
    color: var(--designFarbe-0) !important;
  }
}
*/




/* Menu Links Abschalter 

a[href*=""],
a[href*=""] {
  pointer-events: none;
  opacity: 0.9;
}

*/

/* a[href*="erdgas/peenegas"], */
/* a[href*="erdgas/basisgas"], */
/* a[href*="erdgas/geschaeftskunden"], */
/* a[href*="erdgas/fakten-ueber-erdgas"], */
/* a[href*="erdgas/staatliche-umlagen-und-abgaben"], */
a[href*="erdgas/peenegas-online"] {
  pointer-events: none;
  opacity: 0.9;
}


/*
a[href*="strom/peenestrom"],
a[href*="strom/peenewaermestrom"],
a[href*="strom/unser-angebot-fuer-grosskunden"],
a[href*="strom/staatliche-umlagen-und-abgaben"],
a[href*="strom/stromkennzeichnung"],
a[href*="strom/dynamische-stromtarife"] { 
  pointer-events: none;
  opacity: 0.9;
}
*/


/*
a[href*="service/kontakt"],
a[href*="service/energiepunkte"],
a[href*="service/aussendienst"],
a[href*="service/energiedienstleistungen"],
a[href*="service/vertrag-kuendigen"] {
  pointer-events: none;
  opacity: 0.9;
}
*/

/* a[href*="unternehmen/portrait"], */
/* a[href*="unternehmen/leitbild"], */
/* a[href*="unternehmen/geschichte"], */
/* a[href*="unternehmen/daten-fakten"], */
/* a[href*="unternehmen/unser-film"], */
/* a[href*="unternehmen/gleichbehandlungsbericht"], */
a[href*="unternehmen/news"] {
  pointer-events: none;
  opacity: 0.9;
}

a[href*="karriere"] {
  /* pointer-events: none; */
}



/* a[href*="impressum"], */
/* a[href*="datenschutz"], */
/* a[href*="verbraucherinformationen"],
a[href*="barrierefreiheit"] {
  pointer-events: none;
}
*/
















/* PeeneWärmeStrom */

.do_2013 + .do_x .doc_x .doco_x:nth-of-type(1) p {
  text-align: center;
}
.itemid-117 .do_2013 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  margin: 0.5em 0 0.5em 0;
  /* padding: 0 0 0 1em; */
}









/* PeeneStrom PeeneWärmeStrom Geschägtskunden STROM */

.do_2013 + .do_x .doc_x .doco_x:nth-of-type(1) p {
  margin: 0 0 0 0.8em;
  text-align: center;
}

@media (max-width: 760px) and (orientation:portrait) {
  .do_2013 + .do_x .doc_x .doco_x:nth-of-type(1) p {
    margin: 0 0 2em 0;
  }
}
.itemid-118 .do_2013 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  margin: 0.5em 0 0.5em 0;
  padding: 0 0 0 1em;
}






/* PeeneStrom Dynamische Stromtarife */
/*
.itemid-121 .do_2013 + .do_x .doco_x:nth-of-type(1) {
  justify-content: center;
  align-items: center;
  display: flex;
}
.itemid-121 .do_2013 + .do_x .doco_x:nth-of-type(2) {
  display: none;
}
.itemid-121 .do_2013 + .do_x .doco_x:nth-of-type(3) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
}
.itemid-121 .do_2013 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  margin: 0.5em 0 0.5em 0;
  padding: 0 0 0 0em;
}
.itemid-121 .do_2013 + .do_x .doco_x:nth-of-type(4) p {
  width: 100%;
}
.itemid-121 .do_2013 + .do_x .doco_x:nth-of-type(4) a {
  height: fit-content;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 1em 2.5em 0.9em 2.5em;
  color: var(--designFarbe-1);
  background: var(--designFarbe-3);
  font-size: 1.2em;
  font-family: var(--designFont-45);
  box-shadow: inset 0 0 0 0 transparent;
  transform: translateX(-0.5em);
  transition: 0.3s;
  margin: 6.5em 0 0 0;
  display: block;
  text-wrap-mode: nowrap;
}
*/

.do_2014 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
}

.do_2014 + section.do_x:target > * {
  outline: 2px solid var(--designFarbe-1);
  outline-offset: -1em;
}
.do_2014 + section.do_x:target > div::before,
.do_2014 + section.do_x:target > div::after {
  background: var(--designIconPfeilUnten-1);
}
.do_2014 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  background: var(--designFarbe-0);
}

#kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x {
  background: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x {
  background: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .do_2014 + .do_x .doc_x {
  background: var(--designFarbe-4);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x {
  background: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .do_2014 + .do_x .doc_x {
    background: var(--designFarbe-4);
  }
  #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x {
    background: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .do_2014 + .do_x .doc_x {
    background: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x {
    background: var(--designFarbeK-0);
  }
}
@media (forced-colors: active) {
  .do_2014 + .do_x .doc_x {
    /* background: Window; */
    border-bottom: 1px solid;
  }
}

@media (max-width: 760px) and (orientation: portrait) {
  .do_2014 + .do_x .doc_x {
    flex-wrap: wrap;
    width: min(calc(100% - calc(var(--designMobilPadding) * 2)), var(--design-box-2));
    padding: 2.5em var(--designMobilPadding) 3.5em var(--designMobilPadding);
  }
}






.do_2014 + .do_x .doco_x:nth-of-type(3n+1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0 2em var(--designMarginInnen-2);
  justify-content: center;
  /* align-items: center; */
  display: flex;
}
.do_2014 + .do_x .doco_x:nth-of-type(3n+2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 2em 0;
}
.do_2014 + .do_x .doco_x:nth-of-type(3n+3) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em var(--designMarginInnen-2) 2em 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2014 + .do_x .doco_x:nth-of-type(3n+1) {
    padding: 0;
    width: 55%;
  }

  .do_2014 + .do_x .doco_x:nth-of-type(3n+2),
  .do_2014 + .do_x .doco_x:nth-of-type(3n+3) {
    padding: 0;
    width: 100%;
  }
}




.do_2014 + .do_x .doco_x:nth-of-type(1) h2 {
  width: 80%;
  margin: 0.79em 0 0 0;
  font-family: var(--designFont-1);
  color: var(--designFarbe-1);
  font-size: 2.75em;
  line-height: 1.34;
  text-align: center;
  font-weight: 400;
}

.do_2014 + .do_x .doc_x .doco_x:nth-of-type(3n+1) h2.seoSichtbar {
  /* width: 73%; */
  width: 100%;
  margin: 0.5em 0 0.5em 0;
  /* margin: 2.3em 0 0 0; */
  /* padding: 0 0 0 0em; */
}
.itemid-126 .do_2014 + .do_x .doc_x .doco_x:nth-of-type(3n+1) h2.seoSichtbar {
  margin: 0;
  width: 77%;
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2014 + .do_x .doc_x .doco_x:nth-of-type(3n+1) h2.seoSichtbar {
    margin: 0;
    width: 100%;
  }
  .itemid-126 .do_2014 + .do_x .doc_x .doco_x:nth-of-type(3n+1) h2.seoSichtbar {
    margin: 0;
    width: 100%;
  }
}




.do_2014 + .do_x .doc_x .doco_x h3 {
  width: 76%;
  margin: 0.4em 0 0.6em 0;
  color: var(--designFarbe-1);
  font-size: 1.77em;
}
#kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2014 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbeK-1);
  }
}




.do_2014 + .do_x .doc_x .doco_x h4 {
  /* width: 76%; */
  margin: 2em 0 0.6em 0;
  color: var(--designFarbe-1);
  font-size: 1.6em;
}
#kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x h4 {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x h4 {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x h4 {
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x h4 {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2014 + .do_x .doc_x .doco_x h4 {
    color: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x h4 {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x h4 {
    color: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x h4 {
    color: var(--designFarbeK-1);
  }
}




.do_2014 + .do_x .doc_x .doco_x ul {
  padding: 0 0 0 1.3em;
}
.do_2014 + .do_x .doc_x .doco_x li {
  /* width: 100%; */
  font-size: 1.2em;
  /* margin: 0 0 1em 0; */
}
#kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x li {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x li {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x li {
  color: var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x li {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2014 + .do_x .doc_x .doco_x li {
    color: var(--designFarbe-3);
  }
  #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x li {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x li {
    color: var(--designFarbe-5);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x li {
    color: var(--designFarbeK-1);
  }
}




.do_2014 + .do_x .doc_x .doco_x p {
  width: 100%;
  font-size: 1.2em;
  margin: 0 0 1em 0;
}
#kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x p {
  color: var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2014 + .do_x .doc_x .doco_x p {
    color: var(--designFarbe-3);
  }
  #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x p {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x p {
    color: var(--designFarbe-5);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x p {
    color: var(--designFarbeK-1);
  }
}








.do_2014 + .do_x .doc_x .doco_x p:nth-last-of-type(1) {
  margin: 0;
}
.do_2014 + .do_x .doco_x:nth-of-type(3n+2) p {
  width: 86%;
}

@media (max-width: 760px) and (orientation: portrait) {
  .do_2014 + .do_x .doco_x:nth-of-type(3n+2) p {
    width: 100%;
    hyphens: auto;
  }
}

.do_2014 + .do_x .doco_x:nth-of-type(3n+2) p a {
  text-decoration: none;
  color: inherit;
}




.do_2014 + .do_x .doco_x:nth-of-type(3n+3) p.textKnopf {
  margin: auto 0 0 0;
}
.do_2014 + .do_x .doco_x a.linkKnopf {
  /* width: 100%; */
  /* width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 1); */
  width: 100%;
  height: fit-content;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.06em;
  /* padding: 1em 2.5em 0.9em 2.5em; */
  padding: 1em 0 0.9em 0;
  color: var(--designFarbe-1);
  background: var(--designFarbe-3);
  font-size: 1.2em;
  font-family: var(--designFont-45);
  box-shadow: inset 0 0 0 0 transparent;
  /* transform: translateX(-0.5em); */
  transform: translateX(0em);
  /* transition: 0.3s; */
  transition: color 0.3s, background 0.3s, box-shadow 0.3s, filter 0.3s;
  margin: auto 0 0 0;
  display: block;
  /* text-wrap-mode: nowrap; */
}
.do_2014 + .do_x .doco_x a.linkKnopf.textKnopf {
  margin: 1em 0 0 0;
  /* margin: 0; */
}

@media (max-width: 760px) and (orientation: portrait) {
  .do_2014 + .do_x .doco_x a.linkKnopf {
    margin: 2em 0 0 0;
  }
  .itemid-136 .do_2014 + .do_x .doco_x a.linkKnopf {
    font-size: 1.1em;
  }
}

#kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x a.linkKnopf {
  background: var(--designFarbeK-1);
  color: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x a.linkKnopf {
  background: var(--designFarbeK-1);
  color: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x a.linkKnopf {
  background: var(--designFarbe-3);
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x a.linkKnopf {
  background: var(--designFarbeK-0);
  color: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .do_2014 + .do_x .doc_x .doco_x a.linkKnopf {
    background: var(--designFarbe-3);
    color: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x a.linkKnopf {
    background: var(--designFarbeK-0);
    color: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x a.linkKnopf {
    background: var(--designFarbe-3);
    color: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x a.linkKnopf {
    background: var(--designFarbeK-1);
    color: var(--designFarbeK-0);
  }
}

.do_2014 + .do_x .doco_x a.linkKnopf:hover {
  color: var(--designFarbe-3);
  background: var(--designFarbe-1);
  box-shadow: inset 0 0 0 1px var(--designFarbe-3);
  filter: drop-shadow(0 0 0.1em var(--designFarbe-1));
  transition: color 0.3s, background 0.3s, box-shadow 0.3s, filter 0.3s;
}
#kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x a.linkKnopf:hover {
  background: var(--designFarbeK-0);
  color: var(--designFarbeK-1);
  box-shadow: inset 0 0 0 1px var(--designFarbeK-1);
  filter: drop-shadow(0 0 0em var(--designFarbeK-1));
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x a.linkKnopf:hover {
  background: var(--designFarbeK-0);
  color: var(--designFarbeK-1);
  box-shadow: inset 0 0 0 1px var(--designFarbeK-1);
  filter: drop-shadow(0 0 0em var(--designFarbeK-1));
}
#darkmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x a.linkKnopf:hover {
  background: var(--designFarbe-1);
  color: var(--designFarbe-3);
  box-shadow: inset 0 0 0 1px var(--designFarbe-3);
  filter: drop-shadow(0 0 0.1em var(--designFarbe-1));
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x a.linkKnopf:hover {
  background: var(--designFarbeK-1);
  color: var(--designFarbeK-0);
  box-shadow: inset 0 0 0 1px var(--designFarbeK-0);
  filter: drop-shadow(0 0 0em var(--designFarbeK-0));
}
@media (prefers-color-scheme: dark) {
  .do_2014 + .do_x .doc_x .doco_x a.linkKnopf:hover {
    background: var(--designFarbe-1);
    color: var(--designFarbe-3);
    box-shadow: inset 0 0 0 1px var(--designFarbe-3);
    filter: drop-shadow(0 0 0.1em var(--designFarbe-1));
  }
  #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x a.linkKnopf:hover {
    background: var(--designFarbeK-1);
    color: var(--designFarbeK-0);
    box-shadow: inset 0 0 0 1px var(--designFarbeK-0);
    filter: drop-shadow(0 0 0em var(--designFarbeK-0));
  }
  #hellmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x a.linkKnopf:hover {
    background: var(--designFarbe-1);
    color: var(--designFarbe-3);
    box-shadow: inset 0 0 0 1px var(--designFarbe-3);
    filter: drop-shadow(0 0 0.1em var(--designFarbe-1));
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2014 + .do_x .doc_x .doco_x a.linkKnopf:hover {
    background: var(--designFarbeK-0);
    color: var(--designFarbeK-1);
    box-shadow: inset 0 0 0 1px var(--designFarbeK-1);
    filter: drop-shadow(0 0 0em var(--designFarbeK-1));
  }
}
@media (forced-colors: active) {
  .do_2014 + .do_x .doc_x .doco_x a.linkKnopf {
    color: ButtonText;
    border: 1px solid ButtonText;
  }
  .do_2014 + .do_x .doc_x .doco_x a.linkKnopf:hover {
    color: ButtonText;
    text-decoration: underline;
  }
}































/* PeeneStrom Stromkennzeichnung */
/* 1/4 - 3/8 - 3/8 PeeneStrom Vorteile */


@font-face {
  font-family: 'stromkenn-23';
  src: url('fonts/stromkenn-23.eot');
  src: url('fonts/stromkenn-23.eot#iefix') format('embedded-opentype'),
        url('fonts/stromkenn-23.woff') format('woff'),
        url('fonts/stromkenn-23.ttf') format('truetype'),
        url('fonts/stromkenn-23.svg#stromkenn-23') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'stromkenn-25';
  src: url('fonts/stromkenn-25.eot');
  src: url('fonts/stromkenn-25.eot#iefix') format('embedded-opentype'),
        url('fonts/stromkenn-25.woff') format('woff'),
        url('fonts/stromkenn-25.ttf') format('truetype'),
        url('fonts/stromkenn-25.svg#stromkenn-25') format('svg');
  font-weight: normal;
  font-style: normal;
}

.yes-outline .legende > div:focus {
  outline: 0em solid var(--designFarbe-1);
  outline-offset: 0em;
}
.yes-outline .legende > div:focus span:nth-of-type(2) {
  outline: 0.25em solid var(--designFarbe-1);
  outline-offset: 0.5em;
}







.itemid-120 .do_2050 + .do_x .doco_x:nth-of-type(1) {
  justify-content: center;
  align-items: center;
  display: flex;
}
.itemid-120 .do_2050 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  margin: 0.5em 0 0.5em 0;
  padding: 0 0 0 0em;
}



.itemid-120 .do_2012 + .do_x {
  display: none;
}

.do_2050 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
  /* height: 16.25em; */
  /* z-index: 999; */
}
.do_2050 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  background: var(--designFarbe-0);
  flex-wrap: wrap;  
}


#kontanmode:checked ~ .site-grid .do_2050 + .do_x .doc_x {
  background: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2050 + .do_x .doc_x {
  background: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .do_2050 + .do_x .doc_x {
  background: var(--designFarbe-4);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2050 + .do_x .doc_x {
  background: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .do_2050 + .do_x .doc_x {
    background: var(--designFarbe-4);
  }
  #kontanmode:checked ~ .site-grid .do_2050 + .do_x .doc_x {
    background: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .do_2050 + .do_x .doc_x {
    background: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2050 + .do_x .doc_x {
    background: var(--designFarbeK-0);
  }
}
@media (forced-colors: active) {
  .do_2050 + .do_x .doc_x {
    /* background: Window; */
    border-bottom: 1px solid;
  }
}

@media (max-width: 760px) and (orientation: portrait) {
  .do_2050 + .do_x .doc_x {
    flex-wrap: wrap;
    width: min(calc(100% - calc(var(--designMobilPadding) * 2)), var(--design-box-2));
    padding: 2.5em 2em 2.5em 2em;
  }
}












.do_2050 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 2em 0 2em var(--designMarginInnen-2);
}
.do_2050 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 8 * 3);
  padding: 2em 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.do_2050 + .do_x .doco_x:nth-of-type(3) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 8 * 3);
  padding: 2em var(--designMarginInnen-2) 2em 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.do_2050 + .do_x .doco_x:nth-of-type(4) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 1);
  padding: 0em var(--designMarginInnen-2) 2em calc( calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4) + var(--designMarginInnen-2) );
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2050 + .do_x .doco_x:nth-of-type(1), 
  .do_2050 + .do_x .doco_x:nth-of-type(2), 
  .do_2050 + .do_x .doco_x:nth-of-type(3), 
  .do_2050 + .do_x .doco_x:nth-of-type(4) {
    align-items: center;
    padding: 0;
    width: 100%;
  }
  .do_2050 + .do_x .doco_x:nth-of-type(1) {
    width: 55%;
    order: 1;
  }
  .do_2050 + .do_x .doco_x:nth-of-type(2) {
    order: 2;
  }
  .do_2050 + .do_x .doco_x:nth-of-type(3) {
    order: 4;
  }
  .do_2050 + .do_x .doco_x:nth-of-type(4) {
    order: 3;
  }
}





.do_2050 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  /* width: 73%; */
  width: 100%;
  margin: 0.5em 0 0em 0;
  /* padding: 0 0 0 1.9em; */
}

.do_2050 + .do_x .doc_x .doco_x h3 {
  /* width: 76%; */
  /* margin: 0.5em 0 1em 0; */
  margin: 0.4em 0 0.6em 0;
  
  /* padding: 0 0 0 1.3em; */
  color: var(--designFarbe-1);
  font-size: 1.77em;
  text-align: center;
}

#kontanmode:checked ~ .site-grid .do_2050 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2050 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2050 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2050 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2050 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .do_2050 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2050 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2050 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbeK-1);
  }
}











#text {
  position: relative;
  padding: 0 0.07em 0 0;

  color: #fefefe;

  /* font-size: 15em; Standard */
  font-size: clamp(11.5em, 11.5vw, 27em);

  line-height: 0.9em;
  letter-spacing: 2px;
  text-align: center;
  transform: rotate(10deg) skew(-15deg);
  /* transform: rotate(0deg) skew(0deg);*/
  
  /* transform: rotate(0deg) skew(0deg);*/
  
  display: flex;
  height: 2em;
  /* width: 75vh; */
  justify-content: center;
  align-items: center;
  transition: transform 0.6s;

  margin: -0.25em 0 0 0;
  
  user-select: none;

  font-family: 'stromkenn-25';
  /* background: #f1f1f1; */
  --darkHellMode: #eeeeee00;
  /* background: #2d2d2d; */

  /* Kuchenzahlen */
  --darkHellKuchenZahlen: var(--designFarbe-4);
}

@media (prefers-color-scheme: dark) {
  #text {
    --darkHellMode: #87172f00;
    --darkHellKuchenZahlen: var(--designFarbe-3);
  }
}

@media (max-width: 760px) and (orientation: portrait) {
  #text {
    margin: -0.45em 0 0 0;
  }
}


#text:hover {

  transform-origin: 50% 50%;
  transform: rotate(9deg) skew(-15deg) translate(0, 0);
  transition: transform 0.6s;
  
}


#text .kuchenCont {
  position: relative;
  margin: 0em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
}
#text span {
  position: absolute;
  width: 1em;
  height: 1em;
/*            background: coral;*/
/*            border: 1px solid coral;*/
  line-height: 1;
  transform-origin: 50% 50%;

  font-family: 'stromkenn-25';
}


svg.kuchSvgTop,
svg.kuchSvgBottom {
  position: absolute;
  width: 1em;
  height: 1em;
  transform-origin: 50% 50%;
}

svg.kuchSvgTop {
  z-index: 10;
  opacity: 0;
  transform-origin: 50% 50%;
  transform: translate(0px, 0px) scale(1.3);
}
svg.kuchSvgBottom {
  z-index: 1;
  opacity: 0;
  transform: translate(19px, 19px);
  transform-origin: 50% 50%;
  transform: translate(50px, 50px) scale(0.9);
}



svg.kuchSvgTop path {
  cursor: pointer;
}





svg .filk1 {fill:#39b3e4}
svg .filk2 {fill:#e24e5a}
svg .filk3 {fill:#ff9334}
svg .filk4 {fill:#ffcd5e}
svg .filk5 {fill:#009846}
svg .filk6 {fill:#69daac}



#text {
  --kfa:#39b3e4;
  --kfb:#e24e5a;
  --kfc:#ff9334;
  --kfd:#c29f4b;
  --kfe:#009846;
  --kff:#69daac;
}


.kla {color:#39b3e4; --kfa:#39b3e4; --kf:#308db2; --kft:#308db200; --kfs:5; z-index: 5;}
.klb {color:#e24e5a; --kfa:#e24e5a; --kf:#b14249; --kft:#b1424900; --kfs:10; z-index: 6;}
.klc {color:#ff9334; --kfa:#ff9334; --kf:#ba6f2a; --kft:#ba6f2a00; --kfs:15; z-index: 7;}
.kld {color:#ffcd5e; --kfd:#ffcd5e; --kf:#c29f4b; --kft:#c29f4b00; --kfs:10; z-index: 4;}
.kle {color:#009846; --kfe:#009846; --kf:#00793a; --kft:#00793a00; --kfs:5; z-index: 3;}
.klf {color:#69daac; --kff:#69daac; --kf:#61997f; --kft:#61997f00; --kfs:0; z-index: 2;}











#text span {
  transform: translate(0px, 0px) scale(1);
  
  text-shadow: 0px 0px 0 var(--kf),1px 1px 0 var(--kf),2px 2px 0 var(--kf),3px 3px 0 var(--kf),4px 4px 0 var(--kf),5px 5px 0 var(--kf),6px 6px 0 var(--kf),7px 7px 0 var(--kf),8px 8px 0 var(--kf),9px 9px 0 var(--kf),10px 10px 0 var(--kf),11px 11px 0 var(--kft),12px 12px 0 var(--kft),13px 13px 0 var(--kft),14px 14px 0 var(--kft),15px 15px 0 var(--kft),16px 16px 0 var(--kft),17px 17px 0 var(--kft),18px 18px 0 var(--kft),19px 19px 0 var(--kft),
      
    calc( calc( 57 - calc( var(--kfs) * 1 ) ) * 1px ) 
    calc( calc( 57 - calc( var(--kfs) * 1 ) ) * 1px ) 
    calc( calc( 40 - calc( var(--kfs) * 1 ) ) * 1px ) var(--darkHellMode);
  
  
  transition: 0.3s;
  transition: transform 1s, text-shadow 0.5s;
}





#text:has(span:focus) span,
#text:hover span,
.do_x:has(.legende:hover) .doco_x #text span,
.do_x:has(.legende):has(div:focus) .doco_x #text span

 {
  transform: translate(calc(var(--kfs)*1px),calc(var(--kfs)*1px)) scale(1);
  
  text-shadow: 0px 0px 0 var(--kf),1px 1px 0 var(--kf),2px 2px 0 var(--kf),3px 3px 0 var(--kf),4px 4px 0 var(--kf),5px 5px 0 var(--kf),6px 6px 0 var(--kf),7px 7px 0 var(--kf),8px 8px 0 var(--kf),9px 9px 0 var(--kf),10px 10px 0 var(--kf),11px 11px 0 var(--kft),12px 12px 0 var(--kft),13px 13px 0 var(--kft),14px 14px 0 var(--kft),15px 15px 0 var(--kft),16px 16px 0 var(--kft),17px 17px 0 var(--kft),18px 18px 0 var(--kft),19px 19px 0 var(--kft),
      
      calc( calc( 57 - calc( var(--kfs) * 2.25 ) ) * 1px ) 
      calc( calc( 57 - calc( var(--kfs) * 2.25 ) ) * 1px ) 
      calc( calc( 40 - calc( var(--kfs) * 1.5 ) ) * 1px ) var(--darkHellMode);
  
  
  transition: 0.3s;
  transition: transform 1s, text-shadow 0.5s;
}





/*        .kuchenCont:hover span,*/
#text svg.kuchSvgTop:has(.filk1:hover) ~ span.kla,
#text svg.kuchSvgTop:has(.filk2:hover) ~ span.klb,
#text svg.kuchSvgTop:has(.filk3:hover) ~ span.klc,
#text svg.kuchSvgTop:has(.filk4:hover) ~ span.kld,
#text svg.kuchSvgTop:has(.filk5:hover) ~ span.kle,
#text svg.kuchSvgTop:has(.filk6:hover) ~ span.klf,

#text svg.kuchSvgTop:has(.filk1:focus) ~ span.kla,
#text svg.kuchSvgTop:has(.filk2:focus) ~ span.klb,
#text svg.kuchSvgTop:has(.filk3:focus) ~ span.klc,
#text svg.kuchSvgTop:has(.filk4:focus) ~ span.kld,
#text svg.kuchSvgTop:has(.filk5:focus) ~ span.kle,
#text svg.kuchSvgTop:has(.filk6:focus) ~ span.klf,

.do_x:has(.legende > div.kla:hover) .doco_x #text span.kla,
.do_x:has(.legende > div.klb:hover) .doco_x #text span.klb,
.do_x:has(.legende > div.klc:hover) .doco_x #text span.klc,
.do_x:has(.legende > div.kld:hover) .doco_x #text span.kld,
.do_x:has(.legende > div.kle:hover) .doco_x #text span.kle,
.do_x:has(.legende > div.klf:hover) .doco_x #text span.klf,

.do_x:has(.legende > div.kla:focus) .doco_x #text span.kla,
.do_x:has(.legende > div.klb:focus) .doco_x #text span.klb,
.do_x:has(.legende > div.klc:focus) .doco_x #text span.klc,
.do_x:has(.legende > div.kld:focus) .doco_x #text span.kld,
.do_x:has(.legende > div.kle:focus) .doco_x #text span.kle,
.do_x:has(.legende > div.klf:focus) .doco_x #text span.klf {
  text-shadow: 0px 0px 0 var(--kf),1px 1px 0 var(--kf),2px 2px 0 var(--kf),3px 3px 0 var(--kf),4px 4px 0 var(--kf),5px 5px 0 var(--kf),6px 6px 0 var(--kf),7px 7px 0 var(--kf),8px 8px 0 var(--kf),9px 9px 0 var(--kf),10px 10px 0 var(--kf),11px 11px 0 var(--kf),12px 12px 0 var(--kf),13px 13px 0 var(--kf),14px 14px 0 var(--kf),15px 15px 0 var(--kf),16px 16px 0 var(--kf),17px 17px 0 var(--kf),18px 18px 0 var(--kf),19px 19px 0 var(--kf),
    calc( calc( 57 - calc( var(--kfs) * 1.7 ) ) * 1px ) 
    calc( calc( 57 - calc( var(--kfs) * 1.7 ) ) * 1px ) 
    calc( calc( 40 - calc( var(--kfs) * 1.5 ) ) * 1px ) var(--darkHellMode);
  transform: translate(calc(var(--kfs)*1px),calc(var(--kfs)*1px)) scale(1.05);
  transition: transform 0.5s, text-shadow 0.5s;
}





svg.kuchSvgTop:has(.filk1:hover) ~ span:not(.kla),
svg.kuchSvgTop:has(.filk2:hover) ~ span:not(.klb),
svg.kuchSvgTop:has(.filk3:hover) ~ span:not(.klc),
svg.kuchSvgTop:has(.filk4:hover) ~ span:not(.kld),
svg.kuchSvgTop:has(.filk5:hover) ~ span:not(.kle),
svg.kuchSvgTop:has(.filk6:hover) ~ span:not(.klf),

svg.kuchSvgTop:has(.filk1:focus) ~ span:not(.kla),
svg.kuchSvgTop:has(.filk2:focus) ~ span:not(.klb),
svg.kuchSvgTop:has(.filk3:focus) ~ span:not(.klc),
svg.kuchSvgTop:has(.filk4:focus) ~ span:not(.kld),
svg.kuchSvgTop:has(.filk5:focus) ~ span:not(.kle),
svg.kuchSvgTop:has(.filk6:focus) ~ span:not(.klf),

.do_x:has(.legende > div.kla:hover) .doco_x #text span:not(.kla),
.do_x:has(.legende > div.klb:hover) .doco_x #text span:not(.klb),
.do_x:has(.legende > div.klc:hover) .doco_x #text span:not(.klc),
.do_x:has(.legende > div.kld:hover) .doco_x #text span:not(.kld),
.do_x:has(.legende > div.kle:hover) .doco_x #text span:not(.kle),
.do_x:has(.legende > div.klf:hover) .doco_x #text span:not(.klf),

.do_x:has(.legende > div.kla:focus) .doco_x #text span:not(.kla),
.do_x:has(.legende > div.klb:focus) .doco_x #text span:not(.klb),
.do_x:has(.legende > div.klc:focus) .doco_x #text span:not(.klc),
.do_x:has(.legende > div.kld:focus) .doco_x #text span:not(.kld),
.do_x:has(.legende > div.kle:focus) .doco_x #text span:not(.kle),
.do_x:has(.legende > div.klf:focus) .doco_x #text span:not(.klf) {
  opacity: 0.5;
}

        











.kuchenZahlen {
  /* width: 100%; */
  /* height: 100%; */

  width: 5em;
  /* height: 0; */
  position: relative;
  background: #4cff0078;
  
  font-size: 0.1em;
  color: var(--darkHellKuchenZahlen);
  font-style: italic;
  line-height: 1;

  user-select: none;
  pointer-events: none;

  transform-origin: 50% 50%;
  transform: rotate(-10deg) skew(14deg);
  transition: 0.6s;
  z-index: 9;

  display: flex;
  /* justify-content: right; */
  align-items: center;

  text-align: right;
}
#text:hover .kuchenZahlen {
  transform: rotate(-9deg) skew(14deg);
  transition: 0.6s;
}
.kuchenZahlen > div {
  position: absolute;
  /* display: block; */
  display: inline;
  margin: 0;
  padding: 0;
  /* font-size: 0.9em; */
  font-weight: 700;
  /* transition: 0.6s; */

  width: 100%;
  /* align-items: center; */
  
  transition: 0s;
}

/*
.kuchenZahlen > div > div {
  position: relative;
}
.kuchenZahlen > div > div > div {
  position: absolute;
}
.kuchenZahlen > div > div > div {
  position: absolute;
  font-size: 0.9em;
  font-weight: 700;
}
*/




/*
.kza {
  left: 4.9em;
  top: 3.1em;
  color: var(--kfa);
}
.kzb {
  left: 4.3em;
  top: 5.5em;
  color: var(--kfb);
}
.kzc {
  left: 5.7em;
  top: 11em;
  color: var(--kfc);
}
.kzd {
  left: 2.3em;
  top: 11.5em;
  color: var(--kfd);
}
.kze {
  left: 0em;
  top: 10.7em;
  color: var(--kfe);
}
.kzf {
  left: -2.8em;
  top: 2.5em;
  color: var(--kff);
}
*/







.kza {
  transform: translate(-0.5em, -1.5em);
  color: var(--kfa);
}
.kzb {
  transform: translate(-0.5em, 0.5em);
  color: var(--kfb);
}
.kzc {
  /* transform: translate(0.6em, 6.4em); */
  transform: translate(2em, 6.5em);
  color: var(--kfc);
}
.kzd {
  /* transform: translate(-2.8em, 6.8em); */
  transform: translate(-2.3em, 7.2em);
  color: var(--kfd);
}
.kze {
  transform: translate(-6em, 6.5em);
  color: var(--kfe);
}
.kzf {
  transform: translate(-5em, -5em);
  color: var(--kff);
}









.doco_x:nth-of-type(3) .kzc {
  transform: translate(4.6em, 5em);
  color: var(--kfc);
}
.doco_x:nth-of-type(3) .kzd {
  transform: translate(1em, 6.8em);
  color: var(--kfd);
}
.doco_x:nth-of-type(3) .kze {
  transform: translate(-2.5em, 7.2em);
  color: var(--kfe);
}







.do_x:has(.legende > div.kla:focus) .doco_x .kuchenZahlen .kza,
.do_x:has(.legende > div.klb:focus) .doco_x .kuchenZahlen .kzb,
.do_x:has(.legende > div.klc:focus) .doco_x .kuchenZahlen .kzc,
.do_x:has(.legende > div.kld:focus) .doco_x .kuchenZahlen .kzd,
.do_x:has(.legende > div.kle:focus) .doco_x .kuchenZahlen .kze,
.do_x:has(.legende > div.klf:focus) .doco_x .kuchenZahlen .kzf,

#text svg.kuchSvgTop:has(.filk1:focus) ~ .kuchenZahlen .kza,
#text svg.kuchSvgTop:has(.filk2:focus) ~ .kuchenZahlen .kzb,
#text svg.kuchSvgTop:has(.filk3:focus) ~ .kuchenZahlen .kzc,
#text svg.kuchSvgTop:has(.filk4:focus) ~ .kuchenZahlen .kzd,
#text svg.kuchSvgTop:has(.filk5:focus) ~ .kuchenZahlen .kze,
#text svg.kuchSvgTop:has(.filk6:focus) ~ .kuchenZahlen .kzf {
  transform-origin: 50% 50%;
  transform: translate(-1.5em, 0.5em) scale(1.5);
  /* transition: 0.6s; */
  opacity: 1;
}

.do_x:has(.legende > div.kla:hover) .doco_x .kuchenZahlen .kza,
.do_x:has(.legende > div.klb:hover) .doco_x .kuchenZahlen .kzb,
.do_x:has(.legende > div.klc:hover) .doco_x .kuchenZahlen .kzc,
.do_x:has(.legende > div.kld:hover) .doco_x .kuchenZahlen .kzd,
.do_x:has(.legende > div.kle:hover) .doco_x .kuchenZahlen .kze,
.do_x:has(.legende > div.klf:hover) .doco_x .kuchenZahlen .kzf,

#text svg.kuchSvgTop:has(.filk1:hover) ~ .kuchenZahlen .kza,
#text svg.kuchSvgTop:has(.filk2:hover) ~ .kuchenZahlen .kzb,
#text svg.kuchSvgTop:has(.filk3:hover) ~ .kuchenZahlen .kzc,
#text svg.kuchSvgTop:has(.filk4:hover) ~ .kuchenZahlen .kzd,
#text svg.kuchSvgTop:has(.filk5:hover) ~ .kuchenZahlen .kze,
#text svg.kuchSvgTop:has(.filk6:hover) ~ .kuchenZahlen .kzf {
  transform-origin: 50% 50%;
  transform: translate(-1.5em, 0.5em) scale(1.5);
  /* transition: 0.6s; */
  /* opacity: 1; */
}











.do_x:has(.legende > div.kla:focus) .doco_x .kuchenZahlen > div:not(.kza),
.do_x:has(.legende > div.klb:focus) .doco_x .kuchenZahlen > div:not(.kzb),
.do_x:has(.legende > div.klc:focus) .doco_x .kuchenZahlen > div:not(.kzc),
.do_x:has(.legende > div.kld:focus) .doco_x .kuchenZahlen > div:not(.kzd),
.do_x:has(.legende > div.kle:focus) .doco_x .kuchenZahlen > div:not(.kze),
.do_x:has(.legende > div.klf:focus) .doco_x .kuchenZahlen > div:not(.kzf),

svg.kuchSvgTop:has(.filk1:focus) ~ .kuchenZahlen > div:not(.kza),
svg.kuchSvgTop:has(.filk2:focus) ~ .kuchenZahlen > div:not(.kzb),
svg.kuchSvgTop:has(.filk3:focus) ~ .kuchenZahlen > div:not(.kzc),
svg.kuchSvgTop:has(.filk4:focus) ~ .kuchenZahlen > div:not(.kzd),
svg.kuchSvgTop:has(.filk5:focus) ~ .kuchenZahlen > div:not(.kze),
svg.kuchSvgTop:has(.filk6:focus) ~ .kuchenZahlen > div:not(.kzf) {
  opacity: 0;
  transition: 0s;
}

.do_x:has(.legende > div.kla:hover) .doco_x .kuchenZahlen > div:not(.kza),
.do_x:has(.legende > div.klb:hover) .doco_x .kuchenZahlen > div:not(.kzb),
.do_x:has(.legende > div.klc:hover) .doco_x .kuchenZahlen > div:not(.kzc),
.do_x:has(.legende > div.kld:hover) .doco_x .kuchenZahlen > div:not(.kzd),
.do_x:has(.legende > div.kle:hover) .doco_x .kuchenZahlen > div:not(.kze),
.do_x:has(.legende > div.klf:hover) .doco_x .kuchenZahlen > div:not(.kzf),

svg.kuchSvgTop:has(.filk1:hover) ~ .kuchenZahlen > div:not(.kza),
svg.kuchSvgTop:has(.filk2:hover) ~ .kuchenZahlen > div:not(.kzb),
svg.kuchSvgTop:has(.filk3:hover) ~ .kuchenZahlen > div:not(.kzc),
svg.kuchSvgTop:has(.filk4:hover) ~ .kuchenZahlen > div:not(.kzd),
svg.kuchSvgTop:has(.filk5:hover) ~ .kuchenZahlen > div:not(.kze),
svg.kuchSvgTop:has(.filk6:hover) ~ .kuchenZahlen > div:not(.kzf) {
  opacity: 0;
  transition: 0s;
}






















.do_2050 + .do_x .doco_x:nth-of-type(2) .legende {
  padding: 0 1em 0 0;
  width: calc(100% - 1em);
}
.do_2050 + .do_x .legende {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  user-select: none;
}
.do_2050 + .do_x .legende {
  /* background: red; */
  /* box-shadow: 0 1px 0 0 red; */
}
.do_2050 + .do_x .legende > div {
  margin: 0 0 1em 0;
  position: relative;
  cursor: pointer;
}
.do_2050 + .do_x .legende > div::after {
  content: '';
  height: 100%;
  aspect-ratio: 1 / 1;
  width: auto;
  /* background: red; */
  position: absolute;
}
.do_2050 + .do_x .legende > div:nth-of-type(6)::after {
  display: none;
}

.do_2050 + .do_x .legende > div:nth-of-type(6) {
  z-index: 6;
}
.do_2050 + .do_x .legende > div:nth-of-type(5) {
  z-index: 5;
}
.do_2050 + .do_x .legende > div:nth-of-type(4) {
  z-index: 4;
}
.do_2050 + .do_x .legende > div:nth-of-type(3) {
  z-index: 3;
}
.do_2050 + .do_x .legende > div:nth-of-type(2) {
  z-index: 2;
}
.do_2050 + .do_x .legende > div:nth-of-type(1) {
  z-index: 1;
}





.do_2050 + .do_x .legende span:nth-of-type(1) {
  position: relative;
  z-index: 1;
  letter-spacing: -0.3em;
  /* margin: 0 0.8em 0 0; */
  user-select: none;
}
.do_2050 + .do_x .legende div.kld span:nth-of-type(1) {
  color: #c29f4b;
}
.do_2050 + .do_x .legende span:nth-of-type(2) {
  padding: 0 0.4em 0 0.7em;
  color: var(--designFarbe-5);
}

#kontanmode:checked ~ .site-grid .do_2050 + .do_x .legende span:nth-of-type(2) {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2050 + .do_x .legende span:nth-of-type(2) {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2050 + .do_x .legende span:nth-of-type(2) {
  color: var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2050 + .do_x .legende span:nth-of-type(2) {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2050 + .do_x .legende span:nth-of-type(2) {
    color: var(--designFarbe-0);
  }
  #darkmode:checked ~ .site-grid .do_2050 + .do_x .legende span:nth-of-type(2) {
    color: var(--designFarbe-0);
  }
  #darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2050 + .do_x .legende span:nth-of-type(2) {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2050 + .do_x .legende span:nth-of-type(2) {
    color: var(--designFarbe-5);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2050 + .do_x .legende span:nth-of-type(2) {
    color: var(--designFarbeK-1);
  }
}


.do_2050 + .do_x .legende > div:hover span:nth-of-type(1) {
  /* color: var(--designFarbe-0); */
  /* opacity: 0.1; */
}
.yes-outline .do_2050 + .do_x .legende > div:focus span:nth-of-type(1) {
  color: transparent;
}






.doc_x:has(svg.kuchSvgTop):has(.filk1:focus) .legende > :not(.kla),
.doc_x:has(svg.kuchSvgTop):has(.filk2:focus) .legende > :not(.klb),
.doc_x:has(svg.kuchSvgTop):has(.filk3:focus) .legende > :not(.klc),
.doc_x:has(svg.kuchSvgTop):has(.filk4:focus) .legende > :not(.kld),
.doc_x:has(svg.kuchSvgTop):has(.filk5:focus) .legende > :not(.kle),
.doc_x:has(svg.kuchSvgTop):has(.filk6:focus) .legende > :not(.klf),

.doc_x:has(svg.kuchSvgTop):has(.filk1:hover) .legende > :not(.kla),
.doc_x:has(svg.kuchSvgTop):has(.filk2:hover) .legende > :not(.klb),
.doc_x:has(svg.kuchSvgTop):has(.filk3:hover) .legende > :not(.klc),
.doc_x:has(svg.kuchSvgTop):has(.filk4:hover) .legende > :not(.kld),
.doc_x:has(svg.kuchSvgTop):has(.filk5:hover) .legende > :not(.kle),
.doc_x:has(svg.kuchSvgTop):has(.filk6:hover) .legende > :not(.klf) {
  opacity: 0.5;
  transition: 0.3s;
}




.do_2050 + .do_x .legende > div:focus span:nth-of-type(2),
.yes-outline .do_2050 + .do_x .legende > div:focus span:nth-of-type(2),

.do_2050 + .do_x .legende > div:hover span:nth-of-type(2),

.doc_x:has(svg.kuchSvgTop):has(.filk1:focus) .legende .kla span:nth-of-type(2),
.doc_x:has(svg.kuchSvgTop):has(.filk2:focus) .legende .klb span:nth-of-type(2),
.doc_x:has(svg.kuchSvgTop):has(.filk3:focus) .legende .klc span:nth-of-type(2),
.doc_x:has(svg.kuchSvgTop):has(.filk4:focus) .legende .kld span:nth-of-type(2),
.doc_x:has(svg.kuchSvgTop):has(.filk5:focus) .legende .kle span:nth-of-type(2),
.doc_x:has(svg.kuchSvgTop):has(.filk6:focus) .legende .klf span:nth-of-type(2),

.doc_x:has(svg.kuchSvgTop):has(.filk1:hover) .legende .kla span:nth-of-type(2),
.doc_x:has(svg.kuchSvgTop):has(.filk2:hover) .legende .klb span:nth-of-type(2),
.doc_x:has(svg.kuchSvgTop):has(.filk3:hover) .legende .klc span:nth-of-type(2),
.doc_x:has(svg.kuchSvgTop):has(.filk4:hover) .legende .kld span:nth-of-type(2),
.doc_x:has(svg.kuchSvgTop):has(.filk5:hover) .legende .kle span:nth-of-type(2),
.doc_x:has(svg.kuchSvgTop):has(.filk6:hover) .legende .klf span:nth-of-type(2) {
  color: var(--designFarbe-0);
  opacity: 1;
}





.yes-outline .do_2050 + .do_x .legende > div.kla:focus span:nth-of-type(2) {
  background: var(--kfa);
  box-shadow: 0 1px 0 0 var(--kfa);
}
.yes-outline .do_2050 + .do_x .legende > div.klb:focus span:nth-of-type(2) {
  background: #e24e5a;
  box-shadow: 0 1px 0 0 #e24e5a;
}
.yes-outline .do_2050 + .do_x .legende > div.klc:focus span:nth-of-type(2) {
  background: #ff9334;
  box-shadow: 0 1px 0 0 #ff9334;
}
.yes-outline .do_2050 + .do_x .legende > div.kld:focus span:nth-of-type(2) {
  background: #c29f4b;
  box-shadow: 0 1px 0 0 #c29f4b;
}
.yes-outline .do_2050 + .do_x .legende > div.kle:focus span:nth-of-type(2) {
  background: var(--kfe);
  box-shadow: 0 1px 0 0 var(--kfe);
}
.yes-outline .do_2050 + .do_x .legende > div.klf:focus span:nth-of-type(2) {
  background: var(--kff);
  box-shadow: 0 1px 0 0 var(--kff);
}









.do_2050 + .do_x .legende > div.kla:focus,
.do_2050 + .do_x .legende > div.kla:hover,
.doc_x:has(svg.kuchSvgTop):has(.filk1:focus) .legende .kla,
.doc_x:has(svg.kuchSvgTop):has(.filk1:hover) .legende .kla,
.doc_x:has(svg.kuchSvgTop):has(path:focus) .legende .kla:hover {
  background: var(--kfa);
  box-shadow: 0 1px 0 0 var(--kfa);
  opacity: 1;
}
.do_2050 + .do_x .legende > div.klb:focus,
.do_2050 + .do_x .legende > div.klb:hover,
.doc_x:has(svg.kuchSvgTop):has(.filk2:focus) .legende .klb,
.doc_x:has(svg.kuchSvgTop):has(.filk2:hover) .legende .klb,
.doc_x:has(svg.kuchSvgTop):has(path:focus) .legende .klb:hover {
  background: #e24e5a;
  box-shadow: 0 1px 0 0 #e24e5a;
  opacity: 1;
}
.do_2050 + .do_x .legende > div.klc:focus,
.do_2050 + .do_x .legende > div.klc:hover,
.doc_x:has(svg.kuchSvgTop):has(.filk3:focus) .legende .klc,
.doc_x:has(svg.kuchSvgTop):has(.filk3:hover) .legende .klc,
.doc_x:has(svg.kuchSvgTop):has(path:focus) .legende .klc:hover {
  background: #ff9334;
  box-shadow: 0 1px 0 0 #ff9334;
  opacity: 1;
}
.do_2050 + .do_x .legende > div.kld:focus,
.do_2050 + .do_x .legende > div.kld:hover,
.doc_x:has(svg.kuchSvgTop):has(.filk4:focus) .legende .kld,
.doc_x:has(svg.kuchSvgTop):has(.filk4:hover) .legende .kld,
.doc_x:has(svg.kuchSvgTop):has(path:focus) .legende .kld:hover {
  background: #c29f4b;
  box-shadow: 0 1px 0 0 #c29f4b;
  opacity: 1;
}
.do_2050 + .do_x .legende > div.kle:focus,
.do_2050 + .do_x .legende > div.kle:hover,
.doc_x:has(svg.kuchSvgTop):has(.filk5:focus) .legende .kle,
.doc_x:has(svg.kuchSvgTop):has(.filk5:hover) .legende .kle,
.doc_x:has(svg.kuchSvgTop):has(path:focus) .legende .kla:hover {
  background: var(--kfe);
  box-shadow: 0 1px 0 0 var(--kfe);
  opacity: 1;
}
.do_2050 + .do_x .legende > div.klf:focus,
.do_2050 + .do_x .legende > div.klf:hover,
.doc_x:has(svg.kuchSvgTop):has(.filk6:focus) .legende .klf,
.doc_x:has(svg.kuchSvgTop):has(.filk6:hover) .legende .klf,
.doc_x:has(svg.kuchSvgTop):has(path:focus) .legende .klf:hover {
  background: var(--kff);
  box-shadow: 0 1px 0 0 var(--kff);
  opacity: 1;
}




































/* Kuchen Legende */


.do_2051 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
}
.do_2051 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  background: var(--designFarbe-0);
}
#hellmode:checked ~ .site-grid .do_2051 + .do_x .doc_x {
  background: var(--designFarbe-0);
}
.do_2051 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 0em 0 2em var(--designMarginInnen-2);
}
.do_2051 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4 * 3);
  padding: 0em var(--designMarginInnen-2) 2em 0;

  display: flex;
  justify-content: space-between;
}
.do_2051 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  width: 73%;
  margin: 0.5em 0 0em 0;
  padding: 0 0 0 1.9em;
}
.do_2051 + .do_x .doc_x .doco_x h3 {
  width: 76%;
  margin: 0.4em 0 0.6em 0;
  color: var(--designFarbe-1);
  font-size: 1.77em;
}


.do_2051 + .do_x span[class*="kl"] {
  letter-spacing: -0.3em;
  margin: 0 0.8em 0 0;
  user-select: none;
}



#hellmode:checked ~ .site-grid .do_2051 + .do_x .doc_x .doco_x p {
  color: var(--designFarbe-5);
}
@media (prefers-color-scheme: dark) {
  .do_2051 + .do_x .doc_x {
    background: var(--designFarbe-4);
  }
}



















/* Tabelle tabelle-001 */

.tabelle-001 {
  display: flex;
  width: 100%;
  user-select: none;
}
.tabelle-001 > div {
  width: 50%;
}
.tabelle-001 > div > * {
  margin: 0;
  padding: 0.25em 1em;
  background: var(--designFarbe-0-02);
  color: var(--designFarbe-4);
}
.tabelle-001 > div > div:nth-of-type(1) {
  background: var(--designFarbe-0);
}
.tabelle-001 > div > div > span:nth-of-type(1) {
  display: inline-block;
  width: 55%;
}
.tabelle-001 > div > div > span:nth-of-type(2) {
  display: inline-block;
  width: 40%;
  text-align: center;
}



/* Tabelle tabelle-101 */

.tabelle-101 {
  width: 100%;
  padding: 0 0 3em 0;
  display: flex;
  user-select: none;
}
@media (max-width: 760px) and (orientation:portrait) {
  .tabelle-101 {
    flex-direction: column;
  }
}
.tabelle-101 > div {
  width: 50%;
}
@media (max-width: 760px) and (orientation:portrait) {
  .tabelle-101 > div {
    width: 100%;
  }
  .tabelle-101 > div:nth-of-type(2) {
    margin: 1em 0 0 0;
  }
  body.itemid-133 .do_2010 + .do_x details:nth-of-type(2) .tabelle-101 > div:nth-of-type(2) {
    display: none;
  }
}
.tabelle-101 > div > * {
  margin: 0;
  padding: 0.25em 1em;
  background: var(--designFarbe-0-01);
  /* color: var(--designFarbe-4); */
}
#kontanmode:checked ~ .site-grid .tabelle-101 > div > * {
  background: var(--designFarbeK-1-00);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-101 > div > * {
  background: var(--designFarbeK-1-00);
}
#darkmode:checked ~ .site-grid .tabelle-101 > div > * {
  background: var(--designFarbe-0-01);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-101 > div > * {
  background: var(--designFarbeK-0-01);
}
@media (prefers-color-scheme: dark) {
  .tabelle-101 > div > * {
    background: var(--designFarbe-0-01);
  }
  #kontanmode:checked ~ .site-grid .tabelle-101 > div > * {
    background: var(--designFarbe-0-01);
  }
  #hellmode:checked ~ .site-grid .tabelle-101 > div > * {
    background: var(--designFarbe-0-01);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-101 > div > * {
    background: var(--designFarbeK-1-00);
  }
}



body.itemid-133 .site-grid .tabelle-101 > div > * {
  background: transparent !important;
}
@media (max-width: 760px) and (orientation:portrait) {
  body.itemid-133 .site-grid .tabelle-101 > div > * {
    background: transparent !important;
    display: flex;
    padding: 0.25em 0;
  }
}
body.itemid-133 .site-grid .tabelle-101 > div > h4 {
  background: var(--designFarbe-0-01) !important;
}
body.itemid-133 .site-grid .tabelle-101 > div > h4 ~ h4 {
  margin: 1em 0 0 0;
}






.tabelle-101 > div h4 {
  letter-spacing: 0.025em;
}
.tabelle-101 > div > div:nth-of-type(2n+1) {
  /* background: var(--designFarbe-0); */
  background: transparent !important;
}
.tabelle-101 > div > div > span:nth-of-type(1) {
  display: inline-block;
  width: 55%;
}
@media (max-width: 760px) and (orientation:portrait) {
  .tabelle-101 > div > div > span:nth-of-type(1) {
    width: 70%;
  }
}
.tabelle-101 > div > div > span:nth-of-type(2) {
  display: inline-block;
  width: 40%;
  text-align: center;
}
@media (max-width: 760px) and (orientation:portrait) {
  .tabelle-101 > div > div > span:nth-of-type(2) {
    width: 30%;
    text-align: right;
  }
}








/* Tabelle tabelle-105  von oben nach unten */

.tabelle-105 {
  width: 100%;
  margin: 0.5em 0 0 0;
  padding: 0 0 3em 0;
  display: flex;
  flex-wrap: wrap;
  user-select: none;
}
@media (max-width: 760px) and (orientation: portrait) {
  div:not(.akko_in) > .tabelle-105 {
    width: initial;
    margin: 0.5em calc(var(--designMobilPadding) * -1) 0 calc(var(--designMobilPadding) * -1);
    padding: 0;
  }
}
.tabelle-105 > div {
  /* width: 50%; */
  overflow: hidden;
}
:root {
  /* --tabLeg-105: 2; */
  /* --tabSpa-105: 4; */

  --tabLeg-105: 4;
  --tabSpa-105: 5.35;

  --tabWidPad-105: 1em;
}
[data-js="aus"], 
[data-schriftgross="gross"] {
  --tabLeg-105: 2;
  --tabSpa-105: 4;
}
@media (max-width: 760px) and (orientation: portrait) {
  :root {
    --tabLeg-105: 2;
    --tabSpa-105: 4;
  }
}
.tabelle-105 > div.tabLeg:nth-of-type(4) {
  display: none;
}
[data-js="aus"] .tabelle-105 > div.tabLeg:nth-of-type(4), 
[data-schriftgross="gross"] .tabelle-105 > div.tabLeg:nth-of-type(4) {
  display: block;
}
@media (max-width: 760px) and (orientation: portrait) {
  .tabelle-105 > div.tabLeg:nth-of-type(4) {
    display: block;
  }
}
[data-js="aus"] .tabelle-105 > div:nth-of-type(4), 
[data-js="aus"] .tabelle-105 > div:nth-of-type(5), 
[data-js="aus"] .tabelle-105 > div:nth-of-type(6), 
[data-schriftgross="gross"] .tabelle-105 > div:nth-of-type(4),
[data-schriftgross="gross"] .tabelle-105 > div:nth-of-type(5),
[data-schriftgross="gross"] .tabelle-105 > div:nth-of-type(6) {
  margin: 5em 0;
}

@media (max-width: 760px) and (orientation: portrait) {
  .tabelle-105 > div:nth-of-type(4), 
  .tabelle-105 > div:nth-of-type(5), 
  .tabelle-105 > div:nth-of-type(6) {
    margin: 5em 0 0 0;
  }
}
[data-js="aus"] .tabelle-105 > div.tabLeg:nth-of-type(4) > div:nth-of-type(1) > *, 
[data-schriftgross="gross"] .tabelle-105 > div.tabLeg:nth-of-type(4) > div:nth-of-type(1) > * {
  opacity: 0;
  pointer-events: none;
}
.tabelle-105 .tabLeg {
  /* width: calc( calc(100% / var(--tabLeg-105)) - calc(2 * var(--tabWidPad-105)) ); */
  width: calc(100% / var(--tabLeg-105));
}
.tabelle-105 .tabLeg > div {
  width: calc( 100% - calc(2 * var(--tabWidPad-105)) );
}

.tabelle-105 .tabSpa {
  /* width: calc( calc(100% / var(--tabSpa-105)) - calc(2 * var(--tabWidPad-105)) ); */
  width: calc(100% / var(--tabSpa-105));
}
.tabelle-105 .tabSpa > div {
  width: calc( calc(100% * var(--tabSpa-105) / var(--tabLeg-105)) - calc(2 * var(--tabWidPad-105)) );
  /* transform: translateX( calc(-100% / var(--tabSpa-105)) + var(--tabWidPad-105) ); */
  transform: translateX(-13%);
}
[data-js="aus"] .tabelle-105 .tabSpa > div,
[data-schriftgross="gross"] .tabelle-105 .tabSpa > div {
  width: calc( calc(100% * var(--tabSpa-105) / var(--tabLeg-105)) - calc(2 * var(--tabWidPad-105)) );
  /* transform: translateX( calc(-100% / var(--tabSpa-105)) + var(--tabWidPad-105) ); */
  transform: translateX(-25%);
}
@media (max-width: 760px) and (orientation: portrait) {
  
  .tabelle-105 .tabSpa > div {
    /* width: calc( calc(100% * var(--tabSpa-105) / var(--tabLeg-105)) - calc(2 * var(--tabWidPad-105)) ); */
    transform: translateX(-24%);
  }
}
.tabelle-105 > div > * {
  /* padding: 0.25em var(--tabWidPad-105); */
  padding: 0.5em var(--tabWidPad-105);
  /* background: var(--designFarbe-0-01); */
  position: relative;
}
.tabelle-105 > div > div:nth-of-type(odd) {
  background: var(--designFarbe-3-01);
}
/* [data-js="aus"] .tabelle-105 > div > div:nth-of-type(odd),  */
#kontanmode:checked ~ .site-grid .tabelle-105 > div > div:nth-of-type(odd) {
  background: var(--designFarbeK-1-00);
}
#hellmode:checked ~ .site-grid .tabelle-105 > div > * {
  /* background: var(--designFarbe-0-01); */
}
#hellmode:checked ~ .site-grid .tabelle-105 > div > div:nth-of-type(odd) {
  background: var(--designFarbe-3-01);
}
/* [data-js="aus"] #hellmode:checked ~ .site-grid .tabelle-105 > div > div:nth-of-type(odd),  */
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-105 > div > div:nth-of-type(odd) {
  background: var(--designFarbeK-1-00);
}
#darkmode:checked ~ .site-grid .tabelle-105 > div > * {
  /* background: transparent; */
}
#darkmode:checked ~ .site-grid .tabelle-105 > div > div:nth-of-type(odd) {
  background: var(--designFarbe-3-01);
}
/* [data-js="aus"] #darkmode:checked ~ .site-grid .tabelle-105 > div > div:nth-of-type(odd),  */
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-105 > div > div:nth-of-type(odd) {
  background: var(--designFarbeK-0-01);
}

@media (prefers-color-scheme: dark) {
  .tabelle-105 > div > * {
    /* background: transparent; */
  }
  .tabelle-105 > div > div:nth-of-type(odd) {
    background: var(--designFarbe-3-01);
  }

  /* [data-js="aus"] .tabelle-105 > div > *,  */
  [data-kont="an"] .tabelle-105 > div > * {
    /* background: transparent; */
  }
  /* [data-js="aus"] .tabelle-105 > div > div:nth-of-type(odd),  */
  #kontanmode:checked ~ .site-grid .tabelle-105 > div > div:nth-of-type(odd) {
    background: var(--designFarbeK-0-01);
  }

}

.tabelle-105 > div h4 {
  letter-spacing: 0.025em;
  margin: 0.5em 0;
}
.tabelle-105 > div > div:nth-of-type(1) {
  /* background: var(--designFarbe-0); */
  /* background: transparent; */
}
.tabelle-105 > div > div > span:nth-of-type(1) {
  display: inline-block;
  width: 55%;
}
.tabelle-105 > div > div > span:nth-of-type(2) {
  display: inline-block;
  width: 40%;
  text-align: center;
}

.tabelle-105 .vis_hid-hr {
  margin: 0;
  border: none;
}

.tabelle-105 .vis_hid-tab_cont {
  /* margin: 0.25em 0; */
  /* box-shadow: 0 1px 0 0 var(--designFarbe-5-01); */
}

.tabelle-105 .vis_hid-tab_dime {
  opacity: 0;
  user-select: none;
}
.tabelle-105 .vis_hid-tab_dime > * {
  text-align: center;
}
.tabelle-105 .tabLeg .vis_hid-tab_dime {
  justify-content: initial;
}
.tabelle-105 .tabLeg .vis_hid-tab_dime > * {
  text-align: initial;
}

.tabelle-105 .vis_hid-tab_info {
  position: absolute;
  top: 0.25em;
  /* background: red; */
  width: calc(100% - 2em);
  height: calc(100% - 0.5em);
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabelle-105 .vis_hid-tab_info > * {
  text-align: center;
}
.tabelle-105 .tabLeg .vis_hid-tab_info {
  justify-content: initial;
}
.tabelle-105 .tabLeg .vis_hid-tab_info > * {
  text-align: initial;
}

.tabelle-105 .vis_hid-tab_barr {
  position: absolute;
  top: 0.25em;
  /* background: red; */
  width: calc(100% - 2em);
  height: calc(100% - 0.5em);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.tabelle-105 .vis_hid-tab_barr > * {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* clip: rect(0, 0, 0, 0); */
  white-space: nowrap;
  color: transparent !important;
  opacity: 0;  
  font-size: 50em ;
  line-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;

  text-align: center;

}
.tabelle-105 .tabLeg .vis_hid-tab_barr {
  justify-content: initial;
}
.tabelle-105 .tabLeg .vis_hid-tab_barr > * {
  text-align: initial;
}
.tabelle-105 .vis_hid-tab_barr > *:hover {
  /* background: var(--designFarbe-1-01); */
}










/* Tabelle.tabelle-115 von links nach rechts */

.tabelle-115 {
  width: 100%;
  margin: 0.5em 0 0 0;
  padding: 0 0 3em 0;
  /* display: flex; */
  /* flex-wrap: wrap; */
  user-select: none;
}
.tabelle-115 > div {
  /* width: 50%; */
  overflow: hidden;
}
:root {
  /* --tabLeg-105: 2; */
  /* --tabSpa-105: 4; */

  /* --tabLeg-105: 4; */
  /* --tabSpa-105: 5.35; */

  /* --tabWidPad-105: 1em; */
}
[data-js="aus"], 
[data-schriftgross="gross"] {
  /* --tabLeg-105: 2; */
  /* --tabSpa-105: 4; */
}
.tabelle-115 > div.tabLeg:nth-of-type(4) {
  display: none;
}
[data-js="aus"] .tabelle-115 > div.tabLeg:nth-of-type(4), 
[data-schriftgross="gross"] .tabelle-115 > div.tabLeg:nth-of-type(4) {
  display: block;
}
[data-js="aus"] .tabelle-115 > div:nth-of-type(4), 
[data-js="aus"] .tabelle-115 > div:nth-of-type(5), 
[data-js="aus"] .tabelle-115 > div:nth-of-type(6), 
[data-schriftgross="gross"] .tabelle-115 > div:nth-of-type(4),
[data-schriftgross="gross"] .tabelle-115 > div:nth-of-type(5),
[data-schriftgross="gross"] .tabelle-115 > div:nth-of-type(6) {
  margin: 5em 0;
}
[data-js="aus"] .tabelle-115 > div.tabLeg:nth-of-type(4) > div:nth-of-type(1) > *, 
[data-schriftgross="gross"] .tabelle-115 > div.tabLeg:nth-of-type(4) > div:nth-of-type(1) > * {
  opacity: 0;
  pointer-events: none;
}
.tabelle-115 .tabLeg {
  /* width: calc( calc(100% / var(--tabLeg-105)) - calc(2 * var(--tabWidPad-105)) ); */
  /* width: calc(100% / var(--tabLeg-105)); */
  width: 100%;
  display: flex;
  font-weight: bold;
}

.tabelle-115 .tabLeg {
  background: var(--designFarbe-3-01);
}
#kontanmode:checked ~ .site-grid .tabelle-115 .tabLeg {
  background: var(--designFarbeK-1-00);
}
#hellmode:checked ~ .site-grid .tabelle-115 > div > * {
  
}
#hellmode:checked ~ .site-grid .tabelle-115 .tabLeg {
  background: var(--designFarbe-3-01);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-115 .tabLeg {
  background: var(--designFarbeK-1-00);
}
#darkmode:checked ~ .site-grid .tabelle-115 .tabLeg {
  
}
#darkmode:checked ~ .site-grid .tabelle-115 .tabLeg {
  background: var(--designFarbe-3-01);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-115 .tabLeg {
  background: var(--designFarbeK-0-01);
}

@media (prefers-color-scheme: dark) {
  .tabelle-115 > div > * {
    
  }
  .tabelle-115 .tabLeg {
    background: var(--designFarbe-3-01);
  }

  [data-kont="an"] .tabelle-115 > div > * {
    
  }
  #kontanmode:checked ~ .site-grid .tabelle-115 .tabLeg {
    background: var(--designFarbeK-0-01);
  }

}








.tabelle-115 .tabLeg > div {
  width: calc( 100% - calc(2 * var(--tabWidPad-105)) );
}

.tabelle-115 .tabSpa {
  /* width: calc( calc(100% / var(--tabSpa-105)) - calc(2 * var(--tabWidPad-105)) ); */
  /* width: calc(100% / var(--tabSpa-105)); */
  width: 100%;
  display: flex;
}

.tabelle-115 .tabSpa:nth-of-type(odd) {
  background: var(--designFarbe-3-01);
}
#kontanmode:checked ~ .site-grid .tabelle-115 .tabSpa:nth-of-type(odd) {
  background: var(--designFarbeK-1-00);
}
#hellmode:checked ~ .site-grid .tabelle-115 .tabSpa:nth-of-type(odd) {
  background: var(--designFarbe-3-01);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-115 .tabSpa:nth-of-type(odd) {
  background: var(--designFarbeK-1-00);
}
#darkmode:checked ~ .site-grid .tabelle-115 .tabSpa:nth-of-type(odd) {
  background: var(--designFarbe-3-01);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-115 .tabSpa:nth-of-type(odd) {
  background: var(--designFarbeK-0-01);
}

@media (prefers-color-scheme: dark) {
  .tabelle-115 .tabSpa:nth-of-type(odd) {
    background: var(--designFarbe-3-01);
  }

  #kontanmode:checked ~ .site-grid .tabelle-115 .tabSpa:nth-of-type(odd) {
    background: var(--designFarbeK-0-01);
  }

}




.tabelle-115 .tabSpa > div {
  /* transform: translateX( calc(-100% / var(--tabSpa-105)) + var(--tabWidPad-105) ); */
  /* width: calc( calc(100% * var(--tabSpa-105) / var(--tabLeg-105)) - calc(2 * var(--tabWidPad-105)) ); */
  /* transform: translateX(-13%); */

  width: calc(100% / 6);
  padding: 0;
  transform: translateX(0%);
}
[data-js="aus"] .tabelle-115 .tabSpa > div,
[data-schriftgross="gross"] .tabelle-115 .tabSpa > div {
  width: calc( calc(100% * var(--tabSpa-105) / var(--tabLeg-105)) - calc(2 * var(--tabWidPad-105)) );
  /* transform: translateX( calc(-100% / var(--tabSpa-105)) + var(--tabWidPad-105) ); */
  transform: translateX(-25%);
}
.tabelle-115 > div > * {
  padding: 0.25em var(--tabWidPad-105);
  /* background: var(--designFarbe-0-01); */
  position: relative;
}


/*
.tabelle-115 > div > div:nth-of-type(odd) {
  background: var(--designFarbe-3-01);
}
#kontanmode:checked ~ .site-grid .tabelle-115 > div > div:nth-of-type(odd) {
  background: var(--designFarbeK-1-00);
}
#hellmode:checked ~ .site-grid .tabelle-115 > div > * {
  
}
#hellmode:checked ~ .site-grid .tabelle-115 > div > div:nth-of-type(odd) {
  background: var(--designFarbe-3-01);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-115 > div > div:nth-of-type(odd) {
  background: var(--designFarbeK-1-00);
}
#darkmode:checked ~ .site-grid .tabelle-115 > div > * {
  
}
#darkmode:checked ~ .site-grid .tabelle-115 > div > div:nth-of-type(odd) {
  background: var(--designFarbe-3-01);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-115 > div > div:nth-of-type(odd) {
  background: var(--designFarbeK-0-01);
}

@media (prefers-color-scheme: dark) {
  .tabelle-115 > div > * {
    
  }
  .tabelle-115 > div > div:nth-of-type(odd) {
    background: var(--designFarbe-3-01);
  }

  [data-kont="an"] .tabelle-115 > div > * {
    
  }
  #kontanmode:checked ~ .site-grid .tabelle-115 > div > div:nth-of-type(odd) {
    background: var(--designFarbeK-0-01);
  }

}
*/




.tabelle-115 > div h4 {
  letter-spacing: 0.025em;
  margin: 0.5em 0;
}
.tabelle-115 > div > div:nth-of-type(1) {
  /* background: var(--designFarbe-0); */
  /* background: transparent; */

  width: calc(100% / 3);
  padding: 0;
  transform: translateX(0%);
}
.tabelle-115 > div > div > span:nth-of-type(1) {
  display: inline-block;
  width: 55%;
}
.tabelle-115 > div > div > span:nth-of-type(2) {
  display: inline-block;
  width: 40%;
  text-align: center;
}

.tabelle-115 .vis_hid-hr {
  margin: 0;
  border: none;
}

.tabelle-115 .vis_hid-tab_cont {
  /* margin: 0.25em 0; */
  /* box-shadow: 0 1px 0 0 var(--designFarbe-5-01); */
}


.tabelle-115 .tabLeg .vis_hid-tab_cont {
  width: calc(100% / 3);
  padding: 0;
}
.tabelle-115 .tabLeg .vis_hid-tab_cont:nth-of-type(1) {
  /* width: calc(100% / 3); */
}
.tabelle-115 .tabLeg .vis_hid-tab_cont:nth-of-type(2),
.tabelle-115 .tabLeg .vis_hid-tab_cont:nth-of-type(3) {
  /* width: calc(100% / 3); */
}

.tabelle-115 .vis_hid-tab_dime {
  opacity: 0;
  user-select: none;
  width: 100%;
}
.tabelle-115 .vis_hid-tab_dime > * {
  text-align: center;
}
.tabelle-115 .tabLeg .vis_hid-tab_dime {
  justify-content: initial;
}
.tabelle-115 .tabLeg .vis_hid-tab_dime > * {
  text-align: initial;
}

.tabelle-115 .vis_hid-tab_info {
  position: absolute;
  top: 0.25em;
  /* background: red; */
  /* width: calc(100% - 2em); */
  width: 100%;
  height: calc(100% - 0.5em);
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabelle-115 .vis_hid-tab_info > * {
  text-align: center;
}
.tabelle-115 .tabLeg .vis_hid-tab_info {
  /* justify-content: initial; */
}
.tabelle-115 .tabLeg .vis_hid-tab_info > * {
  text-align: initial;
}

.tabelle-115 .vis_hid-tab_barr {
  position: absolute;
  top: 0.25em;
  /* background: red; */
  /* width: calc(100% - 2em); */
  width: 100%;
  height: calc(100% - 0.5em);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.tabelle-115 .vis_hid-tab_barr > * {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* clip: rect(0, 0, 0, 0); */
  white-space: nowrap;
  color: transparent !important;
  opacity: 0;
  font-size: 50em ;
  line-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;

  text-align: center;

}
.tabelle-115 .tabLeg .vis_hid-tab_barr {
  justify-content: initial;
}
.tabelle-115 .tabLeg .vis_hid-tab_barr > * {
  text-align: initial;
}
.tabelle-115 .vis_hid-tab_barr > *:hover {
  /* background: var(--designFarbe-1-01); */
}














/* Titel */
.vis_hid-tit_cont {
  position: relative;
  overflow: hidden;
}
.vis_hid-tit_barr {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* clip: rect(0, 0, 0, 0); */
  white-space: nowrap;
  color: transparent !important;
  opacity: 0;
  font-size: 50em ;
  line-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;

  position: absolute;
  top: 0;

}

/* Paragraf */
.vis_hid-par_cont {
  position: relative;
  overflow: hidden;
}
.vis_hid-par_info {
  
}
.vis_hid-par_barr {
  width: 100%;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  color: transparent !important;
  opacity: 0;
  font-size: 50em;
  line-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  position: absolute;
  top: 0;
}































/* 1-2-1 PeeneWärmeStrom Tabelle */
.do_2015 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
}
.do_2015 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  background: var(--designFarbe-0);
}
#kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x {
  background: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x {
  background: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .do_2015 + .do_x .doc_x {
  background: var(--designFarbe-4);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x {
  background: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .do_2015 + .do_x .doc_x {
    background: var(--designFarbe-4);
  }
  #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x {
    background: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .do_2015 + .do_x .doc_x {
    background: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x {
    background: var(--designFarbeK-0);
  }
}
















.do_2015 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 3.5em 2em 0 var(--designMarginInnen-2);
}
.do_2015 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2 );
  padding: 3.5em 0 2em 0;
  display: flex;
  flex-wrap: wrap;
}
.do_2015 + .do_x .doco_x:nth-of-type(3) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 3.5em var(--designMarginInnen-2) 0 2em;
}
.do_2015 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  /* width: 76%; */
  width: 100%;
  margin: 0.8em 0 0 0;
  /* padding: 0 0 0 1em; */
}

.itemid-117 .blockBildSuperman > div {
  transform: translateY(3.5em);
  z-index: 1;
}



.do_2015 + .do_x .doco_x h3 {
  width: 100%;
  margin: 0.4em 0 0.6em 0;
  font-family: var(--designFont-0);
  color: var(--designFarbe-1);
  font-size: 1.77em;
  text-align: center;
}
#kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x h3 {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2015 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x h3 {
    color: var(--designFarbeK-1);
  }
}








.do_2015 + .do_x .doco_x p {
  margin: 0.8em 0 0 0;
  text-align: center;
  font-family: var(--designFont-44);
  font-size: 1.1em;
}
/*
#kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x p {
  background: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x p {
  background: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x p {
  background: var(--designFarbe-4);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x p {
  background: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .do_2015 + .do_x .doc_x .doco_x p {
    background: var(--designFarbe-4);
  }
  #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x p {
    background: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x p {
    background: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x p {
    background: var(--designFarbeK-0);
  }
}
*/








.do_2015 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) h3 {
  padding: 0 4% 0 8%;
}
.do_2015 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) p {
  padding: 0 10% 0 14%;
}

.do_2015 + .do_x .doco_x div:has(a.linkKnopf) {
  width: 100%;
  display: flex;
  justify-content: center;
}
.do_2015 + .do_x .doco_x a.linkKnopf {
  height: fit-content;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 1em 2.5em 0.9em 2.5em;
  color: var(--designFarbe-1);
  background: var(--designFarbe-3);
  font-size: 1.2em;
  font-family: var(--designFont-45);
  box-shadow: inset 0 0 0 0 transparent;
  transform: translateX(-0.5em);
  transition: 0.3s;
}
#kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x a.linkKnopf {
  background: var(--designFarbeK-1);
  color: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x a.linkKnopf {
  background: var(--designFarbeK-1);
  color: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x a.linkKnopf {
  background: var(--designFarbe-3);
  color: var(--designFarbe-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x a.linkKnopf {
  background: var(--designFarbeK-0);
  color: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .do_2015 + .do_x .doc_x .doco_x a.linkKnopf {
    background: var(--designFarbe-3);
    color: var(--designFarbe-1);
  }
  #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x a.linkKnopf {
    background: var(--designFarbeK-0);
    color: var(--designFarbeK-1);
  }
  #hellmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x a.linkKnopf {
    background: var(--designFarbe-3);
    color: var(--designFarbe-1);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x a.linkKnopf {
    background: var(--designFarbeK-1);
    color: var(--designFarbeK-0);
  }
}


.do_2015 + .do_x .doco_x a.linkKnopf:hover {
  color: var(--designFarbe-3);
  background: var(--designFarbe-1);
  box-shadow: inset 0 0 0 1px var(--designFarbe-3);
  filter: drop-shadow(0 0 0.1em var(--designFarbe-1));
  transition: 0.3s;
}

#kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x a.linkKnopf:hover {
  background: var(--designFarbeK-0);
  color: var(--designFarbeK-1);
  box-shadow: inset 0 0 0 1px var(--designFarbeK-1);
  filter: drop-shadow(0 0 0em var(--designFarbeK-1));
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x a.linkKnopf:hover {
  background: var(--designFarbeK-0);
  color: var(--designFarbeK-1);
  box-shadow: inset 0 0 0 1px var(--designFarbeK-1);
  filter: drop-shadow(0 0 0em var(--designFarbeK-1));
}
#darkmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x a.linkKnopf:hover {
  background: var(--designFarbe-1);
  color: var(--designFarbe-3);
  box-shadow: inset 0 0 0 1px var(--designFarbe-3);
  filter: drop-shadow(0 0 0.1em var(--designFarbe-1));
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x a.linkKnopf:hover {
  background: var(--designFarbeK-1);
  color: var(--designFarbeK-0);
  box-shadow: inset 0 0 0 1px var(--designFarbeK-0);
  filter: drop-shadow(0 0 0em var(--designFarbeK-0));
}
@media (prefers-color-scheme: dark) {
  .do_2015 + .do_x .doc_x .doco_x a.linkKnopf:hover {
    background: var(--designFarbe-1);
    color: var(--designFarbe-3);
    box-shadow: inset 0 0 0 1px var(--designFarbe-3);
    filter: drop-shadow(0 0 0.1em var(--designFarbe-1));
  }
  #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x a.linkKnopf:hover {
    background: var(--designFarbeK-1);
    color: var(--designFarbeK-0);
    box-shadow: inset 0 0 0 1px var(--designFarbeK-0);
    filter: drop-shadow(0 0 0em var(--designFarbeK-0));
  }
  #hellmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x a.linkKnopf:hover {
    background: var(--designFarbe-1);
    color: var(--designFarbe-3);
    box-shadow: inset 0 0 0 1px var(--designFarbe-3);
    filter: drop-shadow(0 0 0.1em var(--designFarbe-1));
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doc_x .doco_x a.linkKnopf:hover {
    background: var(--designFarbeK-0);
    color: var(--designFarbeK-1);
    box-shadow: inset 0 0 0 1px var(--designFarbeK-1);
    filter: drop-shadow(0 0 0em var(--designFarbeK-1));
  }
}











svg .fil51 {fill:var(--designFarbe-0)}

.do_2015 + .do_x .doco_x .wasserzeichen {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 22%;
  aspect-ratio: 522 / 422;
  height: auto;
  transform: translateY(8%);
}

#kontanmode:checked ~ .site-grid .do_2015 + .do_x .doco_x .wasserzeichen svg .fil51 {
  fill: var(--designFarbe-5);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doco_x .wasserzeichen svg .fil51 {
  fill: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .do_2015 + .do_x .doco_x .wasserzeichen svg .fil51 {
  fill: var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doco_x .wasserzeichen svg .fil51 {
  fill: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2015 + .do_x .doco_x .wasserzeichen svg .fil51 {
    fill: var(--designFarbe-0);
  }
  #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doco_x .wasserzeichen svg .fil51 {
    fill: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2015 + .do_x .doco_x .wasserzeichen svg .fil51 {
    fill: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doco_x .wasserzeichen svg .fil51 {
    fill: var(--designFarbeK-1);
  }
}




/* KarteMv */
#kontanmode:checked ~ .site-grid .do_2015 + .do_x .doco_x .wasserzeichen svg .karteMv {
  fill: var(--designFarbeK-0-00-vt);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doco_x .wasserzeichen svg .karteMv {
  fill: var(--designFarbeK-0-00-vt);
}
#darkmode:checked ~ .site-grid .do_2015 + .do_x .doco_x .wasserzeichen svg .karteMv {
  
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doco_x .wasserzeichen svg .karteMv {
  fill: var(--designFarbeK-1-01-vt);
}
@media (prefers-color-scheme: dark) {
  .do_2015 + .do_x .doco_x .wasserzeichen svg .karteMv {
    
  }
  #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doco_x .wasserzeichen svg .karteMv {
    fill: var(--designFarbeK-1-01-vt);
  }
  #hellmode:checked ~ .site-grid .do_2015 + .do_x .doco_x .wasserzeichen svg .karteMv {
    
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2015 + .do_x .doco_x .wasserzeichen svg .karteMv {
    fill: var(--designFarbeK-0-00-vt);
  }
}











/* Tabelle tabelle-002 */
.tabelle-002 {
  width: 100%;
  margin: 0 0 2em 0;
  display: flex;
  flex-direction: column;
  user-select: none;
  font-weight: 700;
}
.tabelle-002 > div {
  width: 100%;
  display: flex;
}
.tabelle-002 > div:nth-of-type(2n+3) {
  background: var(--designFarbe-1-01);
}
#kontanmode:checked ~ .site-grid .tabelle-002 > div:nth-of-type(2n+3) {
  background: var(--designFarbeK-0-00-vt);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-002 > div:nth-of-type(2n+3) {
  background: var(--designFarbeK-0-00-vt);
}
#darkmode:checked ~ .site-grid .tabelle-002 > div:nth-of-type(2n+3) {
  background: var(--designFarbe-0-01);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-002 > div:nth-of-type(2n+3) {
  background: var(--designFarbeK-1-01-vt);
}
@media (prefers-color-scheme: dark) {
  .tabelle-002 > div:nth-of-type(2n+3) {
    background: var(--designFarbe-0-01);
  }
  #kontanmode:checked ~ .site-grid .tabelle-002 > div:nth-of-type(2n+3) {
    background: var(--designFarbeK-1-01-vt);
  }
  #hellmode:checked ~ .site-grid .tabelle-002 > div:nth-of-type(2n+3) {
    background: var(--designFarbe-1-01);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-002 > div:nth-of-type(2n+3) {
    background: var(--designFarbeK-0-00-vt);
  }
}
.tabelle-002 > div > * {
  margin: 0;
  padding: 0.25em 0 0.25em 0.25em;
  display: inline-block;
}
.tabelle-002 > div > * {
  width: calc(100% / 6);
  text-align: center;

  color: var(--designFarbe-5);
}
#kontanmode:checked ~ .site-grid .tabelle-002 > div > * {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-002 > div > * {
  color: var(--designFarbeK-1);
}
#darkmode:checked ~ .site-grid .tabelle-002 > div > * {
  color: var(--designFarbe-3);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-002 > div > * {
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .tabelle-002 > div > * {
    color: var(--designFarbe-3);
  }
  #kontanmode:checked ~ .site-grid .tabelle-002 > div > * {
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .tabelle-002 > div > * {
    color: var(--designFarbe-5);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .tabelle-002 > div > * {
    color: var(--designFarbeK-1);
  }
}
.tabelle-002 > div > *:nth-of-type(1) {
  width: calc(100% / 3);
  text-align: left;
}
.tabelle-002 > div:nth-of-type(1) > * {
  width: calc(100% / 3);
}





/* Knopf */






























/* 1/4 3/4 PeeneStrom z.B. Tabellen */
.do_2016 + .do_x {
  width: min(100%, var(--design-box-1));
  position: relative;
  /* height: 16.25em; */
  /* z-index: 999; */
}
.do_2016 + .do_x .doc_x {
  width: min(100%, var(--design-box-2));
  margin: 0 auto;
  display: flex;
  background: var(--designFarbe-0);
}

#hellmode:checked ~ .site-grid .do_2016 + .do_x .doc_x {
  color: var(--designFarbe-5);
  background: var(--designFarbe-0);
}
#kontanmode:checked ~ .site-grid .do_2016 + .do_x .doc_x {
  color: var(--designFarbeK-1);
  background: var(--designFarbeK-0);
}
#darkmode:checked ~ .site-grid .do_2016 + .do_x .doc_x {
  background: var(--designFarbe-4);
  color: var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2016 + .do_x .doc_x {
  background: var(--designFarbeK-1);
  color: var(--designFarbeK-0);
}
@media (prefers-color-scheme: dark) {
  .do_2016 + .do_x .doc_x {
    color: var(--designFarbe-0);
    background: var(--designFarbe-4);
  }
  #kontanmode:checked ~ .site-grid .do_2016 + .do_x .doc_x {
    background: var(--designFarbeK-1);
    color: var(--designFarbeK-0);
  }
  #hellmode:checked ~ .site-grid .do_2016 + .do_x .doc_x {
    color: var(--designFarbe-5);
    background: var(--designFarbe-0);
  }
  #hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2016 + .do_x .doc_x {
    color: var(--designFarbeK-1);
    background: var(--designFarbeK-0);
  }
}
@media (forced-colors: active) {
  .do_2016 + .do_x .doc_x {
    /* background: Window; */
    border-bottom: 1px solid;
  }
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2016 + .do_x .doc_x {
    flex-wrap: wrap;
    width: min(calc(100% - calc(var(--designMobilPadding) * 2)), var(--design-box-2));
    padding: 2.5em var(--designMobilPadding) 3.5em var(--designMobilPadding);
  }
}







.do_2016 + .do_x .doco_x:nth-of-type(1) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4);
  padding: 3.5em 0 3.5em var(--designMarginInnen-2);
}

.do_2016 + .do_x .doco_x:nth-of-type(2) {
  font-size: 1.4em;
}

@media (max-width: 760px) and (orientation: portrait) {
  .do_2016 + .do_x .doco_x:nth-of-type(2) {
    font-size: 1.2em;
  }
}

.do_2016 + .do_x .doco_x:nth-of-type(2) {
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 4 * 3);
  padding: 3.5em var(--designMarginInnen-2) 3.5em 0;
}

.do_2016 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  /* width: 76%; */
  width: 100%;
  margin: 0.8em 0 0 0;
  /* padding: 0 0 0 1em; */
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2016 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
      margin: 0;
      width: 100%;
  }
}
.do_2016 + .do_x .doc_x .doco_x:nth-of-type(2) .vis_hid-par_cont:has(h3) {
  padding: 0.75em 0 0.75em 0;
}
.do_2016 + .do_x .doc_x .doco_x:nth-of-type(2) .vis_hid-par_cont h3 {
  margin: 0;
  padding: 0;
}
@media (max-width: 760px) and (orientation: portrait) {
  .do_2016 + .do_x .doc_x .doco_x:nth-of-type(1) {
    width: 55%;
    padding: 0;
  }
  .do_2016 + .do_x .doc_x .doco_x:nth-of-type(2) {
    width: 100%;
    padding: 0;
  }
}





#hellmode:checked ~ .site-grid .do_2016 + .do_x .doco_x p {
  /* color: var(--designFarbe-5); */
}

#hellmode:checked ~ .site-grid .do_2016 + .do_x .doc_x .doco_x p {
  color: var(--designFarbe-5);
}
#kontanmode:checked ~ .site-grid .do_2016 + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-1);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .do_2016 + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-1);
}

#darkmode:checked ~ .site-grid .do_2016 + .do_x .doc_x .doco_x p {
  color: var(--designFarbe-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .do_2016 + .do_x .doc_x .doco_x p {
  color: var(--designFarbeK-0);
}

@media (prefers-color-scheme: dark) {

  .do_2016 + .do_x .doc_x .doco_x p {
    color: var(--designFarbe-0);
  }
  #kontanmode:checked ~ .site-grid .do_2016 + .do_x .doc_x .doco_x p {
    color: var(--designFarbeK-0);
  }

}



















.do_2016 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(3) a {
  /* height: fit-content; */
  /* text-decoration: none; */
  /* text-transform: uppercase; */
  /* letter-spacing: 0.06em; */
  /* padding: 1em 2.5em 0.9em 2.5em; */
  /* color: var(--designFarbe-1); */
  /* background: var(--designFarbe-3); */
  /* font-size: 1.2em; */
  /* font-family: var(--designFont-45); */
  /* box-shadow: inset 0 0 0 0 transparent; */
  /* transform: translateX(-0.5em); */
  /* transition: 0.3s; */
}

.do_2016 + .do_x .doco_x:nth-of-type(2) > div:nth-of-type(3) a:hover {
  /* color: var(--designFarbe-3); */
  /* background: var(--designFarbe-1); */
  /* box-shadow: inset 0 0 0 1px var(--designFarbe-3); */
  /* filter: drop-shadow(0 0 0.1em var(--designFarbe-1)); */
  /* transition: 0.3s; */
}




[data-js="aus"] .do_2016 + .do_x .doc_x, 
[data-schriftgross="gross"] .do_2016 + .do_x .doc_x {
  position: relative;
  flex-direction: column;
}
[data-js="aus"] .do_2016 + .do_x .doco_x:nth-of-type(1), 
[data-schriftgross="gross"] .do_2016 + .do_x .doco_x:nth-of-type(1) {
  /* width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2); */
  z-index: 1;
  display: flex;
  justify-content: center;


  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 2);
  padding: 3.5em 0 0 var(--designMarginInnen-2);
  margin: 0 0 -4em 0;
}
[data-js="aus"] .do_2016 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar, 
[data-schriftgross="gross"] .do_2016 + .do_x .doc_x .doco_x:nth-of-type(1) h2.seoSichtbar {
  width: 45%;
  margin: 1em 0 0 0;
  padding: 0;
}
[data-js="aus"] .do_2016 + .do_x .doco_x:nth-of-type(2), 
[data-schriftgross="gross"] .do_2016 + .do_x .doco_x:nth-of-type(2) {
  /* position: absolute; */
  /* bottom: 0; */
  /* padding: 3.5em 0 3.5em calc(var(--designMarginInnen-2) * 1.5); */
  /* width: calc(calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 3) - 1%); */

  padding: 0em var(--designMarginInnen-2) 0em var(--designMarginInnen-2);
  width: calc(calc(100% - calc(var(--designMarginInnen-2) * 2)) / 1);
}


[data-js="aus"] .do_2016 + .do_x .doco_x:nth-of-type(2) .vis_hid-par_cont, 
[data-schriftgross="gross"] .do_2016 + .do_x .doco_x:nth-of-type(2) .vis_hid-par_cont {
  text-align: right;
}



























/* DarkAllesZusammen */



@media (prefers-color-scheme: dark) {
  /*
  .blockBildLadyMitCash .dscstcb1_x svg {
    background: var(--designFarbeSvg-4);
  }
  .blockBildFrauEbeling .dscstcb1_x svg {
    background: var(--designFarbeSvg-4);
  }
  */
}
















/* PLZ Auswahl */


#plz-popup {
  /* width: 28em; */
  /* width: 100%; */
  width: calc(100% + 2em);
  max-height: 16em;
  /* top: -17em; */
  bottom: 4.4em;
  left: 0em;
  /* border: 1px solid #ccc; */
  display: none;
  position: absolute;
  overflow-y: auto;
  z-index: 1;

  backdrop-filter: blur(10px);

  /* background: var(--designFarbe-0); */
  /* color: var(--designFarbe-1); */
  
  background: var(--designFarbe-1-02);
  color: var(--designFarbe-0);
}

body:has(#vorschlag-0):not(:has(#vorschlag-4)) .dk_2001 + .dk_x .dkc_x .dkck_x form #plz-popup {
  width: calc(100% + 0em);
}


@media (max-width: 760px) and (orientation: portrait) {
  #plz-popup {
    /* width: calc(100vw - calc(var(--designMobilPadding) * 1)); */
    width: 100vw;
    bottom: 3.5em;
  }
  
  body:has(#vorschlag-1) .dk_2001 + .dk_x .dkc_x .dkck_x form #plz-popup {
    display: block;
    /* width: calc(calc(100vw - -1em) * 0.70); */
    width: calc(calc(100vw - -1em) * 0.30);
    /* left: calc(calc(100vw - 1em) * 0.30); */
    left: calc(calc(100vw - 1em) * 0.60);
    bottom: initial;
    /* overflow-y: hidden; */
    max-height: 14em;
    /* transition: 0.3s; */
    transition: 0s;
  }
  
  body:has(#vorschlag-0):not(:has(#vorschlag-4)) .dk_2001 + .dk_x .dkc_x .dkck_x form #plz-popup {
    width: calc(calc(100vw - 3.5em) * 0.30);
    transition: 0s;
  }

  /* html:has(#vorschlag-0) body:not(:has(#vorschlag-1)) .dk_2001 + .dk_x .dkc_x .dkck_x form #plz-popup {
    display: none;
  } */

  body:has(#vorschlag-0):not(:has(#vorschlag-1)) .dk_2001 + .dk_x .dkc_x .dkck_x form #plz-popup {
    display: none !important;
  }



}

#plz-popup {
  /* --sb-track-color: var(--designFarbe-1); */
  /* --sb-thumb-color: var(--designFarbe-3); */
  /* --sb-size: 2em; */
}


#plz-popup::-webkit-scrollbar {
  width: 2em;
}
@media (max-width: 760px) and (orientation: portrait) {
  #plz-popup::-webkit-scrollbar {
    width: 5vw;
  }
}
#plz-popup::-webkit-scrollbar-track {
  background: var(--designFarbe-1);
  border-radius: 0px;
}
#plz-popup::-webkit-scrollbar-thumb {
  background: var(--designFarbe-3);
  border-radius: 0px;
  border: 0px solid transparent;
  cursor: pointer;
}
@supports not selector(::-webkit-scrollbar) {
  #plz-popup {
    scrollbar-color: var(--designFarbe-3) var(--designFarbe-1);
  }
}






.plz-element-titel {
  display: none;
  height: 0;
  position: sticky;
  top: 0;
}

.plz-element-titel > .plz-element-titel-zahl {
  position: absolute;
  width: 1em;
  aspect-ratio: 1 / 1;
  height: auto;
  margin: 0 0.1em 0 0;
  /* padding: 0.35em 0.6em 0.6em 0.9em; */
  /* padding: 0.25em 0.5em 0.5em 0.7em; */
  padding: 0.25em 0.5em 0.4em 0.7em;
  /* padding: 0.25em 0.5em 0.4em 0.4em; */
  /* border-radius: 100% 0% 0% 100% / 0% 100% 0% 100%; */
  border-radius: 90% 0% 0% 90% / 0% 90% 0% 90%;
  border-bottom: 1px solid var(--designFarbe-1);
  border-left: 1px solid var(--designFarbe-1);
  background: var(--designFarbe-3);
  color: var(--designFarbe-1);
  font-size: 1.6em;
  font-weight: 700;
  top: 0em;
  right: 0em;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 760px) and (orientation: portrait) {
  .plz-element-titel > .plz-element-titel-zahl {
    font-size: 1.3em;
  }
}





.plz-element {
  /* padding: 5px; */
  margin: 0 0.1em 0 0;
  padding: 0.4em 0.8em;
  font-size: 1.6em;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}

@media (max-width: 760px) and (orientation: portrait) {
  .plz-element {
    font-size: 1.3em;
  }
}
.plz-element.ausgewaehlt {
  /* background: #bde4ff; */
  animation: highlightFade 0s forwards;
}

.plz-element.nicht-ausgewaehlt {
  animation: unhighlightFade 0.9s ease forwards;
}

@keyframes highlightFade {
  0% {background: transparent; color: var(--designFarbe-0);}
  100% {background: var(--designFarbe-3); color: var(--designFarbe-1);}
}
@keyframes unhighlightFade {
  0% {background: var(--designFarbe-3); color: var(--designFarbe-1);}
  100% {background: transparent; color: var(--designFarbe-0);}
}



.plz-element:hover {
  background: var(--designFarbe-3);
  color: var(--designFarbe-1);
  transition: 0.3s;
}






.plz-ka-element {
  /* padding: 5px; */
  margin: 0 0.1em 0 0;
  padding: 0.6em 1em;
  font-size: 1.6em;
  cursor: pointer;
  transition: 0.3s;
}

@media (max-width: 760px) and (orientation: portrait) {
  .plz-ka-element {
    font-size: 1.4em;
    background: var(--designFarbe-2);
  }
}
.rangeButCont::after {
  content: attr(data-aftercontent);
  position: absolute;
  top: -2em;
  right: 1em;
  /* color: var(--designFarbe-3); */
  color: transparent;
}

.rangeButCont[data-aftercontent="x"]::after {
  color: transparent;
}
@media (max-width: 760px) and (orientation:portrait) {
  .rangeButCont::after {
    content: attr(data-aftercontent);
    position: absolute;
    /* top: -11.5em; */
    /* right: 7.5em; */
    top: 2.75em;
    right: 0.5em;
    color: var(--designFarbe-1);
  }
}


#screenreader-region {
  position: absolute;
  left: -9999px;
  height: 1px;
  width: 1px;
  overflow: hidden;
}














/* Video Film */
video {
  width: 100%;
}

/*
video::cue {
  font-size: 3em;
  font-weight: bold;
  color: white;
  background: rgba(0, 0, 0, 0.7);
  text-shadow: 2px 2px 4px black;
  text-align: center;
  line-height: 1.2;
}
*/

video::cue {
  font-size: 1.3em;
  font-weight: 700;
  color: var(--designFarbe-3);
  background: var(--designFarbe-4-03);
  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
  line-height: 1.3;
  text-align: center;
}

/*
video::cue {
  color: var(--designFarbe-3);
  background: var(--designFarbe-4-03);
  font-size: 2em;
  font-weight: bold;
  padding: 1em;
}
*/

.itemid-134 .do_2010 + .do_x .akko:nth-of-type(1) {
  margin: 1.7em 0 0 0;
}

.speakerContainer {
  margin: 0 0 2em 0;
}
.speakerContainer:nth-of-type(1) {
  margin: 1em 0 2em 0;
}
.speakerArt {
  margin: 0 0 0.25em 0;
  font-size: 1.1em;
  font-weight: 700;
}




@media (max-width: 760px) and (orientation:portrait) {
  .do_2014 + .do_x:has(video) .doc_x {
    padding: 2.5em var(--designMobilPadding) 0em var(--designMobilPadding);
  }
  video {
    margin: 2em calc(var(--designMobilPadding) * -1) -0.2em calc(var(--designMobilPadding) * -1);
    width: 100vw;
  }
}












/* Mobile Menü Tests deam das kak details udn summary ist aber hartnäckli Google muss da noch viel nacharbeiten */
/* versuch das ganze HFS-mässig zu machen - siehe auch JS wegen name="akkordeon" musste hinzugefügt werden deam :( */


@media (max-width: 760px) and (orientation:portrait) {


  .dm_2003 + .dm_x {
    position: fixed;
    bottom: 0;
    width: 100vw;
    height: auto;
    transform: rotate(180deg);
    /* background: red; */
    z-index: 99999;
  }

  .dm_2003 + .dm_x:has(nav > details[open]) {
    /* min-height: 100vh; */
    min-height: 17em;
    /* background: var(--designFarbe-0); */
  }
  .dm_2003 + .dm_x:has(nav > details details[open]){
    z-index: 999999;
  }


  .dm_2003 + .dm_x .dmc_x {
    /* background: green; */
  }

  .dm_2003 + .dm_x nav,
  [data-schriftgross="klein"] .dm_2003 + .dm_x nav:has(details[open] details), 
  [data-schriftgross="normal"] .dm_2003 + .dm_x nav:has(details[open] details) {
    width: 100%;
  }
  .dm_2003 + .dm_x nav > details {
    display: flex;
    flex-direction: column;
  }
  .dm_2003 + .dm_x nav > details > summary {
    float: none;
    position: relative;
    /* left: 62%; */
    top: 0;
    transform: rotate(180deg);
    font-size: 1.25em;
    width: 100%;
    aspect-ratio: auto;
    left: 0;
    border-radius: 0;
  }
  .dm_2003 + .dm_x nav > details[open] > summary {
    width: 100%;
  }
  .dm_2003 + .dm_x nav > details > summary p {
    margin: 0;
    padding: 0.5em 0;
    font-weight: 400;
    letter-spacing: 1px;
    /* text-transform: lowercase; */
    color: var(--designFarbe-1);
    transition: 0.3s;
  }
  
  :has(input#barranmode:checked) .dm_2003 + .dm_x nav > details > summary p {
    padding: 0.5em 0 1.5em 0;
    transition: 0.3s;
  }
  html:has(input#barranmode:checked) body:has(nav > details[open]) .dm_2003 + .dm_x nav > details > summary p {
    padding: 0.5em 0;
    transition: 0s;
  }

  .dm_2003 + .dm_x nav > details > summary p:after {
    content: '(öffnen)';
    left: 50%;
    transform: translateX(-50%);
    top: initial;
    bottom: 0.75em;
    text-transform: lowercase;
    width: auto;
    height: auto;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0.5em;
    transition: 0.3s;
    opacity: 0;
  }
  
  :has(input#barranmode:checked) .dm_2003 + .dm_x nav > details > summary p:after {
    content: '(öffnen)';
    bottom: 0.75em;
    font-size: 0.75em;
    transition: 0.3s;
    opacity: 1;
  }


  html:has(input#barranmode:checked) body:has(nav > details[open]) .dm_2003 + .dm_x nav > details > summary p:after {
    display: none;
  }


  .dm_2003 + .dm_x nav > details[open] > summary p {
    /* color: transparent; */
  }
  .dm_2003 + .dm_x nav > details[open] > summary p:after,
  .dm_2003 + .dm_x nav > details[open] > summary:hover p:after {
    display: block;
    top: 1em;
    background: var(--designFarbe-1);
    /* box-shadow: 0 0.5em 0 0 var(--designFarbe-1), 0 1em 0 0 var(--designFarbe-1); */
  }

  [data-schriftgross="klein"] .dm_2003 + .dm_x nav > details > *:not(summary), 
  [data-schriftgross="normal"] .dm_2003 + .dm_x nav > details > *:not(summary) {
    width: calc(calc(100% - 0%) / 1);
    float: none;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  .dm_2003 + .dm_x nav > details details span,
  .dm_2003 + .dm_x nav > details[open] details > summary > span {
    font-size: 1em;
  }







  .dm_2003 + .dm_x nav > details details[open] {
    /* height: calc( calc(3.25em * 1.25) + calc(calc(3.25em + 2px) * 6) + 2px + 2em); */
    /* height: calc(3.25em * 1.25); */
    margin: 0em 0 1em 0;
    /* transition: 0.6s; */
  }
  .dm_2003 + .dm_x nav > details details[open]:nth-of-type(2n+1) {
    /* height: calc( calc(3.25em * 1.25) + calc(calc(3.25em + 2px) * 5) + 2px + 2em); */
    /* height: calc(3.25em * 1.25); */
  }
  .dm_2003 + .dm_x nav > details details > summary {
    /* transition: 0.6s; */
  }
  .dm_2003 + .dm_x nav > details details[open] > summary {
    /* padding: 0 0 calc( calc( calc(3.25em * 1.25) + calc(calc(3.25em + 2px) * 6) + 2px + 2em) * 0.07) 0; */
    /* padding: 0 0 1em 0; */
    /* transition: 0.6s; */
  }
  .dm_2003 + .dm_x nav > details details[open]:nth-of-type(2n+1) > summary {
    /* padding: 0 0 calc( calc( calc(3.25em * 1.25) + calc(calc(3.25em + 2px) * 5) + 2px + 2em) * 0.1) 0; */
    /* transition: 0.6s; */
  }
  .dm_2003 + .dm_x nav > details details[open]:nth-of-type(1) > summary {
    /* padding: 0 0 0 0; */
    /* transition: 0s; */
  }


  /* Firefox FiX OK OK OK abgefuckter FireFox will nicht, das stück Dreck macht eigene Box die extra wünsche hat */

  .dm_2003 + .dm_x nav > details details[open] {
    /* height: calc( calc(3.25em * 1.25) + calc(calc(3.25em + 2px) * 6) + 2px + 2em); */
    /* margin: 0; */
  }
  .dm_2003 + .dm_x nav > details details[open]:nth-of-type(2n+1) {
    /* height: calc( calc(3.25em * 1.25) + calc(calc(3.25em + 2px) * 5) + 2px + 2em); */
  }
  .dm_2003 + .dm_x nav > details details > summary {
    transition: 0.6s;
  }
  .dm_2003 + .dm_x nav > details details[open] > summary {
    /* padding: 0 0 calc( calc( calc(3.25em * 1.25) + calc(calc(3.25em + 2px) * 6) + 2px + 2em) * 0.07) 0; */
    transition: 0.6s;
  }
  .dm_2003 + .dm_x nav > details details[open]:nth-of-type(2n+1) > summary {
    /* padding: 0 0 calc( calc( calc(3.25em * 1.25) + calc(calc(3.25em + 2px) * 5) + 2px + 2em) * 0.1) 0; */
    transition: 0.6s;
  }
  .dm_2003 + .dm_x nav > details details[open]:nth-of-type(1) > summary {
    /* padding: 0 0 0 0; */
    /* transition: 0s; */
  }







  .dm_2003 + .dm_x nav > details details > summary,
  .dm_2003 + .dm_x nav > details details a {
    transform: rotate(180deg);
  }
  .dm_2003 + .dm_x nav > details details a > span {
    /* font-size: 0em; */
    /* animation: menuMobilOffLink 0s linear 0s forwards; */
  }
  @keyframes menuMobilOffLink {
    0%   {font-size: 1em;}
    100% {font-size: 0em;}
  }
  .dm_2003 + .dm_x nav > details details[open] a > span {
    /* font-size: 1em; */
    /* animation: menuMobilOnLink 0.3s linear 0s forwards; */
  }
  @keyframes menuMobilOnLink {
    0%   {font-size: 0em;}
    100% {font-size: 1em;}
  }











  /* HFS GEDÜNST HACK */







  .dm_2003 + .dm_x nav > details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .dm_2003 + .dm_x nav > details > summary {
    /* z-index: 12; */
  }

  
  .dm_2003 + .dm_x nav > details details > div {
    /* background: var(--designFarbe-3); */
    /* box-shadow: 0 0 0 0.25em var(--designFarbe-0); */
  }
  .dm_2003 + .dm_x nav > details details > div > div {
    background: var(--designFarbe-3);
    /* box-shadow: 0 0 0 0.25em var(--designFarbe-0); */

    /* height: calc(90vh - 13.3em); */
    /* overflow-y: scroll; */

  }

  .dm_2003 + .dm_x nav > details details > div {
    position: relative;
    /* transform: translateY(-105%); */
    /* top: 0; */
    /* transition: 0.3s; */
    overflow: hidden;
  }
  .dm_2003 + .dm_x nav > details details[open] > div {
    /* transform: translateY(0%); */
    /* top: 100%; */
    /* transition: 1s; */
    animation: myAnimation 0.6s ease-in-out 0s forwards;
    /* overflow-y: scroll; */
  }

  @keyframes myAnimation {
    /*
    0%   {top: -3em; height: 0px;}
    100% {top: 0%; height: 100%;}
    */
    0%   {top: 25%; height: 0px;}
    80%  {top: 0%; height: 80%;}
    100% {top: 0%; height: 100%;}
  }


  [data-schriftgross="klein"] .dm_2003 + .dm_x nav > details details,
  [data-schriftgross="normal"] .dm_2003 + .dm_x nav > details details,
  html[data-browser="firefox"] .dm_2003 + .dm_x nav > details details {
    width: 75vw;
    /* margin: 0 0 0 12.5vw; */
    margin: 0;
  }
  [data-schriftgross="klein"] .dm_2003 + .dm_x nav > details details[open],
  [data-schriftgross="normal"] .dm_2003 + .dm_x nav > details details[open],
  html[data-browser="firefox"] .dm_2003 + .dm_x nav > details details[open] {
    width: 75vw;
    /* margin: 0 0 1em 12.5vw; */
    margin: 0 0 1em 0;
    z-index: 11;
  }

  .dm_2003 + .dm_x nav > details details {
    position: absolute;
    left: 12.5%;
  }
  .dm_2003 + .dm_x nav > details details:nth-of-type(1) {
    top: 3em;
  }
  .dm_2003 + .dm_x nav > details details:nth-of-type(2) {
    /* bottom: -6.525em; */
    /* top: 6em; */
    /* top: 5.95em; */
    top: 6.2em;
  }
  .dm_2003 + .dm_x nav > details details:nth-of-type(3) {
    /* bottom: -9.75em; */
    /* top: 9.25em;  + 3.25*/
    /* top: 9.15em; */
    top: 9.4em;
  }
  .dm_2003 + .dm_x nav > details details:nth-of-type(4) {
    /* bottom: -12.975em; */
    /* top: 12.5em; */
    /* top: 12.3em; */
    top: 12.55em;
  }


  .menuUnter[open] {
    animation: menuDetalOpen 0s forwards;
  }

  .dm_2003 + .dm_x nav > details details summary {
    z-index: 1;
  }
  .dm_2003 + .dm_x nav > details details summary,
  .dm_2003 + .dm_x nav > details details[open] summary {
    margin: 0 -17.5%;
  }


  .dm_2003 + .dm_x nav > details details > summary > span {
    transition: transform 0.6s 0s, all 0.6s 0s;
  }
  
  .dm_2003 + .dm_x nav > details[open] details > summary > span,
  .dm_2003 + .dm_x nav > details details summary span {
    /* background: var(--designFarbe-3); */
    color: var(--designFarbe-1);
    color: var(--designFarbe-3);
    
    padding: 0.6em 0;
    font-size: 1.2em;



  }
  .dm_2003 + .dm_x nav > details[open] details:nth-of-type(1) > summary > span {
    /* transition: transform 0.6s 0s; */
  }
  .dm_2003 + .dm_x nav > details[open] details:nth-of-type(2) > summary > span {
    /* transition: transform 0.6s 0.1s; */
  }
  .dm_2003 + .dm_x nav > details[open] details:nth-of-type(3) > summary > span {
    /* transition: transform 0.6s 0.15s; */
  }
  .dm_2003 + .dm_x nav > details[open] details:nth-of-type(4) > summary > span {
    /* transition: transform 0.6s 0.2s; */
  }


  
  .dm_2003 + .dm_x nav > details details[open] > summary span {
    position: relative;
    background: var(--designFarbe-0);
    color: var(--designFarbe-1);
  }



  .dm_2003 + .dm_x nav > details details summary::after {
    content: '';
    position: absolute;
    width: 3vw;
    aspect-ratio: 512 / 264;
    height: auto;
    right: 5vw;
    top: 44%;
    font-size: 0.75em;
    transform-origin: center;
    transform: scale(-1);
    background: var(--designIconPfeilUnten-1);
    transition: 0.6s;

    width: 5vw;
    right: 4vw;
    top: 41%;
    background: var(--designIconPfeilUnten-3);


  }
  .dm_2003 + .dm_x nav > details details[open] summary::after {
    transform: scale(1);
    background: var(--designIconPfeilUnten-1);

  }






  .dm_2003 + .dm_x nav > details details a {
    margin: 2px 0;
    padding: 1em 15vw;
  }








  .dm_2003 + .dm_x nav > details details[open] + details,
  .dm_2003 + .dm_x nav > details details[open] + a + details {
    /* margin: -19.75em 0 0 0; */
  }










}






/* Text-Version Test*/
/*
body:has(input#barranmode:checked) * {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--designFarbe-4);
  background: transparent !important;
  background-image: none;
  width: 100% !important;
  text-align: left !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  font-weight: 400 !important;
  font-size: inherit !important;
}
body:has(input#barranmode:checked) script,
body:has(input#barranmode:checked) style,
body:has(input#barranmode:checked) img,
body:has(input#barranmode:checked) canvas,
body:has(input#barranmode:checked) svg {
  display: none !important;
}
body:has(input#barranmode:checked) a,
body:has(input#barranmode:checked) span,
body:has(input#barranmode:checked) strong {
  display: inline !important;
}
body:has(input#barranmode:checked) a {
  text-decoration: underline !important;
  margin: 0 1em 0 0 !important;
}
body:has(input#barranmode:checked) details {
  all: unset;
  display: block !important;
}
body:has(input#barranmode:checked) summary {
  display: block !important;
  font-weight: bold;
}
body:has(input#barranmode:checked) details > *:not(summary) {
  display: block !important;
}
*/












/* Impressum Datenschutz Barrierefreiheit */

#impressum a,
#verbraucherinformation a {
  text-decoration: none;
  color: inherit;
}
#impressum a:hover,
#verbraucherinformation a:hover {
  text-decoration: underline;
}

#barrierefreiheit h3 ~ h3 {
  margin: 1.5em 0 0.6em 0;
}
#bf-erklaerungen .akko_ct p {
  padding: 0 0 1em 0;
}



/* Service Champion Logo */

.cs-logo {
  /* overflow: hidden; */
  position: fixed;
  margin: 0;
  width: 8em;
  aspect-ratio: 1 / 1;
  height: auto;
  left: calc(100vw - 10.7em - calc(1em + 15px));
  bottom: 3em;

  /* border-radius: 50%; */
  font-size: 1em;
  z-index: 20;

  display: block;
  /* position: relative; */
  perspective: 800px;
  /* -webkit-box-reflect: below -0.6em linear-gradient(transparent 100%, #00000000 100%); */
  transition: 0.5s ease;
}
@media (max-width: 760px) and (orientation:portrait) {
  .cs-logo {
    display: none;
    /* position: absolute; */
    /* width: 4em; */
    /* top: 7.5em; */
    /* left: 17em; */
    /* bottom: initial; */
    /* top: calc(calc(calc(100vw * 10 / 12) + 4.3em) * 0.3); */
    /* margin: calc(100vh - calc(calc(100vw * 10 / 12) + 4.3em)) 0 0 0; */

    position: absolute;
    width: calc(calc(calc(100vw * 10 / 12) + 4.3em) * 0.17);
    left: 74vw;
    bottom: initial;
    top: calc(calc(calc(100vw * 10 / 12) + 4.3em) * 0.31);
    transition: 0.6s;
  }

  body:has(.omahaBeach) .cs-logo {
    left: 76vw;
    top: calc(calc(calc(100vw * 10 / 12) + 4.3em) * 0.667);
  }


  body:has(.dm_2003 + .dm_x nav > details[open]) .cs-logo {
    left: 4.5em;
    transform: translateX(-50%);
    top: 3.7em;
    width: calc(calc(calc(100vw * 10 / 12) + 4.3em) * 0.17);
    position: fixed;
  }

}

.cs-logo:has(svg:hover) {
  /* -webkit-box-reflect: below -0.9em linear-gradient(transparent 50%, #00000055 100%); */
  /* transition: 0.5s ease; */
}
.cs-logo::after {
  content: "";
  position: absolute;
  bottom: 0.5em;
  left: 65%;
  transform: translateX(-50%) rotate(-5deg);
  width: 0%;
  height: 0.5em;
  background: #00000033;
  border-radius: 50%;
  filter: blur(3px);
  opacity: 0;
  transition: opacity 0.5s ease, width 0.5s ease;
  z-index: -1;
}
.cs-logo:has(svg:hover)::after {
  width: 36%;
  opacity: 1;
  transition: opacity 0.5s ease, width 0.5s ease;
}
.cs-logo a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.cs-logo a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -3em;
  width: 2.5em;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, #FFFFFF80 33%, transparent 50%, #FFFFFF80 33%, transparent 100%);
  transform: skewX(-4deg);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}
.cs-logo:has(svg:hover) a:hover::before {
  animation: lichtReflex 0.5s ease-out forwards;
}
@keyframes lichtReflex {
  0% {left: -3em; opacity: 0}
  10% {opacity: 0.4}
  60% {left: 6em; opacity: 0.6}
  100% {left: 9em; opacity: 0}
}














/* Ehrenamtskarte */

.filek1 {fill:#FAEFEA}

.filek2 {fill:#DDDF5F}
.filek3 {fill:#CAC550}
.filek4 {fill:#30323A}
.filek5 {fill:#519AA3}


.filek6 {fill:#221F20}
.filek7 {fill:#221F20}
.filek8 {fill:#D5C91A}


.filek12 {fill:#E95355}
.filek13 {fill:#E3DE28}
.filek14 {fill:#D5C91A}
.filek15 {fill:#6BAEB8}
.filek16 {fill:#E3DE28}

.filek18 {fill: #289b38}
.filek19 {fill: #005E90}
.filek20 {fill: #f2b700}
.filek21 {fill: #6ac5e8}



/*
fill: var(--designFarbeK-0);
fill: var(--designFarbeK-0-00-vt);

fill: var(--designFarbeK-1)
fill: var(--designFarbeK-1-01-vt);
*/


#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek1 {
  fill: var(--designFarbeK-0);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek6,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek7,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek8 {
  fill: var(--designFarbeK-1-01-vt);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek7,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek8 {
  fill: var(--designFarbeK-0-00-vt);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek2,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek3 {
  fill: var(--designFarbeK-0-00-vt);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek4,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek5 {
  fill: var(--designFarbeK-1-01-vt);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek18,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek19,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek20,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek21 {
  fill: var(--designFarbeK-1-01-vt);
}
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek12,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek13,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek14,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek15,
#hellmode:checked ~ #kontanmode:checked ~ .site-grid .filek16 {
  fill: var(--designFarbeK-1-01-vt);
}


#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek1 {
  fill: var(--designFarbeK-0);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek6 {
  fill: var(--designFarbeK-1-01-vt);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek7,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek8 {
  fill: var(--designFarbeK-0-00-vt);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek2,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek3 {
  fill: var(--designFarbeK-0-00-vt);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek4,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek5 {
  /* fill: var(--designFarbeK-1-01-vt); */
  fill: var(--designFarbeK-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek18,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek19,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek20,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek21 {
  /* fill: var(--designFarbeK-1-01-vt); */
  fill: var(--designFarbeK-1);
}
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek12,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek13,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek14,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek15,
#darkmode:checked ~ #kontanmode:checked ~ .site-grid .filek16 {
  fill: var(--designFarbeK-1);
}









/* Energiepunkte Mitarbeiter test Mobile */

@media (max-width: 760px) and (orientation: portrait) {
  .itemid-126 .do_2024 + .do_x .doc_x {
    position: relative;
  }
  .itemid-126 .do_2024 + .do_x .doc_x .doco_x {
    opacity: 0.99;
    /* display: block !important; */
    order: 1 !important;
  }

  .itemid-126 .do_2024 + .do_x#ep-wolgast .doc_x .doco_x .dscstc_x {
    position: absolute;
    transform: translateX(28%) scale(-0.8, 0.8);
    transform-origin: bottom;
  }
  .itemid-126 .do_2024 + .do_x#ep-kaiserbaeder .doc_x .doco_x .dscstc_x {
    position: absolute;
    transform: translateX(28%) scale(-0.8, 0.8);
    transform-origin: bottom;
  }
  .itemid-126 .do_2024 + .do_x#ep-grimmen .doc_x .doco_x .dscstc_x {
    position: absolute;
    transform: translateX(28%) scale(0.8, 0.8);
    transform-origin: bottom;
  }
  .itemid-126 .do_2024 + .do_x#ep-anklam .doc_x .doco_x .dscstc_x {
    position: absolute;
    transform: translateX(28%) scale(-0.8, 0.8);
    transform-origin: bottom;
  }
  .itemid-126 .do_2024 + .do_x#ep-greifswald .doc_x .doco_x .dscstc_x {
    position: absolute;
    transform: translateX(28%) scale(0.8, 0.8);
    transform-origin: bottom;
  }



}














/* Marquee */


.contMarquee {
  /* opacity: 0; */
  /* pointer-events: none; */


  position: absolute;
  top: 19em;
  width: 16.5em;
  height: 3em;
  display: flex;
  cursor: pointer;

  left: min(calc(calc(calc(calc(100% - var(--design-box-2)) / 2) + var(--design-box-2)) - 16em), 86%);

  /* z-index: 999; */
}
@media (min-width: 761px) {
  body:has(.dm_2003 + .dm_x nav > details[open] details) .contMarquee {
    /* display: none; */
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
  }
}

@media (max-width: 760px) {
  .contMarquee {
    position: relative;
    width: 100vw;
    padding: 0;
    margin: calc(12.4em) 0 0 0;
    z-index: 2;
    left: 0;
    top: 0;
    height: 2.9em;
  }
  
  body.itemid-101:has(.dm_2003 + .dm_x nav > details[open]) .contMarquee {
    position: fixed;
    bottom: 15.75em;
    top: initial;
    margin: 0;
    
    z-index: 99999;
  }
}



.contMarquee .contMarqVorMarq {
  display: flex;
  position: relative;
  overflow: hidden;
  filter: drop-shadow(1px 1px 2px var(--designFarbe-5-03));
}
@media (max-width: 760px) {
  .contMarquee .contMarqVorMarq {
    filter: none;
  }
}

.contMarquee .vorMarquee {
  display: none;

  position: relative;
  white-space: nowrap;
  /* font-size: 16px; */
  color: var(--designFarbe-0);
  padding: 1em;
  background: var(--designFarbe-1);
}
.contMarquee .vorMarquee.handy {
  display: none;
  padding: 1em;
  font-weight: 700;
}
@media (max-width: 760px) {
  .contMarquee .vorMarquee {
    display: none;
  }
  .contMarquee .vorMarquee.handy {
    /* display: block; */
  }
}










.marquee {
  overflow: hidden;
  display: flex;
  width: 100%;
  background: var(--designFarbe-3);
  clip-path: url(#myCurve);
}
@media (max-width: 760px) {
  .marquee {
    clip-path: none;
  }
}

@media (max-width: 760px) {
  .marquee::before {
    position: static;
    margin: calc(12.4em) 0 0 0;
  }
}


.marquee div {
  white-space: nowrap;
  display: flex;
  align-items: center;
  font-size: 1.5em;
  /* color: var(--designFarbe-4); */
  color: var(--designFarbe-1);
}

@media (max-width: 760px) {
  .marquee div {
    font-size: 1.2em;
  }
}

.anzeigMarquee {
  position: absolute;
  background: var(--designFarbe-0-03);
  backdrop-filter: blur(15px);
  height: 0;

  width: 27em;
  left: -23.43em;
  top: 2.6em;

  overflow: hidden;
  font-size: 1.5em;
  z-index: 1;
  transition: 0.3s;
}

@media (max-width: 760px) {
  .anzeigMarquee {
    left: 0.5em;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    width: calc(100% - 1em);
  }
  
  body.itemid-101:has(.dm_2003 + .dm_x nav > details[open]) .anzeigMarquee {
    left: 0.5em;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 1em);
  }
}


.anzeigMarquee p {
  padding: 2em;
  color: var(--designFarbe-1);
  box-shadow: inset 0 0 0 1px var(--designFarbe-1);
}
@media (max-width: 760px) {
  .anzeigMarquee p {
    padding: 1em;
    font-size: 0.8em;
  }
}







/*

.contMarquee .vorMarquee::before,
.contMarquee .vorMarquee::after {
  content: '';
  position: absolute;
  width: 10%;
  height: 105%;
  top: -1px;
  z-index: 1;
  right: 0;
  transform: rotate(14deg);
}
.contMarquee .vorMarquee::before {
  background: #fbba00;
  right: -13px;
  top: 1px;
}
.contMarquee .vorMarquee::after {
  background: #a22a43;
  top: -3px;
  right: 3px;
}
@media (max-width: 760px) {
  .contMarquee .vorMarquee::before,
  .contMarquee .vorMarquee::after {
    display: none;
  }
} 

.marquee::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 100%;
  top: 0;
  right: 0;
  background: #fbba00;
  z-index: 1;
}

*/








/* Dreh dich */

.ds_2002 ~ .ds_x .dsc_x .dscs_x > div > div > div.coin-container,
.coin-container {
  width: 29.5% ;
  aspect-ratio: 1 / 1;
  height: auto;
  left: 55.5%;
  top: 31%;

  /* left: 18%; */
  /* top: 27%; */
  transition: 0.6s;

  perspective: 1000px;
}

body.itemid-101:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x .dscs_x > div > div > div.coin-container {
  left: 53%;
  top: 7%;
  width: 12%;
  aspect-ratio: 1 / 1;
  height: auto;
  transition: 0.6s;
}

@media (max-width: 760px) {
  .ds_2002 ~ .ds_x .dsc_x .dscs_x > div > div > div.coin-container,
  .coin-container {
  width: 60%;
  left: 36%;
  top: 24%;
  }
  body.itemid-101:has(.dm_2003 + .dm_x nav > details[open]) .ds_2002 ~ .ds_x .dsc_x .dscs_x > div > div > div.coin-container {
    width: 52%;
    left: 39%;
    top: 43%;
  }
}


.coin {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  animation: rotateCoin 15s infinite linear;

}
/*
.coin::after {
  content: "";
  position: absolute;
  inset: calc(calc(1 - calc(496 / 512)) * 50%);
  border-radius: 50%;
  box-shadow: inset 0 0 15px var(--designFarbe-1-01);
  z-index: 0;
  pointer-events: none;
}
*/
.side {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s;
  
  /* backdrop-filter: blur(3px); */
  overflow: hidden;

}
.front {
  /* background: gold; */
  opacity: 1;
  pointer-events: auto;
  animation: showFront 15s infinite;
}
.back {
  /* background: silver; */
  transform: rotateY(180deg);
  animation: showBack 15s infinite;
}

@keyframes rotateCoin {
  0%   { transform: rotateY(0deg);   }
  40%  { transform: rotateY(0deg);   }
  50%  { transform: rotateY(180deg); }
  90%  { transform: rotateY(180deg); }
  100% { transform: rotateY(360deg); }
}

@keyframes showFront {
  0%   { opacity: 1; pointer-events: auto; display: block; }
  50%  { opacity: 1; pointer-events: auto; display: block; }
  51%  { opacity: 0; pointer-events: none; display: none;  }
  90%  { opacity: 0; pointer-events: none; display: none;  }
  100% { opacity: 1; pointer-events: auto; display: block; }
}

@keyframes showBack {
  0%   { opacity: 0; pointer-events: none; display: none; }
  45%  { opacity: 0; pointer-events: none; display: none; }
  46%  { opacity: 1; pointer-events: auto; display: block; }
  99%  { opacity: 1; pointer-events: auto; display: block; }
  100% { opacity: 0; pointer-events: auto; display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .coin {
    /* animation: none !important; */
  }
  .front, .back {
    /* opacity: 1 !important; */
    /* pointer-events: auto !important; */
    /* transform: none !important; */
  }
}
























/* Weihnachten */
/*
.itemid-101 #kontanmode:checked ~ .site-grid .coin .front svg .fil1 {
  fill: var(--designFarbeK-0);
}
.itemid-101 #hellmode:checked ~ #kontanmode:checked ~ .site-grid .coin .front svg .fil1 {
  fill: var(--designFarbeK-0);
}
.itemid-101 #darkmode:checked ~ #kontanmode:checked ~ .site-grid .coin .front svg .fil1 {
  fill: var(--designFarbeK-1);
}
@media (prefers-color-scheme: dark) {
  .itemid-101 #kontanmode:checked ~ .site-grid .coin .front svg .fil1 {
    fill: var(--designFarbeK-1) !important;
  }
  .itemid-101 #darkmode:checked ~ #kontanmode:checked ~ .site-grid .coin .front svg .fil1 {
    fill: var(--designFarbeK-1) !important;
  }
  .itemid-101 #hellmode:checked ~ #kontanmode:checked ~ .site-grid .coin .front svg .fil1 {
    fill: var(--designFarbeK-0) !important;
  }
}

.itemid-101 #eneCanvaHintergrund {
  background-image: url(https://energie-vorpommern.eu/images/peeneStromHinter.png);
  background-image: url(https://energie-vorpommern.eu/images/winter.jpg);
  background-image: url(https://energie-vorpommern.eu/images/silvester-2026.jpg);
  background-image: url(https://energie-vorpommern.eu/images/silvester-2026-2.jpg);
  height: 82%;
}
.itemid-101 #eneCanvaDecke {
  display: none;
}
html:has(input#barrausmode:checked) .itemid-101 .dk_2001 + section::before {
  background: transparent;
  background-image: none;
}
html:has(input#barrausmode:checked) .itemid-101 .dk_2001 + .dk_x .dkc_x .dkck_x form > div > label {
}
.itemid-101 .dscsb1_x svg {
  box-shadow: none;
}
.itemid-101 .ds_2002 ~ .ds_x .dsc_x {
  overflow: visible;
}

body.itemid-101:has(.dm_2003 + .dm_x nav > details[open] details) main .ds_2002 ~ .ds_x::after {
  height: 0;
  bottom: 0;
  transition: 0s;
}
@media (max-width: 760px) and (orientation: portrait) {
  .itemid-101 #eneCanvaHintergrund {
    background-image: url(https://energie-vorpommern.eu/images/winter.jpg);
    background-image: url(https://energie-vorpommern.eu/images/silvester-2026_h.jpg);
    height: 100%;
  }
  body.itemid-101 .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x .dscsb1_x#eneCanvaHintergrund {
    height: 112%;
    width: 112%;
    top: -12%;
    left: 0%;
  }
  body.itemid-101 .ds_2002 ~ .ds_x::after {
    background-image: url(https://energie-vorpommern.eu/images/winter.jpg);
    background-image: url(https://energie-vorpommern.eu/images/silvester-2026_h.jpg);
    background-image: url(https://energie-vorpommern.eu/images/silvester-2026-2.jpg);
    transform: scale(1, -1) translateX(0vw);
    background-repeat: no-repeat;

    background-size: 112% 77%;
    background-position-x: -3%;
    background-position-y: 100%;
  
  }


  body.itemid-101:has(.dm_2003 + .dm_x nav > details[open] details) main .ds_2002 ~ .ds_x::after {
    height: 50vh;
    bottom: -50vh;
    transition: 0s;
    
  }
  .ds_2002 ~ .ds_x .dsc_x.dsc1_x .dscs_x .dscsb_x .dscsbc_x .dscsb1_x#eneCanvaHintergrund {
    height: 119%;
    width: 227%;
    top: -2%;
    left: -38%;
  }



  body.itemid-101 .ds_2002 ~ .ds_x .dsc_x .dscs_x > div > div > div.coin-container, 
  .coin-container {
    width: 46%;
    left: 38%;
    top: 45%;
  }
}
*/