/* lun.at – Verbesserungen über dem bestehenden Design. Gestaltung 1:1 (Ausrichtung, Schrift, Farben),
   nur: Größe wie webauftritt.eu, Lesbarkeit durch Schatten und weich abgedunkelten Hintergrund, Handy, ruhiger Fuß */

/* Größe wie webauftritt.eu: feste Bühne, mittig, nicht mehr bildschirmhoch */
@media (min-width:769px){
  body{margin-top:0}
  .main-container{max-width:1440px!important;margin:0 auto!important;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:20px 32px;box-sizing:border-box}
  .main-content-container{height:min(840px,calc(100vh - 110px))!important;min-height:620px}
  .navbar{padding-left:11rem;font-size:1.25rem}
  body{font-size:20px}body h1{font-size:2.8rem}body h2{font-size:2.3rem}
  .navigation-container__card{height:100px;margin:1rem}
}

/* Lesbarkeit: Schatten hinter der Schrift und den Bereich hinter dem Text weich abdunkeln (ohne Kasten) */
.main-content{position:relative}
.main-content__home>div:nth-child(1)>div:last-child,.main-content__home .text-right,
.main-content .content:not(.main-content__home)>div{position:relative;isolation:isolate}
.main-content__home>div:nth-child(1)>div:last-child::before,.main-content__home .text-right::before,
.main-content .content:not(.main-content__home)>div::before{content:"";position:absolute;inset:-18% -14%;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(0,4,14,.72),rgba(0,4,14,.45) 55%,rgba(0,4,14,0))}

/* Schriftfarbe wie Original (#867040) */

/* Fuß: Leistungsliste ruhig als Textzeile */
.footer p{font-size:.78rem;color:#6e99b9;margin:.6rem 0 0;letter-spacing:.02em}.footer p a{color:#6e99b9}
.navigation-container__card__content{text-shadow:0 1px 3px #000,0 0 12px rgba(0,0,0,.8)}

/* Handy */
@media (max-width:768px){
  body{margin-top:0}
  .navbar{padding:.8rem 1rem;gap:1.4rem;overflow-x:auto;white-space:nowrap}.navbar a{margin-right:0}
  .main-content-container{height:auto;min-height:0}
  .main-content{padding:1.2rem 1rem}
  .main-content .content{flex-direction:column;gap:1.6rem}
  .main-content__home>div:nth-child(1),.main-content__home>div:nth-child(2){width:100%!important;max-width:none!important;margin:0!important}
  .main-content .content:not(.main-content__home):not(.main-content__imprint)>div{width:100%!important}
  .banner{height:auto}.banner img{height:auto;max-width:280px}
  body h1{font-size:1.7rem!important;margin-bottom:.2rem!important}body h2{font-size:1.15rem!important;margin-bottom:1.2rem!important}
  .navigation-container{width:100%!important;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;padding:0 1rem 1rem}
  .navigation-container__card{width:auto;margin:0;height:80px}
  .footer{padding:.5rem 1rem}
  .main-content-privacy{margin:1rem}
}
.footer p a{text-decoration:none}.footer p a:hover{color:#f2ab30}
/* Logo unverzerrt (Original: width und height 100 % → in die Breite gezogen) */
.banner{height:auto!important}
.banner img{width:auto!important;height:165px!important;max-width:100%;object-fit:contain}
@media (max-width:768px){.banner img{height:auto!important;width:100%!important;max-width:280px}}
/* weiche Überblendung der Hintergründe */
.main-content-container{isolation:isolate}
.bg-ueberblendung{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity .8s ease}
.main-content-container>.main-content,.main-content-container>.navigation-container{position:relative;z-index:1}
.main-content-container>.navigation-container{bottom:auto}
/* Startseite: kleiner Abstand nach den Überschriften, Blöcke etwas luftiger (Price rückt dadurch nach unten) */

/* Startseite: linker Block näher an die Kacheln */
@media (min-width:769px){.main-content__home>div:nth-child(1)>div:last-child{transform:translateY(2rem)}}
/* Startseite: linker Text bündig mit dem Logo, etwas breiter (Security-Satz in zwei Zeilen) */
@media (min-width:769px){.main-content__home>div:nth-child(1)>div:last-child{margin-left:0!important;width:100%}
  .main-content__home>div:nth-child(1){width:44%!important}}
/* linker Block: Abstand vor jeder weiteren Überschrift */
.main-content__home>div:nth-child(1)>div:last-child h4+p{margin-bottom:.8rem!important}
.main-content__home>div:nth-child(1)>div:last-child p:last-child{margin-bottom:0!important}
/* linker Block einen Schriftgrad kleiner */
@media (min-width:769px){.main-content__home>div:nth-child(1)>div:last-child{font-size:.9em}}
/* die weiche Abdunkelung ragt seitlich über den Text hinaus: nicht zum Scrollen führen */
html,body{overflow-x:clip}
@media (max-width:768px){.main-content__home>div:nth-child(1)>div:last-child::before,.main-content__home .text-right::before,.main-content .content:not(.main-content__home)>div::before{inset:-8% -4%}}
/* Privacy als Bereich in der Bühne: volle Breite, linksbündig, scrollt im Textbereich */
.main-content-container.bg-privacy{background-image:linear-gradient(rgba(0,4,14,.84),rgba(0,4,14,.84)),url("../../img/bg_imprint.jpg")}
.main-content .content.main-content__privacy>div{width:100%!important;max-width:none;margin:0!important;text-align:left}
.privacy-text{font-size:.85em;overflow-y:auto;padding-right:1.2rem;scrollbar-color:#f2ab30 transparent}
.privacy-text::-webkit-scrollbar{width:8px}.privacy-text::-webkit-scrollbar-thumb{background:#f2ab30;border-radius:4px}
.privacy-text h2.privacy-titel{text-align:left!important;margin-bottom:1rem}.privacy-text h1{font-size:1.15rem!important;text-align:left!important;margin:1.6rem 0 .3rem}
.privacy-text h4{margin:1rem 0 .2rem}.privacy-text p{margin:.3rem 0 .6rem}.privacy-text a{word-break:break-word}
@media (min-width:769px){.privacy-text{max-height:calc(min(840px,100vh - 110px) - 230px)}}
/* Imprint mit Hintergrundbild (Original: nur schwarz), leicht abgedunkelt für die Lesbarkeit */
.main-content-container.bg-imprint{background-image:linear-gradient(90deg,rgba(0,4,14,.74),rgba(0,4,14,.6) 50%,rgba(0,4,14,.25)),url("../../img/bg_imprint.jpg")}
/* Privacy: kein seitliches Scrollen (die weiche Abdunkelung ragte im Scrollbereich über den Rand; Hintergrund ist hier ohnehin dunkel) */
.privacy-text{overflow-x:hidden}
.main-content .content.main-content__privacy>div::before{display:none}