/*
theme name: SVV Sachverstaendiger
theme uri: https://svv-sachverständiger.de
description:  SVV Sachverstaendiger
version: 4.0
author: klaus oppermann
author uri: https://www.klausoppermann.de/
*/


/* source-sans-3-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans-3-v9-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/source-sans-3-v9-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* spectral-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/spectral-v14-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* spectral-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/spectral-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* spectral-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/spectral-v14-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* spectral-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/spectral-v14-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* spectral-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/spectral-v14-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bebas-neue-regular - latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('fonts/bebas-neue-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/bebas-neue-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/poppins-v22-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



:root {
  --body-bg: #fff;
  --footer-bg: #011C40;
  --footer-col: rgba(255,255,255,0.8);
  --footer-colhov: #F2E394;

  --weiss: #fff; /* weiss */
  --hell: #e7efff;  /* hellblau */
  --medium: #264F73;   /* blau */
  --dunkel: #011C40;    /* dunkelblau */
  --schwarz: #000; /* schwarz */

  --vibrant: #F2E394; /*  */
  --on-vibrant: #000;    /*  */
  --vibrant-hov: #F2E394; /*  */
  --on-vibrant-hov: #000;  /*   */

  --warning: #e0021b;    /* rot */
  --success: #02b388;  /* gruen */
  --hallo: pink;

  --trans-dunkel--1: rgba(0,0,0,0.05);
  --trans-dunkel-1: rgba(0,0,0,0.1);
  --trans-dunkel-2: rgba(0,0,0,0.2);
  --trans-dunkel-3: rgba(0,0,0,0.3);
  --trans-dunkel-4: rgba(0,0,0,0.4);
  --trans-dunkel-6: rgba(0,0,0,0.6);
  --trans-dunkel-8: rgba(0,0,0,0.8);
  --trans-dunkel-9: rgba(0,0,0,0.9);
  --trans-hell-1: rgba(255,255,255,0.1);
  --trans-hell-2: rgba(255,255,255,0.2);
  --trans-hell-4: rgba(255,255,255,0.4);
  --trans-hell-6: rgba(255,255,255,0.6);
  --trans-hell-8: rgba(255,255,255,0.8);

/* @link https://utopia.fyi/type/calculator?c=320,16,1.067,1240,25,1.333,6,1,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */


  --step--1: clamp(0.90rem, calc(0.81rem + 0.63vw), 1.0rem);
  --step-0: clamp(1.00rem, calc(0.80rem + 0.98vw), 1.20rem);
  --step-1: clamp(1.07rem, calc(0.79rem + 1.41vw), 1.5rem);
  --step-2: clamp(1.14rem, calc(0.75rem + 1.93vw), 1.8rem);
  --step-3: clamp(1.22rem, calc(0.70rem + 2.58vw), 2.0rem);
  --step-4: clamp(1.30rem, calc(0.62rem + 3.38vw), 3.0rem);
  --step-5: clamp(1.38rem, calc(0.51rem + 4.36vw), 3.5rem);
  --step-6: clamp(1.48rem, calc(0.37rem + 5.55vw), 6.67rem);

  --but-pad: 0.5em 1em;
  --min: 35ch;
  --gap: 1.5rem;
  --ping: calc(100% - 30rem);

  --miniwidth: 55rem;
  --mwidth: 68rem;
  --bigwidth: 90rem;
  --biggerwidth: 100rem;
  --fullwidth: 120rem;

  --font-text: 'Source Sans 3',Arial, Verdana, Helvetica,sans-serif ;
  --font-headlines: 'Poppins',Arial, Verdana, Helvetica,sans-serif;


 }
 
 [data-theme="dark"] {
 --body-bg: #fff;

  --weiss: #111; /* weiss */
  --hell: #444;  /* hell */
  --medium: #666;   /* grau */
  --dunkel: #fefefe;    /* dunkel */
  --schwarz: #fff; /* schwarz */

  --vibrant: #e0021b ; /*  */
  --on-vibrant: #fff;    /*  */
  --vibrant-hov: #e0021b ; /*  */
  --on-vibrant-hov: #fff;  /*   */

  --warning: #e0021b;    /* rot */
  --success: #008233;  /* gruen */
  --hallo: pink;
}

*, *::before, *::after {box-sizing: inherit;}
html{background:var(--dunkel);font-size:100%;scroll-behavior: smooth; scroll-padding-top:100px;box-sizing:border-box;}


a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,hr,iframe,img,ins,kbd,label,legend,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-style:inherit;font-weight:inherit;list-style:none;margin:0;outline:0;padding:0;text-decoration:none;vertical-align:baseline}
article, aside, figcaption, figure, footer, header, hgroup, nav, section, time{display:block;}

body{color:var(--schwarz);font-family:var(--font-text);font-size:var(--step-0);line-height:1.5;margin:0 auto;padding:0;position:relative;min-height:100vh;min-height:100dvh;overflow-x: hidden;overflow-y:scroll;}

a{color:var(--schwarz);text-decoration:none}

a.post-edit-link{background:var(--warning);color:var(--weiss);display:inline-block;margin:0;padding:10px 25px;position:fixed;bottom:1rem;left:1rem;border-radius:5px;z-index:9999}

button {display:inline-block;text-align:center;margin:50px auto;vertical-align:middle;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--schwarz);font-family:var(--font-headlines);font-weight:400;line-height:1.25;margin:1rem auto;text-align:center;text-wrap: balance}
h2 strong, h3 strong, h4 strong{font-weight:400;}

h1,.h1{font-size:var(--step-4);letter-spacing:0;line-height:1.15;margin:0 auto;padding:2.5rem 0 1.5rem 0;max-width:var(--bigwidth);font-weight:700;}
h1 b,h1 em{display:block;font-size:var(--step-1);margin::10px 0;letter-spacing:1px;font-style:normal;}
h1 span{display:block;font-size:var(--step-2);margin:0.5em auto 0 auto;}

h2,.h2{font-size:var(--step-3);}
h3,.h3{font-size:var(--step-2);}
h4,.h4{font-size:var(--step-1);}
h5,.h5{font-size:var(--step-1);}
h6,.h6{font-size:var(--step-1);}

blockquote{background:var(--weiss);border:1px solid var(--medium);border-radius:9px;color:var(--on-dunkel);display:grid;place-items:center;font-size:var(--step-0);margin:3em auto;padding:1.5rem 3rem ;position: relative;max-width:70ch;isolation:isolate;}
blockquote::before{border:1px solid var(--medium);border-radius:7px;content:'';position:absolute;inset:0.5rem;z-index:-1;box-shadow:0 0 25px var(--medium)}
blockquote h2, blockquote h3{color:var(--dunkel);margin:10px auto;padding:0;text-align:center;}
blockquote p,blockquote strong{color:var(--dunkel);margin-inline:auto;}

cite, em{font-style:italic}
pre{margin:1rem 0;overflow:auto;}
pre a{font-weight:300;}
strong,b{color:#000;font-weight:700;}
sup,sub{font-size: var(--step--1);height: 0;line-height:1;vertical-align:baseline;position: relative;}
sup{top: -0.25em;}
sub{bottom: -0.25em;}
small{font-size:var(--step--1);font-style:italic;font-weight:300;}

hr{border:none;border-top:1px solid var(--medium);color:var(--medium);clear:both;display:block;height:0;margin:1.5rem 0}
img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;text-align:center;}
iframe{display:block;margin:50px auto;border:none;}
strong{font-weight:700;color:var(--dunkel)}
p{margin:1.5rem  0;line-height:1.5;text-align:left;}
ul p{margin:0}

table:not(.retable,#wp-calendar){border:1px solid var(--trans-dunkel-1);display:flex; flex-direction: column;margin:2.5rem auto;width:100%;}
tr:not(.retable tr,#wp-calendar tr){display: block; flex-wrap: wrap;align-items: center;justify-content: center;padding:0;border-bottom:1px solid var(--trans-dunkel-1);}
tr:nth-child(even){background:var(--hell);}

th:not(.retable th,#wp-calendar th),
td:not(.retable td,#wp-calendar td){color:var(--dunkel);display:block;text-align: left;padding:0.5em 0.75em;flex: 1;width:auto!important;min-width:15ch;hyphens:auto;}
th{background:var(--trans-dunkel-1);color:var(--weiss);font-weight: 700;}
td ul{margin:0 1rem;}
td p{margin:0;}
td+td{border-left:1px solid var(--trans-dunkel-1);}
td img{display:block;}

table caption{background:var(--vibrant);color:var(--weiss);padding:0.5em 0.75em;font-weight:700;}

table.retable {border: 1px solid var(--trans-dunkel-1);border-collapse: collapse;border-spacing: 0;font-size: .9em;line-height:1.4em;margin: 0;padding: 0;width: 100%;table-layout: fixed;}
table.retable tr {background-color: var(--hell);padding:0;}
table.retable th,
table.retable td {border: 1px solid var(--trans-dunkel-1);padding:5px 10px;text-align:left;}
table.retable th {background:var(--hell);letter-spacing: .1em;text-transform: uppercase;}
table.retable tr:nth-child(2n) td{background:transparent}
table.retable thead th{background:var(--medium);color:var(--weiss);}

@media screen and (max-width: 600px) {
  table.retable {border: 0;}
  table.retable thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
  table.retable tr {border-bottom: 2px solid var(--trans-dunkel-1);display: block;margin-bottom: .625em;}
  table.retable td {border-bottom: 1px solid var(--trans-dunkel-1);display: block;text-align: right;}
  table.retable td::before {content: attr(data-label);float: left;font-weight: 700;text-transform: uppercase;}
  table.retable td:last-child {border-bottom: 0;}
}

ul.cols, p.cols, div.cols{columns:30ch 3;gap: 2em;break-inside:avoid;}
ul.cols li{break-inside:avoid;padding:0.5rem}

.center{text-align:center;}

#wrapheader{background:var(--weiss);display:block;position:sticky;top:0;left:0;text-align:left;width:100%;z-index:800;box-shadow:0 5px 5px var(--trans-dunkel-1)}
#header{display:flex;align-items:center;justify-content:space-between;margin-inline:auto;padding:15px 1.0rem;position:relative;max-width:var(--bigwidth);}
#header .logo a{display:flex;align-items:center;justify-content:space-between;gap:1rem}
#header .logo img{max-height:60px;}
#header .logotext{color:var(--dunkel);display:block;font-family:var(--font-headlines);font-size:var(--step-2);font-weight:700;letter-spacing:3px;line-height:1.25;transition:color 0.3s;}
#header .logotext i{display:block;font-weight:400;font-size:var(--step--1);font-style:normal;letter-spacing:0;}
#header .logotext:hover{color:var(--medium);}

#wrapheader .svtext{background:var(--hell);color:var(--dunkel);display:block;padding:3px 1rem;text-align:center;text-wrap: balance;font-size:var(--step--1);line-height:1.25}

.wrapbox{margin:5em 0;
  display: grid;
  grid-gap: var(--gap);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));}
.wrapbox .box{padding:1em;background:var(--trans-hell-4);border:2px solid var(--trans-hell-8)}

#backtotop{background:var(--medium);color:var(--weiss);cursor:pointer;font-size:var(--step-2);height:50px;width:50px;position:fixed;bottom:1rem;right:1rem;z-index:999;display:flex;align-items: center;justify-content: center;box-shadow:2px 2px 5px var(--trans-dunkel-4);visibility: hidden;opacity:0;transition: all 0.3s;}
#backtotop:hover{}
#backtotop::before{margin:0;line-height:100%;}
#backtotop span{display:none}
.scrolled #backtotop{visibility:visible;opacity:1;}

a.button{background:var(--vibrant);border:1px solid var(--vibrant);color:var(--on-vibrant);display:inline-block;inline-size: fit-content;max-width:50ch;font-weight:700;letter-spacing:1px;margin:1rem 1rem 1rem 0;padding:var(--but-pad);position:relative;text-align:center;text-decoration:none;border-radius:1rem;vertical-align:middle;transition:all 0.3s;}
a.button::after{content:'';margin:0 0 0 8px;font-size:var(--step-0);text-decoration:none;transition:all 0.3s;}
a.button:hover{background:var(--vibrant-hov);color:var(--on-vibrant-hov);}
a.button:hover::after{transform: translateX(5px);}
a.button.center,#topsegment a.button{display:block;}

a.button.trans{background:transparent;border-color:var(--vibrant);color:var(--vibrant)}
a.button.trans:hover{background:var(--vibrant);border:1px solid var(--vibrant);color:var(--on-vibrant);}

.dunkel a.button.trans,
.medium a.button.trans{background:transparent;border-color:var(--vibrant);color:var(--vibrant);}
.dunkel a.button.trans:hover,
.medium a.button.trans:hover{background:var(--vibrant-hov);border:1px solid var(--vibrant-hov);color:var(--on-vibrant-hov);}

.hell a.button.trans{background:transparent;border-color:var(--medium);color:var(--medium);}
.hell a.button.trans:hover{background:var(--medium);border:1px solid var(--medium);color:var(--weiss);}

.button a::after{margin:0 0 0 5px;font-size:0.6em;text-decoration:none;-webkit-transition:all .3s;transition:all .3s;}
.button a:hover::after{-webkit-transform: translateX(5px);transform: translateX(5px);}

/* Navigation */

@media all and (max-width: 62.4999rem){

/* Copyright (c) 2023 von Ahmad Emran (https://codepen.io/ahmadbassamran/pen/VQwPGr) */
.ko-menu{background:0 0;border:0;width:35px;height:27px;margin:10px;position:relative;cursor:pointer;display:inline-block}
.ko-menu span{background-color:var(--dunkel);position:absolute;border-radius:3px;transition:.3s cubic-bezier(.8, .5, .2, 1.4)}
.ko-menu span:first-child{width:100%;height:3px;display:block;top:0;left:0}
.ko-menu span:nth-child(2){width:100%;height:3px;display:block;top:12px;left:0}
.ko-menu span:nth-child(3){width:100%;height:3px;display:block;bottom:0;left:0}
.ko-menu.open{transform:rotate(-90deg)}
.ko-menu.open span:first-child{left:3px;top:12px;width:30px;transition:.3s cubic-bezier(.8, .5, .2, 1.4);transform:rotate(90deg);transition-delay:150ms}
.ko-menu.open span:nth-child(2){left:2px;top:20px;width:20px;transition:.3s cubic-bezier(.8, .5, .2, 1.4);transform:rotate(45deg);transition-delay:50ms}
.ko-menu.open span:nth-child(3){left:14px;top:20px;width:20px;transition:.3s cubic-bezier(.8, .5, .2, 1.4);transform:rotate(-45deg);transition-delay:0.1s}

nav#konavigation,nav#konavigation.open{font-size:var(--step-1);margin:0;position:fixed;top:0;left:100vw;height:100%;width:70%;max-width:400px;z-index: 9999;transition:.5s ease-in-out;isolation:isolate; background-color: var(--dunkel);-webkit-backdrop-filter: invert(100%);backdrop-filter: invert(100%);opacity:0.95;}
nav#konavigation.open{left: 0;box-shadow:5px 0 0 var(--trans-dunkel);}

.nav__container {position: absolute;inset:0;padding:25px 15px;overflow-y: auto;-webkit-overflow-scrolling: touch; scrollbar-color: var(--hell) var(--dunkel); scrollbar-width: thin; }
.nav__container::-webkit-scrollbar {width: 10px;}
.nav__container::-webkit-scrollbar-track {background: var(--dunkel);}
.nav__container::-webkit-scrollbar-thumb {background: var(--hell);border:1px solid var(--dunkel);border-radius:3rem}

nav#konavigation ul,nav li{background:transparent;display:block;margin:0;padding:0;text-align:left;width:auto;}
nav#konavigation ul a,
nav#konavigation ul a:hover,
nav#konavigation ul a:focus{background:transparent;color:var(--weiss);display:inline-block;font-weight:500;margin:0;padding:8px 10px;position:relative;text-decoration:none;}

nav li::before{color:var(--weiss);}

nav#konavigation ul a:hover,
nav#konavigation ul a:focus,
nav#konavigation.open a[aria-current="page"],
nav#konavigation ul ul a:hover,
nav#konavigation ul ul a[aria-current="page"] {color:var(--weiss);background:var(--trans-dunkel);}

nav#konavigation ul a:not([href]),
nav#konavigation ul a:hover:not([href]){cursor:text;}
nav#konavigation li.current_page_ancestor a:after{color:var(--weiss);}

}
@media all and (min-width:62.5rem){
.ko-menu {display:none}

nav#konavigation,nav#konavigation.open{border:none;display:block;font-size:var(--step--1);height:auto;margin:0;overflow:visible;position:relative;text-align:center;width:auto;z-index:900;box-shadow:none;}
nav#konavigation ul{display:inline-block;margin-inline:auto;text-align:left;vertical-align:middle;z-index:901;}
nav#konavigation ul li{display:inline-block;padding:10px;position:relative;}

nav#konavigation a,
nav#konavigation a:hover,
nav#konavigation a:focus{color:var(--dunkel);font-weight:500;letter-spacing:0.5px;margin:0 0.6em 0 0;padding:5px;text-decoration:none;text-transform:uppercase;position:relative;}
nav#konavigation a[aria-current="page"]{color:var(--schwarz);}
.home nav#konavigation a[aria-current="page"]{color:var(--schwarz);}

nav#konavigation a:not(li.kontakt > a)::before{content:'';position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--dunkel);transform:scaleX(0); transform-origin:center;transition: transform 250ms ease-in;}
nav#konavigation a:not(li.kontakt > a)[aria-current="page"]::before,
nav#konavigation a:hover:not(li.kontakt > a)::before,
nav#konavigation a:focus:not(li.kontakt > a)::before{transform:scaleX(1);transform-origin:left;}

nav#konavigation li.kontakt{padding-right:0;}
nav#konavigation li.kontakt > a,
nav#konavigation li.kontakt > a:hover,
nav#konavigation li.kontakt > a:focus{background:var(--vibrant);margin:0;padding:0.6rem 1rem;transition: color 0.3s, background 0.3s;}
nav#konavigation li.kontakt > a:hover,
nav#konavigation li.kontakt > a:focus,
nav#konavigation li.kontakt > a[aria-current="page"]{background:var(--medium);color:var(--hell)}
nav#konavigation li.kontakt > a::before{}

nav#konavigation ul.sub-menu{background:var(--hell);border-radius:9px;color:var(--dunkel);height:auto;top:100%;left: -100vw;opacity:0;margin:0;padding:5px;position:absolute;width:400px;transition:opacity .6s ease-in-out}
nav#konavigation li:hover > ul.sub-menu,
nav#konavigation li:active > ul.sub-menu,
nav#konavigation li:focus > ul.sub-menu{left:0;opacity:1;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}

nav#konavigation ul.sub-menu ul{border:none;margin:0;padding:10px;}
nav#konavigation ul.sub-menu li{border:none;display:block;padding:0;width:auto;}
nav#konavigation ul.sub-menu a{display:block;font-family:400;font-size:var(--step--1);margin:0;padding:10px 15px;border:none;}
nav#konavigation ul.sub-menu a:hover,
nav#konavigation ul.sub-menu a:focus{background-color:var(--hell);}
nav#konavigation ul.sub-menu a[aria-current="page"]{text-decoration:underline;}
nav#konavigation ul.sub-menu a::before{display:none;}

}

#wrapper{background:var(--weiss);display:block;margin:0 auto;padding:0;text-align:center;width:100%;position:relative;}
.content{display:block;margin:0 auto;padding:1px 1.5rem;position:relative;max-width:var(--bigwidth);}
.pcontent{display:block;margin:0 auto;padding:0;position:relative;max-width:100%;}
.pcontent hr{border:none;margin:0 auto}

#wrapper a:not(.button){text-decoration:underline;}
#wrapper a:hover{text-decoration:none;}

#wrapper ul{margin:2.5rem auto;inline-size: fit-content;padding:0;list-style-type:square;}
#wrapper ul li,#content ul.postinfos li {text-align:left;text-wrap: pretty}
#wrapper ul li{padding:5px;position:relative;}
#wrapper ul ul,#wrapper ul ul ul{margin:0 1rem;list-style-type:disc;}
#wrapper ul ul li,#wrapper ul ul ul li{background-image:none;padding:5px;}
#wrapper ul ul ul{list-style-type:circle;}

#wrapper ul.maximal{max-width:80ch;margin:1.5rem auto;}
#wrapper ul.maximal > li{margin:0;text-align:left;}

#wrapper ul.liste{max-width:85ch;margin:1.5rem auto;padding:0 1.0rem;position:relative;isolation:isolate;}
#wrapper ul.liste li {list-style:none;margin:0;padding:5px 0;position:relative;break-inside:avoid;display:flex;align-items:start;justify-content:left;gap:8px;}
#wrapper ul.liste li::before {flex-shrink: 0;font-size:16px;margin:5px 0 0 0;}
#wrapper ul.liste li strong{display:block;}
#wrapper ul.liste h3,#wrapper ul.liste h4{margin:1rem 1.5rem;text-align:left;}

#wrapper ul.hell{background:var(--hell);color:var(--dunkel);padding:1.0rem 1.0rem 1.5rem 1.0rem;border-radius:11px}
#wrapper ul.hell strong{color:var(--dunkel);}

#wrapper ul.clip{margin:0 auto 2.5rem auto;padding:5rem 1.0rem;}
#wrapper ul.clip::after{content:'';background:var(--vibrant);clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);padding:0;position:absolute;inset:0;z-index:-1}

#wrapper ul.bubble{padding:1.5rem 10px 12.5rem 10px;}
#wrapper ul.bubble::after{content:'';background:var(--vibrant);clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 50% 90%, 50% 75%, 0% 75%);padding:0;border-radius:11px;position:absolute;inset:0;z-index:-1}

#wrapper .boxwrap {display: flex;flex-wrap: wrap;justify-content: center;margin:0 auto;max-width:var(--mwidth);}
#wrapper .boxwrap ul {background:var(--hell);color:var(--dunkel);margin:0.5rem;padding:1rem;text-align:left;flex: 1 1 330px;}
#wrapper .boxwrap ul li {list-style:none;margin:0;padding:5px 10px;display:flex;align-items:start;justify-content:left;gap:1rem;}
#wrapper .boxwrap ul li:not(:first-of-type)::before{content:'';display:inline-block;height:10px;width:10px;margin:8px 0;background:var(--dunkel);flex-shrink: 0;}
#wrapper .boxwrap ul li:first-of-type{padding:5px 10px} 

#wrapper .boxwrap.dunkel ul {background:var(--medium);color:var(--weiss);}
#wrapper .boxwrap.dunkel strong {color:var(--weiss);}
#wrapper .boxwrap.dunkel ul li::before{background:var(--weiss);}

#wrapper  ol { display: block; list-style-type: decimal;  margin:2.5rem auto; inline-size: fit-content;padding-left:1rem;}
#wrapper  ol  li{padding:5px 0;text-align:left;}
#wrapper  ol ol, #wrapper  ol ol ol{margin:0 1rem}

/*
#wrapper ol {display:block; margin:25px 0; padding:0; counter-reset: list-number; position:relative;}
#wrapper ol li{ display:block;margin:0;padding:12px 25px 12px 60px; position:relative;text-align:left;}
#wrapper ol li:before { counter-increment: list-number; content: counter(list-number); margin-inline:auto;width:35px;height:35px;display:flex;align-items: center;justify-content: center; font-size:var(--step-1);font-weight:700;background-color:var(--dunkel);border-radius:50%; color:var(--on-vibrant);position:absolute;left:10px;top:20%;line-height:1;}
*/

#wrapper p:not(.cols, .myref-excerpt, .datum,.contact-form p, .txt, .bildsplit p, .map,.wrapsplits .innertextsplits p){margin-inline:auto;max-width:85ch;text-wrap: pretty;}
#wrapper p:has( > img) {max-width:100% !important;text-align:center;}
#wrapper td:has( > img.aligncenter) {text-align:center;}

#wrapper p.absatzz{clear:both;position:relative;display:flex;align-items:start;justify-content:space-between;gap:1.5rem;}
#wrapper p.absatzz::before {color: var(--vibrant);content: attr(data-first_letter);display: block;font-family:georgia,times,'times new roman',serif;font-size:var(--step-6);font-weight:700;line-height: 1;}

#wrapper .imagine,#wrapper h2.imagine{background-color: var(--medium);background-position:50% 50%;background-repeat: no-repeat;background-size:100% auto;-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-font-smoothing: antialiased;font-size:var(--step-6);font-weight: 700;text-transform: uppercase;font-family:var(--font-headlines);-webkit-text-stroke-width:1px; -webkit-text-stroke-color:var(--vibrant);}
            

            


/* News / Blogartikel */

#wrapper ul.news{color:var(--trans-dunkel--1);display:block;margin:2.5rem auto;padding:0 1.5rem;max-width:var(--mwidth);}
#wrapper ul.news li{background:var(--hell);border: 1px solid var(--trans-dunkel-1);display:block;list-style:none;margin:0 auto;padding:0;position:relative;text-align:center;transition:transform 1s, opacity 2s;transform: translateY(100px);opacity:0;aspect-ratio:4/3;width:100%;}
#wrapper ul.news li.go,.nojs #wrapper ul.news li {transform: translateY(0);opacity:1;}

#wrapper ul.news .text{background:var(--trans-dunkel-6);padding:0.3em 1em;position:absolute;bottom:0;left:0;right:0;transition:background 0.4s;z-index:10}
#wrapper ul.news a:hover .text{}

#wrapper ul.news h2,#wrapper ul.news h3,#wrapper ul.news h4{color:var(--weiss);hyphens:auto;margin:5px 0;font-size:var(--step-0);font-weight:700;text-align:center;transition: color 0.5s;}
#wrapper ul.news h4{font-weight:400;}
#wrapper ul.news a{color:var(--weiss);display:block;text-decoration:none;margin:0;padding:0;transition: color 0.4s;height:100%;}
#wrapper ul.news a:hover,#wrapper ul.news a:hover h2,#wrapper ul.news a:hover h3,#wrapper ul.news a:hover h4{}

#wrapper ul.news .txt{display:grid;grid-template-rows: 0fr; transition: 0.4s grid-template-rows ease; font-size:var(--step--1);hyphens:auto;line-height:1.5;text-align:left;text-wrap: pretty;}
#wrapper ul.news a:hover .txt {grid-template-rows: 1fr;}
#wrapper ul.news .txt div {overflow: hidden;}

#wrapper ul.news .datum{display:block;font-size:var(--step--)}

#wrapper ul.news .thumby{display:block;height:100%;overflow:hidden;}
#wrapper ul.news a img{display:block;margin:0 auto;text-align:center;object-fit:cover;height:100%;width:100%;transition:filter .9s}
#wrapper ul.news a:hover img{filter: blur(3px);transition:filter .6s}


#wrapper ul.news.meinblog{margin:2rem auto;padding:1.5rem;max-width:var(--bigwidth);}


#wrapper ul.news.quer{color:var(--dunkel);display:block;margin:2.5rem auto;padding:0 1.5rem;max-width:var(--mwidth);}
#wrapper ul.news.quer li{background:var(--trans-dunkel--1);border: 1px solid var(--trans-dunkel-1);display:block;list-style:none;margin:3.5rem auto;padding:0 1.5rem;position:relative;text-align:center;transition:transform 1s, opacity 2s, box-shadow 1s;transform: translateY(100px);opacity:0;aspect-ratio:auto;width:100%;}
#wrapper ul.news.quer li.go,
.nojs #wrapper ul.news.quer li {transform: translateY(0);opacity:1;}
#wrapper ul.news.quer li:hover{box-shadow:none;}

#wrapper ul.news.quer .text{background:transparent;padding:0;position:relative;bottom:auto;left:auto;right:auto;}
#wrapper ul.news.quer a:hover .text{}

#wrapper ul.news.quer h2,
#wrapper ul.news.quer h3,
#wrapper ul.news.quer h4{color: var(--dunkel);font-size:var(--step-1);font-weight:700;margin:0.5rem 0;padding:0;text-align:left;transition: color 1s;max-width:100%}

#wrapper ul.news.quer a{color:var(--dunkel);display:block;text-decoration:none;margin:0;padding:1rem;transition: color 0.4s;height:100%;}
#wrapper ul.news.quer a:hover{color:var(--schwarz);}
#wrapper ul.news.quer a:hover h2,
#wrapper ul.news.quer a:hover h3,
#wrapper ul.news.quer a:hover h4{color:var(--schwarz);transition: color 0.4s;}

#wrapper ul.news.quer .txt{display:block; font-size:var(--step-0);hyphens:auto;line-height:1.5;text-align:left;text-wrap: pretty;margin:0.5rem 0;padding:0;}
#wrapper ul.news.quer a:hover .txt {}
#wrapper ul.news.quer .txt div {}

#wrapper ul.news.quer .datum{display:block;font-size:var(--step-0);margin:1rem 0;text-align:left;}

#wrapper ul.news.quer .thumby{display:block;margin:1em auto;padding:0;position:relative;width:100%;aspect-ratio:6/4;border-radius:5px;}
#wrapper ul.news.quer a img{display:block;margin:0 auto;text-align:center;object-fit:cover;height:100%;width:100%;border-radius:5px;transition:scale 0.9s;}
#wrapper ul.news.quer a:hover img{filter: blur(0);scale:1.05;transition:scale 0.6s;}

#wrapper ul.meinekatzen,
#wrapper .widget_nav_menu  ul {margin:2.5rem auto;max-width:100%;}
#wrapper ul.meinekatzen li,
#wrapper .widget_nav_menu  ul li{display:inline-block;margin:0 10px;list-style:none;font-weight:400;}
#wrapper ul.meinekatzen li a,
#wrapper .widget_nav_menu  ul li a{display:block;border:1px solid var(--trans-dunkel-2);text-decoration:none;padding:0.3rem 0.5rem;transition: background 0.5s;}
#wrapper ul.meinekatzen li a:hover,
#wrapper .widget_nav_menu  ul li a:hover{background:var(--hell);}
#wrapper ul.meinekatzen ul,
#wrapper .widget_nav_menu  ul ul{margin:0 auto;display:inline-block;}
#wrapper ul.meinekatzen ul li,
#wrapper .widget_nav_menu  ul ul li{font-weight:400;}

#footer ul.meinekatzen li a{border:1px solid var(--trans-hell-2);padding:0.3rem 0.5rem;}
#footer ul.meinekatzen li a:hover{background:var(--trans-hell-1);}

#wrapper .lesetipp{background:var(--trans-hell-1);border: 1px solid var(--trans-dunkel-1);border-radius:5px;display:block;margin:3.5rem auto;padding:0 1.5rem;position:relative;max-width:var(--miniwidth);transition:all 1s;transform: translateY(100px);opacity:0;}
#wrapper .lesetipp.go,.nojs #wrapper .lesetipp {transform: translateY(0);opacity:1;}
#wrapper .lesetipp:hover{box-shadow:none;}

#wrapper .lesetipp .texte{display:block;padding:0;}
#wrapper .lesetipp h2{color: var(--hell);font-size:var(--step-1);font-weight:700;margin:0 0 0.5rem 0;padding:0;text-align:left;transition: color 1s;max-width:100%}
#wrapper .lesetipp p{margin:1rem 0;line-height:1.5em;}
#wrapper .lesetipp a{color:var(--weiss);text-decoration:none;}
#wrapper .lesetipp a:hover h2{color:var(--weiss);transition: color 0.4s;}
#wrapper .lesetipp a > *{}

#wrapper .lesetipp .thumby{display:block;margin:1em auto;padding:0;position:relative;width:100%;aspect-ratio:6/4;border-radius:5px;}
#wrapper .lesetipp .thumby img{display:block;object-fit:cover;width:100%;height:100%;border-radius:5px;}


/* News / Blogartikel II */

article.post{background:var(--trans-hell-8);border:none;color:var(--dunkel-2);display:block;margin:25px auto;padding:0;position:relative;vertical-align:middle;max-width:800px;}
article.post:hover{background:var(--weiss);}
article.post a {color:inherit;display:block;text-decoration:none;}
article.post h2,article.post h3{font-size:var(--step-1);font-weight:700;margin:15px 0;}
article.post p{margin:15px 0;}
article.post .text{padding:0 25px;}
article.post p.datum span{display:inline-block;vertical-align:middle;}
article.post p.datum span.comments{padding-left:10px;}

article.post .thumbnailbox{background:transparent;margin-inline:auto;position:relative;overflow:hidden;}
article.post .thumbnailbox img{display:block;margin-inline:auto;transition: scale 0.5s;}
article.post:not(.rund) .thumbnailbox:hover img{scale:1.1;}
article.post.rund .thumbnailbox:hover img{filter:grayscale(100%);}
article.post.rund .thumbnailbox,article.post.rund .thumbnailbox img{border-radius:50%;}
article.post .thumbnailbox{background-position: 50% 50%; background-repeat: no-repeat;background-size: 100% auto;display:block;margin:0 auto 15px auto;padding:0;overflow:hidden;max-width:100%;transition: transform 0.5s;}

article.post .postbody{position:relative;}
article.post .postmeta{clear:both;display:block;font-size:var(--step-0);padding:10px 0}
article.post .postmetadata a,article.post .postmeta a{color:#000;display:inline;margin:0;padding:0;width:auto;}
article.post .postinfo span{margin-right:10px;}
article.post .entrybody p{margin:10px 0;}

article.mypost{color:var(--dunkel-2);margin:0 auto;padding:1rem;}
article.mypost a{color:inherit;list-style:none;}
article.mypost h2,article.mypost h3,article.mypost p{margin:10px 0;}
article.mypost p.postinfos{}

/* Grids */

#wrapper ul.news.grid{
  margin:3rem auto;
  display: grid;
  grid-gap: var(--gap);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--min)), 1fr));
  width:100%;
}
#wrapper ul.news.grid.big{
  --min: 30ch;
}

#wrapper .lesetipp a,
#wrapper ul.news.quer a{
display: flex;
flex-wrap: wrap;
align-items: center;
gap:2rem;}

#wrapper .lesetipp a > .thumby,
#wrapper ul.news.quer a > .thumby{
flex-shrink: 0;
flex-basis: 330px;}

#wrapper .lesetipp a > .text,
#wrapper ul.news.quer a > .text{
flex-grow: 1;
}

@media all and (min-width: 45rem){

#wrapper .lesetipp a,
#wrapper ul.news.quer a{flex-wrap: nowrap;}

}

#wrapper .inner-post-nav,
#wrapper .wp-navigation{display:block;margin:1.5rem auto;padding:1.5rem 0;position:relative;text-align:center;max-width:var(--mwidth);}
#wrapper .inner-post-nav a,
#wrapper .wp-navigation .alignleft a,
#wrapper .wp-navigation .alignright a{display:inline-block;background:var(--dunkel);border: 1px solid var(--trans-hell-2);color:var(--weiss);padding:0.5rem 1rem;text-decoration:none;transition:all .6s;}
#wrapper .inner-post-nav a:hover,
#wrapper .wp-navigation .alignleft a,
#wrapper .wp-navigation .alignright a{background-color:var(--vibrant);color:var(--schwarz);}
#wrapper .inner-post-nav >*{display:inline-block;padding:0 1rem;}

#footer {clear:both;display:block;background:var(--footer-bg);color:var(--footer-col);clear:both;font-size:var(--step-0);margin:0 auto;position:relative;text-align:center;}

#footer .inner {background:transparent;color:var(--footer-col);line-height:1.4;margin:0 auto;padding:0.5rem 1.5rem;text-align:left;max-width:var(--mwidth);width:100%;display: flex; flex-wrap: wrap; justify-content: center;gap:var(--gap);}
#footer .inner > *{flex:0 1 300px;}
#footer .inner:empty{padding:0;}

#footer a,#footer strong,#footer h2,#footer h3{color:inherit;transition: color 0.5s;}
#footer a:hover{color:var(--vibrant);}

#footer ul{margin:1.5rem auto;}
#footer ul li{display:block;margin:0;padding:0;text-align:left;}
#footer ul li a{border:none;color:var(--footer-col);display:block;padding:8px 0;}
#footer ul li a:hover,#footer ul li a[aria-current="page"]{color:var(--footer-colhov);text-decoration:underline;text-decoration-skip:ink;text-decoration-skip-ink: auto;}

#footer p{margin:1.5rem auto;line-height:1.6;text-align:center;}
#footer p a,#footer ul li a{text-decoration:none;position:relative;}
#footer strong{font-weight:700;}
#footer h3, #footer h3 a,#footer h4, #footer h4 a{color:var(--footer-col);font-size:var(--step-1);font-weight:700;text-align:left;margin-left:0;}

#footer .fullbox{clear:both;display:block;line-height:1.7;text-align:center;padding:0;width:100%;}
#footer .fullbox .fullboxinner {background:transparent;color:var(--footer-col);display:block;margin:0 auto;padding:1.5rem;text-align:center;max-width:var(--bigwidth);}
#footer .fullbox ul{margin:1.5rem auto;}
#footer .fullbox ul li{border:none;display:inline-block;padding:10px 15px;vertical-align:middle}

/* Segmente / Parallax */

section.module {background:var(--weiss);color:var(--dunkel);clear:both;display:block;margin:0;padding:0;position:relative;width:100%;}
section.module article.wrap-inner-section {display:block;margin-inline:auto;padding:1.5rem;position:relative;max-width:var(--mwidth);}

section.module.big article.wrap-inner-section{max-width:var(--bigwidth);}
section.module.bigger article.wrap-inner-section{max-width:var(--biggerwidth);}
section.module.full article.wrap-inner-section{padding:0;max-width:100%}

section.module.hell {background:var(--hell);isolation:isolate;}
section.module.hell::before{position: absolute;inset: 0;z-index: -1;content: "";background-image: linear-gradient( 45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.2) 100% );}
section.module.medium {background:var(--medium);color:var(--weiss);}

section.module.dunkel{background:var(--dunkel);color:var(--weiss);}
section.module.dunkel article.post,
section.module.dunkel ul.news li{background:var(--trans-dunkel-2);}
section.module.dunkel h1,section.module.medium h1,
section.module.dunkel h2,section.module.medium h2,
section.module.dunkel h3,section.module.medium h3{background:transparent;color:inherit;}
section.module.dunkel ul.news li,section.module.medium ul.news li,
section.module.dunkel article.post h2,section.module.medium article.post h2,
section.module.dunkel article.post h3,section.module.medium article.post h3{border-color: var(--dunkel);color:var(--weiss) }
section.module.dunkel ul.news li a,section.module.medium ul.news li a,
section.module.dunkel a:not(a.button),section.module.medium a:not(a.button){color:var(--weiss)}
section.module.dunkel ul.news li a:hover h3, section.module.medium ul.news li a:hover h3,
section.module.dunkel article.post a:hover h3,section.module.medium article.post a:hover h3{color:var(--vibrant)}
section.module.dunkel blockquote, section.module.medium  blockquote{background:var(--trans-hell-2);color:var(--vibrant);}
section.module.dunkel blockquote p, section.module.medium blockquote p{color:var(--weiss);}
section.module.dunkel ul.vergleiche li,section.module.medium ul.vergleiche li{background:var(--trans-dunkel-2);}
section.module.dunkel strong,section.module.medium strong{color:inherit;}

section.module.hell.full-width{box-shadow:0 0 0 100vmax var(--hell );clip-path: inset(0 -100vmax);}
section.module.dunkel.full-width{box-shadow:0 0 0 100vmax var(--dunkel);clip-path: inset(0 -100vmax);}

section.module.row-full .inner-section{width:100vw;position:relative;margin-left:-50vw;left: 50%;}

section.module.parallax {background-color:var(--dunkel);color:var(--weiss);background-position: 50% 0; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;min-height:40vw;display:grid;place-items:center;}
section.module.parallax .thumbnailbox{position:absolute;inset:0;z-index:-1;}
section.module.parallax .thumbnailbox img{width:100%;height:100%;object-fit:cover;}
section.module.parallax article.wrap-inner-section{}
section.module.parallax article.wrap-inner-section div.ptxt{background:transparent;display:block;margin:0 1em;padding:0;max-width:1080px;}
section.module.parallax article.wrap-inner-section div.ptxt:empty{background:transparent;}
section.module.parallax h1,section.module.parallax h2{color:var(--weiss);font-weight:700;font-size:var(--step-5);line-height:1.3;letter-spacing:0;margin:10px 0;text-align:left;text-transform: uppercase;word-spacing: 0.3em;}
section.module.parallax a:not(a.button),section.module.parallax strong{color:var(--weiss)}
section.module.parallax p{color:var(--weiss);margin:10px 0;text-align:left;}
section.module.parallax ul.liste.hell{opacity:0.8}

section.module.parallax.full,
section.module.parallax.row-full {width:100vw;position:relative;margin-left:-50vw;left: 50%;}

section.module.parallax.overlay {isolation:isolate}
section.module.parallax.overlay::before{position: absolute;inset: 0;z-index: -1;content: "";background: radial-gradient(ellipse at top, rgba(0,0,0,0.4), transparent), radial-gradient(ellipse at bottom, rgba(0,0,0,0.4), transparent);mix-blend-mode: multiply;}

.page-template-page-parallax-php h1:not(.wrapsplits .innertextsplits h1),
.post-template-single-parallax-php h1:not(.wrapsplits .innertextsplits h1) {margin:0 auto;padding:2rem;text-align:center;max-width:var(--mwidth);}
.page-template-page-parallax-php section.module h1:not(.wrapsplits .innertextsplits h1),
.post-template-single-parallax-php section.module h1:not(.wrapsplits .innertextsplits h1) {margin:0 auto;padding:1rem 0;max-width:var(--mwidth);}

.page-template-page-parallax-php h1.para,
.post-template-single-parallax-php h1.para{margin:0 auto;padding:2rem 0;text-align:center;max-width:var(--mwidth);}


/*  Wrapsplits */

.wrapsplits {display:block;margin-inline:auto;padding:0;position:relative;text-align:center;max-width:var(--mwidth);}
.big .wrapsplits, section.module.big article.wrap-inner-section {max-width:var(--bigwidth);}
.bigger .wrapsplits, section.module.bigger article.wrap-inner-section {max-width:var(--biggerwidth);}
.full .wrapsplits, section.module.full article.wrap-inner-section {max-width:100%;}

.wrapsplits .splits{display:block;padding:1em 1.5em;position:relative;text-align:center;}
.wrapsplits .splits.bild{background-color:transparent;background-position: 50% 50%; background-repeat: no-repeat;background-size: cover;margin-inline:auto;min-height:400px;max-width:800px;width:100%;}
.wrapsplits .splits.bild .innerbildsplits{display:grid;place-items:center;}
.wrapsplits .splits.bild .innerbildsplits img{margin:1.5rem auto 0 auto;}
.full .wrapsplits .splits.bild{max-width:100%;}
.grafik .wrapsplits .splits.bild{min-height:auto;}

.wrapsplits .splits.bild h2{color:var(--weiss);margin:25px auto;text-align:center;font-weight:700;}
.wrapsplits .innertextsplits{display:block;margin-inline:auto;padding:0;text-align:left;}
.wrapsplits .innertextsplits h1,.wrapsplits .innertextsplits h2,.wrapsplits .innertextsplits  h3{margin:0.5em 0;padding:0;font-weight:700;text-align:left;}
.wrapsplits .innertextsplits p{margin:0.5rem 0 1.5rem 0;}
.wrapsplits .innertextsplits ul,#wrapper .wrapsplits .innertextsplits ul{margin:2.5rem 0;text-align:left;}



/* FAQ - Boxen mit ausklappbaren Inhalten */

.accordion {background-color: var(--vibrant);border:none;  color: var(--dunkel);cursor: pointer;margin:5px auto;padding:1rem 1.5rem; position:relative;width: 100%;max-width:var(--mwidth);text-align: left; outline-color: transparent;font-size:var(--step-1);transition: all 0.5s;display:flex;align-items:center;justify-content:space-between;}
.dunkel .accordion {background-color: var(--trans-hell-6);border:none;  color: var(--dunkel);}
.active, .accordion:hover {background-color: var(--medium);color: var(--hell);}
.accordion::after {content: '\002B';color:var(--dunkel);font-weight: bold;transition:transform 0.5s;}
.accordion:hover::after {color: var(--hell);}
.active::after {color: var(--vibrant);transform:rotate(45deg)}

.panel {max-height: 0;overflow: hidden;transition: max-height 0.5s ease-out;max-width:var(--miniwidth);margin:0 auto;}
.panel .innerpanel{display:block;margin:1.5rem 0;padding:0 1.5rem;}

.accordion.einfach {background-color: transparent;border:none;  color: var(--dunkel);display:block;isolation:isolate;text-align:center;}
.accordion.einfach span{background-color: var(--trans-hell-8);display:inline-block;padding:5px 10px;}
.dunkel .accordion.einfach  {}
.accordion.active.einfach:hover {background-color: transparent;color: var(--schwarz);}
.accordion.einfach::after {content: '';color:var(--dunkel);display:block;width:100%;height:0;border-top:2px dashed var(--trans-dunkel-4);position:absolute;inset:50% 0 0 0;z-index:-1}
.accordion.einfach:hover::after{}
.accordion.active.einfach::after {border-color: var(--trans-dunkel-6);transform:rotate(0deg)}

/*  WP-Caption   */

.wp-caption{font-size:1em;height:auto;margin:1.5rem auto;padding:0;position:relative;text-align:center;width:auto;max-width:100%;}
.wp-caption img{display:block;margin:0 auto;padding:0;text-align:center;}
.wp-caption p{background:transparent;display:block;font-style:italic;margin:0;padding:15px 0;text-align:center;width:100%}

/*  Pagenavi   */

.wp-pagenavi {clear:both;display:block;margin:15px 0;padding:15px 0;text-align:center;}
.wp-pagenavi a,.wp-pagenavi a:hover,.wp-pagenavi span {background:var(--hell);color:var(--dunkel);display:inline-block;margin:5px;padding:5px 15px;text-align:center;border-radius:5px;transition:background 0.3s ease-in-out,color 0.3s ease-in-out;}
.wp-pagenavi a:hover,.wp-pagenavi span.current {background:var(--hell);color:var(--dunkel);}
.wp-pagenavi a:hover{background:var(--vibrant);color:var(--on-vibrant);}
.wp-pagenavi span.current {background:var(--dunkel);color:var(--weiss);}
.wp-pagenavi span.pages {padding:5px 10px;}

/* Kommentare */

#comments h3{margin:50px auto;}
#comments h3 em{color:var(--dunkel);font-size:var(--step-1);}

.commentsblock{border:none;margin:2.5rem auto;padding:0;hyphens:auto;max-width:var(--mwidth);}
.commentsblock form{border:none;margin:0;}
.commentsblock fieldset{border:none;margin:0;padding:0}
.commentsblock label,.commentsblock select,.commentsblock input[type=checkbox],.commentsblock input[type=radio],.commentsblock input[type=button],.commentsblock input[type=submit]{cursor:pointer}
.commentsblock label{clear:left;display:block;font-weight:400;margin:0;padding:0}
.commentsblock input,.commentsblock textarea,.commentsblock input:hover,.commentsblock textarea:hover,.commentsblock select{background:var(--trans-dunkel--1);border:1px solid var(--weiss);color:var(--dunkel-grau);margin:10px 0;padding:10px;width:100%;border-radius:3px;}
.commentsblock input{caret-color:var(--vibrant);}
.commentsblock input:hover,.commentsblock textarea:hover{background:var(--weiss);border:1px solid var(--dunkel);}
.commentsblock input[type=checkbox],.commentsblock input[type=radio]{background:transparent;border:none;color:var(--dunkel-grau);display:inline-block;margin:0 0.2em 0 0;width:1.0em}
.commentsblock textarea{overflow:auto}


#wrapper ol.commentlist {color:var(--dunkel);display:block; margin:0; padding:0; counter-reset: list-number; position:relative;inline-size: auto;}
#wrapper ol.commentlist li.comment{ display:block;margin:25px 0;padding:0 0 0 70px;position:relative;text-align:left;z-index:10;}
#wrapper ol.commentlist li.comment:before { counter-increment: list-number; content: counter(list-number); margin-inline:auto;width:35px;height:35px;display:flex;align-items: center;justify-content: center; font-size:var(--step-1);font-weight:700;background-color:var(--dunkel);border-radius:50%; color:var(--on-vibrant);position:absolute;left:10px;top:25px;line-height:1;}
#wrapper ol.commentlist li.comment.byuser:before { background-color:var(--vibrant)}

ol.commentlist li.comment ul{padding:0;inline-size: auto;}
ol.commentlist li.comment ul ul{padding:0;}
ol.commentlist li:before,#wrapper ol.commentlist li:before {position:absolute;left:0;top:35px;}
ol.commentlist li li:before,#wrapper ol.commentlist li li:before {background-color:var(--hell);color:var(--dunkel);left:-60px;top:25px;}
ol.commentlist li.comment > .innercomment{background:var(--trans-dunkel--1);border-radius:1rem;padding:25px;position:relative;}
ol.commentlist li.comment > .innercomment::after {content: '';position: absolute;display: block;width: 0;z-index: 1;
    border-style: solid; border-color: transparent var(--trans-dunkel--1); border-width: 20px 20px 20px 0; top: 45px; left: -20px; margin-top: -20px;}
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.comment-meta {font-size:var(--step--1);text-align:center;}
ol.commentlist li.comment div.comment-meta a {  }
ol.commentlist li.comment p { margin:25px 0; }
ol.commentlist li.comment div.reply {text-align:center;}
ol.commentlist li.comment ul.children {list-style:none; margin:1rem 0;}
ol.commentlist li.comment ul.children li {list-style:none;padding:0;}
ol.commentlist li.comment ul.children li.depth-2 {padding:0; }
ol.commentlist li.comment ul.children li.depth-3 {  }
ol.commentlist li.comment ul.children li.depth-4 {  }
ol.commentlist li.comment.author-admin,
ol.commentlist li.comment.bypostauthor > .innercomment {background:var(--hell);z-index:-1}
ol.commentlist li.comment.bypostauthor > .innercomment::after {border-color: transparent var(--hell);}
ol.commentlist li.pingback > .innercomment{background:#ddd;padding:25px;}

/*  Formulare */

form, div.wpcf7 form{background:transparent;border:none;border-radius:1rem;margin:2.5rem auto;padding:1rem;text-align:left;position:relative;}
fieldset,div.wpcf7 fieldset{border:none;color:#000;clear:both;margin:0;padding:0}
label, div.wpcf7 label{font-weight:400;margin:0 1.5rem 0 0;padding:0;line-height:1;position:relative;}
input:not([type=checkbox]),textarea,select,
div.wpcf7 input:not([type=checkbox]),div.wpcf7 textarea,div.wpcf7 select{background:var(--weiss);border:1px solid var(--trans-dunkel--1);color:var(--dunkel);margin:5px 0 10px 0;padding:0.8rem;width:100%;box-sizing:border-box;box-shadow:0 0 1px #666;}
input,div.wpcf7 input{caret-color:var(--vibrant);}
select, div.wpcf7 select{max-width:400px;}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid,
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.wpcf7-not-valid{border-color:var(--warning) !important;}
.wpcf7-not-valid-tip{display:inline-block;margin:-20px 0 5px 0;}

textarea,div.wpcf7 textarea{height:200px;overflow:auto}
div.wpcf7 .upload input{background:var(--weiss);color:var(--dunkel);margin:5px 5px 0 0;padding:5px;width:70%;}
input:hover,textarea:hover,select:hover,
div.wpcf7 input:hover,div.wpcf7 textarea:hover,div.wpcf7 select:hover{background:var(--weiss);color:var(--dunkel);box-shadow:none;}
input[type=radio],
div.wpcf7 input[type=radio]{background:transparent;border:none;color:var(--dunkel);margin:0 5px 0 10px;padding:0;width:1.0rem;}
div.wpcf7 input::placeholder { color: var(--trans-dunkel-4); opacity:1;font-size:var(--step-1); }
div.wpcf7 input:-ms-input-placeholder { color: var(--trans-dunkel-4);font-size:var(--step-1); }
div.wpcf7 input::-ms-input-placeholder { color: var(--trans-dunkel-4);font-size:var(--step-1); }

/* https://getcssscan.com/css-checkboxes-examples */

div.wpcf7 .wpcf7-list-item-label{display:inline-block;line-height:1;vertical-align:top;}
div.wpcf7 input[type=checkbox]{appearance: none; background-color: var(--medium); border-radius: 72px; border-style: none; flex-shrink: 0;  height: 20px;  margin: 0 5px 0 0;  position: relative; width: 30px; }
div.wpcf7 input[type=checkbox]::before {  bottom: -6px; content: ""; left: -6px; position: absolute; right: -6px;top: -6px; }
div.wpcf7 input[type=checkbox],
div.wpcf7 input[type=checkbox]::after { transition: all 100ms ease-out; }
div.wpcf7 input[type=checkbox]::after { background-color: var(--hell); border-radius: 50%; content: ""; height: 14px; left: 3px;position: absolute; top: 3px; width: 14px;}
div.wpcf7 input[type=checkbox]{cursor: default;}
div.wpcf7 input[type=checkbox]:hover { background-color: var(--schwarz);  transition-duration: 0s; }
div.wpcf7 input[type=checkbox]:checked {background-color: var(--vibrant);}
div.wpcf7 input[type=checkbox]:checked::after {background-color: var(-weiss); left: 13px;}
div.wpcf7 :focus:not(.focus-visible) {outline: 0; }
div.wpcf7 input[type=checkbox]:checked:hover {background-color: var(--vibrant) ; }

div.wpcf7{display:block;margin:0;}
span.wpcf7-list-item {margin:0 15px 0 0;}
span.wpcf7-list-item{display: inline-block}
div.wpcf7 p{margin:15px 0 5px 0;}

.wpcf7 form .wpcf7-response-output{vertical-align:middle;}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
    color: var(--weiss) !important;
    background: var(--warning) !important;
    border: none !important;
    padding:25px !important;
}
.wpcf7 form.sent .wpcf7-response-output {background: var(--success) !important;color: var(--weiss) !important; }


input[type=submit], button[type=button],
div.wpcf7 input[type=submit],
.commentsblock input[type=submit],
.commentsblock button[type=submit],.commentsblock input:hover[type=submit],.commentsblock button:hover[type=submit]{background:var(--vibrant);border:1px solid var(--dunkel);color:var(--weiss);clear:both;display:block;font-size:var(--step-0);font-weight:400;letter-spacing:1px;margin:25px 0;padding:1rem 2rem;text-align:center;text-decoration:none;width:auto;border-radius:0.5rem;transition:all 0.3s ease-in-out;}
input[type=submit]:hover,button[type=button]:hover,
div.wpcf7 input[type=submit]:hover,
.commentsblock input:hover[type=submit],
.commentsblock button:hover[type=submit]{background:var(--dunkel);border:1px solid var(--vibrant);color:var(--weiss);scale:1.1;}

/*  Follow  */

.share{clear:both;display:block;margin:1.5rem auto;text-align:center;width:100%;}
.share a,.share a:hover {background-color:transparent;color:var(--hell);border-radius:50%;display:inline-block;font-size:var(--step-2);line-height:100%;margin:5px 15px 5px 0;padding:5px;text-align:center;text-decoration:none;transition:transform .3s, color .3s, background .3s;}
.share a:hover,#footer .share a:hover{color:var(--vibrant)}
.share a span,.share a:hover span{display:none;}
.share a::before,.share a:hover::before{margin:0;padding:0;}

#footer .share a,#footer .share a:hover {display:inline-block;}


/* Bildergalerie */

.wrapgallery-wrapper{display:block;margin:3.5rem 0}
.gallery-wrapper {display:flex;flex-direction:row;flex-wrap:wrap;gap:1.0rem;justify-content:center;align-items:center;margin:50px auto;padding:1rem 0;max-width:var(--mwidth);}
.gallery-wrapper a {transition:all 0.3s ease-in-out}
.gallery-wrapper a img {height:9rem;width:16rem;object-fit:cover;border-radius:5px;transition:scale 250ms ease-in-out;vertical-align:bottom;}
.gallery-wrapper a img:hover{scale:1.05}
.gallery-wrapper:hover > :not(:hover) {filter:blur(1px);opacity:0.5}

.gallery-lightboxes .image-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--trans-dunkel-9);opacity:0;visibility:hidden;padding:1rem;}
.gallery-lightboxes .image-lightbox:target{opacity:1;visibility:visible;z-index:99998}

.gallery-lightboxes .image-lightbox .image-lightbox-wrapper{opacity:0;margin:0;padding:1rem;position:absolute;inset: 0;display:flex;align-items:center;justify-content:center;}
.gallery-lightboxes .image-lightbox:target .image-lightbox-wrapper{opacity:1;}

.gallery-lightboxes .image-lightbox .image-lightbox-wrapper img{border:1px solid #fff;margin:0 auto;max-height:70vh;border-radius:1rem;}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper p{display:block;color:#fff;margin:10px 0 0 0;max-width:50ch;}

.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.close{background:transparent;height:3rem;width:3rem;text-decoration:none;position:absolute;right:1rem;top:1rem;z-index:99999}

.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.close::before,
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.close::after{content:'';background:var(--weiss);border-radius:2px;height:3px;width:2rem;position:absolute;transform: rotate(45deg);top:1.5rem;}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.close::after{transform: rotate(-45deg)}


.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.arrows{position:absolute;top:47%;background:transparent;color:var(--weiss);font-size:2.5rem;text-decoration:none;}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.arrow-left{left:15px}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.arrow-right{right:15px;}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.arrows::before{cursor:pointer;text-decoration:none;}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.arrow-left::before{}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.arrow-right::before{}

.nav-theme-switch-wrapper{display:block;margin;1.5rem auto;text-align:center;}
.theme-switch-wrapper { display: flex; align-items: center;width:100%}
.theme-switch-wrapper em {margin-left: 1rem;font-size: var(--step--1);}
.theme-switch-wrapper .theme-switch {display: inline-block;height: 34px;position: relative; width: 60px;}
.theme-switch-wrapper .theme-switch input {display:none;}
.theme-switch-wrapper .slider {background-color: #f1f1f1;bottom: 0;cursor: pointer;left: 0;position: absolute;right: 0; top: 0;transition: .4s;}
.theme-switch-wrapper .slider::before {content:'';background-color: #111;bottom: 4px;height: 26px;left: 4px;position: absolute; transition: .4s;width: 26px}
.theme-switch-wrapper input:checked + .slider {background-color: #f1f1f1;}
.theme-switch-wrapper input:checked + .slider:before {background-color: green;transform: translateX(26px);}

.theme-switch-wrapper  .slider.round {border-radius: 34px;}

.theme-switch-wrapper  .slider.round::before {border-radius: 50%;}


@media all and (min-width: 62.5rem){

#header{}
#header .logo img{max-height:80px;}

tr:not(.retable tr,#wp-calendar tr){display: flex; }

/*  Wrapsplits */

.wrapsplits {display:grid;grid-template-columns:1fr 1fr;padding:0;}
.wrapsplits.rechts {}

#topsegment .wrapsplits{padding:2em 0;}

.wrapsplits .splits{min-height:500px;display:flex;align-items: center;justify-content: center;}

.wrapsplits .splits.bild{margin:inherit;padding:0 1rem;}
.grafik .wrapsplits .innertextsplits{padding:0;}
.grafik .wrapsplits .splits.bild{padding-top:0;}

.wrapsplits .splits.bild .innerbildsplits img{margin:0 auto;}

.wrapsplits.links .innertextsplits{padding:1.0rem 0 1.0rem 1.0rem;}
.wrapsplits.rechts .innertextsplits{padding:1.0em 1.0rem 1.0rem 0;}

.wrapsplits.rechts .splits.bild{order:2}
.wrapsplits.rechts .splits.text{order:1;}


.alignnone {margin: 1.5rem 0;text-align:left;}
.aligncenter{margin: 1.5rem auto;}
.alignleft{float:left;margin: 0 2.5rem 0 0;}
.alignright{float:right;margin: 0 0 0 2.5rem;}


.wp-caption.alignnone {margin: 1.5rem 0;text-align:left;}
.wp-caption.aligncenter {margin: 1.5rem auto;}
.wp-caption.alignleft {margin: 0 2.5rem 0 0;}
.wp-caption.alignright {margin: 0 0 0 2.5rem;}

}