/*
Theme Name: NoR
Theme URI: 
Author: wald.pixel.werk
Author URI: http://waldpixelwerk.de
Description: Wordpress Theme
Version: 1.0
*/

/* Root and Fonts */

            :root{
                --red: #E86565;
                --redrgb:  232, 101, 101;
                --yellow: #E8C065;
                --yellowrgb: 232, 192, 101;
                --dark: #071330;
                --darkrgb: 7, 19, 48;
                --blue: #738FA7;
                --bluergb: 199, 226, 255;
                --blueheather: #C3CEDA;
                --blueheatherrgb: 195, 206, 218;
                --purple: #AC8DDD;
                --purplerbg: 172, 141, 221;
				--purpleheather:#d685dd;
                --green: #93BA9C;
                --greenbright:#8BDB8E;
                --bluebright:#6FD2D6;
                --orange:#F09F30;
                --orangeheather: #FFB56C;
                --linewidth: 1px;
                --fontsize: 2.4vh;
			
                --dash1: 150em;
                --dash2: 220em;
                --dash3: 193em;
                --dash4: 200em;
                --dash5: 50em;
				
	
				--dashprojects:480em;
				
    --vh: 100%;
  
}



@media (min-height:900px){
                :root{
					--linewidth:2px;
            }
}


@media (orientation: portrait){
                :root{
				--fontsize:3.7vw;
                 --dash1: 190em;
                --dash2: 150em;
                --dash3: 142em;
                --dash4: 150em;
                --dash5: 30em;
					--dashprojects:170em;
            }
}



            @font-face {
  font-family: 'OGG';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/Ogg-Bold.woff') format('woff'),
       url('fonts/Ogg-Bold.woff2') format('woff2'),
        url('fonts/Ogg-Bold.eot') format('eot')
}


            @font-face {
  font-family: 'OGG';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/Ogg-Regular.woff') format('woff'),
       url('fonts/Ogg-Regular.woff2') format('woff2'),
       url('fonts/Ogg-Regular.eot') format('eot')
}


            @font-face {
  font-family: 'Gellix';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/Gellix-Regular.woff') format('woff'),
       url('fonts/Gellix-Regular.woff2') format('woff2')
}

            @font-face {
  font-family: 'Gellix';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('fonts/Gellix-Medium.woff') format('woff'),
       url('fonts/Gellix-Medium.woff2') format('woff2')
}

            @font-face {
  font-family: 'Gellix';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/Gellix-Bold.woff') format('woff'),
       url('fonts/Gellix-Bold.woff2') format('woff2')
}




::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: var(--dark);
}

::selection {
 color: #fff;
    background: var(--dark);
}

*{-webkit-tap-highlight-color: transparent;}


/* Misc */


body, html{position: relative;left: 0;margin: 0;padding: 0;font-size:var(--fontsize);color:var(--dark);line-height:1.55em;font-family:'Gellix';letter-spacing:0.025em;}
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

li, ol{margin-bottom:0.6em;}
p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}


.paragraph{margin: 10vh calc(50vw - 33vh);color: #fff;text-align: center;width: 66vh;position: relative;display: inline-block;opacity:0;animation:opacity 1s forwards .6s ease}
.paragraph-imprint{text-align:unset;width: 50vw;position: relative;margin-left: calc(25vw);}
.paragraph-outreach{text-align:center;width: 50vw;position: relative;margin-left: calc(25vw);height:2vh}
.paragraph-outreach-section{text-align:center;width: 50vw;position: relative;margin-left: calc(25vw);margin-top: -2vh;}
.paragraph-button{margin-top:2em;}
.blueheather-style .paragraph, .dark-style .paragraph, .green-style .paragraph, .yellow-style .paragraph, .bluebright-style .paragraph{color:var(--dark)}

.line{width: var(--linewidth);margin-left: calc(50vw - 0.5px);position: relative;height:20vh;opacity:0;animation:opacity 1s forwards .3s ease}
.lineOutreach{width: var(--linewidth);margin-left: calc(50vw - 0.5px);position: relative;height:12vh;opacity:0;animation:opacity 1s forwards .3s ease}
.line-top{height:30vh;}
.line-full{height:30vh}



a{display:inline-grid;position:relative;text-decoration:none}
a:after{display:inline-block;position:absolute;left:0;content:"";bottom:0.1em;width:100%;height:var(--linewidth);transition:bottom .3s ease}
a:hover:after{bottom:-0.1em;}

.red, a.red{color: var(--red)}
.redbg{background-color: var(--red);color: #fff;}
a.red:after{background-color: var(--red)}
.circle-red{border-color: var(--red)}

.yellow, a.yellow{color: var(--yellow)}
.yellowbg{background-color: var(--yellow);color: #fff;}
a.yellow:after{background-color: var(--yellow)}
.circle-yellow{border-color: var(--yellow)}


.dark, a.dark{color: var(--dark)}
.darkbg{background-color: var(--dark);color: #fff;}
a.dark:after{background-color: var(--dark)}

.blue, a.blue{color: var(--blue)}
.bluebg{background-color: var(--blue);color: #fff;}
a.blue:after{background-color: var(--blue)}

.blueheather, a.blueheather{color: var(--blueheather)}
.blueheatherbg{background-color: var(--blueheather);color: #fff;}
a.blueheather:after{background-color: var(--blueheather)}

.purple, a.purple{color: var(--purple)}
.purplebg{background-color: var(--purple);color: #fff;}
a.purple:after{background-color: var(--purple)}
.circle-purple{border-color: var(--purple)}


.green, a.green{color: var(--green)}
.greenbg{background-color: var(--green);color: #fff;}
a.green:after{background-color: var(--green)}

.orangebg{background-color: var(--orange);color: #fff;}
.orangeheather, a.orangeheather{color: var(--orangeheather)}
.orangeheatherbg{background-color: var(--orangeheather);color: #fff;}
a.orangeheather:after{background-color: var(--orangeheather)}


.bluebright, a.bluebright{color: var(--bluebright)}
.bluebrightbg{background-color: var(--bluebright);color: #fff;}
a.bluebright:after{background-color: var(--bluebright)}
.circle-bluebright > .start-circle-wrapper{border-color: var(--bluebright)}
.circle-bluebright .start-circle-inner{color:var(--dark)}
.circle-bluebright .circle-number{color:var(--bluebright)}

.greenbright{color:var(--greenbright)}
.bluebright{color:var(--bluebright)}
.orange{color:var(--orange)}
.purpleheather{color:var(--purpleheather)}


.button, .button:focus{display:inline-block;padding:0.5em 4.5em;letter-spacing:0.2em;border-radius:0.3em;font-size:0.7em;color:var(--dark);font-weight:500;transition:background-color .3s ease, border .3s ease}
.button:hover{background-color:#fff}

.button.redbg{border:var(--linewidth) solid var(--red);background-color:rgba(var(--redrgb), 1)}
.button.redbg:hover{background-color:rgba(255,255,255,1);border:var(--linewidth) solid #fff}

 .yellow-style.id-513 .paragraph{color:#fff}
.yellow-style.id-513 .navi-logo {
color: #fff;
}
.yellow-style.id-513 .navi-button {
color: #fff;
}



.yellow-style.id-513 .navi-active .navi-button-x-line{
    background-color: var(--dark);
}

h1{font-family:'OGG';
    display: block;
    font-size: 3.08em;
    letter-spacing:0.025em;
    margin-block-start: 0em;
    margin-block-end: 0.4em;
    margin-inline-start: 0px;
    line-height:1.1em;
    margin-inline-end: 0px;
    font-weight: bold;
}


h2{
    display: block;
    font-size: 1em;
    letter-spacing:0.2em;
    margin-block-start: 0em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    line-height:1.1em;
    margin-inline-end: 0px;
    text-transform:uppercase;
    font-weight: bold;
}


h3 {
    display: block;
    font-size: 1em;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    letter-spacing:0.025em;
    line-height:1.18em;
    font-weight: bold;
}

@keyframes gradient1{
    0%{left: -100vw;top: -100vh}
    30%{left: -90vw;top: -70vh}
    65%{left: -80vw;top: -90vh}
    100%{left: -100vw;top: -100vh}
}

@keyframes gradient2{
    0%{left: -100vw;top: -100vh}
    30%{left: -70vw;top: -90vh}
    65%{left: -90vw;top: -70vh}
    100%{left: -100vw;top: -100vh}
}


@keyframes gradient3{
    0%{left: -100vw;top: -100vh}
    30%{left: -85vw;top: -90vh}
    65%{left: -90vw;top: -80vh}
    100%{left: -100vw;top: -100vh}
}



            .gradient{
                width: 100vw;
                height: 120vh;
                overflow: hidden;
                position: fixed;
                top: 0;
                z-index:-1;
                
                left: 0;
                background:rgb(7, 21, 13)
            }
                .gradient-over-1{
                    position: absolute;
                left: -100vw;
                top: -100vh;
                width: 300vw;
                height: 300vh;

                background: radial-gradient(at 70% 40%, rgb(2, 41, 82) 15%, rgb(7, 21, 13) 35%);
                animation: gradient1 20s ease-in-out;
        
                animation-iteration-count: infinite;
            }
                .gradient-over-2{
                    position: absolute;
                left: -100vw;
                top: -100vh;
                width: 300vw;
                height: 300vh;
                background: radial-gradient(at 65% 65%, rgba(21, 19, 60, 0.7) 5%, rgba(21, 19, 60, 0) 20%);
                animation: gradient2 18s ease-in-out;
            
                animation-iteration-count: infinite;
            }

                            .gradient-over-3{
                    position: absolute;
                left: -100vw;
                top: -100vh;
                width: 300vw;
            
                height: 300vh;
                background: radial-gradient(at 38% 30%, rgba(21, 19, 60, 0.4) 5%, rgba(21, 19, 60, 0) 20%);
                animation: gradient3 22s ease-in-out;
                animation-iteration-count: infinite;
            }




            .gradient-heather{
                width: 100vw;
                height: 100vh;
                overflow: hidden;
                position: fixed;
                top: 0;
                z-index:-1;
                
                left: 0;
                background:rgb(255,255,255)
            }


                        .gradient-heather-over-1{
                    position: absolute;
                left: -100vw;
                top: -100vh;
                width: 300vw;
                height: 300vh;
                    background: radial-gradient(at 34% 80%, rgba(195, 206, 218, 1) 0%, rgba(255,255,255, 0) 40%);
                animation: gradient3 22s ease-in-out;
                animation-iteration-count: infinite;
            }

                                .gradient-heather-over-2{
                    position: absolute;
                left: -100vw;
                top: -100vh;
                transform:rotate(180deg);
                width: 300vw;
                height: 300vh;
                    background: radial-gradient(at 34% 80%, rgba(195, 206, 218, 1) 0%, rgba(255,255,255, 0) 40%);
                animation: gradient3 22s ease-in-out;
                animation-iteration-count: infinite;
            }


  @media (orientation: portrait){

                .paragraph {
    margin: 4vh 10vw; 
    width: 80vw;
}


.button{border-radius:0.6em;}

.gradient-heather-over-2{transform:rotate(0);}
	  
	  
}   



/* Cookie Consent */



.cookie-consent-wrapper{width:45vh;position:fixed;right:2vh;bottom:2vh;z-index:999;opacity:0;animation:opacity .6s forwards ease;animation-delay:11s;}
.cookie-consent{width:100%;position:relative;z-index:999;display:inline-block;transition:opacity .6s ease}
.cookie-consent-hidden{pointer-events:none;opacity:0 !important}

.cookie-consent-content{width:calc(100% - 4vh);margin:2vh 2vh 1vh 2vh;position:relative;display:inline-block}

.cookie-consent-text{color:var(--dark);width:100%;margin-bottom:1em;font-size:0.6em;line-height:1.3em;font-weight:500}
.cookie-consent-text a{color:var(--dark)}
.cookie-consent-text a:after{background-color:var(--dark);bottom:0.05em;transition:bottom .2s ease}
.cookie-consent-text a:hover:after{bottom:0em}
.cookie-consent-buttons{width:100%;display:inline-block;}

.cookie-consent-button{text-align:center;cursor:pointer;}
.cookie-accept{display:inline-block;float:left;width:43%;font-weight:700}
.cookie-denie{display:inline-block;float:right;width:51%}

.cookie-consent-button{padding:0.5em 0;font-size:0.6em;line-height:1.3em;color:var(--dark);border:solid var(--linewidth) #fff;transition:background-color .3s ease, border .3s ease}
.cookie-consent-button:hover{background-color:#fff}

@media (orientation: portrait){
    .cookie-consent-wrapper {
    width: 100vw;
    position: fixed;
    right: 0;
    bottom: 0;}

    .cookie-consent-content {
    width: calc(100% - 4vh);
    margin: 5% 2vh 3% 2vh;}

    .cookie-consent-text{font-size:0.9em;line-height:1.4em;margin-bottom:1.5em}

    .cookie-consent-button{padding:1.5em 0;  font-size: 0.8em;line-height:1.2em}





}

@media (orientation: portrait) and (min-height:1000px){
    .cookie-consent-wrapper {
   font-size:0.6em}

    .cookie-consent-content {
    width: calc(100% - 4vh);
    margin: 2% 2vh 1% 2vh;}

}

            /*Navi*/


            .navi{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:99;pointer-events:none;}

            .navi-top{position:absolute;left:7.5%;width:85%;top:2em;z-index:100;pointer-events:auto;opacity:0;animation:opacity .5s forwards .1s ease}

            .navi-logo{float:left;font-size:2.02em;font-weight:700;color:#fff;letter-spacing:0.05em;transition:color .4s}
            .navi-logo a{color:unset !important;}
            .blueheather-style .navi-logo, .dark-style .navi-logo, .green-style .navi-logo, .yellow-style .navi-logo, .bluebright-style .navi-logo{color:var(--dark)}
            .navi-active .navi-logo{color:var(--dark)}

            .navi-button{float:right;color:#fff;cursor:pointer}

            .blueheather-style .navi-button, .dark-style .navi-button, .green-style .navi-button, .yellow-style .navi-button, .bluebright-style .navi-button{color:var(--dark)}

            .navi-button-text{position:relative;display:inline-block;letter-spacing:0.2em;font-size:0.7em;}
            .navi-button-text-closed{opacity:1;position:relative;transition:opacity .3s}
            .navi-button-text-opened{opacity:0;position:absolute;color:var(--dark);left:0;top:0;transition:opacity .4s}

            .navi-button-x {
    display: inline-block;
    position: relative;
    height: 0.55em;
    width: 0.5em;
    margin-right: 0.8em;
}
            .navi-button-x-line{position:absolute;left:calc(50% - 0.5px);top:calc(50% - 0.5px);transform:rotate(0deg);width:100%;height:var(--linewidth);background-color:#fff;transform-origin: center center;transition:transform .4s ease-in-out, background-color .4s}
            .navi-button-x-line-1{transform:rotate(90deg)}

            .blueheather-style .navi-button-x-line, .navi-active .navi-button-x-line, .dark-style .navi-button-x-line, .green-style .navi-button-x-line, .yellow-style .navi-button-x-line, .bluebright-style .navi-button-x-line{background-color:var(--dark)}

.yellow-style.id-513 .navi-button-x-line{background-color:#fff}
            .navi-active .navi-button-x-line-1{transform:rotate(45deg);}
            .navi-active .navi-button-x-line-2{transform:rotate(-45deg)}

            .navi-active .navi-button-text-closed{opacity:0}
            .navi-active .navi-button-text-opened{opacity:1}


    .navi-content{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
    .navi-content-overlay{position:absolute;left:-50vw;top:calc(-100vw + 50vh);width:200vw;height:200vw;border-radius:50%;transform:scale(0);background-color:#fff;transition:transform .4s ease-in-out;
background: rgb(195,206,218);
background: -moz-linear-gradient(0deg, rgba(195,206,218,1) 21%, rgba(255,255,255,1) 55%);
background: -webkit-linear-gradient(0deg, rgba(195,206,218,1) 21%, rgba(255,255,255,1) 55%);
background: linear-gradient(0deg, rgba(195,206,218,1) 21%, rgba(255,255,255,1) 55%);}

    .navi-active .navi-content-overlay{transform:scale(1)}
    .navi-active .navi-content{pointer-events:auto;opacity:1}

    .navi-content-inner{position:absolute;top:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease-in}
    .navi-active .navi-content-inner{opacity:1;transition:opacity .3s ease-in}
    
.navi-content-links{width:40%;margin-left:30%;margin-top:7vh;text-align:center}

.navi-content-links a {
    display: inline-block;
    font-family: "OGG";
    font-size: 2.8em;
    position:relative;
    line-height: 1.5em;
    z-index:1;
    width: 100%;
    color: var(--dark);
}

.navi-content-links a:hover, .navi-content-links .cur-item{
    font-weight:700;
}

@keyframes navilinkwidth{
	from{width:0%}
	to{width:100%}
}
.navi-content-links a:hover:after, .navi-content-links .cur-item:after{
    content:"";
    width:0%;
    z-index:-1;
    position:absolute;
    left:0;
    top:50%;
	animation:navilinkwidth .3s forwards ease-in;
    height:var(--linewidth);
    background-color:var(--red);
}


.navi-orangeheather .navi-content-links a:hover:after, .navi-orangeheather .navi-content-links .cur-item:after{
    background-color:var(--orangeheather);
}

.navi-blueheather .navi-content-links a:hover:after, .navi-blueheather .navi-content-links .cur-item:after{
    background-color:var(--blueheather);
}

.navi-dark .navi-content-links a:hover:after, .navi-dark .navi-content-links .cur-item:after, .navi-yellow .navi-content-links a:hover:after, .navi-yellow .navi-content-links .cur-item:after, .navi-bluebright .navi-content-links a:hover:after, .navi-bluebright .navi-content-links .cur-item:after{
    background-color:var(--dark);
}

.navi-green .navi-content-links a:hover:after, .navi-green .navi-content-links .cur-item:after{
    background-color:var(--green);
}


.navi-purple .navi-content-links a:hover:after, .navi-purple .navi-content-links .cur-item:after{
    background-color:var(--purple);
}

.yellow-style.id-513 .navi-yellow .navi-content-links a:hover:after, .yellow-style.id-513 .navi-yellow .navi-content-links .cur-item:after{
    background-color:var(--yellow);
}
        

.navi-content-add{left:7.5%;position:absolute;bottom:3em;width:14%;}

.button-navi {
    position: relative;
    width: 12em;
    margin-top: 1em;
    text-align: center;
    font-size: 0.7em;
    line-height: 1.2em;
    padding: 0.8em 2.5em;
    letter-spacing: 0.2em;
    border-radius: 0.3em;
    border: var(--linewidth) solid var(--red);
    font-size: 0.7em;
    color: var(--dark);
    font-weight: 500;
    transition: background-color .3s ease, color .3s ease;
}

.button-navi:hover{background-color:var(--red);color:#fff}

.navi-orangeheather .button-navi {
    border: var(--linewidth) solid var(--orangeheather);
}

.navi-yellow .button-navi {
    border: var(--linewidth) solid var(--dark);
}


.navi-blueheather .button-navi {
    border: var(--linewidth) solid var(--blueheather);
}

.navi-dark .button-navi, .navi-yellow .button-navi, .navi-bluebright .button-navi {
    border: var(--linewidth) solid var(--dark);
}

.navi-green .button-navi {
    border: var(--linewidth) solid var(--green);
}

.navi-purple .button-navi {
    border: var(--linewidth) solid var(--purple);
}

.navi-orangeheather .button-navi:hover{background-color:var(--yellow)}
.navi-blueheather .button-navi:hover{background-color:var(--blueheather)}
.navi-dark .button-navi:hover, .navi-yellow .button-navi:hover, .navi-bluebright .button-navi:hover{background-color:var(--dark)}
.navi-green .button-navi:hover{background-color:var(--green)}
.navi-purple .button-navi:hover{background-color:var(--purple)}


@media (max-aspect-ratio: 4/3) {

.navi-content-links {
    width: 50%;
    margin-left: 25%;

}
}

@media (max-aspect-ratio: 6/5) {

.navi-content-links {
    width: 60%;
    margin-left: 20%;

}
}


    @media (orientation: portrait){
.navi-content-overlay {
    left: calc(-100vh + 50vw);
    top: calc(-50vh - 5vw);
    width: 200vh;
    height: 200vh;
}

.navi-content-links a:hover:after, .navi-content-links .cur-item:after{
display:none;
}

.navi-content-links a:hover, .navi-content-links .cur-item{
    font-weight:400;
}

.navi-content-add{display:none;}
  


  .navi-content-links {
    width: 80%;
	      margin-top: 20vh;
    margin-left: 10%;
  }


  .navi-button-x {

    height: 2.4em;
    width: 2.4em;
    margin-right: 0;
    background-color: rgba(255,255,255,1);
    border-radius:50%;
}

.navi-blueheather .navi-button-x, .navi-dark .navi-button-x, .navi-green .navi-button-x, .navi-bluebright .navi-button-x, .navi-yellow .navi-button-x{
    border:var(--linewidth) solid var(--dark);
    transition:border .3s;
}

.navi-blueheather.navi-active .navi-button-x, .navi-dark.navi-active .navi-button-x, .navi-green.navi-active .navi-button-x, .yellow-style.id-513 .navi-yellow.navi-active .navi-button-x{
    border:var(--linewidth) solid #fff;
}
		
.yellow-style.id-513 .navi-yellow .navi-button-x{border:var(--linewidth) solid #fff;}

.yellow-style.id-513 .navi-button-x-line{background-color:var(--dark)}
.navi-button-x-line {
    width: 50%;
    left: 0.65em;
	left: calc(50% - 0.55em);
    background-color:#000;
}

.navi-button-text{display:none}
.navi-logo {
    margin-top: 0.15em;
  }



.line-top {
    height: 20vh;
}


.line-bottom {
    height: 12vh;
}

}



/*HERO*/



        

        .hero{display: inline-block;height: auto;position: relative;width: 100%;}

            .bubble{width: 84vh;height: 80vh;position: absolute;top: 5vh;left: calc(50vw - 42vh);z-index: 2;}

            .bubble svg{width: 100%;position: absolute;opacity:0;}
            .bubble svg path{transform-origin: center center;stroke-width: var(--linewidth);}

            .bubble-text{
                color: #fff;
                top: 31vh;
                position: absolute;
                text-align: center;
                width: 100%;
                text-shadow: 0px 0px 8px #000000;
                position: absolute;

                
            }

            .bubble-text-row-1{
                opacity: 0;
                line-height: 1.1em;
                animation: opacity 1s ease-in forwards;
                animation-delay:3s;
                

            }

                .bubble-text-row-2{
                opacity: 0;

            animation: opacity 1s ease-in forwards;
            animation-delay:3.5s;
            }


.stroke-start {
    width: 28vh;
    position: relative;
    margin-top: 72.5vh;
    display: inline-block;
    margin-left: calc(50vw - 14vh);
}

            .stroke-start svg{width: 100%;position: relative;opacity:0;animation:opacity .1s forwards ease;animation-delay:.4s}
.stroke-start svg path{stroke-width:var(--linewidth)}


                .stroke-start-explore{
                opacity: 0;
                position: absolute;
                /*top: 31vh;*/

                margin-top: -0.75vh;
                color: #fff;
            /*  right: 34%;*/
            margin-left: -0.75vh;
                font-size: 1.5vh;
                line-height: 1.4em;
                padding-right: 2.5vh;
                text-transform: uppercase;
                letter-spacing: 0.1em;
                animation: opacity 1s ease-in forwards;
                animation-delay: 4.5s;
                z-index: 3;
            }

            .stroke-start-explore-text{position: absolute;right: calc(100% + 1vh);    top: -0.4vh;transition: opacity 1s;}


            .stroke-start-explore-dot{
                content: "";
                width: 1.5vh;
                display: inline-block;
                position: absolute;
                height: 1.5vh;
                top: 0vh;
                pointer-events:none;
                left: 0;
                background-color: #fff;
                border-radius: 50%;
                transition: opacity ease 0.2s, transform ease 0.2s;
            }


            @keyframes dash {
0%{opacity: 0}
1%{opacity:  1}
100%{
    stroke-dashoffset: 0em;
  }
}


            @keyframes opacity {
from{opacity: 0}
  to {
    opacity:  1;
  }
}


#stroke-1, #stroke-2, #stroke-5, #stroke-6{
    animation:opacity .1s forwards ease;
}

            .bubble .cls-1 {
                opacity:0;
               
                animation: opacity 2s ease-in forwards;
                animation-delay: 0;
}


            .bubble  .cls-2{
                opacity:0;
                    animation: opacity 2s ease-in forwards;
                animation-delay: 0;
}

            .bubble  .cls-3 {
  stroke-dasharray: var(--dash1);
  stroke-dashoffset: var(--dash1);
  animation: dash 3s ease-in alternate forwards;
   animation-delay: 1s;
}


#stroke-3{
    animation:opacity .1s forwards ease;animation-delay: 0.8s;
}

            .bubble  .cls-4 {
 stroke-dasharray: var(--dash2);
  stroke-dashoffset: var(--dash2);
  animation: dash 3s ease-in alternate forwards;
   animation-delay: 1s;
}




            .bubble  .cls-5 {
                opacity:0;
                    animation: opacity 2s ease-in forwards;
                animation-delay: 0;
}


            .bubble  .cls-6 {
                opacity:0;
                    animation: opacity 2s ease-in forwards;
                animation-delay: 0;
}


#stroke-7{
    animation:opacity .1s forwards ease;animation-delay: 0.8s;
}

            .bubble .cls-7 {
  stroke-dasharray: var(--dash3);
  stroke-dashoffset: var(--dash3);
  animation: dash 3s  ease-in alternate forwards;
   animation-delay: 1s;
}

#stroke-8{
    animation:opacity .1s forwards ease;animation-delay: 0.8s;
}

            .bubble  .cls-8 {
 stroke-dasharray: var(--dash4);
  stroke-dashoffset: var(--dash4);
  animation: dash 3s ease-in alternate forwards;
   animation-delay: 1s;
}

#stroke-bottom{
    animation:opacity .01s forwards ease;animation-delay: 3.7s;
}

        #stroke-bottom  .cls-9 {
 stroke-dasharray: var(--dash5);
  stroke-dashoffset: var(--dash5);
  animation: dash 2s alternate ease-out forwards;
   animation-delay: 3.9s;
}

 


        @media (orientation: portrait){
        .bubble {
    width: 94vw;
    height: 94vw;
    position: absolute;
    top: calc(45vh - 47vw);
    left: 3vw;
    z-index: 2;
}

.bubble-text {
    top: 28vw;
        width: 88%;
    margin-left: 5.5%;
}


.stroke-start {
    width: 33vw;
    margin-top: calc(45vh - 47vw + 75.4vw);
    margin-left: 33.5vw;
}

.start-circle {
    position: relative !important;
    margin: 3em 25%;
    width: 50vw !important;
    height: 50vw !important;
    left: unset !important;
    top: unset !important;
    right: unset !important;
}




        #stroke-bottom  .cls-9 {
   animation-delay: 3.9s;
}




}

/* if animation cookie set*/

 .animationdone .bubble-text-row-1,  .animationdone .bubble-text-row-2 {
    opacity: 0;
    line-height: 1.1em;
    animation: opacity 1s ease-in forwards;
    animation-delay: 1s;
}

 .animationdone  .stroke-start svg{animation:opacity .1s forwards ease;animation-delay:.1s}



.animationdone .stroke-start-explore{
                animation: opacity 2s ease-in forwards;
                animation-delay: 1s;
                  stroke-dasharray:unset;
  stroke-dashoffset:unset;
            }





.animationdone #stroke-1, .animationdone #stroke-2, .animationdone #stroke-5, .animationdone #stroke-6{
   animation: opacity .1s ease-in forwards;
                animation-delay: .1s;
}

           .animationdone  .bubble .cls-1 {
animation: opacity 2s ease-in forwards;
                animation-delay: 0.2s;
                                  stroke-dasharray:unset;
  stroke-dashoffset:unset;
}


           .animationdone  .bubble  .cls-2{
animation: opacity 2s ease-in forwards;
                animation-delay: 0.2s;
                                  stroke-dasharray:unset;
  stroke-dashoffset:unset;
}

           .animationdone  .bubble  .cls-3 {
			   opacity:0;
animation: opacity 2s ease-in forwards;
                animation-delay: 0.2s;
                                  stroke-dasharray:unset;
  stroke-dashoffset:unset;
}


.animationdone #stroke-3{
	opacity:0;
   animation: opacity .1s ease-in forwards;
                animation-delay: .1s;
}

           .animationdone  .bubble  .cls-4 {
			   opacity:0;
animation: opacity 2s ease-in forwards;
                animation-delay: 0.2s;
                                  stroke-dasharray:unset;
  stroke-dashoffset:unset;
}




           .animationdone  .bubble  .cls-5 {
			   opacity:0;
animation: opacity 2s ease-in forwards;
                animation-delay: 0.2s;
                                  stroke-dasharray:unset;
  stroke-dashoffset:unset;
}


           .animationdone  .bubble  .cls-6 {
			   opacity:0;
animation: opacity 2s ease-in forwards;
                animation-delay: 0.2s;
                                  stroke-dasharray:unset;
  stroke-dashoffset:unset;
}


.animationdone #stroke-7{
	opacity:0;
   animation: opacity .1s ease-in forwards;
                animation-delay: .1s;
}

           .animationdone  .bubble .cls-7 {
			   opacity:0;
animation: opacity 2s ease-in forwards;
                animation-delay: 0.2s;
                                  stroke-dasharray:unset;
  stroke-dashoffset:unset;
}

.animationdone #stroke-8{
	opacity:0;
   animation: opacity .1s ease-in forwards;
                animation-delay: .1s;
}

           .animationdone  .bubble  .cls-8 {
			   opacity:0;
animation: opacity 2s ease-in forwards;
                animation-delay: 0.2s;
                                  stroke-dasharray:unset;
  stroke-dashoffset:unset;
}

.animationdone #stroke-bottom{
   animation: opacity .1s ease-in forwards;
                animation-delay: .1s;
}

       .animationdone  #stroke-bottom  .cls-9 {
		   opacity:0;
animation: opacity 2s ease-in forwards;
                animation-delay: 0.2s;
                                  stroke-dasharray:unset;
  stroke-dashoffset:unset;
}




        @media (orientation: portrait){


       .animationdone  #stroke-bottom  .cls-9 {
animation: opacity 2s ease-in forwards;
                animation-delay: 0.2s;
}




}

/* Start Content */

.line-1{height: 80vh}

.start-first{display: inline-block;width: 100%;position: relative;opacity:0;animation:opacity .5s forwards ease-in;animation-delay:0s}
.animationdone .start-first{animation:opacity .5s forwards ease-in;animation-delay:0s}
.start-circle{position: absolute;border-radius: 50%;transform:scale(0)}
.start-circle-dashboard{position: relative;border-radius: 50%;transform:scale(0)}
.start-circle-wrapper{width: 100%;height: 100%;border-radius:50%;transform: scale(1);transition: color .4s ease, background-color .4s ease, transform .4s ease;animation: bounceout .3s ease forwards}
.start-circle-inner{margin-top: calc(50% - 2.4em);line-height:1.2em;color: #fff;width: 100%;text-align: center;transition: transform .4s ease}

@keyframes bounce{
    0%{transform: scale(1)}
    70%{transform: scale(1.5)}
    100%{transform: scale(1.2)}
}

@keyframes bounceout{
    0%{transform: scale(1.2)}
    70%{transform: scale(1.5)}
    100%{transform: scale(1)}
}


.start-circle > .start-circle-wrapper{border-width:var(--linewidth);border-style: solid;}


.circle-number{font-size:1.8em;line-height:1.2em;font-weight:200;transition:color .3s ease}

.start-circle.start-circle-active  > .start-circle-wrapper > .start-circle-inner > .circle-number{color: #fff;}

.circle-red > .start-circle-wrapper{border: var(--linewidth) solid var(--red);border-radius: 50%;background-color: rgba(var(--redrgb),0)}
.circle-red.start-circle-active > .start-circle-wrapper > a > .start-circle-inner > .circle-number{color: #fff;}
.circle-red.start-circle-active  > .start-circle-wrapper{background-color: rgba(var(--redrgb),1);}

.circle-yellow > .start-circle-wrapper{border: var(--linewidth) solid var(--yellow);border-radius: 50%;background-color: rgba(var(--yellowrgb),0)}
.circle-yellow.start-circle-active > .start-circle-wrapper > a > .start-circle-inner > .circle-number{color: #fff;}
.circle-yellow.start-circle-active  > .start-circle-wrapper{background-color: rgba(var(--yellowrgb),1);}

.circle-purple > .start-circle-wrapper{border: var(--linewidth) solid var(--purple);border-radius: 50%;background-color: rgba(var(--purplerbg),0)}
.circle-purple.start-circle-active  > .start-circle-wrapper > a > .start-circle-inner > .circle-number{color: #fff}
.circle-purple.start-circle-active  > .start-circle-wrapper{background-color: rgba(var(--purplerbg),1);}

.circle-orange > .start-circle-wrapper{border: var(--linewidth) solid var(--orange);border-radius: 50%;background-color: rgba(var(--orangerbg),0)}
.circle-orange.start-circle-active  > .start-circle-wrapper > a > .start-circle-inner > .circle-number{color: #fff}
.circle-orange.start-circle-active  > .start-circle-wrapper{background-color: rgba(var(--orangerbg),1);}

.circle-green > .start-circle-wrapper{border: var(--linewidth) solid var(--green);border-radius: 50%;background-color: rgba(var(--greenrbg),0)}
.circle-green.start-circle-active  > .start-circle-wrapper > a > .start-circle-inner > .circle-number{color: #fff}
.circle-green.start-circle-active  > .start-circle-wrapper{background-color: rgba(var(--greenrbg),1);}

.start-circle-wrapper a{display:block;color:unset;text-decoration:unset;}

.start-news-container {
    overflow: hidden;
    width: 44vh;
    height: 44vh;
    border-radius: 50%;
    position: sticky;
    margin-top: -23vh;
    bottom: 7vh;
    margin-bottom: -22vh;
    left: calc(50vw - 60vh);
	transform:scale(0);
}

.start-newsletter-container {
    overflow: hidden;
    width: 44vh;
    height: 44vh;
    border-radius: 50%;
    position: sticky;
    margin-top: -23vh;
    bottom: 7vh;
    margin-bottom: -22vh;
    left: calc(70vw - 60vh);
	transform:scale(0);
}

.start-news-inner{position:relative;width:100%;height:100%}
.start-news-gradient{width:200%;height:200%;position:absolute;left:-50%;top:-50%;z-index:-1}
.start-news-content{text-align:center;margin-top:3em;}
.start-news-content-head{font-family:"OGG";font-size:2em;font-weight:700}
.start-news-content-date{font-weight:500;font-size:0.75em;letter-spacing:0.2em;line-height:1.35em;margin-top:2em}
.start-news-content .button{padding-left:3.5em;padding-right:3.5em;transition: background-color .2s, color .2s}
.start-news-content-title{width:80%;margin-left:10%;height:4em;overflow:hidden;margin-top:1em;font-size:0.75em;font-weight:700;line-height:1.35em;margin-bottom:1.5em}

.start-news-gradient{background-color:#fff}
.start-newsletter-gradient{background-color:#ADD8E6}
.start-news-content .button:hover{
	background-color:var(--dark);
	color:#fff
}

@media (orientation: portrait){
	.start-news-container {
    overflow: hidden;
    width: 70vw;
    height: 70vw;
    border-radius: 50%;
    position: relative;
    margin-top: 0;
    bottom: unset;
    margin-bottom: 0;
    left: 15vw;
    transform: scale(1) !important;
}
	

}
/* Start More */


.start-more{
    background-color:rgba(var(--bluergb), 1);
    background-position:center;
    background-blend-mode:multiply;
    background-repeat:no-repeat;
    background-size:cover;
}



.start-more > .paragraph > h1, .about-more > .paragraph > h1, .projects-more > .paragraph > h1 , .news-more > .paragraph > h1 {
    text-shadow: 0px 0px 18px rgb(0 0 0 / 50%);
}



.line-2{height:40vh}
.line-3{height:40vh}



@media (orientation: portrait){


.line-1 {
    height: 20vh;
}



.start-more{margin-top:27vh;}
.line-2 {
    height: 60vh;
    top: -20vh;
    margin-bottom: -20vh;
}
}


/* About */


.about-break{
 background-color:rgba(var(--bluergb), 1);
    background-position:center;
    background-blend-mode:multiply;
    background-repeat:no-repeat;
    background-size:cover;
	height:30vh;
	position:relative;
}
.about-break .line{position:absolute;top:0;left:0;height:100%}

.about-more{
  background-color:rgba(var(--bluergb), 1);
    background-position:center;
    background-blend-mode:multiply;
    background-repeat:no-repeat;
    background-size:cover;
}

.about-logos{text-align:center;margin-top:3em}

.about-logo{max-height:3em;max-width:5em;min-height:1.5em;min-width:3em;object-fit:contain;object-position:bottom;margin:0 1em}

/* News */

.news-headline{margin-top:10vh;text-align:center;width:100%;opacity:0;animation:opacity 1s forwards .3s ease}

.news-container{
    position:relative;
    width:100vh;
    margin-left:calc(50vw - 50vh);
    display:inline-block;
    margin-bottom:3em;
	opacity:0;animation:opacity 1s forwards .6s ease
}

.news-single{width:100%;display:inline-block;position:relative}
.news-image{width:50%;display:inline-block;float:left}
.news-image img{width:80%;margin-left:10%;height:12em;object-fit: contain}
.news-date{position:absolute;left:0;display:inline-block;font-size:0.75em;line-height:1em;top:1em;color:var(--dark);padding:0.4em 0.5em;font-weight:700;letter-spacing:0.2em}
.news-content{width:50%;display:inline-block;position:relative}
.news-content-top{width:90%;display:inline-block;height:9em;overflow:hidden;transition:height .5s ease}
.news-content-text{font-size:0.75em;line-height:1.6em;padding-top:1em;    padding-bottom: 0.2em;}

.news-content-read{margin-top:2.1em;font-size:0.7em;width:100%;cursor:pointer;display:inline-block;letter-spacing:0.2em;font-weight:400;position:relative;}
.news-content-read .news-content-read-less{position:absolute;top:0;left:0;opacity:0;transition:opacity .1s ease}
.news-content-read .news-content-read-more{transition:opacity .1s ease}


.news-content-read-open .news-content-read-less{opacity:1}
.news-content-read-open .news-content-read-more{opacity:0}

.news-border{margin:2em 0;height:var(--linewidth);width:100%}

.news-more{
  background-color:rgba(var(--bluergb), 1);
    background-position:center;
    background-blend-mode:multiply;
    background-repeat:no-repeat;
    background-size:cover;
	color:#fff;
}

.news-more h1, .news-more h2, .news-more h3{color:#fff}



@media (orientation: portrait){
.news-container{width:85%;margin-left:7.5%}
    .news-image {
    width: 100%;
  }
  .news-image img {
    width: 90%;
    margin-left: 0;
  }
  .news-date {
    left:unset;
    top:2em;
    padding:0.8em 0.8em;
    right: 0;
  }

  .news-content {
    width: 100%;
    margin-top: 1em;
  }
	
		.news-content-text{font-size:1em;line-height:1.6em}

  .news-content-top {
    width: 100%;
  }
}

/* Projects */


.projects-icons{width:90vw;margin:0vw 5vw;margin-top:1em;display:inline-block;opacity:0;animation:opacity 1s forwards .3s ease}
.projects-icons a{display:inline;}
.outentry-icons{width:92vw;margin:0vw 4vw;display:flex;justify-content: center;}
.project-wrapper{margin:2vw 3vw;width:12vw;display:inline-block;float:left}
.outentry-wrapper{margin:2vw 3vw;width:12vw;display:inline-block;float:left}
.project-icon{width:12vw;height:12vw;border-radius:50%;border-width:0px;border-style:solid;transform:scale(1);}

.project-icon img{width:100%;height:100%;}
.project-icon lottie-player{width:100%;height:100%;}
.project-icon svg{width:100%;height:100%;}
.project-icon svg path, .project-icon svg line{stroke-width:var(--linewidth);stroke-dasharray: var(--dashprojects);
  stroke-dashoffset: 0}
.green .project-icon{border-color:var(--green)}
.yellow .project-icon{border-color:var(--yellow)}
.greenbright .project-icon{border-color:var(--greebright)}
.red .project-icon{border-color:var(--red)}
.purple .project-icon{border-color:var(--purple)}
.bluebright .project-icon{border-color:var(--bluebright)}
.blue .project-icon{border-color:var(--blue)}
.blueheather .project-icon{border-color:var(--blueheather)}
.orange .project-icon{border-color:var(--orange)}

.project-title{text-align:center;font-size:0.8em;margin-top:1em;letter-spacing:0.2em}

.project-lottie{width:100%;height:100%;}
/* size anpassung urban*/
.project-wrapper.orange .project-icon{width:11.1vw;}

@keyframes turn{
    
    0%{  stroke-dasharray: var(--dashprojects);
  stroke-dashoffset: 0}
  40%{stroke-dasharray: var(--dashprojects);
  stroke-dashoffset: var(--dashprojects)}
  60%{stroke-dasharray: var(--dashprojects);
  stroke-dashoffset: var(--dashprojects)}
    100%{stroke-dasharray: var(--dashprojects);
  stroke-dashoffset: 0}
}
/*
.project-icon-animate svg path{animation:turn 4s ease}
.project-icon-animate svg line{animation:turn 4s ease}
*/
.projects-more{
    background-color:rgba(var(--bluergb), 1);
    background-position:center;
    background-blend-mode:multiply;
    background-repeat:no-repeat;
    background-size:cover;
}

@media (orientation:portrait){
    .projects-icons{width:92vw;margin:0vw 4vw;display:inline-block;}  
	.outentry-icons{width:92vw;margin:0vw 4vw;display:flex;justify-content: center;}
    .project-wrapper{width:38vw;margin:5vw 4vw}
	.outentry-wrapper{margin:2vw 3vw;width:12vw;display:inline-block;float:left}
    .project-icon{width:38vw;height:38vw}
	
	/* size anpassung urban*/
.project-wrapper.orange .project-icon{width:36vw;margin:1vw}
}
/* Sponsorship */


.ESAsponsorship-container{margin-top:2em;display:inline-block;margin-bottom:3em;width:90vh;margin-left:calc(50vw - 45vh);position:relative}

.timeline-element{width:100%;display:inline-block;position:relative}
.timeline-content{width:40%;display:inline-block;margin-bottom:5em;margin-top:-1vh;opacity:0;transition:opacity .3s ease}
.timeline-text{font-size:0.7em;line-height:1.4em;margin-top:0.8em}
.timeline-element:nth-child(odd) .timeline-content{float:right}

.timeline-element:last-of-type .timeline-dot{display:none}
.timeline-line-container{width:100%;height:100%;position:absolute;left:0;display:inline-block}


.timeline-line{position:absolute;left:calc(50% - 0.5px);width:var(--linewidth);height:0;top:0;}
.timeline-dot{position:absolute;left:calc(50% - 0.5px - 1vh);margin-top:-0.5vh;width:2vh;opacity:0;transition:opacity .2s ease;height:2vh;border-radius:50%;z-index:1}

.timeline-element-first{height:6em}

.sponsorship-button-container{margin-top:0;margin-bottom:6em}

.sponsorship-circle{position:absolute;width:27vh;height:27vh;}

.sponsorship-circle .start-circle-inner {
	margin-top: calc(50% - 3.2em);
}

.sponsorship-circle .circle-number {

	line-height: 1.3em;}


.sponsorship-circle-1{left:-10vh;top:2vw;}
.sponsorship-circle-2{right:-10vh;bottom:2vw;}


    @media (orientation: portrait){

        .ESAsponsorship-container{margin: 5vh 20vw;
    width: 60vw;}

    .timeline-content{width:100%;margin:2em 0;float:unset}
    .timeline-text{font-size:0.9em;line-height:1.4em}
    .timeline-line-container{width:100%;height:5em;position:relative;display:inline-block}

		
		.sponsorship-circle {
    margin: 3em 8%;
		}
		
		.sponsorship-circle-1{left:unset;top:unset;}
.sponsorship-circle-2{right:unset;bottom:unset;}

        }




/* Provider */


.provider-container{margin-top:2em;display:inline-block;margin-bottom:3em;width:90vh;margin-left:calc(50vw - 45vh);position:relative}

.provider-button-container{margin-top:0;margin-bottom:2em}

.providers-line-logos{height:10em}

.provider-logos{width:100vh;margin-left:calc(50vw - 50vh);text-align:center;margin-top:2em}
.provider-logos-container{width:100%;position:relative;display:inline-block;margin-bottom:4em;}
.provider-logo {
    display: inline-block;
    float: left;
    width: 16%;
    height: 10vh;
    margin: 4.5%;
}
.provider-logo img{width:100%;height:100%;object-fit:contain;filter:grayscale(100%);transition:filter .3s ease}
.provider-logo img:hover{filter:grayscale(0%);}

    @media (orientation: portrait){

        .provider-container{margin: 5vh 20vw;
    width: 60vw;}

        .provider-logos{margin: 5vh 10vw;
    width: 80vw;}


    .provider-logo {
    display: inline-block;
    float: left;
    width: 30%;
    height: 15vw;
    margin: 10%;
}

        }

/* FAQ */

.dial-category{width:104vh;display:inline-block;margin:3em calc(50vw - 40vh) 3em calc(24vw - 50vh)}
.faq-container{margin-bottom:2em;opacity:0;animation:opacity 1s forwards .6s ease}
.faq-category{width:104vh;display:inline-block;margin:1em calc(50vw - 45vh) 3em calc(50vw - 50vh)}
.faq-category-entry-line{width:100%;height:var(--linewidth);position:relative}
.dial-category-entry-line{width:100%;height:1px;position:relative}
.faq-category-entry{width:100%;display:inline-block;position:relative;}
.dialogue-category-entry{text-align:left;width:100%;display:inline-block;position:relative;}
.faq-category-title{text-align:center;margin-top:1em;margin-bottom:2em}

.faq-category-entry-open{width:10%;height:2.36em;position:relative;display: inline-block;float:left;cursor:pointer}
.faq-category-entry-content{width:90%;display:inline-block;cursor:pointer}

.faq-category-entry-row{width:100%;margin:1.5em 0 1.35em 0}



.faq-category-entry-open-line{width:1.5em;height:3px;position:absolute;top:calc(50% - 0.1em)}
.faq-category-entry-open-line-2{transform:rotate(90deg);transform-origin:center center;transition:transform .3s}

.faq-category-entry-active .faq-category-entry-open-line-2{transform:rotate(0deg);}

.faq-category-entry-headline{min-height:2.36em}
.faq-category-entry-headline h3{display:inline-block;width:100%}
.dialogue-entry-headline h3{display:inline-block;width:100%;color:white}
.dialogue-entry-text {height:0;overflow:hidden;line-height:1.25em;transition:height .3s ease;color:white;font-size:medium}
.faq-category-entry-text:before{content:"";width:100%;position:relative;height:1em;display:inline-block}
.faq-category-entry-text{height:0;overflow:hidden;line-height:1.25em;transition:height .3s ease}
.faq-category-entry-text{height:0;overflow:hidden;line-height:1.25em;transition:height .3s ease;}
.faq-hidden-linkicon {
  width: 90%;
  height: 90%;
  visibility: hidden; /* Initially hide the image */
}

h3:hover .faq-hidden-linkicon {
  visibility:visible; /* Show image on hover */
}

@media (orientation: portrait){
    .faq-category{width:80vw;margin-left:10vw}

    .faq-category-entry-open{width:20%;}
    .faq-category-entry-content{width:80%;}
}

/* Footer */

.line-animate{height:0}

.footer{width: 85%;padding: 3em 7.5%;display: block;position: relative;color:var(--dark);font-size:0.7em;}
.footer-links a, .footer-contact a{color:var(--dark);text-transform:uppercase;display:table;line-height:1.8em}
.footer-links a:after, .footer-contact a:after{background-color:#000;bottom:0.3em;height:1px;transition:bottom .2s ease}
.footer a:hover:after{bottom:0.1em}

.footer-contact a{color:var(--dark);text-transform:unset;}

.footer-inner{width:100%;display:inline-block;position:relative;height:14.3em;font-size:0.7em;line-height:1.3em;}

.footer-links{display:inline-block;float:left;width:16%;letter-spacing:0.2em;line-height:1.8em;}

.footer-contact{display:inline-block;float:left;width:16%;position:relative;height:100%;}



.footer-by{display:inline-block;float:right;width:10%;position:relative;height:100%;}
.footer-by a{display:unset;position:unset;}
.footer-by img{width:100%;bottom:35px;position:absolute}


.footer-powered{display:inline-block;float:left;height:100%;width:16%;position:relative;}
.footer-powered img{width:70%;position:absolute;bottom:0;left:0;margin-left:-0.4em}
.footer-powered a{display:unset;position:unset;}

.footer-consortium{width:33%;position:relative;display:inline-block;height:100%;margin-left: calc(-5.0vw - 13px);}

.footer-consortium-logo{position:absolute;}
.footer-consortium img{height:3em;object-fit:contain;object-position:bottom;margin-right:5%;}
.footer-consortium a{display:unset;position:unset;}

.footer-copy {
    position: absolute;
    display: inline-block;
    left:0;
    bottom: 0;
}
.footer-copy-mobile{display:none}

    @media (orientation: portrait){
		.footer-inner{font-size:1.3em;line-height:1.3em;max-width:100%;}
        .footer-links{width:60%;float:unset;line-height:1.8em;}

        .footer-contact{width:40%;float:right;height:auto;text-align:right}
		.footer-contact a{float:right;}
		
		.footer-powered{width:100%;float:unset;margin-top:3em;height:auto}
		.footer-powered img{width:38%;position:relative;margin-top:1em;bottom:unset;display:block;}
		
		.footer-consortium{width:100%;float:unset;margin-top:3em;height:auto;margin-left:0;}
		.footer-consortium-logo{position:relative;bottom:unset;width:100%}
		
		.footer-consortium-logo a:last-of-type img{margin-right:0}
		
		.footer-consortium img {
   max-height: 5.6em;
			    margin-top: 1em;
    object-fit: contain;
    object-position: center;
    margin-right: 8%;
}
		
        .footer-by{width:100%;margin-top:2em;float:unset;height:auto;}
		.footer-by img{width:30%;margin-top:1em;bottom:unset;position:relative;display:block;}
		
		.footer-copy{display:none}
        .footer-copy-mobile{margin-top:3em;width:100%;display:inline-block;}
    }


/* editor styles */
sub, .editor-text-small {
    font-size: 0.7em;
    line-height: 1.4em;
    vertical-align: unset;
    display: inline-block;
}