.hg-inv{width:100%;display:flex;justify-content:center;padding:100px 0 100px 0;height:100vh;}
.hg-inv-c{width:95%;max-width:700px;background:rgba(0,0,0,0.9);background:none;border-radius:20px;font-size:16px!important;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding:2vw 1vw 2vw 2vw;max-height:100%;overflow:hidden;}
.hg-inv-co{width:100%;overflow:hidden;padding-right:1vw;overflow-y:auto;height:100%;}
.hg-if-c{width:100%;background:rgba(0,0,0,0);padding:2vw 0 2vw 0;border-bottom:1px solid #fff;}
.hg-inv-1a,.hg-inv-1b,.hg-inv-3a,.hg-inv-3b{width:100%;transition:all 0.4s;float:left;}
.hg-inv-dn{height:0;overflow:hidden;}
.dynk,.hg-du-an,.hg-du-tn{border:2px solid transparent;}
.dynk{border-radius:5px;}
.hg-du-an,.hg-du-tn{margin-top:10px;border-radius:5px;}
.hg-du-an .hg-frb{margin-top:0px;}
.hg-bfw{border:2px solid tomato;}
input,textarea,select{border:2px solid #fff;border-radius:5px;font-size:15px!important;}
.hg-if-c h3{margin-bottom:10px;text-align:left;}
/*PopUp*/
:root{
--bgs0:#222;
}
button{border:0;font-weight:normal;cursor:pointer;}
.hg-dc{background:none;}
.hg-dc2{background:rgba(0,0,0,0.9);}
.hg-po-du-li{width:100%;height:100%;background:rgba(0,0,0,0);display:flex;justify-content:center;align-items:center;}
.hg-pusn{width:400px;max-width:95vw;height:auto;max-height:100vh;padding:30px 10px 30px 10px;margin-top:-16vw;border-radius:5px; box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.2);display:flex;justify-content:center;align-items:center;background:var(--bgs0);}
.hg-puc{width:100%;padding:0px 10px 0px 10px;overflow:hidden;height:100%;max-height:100%;}
.hg-pup-co{width:100%;font-size:0.9rem;text-align:center;padding:0px 0px 10px 5px;height:calc(100% - 60px);max-height:calc(100% - 60px);max-height:calc(100% - 0px);overflow-x:hidden;-webkit-overflow-scrolling:touch!important;}
.hg-pup-co-c,.hg-pup-co-co,.hg-pup-co-co-c{width:100%;overflow:hidden;}
.hg-pup-co-co{padding-right:10px;}
.hg-pusn .hg-dc-s-h{position:relative;width:100%;height:40px;padding:0;margin-bottom:10px;background:none;}
.hg-pusn .hg-dc-s-he{display:flex;align-items:center;justify-content:flex-start;width:calc(100% - 0px);height:100%;font-weight:bold;font-size:1.0rem;padding-left:0;}
.hg-pusn .hg-dc-b-c{width:40px;height:40px;z-index:2;position:relative;margin:0;position:absolute;right:0;}
.hg-mm-co-c-b{width:100%;margin-top:10px;}


.hg-d-sb{position: relative;float:left;width:100%;overflow:hidden;display:flex;align-items:stretch;}
.hg-d-sb::before {font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f0d7";font-size: 15px!important;position: absolute;right: 0px;bottom: 0px;pointer-events: none;width:38px;height:calc(100% - 10px); border:1px solid #ccc;border-left:0;display:flex;align-items:center;justify-content:center;transition: all 0.4s;}
.hg-d-sb::before {background:#444;color: var(--main-bg-color);}
.hg-d-sb:hover::before{background:var(--main-bg-color);color: #444;}


@media (min-width:768px){
.hg-pusnx{width:600px;}
.hg-mm-co-c-b{margin-top:20px;}
.hg-pusn{margin-top:-4vw;max-height:95vh;}
.hg-puc{padding:0px 20px 0px 20px;}
}


/*Konfetti*/
.confetti-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* Prevent interaction */
  overflow: hidden;
}
@keyframes confetti-fall {
  0% {
    transform: translateY(-100%) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(100vh) rotate(360deg);
    opacity: 0.8;
  }
}
.confetti-piece {
  position: absolute;
  width: 10px;
  height: 20px;
  background: var(--confetti-color, red);
  opacity: 0.9;
  animation: confetti-fall var(--fall-duration, 4s) linear infinite;
}

/* Randomize confetti properties */
.confetti-piece:nth-child(1) {
  left: 10%;
  --confetti-color: #ff6347;
  --fall-duration: 3s;
}
.confetti-piece:nth-child(2) {
  left: 25%;
  --confetti-color: #ffa500;
  --fall-duration: 5s;
}
.confetti-piece:nth-child(3) {
  left: 40%;
  --confetti-color: #32cd32;
  --fall-duration: 4.5s;
}
.confetti-piece:nth-child(4) {
  left: 60%;
  --confetti-color: #1e90ff;
  --fall-duration: 3.5s;
}
.confetti-piece:nth-child(5) {
  left: 80%;
  --confetti-color: #ff69b4;
  --fall-duration: 6s;
}

.confetti-piece {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

@keyframes confetti-fall {
  0% {
    transform: translateY(-100%) rotate(0deg);
  }
  100% {
    transform: translateY(100vh) rotate(360deg);
  }
}

.hg-puc{overflow:hidden;max-height:85vh!important;}
.hg-pup-co{max-height:calc(85vh - 120px)!important;}
.hg-h2-in0{margin-bottom:0;padding-bottom:0;}
.hg-h2-in0-c{width:100%;margin-top:20px;text-align:left;background:#464646;padding:10px;border-radius:2px;}
.hg-h2-in0-co{width:100%;}
.hg-h2-in0-co-s{width:50px;font-size:2rem;}
.hg-h2-in0-co-c{width:calc(100% - 50px);font-size:1rem;}
.hg-bu-30{width:100%;padding:10px;text-align:center;margin-top:20px;margin-bottom:2vw;border-radius:2px;}

@media (min-width:768px){
.hg-h2-in0-c{margin-top:20px;}
.hg-h2-in0{margin-bottom:0;padding-bottom:0;}
.hg-puc{max-height:80vh!important;}
.hg-pup-co{max-height:calc(80vh - 120px)!important;}
}
@media (min-width:1080px) and (max-height: 600px){
.hg-puc{max-height:90vh!important;overflow:hidden;}
.hg-pup-co{max-height:calc(90vh - 60px)!important;font-size:0.9rem;}
.hg-pusn{width:500px;padding:20px 10px 20px 10px;margin-top:-1vw;}
input,textarea,select{border:2px solid #fff;border-radius:5px;font-size:13px!important;}

}
.hg-frb-30{width:calc(100% / 3);}
.hg-30-pu-bg{width:100%;margin-top:20px;}
.hg-30-pu-bg-h{width:100%;text-align:left;}
.hg-30-pu-bg-c{width:100%;}
.hg-du-tn{width:100%;}
.hg-du-tn{padding-bottom:11px;}

.hg-30-mc{width:100%;height:100vh;background:#464646;background-image:url('../_pic/einladung_test_1.png');background-repeat: no-repeat;background-size: cover;}
.hg-30-mc-p{position:absolute;bottom:20px;left:20px;width:200px;}
.hg-30-mc-p img{width:100%;}
@media (min-width:768px){
.hg-30-pu-bg-c{width:calc(50% - 2.5px);}
.hg-30-pu-bg-c:last-child{margin-left:5px;}	 
.hg-30-mc-p{width:300px;}
}
@media (min-width:1024px){
.hg-du-tn{padding-bottom:13px;}
}
@media (min-width:1300px){
.hg-du-tn{padding-bottom:8px;}
}

.hg-30-mc-p2{position:absolute;right:0;top:0;width:100vw;height:100vh;}
.hg-30-mc-p2 img{opacity:0.5;filter:grayscale(1);float:right;}
@media (orientation: landscape) {
.hg-30-mc-p2 img{height:100%;width:auto;}
}
@media (orientation: portrait) {
.hg-30-mc-p2 img{width:100%;height:auto;}
}

.hg-h2-in0-1p{width:40px;}
.hg-h2-in0-1c{padding-top:10px;width:calc(100% - 40px);padding-left:10px;text-align:left;}
.hg-h2-in0-1c-h{width:100%;line-height:1.1rem; font-size:1.0rem;}
.hg-h2-in0-1c-u{width:100%;font-size:1.0rem;line-height:1.1rem;}

@media (min-width:768px){
.hg-h2-in0-1p{width:50px;}
.hg-h2-in0-1c{padding-top:10px;width:calc(100% - 50px);padding-left:10px;text-align:left;}
.hg-h2-in0-1c-h{width:100%;font-size:1.1rem;line-height:1.4rem; }
.hg-h2-in0-1c-u{width:100%;font-size:1.1rem;line-height:1.4rem;}
}



@media (min-width:1024px){
.hg-h2-in0-1p{width:45px;}
.hg-h2-in0-1c{padding-top:10px;width:calc(100% - 45px);padding-left:10px;text-align:left;}
.hg-h2-in0-1c-h{width:100%;font-size:1.2rem;line-height:1.4rem; }
.hg-h2-in0-1c-u{width:100%;font-size:1.2rem;line-height:1.4rem;}
}

@media (min-width:1080px) and (max-height: 600px){
.hg-h2-in0-1p{width:40px;}
.hg-h2-in0-1c{padding-top:10px;width:calc(100% - 40px);padding-left:10px;text-align:left;}
.hg-h2-in0-1c-h{width:100%;line-height:1.1rem; font-size:1.0rem;}
.hg-h2-in0-1c-u{width:100%;font-size:1.0rem;line-height:1.1rem;}
}

@media (min-width:1300px){
.hg-h2-in0-1p{width:45px;}
.hg-h2-in0-1c{padding-top:10px;width:calc(100% - 45px);padding-left:10px;text-align:left;}
.hg-h2-in0-1c-h{width:100%;font-size:18px;line-height:22px; }
.hg-h2-in0-1c-u{width:100%;font-size:18px;line-height:22px;}
}