*{margin:0;padding:0;list-style:none}
body{font-family:Arial,Tahoma;color:#333;background:grey;min-width:300px;}
#page{margin:0 auto;width:800px;background:#fff;padding:40px;margin-top:20px;margin-bottom:20px;border:1px solid #777;box-shadow:#999 1px 1px 3px}
#page h1{font-weight:400;font-size:32px;letter-spacing:-2px;margin:0 0 20px 0;border-bottom:1px solid #ddd;padding:0 0 10px 0}
#page h2{font-weight:700;font-size:22px;letter-spacing:-1px;font-style:italic;margin:40px 0 0 0}
#page h3{float:right}
#page h3 a{font-weight:400;font-size:16px;color:#049}
#page h3 a:hover{color:#333;
max-width:1800px;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}[hidden]{display:none}
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;font-size:13px;line-height:1.231}
body,button,input,select,textarea{font-family:sans-serif;color:#222}
::-moz-selection{background:#fe57a1;color:#fff;text-shadow:none}
::selection{background:#fe57a1;color:#fff;text-shadow:none}a{color:#00e}
a:visited{color:#551a8b}a:hover{color:#06e}a:focus{outline:thin dotted}
a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}blockquote{margin:1em 40px}
dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
ins{background:#ff9;color:#000;text-decoration:none}
mark{background:#ff0;color:#000;font-style:italic;font-weight:700}
pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}sub{bottom:-.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}
dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
svg:not(:root){overflow:hidden;margin:0 auto}figure{margin:0}
form{margin:0}fieldset{border:0;margin:0;padding:0}label
{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal;*overflow:visible}table button,table input{*overflow:auto}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize:vertical}
input:invalid,textarea:invalid{background-color:#f0dddd}
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}
.ir br{display:none}.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
@media print{*{background:transparent;color:black!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}tr,img{page-break-inside:avoid}
img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}}a,a:visited{color:#333}
#kundenzufriedenheit{height:170%;min-height:700px;margin:0 0 0 0;padding-top:0;overflow:hidden}
#Content{max-width:100%;height:auto;background:grey}
#Biomarkt{background:grey;width:100%}

.teaser{z-index:1;float:left}

.box{width:600px;height:380px;background-color:#778;padding-top:-20px;margin-bottom:30px}
#Home-text{float:right;height:100%;background:grey}
#Home-text p{font-size:2.1em;padding:40px 40px 40px 40px;}
#Home-text h1{color:white;font-size:2.6em;;margin-left:40px;}
.adsbygoogle{display:inline-block;width:300px;height:650px;margin-left:10%}
.side{-webkit-backface-visibility:hidden;z-index:5;position:fixed;top:1%;left:99%;right:0;margin:auto;width:100px}
#Home-text p{font-size:2.2em}
.side li{height:20px;margin:20px 0;list-style:none}
.side a{display:block;width:20px;height:20px;text-indent:-9999px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;background-color:transparent;border:3px solid white;transition:all 0.3s ease;position:relative;left:0;top:0}
.side a:hover,.side a.active{background-color:white;width:20px;height:20px;left:-3px;top:-2px}


body{font-family:"Arial, sans-serif;" color:#F2F2F2}
.button{float:left;min-width:310px;width:400px;display:block;margin:.4em;padding:.5em 1.7em;
	border:none;background:none;color:inherit;vertical-align:middle;position:relative;z-index:1;
	-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}
.button:focus{outline:none}.button>span{vertical-align:middle}
.button--tamaya{overflow:hidden;color:#7986cb;width:100%}
.button--tamaya.button--inverted{color:#37474f;border-color:#37474f}
.button--tamaya::before,.button--tamaya::after{content:attr(data-text);position:absolute;width:100%;height:50%;left:0;background:#7986cb;color:#fff;overflow:hidden;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.button--tamaya.button--inverted::before,.button--tamaya.button--inverted::after{background:#fff;color:#37474f}.button--tamaya::before{top:0;padding-top:.5em}.button--tamaya::after{bottom:0;line-height:0}.button--tamaya>span{display:block;-webkit-transform:scale3d(.2,.2,1);transform:scale3d(.2,.2,1);opacity:0;-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;transition:transform 0.3s,opacity 0.3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.button--tamaya:hover::before{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.button--tamaya:hover::after{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.button--tamaya:hover>span{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}svg{display:block;overflow:visible}.slider-container{position:relative;height:100vh;width:100vw;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:all-scroll}.slider-control{z-index:2;position:absolute;top:0;width:12%;height:100%;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;will-change:opacity;opacity:0}.slider-control.inactive:hover{cursor:auto}.slider-control:not(.inactive):hover{opacity:1;cursor:pointer}.slider-control.left{left:0;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.18)),to(rgba(0,0,0,0)));background:linear-gradient(to right,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 100%)}.slider-control.right{right:0;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,.18)));background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.18) 100%)}.slider-pagi{position:absolute;z-index:3;left:50%;bottom:2rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:0;list-style-type:none}.slider-pagi__elem{position:relative;display:inline-block;vertical-align:top;width:2rem;height:2rem;margin:0 .5rem;border-radius:50%;border:2px solid #fff;cursor:pointer}.slider-pagi__elem:before{content:"";position:absolute;left:50%;top:50%;width:1.2rem;height:1.2rem;background:#fff;border-radius:50%;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.slider-pagi__elem.active:before,.slider-pagi__elem:hover:before{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.slider{z-index:1;position:relative;height:100%}.slider.animating{-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s;will-change:transform}.slider.animating .slide__bg{-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s;will-change:transform}.slide{position:absolute;top:0;width:100%;height:100%;overflow:hidden}.slide.active .slide__overlay,.slide.active .slide__text{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.slide__bg{position:absolute;top:0;left:-50%;width:100%;height:100%;background-size:cover;will-change:transform}.slide:nth-child(1){left:0}.slide:nth-child(1) .slide__bg{left:0;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/3d-slider-3.jpg)}.slide:nth-child(1) .slide__overlay-path{fill:#e99c7e}@media (max-width:991px){.slide:nth-child(1) .slide__text{background-color:rgba(233,156,126,.8)}}.slide:nth-child(2){left:100%}.slide:nth-child(2) .slide__bg{left:-50%;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/3d-slider-2.jpg)}.slide:nth-child(2) .slide__overlay-path{fill:#e1ccae}@media (max-width:991px){.slide:nth-child(2) .slide__text{background-color:rgba(225,204,174,.8)}}.slide:nth-child(3){left:200%}.slide:nth-child(3) .slide__bg{left:-100%;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/3d-slider-1.jpg)}.slide:nth-child(3) .slide__overlay-path{fill:#adc5cd}@media (max-width:991px){.slide:nth-child(3) .slide__text{background-color:rgba(173,197,205,.8)}}.slide:nth-child(4){left:300%}.slide:nth-child(4) .slide__bg{left:-150%;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/3d-slider-4.jpg)}.slide:nth-child(4) .slide__overlay-path{fill:#cbc6c3}@media (max-width:991px){.slide:nth-child(4) .slide__text{background-color:rgba(203,198,195,.8)}}.slide__content{position:absolute;top:0;left:0;width:100%;height:100%}.slide__overlay{position:absolute;bottom:0;left:0;height:100%;min-height:10rem;-webkit-transition:opacity 0.2s 0.5s,-webkit-transform 0.5s 0.5s;transition:opacity 0.2s 0.5s,-webkit-transform 0.5s 0.5s;transition:transform 0.5s 0.5s,opacity 0.2s 0.5s;transition:transform 0.5s 0.5s,opacity 0.2s 0.5s,-webkit-transform 0.5s 0.5s;will-change:transform,opacity;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0);opacity:0}@media (max-width:991px){.slide__overlay{display:none}}.slide__overlay path{opacity:.8}.slide__text{position:absolute;width:25%;bottom:15%;height:25rem;line-height:1.6rem;left:12%;color:#fff;-webkit-transition:opacity 0.5s 0.8s,-webkit-transform 0.5s 0.8s;transition:opacity 0.5s 0.8s,-webkit-transform 0.5s 0.8s;transition:transform 0.5s 0.8s,opacity 0.5s 0.8s;transition:transform 0.5s 0.8s,opacity 0.5s 0.8s,-webkit-transform 0.5s 0.8s;will-change:transform,opacity;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}@media (max-width:991px){.slide__text{left:0;bottom:10%;width:45%;line-height:2.5rem;text-align:center;-webkit-transform:translateY(50%);transform:translateY(50%);-webkit-transition:opacity 0.5s 0.5s,-webkit-transform 0.5s 0.5s;transition:opacity 0.5s 0.5s,-webkit-transform 0.5s 0.5s;transition:transform 0.5s 0.5s,opacity 0.5s 0.5s;transition:transform 0.5s 0.5s,opacity 0.5s 0.5s,-webkit-transform 0.5s 0.5s}}.slide__text-heading{font-family:"Polar",Helvetica,Arial,sans-serif;line-height:3rem;font-size:3.5rem}@media (max-width:991px){.slide__text-heading{line-height:3rem;font-size:3.5rem}}.slide__text-desc{font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:2.3rem;line-height:2rem;margin-bottom:1rem}@media (max-width:991px){.slide__text-desc{display:none}}.slide__text-link{z-index:5;display:inline-block;position:relative;text-decoration:none;padding:.5rem;cursor:pointer;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:1.2rem;-webkit-perspective:1000px;perspective:1000px}@media (max-width:991px){.slide__text-link{display:none}}.slide__text-link:before{z-index:-1;content:"";position:absolute;top:0;text-decoration:none;left:0;width:100%;height:100%;background:#fff;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:rotateX(-85deg);transform:rotateX(-85deg);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s;will-change:transform}.slide__text-link:hover:before{-webkit-transform:rotateX(0);transform:rotateX(0)}.bg{position:relative;background-size:cover;background:#00fdff url(dist/pix/Ostern.png);background-repeat:repeat-x;height:580px;animation:animate-background 3s linear infinite;background-position:0 0;overflow:hidden}@keyframes animate-background{from{background-position:0}to{background-position:-1200px}}.bgm{background-size:cover;background-color:white;height:750px;position:relative;background-position:0 0;overflow:hidden}.bgm h1,.bgm h2{font-size:55px;line-height:70px;text-transform:uppercase}.circle1{background-color:none;height:80px;width:80px;left:63%;display:block;border:2px solid white;border-radius:100px;position:absolute;bottom:30px;z-index:1;animation-name:circle;animation-duration:1s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running;-webkit-animation-name:circle;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-webkit-animation-play-state:running}.fa{font-size:52px;color:white;bottom:17px;position:absolute;left:25px;margin-left:8px}@keyframes arrow{0%{bottom:0}75%{bottom:90px}100%{bottom:0}}@-webkit-keyframes arrow{0%{bottom:0}75%{bottom:90px}100%{bottom:0}}@keyframes circle{0%{height:80px}10%{height:80px}50%{height:80px}75%{height:90px}90%{height:90px}100%{height:80px}}@-webkit-keyframes circle{0%{height:80px}10%{height:80px}50%{height:90px}75%{height:100px}90%{height:80px}100%{height:80px}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(0);opacity:0}8%{-webkit-transform:scale(0);opacity:0}15%{-webkit-transform:scale(.1);opacity:1}30%{-webkit-transform:scale(.5);opacity:1}100%{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(0);opacity:0}8%{-webkit-transform:scale(0);opacity:0}15%{-webkit-transform:scale(.1);opacity:1}30%{-webkit-transform:scale(.5);opacity:1}100%{opacity:0;-webkit-transform:scale(1.5)}}h1 span{animation-delay:1.6s;-webkit-animation-fill-mode:forwards}h1 span:first-child{animation-delay:0.7s}h1 span:last-child{color:#ffe221;animation-delay:0.5s}h2{top:0;position:absolute}h2 span{animation-delay:4.1s;-webkit-animation-fill-mode:forwards}h2 span:first-child{animation-delay:4.2s}h2 span:last-child{color:#ffe221;animation-delay:4s}header h1{font-weight:700;color:white}header img{width:150px;height:150px;margin-top:2%;margin-right:3%}.side{-webkit-backface-visibility:hidden;z-index:5;position:fixed;top:2%;left:95%;right:0;margin:auto;width:70px}.side li{height:20px;margin:10px 0;list-style:none}.side a{display:block;width:15px;height:15px;text-indent:-9999px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;background-color:transparent;border:3px solid white;transition:all 0.3s ease;position:relative;left:0;top:0}.side a:hover,.side a.active{background-color:white;width:15px;height:15px;left:-3px;top:-2px}#Home-text-R{padding:10px 10px 10px 10px;width:50%;float:right;height:100%;background:grey}#Home-text-R p{font-size:1.1em}#Home-text-R h1{font-size:2.1em;margin-left:-14%}#Home-text-L{padding:40px 40px 40px 40px;width:50%;float:left;height:100%;background:white}#Home-text-L p{font-size:1.1em}#Home-text-L h1{font-size:2.1em;margin-left:-14%}#Home-text-L .adsbygoogle{display:inline-block;width:200px;height:350px;margin-left:5%}.slide__content{display:none}}@media only screen and (max-width:500px){#Home-text{padding:20px 20px 20px 20px;width:100%;height:100%;background:grey}#Home-text p{font-size:2.1em;background:grey}#Home-text h1{font-size:2.1em;margin-top:10%;background:grey;margin-left:-13%}#Home-text{padding:120px 20px 20px 20px;width:100%;height:100%;background:white}#Home-text h1{margin-left:-13%;font-size:2.1em}#Home-text p{font-size:1.4em;background:white}header h1{font-size:1.4em;font-weight:700;color:white}header img{width:70px;height:70px;margin-top:3%;margin-right:8%}.adsbygoogle{display:inline-block;width:730px;height:350px;margin-left:10%}.slide__content{display:none}}.social{text-align:center}.social a{display:inline-block;padding:7px;width:35px;height:35px;margin:0 2px;background:#fff;border-radius:50%;vertical-align:middle}.social a:hover{background:#65c2ed}.social a.linkedin{padding:4px}.social a svg .face,.social a svg .twit,.social a svg .link{fill:#000}

footer{background:grey;color:#fff;margin:0;font-family:'Open Sans',sans-serif}
footer .centered{max-width:1200px;padding:30px 0;margin:0 auto;display:flex;justify-content:space-between}
footer .centered .footer-logo{width:20%}
footer .centered .footer-logo img.logo{padding:0 20px 10px 20px;max-width:100%}
footer .centered .footer-contact{width:20%}footer .centered .footer-navigation{width:60%}
footer .centered .footer-navigation .footer-links-holder{width:33.33333%;position:relative;float:left;margin:0}
footer .centered .footer-navigation .footer-links-holder .footer-links{margin:0;padding:0;list-style:none;-webkit-transition:max-height .5s;transition:max-height .5s}footer .bottom-bar{position:relative;text-align:center;font-size:.8em;text-transform:uppercase;background:darkgrey;padding:15px 0}@media only screen and (max-width:749px){footer .centered{flex-wrap:wrap}footer .centered .footer-logo{max-width:250px;width:50%}footer .centered .footer-contact{width:50%;padding:0 20px}footer .centered .footer-navigation{width:100%}footer .centered .footer-navigation .footer-links-holder{padding:0 20px}#Home-text{width:100%;height:100%;float:right}}@media only screen and (max-width:500px){footer .centered .footer-logo{width:100%;margin:0 auto}footer .centered .footer-contact{width:100%}footer .centered .footer-navigation .footer-links-holder{width:100%;padding:0}footer .centered .footer-navigation .footer-links-holder h3{margin:0;padding:10px 20px;border-top:#000 1px solid;cursor:pointer}footer .centered .footer-navigation .footer-links-holder h3::after{float:right;margin-right:10px;content:"";display:inline-block;vertical-align:middle;margin-top:7px;width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-transition:transform .5s;transition:transform .5s}footer .centered .footer-navigation .footer-links-holder .footer-links{max-height:0;overflow:hidden;padding:0 20px}footer .centered .footer-navigation .footer-links-holder.active h3::after{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}footer .centered .footer-navigation .footer-links-holder.active .footer-links{max-height:10000px}}.social{text-align:center}.social a{display:inline-block;padding:7px;width:35px;height:35px;margin:0 2px;background:#fff;border-radius:50%;vertical-align:middle}.social a:hover{background:#65c2ed}.social a.linkedin{padding:4px}.social a svg .face,.social a svg .twit,.social a svg .link{fill:#000}footer h3{margin-bottom:0}footer p,footer li{margin:10px 0}footer a{color:#fff;text-decoration:none;-webkit-transition:color .5s,background .5s;transition:color .5s,background .5s}footer a:hover{color:#65c2ed}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;clear:both}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@keyframes titleAnimation{0%{transform:translateY(-75px);opacity:0;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 80%);clip-path:polygon(100% 0,100% 100%,0 100%,0 80%)}20%{transform:translateY(0);opacity:1;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 15%);clip-path:polygon(100% 0,100% 100%,0 100%,0 15%)}80%{transform:translateY(0);opacity:1;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 15%);clip-path:polygon(100% 0,100% 100%,0 100%,0 15%)}100%{transform:translateY(50px);opacity:0;-webkit-clip-path:polygon(100% 0,100% 0%,0 100%,0 100%);clip-path:polygon(100% 0,100% 0%,0 100%,0 100%)}}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;clear:both}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@keyframes titleAnimation{0%{transform:translateY(-75px);opacity:0;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 80%);clip-path:polygon(100% 0,100% 100%,0 100%,0 80%)}20%{transform:translateY(0);opacity:1;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 15%);clip-path:polygon(100% 0,100% 100%,0 100%,0 15%)}80%{transform:translateY(0);opacity:1;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 15%);clip-path:polygon(100% 0,100% 100%,0 100%,0 15%)}100%{transform:translateY(50px);opacity:0;-webkit-clip-path:polygon(100% 0,100% 0%,0 100%,0 100%);clip-path:polygon(100% 0,100% 0%,0 100%,0 100%)}}a.glow,a.glow:hover,a.glow:focus{background-color:#339967;text-decoration:none;color:#aaf;text-shadow:none;-webkit-transition:500ms linear 0s;-moz-transition:500ms linear 0s;-o-transition:500ms linear 0s;transition:500ms linear 0s;outline:0 none}a.glow:hover,a.glow:focus{color:#fff;text-shadow:-1px 1px 8px #ffc,1px -1px 8px #fff}header h1{color:white;margin-left:10px;font-size:1.5em}header{position:fixed;width:100%;height:230px;font-size:23px;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;transition:height 0.3s;line-height:1.5em;transition:all 0.3s;z-index:33}header.shrink{height:140px;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;-opera-opacity:1;z-index:44}header img{float:right;margin-right:10%;margin-top:1%}#Blog{background-image:url(../images/Keyboard1.jpg);background-size:cover;text-align:center;}#Blog h1{font-size:2.1em;margin-top:10%;color:black;}#Blog p {font-size:1.9em;color:black;text-align:justify;width:50%;float:right"}#Studie{background-image:url(../pix/Marktforschung.jpg);background-size:cover;background-position:center;text-align:center;min-height:1600px}#ergebnis{background-image:url(../pix/ergebnis.jpg);background-size:cover;text-align:center;margin-top:40px}.empty-item{transition-property:opacity;transition-duration:0s;transition-delay:0s;transition-timing-function:ease}.empty .empty-item{transition-property:opacity;transition-duration:.2s;transition-delay:.3s;transition-timing-function:ease}.hiding{margin-left:-100%;opacity:.5}.hidden{display:none}.search-box{float:left;clear:left;width:70%;padding:.4em;font-size:1em;color:#555}.list-count{float:left;text-align:center;width:30%;padding:.5em;color:#ddd}.list-wrap{float:left;width:40%;margin:2em 30%;padding:2em 0}p{text-align:left;font-size:1em}.cta{float:left;width:100%;text-align:center;color:#999;font-family:georgia,times;font-style:italic;margin:2em 0}.cta a{font-size:1.5em;font-style:normal;font-family:'Maven Pro',sans-serif;text-decoration:none;line-height:1.5em}.topdeco{float:left;width:100%;height:10px;position:fixed;z-index:10}.topdeco span{float:left;width:25%;height:100%}#list ul{float:left;width:100%;margin:2em 0;padding:0;position:relative}#list ul:before{content:'desserts';position:absolute;left:-2.8em;font-size:3em;text-align:right;top:1.5em;color:#ededed;font-weight:700;font-family:'Maven Pro',sans-serif;transform:rotate(-90deg)}.in li{float:left;clear:left;width:100%;margin:.2em 0;padding:.5em .8em;list-style:none;background-color:#f2f2f2;border-left:5px solid #003842;cursor:pointer;color:#333;position:relative;z-index:2}.in li:hover{background-color:#f9f9f9;border-color:#00BDE8}.empty-item{background:#fff;color:#ddd;margin:.2em 0;padding:.5em .8em;font-style:italic;border:none;text-align:center;visibility:hidden;opacity:0;float:left;clear:left;width:100%}.empty .empty-item{opacity:1;visibility:visible}.deco span:nth-child(1){background:#FF8220}.deco span:nth-child(2){background:#000}.deco span:nth-child(3){background:#FFA00A}.deco span:nth-child(4){background:#00BDE8}#Intro7{width:100%;max-width:1200px;background-color:white;margin::0 auto;padding:10px 10px 10px 10px;background-size:cover;height:100%}.menu-toggle{width:100%;padding:.625em;margin:0 auto;background:#339967;color:#fff;padding:13px 15px;font-size:18px;text-transform:uppercase;cursor:pointer}.menu-toggle i{float:right;margin-top:2px}.menu-toggle:hover{background:#339967}@media (min-width:60em){.menu-toggle{display:none}}@media (min-width:laptop){.menu-toggle{display:none}}#central{width:55%;margin:0 auto;padding:.625% 5% 5% 1%;position:relative;height:auto;overflow:hidden}#Lemgo-text{height:100%;width:100%}#Home-text{font-size:1.5em;color:black}h1 span,h2 span{width:100%;line-height:75px;font-size:75px;float:left;color:yellow;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 80%);clip-path:polygon(100% 0,100% 100%,0 100%,0 80%);transform:translateY(-50px);opacity:0;animation-iteration-count:infinite;animation-name:titleAnimation;animation-timing-function:ease;animation-duration:5s}.marktinfo{position:relative;max-height:60%;min-height:600px;"}
    background-image:url(../dist/pix/Klakulation.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment: fixed;
    font-family:sans-serif;
    overflow:hidden;
}
 .Vorfeld {
    position:relative;
    height:auto;
    background-image:none;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment: fixed;
    overflow:hidden;
     
   
}
html, body {
  color: #555;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0 auto;
  overflow-X: hidden;
  overflow-Y: auto;
  padding: 0;
}
*, *::after,*::before {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
}
a, a:active, a:hover {
  color: inherit;
  text-decoration: none;
}
ul, li {
  display: block;
  list-style: none;
}
ul {
  margin: 10px 5px 15px;
  padding: 5px;
}
li {
  margin: 2px 0;
  padding: 6px 8px;
}
p {
  line-height: 1.5;
  margin: 10px;
  padding: 5px 5px 15px;
  text-align: justify;
}
img {
  display: block;
  width: 100%;
}
h1, h2, h3, h4, h5, h6 {
  color: #555;
  padding: 5px 10px 10px;
}
header {
  background: #FF5B06;
  border-bottom: 1px solid #DF4C00;
  box-shadow: 1px 0 2px rgba(0,0,0,.5);
  color: #FFF;
  display: flex;
  justify-content: space-between;
  padding: 10px 10px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  vertical-laign: middle;
  z-index: 9;
  
  -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
          transition: all 500ms ease-in-out;
}
header [class*="menu-"] {
  cursor: pointer;
  font-size: 22px;
  height: initial;
  padding: 5px;
  width: initial;
}
header h1 {
  color: #FFF;
  font-size: 24px;
  font-weight: 100;
  padding: 0;
  text-shadow: 0 1px 2px rgba(0,0,0,.5);
}
.intro {
  margin: 57px auto 0px;
  padding: 0;
  -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
          transition: all 500ms ease-in-out;
}
 article, div, .box {
  overflow: hidden;
  position: relative;
}
#section12 {
  margin: 20px auto 40px;
  -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
          transition: all 500ms ease-in-out;
}
[id*="menu-"] {
  background: #252525;
  bottom: 0;
  color: #858585;
  height: 100%;
  position: fixed;
  top: 0;
  width: 205px;
  z-index: 99;
}
[id*="menu-"] .box {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
}
[id*="menu-"] .box::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
[id*="menu-"] ul {
  margin: 0;
  padding: 0;
}
[id*="menu-"] li {
  border-bottom: 1px solid #1F1F1F;
  font-size: 12px;
  line-height: 28px;
  margin: 0;
  overflow: hidden;
  padding: 5px;
  position: relative;
  font-family:arial;
}
[id*="menu-"] li:last-child {
  border: 0;
}
#menu-left {
  border-right: 1px solid #161616;
  left: -205px;
  -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
          transition: all 500ms ease-in-out;
}

#menu-left .fa {
  margin-left:75px;
}

#menu-left a {
  color:white;
}


#menu-left .profile {
  background: #222;
  border-bottom: 5px solid #151515;
  padding: 8px 5px;
}
#menu-left .profile  img {
  border: 1px solid #111;
  border-radius: 5px;
  display: inline-block;
  height: 32px;
  vertical-align: middle;
  width: 32px;
}
#menu-left .content {
  position: relative;
  height: initial;
  width: 100%;
}
#menu-left .content  h5 {
  background: #353535;
  color: #CCC;
  font-weight: 400;
  font-family:arial;
}
#menu-left .content .fa {
  padding: 0 8px 0 4px;
}
#menu-left .content ul:last-child {
  color: #656565;
}
#menu-left .content ul:last-child .fa {
  color: #151515;
}

section.active, header.active, .intro.active, #menu-left.active, footer.active {
  -webkit-transform: translate3d(205px,0,0);
     -moz-transform: translate3d(205px,0,0);
          transform: translate3d(205px,0,0);
  -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
          transition: all 500ms ease-in-out;
}
#footer.active {
  -webkit-transform: translate3d(205px,0,0);
     -moz-transform: translate3d(205px,0,0);
          transform: translate3d(205px,0,0);
  -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
          transition: all 500ms ease-in-out;
}
 article {
  background: inherit;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: initial;
}
article img {
  display: block;
  width: 100%
}
article:nth-child(2n) {
  -webkit-transform: rotate3d(0,1,0,180deg);
     -moz-transform: rotate3d(0,1,0,180deg);
          transform: rotate3d(0,1,0,180deg);
}
article:nth-child(2n) .box .feed {
  -webkit-transform: rotate3d(0,1,0,180deg);
     -moz-transform: rotate3d(0,1,0,180deg);
          transform: rotate3d(0,1,0,180deg);
}
article .box:before {
  background: #FFF;
  content: "";
  margin-top: -10px;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: -10px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
          transform: rotate(45deg);
}
.box .feed {
  height: 100%;
  overflow: hidden;
  padding: 0 10px;
  position: relative;
  width: initial;
}
.box .feed h2 {
  color: #FF5B06;
  font-weight: 400;
  letter-spacing: 1px;
}
.box .feed p {
  color: #555;
  letter-spacing: 1px;
  line-height: 22px;
}



/*-------------------------------*/
/* CSS @media screen responsive
/*-------------------------------*/

@media only screen and (min-width: 240px) {
  article .box .feed p {font-size: 13px;}
}
@media only screen and (min-width: 320px) {
  article .box .feed p {font-size: 13px;}
}
@media only screen and (min-width: 480px) {  
  article .box .feed p {font-size: 14px;}
}
@media only screen and (min-width: 528px) {
  article .box, footer .box {
    display: inline-block;
    margin: 0 -2px;
    vertical-align: middle;
    width: 50%;
  }
  article .box .feed p {
    font-size: 11px;
    line-height: 16px;
  }
  footer .box {height: 100%;}
}
@media only screen and (min-width: 640px) {
  article .box {
    display: inline-block;
    margin: 0 -2px;
    vertical-align: middle;
    width: 50%;
  }
  article .box .feed p {font-size: 13px;}
  footer .box {height: 100%;}
}
@media only screen and (min-width: 768px) {
  article .box {
    display: inline-block;
    margin: 0 -2px;
    vertical-align: middle;
    width: 50%;
  }
  article .box .feed p {font-size: 15px;line-height: 24px;}
  footer .box {height: 100%;}
}
@media only screen and (min-width: 992px) {
  article .box {
    display: inline-block;
    margin: 0 -2px;
    vertical-align: middle;
    width: 50%;
  }
  article .box .feed p {font-size: 15px;line-height: 24px;}
  footer .box {height: 100%;}
}
@media only screen and (min-width: 1200px) {
  article .box {
    display: inline-block;
    margin: 0 -2px;
    vertical-align: middle;
    width: 50%;
  }
  article .box .feed p {font-size: 15px;line-height: 24px;}
  footer .box {height: 100%;}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
  article .box {
    display: inline-block;
    margin: 0 -2px;
    vertical-align: middle;
    width: 50%;
  }
  article .box .feed p {font-size: 15px;line-height: 24px;}
  footer .box {height: 100%;}
}
@media only screen and (max-width: 528px) {  
  article .box .feed {margin: 15px 0 25px;}
  article .box:before {
  content: "";
  margin-top: 0;
  margin-left: -10px;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -10px;
  left: 50% !important;
  right: auto;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
          transform: rotate(45deg);
}
}
@media only screen and (max-width: 240px) {
  .intro {display: none}
  section {margin-top: 0px}
  article .box .feed p {font-size: 12px;}
}   
 

html, body {
  margin: 0;
  height: 100%;
}


section {
  position: relative;
  height: 100%;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-blend-mode: screen;
  overflow: hidden;
  /* &:nth-of-type(1) */
}
section p  {
  position: absolute;
  font-family:sans-serif;
  font-size: 3.5em;
  color: black;
  width: 100%;
  z-index:1;
  line-height: 1.6em;
  text-align: justify;
  padding: 13% 13% 13% 13%;
  zoom:0.6;
  overflow:none;

  
}

section:nth-of-type(1) {
  /* .paralax-1 */
 max-height:0px;
}
section:nth-of-type(1) .paralax-1 {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  /* .new-paralax */
}
section:nth-of-type(1) .paralax-1 .new-paralax {
  
  transform: translateZ(-8000px) scale(0.4);
  background-attachment: fixed;
  background-size: cover !important;
  background-position: center;
  height: 100%;
  width: 100%;
  position: relative;
  transform: scale(1.3);
  
}

section:nth-of-type(2) {
	margin-top:40px;
  background-image: url("http://www.schnaeppchen-sofort.de/Sonderangebot.jpg")!important;
}

section:nth-of-type(2) p {

  color:black;
  font-size: 3.4em;
  text-align: justify;
  
 
}

section:nth-of-type(2) h1 {

  color:black;
  font-size::4.5em;
  text-align: justify;
  font-family: sans-serif;
  
}


.for {position:relative;height:40px !important; 
	width:120px !important;
text-align: center;}


section:nth-of-type(3) {
		
  background-image: url("http://www.schnaeppchen-sofort.de/Sale.jpg")!important;
  
}

section:nth-of-type(3) p {

  color:white;
  font-size:3.7em;
  text-align: justify;
  
}

section:nth-of-type(3) h1 {
margin-top:30px;
  color:white;
  font-size:4.7em;
  text-align: justify;
  font-family: sans-serif;

}


section:nth-of-type(4) {

  background-image: url("http://www.schnaeppchen-sofort.de/SchnappLogo1.png")!important;
  
}

section:nth-of-type(4) p {

  color:white;
  font-size: 3.7em;
  text-align: justify;
  font-family: sans-serif;
  
}

section:nth-of-type(4) h1 {
margin-top:30px;
  color:white;
  font-size:4.7em;
  text-align: ´justify;
  font-family: sans-serif;
  
}

    /* *--************************** ANFANG MEDIA SCREEN 768 und weniger************************* */


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

section:nth-of-type(2) {
 margin-top:120px;
  background-image: url("http://www.schnaeppchen-sofort.de/Sonderangebot.jpg")!important;
}

section:nth-of-type(2) p {

  color:black;
font-size:1.7em;
  text-align: justify;
  padding:3% 3% 3% 3%;
 
}

section:nth-of-type(2) h1 {

  color:black;
  font-size:1.7em;
  text-align: justify;
  font-family: sans-serif;
  
}



section:nth-of-type(3) {
		
  background-image: url("http://www.schnaeppchen-sofort.de/Sale.jpg")!important;
  
}

section:nth-of-type(3) p {

  color:white;
 font-size:1.7em;
  text-align: justify;
  padding:3% 3% 3% 3%;
  
}

section:nth-of-type(3) h1 {
margin-top:60px;
  color:white;
font-size:1.7em;
  text-align: justify;
  font-family: sans-serif;

}


section:nth-of-type(4) {

  background-image: url("http://www.schnaeppchen-sofort.de/SchnappLogo1.png")!important;
  
}

section:nth-of-type(4) p {

  color:white;
font-size:1.7em;
  text-align: justify;
  font-family: sans-serif;
  padding:3% 3% 3% 3%;
  
}

section:nth-of-type(4) h1 {
margin-top:60px;
  color:white;
  font-size:1.7em;
  text-align: justify;
  font-family: sans-serif;
  
}

}


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


	section p  {
  position: absolute;
  font-family:sans-serif;
  font-size: 3.2em;
  color: black;
  width: 100%;
  z-index:1;
  line-height: 1.6em;
  text-align: justify;
  padding:13% 13% 13% 13%;
  zoom:0.6;
  overflow:none;
  
}

section:nth-of-type(1) {
  /* .paralax-1 */
 max-height:0px;
}
section:nth-of-type(1) .paralax-1 {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  /* .new-paralax */
}
section:nth-of-type(1) .paralax-1 .new-paralax {
  
  transform: translateZ(-8000px) scale(0.4);
  background-attachment: fixed;
  background-size: cover !important;
  background-position: center;
  height: 100%;
  width: 100%;
  position: relative;
  transform: scale(1.3);
  
}

section:nth-of-type(2) {
 margin-top: 120px;
  background-image: url("http://www.schnaeppchen-sofort.de/Sonderangebot.jpg")!important;
}

section:nth-of-type(2) p {

  color:black;
  font-size: 3.2em;
  text-align: justify;
  padding:3% 3% 3% 3%;
 
}

section:nth-of-type(2) h1 {

  color:black;
 font-size: 3.2em;
  text-align: justify;
  font-family: sans-serif;
  
}



section:nth-of-type(3) {
		
  background-image: url("http://www.schnaeppchen-sofort.de/Sale.jpg")!important;
  
}

section:nth-of-type(3) p {

  color:white;
  font-size: 3.2em;
  text-align: justify;
  padding:3% 3% 3% 3%;
  
}

section:nth-of-type(3) h1 {
margin-top:60px;
  color:white;
  font-size: 3.2em;
  text-align: justify;
  font-family: sans-serif;

}


section:nth-of-type(4) {

  background-image: url("http://www.schnaeppchen-sofort.de/SchnappLogo1.png")!important;
  
}

section:nth-of-type(4) p {

  color:white;
 font-size: 3.2em;
  text-align: justify;
  font-family: sans-serif;
  padding:3% 3% 3% 3%;
  
}

section:nth-of-type(4) h1 {
margin-top:60px;
  color:white;
  font-size: 3.2em;
  text-align: justify;
  font-family: sans-serif;
  
}

}


    /* *--************************** ENDE MEDIA SCREEN 768 und weniger************************* */



.slide:nth-child(1) {
  left: 0;
}
.slide:nth-child(1) .slide__bg {
  left: 0;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/3d-slider-3.jpg");
}
.slide:nth-child(1) .slide__overlay-path {
  fill: #e99c7e;
}
@media (max-width: 991px) {
  .slide:nth-child(1) .slide__text {
    background-color: rgba(233, 156, 126, 0.8);
  }
}
.slide:nth-child(2) {
  left: 100%;
}
.slide:nth-child(2) .slide__bg {
  left: -50%;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/3d-slider-2.jpg");
}
.slide:nth-child(2) .slide__overlay-path {
  fill: #e1ccae;
}
@media (max-width: 991px) {
  .slide:nth-child(2) .slide__text {
    background-color: rgba(225, 204, 174, 0.8);
  }
}
.slide:nth-child(3) {
  left: 200%;
}
.slide:nth-child(3) .slide__bg {
  left: -100%;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/3d-slider-1.jpg");
}
.slide:nth-child(3) .slide__overlay-path {
  fill: #adc5cd;
}
@media (max-width: 991px) {
  .slide:nth-child(3) .slide__text {
    background-color: rgba(173, 197, 205, 0.8);
  }
}
.slide:nth-child(4) {
  left: 300%;
}
.slide:nth-child(4) .slide__bg {
  left: -150%;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/3d-slider-4.jpg");
}
.slide:nth-child(4) .slide__overlay-path {
  fill: #cbc6c3;
}
@media (max-width: 991px) {
  .slide:nth-child(4) .slide__text {
    background-color: rgba(203, 198, 195, 0.8);
  }
}  

<style>

/* Happy Coding */


.slider-wrapper{
  position: relative;
  width: 100%;
  height: 1100px;
  overflow: hidden;
}


.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

.slick-slide img {
  display: block;
  max-width: 100%;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-slide > .slick-slider-img {
  position: relative;
  display: block;
  width: 100%;
}

.slick-slide .image {
  /*height: 180px;*/
}

.slick-slide img {
  display: block;
  width: 100%;
}

.slick-slide img.slick-loading {
  display: none;
}


.slick-prev{
  background: #DDD;
  border: none;
  border-radius: none;
  position: absolute;
  top: 20%;
  -webkit-transform: translateY(-20%);
          transform: translateY(-20%);
  left: 0;
  padding: 0.25em 0.5em;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
  z-index: 0;
}

.slick-next{
  background: #DDD;
  border: none;
  border-radius: none;
  position: absolute;
  top: 20%;
  -webkit-transform: translateY(-20%);
          transform: translateY(-20%);
  right: 0;
  padding: 0.25em 0.5em;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
  z-index: 0;
}

/* progress bar */
.slider-progress {
  width: 100%;
  height: 20px;
  background: blue;
  position: absolute;
  bottom: 0;
}
.slider-progress .progress {
  width: 0%;
  height: 10px;
  background: #e74c3c;
}


 .counter { background-color: #ffffff; padding: 10px 0; border-radius: 5px;margin-left:10px;}
.count-title1 { font-size: 6.8em; font-weight: bold;color:darkred;  margin-left:73%;margin-top: 7%; margin-bottom: -8%; text-align: center; }
.count-title2 { font-size: 7.3em; font-weight: bold;color:purple;  margin-left:73%;margin-top: 8%; margin-bottom: -8%; text-align: center; }
.count-title3 { font-size: 5.3em; font-weight: bold;color:darkblue;  margin-left:74%;margin-top: 7%; margin-bottom: -5%; text-align: center; }
.count-text { font-size: 28px; font-weight: normal;  margin-left:10%;margin-top: 40px; margin-bottom: -17%; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }

.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 21.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
  position: relative;
  display:inline;
  display: inline-block;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
}



nav {
  position: absolute;
  width: 100%;
  background: #339967;
  font-size: 1.5em;
  margin-top:105px;
  padding-bottom:40px;
  z-index:1000;
}

/* first stage */

nav > ul {
  position: relative;
  display: flex;
  justify-content: center;
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}

nav a {
  display: block;
  color: #fff;
  text-decoration: none;
}

nav ul li {
  color: #fff;
  list-style: none;
  transition: 0.5s;
}

nav > ul > li > a {
  padding: 15px 25px;
}

nav ul > li.submenu > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 8px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  border-bottom: 5px solid transparent;
}

nav ul > li.submenu:hover > a:after {
  margin-top: 2px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

nav > ul > li:hover {
  background: #4096ee;
}

/* second stage (the mega-menu) */

nav ul.megamenu {
  position: absolute;
  display: flex;
  flex-wrap: wrap; 
  width: 1200px;
  top: -9999px;
  left: 0;
  padding: 40px 40px 0 40px;
  background: #fff;
  text-align: left;
  border-top: 5px solid #4096ee;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  z-index: 1;
}

nav ul li:hover ul.megamenu {
  top: 100%;
}

/* third stage (child-menus in the mega-menu) */

nav ul.megamenu ul {
  width: 25%;
  margin-bottom: 40px;
  color: #000;
  box-shadow: none;
}

nav ul.megamenu h4 {
  margin-bottom: 15px;
  text-transform: uppercase;
}

nav ul.megamenu ul li {
  display: block;
}

nav ul.megamenu ul li a {
  margin-top: 10px;
  transition: 0.5s;
  color: #000;
}

nav ul.megamenu ul li a:hover {
  color: #4096ee;
}

@media only screen and (min-width: 960px) {
  nav{display:block!important}
}
@media only screen and (max-width: 959px) {
  nav{display:none;width:100%;clear:both;float:none;max-height:400px;overflow-y:scroll}
  #menu-icon{display:inline;top:45px;cursor:pointer}
  #menu-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:10px}
  #menu-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:-9px;}
  #menu-icon.active .third{display:none}
  .search{float:none}
  .search input{width:100%}
  nav{padding:10px}
  nav ul{float:none}
  nav li{float:none}
  nav ul li a{float:none;padding:8px;display:block}
  #header nav ul ul{display:block;position:static;background:none;border:none;padding:0}
  #header nav a{color:#fff;padding:8px}
  #header nav a:hover{background:#fff;color:#333;border-radius:3px}
  #header nav ul li li a:before{content:"- "}
  .mega-col{width:100%}
}


	
a.back-to-top {
  display: none;
  width: 90px;
  height: 90px;
  text-indent: -9999px;
  position: fixed;
  z-index: 999;
  right: 6vw;
  bottom: 20px;
  background: darkgrey url(../images/up-arrow-up.png) no-repeat center 43%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 40px;
       transition: 0.6s ease;
    background-position: center 18px;
}
a:hover.back-to-top {
  background-color: darkgrey;
  background-position: center -50px;
  border:3px solid white;
}
	

#to-top:before {
  background-color:rgba(242,242,242,0.9);
  border-radius:2px;
  border: 3px solid white;
  content:"";
  height:20px;
  position:absolute;
  right:5px;
  top:5px;
  width:20px
}

}
#to-top span {
  height:16px;
  position:absolute;
  right:7px;
  top:5px;
  width:16px
}
#to-top span:before {
  color:#009090;
  font-size:16px
}	

#konsum-img {
    max-width:100vw;
    height:620px;
border-radius:15px;}
    
    

/* ---- grid-item ---- */


	#main
	{
	  width:100%;
	  height:100%;
        margin:0px auto; 
	}

.bild {
    width: 100%;
}

	#Kreditberechnung {
	  
	  background-image: url(dist/pix/lemgo.jpg);
	  background-size: cover;
	  text-align:center;
	  margin-top:40px;
	}

#Lemgo {background:white;
}
  
#Forum {
    
    background-image: url(dist/pix/lemgo.jpg);
    background-size: cover;
    text-align:center;
    margin-top:40px;
  }




#amazing h1  {
    display:block;
    padding:0px;
    text-align:center;
    
}

.clearfix{
display:inline-block;
}
  

/* Misc CSS */
.clearfix:before, .clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}


#Chia {
    
    background-size: cover;
    height:100%;
    text-align:center;
    margin:0px auto;
    margin-top:10px;
    max-width:45vw;
    min-width:960px;
    border:2px solid grey;
    border-radius:35px;
  }
  

  #Newsletter {
    
    background-image: url(dist/pix/ergebnis.jpg);
    background-size: cover;
    text-align:center;
    margin-top:40px;
  }
  
  #ergebnis img {
    
    width:300px;
    height:200px;
    margin:0px auto;
    background-size: cover;
    text-align:center;
    margin-top:40px;
  }
#konsum .row .col-md-6 img {
           
           margin: 10px 10px 10px 10px;
           float:left;
           max-width:30vw;
        
        @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
		max-width:200px;
            max-height:100px;
            float:left;
            overflow:none;
        
       }
    }
    

#book-title {
  font-family: georgia, "times new roman", times, serif;
  color: #555;
  font-size: 2.3em;
  text-align: center;
}

#text-select {
  float:right;
  margin-right: 10px;
}

#vis {
  overflow: hidden;
  position: relative;
    margin:0px auto;
}

#status {
  padding:0 0 20px 20px;
}

#controls {
  padding: 20px;
  background-color: #eee;
  margin: 10px;
  width: 350px;
}

#bubble-background {
  fill: none;
  pointer-events: all;
    max-width:1800px;
}

.bubble-node {
  /* fill: #d1e0f3; */
  
    
    fill:green;
}

.bubble-hover {
  /* fill: #b8c7d9; */
  fill: orange;
}

.bubble-selected {
  /* fill: #a8c8ee;  */
  fill: orange;
  /* stroke: #6081a3; */
  stroke: #A6BA92;
  stroke-width: 1.5px;
}

.active {
  color: white;
}

a.bubble-label {
  font-family: georgia, "times new roman", times, serif;
  color: inherit;
  cursor: pointer;
  display: block;
  text-align: center;
  text-decoration: none;
  line-height: 1em;
  position: absolute;
    
}


.bubble-label .bubble-label-value {
  font-size: 28px;
    font-weight:bold;
      font-family:sans-serif;
  white-space: nowrap;
}



html, body {
  margin: 0;
  font-family: arial
}

#main {
  margin: 0 auto;
}





    
    
     .wow:first-child {
      visibility: hidden;
    }
    

/* SLIDER
================================================== */

	

svg {
  display: block;
  overflow: visible;
}

.slider-container {
  position: relative;
  height: 100vh;
      width:100vw;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: all-scroll;
}

.slider-control {
  z-index: 2;
  position: absolute;
  top: 0;
  width: 12%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  will-change: opacity;
  opacity: 0;
}
.slider-control.inactive:hover {
  cursor: auto;
}
.slider-control:not(.inactive):hover {
  opacity: 1;
  cursor: pointer;
}
.slider-control.left {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.18)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
}
.slider-control.right {
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.18)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}

.slider-pagi {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0;
  list-style-type: none;
}
.slider-pagi__elem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 2rem;
  height: 2rem;
  margin: 0 0.5rem;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
}
.slider-pagi__elem:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.2rem;
  height: 1.2rem;
  background: #fff;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.slider {
  z-index: 1;
  position: relative;
  height: 100%;
}
.slider.animating {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}
.slider.animating .slide__bg {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}

.slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slide.active .slide__overlay,
.slide.active .slide__text {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.slide__bg {
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background-size: cover;
  will-change: transform;
}
.slide:nth-child(1) {
  left: 0;
}
.slide:nth-child(1) .slide__bg {
  left: 0;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/3d-slider-3.jpg");
}
.slide:nth-child(1) .slide__overlay-path {
  fill: #e99c7e;
}
@media (max-width: 991px) {
  .slide:nth-child(1) .slide__text {
    background-color: rgba(233, 156, 126, 0.8);
  }
}
.slide:nth-child(2) {
  left: 100%;
}
.slide:nth-child(2) .slide__bg {
  left: -50%;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/3d-slider-2.jpg");
}
.slide:nth-child(2) .slide__overlay-path {
  fill: #e1ccae;
}
@media (max-width: 991px) {
  .slide:nth-child(2) .slide__text {
    background-color: rgba(225, 204, 174, 0.8);
  }
}
.slide:nth-child(3) {
  left: 200%;
}
.slide:nth-child(3) .slide__bg {
  left: -100%;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/3d-slider-1.jpg");
}
.slide:nth-child(3) .slide__overlay-path {
  fill: #adc5cd;
}
@media (max-width: 991px) {
  .slide:nth-child(3) .slide__text {
    background-color: rgba(173, 197, 205, 0.8);
  }
}
.slide:nth-child(4) {
  left: 300%;
}
.slide:nth-child(4) .slide__bg {
  left: -150%;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/3d-slider-4.jpg");
}
.slide:nth-child(4) .slide__overlay-path {
  fill: #cbc6c3;
}
@media (max-width: 991px) {
  .slide:nth-child(4) .slide__text {
    background-color: rgba(203, 198, 195, 0.8);
  }
}
.slide__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  min-height: 10rem;
  -webkit-transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  will-change: transform, opacity;
  -webkit-transform: translate3d(-20%, 0, 0);
          transform: translate3d(-20%, 0, 0);
  opacity: 0;
}
    
@media (max-width: 991px) {
  .slide__overlay {
    display: none;
  }
}
.slide__overlay path {
  opacity: 0.8;
}
.slide__text {
  position: absolute;
  width: 25%;
  bottom: 15%;
     height: 25rem;
      line-height:1.6rem;
    left: 12%;
  color: #fff;
  -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  will-change: transform, opacity;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}
@media (max-width: 991px) {
  .slide__text {
    left: 0;
    bottom: 10%;
    width: 45%;
      line-height:2.5rem;
    text-align: center;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    
  }
}
.slide__text-heading {
  font-family: "Polar", Helvetica, Arial, sans-serif;
  line-height: 3rem;
    font-size: 3.5rem;
    
}
@media (max-width: 991px) {
  .slide__text-heading {
    line-height: 3rem;
    font-size: 3.5rem;
  }
}
.slide__text-desc {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 2.3rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}
@media (max-width: 991px) {
  .slide__text-desc {
    display: none;
  }
}
.slide__text-link {
  z-index: 5;
  display: inline-block;
  position: relative;
    text-decoration:none;
  padding: 0.5rem;
  cursor: pointer;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
@media (max-width: 991px) {
  .slide__text-link {
    display: none;
  }
}
.slide__text-link:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  text-decoration:none;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: rotateX(-85deg);
          transform: rotateX(-85deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
}

.slide__text-link:before {
  z-index: -1;
  content: "";position:absolute;top:0;text-decoration:none;left:0;width:100%;height:100%;background:#fff;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:rotateX(-85deg);transform:rotateX(-85deg);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s;will-change:transform}.slide__text-link:hover:before{-webkit-transform:rotateX(0);transform:rotateX(0)}}.button--tamaya{float:none;top:30%;left:30%;min-width:320px;max-width:350px;display:block;margin:1.4em 1.4em;padding:1em 1.4em;border:none;background:none;color:darkslategrey;vertical-align:middle;position:relative;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.button--tamaya{overflow:hidden;color:white;background-color:darkblue;margin-left:30%;width:100%;border-bottom:white;border-top:white;border-left:white;border-right:white}.button--tamaya.button--inverted{color:#37474f;border-color:#37474f}.button--tamaya::before,.button--tamaya::after{content:attr(data-text);position:absolute;width:100%;margin-left:30%;background:#7986cb;color:#fff;overflow:hidden;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.button--tamaya:hover::after{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.button--tamaya:hover::before{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.button--tamaya.button--inverted::before,.button--tamaya.button--inverted::after{background:#fff;color:#37474f}.button--tamaya::before{top:0;padding-top:0.5em}.button--tamaya::after{bottom:0;line-height:0}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.social{text-align:center}.social a{display:inline-block;padding:7px;width:35px;height:35px;margin:0 2px;background:#fff;border-radius:50%;vertical-align:middle}.social a:hover{background:#65c2ed}.social a.linkedin{padding:4px}.social a svg .face,.social a svg .twit,.social a svg .link{fill:#000}footer h3{margin-bottom:0}footer p,footer li{margin:10px 0}footer a{color:#fff;text-decoration:none;-webkit-transition:color .5s,background .5s;transition:color .5s,background .5s}footer a:hover{color:#65c2ed}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#CACD9B;font-family:'Helvetica Neue',sans-serif}a{text-decoration:none;color:#aaa}p{color:black;line-height:2;font-size:1.7em;margin:15px 0}#container{padding:0em 0em;margin-top:10px;height:100%}.header{background-color:#3b61a2;position:fixed;top:0;left:0;width:100%;z-index:10;height:215px;overflow:hidden;-moz-transition:height 0.3s;-o-transition:height 0.3s;-webkit-transition:height 0.3s;transition:height 0.3s}.inner{width:100%;max-width:100%;margin:0 auto}img{margin-right:10px}@mediaor:#fff;display:block;outline:0;cursor:pointer;padding:23px 45px 20px 10px;background:#339967;text-decoration:none}@media (min-width:60em)ndex:1000}}@media (min-width:laptop){nav ul li.sub-menu:hover>a:after{content:'\f106';z-index:1000}}@media (min-width:60em){nav ul .sub-menu>a{padding-right:30px;z-index:1000}}@media (min-width:laptop){nav ul .sub-menu>a{padding-right:30px;z-index:1000}}nav ul .sub-menu>a:after{content:'\f107';font-family:FontAwesome;position:absolute;top:0;right:0;display:block;font-size:1.2em;padding:.375em .625em;z-index:1000}@media (min-width:60em){nav ul .sub-menu>a:after{content:'\f107';padding:0em .025em;margin-top:-5px;z-index:1000}}.header.header-shrink{height:210px}.header.header-shrink img{width:100pxheight:150px;margin-right:1%;}.header.header-shrink h1,.header.header-shrink a{line-height:40px}.header.header-shrink h1{font-size:2.1em}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;clear:both}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@keyframes titleAnimation{0%{transform:translateY(-75px);opacity:0;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 80%);clip-path:polygon(100% 0,100% 100%,0 100%,0 80%)}20%{transform:translateY(0);opacity:1;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 15%);clip-path:polygon(100% 0,100% 100%,0 100%,0 15%)}80%{transform:translateY(0);opacity:1;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 15%);clip-path:polygon(100% 0,100% 100%,0 100%,0 15%)}100%{transform:translateY(50px);opacity:0;-webkit-clip-path:polygon(100% 0,100% 0%,0 100%,0 100%);clip-path:polygon(100% 0,100% 0%,0 100%,0 100%)}}#section1{height:auto;min-height:500px}#section2{background-image:url(../pix/Puzzle.jpg);background-size:cover;text-align:center}#section3{height:auto;min-height:500px}#section4{height:auto;min-height:500px}@media screen and (max-width:1199px){#Biomarkt{background:grey;width:100%}#slider_content1,#slider_content2,#slider_content3,#slider_content4{width:auto;margin-right:50px;width:auto}#slider_content1 h2,#slider_content2 h2,#slider_content3 h2,#slider_content4 h2{font-size:18px}#slider_content1 p,#slider_content2 p,#slider_content3 p,#slider_content4 p{font-size:14px}#slider_content1 p .responsive_button,#slider_content2 p .responsive_button,#slider_content3 p .responsive_button,#slider_content4 p .responsive_button{display:inline}#konsum-img{width:70vw;height:620px;border-radius:40px;margin:40px 40px 40px 420px}#Vorfeld-text{background:darkgrey;padding:30px 30px 30px 30px;border-radius:15px;max-width:40vw;margin:40 40 40 40;max-height:300px}.info-text p{font-size:1.7em; color:black;}#konsum-text{max-width:75vw;font-size:24px;padding:30px 40px 20px 10px;max-height:300px}#Vorfeld-img{width:65%;height:100%;margin:0 290px;border-radius:20px;border:0 dotted grey}.Wirtschaftsblog{max-width:40vw}#konsum{height:auto;min-height:600px}}@media screen and (max-width:991px)
  {.header.header-shrink img {font-size: 2.7em;margin-top: -10%;}#Home-text{width:100%;height:100%;}#Home-text p{font-size:1.7em;color:white;text-align:justify}#
 p{font-size:1.4em;}

 @media screen and (max-width:991px){#Home-text{width:100%;height:100%;}#Blog p {font-size:1.9em,width:100%; color:black;}}

 @media screen and (max-width:767px){#Home-text{width:100%;height:100%;}#Home-text p{font-size:1.4em;color:white;float:left;}#Blog p {font-size:1.2em, color:white;width:100%;}#info-text{color:black;font-size:2em;text-align:justify; line-height:1.3;}#Blog p {font-size:1.4em, color:white;}#Biomarkt{background:grey;width:100%}#container{padding:0em 0em;margin-top:10px;height:100%}#Biomarkt{background:grey}#konsum-img{width:100vw;height:920px;border-radius:15px}#Vorfeld-text{width:40vw;margin:40px 40px 40px 40px;max-height:300px}#marktinfo-text{max-width:40vw;margin:0 auto;max-height:300px}#konsum-text>p{display:none}#konsum-text h1{font-size:30px;margin-left:10px;text-align:justify}#Vorfeld-img{width:90%;height:850px;border-radius:20px;border:10px solid black}.Wirtschaftsblog{max-width:40vw}#konsum{max-height:60%;min-height:600px}nav{right:auto;bottom:auto;top:0;margin-left:0}.fa{margin-left:200px}}

 @media screen and (max-width:640px){#container{padding:0em 0em;margin-top:10px;height:100%}#Home-text{width:100%;height:100%;}#Biomarkt{background:grey;width:100%}footer .centered .footer-logo img.logo{float:left;margin-left:5px}#Home-text{width:100%;height:100%;float:right}#konsum-img{width:90%;height:520px;border-radius:15px}}.fa fa-bars{margin-left:400px}.nav-open{right:50px}#title h1 span,#title h2 span{margin:0 auto;width:@width--half;position:absolute;display:block;font-size:@font-size--small}#konsum-text p{width:90vw;margin-left:0;text-align:justify;min-height:300px;border-radius:40px;border:10px solid grey;font-size:18px}#konsum-text h1{font-size:22px;margin-left:0;text-align:justify}#Vorfeld-text{width:60vw;margin-left:15px;text-align:justify}#marktinfo-text{width:40vw;margin-left:15px;text-align:justify}#Vorfeld-img{max-width:90%;height:750px;margin:10px 10px 10px 10px;border-radius:20px}#Vorfeld-text{max-width:80%;margin:10px 10px 10px 10px}#marktinfo-text{max-width:40vw;margin:20px 20px 20px 20px}#konsum-text p{max-width:90%;margin:10px 10px 10px 10px;font-size:14px}#konsum-text h1{max-width:90%;margin:10px 10px 10px 10px;font-size:24px}.Wirtschaftsblog{max-width:50vw}#konsum{max-height:60%;min-height:600px}input{width:auto}#mobileMenu{display:block;z-index:99}.toggleMobile{position:fixed;top:0;left:10px;display:block;width:40px;height:36px;cursor:pointer;z-index:999}.toggleMobile span.menu1,.toggleMobile span.menu2,.toggleMobile span.menu3{display:block;position:absolute;width:40px;height:8px;left:0;background:#EDA28C;-webkit-transition:all 0.35s cubic-bezier(.75,.25,.1,.95);transition:all 0.35s cubic-bezier(.75,.25,.1,.95)}.toggleMobile span.menu1{top:0}.toggleMobile span.menu2{top:14px}.toggleMobile span.menu3{top:28px}.toggleMobile.active span.menu1{top:14px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.35s cubic-bezier(.75,.25,.1,.95);transition:all 0.5s cubic-bezier(.75,.25,.1,.95)}.toggleMobile.active span.menu2{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 0.35s cubic-bezier(.75,.25,.1,.95);transition:all 0.5s cubic-bezier(.75,.25,.1,.95)}.toggleMobile.active span.menu3{opacity:0;-webkit-transition:opacity 0.35s cubic-bezier(.75,.25,.1,.95);transition:opacity 0.35s cubic-bezier(.75,.25,.1,.95)}}header p{margin-left:60px;font-size:14px}}

 @media screen and (max-width:540px){#Studie p{width:100%}#container{padding:0em 0em;margin-top:10px;height:100%}#Biomarkt{background:grey}#Home-text{width:100%;height:100%;float:right}#konsum-text p{max-width:90%;margin:10px 10px 10px 10px;font-size:14px}#konsum-text h1{max-width:90%;margin:10px 10px 10px 10px;font-size:22px}}h1 span,h2 span{float:left;color:yellow;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 80%);clip-path:polygon(100% 0,100% 100%,0 100%,0 80%);transform:translateY(-50px);opacity:0;animation-iteration-count:infinite;animation-name:titleAnimation;animation-timing-function:ease;animation-duration:5s}}@media screen and (max-width:340px){#Vorfeld-img{width:100%;max-width:100%}#Home-text{width:100%;height:100%;float:right}}@keyframes stylie-transform-keyframes{0%{transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%,-50%);animation-timing-function:cubic-bezier(.25,.25,.75,.75)}100%{transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%,-50%)}}@keyframes stylie-transform2-keyframes{0%{transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%,-50%);animation-timing-function:cubic-bezier(.25,.25,.75,.75)}100%{transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%,-50%)}}@keyframes animate-background{from{background-position:0}to{background-position:-300px}}