/*
Theme Name: Spachteltechnik Malente
Theme URI: https://spachteltechnik-malente.de/
Description: Spachteltechnik Malente
Version: 2.00
Author: Klaus Oppermann
Author URI: https://www.klausoppermann.de
*/


/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'),
  src: url('fonts/montserrat-v12-latin-300.eot'); /* IE9 Compat Modes */
       url('fonts/montserrat-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v12-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
  src: url('fonts/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v12-latin-regular.eot'); /* IE9 Compat Modes */
       url('fonts/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v12-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
  src: url('fonts/montserrat-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v12-latin-700.eot'); /* IE9 Compat Modes */
       url('fonts/montserrat-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v12-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

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

  --weiss: #fff; /* weiss */
  --hell: #f9f9f9;  /* hellgrau */
  --medium: #337700;   /* gruen */
  --dunkel: #0C1200;    /* dunkelgruen */
  --dunkel-grau: #111;
  --schwarz: #000; /* schwarz */

  --vibrant: #93d665; /* hellgruen  */
  --on-vibrant: #000;    /* weiss */
  --vibrant-hov: #5e9d00; /* gruen */
  --on-vibrant-hov: #fff;  /*  weiss */
  
  

  --warning: #ff3232;   /* rot */
  --success: #337700;  /* gruen */
  --hallo: #00adff; /* blau */

  --trans-dunkel--1: rgba(0,0,0,0.05);
  --trans-dunkel-1: rgba(0,0,0,0.1);
  --trans-dunkel-2: rgba(0,0,0,0.2);
  --trans-dunkel-4: rgba(0,0,0,0.4);
  --trans-dunkel-6: rgba(0,0,0,0.6);
  --trans-dunkel-8: rgba(0,0,0,0.8);
  --trans-dunkel-9: rgba(0,0,0,0.9);
  --trans-hell-1: rgba(255,255,255,0.1);
  --trans-hell-2: rgba(255,255,255,0.2);
  --trans-hell-4: rgba(255,255,255,0.4);
  --trans-hell-6: rgba(255,255,255,0.6);
  --trans-hell-7: rgba(255,255,255,0.7);
  --trans-hell-8: rgba(255,255,255,0.8);
  --trans-hell-9: 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(1rem, calc(0.96rem + 0.30vw), 1.05rem);
  --step-1: clamp(1.07rem, calc(0.97rem + 0.49vw), 1.3rem);
  --step-2: clamp(1.14rem, calc(0.97rem + 0.84vw), 1.4rem);
  --step-3: clamp(1.22rem, calc(0.96rem + 1.27vw), 1.6rem);
  --step-4: clamp(1.30rem, calc(0.94rem + 1.80vw), 2.0rem);
  --step-5: clamp(1.38rem, calc(0.89rem + 2.46vw), 2.3rem);
  --step-6: clamp(1.48rem, calc(0.82rem + 3.28vw), 3.0rem);

  --but-pad: 1em 1.5em;
  --min: 28ch;
  --gap: 1.5rem;

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

  --bhintergrund: linear-gradient(
                  25deg,
                  var(--medium),
                  var(--weiss),
                  var(--medium)
                );
  --drehung: -2deg;

  --gradient: linear-gradient(
                  -45deg,
                  var(--hallo),
                  var(--vibrant),
                  var(--dunkel)
                );
                
  --font-text: 'Montserrat',Arial, Verdana, Helvetica,sans-serif ;
  --font-headlines: 'Lato',Arial, Verdana, Helvetica,sans-serif;

}


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}

*, *:before, *:after {box-sizing: inherit;}
html{background:var(--dunkel);background-size: 100% auto;box-sizing: border-box;padding:0 0 15px 0;}
body{background:var(--weiss);color:var(--dunkel-grau);font-family:'Montserrat', arial, Verdana, Tahoma, sans-serif;font-size:65.5%;font-weight:300;line-height:1.5;margin:0;padding:0;position:relative;text-align:center;overflow: hidden;overflow-y: auto;}
a{color:var(--medium);}
a:hover{color:var(--dunkel-grau);}
a:not([href]) {cursor:text;}
article, aside, figcaption, figure, footer, header, hgroup, nav, section, time, video{display:block;margin:0;padding:0;}
h1,h2,h3,h4,h5{color:#555;font-family:'Lato',Helvetica,Verdana,Arial,sans-serif;font-kerning:none;font-weight:400;line-height:1.4em;text-align:left;margin:50px 0 25px 0;padding:0;text-wrap: balance;hyphens: auto;  hyphenate-limit-chars: auto 3 4;}
h1{color:var(--medium);clear:both;font-size:1.4em;font-weight:400;margin:25px 0;text-shadow:0 1px 1px var(--weiss);}
.page-template-page-parallax-php h1{margin:50px 0 10px 0;padding:0 15px;max-width:1480px;box-sizing:border-box;}
h2{font-size:1.2em;}
h2.top{margin-top:0;}
h2.motto{font-size:1.2em;}
h3{font-size:1.1em}
.tabzelle h3{margin:0}
h4{font-size:1.1em;}
h5,h6{color:var(--weiss);display:inline-block;font-size:1.0em;margin:25px;padding:2px 5px;}
h5{background:#222;}
h6{background:#555;}
h5 a,h6 a,h5 a:hover,h6 a:hover{color:var(--weiss);text-decoration:underline;}
hr{border:none;border-top:1px solid #ccc;color:#ccc;clear:both;display:block;height:0;margin:30px 0}
img{width:auto;max-width:100%;height:auto;box-sizing: border-box;}
img.alignleft,.alignleft,img.alignright,.alignright,img.aligncenter,.aligncenter,img.alignnone,.alignnone{display:block;float:none;text-align:center;margin:15px auto}
address{margin:30px 0;}

blockquote{background:#F9F9F9;border:1px solid #eee;margin:25px 0;padding:15px;border-radius:3px;}
blockquote p{margin:0;padding:0;}

cite, em{font-style:italic}
pre{margin:15px 0;overflow:auto;}
pre a{font-weight:400;}
strong,b{color:#666;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:200;}

form{border:none;margin:0 auto;}
fieldset{border:none;color:var(--dunkel-grau);clear:both;margin:50px 0;padding:0}
form h3,form p{margin:5px 0;}
fieldset.small p{float:left;padding-right:2%;width:45%}
label{font-weight:400;margin:0;padding:0}
input,textarea,select{background:var(--weiss);border:1px solid #bbb;color:var(--dunkel-grau);margin:5px 0;padding:8px;width:100%;}
#footer input,#footer textarea,#footer select{border-color:var(--weiss);}
textarea{height:80px;overflow:auto}
.upload input{background:var(--weiss);color:var(--dunkel-grau);margin:5px 5px 0 0;padding:5px;width:70%;}
input:hover,textarea:hover{background:var(--weiss);border-color:#999;color:var(--dunkel-grau)}
input[type=checkbox],input[type=radio]{background:transparent;border:none;color:var(--dunkel-grau);margin:0 5px 0 10px;padding:0;width:1.0em;}

div.wpcf7{max-width:800px;}
#content div.wpcf7 p{margin:10px 0;}
.wpcf7-not-valid-tip,.wpcf7-validation-errors{background:#CC3300;border:3px double var(--weiss)!important;color:var(--weiss);display:block;padding:5px}
.wpcf7-mail-sent-ok{background:green;color:var(--weiss);display:block;padding:5px;}

input.wpcf7-submit, input[type=submit],.wpcf7 button[type=submit]{background:#ec7527;border:1px solid #ec7527;color:var(--weiss);clear:both;display:block;font-size:1.0em;font-weight:400;letter-spacing:1px;margin:15px 0;padding:15px 50px;text-align:center;text-decoration:none;text-transform:uppercase;width:auto;border-radius:3px;max-width:90%;box-sizing:border-box;white-space:normal;}
input.wpcf7-submit:hover, input:hover[type=submit],.wpcf7 button:hover[type=submit]{background:var(--medium);border:1px solid var(--medium);color:var(--weiss);}

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



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

#wrapper{font-size:1.8em;line-height:1.6;padding:0 15px;text-align:left;overflow:hidden;}
.page-template-page-parallax-php #wrapper{padding:0}

.share,
#header .share{background:transparent;clear:both;display:block;margin:0 auto;text-align:center;width:100%;-webkit-transition: all 0.3s;transition: all 0.3s;}
#topbox .share{font-size:1.1em;width:auto;}
.share a,.share a:hover,
#header .share a,#header .share a:hover,
#sidebar .share a,#sidebar .share a:hover,
#footer .share a,#footer .share a:hover {color:#222;display:inline-block;font-size:2.2em;line-height:100%;margin:5px;padding:0;text-align:center;width:1em;}
.share a:hover{color:var(--schwarz)}
.share a span,.share a:hover span,
#header .share a span,#header .share a:hover span{display:none;}
#sidebar .share a,#sidebar .share a:hover,
#footer .share a, #footer .share a:hover {font-size:1.3em;margin:15px 5px}
#topbox .share a, #topbox .share a:hover {font-size:1.0em;margin:0 5px}
#topbox .share a:hover{color:#555}
#footer .share{background:transparent}
#footer .share a,#footer .share a:hover{color:rgba(136, 197, 4, 0.8);}
#footer .share a:hover{color:rgba(136, 197, 4, 1);}


#topbox {background:transparent;color:var(--weiss);display:block;font-size:0.8em;font-weight:400;height:auto;letter-spacing:2px;line-height:100%;margin:15px auto 0 auto;padding:0;position:relative;text-align:center;width:100%;box-sizing:border-box;}
#topbox .topinner{display:block;margin:0 auto;padding:10px;width:auto;max-width:100%;box-sizing:border-box;}
#topbox .phone a,#topbox .phone a:hover{background:var(--medium);color:var(--weiss);cursor:text;font-size:1.1em;height:auto;margin:0 0 0 15px;padding:5px 10px;width:auto;}
#topbox .phone a:before{color:var(--weiss);display:inline-block;height:auto;margin:0 5px 0 0;padding:0;width:auto;}
#topbox .phone a span{display:inline-block;text-indent:0;padding:0}
.phone{display:inline-block;white-space: nowrap;}
#content .phone a{text-decoration:none;cursor:text;}

#topbox .mail a,#topbox .mail a:hover{background:var(--medium);color:var(--weiss);padding:5px 10px;}
#topbox .mail,#topbox .share {display:none}

.symbol{display:block;margin:15px auto;text-align:center;font-size:1em}
.sym{border:2px solid var(--medium);display:inline-block;padding:1.3em;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;}
a.symbol:hover, .sym:hover, .sym:hover::before {background:#ec7527;border-color:#ec7527;color:var(--weiss);-webkit-transition: all 0.4s;transition: all 0.4s;}
.symbol h3,.symbole h3,.symbol p,.symbole p{color:#555;margin:10px auto 5px auto;text-align:center;}
.symbol h3,.symbole h3{font-size:1.2em}
.symbol p,#content p.symtext{display:inline-block;margin:0 auto;text-align:justify;vertical-align:top;}
.symbol .buttons{background:var(--medium);color:var(--weiss);cursor:pointer;display:inline-block;border:1px solid #325397;margin:5px auto;padding:5px 15px;text-align:center;}
.symbol .buttons:hover{border-color:var(--medium);}

.icon{display:block;font-size:1.2em;margin:0 auto;position:relative;text-align:center;}
.icon:before{color:#222;line-height:100%;margin:0 !important;padding:5px;-webkit-transition: all 0.9s;transition: all 0.9s;}
.icon:hover:before{color:#555;}

.contact {background:rgba(0,0,0,0.5);border:none;border-radius:50%;height:50px;line-height:100%;position:fixed;bottom:50px;right:15px;padding:5px 0;text-align:center;vertical-align:middle;width:50px;z-index:999999;}
.contact span{display:none;}
.back-to-top {display:block;font-size:3em;font-weight:700;text-decoration:none;margin:0 auto;padding:0;text-align:center;}
.back-to-top:before{color:var(--weiss);margin:0;}

figure.myteam{background:var(--weiss);border:none;display:inline-block;margin:0:padding:0;position:relative;text-align:center;vertical-align:top;width:33%;box-sizing:border-box;}
figure.myteam img{border:1px solid transparent;display:block;margin:25px auto 0 auto;-webkit-transition: all 0.9s;transition: all 0.9s;}
figure.myteam:hover img{border-color:transparent;border-radius:50%;}
figure.myteam h3{margin:10px auto;text-align:center;padding:0 15px}
figure.myteam p,#content figure.myteam p{margin:10px auto;padding:0 15px}
figure.myteam p strong{font-size:1.1em;}

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

table{empty-cells: hide;}
table tr{}
table td, table th{}
#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:#222;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:0;}
.group:after,#nav:after,#wrapper:after {content: "";display: table;clear: both;}
.mail{display:block;}

video {max-width:100%;height:auto;}
.video-wrapper{background:transparent;border:none;margin:25px auto;width:100%;max-width:100%}
.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;margin:0 auto;padding:0;text-align:center;min-height:450px;height:100%;width:100%;box-sizing:border-box;}

iframe.map-frame{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
    filter: gray; /* IE6-9 */
  }

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

.button{display:block;text-align:center;}
.button a{background:var(--vibrant);border:1px solid var(--vibrant);color:var(--on-vibrant);display:inline-block;font-weight:700;letter-spacing:1px;margin:0 auto;padding:10px 35px;text-align:center;-webkit-transition: all 0.5s;transition: all 0.5s;text-transform:uppercase;}
.button a:hover{background:var(--medium);border-color:var(--medium);color:var(--on-vibrant-hov);}

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

/*  Header   */

#header{background:#1B1F04;float:left;margin:0;padding:0;position:relative;width:100%;z-index:998;-webkit-transition: all 0.5s;transition: all 0.5s;box-shadow: 0 5px 5px rgba(0,0,0,0.2);}
#header .inner{font-size:1.6em;height:125px;padding-top:0;-webkit-transition: all 0.5s;transition: all 0.5s;box-sizing: border-box;}

#header .logo{margin:0 auto;padding:0;text-align:center;z-index:1000;}
#header .logo a,#header .logo a:hover{display:block;margin:0 auto;padding:0;width:auto;max-width:265px;z-index:1000;box-sizing:border-box;-webkit-transition: all 0.3s;transition: all 0.3s;}
#header .logo img{background:transparent;display:block;margin:0 auto;padding:15px 5px 5px 5px;max-height:100px;-webkit-transition: all 0.3s;transition: all 0.3s;}

/* Navigation */

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

nav{background:var(--medium);font-size:1.0em;margin:0 auto;position:relative;top:20px;right:auto;width:90%;max-width:1480px;transition: max-height 0.9s cubic-bezier(0, 1, 0, 1);max-height:0;overflow:hidden;}
nav.open{border:none;display:block;margin:0 auto 10px auto;max-height:6000px;z-index:1001;transition: max-height 0.9s ease-in-out;}

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

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

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

#nav li.search {border-top:1px solid rgba(255,255,255,0.5);text-align:center;padding-left:0;}
#nav li.search b:before {cursor:pointer;display:none;font-size:1.5em;margin:0;padding:5px 20px 5px 0;}

nav ul li a:not([href]),nav ul li a:hover:not([href]){cursor:text;}
nav li.menu-item-has-children a:before{text-decoration:none;position:absolute;right:10px;top:33%;}
nav li.menu-item-has-children li a:before{content:'';margin:0;padding:0;width:0;}
nav li.current_page_ancestor a:before{color:var(--weiss);}

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

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

/*  Content   */

#content{padding:0;min-height:500px;}
#content p{margin:35px 0;hyphens: auto; hyphenate-limit-chars: auto 3 4;text-wrap: pretty;}
#content p.frame{margin:0;}
#content p:empty{margin:0;padding:0;}

#content p a{text-decoration:underline;text-decoration-skip:ink;text-decoration-skip-ink: auto;}

#content ul{margin:25px 0 25px 15px;}
#content ul li,#content ul.postinfos li {list-style:none;}
#content ul li{padding:3px 5px 3px 30px;position:relative;}
#content ul li:before{color:#222;position:absolute;left:0;top:7px}
#content ul ul,#content ul ul ul{margin:0 15px}
#content ul ul li,#content ul ul ul li{background-image:none;padding:5px;}

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

#content .sd-content ul li{background:transparent;padding:0;}

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

#content ul.sprungmarken {clear:both;display:block;margin:20px auto;text-align:center;}
#content ul.sprungmarken li {display:inline-block;padding:0 5px;text-align:center;}
#content ul.sprungmarken li:before {display:none;}
#content ul.sprungmarken li a,#content ul.sprungmarken li a:hover{background:#222;border:none;color:var(--weiss);display:block;font-weight:500;margin:5px;padding:5px 10px;position: relative;}
#content ul.sprungmarken li a::after,#content ul.sprungmarken li a:hover::after {background:#222;content:'';position: absolute;top: -2px;right: -7px;bottom: -2px;left: -7px;z-index: -1;transform: skew(-15deg);}
#content ul.sprungmarken li a:hover,#content ul.sprungmarken li a:hover::after{background:#555;}

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

#content .mygalerie{display:block;margin:20px auto;position:relative;text-align:center;width:100%;}
#content .mygalerie .mybigbox{display:block;box-sizing:border-box;vertical-align:middle;}
#content .mygalerie .mytabs{border:1px solid transparent;display:inline-block;;width:50%;box-sizing:border-box;vertical-align:middle;}
#content .mygalerie .mybigbox-1 .mytabs,
#content .mygalerie .mybigbox-3 .mytabs,
#content .mygalerie .mybigbox-5 .mytabs,
#content .mygalerie .mybigbox-7 .mytabs,
#content .mygalerie .mybigbox-9 .mytabs{width:100%;}
#content .mygalerie .mytabs img{display:block;margin:0 auto;}
#content .mygalerie .mytabs a:hover img{opacity:0.8}

#content .mygalerie2{display:block;margin:20px auto;position:relative;text-align:center;width:100%;}
#content .mygalerie2 .mytabs{display:inline-block;width:12.5%;vertical-align:top;}
#content .mygalerie2 .mytabs img{display:block;}
#content .mygalerie2 .mytabs:nth-child(6n){width:33.3%}

#content ul.galerie{clear:both;display:grid;grid-gap:5px;grid-template-columns:repeat(auto-fill,minmax(180px, 1fr));margin:25px auto;text-align:center;width:100%;}
#content ul.galerie li{background:transparent;border:none;display:inline-block;height:auto;padding:0;position:relative;overflow:hidden;text-align:center;vertical-align:top;}
#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:4px;padding:0;position:relative;text-align:center;text-decoration:none;}
#content ul.galerie li img{display:block;margin:0 auto;border:0;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#content ul.galerie li a:hover img{border-color:#ccc;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
#content ul.galerie li a.focus:hover img{border: 5px solid transparent; border-radius: 50%;}
#content ul.galerie li a.square:hover img{transform: scale(1.1,1.1);}

#content ul.galerie 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:5%;bottom:5%;left:5%;right:5%;height:90%;width:90%; text-align: center;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
#content ul.galerie li span.txt span{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:90%;-ms-transform: translate(-50%, -50%);}
#content ul.galerie li span.txt span:before{content:'\0271A';color:var(--weiss);display:block;font-size:1.2em;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
#content ul.galerie li a:hover span.txt span:before{transform: rotate(45deg);}
#content ul.galerie li span.txt span b{display:none;}

#content ul.galerie.polaroid{background:transparent;margin:100px auto;width:100%;}
#content ul.galerie.polaroid li{background:var(--weiss);border:1px solid #ccc;display:inline-block;margin:-5px;padding:5px 5px 30px 5px;width:auto;max-width:50%;-webkit-transform: rotate(6deg);-moz-transform: rotate(6deg);transform: rotate(6deg);transition:all 0.5s ease-in-out;box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
#content ul.galerie.polaroid li:nth-child(2n){-webkit-transform: rotate(0);-moz-transform: rotate(0);transform: rotate(0);}
#content ul.galerie.polaroid li:nth-child(3n){-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);transform: rotate(-5deg);}
#content ul.galerie.polaroid li:nth-child(4n){-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);transform: rotate(3deg);}
#content ul.galerie.polaroid li:hover{z-index:999}
#content ul.galerie.polaroid li a,#content ul.galerie.polaroid li a:hover{border:none;margin:0 auto}
#content ul.galerie.polaroid li a img{border:none;}
#content ul.galerie.polaroid li a:hover img{border:none;filter:sepia(100%);-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
#content ul.galerie.polaroid li span,#content ul.galerie.polaroid li:after{display:none;}

#content ul.galerie.grid{background:transparent;line-height: 0;margin:100px auto;width:100%;
-webkit-column-count: 2;-webkit-column-gap: 0;
-moz-column-count: 2; -moz-column-gap: 0;
column-count: 2;column-gap: 0;
}
#content ul.galerie.grid li{
   display:inline;
   margin:0;
   padding:0;
   width: 100%;
   height: auto;
   box-sizing:border-box;
}
#content ul.galerie.grid li a{margin:0;padding:5px;}
#content ul.galerie.grid li img{border:none;margin:0;}

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

#content .mygrids{display:block;margin:25px auto;position:relative;}
#content .mygrids .mygrid{float:left;vertical-align:top;width:25%;box-sizing:border-box;}
#content .mygrids .mygrid .innermygrid{background:yellow;border:2px solid var(--weiss);height:0;padding-bottom:100%;width:100%;box-sizing:border-box;}
#content .mygrids .mygrid:nth-child(6n+1){width:50%}

#content .mygrids .mygrid:nth-child(4n){width:50%;height:50%}
#content .mygrids .mygrid:nth-child(4n) .innermygrid{background:green;padding-bottom:50%;}

#content .mygrids .mygrid:nth-child(7n){width:50%;height:50%}
#content .mygrids .mygrid:nth-child(7n) .innermygrid{background: red;padding-bottom:50%;}

#content .mygrids .mygrid:nth-child(13n),#content .mygrids .mygrid:nth-child(16n){width:25%;height:50%}
#content .mygrids .mygrid:nth-child(13n) .innermygrid,#content .mygrids .mygrid:nth-child(16n) .innermygrid{padding-bottom:100%;}

#content ul.news{clear:both;line-height:1.4;margin:0;padding:0;width:100%;}
#content ul.news li{background:transparent;display:block;list-style:none;margin:25px 0;padding:0;position:relative;text-align:center;width:100%}
#content ul.news li:before{content:'';display:none;}
#content ul.news h2,#content ul.news h3{border:none;color:var(--dunkel-grau);line-height:1.4em;margin:0 auto;font-size:1.2em;font-weight:400;text-align:center;}
#content ul.news p{font-size:1em;line-height:1.4em;margin:0;overflow-wrap: break-word;word-wrap: break-word;-moz-hyphens: auto;hyphens: auto;}
#content ul.news a{color:#222;display:block;text-decoration:none;margin:0;padding:0;width:100%}
#content ul.news a:hover,#content ul.news a:hover h2,#content ul.news a:hover h3{color:#111;}
#content ul.news .more{color:#222;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 10px auto;padding:0;overflow:hidden;position:relative;text-align:center;width:100%;}
#content ul.news li .thumbnail img{display:block;margin:0 auto;text-align:center;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
#content ul.news li:hover img{opacity:0.8;}

#content .post{background:transparent;margin:25px 0;padding:10px;position:relative;box-sizing:border-box;vertical-align:middle;}
#content .post a {color:#666;display:block;}
#content .post h2,#content .post h3{font-size:1.0em;font-weight:400;margin:25px 0 10px 0;}

#content .post .thumbnail{background:var(--weiss);margin:0 auto;position:relative;overflow:hidden;}
#content .post .thumbnail img{display:block;margin:0 auto;border-radius:50%;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
#content .post .thumbnail:hover img{opacity:0.9;border-radius:5px;}
#content .postbody{position:relative;}
#content .postmeta{border-top:1px dotted #b8babb;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 .mixed{display:block;margin:0;padding:0;width:100%;}
#content .postinfo span{margin-right:10px;}
#content .entrybody p{margin:10px 0;}

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

#content ul.postinfos {font-size:0.9em;margin:5px 0 5px 0;width:100%;position:relative;}
#content ul.postinfos.short {margin:0;}
#content ul.postinfos li{background:transparent;color:#777;display:inline-block;padding:5px 0 5px 15px;box-sizing:border-box;}
#content ul.postinfos li.comm{padding:5px 25px 5px 15px;}
#content ul.postinfos li.soci{padding:5px 0;}
#content ul.postinfos li.soci a{margin:0 5px;}
#content ul.postinfos li:first-child{padding-left:0;}
#content ul.postinfos li a{color:#777;}
#content ul.postinfos li a:hover{color:#111;}
#content ul.postinfos li.soci a:before{font-size:1.0em;margin:0;padding:0 5px;text-decoration:none;}
#content ul.postinfos li.soci a span{display:none;}
#content ul.postinfos .views i{display:none;}

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

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

#content .tabelle.symbole{clear:both;margin:30px auto;}
#content .tabelle.symbole .tabzelle {padding:25px;text-align:center;}

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

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

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

#content .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 .wp-pagenavi {clear:both;display:block;margin:15px 0;padding:15px 0;text-align:center;}
#content .wp-pagenavi a,#content .wp-pagenavi a:hover,#content .wp-pagenavi span {background:#eee;border:none;color:var(--dunkel-grau);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:#222;color:var(--weiss);}
#content .wp-pagenavi span.current {background:#222;color:var(--weiss);}
#content .wp-pagenavi span.pages {padding:5px 10px;}

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

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


/*  Footer   */

#footer {background:var(--dunkel);color:rgba(136, 197, 4, 0.8);clear:both;display:block;font-size:1.7em;line-height:1.7em;position:relative;}
#footer .inner {background:var(--dunkel);color:rgba(136, 197, 4, 0.8);display:block;padding:25px 25px 50px 25px;text-align:center;}
#footer a,#footer strong{color:rgba(136, 197, 4, 0.8);}
#footer a:hover{color:rgba(136, 197, 4, 1);}
#footer strong{font-weight:700;}

#footer address,#footer form.mini h3{color:var(--medium);}
#footer h3, #footer h3 a,#footer h4, #footer h4 a{color:var(--medium)}
#footer ul,#footer p{margin:50px auto;}
#footer ul li{border-bottom:1px solid rgba(136, 197, 4, 0.2);display:block;padding:7px 0;}
#footer ul a{border:none;color:rgba(136, 197, 4, 0.8);display:block;padding:5px 0}
#footer ul a:hover,#footer ul li.current_page_item a {color:rgba(136, 197, 4, 1);text-decoration:underline;text-decoration-skip:ink;text-decoration-skip-ink: auto;}

#footer ul li.mmlogo{border:none;}
#footer ul li.mmlogo a{background-image:url(https://spachteltechnik-malente.de/wp-content/uploads/2020/01/MeinMaler-Partner-200-2019.png);background-repeat: no-repeat;background-position:50% 50%;background-size:auto auto;display:block;margin:0 auto;padding:0;height:200px;width:100%;text-indent:-999em;}


.vcard span{display:block;}
.vcard span.plz{display:inline-block;}
.vcard span.ort{display:inline-block;}
.vcard span.telefon{margin:10px 0 0 0;}
#footer .vcard span.telefon{margin:20px 0 0 0;}

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

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

/* FAQ - Boxen mit ausklappbaren Inhalten */

#content dl.hidebox{margin:15px 0}
.schmal #content dl.hidebox{max-width:700px;margin-left:auto;margin-right:auto;}
#content dl.hidebox dt a{background:#555;border:1px solid #555;color:var(--weiss);cursor:pointer;display:block;font-size:1.0em;font-weight:400;margin:1px 0;padding:5px 10px;position:relative;text-decoration:none;border-radius:3px;}
#content dl.hidebox dt a.open{color:var(--weiss);background:#222;border-color:#222}
#content dl.hidebox dd {background:#fefefe;color:#666;margin:10px 0;padding:10px;}
#content dl.hidebox dd {display:none;}
#content dl.hidebox dt a small{font-size:0.7em;font-style:normal;font-weight:400;top:-0.15em;height: 0;line-height:1;vertical-align:baseline;position: relative;}
#content dl.hidebox ul{margin:15px}

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

/* Responsive CSS Tabs */

#content .tabs {display:block;width:100%; max-width: 100%;padding:25px 0;margin: 0 auto;background: var(--weiss);box-sizing:border-box;}
#content .tabs section {border-top:1px solid #b8babb; display:none;margin:0;padding: 15px 0;box-sizing:border-box;}
#content .tabs input {  margin:0;padding:0;display: none; }
#content .tabs label {background:var(--weiss);color:var(--schwarz);border:1px solid fff;cursor: pointer;display:block;font-weight: 400;margin:1px 0;padding: 5px 10px;text-align: center;box-sizing:border-box;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:#f7f7f7;color: var(--dunkel-grau);border-bottom:1px solid var(--weiss);}
#content .tabs input:checked + label {color: var(--schwarz); background:var(--weiss);border:1px solid #b8babb;border-top: 2px solid #555;border-bottom:1px solid var(--weiss);font-weight: 700;}

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

.slideinbox {border:1px solid #222;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:#222;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:#222;display:inline-block;font-size:1.2em;margin:0;padding:10px 0;text-align:center;width:10%;}
.slideinbox .share a span,.share a:hover span{display:none;}


/* Parallax */

section.module {clear:both;display:block;min-height:300px;margin:0;padding:0;position:relative;width:100%;}
section.module .wrap-inner-section {min-height:300px;margin:0 auto;padding:15px 15px 25px 15px;position:relative;vertical-align:middle;width:100%;max-width:1480px}
section.module.schraege .wrap-inner-section {padding:25px 15px 75px 15px;}
section.module.parallax {background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; height:600px;height:50vh;vertical-align:middle; }

section.module.muster {background-repeat: repeat;min-height:500px;}

section.module.megaslider{}
section.module.parallax .wrap-inner-section{max-height:600px;position:relative;max-width:100%}
section.module.megaslider .wrap-inner-section{padding:0;max-width:100%}
section.module.parallax .wrap-inner-section .inner-section{background:transparent;box-sizing:border-box;color:var(--weiss);padding:15px 25px;position:absolute;top:50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%);}
section.module.parallax h1,section.module.parallax h2,section.module.parallax h3{color:var(--weiss);font-weight:300;letter-spacing:0;line-height: 0.9;margin:10px 0;text-align: center;text-transform: uppercase;text-shadow:text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);}
section.module.parallax h1{font-size:3em;}
section.module.parallax h2{font-size:2em;}
section.module.parallax h2:first-of-type{margin-top:0}
section.module.parallax a,section.module.parallax strong{color:var(--weiss)}
section.module.parallax p{font-size:1.2em;margin:10px auto;text-align:center;}

section.module.dunkel,section.module.dunkel a,section.module.dunkel strong,section.module.dunkel p,
section.module.dunkel h1,section.module.dunkel h2,section.module.dunkel h3{background-color:var(--dunkel-grau);color:var(--weiss);text-shadow:none;}

section.module.medium,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:var(--medium);color:var(--weiss);text-shadow:none;}

#content section.module.dunkel ul li:before,#content section.module.medium ul li:before{color:var(--weiss);}

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

section.module .wrapschraeg{background:transparent}
section.module .wrapschraeg .schraeg{background:transparent}

#content .jump,.wrapslider .jump,#content .jump2,.wrapslider .jump2{display:block;font-size:2.0em;margin:0 auto;text-align:center;}
#content .jump:before,.wrapslider .jump:before,#content .jump2:before,.wrapslider .jump2:before{clear:both;color:#222;display:block;float:none;position: relative;margin:0 auto;}
#content .jump:hover:before,.wrapslider .jump:hover:before,#content .jump2:hover:before,.wrapslider .jump2:hover:before {color:#555;}
#content .jump span,.wrapslider .jump span,#content .jump2 span,.wrapslider .jump2 span{display:block;text-indent:-999em;}

#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:var(--weiss);}
#content section.module.parallax .jump:hover:before,.wrapslider .jump:hover:before,#content section.module.parallax .jump2:hover:before,.wrapslider .jump2:hover:before {color:var(--weiss);}

.wrapschraeg {height: 70px;left: -1%;max-width: 2100px;overflow: hidden;width: 102%;margin-top: -80px;padding-top: 35px;z-index: 1;}
.schraeg {bottom: -35px;height: 70px;-webkit-transform: rotate(-2deg);-ms-transform: rotate(-2deg);transform: rotate(-2deg);width: 100%;z-index: 1;}
.schraeg.schraeg2 {-webkit-transform: rotate(2deg);-ms-transform: rotate(2deg);transform: rotate(2deg);}

section.module.full .wrap-inner-section{padding:0;position:relative;max-width:100%}
#content section.module.full .wrap-inner-section ul.galerie{margin:0 auto;}
#content section.module.full .wrap-inner-section ul.galerie li a{margin:0;}
/*  Slider  */

.wrapslider{background:#222 url(images/load.gif) no-repeat 50% 50%;clear:both;line-height:100%;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:transparent;color:var(--weiss);display:inline-block;margin:0 auto;padding:10px;position:absolute;bottom:0;left:0;right:0;text-align:center;width:auto;max-width:100%;box-sizing:border-box;}
.wrapslider .sliderbox h2,#content .wrapslider .sliderbox h2{color:var(--weiss);font-size:1.8em;font-weight:400;letter-spacing:2px;line-height:1.2em;margin:0 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.4em;line-height:1.5em;margin:5px auto}
#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 .button a,.wrapslider .button a:hover{background:transparent;border:1px solid var(--weiss);border:1px solid rgba(255,255,255,0.6);color:var(--weiss);color:rgba(255,255,255,0.6);font-size:1.8em;line-height:100%;margin:15px auto;padding:8px 50px;border-radius:3px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.wrapslider .button a:hover{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%;box-sizing:border-box;}
.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;}
.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:100%;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{color:var(--weiss);color:rgba(255,255,255,0.5);cursor:pointer;display:block;font-size:2.4em;margin:0;padding:0;position:absolute;top:45%;vertical-align:middle;z-index:100;}
.rslides_nav.prev,
#content .rslides_nav.prev{left:0;border-radius:0 9px 9px 0;}
.rslides_nav.next,
#content .rslides_nav.next{right:0;border-radius:9px 0 0 9px;}
.rslides_nav.next:before,.rslides_nav.prev:before{margin:0;padding:0;vertical-align:middle;}

#content ul.rslides li:before{display:none;}

/* BigSlider */

.wrapbslider{background:var(--medium);clear:both;margin:0;padding:0;position:relative;text-align:center;width:100%;overflow:hidden;max-height:80vh;}
.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{background:rgba(0,0,0,0.4);display:block;text-align:center;height:auto;max-height:78px;overflow:hidden;width:100%;margin:0 auto;padding:5px 5px 7px 5px;position:absolute;bottom:0;left:0;text-align:center;box-sizing:border-box;vertical-align:middle;}

.wrapbslider .elemente .img{margin:0 auto;text-align:center;vertical-align:middle;}
.wrapbslider .elemente .img img{height:auto;width:auto;max-height:100%;max-width:100%;vertical-align:middle;}

.wrapbslider .elemente .text{background:transparent;color:var(--weiss);display:inline-block;font-weight:400;letter-spacing:1px;text-shadow:1px 1px 8px #444;position: relative;text-align:center;text-transform:uppercase;width:auto;word-spacing:8px;max-width:100%;}
.wrapbslider .elemente .text.eins{font-size:1.5em;}
.wrapbslider .elemente .text.zwei{font-size:1.3em;display:none}

#content .elemente p{font-size:1.6em;font-weight:700;margin:5px 10px 5px 0;}

.wrapbslider .textbox{background-color: var(--dunkel-grau);font-size:1.5em;padding:10px;line-height: 1.5;position:relative;}
.wrapbslider .textbox h2,.wrapbslider .textbox h3{color:var(--weiss);margin:10px auto;text-align:center;}
.wrapbslider .textbox p,.wrapbslider .textbox ul{color:var(--weiss);margin:10px;}

.sss {display: block; height:0;margin: 0;padding: 0;position: relative;overflow: hidden;}
.ssslide {display: none;margin: 0;padding: 0;position: absolute;top: 0;left: 0;overflow: hidden;width: 100%;}
.ssslide img {display: block; margin:0 auto;padding: 0;position: relative;height: auto;width:auto;max-width:100%;}
.sssnext, .sssprev {cursor:pointer;display:block;position:absolute;top:0;height:100%;width:32px;text-indent:-999em;z-index:500;}
.sssprev{background:url(images/arrows-5.png) no-repeat 0 50%;left:0;}
.sssnext{background:url(images/arrows-5.png) no-repeat -32px 50%;right:0;}

a.jump{background:transparent;color:var(--weiss);clear:both;display:none;font-size:4em;padding:0;position:relative;margin:0 auto;text-align:center;text-decoration:none;text-shadow:0 1px 1px var(--schwarz);box-sizing:border-box;z-index:100}
a.jump i{display:block;text-indent:-999em}

/* Magnific Popup CSS */

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:9999992;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80)}
.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-box-sizing:border-box;-moz-box-sizing:border-box;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:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:9999994}
.mfp-preloader a{color:#CCC}
.mfp-preloader a:hover{color:#FFF}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:4em;font-family:Arial, Baskerville, monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:var(--dunkel-grau)}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:20px;left:0;color:#CCC;font-size:1.4em;line-height:100%;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;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 #FFF;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-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto;transition: transform 1s;}
.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:100%}
.mfp-figure figure{margin:0;transition: transform 1s;}
.mfp-bottom-bar{font-size:1.4em;margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:150%;color:#F3F3F3;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-box-sizing:border-box;-moz-box-sizing:border-box;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}

}

/**********
* Animation *
**********/
.animated, .vcard .url:before {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*************
* FadeInDown *
*************/

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
    }
    50%{
       opacity: 0.3;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-200px);
    }
    50%{
       opacity: 0.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;
}



/*
==============================================
slideLeft
==============================================
*/


.slideLeft{
        animation-name: slideLeft;
        -webkit-animation-name: slideLeft;

        animation-duration: 3s;
        -webkit-animation-duration: 3s;

        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: ease-in-out;

        visibility: visible !important;
}

@keyframes slideLeft {
        0% {
                transform: translateX(150%);
        }
        50%{
                transform: translateX(-8%);
        }
        65%{
                transform: translateX(4%);
        }
        80%{
                transform: translateX(-4%);
        }
        95%{
                transform: translateX(2%);
        }
        100% {
                transform: translateX(0%);
        }
}

@-webkit-keyframes slideLeft {
        0% {
                -webkit-transform: translateX(150%);
        }
        50%{
                -webkit-transform: translateX(-8%);
        }
        65%{
                -webkit-transform: translateX(4%);
        }
        80%{
                -webkit-transform: translateX(-4%);
        }
        95%{
                -webkit-transform: translateX(2%);
        }
        100% {
                -webkit-transform: translateX(0%);
        }
}

/*
==============================================
slideRight
==============================================
*/


.slideRight{
        animation-name: slideRight;
        -webkit-animation-name: slideRight;

        animation-duration: 3s;
        -webkit-animation-duration: 3s;

        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: ease-in-out;

        visibility: visible !important;
}

@keyframes slideRight {
        0% {
                transform: translateX(-150%);
        }
        50%{
                transform: translateX(8%);
        }
        65%{
                transform: translateX(-4%);
        }
        80%{
                transform: translateX(4%);
        }
        95%{
                transform: translateX(-2%);
        }
        100% {
                transform: translateX(0%);
        }
}

@-webkit-keyframes slideRight {
        0% {
                -webkit-transform: translateX(-150%);
        }
        50%{
                -webkit-transform: translateX(8%);
        }
        65%{
                -webkit-transform: translateX(-4%);
        }
        80%{
                -webkit-transform: translateX(4%);
        }
        95%{
                -webkit-transform: translateX(-2%);
        }
        100% {
                -webkit-transform: translateX(0%);
        }
}

/*
==============================================
slideExpandUp
==============================================
*/


.slideExpandUp{
        animation-name: slideExpandUp;
        -webkit-animation-name: slideExpandUp;

        animation-duration: 3s;
        -webkit-animation-duration: 3s;

        animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease -out;

        visibility: visible !important;
}

@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 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);
        }
}
/********
* Shake *
********/
@-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;
}
/*********
* wiggle *
**********/

@-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 *
*********/
.pulse {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    /* transition: transform 0.2s; */
}
.pulse:hover {
    animation: pulse 1s ease infinite;
}

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.pulse.go,#nojs .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-iteration-count: 5;
    animation-iteration-count: 5;
}
.spinAround:hover {
   color: var(--schwarz);
   animation: spinAround 2s linear infinite;
}
@keyframes spinAround {
        from {
                transform: rotate(0deg)
        }
        to {
                transform: rotate(360deg);
        }
}
.rotate:hover {
   animation: rotate 2s linear infinite;
      transform-origin: 50% 50%;
}
@keyframes rotate {
        from {
                transform: rotateY(0deg)
        }
        to {
                transform: rotateY(360deg);
        }
}



.zoom{transition: transform 5s;}
.zoom:hover {transform: scale(1.1,1.1);}

@keyframes kenburns {
    0% {
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    95% {
        transform: scale3d(1.2, 1.2, 1.2) translate3d(-50px, -50px, 0px);
        animation-timing-function: ease-in;
        opacity: 1;
    }
    100% {
        transform: scale3d(1.5, 1.5, 1.5) translate3d(0, 0, 0px);
        opacity: 0;
    }
}

/* flipper */

.flipcontainer {
   display:block;
   margin: 5px auto;
   padding:10px;
   box-sizing:border-box;
   text-align:center;
}

.flipcontainer .turnaround {
   position: relative;
}

.flipcontainer .turnaround .front,
.flipcontainer .turnaround .back {background-size:100% auto;display:block;height:auto;}

.flipcontainer .turnaround .front{text-align:center;}
.flipcontainer.rund .turnaround .front,.flipcontainer.rund .turnaround .front img{border-radius:50%;}

.flipcontainer .turnaround .back{}
.flipcontainer .turnaround .back .text{background:rgba(255,255,255,0.8);margin:0 auto;padding:10px 0;box-sizing:border-box;}
#content .flipcontainer h2, #content .flipcontainer h3{font-size:1.2em;margin:10px 0;}
#content .flipcontainer p{margin:10px 0;}

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

#header .logo{}
#header .logo a,#header .logo a:hover{}

#topbox .phone{display:inline-block;margin:0 25px 0 0;}
#topbox .mail {display:inline-block;font-size:1.1em;letter-spacing:2px;margin:0}
#topbox .phone a,#topbox .phone a:before,#header .phone a:hover,
#topbox .mail a,#topbox .mail a:hover,
#topbox .share a,#topbox  .share a:hover{color:var(--weiss)}

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

#content ul.news li{background:transparent;display:block;float:left;list-style:none;margin:15px 0 15px 2.0%;padding:0;position:relative;box-sizing:border-box;width:49%}
#content ul.news li:nth-child(2n+1){clear:left;margin-left:0;}

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

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

#sidebar ul.news li{float:left;margin:0;padding:0;width:33.3%}
#sidebar ul.news li:nth-child(3n+1){clear:left;}

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

.flipcontainer {
   display:inline-block;
   border:none;
   width: 49%;
   margin: 5px auto;
   vertical-align:top;
}

#content .tabelle.flip .tabzelle .inner{min-height:380px;}
#content .tabelle.flip .flipcontainer {display:block;width:100%;max-width:380px}

}

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

#footer .inner{display:grid;grid-gap:25px;grid-template-columns:1fr 1fr;padding:25px;}
#footer .footerbox{text-align:left;}
#footer .footerbox img{display:block;margin:15px auto;}
#footer .footerbox .share{text-align:left;margin:0}
#footer .vcard{margin:20px 0 0 0}

.wrapbslider .elemente{max-height:400px}
.wrapbslider .elemente .text.eins{font-size:1.6em;}
.wrapbslider .elemente .text.zwei{font-size:1.3em;}

#content ul.galerie{grid-gap:5px;grid-template-columns:repeat(auto-fill,minmax(240px, 1fr));}

}

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

body,body.small{padding-top:0;}
body.noslide, body.noslide.small, body.blog, body.archive{padding-top:165px}
body.mega{padding-top:100%}

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

form{max-width:100%;}

.cols {margin:10px 0 20px 0;-webkit-column-count:2;-webkit-column-gap:30px;-moz-column-count:2;-moz-column-gap:30px;-o-column-count:2;-o-column-gap:30px;column-count:2;column-gap:30px;}
#content .cols p{margin:0;}
img.alignleft,.alignleft{float:left;margin:10px 25px 15px 0}
img.alignright,.alignright{float:right;margin:10px 0  15px 25px}
img.alignnone,.alignnone{display:block;float:none;text-align:left;margin:15px 0}
.map,#map{height:400px;width:100%}

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

#header{background:var(--dunkel);margin-top:0;position:fixed;top:0;left:0;width:100%;}
.slide #header{background:rgba(0,0,0,0.7);}
#header .inner{background:transparent;height:130px;padding:0 25px 0 25px;}

#myfixbox .share{clear:none;display:inline-block;float:right;}
#topbox{margin:0;position:absolute;right:25px;top:5px;text-align:right;width:auto;}
#topbox .share{clear:none;display:inline-block;}

body.small #header,body.noslide #header{margin-top:0;background:var(--dunkel);}
body.small #header .inner{height:80px;padding-top:0;}

#header .logo{margin:0;padding:5px 0 0 0;z-index:1000;-webkit-transition: all 0.3s;transition: all 0.3s;}
#header .logo a,#header .logo a:hover{display:block;margin:0;padding:0;max-width:500px;}
#header .logo img{padding:5px 0;margin:0;max-height:120px;-webkit-transition: all 0.3s;transition: all 0.3s;   }
body.small #header .logo{padding:3px 0 0 0;}
body.small #header .logo img{background:transparent;max-height:70px;box-shadow:none;}


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

nav{background:transparent;clear:both;display:block;font-size: 1.0em;height:auto;text-align:center;margin:60px 0 0 0;padding:0;position:absolute;top:0;right:25px;z-index:999;overflow:visible;width:auto;-webkit-transition: all 0.3s;transition: all 0.3s;}
nav:hover{z-index:1001}
body.small nav{margin:35px auto 0 auto}

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

nav ul li a,nav ul li a:hover{background:transparent;border:none;text-align:left;text-decoration:none;display:block;color:#eee;letter-spacing:1px;margin:0 0 0 25px;padding:10px 0 20px 0;position:relative;z-index: 999;}
body.small nav ul li a,body.small nav ul li a:hover{padding:5px 0 10px 0}

nav ul li a:hover,nav li.current-menu-item a,nav li.selected a{background:transparent;color:var(--weiss);text-decoration:none;}
body.small nav ul li a:hover,body.small nav li.current-menu-item a,body.small nav li.selected a,
body.noslide nav ul li a:hover,body.noslide nav li.current-menu-item a,body.noslide nav li.selected a{color:var(--weiss)}

nav ul li ul{background:rgba(0,0,0,0.8);border:1px solid rgba(0,0,0,0.5);color:var(--weiss);height:auto;left: -999em;opacity:0;margin:0;padding:5px;position:absolute;width:300px;box-shadow:5px 5px 0 rgba(0,0,0,0.1);-webkit-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}
nav ul li.search ul{width:500px}
nav ul li ul ul{padding:0;width:100%;box-shadow:none;}
nav ul li.mega ul{float:left;width:100%;}
nav ul li ul:after{content: "";display: table;clear: both;}
nav ul.sub-menu ul{border:none;padding:0;}
nav ul.sub-menu li{border:none;}
nav ul li:hover > ul,nav li.opensubmenu ul{left:0;opacity:1;}
nav ul li.last:hover > ul,nav li.last.opensubmenu ul,nav ul li.search:hover > ul,nav li.search.opensubmenu ul{left:auto;right:0;}

nav ul li ul li{padding:0;width:100%}
nav ul li.mega ul li{float:left;padding:0;width:20%}

nav ul li ul li ul,nav ul li.mega ul li ul {float:none;display:block;opacity:1;padding:5px 0;position:relative;left:auto;top:auto;}
nav ul li ul li ul li,nav ul li.mega ul li ul li{float:none;display:block;padding:0;width:100%;}
nav ul li ul li a,
nav ul li ul li a:hover,
nav li.current-menu-item ul li a,
nav li.selected ul li a,
nav li.selected ul li a:hover{background:transparent;border:none;color:var(--weiss);font-size:0.9em;text-transform:none;margin:0 5px;padding:10px}

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

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

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

#wrapper{padding:0;}
.page-template-page-parallax-php #wrapper{margin:0;width:100%;max-width:100%}

#content{margin:0 auto;padding:0 25px 50px 25px;}
.page-template-page-parallax-php #content{padding:0;}


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

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

#content ul.galerie li{}
#content ul.galerie li img{display: block;opacity: 1;transition: .5s ease;backface-visibility: hidden;}
#content ul.galerie li span.txt{opacity:0;}
#content ul.galerie li:hover span.txt{background:var(--dunkel-grau);background:rgba(0,0,0,0.4);opacity: 1;}
#content ul.galerie li span.txt span:before{content:'';}
#content ul.galerie li span.txt span b{color:var(--weiss);display:block;font-weight:300;}

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

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

#content .bbild{height:650px;}

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

#content ul.news li{background:transparent;display:block;float:left;list-style:none;margin:15px 0 15px 2.0%;padding:0;position:relative;box-sizing:border-box;width:32%}
#content ul.news li:nth-child(2n+1){clear:none;margin-left:2%;}
#content ul.news li:nth-child(3n+1){clear:left;margin-left:0;}
#content ul.news h2,#content ul.news h3{font-size:1.2em;font-weight:400;}

#content .post{clear:both;min-height:200px;margin:35px 0;padding:25px 25px 50px 25px;position:relative;width:100%;box-sizing:border-box;}
#content .post::after{content: "";display: table;clear: both;}
#content .post h2,#content .post h3{font-size:1.3em;font-weight:400;margin:25px 0 10px 0;padding-top:0;}

#content .post .thumbnail{float:left;height:100%;margin:0 50px 0 0;overflow:hidden;}
#content .post .entrybody.excerpt{min-height:350px;padding-top:50px;}

#content .post.referenz{border:none;display:inline-block;overflow:hidden;margin:0;vertical-align:middle;box-sizing:border-box;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;box-sizing:border-box;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:#222;display:block;font-size:1.0em;font-weight:400;text-align:left;position:relative;padding:8px 35px;width:100%;box-sizing:border-box;opacity:1;transition-delay:0s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#content .post.referenz a:hover p.reftitel{visibility:hidden;opacity:0;transition:visibility 0s linear 0.5s,opacity 0.5s linear;}

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

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

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

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

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

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

#content .tabelle.symbole .tabzelle{padding:25px 25px}
#content .tabelle.symbole .tabzelle.first {padding:25px 25px 25px 0;}
#content .tabelle.symbole .tabzelle.last {padding:25px 0 25px 25px;}

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

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

#footer .inner{display:grid;grid-gap:50px;grid-template-columns:1fr 1fr 1fr 1fr;padding:25px;}
#footer .footerbox{}

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




#footer .vcard{margin:20px 0 0 25px}
#footer .footerbox .share{margin:0 0 0 25px}

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

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



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

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


.wrapslider .sliderbox{bottom:20%;left:25px;right:25px;}

#content .wrapslider .sliderbox{bottom:15px;width:100%}
.wrapslider .sliderbox h2{font-size:2.5em;}
.wrapslider .sliderbox p{font-size:1.8em;}
#content .wrapslider .sliderbox p{font-size:1.0em;}

.mega .wrapbslider{position:fixed;top:0;left:0;width:100%;}
.wrapbslider .elemente{background:transparent;padding:0;position:absolute;bottom:25px;left:0;}
.wrapbslider .slide.mega .elemente {bottom:15%;}
.wrapbslider .elemente .text.eins{font-size:3.0em;}
.wrapbslider .elemente .text.zwei{font-size:2.5em;}

.wrapbslider .textbox{background-color: rgba(255, 255, 255, 0.75);box-shadow: 0 1em 2em -1em rgba(0, 0, 0, 0.5);font-size:1.8em;position:absolute;bottom:10px;left:10%;right:10%;}
.wrapbslider .textbox h2,.wrapbslider .textbox h3,.wrapbslider .textbox p,.wrapbslider .textbox ul{color:var(--dunkel-grau);}



.wrapbslider img.kenburns {
  animation: kenburns 30s infinite;
}

section.module .wrap-inner-section {padding:25px 15px 50px 15px;}
section.module.parallax .wrap-inner-section .inner-section{max-width:66%;border-radius:5px;}

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

.come-in {
  transform: translateY(200px);
  animation: come-in 0.8s ease forwards;
}
.already-visible  {
  transform: translateY(0);
  animation: none;
}
@keyframes come-in {
  to { transform: translateY(0); }
}

/* flipper */

.flipcontainer .turnaround .back .text{background:rgba(255,255,255,0.8);font-size:0.85em;margin:0 auto;padding:10px 15px;position:absolute;top:50%;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);box-sizing:border-box;width:100%;}

.flipcontainer{
   border:1px solid #ddd;
   display:inline-block;
   height: 0;
   width: 100%;
   margin: 5px auto;
   padding:10px 10px 100% 10px;
   vertical-align:top;
   box-sizing:border-box;
   perspective: 1000;
   transform-style: preserve-3d;
}
.flipcontainer.zwei{
  width: 49%;
  padding:10px 10px 49% 10px;
}
.flipcontainer.drei{
  width: 33%;
  padding:10px 10px 32% 10px;
}
.flipcontainer.vier{
  width: 24.5%;
  padding:10px 10px 24% 10px;
}
.flipcontainer.rund{
   border:1px solid var(--weiss);
   }
.flipcontainer:hover .back {
   transform: rotateY(0deg);
        }
.flipcontainer:hover .front {
   transform: rotateY(180deg);
        }
.flipcontainer .turnaround {
   transition: 0.6s;
   transform-style: preserve-3d;
   position: relative;
   height: 100%;
}
.front, .back {
   backface-visibility: hidden;
   transition: 0.6s;
   transform-style: preserve-3d;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   padding-bottom:100%;
}
.front {
   z-index: 2;
   transform: rotateY(0deg);
}
.back {
   transform: rotateY(-180deg);
}

}

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

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


}

@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:2.0em;}
#header .logo a,#header .logo a:hover{font-size:2.8em;}
body.small #header .logo a,body.small #header .logo a:hover{font-size:2.0em;}
nav{right:25px}
nav ul li a,nav ul li a:hover{margin:0 0 0 30px}
nav li.menu-item-has-children a:before{}

#content .wrapslider .sliderbox h2{font-size:1.3em;}

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

.wrapbslider .elemente {bottom:50px;}
.wrapbslider .slide.mega .elemente {bottom:25%;}

.wrapbslider .elemente .text.eins{font-size:3.5em;}
.wrapbslider .elemente .text.zwei{font-size:3em;}


#footer .vcard{margin:20px 0 0 75px}
#footer .footerbox .share{margin:0 0 0 75px}

}

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

nav{right:25px}

/*
#content ul.news li{width:23.5%}
#content ul.news li:nth-child(3n+1){clear:none;margin-left:2.0%;}
#content ul.news li:nth-child(4n+1){clear:left;margin-left:0;}
*/

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

#sidebar ul.news li{float:left;margin:0;padding:0;width:50%}
#sidebar ul.news li:nth-child(3n+1){clear:none;}
#sidebar ul.news li:nth-child(2n+1){clear:left;}
#sidebar ul.news h2,#sidebar ul.news h3{font-size:0.9em;font-weight:400;margin:5px 0;text-align:left;}

a.jump{display:block;}



}

@media screen and (min-width: 1300px) {
nav{right:25px}

.wrapbslider .elemente .text.eins{font-size:4.5em;}
.wrapbslider .elemente .text.zwei{font-size:4em;}

.wrapbslider .textbox{top: 50%;bottom:auto;left: 50%;right:auto;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}



}

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

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

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

}

/* 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 {
                background-attachment: scroll; height: 600px;
        }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
        section.module.parallax, .map {
                background-attachment: scroll; height: 600px;
        }
}
/* 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 {
                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 {
                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 {
                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 {
                background-attachment: scroll;height: 400px;
        }
}


/* IE Bugs beheben */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {


#content ul.galerie{display:block;}
#content ul.galerie li{border:1px solid transparent;display:inline-block;vertical-align:top;width:33%;box-sizing:border-box;}



}