/*
theme name: Stark Gitarren
theme uri: https://www.gitarrenatelier-stark.de/
description:  Handgebaute Gitarren aus edelsten Klanghölzern
version: 4.0
author: klaus oppermann
author uri: https://www.klausoppermann.de/
*/

/* cabin-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: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cabin-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cabin-italic - 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: 'Cabin';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/cabin-v27-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cabin-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: 'Cabin';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/cabin-v27-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cabin-600 - 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: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/cabin-v27-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cabin-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: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/cabin-v27-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-caslon-text-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: 'Libre Caslon Text';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/libre-caslon-text-v5-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-caslon-text-italic - 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: 'Libre Caslon Text';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/libre-caslon-text-v5-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-caslon-text-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: 'Libre Caslon Text';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/libre-caslon-text-v5-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



:root {
  --body-bg: #061320;

  --weiss: #fff; /* weiss */
  --hell: #bec5cf;  /* hell */
  --medium: #939eaf;   /* medium */
  --darker: #273c60;   /* medium */
  --dunkel: #061320;    /* dunkel rgba(6, 19, 32, 1) */
  --schwarz: #000; /* schwarz */

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

  --warning: #f20746;   /* rot */
  --success: #12a280;  /* gruen */
  --hallo: #F7A600;

  --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.05);
  --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--2: clamp(0.6588rem, 0.5444rem + 0.572vw, 0.95rem);
  --step--1: clamp(0.7029rem, 0.5609rem + 0.7099vw, 1.0rem);
  --step-0: clamp(0.75rem, 0.5761rem + 0.8696vw, 1.1rem);
  --step-1: clamp(0.8003rem, 0.5895rem + 1.0539vw, 1.4rem);
  --step-2: clamp(0.8539rem, 0.6006rem + 1.2664vw, 1.5rem);
  --step-3: clamp(0.9111rem, 0.6089rem + 1.5108vw, 1.6rem);
  --step-4: clamp(0.9721rem, 0.6138rem + 1.7915vw, 1.8rem);
  --step-5: clamp(1.0372rem, 0.6145rem + 2.1135vw, 2.0rem);

  --but-pad: 0.7em 1.2em;
  --min: 24ch;
  --gap: 1.5rem;
  --minimg: 160px;
  --gapimg: 1rem;

  --miniwidth: 60rem;
  --mwidth: 70rem;
  --bigwidth: 90rem;
  --biggerwidth: 100rem;
  --fullwidth: 120rem;


  --font-text: Cabin,Arial, Verdana, Helvetica,sans-serif ;
  --font-headlines: 'Libre Caslon Text', Arial, Verdana, Helvetica,sans-serif;

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

  --minimg: 250px;
  --gapimg: 1.5rem;
  
  }

 }

*, *::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(--hell);background:var( --body-bg);font-family:var(--font-text);font-size:var(--step-0);line-height:1.8;margin:0 auto;padding:0;position:relative;min-height:100vh;min-height:100dvh;overflow-x: hidden;overflow-y:scroll;}

a{color:var(--vibrant);text-decoration:none}
a.rcb-sc-link{display:inline-block;margin:10px 0;padding:5px 10px;border:1px solid var(--vibrant);text-decoration:underline;}
#footer a.rcb-sc-link{border-color: var(--trans-hell-4);}
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}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--hell);font-family:var(--font-headlines);font-weight:700;letter-spacing:1px;line-height:1.25;margin:3rem auto 1.5rem auto;text-align:center;text-wrap: balance}

h1,.h1{font-size:var(--step-4);line-height:1.25;margin:1.5rem auto;padding:0;max-width:var(--bigwidth);font-weight:700;max-width:50ch}
h1 b,h1 strong{display:inline-block;font-size:var(--step-3);font-style:normal;}
h1 em{display:block;font-size:var(--step-2);font-style:normal;margin:0.5em auto 0 auto;}

h2,.h2{font-size:var(--step-3);max-width:60ch}
h3,.h3{font-size:var(--step-1);max-width:60ch}
h4,.h4{font-size:var(--step-1);}
h5,.h5{font-size:var(--step-0);}
h6,.h6{font-size:var(--step-0);}

figure.quote{background:var(--trans-hell-1);border:1px solid var(--trans-hell-2);;border-radius:0.2em;color:var(--hell);display:grid;place-items:center;font-size:var(--step-0);margin:3rem auto;opacity:0;padding:2.5rem 1.5rem;position: relative;scale:0.8;transition:transform 0.5s, opacity 0.5s;max-width:var(--mwidth);}
figure.quote figcaption{font-color:var(--medium);font-size:var(--step--1);font-style:italic;margin:10px auto;}
figure.quote.go,.nojs figure.quote{opacity:1;scale:1;transition:scale 0.9s, opacity 0.9s;}
blockquote{}
blockquote.go{}
blockquote h2, blockquote h3{color:var(--medium);margin:10px auto;padding:0;text-align:center;}
blockquote p,blockquote strong{color:var(--medium);margin-inline:auto;}

em, i{font-style:italic;}

hr{background:url(images/wellen_white.png) no-repeat 50% 50%;border:none;clear:both;display:block;height:5px;margin:3rem 0}

img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;text-align:center;}
img.aligncenter{margin:3.5rem auto;}

iframe{display:block;border:none;}
strong,b{font-weight:700;color:var(--medium)}
p{margin:25px 0;line-height:1.5;text-align:left;}

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(--dunkel);display:block;position:sticky;top:0;left:0;text-align:left;width:100%;z-index:800;box-shadow:0 5px 3px var(--trans-dunkel-2)}
#header{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:15px 1rem;position:relative;max-width:var(--bigwidth);}

#header .logo{display:block;margin:0;padding:0.5rem 0;position:relative;width:450px;max-width:calc(100% - 60px);}

#header .logo a{display:block;}
#header .logo img{}

#header .logotext{color:var(--hell);display:block;font-family:var(--font-headlines);font-size:44px;font-weight:700;line-height:105%;min-width:280px;}
#header .logotext b{font-size:24px;}

.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(--vibrant);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);mix-blend-mode: difference;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(--weiss);display:block;inline-size: fit-content;max-width:50ch;font-weight:700;letter-spacing:1px;margin:1rem auto;padding:var(--but-pad);position:relative;text-align:center;text-decoration:none;transition:scale .9s;border-radius:1rem;vertical-align:middle;}
a.button::after{content:'';margin:0 0 0 8px;font-size:var(--step-0);text-decoration:none;transition:transform 0.3s;}
a.button:hover{scale:1.05;transition:scale 0.3s;}
a.button:hover::after{transform: translateX(5px);}
a.button.center,#topsegment a.button{display:block;}

video {display:block;margin:0 auto;text-align:center;height:auto;max-width:var(--mwidth);}
.video-wrapper,.html5-video-container{background-color:var(--dunkel);border:none;margin:3.5rem auto;width:100%;max-width:var(--mwidth);text-align:center;box-shadow:10px 15px 25px 5px rgba(0,0,0,.45);}
.video-container{background:transparent;position:relative;padding:0;aspect-ratio:16/9;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{background:transparent;margin:0;padding:0;position:absolute;top:0;left:0;width:100%;height:100%}

.html5-video-container{aspect-ratio:16/9;overflow:hidden}
.html5-video-container video{width:100% !important;height:100% important;}

/* 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:0;position:relative;cursor:pointer;display:inline-block}
.ko-menu span{background-color:var(--hell);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:500px;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 li li{padding:0 1.5rem}
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#konavigation li.menu-item-has-children > a:after{font-size:0.8rem;}

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-8);}

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);}

nav#konavigation ul.sub-menu{background:var(--trans-hell-2);}

}
@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:0;position:relative;}

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

nav#konavigation li.menu-item-has-children > a:after{font-size:0.8rem;}

nav#konavigation ul.sub-menu{background:var(--dunkel);border: 1px solid var(--trans-hell-2);border-radius:3px;color:var(--hell);height:auto;top:100%;left: -100vw;opacity:0;margin:0;padding:5px;position:absolute;width:320px;transition:opacity .6s ease-in-out;box-shadow:10px 15px 25px 5px rgba(0,0,0,.45);}
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;}

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

}

#wrapper{background:var(--dunkel);display:block;margin:0 auto;padding:0;text-align:center;width:100%;position:relative;}
.content{height:auto;margin:0 auto;padding:25px;position:relative;max-width:var(--bigwidth);}

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

#wrapper ul:not(.news,.grid){max-width:var(--mwidth);margin:1.5rem auto;padding:0;}
#wrapper ul li,#content ul.postinfos li {list-style:square;text-align:left;}
#wrapper ul li{padding:5px 0;position:relative;}
#wrapper ul ul,#wrapper ul ul ul{margin:0 15px}
#wrapper ul ul li,#wrapper ul ul ul li{background-image:none;padding:3px 5px 3px 20px;}

#wrapper ul li:has( > a){color:var(--vibrant);}

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

#wrapper ol {display: block;list-style-type: decimal; margin:25px auto;transform: translateX(35px);}
#wrapper ol li{padding:5px 10px;position:relative;text-align:left;}
#wrapper ol:not(.commentlist){max-width:70ch;}

#wrapper ul.leistungen{padding:0;max-width:var(--mwidth);}
#wrapper ul.leistungen li{background-color: transparent;border: 1px solid var(--trans-hell-2);  color: var(--hell);list-style:none;margin:0 0 1rem 0;padding:1rem 1.5rem;display:flex;align-items:start;justify-content:left;gap:1rem;}
#wrapper ul.leistungen li::before{content:'';display:block;background:url(images/favicon-32x32.png) no-repeat 50% 50%;height:32px;width:32px;margin:0.5rem 0;flex-shrink: 0;}
#wrapper ul.leistungen li strong{display:block;flex-grow: 1;}


#wrapper .inner-post-nav{display:block;margin:1.5rem auto;position:relative;text-align:center;max-width:var(--mwidth);}
#wrapper .inner-post-nav 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:background .6s, box-shadow .6s;box-shadow:5px 5px 25px 5px rgba(0,0,0,.45)}
#wrapper .inner-post-nav a:hover{background-color:var(--vibrant);box-shadow: none;}
#wrapper .inner-post-nav >*{display:inline-block;padding:0 1rem;}

#wrapper p:not(.cols, .myref-excerpt, .datum,.contact-form p, .txt, .bildsplit p, .map, .panel p,.image-lightbox-wrapper p){margin:1.5rem auto;max-width:65ch;text-wrap: pretty;}
#wrapper p:has( > img) {max-width:var(--mwidth) !important;}
#wrapper p:has( > iframe) {max-width:var(--mwidth) !important;text-align:center;}

#wrapper figure.absatz{display:block;font-style:normal;border:1px dotted var(--hell);position:relative;isolation:isolate;}
#wrapper figure.absatz::before{content:'';background:url(images/apple-touch-icon.png) no-repeat 50% 50%;background-size:cover;height:200px;width:200px;opacity:0.2;position:absolute;inset:0;z-index:-1}
#wrapper figure.absatz span{display:block;margin:1.5rem auto;max-width:65ch;text-wrap: pretty;text-align:left;}

#footer {display:block;background:var(--dunkel);background-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 40%);color:var(--hell);clear:both;font-size:var(--step-0);font-style:normal;margin-inline:auto;position:relative;text-align:center;isolation:isolate;}

#footer .inner {background:transparent;color:var(--weiss);line-height:1.4;margin-inline:auto;padding:2.5rem 1.5rem;text-align:left;width:100%;max-width:var(--mwidth);display: flex; flex-wrap: wrap; justify-content: center;gap:var(--gap);}
#footer .inner > *{flex-basis: 25ch;flex-grow: 1;}
#footer .inner:empty{padding:0;}

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

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

#footer p{margin:1.5rem auto;line-height:1.5;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(--hell);font-size:var(--step-0);font-weight:700;text-align:left;margin-left:5px;}

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


/* Headerbild / Slide */

section.beitragsbildbslider{isolation:isolate;position:relative;overflow: hidden;max-height:600px;text-align:center;}
section.beitragsbildbslider.over::after{content:"";background-color:var(--dunkel);position:absolute;inset:0;z-index:1;opacity:0.85}
section.beitragsbildbslider .innerbeitragsbildslider{display:block;margin:0 auto;position:relative;max-width:1920px;}
section.beitragsbildbslider picture{}
section.beitragsbildbslider img{height:100%;width:100%;object-fit:cover;}

section.beitragsbildbslider .text{background:rgba(0,0,0,0.4);display:block;padding:1rem;position:absolute;bottom:0;left:0;right:0;text-align:center;z-index:2;}
section.beitragsbildbslider .text:empty{background:transparent;}
section.beitragsbildbslider .text .eins,
section.beitragsbildbslider .text .eins h1{color:var(--weiss);font-family:var(--font-headlines);font-size:var(--step-2);font-weight:400;letter-spacing:1px;line-height:1.2;margin:0 auto;text-align:center;text-wrap: balance}
section.beitragsbildbslider .text .zwei{color:var(--weiss);font-weight:bold;line-height:1.4;margin:0 auto;padding:0;text-align:center;max-width:60ch;text-wrap: pretty;}

/* Segmente / Parallax */

section.module {background:var(--dunkel);color:var(--hell);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.hell {background:var(--hell);color:var(--dunkel);}
section.module.medium {background:var(--medium);color:var(--dunkel);}

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

section.module.parallax {background-color:var(--dunkel);background-position: 50% 0; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;min-height:400px;display:grid;place-items:center;}
section.module.parallax::before {content:'';display:block;background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0));position:absolute;inset:0 ;}
section.module.parallax article.wrap-inner-section{display:grid;justify-items:center;align-items:center;max-width:100%;position:absolute; inset:0;padding:0}
section.module.parallax article.wrap-inner-section div.ptxt{display:block;margin:0 0 1.5rem 0;transition:transform 2s, opacity 5s;transform: translateY(100px);opacity:0;}
section.module.parallax article.wrap-inner-section.go div.ptxt,.nojs section.module.parallax article.wrap-inner-section div.ptxt{transform: translateY(0);opacity:1;}

section.module.parallax h1,section.module.parallax h2,section.module.parallax h3{color:var(--hell);font-weight:400;letter-spacing:4px;margin:0 auto;text-align: center;}
section.module.parallax a:not(a.button),section.module.parallax strong{color:var(--hell)}
section.module.parallax p{color:var(--hell);margin:10px auto;text-align:center;}

section.module.parallax.overlay {isolation:isolate}
section.module.parallax.overlay article.wrap-inner-section{position:absolute; inset:0;padding:0}
section.module.parallax.overlay article.wrap-inner-section::after{content:"";background-color:var(--dunkel);position:absolute;inset:0;z-index:-1;opacity:0.85}
section.module.parallax.overlay article.wrap-inner-section div.ptxt{background:transparent;padding:0;}

.page-template-page-parallax-php h1:not(.wrapsplits .innertextsplits h1),
.post-template-single-parallax-php h1:not(.wrapsplits .innertextsplits h1) {}
.page-template-page-parallax-php section.module h1:not(.wrapsplits .innertextsplits h1),
.post-template-single-parallax-php section.module h1:not(.wrapsplits .innertextsplits h1) {}

section.module.clip{clip-path: polygon(100% 0, 0 0, 100% 33%);height:90px}

/*  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;max-width:70ch;text-align:left;}
.wrapsplits .innertextsplits h1,.wrapsplits .innertextsplits h2,.wrapsplits .innertextsplits  h3{margin:0.5em 0;font-weight:700;text-align:left;}
.wrapsplits .innertextsplits p{margin:0.5rem 0 1.5rem 0;}
.wrapsplits .innertextsplits ul{}


/* News / Blogartikel */

#wrapper ul.news{color:var(--hell);display:block;margin-inline:auto;padding:0;max-width:var(--mwidth);}
#wrapper ul.news li{background:var(--dunkel);border: 1px solid var(--trans-hell-2);box-shadow:5px 5px 25px 5px rgba(0,0,0,.45);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 .more, #wrapper article.post .more{color:var(--vibrant);display:block;margin:0 auto;padding:0;position:relative;text-align:center;text-decoration:underline;text-decoration-skip:ink;text-decoration-skip-ink: auto;}
#wrapper ul.news .datum{font-size:var(--step--1)}

#wrapper ul.news .thumby{display:block;height:100%}
#wrapper ul.news a img{display:block;margin:0 auto;text-align:center;object-fit:cover;height:100%;width:100%;}
#wrapper ul.news a:hover img{}


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


#wrapper ul.news.quer{color:var(--hell);display:block;margin-inline:auto;padding:0;max-width:var(--mwidth);}
#wrapper ul.news.quer li{background:var(--trans-hell-1);border: 1px solid var(--trans-hell-2);box-shadow:5px 5px 25px 5px rgba(0,0,0,.45);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(--hell);font-size:var(--step-0);font-weight:700;margin:0 0 0.5rem 0;padding:0;text-align:left;transition: color 1s;max-width:100%}

#wrapper ul.news.quer a{color:var(--weiss);display:block;text-decoration:none;margin:0;padding:0;transition: color 0.4s;height:100%;}
#wrapper ul.news.quer a:hover,
#wrapper ul.news.quer a:hover h2,
#wrapper ul.news.quer a:hover h3,
#wrapper ul.news.quer a:hover h4{color:var(--weiss);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;padding:0;}
#wrapper ul.news.quer a:hover .txt {}
#wrapper ul.news.quer .txt div {}

#wrapper ul.news.quer .more, #wrapper article.post .more{color:var(--vibrant);display:block;margin:0 auto;padding:0;position:relative;text-align:center;text-decoration:underline;text-decoration-skip:ink;text-decoration-skip-ink: auto;}
#wrapper ul.news.quer .datum{font-size:var(--step--1)}

#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;}
#wrapper ul.news.quer a:hover img{}


#wrapper .lesetipp{background:var(--trans-hell-1);border: 1px solid var(--trans-hell-2);border-radius:5px;box-shadow:5px 5px 25px 5px rgba(0,0,0,.45);display:block;margin:3.5rem auto;padding:0 1.5rem;position:relative;max-width:var(--mwidth);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;}

}


/* Bildergalerie */

.wrapgallery-wrapper{display:block;margin:3.5rem auto;max-width:var(--mwidth);}
.gallery-wrapper {display:grid;grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--minimg)), 1fr));gap:var(--gapimg);justify-content:center;align-items:center;margin:50px auto;padding:1rem 0;}

   
.gallery-wrapper a {transition:all 0.3s ease-in-out;aspect-ratio:5/3.5}
.gallery-wrapper a img {height:100%;width:100%;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;backdrop-filter: blur(5px);}
.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:2px solid #fff;margin:0 auto;max-height:70vh;border-radius:1rem;}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper p{display:block;background:var(--trans-hell-2);color:#fff;margin:10px auto;padding:5px 10px;text-align:center;max-width:50ch;border-radius:1rem;}

.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.close{background:transparent;height:3rem;width:3rem;text-decoration:none;position:absolute;right:2.5rem;top:1.5rem;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:var(--trans-dunkel-4);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{}

/* Rundes Bild mit flex. Text */

.bildrund{aspect-ratio:1;display:block;margin:1.5em auto;max-width:400px;}
.bildrund img{border-radius:50%;object-fit:cover;width:100%;height:100%;margin:0 auto;}
.bildrund::after{content:'';display:block;clear:both;}

/* FAQ - Boxen mit ausklappbaren Inhalten */

.accordion {background-color: transparent;border: 1px solid var(--trans-hell-2);  color: var(--hell);cursor: pointer;margin:5px auto;padding:1rem 1.5rem; width: 100%;max-width:var(--miniwidth);text-align: left; outline-color: transparent;font-size:var(--step-1);transition: all 0.5s;display:flex;align-items:center;justify-content:space-between;}
.active, .accordion:hover {background-color: var(--trans-hell-1);border-color:var(--trans-hell-2);color: var(--weiss);}
.accordion::after {content: '\002B';color:var(--hell);font-weight: bold;transition:transform 0.5s;}
.accordion:hover::after {color: var(--vibrant);}
.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;}



/*  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:not([type=checkbox]):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 8px 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(--weiss); 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(--vibrant);  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;}

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

#header{display:block;text-align:center;}
#header .logo{margin:0 auto}

#wrapper ul.leistungen{padding:0;max-width:var(--mwidth);columns:30ch 3;gap: 1rem;break-inside:avoid;}

section.beitragsbildbslider.mega{max-height:60vh;}
section.beitragsbildbslider .text{border-radius:5px;padding:1rem;position:absolute;left:5%;bottom:35%;max-width:40%}
section.beitragsbildbslider .text:empty{background:transparent;}
section.beitragsbildbslider.mega .text .eins,
section.beitragsbildbslider.mega .text .eins h1{}
section.beitragsbildbslider.mega .zwei{margin:10px 0 0 0;text-align:left;}

img.alignleft,.alignleft{float:left;margin:10px 50px 10px 0}
img.alignright,.alignright{float:right;margin:10px 0 10px 50px}

section.module.parallax {min-height:600px;}

.share{clear:both;display:block;margin:15px 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;}

/*  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;}
.grafik .wrapsplits .innertextsplits{padding:0;}
.grafik .wrapsplits .splits.bild{padding-top:0;}

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

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

.bildrund{margin:0;shape-outside: circle(50%);}
.bildrund.links{float:left;margin:10px 50px 10px 0}
.bildrund.rechts{float:right;margin:10px 0 10px 50px}

.quote .bildrund.links{margin:1.5rem 2rem 1rem 0;}
.quote .bildrund.rechts{margin:1.5rem 0 1rem 2rem;}

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

#footer .inner {padding:2.5rem 0;}


}