.schatten1 {
    text-shadow: 1px 1px 0 #fff, 1px 1px 4px #2e2e2e47;
}
.schatten2 {
    text-shadow: 1px 1px 0 rgb(46 46 46 / 16%), 2px 1px 1px rgb(46 46 46 / 28%);
}
.schatten3 {
    text-shadow:1px 1px 0 #fff, 1px 1px 2px rgb(46 46 46 / 56%);
}
.schatten4 {
text-shadow: 2px -1px 0 #fff, 1px 1px 3px rgb(46 46 46 / 45%);
}

.schatten5 {
text-shadow: 1px 1px 3px rgb(0 0 0 / 29%), 2px 1px 5px rgb(46 46 46 / 49%);
}

.schatten6 {
text-shadow: 1px 1px 3px #466046, -1px -1px 3px #466046;
}


.mit-schatten1{box-shadow: 0 0 0.5em rgb(0 0 0 / 65%);}
.mit-schatten2{box-shadow:0 1em 1em rgb(0 0 0 / 12%);}
.mit-schatten3{box-shadow:0 0 3em rgba(0, 0, 0, 0.4);}
.mit-schatten4{box-shadow:0 0 4em rgba(0, 0, 0, 0.4);}
.mit-schatten5{box-shadow:0 0 5em rgba(0, 0, 0, 0.4);}
.mit-schatten6{box-shadow:0 0 6em rgba(0, 0, 0, 0.4);}


.gespiegelt {transform: rotate(0.5turn);}


.sicht05{opacity:.05;}
.sicht07{opacity:.07;}
.sicht1{opacity:.1;}
.sicht2{opacity:.2;}
.sicht3{opacity:.3;}
.sicht4{opacity:.4;}
.sicht5{opacity:.5;}
.sicht6{opacity:.6;}
.sicht7{opacity:.7;}
.sicht8{opacity:.8;}
.sicht8{opacity:.9;}


.bgr-bildgr {
    position: relative;
    z-index: 1;
}

.oben1,.oben2, .oben3, .oben4 {
    z-index: 100;
    top: -2px;
    position: absolute;
    width: 100%;
    height: auto;
    padding-top: 8.4vw;
   }

.oben1 {
    background: url(/wp-content/htg/welle-oben1.svg) no-repeat top center;background-size: 104%;
    padding-top: 9vw;
}
.oben2 {background: url(/wp-content/htg/welle-oben2.svg) no-repeat bottom center;background-size: 101%;}
.oben3 {background: url(/wp-content/htg/dreieck.svg) no-repeat bottom center;background-size: 101%;transform: rotateX(180deg);}
.oben4 {background: url(/wp-content/htg/berge.svg) no-repeat bottom center;background-size: 104%;transform: rotateX(180deg);}

.oben1.trans_ob,.oben2.trans_ob{transform: rotateY(180deg);}

.oben4.trans_ob {transform: rotateY(0deg) scale(-1);}

.unten1,.unten2,.unten3,.unten4 {
    bottom: -2px;
    position: absolute;
    width: 100%;
    height: auto;
    padding-bottom: 7vw;
}


.unten1 {background: url(/wp-content/htg/welle-unten1.svg) no-repeat bottom center;background-size: 101%;padding-bottom: 18vw;}
.unten2 {background: url(/wp-content/htg/welle-unten2.svg) no-repeat bottom center;background-size: 101%;padding-bottom: 12.4vw;}
.unten3 {background: url(/wp-content/htg/dreieck.svg) no-repeat bottom center;background-size: 101%;padding-bottom: 10vw;}
.unten4 {background: url(/wp-content/htg/berge.svg) no-repeat bottom center;background-size: 101%;padding-bottom: 10vw;}


.unten1.trans_un,.unten2.trans_un,.unten3.trans_un {transform: rotateY(180deg);}
.unten4.trans_un{transform:rotateY(180deg);}
/*transform: scaleX(-1);transform: rotateY(180deg) scaleY(-1);transform: scaleY(-1);transform: scaleY(-1);transform: scaleY(-1);
    z-index: 100;*/

.htg-bild1:before {
    content: "";
    background: url(../htg/mosaik.svg) #e8eef3 no-repeat top right;
    color: #000;
    background-size: 53%;
    position: absolute;
    top: 0;
    /* left: 0; */
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}
.htg-bild2{background:url(../htg/hintergrund_02.jpg) #93c6ef no-repeat top left;background-size:100%;}






/* ------------------------- spalten und hintergruende ----------- */
.dunkel {
    padding: 1.5em;
    color: #fff;
    background: rgba(0,0,0,.42);
    border-radius: 1em;
    margin-bottom: 3em;
}
.hell {
    padding: 1.5em;
    color: #000;
    background: rgb(255 255 255 / 42%);
    border-radius: 1em;
    margin-bottom: 3em;
}
.htg-steine{background:url(./../htg/mauersteine.jpg);}

.htg-weiss{background:#fff;color:#000;}
.htg-weiss-dreieck{border-color:#fff;}

.htg-beige{background:#f3ecdc;color: #000;}
.htg-beige-dreieck{border-color:#f3ecdc;}


.htg-hellgruen{background:#edefd3;color: #000;}
.htg-hellgruen-dreieck{border-color:#edefd3;}
.htg-orange{background:#e39834;color:#fff;}
.htg-orange-dreieck{border-color:#e39834;}

.htg-rot{background:#bd0d10;color:#fff;}
.htg-rot-dreieck{border-color:#bd0d10;}
.htg-rot2{background: -webkit-radial-gradient(51% 24%,ellipse cover,#d70000 52%,#440303 100%);background:radial-gradient(51% 24%,ellipse cover,#d70000 52%,#440303 100%);color:#fff;}

.htg-dunkelrot{background:#910000;color:#fff;}
.htg-dunkelrot-dreieck{background:#910000;border-color:transparent;}

.htg-hellbraun{background:#efe8dc;}
.htg-hellbraun-dreieck{border-color:#efe8dc;}
.htg-hellbraun-gradient{background:-webkit-radial-gradient(51% 20%,ellipse cover,#f5efe5,#d3ccc1 100%);background:radial-gradient(51% 20%,ellipse cover,#f5efe5,#d3ccc1 100%);}

.htg-hellbraun-weiss {
    background: -webkit-linear-gradient(180deg,#efe8dc 40%,#fff 100%);
    background: linear-gradient(180deg,#efe8dc 40%,#fff 100%);
}

.htg-braun{background:#897d6c;color:#fff;}
.htg-braun-dreieck{border-color:#897d6c;}

.htg-grau{background:#666;color:#f1f1f1;}
.htg-grau-dreieck{border-color:#666;}

.htg-hellgrau{background:#ededed;position:relative;}
.htg-hellgrau-dreieck{border-color:#ededed;}


.htg-hellgrau-gradient{background:-webkit-radial-gradient(50% 33%,ellipse cover,#ffffff 16%,#ededed 50%);background: radial-gradient(50% 33%,ellipse cover,#ffffff 16%,#ededed 50%); }
.htg-hellgrau-weiss{
    background: -webkit-linear-gradient(180deg,#ededed 40%,#fff 100%);
    background: linear-gradient(180deg,#ededed 40%,#fff 100%); }

.htg-dunkelgrau{background:-webkit-radial-gradient(50% 0%,ellipse cover,#676767,#101010 100%);background:radial-gradient(50% 0%,ellipse cover,#676767,#101010 100%);color:#dcdcdc;}


.htg-schwarz{background:#222222;color:#eee;}
.htg-schwarz-dreieck{border-color:#222222;}


/* */


.bgrtexte.htg-weiss a,.bgrtexte.htg-hellrot a,.bgrtexte.htg-hellbraun a,.bgrtexte.htg-beige a,.bgrtexte.htg-hellblau a,.bgrtexte.htg-hellgrau a,
{color:#000;}

.bgrtexte.htg-rot a,.bgrtexte.htg-dunkelrot a,.bgrtexte.htg-blau a,.bgrtexte.htg-braun a,.bgrtexte.htg-dunkelgrau a,
.bgrtexte .htg-grau a,.bgrtexte .htg-schwarz a{color:#fff;}









/* ----------- linker rand -----------*/

.randli{padding-left: 1.5em;}




.htg-transparent{background:transparent;}
.keinschatten {box-shadow: none;}


.mit-schatten1{box-shadow: 0 0 0.5em rgb(0 0 0 / 65%);}
.mit-schatten2{box-shadow:0 1em 1em rgb(0 0 0 / 12%);}
.mit-schatten3{box-shadow:0 0 3em rgba(0, 0, 0, 0.4);}
.mit-schatten4{box-shadow:0 0 4em rgba(0, 0, 0, 0.4);}
.mit-schatten5{box-shadow:0 0 5em rgba(0, 0, 0, 0.4);}
.mit-schatten6{box-shadow:0 0 6em rgba(0, 0, 0, 0.4);}



  /* grau hellgrün */
.fverlauf1{background: -webkit-linear-gradient(90deg,#ecf5f0 0%,#e9f7da 43%,rgb(249 248 223) 100%);background: linear-gradient(90deg,#ecf5f0 0%,#e9f7da 43%,rgb(249 248 223) 100%);}
.fverlauf1.invert{background: -webkit-linear-gradient(270deg,#ecf5f0 0%,#e9f7da 43%,rgb(249 248 223) 100%);background: linear-gradient(270deg,#ecf5f0 0%,#e9f7da 43%,rgb(249 248 223) 100%);}
  /* beige rose */
.fverlauf2{background: -webkit-linear-gradient(0deg,#f7efe6 0%,#f1eae2 100%);background: linear-gradient(0deg,#f7efe6 0%,#f1eae2 100%);}
.fverlauf2.invert{background: -webkit-linear-gradient(180deg,#f7efe6 0%,#f1eae2 100%);background: linear-gradient(180deg,#f7efe6 0%,#f1eae2 100%);}
  /* hellblau hellgrün */
.fverlauf3{background: -webkit-linear-gradient(0deg,#ffffff 10%,#e5efd3 30%,#cbebd3 77%,#ffffff 100%);background:linear-gradient(0deg,#ffffff 10%,#e5efd3 30%,#cbebd3 77%,#ffffff 100%);}
.fverlauf3.invert{background: -webkit-linear-gradient(0deg,#ffffff 19%,#f4fde6 50%,#ffffff 100%);background: linear-gradient(0deg,#ffffff 19%,#f4fde6 50%,#ffffff 100%);}
  /* hellgrün */
.fverlauf4{background: -webkit-linear-gradient(90deg,#e4ecef 0%,#e3e1fb 100%);background: linear-gradient(90deg,#e4ecef 0%,#e3e1fb 100%);}
.fverlauf4.invert{background: -webkit-linear-gradient(270deg,#e4ecef 0%,#e3e1fb 100%);background: linear-gradient(270deg,#e4ecef 0%,#e3e1fb 100%);}
  /* weiß|beige */
.fverlauf5{background: -webkit-linear-gradient(90deg,#fff 50%,#fdefdf 50%);background: linear-gradient(90deg,#fff 50%,#fdefdf 50%);}
.fverlauf5.invert{background: -webkit-linear-gradient(270deg,#fff 50%,#fdefdf 50%);background: linear-gradient(270deg,#fff 50%,#fdefdf 50%);}
  /* weiß|hellgrün */
.fverlauf6{background: -webkit-linear-gradient(180deg,#fff 0%,#e9f3e3 100%);background: linear-gradient(180deg,#fff 0%,#e9f3e3 100%);}
.fverlauf6.invert{background: -webkit-linear-gradient(0deg,#fff 0%,#e9f3e3 100%);background: linear-gradient(0deg,#fff 0%,#e9f3e3 100%);}
  /* weiß bis hellgrau */
.fverlauf7{background: -webkit-linear-gradient(0deg,#fff 0%,#d6cec0 100%);background: linear-gradient(0deg,#fff 0%,#d6cec0 100%);}
.fverlauf7.invert{background: -webkit-linear-gradient(0deg,#fff 180deg,#d6cec0 100%);background: linear-gradient(180deg,#fff 0%,#d6cec0 100%);}
  /* grün */
.fverlauf8{background: -webkit-linear-gradient(0deg,#d8e4bc 0%,#e9f3e3 100%);background: linear-gradient(0deg,#d8e4bc 0%,#e9f3e3 100%);}
.fverlauf8.invert{background: -webkit-linear-gradient(180deg,#d8e4bc 0%,#e9f3e3 100%);background: linear-gradient(180deg,#d8e4bc 0%,#e9f3e3 100%);}
/* weiß|grau */
.fverlauf9 {background: -webkit-linear-gradient(90deg,#fff 50%,#f5f5f5 50%);background: linear-gradient(90deg,#fff 50%,#f5f5f5 50%);}
.fverlauf9.invert {background: -webkit-linear-gradient(270deg ,#fff 50%,#f5f5f5 50%);background: linear-gradient(270deg ,#fff 50%,#f5f5f5 50%);}
  /* weiß|orange */
.fverlauf10 {background: -webkit-linear-gradient(0deg,#fff 50%,#e55f00 50%);background: linear-gradient(90deg,#fff 50%,#e55f00 50%);color:#fff;}
.fverlauf10.invert {background: -webkit-linear-gradient(180deg,#fff 50%,#e55f00 50%);background: linear-gradient(90deg,#fff 50%,#e55f00 50%);color:#fff;}
  /* hellblau lila  */
.fverlauf11 {background: -webkit-linear-gradient(180deg,#a8e0ff 0,#ccdcff 100%,rgb(255 255 255 / 5%) 100%);background: linear-gradient(180deg,#a8e0ff 0,#ccdcff 100%,rgb(255 255 255 / 5%) 100%);}
.fverlauf11.invert {background: -webkit-linear-gradient(270deg,#d9e8f3 0%,#e7e1ff 75%,rgb(255 255 255 / 5%) 100%);background: linear-gradient(270deg,#d9e8f3 0%,#e7e1ff 75%,rgb(255 255 255 / 5%) 100%);}
.fverlauf11.invert {background: -webkit-linear-gradient(180deg,#d9e8f3 0%,#e7e1ff 75%,rgb(255 255 255 / 5%) 100%);background: linear-gradient(180deg,#d9e8f3 0%,#e7e1ff 75%,rgb(255 255 255 / 5%) 100%);}
.fverlauf11.invert {background: -webkit-linear-gradient(180deg,#d9e8f3 0%,#e7e1ff 75%,rgb(255 255 255 / 5%) 100%);background: linear-gradient(180deg,#d9e8f3 0%,#e7e1ff 75%,rgb(255 255 255 / 5%) 100%);}

.fverlauf_logo:after {
    content: "";
    position: absolute;
    top: 0;
    background: url(/wp-content/img/logofade.svg) no-repeat 90% 10%;
    background-size: 100%;
    left: 0;
    right: 0;
    /* display: block; */
    width: 100%;
    height: 100%;
    opacity: 0.15;
}
.fverlauf_umriss:after {
    content: "";
    position: absolute;
    top: 0;
    background: url(/wp-content/img/logofadeweiss.svg) no-repeat 83% 10%;
    background-size: 70%;
    left: 0;
    right: 0;
    /* display: block; */
    width: 100%;
    height: 100%;
    opacity: 0.3;
}