*,::after,::before{box-sizing:border-box}
:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}
html{line-height:1.15;-webkit-text-size-adjust:100%}
hr{height:0;color:inherit}
abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
::-moz-focus-inner{border-style:none;padding:0}
:-moz-focusring{outline:ButtonText dotted 1px}
:-moz-ui-invalid{box-shadow:none}
legend{padding:0}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
.invisible{display:none!important}
.clearleft{clear:left}
.clearfix:after{content:"";display:table;clear:both}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;}
body{font-family: "paralucent","Roboto",sans-serif;margin:0;font-weight:300;line-height:1.25;color:#fff;text-align:left;background-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;word-spacing:.01em;-webkit-hyphens:auto;hyphens:auto;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow-x:hidden;max-width:100%;opacity:0;top:-2rem;position:relative;animation-fill-mode:forwards;animation-timing-function:ease,step-start,cubic-bezier(.3,0,.15,1);animation-name:loading;animation-duration:.75s;animation-delay:0;overflow-x:hidden;}
@keyframes loading {
    0%{top:-2rem}
    20%{opacity:0}
    100%{top:0;opacity:1}
}

a{color:#fff}
a:hover{text-decoration:none}
strong{font-weight:700}
.headline,.like-h1,.like-h2,.like-h3,.like-h4,.like-h5,.like-h6,h1,h2,h3,h4,h5,h6{-webkit-hyphens:none;hyphens:none;letter-spacing:.08rem;color:#fff}
blockquote,figure,ol,p,table,ul{font-size:1rem}
figure,picture{margin:0}
blockquote,ol,p,table,ul{padding:0;margin-top:1rem;margin-bottom:1rem}
.headline,blockquote,figure,h1,h2,h3,h4,h5,h6,ol,p,table,ul{}
small{font-size:.8rem;margin-top:.775rem;margin-bottom:.775rem}
html{font-size:18px}



h1,h2{font-size:1.35rem;margin:0 0 1.5rem 0;font-weight:300}
p{margin:1.5rem 0}
ul,ol{margin:1.5rem 0 1.5rem 1rem}

.button{padding:.75rem 3.5rem;text-decoration:none;transition:all .2s linear 0s;display:inline-block;border:1px solid #225257;color:#225257}
.button:hover{background-color:#225257;color:#fff !important}

#back-logo{margin-bottom:4rem;width:16rem;display:block}
#back-logo img{width:100%;max-width:100%;height:auto;position:relative;bottom:auto;left:auto;}

#header img,
.produkte img,
.standort img{width:100%;height:auto;display:block}

#header .rechts{position:relative}
#header .rechts img{z-index:1}
#header .rechts .logo{z-index:2;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:65%;height:auto}

.produkte .links.full{width:100%;flex:0 100%;max-width:100%}
.produkte .links{padding:3rem;background-color:#225257;color:#fff;position:relative}
.produkte .links img{max-width:75px}
.produkte .rechts{padding:3rem;background-color:#82CA49;color:#225257}
.produkte .rechts *{color:#225257}

.standort .links{position:relative;padding:3rem;background-color:#D9F3BD;color:#202C46}
.standort .links *{color:#202C46}
.standort .links p{font-size:1.5rem}
.standort .rechts{padding:3rem;background-color:#225257;color:#8CBAB3}
.standort .rechts *{color:#8CBAB3}
.standort .rechts p{text-align:right}
.standort h2{font-weight:600;font-size:2rem}
.standort .absolute p:last-child{margin-bottom:0}

#footer *{color:#282828;background-color:#EBEBEA}
#footer .links{padding:2rem 3rem 1rem 3rem}
#footer .spalte-links,
#footer .spalte-rechts{padding:1rem 3rem}
#footer .spalte-rechts p{margin-top:0}
#footer .spalte-rechts a{text-decoration:none}
#footer .spalte-rechts a:hover,
#footer .spalte-rechts a.active{text-decoration:underline}

@media only screen and (min-width:768px) {
    html,body{hyphens:none}

    #header .inside{display:flex;flex-flow:row wrap;flex-direction:row-reverse}
    #header .links,
    #header .rechts{flex:0 50%;width:50%;max-width:50%}

    .produkte .inside{display:flex;flex-flow:row wrap}
    .produkte .links{flex:0 45%;width:45%;max-width:45%}
    .produkte .rechts{flex:0 55%;width:55%;max-width:55%}

    .standort .inside{display:flex;flex-flow:row wrap}
    .standort .links{flex:0 50%;width:50%;max-width:50%}
    .standort .rechts{flex:0 50%;width:50%;max-width:50%}

    #footer .inside{display:flex;flex-flow:row wrap}
    #footer .links,
    #footer .rechts{flex:0 50%;width:50%;max-width:50%}
    #footer .rechts{display:flex;flex-flow:row wrap}
    #footer .spalte-links{padding:2rem 1rem 2rem 0;flex:0 45%;width:45%;max-width:45%}
    #footer .spalte-rechts{padding:2rem 1rem 2rem 0;flex:0 55%;width:55%;max-width:55%}
}

@media only screen and (min-width:1024px) {
    .produkte .links img{position:absolute;bottom:3rem;left:3rem}
    .produkte .rechts{padding:3rem 4rem}
    .produkte .links{flex:0 35%;width:35%;max-width:35%}
    .produkte .rechts{flex:0 65%;width:65%;max-width:65%}
    
    .standort .links{padding:4rem 3rem}
    .standort .rechts{padding:4rem}
}

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

    .produkte .links{flex:0 25%;width:25%;max-width:25%}
    .produkte .rechts{flex:0 75%;width:75%;max-width:75%;padding:3rem 5rem}

    .standort h2{font-size:3.75rem}
    .standort .absolute{position:absolute;bottom:6rem;left:3rem;right:3rem}

    #footer .links{padding:3rem 3rem}
    #footer .spalte-links{padding:3rem 2rem;flex:0 50%;width:50%;max-width:50%}
    #footer .spalte-rechts{padding:3rem 2rem;flex:0 50%;width:50%;max-width:50%}
}

@font-face {
    font-family: 'Roboto';
    src: url(/fonts/Roboto-Light.eot);
    src: url(/fonts/Roboto-Light.eot?#iefix) format('embedded-opentype'),
        url(/fonts/Roboto-Light.otf) format('otf'),
        url(/fonts/Roboto-Light.svg#Roboto-Light) format('svg'),
        url(/fonts/Roboto-Light.ttf) format('truetype'),
        url(/fonts/Roboto-Light.woff) format('woff'),
        url(/fonts/Roboto-Light.woff2) format('woff2');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Regular.eot');
    src: url('/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Roboto-Regular.woff2') format('woff2'),
        url('/fonts/Roboto-Regular.woff') format('woff'),
        url('/fonts/Roboto-Regular.ttf') format('truetype'),
        url('/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Bold.eot');
    src: url('/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Roboto-Bold.woff2') format('woff2'),
        url('/fonts/Roboto-Bold.woff') format('woff'),
        url('/fonts/Roboto-Bold.ttf') format('truetype'),
        url('/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}