/*
Theme Name: Mein-Maler / Lieblingsmaler 2030
Theme URI: https://mein-maler.de/
Description: Lieblingsmaler aus ganz Deutschland
Version: 6.00
Author: Klaus Oppermann
Author URI: https://www.klausoppermann.de
*/

/*
dunkel: #222
schwarz: #000
orange: #FFA600
cyan: #00498f   rgba(1,74,143, 1)
grau: #dbdada
gold: #CFB53B
*/

/*
   Logofarben LM
   Blau  #00498f  rgba(1,74,143,1)
   Hellblau #009fe3     rgba(0,159,227, 1)
   Rot      #be1220     rgba(190,18,32,1)

*/

:root {


  --body-bg: #fff;

  --weiss: #fff; /* weiss */
  --hell: #F6F6F6;  /* hellgrau */
  --hellblau: #006ba0; /* hellblau */
  --mittelblau: #006ba0; 
  --medium: #00498f;   /* cyan blau */
  --dunkel: #222;    /* dunkelgrau */
  --grau: #dbdada; /* grau */
  --schwarz: #000; /* schwarz */
  --gold: #CFB53B; /* gold */

  --vibrant: #FFA600; /* orange  */
  --on-vibrant: #fff;    /* weiss */
  --vibrant-hov: #FFA600; /* orange */
  --on-vibrant-hov: #fff;  /*  weiss */

  --warning: #be1220;   /* rot */
  --success: #14603f;  /* gruen */

  --trans-dunkel-1: rgba(0,0,0,0.05);
  --trans-dunkel-2: rgba(0,0,0,0.2);
  --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-2: rgba(255,255,255,0.2);
  --trans-hell-4: rgba(255,255,255,0.4);
  --trans-hell-8: rgba(255,255,255,0.9);

/* @link https://utopia.fyi/type/calculator?c=320,16,1.067,1240,18,1.2,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

  --step--2: clamp(0.78rem, calc(0.91rem + -0.17vw), 0.88rem);
  --step--1: clamp(1rem, calc(0.95rem + 0.1vw), 1rem);
  --step-0: clamp(1.07rem, calc(0.96rem + 0.30vw), 1.05rem);
  --step-1: clamp(1.07rem, calc(0.97rem + 0.49vw), 1.35rem);
  --step-2: clamp(1.14rem, calc(0.97rem + 0.84vw), 1.5rem);
  --step-3: clamp(1.22rem, calc(0.96rem + 1.27vw), 1.6rem);
  --step-4: clamp(1.30rem, calc(0.94rem + 1.80vw), 2.2rem);
  --step-5: clamp(1.38rem, calc(0.89rem + 2.46vw), 2.60rem);
  --step-6: clamp(1.48rem, calc(0.82rem + 3.28vw), 3.0rem);

}

/* 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;}

body,html{scrollbar-gutter: stable;}
html{background:var(--medium);background-size: 100% auto;box-sizing: border-box;font-size:100%;padding:0;scroll-behavior: smooth; scroll-padding-top:125px;scroll-snap-type: y mandatory;}
body{background-color:var(--weiss);background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;color:#444;
font-family:'Open Sans', arial, Verdana, Tahoma, sans-serif;font-size:66.5%;line-height:1.7;text-align:center;
margin:0;padding:60px 0 0 0;position:relative;
overflow-x: hidden;overflow-y:scroll;
}

a,a strong{color:var(--medium)}
a:hover,a:hover strong,h2 a{color:var(--hellblau);}
a:not([href]) {cursor:text;}
a::before{text-decoration:none !important;}
a.post-edit-link{background:var(--warning);color:var(--weiss);display:none;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;}
#footer a.rcb-sc-link{border-color: var(--trans-hell-4);}
a.direktlink{word-break: break-word;}

article, aside, figcaption, figure, footer, header, hgroup, nav, section, time, video{display:block;margin:0;padding:0;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--schwarz);font-family:Montserrat,Verdana,Arial,sans-serif;font-kerning:none;font-weight:400;line-height:1.4em;text-align:left;margin:50px 0 25px 0;padding:0;}
h1,.h1{clear:both;font-size:1.3em;font-weight:700;letter-spacing:1px;margin:25px auto;padding:0 15px;position:relative;text-align:center;-webkit-transition: all 0.5s;transition: all 0.5s;}
.post-template-page-parallax-php h1,
.page-template-page-parallax-php h1,
.tag #wrapper h1,
.category #wrapper h1,
.blog #wrapper h1,
.page-template-page-lifestyle h1,page-template-page-lifestyle-referenzen h1{margin:25px auto;max-width:1680px;text-align:center;}
h1 strong,h2 strong{display:block;}
.tag #wrapper h1,.category #wrapper h1,.blog #wrapper h1{margin:50px auto 10px auto;}

h2,.h2{font-size:1.1em;}
.page-template-page-parallax-php h2,.post-template-page-parallax-php h2{margin:25px auto;padding:0 15px;text-align:center;}
h2.top,.page-template-page-parallax-php h2.top,.post-template-page-parallax-php h2.top, section#top h2{margin-top:0;}
h3,.h3{font-size:1.1em}
.tabzelle h3{margin:0}
h4,.h4{font-size:1.1em;}
h4.aligncenter{margin:50px auto 25px auto;text-align:center;}
h5,h6,.h5,.h6{font-size:1.0em;margin:25px;}

hr{border:none;border-top:1px solid #ccc;color:transparent;clear:both;display:block;height:0;margin:30px 0}
.gruen hr{border:2px solid rgba(255,255,255,0.8);}

img,picture{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:rgba(0,0,0,0.05);border:1px solid #ddd;color:var(--schwarz);clear:both;margin:50px auto;padding:60px 25px;position:relative;border-radius:5px;max-width:980px;}
blockquote.zentriert{display: flex;justify-content: center;align-items: center;}
blockquote:before,blockquote:after{color:#888;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 a,blockquote a:hover{color:var(--schwarz);}
blockquote p,#content blockquote p{background:transparent;color:var(--schwarz);margin:15px 0;padding:0;}
blockquote strong,#content blockquote strong,blockquote ul li,#content blockquote ul li{background:transparent;color:var(--schwarz);}
blockquote h2,blockquote h3,blockquote h4{color:var(--schwarz);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;}
#content blockquote .wp-caption p{color:#666}

button.icon-search span{display:none;}

cite, em{font-style:italic}
pre{margin:15px 0;overflow:auto;}
pre a{font-weight:400;}
strong,b{color:var(--schwarz);font-weight:700;}
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;}

#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;text-align:left;}
form h3,form p{margin:10px 0;text-align:left;}
form h3{font-size:1.1em;margin:25px 0 10px 0;}
fieldset.schmal p{float:left;padding-right:2%;width:40%}
label{font-weight:400;margin:0;padding:0}
input:not([type=checkbox]),
textarea,
select{background:rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.1);color:var(--dunkel);margin:5px 0;padding:12px;width:100%;-webkit-transition: all 0.3s;transition: all 0.3s;}

.gruen input:not([type=checkbox]),
.gruen textarea,
.gruen select{background:rgba(255,255,255,0.8);border:1px solid rgba(255,255,255,0.9);}

#footer input:not([type=checkbox]),
#footer textarea,
#footer select{border-color:rgba(255,255,255,0.5);}

textarea{height:250px;overflow:auto}
.upload input{background:var(--weiss);color:var(--dunkel);margin:5px 5px 0 0;padding:5px;width:70%;}
input:not([type=checkbox]):hover,textarea:hover,input:active,textarea:active,input:focus,textarea:focus{background:#f7f7f7;border-color:rgba(0,0,0,0.1);color:var(--dunkel)}

input[type=radio]{background:transparent;border:none;color:var(--dunkel);margin:0 5px 0 10px;padding:0;width:1.25rem;transform: scale(1.25);}

input[type=date]{float:left;padding-right:2%;width:45%}
::-webkit-input-placeholder {color: #666; opacity: 1;font-size:0.9em;font-family:arial,sans-serif;}
::-moz-placeholder {color: #999; opacity: 1;font-size:0.9em;font-family:arial,sans-serif;}
:-moz-placeholder {color: #999; opacity: 1;font-size:0.9em;font-family:arial,sans-serif;}
:-ms-input-placeholder {color: #999;font-size:0.9em;font-family:arial,sans-serif;}
::-ms-input-placeholder {color: #999;font-size:0.9em;font-family:arial,sans-serif;}
:placeholder-shown {color: #999; opacity: 1;font-size:0.9em;font-weight:300;font-family:arial,sans-serif;}
::placeholder {color: #999; opacity: 1;font-size:0.9em;font-family:arial,sans-serif;}

/* https://getcssscan.com/css-checkboxes-examples */

div.wpcf7 .wpcf7-list-item-label{display:inline-block;line-height:1;vertical-align:top;}

div.wpcf7 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label{vertical-align:middle;}

div.wpcf7 input[type=checkbox]{appearance: none; background-color: var(--trans-dunkel-4); border-radius: 72px; border-style: none; flex-shrink: 0;  height: 20px;  margin: 0 8px 0 0;  position: relative; width: 30px; }
div.wpcf7 input[type=checkbox]::before {  bottom: -6px; content: ""; left: -6px; position: absolute; right: -6px;top: -6px; }
div.wpcf7 input[type=checkbox],
div.wpcf7 input[type=checkbox]::after { transition: all 100ms ease-out; }
div.wpcf7 input[type=checkbox]::after { background-color: var(--weiss); border-radius: 50%; content: ""; height: 14px; left: 3px;position: absolute; top: 3px; width: 14px;}
div.wpcf7 input[type=checkbox]{cursor: default;}
div.wpcf7 input[type=checkbox]:hover { background-color: var(--vibrant);  transition-duration: 0s; }
div.wpcf7 input[type=checkbox]:checked {background-color: var(--vibrant);}
div.wpcf7 input[type=checkbox]:checked::after {background-color: var(-weiss); left: 13px;}
div.wpcf7 :focus:not(.focus-visible) {outline: 0; }
div.wpcf7 input[type=checkbox]:checked:hover {background-color: var(--vibrant) ; }

div.wpcf7{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;}

.wpcf7 input[type="submit"]{background:var(--medium);border:1px solid var(--medium);color:var(--weiss);clear:both;display:block;font-weight:700;font-size:1.1em;letter-spacing:2px;margin:15px 0;padding:15px 50px;position:relative;overflow:hidden;text-align:center;text-decoration:none;width:auto;border-radius:3px;transition:all 0.3s ease;}
.wpcf7 input[type="submit"]:hover{background:var(--warning);border-color:var(--warning);color:var(--weiss);}

.wpcf7 input[type="submit"]:before{color:var(--weiss);-webkit-transition:-webkit-transform .3s ease-out; transition:transform .3s ease-out,-webkit-transform .3s ease-out;margin-right:15px}
.wpcf7 input[type="submit"]:hover::before{-webkit-transform:translateX(5px);transform:translateX(5px)}

#kontakt,#kontakt-mm{display:block;scroll-margin-top: 100px;}
form #kontakt-mm{scroll-margin-top: 185px;}
#kreatives{scroll-margin-top: 185px;}


#content div.bewerbung{background:rgba(255,255,255,0.9);border:none;border-radius:5px;display:block;margin:25px auto;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.3);}
#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:2000px;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,.searchform input:hover{background:var(--weiss);border:1px solid var(--hellblau);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;}

#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;max-width:1280px;}


.post-template-page-parallax #wrapper,
.page-template-page-parallax-php #wrapper,
.tag #wrapper,.category #wrapper,
.blog #wrapper,
.page-template-page-lifestyle #wrapper{padding:0}

.search #wrapper,
.page-template-page-lifestyle #wrapper,
.page-template-page-lifestyle-referenzen #wrapper,
.netzwerk-template-single-netzwerk-parallax #wrapper,
.page-template-page-netzwerk-stellenangebote #wrapper,
.page-template-netzwerk-index #wrapper,
.page-template-page-netzwerk-kalkkind #wrapper,
.page-template-page-splitscreen #wrapper,
.post-template-page-breit-parallax-php #wrapper,
.page-template-page-netzwerk-xbreit #wrapper,
.page-template-page-mm-parallax-php #wrapper,
.post-template-page-mm-parallax-php #wrapper{background:transparent;margin:0 auto;padding:0;width:100%;max-width:100%;}

.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(--hellblau);border:none;color:var(--weiss);display:block;font-size:1.3em;line-height:1.4em;margin:0 auto;padding:0;position:absolute;top:-999px;right:5%;height:0;max-height:0;overflow:hidden;text-align:center;transition: max-height 0.5s ease-in-out;z-index:9999; }
.kontaktbox.open{height:auto;max-height:1000px;position:fixed;top:11%;width:500px;max-width:90%;box-shadow:-5px 5px 0 rgba(0,0,0,0.2);z-index:1020}

.kontaktbox .inner-kontaktbox{display:block;margin:0 auto;padding:1px;text-align:left;vertical-align:middle;}
.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;}
.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(--medium);display:inline-block;font-weight:400;font-size:1em;font-weight:700;letter-spacing:2px;padding:7px 10px;position:absolute;top:4px;left:50px;vertical-align:middle;z-index:10000;white-space: nowrap;}
.kontaktbox a.tel span:before{font-size:1.0em;margin:0 5px 0 0;}

.kontaktbox .phone a,.kontaktbox .phone a:hover{background:var(--hellblau);float:left;font-weight:400;font-size:1.25em;font-weight:700;letter-spacing:2px;margin:0 15px 0 75px;padding:7px 10px;position:relative;vertical-align:middle;z-index:999;white-space: nowrap;}
.kontaktbox .mail{display:none;}

.kontaktbox .closeme{color:var(--weiss);cursor:pointer;display:block;font-size:1.8em;margin:0;padding:0;position:absolute;right: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(--medium);border:none;color:var(--weiss);font-size:1.2em;line-height:1.5em;padding:15px 15px 25px 15px;position:relative;}
.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:var(--weiss);text-decoration:underline;cursor:pointer}
.kontaktbox .vcard a:hover{text-decoration:underline;color:rgba(255,255,255,0.8);}
.kontaktbox .vcard strong{color:var(--weiss);font-weight:700;}

.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(--weiss);}

.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:var(--weiss);background:rgba(255,255,255,0.1);cursor:pointer;display:inline-block;font-size:1.0em !important;line-height:1em;margin:5px;padding:5px;width:32px;height:32px;}
.kontaktbox .share.kon a:hover{color:var(--weiss);background:rgba(255,255,255,0.3);}
.kontaktbox .share.kon a span{display:none;}
.kontaktbox .share.kon a:before{line-height:1em;margin:0;padding:3px 0 0 0;}

.telefontermin,
header .kontaktbox .telefontermin,
#content .telefontermin{background:var(--hellblau);border:1px solid var(--weiss);color:var(--weiss);border-radius:5px;display:block;margin:10px auto;padding:5px 10px;text-align:center;max-width:400px;text-align:center;}
#content .telefontermin{background:var(--hellblau);border-color:var(--weiss);color:var(--weiss);margin:10px auto;}
.kontaktbox .telefontermin a,
.kontaktbox .telefontermin a:hover{color:var(--weiss);text-decoration:none;}
#content .telefontermin a,
#content .telefontermin a:hover{color:var(--weiss);font-weight:700;font-size:1.2em;}
.telefontermin a:hover,
#content .telefontermin a:hover{text-decoration:none;}

#content .myauthor .telefontermin{background:var(--hellblau);transition: all 0.3s;margin:10px 0;}
#content .myauthor .telefontermin:hover{background:var(--medium)}
#content .myauthor a,
#content .myauthor a:hover{font-size:1.0em;text-decoration:none;}

header .kontaktbox .telefontermin small,
#content .telefontermin small,
#content .myauthor small{display:inline-block;margin:0 auto;font-size:0.8em;line-height:100%:vertical-align:middle;}
#content .telefontermin small a,#content .telefontermin small a:hover,
#content .myauthor small a,#content .myauthor small a:hover{font-weight:400;}

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(--hellblau)}
75%{color:var(--weiss)}
100%{color:var(--weiss)}
}
@keyframes farbwechsel {
0%{color:var(--weiss)}
25%{color:var(--weiss)}
50%{color:var(--hellblau)}
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(--medium);background:rgba(1,74,143, 0.8);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:600;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.schmal div.st{transform:translateY(60px);}

.grayscale {-webkit-filter: grayscale(1);filter: grayscale(1);}


#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(--orange);border:1px solid var(--orange);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(--orange);color:var(--weiss);}

#slidein4{display:block;overflow:hidden;font-size:1.4em;line-height:1.4em;margin:0;padding:0;position:fixed;top:350px;text-align:center;width:90vw;max-width:640px;transition:all 0.5s ease-in-out;z-index:2000;}
#slidein4.hideme{left:-90vw;}
#slidein4.open{left:0;box-shadow:10px 10px 10px rgba(0,0,0,0.2)}
#slidein4 .innen{background: #0082BA;
background: -moz-linear-gradient(-45deg, rgba(0,159,227,1) 0%, rgba(0,87,124,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(0,159,227,1) 0%,rgba(0,87,124,1) 100%);
background: linear-gradient(135deg, rgba(0,159,227,1) 0%,rgba(0,87,124,1) 100%);
color: var(--weiss);display:block;padding:25px 25px 25px 50px;}
#slidein4 .innen h2,#slidein4 .innen h3{color:var(--weiss);margin:10px auto;}
#slidein4 .innen p{color:var(--weiss);margin:10px auto;}
#slidein4 .innen a,#slidein4 .innen strong{color:var(--weiss);}
#slidein4 .innen a{border:1px solid var(--weiss);display:block;margin:10px;padding:8px 10px;}
#slidein4 .innen a:hover{background: #0082BA;}

.slidein4.button{color:#0082BA;display:inline-block;position:fixed;top:355px;left:0;z-index:2001;}
.slidein4.button:before{background:rgba(255,255,255,0.8);border:1px solid #ccc;border-left:none;color:#0082BA;cursor:pointer;font-size:1.8em;padding:10px;border-radius:0 9px 9px 0;width:25px;}

/* Admiral */

#slidein5{display:block;font-size:1.4em;line-height:1.4em;margin:0;padding:0;position:fixed;top:400px;text-align:center;width:600px;max-width:90%;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;z-index:2000;}
#slidein5.hideme{left:-600px;}
#slidein5.open{left:20vw;box-shadow:10px 10px 10px rgba(0,0,0,0.2)}
#slidein5 .innen{background: #0189c3 url(images/Ankerplatz-2.png) no-repeat 5% 50%;color: var(--weiss);display:block;padding:25px 25px 25px 50px;position:relative;}
#slidein5 .innen::before{content:'';border:1px solid var(--weiss);position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:20}
#slidein5 .innen h2,#slidein5 .innen h3,#slidein5 .innen h4{color:var(--weiss);margin:10px auto;text-align:center;text-shadow:none;}
#slidein5 .innen p{color:var(--weiss);margin:10px auto;padding:10px;}
#slidein5 .innen img{border-radius:50%;margin:10px auto;max-width:160px;}
#slidein5 .innen a,#slidein5 .innen strong{color:var(--weiss);}
#slidein5 .innen a{border:1px solid var(--weiss);display:block;margin:10px;padding:8px 10px;}
#slidein5 .innen a:hover{background: #0082BA;}

.slidein5.button{color:var(--weiss);cursor:pointer;display:block;width:40px;position:absolute;top:-30px;right:-15px;z-index:2001;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.slidein5.button.icon-cancel{}
.slidein5.button.icon-anchor{top:0;right:-40px;}
.slidein5.button:before{background:#0189c3;border:1px solid var(--weiss);color:var(--weiss);font-size:1.8em;padding:0;height:40px;width:40px;border-radius:50%;display:flex;  align-items: center;  justify-content: center;}

@media screen and (max-width: 599px) {
#slidein5,.slidein5.button{display:none;}
    }

#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: var(--schwarz);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:var(--schwarz);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;}
    }

#slidein7{display:block;font-size:1.4em;overflow:hidden;margin:0;padding:0 0 0 50px;position:fixed;top:350px;right:-5px;text-align:center;width:640px;max-width:640px;transition:all 0.5s ease-in-out;z-index:1005}
#slidein7.hideme{right:-640px;}
#slidein7.open{right:0;max-width:640px;}
#slidein7 .inners{background:#aaa;border:1px solid #999;border-right:none;border-radius:5px 0 0 5px;color:var(--weiss);padding:10px;line-height:1.5em;}
#slidein7 .inners h3{color:var(--weiss);margin:10px auto;}
#slidein7 .inners p{background:rgba(0,0,0,0.1);color:var(--weiss);margin:10px auto;padding:10px;border-radius:5px;}
#slidein7 .inners p a{color:var(--weiss);text-decoration:underline;}
#slidein7 .button{color:var(--weiss);display:inline-block;margin:0;padding:0;position:absolute;top:30%;left:10px;}
#slidein7 .button:hover{color:rgba(255,255,255,0.8);}
#slidein7 .button:before{background:red;border:1px solid red;border-right:none;cursor:pointer;font-size:1.5em;padding:15px 5px;border-radius:9px 0 0 9px;width:40px;}

.farbwechseln {
  -webkit-animation: farbwechseln 10s cubic-bezier(1,0,0,1) infinite;
  animation: farbwechseln 10s cubic-bezier(1,0,0,1) infinite;
}

@-webkit-keyframes farbwechseln {
  0% { color: red; }
  33% { color: #769815; }
  67% { color: #769815; }
  100% { color: #769815; }
}

@keyframes farbwechseln{
  0% { color: red; }
  33% { color: #769815; }
  67% { color: #769815; }
  100% { color: #769815; }
}


.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(--orange); }
  67% { color: red; }
  100% { color: var(--orange); }
}

@keyframes farbwechsel2 {
  0% { color: red; }
  33% { color: var(--orange); }
  67% { color: red; }
  100% { color: var(--orange); }
}

.farbwechsel3 {
  -webkit-animation: farbwechsel3 30s cubic-bezier(1,0,0,1) infinite;
  animation: farbwechsel3 30s cubic-bezier(1,0,0,1) infinite;
}

@keyframes farbwechsel3 {
  0% { background: var(--hellblau); }
  33% { background: var(--medium); }
  67% { background: var(--hellblau); }
  100% { background: var(--medium); }
}



#meganaviblock{background:var(--medium);color:var(--weiss);display:block;position:fixed;left:0;bottom:75px;text-align:center;width:35px;z-index:250;border-radius:0 5px 5px 0;box-shadow: 0 5px 10px -4px rgba(0,0,0,.5);}
#meganaviblock div, #meganaviblock ul li{cursor:pointer;display:block;font-size:2.1em;margin:10px auto;}
#meganaviblock div::before,#meganaviblock ul li::before{margin:0 auto;}
#meganaviblock div span,#meganaviblock ul li span{display:none;}

.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:var(--schwarz);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;}

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;}
#content .mail{display:block;}

video {margin:0 auto;text-align:center;max-width:100%;height:auto;}
.video-wrapper{background:#eee url(images/youtube.png);border:none;margin:25px auto;width:100%;max-width:100%;text-align:center;}
.video-container{background:transparent;position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{background:transparent;margin:0;padding:0;position:absolute;top:0;left:0;width:100%;height:100%}

.my-frame,iframe.map-frame{border:none;padding:0;text-align:center;min-height:400px;height:100%;width:100%;}

.wp-video,.mejs-container, .wp-video-shortcode, .mejs-video {display:block;margin:0 auto;text-align:center;}

.video-header-wrapper{background-color:#eee;display:block;margin:0 auto;text-align:center;width:100%;max-width:100%}
.video-header-wrapper .video-header-container{margin:0 auto;position: relative !important;padding:0 0 56.25% 0;height: 0;z-index:100;}
.video-header-wrapper .video-header-container video,
.video-header-wrapper .video-header-container iframe,
.video-header-wrapper .video-header-container embed,
.video-header-wrapper .video-header-container object{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;z-index:-1}
.video-header-wrapper .sliderbox{background:transparent;color:var(--weiss);text-align: center;padding:10px;position:absolute;top:50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%);z-index:500}
.video-header-wrapper img{display:block;margin:0 auto;max-width:200px;}
.video-header-wrapper .titel{display:block;font-size:2.0em;font-weight:700;margin:10px auto;}
.video-header-wrapper .description{display:none;}
.video-header-wrapper .sbutton{display:block;font-size:1.0em;margin:15px 0;padding:0;position: relative;}
.video-header-wrapper .sbutton a{background:#e0021b;color:var(--weiss);display:inline-block;letter-spacing:2px;padding:5px 15px;-webkit-transition: all 0.9s;transition: all 0.9s;}
.video-header-wrapper .sbutton a:hover{background:rgba(0,0,0,0.5);}

.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:fixed;top:0;left:0;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:60px;padding:0 0 0 0;-webkit-transition: all 0.5s;transition: all 0.5s;max-width:1920px;z-index:998;}

.logo,.plogo{display:block;margin:0;padding:0;position:absolute;left:25px;top:5px;text-align:left;max-width:200px;z-index:1000;-webkit-transition: all 0.5s;transition: all 0.5s;}
.plogo{}
.logo a,.logo a:hover,
.plogo a, .plogo a:hover{cursor:pointer;display:block;margin:0;padding:0;width:auto;max-width:200px;z-index:1000;-webkit-transition: all 0.5s;transition: all 0.5s;}

.logo img, .plogo img{background:var(--weiss);display:block;margin:0;padding:0;max-height:50px;-webkit-transition: all 0.5s;transition: all 0.5s;}

.lmlogo-klein a{background:var(--weiss) url(images/lieblingsmaler-logo.png) no-repeat center center;background-size:85% auto; display:block;margin:0;padding:0;position:absolute;left:5px;top:5px;text-align:left;height:60px;width:80px;z-index:1000;-webkit-transition: all 0.5s;transition: all 0.5s;border-radius:3px;box-shadow: 0 0 10px rgba(0,0,0,0.3);}

body.mmpartner .logo{display:none;}

div#mmtopnavigation{display:none;background:var(--medium);font-size:1.1em;margin:0;position:fixed;top:0;left:0;text-align:center;width:100%;z-index:1000}
div#mmtopnavigation ul li{list-style:none;display:inline-block;margin:0;padding:0;position:relative;width:auto}
div#mmtopnavigation ul li a{color:rgba(255,255,255,0.8);padding:10px;}
div#mmtopnavigation ul li a:hover{color:var(--weiss);}

div#mmtopnavigation ul li ul{background:var(--medium);color:var(--weiss);height:auto;left: -999em;opacity:0;margin:0;padding:5px;position:absolute;text-align:left;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}
div#mmtopnavigation ul li:hover > ul{left:0;opacity:1;}
div#mmtopnavigation li.menu-item-has-children a:after{margin:0 0 0 5px;font-size:0.9em;}

div#mmtopnavigation ul li.menu-item-has-children ul li a:after{content:'';display:none;}
div#mmtopnavigation ul li ul li{display:block;}
div#mmtopnavigation ul li ul li a,div#mmtopnavigation ul li ul li a:hover{border-bottom:1px solid rgba(255,255,255,0.5);display:block;padding:10px;}

div#mmtopnavigation li.search, div#mmtopnavigation li.close-nav{display:none}

/* Navigation */

#mobile,
#mmobile{background:transparent;border:none;color:var(--schwarz);cursor:pointer;display:block;font-size:4em;font-weight:300;margin:0;padding:0;position:absolute;top:20px;right:15px;text-align:center;width:32px;z-index:99999;outline:none;}
#mobile span,
#mmobile span{display:block;text-indent:-999em;}
#mobile b,
#mmobile b{
    background: var(--schwarz);
    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),
#mmobile.open b:nth-child(2){
    width: 0;
    opacity:0;
}
#mobile.open b:nth-child(1),
#mmobile.open b:nth-child(1){
    transform: rotate(-45deg);
    top:6px;
}
#mobile.open b:nth-child(3),
#mmobile.open b:nth-child(3){
    transform: rotate(45deg);
    top:-12px;
}

nav#mmnavigation,nav#mmnavigation.open{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#mmnavigation::-webkit-scrollbar {width: 10px;} /* width */
nav#mmnavigation::-webkit-scrollbar-track {background: #f1f1f1;}  /* Track */
nav#mmnavigation::-webkit-scrollbar-thumb {background: var(--dunkel);}  /* Handle */
nav#mmnavigation::-webkit-scrollbar-thumb:hover {background: var(--medium);} /* Handle on hover */
nav#mmnavigation {scrollbar-color:#f1f1f1;scrollbar-width:thin;}

nav#mmnavigation.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#mmnavigation ul,nav#mmnavigation ul li{display:block;text-align:center;width:auto;}
nav#mmnavigation ul li a,nav#mmnavigation ul li a:hover{border-bottom:1px solid rgba(0,0,0,0.1);color:var(--dunkel);display:block;margin:0;padding:10px;position:relative;transition:all .3s ease;}

nav#mmnavigation ul li a:hover,
nav#mmnavigation ul li.current-menu-item a,
nav#mmnavigation ul li ul li a:hover,
nav#mmnavigation ul li ul li.current-menu-item a{background:rgba(255,255,255,0.5);color:var(--dunkel);}

nav#mmnavigation li.close-nav{border-top:none;clear:both;color:var(--dunkel);display:block;width:100%;padding:10px}
nav#mmnavigation li.close-nav b{color:var(--dunkel);cursor:pointer;}

nav#mmnavigation li.search {background:transparent;border-top:1px solid rgba(255,255,255,0.1);text-align:center;padding:0;}
nav#mmnavigation li.search ul{margin:0;padding:2px;}
nav#mmnavigation li.search ul li{background:var(--medium);padding:5px;}
nav#mmnavigation li.search b:before {color:var(--dunkel);cursor:pointer;display:none;font-size:1.2em;margin:0;padding:5px 20px 5px 0;}
nav#mmnavigation li.search .searchform{margin: 0 auto;padding:12px 10px;text-align:center;width:95%;max-width:95%;}
nav#mmnavigation li.search .searchform input{border:1px solid var(--weiss);}
nav#mmnavigation li.search .searchform button {color:rgba(255,255,255,0.8);}
nav#mmnavigation li.search .searchform button:hover{color:var(--weiss);}
nav#mmnavigation li.search .searchform button:before{margin:0;font-size:1.2em;}

nav#mmnavigation ul li a:not([href]),
nav#mmnavigation ul li a:hover:not([href]){background:#f7f7f7;cursor:text;}
nav#mmnavigation li.menu-item-has-children a:after {border:none;margin:0 0 0 10px;}

nav#mmnavigation ul li.menu-item-has-children ul li a:after,
nav#mmnavigation li ul li a:after,
nav#mmnavigation li ul.sub-menu li a:after,
nav#mmnavigation li ul.sub-menu li li a:after{content:'';border:none;display:none;margin:0;}

nav#mmnavigation li.main a{font-weight:700;}
nav#mmnavigation li.main ul li a{font-weight:400;}

nav#mmnavigation li.partnerwerden a{background:var(--warning);color:var(--weiss);}
nav#mmnavigation li.partnerwerden a:hover,
nav#mmnavigation li.partnerwerden.current-menu-item a{background:var(--medium);color:var(--weiss);}

#mmnav li.lmnavlogo{}
#mmnav li.lmnavlogo a,nav#mmnavigation li.lmnavlogo a:hover{border:none;text-decoration:none;}
nav#mmnavigation li.lmnavlogo img{display:inline-block;height:70px;padding:10px 0;vertical-align:middle;-webkit-transition: all 0.5s;transition: all 0.5s;}

/*  Lieblingsmaler Meganavigation  */


.lm-meganav{background:transparent;display:block;font-size:1.5em;line-height:1.4em;margin:0;padding:0;text-align:center;position:fixed;top:15vh;left:-90vw;height:70vh;width:70vw;z-index:999999;-webkit-transition: all 0.5s;transition: all 0.5s;}
.lm-meganav.open{left:15vw;z-index:3000;}


.lm-meganav .innerei{background:rgba(255,255,255,0.95);position: absolute;padding:0;top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch;box-shadow: 0 5px 10px -4px rgba(0,0,0,.5);}
.lm-meganav ul.categoryposts li h3,#content ul.categoryposts li h3{font-size:0.9em;position:relative;left:auto;bottom:auto;}
.lm-meganav ul.categoryposts li img,#content ul.categoryposts li img{display:block;}

.lm-meganav::-webkit-scrollbar {width: 10px;} /* width */
.lm-meganav::-webkit-scrollbar-track {background: #f1f1f1;}  /* Track */
.lm-meganav::-webkit-scrollbar-thumb {background: var(--dunkel);}  /* Handle */
.lm-meganav::-webkit-scrollbar-thumb:hover {background: var(--medium);} /* Handle on hover */
.lm-meganav {scrollbar-color:#f1f1f1;scrollbar-width:thin;}
.widget_text.innerei h2{color:var(--medium);font-size:1.3em;margin:25px auto;text-align:center;}

.close-lmnav1,.close-lmnav2,.close-lmnav3,.close-lmnav4{color:var(--warning);cursor:pointer;font-size:2em;position:absolute;right:0;top:0;}

.lm-meganav .wrapteaser{display:grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));grid-gap:10px;line-height:1.4em;margin:0 auto;padding:10px;position:relative;}
.lm-meganav .wrapteaser dl{display:block;margin:25px auto;padding:0;position:relative;overflow:hidden;position:relative;}
.lm-meganav .wrapteaser a {text-decoration:none;}
.lm-meganav .wrapteaser a dl p,
.lm-meganav .wrapteaser a:hover dl p{color:var(--weiss);}
.lm-meganav .wrapteaser a dl .more{color:var(--medium);font-weight:700;}
.lm-meganav .wrapteaser a:hover dl .more{color:var(--weiss);}
.lm-meganav .wrapteaser a:hover dl{cursor:pointer;}
.lm-meganav .wrapteaser dl dt{background:transparent;display:block;line-height:100%;margin:0 auto;padding:0;overflow:hidden;position:relative;text-align:center;}
.lm-meganav .wrapteaser dl dd{background:transparent;display:block;margin:0 auto;padding:5px 0;text-align:center;}
.lm-meganav .wrapteaser dl dt span{display:block;height:auto;margin:1px;padding:0;overflow:hidden;}
.lm-meganav .wrapteaser dl dt span img{margin:0 auto;width:auto;max-width:100%;height:auto;}
.lm-meganav .wrapteaser dl h2,.lm-meganav  .wrapteaser dl h3{color:var(--medium);font-size:0.95em;line-height:1.25em;margin:0;text-align:center;-webkit-hyphens: auto;hyphens: auto;-webkit-hyphenate-limit-chars: 6 4 3;hyphenate-limit-chars: 6 4 3;}
.lm-meganav .wrapteaser dl p{margin:5px 0;-webkit-hyphens: auto;hyphens: auto;-webkit-hyphenate-limit-chars: 6 4 3;hyphenate-limit-chars: 6 4 3;}
#.lm-meganav .wrapteaser a:hover dl h2,
.lm-meganav .wrapteaser a:hover dl h3{color:var(--schwarz)}
.lm-meganav .wrapteaser dl img{display:block;}

.lm-meganav .wrapteaser dl p.info{background: linear-gradient(0deg,rgba(1,74,143,0.8) 0,rgba(1,74,143,0.5) 85%);border:none;color:var(--weiss);display:block;opacity:0;margin:0;padding:10px;position: absolute;top: 0;left: 0;text-align:left;height: 100%; width: 100%;transition: opacity .3s ease-out;}
.lm-meganav .wrapteaser dl:hover p.info{opacity:1}


/*  Content   */

#content{background:var(--weiss);clear:both;padding:0 0 50px 0;min-height:500px;}
.page-template-page-lifestyle-php #content,
.page-template-page-lifestyle-referenzen #content,
.page-template-page-netzwerk-kalkkind #content,
.post-template-page-parallax-php #content,
.netzwerk-template-single-netzwerk-parallax #content,
.page-template-page-parallax-php #content,
.page-template-page-splitscreen #content,
.post-template-page-breit-parallax-php #content,
.page-template-page-netzwerk-xbreit #content,
.page-template-page-mm-parallax-php #content,
.post-template-page-mm-parallax-php #content,
.page-template-page-netzwerk-stellenangebote #content{padding:0;}

.tag #content,.category #content,.blog #content,.page-template-page-lifestyle #content,page-template-page-lifestyle-referenzen #content{padding:0 15px;}

#content p a,#content ul a, #content ol a{text-decoration:underline;}

#content p{margin:25px 0;}
.attachment-template-default #content p{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:25px}
#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 .dunkel p.absatzz::before {color: rgba(255,255,255,0.2);}

#content p.maximal, #content ul.maximal, #content ol.maximal{max-width:65ch;margin-inline:auto;}

#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 .h-review{background:rgba(255,255,255,0.5);display:block;text-align:center;margin:50px auto;padding:25px;position:relative;}
#content #swipeSlider2 .h-review{background:rgba(255,255,255,0.5);margin:0 auto;padding:25px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
#content .h-review h3{color:var(--hellblau);margin:20px auto;text-align:center;}
#content .h-review p{margin:10px auto;}
#content .h-review span{color:var(--gold);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;}

#content ol {
  display:block;
  margin:25px 0;
  padding:0;
  counter-reset: list-number;
  position:relative;
}
#content ol li{ display:block;margin:0;padding:12px 25px 12px 60px; position:relative;}

#content ol li:before {
  counter-increment: list-number;
  content: counter(list-number);
  margin:0 auto;
  width:35px;
  height:35px;
  display:flex;
  align-items: center;
  justify-content: center;
  font-size:1.1em;
  font-weight:700;
  background-color:var(--medium);
  border-radius:50%;
  color:var(--weiss);
  position:absolute;left:10px;top:20%;
  line-height:1em;
}

#content ul{margin:25px 0 25px 25px;}
#content ul li,#content ul.postinfos li {list-style:none;text-align:left;}
#content ul li{padding:5px 15px 5px 30px;position:relative;}
#content ul li:before{color:var(--medium);position:absolute;left:0;top:10px;font-size:1em;}
#content ul ul,#content ul ul ul{margin:0 15px}
#content ul ul li,#content ul ul ul li{background-image:none;padding:5px 5px 5px 20px;}

#content ul.herz li{display:block;margin:0;padding:12px 25px 12px 50px; position:relative;}
#content ul.herz li:before{background:var(--medium);color:var(--weiss);border-radius:50%;font-size:1.0em;line-height:1em;margin:0;padding:1px;width:30px;height:30px;top:20%;display:flex;align-items: center;justify-content: center;}

#content ul.nocheck{margin:20px 0 20px 35px;}
#content ul.nocheck li{background-image:none;list-style:circle;padding: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,
#content ul.lieblingsmaler li:before,
#content ul.icon-grid li:before  {display:none;}


#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}

.post-template-page-parallax-php #content ul.breadcrumb,
.page-template-page-parallax-php #content ul.breadcrumb{margin:15px auto;max-width:1280px;}

#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 ul.news{clear:both;display:block;line-height:1.4;margin:25px auto;padding:0;width:100%;}
#content ul.news li{background:rgba(200,200,200,0.5);border:1px solid rgba(255,255,255,0.5);display:block;list-style:none;margin:15px 0;padding:0;position:relative;overflow:hidden;text-align:center;}
#content ul.news li:before{content:'';display:none;}

#content ul.news h2,#content ul.news h3{background:rgba(0,0,0,0.5);color:var(--weiss);font-size:0.85em;font-weight:400;line-height:1.4em;margin:0;padding:8px 10px;position:absolute;bottom:0;left:0;width:100%;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#content ul.news a{overflow:hidden;}
#content ul.news a:hover h2,#content ul.news a:hover h3{background:rgba(0,0,0, 0.6);color:var(--weiss);}
#content ul.news p{font-size:1em;line-height:1.4em;margin:0;overflow-wrap: break-word;word-wrap: break-word;}
#content ul.news .more{color:var(--weiss);text-decoration:underline;text-decoration-skip:ink;text-decoration-skip-ink: auto;}

#content ul.news li .thumbnail{display:block;float:none;height:auto;margin:0 auto;padding:0;overflow:hidden;position:relative;text-align:center;width:100%;}
#content ul.news li img{display:block;margin:0 auto;text-align:center;-webkit-transition:all .5s ease;transition:all .5s ease;}
#content ul.news li:hover img{-webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

#content ul.news li .views{}
#content ul.news li .comments{margin-left:10px;}
#content ul.news li div.vc{background:rgba(0,0,0,0.4);color:rgba(255,255,255,0.9);display:inline-block;padding:2px 5px;position:absolute;left:10px;top:10px;}

#content ul.lieblingsmaler{display:block;margin:50px auto;}
#content ul.lieblingsmaler li{display:inline-block;margin:15px; padding:0;vertical-align:middle;}
#content ul.lieblingsmaler li img{display:block;border-radius:50%;height:180px;width:180px;}

#content ul.nboxen{margin:25px auto;position:relative;text-align:center;width:100%;display:grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));grid-gap:10px;}
#content ul.nboxen li{background:var(--weiss);border:1px solid var(--weiss);list-style:none;margin:0;padding:0;position:relative;text-align:center;vertical-align:middle;width:100%;}
#content ul.nboxen li a, #content ul.nboxen li a:hover{border:1px solid #ddd; background-color:var(--weiss); background-position:50% 25%; background-repeat:no-repeat;background-size:100% auto;color:#231f20;display:block;height:0;margin:0;padding:0 0 85% 0;position:relative;text-align:center;text-decoration:none;vertical-align:middle;width:100%;}
#content ul.nboxen li h2{background:rgba(255,255,255,0.7);font-size:1.0em;line-height:120%;margin:0;padding:10px;position:absolute;bottom:0;left:0;text-align:center;width:100%;}
#content ul.nboxen li h2 span{display:block;font-size:0.8em;font-weight:400;}

#content ul.nboxen li.nboxregion a,#content ul.nboxen li.nboxregion a:hover{background-size:100% auto;}

#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;}
#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 .date{background:var(--medium);border:1px solid var(--medium);border-radius:5px;display:inline-block;padding:0;vertical-align:middle;padding:0 5px;position:absolute;top:-25px;left:50%;transform: translateX(-50%);z-index:50;box-shadow: 0 5px 10px -4px rgba(0,0,0,.5);}
#content .post .date span{color:var(--weiss);display:inline-block;margin:0;padding:7px 3px;vertical-align:middle;}
#content .post .date .day{}
#content .post .date .month{}
#content .post .date year{}

#content .post .thumbnail,#content .postteam .thumbnail{background:#f7f7f7;display:block;margin:0 auto;position:relative;overflow:hidden;aspect-ratio:16 / 9;}
#content .post .thumbnail img,#content .postteam .thumbnail img{display:block;margin:0 auto;-webkit-transition:all .5s ease;transition:all .5s ease;height:100%;width:100%;object-fit:cover;}
#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 .post p:not(.date),#content .mypost p.mmtxt,#content .lesetipp p.mmtxt{display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;overflow:hidden;}
#content .post h2,#content .mypost h2,#content .lesetipp h2{display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;overflow:hidden;}

#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 ul.categoryposts,.lm-meganav ul.categoryposts{margin:25px auto;padding:10px;max-width:1680px;text-align;center;display: grid; grid-gap:1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 40ch), 1fr));}
#content ul.categoryposts li,.lm-meganav ul.categoryposts li{display:inline-block;margin:5px 10px 5px 0;padding:0;position:relative;vertical-align:middle;}
#content ul.categoryposts li:before,.lm-meganav ul.categoryposts li:before{display:none}
#content ul.categoryposts li a,.lm-meganav ul.categoryposts li a,
#content ul.categoryposts li a:hover,.lm-meganav ul.categoryposts li a:hover{background:rgba(255,255,255,0.5);display:block;padding:0;text-decoration:none;}
#content ul.categoryposts li h3,.lm-meganav ul.categoryposts li h3{background:rgba(1,74,143,0.8);color:var(--weiss);display:block;font-size:0.9em;margin:0 auto;padding:10px;text-align:center;position:absolute;bottom:0;left:0;right:0;transition:all .5s ease;-webkit-hyphens: auto;hyphens: auto;-webkit-hyphenate-limit-chars: 6 4 3;hyphenate-limit-chars: 6 4 3;}
#content ul.categoryposts li h3.nein,.lm-meganav ul.categoryposts li h3.nein{position:relative;bottom:auto;left:auto;right:auto;}
#content ul.categoryposts li a:hover h3,.lm-meganav ul.categoryposts li a:hover h3{background:var(--hellblau);}
#content ul.categoryposts li img,.lm-meganav ul.categoryposts li img{display:block;}


#content p.region a,#content p.region a:hover,
#content span.filedto a,#content span.filedto a:hover,
#content span.tags a,#content span.tags a:hover{background:#f9f9f9;border:1px solid #ddd;color:#444;display:inline-block;margin:0 10px 10px 0;padding:2px 5px;text-decoration:none;vertical-align:middle;}
#content p.region a:hover,
#content span.filedto a:hover,
#content span.tags a:hover{border-color:#999;color:var(--schwarz);}

#content .post.referenz p.reftitel{display:none;}

#content ul#inav{margin:25px auto;text-align:center;width:auto;}
#content ul#inav li{background:transparent;display:inline-block;margin:10px;padding:0;position:relative;vertical-align:middle;}
#content ul#inav li:before{display:none;}
#content ul#inav li a,
#content ul#inav li a:hover{background:var(--medium);color:var(--weiss);display:inline-block;margin:0;padding:5px 15px;-webkit-transition:all .5s ease;transition:all .5s ease;}
#content ul#inav li a:hover{background:var(--hellblau);}

#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;max-width:100%;}
#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 .beschreibung{display:block;margin:25px auto 50px auto;max-width:1280px;text-align:left;}

#content .apost{background:#f7f7f7;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;}

#content .inner-post-nav,aside .inner-post-nav {display:block;margin:25px 0;padding:15px 0;text-align:center;}
#content .inner-post-nav div,aside .inner-post-nav div{display:block;padding:10px 0;}
#content .inner-post-nav div.next,aside .inner-post-nav div.next{}

.commentsblock{margin:15px 0;padding:0}
.commentsblock form{border:none;margin:0;}
.commentsblock fieldset{border:none;color:var(--schwarz);margin:0;padding:10px 0}
.commentsblock label,.commentsblock select,.commentsblock input[type=checkbox],.commentsblock input[type=radio],.commentsblock input[type=button],.commentsblock input[type=submit]{cursor:pointer}
.commentsblock label{clear:left;display:block;font-weight:400;margin:0;padding:0}
.commentsblock input,.commentsblock textarea,.commentsblock input:hover,.commentsblock textarea:hover,.commentsblock select{background:#f7f7f7;border:1px solid #bbb;color:var(--schwarz);margin:5px 0 !important;padding:10px;width:95%;-webkit-border-radius:3px;border-radius:3px;}
.commentsblock input:hover,.commentsblock textarea:hover{background:var(--weiss);border:1px solid #aaa;color:var(--schwarz)}
.commentsblock input[type=checkbox],.commentsblock input[type=radio]{background:transparent;border:none;color:var(--schwarz);display:inline-block;margin:0 0.2em 0 0;width:1.0em}
.commentsblock textarea{overflow:auto}
.commentsblock input[type=submit],.commentsblock button[type=submit],.commentsblock input:hover[type=submit],.commentsblock button:hover[type=submit]{background:var(--medium);border:1px solid var(--medium);color:var(--weiss);clear:both;display:block;font-weight:700;letter-spacing:2px;margin:15px 0 !important;padding:25px 50px;text-align:left;text-decoration:none;width:auto !important;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.commentsblock input:hover[type=submit],.commentsblock button:hover[type=submit]{background:var(--warning);border:1px solid var(--warning);color:var(--weiss);}
.commentsblock .wpcf7-not-valid-tip,.commentsblock .wpcf7-validation-errors{background:#CC0000;color:var(--weiss);display:block;margin:10px 0;padding:10px 2%;}
.commentsblock .wpcf7-response-output,.commentsblock .wpcf7-mail-sent-ok{background:#95A42E;border:1px solid #95A42E;color:var(--weiss);margin:10px 0;padding:10px 2%;width:96%;z-index:5000}

#content ol.commentlist {color:#444;}
#content ol.commentlist li {}
#content ol.commentlist li:before{}
#content ol.commentlist li.alt { }
#content ol.commentlist li.bypostauthor {}
#content ol.commentlist li.byuser {}
#content ol.commentlist li.comment-author-admin {}
#content ol.commentlist li.comment { border-bottom:2px dotted #bbb;}
#content ol.commentlist li.comment div.comment-author {}
#content ol.commentlist li.comment div.vcard {}
#content ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
#content ol.commentlist li.comment div.vcard cite.fn a.url {}
#content ol.commentlist li.comment div.vcard img.avatar { border:1px solid #ccc; float:right;height:50px;width:50px;margin:0 0 1em 1em;border-radius:50%; }
#content ol.commentlist li.comment div.vcard img.avatar-32 {}
#content ol.commentlist li.comment div.vcard img.photo {}
#content ol.commentlist li.comment div.vcard span.says {}
#content ol.commentlist li.comment div.commentmetadata {}
#content ol.commentlist li.comment div.comment-meta { font-size:0.9em; }
#content ol.commentlist li.comment div.comment-meta a { color:rgba(1,74,143,0.6) }
#content ol.commentlist li.comment p { margin:0 0 1em; }
#content ol.commentlist li.comment ul { list-style:square; margin:0 0 1em 2em; }
#content ol.commentlist li.comment div.reply {  }
#content ol.commentlist li.comment div.reply a { font-weight:bold; }
#content ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
#content ol.commentlist li.comment ul.children li:before {display:none;}
#content ol.commentlist li.comment ul.children li.alt {}
#content ol.commentlist li.comment ul.children li.bypostauthor {}
#content ol.commentlist li.comment ul.children li.byuser {}
#content ol.commentlist li.comment ul.children li.comment {}
#content ol.commentlist li.comment ul.children li.comment-author-admin {}
#content ol.commentlist li.comment ul.children li.depth-2 { border:none; border-left:2px solid rgba(1,74,143,0.8);margin:0 0 .25em .25em; }
#content ol.commentlist li.comment ul.children li.depth-3 { border:none; border-left:1px solid rgba(1,74,143,0.6); margin:0 0 .25em .25em; }
#content ol.commentlist li.comment ul.children li.depth-4 { border:none; border-left:1px solid rgba(1,74,143,0.4); margin:0 0 .25em .25em; }
#content ol.commentlist li.comment ul.children li.depth-5 {}
#content ol.commentlist li.comment ul.children li.odd {}
#content ol.commentlist li.even {  }
#content ol.commentlist li.odd { }
#content ol.commentlist li.parent {  }
#content ol.commentlist li.thread-alt { }
#content ol.commentlist li.thread-even {}
#content ol.commentlist li.thread-odd {}
#content ol.commentlist li.pingback {background:#eee;}

/*  Sidebar  */

#sidebar {clear:both;display:block;margin:0;padding:0;text-align:center;overflow:hidden;}
#sidebar .inner{display:block;font-size:1.1em;line-height:1.5em;margin:0 auto;padding:25px 15px;text-align:center;max-width:1280px;}
#sidebar-netzwerk {display:block;font-size:1.1em;line-height:1.5em;margin:0 auto;padding:25px 15px;text-align:center;max-width:1280px;}
#sidebar:empty,#sidebar:empty .inner,#sidebar:empty #sidebar-netzwerk{padding:0;}
#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;}


#sidebar:empty,
#sidebar.single-mmnp:empty,
.page-template-page-netzwerk #sidebar:empty,
.page-template-page-netzwerk-karte #sidebar:empty{padding:0}

#sidebar ul:not(.rss-feed){list-style-type:none;margin:10px 0;padding:0;text-align:left;display:grid;grid-template-columns:  repeat(auto-fit, minmax(250px, 1fr));column-gap:25px;}
#sidebar ul li{border:none;margin:0;padding:10px 0;}
#sidebar ul li a,#sidebar ul li a:hover{background:transparent;color:#646263;height:auto;margin:0;padding:0}
#sidebar ul li a:hover{background-color:transparent;color:var(--schwarz)}

#sidebar ul.news li{}
#sidebar ul.news li a:hover{color:var(--schwarz)}
#sidebar ul a:hover h2,#sidebar ul a:hover h3{color:var(--schwarz)}
#sidebar ul.news h2,#sidebar ul.news h3,#sidebar ul.mostviews h2,#sidebar ul.mostviews h3{background:transparent;color:#646263;font-size:0.95em;font-weight:400;margin:0;text-align:left;}

#sidebar .icon-chat{padding-left:10px;}

/*  Footer   */

#footer {background:var(--medium);color:rgba(255,255,255,0.8);clear:both;display:block;font-size:1.5em;line-height:1.5em;position:relative;overflow-x:hidden;text-align:center;}
#footer .trio-footer,#footer .quartett-footer{clear:both;display:block;margin:0 auto;padding:0;}
#footer .trio-footer{}
#footer .inner,#footer .fullbox {background:transparent;color:rgba(255,255,255,0.8);clear:both;display:block;margin:0 auto;padding:25px 25px 50px 25px;text-align:center;max-width:1920px;}
#footer #footer-sidebar{display:block;margin:0 auto;padding:25px 0;max-width:1920px;}

#footer #footer-sidebars{display:block;margin:0 auto;padding:25px;max-width:1920px;}

#footer a,#footer strong{color:rgba(255,255,255,0.8);}
#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 .clear{margin:0 auto;padding:0;}

#footer address,#footer p,#footer strong,#footer form.mini h3,#footer form.mini h4{color:rgba(255,255,255,0.8);}
#footer h2{font-size:1.4em}
#footer h3{font-size:1.2em}
#footer h2,#footer h2 a,#footer h3, #footer h3 a,#footer h4, #footer h4 a{color:rgba(255,255,255,0.8);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:0;}
#footer ul li:last-child{border-bottom:none;}
#footer ul li ul{margin:0 auto}
#footer ul li ul li{}
#footer ul a{border:none;color:rgba(255,255,255,0.8);display:block;padding:12px 10px;text-decoration:none;}
#footer ul a:hover,
#footer ul li.current_page_item a,
#footer ul li.current-menu-item a{color:var(--weiss);text-decoration:underline;text-decoration-skip:ink;text-decoration-skip-ink: auto;}
#footer ul li.partnermenu a:hover{cursor:pointer !important;}

#footer li.herz a:before{color:var(--warning)}

#footer ul li.lmlogo{border:none;}
#footer ul li.lmlogo a{background-image:url(images/lieblingsmaler-logo.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.news,#footer .rssfeed ul {line-height:1.4em;margin:25px auto;padding:0;text-align:left;}
#footer ul.news li,#footer .rssfeed ul li{background:transparent;border-bottom:1px solid rgba(255,255,255,0.2);display:flex;align-items: center;margin:0;padding:10px 10px 10px 115px;min-height:150px;position:relative;}
#footer ul.news li:last-child,#footer .rssfeed ul li:last-child{border:none;}
#footer ul.news li a,#footer ul.news li a:hover,#footer .rssfeed ul li a,#footer .rssfeed ul li a:hover{color:rgba(255,255,255,0.6);display:block;border-bottom:none;height:100%;padding:0;text-decoration:none;}
#footer ul.news li a:hover,#footer ul.news li a:hover h2,#footer ul.news li a:hover h3,#footer .rssfeed ul li a:hover,#footer .rssfeed ul li a:hover h3{color:var(--weiss) !important}
#footer ul.news li h2,#footer ul.news li h3,#footer .rssfeed ul li h3{font-size:1.0em;margin:0;line-height:1.4em;text-align:left;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;-moz-hyphenate-limit-chars: 6 4 3;-webkit-hyphenate-limit-chars: 6 4 3;-ms-hyphenate-limit-chars: 6 4 3;hyphenate-limit-chars: 6 4 3;}
#footer ul.news li .views,#footer ul.news li .comments{display:inline-block;padding:0;vertical-align:middle;}
#footer ul.news li .comments{padding:0 0 0 15px;}
#footer ul.news li img,#footer .rssfeed ul li img{position:absolute;left:0;top:35px;height:85px;width:85px;border-radius:50%;-webkit-transition:all .3s ease;transition:all .3s ease;}
#footer ul.news li a:hover img,#footer .rssfeed ul li a:hover img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
#footer ul.news li div.vc{color:rgba(255,255,255,0.4);display:block;padding:0;position:relative;}
#footer ul.news li div.vc:hover{color:var(--weiss);}



#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:var(--schwarz);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:rgba(255,255,255,0.8);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;}

#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 .phone,#footer .mail{display:block;margin:25px auto;}

#footer .execphpwidget,#footer .execphpwidget span{max-width:100% !important;overflow:hidden;}
#footer .execphpwidget{padding:10px;}

#footer #pe_rating{display:block;font-size:1.2em;margin:25px auto;text-align:center;}


.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;}


/*  ProvenExpert  */

.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%);}

.pe-pro-seal {z-index:999 !important}

.contact-widget-btn {
  right: 50px !important;
  bottom: 50px !important;
  z-index: 999999 !important;
}

/*  Slider  */

.wrapslider{background:var(--hellblau);clear:both;line-height:1em;margin:0;padding:0;overflow:hidden;position:relative;width:100%;max-width:100%;}

.wrapslider.nobackground{background-image:none;}
.slider,ul.rslider{margin:0;overflow:hidden;padding:0;position:relative;width:100%;}
#content .wrapslider{margin:25px auto;}
#content section.module .wrapslider{margin:0 auto;}

#content .wrapslider ul{margin:0;}
#content .wrapslider ul li{list-style:none;padding:0}

.wrapslider .sliderbox{background:var(--hellblau);color:var(--weiss);display:inline-block;margin:0 auto;padding:10px;position:relative;text-align:center;width:auto;max-width:100%;}
.wrapslider .sliderbox h1,#content .wrapslider .sliderbox h1,.wrapslider .sliderbox h2,#content .wrapslider .sliderbox h2{color:var(--weiss);font-size:1.5em;font-weight:700;letter-spacing:2px;line-height:1.4em;margin:10px auto;text-align:center;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);text-transform:uppercase;}
.wrapslider .sliderbox p,#content .wrapslider .sliderbox p{color:var(--weiss);font-size:1.3em;line-height:1.4em;margin:10px auto 15px auto;padding:0;}

#content .wrapslider .sliderbox h1,
#content .wrapslider .sliderbox h2{font-size:1.3em;}
#content .wrapslider .sliderbox p{font-size:1.0em;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);}

.wrapslider .sliderbox .button,
.wrapslider .sliderbox .kontaktbutton{display:block;margin:15px auto 10px auto;}

.wrapslider .sliderbox .button a,
.wrapslider .sliderbox .button a:hover,
.wrapslider .sliderbox .kontaktbutton a,
.wrapslider .sliderbox .kontaktbutton a:hover{background:var(--hellblau);border:1px solid rgba(255,255,255,0.8);color:var(--weiss);display:inline-block;font-size:1.8em;line-height:1em;margin:0;padding:12px 50px;border-radius:3px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.wrapslider .sliderbox .button a:hover,
.wrapslider .sliderbox .kontaktbutton a:hover{background:var(--medium);color:var(--weiss);border:1px solid var(--weiss);}
#nojs .wrapslider .sliderbox{display:none}
.wrapslider .bild{}

.rslides{background:transparent;height:auto;list-style:none;overflow:hidden;margin:0;padding:0;text-align:center;width:100%;}
.rslides .slide{background:transparent;margin:0;padding:0;position:absolute;display:none;height:100%;width:100%;left:0;top:0;text-align:center;}
.rslides img{display:block;margin:0 auto;text-align:center;max-height:1080px;}
.rslides.tn img{float:none !important;}
.rslides .slide:first-child{position:relative;display:block;}
.rslides .slide span{background:var(--weiss);display:block;height:100%;width:100%;text-align:center;}

#nojs .wrapslider .rslider li.slide{display:none;}
#nojs .wrapslider .rslider li.slide:first-child{display:block;}

ul.rslides_tabs,
#content ul.rslides_tabs {display:block;margin:5px 0;padding:0;text-align:right;text-shadow:none;z-index:999;position:absolute;bottom:0;width:100%}
ul.rslides_tabs li,
#content ul.rslides_tabs li{background:transparent;display:inline-block;margin:0;padding:0;list-style:none;padding:0;}
ul.rslides_tabs li a,ul.rslides_tabs li a:hover,
#content ul.rslides_tabs li a,#content ul.rslides_tabs li a:hover{background:var(--schwarz);border:1px solid var(--schwarz);color:var(--schwarz);display:block;line-height:1em;margin:0 5px;padding:5px 8px;text-decoration:none;-webkit-border-radius:50%;border-radius:50%;}
ul.rslides_tabs li.rslides_here a,ul.rslides_tabs a:hover,
#content ul.rslides_tabs li.rslides_here a,#content ul.rslides_tabs a:hover{background:var(--weiss);border:1px solid var(--weiss);color:var(--weiss)}
ul.rslides_tabs li a:hover,#content ul.rslides_tabs li a:hover{background:var(--weiss);border-color:var(--weiss);color:var(--weiss)}

.rslides_nav,
#content .rslides_nav{z-index:999;}
.rslides_nav.prev,.rslides_nav.next,
#content .rslides_nav.prev,
#content .rslides_nav.next{background:var(--trans-dunkel-4);color:var(--weiss);cursor:pointer;display:block;font-size:2.4em;margin:0;padding:5px;position:absolute;top:45%;vertical-align:middle;z-index:100;}
.rslides_nav.prev,
#content .rslides_nav.prev{left:2px;border-radius:0 9px 9px 0;}
.rslides_nav.next,
#content .rslides_nav.next{right:2px;border-radius:9px 0 0 9px;}
.rslides_nav.next:after,
.rslides_nav.prev:before{margin:0;padding:0 0 0 10px;vertical-align:middle;}
.rslides_nav.prev:before{padding:0 5px 0 5px;}

#content .rslides_nav.prev,
#content .rslides_nav.next{font-size:1.6em;}

.rslides_nav.prev span,
.rslides_nav.next span{position: absolute; top: -9999px; left: -9999px; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip: rect(0 0 0 0); clip-path: inset(100%); border: 0 !important;}
#content ul.rslides li:before{display:none;}

.wrapslider .rslider.trios li{}
.wrapslider .rslider.trios li .trio{background-size: cover;background-position: 50% 50%;background-repeat:no-repeat;border-left:1px solid var(--weiss);border-right:1px solid var(--weiss);height:0;padding:0 0 25% 0;width:33.3%;float:left;position:relative;}
.wrapslider .rslider.trios li .kontaktbutton a,.wrapslider .rslider.trios li .kontaktbutton a:hover {background:var(--hellblau);}
.wrapslider .rslider.trios li .kontaktbutton a:hover {background:var(--medium);}

.jump{color:#777;clear:both;display:block;font-size:1.8em;padding:0;position:relative;margin:0 auto;text-align:center;text-decoration:none;width:55px;}
.jump a{}
.jump:before,.jump a{color:#777;}
.jump a:hover{color:#666;}
.jump span{display:none;}

/* BigSlider */

.wrapbslider{background:var(--hellblau);clear:both;margin:0;padding:0;position:relative;text-align:center;width:100%;overflow:hidden;}

.bslider{margin:0 auto;padding:0;position:relative;width:100%;}
#content .wrapbslider{margin:0 auto;}
.wrapbslider ul.rslides li{overflow:hidden;width:100%;}

#content .bslider{font-size:1.0em;margin:0;padding:0;position:relative;}
.bslide{position:relative;width:100%}
.bslide,.bslide img{display:block;margin:0 auto;text-align:center;}
.back{background-color: transparent;background-repeat:no-repeat;background-position: center center;height:600px;max-width:100%;width:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

.wrapbslider .elemente,
.kbslider .elemente,
.video-header-container .elemente{color:var(--weiss);display:block;height:auto;margin:0 auto;padding:0;position:absolute;bottom:10px;left:10%;right:10%;max-width:80%;z-index:99;}

.wrapbslider .elemente a,.video-header-container .elemente a{color:var(--weiss);}
.wrapbslider .elemente .vimg,.kbslider .elemente .img,.video-header-container .elemente .img{margin:0 auto;text-align:center;vertical-align:middle;}
.wrapbslider .elemente .vimg img,.kbslider .elemente .vimg img,.video-header-container .elemente .vimg img{height:auto;width:auto;max-height:85px;max-width:100%;vertical-align:middle;}

.wrapbslider .elemente .text,.kbslider .elemente .text,.video-header-container .elemente .text{color:var(--weiss);display:block;font-weight:400;letter-spacing:2px;line-height:1.25em;margin:0 auto;padding:10px;text-shadow:1px 1px 1px var(--dunkel);position: relative;text-align:center;width:auto;max-width:100%;}
.wrapbslider .elemente .text.eins,.kbslider .elemente .text.eins,.video-header-container .elemente .text.eins{font-size:1.8em;font-weight:700;}
.wrapbslider .elemente .text.zwei,.kbslider .elemente .text.zwei,.video-header-container .elemente .text.zwei{font-size:1.3em;}

#content .elemente p,.video-header-container .elemente p{font-size:1.6em;font-weight:700;margin:5px 10px 5px 0;}

.wrapbslider .textbox{background-color:transparent;color:var(--weiss);display:block;font-size:1.5em;padding:5px;line-height: 1.5em;position:absolute;left:0;bottom:0;z-index:98;height:auto;width:100%}
.wrapbslider #textbox{height:250px;}
.wrapbslider .textbox h1,.wrapbslider .textbox h2,.wrapbslider .textbox h3{color:var(--weiss);margin:0 auto;text-align:center;font-weight:700;}
.wrapbslider .textbox p,.wrapbslider .textbox ul{color:var(--weiss);margin:10px;display:none;}
.wrapbslider .textbox .kontaktbutton{display:inline-block;margin:10px auto;display:none}
.wrapbslider .textbox .kontaktbutton a{border:1px solid var(--weiss);color:var(--weiss);padding:8px 20px;transition:all 0.3s ease;}
.wrapbslider .textbox .kontaktbutton a:hover{color:var(--weiss);box-shadow: inset 0 0 0 25px rgba(0,0,0,0.4);}

.wrapbslider .textbox #textboxmover{cursor:move;position:absolute;top:10px;right:10px;z-index:99}
.wrapbslider .textbox #textboxmover:before{}

.wrapbslider .elemente .kontaktbutton,.kbslider .elemente .kontaktbutton,.video-header-container .elemente .kontaktbutton{color:var(--weiss);display:none;font-size:1.8em;}
.wrapbslider .elemente .kontaktbutton a,.kbslider .elemente .kontaktbutton a,.video-header-container .elemente .kontaktbutton a{background:var(--medium);color:var(--weiss);display:inline-block;margin:10px auto 5px auto;padding:10px 20px;vertical-align:middle;transition:all 0.3s ease;}
.wrapbslider .elemente .kontaktbutton a:hover,.kbslider .elemente .kontaktbutton a:hover,.video-header-container .elemente .kontaktbutton a:hover{background:var(--warning);}

.wrapslider .rslider.trios li{}
.wrapslider .rslider.trios li .trio{border-left:1px solid var(--weiss);border-right:1px solid var(--weiss);width:33.3%;float:left;position:relative;}
.wrapslider .rslider.trios li .kontaktbutton a,.wrapslider .rslider.trios li .kontaktbutton a:hover {background:var(--medium);}
.wrapslider .rslider.trios li .kontaktbutton a:hover {background:#666}

#content .slideshow {display:block;height:100%;position: relative;width: 100%;}
#content .slideshow .slide{background-attachment:fixed;background-size: cover;background-position: 50% 50%;background-repeat:no-repeat;display:block;height:500px;width: 100%;position: absolute;top: 0px;left: 0px;color: transparent;z-index: 1;-webkit-animation: wechseln 18s infinite;animation: wechseln 18s infinite;}
#content .slideshow .slide h2{color:var(--weiss);font-family:Montserrat,Verdana,Arial,sans-serif;font-size:1.7em;font-weight:400;text-shadow:0 1px 1px #333;text-transform:uppercase;letter-spacing:2px;word-spacing:10px;line-height:120%;margin:0;padding:0;position:absolute;top:75%;left: 50%; margin-right: -50%; transform: translate(-50%, -75%);max-width:80%;}

#content .slideshow.slides-1 .slide {-webkit-animation: wechseln 6s infinite;animation: wechseln 24s infinite;}
#content .slideshow.slides-2 .slide {-webkit-animation: wechseln 12s infinite;animation: wechseln 24s infinite;}
#content .slideshow.slides-3 .slide {-webkit-animation: wechseln 18s infinite;animation: wechseln 24s infinite;}
#content .slideshow.slides-4 .slide {-webkit-animation: wechseln 24s infinite;animation: wechseln 24s infinite;}
#content .slideshow.slides-5 .slide {-webkit-animation: wechseln 30s infinite;animation: wechseln 30s infinite;}
#content .slideshow.slides-6 .slide {-webkit-animation: wechseln 36s infinite;animation: wechseln 36s infinite;}

#content .slideshow .slide.tab-2  { -webkit-animation-delay: 6s;animation-delay: 6s; opacity: 0;}
#content .slideshow .slide.tab-3  { -webkit-animation-delay: 12s;animation-delay: 12s; opacity: 0;}
#content .slideshow .slide.tab-4  { -webkit-animation-delay: 18s;animation-delay: 18s; opacity: 0;}
#content .slideshow .slide.tab-5  { -webkit-animation-delay: 24s;animation-delay: 24s; opacity: 0;}
#content .slideshow .slide.tab-6  { -webkit-animation-delay: 30s;animation-delay: 30s; opacity: 0;}

/*  SevenSlider  */

ul#sevenslider,#content ul#sevenslider{height:600px;margin:0 auto;padding:0;text-align:center;width:100%;position:relative;overflow:hidden;}
#content ul#sevenslider li{list-style:none;margin:0;padding:0;}
ul#sevenslider li{background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border:none;border-left:1px solid var(--weiss);float:none;height:650px;list-style:none;margin:0;padding:0;position:absolute;bottom:0;width:100%;-webkit-transition: 1s ease-in-out;transition: 1s ease-in-out;filter:grayscale(100%);}
ul#sevenslider li:hover{filter:grayscale(0);}
ul#sevenslider li:before,#content ul#sevenslider li:before{display:none;}

.slider-3 ul#sevenslider li{width:33.3%;}
.slider-4 ul#sevenslider li{width:25%;}
.slider-5 ul#sevenslider li{width:20%;}
.slider-6:not(.galeria) ul#sevenslider li{width:16.67%;}
.slider-7 ul#sevenslider li{width:14.29%;}

ul#sevenslider li a,ul#sevenslider li a:hover{color:var(--weiss);font-weight:700;display:block;text-decoration:none;}

.slider-3 ul#sevenslider li#tab0{left:0;z-index:10}
.slider-3 ul#sevenslider li#tab1{left:33.3%;z-index:11}
.slider-3 ul#sevenslider li#tab2{left:66.6%;z-index:12}

.slider-4 ul#sevenslider li#tab0{left:0;z-index:10}
.slider-4 ul#sevenslider li#tab1{left:25%;z-index:11}
.slider-4 ul#sevenslider li#tab2{left:50%;z-index:12}
.slider-4 ul#sevenslider li#tab3{left:75%;z-index:13}

.slider-5 ul#sevenslider li#tab0{left:0;z-index:10}
.slider-5 ul#sevenslider li#tab1{left:20%;z-index:11}
.slider-5 ul#sevenslider li#tab2{left:40%;z-index:12}
.slider-5 ul#sevenslider li#tab3{left:60%;z-index:13}
.slider-5 ul#sevenslider li#tab4{left:80%;z-index:14}

.slider-6:not(.galeria) ul#sevenslider li#tab0{left:0;z-index:10}
.slider-6:not(.galeria) ul#sevenslider li#tab1{left:16.67%;z-index:11}
.slider-6:not(.galeria) ul#sevenslider li#tab2{left:33.33%;z-index:12}
.slider-6:not(.galeria) ul#sevenslider li#tab3{left:50%;z-index:13}
.slider-6:not(.galeria) ul#sevenslider li#tab4{left:66.67%;z-index:14}
.slider-6:not(.galeria) ul#sevenslider li#tab5{left:83.33%;z-index:15}

.slider-7 ul#sevenslider li#tab0{left:0;z-index:10}
.slider-7 ul#sevenslider li#tab1{left:14.29%;z-index:11}
.slider-7 ul#sevenslider li#tab2{left:28.58%;z-index:12}
.slider-7 ul#sevenslider li#tab3{left:42.87%;z-index:13}
.slider-7 ul#sevenslider li#tab4{left:57.16%;z-index:14}
.slider-7 ul#sevenslider li#tab5{left:71.45%;z-index:15}
.slider-7 ul#sevenslider li#tab6{left:85.74%;z-index:16}

.slider-3 ul#sevenslider li#tab0:hover,
.slider-3 ul#sevenslider li#tab1:hover,
.slider-3 ul#sevenslider li#tab2:hover,

.slider-4 ul#sevenslider li#tab0:hover,
.slider-4 ul#sevenslider li#tab1:hover,
.slider-4 ul#sevenslider li#tab2:hover,
.slider-4 ul#sevenslider li#tab3:hover,

.slider-5 ul#sevenslider li#tab0:hover,
.slider-5 ul#sevenslider li#tab1:hover,
.slider-5 ul#sevenslider li#tab2:hover,
.slider-5 ul#sevenslider li#tab3:hover,
.slider-5 ul#sevenslider li#tab4:hover,

.slider-6:not(.galeria) ul#sevenslider li#tab0:hover,
.slider-6:not(.galeria) ul#sevenslider li#tab1:hover,
.slider-6:not(.galeria) ul#sevenslider li#tab2:hover,
.slider-6:not(.galeria) ul#sevenslider li#tab3:hover,
.slider-6:not(.galeria) ul#sevenslider li#tab4:hover,
.slider-6:not(.galeria) ul#sevenslider li#tab5:hover,

.slider-7 ul#sevenslider li#tab0:hover,
.slider-7 ul#sevenslider li#tab1:hover,
.slider-7 ul#sevenslider li#tab2:hover,
.slider-7 ul#sevenslider li#tab3:hover,
.slider-7 ul#sevenslider li#tab4:hover,
.slider-7 ul#sevenslider li#tab5:hover,
.slider-7 ul#sevenslider li#tab6:hover{left:0;right:0;height:100%;width:100%;z-index:9998;}

#content .slider-6.galeria ul#sevenslider {height:auto;}
#content .slider-6.galeria ul#sevenslider li{border:none;margin:10px 0;position:relative;bottom:auto;left:auto;height:auto;padding:0 0 60% 0;}
#content .slider-6.galeria ul#sevenslider li a,#content .slider-6.galeria ul#sevenslider li a:hover{color:var(--weiss);display:block;}

@media screen and (min-width: 600px) {

#content .slider-6.galeria ul#sevenslider {display: grid;grid-template-columns:1fr 1fr;grid-gap:15px;height:auto;}

}

ul#sevenslider li h2,#content ul#sevenslider li h2, #content ul.galerie7 li h3{background:var(--schwarz);background:rgba(0,0,0,0.5);color:var(--weiss);display:block;color:var(--weiss);font-size:1.2em;font-weight:400;padding:10px;margin:0 auto;position:absolute;text-align:center;bottom:0;left:0;width:100%;}
#content ul.galerie7 li h3{font-size:1.0em;}

@-webkit-keyframes wechseln {
 0% {opacity: 0;}
 20% {opacity: 1;}
 40% {opacity: 1;}
 60% {opacity: 0;}
 100% {opacity: 0;}
}
@keyframes wechseln {
 0% {opacity: 0;}
 20% {opacity: 1;}
 40% {opacity: 1;}
 60% {opacity: 0;}
 100% {opacity: 0;}
}

.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)}
}

.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;box-shadow:none}
button::-moz-focus-inner{padding:0;border:0}
button.mfp-close{background-color:var(--weiss);width:50px;height:50px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.9;padding:0;color:#666;font-style:normal;font-size:4em;font-family:Arial, Baskerville, monospace;display:grid;place-items:center;}
.mfp-close:hover,.mfp-close:focus{opacity:1;}
.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:0;}
.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;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;}
.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:var(--schwarz)}
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:110%;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: 480px) {

nav#mmnavigation li.mega ul.sub-menu li{border:none;display:inline-block;text-align:center;padding:5px;width:50%;vertical-align:top;}
nav#mmnavigation 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#mmnavigation li.mega:after{content: "";display: table;clear: both;}
nav#mmnavigation li.mega ul.sub-menu li a:hover,nav#mmnavigation li.mega ul.sub-menu li.current-menu-item {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
nav#mmnavigation 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;}

.netzwerk-template-single-netzwerk-parallax #wrapper,
.page-template-page-parallax-php #wrapper,
.page-template-page-lifestyle #wrapper,
.page-template-page-lifestyle-referenzen #wrapper{padding:0}

#content .mygalerie .mybigbox{display:inline-block;width:50%;}

#content ul.news{display: grid;grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); grid-gap:25px;}
#content ul.news li{list-style:none;margin:0;padding:0;position:relative;vertical-align:top;}

.wrapslider .sliderbox{background:var(--trans-dunkel-4);position:absolute;bottom:0;left:0;right:0;}

/**********
* 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:var(--schwarz);
-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)}
}
.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{display:inline-block;position:fixed;left:10px;bottom:10px;}

h2{font-size:1.2em;}

#content .postteam{margin:15px 0;}

#content ul li{padding:5px 35px;}

.kontaktbox .share{display:block;}

#content .post{display:inline-block;margin:0;padding:15px;position:relative;width:100%;vertical-align:top;}
#content .post h2,#content .post h3{font-size:1.1em;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}

.wrapbslider .textbox{padding:10px;position:absolute;left:auto;right:10%;bottom:10%;max-width:60%;}
.wrapbslider .textbox .kontaktbutton{display:inline-block;}

#footer .footerbox{float:left;padding:0;text-align:left;width:50%;vertical-align:top;}

#footer .rssfeed ul {padding:0;}
#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;}

#meganaviblock{top:auto;bottom:100px}

}

@media screen and (min-width: 767px) {

#content ul.news h2,#content ul.news h3{font-size:1.0em;font-weight:400;}

#footer .inner {padding:25px 25px 25px 25px;}

#footer #footer-sidebars{border-bottom:1px solid  rgba(255,255,255,0.3);margin:0 auto;padding:25px;max-width:1680px; display:grid;grid-template-columns:  repeat(auto-fit, minmax(350px, 1fr));column-gap: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: 980px) {

body,body.schmal,body.archive.category.slide,body.archive.tag.slide,body.blog,body.blog.slide,body.blog.slide.schmal,body.noslide.page-template-page-parallax,body.search.slide,.body.search{padding:130px 0 0 0;}
body.slide,body.slide.schmal,body.noslide.page-template-page-lifestyle{padding:0;}

h1{font-size:1.6em;margin:50px auto;text-align:center;}
.post-template-page-parallax h1,.page-template-page-parallax-php h1,.page-template-page-lifestyle h1{margin:50px auto;}
h2{font-size:1.3em;}
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%;}



ul.cols, p.cols, div.cols{columns:30ch 3;gap: 2em;break-inside:avoid;}
ul.cols li{break-inside:avoid;padding:0.5rem}

#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%}



#header{background:var(--weiss);margin:0;position:fixed;top:0;left:0;width:100%;}
#header .inner{background:transparent;height:130px;padding:0;max-width:1680px;}

#myfixbox .share{clear:none;display:inline-block;float:right;}
body.schmal #header .inner{height:90px;}

.schmal div.st{transform:translateY(90px);}

.logo{margin:0;padding:0;left:25px;top:5px;max-width:400px;}
.plogo{left:25px;top:35px;max-width:400px;}
.logo a,
.logo a:hover{background:var(--weiss);display:block;margin:0;padding:5px 15px;max-width:400px;border: 2px solid rgba(0,0,0,0.1);}
.plogo a,
.plogo a:hover{background:var(--weiss);display:block;margin:0;padding:5px 10px;max-width:400px;border: 2px solid rgba(0,0,0,0.1);}
.logo img{padding:5px 0;margin:0;max-height:140px;}
.plogo img{padding:5px 0;margin:0;max-height:140px;}

body.schmal .logo,
body.schmal .plogo{padding:0;}
body.schmal .logo img{max-height:100px;}
body.schmal .plogo img{background:transparent;max-height:80px;}

body.mmpartner .logo{display:none;}

body.mmpartner .plogo{padding:0}
body.mmpartner .plogo img{max-height:140px;}
body.schmal.mmpartner .plogo img{max-height:60px;}

#slidein,#slidein.open,#slidein:hover{top:150px;}

/* Navigation */
button#mobile, #nav li.close-nav{display:none;}

div#mmtopnavigation{display:block}

nav#mmnavigation li.search {border:none;padding-left:25px;}
nav#mmnavigation li.search b:before {display:block;padding-left:15ox;padding-top:8px;font-size: 1.4em;}

nav#mmnavigation,
nav#mmnavigation.open{background:transparent;border:none;box-shadow:none;clear:both;display:block;font-size: 1em;height:auto;text-align:center;margin:40px 0 0 0;padding:0;position:absolute;top:0;left:auto;right:125px;z-index:999;overflow:visible;overflow-x:visible;overflow-y:visible;width:100%;-webkit-transition: all 0.5s;transition: all 0.5s;max-height:auto;}
nav#mmnavigation:hover{z-index:1001}
body.schmal nav#mmnavigation,body.schmal nav#mmnavigation.open{margin:20px auto 0 auto}

body.mmpartner nav#mmnavigation,
body.mmpartner nav#mmnavigation.open{margin:40px 0 0 0;}
body.schmal.mmpartner nav#mmnavigation,
body.schmal.mmpartner nav#mmnavigation.open{margin:25px auto 0 auto}

nav#mmnavigation ul{padding:0 40px 0 0;margin:0;z-index:1000;float:right;}
body.schmal nav#mmnavigation ul{margin:0;}
nav#mmnavigation ul:after{content: "";display: table;clear: both;}
nav#mmnavigation ul,nav ul li{background-color:transparent;}
nav#mmnavigation ul li{list-style:none;display:inline-block;padding:0;position:relative;width:auto}
nav#mmnavigation ul li.mega{position:static;}

nav#mmnavigation ul li a,nav#mmnavigation ul li a:hover,nav#mmnavigation ul li a:active{background:transparent;border:none;border-bottom:3px 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 5px 0;position:relative;z-index: 999;}
body.schmal nav#mmnavigation ul li a,body.schmal nav#mmnavigation ul li a:hover{}

nav#mmnavigation ul li a:hover,
nav#mmnavigation ul li.menu-item-has-children:hover a{background:transparent;border-color:var(--medium);color:var(--medium);text-decoration:none;}
nav#mmnavigation ul li.current_page_ancestor a,
nav#mmnavigation li.current-menu-item a,
nav#mmnavigation li.selected a{background:transparent;border-color:transparent;color:var(--medium);text-decoration:none;}

nav#mmnavigation ul li ul{background:var(--weiss);color:var(--schwarz);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#mmnavigation ul li.search ul{width:550px}
nav#mmnavigation ul li ul ul{padding:0;width:100%;box-shadow:none;}
nav#mmnavigation ul li.mega ul{float:left;width:calc(100% - 50px);margin-left:50px}
nav#mmnavigation ul li ul:after{content: "";display: table;clear: both;}
nav#mmnavigation ul.sub-menu ul{border:none;padding:0;}
nav#mmnavigation ul.sub-menu li{border:none;}

nav#mmnavigation ul li:hover > ul,
nav#mmnavigation li.opensubmenu ul{left:0;opacity:1;}
nav#mmnavigation ul li.last:hover > ul,
nav#mmnavigation li.last.opensubmenu ul,
nav#mmnavigation ul li.search:hover > ul,
nav#mmnavigation li.search.opensubmenu ul{left:auto;right:0;}

nav#mmnavigation ul li ul li{padding:0;width:100%}
nav#mmnavigation li.mega ul.sub-menu li{width:25%}
nav#mmnavigation li.mega ul.sub-menu li img{}

nav#mmnavigation ul li ul li ul,
nav#mmnavigation ul li.mega ul li ul {float:none;display:block;opacity:1;padding:5px 0;position:relative;left:auto;top:auto;}
nav#mmnavigation ul li ul li ul li,
nav#mmnavigation ul li.mega ul li ul li{float:none;display:block;padding:0;width:100%;}

nav#mmnavigation ul li ul li a,
nav#mmnavigation ul li ul li a:hover,
nav#mmnavigation li.current-menu-item ul li a,
nav#mmnavigation li.selected ul li a,
nav#mmnavigation li.selected ul li a:hover{background:transparent;border:none;color:var(--schwarz);font-size:0.9em;text-transform:none;margin:0 5px;padding:10px}

nav#mmnavigation ul li ul li a:hover,
nav#mmnavigation 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#mmnavigation li ul li.dark a,
nav#mmnavigation li ul li.dark a:hover,
nav#mmnavigation li.current-menu-item ul li.dark a,
nav#mmnavigation li.selected ul li.dark a,
nav#mmnavigation li.selected ul li.dark a:hover{background:var(--schwarz);color:var(--weiss);}

nav#mmnavigation ul li a:not([href]),
nav#mmnavigation ul li a:hover:not([href]){background:transparent;}
nav#mmnavigation ul li li a:not([href]),
nav#mmnavigation ul li li a:not([href]):hover {background-color:transparent;border:none;color:var(--schwarz);font-weight:700;text-align:center;text-transform:uppercase;text-decoration:none;}

nav#mmnavigation li.menu-item-has-children a:after{color:var(--schwarz);font-size:0.7em;text-decoration:none;}
body.noslide nav#mmnavigation li.menu-item-has-children a:after{color:var(--schwarz)}
body.schmal nav#mmnavigation li.menu-item-has-children a:after{color:var(--schwarz)}

nav#mmnavigation li.search {position:absolute;right:0;top:0;margin-top:7px;}
body.schmal nav#mmnavigation li.search {margin-top:2px;}

nav#mmnavigation li.wichtig{position:absolute;right:0;top:50px;}
nav#mmnavigation li.wichtig a{background:var(--orange);border:none;color:var(--weiss);padding:5px 10px;}



nav#mmnavigation li.partnerwerden{background:var(--warning);border:1px solid rgba(255,255,255,0.2);color:var(--weiss);box-shadow:0 0 8px rgba(0, 0, 0, 0.6);display:block;font-size:1.0em;height:100px;width:100px;line-height:1.25em;text-align:center;margin:0;padding:15px;position:fixed;top:15px;right:5px;transition:all 0.5s ease;border-radius:50%;display: flex;justify-content: center;align-items: center;}
nav#mmnavigation li.partnerwerden a,
nav#mmnavigation li.partnerwerden a:hover{border:none;color:var(--weiss);display:block;font-weight:700;margin:0 auto;padding:0;position:relative;text-decoration:none;text-align:center;}
nav#mmnavigation li.partnerwerden a:hover{background:var(--warning);animation: pulse-red 2s infinite;}

nav#mmnavigation li.lmnavlogo img{padding:0 0 5px 0;height:55px;}
.schmal nav#mmnavigation li.lmnavlogo img{padding:0 0 5px 0;}

nav#mmnavigation li.close-nav{display:none;}

#wrapper{padding:0;}

.page-template-page-netzwerk-kalkkind #wrapper,
.post-template-page-parallax #wrapper,
.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-netzwerk-stellenangebote #content,
.post-template-page-parallax #content,
.page-template-page-parallax-php #content,
.page-template-page-lifestyle #content{padding:0;}

#content ul.breadcrumb{padding:0 5px;}

#content section.module.full .rssfeed ul{grid-template-columns: 1fr 1fr 1fr 1fr;}


#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 .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;text-align:center;}
#content .wp-caption.alignleft {margin: 5px 50px 5px 0;}
#content .wp-caption.alignright {margin: 5px 0 5px 50px;}

#content .h-review{padding:25px;}
#content #swipeSlider2 .h-review{padding:50px;}

#sidebar{width:100%}

#footer .inner,#footer .fullbox {padding:25px 0 50px 0;}

#footer ul{margin:10px 0;}
#footer ul li a{display:block;padding:12px 10px;}

#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 ul li{border:none;display:inline;}
#footer .fullbox ul li a{display:inline-block;padding:10px 15px}

#footer .phone, #footer .mail{background:var(--hellblau);color:var(--weiss);display:inline-block;margin:15px;font-size:1.3em;padding:5px 10px;vertical-align:middle;}
#footer .phone a, #footer .mail a{color:var(--weiss);}
#footer .trio-footer{display:grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:25px;}
#footer ul li{text-align:left;}

#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}

.wrapslider .sliderbox{background:transparent;display:block;position:absolute;bottom:10px;left:0;right:0;}

.wrapslider .sliderbox h1,
.wrapslider .sliderbox h2,
.wrapslider .sliderbox p{background:var(--trans-dunkel-4);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);;margin:10px auto;width:fit-content;max-width:1280px;}

#content .wrapslider .sliderbox{bottom:15px;width:100%}
.wrapslider .sliderbox h1,.wrapslider .sliderbox h2{font-size:2.5em;padding:10px 10px 5px 10px;border-radius:9px}
.wrapslider .sliderbox p{font-size:1.8em;padding:5px 10px 10px 10px;border-radius:9px}
#content .wrapslider .sliderbox p{font-size:1.0em;}

.wrapbslider .textbox,.video-header-container .textbox{padding:15px;position:absolute;left:auto;right:0;bottom:0;top:0;max-width:50%;}
.wrapbslider .textbox .innertextbox,.video-header-container .textbox .innertextbox{padding:0 15px;position:absolute;top:65%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%);}
.wrapbslider .textbox h2,.video-header-container .textbox h2{margin:10px auto;}

.wrapbslider .elemente .text.eins,.kbslider .elemente .text.eins, .video-header-container .text.eins{fdisplay:block;font-size:2.2em;background:var(trans-dunkel-4);}
.wrapbslider .elemente .text.zwei,.kbbslider .elemente .text.zwei, .video-header-container .text.zwei{display:block;font-size:1.6em;background:var(trans-dunkel-4);}
.wrapbslider .elemente .kontaktbutton,.kbslider .elemente .kontaktbutton{display:block;}

.wrapbslider .elemente .vimg img,.kbslider .elemente .vimg img,.video-header-container .elemente .vimg img{max-height:110px;}

/* https://www.hcltech.com/blogs/ken-burns-animation-css3-keyframes */

.kbslider {overflow:hidden;width:100%;height:85vh;padding:0px;margin:auto;position:relative;max-width:100%; position:relative;background-color:var(--dunkel);}
.kbslider .kbslide {width: 120%;height: 120%;position: absolute;margin-left:-5%;margin-top:-5%;opacity: 0;background-repeat:no-repeat;background-position: center center;background-size:cover;}

.kenburns {-webkit-animation: kenburns 35s infinite;animation: kenburns 35s infinite;}
@-webkit-keyframes kenburns {0% {transform:scale(1) }50% {transform:scale(1.1) }100% {transform:scale(1)}}
@keyframes kenburns {0% {transform:scale(1) }50% {transform:scale(1.1) }100% {transform:scale(1)}}

.wrapbslider img.kenburns,.inner-swipe-slide.kenburns {animation: kenburns 35s infinite; }


/**********
* 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#mmnavigation,nav#mmnavigation.open{font-size: 1.2em;}

nav#mmnavigation ul li a,
nav#mmnavigation ul li a:hover{margin:0 0 0 15px}
nav#mmnavigation li.menu-item-has-children a:before{}

#content .slideshow .slide h2{font-size:2.2em;}


}

@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;}

nav#mmnavigation{}
nav#mmnavigation ul li a,
nav#mmnavigation ul li a:hover{margin:0 0 0 30px}
nav#mmnavigation li.menu-item-has-children a:before{}


#header .logo{padding-left:15px;}

#content .wrapslider .sliderbox h1,#content .wrapslider .sliderbox h2{font-size:1.3em;}

.wrapbslider .elemente .text.eins,.video-header-container .elemente .text.eins{background:transparent;font-size:2.4em;}
.wrapbslider .elemente .text.zwei,.video-header-container .elemente .text.zwei{background:transparent;font-size:1.7em;}

#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.schmal{}
h1{font-size:1.8em;}
h2{font-size:1.4em;}
h3{font-size:1.3em;}
h4{font-size:1.2em;}
#headerbox .box:last-child{padding-right:0;}

#content .post h2,#content .post h3{}
#content .post.team h2,#content .post.team h3{padding:0;}

.wrapslider .sliderbox.big h2{font-size:3em;}
.wrapslider .sliderbox.big p{font-size:2em;}

.wrapbslider .textbox{position:absolute;right:0;bottom:0;top:0;max-width:70%;}
.wrapbslider .textbox .innertextbox,.video-header-container .elemente{position:absolute;top:50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%);}
#content .tabzelle.tabbild .inner{padding:50px;}

.wrapbslider .elemente.big {}
.wrapbslider .elemente.big,.video-header-container .elemente.big {color:var(--weiss);font-weight:700;letter-spacing:3px;line-height:100%;margin:0 auto;padding:0;text-align: center;text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);}
.wrapbslider .elemente.big .text.eins,.wrapbslider .elemente.big .text.zwei,.video-header-container .elemente.big .text.eins,.video-header-container .elemente.big .text.zwei{color:var(--weiss);display:block;}
.wrapbslider .elemente.big .text.eins,.video-header-container .elemente.big .text.eins {font-size:5.5em;font-weight:700;letter-spacing:1px;margin:0 auto;}
.wrapbslider .elemente.big .text.zwei,.video-header-container .elemente.big .text.zwei {font-size:2.4em;font-weight:700;margin:0 auto;}

.wrapbslider .elemente .vimg img,.kbslider .elemente .vimg img,.video-header-container .elemente .vimg img{max-height:200px;}

.wrapmyteam{grid-template-columns:1fr 1fr 1fr 1fr;}

.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%)}
}

nav#mmnavigation ul li.mega ul{width:100%;margin-left:0}
nav#mmnavigation li.mega ul.sub-menu li{width:20%}

#header .logo{padding-left:25px;}

.wrapbslider .elemente .text.eins{font-size:2.8em;}
.wrapbslider .elemente .text.zwei{font-size:1.8em;}

}

@media screen and (min-width: 1600px) {

body.schmal #header .inner{}
#header .logo{padding:5px 0 0 25px;}
body.schmal #header .logo{padding:5px 0 0 25px;}

.wrapbslider .textbox{font-size:1.6em;}

}


/* Swipe Slider https://github.com/thebird/Swipe  https://swipe.js.org/ */

#wrapswipeSlider{background:var(--hellblau);display:block;position:relative;}
#swipeSlider{background:var(--hellblau);display:block;margin:0 auto;position:relative;overflow:hidden;width:100%;max-height:1080px;}
.swipe {display:block;}

.swipe-wrap {background-color:var(--hellblau);display:block;overflow: hidden;position: relative;}
.swipe-wrap > div.swipe-slide {float:left;margin:0 auto;padding:0;position: relative;overflow:hidden;}
.swipe-wrap > div.swipe-slide > div.inner-swipe-slide {background-color:#eee;background-position: 50% 50%; background-repeat: no-repeat;background-size: cover;display:block;height:300px;margin:0 auto;padding:0;overflow:hidden;max-height:1080px;position: relative;}

#swipeSlider2{margin:50px auto;width:100%;max-width:100%;position:relative;overflow:hidden;}
#swipeSlider2 .swipe-wrap{background:transparent;}
#swipeSlider2 .swipe-wrap > div.swipe-slide {float:left;margin:0 auto;padding:50px 25px;position: relative;overflow:hidden;}
#swipeSlider2 .swipe-wrap > div.swipe-slide > div.inner-swipe-slide {background:transparent;min-height:100px;padding:50px;text-align:center;}

#swipeSlider3{display:block;margin:25px auto;padding:0;width:100%;max-width:100%;position:relative;overflow:hidden;}
#swipeSlider3 .swipe-wrap{background:transparent;}
#swipeSlider3 .swipe-wrap > div.swipe-slide {float:left;margin:0 auto;padding:0 0 25px 0;position: relative;overflow:hidden;}
#swipeSlider3 .swipe-wrap > div.swipe-slide > div.inner-swipe-slider {background-color:transparent;display:block;overflow:hidden;padding:0;text-align:right;}
#swipeSlider3 .swipe-wrap > div.swipe-slide > div.slidetext{background:rgba(255,255,255,0.8);display:block;margin:15px 0;padding:15px;position:relative;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15);-webkit-transition: all 0.4s;transition: all 0.4s;}
#swipeSlider3 .swipe-wrap > div.swipe-slide > div.slidetext h2,#swipeSlider3 .swipe-wrap > div.swipe-slide > div.slidetext h3{font-size:1.2em;}
#swipeSlider3 .swipe-wrap > div.swipe-slide > div.slidetext h2,#swipeSlider3 .swipe-wrap > div.swipe-slide > div.slidetext h3,#swipeSlider3 .swipe-wrap > div.swipe-slide > div.slidetext p{margin:10px 0;}
#swipeSlider3 .swipe-wrap > div.swipe-slide > div.slidetext > .p-rating{display:block;color:var(--gold);margin: 10px auto;}

#swipeSlider4{margin:25px auto;width:100%;max-width:100%;position:relative;overflow:hidden;text-align:center;}
#swipeSlider4 .swipe-wrap{background:transparent;}
#swipeSlider4 .swipe-wrap > div.swipe-slide {float:left;margin:0 auto;padding:0;position: relative;overflow:hidden;}
#swipeSlider4 .swipe-wrap > div.swipe-slide > div.inner-swipe-slider {background:transparent;min-height:100px;padding:0;text-align:center;overflow:hidden;}
#swipeSlider4 div.slidetext{background:rgba(255,255,255,0.7);color:#333;display:block;padding:15px;}
#swipeSlider4 div.slidetext:empty{display:none}
#swipeSlider4 div.slidetext h1,#swipeSlider4 div.slidetext h2,#swipeSlider4 div.slidetext h3{color:#333;margin:10px auto;text-align:center;}
#swipeSlider4 div.slidetext p{color:#333;margin:10px 0;text-align:left;}

#swipeSlider button.swbutton:before,
#swipeSlider2 button.swbutton:before,
#swipeSlider3 button.swbutton:before,
#swipeSlider4 button.swbutton:before{margin:0;padding:0;display:flex;align-items: center;justify-content: center;}

#swipeSlider button.swbutton span,
#swipeSlider2 button.swbutton span,
#swipeSlider3 button.swbutton span,
#swipeSlider4 button.swbutton span{display:none;}

#swipeSlider button.swbutton,
#swipeSlider2 button.swbutton,
#swipeSlider3 button.swbutton,
#swipeSlider4 button.swbutton{background:transparent;color:rgba(0,0,0,0.5);background:rgba(255,255,255,0.5);border:none;cursor:pointer;font-size:1.5em;position:absolute;top:40%;padding:5px;display:flex;align-items: center;justify-content: center;z-index:200}
#swipeSlider3 button.swbutton{top:0;}

#swipeSlider button.swprev,
#swipeSlider2 button.swprev,
#swipeSlider3 button.swprev,
#swipeSlider4 button.swprev{left:-5px;}

#swipeSlider button.swnext,
#swipeSlider2 button.swnext,
#swipeSlider3 button.swnext,
#swipeSlider4 button.swnext{right:-5px;}

#swipeSlider .slide-textbox,#wrapthumbslider .slide-textbox{background:var(--hellblau);color:var(--weiss);font-size:1.3em;font-weight:400;margin:0 auto;padding:10px 0;text-align:center;z-index:500;position:relative;width:100%;}

#swipeSlider .slide-textbox .txt,#wrapthumbslider .slide-textbox .txt{padding:0 25px;position:relative;text-align:center;width:100%;-webkit-transition: all 0.5s;transition: all 0.5s;}
#swipeSlider .slide-textbox h1,#swipeSlider .slide-textbox h2,#swipeSlider .slide-textbox .titel,#wrapthumbslider .slide-textbox h1,#wrapthumbslider .slide-textbox .titel{color:var(--weiss);display:block;font-size:1.2em;font-weight:700;line-height:1.25em;margin:0 auto 5px auto;padding:5px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);-webkit-box-decoration-break: clone;box-decoration-break: clone;max-width:1280px}
#wrapthumbslider .slide-textbox .titel, #swipeSlider .slide-textbox .txt.big .titel{background:var(--trans-dunkel-4);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);border-radius:9px;}
#swipeSlider .slide-textbox h1,#wrapthumbslider .slide-textbox h1,
#swipeSlider .slide-textbox h2,#wrapthumbslider .slide-textbox h2{font-weight:400;text-align:center;}
#swipeSlider .slide-textbox .untertitel,#wrapthumbslider .slide-textbox .untertitel,
#swipeSlider .slide-textbox .text,#wrapthumbslider .slide-textbox .text{background:var(--trans-dunkel-4);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);border-radius:9px;color:var(--weiss);display:inline-block;font-size:1em;font-weight:400;line-height:1.4em;margin:10px auto 0 auto;padding:5px 10px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);}
#swipeSlider .slide-textbox h1:empty,#swipeSlider .slide-textbox .titel:empty,#wrapthumbslider .slide-textbox h1:empty,#wrapthumbslider .slide-textbox .titel:empty,#swipeSlider .slide-textbox .text:empty,#wrapthumbslider .slide-textbox .text:empty{background:transparent;}

#swipeSlider .slide-textbox h1,
#swipeSlider .slide-textbox h2,
#swipeSlider .slide-textbox .titel,
#wrapthumbslider .slide-textbox h1,
#wrapthumbslider .slide-textbox h2,
#wrapthumbslider .slide-textbox .titel,
#swipeSlider .slide-textbox .untertitel,
#wrapthumbslider .slide-textbox .untertitel{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:sslideUp;animation-name:sslideUp;-webkit-animation-duration:1s;animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}
@-webkit-keyframes sslideUp{0%{transform:translateY(100%)}100%{transform:translateY(0)}}
@keyframes sslideUp{0%{transform:translateY(100%)}100%{transform:translateY(0)}}
#swipeSlider .slide-textbox .untertitel,#wrapthumbslider .slide-textbox .untertitel{-webkit-animation-duration:1.5s;animation-duration:1.5s}
#swipeSlider .kontaktbutton a {background: var(--medium);color: var(--weiss);display: inline-block;font-size:1em;margin: 15px auto 5px auto;padding: 8px 35px;vertical-align: middle; transition: all .3s ease;}
#swipeSlider .kontaktbutton a:hover{background:var(--warning);animation: pulse-red 2s infinite;}
#swipeSlider .kontaktbutton a::before{-webkit-transition:-webkit-transform .3s ease-out; transition:transform .3s ease-out,-webkit-transform .3s ease-out;margin-right:15px}
#swipeSlider .kontaktbutton a:hover::before{-webkit-transform:translateX(5px);transform:translateX(5px)}

#content ul.slider-bilder li{display:inline-block;padding:15px;vertical-align:middle;max-width:200px;}
#content ul.slider-bilder li::before{display:none;}

#swipeSlider .grafikrechts{background-position: 100% 0; background-repeat: repeat-y;background-size: auto;display:block;height:100%;width:0;position:absolute;top:0;right:0;z-index:499;}

#swipeslider .jump{display:none}

@media screen and (min-width: 400px) {

.swipe-wrap > div.swipe-slide > div.inner-swipe-slide, .thumbslider{height:320px;}
#swipeSlider .slide-textbox,
#wrapthumbslider .slide-textbox{background:transparent;margin:0 auto;padding:0;position:absolute;left:0;bottom:10px;}
#swipeSlider .grafikrechts{width:15%;}

}



@media screen and (min-width: 600px) {
.swipe-wrap > div.swipe-slide > div.inner-swipe-slide, .thumbslider{height:450px;}
#swipeSlider .slide-textbox,#wrapthumbslider .slide-textbox{font-size:1.5em;}

}

@media screen and (min-width: 980px) {

#swipeSlider2 .swipe-wrap {padding:0;}
#swipeSlider2 .swipe-wrap > div.swipe-slide > div.inner-swipe-slider {padding:0;}


}

@media screen and (min-width: 1080px) {
.swipe-wrap > div.swipe-slide > div.inner-swipe-slide, .thumbslider{height:500px}
#swipeSlider .slide-textbox,#wrapthumbslider .slide-textbox{letter-spacing:1px;padding:15px;}
#swipeSlider .slide-textbox,#wrapthumbslider .slide-textbox{font-size:1.8em;}

#swipeSlider .slide-textbox,#wrapthumbslider .slide-textbox{background:rgba(0,0,0,0);color:var(--weiss);bottom:50px;}
#swipeSlider .slide-textbox .txt,#wrapthumbslider .slide-textbox .txt,
#swipeSlider .slide-textbox h1,#swipeSlider .slide-textbox h2,#swipeSlider .slide-textbox .titel,
#wrapthumbslider .slide-textbox h1,#swipeSlider .slide-textbox h2,#wrapthumbslider .slide-textbox .titel,
#swipeSlider .slide-textbox .untertitel,#wrapthumbslider .slide-textbox .untertitel,
#swipeSlider .slide-textbox .text,#wrapthumbslider .slide-textbox .text{color:var(--weiss);}

#swipeSlider3 .swipe-wrap > div.swipe-slide  > div.slidetext{padding: 25px;position: absolute;left: 0;top:25px;width: 40%;}

.wrapslider .megasize .sliderbox.big,
.wrapslider .fullsize .sliderbox.big{bottom:50px;}

}

@media screen and (min-width: 1280px) {

.swipe-wrap > div.swipe-slide > div.inner-swipe-slide, .thumbslider{height:650px}
#swipeSlider .slide-textbox,
#wrapthumbslider .slide-textbox{font-size:2.0em;}


#swipeSlider .slide-textbox .txt.big{color:var(--weiss);font-size:1.1em;font-weight:700;letter-spacing:0;line-height:100%;margin:0 auto;padding:25px;text-align: center;text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);}
#swipeSlider .slide-textbox .txt.big .titel,#swipeSlider .slide-textbox .txt.big h1,#swipeSlider .slide-textbox .txt.big h2 {font-size:1.4em;font-weight:700;letter-spacing:1px;margin:0 auto;}
#swipeSlider .slide-textbox .txt.big .untertitel{font-size:1.2em;font-weight:700;margin:0 auto;}

#swipeSlider .slide-textbox.big .txt{background:transparent;color:var(--weiss);font-weight:700;letter-spacing:0;line-height:100%;margin:0 auto;padding:25px;text-align: center;text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);max-width:80%;}
#swipeSlider .slide-textbox.big .txt .titel,#swipeSlider .slide-textbox.big .txt h1,,#swipeSlider .slide-textbox.big .txt h2 {font-size:2.0em;font-weight:700;letter-spacing:1px;margin:0 auto;}
#swipeSlider .slide-textbox.big .txt .untertitel{font-size:1.5em;font-weight:700;margin:0 auto;}


#swipeSlider3 .swipe-wrap > div.swipe-slide  > div.slidetext{padding:25px;}
}

@media screen and (min-width: 1680px) {
.swipe-wrap > div.swipe-slide > div.inner-swipe-slide,
.thumbslider{height:650px}
body.mega .swipe-wrap > div.swipe-slide > div.inner-swipe-slide,
body.mega .thumbslider{height:calc(100vh - 90px);padding:0}
}


.klickmichan,#content .klickmichan{background:var(--warning);border:1px solid rgba(255,255,255,0.2);color:var(--weiss);box-shadow:0 0 8px rgba(0, 0, 0, 0.6);display:block;font-size:1.2em;height:160px;width:160px;line-height:1.25em;text-align:center;margin:50px auto;padding:15px;position:relative;transition:all 0.5s ease;border-radius:50%;transform: scale(1);animation: pulse-red 2s infinite;display: flex;justify-content: center;align-items: center;}
#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.4em;margin:0}
.klickmichan p strong,#content .klickmichan p strong{color:var(--weiss);display:block;font-size:1.3em;}
.klickmichan:hover,#content .klickmichan:hover{background:var(--warning);animation: pulse-red 2s infinite;}

@keyframes pulse-blue {
        0% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(1,74,143, 0.7);
        }

        70% {
                transform: scale(1);
                box-shadow: 0 0 0 10px rgba(1,74,143, 0);
        }

        100% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(1,74,143, 0);
        }
}
@keyframes pulse-red {
        0% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(190,18,32, 0.7);
        }

        70% {
                transform: scale(1);
                box-shadow: 0 0 0 10px rgba(190,18,32, 0);
        }

        100% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(190,18,32, 0);
        }
}

@media screen and (min-width: 779px) {

.klickmichan,#content .klickmichan{margin:0;padding:15px;position:fixed;left:10px;top:45%;z-index:5000}
.klickmichan a,#content .klickmichan a{}

}



/* *** *** *** ***************************************************************************************************************
/*
   SHORTCODES CSS
*/
/* *** *** *** *************************************************************************************************************** */

#content .slogan{display:block;font-size:1em;margin:50px 25px;text-align:center;}
#content .slogan h1,#content .slogan h2,#content .slogan h3{background:var(--medium);color:var(--weiss);display:inline-block;font-weight:700;letter-spacing:2px;line-height:1.5em;margin:0 auto;padding:10px 15px;vertical-align:middle;-webkit-box-decoration-break: clone;box-decoration-break: clone;text-shadow:none;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;-moz-hyphenate-limit-chars: 6 4 3;-webkit-hyphenate-limit-chars: 6 4 3;-ms-hyphenate-limit-chars: 6 4 3;hyphenate-limit-chars: 6 4 3;}
#content .slogan.hellblau h1,#content .slogan.hellblau h2,#content .slogan.hellblau h3{background:var(--hellblau);}
#content .slogan.blau h1,#content .slogan.blau h2,#content .slogan.blau h3{background:var(--medium);}
#content .slogan.grau h1,#content .slogan.grau h2,#content .slogan.grau h3{background:#ccc;}
#content .slogan.rot h1,#content .slogan.rot h2,#content .slogan.rot h3{background:var(--warning);}
#content .slogan a,#content .slogan a:hover{color:var(--weiss);text-decoration:underline;}

.symbol{display:block;margin:0 auto;text-align:center;font-size:1em}
.symbol.inline{display:inline-block;vertical-align:middle;}
.symbol.links{float:left;margin:0 25px 0 0;}
.symbol.rechts{float:right;margin:0 0 0 25px;}
.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(--medium);display: inline-block;vertical-align:middle;}
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 .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;vertical-align:middle;}
.symbol .buttons:hover{border-color:var(--schwarz);}
#content .symbole a h3{}
.symbole a:hover h3{color:var(--hellblau)}

.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:block;margin:25px auto;text-align:center;}
#content .gsymbole .gsymbole-tab{background:rgba(255,255,255,0.8);border:none;display:block;height:auto;margin:25px auto;padding:15px;position:relative;width:100%;-webkit-transition: all 0.3s;transition: all 0.3s;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
#content .gsymbole .gsymbole-tab:hover{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
#content .gsymbole .gsymbole-tab a{color:var(--dunkel);display:block;height:100%;padding:0 0 25px 0;}
#content .gsymbole .gsymbole-tab a:hover h3{color:var(--warning);}
#content .dunkel .gsymbole .gsymbole-tab a:hover h3{color:var(--weiss);}
#content .gsymbole .gsymbole-tab h2,#content .gsymbole .gsymbole-tab h3{font-size:1.3em;line-height:1.25em;margin:15px auto;text-align:center;}
#content .gsymbole .gsymbole-tab .symtext,#content .gsymbole .gsymbole-tab .symtext p{display:block;margin:0 auto;text-align:left;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;-moz-hyphenate-limit-chars: 6 4 3;-webkit-hyphenate-limit-chars: 6 4 3;-ms-hyphenate-limit-chars: 6 4 3;hyphenate-limit-chars: 6 4 3;}
#content .gsymbole .gsymbole-tab p:empty{margin:0}
#content .gsymbole .gsymbole-tab p.weiter{color:var(--medium);margin:0;position:absolute;bottom:15px;right:15px;}
#content .dunkel .gsymbole .gsymbole-tab p.weiter,
#content .dunkel .gsymbole .gsymbole-tab .symtext,#content .dunkel .gsymbole .gsymbole-tab p.symtext{color:var(--weiss);}
#content .gsymbole .gsymbole-tab .bild, .symbol .bild{background:var(--medium);border:15px solid var(--medium);margin:10px auto;text-align:center;height:125px;width:125px;border-radius:50%;-webkit-transition: all 0.3s;transition: all 0.3s;}
#content .gsymbole .gsymbole-tab .bild.bilder, .symbol .bild.bilder{background-repeat:no-repeat;background-position: 50% 50%; background-size: cover;border:1px solid var(--medium);height:200px;width:200px;}
#content .gsymbole .gsymbole-tab .bild.bilder.eckig, .symbol .bild.bilder.eckig{border:none;width:100%;border-radius:0;}
#content .gsymbole .gsymbole-tab .symbol::before{background:var(--medium);border:15px solid var(--medium);color:var(--weiss);margin:10px auto;padding:5px;text-align:center;height:100px;width:100px;border-radius:50%;-webkit-transition: all 0.3s;transition: all 0.3s;}
#content .gsymbole .gsymbole-tab .bild:hover,#content .gsymbole .gsymbole-tab .symbol:hover::before,.symbol .bild:hover{background-color:var(--warning);border-color:var(--warning);}

#content .gsymbole .gsymbole-tab.rot .bild{background:var(--warning);border-color:var(--warning);}

#content .gsymbole .gsymbole-tab a:hover .bild{}
#content .gsymbole .gsymbole-tab a:hover .bild.bilder{-webkit-transform:scale(1.05, 1.05); transform:scale(1.05, 1.05);}

#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:var(--schwarz);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: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:15px;}
.contact .ctab{display:block;padding:0;position:relative;text-align:center;vertical-align:middle;width:100%;z-index:999; display:flex;align-items: center;justify-content: center;}
.contact .ctab a{display:block;padding:5px;}
.contact .ctab .infos img{border:1px solid var(--hellblau);border-radius:50%;display:block;margin:0 auto;max-width:38px}
.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 .myhome,.contact .infos,.contact .myphone,.contact .mail,.contact .myhome,.contact .breadcrumb,.contact .openmmp, .contact .openmmpplz{background-color:transparent;cursor:pointer;display:block;font-size:2.5em;margin:0 auto;padding:0;text-align:center;}
.contact .myphone{cursor:pointer;}
.contact .mail{width:50px;}
.contact .myhome:before,.contact .infos:before,.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 .myhome:hover:before,.contact .infos:hover:before,.contact .myphone:hover:before,.contact .mail:hover:before,.contact .myhome:hover:before,.contact .breadcrumb:before{color:var(--warning);}
.contact .breadcrumb i:before,.contact .breadcrumb i:before{color:var(--medium);}

.back-to-top{display:block;cursor:pointer;font-size:3.0em;font-weight:700;line-height:100%;text-decoration:none;margin:0 auto;padding:2px 0 0 0;text-align:center;height:40px;width:40px;}
.back-to-top:before{color:var(--medium);margin:0 auto;}
.back-to-top:hover:before{color:var(--warning);}

#content ul.pingalerie,#sidebar ul.pingalerie{display:grid;grid-gap:5px;grid-template-columns:repeat(auto-fill,minmax(100px, 1fr));grid-auto-rows:100px;grid-auto-flow:dense;}

#content .myauthor{background:var(--hellblau);border:1px solid var(--weiss);color:var(--weiss);display:block;font-size:1em;line-height:1.7em;margin:25px auto;padding:15px;position:relative;min-height:140px;border-radius:5px;}
#content .myauthor a{color:rgba(255,255,255,0.9);font-weight:700;}
#content .myauthor a:hover{color:var(--weiss);}
#content .myauthor a img{}
#content .myauthor a:before{text-decoration:none;}
#content .myauthor .userthumb{background-color:var(--weiss);background-repeat:no-repeat;background-position: 50% 50%; background-size: 100% auto;border:1px solid #ddd;border-radius: 50%;display: block;height: 100px;margin: 0 auto;width: 100px;position:relative;text-align:center;}
#content .myauthor-bild img{display:none}
#content .myauthor .icon:before{color:var(--weiss);font-size:1.1em;background:#666;border-radius:50%;padding:4px;}
#content .myauthor .icon span{display:none;}
#content .myauthor .myauthor-text{display:block;padding:10px;}
#content .myauthor h4{color:var(--weiss);font-size:1.1em;line-height:1.5em;margin:0 80px 0 0;padding:0}
#content .myauthor h4 a{color:var(--weiss);text-decoration:none;}
#content .myauthor p,#content .myauthor strong{color:var(--weiss);}
#content .myauthor ul,#content .myauthor p{margin:3px 0;padding:0}
#content .myauthor ul li{list-style:none;margin:0;padding:0}
#content .myauthor ul li.sozial{background:transparent;color:var(--weiss);position:relative}
#content .myauthor ul li.sozial .icon{display:inline-block;vertical-align:middle;margin:15px 25px 15px 0}
#content .myauthor ul li.sozial a::before{background:transparent;color:var(--weiss);font-size:1.3em;}


.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(--grau);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{background:var(--medium);border:1px solid rgba(255,255,255,0.5);color:var(--weiss);display:inline-block;font-weight:400;letter-spacing:1px;margin:0 auto;padding:10px 35px;text-align:center;-webkit-transition: all 0.5s;transition: all 0.5s;text-transform:uppercase;border-radius:9px;}
.button a:hover,.navigation a:hover{background:var(--medium);border-color:rgba(255,255,255,0.5);box-shadow: inset 0 0 0 25px var(--warning);color:var(--weiss);}
#content .button.blau a,#content .button.blau a:hover{background-color:var(--medium);color:var(--weiss);}
#content .button.rot a,#content .button.rot a:hover{background-color:var(--warning);color:var(--weiss);}
#content .button.einfach a,#content .button.einfach a:hover{padding:5px 15px;}


.button a::before{-webkit-transition:-webkit-transform .3s ease-out; transition:transform .3s ease-out,-webkit-transform .3s ease-out;margin-right:15px}
.button a:hover::before{-webkit-transform:translateX(5px);transform:translateX(5px)}

#content ul.icon-grid{display: flex;flex-wrap: wrap;justify-content: center;gap:3vw;margin:25px auto;}
#content ul.icon-grid li{flex: 0 1 180px;padding:0;text-align:center;}

#content ul.icon-grid.gross{align-items: center; justify-content: center;}
#content ul.icon-grid.gross li{flex: 0 1 350px;}
#content ul.icon-grid.gross li img.logoo{max-height:80px;}

#content ul.sprungmarken {clear:both;display:block;margin:25px 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(--medium);color:var(--medium);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(--medium);box-shadow: inset 0 0 0 25px var(--hellblau);color:var(--weiss);}

#content ul.gridgalerie{clear:both;display: grid;grid-template-columns: repeat(auto-fill, minmax(305px, 1fr)); grid-gap: 2px;line-height:100%;margin:25px auto;text-align:center;width:100%;}
#content ul.gridgalerie li{background:transparent;border:none;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;}
#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:block;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{position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width:90%;-ms-transform: translate(-50%, -50%);}
#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 .ko-gallery{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px, 1fr));grid-auto-rows:250px;grid-auto-flow:dense;}
#content .ko-gallery .gimg a{color:var(--weiss);}
#content .ko-gallery .gimg 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 .ko-gallery .gimg a:hover::before{opacity:1;}
#content .ko-gallery .gimg{overflow:hidden;position:relative;}
#content .ko-gallery .gimg img{height:100%;width:100%;object-fit:cover;display:block;margin:0 auto;-webkit-transition:all .5s ease;transition:all .5s ease;}
#content .ko-gallery .gimg 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{display:block;margin:25px auto;text-align:center;width:100%;}
#content ul.galerie li{background-color:transparent;border:1px solid var(--weiss);display:inline-block;margin:2px;padding:0;position:relative;overflow:hidden;text-align:center;vertical-align:middle;width:180px;max-width:100%;}
#content ul.galerie.medium li{width:320px;}
#content ul.galerie li:before {display:none;}
#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;transform:scaleX(1.05) translateX(0); transition:transform .5s cubic-bezier(.42,0,.58,1);max-width:100%;}
#content ul.galerie li a:hover img{border:1px solid #aaa;transform:scaleX(1.05) translateX(5px)}
#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;}

.page-template-page-lifestyle #content ul.galerie{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px, 1fr));}
.page-template-page-lifestyle #content ul.galerie li{border:none;display:block;margin:0;width:100%;}


@media screen and (min-width: 480px) {

#content ul.galerie li{width:200px;}
#content ul.galerie.medium li{width:360px;}
}
@media screen and (min-width: 780px) {

#content ul.galerie li{width:280px;}
#content ul.galerie.medium li{width:360px;}
}
@media screen and (min-width: 980px) {

#content ul.galerie li{width:300px;}
#content ul.galerie.medium li{width:360px;}
}

#content .wrapteaser,
#sidebar .wrapteaser,
#content .wrapmypost,
#content .wrapmyposts,
#content .wrapmeinteam{display: grid; grid-gap:2rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 25rem), 1fr));}

#content .wrapteaser.wrapteaser-2{display: grid; grid-gap:2rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));margin:25px auto;}

#content .wrapteaser{clear:both;line-height:1.4em;margin:15px auto;padding:0;position:relative;}
#content .wrapteaser dl{display:block;margin:25px auto;padding:0;position:relative;overflow:hidden;position:relative;}
#content .wrapteaser a {text-decoration:none;}
#content .wrapteaser a dl p,#content .wrapteaser a:hover dl p{color:var(--weiss);font-weight:400;}
#content .wrapteaser a dl .more{color:var(--medium);}
#content .wrapteaser a:hover dl .more{color:var(--weiss);}
#content .wrapteaser a:hover dl{cursor:pointer;}
#content .wrapteaser dl dt{background:transparent;display:block;line-height:100%;margin:0 auto;padding:0;overflow:hidden;position:relative;text-align:center;}
#content .wrapteaser dl dd{background:transparent;display:block;margin:0 auto;padding:5px 0;text-align:center;}
#content .wrapteaser dl dt span{display:block;height:auto;margin:1px;padding:0;overflow:hidden;}
#content .wrapteaser dl dt span img{margin:0 auto;width:auto;max-width:100%;height:auto;}
#content .wrapteaser dl h2,#content .wrapteaser dl h3{color:var(--medium);font-size:0.95em;line-height:1.25em;margin:0;text-align:center;}
#content .wrapteaser dl p{margin:5px 0;}
#content .wrapteaser a:hover dl h2,#content .wrapteaser a:hover dl h3{color:var(--schwarz)}
#content .wrapteaser dl .info{background:rgba(0,0,0,0.6);border:none;color:var(--weiss);display:block;max-height:80%;padding:10px;position:absolute;overflow:hidden;text-align:left;bottom:-500px;left:0;width:100%;-webkit-transition:all 0.4s ease-in-out;transition:all 0.6s ease-in-out;}
#content .wrapteaser dl:hover .info{bottom:0;}

#sidebar .wrapteaser{clear:both;line-height:1.4em;margin:15px auto;padding:0;position:relative;}
#sidebar .wrapteaser dl{display:block;margin:25px auto;padding:0;position:relative;overflow:hidden;position:relative;}
#sidebar .wrapteaser a {text-decoration:none;}
#sidebar .wrapteaser a dl p,#sidebar  .wrapteaser a:hover dl p{color:var(--weiss);font-weight:400;}
#sidebar .wrapteaser a dl .more{color:var(--medium);}
#sidebar .wrapteaser a:hover dl .more{color:var(--weiss);}
#sidebar .wrapteaser a:hover dl{cursor:pointer;}
#sidebar .wrapteaser dl dt{background:transparent;display:block;line-height:100%;margin:0 auto;padding:0;overflow:hidden;position:relative;text-align:center;}
#sidebar .wrapteaser dl dd{background:transparent;display:block;margin:0 auto;padding:5px 0;text-align:center;}
#sidebar .wrapteaser dl dt span{display:block;height:auto;margin:1px;padding:0;overflow:hidden;}
#sidebar .wrapteaser dl dt span img{margin:0 auto;width:auto;max-width:100%;height:auto;}
#sidebar .wrapteaser dl h2,#sidebar .wrapteaser dl h3{color:var(--medium);font-size:0.95em;line-height:1.25em;margin:0;text-align:center;}
#sidebar .wrapteaser dl p{margin:5px 0;}
#sidebar .wrapteaser a:hover dl h2,#sidebar .wrapteaser a:hover dl h3{color:var(--schwarz)}
#sidebar .wrapteaser dl .info{background:rgba(0,0,0,0.6);border:none;color:var(--weiss);display:block;max-height:80%;padding:10px;position:absolute;overflow:hidden;text-align:left;bottom:-500px;left:0;width:100%;-webkit-transition:all 0.4s ease-in-out;transition:all 0.6s ease-in-out;}
#sidebar .wrapteaser dl:hover .info{bottom:0;}


#content .wrapmypost,
#content .wrapmyposts,
#content .wrapmeinteam{margin:25px auto;padding:0;}
#content .mypost,#content .myposts{background:transparent;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;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#content .mypost:hover,#content .myposts:hover{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
#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{}
#content .mypost .textbox,#content .myposts .textbox{display:block;height:100%;padding:25px 15px;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;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;-moz-hyphenate-limit-chars: 6 4 3;-webkit-hyphenate-limit-chars: 6 4 3;-ms-hyphenate-limit-chars: 6 4 3;hyphenate-limit-chars: 6 4 3;}
#content .mypost p,#content .myposts p{font-size:1em;margin:10px 0;text-align:left;}
#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 15px;}
#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 .kreativ {margin:0 auto;max-width:420px;text-align:center;}
#content .kreativ a, #content .kreativ a{color:var(--schwarz)}
#content .kreativ h2,#content .kreativ h3{font-size:1.1em;margin:10px 0;text-align:left;}
#content .kreativ p {margin:10px 0;text-align:left;}
*/

#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 div.meineliste {
  display:block;
  margin:25px;
  counter-reset: list-number;
  position:relative;
}
#content div.meineliste div{ display:block;padding:12px 0 12px 50px; position:relative;}

#content div.meineliste div:before {
  counter-increment: list-number;
  content: counter(list-number);
  margin:0 auto;
  width:35px;
  height:35px;
  display:block;
  text-align: center;
  font-size:1.1em;
  font-weight:700;
  background-color:var(--medium);
  border-radius:50%;
  color:var(--weiss);
  position:absolute;left:0;top:10px;
  vertical-align:middle;
  line-height:190%;
}

#content ul.postinfos {font-size:1.0em;margin:5px 0;width:100%;position:relative;text-align:left;display: grid; grid-gap:15px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 110px), 1fr));place-items:center;}
#content ul.postinfos.short {margin:0;}
#content ul.postinfos li{background:transparent;color:#444;display:block;padding:0;box-sizing:border-box;}
#content ul.postinfos li.comm{}
#content ul.postinfos li.soci{white-space:nowrap;}
#content ul.postinfos li.soci a{margin:0 5px;}
#content ul.postinfos li:first-child{}
#content ul.postinfos li a{color:#666;}
#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;}

#mmp,#mmpplz{background:var(--weiss);display:block;overflow:hidden;margin:0;padding:0;position:fixed;top:125px;left:-85vw;text-align:center;width:85vw;max-width:85vw;transition:all 0.5s ease-in-out;z-index:9998;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;max-height:75%;}
#mmp::-webkit-scrollbar,#mmpplz::-webkit-scrollbar {width: 10px;} /* width */
#mmp::-webkit-scrollbar-track,#mmpplz::-webkit-scrollbar-track{background: #f1f1f1;}  /* Track */
#mmp::-webkit-scrollbar-thumb,#mmpplz::-webkit-scrollbar-thumb {background: var(--dunkel);}  /* Handle */
#mmp::-webkit-scrollbar-thumb:hover,#mmpplz::-webkit-scrollbar-thumb:hover {background: var(--mittelblau); /* Handle on hover */}

#mmp,#mmpplz {scrollbar-color:var(--medium);scrollbar-width:thin;}
#mmp.open,#mmpplz.open{left:5vw;border:1px solid #ddd;box-shadow:5px 5px 1px 1px rgba(0,0,0,0.2)}

#mmp .openmmp,#mmpplz .openmmp{background:var(--medium);;color:var(--weiss);cursor:pointer;font-size:2.7em;height:55px;width:36px;padding:5px 2px 5px 5px;position:absolute;right:0;top:25%;border-radius:0 5px 5px 0;}
#mmp .openmmp:before,#mmpplz .openmmp:before{font-size:1.1em;margin:12px 0 0 0;}
#mmp .closemmp,#mmpplz .closemmpplz{background:var(--medium);border-top:1px solid var(--medium);color:var(--weiss);cursor:pointer;display:block;font-size:1.1em;width:100%;margin:0 auto;padding:5px 10px;position:relative;text-align:right;}

#mmp .closemmp a.link,#mmpplz .closemmpplz a.link{color:var(--weiss);font-size:1.2em;position:absolute;left:5px;bottom:5px;text-decoration:none;}
#mmp .closemmp a.link:hover,#mmpplz .closemmpplz a.link:hover{color:rgba(255,255,255,0.8);}


#content .mmm-partnergrid{grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));grid-gap:5px;}
#content .mmm-partnergrid .telefontermin{display:block;margin:10px auto;padding:5px;width:90%;}
#content .mmm-partnergrid .telefontermin a{font-size:1em;}

.mm-partnergrid,
#content .mm-partnergrid{background:var(--hellblau);display:grid;grid-template-columns: repeat(auto-fit,minmax(140px,1fr));grid-gap:2px;margin:0 auto;padding:0;text-align:center;}
#content .mm-partnergrid{font-size:0.8em;}
.mm-partnergrid .mm-partner,
#content .mm-partnergrid .mm-partner {background-color:var(--weiss);display:block;padding:0;text-align:center;position:relative;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.mm-partnergrid .mm-partner:hover,
#content .mm-partnergrid .mm-partner:hover{box-shadow:none;}
.mm-partnergrid a,
#content .mm-partnergrid a{display:block;padding:10px 5px;text-decoration:none;}
.mm-partnergrid .mm-partner:hover,
#content .mm-partnergrid .mm-partner:hover{background-color:#f7f7f7;}
.mm-partnergrid h4,
#content .mm-partnergrid h4{font-size:1.1em;font-weight:400;margin:5px auto;text-align:center;-webkit-hyphens: auto;hyphens: auto;-webkit-hyphenate-limit-chars: 6 4 3;hyphenate-limit-chars: 6 4 3;}
.mm-partnergrid h4 b,
#content .mm-partnergrid h4 b{font-size:1.2em;font-weight:700;letter-spacing:normal;}
.mm-partnergrid h4 i,
#content .mm-partnergrid h4 i{display:block;font-style:normal;padding:2px 0 0 0;}
.mm-partnergrid .userthumb,
#content .mm-partnergrid .userthumb{background-color:var(--weiss);background-repeat:no-repeat;background-position: 50% 50%; background-size: 100% auto;border:1px solid #ddd;border-radius: 50%;display: block;height: 75px;margin: 0 auto;width: 75px;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.mm-partnergrid a:hover .userthumb,
#content .mm-partnergrid a:hover .userthumb{-webkit-filter: grayscale(0);filter: grayscale(0);}

#content .mm-partnergrid-large .mm-partner{border:1px solid #ddd;padding:10px;position:relative;}
#content .mm-partnergrid-large a{padding:0 15px;}
#content .mm-partnergrid-large{background:transparent;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));grid-gap:15px;padding:0;}
#content .mm-partnergrid-large .mm-partner:hover{background-color:var(--weiss);}
#content .mm-partnergrid-large .userthumb{height: 150px;width: 150px;margin:10px auto;}
#content .mm-partnergrid-large .userlogo{background-color:var(--weiss);background-repeat:no-repeat;background-position: 50% 50%; background-size: 100% auto;display:block;height:0;width:100%;max-width:230px;margin:10px auto;padding:0 0 45% 0;}
#content .mm-partnergrid-large h4{font-size:1.2em;font-weight:700;margin:5px auto;}
#content .mm-partnergrid-large p{font-size:1em;font-weight:400;margin:5px auto;text-align:left;}

#content .mmm-partnergrid{display:grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));grid-gap:10px;margin:0 auto;padding:2px;position:relative;text-align:center;}
#content .mmm-partnergrid .mmm-partner{background-color:transparent;border:1px solid #ddd;display:block;padding:0;text-align:center;}
#content .mmm-partnergrid a{display:block;padding:10px;text-decoration:none;}
#content .mmm-partnergrid .mmm-partner:hover{border-color:var(--medium);}
#content .mmm-partnergrid h4{font-size:1.2em;font-weight:700;margin:5px auto;text-align:center;}
#content .mmm-partnergrid h4 b{font-size:1.0em;font-weight:400;letter-spacing:normal;}
#content .mmm-partnergrid h4 i{display:block;font-style:normal;padding:2px 0 0 0;}
#content .mmm-partnergrid .userlogo{background-color:var(--weiss);background-repeat:no-repeat;background-position: 50% 50%; background-size: 100% auto;display:block;height:0;width:100%;max-width:230px;margin:10px auto;padding:0 0 45% 0;}
#content .mmm-partnergrid p{font-size:1em;font-weight:400;margin:5px auto;text-align:left;}

#content .mm-partnergrid.sozial .mm-partner{padding-bottom:65px;}
#content .mm-partnergrid .share.kon{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px;margin:0;position:absolute;left:0;right:auto;top:auto;bottom:0;text-align:center;width:100%}
#content .mm-partnergrid .share.kon a,
#content .mm-partnergrid .share.kon a:hover{cursor:pointer;display:block;font-size:1.1em;line-height:100%;margin:10px auto;padding:0;}
#content .mm-partnergrid .share.kon a span{display:none}
#content .mm-partnergrid .share.kon a::before{color:#666;background:#eee;line-height:100%;margin:0;padding:5px;width:25px;height:25px;}
#content .mm-partnergrid .share.kon a:hover::before{color:var(--medium);}

#content ul.meineregionen{margin:25px auto;}

#content ul.meineregionen li{border:none;display:inline-block;margin:5px;padding:0;vertical-align:middle;}
#content ul.meineregionen li:before{display:none;}
#content ul.meineregionen li a{background:#f9f9f9;border:1px solid #ddd;color:#666;margin:0;padding:3px 5px;text-decoration:none;}
#content ul.meineregionen li a:hover{background:#eee;border-color:#ccc;color:var(--schwarz);}

#content .dunkel ul.meineregionen li a{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.4);color:var(--weiss);}
#content .dunkel ul.meineregionen li a:hover{background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.5);color:var(--weiss);}

#content ul.regional.mm-plz{margin:25px auto;width:100%;}
#content ul.regional.mm-plz li{background:#f9f9f9;border-bottom:2px solid var(--weiss);display:block;margin:0;padding:0;position:relative;width:100%;}
#content ul.regional.mm-plz li a{background:transparent;border:none;display:block;padding:0;}
#content ul.regional.mm-plz li a:hover{background-color:#eee;}
#content ul.regional.mm-plz li span{display:inline-block;margin:0;padding:5px 10px;vertical-align:middle;}
#content ul.regional.mm-plz li span.ort{width:30%}
#content ul.regional.mm-plz li span.titel{width:55%}
#content ul.regional.mm-plz li span.avatar{text-align:center;width:15%}
#content ul.regional.mm-plz li span.avatar b.img{background-position:50% 50%; background-repeat:no-repeat;background-size:100% auto;display:block;height:60px;width:60px;border-radius:50%;}

#content .inner-post-nav {border-top:1px solid #ccc;display:block;margin:25px 0;padding:15px 0}
#content .inner-post-nav div{display:block;padding:10px 0}
#content .inner-post-nav div.next{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.center .tabzelle p{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.symbol{margin:0 auto;}
#content .tabelle.symbol .tabzelle {background:rgba(255,255,255,0.5);padding:15px;text-align:center;}
#content .tabelle.symbol h3{font-size:1.3em;margin:10px auto;}
#content .tabelle.symbol h3:before {color:var(--medium);display:block;font-size:1.8em;margin:0 auto 10px auto;text-align:center;}
#content .tabelle.symbol .tabzelle p {margin:10px auto;padding:0 35px;text-align:center;}
#content .tabelle.symbol.dark{background:var(--medium);color:var(--weiss);}
#content .tabelle.symbol.dark .tabzelle h3,#content .tabelle.symbol.dark .tabzelle p{color:var(--weiss);}
#content .tabelle.symbol.dark h3:before{color:var(--weiss);}

#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:justify;}

#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.kontakt .tabzelle.img {text-align:center;}
#content .tabelle.kontakt .tabzelle img{margin:25px auto;text-align:center;}

#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 .fragen{display:block;margin:50px 0;padding:25px 0;position:relative;}
#content .fragen-inner{background-color:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);border-radius:5px;min-height:100px;margin:0;padding:15px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
#content .fragen .bild{background-color:var(--weiss);background-position:50% 50%; background-repeat:no-repeat;background-size:100% auto;position:relative;margin:10px auto;padding:10px;text-align:center;height:auto;width:280px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
#content .fragen .bild img{border:1px solid var(--weiss);display:block;margin:0 auto;}

#content .fragen.rund .fragen-inner{min-height:230px;}
#content .fragen.rund .bild{border-radius:50%;height:280px;width:280px;padding:0;}
#content .fragen.rund .bild img{border-radius:50%;}

#content .fragen h3,#content .fragen h4,#content .fragen h5{margin:0 0 10px 0;text-align:left;}
#content .fragen .text{text-align:left;}
#content .fragen .text p a{}

#content .fragen.dunkel{}
#content .fragen.dunkel .fragen-inner{background:var(--medium);border-color:var(--medium);color:var(--weiss);}
#content .fragen.dunkel .fragen-inner a,#content .fragen.dunkel .fragen-inner h2,#content .fragen.dunkel .fragen-inner h3,#content .fragen.dunkel .fragen-inner h4,#content .fragen.dunkel .fragen-inner strong{color:var(--weiss);}
#content .fragen.dunkel .bild img{border-color:#00498f}


#content .lesetipp,#sidebar .lesetipp{background:#f7f7f7;border:1px solid #ddd;border-radius:5px;margin:25px auto;padding:25px;position:relative;max-width:1280px;}
#content .lesetipp .anzeige,#sidebar .lesetipp .anzeige{color:#444;display:block;font-size:0.9em;margin:0 0 15px 0;padding:0;line-height:100%;text-align:left;}
#sidebar .lesetipp{font-size:0.9em;}
#content .lesetipp h2,.single #content .lesetipp h2:first-of-type,
#sidebar .lesetipp h2,.single #sidebbar .lesetipp h2:first-of-type{font-size:1.3em;margin:0 0 10px 0;text-align:left;}
#content .lesetipp p,#sidebar .lesetipp p{font-weight:400;margin:15px 0;line-height:1.4em;text-align:left;}
#content .lesetipp a,#sidebar .lesetipp a{color:var(--schwarz);text-decoration:none;}
#content .lesetipp a .button2,#sidebar .lesetipp a .button2{color:var(--medium)}
#content .lesetipp .thumb,
#sidebar .lesetipp .thumb{display:block;height:auto;overflow:hidden;margin:15px auto;padding:0;position:relative;text-align:center;width:100%;}
#content .lesetipp a .thumb img{margin:0 auto;transform: scale(1.05,1.05);transition: all 0.3s;max-width:100%;}
#content .lesetipp a:hover .thumb img{transform: scale(1.0,1.0);}


#content .lesetipp .thumbinner,
#sidebar .lesetipp .thumbinner{background-color:var(--weiss);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;display:block;height:0;margin:0;padding:0 0 50% 0;-webkit-transition: all 0.3s;transition: all 0.3s;transform: scale(1.05,1.05);}
#content .lesetipp a:hover .thumbinner,
#sidebar .lesetipp a:hover .thumbinner{transform: scale(1.0,1.0);}

#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 .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;vertical-align:middle;}
#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;}

.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}

#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:50px 0}
#content dl.hidebox.schmal{max-width:700px;margin-left:auto;margin-right:auto;}
#content dl.hidebox dt {background:#f1f1f1;border:1px solid #ddd;color:var(--medium);cursor:pointer;font-size:1.1em;font-weight:400;margin:10px 0;padding:12px 25px;position:relative;text-decoration:none;border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;}

#content dl.hidebox dt:after{content: '\002B';color:var(--medium);font-size:1.4em;margin:0;transition:all 0.5s;}
#content dl.hidebox dt.open{color:var(--weiss);background:var(--medium);border-color:var(--medium)}
#content dl.hidebox dt.open:after{color:var(--weiss);transform:rotate(45deg)}
#content dl.hidebox dt.gelesen{background:#ddd;border-color:#eee}
#content dl.hidebox dd {background:var(--weiss);color:#666;margin:10px 0;padding:25px;}
#content dl.hidebox dd {display:none;}
#content dl.hidebox ul{margin:25px auto;}
#content dl.hidebox dd h3,#content dl.hidebox p,#content dl.hidebox ul{color:#666;}
#content dl.hidebox p{max-width:65ch;margin-inline:auto;}

#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:transparent;}
#content .tabs section {background:rgba(255,255,255,0.8);border-top:2px solid var(--medium); display:none;margin:0;padding:15px;}
#content .tabs input {  margin:0;padding:0;display: none; }
#content .tabs label {background:rgba(0,0,0,0.05);color:var(--schwarz);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:rgba(0,0,0,0.1);color: var(--medium);border-bottom:1px solid var(--weiss);}
#content .tabs input:checked + label {color: var(--weiss);background:var(--medium);border:1px solid rgba(0,0,0,0.05);border-top: 2px solid var(--medium);border-bottom:1px solid rgba(0,0,0,0.05);font-weight: 700;}

#content .tabs #tabs1:checked ~ #tabcontent1,
#content .tabs #tabs2:checked ~ #tabcontent2,
#content .tabs #tabs3:checked ~ #tabcontent3,
#content .tabs #tabs4:checked ~ #tabcontent4,
#content .tabs #tabs5:checked ~ #tabcontent5 {
  display: block;
}

.catbild {background-position: 50% 0; background-repeat: no-repeat;background-size: cover;display:block;margin:0 auto;text-align:center;height:400px;max-width:1920px;}

.categorybild {display:block;margin:0 auto;text-align:center;}
.categorybild img{display:block;margin:0 auto;text-align:center;}


/* Parallax */


section.lpsection{background-color:var(--medium);display:block;min-height: 60vh;position:relative;text-align:center; }
section.lpsection .innersec{display:block;min-height: 60vh;;margin:0 auto;max-width:1920px;isolation:isolate;}
section.lpsection .innersec > * { grid-area: hero;}

section.lpsection .txt {background-color:rgba(255,255,255,0.9);margin: 0; max-width:100%; min-width: 30ch;padding:15px;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
section.lpsection .txt h1,section.lpsection .txt p,#content section.lpsection .txt p{margin:10px 0;padding:0;text-align:left;}
section.lpsection .txt h1{color:var(--medium);font-size:var(--step-4);hyphens:auto;line-height:1.25}
section.lpsection .txt h1 span{color:var(--dunkel);display:block;font-size:var(--step-0);margin:10px 0;}
section.lpsection .txt p{font-size:var(--step-0);hyphens:auto;line-height:1.5}
section.lpsection .txt .button{margin:15px 0;text-align:left;}

section.lpsection img {object-fit: cover; object-position: 50% 50%; height: 100%;width: 100%; justify-self: end; transition: 180ms width ease-in;z-index:-1}

@media (min-width: 50rem) {
  section.lpsection .innersec{display: grid;  grid-template-areas: "hero";align-items:end;}
  section.lpsection .innersec > * { grid-area: hero;}
  section.lpsection .txt {margin: 1rem;border-radius:0.5rem;}
}
@media (min-width: 60rem) {
  section.lpsection .innersec{align-items: center;}
  section.lpsection img{  width: 70%; }
  section.lpsection .txt {margin: 1rem 0 1rem 5%; max-width:38%; min-width: 30ch;}
  }



section.module {background:var(--weiss);clear:both;display:block;min-height:100px;margin:0;padding:0;position:relative;width:100%;scroll-margin-top: 100px;}
section.module .wrap-inner-section {min-height:10px;margin:0 auto;padding:15px;position:relative;text-align:left;vertical-align:middle;width:100%;max-width:1280px}
section.module.center .wrap-inner-section{text-align:center;}

#content section.module .wrap-inner-section p.absatzz{margin:25px auto;display:inline-block;text-align:left;}
#content section.module.maximal .wrap-inner-section p{margin-inline:auto;max-width:70ch;}
#content section.module.maximal h2, #content section.module.maximal h3{margin-inline:auto;text-align:center;}

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#eins h2{margin-top:0}

section.module.kleckse{background-position: right top;background-repeat: repeat-y;background-size:100% auto;border-top:2px solid rgba(255,255,255,0.5);border-bottom:2px solid rgba(255,255,255,0.5);}
section.module.kleckse.sex{background-position: right top;background-repeat: repeat-x;background-size:100% auto;}

section.module.parallax{background-color:#eee;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:50vh;min-height:500px;position:relative;width:100%;overflow:hidden;}
section.module.parallax .wrap-inner-section{display:grid;place-items:center;}

.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%;}
section.module.parallax .wrap-inner-section .inner-section{background:transparent;color:var(--weiss);height:auto;margin:0 auto;padding:25px;position:relative;}
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.25em;margin:10px 0;padding:10px;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{margin:10px auto;text-align:justify;text-align-last: center;max-width:100%;}

#content section.module.parallax.overlay {color:var(--schwarz);position: relative;}
section.module.parallax.overlay h1,section.module.parallax.overlay h2,section.module.parallax.overlay h3,section.module.parallax.overlay p,section.module.parallax.overlay ul,section.module.parallax.overlay a{color:var(--medium);}
#content section.module.parallax.overlay:before{background-color: rgba(255,255,255,0.85);position: absolute;content:" ";top:0;left:0;width:100%;height:100%;display:block;z-index:0;}

#content section.module.parallax.overlay.bw{filter:grayscale(100%);}
section.module.parallax.overlay.bw h1,section.module.parallax.overlay.bw h2,section.module.parallax.overlay.bw h3,section.module.parallax.overlay.bw p,section.module.parallax.overlay.bw ul,section.module.parallax.overlay.bw a{color:var(--weiss);}
#content section.module.parallax.overlay.bw:before{background-color: rgba(0,0,0,0.5);}
#content section.module.parallax.overlay.bw p.absatzz::before {color: rgba(255,255,255,0.4);}

section.module.parallax.overlay.blau h1,section.module.parallax.overlay.blau h2,section.module.parallax.overlay.blau h3,section.module.parallax.overlay.blau p,section.module.parallax.overlay.blau ul,section.module.parallax.overlay.blau a{color:var(--weiss);}
#content section.module.parallax.overlay.blau:before{background-color: rgba(1,74,143,0.8);position: absolute;content:" ";top:0;left:0;width:100%;height:100%;display:block;z-index:0;}
#content section.module.parallax.overlay.blau p.absatzz::before {color: rgba(255,255,255,0.4);}

.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{background:var(--trans-dunkel-4);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);border-radius:9px;color:var(--weiss);font-size:1.2em;line-height:1.4em;max-width:980px;margin:10px auto;padding:10px;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:justify;}
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:justify;}

section.module.hell{background-color:#f1f1f1;color:#111;}
section.module.hell a{color:var(--medium);}
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 .button a{background-color:var(--medium);color:var(--weiss);}
#content section.module.hell .button a:hover{background-color:var(--medium);color:var(--weiss);}
#content section.module.hell blockquote{}


section.module.gruen{background:#EAE3D8;color:#111;}
section.module.gruen a,
section.module.gruen strong,
section.module.gruen p,
section.module.gruen h1,
section.module.gruen h2,
section.module.gruen h3{background-color:transparent;color:#111;text-shadow:none;}
section.module.gruen blockquote{background:#768828;border-color:#768828;color:var(--weiss);}
section.module.gruen blockquote h2,
section.module.gruen blockquote h3,
section.module.gruen blockquote strong,
section.module.gruen blockquote p,
section.module.gruen blockquote a{color:var(--weiss) !important;}
section.module.gruen blockquote:before,section.module.gruen blockquote:after{color:#EAE3D8;}

section.module.medium{background-color:#E2E3E4;background: -moz-linear-gradient(-45deg, rgba(226,227,228,1) 0%, rgba(175,179,180,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(226,227,228,1) 0%,rgba(175,179,180,1) 100%);
background: linear-gradient(135deg, rgba(226,227,228,1) 0%,rgba(175,179,180,1) 100%);
color:#111;}
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:#111;text-shadow:none;}
#content section.module.medium .button a{background-color:var(--medium);color:var(--weiss);}
#content section.module.medium .button a:hover{background-color:var(--medium);color:var(--weiss);}
#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);}

section.module.dunkel{background-color:var(--medium);color:var(--weiss);}
section.module.dunkel a,
section.module.dunkel strong,
section.module.dunkel p,#content section.module.dunkel p,
#content section.module.dunkel .wp-caption p,
#content section.module.dunkel blockquote .wp-caption p,
section.module.dunkel h1,
section.module.dunkel h2,
section.module.dunkel h3,
#content section.module.dunkel .tabelle.symbol h3:before{background-color:transparent;color:var(--weiss);text-shadow:none;}
#content section.module.dunkel .button a{background-color:var(--medium);color:var(--weiss);}
#content section.module.dunkel .button a:hover{background-color:var(--medium);color:var(--weiss);}
#content section.module.dunkel input,
#content section.module.dunkel textarea,
#content section.module.dunkel select{background-color:rgba(255,255,255,0.8);border-color:rgba(255,255,255,1);}

#content section.module.dunkel input:hover,
#content section.module.dunkel textarea:hover,
#content section.module.dunkel select:hover{background-color:rgba(255,255,255,0.9);border-color:rgba(255,255,255,1);}

#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 dl.hidebox dt {background: rgba(0,0,0,0.2);color:var(--weiss);}
#content section.module.dunkel dl.hidebox dt::after {color:var(--weiss);}
#content section.module.dunkel dl.hidebox dd h3,
#content section.module.dunkel dl.hidebox p,
#content section.module.dunkel dl.hidebox ul{color:#666;}

#content section.module.dunkel .wpcf7 input[type="submit"]{background:var(--medium);border:1px solid var(--medium);color:var(--weiss);}
#content section.module.dunkel .wpcf7 input[type="submit"]:hover{background:var(--warning);border-color:var(--warning);color:var(--weiss);}

#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:#014a8f;border-color:#014a8f;}
#content section.module.dunkel blockquote{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:var(--weiss);}
#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);}
#content section.module.dunkel .tabelle.symbol .tabzelle {background: rgba(255,255,255,0.1);}

#content section.module.dunkel ol li:before {background-color:var(--weiss);color:var(--medium);}

#content section.module.dunkel a:hover,
#content section.module.dunkel a:hover h3,
#content section.module.dunkel a:hover h3::before{}

section.module.dunkel.blau{background-color:var(--medium);}
section.module.dunkel.hellblau{background-color:var(--hellblau);}
section.module.dunkel.rot{background-color:var(--warning);}

section.module.dunkel ol.commentlist{background:rgba(255,255,255,0.9);border-left:25px solid rgba(255,255,255,0)}
section.module.dunkel ol.commentlist p,section.module.dunkel ol.commentlist a{color:var(--schwarz);}

#content section.module.parallax .jump,.wrapslider .jump,#content section.module.parallax .jump2,.wrapslider  .jump2{margin:0 auto;}
#content section.module.parallax .jump:before,.wrapslider .jump:before,#content section.module.parallax .jump2:before,.wrapslider .jump2:before{color:#777;}
#content section.module.parallax .jump:hover:before,.wrapslider .jump:hover:before,#content section.module.parallax .jump2:hover:before,.wrapslider .jump2:hover:before {color:#666;}

section.module.full .wrap-inner-section{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.full .video-wrapper{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:1680px}
section.module.big .wrap-inner-section .inner-section{padding:25px;}
section.module.bigger .wrap-inner-section,section.module.bigger .wrap-inner-section .inner-section{min-height:100px;padding:0;position:relative;max-width:1920px}
section.module.bigger .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{}

#content .wrapsplits {display:block;position:relative;}
#content .wrapsplits .splits{display:block;padding:0;position:relative;position:relative;}
#content .wrapsplits .splits.bild{background-position: 50% 50%; background-repeat: no-repeat;background-size: cover;min-height:400px;overflow:hidden;}
#content .grafik .wrapsplits .splits.bild{min-height:200px;}
/*
#content .grafik .wrapsplits .splits.bild img {transform:scaleX(1.05) translateX(0); transition:transform .5s cubic-bezier(.42,0,.58,1)}
#content .grafik .wrapsplits .splits.bild:hover img {transform:scaleX(1.05) translateX(5px)}
*/
#content .hbild .wrapsplits .splits.bild .innerbildsplits{display:flex;align-items: center;justify-content: center;text-align:center;width:100%}
#content .wrapsplits .splits.bild h3{color:var(--weiss);display:block;font-size:1.6em !important;margin:0 auto;padding:0;text-align:center;font-weight:800;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#content .wrapsplits .splits.bild img,#content .wrapsplits .splits.bbild img{display:block;margin:0 auto;text-align:center;max-height:100%;border-radius:5px;}
#content .wrapsplits .innertextsplits{display:block;margin:0 auto;padding:25px;position:relative;text-align:left;max-width:960px;}
#content .wrapsplits .innertextsplits h2,#content .wrapsplits .innertextsplits  h3{font-size:1.3em;margin:25px 0;padding:0;font-weight:700;text-align:left;}


.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;}

/*  Footer   */

#footer .rssfeed ul li{padding:15px 10px 10px 115px;}
#footer .rssfeed.false ul li{min-height:auto;padding:15px 0}
#footer .rssfeed ul li img.emoji{position:relative;top:auto;left:auto;}
#footer .rssfeed ul li .rss-feed{display:none;}
#footer .rssfeed ul li b{display:none;}

#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;}

.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;}

.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;}

#mmpplz .animate-visible.bottom-t-top,
#mmpplz .animate-visible.start-animation.bottom-t-top,
#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: 400px) {

#content .ko-gallery .gimg:first-child {grid-area: 1 / 1 / span 2 / span 2;}
#content .ko-gallery .gimg:nth-child(3n+3) {grid-column: span 2;}
#content .ko-gallery .gimg:nth-child(5n+7) {grid-area: 1 / 1 / span 2 / span 2;}

}

@media screen and (min-width: 480px) {

#content ul.sprungmarken li a,#content ul.sprungmarken li a:hover{padding:6px 12px;}

}

@media screen and (min-width: 600px) {

#nav li.mega ul.sub-menu li{width:33%;}

#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;}

.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:60px;width:40px;-webkit-transition: opacity 600ms, visibility 600ms;transition: opacity 600ms, visibility 600ms;}
.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:40px;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:var(--warning);opacity:1;-webkit-transform: translateX(0);transform: translateX(0);}
.back-to-top span{font-size:0.45em;}



#content .gsymbole{display: grid;grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); grid-gap:25px;}
#content .gsymbole .gsymbole-tab{margin:15px auto;padding:25px;}

section.module.parallax{padding-top:50px;}
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;}
#content .mm-partnergrid-large{grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));grid-gap:25px;}

#content .wrapteaser dl{margin:0 auto;}

#mmp,#mmpplz{width:90vw;max-width:90vw;left:-100vw;}
#mmp.open,#mmpplz.open{left:2.5vw;}

#sidebar .wrapsidebarbox{display:grid;grid-template-columns: 1fr 1fr;grid-gap:25px;}

.catbild {height:500px;}

#content .myauthor{padding:25px 25px 25px 145px;}
#content .myauthor .userthumb{position:absolute;left:15px;top:35px;}

}

@media screen and (min-width: 780px) {


#content .wrapmyposts{}

.contact {bottom:15%;}

#content .fragen{padding:25px 0;min-height:100px;}
#content .fragen .fragen-inner,#content .fragen.rechts .fragen-inner{margin:0 105px 0 50px;padding:25px 200px 25px 25px;}
#content .fragen.links .fragen-inner{margin:0 50px 0 105px;padding:25px 25px 25px 200px;}
#content .fragen .bild{display:block;position:absolute;top:0}
#content .fragen.rechts .bild{right:0;}
#content .fragen.links .bild{left:0;}
#content .fragen h3{}



}

@media screen and (min-width: 880px) {

#content .lesetipp,#sidebar .lesetipp{margin:25px auto;padding:15px;}
#content .lesetipp a{display:flex;gap:2rem;align-items: center;}
#content .lesetipp .thumb,
#sidebar .lesetipp .thumb{flex-shrink: 0; width: 300px;height:auto;margin:0;padding:0;border-radius:5px;}
#content .lesetipp .text,
#sidebar .lesetipp .thumb{flex-grow: 1}

}

@media screen and (min-width: 980px) {

.symbol .text{min-height:135px;}

#content .mygalerie .mybigbox{width:33.3%;}

#content ul.gridgalerie{}
#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 .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:66%}
#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;}

#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%;}

#content .empfehlungen{grid-gap:50px;}
#content .wrapvergleiche{display:grid;grid-gap:50px;grid-template-columns:1fr 1fr 1fr;}

section.module .wrap-inner-section {padding:25px 15px}
section.module.full .wrap-inner-section {padding:0;}

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;}

#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;}

.catbild {height:650px;}

#content .wrapsplits .innertextsplits{margin:0;max-width:800px;}

#content .wrapsplits {display:grid;}
#content .wrapsplits .splits{display: flex;justify-content: center;align-items: center;}
#content .hbild .wrapsplits .splits{height:500px;}
#content .grafik .wrapsplits .splits.bild{min-height:400px;}

#content .wrapsplits.links{text-align:left;grid-template-columns:55% 45%;}
#content .wrapsplits.links .innertextsplits{padding:25px 25px 25px 50px;}

#content .wrapsplits.rechts{grid-template-columns:45% 55%;}
#content .wrapsplits.rechts .innertextsplits{padding:25px 50px 25px 25px;}
#content .wrapsplits.rechts .splits.bild,#content .wrapsplits.rechts .splits.bbild{order:2}
#content .wrapsplits.rechts .splits.text{order:1;}

}


@media screen and (min-width: 1280px) {

#content .ko-gallery .gimg a::before{opacity:0;}
#content .ko-gallery .gimg a:hover::before{opacity:1;}

#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{margin:50px auto;max-width:1920px}
#content .myposts h3{font-size:1.2em;font-weight:700;}
#content .myposts p{text-align:justify;text-align-last: center;}

section.module.pslider .wrap-inner-section,#content .slideshow .slide{height:650px;}

section.module.parallax{padding:25px 0;height:750px;}

section.module.parallax h1,section.module.parallax h2{font-size:2.8em;letter-spacing:2px;}
section#leistungen{background-color:#f7f7f7;}

#content section.module.full .rssfeed ul {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

.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;}

#content .gsymbole{grid-gap:50px;}


#content .ko-gallery .gimg a::before{opacity:0;}
#content .ko-gallery .gimg a:hover::before{opacity:1;}

#content .big .gsymbole{display: grid;grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); grid-gap:25px;}

}

@media screen and (min-width: 1600px) {

section.module.parallax{height:1080px;height:100vh;}
section.module.parallax h1,section.module.parallax h2{font-size:3.2em;}

section.module.pslider .wrap-inner-section,#content .slideshow .slide{height:85vh;}
.wrapmypost{margin:0 auto;max-width:1920px;}

#content .big .gsymbole{display: grid;grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); grid-gap:25px;}

}
#content ul.ko-teaserboxen{clear:both;display:grid;grid-gap:25px;grid-template-columns:1fr 1fr;line-height:1.4em;margin:25px 0;padding:0;width:100%;}
#content ul.ko-teaserboxen li{background-position: 50% 0; background-repeat: no-repeat;background-size: cover;display:block;list-style:none;margin:0;padding:0 0 50% 0;position:relative;overflow:hidden;vertical-align:top;width:100%;z-index:10;}
#content ul.ko-teaserboxen li::before{content:'';border:1px solid var(--weiss);position:absolute;top:5px;right:5px;bottom:5px;left:5px;width:calc(100% - 10px);z-index:-1}

#content ul.ko-teaserboxen h2,
#content ul.ko-teaserboxen h3{background:rgba(0,0,0,0.2);border:none;color:var(--weiss);font-size:1.3em;font-weight:700;letter-spacing:2px;line-height:1.4em;margin:0;padding:0;position:absolute;top:50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%);text-align:center;text-shadow:1px 1px 1px #666;max-width:90%;text-shadow:1px 1px 1px var(--schwarz);}
#content ul.ko-teaserboxen li .txt{background:rgba(0,0,0,0.4);color:var(--weiss);display:block;font-size:1em;line-height:1.4em;margin:0 auto;padding:15px;position:absolute;left:0;bottom:-200px;width:100%;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
#content ul.ko-teaserboxen li .txt:empty{background:transparent;}
#content ul.ko-teaserboxen li:hover::before{}
#content ul.ko-teaserboxen li:hover h2,#content ul.ko-teaserboxen li:hover h3{}
#content ul.ko-teaserboxen li:hover .txt{bottom:0;}
#content ul.ko-teaserboxen p{margin:0;}

#content ul.ko-teaserboxen a,#content ul.ko-teaserboxen a:hover{color:var(--weiss);display:block;text-decoration:none;margin:0;padding:0;height:100%;width:100%}


#content .wrap-flip-card  {display:block;margin:50px auto;position:relative;text-align:center;}
#content .flip-card {background-color: transparent;display:block;height:400px;margin:25px auto;width:100%;perspective: 1000px;text-align:center;}
#content .flip-card.solo {height:0;padding:0 0 56.5% 0}
#content .flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center; transition: transform 0.9s; transform-style: preserve-3d;}
#content .flip-card.solo .flip-card-inner{height:0;padding:0 0 56.5% 0}
#content .flip-card:hover .flip-card-inner,#content .flip-card.flip .flip-card-inner {transform: translateX(0) rotateY(-180deg);}
#content .flip-card-front,#content .flip-card-back {display:block;position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden; /* Safari */   backface-visibility: hidden;}
#content .flip-card-front,#content .flip-card-back {background-color: #0082BA;background-position: 50% 0; background-repeat: no-repeat;background-size: cover;padding:25px;}
#content .flip-card-back {transform: rotateY(180deg);}
#content .flip-card.txt .flip-card-back {background:#0082BA;
background: -moz-linear-gradient(-45deg, rgba(0,159,227,1) 0%, rgba(0,87,124,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(0,159,227,1) 0%,rgba(0,87,124,1) 100%);
background: linear-gradient(135deg, rgba(0,159,227,1) 0%,rgba(0,87,124,1) 100%);color: var(--weiss); transform: rotateY(180deg);padding:50px 25px;  }
#content .flip-card-back .more{display:block;text-align:center;}
#content .flip-card-back .more a{background:transparent;border:1px solid var(--weiss);border-radius:25px;color:var(--weiss);display:inline-block;line-height:100%;margin:15px;padding:10px 20px;position:relative;text-align:left;text-decoration-skip:ink;text-decoration-skip-ink: auto;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;vertical-align:middle;}
#content .flip-card-back .more a:hover{color:var(--weiss);}
#content .flip-card-inner h3{background:rgba(255,255,255,0.8);color:#0082BA;font-size:1.2em;font-weight:700;margin:0 auto;padding:10px 25px;text-shadow:none;position:absolute;bottom:0;left:0;text-align:center;width:100%;}
#content .flip-card-inner h3 a{color:#0082BA;display:inline-block;text-decoration:none;vertical-align:middle;}
#content .flip-card-inner b{background:var(--medium);color:var(--weiss);padding:5px 10px;position:absolute;left:5px;top:5px;}
#content .flip-card-inner .txt{padding:0 25px;position:absolute;top:50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%);text-align:center;}

#content .flip-card .umdrehen{cursor:pointer;display:block;color:var(--weiss);font-size:2em;position:absolute;right:15px;bottom:15px;z-index:500}

@media screen and (min-width: 780px) {

#content .wrap-flip-card {display:grid;grid-gap:25px;grid-template-columns:1fr 1fr;}
#content .flip-card{}
#content .flip-card.solo{width:100%;}

}
@media screen and (min-width: 1080px) {

#content .big .wrap-flip-card,
#content .bigger .wrap-flip-card {display:grid;grid-gap:25px;grid-template-columns:1fr 1fr 1fr;}
#content .flip-card.solo{width:100%;}

}

#content .wrap-effteaser{display:block;position:relative;margin:50px auto;padding:1em 0 4em;list-style:none;text-align:center;}
#content .full .wrap-effteaser {margin:0 auto;}
#content .wrap-effteaser figure{background:var(--schwarz);display:block;position:relative;overflow:hidden;margin:25px auto;text-align:center;max-height:440px;max-width:600px}
#content .wrap-effteaser figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8;}
#content .wrap-effteaser figure figcaption{padding:2em;color:var(--weiss);text-transform:uppercase;font-size:0.9em;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:10}
#content .wrap-effteaser figure figcaption::before,
#content .wrap-effteaser figure figcaption::after{pointer-events:none;}
#content .wrap-effteaser figure figcaption,
#content .wrap-effteaser figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;}
#content .wrap-effteaser figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
#content .wrap-effteaser figure h2{font-weight:300;font-size:1.2em;color:var(--weiss);}
#content .wrap-effteaser figure h2 span{font-weight:800;}
#content .wrap-effteaser figure h2,#content .wrap-effteaser figure h3{line-height:1.25em;margin:0;}
#content .wrap-effteaser figure p{line-height:1.5em;margin:0;font-size:0.9em;letter-spacing:1px;   display:none;}

#content .wrap-effteaser figure.effect-ko1 img{opacity:.9;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;}
#content .wrap-effteaser figure.effect-ko1 figcaption{text-align:left;}
#content .wrap-effteaser figure.effect-ko1 figcaption > div{position:absolute;bottom:0;left:0;padding:2em;width:100%;height:55%;}
#content .wrap-effteaser figure.effect-ko1 h2,
#content .wrap-effteaser figure.effect-ko1 p{-webkit-transform:translate3d(0,15px,0);transform:translate3d(0,15px,0);}
#content .wrap-effteaser figure.effect-ko1 h2{-webkit-transition:-webkit-transform .35s;transition:transform .35s;}
#content .wrap-effteaser figure.effect-ko1 p{color:var(--weiss);opacity:0;-webkit-transition:opacity 0.2s,-webkit-transform .35s;transition:opacity 0.2s,transform .35s;}
#content .wrap-effteaser figure.effect-ko1:hover img{opacity:.6;}
#content .wrap-effteaser figure.effect-ko1:hover p{opacity:1;}
#content .wrap-effteaser figure.effect-ko1:hover img,
#content .wrap-effteaser figure.effect-ko1:hover h2,
#content .wrap-effteaser figure.effect-ko1:hover p{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#content .wrap-effteaser figure.effect-ko1:hover p{-webkit-transition-delay:.05s;transition-delay:.05s;-webkit-transition-duration:.35s;transition-duration:.35s;}
#content .wrap-effteaser figure.effect-ko1:hover img{-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

#content .wrap-effteaser figure.effect-ko2{}
#content .wrap-effteaser figure.effect-ko2 img{-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;}
#content .wrap-effteaser figure.effect-ko2 figcaption{padding:4em;}
#content .wrap-effteaser figure.effect-ko2 figcaption::before{background:rgba(0,0,0,0);position:absolute;content:'';opacity:0;z-index:-1}
#content .wrap-effteaser figure.effect-ko2 figcaption::before{top:50px;right:25px;bottom:50px;left:25px;border-top:2px solid var(--weiss);border-bottom:2px solid var(--weiss);-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0;}
#content .wrap-effteaser figure.effect-ko2 h2{-webkit-transition:-webkit-transform .35s;transition:transform .35s;}
#content .wrap-effteaser figure.effect-ko2 p{padding:.5em 2em;text-transform:none;opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
#content .wrap-effteaser figure.effect-ko2 h2{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}
#content .wrap-effteaser figure.effect-ko2 img,
#content .wrap-effteaser figure.effect-ko2 figcaption::before,
#content .wrap-effteaser figure.effect-ko2 p{color:var(--weiss);-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;}
#content .wrap-effteaser figure.effect-ko2:hover img{opacity:.6;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#content .wrap-effteaser figure.effect-ko2:hover figcaption::before{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
#content .wrap-effteaser figure.effect-ko2:hover h2,
#content .wrap-effteaser figure.effect-ko2:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#content .wrap-effteaser figure.effect-ko2:hover img{-webkit-transition-delay:.15s;transition-delay:.15s;-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

#content .wrap-effteaser figure.effect-ko3{background:var(--schwarz);}
#content .wrap-effteaser figure.effect-ko3 img{opacity:0.9;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;}
#content .wrap-effteaser figure.effect-ko3 figcaption{padding:3em;background-color:rgba(0,0,0,0.1);-webkit-transition:background-color .35s;transition:background-color .35s;}
#content .wrap-effteaser figure.effect-ko3 figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid var(--weiss);content:'';}
#content .wrap-effteaser figure.effect-ko3 h2{margin:33% 0 10px 0;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);text-shadow:1px 1px 1px #012840;}
#content .wrap-effteaser figure.effect-ko3 figcaption::before,
#content .wrap-effteaser figure.effect-ko3 p{color:var(--weiss);opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:scale(0);transform:scale(0);text-shadow:1px 1px 1px #012840;}
#content .wrap-effteaser figure.effect-ko3:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#content .wrap-effteaser figure.effect-ko3:hover figcaption::before,
#content .wrap-effteaser figure.effect-ko3:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
#content .wrap-effteaser figure.effect-ko3:hover figcaption{background-color:rgba(0,0,0,0);}
#content .wrap-effteaser figure.effect-ko3:hover img{opacity:.6;-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

#content .wrap-effteaser figure.effect-ko4 figcaption{text-align:right;}
#content .wrap-effteaser figure.effect-ko4 img{opacity:1;-webkit-transition:opacity .35s;transition:opacity .35s;}
#content .wrap-effteaser figure.effect-ko4 h2,
#content .wrap-effteaser figure.effect-ko4 p{position:absolute;right:30px;left:30px;padding:10px 0;color:var(--weiss);bottom:30px;line-height:1.5;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
#content .wrap-effteaser figure.effect-ko4 h2{top:100px;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,35px,0);transform:translate3d(0,35px,0);}
#content .wrap-effteaser figure.effect-ko4:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#content .wrap-effteaser figure.effect-ko4 h2::after{position:absolute;top:100%;left:0;width:100%;height:4px;background:var(--weiss);content:'';-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
#content .wrap-effteaser figure.effect-ko4 h2::after,
#content .wrap-effteaser figure.effect-ko4 p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;}
#content .wrap-effteaser figure.effect-ko4:hover h2::after,
#content .wrap-effteaser figure.effect-ko4:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#content .wrap-effteaser figure.effect-ko4:hover img{opacity:.6;}

#content .wrap-effteaser figure.effect-ko5 {background: var(--weiss);}
#content .wrap-effteaser figure.effect-ko5  img {-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden; backface-visibility: hidden;opacity:1}
#content .wrap-effteaser figure.effect-ko5  figcaption {text-align: left;}
#content .wrap-effteaser figure.effect-ko5 figcaption > div{position:absolute;bottom:0;left:0;padding:2em;width:100%;height:55%;}
#content .wrap-effteaser figure.effect-ko5  h2 {background:rgba(255,255,255,0.8);color:#012840;position: relative; padding: 0.5em;-webkit-transition: all 0.3s;transition: all 0.3s;}
#content .wrap-effteaser figure.effect-ko5  p {color:var(--weiss);margin: 0 0 0.25em;padding: 0.4em 1em;background: rgba(255,255,255,0.8);color: #012840;text-transform: none;font-weight: 500;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-110%,0,0);transform: translate3d(-110%,0,0);-webkit-box-decoration-break: clone;box-decoration-break: clone;}
#content .wrap-effteaser figure.effect-ko5  p:empty{background:transparent;}
#content .wrap-effteaser figure.effect-ko5  p:first-child { -webkit-transition-delay: 0.15s;        transition-delay: 0.15s;}
#content .wrap-effteaser figure.effect-ko5  p:nth-of-type(2) {-webkit-transition-delay: 0.1s;        transition-delay: 0.1s;}
#content .wrap-effteaser figure.effect-ko5  p:nth-of-type(3) {-webkit-transition-delay: 0.05s;          transition-delay: 0.05s;}
#content .wrap-effteaser figure.effect-ko5:hover p:first-child {-webkit-transition-delay: 0s;        transition-delay: 0s; }
#content .wrap-effteaser figure.effect-ko5:hover p:nth-of-type(2) {-webkit-transition-delay: 0.05s;        transition-delay: 0.05s; }
#content .wrap-effteaser figure.effect-ko5:hover p:nth-of-type(3) {-webkit-transition-delay: 0.1s;         transition-delay: 0.1s;  }
#content .wrap-effteaser figure.effect-ko5:hover img {opacity: 0.4;-webkit-transform: scale3d(1.1,1.1,1);        transform: scale3d(1.1,1.1,1); }
#content .wrap-effteaser figure.effect-ko5:hover p {opacity: 1;         -webkit-transform: translate3d(0,0,0);         transform: translate3d(0,0,0);  }
#content .wrap-effteaser figure.effect-ko5:hover h2{color:#012840;padding: 0.5em;}


#content .wrap-effteaser figure.effect-ko6{background:var(--schwarz)}
#content .wrap-effteaser figure.effect-ko6 img{opacity:1;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)}
#content .wrap-effteaser figure.effect-ko6 figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);content:'';-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)}
#content .wrap-effteaser figure.effect-ko6 p{color:var(--weiss);position:absolute;right:0;bottom:0;margin:3em;padding:0 1em;max-width:60%;border-right:4px solid var(--weiss);text-align:right;opacity:0;-webkit-transition:opacity .35s;transition:opacity .35s}
#content .wrap-effteaser figure.effect-ko6 h2{background:rgba(255,255,255,0.8);color:var(--schwarz);padding:5px;text-align:left;transition:all 0.5s ease-in-out;}
#content .wrap-effteaser figure.effect-ko6:hover img{opacity:.6;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
#content .wrap-effteaser figure.effect-ko6:hover figcaption::before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
#content .wrap-effteaser figure.effect-ko6:hover p{opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}
#content .wrap-effteaser figure.effect-ko6:hover h2{background:transparent;color:var(--weiss);}
#content section.module.hell .wrap-effteaser figure.effect-ko6 p{color:var(--weiss);}


#content .wrap-effteaser figure.effect-ko7 {background: var(--weiss);border:1px solid #ddd;}
#content .wrap-effteaser figure.effect-ko7 img{opacity:.9;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;}
#content .wrap-effteaser figure.effect-ko7 figcaption{text-align:left;}
#content .wrap-effteaser figure.effect-ko7 figcaption > div{position:absolute;bottom:0;left:0;padding:2em;width:100%;height:65%;}
#content .wrap-effteaser figure.effect-ko7 img{opacity:1;}
#content .wrap-effteaser figure.effect-ko7 h2,
#content .wrap-effteaser figure.effect-ko7 h3,
#content .wrap-effteaser figure.effect-ko7 p{text-align:left;padding:5px 10px;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}
#content .wrap-effteaser figure.effect-ko7 h2 span,
#content .wrap-effteaser figure.effect-ko7 h3 span,
#content .wrap-effteaser figure.effect-ko7 p span{background:rgba(255,255,255, 0.9);display:inline-block;padding:8px 12px;vertical-align:middle;-webkit-box-decoration-break: clone;box-decoration-break: clone;}
#content .wrap-effteaser figure.effect-ko7 h2,#content .wrap-effteaser figure.effect-ko7 h3{color:#012840;font-size:1em;font-weight:700;margin:5px 0;-webkit-transition:-webkit-transform .35s;transition:transform .35s;}
#content .wrap-effteaser figure.effect-ko7 p{color:#012840;opacity:0;-webkit-transition:opacity 0.2s,-webkit-transform .35s;transition:opacity 0.2s,transform .35s;text-transform:none;}
#content .wrap-effteaser figure.effect-ko7 .date{background:rgba(255,255,255, 0.8);padding:3px 10px;color:#012840;position:absolute;right:25px;top:25px;}
#content .wrap-effteaser figure.effect-ko7:hover img{opacity:.5;}
#content .wrap-effteaser figure.effect-ko7:hover p{opacity:1;}
#content .wrap-effteaser figure.effect-ko7:hover img,
#content .wrap-effteaser figure.effect-ko7:hover h2,
#content .wrap-effteaser figure.effect-ko7:hover h3,
#content .wrap-effteaser figure.effect-ko7:hover p{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#content .wrap-effteaser figure.effect-ko7:hover p{-webkit-transition-delay:.05s;transition-delay:.05s;-webkit-transition-duration:.35s;transition-duration:.35s;}
#content .wrap-effteaser figure.effect-ko7:hover h2 span,
#content .wrap-effteaser figure.effect-ko7:hover h3 span,
#content .wrap-effteaser figure.effect-ko7:hover p span{background:rgba(255,255,255, 0.8);}
#content .wrap-effteaser figure.effect-ko7:hover img{-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

#content .wrap-effteaser figure.effect-ko8{background:var(--schwarz)}
#content .wrap-effteaser figure.effect-ko8 img{opacity:.9;-webkit-transition:opacity .35s;transition:opacity .35s}
#content .wrap-effteaser figure.effect-ko8 figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:2px solid var(--weiss);box-shadow:0 0 0 30px rgba(255,255,255,.2);content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)}
#content .wrap-effteaser figure.effect-ko8 h2{margin:20% 0 10px 0;transition: 0.3s all ease-in-out;}
#content .wrap-effteaser figure.effect-ko8 p{color:var(--weiss);padding:1em;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1.5);transform:scale(1.5)}
#content .wrap-effteaser figure.effect-ko8:hover h2{margin:10px 0 10px 0;-webkit-transform:scale(.9);transform:scale(.9)}
#content .wrap-effteaser figure.effect-ko8:hover figcaption::before,
#content .wrap-effteaser figure.effect-ko8:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
#content .wrap-effteaser figure.effect-ko8:hover figcaption{background-color:rgba(0,0,0,0)}
#content .wrap-effteaser figure.effect-ko8:hover img{opacity:.4}


#content .wrap-effteaser figure.effect-ko9{background:transparent;margin:50px 0;width:100%;max-height:1000px;position:relative;overflow:visible;}
#content .wrap-effteaser figure.effect-ko9 .image{background:transparent;display:block;height:250px;margin:10px auto;width:250px;border-radius:50%;position:relative;}
#content .wrap-effteaser figure.effect-ko9 img{display:block;-webkit-transition:opacity .35s;transition:opacity .35s;border-radius:50%;opacity:1}
#content .wrap-effteaser figure.effect-ko9 figcaption{position:relative;top:auto;left:auto;margin:0;padding:0;overflow:visible;}
#content .wrap-effteaser figure.effect-ko9 figcaption > a{position:absolute;bottom:0;left:0;width:100%;height:100%;}
#content .wrap-effteaser figure.effect-ko9 figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:2px solid var(--weiss);box-shadow:0 0 0 30px rgba(255,255,255,.2);content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)}
#content .wrap-effteaser figure.effect-ko9 h2{background:var(--medium);color:var(--weiss);display:inline-block;vertical-align:middle;margin:0 0 10px 0;padding:10px;-webkit-box-decoration-break: clone;box-decoration-break: clone;transition:transform .35s}
#content .wrap-effteaser figure.effect-ko9 p{background:var(--medium);color:var(--weiss);padding:10px;margin:10px 0 0 0;opacity:1;}
#content .wrap-effteaser figure.effect-ko9:hover h2{background:var(--warning);-webkit-transform: translate(0,-5px);transform: translate(0,-5px)}
#content .wrap-effteaser figure.effect-ko9:hover img{opacity:.8}



#content .wrap-effteaser2{display:block;position:relative;margin:50px auto;padding:1em 0 4em;list-style:none;text-align:center;}
#content .wrap-effteaser2 figure{background:rgba(255,255,255,0);display:block;position:relative;overflow:hidden;margin:25px auto;text-align:center;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);}
#content .wrap-effteaser2.glas figure{background:rgba(255,255,255,0.3);}
#content .wrap-effteaser2 figure img{display:block;margin:15px auto 10px auto;min-height:100%;max-width:100%;border-radius:50%;}
#content .wrap-effteaser2 figure figcaption{padding:2em;color:var(--weiss);text-transform:uppercase;font-size:0.9em;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:10}
#content .wrap-effteaser2 figure h2{background:var(--medium);color:var(--weiss);display:inline-block;vertical-align:middle;margin:10px 0;padding:10px;-webkit-box-decoration-break: clone;box-decoration-break: clone;transition:transform .35s}
#content .wrap-effteaser2 figure p{background:var(--medium);color:var(--weiss);padding:10px;margin:10px 0 0 0;-webkit-box-decoration-break: clone;box-decoration-break: clone;}
#content .wrap-effteaser2 figure:hover h2{background:var(--warning);-webkit-transform: translate(0,-5px);transform: translate(0,-5px)}
#content .wrap-effteaser2 figure:hover{box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}


@media screen and (min-width: 600px) {

#content .wrap-effteaser figure{margin:25px auto}
#content .wrap-effteaser figure.effect-ko9{margin:50px auto;min-height:250px;padding:25px 0 0 260px;}
#content .wrap-effteaser figure.effect-ko9 .image{margin:0;position:absolute;left:0;top:0;}
#content .wrap-effteaser.big{display:block;}
#content .wrap-effteaser.big figure{margin:25px auto}
#content .wrap-effteaser2{display:grid;grid-gap:25px;grid-template-columns:1fr 1fr;}

}
@media screen and (min-width: 800px) {

#content .wrap-effteaser.big{display:grid;grid-gap:25px;grid-template-columns:1fr 1fr;}
#content .wrap-effteaser.big figure{margin:0 auto}

}
@media screen and (min-width: 1080px) {

#content .wrap-effteaser{display:grid;grid-gap:25px;grid-template-columns:1fr 1fr;}
#content .wrap-effteaser figure p{display:block;}
#content .wrap-effteaser figure.effect-ko5  p {display: inline-block;}

}
@media screen and (min-width: 1280px) {

#content .wrap-effteaser.big{display:grid;grid-gap:50px;grid-template-columns:1fr 1fr;}
#content .wrap-effteaser.big figure.effect-ko9 {margin:15px auto;}
#content .wrap-effteaser2{display:grid;grid-gap:50px;grid-template-columns:1fr 1fr;}

}
@media screen and (min-width: 1480px) {

#content .wrap-effteaser,
#content .big .wrap-effteaser,
#content .bigger .wrap-effteaser{grid-gap:50px;}

}
@media screen and (min-width: 1680px) {

#content .wrap-effteaser,
#content .big .wrap-effteaser,
#content .bigger .wrap-effteaser{grid-gap:75px;}
#content .wrap-effteaser.big{grid-gap:75px;}
#content .wrap-effteaser.big figure.effect-ko9 figcaption{}

}
@media screen and (max-width: 1179px) {

#content .wrap-effteaser:not(.big) figure p{display:none;}
#content .wrap-effteaser:not(.big) figure p span{display:none;}

}


@media only screen and (max-device-width: 1366px) {
  section.module.parallax {
    background-attachment: scroll;
  }
}


.powerpress_player{color:var(--weiss);display:block;margin:0 auto;max-width:780px;border:1px solid #ddd;box-shadow: 5px 5px 5px rgba(0,0,0,0.2);}

/* Player background */
.powerpress_player .mejs-container,
.powerpress_player .mejs-controls,
.powerpress_player .mejs-embed,
.powerpress_player .mejs-embed body {
  background-color: var(--medium) !important;
}

/* Player controls */
.powerpress_player .mejs-button > button {
  background-image: url("images/play-button.png")  !important;
}
.powerpress_player .mejs-button.mejs-pause > button {
  background-image: url("images/pause-button.png")  !important;
}
.powerpress_player .mejs-button.mejs-volume-button > button {
  background-image: url("images/laut-button.png")  !important;
}


.powerpress_player .mejs-time {
  color: var(--weiss);
}

/* Progress and audio bars */

/* Progress and audio bar background */
.powerpress_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.powerpress_player .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: var(--weiss);
}

/* Track progress bar background (amount of track fully loaded)
  We prefer to style these with the main accent color of our theme */
.powerpress_player .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: #eee;
}

/* Current track progress and active audio volume level bar */
.powerpress_player.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.powerpress_player .mejs-controls .mejs-time-rail .mejs-time-current {
  background: var(--hellblau);
}

/* Reduce height of the progress and audio bars */
.powerpress_player .mejs-time-buffering,
.powerpress_player .mejs-time-current,
.powerpress_player .mejs-time-float,
.powerpress_player .mejs-time-float-corner,
.powerpress_player .mejs-time-float-current,
.powerpress_player .mejs-time-hovered,
.powerpress_player .mejs-time-loaded,
.powerpress_player .mejs-time-marker,
.powerpress_player .mejs-time-total,
.powerpress_player .mejs-horizontal-volume-total,
.powerpress_player .mejs-time-handle-content {
  height: 3px;
}

.powerpress_player .mejs-time-handle-content {
  top: -6px;
}

.powerpress_player.mejs-time-total {
  margin-top: 8px;
}

.powerpress_player .mejs-horizontal-volume-total {
  top: 19px;
}

.appear[data-src], .appear[data-bkg], .appear [data-src], .appear [data-bkg] {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in;
     -moz-transition: opacity 1s ease-in;
          transition: opacity 1s ease-in;
}
.appeared[data-src], .appeared[data-bkg], .appeared [data-src], .appeared [data-bkg] {
  opacity: 1;
}



#netzwerk-header {background:var(--mittelblau);display:block;margin:0 auto;padding:15px 0;position:relative;text-align:center;}
#netzwerk-header .share a,#netzwerk-header .share a:hover{display:inline-block;font-size:2em !important;line-height:150%;margin:0 25px;padding:0;vertical-align:middle;height:auto;width:auto;}
#netzwerk-header .share a::before,
#netzwerk-header .share a:hover::before{color:var(--weiss);font-size:1.8em !important;line-height:100%;margin:0;padding:10px;border-radius:50%;transition: all .3s ease;display:flex;align-items: center;justify-content: center;}
#netzwerk-header .share a:hover::before{color:rgba(255,255,255,0.8);}
#netzwerk-header h3{color:var(--weiss);font-size:1.5em !important;font-weight:bold;margin:10px auto;text-align:center;}



#kokbslider {
    display:block;
    position:relative;
    width:100%;
    height:500px;
    padding:0;
    overflow:hidden;
}
#kokbslider .kokbslide {
    position:absolute;
    width:100%;
    height:100%;
    opacity:1;
}

#kokbslider .kokbslide.fx{opacity:1}




/* http://webdesignerwall.com/tutorials/css-fix-for-ios-vh-unit-bug */
/* fix iOS bug not displaying 100vh correctly */
/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
        section.module.parallax, .map, #content .slideshow .slide {background-attachment: scroll; height: 650px;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
        section.module.parallax, .map, #content .slideshow .slide {background-attachment: scroll; height: 650px;}
}
/* iphone5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
        section.module.parallax, .map, #content .slideshow .slide {background-attachment: scroll; height: 400px;}
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
        section.module.parallax, .map, #content .slideshow .slide {background-attachment: scroll; height: 400px;}
}
/* iPhone 4 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
        section.module.parallax, .map, #content .slideshow .slide {background-attachment: scroll; height: 400px;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
        section.module.parallax, .map, #content .slideshow .slide {background-attachment: scroll;height: 400px;}
}
