/*
Theme Name: alu
Author: loewn
Author URI: https://loewn.de
Version: 1.0
*/


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}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}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}


@font-face {
    font-family: 'source_bold';
    src: url('inc/fonts/sourcesanspro-bold-webfont.eot');
    src: url('inc/fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('inc/fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('inc/fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('inc/fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'source_light';
    src: url('inc/fonts/sourcesanspro-light-webfont.eot');
    src: url('inc/fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('inc/fonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('inc/fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('inc/fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'source';
    src: url('inc/fonts/sourcesanspro-regular-webfont.eot');
    src: url('inc/fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('inc/fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('inc/fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('inc/fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root{
    --thewidth: 1400px;
    --lwn_height: 80vh;
    --blau: #27628C;
    --blau_w80: #D4E0E8;
    --blau_w40: #7DA1BA; 
    --blau_w20: #5281A3;
    --blau_b50: #133146; 
    --blau_b70: #0C1D2A; 
    --lwn_gap: 30px;
}


#edit_box{
    position: fixed;
    top: 100vh;
    left: 20px;
    padding: 10px 20px;
    line-height: 1;
    background-color: #ff5500;
    color: #fff;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    z-index: 9999;
}

#edit_box:HOVER{
    background-color: var(--blau);
}

#edit_box a{
    color: #fff;
    text-decoration: none;
}



html,
body{
    margin: 0;
    padding: 0;
    color: #2b2b2b;
    font-size: 22px;
    font-family: 'source', sans-serif;
    background-color: var(--blau_b70);
    color: var(--blau_b50);
    width: 100%;
    max-width: 100%;
}

body.showmenu{
    overflow: hidden;
}

/*
*{
    hyphens: auto;
}
*/

.clear{
    clear: both;
}

hr{
    max-width: calc(var(--thewidth) * 0.3);
    margin: 50px auto;
    border: 0;
    height: 5px;
    background-color: var(--blau);
}


body.menudetail{
    overflow: hidden;
}

.center{
    margin: auto;
}

.thewidth{
    position: relative;
    width: var(--thewidth);
}

.desktop .mobileonly{
    display: none;
}

h1,
h2,
h3,
h4,
h5,
p{
    max-width: var(--thewidth);
    margin: 0 auto;
    font-weight: normal;
    line-height: 1.2;
}

.mobile h1,
.mobile h2,
.mobile h3,
.mobile h4,
.mobile h5{
    line-height: 1.1;
}

b,
strong{
    font-family: 'source_bold', sans-serif;
}


h1,
h2{
    font-size: 42px;
    font-family: 'source_light', sans-serif;
    padding-top: 70px;
    color: var(--blau);
}


p{
    text-align: justify;
}

header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    max-width: 100%;
    height: 60vh;
}

.headerheight{
    height: 100%;
/*
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
*/
}

.home header{
    height: 80vh;
}

#headerbg{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-transform: translate3d(0, calc(var(--lwn_scroll)*0.5),0);
            transform: translate3d(0, calc(var(--lwn_scroll)*0.5),0);
	-webkit-transition: -webkit-filter 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	transition: -webkit-filter 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	-o-transition: filter 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	transition: filter 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	transition: filter 0.5s cubic-bezier(0.33, 1, 0.68, 1), -webkit-filter 0.5s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
   
}

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

#headerbg img,
#headerbg video{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

#logo{
    position: absolute;
    width: 280px;
    top: 95px;
    z-index: 10;
    left: 0;
    -webkit-transform: translate3d(0, calc(var(--lwn_scroll)*0.75),0);
            transform: translate3d(0, calc(var(--lwn_scroll)*0.75),0);
}

#logo img{
    display: block;
    width: 100%;
    height: auto;
}


#numberbox{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 300px;
    color: #fff;
    line-height: 1;
    z-index: 1;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	transition: -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	-o-transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}

.menudetail #numberbox{
    -webkit-transform: translate3d(0,110%,0);
            transform: translate3d(0,110%,0);
}

#numberbox .thewidth{
    height: 100%;
    overflow: hidden;
}

#numberbox .legend{
    font-size: 42px;
    position: absolute;
    bottom: 50px;
    left: 0px;
    -webkit-transform: translate3d(0,150%,0);
            transform: translate3d(0,150%,0);
	-webkit-transition: -webkit-transform .4s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: -webkit-transform .4s cubic-bezier(0.34, 1.56, 0.64, 1);
	-o-transition: transform .4s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: transform .4s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: transform .4s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform .4s cubic-bezier(0.34, 1.56, 0.64, 1);
    color: #fff;
    font-family: 'source_bold', sans-serif;
}

#numberbox .number{
    position: absolute;
    bottom: 70px;
    left: 0;
    font-size: 200px;
    font-family: 'source_bold', sans-serif;
/*    transform: translate3d(100vw,0,0);*/
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: -webkit-transform 1s cubic-bezier(0.34, 1.56, 0.64, 1);
	-o-transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 1s cubic-bezier(0.34, 1.56, 0.64, 1);
    opacity: 0;
}

#numberbox .legend.active{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    -webkit-transition-delay: 3s;
         -o-transition-delay: 3s;
            transition-delay: 3s;
}

#numberbox .number.active{
    opacity: 1;
}

/*
#fs_facts{
    font-size: 0;
    margin: 0;
    padding: 0;
    width: 400vw;
}

#fs_facts li{
    display: inline-block;
    width: 100vw;
    max-width: 100%;
}
*/


#scrolluppos{
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 50;
}

#scrollup{
    position: absolute;
    background-color: var(--blau);
    bottom: 0;
    right: -2px;
    width: 51px;
    height: 42px;
    border: 2px solid #fff;
    border-bottom: 0;
    cursor: pointer;
    background-size: 24px 24px;
    background-position: top 9px center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m2.019 11.993c0 5.518 4.48 9.998 9.998 9.998 5.517 0 9.997-4.48 9.997-9.998s-4.48-9.998-9.997-9.998c-5.518 0-9.998 4.48-9.998 9.998zm1.5 0c0-4.69 3.808-8.498 8.498-8.498s8.497 3.808 8.497 8.498-3.807 8.498-8.497 8.498-8.498-3.808-8.498-8.498zm4.715-1.528s1.505-1.502 3.259-3.255c.147-.146.338-.219.53-.219s.384.073.53.219c1.754 1.753 3.259 3.254 3.259 3.254.145.145.217.336.216.527 0 .191-.074.383-.22.53-.293.293-.766.294-1.057.004l-1.978-1.978v6.694c0 .413-.336.75-.75.75s-.75-.337-.75-.75v-6.694l-1.978 1.979c-.29.289-.762.286-1.055-.007-.147-.146-.22-.338-.221-.53-.001-.19.071-.38.215-.524z" fill-rule="nonzero" style="fill: rgb(255,255,255);"/></svg>');
    -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.37, 0, 0.63, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0.37, 0, 0.63, 1);
	-o-transition: transform 0.3s cubic-bezier(0.37, 0, 0.63, 1);
	transition: transform 0.3s cubic-bezier(0.37, 0, 0.63, 1);
	transition: transform 0.3s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.3s cubic-bezier(0.37, 0, 0.63, 1);
}

#scrollup:HOVER{
    height: 52px;
}

.upbutton #scrollup{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

main{
    position: relative;
    min-height: 100vh;
    margin-top: 60vh;
    background-color: #fff;
    z-index: 10;
    padding-bottom: 50px;
    line-height: 1.2;    
}

/*
.menubutton.showmenu main{
    filter: blur(5px);
}
*/

main ul{
    list-style: square;
}

main ul li::MARKER{
    color: var(--blau);
}
main ul li{
    color: var(--blau_b50);
}

main a{
    text-decoration: none;
    color: var(--blau);
}

main a:HOVER{
    color: var(--blau_b50);
}

.lwn_button:HOVER{
    color: #fff;
}

main > p{
    padding: 10px 0;
}

.home main{
    margin-top: 80vh;
}


footer{
    position: relative;
    border-top: 4px solid var(--blau);
    background-color: var(--blau_b50);
    z-index: 70;
}

#footerfooter{
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: var(--blau_b70);
    color: var(--blau);
    font-size: 16px;
}

#copy{
    padding: 10px 0;
    width: calc(100% - 65px);
}

#copy div{
    display: inline-block;
}

footer a{
    text-decoration: none;
    color: var(--blau_w20);
}

footer a:HOVER{
    color: #fff;
}

#footercontent_box2{
    background-position: center right;
    background-size: auto 120%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 177 177" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M87.995,0C136.561,0 176,39.43 176,87.996C176,136.563 136.561,176.004 87.995,176.004C39.429,176.004 0,136.563 0,87.996C0,39.43 39.429,0 87.995,0ZM87.995,17.999C49.365,17.999 17.999,49.365 17.999,87.996C17.999,126.638 49.365,158.004 87.995,158.004C126.625,158.004 157.991,126.638 157.991,87.996C157.991,49.365 126.625,17.999 87.995,17.999ZM80.651,88.555L72.036,88.555L72.036,112.357L54.845,112.357L54.845,47.36L97.241,47.36L97.241,61.757L72.036,61.757L72.036,74.159L86.112,74.159C90.42,69.813 96.975,67.038 104.811,67.038C112.204,67.038 120.405,69.842 126.408,75.739L117.803,86.541C113.407,83.438 109.612,81.839 104.811,81.839C100.602,81.839 98.01,83.342 98.01,86.243C98.01,89.336 101.706,90.444 107.611,92.737L115.506,95.84C123.609,99.04 128.202,104.638 128.202,113.638C128.202,124.643 119.006,134.443 102.81,134.443C94.609,134.443 85.205,131.437 78.207,125.144L88.005,113.34C92.608,117.04 98.404,119.642 103.205,119.642C108.409,119.642 110.607,117.936 110.607,115.045C110.607,111.943 107.305,110.94 101.805,108.743L93.702,105.342C87.039,102.672 81.194,97.199 80.651,88.555Z" style="fill:rgba(255,255,255,0.05);"/></svg>');
}



#madeby{
    position: absolute;
    right: -4px;
    bottom: 0;
    width: 59px;
    height: 100%;
    background-color: var(--blau_b70);
    border-left: 4px solid var(--blau_b50);
    border-right: 4px solid var(--blau_b50);
	-webkit-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
	-o-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}

#madeby a{
    display: block;
    width: 100%;
    height: 100%;
}

#madeby svg{
    position: absolute;
    width: auto;
    height: 22px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
}

#madeby svg path{
    fill: var(--blau_w20);
}

#madeby:HOVER{
    height: 120%;
}

#madeby:HOVER svg path{
    fill: var(--blau);
	-webkit-transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
	-o-transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

#footercontent{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
}

#footercontent p{
    margin-bottom: 10px;
    text-align: left;
}

#footercontent div{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 50px 0 100px 0;
}


#stay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    max-width: 100%;
    height: 20px;
    z-index: 9999;
	-webkit-transition: height 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	-o-transition: height 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	transition: height 0.5s cubic-bezier(0.33, 1, 0.68, 1);
    mix-blend-mode: multiply;
    background-color: var(--blau);

}



#menubutton{
    position: fixed;
    top: 20px;
    left: 0;
    width: 42px;
    height: 42px;
    z-index: 99999999;
	-webkit-transition: height 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	-o-transition: height 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	transition: height 0.5s cubic-bezier(0.33, 1, 0.68, 1);
    mix-blend-mode: multiply;
    background-color: var(--blau);
}

#blur{
    width: 100vw;
    max-width: 100%;
    height: 20px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
	-webkit-transition: height 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	-o-transition: height 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	transition: height 0.5s cubic-bezier(0.33, 1, 0.68, 1);
    overflow: hidden;
    border-top: 5px solid var(--blau_b50);
}

#bluricon:AFTER{
    content: '';
    position: absolute;
    left: 5vw;
    width: 30vw;
    max-width: 300px;
    height: var(--lwn_height);
    background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 177 177" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M87.995,0C136.561,0 176,39.43 176,87.996C176,136.563 136.561,176.004 87.995,176.004C39.429,176.004 0,136.563 0,87.996C0,39.43 39.429,0 87.995,0ZM87.995,17.999C49.365,17.999 17.999,49.365 17.999,87.996C17.999,126.638 49.365,158.004 87.995,158.004C126.625,158.004 157.991,126.638 157.991,87.996C157.991,49.365 126.625,17.999 87.995,17.999ZM80.651,88.555L72.036,88.555L72.036,112.357L54.845,112.357L54.845,47.36L97.241,47.36L97.241,61.757L72.036,61.757L72.036,74.159L86.112,74.159C90.42,69.813 96.975,67.038 104.811,67.038C112.204,67.038 120.405,69.842 126.408,75.739L117.803,86.541C113.407,83.438 109.612,81.839 104.811,81.839C100.602,81.839 98.01,83.342 98.01,86.243C98.01,89.336 101.706,90.444 107.611,92.737L115.506,95.84C123.609,99.04 128.202,104.638 128.202,113.638C128.202,124.643 119.006,134.443 102.81,134.443C94.609,134.443 85.205,131.437 78.207,125.144L88.005,113.34C92.608,117.04 98.404,119.642 103.205,119.642C108.409,119.642 110.607,117.936 110.607,115.045C110.607,111.943 107.305,110.94 101.805,108.743L93.702,105.342C87.039,102.672 81.194,97.199 80.651,88.555Z" style="fill: rgb(255,255,255);"/></svg>');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom 20px left;
    z-index: 2000;
}



.showmenu #blur{
    height: 100vh;
}

/*

rgb(39,89,140)
#stay:AFTER{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--blau);
    mix-blend-mode: multiply;
    z-index: 1;
}
*/

#stay .thewidth{
    height: 100%;
}

.menubutton #stay{
    z-index: 999;
}

.showmenu #stay{
    height: 100vh!important;
    z-index: 999!important;
}

#nav_explain{
    position: absolute;
    bottom: 50px;
    width: 50%;
    left: 0;
    font-size: 22px;
    color: #fff;
    z-index: 9;
    -webkit-transform: translate3d(0,70px,0);
            transform: translate3d(0,70px,0);
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	transition: -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	-o-transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);

}

.menudetail #nav_explain{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

#nav_explain_no{
    color: var(--blau_w20);
    font-size: 52px;
    font-family: 'source_light', sans-serif;
}

nav{
    position: relative;
    z-index: 10;
    top: 0;
}

.mobile nav{
    width: 0;
    visibility: hidden;
}

nav ul,
nav ul li{
    margin: 0;
    padding: 0;
    list-style: none;
}

nav ul{
    font-size: 0;
    position: absolute;
    right: 0;
    top: 116px;
    color: #fff;
}

nav ul li{
    position: relative;
    font-size: 22px;
    display: inline-block;
    font-family: 'source_bold', sans-serif;
    cursor: pointer;
    line-height: 1;
    margin-left: 4px;
    border-top: 2px solid transparent;
    text-align: left;
}

/*
nav ul li a:AFTER{
    content: '';
    position: absolute;
    width: 3px;
    height: calc(100% - 10px);
    right: 0;
    top: 5px;
    background-color: #fff;
}
*/

nav ul li a{
    color: var(--blau_b70);
    background-color: rgba(255,255,255,0.4);
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    padding: 5px 10px;
    line-height: 1;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}

nav ul li a.active{
    background-color: #fff;
    color: var(--blau);
}

nav ul li ul li a:AFTER{
    display: none;
}

nav ul li ul li a{
    background-color:  #fff;
    color: var(--blau_b50);
    margin-top: 2px;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
}

nav ul li ul li a:HOVER{
    background-color: var(--blau_w40);
}


nav ul li:HOVER{
    color: var(--blau_b50);
    border-top: 2px solid #fff;
}

nav ul li:HOVER a{
    background-color:  #fff;
}

nav ul li a:HOVER{
    color: var(--blau_b50);
}


nav ul li ul li{
    font-family: 'source', sans-serif;
}



nav ul li ul{
    position: absolute;
    top: 32px;
    left: 0px;
    visibility: hidden;
    width: fit
}

nav ul li ul:HOVER,
nav ul li:HOVER ul{
    visibility: visible;
}


nav ul li ul li{
    display: block;
    border: 0;
    opacity: 0;
	-webkit-transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
	-o-transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
	transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    margin-left: 0;
    border: 0!important;
}

.menudetail nav ul li:HOVER ul li,
.menudetail nav ul li ul:HOVER li{
    opacity: 1;
}



nav ul{
    --col: transparent;
}

nav ul li:HOVER ul li:NTH-CHILD(1){
    -webkit-transition-delay: 0.1s;
         -o-transition-delay: 0.1s;
            transition-delay: 0.1s;
    background-color:  var(--col);
}
nav ul li:HOVER ul li:NTH-CHILD(2){
    -webkit-transition-delay: 0.2s;
         -o-transition-delay: 0.2s;
            transition-delay: 0.2s;
}
nav ul li:HOVER ul li:NTH-CHILD(3){
    -webkit-transition-delay: 0.3s;
         -o-transition-delay: 0.3s;
            transition-delay: 0.3s;
}
nav ul li:HOVER ul li:NTH-CHILD(4){
    -webkit-transition-delay: 0.4s;
         -o-transition-delay: 0.4s;
            transition-delay: 0.4s;
}
nav ul li:HOVER ul li:NTH-CHILD(5){
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
}
nav ul li:HOVER ul li:NTH-CHILD(6){
    -webkit-transition-delay: 0.6s;
         -o-transition-delay: 0.6s;
            transition-delay: 0.6s;
}
nav ul li:HOVER ul li:NTH-CHILD(7){
    -webkit-transition-delay: 0.7s;
         -o-transition-delay: 0.7s;
            transition-delay: 0.7s;
}
nav ul li:HOVER ul li:NTH-CHILD(8){
    -webkit-transition-delay: 0.8s;
         -o-transition-delay: 0.8s;
            transition-delay: 0.8s;
}
nav ul li:HOVER ul li:NTH-CHILD(9){
    -webkit-transition-delay: 0.9s;
         -o-transition-delay: 0.9s;
            transition-delay: 0.9s;
}
nav ul li:HOVER ul li:NTH-CHILD(10){
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s;
}


.menubutton nav{
    position: fixed;
    right: 0;
    top: 50px;
    width: 30vw;
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
	-o-transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-transform: translate3d(110%,0,0);
            transform: translate3d(110%,0,0);
    visibility: hidden;
    z-index: -10;
}


.showmenu nav{
    z-index: 99999;
    visibility: visible;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s;
	transition: -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s;
	-o-transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s;
	transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s;
	transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s, -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s;
    position: fixed;
    right: 0;
    height: calc(100vh - 50px);
    width: 100vw;
    max-width: 100%;
    top: 50px;
}

.mobile{
    width: 100vw;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}


#navmainul{
    text-align: right;
}

.mobile #navmainul{
    top: 0;
    margin-right: 20px;
    margin-bottom: 0;
/*    visibility: hidden;    */
    text-align: left;
}

.mobile #navscrollbox{
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}


.mobile #navscrollbox,
.mobile .simplebar-wrapper
.mobile .simplebar-mask,
.mobile .simplebar-offset,
.mobile .simplebar-content-wrapper,
.mobile .simplebar-content,
#navmainul{
    width: 100%;
    max-width: 100%;
}

.showmenu #navmainul{
    position: relative;
    top: 0;
    visibility: visible;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    -o-transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-transform: translate3d(-20px,0,0);
            transform: translate3d(-20px,0,0);
    margin-bottom: 10px;
}

.showmenu #navmainul li{
    display: block;
    text-align: right;
}

.showmenu nav a{
    position: relative;
    border: 0;
    margin: 0;
    margin-bottom: 4px;
}

.showmenu nav ul li ul{
    visibility: visible;
    position: relative;
    right: 0;
    left: auto;
    top: 0;
    max-width: none;
    margin-bottom: 10px;
}
.showmenu nav ul li a{
    background-color: rgba(255,255,255,1);
}

.showmenu nav ul li ul li a{
    background-color: rgba(255,255,255,0.5);
}
.showmenu nav ul li ul li{
    opacity: 1;
}

.showmenu nav ul li ul li a.active:BEFORE,
.showmenu nav a.active:AFTER{
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    width: 6px;
    height: 100%;
    background-color: var(--blau_w20);
}

.showmenu nav ul li ul li a.active{
    background-color: rgba(255,255,255,0.5);
}

.showmenu nav li{
    border: 0!important;
}

.showmenu nav a:HOVER{
    background-color: var(--blau_b50)!important;
    color: #fff!important;
}


.menubutton nav ul{
    position: relative;
    top: auto;
}

.menubutton nav a{
    background: transparent;
    color: #fff;
}

.menubutton nav a.active{
    background: transparent;
    color: var(--blau_b50);
}

.menubutton nav a:HOVER{
    background: var(--blau_w40);
    color: var(--blau_b50);
}


.menubutton nav ul li{
    display: block;
    border: 0;
}
.menubutton nav ul li ul{
    visibility: visible;
}

.menubutton nav ul li ul li a{
    padding-left: 30px;
}


.menubutton .ullvl2{
    position: relative;
    top: 0;
}

.menubutton nav ul li ul li{
    opacity: 1;
}

#navbuttonbox{
    position: fixed;
    top: 0;
    height: 5px;
    width: var(--thewidth);
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 99999;
}

#navbutton{
    position: absolute;
    right: 0;
    width: 42px;
    height: 46px;
    top: 0px;
    background-color: var(--blau_b50);
    -webkit-transform: translate3d(0,-60px,0);
            transform: translate3d(0,-60px,0);
    -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 5px;
            box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 5px;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.36, 0, 0.66, -0.56);
	transition: -webkit-transform 0.3s cubic-bezier(0.36, 0, 0.66, -0.56);
	-o-transition: transform 0.3s cubic-bezier(0.36, 0, 0.66, -0.56);
	transition: transform 0.3s cubic-bezier(0.36, 0, 0.66, -0.56);
	transition: transform 0.3s cubic-bezier(0.36, 0, 0.66, -0.56), -webkit-transform 0.3s cubic-bezier(0.36, 0, 0.66, -0.56);
    cursor: pointer;
}

.mobile #navbutton,
.upbutton #navbutton{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

#navbutton::BEFORE{
    content: 'Menu';
    position: absolute;
    top: 3px;
    left: -42px;
    color: var(--blau_w80);
    font-size: 14px;
	-webkit-transition: opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
	-o-transition: opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
	transition: opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
}

.showmenu #navbutton:BEFORE{
    opacity: 0;
}

.menubutton #navbutton{
    -webkit-transform: translate3d(0,-10px,0);
            transform: translate3d(0,-10px,0);
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: -webkit-transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
	-o-transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}


#navbutton svg {
    width: 80%;
    height: 80%;
    margin-left: 10%;
    margin-top: 20%;
}

#navbutton svg path.line {
  fill: none;
  stroke: #fff;
  stroke-width: 6;
  -webkit-transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
#navbutton svg path.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
#navbutton svg path.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
#navbutton svg path.line3 {
  stroke-dasharray: 40 207;
  stroke-width: 6;
}
.showmenu #navbutton svg path.line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.showmenu #navbutton svg path.line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.showmenu #navbutton svg path.line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}

#startbox{
    position: absolute;
    background-color: #fff;
    height: 42px;
    top: -41px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
}

#scrollindicator{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 9px;
    top: 9px;
    background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 42 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M0,21C0,9.41 9.41,0 21,0C32.59,0 42,9.41 42,21C42,32.588 32.59,41.998 21,41.998C9.41,41.998 0,32.588 0,21ZM3.151,21C3.151,30.851 11.149,38.847 21,38.847C30.851,38.847 38.849,30.851 38.849,21C38.849,11.149 30.851,3.151 21,3.151C11.149,3.151 3.151,11.149 3.151,21ZM13.056,24.209C13.056,24.209 16.217,27.362 19.901,31.044C20.208,31.353 20.611,31.506 21.015,31.506C21.418,31.506 21.821,31.353 22.128,31.044C25.812,27.364 28.971,24.209 28.971,24.209C29.276,23.905 29.427,23.506 29.427,23.105C29.427,22.701 29.271,22.298 28.963,21.991C28.349,21.376 27.354,21.372 26.743,21.983L22.59,26.136L22.59,12.077C22.59,11.208 21.884,10.502 21.015,10.502C20.145,10.502 19.439,11.208 19.439,12.077L19.439,26.136L15.283,21.981C14.676,21.374 13.684,21.378 13.069,21.993C12.76,22.302 12.605,22.706 12.603,23.107C12.603,23.508 12.752,23.905 13.056,24.209Z" style="fill:rgb(26,89,135);fill-rule:nonzero;"/></svg>');
    -webkit-animation-name: scrollindicator;
            animation-name: scrollindicator;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

@-webkit-keyframes scrollindicator {
    0%   {-webkit-transform: scale(.8);transform: scale(.8);}
    80%  {-webkit-transform: scale(.8);transform: scale(.8);}
    100% {-webkit-transform: scale(1);transform: scale(1);}
}

@keyframes scrollindicator {
    0%   {-webkit-transform: scale(.8);transform: scale(.8);}
    80%  {-webkit-transform: scale(.8);transform: scale(.8);}
    100% {-webkit-transform: scale(1);transform: scale(1);}
}



#fritzschmidt_metallgiesserei_news_box{
}

.archive_news{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.archive_news_img{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.archive_news_img img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
}


.archive_news_text{
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
}

.archive_news_text p{
    padding-bottom: 1px;
    margin-bottom: 1px;
}

.archive_news_text h2{
    padding-top: 0;
    font-size: 32px;
}

#fritzschmidt_metallgiesserei_karriere_ul{
    list-style: square;
    color: var(--blau_b50);
}

#fritzschmidt_metallgiesserei_karriere_ul li a{
    color: var(--blau);
    text-decoration: none;
}

#fritzschmidt_metallgiesserei_karriere_ul li a:HOVER{
    color: var(--blau_b50);
}




/*
.lwn_flexparent{
    gap: 30px;
}
*/

.lwn_flexrest3 {
    -ms-flex-preferred-size: calc(33.3333% - var(--lwn_gap) / 3 * 2);
        flex-basis: calc(33.3333% - var(--lwn_gap) / 3 * 2);
}


.lwn_block{
    margin: 100px auto;
}
/*

#fritzschmidt_branchen_start .lwn_flexparent{
    gap: 30px;
}
*/

#fritzschmidt_branchen_start .lwn_flexchild{
    background-color: var(--blau);
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(20% - (120px / 5));
            flex: 1 1 calc(20% - (120px / 5));
    padding: 40px 70px 70px 70px;
}

#fritzschmidt_branchen_start .lwn_flexchild a{
    display: block;
}

/*
#fritzschmidt_branchen_start .lwn_flexchild:HOVER{
    background-color: var(--blau_w20);    
}

#fritzschmidt_branchen_start .lwn_flexchild:HOVER h3{
    color: var(--blau_w20);    
}
*/

#fritzschmidt_branchen_start .lwn_flexchild h3{
    font-size: 18px;
    position: absolute;
    bottom: 0;
    background-color: var(--blau_b50);
    padding: 5px 10px;
    width: 100%;
    left: 0;
    color: #fff;
    height: 54px;
    font-family: 'source_bold', sans-serif;
    text-align: center;
}

#fritzschmidt_branchen_start .lwn_flexchild h3 span{
    position: relative;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#fritzschmidt_branchen_start .lwn_flexchild img{
    aspect-ratio: 1 / 1;
    width: 100%;
    max-height: 100%;
    height: auto;
    -o-object-fit: none;
       object-fit: none;
}

#fritzschmidt_branchen_start .lwn_img_heightbox{
    height: auto!important;
}

#fritzschmidt_branchen_start .lwn_flexparent{
    margin-bottom: 0;
}

#fritzschmidt_kunden_start .lwn_flexparent{
    border: 4px solid #eee;
    border-left: 0;
    border-right: 0;
    padding: 40px 20px;
}

#fritzschmidt_kunden_start img{
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
}

#fritzschmidt_kunden_start .lwn_flexparent{
    gap: 70px;
}

.lwn_flex5 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(20% - (280px / 5));
          flex: 1 1 calc(20% - (280px / 5));
}


#fritzschmidt_kontakt_start .lwn_textbox_overlay{
    background-color: transparent;
    background-image: none;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    padding: 0;
}

#fritzschmidt_kontakt_start .lwn_textbox_overlay h2{
    font-family: 'source_bold', sans-serif;
    color: #fff;
    margin: 0;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.47);
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
    line-height: 1.1;
}


.lwn_vcenter h1,
.lwn_vcenter h2,
.lwn_vcenter h3,
.lwn_vcenter h4,
.lwn_vcenter h5{
    padding-top: 0;
    margin-bottom: 10px;
}


.lwn_carousel_indicator_li{
    background-color: var(--blau);
}

.lwn_carousel_indicator_li.active{
    background-color: var(--blau_b50);
}

h2 + .lwn_block{
    margin-top: 20px;
}

.lwn_button{
    text-decoration: none;
    color: #fff;
    background-color: var(--blau);
    margin-top: 20px;
    display: inline-block;
}

.lwn_button:HOVER{
    background-color: var(--blau_b50);
    
}

.lwn_block_repeater .lwn_flexparent{
    margin-bottom: 10px;
}

.lwn_newsblock h3{
    font-size: 22px;
    background-color: rgba(255,255,255,0.5);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    color: var(--blau_b50);
    padding: 5px;
    line-height: 1.1;
    width: 100%;
    margin: 0;
    max-width: 100%;
}

.lwn_post_date{
    color: var(--blau);
}


.desktop .lwn_carousel_swipe_indicator{
    display: none;
}


.lwn_carousel_button{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 42px 42px;
}

.lwn_carousel_button:HOVER{
    background-color: var(--blau_w80);
    background-size: 52px 52px;
}

.lwn_carousel_button_right{
    background-image: url('data:image/svg+xml,<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="%27628C" d="m12.012 1.995c-5.518 0-9.998 4.48-9.998 9.998s4.48 9.998 9.998 9.998 9.997-4.48 9.997-9.998-4.479-9.998-9.997-9.998zm0 1.5c4.69 0 8.497 3.808 8.497 8.498s-3.807 8.498-8.497 8.498-8.498-3.808-8.498-8.498 3.808-8.498 8.498-8.498zm1.528 4.715s1.502 1.505 3.255 3.259c.146.147.219.339.219.531s-.073.383-.219.53c-1.753 1.754-3.254 3.258-3.254 3.258-.145.145-.336.217-.527.217-.191-.001-.383-.074-.53-.221-.293-.293-.295-.766-.004-1.057l1.978-1.977h-6.694c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h6.694l-1.979-1.979c-.289-.289-.286-.762.006-1.054.147-.147.339-.221.531-.222.19 0 .38.071.524.215z" fill-rule="nonzero"/></svg>');
}

.lwn_carousel_button_left{
    background-image: url('data:image/svg+xml,<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.017 1.995c5.517 0 9.997 4.48 9.997 9.998s-4.48 9.998-9.997 9.998c-5.518 0-9.998-4.48-9.998-9.998s4.48-9.998 9.998-9.998zm0 1.5c-4.69 0-8.498 3.808-8.498 8.498s3.808 8.498 8.498 8.498 8.497-3.808 8.497-8.498-3.807-8.498-8.497-8.498zm-1.528 4.715s-1.502 1.505-3.255 3.259c-.147.147-.22.339-.22.531s.073.383.22.53c1.753 1.754 3.254 3.258 3.254 3.258.145.145.335.217.526.217.192-.001.384-.074.531-.221.292-.293.294-.766.003-1.057l-1.977-1.977h6.693c.414 0 .75-.336.75-.75s-.336-.75-.75-.75h-6.693l1.978-1.979c.29-.289.287-.762-.006-1.054-.147-.147-.339-.221-.53-.222-.19 0-.38.071-.524.215z" fill-rule="nonzero"/></svg>');
}


.lwn_carousel_swipe_indicator{
    background-color: var(--blau);
}

.lwn_carousel_swipe_indicator:AFTER{
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4.021 10.688c1.208.172 2.51 1.312 2.979 1.781v-10.514c0-1.08.92-1.955 2-1.955s2 .875 2 1.955v6.058c0 .784.814.885.919.103.216-1.604 2.519-1.817 2.693.399.043.546.726.655.866.027.326-1.444 2.501-1.458 2.758.758.066.579.796.696.848.034.051-.67.281-.934.607-.934 1.098 0 2.309 2.019 2.309 4.41 0 4.295-3 4.306-3 11.19h-10c-.332-3.942-3.462-7.431-6.271-10.241-.488-.488-.729-1.052-.729-1.564 0-.93.759-1.688 2.021-1.507z" style="fill: white;"/></svg>');
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-name: movefinger;
            animation-name: movefinger;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}


@-webkit-keyframes movefinger {
    0%,
    100%{
        -webkit-transform: translate3d(20px,0,0) rotate(20deg) scale(.9);
                transform: translate3d(20px,0,0) rotate(20deg) scale(.9);
    } 

    70%,
    80{
        -webkit-transform: translate3d(0,0,0) rotate(20deg) scale(.9);
                transform: translate3d(0,0,0) rotate(20deg) scale(.9);
    }
   
    85% {
        -webkit-transform: translate3d(0,0,0) rotate(0deg) scale(1);
                transform: translate3d(0,0,0) rotate(0deg) scale(1);
    }
    95% {
        -webkit-transform: translate3d(20px,0,0) rotate(10deg) scale(1);
                transform: translate3d(20px,0,0) rotate(10deg) scale(1);
    }
}


@keyframes movefinger {
    0%,
    100%{
        -webkit-transform: translate3d(20px,0,0) rotate(20deg) scale(.9);
                transform: translate3d(20px,0,0) rotate(20deg) scale(.9);
    } 

    70%,
    80{
        -webkit-transform: translate3d(0,0,0) rotate(20deg) scale(.9);
                transform: translate3d(0,0,0) rotate(20deg) scale(.9);
    }
   
    85% {
        -webkit-transform: translate3d(0,0,0) rotate(0deg) scale(1);
                transform: translate3d(0,0,0) rotate(0deg) scale(1);
    }
    95% {
        -webkit-transform: translate3d(20px,0,0) rotate(10deg) scale(1);
                transform: translate3d(20px,0,0) rotate(10deg) scale(1);
    }
}

The full code now looks lik

.lwn_download_check,
.lwn_download_icon{
    background-color: var(--blau);
    background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 42 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M0,21C0,9.41 9.41,0 21,0C32.59,0 42,9.41 42,21C42,32.588 32.59,41.998 21,41.998C9.41,41.998 0,32.588 0,21ZM3.151,21C3.151,30.851 11.149,38.847 21,38.847C30.851,38.847 38.849,30.851 38.849,21C38.849,11.149 30.851,3.151 21,3.151C11.149,3.151 3.151,11.149 3.151,21ZM13.056,24.209C13.056,24.209 16.217,27.362 19.901,31.044C20.208,31.353 20.611,31.506 21.015,31.506C21.418,31.506 21.821,31.353 22.128,31.044C25.812,27.364 28.971,24.209 28.971,24.209C29.276,23.905 29.427,23.506 29.427,23.105C29.427,22.701 29.271,22.298 28.963,21.991C28.349,21.376 27.354,21.372 26.743,21.983L22.59,26.136L22.59,12.077C22.59,11.208 21.884,10.502 21.015,10.502C20.145,10.502 19.439,11.208 19.439,12.077L19.439,26.136L15.283,21.981C14.676,21.374 13.684,21.378 13.069,21.993C12.76,22.302 12.605,22.706 12.603,23.107C12.603,23.508 12.752,23.905 13.056,24.209Z" style="fill:white;fill-rule:nonzero;"/></svg>');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
}

.lwn_download_check{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.25 8.891l-1.421-1.409-6.105 6.218-3.078-2.937-1.396 1.436 4.5 4.319 7.5-7.627z"  style="fill:white;"/></svg>');
}



.lwn_carousel_progress{
    background-color: var(--blau_w80);
}


.lwn_carousel{
    position: absolute;
    top: 0;
    left: 0;
}


.fs_countup h2{
    font-family: "source_bold", sans-serif;
    font-size: 80px;
    line-height: 1;
    margin-bottom: 0;
}

.lwn_carousel_swipe_indicator{
    display: none;
}

.mobile .lwn_carousel_swipe_indicator{
    display: block;
}

.showmenu #navscrollbox{
    width: 100%;
    height: calc(var(--lwn_height) - 90px);
    top: 20px;
    bottom: 10vh;
    text-align: right;
}


.upbutton #navmainul{
    display: block;
    right: 0px;
}
    

#fritzschmidt_start_insight .lwn_left{
    float: none;
}


.showmenu [data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.showmenu .simplebar-wrapper {
  overflow: hidden;
  width: 100%;
  height: inherit;
  max-width: 100%;
  max-height: inherit;
}

.showmenu .simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.showmenu .simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.showmenu .simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.showmenu .simplebar-content-wrapper::-webkit-scrollbar,
.showmenu .simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.showmenu .simplebar-content:before,
.showmenu .simplebar-content:after {
  content: ' ';
  display: table;
}

.showmenu .simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.showmenu .simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.showmenu .simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.showmenu .simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

.showmenu [data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.showmenu [data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.showmenu [data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.showmenu .simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.showmenu .simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: white;
  left: 0px;
  right: 0px;
  opacity: 1!important;
  -webkit-transition: opacity 0.2s 0.5s linear;
  -o-transition: opacity 0.2s 0.5s linear;
  transition: opacity 0.2s 0.5s linear;
}

.showmenu .simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.showmenu .simplebar-track.simplebar-vertical {
  top: 0;
  width: 7px;
    background-color: rgba(255,255,255,0.3);
}

.showmenu .simplebar-scrollbar:before {
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.showmenu .simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
    display: none;
}

.showmenu .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
.showmenu [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.showmenu .simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.showmenu .simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.showmenu .simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}








@media only screen and (max-width: 1550px) {
   
:root{
    --thewidth: 1200px;
    } 
}

@media only screen and (max-width: 1300px) {
   
:root{
    --thewidth: 1060px;
    --lwn_xtrawidth: 80px;
    } 
}

@media screen and (max-width: 1101px) {
    .lwn_newsblock .lwn_flexchild {
        -ms-flex-preferred-size: calc(50% - 10px);
            flex-basis: calc(50% - 10px);
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }

}

@media only screen and (max-width: 1161px) {
   
:root{
    --thewidth: calc(100vw - 40px);
    --lwn_xtrawidth: 0px;
    --lwn_gap: 20px;
} 
    
    .thewidth{
        padding: 0 20px;
    }
}

@media only screen and (max-width: 1025px) {
    nav ul li{
        font-size: 20px;
    }

    #logo{
        width: 250px;
        top: 99px;
    }
    
    .archive_news_text{
        -webkit-box-flex: 2;
            -ms-flex: 2;
                flex: 2;
    }
    
    #fritzschmidt_branchen_start .lwn_flexchild {
        padding: 20px 20px 70px 20px
        
    }
}

@media screen and (max-width: 985px) {
    
    #navbutton {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
    }
    
    #navmainul{
        visibility: hidden;
        -webkit-transform: translate3d(102%,0,0);
                transform: translate3d(102%,0,0);
        -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
        transition: -webkit-transform 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
        -o-transition: transform 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
        transition: transform 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
        transition: transform 0.6s cubic-bezier(0.36, 0, 0.66, -0.56), -webkit-transform 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
    }
    
    #footercontent{
        display: block;
    }
    
    #footercontent_box2{
        display: none;
    }
}

@media screen and (max-width: 720px) {
    :root{
        --thewidth: calc(100% - 20px);
        --lwn_mainpadding: 0px;
    }
    
    
    .lwn_block{
        width: var(--thewidth);
    }
    
    .lwn_blox_width_full,
    .lwn_carousel_overflow,
    .lwn_block_carousel{
        width: 100%!important;
    }
    
    .archive_news{
        display: block;
    }
    
    .archive_news_img{
        height: 200px;
    }
    
    #numberbox .number{
        font-size: 150px;
    }
    
    #copy_text{
        padding-right: 50px;
    }
    
    h1, h2, h3, h4, h5, p{
        -webkit-hyphens: auto;
            -ms-hyphens: auto;
                hyphens: auto;
    }
    
    #fritzschmidt_kunden_start .lwn_flexparent,
    #fritzschmidt_branchen_start .lwn_flexparent{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 15px;
    }
    
    #fritzschmidt_kunden_start .lwn_flexparent .lwn_flexchild,
    #fritzschmidt_branchen_start .lwn_flexparent .lwn_flexchild{
        margin: 0;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 calc(33.33% - 10px);
                flex: 1 1 calc(33.33% - 10px);
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
    }
    
    #fritzschmidt_branchen_start .lwn_flexchild h3 {
        max-width: 100%;
    }
    
    #fritzschmidt_start_insight{
        margin-bottom: 100px;
    }
    
    #fritzschmidt_start_insight .lwn_button{
        margin-left: 10px;
    }
    
    .lwn_carousel_indicator{
        right: 10px;
        max-width: none;
    }
    
    main ul{
        padding-left: 15px;
    }
    
    footer{
        font-size: 16px;
    }
    #footerfooter{
        font-size: 14px;
    }
    
    
}

@media screen and (max-width: 550px) {
    
    :root{
        --lwn_gap: 10px;
    }

    
    body{
        font-size: 18px;
    }
    
    h1, h2{
        font-size: 32px;
    }
    
    h1{
        padding-top: 30px;
    }

    .lwn_block{
        margin: 50px auto;
    }
    
    #fritzschmidt_kontakt_start{
        height: 100vh;
    }
    
    #fritzschmidt_kunden_start .lwn_flexparent, #fritzschmidt_branchen_start .lwn_flexparent{
        gap: 10px;
    }
    
    #fritzschmidt_kunden_start .lwn_flexparent .lwn_flexchild, #fritzschmidt_branchen_start .lwn_flexparent .lwn_flexchild {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 calc(50% - 7.5px);
                flex: 1 1 calc(50% - 7.5px);
    }
    
    #fritzschmidt_branchen_start .lwn_flexchild img{
        width: 70%;
        margin: auto;
    }
    
    
    #fritzschmidt_kontakt_start .lwn_vcenter{
        padding: 10px!important;
    }
    
    .lwn_newsblock .lwn_flexparent > .lwn_flexchild:first-of-type{
        margin-bottom: 10px;
    }
    
    .lwn_newsblock h3{
        font-size: 18px;    
    }
    
    .lwn_block .thewidth,
    .lwn_block .lwn_thewidth{
        width: 100%;
    }
    
    #logo{
        width: 200px;
        top: 40px;
    }
    
    #numberbox .number{
        font-size: 90px;
        bottom: 90px;
    }
    
    #numberbox .legend{
        font-size: 22px;
    }
    
    .lwn_download.lwn_download_nozip,
    .lwn_download{
        padding: 5px;
        line-height: 1.2;
    }
    
    .lwn_download{
        padding-bottom: 40px;
    }
    
    #footercontent p{
        max-width: 100%;
    }
    
}
@media screen and (max-width: 420px) {
    
    .thewidth{
        padding: 0;
    }
}