@charset "utf-8";

/* CSS Document */

:root{

	--hp4u-pos-0:0;

	--hp4u-pos-left:-55%;

	--hp4u-pos-left-less:-45%;

	--hp4u-pos-left-less-rot:-20%;

	--hp4u-pos-right:80%;

	--hp4u-pos-right-less:75%;

	

	--hp4u-letterbg-opacity:1;

	--hp4u-bg-text-size-1600:1600px;

	

	--hp4u-lg-02-margin-t-top:-240px;

	

	--hp4u-opacity-10: .1;

	--hp4u-opacity-20: .2;

	--hp4u-opacity-30: .3;

	--hp4u-opacity-40: .4;

	--hp4u-opacity-70: .7;

	

	--hp4u-rotate-45:45deg;

	--hp4u-rotate-90:90deg;

	--hp4u-rotate-minus-90:-90deg;

	

	--hp4u-translate-x-lg-02-half:10%;

}

.letter-rotate-minus-90:after{transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}



.letter-rotate-null:after{transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(0) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}







.hp4u-grid-image-holder:before{

	position: absolute;

overflow: hidden;

font-family: var(--hp4u-main-text-header-font);

font-size: 200px;

line-height:200px;

font-weight:var(--main-text-bold-hp4u);

opacity:var(--hp4u-letterbg-opacity);

}

.text-white:before{

	color:#fff;

}



.hp4u-bg-letter-1600:before{

width: 1160px;

position: absolute;

overflow: hidden;

font-family: var(--hp4u-main-text-header-font);

font-size: var(--hp4u-bg-text-size-1600);

line-height:var(--hp4u-bg-text-size-1600);

font-weight:var(--main-text-bold-hp4u);

opacity:var(--hp4u-letterbg-opacity);

	

}

.hp4u-bg-letter-1600-raw{

width: 1160px;

position: absolute;

overflow: hidden;

font-family: var(--hp4u-main-text-header-font);

font-size: var(--hp4u-bg-text-size-1600);

line-height:var(--hp4u-bg-text-size-1600);

font-weight:var(--main-text-bold-hp4u);

opacity:var(--hp4u-letterbg-opacity);

}

.hp4u-bg-letter-1600b:before{

width: 1160px;

position: absolute;

font-family: var(--hp4u-main-text-header-font);

font-size: var(--hp4u-bg-text-size-1600);

line-height:var(--hp4u-bg-text-size-1600);

font-weight:var(--main-text-bold-hp4u);

opacity:var(--hp4u-letterbg-opacity);

	

}

.hp4u-bg-letter-1600b-rot-90:before{

width: 1160px;

position: absolute;

font-family: var(--hp4u-main-text-header-font);

font-size: var(--hp4u-bg-text-size-1600);

line-height:var(--hp4u-bg-text-size-1600);

font-weight:var(--main-text-bold-hp4u);

opacity:var(--hp4u-letterbg-opacity);

transform: rotate(var(--hp4u-rotate-90)) translateX(var(--hp4u-translate-x-lg-02-half));	

}

.hp4u-bg-letter-medium:before{

position: absolute;

overflow: hidden;

font-family: var(--hp4u-main-text-header-font);

font-size: 800px;

line-height:800px;

font-weight:var(--main-text-bold-hp4u);

opacity:var(--hp4u-letterbg-opacity);

	transform:rotate(45deg);

	top:-200px;

	

}

.hp4u-bg-letter-medium-no-rot:before{

position: absolute;

overflow: hidden;

font-family: var(--hp4u-main-text-header-font);

font-size: 800px;

line-height:800px;

font-weight:var(--main-text-bold-hp4u);

opacity:var(--hp4u-letterbg-opacity);

	top:-200px;

	

}

.single-post .hp4u-bg-letter-medium:before{

position: absolute;

overflow: hidden;

font-family: var(--hp4u-main-text-header-font);

font-size: 1000px;

line-height:1000px;

font-weight:var(--main-text-bold-hp4u);

opacity:var(--hp4u-letterbg-opacity);

	transform:rotate(45deg);

	top:-300px;

	

}

.hp4u-bg-letter-mini:before{

position: absolute;

overflow: hidden;

font-family: var(--hp4u-main-text-header-font);

font-size: 150px;

line-height:150px;

font-weight:var(--main-text-bold-hp4u);

opacity:var(--hp4u-letterbg-opacity);

	transform:rotate(45deg);

	top:-18px;

	

}

@media (max-width: 767px){

.single-post .hp4u-bg-letter-medium:before{

font-size: 800px!important;

line-height:800px!important;

	top:-200px!important;

	

}

	}

/* --------------LETTER COLORS------------- */

.hp4u-bg-letter-white:before{

	color:#ffffff;

}

.hp4u-bg-letter-white-25:before{

	color:RGBA(255,255,255,0.25)

}

.hp4u-bg-letter-white-50:before{

	color:RGBA(255,255,255,0.50)

}

.hp4u-bg-letter-cerulean-frost-100:before{color:var(--hp4u-cerulean-frost-100);}

.hp4u-bg-letter-yelloworange:before{color:var(--hp4u-yelloworange);}

.hp4u-bg-letter-opacity-30:before {opacity:var(--hp4u-opacity-30);}

.hp4u-bg-letter-opacity-70:before {opacity:var(--hp4u-opacity-70);}



/* --------------LETTER POSITIONS------------- */



.hp4u-bg-letter-pos-right:before{

transform: translateX(var(--hp4u-pos-right));	

}

.hp4u-bg-letter-pos-right-less:before{

transform: translateX(var(--hp4u-pos-right-less));	

}



.hp4u-bg-lettergroup-01-top:before {

top:-540px;	

}

.hp4u-bg-lettergroup-03-top:before {

top:-640px;	

}

.hp4u-bg-lettergroup-03-top-center-m:before {

top:-1000px;

	left:10%;

}

.hp4u-bg-hero-section-top-left:before{

left:var(--hp4u-pos-left);

top:-1300px;

z-index:1;

}

.hp4u-bg-hero-section-top-left-gr-3:before{

left:var(--hp4u-pos-left);

top:-750px;

z-index:1;	

}

.hp4u-bg-hero-section-top-left-gr-3rot:before{

left:var(--hp4u-pos-left-less-rot);

top:-750px;

z-index:1;	

} 



.hp4u-bg-lettergroup-03-multiple-top:before {

top:-340px;	

}

.home-letter-v2-o:before{

	    top: -340px;

    right: -65%;

    left: 56vw;

    transform: rotate(var(--hp4u-rotate-minus-90)) translateX(var(--hp4u-translate-x-lg-02-half));

	z-index:1;

}

.home-letter-v2-j:before{

    top: -800px;

    right: 45%;

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

	z-index:1;

}

.home-letter-v2-dot:before{

top: -750px;

    left: 85%;

		z-index:1;

}

.home-letter-v2-5:before{

top: -140px;

    left: -400px;

		z-index:1;

}

.bg-section-bottom:before{

top:0;	

}

.bg-section-bottom-2:before{

top:170px;	

}

.m-ind-3{position:relative; z-index:3;}

.m-ind-4{position:relative; z-index:4;}

.m-ind-5{position:relative; z-index:5;}

.m-ind-6{position:relative; z-index:6;}

.m-ind-7{position:relative; z-index:7;}

.overf-vis{overflow:visible!important;}

/* --------------HEROSECTION------------- */

.hero-section-wrap{z-index:2; position: relative;}



/* --------------LETTERGROUP 01------------- */

.wbgl:before{

 pointer-events: none;	

}

.hp4u-bg-p:before {

    content: "p";

}

.hp4u-bg-g:before {

    content: "g";

}

.hp4u-bg-q:before {

    content: "q";

}

.hp4u-bg-y:before {

    content: "y";

}

/* --------------LETTERGROUP 02------------- */

.hp4u-bg-ss:before {

    content: "ß";

}

.hp4u-bg-und:before {

    content: "&";

}

.hp4u-bg-plus:before {

    content: "+";

}

.hp4u-bg-b:before {

    content: "b";

}

.hp4u-bg-d:before {

    content: "d";

}

.hp4u-bg-f:before {

    content: "f";

}

.hp4u-bg-h:before {

    content: "h";

}

.hp4u-bg-k:before {

    content: "k";

}

.hp4u-bg-l:before {

    content: "l";

}

.hp4u-bg-t:before {

    content: "t";

}

/* --------------LETTERGROUP 03------------- */

.hp4u-bg-ae:before {

    content: "ä";

}

.hp4u-bg-ue:before {

    content: "ü";

}



.hp4u-bg-a:before {

    content: "a";

}

.hp4u-bg-c:before {

    content: "c";

}

.hp4u-bg-e:before {

    content: "e";

}

.hp4u-bg-m:before {

    content: "m";

}

.hp4u-bg-n:before {

    content: "n";

}

.hp4u-bg-o:before {

    content: "o";

}

.hp4u-bg-r:before {

    content: "r";

}

.hp4u-bg-s:before {

    content: "s";

}

.hp4u-bg-s-big:before {

    content: "S";

}

.hp4u-bg-u:before {

    content: "u";

}

.hp4u-bg-v:before {

    content: "v";

}

.hp4u-bg-w:before {

    content: "w";

}

.hp4u-bg-x:before {

    content: "x";

}

.hp4u-bg-z:before {

    content: "z";

}

.hp4u-bg-dot:before {

    content: ".";

}

/* --------------LETTERGROUP 04------------- */

.hp4u-bg-i:before {

    content: "i";

}

.hp4u-bg-j:before {

    content: "j";

}

/* --------------NUMBERS------------- */ 

.hp4u-bg-1:before {

    content: "1";

}

.hp4u-bg-2:before {

    content: "2";

}

.hp4u-bg-3:before {

    content: "3";

}

.hp4u-bg-4:before {

    content: "4";

}

.hp4u-bg-5:before {

    content: "5";

}

.hp4u-bg-6:before {

    content: "6";

}

.hp4u-bg-7:before {

    content: "7";

}

.hp4u-bg-8:before {

    content: "8";

}

.hp4u-bg-9:before {

    content: "9";

}

.hp4u-bg-0:before {

    content: "0";

}

.hp4u-bg-id:before {

    content: "iD";

	top: -180px;

    right: -5%;

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

}

.hp4u-bg-id-2:before{

	content: "}";

}

/* -------------------------------------------SIDEBAR------------------------------------------------- */

.solid-bg .sidebar-content {position:relative; z-index:2;}

#sidebar {overflow: clip;}

#sidebar:before {

	z-index:1;

color: var(--hp4u-grey-10);

/*content: 'D';*/

width: 1160px;

position: absolute;

overflow: hidden;

font-family: var(--hp4u-main-text-header-font);

font-size: var(--hp4u-bg-text-size-1600);

line-height:var(--hp4u-bg-text-size-1600);

font-weight:var(--main-text-bold-hp4u);

left: -680px;

top: var(--hp4u-lg-02-margin-t-top);

/*opacity:var(--hp4u-opacity-10);

left:56vw;

transform:  rotate(var(--hp4u-rotate-minus-90)) translateX(var(--hp4u-translate-x-lg-02-half));*/

}

/* -------------------------------------------FOOTER-------------------------------------------------- */

#footer .wf-container-footer {position:relative; z-index:10;}

#footer:before {

	pointer-events: none;

	z-index:1;

color: #fff;

content: '8';

width: 1160px;

position: absolute;

overflow: hidden;

font-family: var(--hp4u-main-text-header-font);

font-size: var(--hp4u-bg-text-size-1600);

line-height:var(--hp4u-bg-text-size-1600);

font-weight:var(--main-text-bold-hp4u);

opacity:var(--hp4u-opacity-10);

left:70vw;

transform:  rotate(var(--hp4u-rotate-minus-90)) translateX(60%);

}

/* -------------------------------------------VV2-------------------------------------------------- */

.hp4u-svg-bg-q:before {

	 content: 'q';

	    background-size: 820px 820px;

    background-repeat: no-repeat;

    background-position: left top;

    /* background-image: url(https://www.inklusion-digital.de/wp-content/uploads/2024/06/bg-q-01.svg);*/

	position:absolute;

width: 1100px;

    height: 820px;

    top: -550px;

    font-size: 1200px;

    line-height: 820px;

    color: #edf0f2;

    font-family: var(--hp4u-main-text-header-font);

    font-weight: var(--main-text-bold-hp4u);

    right: 75%;

	opacity:var(--hp4u-opacity-40);

}

.hp4u-vv2-bg-top-pos-0b:before{

	 top: -500px;

}

.hp4u-vv2-bg-top-pos-1:before{

	 top: -580px;

}

.hp4u-vv2-bg-top-pos-1:before{

	 top: -600px;

}

.hp4u-vv2-bg-top-pos-2:before{

	 top: -650px;

}

.hp4u-vv2-bg-top-pos-3:before{

	 top: -680px;

}

.hp4u-vv2-bg-top-pos-3:before{

	top: -700px;

}





@media (max-width: 800px){

.postgrid-frontpage .hp4u-bg-letter-medium:before {

    position: absolute;

    overflow: hidden;

    font-family: var(--hp4u-main-text-header-font);

    font-size: 1000px;

    line-height: 1000px;

    font-weight: var(--main-text-bold-hp4u);

    opacity: var(--hp4u-letterbg-opacity);

    transform: rotate(45deg);

    top: -200px;

}

	.hp4u_recent_post_list-in-article .hp4u-bg-letter-medium:before {

    position: absolute;

    overflow: hidden;

    font-family: var(--hp4u-main-text-header-font);

    font-size: 800px;

    line-height: 800px;

    font-weight: var(--main-text-bold-hp4u);

    opacity: var(--hp4u-letterbg-opacity);

    transform: rotate(45deg);

    top: -200px;

}

}

@media (max-width: 680px){

.postgrid-frontpage .hp4u-bg-letter-medium:before {

    position: absolute;

    overflow: hidden;

    font-family: var(--hp4u-main-text-header-font);

    font-size: 800px;

    line-height: 800px;

    font-weight: var(--main-text-bold-hp4u);

    opacity: var(--hp4u-letterbg-opacity);

    transform: rotate(45deg);

    top: -200px;

}

}

@media (max-width: 450px) {

    .postgrid-frontpage .hp4u-bg-letter-medium:before {

        position: absolute;

        overflow: hidden;

        font-family: var(--hp4u-main-text-header-font);

        font-size: 600px;

        line-height: 700px;

        font-weight: var(--main-text-bold-hp4u);

        opacity: var(--hp4u-letterbg-opacity);

        transform: rotate(45deg);

        top: -200px;

    }

}