/*
Theme Name: Maler Heyse Hannover 2027
Theme URI: https://maler-heyse.de/
Description: Maler Heyse Hannover
Version: 7.00
Author: Klaus Oppermann
Author URI: https://www.klausoppermann.de
*/

/*
dunkel: #222
schwarz: #000
orange: #FFA600
cyan: #009fe3  rgba(0, 159, 227, 1)
grau: #dbdada
*/

:root {
  --weiss: #fff; /* weiss */
  --hell: #f7f7f7;  /* hellgrau */
  --medium: #617daf;   /* rgba(0, 127, 192, 1) mediumblau */
  --button: #375685;/*  blau */
  --darker: #dbdada;   /* mediumgrau */
  --dunkel: #222;    /* dunkel */
  --schwarz: #000; /* schwarz */

  --vibrant: #d9a21b; /* orange */
  --on-vibrant: #fff;    /*  */
  --vibrant-hov: #d9a21b; /*  */
  --on-vibrant-hov: #fff;  /*   */

  --warning: #77340a;  /* rot */
  --success: #00b593;  /* gruen */
  --hallo: #a276b4;

  --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--1: clamp(0.9372rem, 0.7801rem + 0.7855vw, 1.3889rem);
  --step-0: clamp(1rem, 0.8043rem + 0.9783vw, 1.5625rem);
  --step-1: clamp(1.067rem, 0.8267rem + 1.2014vw, 1.7578rem);
  --step-2: clamp(1.1385rem, 0.8466rem + 1.4592vw, 1.9775rem);
  --step-3: clamp(1.2148rem, 0.8635rem + 1.7565vw, 2.2247rem);
  --step-4: clamp(1.2962rem, 0.8764rem + 2.0985vw, 2.5028rem);
  --step-5: clamp(1.383rem, 0.8847rem + 2.4916vw, 2.8157rem);
  --step-6: clamp(1.4757rem, 0.8871rem + 2.9426vw, 3.1676rem);

  --but-pad: 0.7em 1.2em;
  --min: 24ch;
  --gap: 1.5rem;
  --minimg: 15rem;

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


  --font-text: 'Open Sans',Arial, Verdana, Helvetica,sans-serif ;
  --font-headlines: Montserrat, Arial, Verdana, Helvetica,sans-serif;
 }

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('PT Sans'), local('PTSans-Regular'),
       url('fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('fonts/pt-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('fonts/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
}

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('fonts/montserrat-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v12-latin-700.woff') format('woff'), /* Modern Browsers */
}


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,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}
label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]{cursor:pointer}
article, aside, figcaption, figure, footer, header, hgroup, nav, section, time{display:block;margin:0;padding:0}
:focus{border:none;outline:none;}
*, *:before, *:after {box-sizing: inherit;}
html{background:var(--dunkel);background-size: 100% auto;box-sizing:border-box;padding:0;scroll-snap-type: y mandatory;scroll-behavior: smooth; scroll-padding-top:125px;}
body{background-color:var(--weiss);background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;color:#444;font-family:var(--font-text);font-size:64.5%;line-height:1.7;margin:0;padding:0;position:relative;text-align:center;overflow-x: hidden;overflow-y:scroll;}
a{color:var(--dunkel)}
a:hover,h2 a{color:var(--button);}
a:not([href]) {cursor:text;}
a::before{text-decoration:none !important;}
a.post-edit-link{background:var(--warning);color:#fff;display:inline-block;font-size:1.5em;margin:25px 0;padding:10px 25px;vertical-align:top;position:relative;width:auto;z-index:9999}
a.rcb-sc-link{display:inline-block;margin:10px 0;padding:5px 10px;border:1px solid var(--medium);text-decoration:underline;}

article, aside, figcaption, figure, footer, header, hgroup, nav, section, time, video{display:block;margin:0;padding:0;}
h1,h2,h3,h4,h5{color:#000;font-family:var(--font-headlines);font-kerning:none;font-weight:400;line-height:1.4em;text-align:left;margin:50px 0 25px 0;padding:0;hyphens: auto; hyphenate-limit-chars: auto 3 4;}
h1{clear:both;font-size:1.3em;font-weight:400;letter-spacing:1px;margin:25px 0;text-shadow:0 1px 1px var(--weiss);-webkit-transition: all 0.5s;transition: all 0.5s;}
.page-template-page-parallax-php h1,.tag #wrapper h1,.category #wrapper h1,.blog #wrapper h1,.page-template-page-lifestyle h1{margin:25px auto 0 auto;padding:0 15px;max-width:1280px;text-align:center;}
h1 strong,h2 strong{display:block;}
.tag #wrapper h1,.category #wrapper h1,.blog #wrapper h1{margin:50px auto 10px auto;}
h2{font-size:1.2em;}
.page-template-page-parallax-php h2{margin:50px auto 25px auto;padding:0 15px;text-align:center;}
h2.top,.page-template-page-parallax-php h2.top{margin-top:0;}
h3{font-size:1.1em}
.tabzelle h3{margin:0}
h4{font-size:1.1em;}
h5,h6{font-size:1.0em;margin:25px;}
hr{border:none;border-top:1px solid #ccc;color:#ccc;clear:both;display:block;height:0;margin:30px 0}
img{display:block;width:auto;max-width:100%;height:auto;}
img.alignleft,.alignleft,img.alignright,.alignright,img.aligncenter,.aligncenter,img.alignnone,.alignnone{display:block;float:none;text-align:center;margin:15px auto}
img.kreis{border-radius:50%}
address{margin:30px 0;}

blockquote{background:#f1f1f1;border:1px solid #eee;margin:50px 0;padding:15px 75px 15px 75px;position:relative;border-radius:5px;}
blockquote:before,blockquote:after{color:#bbb;font-size:2.2em;margin:0;position:absolute;}
blockquote:before{left:15px;bottom:15px;}
blockquote:after{top:15px;right:15px;}
blockquote.fett{font-weight:700;font-size:1.1em;letter-spacing:1px;padding:35px 75px 35px 75px;text-align:center;}
blockquote p,#content blockquote p{margin:15px 0;padding:0;}
blockquote h2,blockquote h3,blockquote h4{margin:0 0 15px 0;padding:0;}
blockquote span.autor{display:block;color:#666;font-style:italic;font-size:0.9em;font-weight:300;margin-top:1em;}

cite, em{font-style:italic}
pre{margin:15px 0;overflow:auto;}
pre a{font-weight:400;}
strong,b, legend{color:var(--schwarz);font-weight:700;}
.dunkel legend,.medium legend{color:var(--weiss);}
sup,sub{font-size: 0.7em;height: 0;line-height:1;vertical-align:baseline;position: relative;}
sup{top: -0.35em;}
sub{bottom: -0.25em;}
small{font-size:0.9em;font-style:italic;font-weight:300;}

.shadow{box-shadow: 0px 0px 5px rgba(0,0,0,0.3);transition: box-shadow 0.3s}
.shadow:hover{box-shadow: 0px 0px 5px rgba(0,0,0,0.1);}
.big-shadow{box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.5),-5px -5px 10px 0px rgba(0, 0, 0, 0.08),0 8px 10px -5px rgba(0, 0, 0, 0.1);transition: box-shadow 0.3s}
.big-shadow:hover{box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5),0 0 5px 0px rgba(0, 0, 0, 0.05),0 5px 5px -5px rgba(0, 0, 0, 0.05);}


/* ==========================================================================
   Formulare Basis & Layout
   ========================================================================== */
#formbox {
  display: block;
  margin: 25px auto;
}

#formbox a {
  text-decoration: underline;
}

form {
  border: none;
  margin: 0 auto;
}

fieldset {
  border: none;
  color: var(--dunkel);
  clear: both;
  margin: 0;
  padding: 0;
}

form h3,
form p {
  margin: 5px 0;
}

/* 2-Spalten-Layout modern via Flexbox statt float */
fieldset.schmal {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

fieldset.schmal p {
  width: 48%;
  margin: 5px 0;
}

label {
  font-weight: 400;
  margin: 0;
  padding: 0;
}

/* ==========================================================================
   Formularfelder (Text, Select, Textarea)
   ========================================================================== */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
textarea,
select {
  box-sizing: border-box; /* Verhindert Überlauf */
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: var(--dunkel);
  margin: 5px 0;
  padding: 10px;
  width: 100%;
}

#footer input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
#footer textarea,
#footer select {
  border-color: rgba(255, 255, 255, 0.5);
}

textarea {
  height: 80px;
  overflow: auto;
  resize: vertical;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):hover,
textarea:hover {
  background: var(--weiss);
  border-color: rgba(0, 0, 0, 0.9);
  color: var(--dunkel);
}

.upload input {
  background: var(--weiss);
  color: var(--dunkel);
  margin: 5px 5px 0 0;
  padding: 5px;
  width: 70%;
}

/* Radio-Buttons */
input[type="radio"] {
  background: transparent;
  border: none;
  color: var(--dunkel);
  margin: 0 5px 0 10px;
  padding: 0;
  width: 1em;
  cursor: pointer;
}

/* ==========================================================================
   Placeholder (Moderne Browser)
   ========================================================================== */
::placeholder {
  color: #999;
  opacity: 1;
  font-size: 0.9em;
  font-family: arial, sans-serif;
}

/* ==========================================================================
   WPCF7: Toggle Checkbox Switch
   ========================================================================== */
div.wpcf7 .wpcf7-list-item-label {
  display: inline-block;
  line-height: 1;
  vertical-align: top;
}

div.wpcf7 input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--trans-dunkel-3);
  border-radius: 72px;
  border-style: none;
  flex-shrink: 0;
  height: 20px;
  width: 30px;
  margin: 0 8px 0 0;
  position: relative;
  cursor: pointer;
  transition: background-color 100ms ease-out;
}

/* Vergrößerter Klickbereich */
div.wpcf7 input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
}

/* Switch-Knopf */
div.wpcf7 input[type="checkbox"]::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  background-color: var(--weiss);
  border-radius: 50%;
  transition: left 100ms ease-out;
}

div.wpcf7 input[type="checkbox"]:hover {
  background-color: var(--vibrant);
}

div.wpcf7 input[type="checkbox"]:checked {
  background-color: var(--vibrant);
}

div.wpcf7 input[type="checkbox"]:checked::after {
  left: 13px;
}

/* Barrierefreier Fokus */
div.wpcf7 input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--vibrant);
  outline-offset: 2px;
}

#footer div.wpcf7 input[type="checkbox"] {
  background-color: var(--trans-hell-4);
}

#footer div.wpcf7 input[type="checkbox"]:checked {
  background-color: var(--vibrant);
}

/* ==========================================================================
   WPCF7 Feedback & Buttons
   ========================================================================== */
div.wpcf7 {
  max-width: 100%;
}

#content div.wpcf7 p {
  margin: 10px 0;
}

.wpcf7-not-valid-tip,
.wpcf7-validation-errors {
  background: transparent;
  border: 1px solid #cc3300 !important;
  display: block;
  padding: 5px;
}

.wpcf7-mail-sent-ok {
  background: green;
  color: var(--weiss);
  display: block;
  padding: 5px;
}

/* Submit Buttons */
input.wpcf7-submit,
input[type="submit"],
.wpcf7 button[type="submit"],
#footer input[type="submit"] {
  background: var(--button);
  border: 1px solid var(--medium);
  color: var(--weiss);
  clear: both;
  display: block;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 15px 0;
  padding: 15px 50px;
  position: relative;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: auto;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.3s ease;
}

input.wpcf7-submit:hover,
input[type="submit"]:hover,
.wpcf7 button[type="submit"]:hover,
#footer input[type="submit"]:hover {
  background: var(--medium);
  border-color: var(--button);
  color: var(--weiss);
  box-shadow: inset 0 0 0 25px #0082ba;
}

#content div.bewerbung{background:rgba(0,0,0,0.05);border:none;border-radius:5px;display:block;padding:25px !important;position:relative;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
#content .blau div.bewerbung{background:rgba(255,255,255,0.1);}
#content div.bewerbung .formbox{transition: max-height 0.9s cubic-bezier(0, 1, 0, 1);max-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
#content div.bewerbung .formbox.open{max-height:1000px;z-index:1001;transition: max-height 0.9s ease-in-out;}

.searchform{background:transparent;line-height:1em;margin:0 auto;padding:0;position:relative;text-align:center;width:100%;max-width:800px;}
.searchform input{display:inline-block;margin:0 auto;padding:10px;text-align:left;vertical-align:middle;width:80%;}
.searchform button {background:transparent;border:none;color:var(--weiss);cursor:pointer;display:inline-block;font-size:1.0em;margin:0 0 0 5px;padding:0 3px;border-radius:50%;vertical-align:middle;}
.searchform button:hover{color:var(--medium)}
.searchform button:before{margin:0;}

.search .thumbnailbox{background-color:#eee;background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;display:block;margin:10px auto;padding:0 0 40% 0;}

.screen-reader-text, .heinz {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#header .inner,#wrapper,#footer .inner{display:block;font-weight:400;margin:0 auto;padding:15px;position:relative;text-align:left;width:100%;}

#wrapper{background:var(--weiss);font-size:1.6em;padding:0 15px;text-align:left;overflow-x:hidden;max-width:1280px;}
.page-template-page-parallax-php #wrapper,.tag #wrapper,.category #wrapper,.blog #wrapper,.page-template-page-lifestyle #wrapper{padding:0}

.share,
#header .share{background:transparent;clear:both;display:block;margin:0 auto;text-align:center;width:100%;-webkit-transition: all 0.3s;transition: all 0.3s;}
#topbox .share{font-size:1.1em;width:auto;}
.share a,.share a:hover,
#wrapper .share a,#wrapper .share a:hover,
#header .share a,#header .share a:hover,
#footer .share a,#footer .share a:hover {color:var(--weiss);display:inline-block;font-size:2.4em;line-height:1em;margin:5px;padding:5px;text-align:center;width:50px;vertical-align:middle;}
.share a:hover{color:var(--weiss)}
#wrapper .share a,#wrapper .share a:hover{color:var(--dunkel);margin:10px;}
#wrapper .share a:hover{color:var(--medium)}
.share a span,.share a:hover span,
#header .share a span,#header .share a:hover span{display:none;}
#footer .share a, #footer .share a:hover {font-size:1.5em;margin:15px 10px}
#topbox .share a, #topbox .share a:hover {font-size:1.0em;margin:0 5px}
#topbox .share a:hover{color:#555}

#footer .share{background:transparent;margin:5px auto;}
#footer .kontaktboxen .share{background:transparent;}
#footer .share a,#footer .share a:hover{color:rgba(255,255,255,0.8);}
#footer .share a:hover{color:var(--weiss);}

.share a.houzz,.share a:hover.houzz,
#footer .share a.houzz,#footer .share a:hover.houzz,
.share a.premium,.share a:hover.premium,
#footer .share a.premium,#footer .share a:hover.premium{background: url(images/houzz-w.png) no-repeat 0 0;background-size:100% 100%;display:inline-block;width:16px;max-width:16px;height:16px;vertical-align:middle;}

.share a.premium,.share a:hover.premium,
#footer .share a.premium,#footer .share a:hover.premium{background:url(images/premiumsiegel-w.png);width:24px;max-width:24px;height:24px;}
.share a:hover.houzz,.share a:hover.premium{opacity:0.8}

#content .share a.houzz,#content .share a:hover.houzz,
#content .share a.premium,#content .share a:hover.premium{background-color:rgba(0,0,0,0.9);background-position:50% 50%;width:30px;max-width:30px;height:30px;}
#content .share a:hover.houzz,
#content .share a:hover.premium{background-color:var(--medium);}

#footer .share a.houzz,#footer .share a:hover.houzz{margin-left:15px;width:16px;max-width:16px;height:16px;}
#footer .share a.premium,#footer .share a:hover.premium{margin-left:15px;width:24px;max-width:24px;height:24px;}

.kontaktbox{background:var(--dunkel);border-top:2px solid #000;color:var(--weiss);display:block;font-size:1.3em;height:42px;line-height:1em;margin:0 auto;padding:7px 0;position:fixed;top:0;left:0;text-align:left;width:100%;z-index:999;vertical-align:middle;-webkit-transition: all 0.3s;transition: all 0.3s;}
.kontaktbox .inner-kontaktbox{background:transparent;height:auto;margin:0 auto;max-width:100%;text-align:left;vertical-align:middle;}
body.small .kontaktbox{margin-top:0}
.kontaktbox a,.kontaktbox a:hover,.kontaktbox b,.kontaktbox strong{color:var(--weiss);cursor:text;display:inline-block;margin:5px auto;padding:0;font-weight:400;vertical-align:middle;}
.kontaktbox .info{cursor:pointer;display:inline-block;font-size:1.6em;position:relative;vertical-align:middle;position:absolute;left:15px;top:0;}
.kontaktbox .arrow{border-top:0.6em solid var(--weiss);border-left: 0.4em solid transparent;border-right: 0.4em solid transparent; content: '';display:inline-block;height:0;margin:0;position:absolute;bottom:5px;right:15px;vertical-align: middle;width:0;}
.kontaktbox b{display:inline-block;margin-right:15px;vertical-align:middle;font-size:1.2em;}
.kontaktbox .info b{cursor:pointer;}
.kontaktbox a.tel span{background:var(--button);display:inline-block;font-weight:400;font-size:1.1em;font-weight:700;letter-spacing:2px;padding:7px 10px;position:absolute;top:4px;left:50px;vertical-align:middle;z-index:10000;}
.kontaktbox a.tel span:before{font-size:1.2em;margin:0 5px 0 0;}

.kontaktbox .closeme{color:#ccc;cursor:pointer;display:block;font-size:1.8em;margin:0;padding:0;position:absolute;left:10px;bottom:10px;text-align:left;width:32px;}

.kontaktbox span.mail {display:none;vertical-align:middle;}
.kontaktbox span.mail a{cursor:pointer;}
.kontaktbox span.mail a:hover{text-decoration:underline;}

.kontaktbox address{margin:0;padding:0;}
.kontaktbox .vcard{background:var(--hell);border:none;color:#000;font-size:1.2em;line-height:1.5em;padding:15px;position:absolute;top:-999px;left:0;max-height:0;overflow:hidden;text-align:center;transition: max-height 0.5s ease-in-out;z-index:9999;}
.kontaktbox .vcard.open{max-height:1000px;padding:10px 10px 25px 10px;position:fixed;top:42px;width:100%;box-shadow:0 5px 0 rgba(0,0,0,0.2);z-index:1020}
.kontaktbox .vcard .inner{display:inline-block;margin:0 auto;text-align:left;max-width:100%;}
.kontaktbox .vcard a,.kontaktbox .vcard a:hover,.kontaktbox .vcard .email a,.kontaktbox .vcard .url a{color:#000;}
.kontaktbox .vcard a:hover{text-decoration:underline;}
.kontaktbox .vcard strong{color:#000}

.kontaktbox .share{background:transparent;display:none;line-height:1em;margin:0;position:absolute;right:70px;top:5px;width:auto;max-width:100%;}
.kontaktbox .share a,
.kontaktbox .share a:hover{color:var(--weiss);background:transparent;cursor:pointer;display:inline-block;font-size:1.3em;line-height:1em;margin:5px 0 5px 5px;padding:0;width:25px;height:auto;vertical-align:middle;}
.kontaktbox .share a span{display:none;}
.kontaktbox .share a:before{line-height:1.0em;margin:0;padding:0;}
.kontaktbox .share a:hover::before{color:var(--medium)}
.kontaktbox .share a.houzz,.kontaktbox .share a.houzz:hover,
.kontaktbox .share a.premium,.kontaktbox .share a.premium:hover{background:url(images/houzz-w.png) no-repeat 0 0;background-size:100% 100%;margin-left:6px;width:16px;max-width:16px;height:16px;}
.kontaktbox .share a.premium,.kontaktbox .share a.premium:hover{background-image:url(images/premiumsiegel-w.png);width:20px;max-width:20px;height:20px;margin-left:12px;}
.kontaktbox .share a.houzz:hover,.kontaktbox .share a.premium:hover{opacity:0.8}

.kontaktbox .share.kon{display:block;margin:25px auto;position:relative;left:auto;right:auto;top:auto;bottom:auto;max-width:100%;}
.kontaktbox .share.kon a,
.kontaktbox .share.kon a:hover{color:#666;background:rgba(0,0,0,0.1);cursor:pointer;display:inline-block;font-size:1.3em;line-height:1em;margin:5px;padding:5px;width:32px;height:32px;}
.kontaktbox .share.kon a span{display:none;}
.kontaktbox .share.kon a:before{line-height:1em;margin:0;padding:3px 0 0 0;}
.kontaktbox .share.kon a.houzz,.kontaktbox .share.kon a.houzz:hover,
.kontaktbox .share.kon a.premium,.kontaktbox .share.kon a.premium:hover{background:rgba(0,0,0,0.1) url(images/houzz-w.png) no-repeat 0 0;background-size:100% 100%;border:5px solid rgba(0,0,0,0);padding:0;width:32px;max-width:32px;height:32px;}
.kontaktbox .share.kon a.premium,.kontaktbox .share.kon a.premium:hover{background-image:url(images/premiumsiegel-w.png);}
.kontaktbox .share.kon a.houzz:hover,.kontaktbox .share.kon a.premium:hover{-webkit-filter: grayscale(1);  filter: grayscale(1);}

b.farbwechsel:before{-webkit-animation:farbwechsel 10s cubic-bezier(1,0,0,1) infinite;animation:farbwechsel 10s cubic-bezier(1,0,0,1) infinite}
@-webkit-keyframes farbwechsel {
0%{color:var(--weiss)}
25%{color:var(--weiss)}
50%{color:var(--medium)}
75%{color:var(--weiss)}
100%{color:var(--weiss)}
}
@keyframes farbwechsel {
0%{color:var(--weiss)}
25%{color:var(--weiss)}
50%{color:var(--medium)}
75%{color:var(--weiss)}
100%{color:var(--weiss)}
}

a.shiny {
    background-image: linear-gradient(75deg, rgb(227, 197, 73) 25%, rgb(254, 241, 130) 37.5%, rgb(204, 160, 26), rgb(254, 241, 130) 62.5%, rgb(221, 221, 221) 75%);
    background-position: right center;
    background-size: 400%;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-position 2000ms ease-out 0s;
}
a.shiny:hover {
    color: rgb(0, 86, 179);
    text-decoration: underline;
}

div.st{color:var(--weiss);background:var(--button);display:block;font-size:1.4em;line-height:1.2;margin:0;padding:3px 15px;position:fixed;top:0;left:0;text-align:center;vertical-align:top;max-width:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;z-index:500;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.small div.st{transform:translateY(42px);}

.grayscale {-webkit-filter: grayscale(1);filter: grayscale(1);}

#slidein{background:transparent;display:block;overflow:hidden;margin:0;padding:0 5px 45px 5px;position:relative;text-align:center;width:100%;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;z-index:999;z-index:99}
#slidein:hover,#slidein.open{width:100%;}
#slidein:before{display:none;}

#slidein .social{display:table;table-layout:fixed;width:100%;}
#slidein .social a,#slidein .social a:hover{background:transparent;color:var(--medium);display:table-cell;font-size:1.5em;line-height:100%;font-weight:700;margin:0;padding:10px 0;text-align:center;text-decoration:none;width:auto;vertical-align:middle;overflow:hidden;}
#slidein .social a:before{color:var(--medium)}
#slidein .social a:hover:before{color:#333;}
#slidein .social a span{display:none;}
#slidein .social a:before{margin:0;}
#slidein .social a.icon-pocket:before{font-size:0.9em;margin:0 0 0 -2px;}

#slidein .social a.icon-twitter,#slidein .social a.icon-facebook,#slidein .social a.icon-gplus,#slidein .social a.icon-xing,#slidein .social a.icon-pocket,#slidein .social a.icon-rss,#slidein .social a.icon-pinterest,#slidein .social a.icon-linkedin,#slidein .social a.icon-tumblr,#slidein .social a.icon-instagram{border:none}

#slidein .views{display:table-cell;color:#666;font-size:0.9em;margin:0;padding:10px 0;text-align:center;vertical-align:middle}
#slidein .views:before{color:#666;display:inline-block;font-size:1.3em;margin:0 auto;}


#slidein2{display:block;overflow:hidden;margin:0;padding:10px 10px 10px 50px;position:fixed;top:115px;right:-10px;text-align:left;width:300px;transition:all 0.5s ease-in-out;z-index:1001}
#slidein2.hideme{-webkit-transform: translateX(245px);transform: translateX(245px);}
#slidein2.open{-webkit-transform: translateX(20px);transform: translateX(20px);}
#slidein2 .inners{color:var(--weiss);background:var(--vibrant);border:1px solid var(--vibrant);border-right:none;border-radius:3px 0 0 3px;min-height:300px;padding:10px;}
#slidein2 .inners h3{color:var(--weiss);margin:10px;}
#slidein2 .inners p{margin:10px;}
#slidein2 .inners a,#slidein2 .inners p a{color:var(--weiss);font-weight:700;text-decoration:underline;}
#slidein2 .button{display:inline-block;position:absolute;top:40%;left:5px;}
#slidein2 .button:hover{color:#333}
#slidein2 .button:before{background:var(--weiss);background:rgba(241, 241, 241,0.8);border:1px solid rgba(0,0,0,0.15);border-right:none;cursor:pointer;font-size:1.5em;padding:15px 7px 15px 5px;border-radius:5px 0 0 5px;width:45px;}
#slidein2 .button.icon-cancel:before{background:var(--vibrant);color:var(--weiss);}

#slidein6{display:block;margin:0;padding:0;position:absolute;top:175px;right:-400px;text-align:center;width:400px;-webkit-transition:all 0.9s ease-in-out;transition:all 0.9s ease-in-out;z-index:2000;}
#slidein6.hideme{right:-400px;}
#slidein6.open{right:5px;}
#slidein6 .innen{background:transparent;color: #000;display:block;line-height:100%;padding:0;position:relative;}
#slidein6 .innen img{display:block;}

#slidein6 .slidein6.button{cursor:pointer;border-radius:50%;display:inline-block;font-size:2.5em;margin:0;position:absolute;top:15px;right:15px;z-index:2001;-webkit-transition:all 0.9s ease-in-out;transition:all 0.9s ease-in-out;}
#slidein6.hideme .slidein6.button{margin-right:390px;-webkit-transition:all 0.9s ease-in-out;transition:all 0.9s ease-in-out;}
#slidein6 .slidein6.button::before{background:rgba(255,255,255,0.8);color:#000;margin:0 auto;line-height:125%;width:35px;}
#slidein6.hideme .slidein6.button::before{background:rgba(0,0,0,0.5);color:var(--weiss);}

@media screen and (max-width: 700px) {
#slidein6{display:block;margin:25px auto;position:relative;top:auto;right:auto;text-align:center;width:400px;max-width:100%;}
.slidein6.button{display:none;}
    }

.farbwechsel2 {
  -webkit-animation: farbwechsel2 10s cubic-bezier(1,0,0,1) infinite;
  animation: farbwechsel2 10s cubic-bezier(1,0,0,1) infinite;
}

@-webkit-keyframes farbwechsel2 {
  0% { color: red; }
  33% { color: var(--vibrant); }
  67% { color: red; }
  100% { color: var(--vibrant); }
}

@keyframes farbwechsel2 {
  0% { color: red; }
  33% { color: var(--vibrant); }
  67% { color: red; }
  100% { color: var(--vibrant); }
}

.symbol{display:block;margin:25px auto;text-align:center;font-size:1em}
.symbol.size-1:before{font-size:1em}
.symbol.size-2:before{font-size:2em}
.symbol.size-3:before{font-size:3em}
.symbol.size-4:before{font-size:4em}
.symbol.size-5:before{font-size:5em}
.symbol.size-6:before{font-size:6em}
.symbol.size-7:before{font-size:7em}
.symbol.size-8:before{font-size:8em}
.symbol.size-9:before{font-size:9em}
.symbol.size-10:before{font-size:10em}

.sym{border:2px solid var(--medium);display:inline-block;padding:1.5em;position:relative;vertical-align:middle;border-radius:50%;}
.sym:before{color:var(--medium);margin:0 auto;text-align:center;}
.sym.size-1:before{font-size:1em}
.sym.size-2:before{font-size:2em}
.sym.size-3:before{font-size:2.5em}
.sym.size-4:before{font-size:3em}
.sym.size-5:before{font-size:3.5em}
.sym.size-6:before{font-size:4em}
.sym.size-7:before{font-size:4.5em}
.sym.size-8:before{font-size:5em}
.sym.size-9:before{font-size:5.5em}
.sym.size-10:before{font-size:6em}
a.symbol {background:var(--weiss);color:var(--dunkel);display: inline-block;}
a.symbol:hover, .sym:hover, .sym:hover::before {background:var(--medium);border-color:var(--medium);color:var(--weiss);box-shadow:none;-webkit-transition: all 0.4s;transition: all 0.4s;}
.symbol h3,.symbole h3,.symbol p,.symbole p{color:#555;margin:10px auto 5px auto;text-align:center;}
.symbol h3,.symbole h3{font-size:1.2em}
.symbol p,#content p.symtext{display:inline-block;margin:5px auto;text-align:center;vertical-align:top;}
.symbol .buttons{background:var(--dunkel);color:var(--weiss);cursor:pointer;display:inline-block;border:1px solid var(--weiss);margin:5px auto;padding:5px 15px;text-align:center;}
.symbol .buttons:hover{border-color:#000;}

.sym:not([data-tooltip=''])::after{content: attr(data-tooltip);background:#333;color:var(--weiss);font-size:0.9em;line-height:1.2em;margin:0;padding:5px;border-radius:5px;opacity:0;width:200px;position:absolute;top:-20px;left:50%;transform:translate(-50%,-100%);-webkit-transition: all 0.5s;transition: all 0.5s;}
.sym:not([data-tooltip='']):hover::after{top:-15px;opacity:1;}
/*
.sym:not([data-tooltip='']) i{background:#333;display:block;height:16px;width:16px;position:absolute;left:40%;top:-30px;-webkit-transform: rotate(45deg); transform: rotate(45deg);opacity:0;-webkit-transition: all 0.3s;transition: all 0.3s;}
.sym:not([data-tooltip='']):hover i{opacity:1;top:-24px;-webkit-transition: all 0.1s;transition: all 0.1s;}
*/

.icon{display:block;font-size:1.2em;margin:0 auto;position:relative;text-align:center;vertical-align:top;}
#content .icon.links,#content .icon.left{float:left;margin:0 15px 0 0;text-align:left;}
#content .icon.rechts,#content .icon.right{float:right;margin:0 0 0 15px;text-align:right;}
.icon:before{color:var(--medium);line-height:1em;margin:0 !important;padding:5px;-webkit-transition: all 0.9s;transition: all 0.9s;}
.icon.rot:before,.icon.red:before{color:red;}
.icon:hover:before{color:var(--dunkel);}

#content .gsymbole{display:grid;grid-gap:25px;grid-template-columns: 1fr;margin:35px auto;text-align:center;}
#content .gsymbole .gsymbole-tab{background:transparent;border:none;display:block;padding:15px 10px;-webkit-transition: all 0.3s;transition: all 0.3s;}
#content .gsymbole .gsymbole-tab:hover{}
#content .gsymbole .gsymbole-tab a{display:block;height:100%;}
#content .gsymbole .gsymbole-tab h3{margin:10px auto;text-align:center;}
#content .gsymbole .gsymbole-tab p{margin:10px auto;text-align:left;}

#content p.iconabsatz{padding:0 0 0 50px;position:relative;}
#content p.iconabsatz:before{display:block;font-size:1.8em;margin:0 auto;padding:0;position:absolute;left:0;top:8px;text-align:center;}

#content .wrapcounter{display:block;color:#666;font-family:Montserrat,Verdana,Arial,sans-serif;font-weight:400;margin:35px auto;text-align:center;}
#content .wrapcounter .counter{margin:0 auto;text-align:center;}
#content .wrapcounter.mittel .counter{font-size:1.5em;}
#content .wrapcounter.gross .counter{font-size:2.2em;}
#content .wrapcounter.sehrgross  .counter{font-size:3.5em;}
#content .wrapcounter p{font-size:1.0em;font-weight:400;margin:0 auto;}
#content .counter:before{display:block;margin:0 auto;color:#333}

.contact {color:#000;background:var(--weiss);background:rgba(255,255,255,0.8);border:none;display:block;line-height:100%;width:100%;position:fixed;bottom:0;left:0;padding:0;text-align:center;vertical-align:middle;z-index:9998;box-shadow:none;}
.contact .crow{display:block;}
.contact .ctab{display:inline-block;padding:0;position:relative;text-align:center;vertical-align:middle;width:25%;z-index:999}
.contact .ctab a{display:block;padding:5px 10px;}
.contact span{display:none}
.contact b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;padding:0 5px;font-size:1.2em;font-weight:400;}
.contact .ctab.breadcrumb{display:none}
.contact .ctab.breadcrumb i{cursor:text;display:none;padding:5px 10px;}
.contact .myphone,.contact .mail,.contact .myhome,.contact .breadcrumb{background-color:transparent;cursor:pointer;display:block;font-size:2.6em;margin:0 auto;padding:0;}
.contact .myphone{cursor:pointer;}
.contact .mail{width:50px;}
.contact .myphone:before,.contact .mail:before,.contact .myhome:before,.contact .breadcrumb:before{color:rgba(0,0,0,0.7);margin:0 auto;text-align:center;z-index:999}
.contact .myphone:hover:before,.contact .mail:hover:before,.contact .myhome:hover:before,.contact .breadcrumb:before{color:#000;}
.contact .breadcrumb i:before,.contact .breadcrumb i:before{color:var(--medium);}

.back-to-top{display:block;cursor:pointer;font-size:3.2em;font-weight:700;line-height:100%;text-decoration:none;margin:0 auto;padding:0;text-align:center;height:40px;width:50px;}
.back-to-top:before{color:var(--medium);margin:0;}
.back-to-top:hover:before{color:#000;}

.wrapmyteam{display:grid;grid-template-columns: 1fr;}
figure.myteam{background:#f1f1f1;display:block;margin:0 auto;padding:0;position:relative;text-align:center;vertical-align:top;width:100%;}
figure.myteam .myteaminnen{}
figure.myteam .myteaminnen a,#content figure.myteam .myteaminnen a {background:transparent;color:#000;display:block;}
figure.myteam .myteaminnen a:hover h3,figure.myteam .myteaminnen a:hover p,figure.myteam .myteaminnen a:hover p strong {color:#666}
figure.myteam .img{display:block;overflow:hidden;}
figure.myteam img{border:none;display:block;margin:0 auto;-webkit-transition: all .5s ease;transition: all .5s ease;}
figure.myteam a:hover img{-webkit-filter: grayscale(99%); -webkit-backface-visibility: hidden; filter: grayscale(99%);-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
figure.myteam h3,#content figure.myteam h3{background:transparent;margin:5px 15px;text-align:center;padding:0}
figure.myteam p,#content figure.myteam p{background:transparent;font-size:0.9em;margin:5px 15px 15px 15px;padding:0}
figure.myteam p strong,#content figure.myteam p strong{background:transparent;font-size:1.1em;}

.myauthor{background:var(--hell);border:1px solid #ccc;display:block;font-size:0.9em;line-height:1.5em;margin:25px auto;padding:10px;position:relative;min-height:100px;border-radius:5px;}
.myauthor a img{display:block;}
.myauthor a:before{text-decoration:none;}
.myauthor .userthumb{position:relative;left:auto;top:auto;float:none;height:100px;margin:0 auto;width:100px}
.myauthor .userthumb img{border:1px solid #ccc;border-radius:50%}
.myauthor .icon:before,#content .myauthor .icon:before{color:var(--weiss);font-size:1.0em;background:#666;border:3px solid #666;border-radius:50%;padding:0;height:24px;width:24px;}
.myauthor .icon span{display:none;}
.myauthor h4{color:#000;font-size:1.0em;line-height:1.5em;margin:5px 0;padding:0}
.myauthor h4 a{color:#000;text-decoration:none;}
.myauthor ul,#content .myauthor ul,.myauthor p, #content .myauthor p{margin:5px 0;padding:0}
.myauthor ul,#content .myauthor ul{margin:10px 0}
.myauthor ul li,#content .myauthor ul li{list-style:none;margin:0;padding:0}
.myauthor ul li.sozial,#content .myauthor ul li.sozial{padding:10px 0 5px 0;}

table{empty-cells: hide;width:100%;}
table tr{}
table td, table th{text-align:left;padding:5px;vertical-align:top;}
table th{font-weight:700;}

#content .tabelle.beispiele .tabzelle img{display:block;}


table#wp-calendar {border:1px solid rgba(255,255,255,0.1);border-collapse:collapse;margin:15px auto;text-align:center;width:100%;}
table#wp-calendar  tr{width:100%;}
table#wp-calendar  td, table#wp-calendar th{border:rgba(255,255,255,0.1);padding:2px;text-align:center;}
table#wp-calendar th{font-weight:700;}
table#wp-calendar td#prev, table#wp-calendar td#next,table#wp-calendar  td.pad{border:none;}
table#wp-calendar thead td,table#wp-calendar thead th{background:rgba(255,255,255,0.1);}
table#wp-calendar td a,table#wp-calendar td a:hover{background:var(--dunkel);color:var(--weiss);display:block;-webkit-transition: all 0.5s;transition: all 0.5s;}
table#wp-calendar td a:hover,table#wp-calendar td#prev a, table#wp-calendar td#next a,table#wp-calendar  td.pad a{background:rgba(255,255,255,0.1);color:var(--weiss);}

.clear{clear:both;display:block;margin:0 auto;padding:25px 0;}
.clearer{clear:both;display:block;margin:0 auto;padding:0;}
.group:after,#nav:after,#wrapper:after {content: "";display: table;clear: both;}
.mail{display:block;}

video {max-width:100%;height:auto;}
.video-wrapper{background:var(--medium) url(images/youtube.png) no-repeat 50% 50%;background-size:cover;border:none;margin:25px auto;width:100%;max-width:100%}
.video-container{background-color:var(--medium);position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{background-color:transparent;margin:0;padding:0;position:absolute;top:0;left:0;width:100%;height:100%}

.my-frame,iframe.map-frame{border:none;padding:0;text-align:center;min-height:450px;height:100%;width:100%;}
iframe.map-frame,#map{ -webkit-filter: grayscale(99%); -webkit-backface-visibility: hidden; filter: grayscale(99%);}

.pinterest-container{display:block;margin:0 auto;text-align:center;width:100%;}
.pinterest-container > span {width: 100% !important; overflow: hidden;}
.pinterest-container > span > span > span > span {min-width: 0;}

.wrap-pinterest-button{display:block;text-align:center;margin:25px auto;position:relative;}
.pinterest-button{background:var(--medium);border:1px solid var(--medium);color:var(--weiss);cursor:pointer;display:inline-block;margin:0 auto;padding:5px 20px;-webkit-transition: all 0.5s;transition: all 0.5s;text-transform:uppercase;vertical-align:middle;position:absolute;top:50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%);}
.pinterest-button:hover{background:var(--darker);border-color:#333;color:var(--weiss);box-shadow: inset 0 0 0 50px #333;}
.datenschutz{display:block;font-size:0.9em;margin:5px auto;vertical-align:middle;z-index:300}
.datenschutz span{display:block;padding:5px 0}
.pinbox{background:#f1f1f1 url(images/pins.png);border:1px solid #ddd;display:block;width:100%;height:400px;overflow:hidden;-webkit-transition: all 1.5s;transition: all 1.5s;}
.pinbox.close{border:none;height:0;width:0;}
.pinbox.close .pinterest-button{opacity:0;}

.button{display:block;text-align:center;margin:25px auto;}
.button a,.navigation a{border:1px solid var(--button);color:var(--button);display:inline-block;font-weight:400;letter-spacing:1px;margin:0 auto;padding:10px 20px;text-align:center;-webkit-transition: all 0.5s;transition: all 0.5s;text-transform:uppercase;}
.button a:hover,.navigation a:hover{background:var(--button);box-shadow: inset 0 0 0 25px var(--medium);color:var(--weiss);}

.nix,.symbole span{display:inline;height:0;left:-999em;overflow:hidden;position:absolute;top:-999em;width:0}
.innernav .prev,.innernav .next{display:block;margin:5px 0}
.innernav .next{text-align:right;}

#content span.filedto a,#content span.filedto a:hover,#content span.tags a,#content span.tags a:hover{background:#eee;border:none;border-radius:3px;color:#666;display:inline-block;font-size:1em;line-height:125%;margin:5px 8px 5px 0;padding:5px;text-decoration:none;vertical-align:middle;-webkit-transition: all 0.5s;transition: all 0.5s;}
#content span.filedto a:hover,#content span.tags a:hover{background:#ddd;color:#333;}

#footer a.tag-cloud-link,#footer .mytags a,#footer .mytags a:hover{border:1px solid rgba(0,0,0,0.2);color:#666;display:inline-block;font-size:1em;line-height:125%;margin:5px 8px 5px 0;padding:5px;text-decoration:none;vertical-align:middle;-webkit-transition: all 0.5s;transition: all 0.5s;}
#footer a.tag-cloud-link,#footer .mytags a,#footer .mytags a:hover{border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.6);}
#footer a:hover.tag-cloud-link,#footer .mytags a:hover{color:var(--weiss);border-color:var(--weiss);}
#footer .mytags:before{color:rgba(255,255,255,0.6);}

/*  Header   */

#header{background:var(--weiss);float:left;margin:0;padding:0;position:relative;width:100%;z-index:998;-webkit-transition: all 0.5s;transition: all 0.5s;box-shadow: 0 5px 0 rgba(0,0,0,0.1);}
#header .inner{background:var(--weiss);font-size:1.4em;height:110px;padding:50px 0 0 0;-webkit-transition: all 0.5s;transition: all 0.5s;max-width:1920px;}

#header .logo{margin:0;padding:0;text-align:left;z-index:1000;-webkit-transition: all 0.5s;transition: all 0.5s;}
#header .logo a,#header .logo a:hover{display:block;margin:0 auto;padding:5px 0;width:auto;max-width:265px;z-index:1000;-webkit-transition: all 0.5s;transition: all 0.5s;}
#header .logo img{background:transparent;display:block;margin:0 auto;padding:0;max-height:45px;-webkit-transition: all 0.5s;transition: all 0.5s;}

/* Navigation */

#mobile{background:transparent;border:none;color:var(--weiss);cursor:pointer;display:block;font-size:4em;font-weight:300;margin:0;padding:0;position:fixed;top:10px;right:15px;text-align:center;width:32px;z-index:99999;outline:none;}
#mobile span{display:block;text-indent:-999em;}
#mobile b{
    background: var(--weiss);
    display:block;
    width:32px;
    height:3px;
    margin-bottom: 6px;
    position: relative;
    top:0;
    transition: all ease-in-out 0.4s;
}
#mobile.open b:nth-child(2){
    width: 0;
    opacity:0;
}
#mobile.open b:nth-child(1){
    transform: rotate(-45deg);
    top:6px;
}
#mobile.open b:nth-child(3){
    transform: rotate(45deg);
    top:-12px;
}

nav{background:var(--weiss);box-shadow:0 0 4px rgba(0,0,0,0.4);font-size:1.0em;margin:0 auto;position:fixed;top:48px;left:5%;right:auto;width:90%;max-width:1280px;transition: max-height 0.9s cubic-bezier(0, 1, 0, 1);max-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
nav::-webkit-scrollbar {width: 10px;} /* width */
nav::-webkit-scrollbar-track {background: #f1f1f1;}  /* Track */
nav::-webkit-scrollbar-thumb {background: var(--dunkel);}  /* Handle */
nav::-webkit-scrollbar-thumb:hover {background: var(--medium);} /* Handle on hover */
nav {scrollbar-color:#f1f1f1;scrollbar-width:thin;}

nav.open{border:none;display:block;margin:0 auto 10px auto;max-height:80vh;z-index:1001;transition: max-height 0.9s ease-in-out;}

nav ul,nav ul li{display:block;text-align:center;width:auto;}
nav ul li a,nav ul li a:hover{border-bottom:1px solid rgba(0,0,0,0.1);color:var(--dunkel);display:block;margin:0;padding:10px 5px;position:relative;}

nav ul li a:hover,nav.open ul li.current-menu-item a,
nav ul li ul li a:hover,nav ul li ul li.current-menu-item a{background:rgba(255,255,255,0.1);color:var(--dunkel);}

#nav li.close-nav{border-top:none;clear:both;color:var(--dunkel);display:block;width:100%;padding:10px 5px}
#nav li.close-nav b{color:var(--dunkel);cursor:pointer;}

#nav li.search {background:transparent;border-top:1px solid rgba(255,255,255,0.1);text-align:center;padding:0;}
#nav li.search ul{margin:0;padding:2px;}
#nav li.search ul li{background:var(--medium);padding:5px;}
#nav li.search b:before {color:var(--dunkel);cursor:pointer;display:none;font-size:1.2em;margin:0;padding:5px 20px 5px 0;}
#nav li.search .searchform{margin: 0 auto;padding:12px 10px;text-align:center;width:95%;max-width:95%;}
#nav li.search .searchform input{border:1px solid var(--weiss);}
#nav li.search .searchform button {color:rgba(255,255,255,0.8);}
#nav li.search .searchform button:hover{color:var(--weiss);}
#nav li.search .searchform button:before{margin:0;font-size:1.2em;}

nav ul li a:not([href]),nav ul li a:hover:not([href]){background:var(--hell);cursor:text;}

nav li ul.sub-menu li a:after,nav li ul.sub-menu li li a:after{border:none;display:none;margin:0;}

#nav li.main a{font-weight:700;}
#nav li.main ul li a{font-weight:400;}

/*  Content   */

#content{background:var(--weiss);padding:0 0 50px 0;min-height:500px;}
.page-template-page-parallax-php #content,.tag #content,.category #content,.blog #content,.page-template-page-lifestyle #content{padding:0;}
#content p{margin:25px 0;text-align:left;} 
/* #content 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:75ch;text-wrap: pretty;}
#content p:has( > img) {max-width:var(--mwidth) !important;}
#content p:has( > iframe) {max-width:var(--mwidth) !important;text-align:center;}*/
#content p.aligncenter{margin:25px auto;text-align:center;}
#content p.frame{margin:0;}
#content p:empty{margin:0;padding:0;}

#content p a,#content ul a{text-decoration:underline;text-decoration-skip:ink;text-decoration-skip-ink:auto;}
#content p a:hover,#content ul a:hover{text-decoration:none;}

#content p.absatzz{clear:both;display:block;position:relative;padding-left:45px}
#content p.absatzz::before {color: rgba(0,0,0,0.1);content: attr(data-first_letter);display: block;font-family:georgia,times,'times new roman',serif;font-size:7em;font-weight:700;line-height: 1;position: absolute;top: -25px;left: -15px;}

#content a.cl,#content ul.unterseiten a{display:inline-block;text-decoration:none;position:relative;}
#content a.cl::after,#content ul.unterseiten a::after,#content h3.cl::after {content: '';display: block;width: 0;height: 2px;background:var(--medium);margin-top:2px;transition: width .3s;}
#content a.cl:hover::after,#content ul.unterseiten a:hover::after,#content a:hover h3.cl::after {width: 100%; transition: width .3s; }

#content ol{margin:25px 0 25px 15px;}
#content ol li{padding:10px;}

#content ul{margin:25px 0 25px 15px;}
#content ul li,#content ul.postinfos li {list-style:none;text-align:left;}
#content ul li{padding:3px 5px 3px 20px;position:relative;}
#content ul li:before{color:#666;position:absolute;left:0;top:14px;font-size:0.6em;}
#content ul ul,#content ul ul ul{margin:0 15px}
#content ul ul li,#content ul ul ul li{background-image:none;padding:3px 5px 3px 20px;}

#content ul.nocheck{margin:20px 0 20px 35px;}
#content ul.nocheck li{background-image:none;list-style:circle;padding:3px 5px}
#content ul.nocheck li:before,#content ul.postinfos li:before,#content .myauthor ul li:before,.slideshow ul li:before,#content ul.post-categories li:before,#content ul.recentcomments li:before {display:none;}
#content ul.postinfos li{padding:0}

#content .sd-content ul li{background:transparent;padding:0;}
#content .pewl{display:block;width:100% !important;}
#content .pew-footer{clear:both;display:block;width:100%;}

#content ul.breadcrumb{font-size:0.85em;margin:5px 0 25px 0;max-width:100%;}
#content ul.breadcrumb li{display:inline-block;list-style:none;margin:0 1px;padding:0;width:auto;vertical-align:middle;white-space: nowrap;max-width:50%;overflow:hidden;}
#content ul.breadcrumb li:first-child{padding:0;margin-left:-20px;}
#content ul.breadcrumb li:before{content:'>';vertical-align:middle;margin:0 5px 0 0;padding:0;position:relative;left:auto;top:auto;}
#content ul.breadcrumb li:first-child:before{content:'';margin:0;}
#content ul.breadcrumb a,#content ul.breadcrumb em{color:#888;border:none;display:inline-block;margin:0;padding:0;vertical-align:middle;}
#content ul.breadcrumb a.icon-home:before{text-decoration:none;color:#555;font-size:1.3em;}
#content ul.breadcrumb a:hover.icon-home:before{color:#888}

#content ul.sprungmarken {clear:both;display:block;margin:0 auto;text-align:center;}
#content ul.sprungmarken li {display:inline-block;padding:0;text-align:center;}
#content ul.sprungmarken li:before {display:none;}
#content ul.sprungmarken li a,#content ul.sprungmarken li a:hover{background:var(--weiss);border:1px solid var(--button);color:var( --button);display:block;font-weight:500;margin:5px;padding:5px 8px;position: relative;text-decoration:none;-webkit-transition: all 0.5s;transition: all 0.5s;}
#content ul.sprungmarken li a:hover{background:var(--button);box-shadow: inset 0 0 0 25px var(--button);color:var(--weiss);}

.page-template-page-parallax-php #content ul.breadcrumb{margin:15px auto;max-width:1280px;}


/* 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:1.0rem;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 var(--weiss);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:var(--weiss);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: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{}



#content ul.gridgalerie{clear:both;display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 0;line-height:100%;margin:25px auto;padding:0;text-align:center;width:100%;max-width:100%;}
#content ul.gridgalerie li{background:transparent;border:3px solid transparent;margin:0;padding:0;position:relative;overflow:hidden;text-align:center;}
#content ul.gridgalerie li:before{display:none;}
#content ul.gridgalerie li a{display:block;}
#content ul.gridgalerie li img{display:block;margin:0 auto;-webkit-transition:all .5s ease;transition:all .5s ease;object-fit: cover;width:100%;}
#content ul.gridgalerie li a:hover img{-webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

#content ul.gridgalerie li span.txt{background:transparent;border:none;color:var(--weiss);display:grid;place-items:center;font-weight:300;height:auto;line-height:1.4;overflow:hidden;position:absolute;text-align:center;opacity:1;padding:0;position:absolute;top:2.5%;bottom:2.5%;left:2.5%;right:2.5%;height:95%;width:95%; text-align: center;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
#content ul.gridgalerie li span.txt span{width:90%;}
#content ul.gridgalerie li span.txt span:before{color:var(--weiss);display:block;font-size:1.2em;margin:0 auto;text-align:center;}
#content ul.gridgalerie li span.txt span b{display:none;}

#content .gallery{display:grid;grid-gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px, 1fr));grid-auto-rows:250px;grid-auto-flow:dense;}
#content .gallery .img a{color:var(--weiss);}
#content .gallery .img a::before{color:var(--weiss);opacity:1;position:absolute;top:50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;z-index:99}
#content .gallery .img a:hover::before{opacity:1;}
#content .gallery .img{overflow:hidden;position:relative;}
#content .gallery .img img{height:100%;width:100%;object-fit:cover;display:block;margin:0 auto;-webkit-transition:all .5s ease;transition:all .5s ease;}
#content .gallery .img a:hover img{-webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

#content ul.galerie{line-height:100%;margin:20px auto;text-align:center;width:100%;}
#content ul.galerie li{background:transparent;border:1px solid var(--weiss);display:inline-block;margin:0 auto;padding:0;position:relative;overflow:hidden;text-align:center;width:50%;vertical-align:top;}
#content ul.galerie li a, #content ul.galerie li a:hover, #content ul.galerie li a:focus{display:block;line-height:0;margin:0;padding:0;position:relative;text-align:center;text-decoration:none;}
#content ul.galerie li img{display:block;border:1px solid var(--weiss);padding:0;}
#content ul.galerie li a:hover img{border:1px solid #aaa;}
#content ul.galerie li span{background:#1A1A1A;background:rgba(0,0,0,0.6);border:none;color:var(--weiss);display:block;height:auto;line-height:1.4em;padding:10px 5%;position:absolute;text-align:left;bottom:-500px;left:0;width:90%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
#content ul.galerie li:hover span{bottom:5px;}

#content ul.aktuell{clear:both;display:grid;grid-template-columns: 1fr;grid-gap:10px;line-height:100%;margin:25px auto;text-align:center;width:100%;}
#content ul.aktuell li{background:transparent;border:none;margin:0;padding:0;position:relative;overflow:hidden;text-align:left;}
#content ul.aktuell li:before{display:none;}
#content ul.aktuell li a{display:block;text-decoration:none;}
#content ul.aktuell li img{display:block;margin:0 auto;-webkit-transition:all .5s ease;transition:all .5s ease;}
#content ul.aktuell li a:hover img{-webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
#content ul.aktuell h3{font-size:1.1em;font-weight:400;line-height:1.2em;margin:10px 0;}
#content ul.aktuell p{font-size:1.0em;font-weight:300;line-height:1.4em;margin:10px 0;}

#content .bbild{background-color:var(--hell);display:block;height:500px;overflow:hidden;position:relative;width:100%;}

#content .wrapmypost,#content .wrapmyposts,#content .wrapmeinteam{display:block;}
#content .mypost,#content .myposts{background:var(--hell);border:1px solid transparent;display:block;min-height:300px;margin:0 auto;padding:0;overflow:hidden;position:relative;vertical-align:top;width:100%;}
#content .myposts{margin:25px auto;padding:0;max-width:980px;}
#content .mypost a,#content .myposts a{color:var(--dunkel);display:block;height:100%;width:100%;}
#content .mypost a:hover,#content .myposts a:hover,#content .mypost a:hover h3,#content .myposts a:hover h3{color:#666;}
#content .mypost .thumbnailbox,#content .myposts .thumbnailbox{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;padding:0 0 50% 0;height:0;width:100%;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}
#content .myposts .thumbnailbox{background-size:auto;padding:0 0 50% 0;}
#content .mypost a:hover .thumbnailbox,#content .myposts a:hover .thumbnailbox{-webkit-box-shadow: inset -700px 0 0 0 rgba(0,0,0,0.3);box-shadow: inset -700px 0 0 0 rgba(0,0,0,0.3);}
#content .mypost .textbox,#content .myposts .textbox{display:block;height:100%;padding:25px;vertical-align:top;width:100%;}
#content .mypost h3,#content .myposts h3{font-size:1.2em;font-weight:400;line-height:125%;margin:0 0 10px 0;}
#content .mypost p,#content .myposts p{font-size:0.9em;margin:10px 0;}
#content .mypost .mybutton,#content .myposts .mybutton{border:1px solid #aaa;display:inline-block;margin:10px 0;padding:5px 15px;text-align:center;}

#content .myposts{background:var(--weiss);}
#content .myposts .textbox{padding:25px 0;}
#content .myposts h3{margin:15px 0;}

#content .myposts .davico{display:block;font-size:0.95em;margin:0;position:relative;}
#content .myposts .datum{}
#content .myposts .vico{color:#666;position:absolute;right:0;top:0;}
#content .myposts .vico span{display:inline-block;margin:0 15px 0 0;vertical-align:top;}

#content .post,#content .postteam{background:var(--weiss);margin:25px 0;padding:10px;position:relative;vertical-align:middle;}
#content .post a,#content .postteam a{color:#666;display:block;}
#content .post h2,#content .post h3{font-size:1.2em;font-weight:400;margin:25px 0 10px 0;}

#content .postteam strong{font-weight:400;letter-spacing:2px;}
#content .postteam h2,#content .postteam h3{margin:10px auto 5px auto;text-align:center;}
#content .postteam p{margin:5px 0;hyphens: auto; hyphenate-limit-chars: auto 3 4;text-wrap: pretty;}
#content .post a:hover,#content .post a:hover h2,#content .post a:hover h3,#content .post a:hover .datum,
#content .postteam a:hover,#content .postteam a:hover h2,#content .postteam a:hover h3  {color:var(--dunkel)}

#content .post .thumbnail,#content .postteam .thumbnail{background:var(--weiss);margin:0 auto;position:relative;overflow:hidden;}
#content .post .thumbnail img,#content .postteam .thumbnail img{display:block;margin:0 auto;-webkit-transition:all .5s ease;transition:all .5s ease;}
#content .post .thumbnail:hover img,#content .postteam .thumbnail:hover img{-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
#content .postbody{position:relative;}
#content .postmeta{clear:both;display:block;font-size:1em;padding:10px 0}
#content .postmetadata a,#content .postmeta a{color:#777;display:inline;margin:0;padding:0;width:auto;}
#content .postmetadata a:hover,#content .postmeta a:hover{color:var(--dunkel)}
#content .mixed{display:block;margin:0;padding:0;width:100%;}
#content .postinfo span{margin-right:10px;}
#content .entrybody p{margin:10px 0;}

#content ul.post-categories{display:inline-block;vertical-align:middle;margin:0;padding:0;}
#content ul.post-categories li{display:inline;margin:0;padding:0;}

#content .post.referenz p.reftitel{display:none;}

#content .empfehlungen{clear:both;display:block;margin:25px auto;padding:0;position:relative;}
#content .empfehlungen a,#content .empfehlungen a:hover{color:#333;-webkit-transition:all .5s ease;transition:all .5s ease;}
#content .empfehlungen a:hover{color:#666;}
#content .empfehlungen h3{color:#333;font-size:1.2em;line-height:1.2em;margin:15px 0 10px 0;text-align:left;}
#content .empfehlungen img{display:block;margin:0 auto;-webkit-transition:all .5s ease;transition:all .5s ease;}
#content .empfehlungen a:hover img{filter:grayscale(100%);}
#content .empfehlungen p{display:block;margin:10px 0;position:relative;}
#content .empfehlungen p::before {color: rgba(0,0,0,0.1);content: attr(data-first_letter);display: block;font-family:georgia,times,'times new roman',serif;font-size:7em;font-weight:700;line-height: 1;position: absolute;top: -25px;left: -15px;}
#content .empfehlungen p.mehr{text-decoration:underline;text-align:right;}


#content .tipps{border-bottom:1px solid #ccc;display:block;margin:50px 0 25px 0;padding:0 0 25px 65px;position:relative;}
#content .tipps:before{font-size:2em;position:absolute;left:10px;top:0;margin:0;line-height:120%;}
.single-tipps #content .tipps:before{left:0;top:65px}
#content .tipps h2{margin:10px 0;}
#content .tipps a:hover h2{color:var(--medium);}
#content .tipps p{margin:10px 0;}
#content .tipps .weiter{color:var(--medium);}

#content ul.postinfos {font-size:1.0em;margin:5px 0;width:100%;position:relative;}
#content ul.postinfos.short {margin:0;}
#content ul.postinfos li{background:transparent;color:#777;display:inline-block;padding:5px 0 5px 15px;}
#content ul.postinfos li.comm{padding:5px 25px 5px 15px;}
#content ul.postinfos li.soci{padding:5px 0;position:absolute;right:0;text-align:right;white-space:nowrap;}
#content ul.postinfos li.soci a{margin:0 5px;}
#content ul.postinfos li:first-child{padding-left:0;}
#content ul.postinfos li a{color:rgba(136, 136, 136, 0.8);}
#content ul.postinfos li a:hover{color:var(--dunkel);}
#content ul.postinfos li.soci a:before{font-size:1.2em;margin:0;padding:5px 10px;text-decoration:none;}
#content ul.postinfos li.soci a span{display:none;}
#content ul.postinfos .views i{display:none;}

#content ul.recentcomments{margin:25px auto;padding:0 15px;}
#content ul.recentcomments li{background:transparent;border:1px solid rgba(0,0,0,0.2);font-size:0.95em;line-height:1.4em;margin:5px auto;min-height:80px;padding:15px 15px 15px 75px;position:relative;text-align:left;border-radius:5px;}
#content ul.recentcomments li a,#content ul.recentcomments li a:hover{border:none;color:#666;display:block;padding:0;text-decoration:underline;}
#content ul.recentcomments li a:hover{color:#333;}
#content ul.recentcomments li span.img{position:absolute;left:10px;top:15px;}
#content ul.recentcomments li .img:before{border:1px solid rgba(0,0,0,0.4);color:rgba(0,0,0,0.4);font-size:2.7em;height:50px;line-height:120%;margin:0;width:50px;border-radius:50%}
#content ul.recentcomments li div.txt{border:none;}

#content .wrapvergleiche {color:#555;display:block;font-size:1em;line-height:1.4em;margin:50px auto;position:relative;}
#content .wrapvergleiche ul.vergleiche{border-top: 1px solid #ddd;border-bottom:1px solid #ddd;display:block;margin:25px auto;padding:0;text-align:left;width:100%;-webkit-transition: 0.3s;transition: 0.3s;box-shadow: 0 0 10px rgba(0,0,0,.5);text-decoration:none;}
#content .wrapvergleiche ul.vergleiche li{background:var(--weiss);border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom: 1px solid #eee;list-style:none;padding:15px 15px 15px 50px;position:relative;min-height:58px;}
#content .wrapvergleiche ul.vergleiche li:last-child{}
#content .wrapvergleiche ul.vergleiche li:before{content:'';display:none;}
#content .wrapvergleiche ul.vergleiche li span:before{margin:0;position:absolute;left:10px;top:20px;}
#content .wrapvergleiche ul.vergleiche li span.positiv:before{color:#00C418;}
#content .wrapvergleiche ul.vergleiche li span.neutral:before{color:#0059A3;}
#content .wrapvergleiche ul.vergleiche li span.negativ:before{color:#CC3D00}
#content .wrapvergleiche ul.vergleiche li.vheader {background-color:var(--medium);color:var(--weiss);font-weight:700;font-size:1.1em;padding:20px 15px;text-align:center;}
#content .wrapvergleiche ul.vergleiche li.vheader .preis{display:block;font-size:1.3em;letter-spacing:2px;margin:15px auto;}
#content .wrapvergleiche ul.vergleiche li.vheader .preiszusatz{display:block;font-size:0.8;font-weight:400;}
#content .wrapvergleiche ul.vergleiche li.vfooter {border-bottom:none;text-align:center;padding:15px;}
#content .wrapvergleiche ul.vergleiche button{background:transparent;border:none;padding:0;}
#content .wrapvergleiche ul.vergleiche button.button a{background-color:var(--medium);border-color:var(--medium);color:var(--weiss);box-shadow: 5px 5px 5px -4px rgba(0,0,0,.5);padding:10px 35px;text-decoration:none;}


#content .inner-post-nav {border-top:1px solid #ccc;display:block;margin:25px 0;padding:15px 0}
#content .inner-post-nav a{display:block;padding:10px 0}
#content .inner-post-nav a.next-team{text-align:right;}

#content .tabelle, #content .tabreihe,#content .tabzelle {display:block;padding:0;position:relative;}
#content .tabelle .tabzelle{text-align:left;}
#content .tabelle.center .tabzelle {text-align:center;}
#content .tabelle h2{margin-top:0;}

#content .tabzelle.tabbild {background-color:var(--weiss);background-position: 50% 50%; background-repeat: no-repeat;background-size:cover;border:10px solid var(--weiss);}
#content .tabzelle.tabbild .inner{padding:50px 25px;min-height:500px;}

#content table{width:auto;}
#content table td,#content table th{padding:2px 10px;vertical-align:middle;}
#content table tr td.icon, #content table tr th.icon{padding:5px 0 10px 0;width:32px;}
#content table tr td.icon:before, #content table tr th.icon:before{color:var(--dunkel);}
#content table.rahmen td{border:1px solid #ddd;}

#content .tabzelle.ergebnis{border-top:1px solid #666;}

#content .tabelle.symbole{clear:both;margin:25px auto;}
#content .tabelle.symbole .tabzelle {margin:0 auto;padding:25px;text-align:center;max-width:500px;}
#content .tabelle.symbole .tabzelle a{background:transparent;border:none;display:block;margin:0 auto;padding:25px;max-width:420px;-webkit-transition: all 0.3s;transition: all 0.3s;}
#content .tabelle.symbole .tabzelle a:hover{}
#content .tabelle.symbole .tabzelle p{text-align:left;}

#content .tabelle.teaser .tabzelle.img {text-align:center;}
#content .tabelle.teaser .tabzelle.img img{margin:25px auto;text-align:center;}

#content .tabelle.kontakt .tabzelle h3{margin:25px 0;text-align:left;}

#content .tabelle.icons {margin:50px auto 75px auto}
#content .tabelle.icons .tabzelle {text-align:center;}
#content .tabelle.icons .tabzelle p:empty{display:none;}
#content .tabelle.icons .tabzelle h3 {margin:10px auto;text-align:center;}

#content .tabelle.myicons{}
#content .tabelle .demo-icon{}
#content .tabelle .i-code {display:none;}

#content .tabelle.vergleich{clear:both;margin:50px auto;}
#content .tabelle.vergleich .tabzelle {padding:10px;}
#content .tabelle.vergleich .tabzelle .inner{background:rgba(255,255,255,0.9);border:1px solid #ccc;padding:25px;box-shadow: 0 5px 10px -4px rgba(0,0,0,.5);}
#content .tabelle.vergleich .tabzelle .inner:hover{background:rgba(255,255,255,1);}
#content .tabelle.vergleich .tabzelle a{}
#content .tabelle.vergleich .tabzelle a:hover{}
#content .tabelle.vergleich .tabzelle h2,
#content .tabelle.vergleich .tabzelle h3{border-bottom:1px solid #ddd;text-align:center;margin:10px auto;padding:0 0 10px 0;}
#content .tabelle.vergleich .tabzelle h2{color:var(--medium);font-weight:700;}
#content .tabelle.vergleich .tabzelle h2 em{display:block;font-size:0.7em;}
#content .tabelle.vergleich .tabzelle p{border-bottom:1px solid #ddd;padding:0 0 10px 0;}
#content .tabelle.vergleich .tabzelle ul{border-bottom:1px solid #ddd;margin:10px 0;padding:0 0 10px 0;}

#content .lesetipp{background:#eee;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 );border:1px solid #ddd;border-radius:5px;display:block;margin:25px auto;padding:25px;position:relative;max-width:1280px;}
#content .lesetipp .anzeige{color:#999;display:block;font-size:0.9em;margin:0 0 10px 0;padding:0;line-height:100%;text-align:left;}
#content .lesetipp h2,
.single #content .lesetipp h2:first-of-type,
#content .page-template-page-parallax-php .lesetipp h2,
#content .page-template-page-breit-parallax-php .lesetipp h2{font-size:1.3em;margin:0 0 10px 0;padding:0;}

#content .lesetipp p{margin:10px 0;line-height:1.4em;}
#content .lesetipp a{color:#000;text-decoration:none;}
#content .lesetipp a .button2{color:var(--medium)}
#content .lesetipp .thumb{border:1px solid #ddd;display:block;height:230px;overflow:hidden;margin:15px auto;position:relative;width:100%;}
#content .lesetipp .thumbinner{background-color:var(--weiss);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;display:block;height:100%;margin:0;-webkit-transition: all 0.3s;transition: all 0.3s;}
#content .lesetipp a:hover .thumbinner{-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}

#content .lesetipp.dark{background:#333;color:var(--weiss);}
#content .lesetipp.dark a,#content .partner.blau h2{color:var(--weiss)}
#content .lesetipp.dark a .button2{color:rgba(255,255,255,0.8)}
#content .lesetipp.dark .anzeige{color:rgba(255,255,255,0.7)}

#content .wp-caption{font-size:1em;height:auto;margin:25px auto;padding:0;position:relative;text-align:center;width:auto;max-width:100%;}
#content .wp-caption img{display:block;margin:0 auto;padding:0;text-align:center;}
#content .wp-caption p{color:#666;display:block;font-style:italic;margin:0;padding:10px 0;text-align:center;width:100%}

#content .tabelle.empfehlungen img{margin:10px auto;text-align:center;}
#content .tabelle.empfehlungen h3,#content .tabelle.empfehlungen .wp-caption h3{margin:10px 0 15px 0}
#content .tabelle.empfehlungen p,#content .tabelle.empfehlungen .wp-caption p{font-style:inherit;text-align:left;margin:15px 0}

#content .wp-pagenavi {clear:both;display:block;margin:15px 0;padding:15px 0 35px 0;text-align:center;}
#content .wp-pagenavi a,#content .wp-pagenavi a:hover,#content .wp-pagenavi span {background:#eee;border:none;color:var(--dunkel);display:inline-block;margin:5px;padding:5px 15px;text-align:center;border-radius:5px;}
#content .wp-pagenavi a:hover,#content .wp-pagenavi span.current {background:var(--dunkel);color:var(--weiss);}
#content .wp-pagenavi span.current {background:var(--dunkel);color:var(--weiss);}
#content .wp-pagenavi span.pages {padding:5px 10px;}

#content .social a,#content .social a:hover{background:#aaa;color:var(--weiss);display:inline-block;font-size:1.5em;font-weight:700;line-height:1em;margin:10px 10px 5px 0;padding:10px;text-align:center;text-decoration:none;width:auto;border-radius:50%;overflow:hidden;}
#content .social a:hover{background-color:var(--weiss);}
#content .social a span{display:none;}
#content .social a:before{margin:0;}

#content .social a.icon-twitter{background-color:#00aced;border:1px solid #00aced}
#content .social a.icon-facebook{background-color:#3B5998;border:1px solid #3B5998}
#content .social a.icon-gplus{background-color:#dd4b39;border:1px solid #dd4b39}
#content .social a.icon-xing{background-color:#006567;border:1px solid #006567}
#content .social a.icon-rss{background-color:#ee802f;border:1px solid #ee802f}
#content .social a.icon-pinterest{background-color:#cb2027;border:1px solid #cb2027}
#content .social a.icon-linkedin{background-color:#0e76a8;border:1px solid #0e76a8}
#content .social a.icon-tumblr{background-color:#34526f;border:1px solid #34526f}
#content .social a.icon-instagram{background-color:#125688;border:1px solid #125688}

#content .screenshot{display:inline-block;vertical-align:top;position:relative;text-align:center;}
#content .screenshot img,
#content .screenshot p{display:block;margin:10px auto;text-align:center;}

#content .apost{background:var(--hell);border:1px solid #ddd;display:block;margin:50px auto;padding:10px;text-align:center;}
#content .apost a{text-decoration:none;}
#content .apost h3{margin:10px auto;text-align:center;}
#content .apost img{display:block;margin:10px auto;text-align:center;}

.paypal{display:block;margin:25px auto;}
.paypal a,.paypal a:hover,#content .paypal a{background:var(--weiss) url(images/de-pp-logo-150px.png) no-repeat 10px 50%;border:1px solid #bbb;color:#666;display:inline-block;min-height:50px;line-height:120%;margin:0;padding:15px 10px 10px 170px;text-align:center;vertical-align:middle;text-decoration:none;border-radius:5px;max-width:100%;vertical-align:middle;}
.paypal a:hover,#content .paypal a:hover {color:#333;border-color:#aaa}

/*  Sidebar  */

#sidebar {background:#f1f1f1;margin:0;padding:0;text-align:center;}
#sidebar .inner {background:#f1f1f1;display:block;font-size:1.5em;line-height:1.5em;margin:0 auto;padding:0;text-align:center;max-width:1280px;}
#sidebar::after {content: "";clear: both;display: table;}
#sidebar img{display:block;margin:10px auto;text-align:center;}
#sidebar .sidebars,#sidebar .sidebars-full{display:block;margin:0;padding:0 25px;text-align:left;}
#sidebar h2, #sidebar h3{text-align:center;}
#sidebar p{margin:25px auto;}

/*  Footer   */

#footer {background:var(--dunkel);clear:both;display:block;position:relative;overflow-x:hidden;}
#footer .trio-footer,#footer .quartett-footer{clear:both;display:block;margin:0 auto;padding-top:25px;}
#footer .trio-footer{}
#footer .inner {background:transparent;color:rgba(255,255,255,0.6);display:block;font-size:1.4em;line-height:1.5em;padding:5px 25px 50px 25px;text-align:center;max-width:1920px;}
#footer a,#footer strong{color:rgba(255,255,255,0.6);}
#footer a:hover{color:var(--weiss);}
#footer small{font-size:1em;}
#footer strong{font-weight:700;}
#footer hr{border-top:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.2);margin:0 auto;}

#footer address,#footer form.mini h3,#footer form.mini h4{color:rgba(255,255,255,0.6);}
#footer h3{font-size:1.2em}
#footer h3, #footer h3 a,#footer h4, #footer h4 a{color:rgba(255,255,255,0.6);font-weight:400;margin:25px auto;text-align:center;}
#footer ul,#footer p{margin:10px auto;}
#footer ul li{border-bottom:1px solid rgba(255,255,255,0.2);display:block;padding:5px 0;}
#footer ul a{border:none;color:rgba(255,255,255,0.6);display:block;padding:5px 0}
#footer ul a:hover,#footer ul li.current_page_item a {color:var(--weiss);text-decoration:underline;text-decoration-skip:ink;text-decoration-skip-ink: auto;}

#footer ul li.mmlogo{border:none;}
#footer ul li.mmlogo a{background-image:url(https://www.maler-heyse.de/wp-content/uploads/2019/07/MMLogo_weiss_transp160px.png);background-repeat: no-repeat;background-position:50% 50%;background-size:auto auto;display:block;margin:0 auto;padding:0;height:160px;width:100%;text-indent:-999em;}

#footer ul.recentcomments{margin:25px auto;padding:0 15px;}
#footer ul.recentcomments li{background:transparent;border:1px solid rgba(255,255,255,0.2);font-size:0.95em;line-height:1.4em;margin:5px auto;min-height:80px;padding:15px 15px 15px 75px;position:relative;text-align:left;border-radius:5px;}
#footer ul.recentcomments li a,#footer ul.recentcomments li a:hover{border:none;color:rgba(255,255,255,0.6);padding:0;display:inline;text-decoration:underline;}
#footer ul.recentcomments li a:hover{color:var(--weiss);}
#footer ul.recentcomments li span.img{position:absolute;left:10px;top:15px;}
#footer ul.recentcomments li .img:before{border:1px solid rgba(255,255,255,0.5);color:rgba(255,255,255,0.5);font-size:2.7em;height:50px;line-height:120%;margin:0;width:50px;border-radius:50%}
#footer ul.recentcomments li div.txt{border:none;}

#footer .searchform{width:75%;max-width:600px;margin:15px auto;position:relative;}
#footer .searchform input{background:var(--weiss);border:1px solid rgba(255,255,255,0.6);color:#000;margin:0 2px 0 0;padding:10px;text-align:left;width:75%;border-radius:5px;}
#footer .searchform input:hover{background:var(--weiss);border-color:var(--medium)}
#footer .searchform button {background:transparent;border:none;color:var(--medium);cursor:pointer;font-size:1.2em;padding:1px;height:32px;width:32px;border-radius:50%}
#footer .searchform button:hover{background:transparent;color:var(--weiss)}
#footer .searchform button.icon-search:before{margin:0;}

#footer .fullbox.wichtig{clear:both;display:block;float:none;padding:25px;width:100%;}
#footer .fullbox.wichtig .iwichtig{background:var(--medium);color:var(--weiss);display:block;font-weight:700;line-height:1.5em;margin:0 auto;padding:25px;max-width:1280px;}
#footer .fullbox.wichtig .iwichtig a{border:1px solid var(--weiss);color:var(--weiss);display:block;margin:10px 25px;padding:10px;}
#footer .fullbox.wichtig .iwichtig a:hover{background-color:#0091CE}
#footer .fullbox.wichtig .iwichtig h3{color:var(--weiss);font-weight:700;margin:10px auto;}

.vcard{text-align:left;margin:0}
.vcard span{display:block;}
.vcard span.plz,.vcard span.ort,#hcard span.plz,#hcard span.ort{display:inline-block;}
.kontaktbox .vcard span.plz,.kontaktbox .vcard span.ort {display: inline-block;}
.vcard span.telefon{margin:15px 0 0 0;}

#footer table{margin:35px auto;}
#footer table tr{}
#footer table td, #footer table th{line-height:100%;padding:2px 10px;text-align:left;vertical-align:middle;}
#footer table tr td:first-child, #footer table tr th:first-child{text-align:right;}
#footer table tr td:before, #footer table tr th:before{color:rgba(255,255,255,0.6);font-size:1.3em;}

#footer #footer-sidebar3{display:block;padding:35px 0;}

#footer .phone{display:inline-block;vertical-align:middle;}

.provenexpert-bewertungssiegel{background:var(--dunkel);display:block;font-display: swap !important; margin:0 auto;padding:0 15px 65px 15px;text-align:center; -webkit-filter: grayscale(99%); -webkit-backface-visibility: hidden; filter: grayscale(99%);}
.provenexpert-bewertungssiegel img{display:block;margin:0 auto; -webkit-filter: grayscale(99%); -webkit-backface-visibility: hidden; filter: grayscale(99%);}
#ProvenExpert_widgetbar_container div{font-display: swap !important; -webkit-filter: grayscale(99%);-webkit-backface-visibility: hidden; filter: grayscale(99%);}

#footer #pe_rating #pe_stars{display:block;margin:5px auto !important;}
#footer .pe_u{display:inline-block !important;background:var(--trans-hell-8);margin:25px auto;text-align:center;font-size:1.0em)}


#footer .execphpwidget,#footer .execphpwidget span{max-width:100% !important;overflow:hidden;}
#footer .execphpwidget{padding:10px;}

#footer #pe_rating{display:block;font-size:1.8em;margin:0 auto 25px auto;text-align:center;}

#myfixbox{background:var(--dunkel);display:block;font-size:1.5em;line-height:125%;margin:0;padding:25px 15px;text-align:center;width:100%;z-index:9999}
#myfixbox span{display:block;}
#myfixbox a{color:var(--weiss);}
#myfixbox a:hover{color:#555}
#myfixbox .phone, #myfixbox .mail{display:block;margin:10px auto;}
#myfixbox .phone a:before, #myfixbox .mail a:before{display:inline-block;}


/* FAQ - Boxen mit ausklappbaren Inhalten */

#content dl.hidebox{margin:15px 0}
.schmal #content dl.hidebox{max-width:700px;margin-left:auto;margin-right:auto;}
#content dl.hidebox dt a{background:var(--trans-dunkel--1);border:1px solid var(--trans-dunkel-2); color:var(--button);cursor:pointer;font-size:1.0em;font-weight:700;margin:8px 0;padding:10px 25px;position:relative;text-decoration:none;border-radius:9px;-webkit-transition:all .3s ease;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;}
#content dl.hidebox dt a:after{color:var(--dunkel);margin-right:10px;transition:transform 0.5s;}

#content dl.hidebox dt a.open{color:var(--weiss);background:var(--button);border-color:var(--button)}
#content dl.hidebox dt a.open:after{color:var(--weiss);transform:rotate(180deg)}
#content dl.hidebox dd {background:var(--weiss);color:var(--dunkel);margin:10px 0;padding:15px;text-align:left;}
#content dl.hidebox dd {display:none;}
#content dl.hidebox dt a small{font-size:0.7em;font-style:normal;font-weight:400;top:-0.15em;height: 0;line-height:1;vertical-align:baseline;position: relative;}
#content dl.hidebox ul{margin:15px 0}

#content dl.hidebox dt.bild a,#content dl.hidebox dt.bild a.open{padding:0;}
#content dl.hidebox dt.bild a.closed:before,#content dl.hidebox dt.bild a.open:before{content:'';width:0}
#content dl.hidebox dt.bild{clear:both;float:left;width:33%;}
#content dl.hidebox dd.bild{float:left;width:66%;}

/* Responsive CSS Tabs */

#content .tabs {display:block;width:100%; max-width: 100%;padding:25px 0;margin: 0 auto;background: var(--weiss);}
#content .tabs section {border-top:1px solid #b8babb; display:none;margin:0;padding: 15px 0;}
#content .tabs input {  margin:0;padding:0;display: none; }
#content .tabs label {background:var(--weiss);color:#000;border:1px solid var(--weiss);cursor: pointer;display:block;font-weight: 400;margin:1px 0;padding: 5px 10px;text-align: center;max-width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#content .tabs.tabs4 label {max-width:100%;}
#content .tabs.tabs5 label {max-width:100%;}
#content .tabs label:hover {background:var(--hell);color: var(--dunkel);border-bottom:1px solid var(--weiss);}
#content .tabs input:checked + label {color: #000; background:var(--weiss);border:1px solid #b8babb;border-top: 2px solid #555;border-bottom:1px solid var(--weiss);font-weight: 700;}

#content .tabs #tab1:checked ~ #content1,
#content .tabs #tab2:checked ~ #content2,
#content .tabs #tab3:checked ~ #content3,
#content .tabs #tab4:checked ~ #content4,
#content .tabs #tab5:checked ~ #content5 {
  display: block;
}

.slideinbox {border:1px solid var(--dunkel);display:block;font-size:1.3em;line-height:1.5;margin:0;padding:0;text-align:center;overflow:hidden;position:absolute;top:50px;right:-999px;width:480px;max-width:100%;z-index:5000;     }
.slideinbox.active {-webkit-animation: slide 2s forwards;-webkit-animation-delay: 2s;animation: slide 2s forwards;animation-delay: 2s;}
@-webkit-keyframes slide {
    100% { right: 1%; }
}
@keyframes slide {
    100% { right: 1%; }
}
.slideinbox .slideclose{color:var(--weiss);cursor:pointer;display:block;font-size:1.0em;height:32px;margin:0;padding:0;position:absolute;top:5px;right:15px;text-align:right;width:32px;}

.slideinbox .textwidget{background:var(--dunkel);margin:0;padding:10px 0 0 0;}
.slideinbox h2{color:var(--weiss);font-size:0.9em;font-weight:400;margin:10px 0}
.slideinbox img{max-width:300px;}
.slideinbox .share{background:var(--weiss);clear:both;display:table;margin:0 auto;padding:0;text-align:center;}
.slideinbox .share a,.share a:hover{color:var(--dunkel);display:inline-block;font-size:1.2em;margin:0;padding:10px 0;text-align:center;width:10%;}
.slideinbox .share a span,.share a:hover span{display:none;}


/* Parallax */

section.module {background:var(--weiss);clear:both;display:block;min-height:100px;margin:0;padding:0;position:relative;width:100%;}
section.module .wrap-inner-section {min-height:100px;margin:0 auto;padding:15px 15px 25px 15px;position:relative;text-align:center;vertical-align:middle;width:100%;max-width:1280px}
#content section.module .wrap-inner-section p.absatzz{max-width:980px;margin:25px auto;display:inline-block;text-align:left;}
section.module .wrap-inner-section ul.cents{max-width:980px;margin:25px auto;display:inline-block;text-align:left;}
section.module .wrap-inner-section ul.cents li{text-align:left;}
section.module .wrap-inner-section .tabzelle p,section.module .wrap-inner-section form p{display:block;text-align:left;}
section.module .wrap-inner-section .counter p,#content .wrapcounter p {text-align:center;}
section.module .wrap-inner-section .wpcf7 p{text-align:left;}
section.module.parallax{background-position: 50% 0; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;border:none;border-top:2px solid rgba(0,0,0,0.3);border-bottom:2px solid rgba(0,0,0,0.3);height:650px;vertical-align:middle; position:relative;text-align:center;width:100%;overflow:hidden;}
.page-template-page-lifestyle section.module.parallax{border-bottom:2px solid var(--weiss);}

.page-template-page-parallax-php blockquote h2,.page-template-page-parallax-php blockquote blockquote h3,.page-template-page-parallax-php blockquote blockquote h4{margin:0 0 15px 0;padding:0;}

section.module.parallax .wrap-inner-section{height:100%;padding:1px 0;position:relative;text-align:center;width:100%;display:grid;place-items:center;}
section.module.parallax .wrap-inner-section .inner-section{background:transparent;color:var(--weiss);line-height:1;height:auto;margin:0 auto;padding:15px;}
section.module.parallax .wrap-inner-section .inner-section:empty{background:transparent;}

section.module.parallax h1,section.module.parallax h2,section.module.parallax h3{background:var(--trans-dunkel-4);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);border-radius:9px;color:var(--weiss);font-weight:700;letter-spacing:1px;line-height:1.2em;margin:10px 0;padding:10px;text-shadow:0 1px 1px #000;position: relative;text-align:center;width:auto;max-width:100%;}
section.module.parallax h1{font-size:2.2em;}
section.module.parallax h2{font-size:1.4em;}
section.module.parallax h2:first-of-type{margin-top:0}
section.module.parallax a,section.module.parallax strong{color:var(--weiss)}
section.module.parallax .wrap-inner-section p{font-size:1.2em;margin:10px auto;text-align:center;max-width:100%;}

.page-template-page-lifestyle section.module.parallax .inner-section h1,.page-template-page-lifestyle section.module.parallax .inner-section h2{color:var(--weiss);font-weight:700;letter-spacing:0;line-height:100%;margin:0 auto;padding:10px;text-align: center;text-transform: lowercase;text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);}
.page-template-page-lifestyle section.module.parallax .inner-section h1,.page-template-page-lifestyle section.module.parallax .inner-section h2{font-size:1.8em;font-weight:700;letter-spacing:5px;line-height:100%;}
.page-template-page-lifestyle section.module.parallax .inner-section h1 strong,.page-template-page-lifestyle section.module.parallax .inner-section h2 strong{color:var(--weiss);display:block;font-size:1em;font-weight:400;margin:0;line-height:100%}
.page-template-page-lifestyle section.module.parallax .inner-section h1 em,.page-template-page-lifestyle section.module.parallax .inner-section h2 em {display:block;font-size:1em;font-weight:400;margin-left:100px;line-height:100%}
.page-template-page-lifestyle section.module.parallax p{color:var(--weiss);font-size:1.2em;line-height:1.4em;max-width:980px;margin:10px auto;text-align:center;display:inline-block;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);}

section.module.spalte {display:block;vertical-align:middle;margin:0 auto;padding:0;position:relative;text-align:left;width:100%;max-width:100%;}
section.module.spalte .inner-section{padding:0;}
section.module.spalte .spalt{background-image:none;display:none;}
section.module.spalte p{text-align:left;}
section.module.spalte h2{margin:15px 0;text-align:left;}
section.module.spalte h3{font-size:1.3em;line-height:120%;margin:15px auto;text-shadow:1px 1px 1px var(--weiss);text-align:center;}
section.module.spalte h3 strong {display:block;font-size:1.3em;font-weight:400;line-height:120%;opacity:0.6;}
section.module.spalte h3 em {display:block;font-weight:400;opacity:0.4;}
section.module.spalte h4{text-align:left;}

section.module.hell{background:var(--hell); color:#111;}
section.module.hell a,section.module.hell strong,section.module.hell p,
section.module.hell h1,section.module.hell h2,section.module.hell h3{background-color:transparent;color:#111;text-shadow:none;}

#content section.module.hell blockquote{background:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.9);}

section.module.medium{background:var(--button);color:#fff;}
section.module.medium a,section.module.medium strong,section.module.medium p,
section.module.medium h1,section.module.medium h2,section.module.medium h3{background-color:transparent;color:#fff;text-shadow:none;}
#content section.module.medium input,#content section.module.medium textarea,#content section.module.medium select{border-color:rgba(255,255,255,0.5);}
#content section.module.medium dl.hidebox input,#content section.module.medium dl.hidebox textarea,#content section.module.medium dl.hidebox select{border-color:rgba(0,0,0,0.3);}
#content section.module.medium p.absatzz::before {color:rgba(255,255,255,0.3);}

section.module.dunkel{background:var(--button); background: linear-gradient(135deg, var(--button) 0%,var(--dunkel) 100%);color:var(--weiss);}
section.module.dunkel a,section.module.dunkel strong,section.module.dunkel p,
section.module.dunkel h1,section.module.dunkel h2,section.module.dunkel h3{background-color:transparent;color:var(--weiss);text-shadow:none;}
#content section.module.dunkel input,#content section.module.dunkel textarea,#content section.module.dunkel select{border-color:rgba(255,255,255,0.8);}
#content section.module.dunkel dl.hidebox input,#content section.module.dunkel dl.hidebox textarea,#content section.module.dunkel dl.hidebox select{border-color:rgba(0,0,0,0.3);}

#content section.module.dunkel ul li:before,#content section.module.medium ul li:before{color:var(--weiss);}
#content section.module.dunkel .sym,#content section.module.medium .sym{border:2px solid var(--weiss);}
#content section.module.dunkel .sym:before,#content section.module.medium .sym:before{color:var(--weiss);}
#content section.module.dunkel a.symbol:hover,#content section.module.dunkel .sym:hover,#content section.module.dunkel .sym:hover::before,
#content section.module.medium a.symbol:hover,#content section.module.medium .sym:hover,#content section.module.medium .sym:hover::before {background:var(--medium);border-color:var(--medium);}

#content section.module.dunkel blockquote{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);}
#content section.module.dunkel blockquote:before,#content section.module.dunkel blockquote:after{color:rgba(255,255,255,0.8);}

#content section.module.dunkel p.absatzz::before {color:rgba(255,255,255,0.3);}

.jump{color:var(--weiss);clear:both;display:block;font-size:2.4em;height:25px;padding:0;position:relative;margin:0 auto;text-align:center;text-decoration:none;text-shadow:1px 1px 1px var(--dunkel);}
.jump:before{background:var(--trans-dunkel-6);color:var(--weiss);margin:0 auto;padding:5px;border-radius:50%;height:50px;width:50px;transition:background 0.6s;}
.jump a span,.rslides .slide a.jump span{display:none}
.jump.dunkel{color:#666}
.jump.dunkel:before{color:#666 !important}

#content .jump,#content .jump2{display:block;font-size:2.0em;margin:0 auto;text-align:center;}
#content .jump:before,#content .jump2:before{clear:both;color:var(--weiss);display:block;float:none;position: relative;margin:0 auto;}
#content .jump:hover:before,#content .jump2:hover:before {background:var(--button);transition:background 0.3s}
#content .jump span,#content .jump2 span{display:block;text-indent:-999em;}

#content section.module.parallax .jump,#content section.module.parallax .jump2{margin:0 auto;}
#content section.module.parallax .jump:before,#content section.module.parallax .jump2:before{color:var(--weiss);}
#content section.module.parallax .jump:hover:before,#content section.module.parallax .jump2:hover:before{color:var(--weiss);}

section.module.full .wrap-inner-section{min-height:100px;padding:0;position:relative;max-width:100%}
section.module.pslider .wrap-inner-section{height:500px;padding:0;position:relative;max-width:100%}

#content section.module.full .y-video-bigwrapper,#content section.module.full img.aligncenter{margin:0 auto;}

section.module.big .wrap-inner-section,section.module.big .wrap-inner-section .inner-section{min-height:100px;padding:0;position:relative;max-width:1920px}
section.module.big .wrap-inner-section .inner-section{padding:25px;}

#content section.module.full .wrap-inner-section ul, #content section.module.full .wrap-inner-section ul.galerie{margin:0 auto;}
#content section.module.full .wrap-inner-section ul.galerie li a{margin:1px;}
section.module.full .wrap-inner-section h2{margin-left:auto;margin-right:auto;text-align:center;}
section.module.full .wrap-inner-section h2:first-of-type{margin-top:50px}
section.module.full .wrap-inner-section .button{margin:50px auto;text-align:center;}
#content section.module.full .wrap-inner-section .wrapcounter{margin:75px auto;}
section.module.full .wrap-inner-section .tabelle,#content section.module.full .wrap-inner-section .tabelle{margin:0;table-layout:fixed;}

section.module.video {}
section.module.video .wrap-inner-section{height:auto;padding:0;position:relative;text-align:center;width:100%;overflow:hidden;}
section.module.video .wrap-inner-section .video-wrapper{margin:0;}
section.module.video .wrap-inner-section .video-container{}


.wrapschraeg {height: 70px;left: 0;max-width: 100%;overflow: hidden;width: 100%;margin:0;bottom:0;position:relative;padding-top: 35px;z-index: 1;}
.schraeg{bottom: -35px;height: 70px;-webkit-transform: rotate(-1.8deg);-ms-transform: rotate(-1.8deg);transform: rotate(-1.8deg);width: 115%;z-index: 1;}
.wrapschraeg.wrapfoo{bottom:0;margin-top:-70px;}

.pe-pro-seal {z-index:999 !important}



.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

/* Magnific Popup CSS */

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:9999992;overflow:hidden;position:fixed;background:rgba(255,255,255,0.9);}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:9999993;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit--moz-box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:9999995}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none !important}
.mfp-preloader{color:#aaa;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:9999994}
.mfp-preloader a{color:#aaa}
.mfp-preloader a:hover{color:#666}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#666;font-style:normal;font-size:4em;font-family:Arial, Baskerville, monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:var(--dunkel)}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#666;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:20px;left:0;color:#666;font-size:1.4em;line-height:1em;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid var(--weiss);margin-left:31px}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid var(--weiss);margin-left:39px}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit--moz-padding:40px 0;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444}
.mfp-figure small{color:#BDBDBD;display:block;font-size:1.4em;line-height:1em}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{font-size:1.4em;margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:150%;color:#666;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}

@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){

.mfp-img-mobile .mfp-image-holder { padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img{padding:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit--moz-box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0}

}

@media all and (max-width: 900px){

.mfp-arrow { -webkit-transform:scale(0.75);transform:scale(0.75)}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
.mfp-container{padding-left:6px;padding-right:6px}
.mfp-ie7 .mfp-img{padding:0}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}
.mfp-ie7 .mfp-container{padding:0}
.mfp-ie7 .mfp-content{padding-top:44px}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

}

@media screen and (min-width: 400px) {

#content .gallery .img:first-child {grid-area: 1 / 1 / span 2 / span 2;}
#content .gallery .img:nth-child(3n+3) {grid-column: span 2;}
#content .gallery .img:nth-child(5n+7) {grid-area: 1 / 1 / span 2 / span 2;}

}

@media screen and (min-width: 480px) {

#nav li.mega ul.sub-menu li{border:none;display:inline-block;text-align:center;padding:5px;width:50%;vertical-align:top;}
#nav li.mega ul.sub-menu li a{background-position:50% 50%;background-repeat:no-repeat;background-size:100% auto;border:none;font-weight:400;height:150px;text-align:center;text-decoration:none;padding:0;position:relative;}
#nav li.mega:after{content: "";display: table;clear: both;}
#nav li.mega ul.sub-menu li a:hover,nav li.mega ul.sub-menu li.current-menu-item {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
nav li.mega ul.sub-menu li span{background:rgba(255,255,255,0.8);display:block;margin:0 auto;padding:5px 10px;position:absolute;bottom:0;left:0;width:100%;text-align:center;}

#wrapper{padding:0 25px;}
.page-template-page-parallax-php #wrapper,.page-template-page-lifestyle #wrapper{padding:0}

#content .mygalerie .mybigbox{display:inline-block;width:50%;}

#content .gsymbole .gsymbole-tab{padding:25px 15px;}

#content ul.sprungmarken li a,#content ul.sprungmarken li a:hover{padding:6px 12px;}

/**********
* Animation *
**********/

@-webkit-keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translateY(-200px)}
50%{opacity:.3}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@keyframes fadeInDown {
0%{opacity:0;transform:translateY(-200px)}
50%{opacity:.3}
100%{opacity:1;transform:translateY(0)}
}
.fadeInDown{opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px)}
.fadeInDown.go,#nojs .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;opacity:1;}
.slideDown{-webkit-animation-name:slideDown;
animation-name:slideDown;
-webkit-animation-duration:3s;
animation-duration:3s;
-webkit-animation-timing-function:ease;
animation-timing-function:ease;
visibility:visible!important}
@keyframes slideDown {
0%{transform:translateY(-300%)}
100%{transform:translateY(0%)}
}
@-webkit-keyframes slideDown {
0%{transform:translateY(-300%)}
100%{transform:translateY(0%)}
}
.slideUp{-webkit-animation-name:slideUp;
animation-name:slideUp;
-webkit-animation-duration:1s;
animation-duration:1s;
animation-timing-function:ease;
-webkit-animation-timing-function:ease;
visibility:visible!important}
@keyframes slideUp {
0%{transform:translateY(300%)}
100%{transform:translateY(0%)}
}
@-webkit-keyframes slideUp {
0%{transform:translateY(300%)}
100%{transform:translateY(0%)}
}
.slideExpandUp{-webkit-animation-name:slideExpandUp;
animation-name:slideExpandUp;
-webkit-animation-duration:3s;
animation-duration:3s;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
visibility:visible!important}
@-webkit-keyframes slideExpandUp {
0%{-webkit-transform:translateY(100%) scaleX(0.5)}
30%{-webkit-transform:translateY(-8%) scaleX(0.5)}
40%{-webkit-transform:translateY(2%) scaleX(0.5)}
50%{-webkit-transform:translateY(0%) scaleX(1.1)}
60%{-webkit-transform:translateY(0%) scaleX(0.9)}
70%{-webkit-transform:translateY(0%) scaleX(1.05)}
80%{-webkit-transform:translateY(0%) scaleX(0.95)}
90%{-webkit-transform:translateY(0%) scaleX(1.02)}
100%{-webkit-transform:translateY(0%) scaleX(1)}
}
@keyframes slideExpandUp {
0%{transform:translateY(100%) scaleX(0.5)}
30%{transform:translateY(-8%) scaleX(0.5)}
40%{transform:translateY(2%) scaleX(0.5)}
50%{transform:translateY(0%) scaleX(1.1)}
60%{transform:translateY(0%) scaleX(0.9)}
70%{transform:translateY(0%) scaleX(1.05)}
80%{transform:translateY(0%) scaleX(0.95)}
90%{transform:translateY(0%) scaleX(1.02)}
100%{transform:translateY(0%) scaleX(1)}
}
@-webkit-keyframes shake {
0%,100%{-webkit-transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px)}
}
@keyframes shake {
0%,100%{transform:translateX(0)}
10%,30%,50%,70%,90%{transform:translateX(-10px)}
20%,40%,60%,80%{transform:translateX(10px)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes wiggle {
0%{-webkit-transform:skewX(9deg)}
10%{-webkit-transform:skewX(-8deg)}
20%{-webkit-transform:skewX(7deg)}
30%{-webkit-transform:skewX(-6deg)}
40%{-webkit-transform:skewX(5deg)}
50%{-webkit-transform:skewX(-4deg)}
60%{-webkit-transform:skewX(3deg)}
70%{-webkit-transform:skewX(-2deg)}
80%{-webkit-transform:skewX(1deg)}
90%{-webkit-transform:skewX(0deg)}
100%{-webkit-transform:skewX(0deg)}
}
@keyframes wiggle {
0%{transform:skewX(9deg)}
10%{transform:skewX(-8deg)}
20%{transform:skewX(7deg)}
30%{transform:skewX(-6deg)}
40%{transform:skewX(5deg)}
50%{transform:skewX(-4deg)}
60%{transform:skewX(3deg)}
70%{transform:skewX(-2deg)}
80%{transform:skewX(1deg)}
90%{transform:skewX(0deg)}
100%{transform:skewX(0deg)}
}
.wiggle{-webkit-animation-name:wiggle;
animation-name:wiggle;
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in}
.pulse{-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation:pulse 1s ease infinite;
animation:pulse 1s ease infinite}
@keyframes pulse {
0%{transform:scale(1)}
50%{transform:scale(1.1)}
100%{transform:scale(1)}
}
.spinAround:hover{color:#000;
-webkit-animation:spinAround 2s linear infinite;
animation:spinAround 2s linear infinite}
@-webkit-keyframes spinAround {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@keyframes spinAround {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.rotate:hover{
-webkit-animation:rotate 2s linear infinite;
animation:rotate 2s linear infinite;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%}
@-webkit-keyframes rotate {
from{transform:rotateY(0deg)}
to{transform:rotateY(360deg)}
}
@keyframes rotate {
from{transform:rotateY(0deg)}
to{transform:rotateY(360deg)}
}
.zoom{transition:transform 5s}
.zoom:hover{transform:scale(1.1,1.1)}
.rollen:hover{animation:rollen 3s infinite;
transform:rotate(30deg)}
@keyframes rollen {
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.zoomin:hover {
  animation-name: zoomin;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoomin {
  from {transform:scale(0)}
  to {transform:scale(1)}
}
@keyframes zoomin {
  from {transform:scale(0)}
  to {transform:scale(1)}
}
.animate-visible{-webkit-animation-duration:.6s;
animation-duration:.6s;
-webkit-perspective:1000;
-webkit-backface-visibility:hidden;
-ms-backface-visibility:hidden;
backface-visibility:hidden;
opacity:0}
#nojs .animate-visible{opacity:1}

.animate-visible{-webkit-animation-duration:.3s;animation-duration:.3s}
.animate-visible:nth-child(2n+2){-webkit-animation-duration:.4s;animation-duration:.4s}
.animate-visible:nth-child(3n+3){-webkit-animation-duration:.5s;animation-duration:.5s}
.animate-visible:nth-child(4n+4){-webkit-animation-duration:.6s;animation-duration:.6s}
.animate-visible:nth-child(5n+5){-webkit-animation-duration:.7s;animation-duration:.7s}
.animate-visible:nth-child(6n+6){-webkit-animation-duration:.8s;animation-duration:.8s}
.animate-visible:nth-child(7n+7){-webkit-animation-duration:.9s;animation-duration:.9s}
.animate-visible:nth-child(8n+8){-webkit-animation-duration:1s;animation-duration:1s}
.animate-visible:nth-child(9n+9){-webkit-animation-duration:1.1s;animation-duration:1.1s}

.animate-visible.top-t-bottom{-webkit-animation-duration:.4s;animation-duration:.4s}
.animate-visible.top-t-bottom:nth-child(2n+2){-webkit-animation-duration:.5s;animation-duration:5s}

.animate-visible.start-animation.bottom-t-top{-webkit-animation-name:anim_btt;animation-name:anim_btt;opacity:1}
.animate-visible.start-animation.left-t-right{-webkit-animation-name:anim_ltr;animation-name:anim_ltr;opacity:1}
.animate-visible.start-animation.right-t-left{-webkit-animation-name:anim_rtl;animation-name:anim_rtl;opacity:1}
.animate-visible.start-animation.top-t-bottom{-webkit-animation-name: anim_ttb;animation-name: anim_ttb;opacity: 1;}

#nojs .animate-visible.start-animation.bottom-t-top,
#nojs .animate-visible.start-animation.left-t-right,
#nojs .animate-visible.start-animation.right-t-left,
#nojs .animate-visible.start-animation.top-t-bottom{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}

@-webkit-keyframes anim_btt {
0%{-webkit-transform:translate3d(0,100px,0);opacity:0}
100%{-webkit-transform:translate3d(0,0,0);opacity:1}
}
@keyframes anim_btt {
0%{transform:translate3d(0,100px,0);opacity:0}
100%{transform:translate3d(0,0,0);opacity:1}
}
@-webkit-keyframes anim_ltr {
0%{-webkit-transform:translate3d(-100px,0,0);opacity:0}
100%{-webkit-transform:translate3d(0,0,0);opacity:1}
}
@keyframes anim_ltr {
0%{transform:translate3d(-100px,0,0);opacity:0}
100%{transform:translate3d(0,0,0);opacity:1}
}
@-webkit-keyframes anim_rtl {
0%{-webkit-transform:translate3d(100px,0,0);opacity:0}
100%{-webkit-transform:translate3d(0,0,0);opacity:1}
}
@keyframes anim_rtl {
0%{transform:translate3d(100px,0,0);opacity:0}
100%{transform:translate3d(0,0,0);opacity:1}
}
@-webkit-keyframes anim_ttb {
0%{-webkit-transform:translate3d(0,-100px,0);opacity:0}
100%{-webkit-transform:translate3d(0,0,0);opacity:1}
}
@keyframes anim_ttb {
0%{transform:translate3d(0,-100px,0);opacity:0}
100%{transform:translate3d(0,0,0);opacity:1}
}

}

@media screen and (min-width: 600px) {

a.post-edit-link{position:fixed;right:0;top:30%;}

#nav li.mega ul.sub-menu li{width:33%;}

#content section.module.full .wrap-inner-section ul.galerie li{width:33.3%}

.myauthor ul li.sozial,#content .myauthor ul li.sozial{position:absolute;top:10px;right:10px;}

#content ul.galerie.grid{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}

.wrapmyteam,#content .wrapmeinteam{display:grid;grid-template-columns: 1fr 1fr;grid-gap:10px;}
#content .postteam{margin:15px 0;}

.kontaktbox .share{display:block;}

.contact {background:rgba(241, 241, 241,0.8);border:1px solid rgba(0,0,0,0.15);border-radius:3px 0 0 3px;right:-1px;left:auto;bottom:25px;width:50px;opacity: 0;visibility: hidden;-webkit-transition: opacity 600ms, visibility 600ms;transition: opacity 600ms, visibility 600ms;}
.small .contact{visibility: visible;opacity: 1;}
.contact .crow{display:block;}
.contact .ctab{display:block;padding:5px 0;width:auto;}
.contact .ctab.breadcrumb,.contact .breadcrumb i{display:block;cursor:text;}
.contact span{background-color:rgba(0,0,0,0.2);border-radius:5px 0 0 5px;color: var(--weiss);display:inline-block;font-size:0.6em;line-height:1.4em;opacity:0;padding:10px;position:absolute;right:49px;top:5px;-webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;-webkit-transform: translateX(350px);transform: translateX(350px);width:300px;vertical-align:middle;z-index:-1 }
.contact .ctab:hover span{background-color:rgba(0,0,0,0.8);opacity:1;-webkit-transform: translateX(0);transform: translateX(0);}
.back-to-top span{font-size:0.45em;}

#slidein,#slidein.open,#slidein:hover{display:block;margin:5px auto;padding:5px 40px 15px 0;position:fixed;top:95px;left:-5px;width:95px;}
#slidein .inners{background:rgba(136, 136, 136, 0.7);color:var(--weiss);border-radius:0 3px 3px 0;}
#slidein.hideme{left:-55px;}
#slidein.open,#nojs #slidein:hover{left:-5px;}
#slidein:before{background:rgba(136, 136, 136, 0.7);color:var(--weiss);cursor:pointer;display:block;font-size:1.2em;padding:20px 10px 20px 5px;position:absolute;top:33%;right:-2px;border-radius:0 3px 3px 0;width:35px;}
#slidein .social a,#slidein .social a:hover{background:transparent;color:#f1f1f1;color:rgba(255,255,255,0.8);display:block;}
#slidein .social:before{content:'';display:none;}
#slidein .social a:before{color:#f1f1f1;color:rgba(255,255,255,0.8);}
#slidein .social a:hover:before{color:var(--weiss);}

#slidein .views{color:var(--weiss);display:block;margin:0 auto;padding:5px 0;}
#slidein .views i{display:none;}
#slidein .views:before{color:var(--weiss);display:block;}

#content .post{display:inline-block;margin:0;padding:24px;position:relative;width:100%;vertical-align:top;width:50%}
#content .post h2,#content .post h3{font-size:1.3em;font-weight:400;margin:10px 0;padding-top:0;}
#content .post .thumbnail{display:block;}

#content .post.tab-1,#content .post.tab-3,#content .post.tab-5,#content .post.tab-7,#content .post.tab-9,#content .post.tab-11{padding-left:0}
#content .post.tab-2,#content .post.tab-4,#content .post.tab-6,#content .post.tab-8,#content .post.tab-10,#content .post.tab-12{padding-right:0}



#content .mypost{display:inline-block;min-height:300px;margin:0;position:relative;vertical-align:top;width:100%;}
#content .mypost .thumbnailbox{padding:0 0 50% 0;width:50%;position:absolute;top:0;left:0;}
#content .mypost .textbox{display:inline-block;padding:15px 15px 15px calc(50% + 15px);vertical-align:top;width:100%;}

#content .mypost.tab-1 .thumbnailbox,#content .mypost.tab-3 .thumbnailbox,
#content .mypost.tab-5 .thumbnailbox,#content .mypost.tab-7 .thumbnailbox,
#content .mypost.tab-9 .thumbnailbox,#content .mypost.tab-11 .thumbnailbox,
#content .mypost.tab-13 .thumbnailbox,#content .mypost.tab-15 .thumbnailbox,
#content .mypost.tab-17 .thumbnailbox,#content .mypost.tab-21 .thumbnailbox{left:auto;right:0}

#content .mypost.tab-1 .textbox,#content .mypost.tab-3 .textbox,
#content .mypost.tab-5 .textbox,#content .mypost.tab-7 .textbox,
#content .mypost.tab-9 .textbox,#content .mypost.tab-11 .textbox,
#content .mypost.tab-13 .textbox,#content .mypost.tab-15 .textbox,
#content .mypost.tab-17 .textbox,#content .mypost.tab-21 .textbox{padding:15px calc(50% + 15px) 15px 15px;}

#footer .footerbox{float:left;padding:0;text-align:left;width:50%;vertical-align:top;}

#footer #footer-sidebar1{padding:0 15px 0 0;}
#footer #footer-sidebar2{padding:0 0 0 15px;}
#footer #footer-sidebar3{padding:0 15px 0 0;clear:both;}
#footer #footer-sidebar4{padding:0 0 0 15px;}

#content .gsymbole{grid-template-columns:1fr 1fr;}

section.module.parallax h1,
section.module.parallax h2{font-size:2.4em;}

#content .empfehlungen{display: grid;grid-template-columns: 1fr 1fr;grid-gap:15px;}
#content .wrapvergleiche{display:grid;grid-gap:25px;grid-template-columns:1fr 1fr;}

}

@media screen and (min-width: 767px) {

.contact {bottom:15%;}

#content .wrapmyposts{display:grid;grid-template-columns: 1fr 1fr;grid-gap:25px;margin:25px auto;}

#footer .inner {padding:5px 25px 25px 25px;}

#footer .share a,#footer .share a:hover {font-size:2.2em;margin:5px 10px;width:auto;}
#footer .share a.houzz,#footer .share a:hover.houzz{width:20px;max-width:20px;height:20px;}
#footer .share a.premium,#footer .share a:hover.premium{width:32px;max-width:32px;height:32px;}

.provenexpert-bewertungssiegel{display:none;}

}

@media screen and (min-width: 880px) {

.kontaktbox{padding:7px 0 7px 250px;}
.kontaktbox span.mail {display:inline-block;}

.wrapmyteam,#content .wrapmeinteam{grid-template-columns:1fr 1fr 1fr;grid-gap:10px}

#content .lesetipp{margin:25px auto;padding:15px 15px 15px 425px;min-height:260px;}
#content .lesetipp .thumb{height:230px;margin:0;padding:0;position:absolute;top:15px;left:15px;width:375px;border-radius:5px;}

}

@media screen and (min-width: 980px) {

body,body.small,body.archive.category.slide,body.archive.tag.slide,body.blog,body.blog.slide,body.blog.slide.small,body.noslide.page-template-page-parallax,body.search.slide,.body.search{padding:125px 0 0 0;}
body.slide,body.slide.small,body.noslide.page-template-page-lifestyle{padding:0;}

h1{font-size:1.6em;margin:75px auto 25px auto;text-align:center;}
.page-template-page-parallax-php h1,.page-template-page-lifestyle h1{margin:75px auto 0 auto;}
h2{font-size:1.4em;}
h3{font-size:1.3em;}
h4{font-size:1.25em;}

blockquote{padding:25px 85px 25px 85px;}
blockquote:before{left:25px;bottom:25px;}
blockquote:after{top:25px;right:25px;}
blockquote.fett{padding:35px 85px 35px 85px;}

form{max-width:100%;}

.cols,.cols3 {margin:10px 0 25px 0;-webkit-column-count:2;-webkit-column-gap:30px;-moz-column-count:2;-moz-column-gap:30px;-o-column-count:2;-o-column-gap:30px;column-count:2;column-gap:30px;}

#content .cols p,#content .cols3 p{margin:0;}
img.alignleft,.alignleft{float:left;margin:5px 15px 15px 0}
img.alignright,.alignright{float:right;margin:5px 0  15px 15px}
img.alignnone,.alignnone{display:block;float:none;text-align:left;margin:15px 0}
.map,#map{height:400px;width:100%}

.myauthor{padding:10px 10px 10px 145px;min-height:140px;}
.myauthor .userthumb{margin:0;padding:0;position:absolute;left:10px;top:10px;border-radius:50%}

#header{background:var(--weiss);background:rgba(255,255,255,0.9);margin:0;position:fixed;top:30px;left:0;width:100%;}
#header .inner{background:transparent;height:100px;padding:0;}

#myfixbox .share{clear:none;display:inline-block;float:right;}
body.small #header .inner{height:60px;}

.small div.st{transform:translateY(90px);}

#header .logo{margin:0;padding:25px 0 0 25px;position:absolute;top:0;left:0;z-index:1010;}
#header .logo a,#header .logo a:hover{display:block;margin:0;padding:0;max-width:500px;}
#header .logo img{padding:5px 0;margin:0;max-height:60px;}
body.small #header .logo{padding:15px 0 0 25px;}
body.small #header .logo img{background:transparent;max-height:45px;box-shadow:none;}

#slidein,#slidein.open,#slidein:hover{top:125px;}

.kontaktbox{height:32px;}
.kontaktbox{padding:7px 0 7px 260px;}
.kontaktbox .share{right:25px;top:0;}
.kontaktbox .inner-kontaktbox {text-align:left;}
.kontaktbox a,.kontaktbox a:hover,.kontaktbox b,.kontaktbox strong{margin:2px auto;padding:0;}
.kontaktbox a.tel span{background:var(--button);box-shadow:3px 3px 1px rgba(0,0,0,0.2);font-size:1.2em;top:5px}
.kontaktbox .vcard.open{top:32px}

/* Navigation */
button#mobile, #nav li.close-nav{display:none;}
#nav li.search {border:none;padding-left:25px;}
#nav li.search b:before {display:block;}

nav{background:transparent;border:none;clear:both;display:block;font-size: 1em;height:auto;text-align:center;margin:35px 0 0 0;padding:0;position:absolute;top:0;left:auto;right:25px;z-index:999;overflow:visible;overflow-x:visible;overflow-y:visible;width:100%;-webkit-transition: all 0.5s;transition: all 0.5s;}
nav.open{margin:35px 0 0 0;max-height:none;z-index:999;-webkit-transition: all 0.5s;transition: all 0.5s;}
nav:hover{z-index:1001}
body.small nav{margin:15px auto 0 auto}

nav ul{padding:0 40px 0 0;margin:0;z-index:1000;-webkit-transition: all 0.5s;transition: all 0.5s;float:right;}
body.small nav ul{margin:0;}
nav ul:after{content: "";display: table;clear: both;}
nav ul,nav ul li{background-color:transparent;}
nav ul li{list-style:none;display:inline-block;padding:0;position:relative;width:auto}
nav ul li.mega{position:static;}

nav ul li a,nav ul li a:hover,nav ul li a:active{background:transparent;border:none;border-bottom:2px solid rgba(255,255,225,0);text-align:left;text-decoration:none;display:block;color:var(--dunkel);letter-spacing:1px;margin:0 0 0 25px;padding:10px 0 10px 0;position:relative;z-index: 999;}
body.small nav ul li a,body.small nav ul li a:hover{padding:5px 0 10px 0}

nav ul li a:hover,nav ul li.current_page_ancestor a,nav li.current-menu-item a,nav li.selected a{background:transparent;border-color:var(--medium);color:#000;text-decoration:none;}

nav ul li ul{background:var(--weiss);color:#000;height:auto;left: -999em;opacity:0;margin:0;padding:5px;position:absolute;width:300px;z-index:1000;box-shadow:1px 1px 5px rgba(0,0,0,0.3);-webkit-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}
nav ul li.search ul{width:550px}
nav ul li ul ul{padding:0;width:100%;box-shadow:none;}
nav ul li.mega ul{float:left;width:calc(100% - 50px);margin-left:50px}
nav ul li ul:after{content: "";display: table;clear: both;}
nav ul.sub-menu ul{border:none;padding:0;}
nav ul.sub-menu li{border:none;}

nav ul li:hover > ul,nav li.opensubmenu ul{left:0;opacity:1;}
nav ul li.last:hover > ul,nav li.last.opensubmenu ul,nav ul li.search:hover > ul,nav li.search.opensubmenu ul{left:auto;right:0;}

nav ul li ul li{padding:0;width:100%}
#nav li.mega ul.sub-menu li{width:25%}
#nav li.mega ul.sub-menu li img{}

nav ul li ul li ul,nav ul li.mega ul li ul {float:none;display:block;opacity:1;padding:5px 0;position:relative;left:auto;top:auto;}
nav ul li ul li ul li,nav ul li.mega ul li ul li{float:none;display:block;padding:0;width:100%;}

nav ul li ul li a,
nav ul li ul li a:hover,
nav li.current-menu-item ul li a,
nav li.selected ul li a,
nav li.selected ul li a:hover{background:transparent;border:none;color:#000;font-size:0.9em;text-transform:none;margin:0 5px;padding:10px}

nav ul li ul li a:hover,
nav ul li ul li.current-menu-item a{background:transparent;color:var(--dunkel);text-decoration:underline;text-decoration-skip:ink;text-decoration-skip-ink: auto;}

nav li ul li.dark a,nav li ul li.dark a:hover,
nav li.current-menu-item ul li.dark a,
nav li.selected ul li.dark a,nav li.selected ul li.dark a:hover{background:#000;color:var(--weiss);}

nav ul li a:not([href]),nav ul li a:hover:not([href]){background:transparent;}
nav ul li li a:not([href]),nav ul li li a:not([href]):hover {background-color:transparent;border:none;color:#000;font-weight:700;text-align:center;text-transform:uppercase;text-decoration:none;}

nav li.menu-item-has-children a:after{color:#000;font-size:0.7em;text-decoration:none;}
body.noslide nav li.menu-item-has-children a:after{color:#000}
body.small nav li.menu-item-has-children a:after{color:#000}

#nav li.search {position:absolute;right:0;top:0;margin-top:7px;}
body.small #nav li.search {margin-top:2px;}

#nav li.wichtig{position:absolute;right:0;top:50px;}
#nav li.wichtig a{background:var(--vibrant);border:none;color:var(--weiss);padding:5px 10px;}

#wrapper{padding:0;}
.page-template-page-parallax-php #wrapper, .tag #wrapper,.category #wrapper,.blog #wrapper,.page-template-page-lifestyle #wrapper{margin:0;padding:0;width:100%;max-width:100%}


#content,.tag #content,.category #content,.blog #content{padding:0 25px 50px 25px;}
.page-template-page-parallax-php #content,.page-template-page-lifestyle #content{padding:0;}

#content ul.breadcrumb{padding:0 5px;}

#content .mygalerie .mybigbox{width:33.3%;}

#content ul.galerie li{min-height:200px;width:25%;}
#content ul.galerie li img{display: block;opacity: 1;transition: .5s ease;backface-visibility: hidden;}
#content ul.galerie li span.txt{top:-500px;bottom:2.5%;left:2.5%;right:2.5%;}
#content ul.galerie li:hover span.txt{background:var(--dunkel);background:rgba(0,0,0,0.4);opacity: 1;top:2.5%;bottom:2.5%;left:2.5%;right:2.5%;}
#content ul.galerie li span.txt span b{color:var(--weiss);display:block;font-weight:300;}

#content section.module.full .wrap-inner-section ul.galerie li{width:25%}

#content ul.gridgalerie{grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));}
#content ul.gridgalerie li span.txt{top:-500px;bottom:2.5%;left:2.5%;right:2.5%;}
#content ul.gridgalerie li:hover span.txt{background:var(--dunkel);background:rgba(0,0,0,0.4);opacity: 1;top:2.5%;bottom:2.5%;left:2.5%;right:2.5%;}
#content ul.gridgalerie li span.txt span b{color:var(--weiss);display:block;font-weight:300;}


#content .bbild{height:650px;}

.single #content ul.postinfos li.soci{padding:5px 0;position:absolute;right:0;top:0;text-align:right;white-space:nowrap;}

#content .post{padding:24px;width:33.3%}
#content .post.tab-1,#content .post.tab-4,#content .post.tab-7,#content .post.tab-10{padding:24px;padding-left:0}
#content .post.tab-2,#content .post.tab-5,#content .post.tab-8,#content .post.tab-11{padding:24px;padding:24px 12px}
#content .post.tab-3,#content .post.tab-6,#content .post.tab-9,#content .post.tab-12{padding:24px;padding-right:0}

#content .post.referenz{border:none;display:inline-block;overflow:hidden;margin:0;vertical-align:middle;width:50%}
#content .post.referenz .thumbnail, #content .post.referenz:nth-child(2n) .thumbnail{background-color:#f3f3f3;float:none;margin:0;}
#content .post.referenz a .entrybody.excerpt{background:rgba(255,255,255,0.8);display:block;min-height:0;padding:35px;position:absolute;top:0;bottom:0;left:0;right:0;visibility: hidden;z-index:10;vertical-align:middle;visibility:hidden;opacity:0;transition:visibility 0s linear 0.5s,opacity 0.5s linear;}
#content .post.referenz a:hover .entrybody.excerpt{visibility:visible;opacity:1;transition-delay:0s;}
#content .post.referenz:after{height:0;width:100%;}
#content .post.referenz p.reftitel{background:rgba(255,255,255,0.8);color:var(--dunkel);display:block;font-size:1.0em;font-weight:400;text-align:left;position:relative;padding:8px 35px;width:100%;opacity:1;transition-delay:0s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#content .post.referenz a:hover p.reftitel{visibility:hidden;opacity:0;transition:visibility 0s linear 0.5s,opacity 0.5s linear;}



#content .tabelle {display:table;margin:25px 0;width:100%;position:relative;table-layout:fixed;}
#content .tabreihe {display:table-row;width:100%}
#content .tabzelle {display:table-cell;padding:10px 25px;position:relative;vertical-align:top;}
#content .tabzelle:first-child {padding-left:0;}
#content .tabzelle:last-child {padding-right:0;}

#content .tabelle.trio .tabzelle{padding:10px}
#content .tabelle.trio .tabzelle:first-child {padding:10px 20px 10px 0;}
#content .tabelle.trio .tabzelle:last-child {padding:10px 0 10px 20px;}

#content .tabelle.text .tabzelle:first-child {padding-left:0;padding-right:50px;}
#content .tabelle.text .tabzelle:last-child {padding-right:0;padding-left:50px;}

#content .tabelle.teaser {table-layout:fixed;}
#content .tabelle.teaser .tabzelle {padding-bottom:50px;vertical-align:middle;}

#content .tabelle.kontakt {table-layout:auto;}
#content .tabelle.kontakt .tabzelle:first-child {padding-top:25px;width:33%}
#content .tabelle.kontakt .tabzelle h3{display:none}

#content .tabelle.beispiele {table-layout:auto;}
#content .tabelle.beispiele .tabzelle{text-align:left;vertical-align:middle;}
#content .tabelle.beispiele .tabzelle:first-child {text-align:center;width:33%;min-width:400px;}

#content .tabelle.vergleich .tabzelle{padding:25px;}
#content .tabelle.vergleich .tabzelle:first-child {padding-left:25px;}
#content .tabelle.vergleich .tabzelle:last-child {padding-right:25px;}

.two-column-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.column-item {
    flex: 1 1 400px;
    min-width: 400px;
}

#content .column-item .phone,
#content .column-item .mail{display:block;text-align:left;}

@media (max-width: 860px) {
    .column-item {
        min-width: 100%;
    }
}

.symbol .text{min-height:135px;}

#content .wp-caption.alignnone {margin: 25px 0;text-align:left;}
#content .wp-caption.alignnone img,#content .wp-caption.alignnone p{margin:0;text-align:left;}
#content .wp-caption.aligncenter {margin: 25px auto;}
#content .wp-caption.alignleft {margin: 5px 50px 5px 0;}
#content .wp-caption.alignright {margin: 5px 0 5px 50px;}

#content .empfehlungen{grid-gap:50px;}
#content .wrapvergleiche{display:grid;grid-gap:50px;grid-template-columns:1fr 1fr 1fr;}

#sidebar{width:100%}

#sidebar .inner .sidebars-full{display:grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:10px;}


#footer ul{margin:10px 0;}
#footer ul li a{display:block;padding:5px 0}

#footer .kontaktboxen{float:left;padding:5px 0 25px 0;text-align:left;width:50%;}
#footer .kontaktboxen .vcard{padding:0 0 0 50px}
#footer .kontaktboxen .vcard span{text-align:left;}
#footer .kontaktboxen .vcard span.plz{display:block;float:left;margin:0 10px 0 0;}
#footer #footer-sidebar-2 p{line-height:1.4em;padding:0 0 0 100px}

#footer .fullbox{clear:both;display:block;float:none;padding:25px 0 0 0;width:100%;}
#footer .fullbox ul li{border:none;display:inline;}
#footer .fullbox ul li a{display:inline-block;padding:10px 15px}

#footer .phone, #footer .mail{display:inline-block;margin:0 15px}

#footer .tabelle {display:table;margin:25px 0;width:100%;position:relative;table-layout:fixed;}
#footer .tabreihe {display:table-row;width:100%}
#footer .tabzelle {display:table-cell;padding:10px 25px;position:relative;vertical-align:middle;}
#footer .tabzelle:first-child {padding-left:0;}
#footer .tabzelle:last-child {padding-right:0;}

#footer .trio-footer{display:grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:25px;}

#myfixbox{line-height:1em;padding:5px 15px;position:fixed;bottom:0;left:0}
#myfixbox span{display:inline-block;}
#myfixbox .phone, #myfixbox .mail{display:inline-block;margin:0 15px}

#content .tabs label {display:inline-block;max-width:32%;margin:0 1% -8px 0;}
#content .tabs.tabs4 label {max-width:24%;}
#content .tabs.tabs5 label {max-width:19%;}

section.module .wrap-inner-section {padding:25px 15px 50px 15px;}
section.module.full .wrap-inner-section {padding:0;}
section.module.parallax .wrap-inner-section .inner-section{}

section.module.spalte .inner-section{padding:0 0 0 35%;}
section.module.spalte .spalt{background-color:#f1f1f1;background-position: 50% 0; background-repeat: no-repeat; background-size: auto 100%;display:block; height:100%;min-height:500px;width:33%;overflow:hidden;position:absolute;top:0;left:0;}

/**********
* Fade In *
**********/
@-webkit-keyframes fadeIn {
0%{opacity:.1}
100%{opacity:1;display:block}
}
@keyframes fadeIn {
0%{opacity:.1}
100%{opacity:1;display:block}
}
.fadeIn{opacity:0}
.fadeIn.go,#nojs .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
#nojs .fadeIn,.fadeIn.go{opacity:1}

}

@media screen and (min-width: 1080px) {

nav{font-size: 1.1em;}
nav ul li a,nav ul li a:hover{margin:0 0 0 15px}
nav li.menu-item-has-children a:before{}

#content .slideshow .slide h2{font-size:2.2em;}
section.module.pslider .wrap-inner-section,#content .slideshow .slide{height:650px;}

}

@media screen and (min-width: 1115px) {
#content .post.referenz p.reftitel{position:absolute;left:0;bottom:0;}
}

@media screen and (min-width: 1180px) {

h1{font-size:1.6em;}

.kontaktbox .st{display:inline-block;}

nav{right:25px}
nav ul li a,nav ul li a:hover{margin:0 0 0 30px}
nav li.menu-item-has-children a:before{}


#header .logo{padding-left:15px;}


#content section.module.full .wrap-inner-section ul.galerie li{width:20%}

section.module.parallax h1,section.module.parallax h2{font-size:2.4em;}

#footer .footerbox{float:left;padding:0;text-align:left;width:25%;}
#footer #footer-sidebar1{padding:0 30px 0 0;}
#footer #footer-sidebar2{padding:0 15px;}
#footer #footer-sidebar3{padding:0 15px;clear:none;}
#footer #footer-sidebar4{padding:0 0 0 30px;}

}

@media screen and (min-width: 1280px) {
body,body.small{}
#headerbox .box:last-child{padding-right:0;}

#content .post h2,#content .post h3{padding-top:25px;}
#content .post.team h2,#content .post.team h3{padding:0;}



#content .tabzelle.tabbild .inner{padding:50px;}


#content .gsymbole{grid-template-columns:1fr 1fr 1fr 1fr;}
#content .gsymbole.tabs-2{grid-template-columns:1fr 1fr;}
#content .gsymbole.tabs-3{grid-template-columns:1fr 1fr 1fr;}

.wrapmyteam{grid-template-columns:1fr 1fr 1fr 1fr;}

#content .mypost{width:50%;}
#content .mypost h3{font-size:1.2em;}

#content .mypost.tab-1 .thumbnailbox,#content .mypost.tab-2 .thumbnailbox,
#content .mypost.tab-5 .thumbnailbox,#content .mypost.tab-6 .thumbnailbox,
#content .mypost.tab-9 .thumbnailbox,#content .mypost.tab-10 .thumbnailbox,
#content .mypost.tab-13 .thumbnailbox,#content .mypost.tab-14 .thumbnailbox,
#content .mypost.tab-17 .thumbnailbox,#content .mypost.tab-18 .thumbnailbox{left:0;right:auto}

#content .mypost.tab-1 .textbox,#content .mypost.tab-2 .textbox,
#content .mypost.tab-5 .textbox,#content .mypost.tab-6 .textbox,
#content .mypost.tab-9 .textbox,#content .mypost.tab-10 .textbox,
#content .mypost.tab-13 .textbox,#content .mypost.tab-14 .textbox,
#content .mypost.tab-17 .textbox,#content .mypost.tab-28 .textbox{padding:25px 25px 25px calc(50% + 25px);}

#content .mypost.tab-3 .thumbnailbox,#content .mypost.tab-4 .thumbnailbox,
#content .mypost.tab-7 .thumbnailbox,#content .mypost.tab-8 .thumbnailbox,
#content .mypost.tab-11 .thumbnailbox,#content .mypost.tab-12 .thumbnailbox,
#content .mypost.tab-15 .thumbnailbox,#content .mypost.tab-16 .thumbnailbox,
#content .mypost.tab-19 .thumbnailbox,#content .mypost.tab-20 .thumbnailbox{left:auto;right:0}

#content .mypost.tab-3 .textbox,#content .mypost.tab-4 .textbox,
#content .mypost.tab-7 .textbox,#content .mypost.tab-8 .textbox,
#content .mypost.tab-11 .textbox,#content .mypost.tab-12 .textbox,
#content .mypost.tab-15 .textbox,#content .mypost.tab-16 .textbox,
#content .mypost.tab-19 .textbox,#content .mypost.tab-20 .textbox{padding:25px calc(50% + 25px) 25px 25px;}

#content .wrapmyposts{grid-template-columns:1fr 1fr 1fr;grid-gap:50px;}
#content .myposts h3{font-size:1.2em;font-weight:700;}

.cols3 {margin:10px 0 25px 0;-webkit-column-count:3;-webkit-column-gap:25px;-moz-column-count:3;-moz-column-gap:25px;-o-column-count:3;-o-column-gap:25px;column-count:3;column-gap:25px;}

.slideLeft.go,#nojs .slideLeft{
-webkit-animation-name:slideLeft;
animation-name:slideLeft;
-webkit-animation-duration:.6s;
animation-duration:.6s;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
visibility:visible!important}
@keyframes slideLeft {
0%{transform:translateX(35px)}
100%{transform:translateX(0%)}
}
@-webkit-keyframes slideLeft {
0%{transform:translateX(35px)}
100%{transform:translateX(0%)}
}
.slideRight.go,#nojs .slideRight{
-webkit-animation-name:slideRight;
animation-name:slideRight;
-webkit-animation-duration:.4s;
animation-duration:.4s;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
visibility:visible!important}
@keyframes slideRight {
0%{transform:translateX(-35px)}
100%{transform:translateX(0%)}
}
@-webkit-keyframes slideRight {
0%{transform:translateX(-35px)}
100%{transform:translateX(0%)}
}

}

@media screen and (min-width: 1300px) {
nav{right:25px}
nav ul li.mega ul{width:100%;margin-left:0}
#nav li.mega ul.sub-menu li{width:20%}


#header .logo{padding-left:25px;}

#content .gallery .img a::before{opacity:0;}
#content .gallery .img a:hover::before{opacity:1;}

section.module.parallax h1,section.module.parallax h2{font-size:2.8em;letter-spacing:2px;}

.page-template-page-lifestyle section.module.parallax .inner-section h1,.page-template-page-lifestyle section.module.parallax .inner-section h2{font-size:2.8em;letter-spacing:10px;}
.page-template-page-lifestyle section.module.parallax .inner-section h1 strong,.page-template-page-lifestyle section.module.parallax .inner-section h2 strong{font-size:4em;}
.page-template-page-lifestyle section.module.parallax .inner-section h1 em,.page-template-page-lifestyle section.module.parallax .inner-section h2 em {font-size:0.9em;}
.page-template-page-lifestyle section.module.parallax p{font-size:1.6em;}

.wrapmypost{margin:0 auto;max-width:1920px;}

}

@media screen and (min-width: 1600px) {

body.small #header .inner{}
#header .logo{padding:20px 0 0 25px;}
body.small #header .logo{padding:10px 0 0 25px;}

#content .tabzelle.tabbild .inner{padding:50px 100px;}

section.module.parallax{height:1080px;height:100vh;}
section.module.parallax h1,section.module.parallax h2{font-size:3.2em;}

}


/* Standard für mobile / Touch-Geräte: kein fixed background */
section.module.parallax {
  background-attachment: scroll;
}

/* Nur auf Desktop-/Maus-Geräten aktivieren */
@media (hover: hover) and (pointer: fine) {
  section.module.parallax {
    background-attachment: fixed;
  }
}



#content .h-review{background:rgba(255,255,255,0.5);display:block;text-align:center;margin:50px auto;padding:25px;position:relative;}
#content .h-review h3{color:var(--medium);margin:20px auto;text-align:center;}
#content .h-review p{margin:10px auto;}
#content .h-review span{color:#CFB53B;font-size:1.2em;}
#content .h-review .userthumb{background:#eee url(images/user.png) no-repeat 50% 50%;display:block;margin:0 auto 10px auto;text-align:center;height:150px;width:150px;border-radius:50%;}

#content .h-review .userthumbs{display:block;position:relative;}
#content .h-review .userthumbs ul{margin:10px auto;}
#content .h-review .userthumbs li{display:inline-block;margin:10px;padding:0;vertical-align:middle;}
#content .h-review .userthumbs li img{height:100px;width:100px;}
#content .h-review .userthumbs li span{font-size:2em;}
#content .h-review .userthumbs li span::before{margin:0 10px;}
#content .h-review .userthumbs li::before{display:none;}

#content .h-review img{border-radius:50%;display:block;margin:0 auto;text-align:center;height:150px;width:150px;}
#content .h-review .p-rating{display:block;margin:20px auto;}

#content .h-review .malerlogo img{border-radius:0;display:block;height:auto;width:auto;max-width:250px;}


@media screen and (max-width: 600px) {

.pe-pro-seal-front-page, .pe-pro-seal-front-page-a {
    display:none !important;

}
}
@media screen and (min-width: 600px) {
.pe-pro-seal {
    right:auto !important;
    left:0 !important;
    bottom:135px !important;
  }
.pe-pro-seal.pe-pro-seal-flip{left:180px !important;}
}


.klickmichan,#content .klickmichan{background:rgba(0,0,0,0.4);color:var(--weiss);box-shadow:0 0 8px rgba(0, 0, 0, 0.6);display:block;font-size:1.1rem;line-height:1.7em;text-align:center;margin:50px auto;padding:12px 25px;position:relative;}
#content .klickmichan{font-size:1.4em;}
.klickmichan a,#content .klickmichan a{color:var(--weiss);font-weight:700;position:relative;text-decoration:none;}
.klickmichan p,#content .klickmichan p{line-height:1.4;margin:0}
.klickmichan p strong,#content .klickmichan p strong{color:var(--weiss);display:block;font-size:1.1rem;}
.klickmichan a:hover,.klickmichan a:hover strong,#content.klickmichan a strong,#content .klickmichan a:hover strong{color:rgba(255,255,255,0.8);}

@media screen and (min-width: 779px) {

.klickmichan,#content .klickmichan{display:grid;place-items:center;height:160px;width:160px;margin:0;padding:15px;position:fixed;left:10px;top:35%;border-radius:50%;z-index:5000}
.klickmichan a,#content .klickmichan a{line-height:1.25em;}

}


/* ==========================================================================
   Teaserboxen Grid & Container
   ========================================================================== */

.wrapteaser.news, #content ul.wrapteaser.news {
  list-style: none;
  margin: 2.5rem 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1.75rem;
}

/* ==========================================================================
   Card Styling (Link-Container)
   ========================================================================== */

.wrapteaser.news li, #content ul.wrapteaser.news li {
  display: flex;
  list-style: none;
  padding:0;
}

.wrapteaser.news li::before, #content ul.wrapteaser.news li::before {
  display: none;
  content:'';
}

.wrapteaser.news .tbox {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  border: 1px solid #e2e8f0;
  /* Ruhiger Zustand ohne Schwebe-Effekt */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover: Box bleibt an Ort und Stelle stehen */
.wrapteaser.news .tbox:hover,
.wrapteaser.news .tbox:focus-visible {
  border-color: #cbd5e1;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  outline: none;
}

/* ==========================================================================
   Bildbereich & Zoom-Effekt
   ========================================================================== */

.wrapteaser.news .img {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background-color: #f8fafc;
}

.wrapteaser.news .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

.wrapteaser.news .tbox:hover .img img {
  transform: scale(1.03); /* Nur sanfter Bildfokus im Rahmen */
}

/* ==========================================================================
   Textbereich & Typografie
   ========================================================================== */

.wrapteaser.news .txt {
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
}

.wrapteaser.news .txt h3.cl {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--dunkel);
  transition: color 0.2s ease;
}

.wrapteaser.news .tbox:hover .txt h3.cl {
  color: var(--button);
}

/* ==========================================================================
   Animation & Legacy-Bereinigung
   ========================================================================== */

.animate-visible.bottom-t-top {
  animation: fadeIn 0.4s ease both;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.clearer {
  display: none;
}

/* ==========================================================================
   CSS Slider
   ========================================================================== */
/* Container */
.ko-wrapslider.ko-slider {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
  user-select: none;
  border-radius:9px;
}

.headerslider{display:block; background:var(--button, #222);padding:0;}

.headerslider .ko-wrapslider.ko-slider{
 max-width: 100%;
 border-radius:0;
}

/* Scroll-Container */
.ko-wrapslider.ko-slider .ko-rslider {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.ko-wrapslider.ko-slider .ko-rslider::-webkit-scrollbar {
  display: none;
}

/* Slide */
.ko-wrapslider.ko-slider .ko-slide {
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  position: relative !important;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  margin: 0 !important;
  padding: 0 !important;
}

/* Bild */
.ko-wrapslider.ko-slider .ko-slide img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 550px;
  object-fit: cover;
}

/* Beschriftung */
.ko-wrapslider.ko-slider .ko-sliderbox {
  position: absolute;
  bottom: 15px;
  left: 20px;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  padding: 10px 15px;
  border-radius: 9px;
  pointer-events: none;
}

.ko-wrapslider.ko-slider .ko-sliderbox h2 {
  margin: 0;
  color: #fff;
  font-size: 1.3rem;
}

/* Pfeile (echte HTML-Buttons -> 100% barrierefrei) */
.ko-wrapslider.ko-slider .ko-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 44px;
  height: 44px;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  border: none;
  font-size: 20px;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
  padding: 0;
}

.ko-wrapslider.ko-slider .ko-arrow:hover {
  background: rgba(0, 0, 0, 0.85);
  transform: translateY(-50%) scale(1.08);
}

.ko-wrapslider.ko-slider .ko-arrow-prev { left: 16px; }
.ko-wrapslider.ko-slider .ko-arrow-next { right: 16px; }

.clearer {
  clear: both;
}


#content.ko-wrapslider.ko-slider .ko-rslider li{
  list-style: none !important;
  padding:0;
}
#content.ko-wrapslider.ko-slider .ko-rslider li::before{
 display:none;
}



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