/* Linke, globale Bausteine. Werte aus der Vorlage bei 1910 gemessen.
   Ein Blatt, keine Nachtraege. */

.page-header,.site-header,.site-footer{display:none!important}
body{margin:0}

/* Kein Magenta. Der Akzent aus dem Kit gehoert nicht auf Verweise. */
.lk-menu a:hover,.lk-menu a:focus,.lk-kachel:hover,.lk-kachel:focus,
.lk-neben a:hover,.lk-neben a:focus,.lk-griff:hover,.lk-griff:focus,
.lk-mf-text a:hover,.lk-mf-verweise a:hover,.lk-fuss a:hover{color:#FFFFFF}
.lk-griff:focus-visible,.lk-kachel:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:-4px}

/* Kopfleiste */
.lk-kopfleiste{position:fixed;top:0;left:0;right:0;z-index:10001;pointer-events:none;padding:19px 12px 0 20px}
.lk-kopfleiste>*{pointer-events:auto}
.lk-griff{background:none;border:0;padding:0;cursor:pointer;display:block;width:56px;color:inherit}
.lk-griff .lk-b{display:block;width:33px;height:4px;background:#FCFCFC;margin:4px 0 0;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .2s,width .3s}
.lk-griff .lk-b1{width:21px;margin-top:0}
.lk-griff:hover .lk-b1{width:33px}
.lk-griff-wort{display:block;margin-top:10px;font-family:"Linke Mono",monospace;font-size:11px;letter-spacing:3px;color:#FCFCFC}
body.lk-offen .lk-griff .lk-b:nth-child(1),body.lk-offen .lk-griff .lk-b:nth-child(3){opacity:0}
body.lk-offen .lk-griff .lk-b:nth-child(2){transform:translateY(8px) rotate(45deg)}
body.lk-offen .lk-griff .lk-b:nth-child(4){transform:translateY(-8px) rotate(-45deg)}
body.lk-offen .lk-griff .lk-b{background:#FCFCFC!important}
body.lk-offen .lk-griff-wort{color:#FCFCFC!important;opacity:.7}

/* Nebenverweise, zwei Reihen, Zeichen hinter dem Wort */
.lk-neben{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.lk-neben a{display:flex;align-items:center;justify-content:flex-end;gap:12px;
  font-family:"Linke Kondens","Arial Narrow",sans-serif;font-variation-settings:"wdth" 75;
  font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;
  color:rgba(252,252,252,.9);text-decoration:none;line-height:22px;transition:color .25s}
.lk-neben a>span{text-align:right}
.lk-neben a>img,.lk-neben a>svg{flex:0 0 21px;width:21px;height:21px;object-fit:contain}
.lk-neben a>svg{color:currentColor}
.lk-neben img{filter:brightness(0) invert(1);opacity:.86}
.lk-neben a:hover img{opacity:1}
@media(max-width:767px){.lk-neben{display:none}}

/* Schublade: 800 breit, von links, auf Navy. Kein Vollbild. */
.lk-schleier{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.62);opacity:0;pointer-events:none;transition:opacity .5s}
body.lk-offen .lk-schleier{opacity:1;pointer-events:auto}
.lk-menu{position:fixed;top:0;left:0;z-index:10000;width:800px;max-width:86vw;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;background:var(--e-global-color-primary);transform:translateX(-100%);transition:transform .58s cubic-bezier(.76,0,.24,1);box-shadow:0 0 60px rgba(0,0,0,.45);padding:0!important;justify-content:flex-start!important;align-items:stretch!important}
body.lk-offen .lk-menu{transform:translateX(0)}
body.lk-offen{overflow:hidden}
.lk-menu>.lk-kacheln,.lk-menu>.lk-menu-fuss{flex:0 0 auto!important;width:100%!important;max-width:none!important}

/* Kachelmosaik als Raster: zwoelf Spalten, Kachel drei, Drittelkachel vier.
   Raster statt Flex, weil Elementors .e-con.e-flex jede einzelne Klasse schlaegt. */
.lk-kacheln{display:grid!important;grid-template-columns:repeat(12,1fr)!important;grid-auto-rows:200px!important;align-content:start!important;gap:0!important;padding:0!important;width:100%!important;max-width:none!important;height:auto;min-height:600px!important}
.lk-kacheln>.lk-kachel{grid-column:span 3!important;width:auto!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;flex:none!important;--width:auto;position:relative;overflow:hidden;text-decoration:none}
.lk-kacheln>.lk-kachel-drei{grid-column:span 4!important}
.lk-kachel::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.34);transition:background .4s}
.lk-kachel:hover::after{background:rgba(0,50,110,.66)}
.lk-kachel>*{position:relative;z-index:2}
.lk-kt .elementor-heading-title{font-family:"Linke Kondens","Arial Narrow",sans-serif;font-variation-settings:"wdth" 75;font-size:22px;font-weight:700;letter-spacing:2px;line-height:28px;text-transform:uppercase;color:#FFFFFF;text-align:center;margin:0;transition:transform .35s}
.lk-kachel:hover .lk-kt .elementor-heading-title{transform:translateY(-3px)}

/* Handy: schmalere Schublade, zwei Spalten, flachere Kacheln */
@media(max-width:767px){
  .lk-menu{width:100%;max-width:86vw;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .lk-kacheln{grid-auto-rows:112px!important;min-height:0!important}
  .lk-kacheln>.lk-kachel{grid-column:span 4!important}
  .lk-kacheln>.lk-kachel-drei{grid-column:span 4!important}
  .lk-kt .elementor-heading-title{font-size:16px;letter-spacing:1.2px;line-height:20px}
  .lk-menu-fuss{padding:26px 18px 24px!important}
  .lk-mf-adresse{column-gap:20px!important;row-gap:12px!important}
  .lk-mf-adresse>.elementor-widget-image{margin-right:0}
  .lk-mf-adresse>.elementor-widget-image img{width:120px!important}
  .lk-mf-text p{font-size:15px;line-height:19px}
  .lk-mf-mitglieder{margin-top:24px!important;column-gap:14px!important;row-gap:12px!important}
  .lk-mf-mitglieder .lk-mf-strich-halter{display:none}
  .lk-mf-zeile{margin-top:22px!important}
  .lk-mf-verweise p{gap:14px;font-size:13px}
}

/* Infoblock in der Schublade */
.lk-menu-fuss{padding:40px 22px 30px!important;flex-direction:column!important;align-items:stretch!important}
.lk-mf-adresse,.lk-mf-mitglieder{display:flex!important;flex-direction:row!important;--flex-direction:row;flex-wrap:wrap;padding:0!important;max-width:none!important}
.lk-mf-adresse{align-items:flex-start!important;column-gap:34px!important;row-gap:18px!important}
.lk-mf-mitglieder{align-items:center!important;justify-content:flex-start!important;column-gap:20px!important;row-gap:16px!important;margin-top:44px!important}
.lk-mf-adresse>*,.lk-mf-mitglieder>*{width:auto!important;max-width:none!important;flex:0 0 auto!important;--width:auto}
.lk-mf-adresse>.elementor-widget-image{align-self:flex-start;margin-right:8px}
.lk-mf-mitglieder .elementor-widget-image{line-height:0}
.lk-mf-mitglieder img{filter:brightness(0) invert(1);opacity:.9}
.lk-mf-strich{display:block;width:1px;height:44px;background:rgba(255,255,255,.4)}
.lk-mf-zeile{margin-top:34px!important;padding:0!important}
.lk-mf-text p{margin:0;font-family:"Linke Kondens","Arial Narrow",sans-serif;font-variation-settings:"wdth" 75;font-size:18px;font-weight:300;line-height:22px;color:#FFFFFF}
.lk-mf-text a{color:#FFFFFF;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);transition:border-color .25s}
.lk-mf-text a:hover{border-bottom-color:#FFFFFF}
.lk-mf-verweise p{margin:0;display:flex;flex-wrap:wrap;gap:22px;font-family:"Linke Kondens","Arial Narrow",sans-serif;font-variation-settings:"wdth" 75;font-size:14px;font-weight:300;color:rgba(255,255,255,.78)}
.lk-mf-verweise a{color:inherit;text-decoration:none;transition:color .25s}

/* Seitenfuss, nach der Vorlage: Anschrift, Partnerlogos, Verweise, Siegel. */
.lk-fuss{background-color:var(--e-global-color-lkfuss);padding:0!important;display:block!important;--display:block;position:relative;overflow:hidden}
.lk-f-innen{display:block!important;--display:block;max-width:1440px;margin:0 auto;padding:64px 24px 40px!important;position:relative}

.lk-f-kopf{display:flex!important;--display:flex;flex-direction:row!important;--flex-direction:row;flex-wrap:wrap;align-items:flex-start;column-gap:56px;row-gap:20px;padding:0!important}
.lk-f-kopf>*{width:auto!important;max-width:none!important;flex:0 0 auto!important;--width:auto}
.lk-f-logo img{filter:brightness(0) invert(1)}
.lk-f-text p{margin:0}
.lk-f-text p,.lk-f-kontakt span{font-family:"Linke Kondens","Arial Narrow",sans-serif;font-variation-settings:"wdth" 75;font-size:19px;font-weight:300;line-height:25px;color:#FCFCFC}
.lk-f-kontakt{display:inline-flex;align-items:flex-start;gap:14px;text-decoration:none}
.lk-f-kontakt img{filter:brightness(0) invert(1);opacity:.85;margin-top:2px}
.lk-f-kontakt:hover img{opacity:1}

.lk-f-strich{display:block;height:1px;background:rgba(252,252,252,.42);margin:34px 0 30px}
.lk-f-strich-halter{width:100%!important}

.lk-f-ueber p{margin:0 0 46px;text-align:center;font-family:"Linke Kondens","Arial Narrow",sans-serif;font-variation-settings:"wdth" 75;font-size:21px;font-weight:300;line-height:28px;color:#FCFCFC}

/* Partnerlogos: vier Reihen, jede fuer sich zentriert, wie in der Vorlage. */
.lk-f-partner{display:block!important;--display:block;padding:0!important}
.lk-f-reihe{display:flex!important;--display:flex;flex-direction:row!important;--flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:52px;row-gap:34px;margin-bottom:44px!important;padding:0!important}
.lk-f-reihe:last-child{margin-bottom:8px!important}
.lk-f-reihe>*{width:auto!important;max-width:none!important;flex:0 0 auto!important;--width:auto}
.lk-partner{line-height:0}
.lk-partner img{filter:brightness(0) invert(1);opacity:.72;transition:opacity .3s}
.lk-partner:hover img{opacity:1}

.lk-f-verweise p{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:42px;font-family:"Linke Kondens","Arial Narrow",sans-serif;font-variation-settings:"wdth" 75;font-size:16px;font-weight:300;color:rgba(252,252,252,.82)}
.lk-f-verweise a{color:inherit;text-decoration:none;transition:color .25s}
.lk-f-verweise a:hover{color:#FCFCFC}

.lk-f-chaine{display:flex!important;--display:flex;flex-direction:row!important;--flex-direction:row;align-items:center;justify-content:flex-end;gap:18px;margin-top:44px!important;padding:0!important}
.lk-f-chaine>*{width:auto!important;max-width:none!important;flex:0 0 auto!important;--width:auto}
.lk-f-chaine-text p{margin:0;text-align:right;font-family:"Linke Kondens","Arial Narrow",sans-serif;font-variation-settings:"wdth" 75;font-size:17px;font-weight:400;line-height:22px;letter-spacing:.6px;text-transform:uppercase;color:#FCFCFC}
.lk-f-siegel img{filter:brightness(0) invert(1);opacity:.92}

@media(max-width:767px){
  .lk-f-innen{padding:44px 18px 30px!important}
  .lk-f-kopf{column-gap:28px;row-gap:16px}
  .lk-f-text p,.lk-f-kontakt span{font-size:16px;line-height:22px}
  .lk-f-ueber p{font-size:18px;margin-bottom:32px}
  .lk-f-reihe{column-gap:28px;row-gap:24px;margin-bottom:28px!important}
  .lk-f-reihe>* img{max-width:38vw!important;height:auto}
  .lk-f-verweise p{gap:18px;font-size:14px}
  .lk-f-chaine{justify-content:center;margin-top:32px!important}
  .lk-f-chaine-text p{text-align:left;font-size:15px}
}

/* Helle Seiten: dunkle Fassung der Kopfleiste */
.lk-kopf-dunkel .lk-griff .lk-b{background:#3F3E3E}
.lk-kopf-dunkel .lk-griff-wort{color:#3F3E3E}
.lk-kopf-dunkel .lk-neben a{color:#7F7F7F}
.lk-kopf-dunkel .lk-neben img{filter:none;opacity:.7}

/* Panorama und Held */
.lk-panorama{position:relative;width:100%;height:100vh;margin-top:-96px}
.lk-panorama iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lk-held video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Elementors Kit stylt jedes button-Element. Der Griff ist ein button und
   hat deshalb Grund, Rahmen und Hover-Farbe geerbt. Alles weg. */
.lk-griff,.lk-griff:hover,.lk-griff:focus,.lk-griff:active,.lk-griff:visited{
  background:none!important;background-color:transparent!important;border:0!important;
  box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;
  text-decoration:none!important;transform:none!important;outline:0}
.lk-griff:focus-visible{outline:2px solid rgba(252,252,252,.7);outline-offset:4px}
.lk-griff-halter .elementor-widget-container,.lk-griff-halter{background:none!important}
/* Die Schublade fuehrt keinen Flex. Zwei Bloecke im normalen Fluss stapeln
   sich verlaesslich und rollen richtig. Flex hat sie auf dem Handy
   uebereinander gelegt und das Rollen verhindert. */
.lk-menu{display:block!important;--display:block}
.lk-menu>.lk-kacheln{display:grid!important;--display:grid;float:none;clear:both}
.lk-menu>.lk-menu-fuss{display:block!important;--display:block;float:none;clear:both}
.lk-menu-fuss>*{width:100%!important;max-width:none!important}
.lk-mf-adresse,.lk-mf-mitglieder,.lk-mf-zeile{display:flex!important;--display:flex}
.lk-mf-zeile{flex-direction:row!important;--flex-direction:row}
/* Das schwache Siegel unten links, wie in der Vorlage. Nur Zierde. */
.lk-fuss::before{content:"";position:absolute;left:22px;bottom:22px;top:auto;width:96px;height:96px;
  background:url("https://web-server.live/linke/wp-content/uploads/logo-chaine-des-rotisseurs.svg") no-repeat center/contain;filter:brightness(0) invert(1);opacity:.1;pointer-events:none}
@media(max-width:767px){.lk-fuss::before{display:none}}

/* ============================================================
   Vorlage A, Abschnitte. Gemessen an ihre-feier.html bei 960.
   Getragen wird alles von den globalen Rollen. Hier steht nur
   Anordnung, Grund und Abstand.
   ============================================================ */

/* 1  Held mit Schleier.
   Vorlage: Bild 1581 hoch auf Schwarz, darueber Schleier 20 % Schwarz
   ueber 1463, Textblock ab 247, Linie 898 von 960, Vorspann 17 darunter. */
.lk-a-held{position:relative;min-height:100vh;padding:0!important;
  display:flex!important;--display:flex;flex-direction:column!important;--flex-direction:column;
  justify-content:center!important;align-items:stretch!important;
  background-color:#000;background-repeat:no-repeat;background-position:center center;background-size:cover}
.lk-a-held::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2);pointer-events:none;z-index:1}
.lk-a-held-innen{position:relative;z-index:2;width:100%!important;max-width:1440px!important;margin:0 auto;
  flex:0 0 auto!important;padding:80px 24px!important;display:block!important;--display:block}
.lk-a-h1 .elementor-heading-title{margin:0;text-align:center;color:#FCFCFC}
.lk-a-linie{display:block;width:93.5%;max-width:1347px;height:2px;background:#FCFCFC;margin:16px auto 0}
.lk-a-vorspann p{margin:0;text-align:center;text-transform:uppercase;color:#FCFCFC}
.lk-a-vorspann{margin-top:17px}

/* 2  Weisse Aussage, zweispaltig, senkrechter Strich dazwischen.
   Vorlage u1373 673 hoch, u2952 555 hoch, Strich 1px 340 hoch #3F3E3E. */
.lk-a-aussage{background-color:var(--e-global-color-lkweiss);padding:0!important;display:block!important;--display:block}
.lk-a-aussage-innen{display:flex!important;--display:flex;flex-direction:row!important;--flex-direction:row;
  align-items:stretch!important;justify-content:center;flex-wrap:nowrap;
  width:100%!important;max-width:1440px!important;margin:0 auto;
  padding:clamp(70px,11vw,158px) 24px!important;column-gap:0}
.lk-a-aussage-innen>*{flex:0 0 auto!important;--width:auto}
.lk-a-titel{width:40%!important;max-width:none!important;padding-right:clamp(24px,4vw,58px)}
.lk-a-titel .elementor-heading-title{margin:0;color:var(--e-global-color-secondary)}
.lk-a-strich-halter{width:1px!important;max-width:1px!important;align-self:stretch}
.lk-a-strich{display:block;width:1px;height:100%;min-height:340px;background:var(--e-global-color-secondary)}
.lk-a-text{width:52%!important;max-width:none!important;padding-left:clamp(24px,4vw,58px)}
.lk-a-text p{margin:0 0 30px;color:var(--e-global-color-secondary)}
.lk-a-text p:last-child{margin-bottom:0}
/* schmale Fassung, wie u2952: Titelspalte enger */
.lk-a-aussage-schmal .lk-a-titel{width:30%!important}
.lk-a-aussage-schmal .lk-a-text{width:60%!important}
@media(max-width:767px){
  .lk-a-aussage-innen{flex-direction:column!important;--flex-direction:column;padding:56px 18px!important}
  .lk-a-titel,.lk-a-text,.lk-a-aussage-schmal .lk-a-titel,.lk-a-aussage-schmal .lk-a-text{width:100%!important;padding:0}
  .lk-a-strich-halter{width:100%!important;max-width:none!important;margin:22px 0}
  .lk-a-strich{width:100%;height:1px;min-height:0}
}

/* 3  Musterband mit Aussage und Knopf.
   Vorlage u2961 842 hoch, Muster gekachelt, darueber ein fester
   zweiter Musterschleier mit 63 Prozent. Aussage bei 236, Knopf bei 400. */
.lk-a-band{position:relative;overflow:hidden;padding:0!important;display:block!important;--display:block;
  background-color:#F3F3F3;background-image:url("https://web-server.live/linke/wp-content/uploads/bild-pattern-u2961-fr.png");background-repeat:repeat;background-position:left top}
.lk-a-band::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.63;
  background:url("https://web-server.live/linke/wp-content/uploads/bild-pattern.png") repeat left top;background-attachment:fixed}
.lk-a-band-innen{position:relative;z-index:2;width:100%!important;max-width:1440px!important;margin:0 auto;
  display:block!important;--display:block;
  min-height:clamp(480px,58vw,842px);padding:clamp(120px,28vw,236px) 24px clamp(90px,20vw,206px)!important}
.lk-a-band-titel .elementor-heading-title{margin:0;text-align:center;color:#FCFCFC}
.lk-a-knopf-halter{margin-top:clamp(40px,7vw,100px);text-align:center}
.lk-a-knopf{display:inline-block;border:1px solid #FCFCFC;background:transparent;color:#FCFCFC;
  text-decoration:none;padding:14px 34px;min-width:230px;text-align:center;
  transition:background-color .3s,border-color .3s}
.lk-a-knopf:hover,.lk-a-knopf:focus{background-color:var(--e-global-color-primary);border-color:var(--e-global-color-primary);color:#FCFCFC}
.lk-a-knopf:focus-visible{outline:2px solid rgba(252,252,252,.7);outline-offset:3px}
@media(max-width:767px){.lk-a-band::before{background-attachment:scroll}}

/* 4  Navy Aussage. Vorlage u1391 489 hoch, 53 oben, 18 unten, alles mittig. */
.lk-a-navy{background-color:var(--e-global-color-primary);padding:0!important;display:block!important;--display:block}
.lk-a-navy-innen{width:100%!important;max-width:1440px!important;margin:0 auto;display:block!important;--display:block;
  padding:clamp(50px,6vw,80px) 24px clamp(40px,4vw,60px)!important}
.lk-a-navy-titel .elementor-heading-title{margin:0;text-align:center;color:var(--e-global-color-lkweiss)}
.lk-a-navy-text{margin-top:clamp(24px,3vw,40px)}
.lk-a-navy-text p{margin:0;text-align:center;color:var(--e-global-color-lkweiss)}

/* 5  Bildband. Vorlage u966 712 hoch, Bild deckend, mittig, auf Schwarz. */
.lk-a-bildband{min-height:clamp(360px,50vw,712px);padding:0!important;
  background-color:#000;background-repeat:no-repeat;background-position:center center;background-size:cover}

/* 6  Bildraster, in der Vorlage die Klasse kookoo.
   Fuenf Spalten ueber die volle Breite, quadratisch, auf Schwarz. */
.lk-a-raster{display:grid!important;--display:grid;grid-template-columns:repeat(5,1fr)!important;gap:0!important;
  padding:0!important;width:100%!important;max-width:none!important;background-color:#000}
.lk-a-raster>*{width:auto!important;max-width:none!important;--width:auto;margin:0!important}
.lk-a-raster .elementor-widget-container,.lk-a-raster figure{margin:0;line-height:0}
.lk-a-raster img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover}
@media(max-width:767px){.lk-a-raster{grid-template-columns:repeat(3,1fr)!important}}

/* Knopf im Band, wenn Elementors Knopfbaustein benutzt wird. */
.lk-a-knopf-halter .elementor-button{display:inline-block;border:1px solid #FCFCFC!important;border-radius:0!important;
  background-color:transparent!important;color:#FCFCFC!important;text-decoration:none;
  padding:14px 34px!important;min-width:230px;text-align:center;box-shadow:none!important;
  transition:background-color .3s,border-color .3s}
.lk-a-knopf-halter .elementor-button:hover,.lk-a-knopf-halter .elementor-button:focus{
  background-color:var(--e-global-color-primary)!important;border-color:var(--e-global-color-primary)!important;color:#FCFCFC!important}
.lk-a-knopf-halter .elementor-button:focus-visible{outline:2px solid rgba(252,252,252,.7);outline-offset:3px}

/* Der Schleierhalter in der Kopfleiste ist ein Baustein ohne Hoehe und hat
   Elementors Standardabstand geerbt. Er hat die ganze Seite um 20 gedrueckt. */
.lk-schleier-halter{margin:0!important;padding:0!important;height:0;line-height:0}


/* ============================================================
   Vorlage B, C, D und die Sonderfaelle. Gemessen am Original.
   ============================================================ */

/* 7  Videoheld. Wie der Held, aber mit Film statt Bild. */
.lk-a-videoheld{position:relative;overflow:hidden;min-height:100vh;padding:0!important;
  display:flex!important;--display:flex;flex-direction:column!important;--flex-direction:column;
  justify-content:center!important;align-items:stretch!important;background-color:#000}
.lk-a-videoheld video,.lk-a-videoheld .elementor-background-video-container{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.lk-a-videoheld::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2);z-index:1;pointer-events:none}
.lk-a-videoheld-innen{position:relative;z-index:2;width:100%!important;max-width:1440px!important;margin:0 auto;
  flex:0 0 auto!important;padding:80px 24px!important;display:block!important;--display:block}

/* 8  Kachelnavigation. Bild, Schleier, Zeile und Unterzeile, Verweis. */
.lk-a-kacheln{display:grid!important;--display:grid;grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;padding:0!important;width:100%!important;max-width:none!important;background-color:#000}
.lk-a-kacheln>*{width:auto!important;max-width:none!important;--width:auto;margin:0!important}
.lk-a-kachelfeld{position:relative;display:flex!important;--display:flex;flex-direction:column!important;
  --flex-direction:column;justify-content:center!important;align-items:center!important;
  min-height:clamp(180px,17vw,260px);overflow:hidden;text-decoration:none;
  background-size:cover;background-position:center center;padding:20px!important}
.lk-a-kachelfeld::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.34);transition:background .4s}
.lk-a-kachelfeld:hover::after{background:rgba(0,50,110,.66)}
.lk-a-kachelfeld>*{position:relative;z-index:2}
.lk-a-kachelfeld .elementor-heading-title{margin:0;text-align:center;color:#FCFCFC}
.lk-a-kachelunter p{margin:6px 0 0;text-align:center;color:rgba(252,252,252,.86)}
@media(max-width:1023px){.lk-a-kacheln{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:479px){.lk-a-kacheln{grid-template-columns:1fr!important}}

/* 9  Textseite. Impressum, AGB, Datenschutz, Cookie-Richtlinien. */
.lk-a-textseite{background-color:var(--e-global-color-lkweiss);padding:0!important;display:block!important;--display:block}
.lk-a-textseite-innen{width:100%!important;max-width:1000px!important;margin:0 auto;display:block!important;--display:block;
  padding:clamp(90px,10vw,150px) 24px clamp(60px,7vw,100px)!important}
.lk-a-textseite-titel .elementor-heading-title{margin:0 0 clamp(24px,3vw,44px);color:var(--e-global-color-secondary)}
.lk-a-textseite-text p{margin:0 0 24px;color:var(--e-global-color-secondary)}
.lk-a-textseite-text h2,.lk-a-textseite-text h3{margin:40px 0 14px;color:var(--e-global-color-secondary);
  font-family:"Linke Kondens","Arial Narrow",sans-serif;font-weight:700}
.lk-a-textseite-text h2{font-size:clamp(22px,2.2vw,32px);line-height:1.25}
.lk-a-textseite-text h3{font-size:clamp(18px,1.7vw,24px);line-height:1.3}
.lk-a-textseite-text a{color:var(--e-global-color-primary);text-decoration:none;border-bottom:1px solid rgba(0,50,110,.35)}
.lk-a-textseite-text a:hover{border-bottom-color:var(--e-global-color-primary)}
.lk-a-textseite-text ul,.lk-a-textseite-text ol{margin:0 0 24px;padding-left:22px;color:var(--e-global-color-secondary)}
.lk-a-textseite-text li{margin:0 0 8px}

/* 10  Panoramaseite. Rundgang im Vollbild, Schleier, Zeile darueber. */
.lk-a-panorama{position:relative;height:100vh;min-height:520px;padding:0!important;overflow:hidden;
  background-color:#000;display:block!important;--display:block}
.lk-a-panorama iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:0}
.lk-a-panorama-titel{position:absolute;left:0;right:0;top:clamp(90px,12vh,150px);z-index:2;pointer-events:none}
.lk-a-panorama-titel .elementor-heading-title{margin:0;text-align:center;color:#FCFCFC;text-shadow:0 2px 24px rgba(0,0,0,.6)}

/* 11  Logowand. Referenzen, grauer Grund, Logos in Reihen. */
.lk-a-logowand{background-color:#7F7F7F;padding:0!important;display:block!important;--display:block}
.lk-a-logowand-innen{display:flex!important;--display:flex;flex-direction:row!important;--flex-direction:row;
  flex-wrap:wrap;align-items:center;justify-content:center;column-gap:clamp(24px,3.6vw,52px);row-gap:clamp(20px,2.4vw,34px);
  width:100%!important;max-width:1440px!important;margin:0 auto;padding:clamp(60px,7vw,100px) 24px!important}
.lk-a-logowand-innen>*{width:auto!important;max-width:none!important;flex:0 0 auto!important;--width:auto}
.lk-a-logowand img{filter:brightness(0) invert(1);opacity:.85;transition:opacity .3s}
.lk-a-logowand a:hover img{opacity:1}

/* 12  Locationsblock. Bild und Text im Wechsel, wie auf locations. */
.lk-a-loc{background-color:var(--e-global-color-lkweiss);padding:0!important;display:block!important;--display:block}
.lk-a-loc-innen{display:flex!important;--display:flex;flex-direction:row!important;--flex-direction:row;
  align-items:center!important;flex-wrap:nowrap;width:100%!important;max-width:1440px!important;margin:0 auto;
  padding:clamp(50px,6vw,90px) 24px!important;column-gap:clamp(28px,4vw,64px)}
.lk-a-loc-innen>*{flex:1 1 0!important;width:auto!important;max-width:none!important;--width:auto}
.lk-a-loc-titel .elementor-heading-title{margin:0 0 18px;color:var(--e-global-color-secondary)}
.lk-a-loc-text p{margin:0 0 20px;color:var(--e-global-color-secondary)}
.lk-a-loc-text p:last-child{margin-bottom:0}
.lk-a-loc-bild img{display:block;width:100%;height:auto}
.lk-a-loc-gedreht .lk-a-loc-innen{flex-direction:row-reverse!important;--flex-direction:row-reverse}
.lk-a-loc-dunkel{background-color:#000}
.lk-a-loc-dunkel .lk-a-loc-titel .elementor-heading-title,.lk-a-loc-dunkel .lk-a-loc-text p{color:#FCFCFC}
@media(max-width:767px){
  .lk-a-loc-innen,.lk-a-loc-gedreht .lk-a-loc-innen{flex-direction:column!important;--flex-direction:column;
    row-gap:24px;padding:44px 18px!important}
}

/* 13  Rotes Band. Nur auf land-rover. */
.lk-a-rot{background-color:#C1272D;padding:0!important;display:block!important;--display:block;
  background-repeat:no-repeat;background-position:center center;background-size:cover}
.lk-a-rot-innen{width:100%!important;max-width:1440px!important;margin:0 auto;display:block!important;--display:block;
  min-height:clamp(320px,42vw,596px);padding:clamp(60px,7vw,100px) 24px!important}
.lk-a-rot-titel .elementor-heading-title{margin:0;text-align:center;color:#FCFCFC}
.lk-a-rot-text p{margin:18px 0 0;text-align:center;color:#FCFCFC}
/* 14  Bildaussage. Vollflaechiges Bild mit Schleier, Zeile mittig darueber,
   auf Wunsch Text und Knopf. Kommt auf fast jeder Seite der Vorlage A vor. */
.lk-a-bildaussage{position:relative;padding:0!important;display:block!important;--display:block;
  background-color:#000;background-repeat:no-repeat;background-position:center center;background-size:cover}
.lk-a-bildaussage::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2);pointer-events:none}
.lk-a-bildaussage-innen{position:relative;z-index:2;width:100%!important;max-width:1440px!important;margin:0 auto;
  display:flex!important;--display:flex;flex-direction:column!important;--flex-direction:column;
  justify-content:center!important;align-items:stretch!important;
  min-height:clamp(340px,45vw,650px);padding:clamp(60px,7vw,100px) 24px!important}
.lk-a-bildaussage-titel .elementor-heading-title{margin:0;text-align:center;color:#FCFCFC}
.lk-a-bildaussage-text p{margin:clamp(18px,2vw,28px) 0 0;text-align:center;color:#FCFCFC}
.lk-a-bildaussage .lk-a-knopf-halter{margin-top:clamp(28px,4vw,56px);text-align:center}

/* 15  Kurzer Held. Fuer Seiten deren Held im Original flacher steht. */
.lk-a-held-kurz{min-height:clamp(420px,46vw,660px)}

/* 16  Graues Schlussband. Anthrazit, Zeile und Text mittig. */
.lk-a-grauband{background-color:var(--e-global-color-secondary);padding:0!important;
  display:block!important;--display:block}
.lk-a-grauband-innen{width:100%!important;max-width:1100px!important;margin:0 auto;display:block!important;--display:block;
  padding:clamp(60px,7vw,110px) 24px!important}
.lk-a-grauband-titel .elementor-heading-title{margin:0;text-align:center;color:#FCFCFC}
.lk-a-grauband-text p{margin:clamp(16px,2vw,26px) 0 0;text-align:center;color:#FCFCFC}
.lk-a-grauband .lk-a-knopf-halter{margin-top:clamp(26px,3.4vw,48px);text-align:center}

/* Text unter der Bandzeile, wenn das Muster ihn traegt. */
.lk-a-band-text p{margin:clamp(18px,2vw,28px) 0 0;text-align:center;color:#FCFCFC}
/* Zwei Knoepfe nebeneinander. */
.lk-a-knopfpaar{display:flex!important;--display:flex;flex-direction:row!important;--flex-direction:row;
  flex-wrap:wrap;justify-content:center!important;align-items:center!important;
  column-gap:clamp(14px,1.6vw,24px);row-gap:14px;padding:0!important;margin-top:clamp(28px,4vw,56px)!important}
.lk-a-knopfpaar>*{width:auto!important;max-width:none!important;flex:0 0 auto!important;--width:auto;margin:0!important}
.lk-a-knopfpaar .lk-a-knopf-halter{margin-top:0!important}
/* Bildaussage mit Film statt Bild. Der Schleier muss ueber den Film. */
.lk-a-bildaussage .elementor-background-video-container,
.lk-a-bildaussage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.lk-a-bildaussage::before{z-index:1}

/* Helle Schrift auf dunklem Grund. Die Texte aus dem Umzug stehen nicht immer
   in einem Absatz, darum greift die Farbe am Behaelter und an allem darin. */
.lk-a-vorspann,.lk-a-vorspann *{color:#FCFCFC}
.lk-a-vorspann{text-align:center;text-transform:uppercase}
.lk-a-band-text,.lk-a-band-text *{color:#FCFCFC}
.lk-a-band-text{text-align:center}
.lk-a-bildaussage-text,.lk-a-bildaussage-text *{color:#FCFCFC}
.lk-a-bildaussage-text{text-align:center}
.lk-a-grauband-text,.lk-a-grauband-text *{color:#FCFCFC}
.lk-a-grauband-text{text-align:center}
.lk-a-navy-text,.lk-a-navy-text *{color:var(--e-global-color-lkweiss)}
.lk-a-navy-text{text-align:center}
/* Dunkle Schrift in den hellen Abschnitten, gleiche Begruendung. */
.lk-a-text,.lk-a-text *{color:var(--e-global-color-secondary)}
.lk-a-loc-text,.lk-a-loc-text *{color:var(--e-global-color-secondary)}
.lk-a-loc-dunkel .lk-a-loc-text,.lk-a-loc-dunkel .lk-a-loc-text *{color:#FCFCFC}
.lk-a-textseite-text,.lk-a-textseite-text *{color:var(--e-global-color-secondary)}
.lk-a-textseite-text a,.lk-a-textseite-text a *{color:var(--e-global-color-primary)}
/* ============================================================
   Rundgangsseiten. Ein ganzflaechiger Rahmen je Seite.
   Der Behaelter fuellt das Fenster, der Rahmen den Behaelter.
   Der obere Versatz zieht das Ganze unter die feste Kopfleiste,
   damit Griff und Schublade darueber liegen bleiben.
   Der Wert steht als Stellschraube und wird gemessen, nicht geraten.
   ============================================================ */
:root{--lk-kopf-versatz:0px}
.lk-rundgang{position:relative;display:block!important;--display:block;padding:0!important;
  width:100%!important;max-width:none!important;overflow:hidden;background:#000;
  height:100vh;height:100dvh;margin-top:calc(-1 * var(--lk-kopf-versatz))!important}
.lk-rundgang .elementor-widget-container{height:100%}
.lk-rundgang iframe{display:block;width:100%;height:100%;border:0}
/* Kein Fuss und keine Bildlaufleiste auf einer Seite die aus einer Anwendung besteht. */
body:has(.lk-rundgang){overflow:hidden}
body:has(.lk-rundgang) .elementor-location-footer{display:none}
/* ============================================================
   Kontaktseite. Anschrift und Anfrageformular.
   ============================================================ */
.lk-a-kontakt{background-color:var(--e-global-color-lkweiss);padding:0!important;display:block!important;--display:block}
.lk-a-kontakt-innen{width:100%!important;max-width:1100px!important;margin:0 auto;display:block!important;--display:block;padding:clamp(90px,10vw,150px) 24px clamp(60px,7vw,100px)!important}
.lk-a-kontakt-titel .elementor-heading-title{margin:0 0 clamp(20px,2.4vw,34px);text-align:center;color:var(--e-global-color-secondary)}
.lk-a-kontakt-vor,.lk-a-kontakt-vor *{color:var(--e-global-color-secondary)}
.lk-a-kontakt-vor{text-align:center;margin-bottom:clamp(34px,4vw,60px)}
.lk-a-anschrift{display:flex!important;--display:flex;flex-direction:row!important;--flex-direction:row;flex-wrap:wrap;justify-content:center!important;align-items:flex-start!important;column-gap:clamp(30px,4.4vw,64px);row-gap:20px;padding:0!important;margin-bottom:clamp(40px,5vw,72px)!important}
.lk-a-anschrift>*{width:auto!important;max-width:none!important;flex:0 0 auto!important;--width:auto}
.lk-a-anschrift,.lk-a-anschrift *{color:var(--e-global-color-secondary)}
.lk-a-anschrift p{margin:0}
.lk-a-anschrift a{color:var(--e-global-color-primary);text-decoration:none;border-bottom:1px solid rgba(0,50,110,.3)}


/* Nur fuer Vorleseprogramme sichtbar. */
.lk-nur-vorlesen{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}

/* Kachel-Unterzeile. Gleicher Grund wie beim Vorspann: der Text steht
   nicht immer in einem Absatz, darum faerbt die Regel den Behaelter mit. */
.lk-a-kachelunter,.lk-a-kachelunter *{color:#FCFCFC}
.lk-a-kachelunter{text-align:center;text-shadow:0 1px 12px rgba(0,0,0,.55)}
.lk-a-kachelfeld .elementor-heading-title{text-shadow:0 1px 14px rgba(0,0,0,.55)}

/* Stimmen auf der Referenzseite. Navy, mittig, ohne Ueberschrift. */
.lk-a-stimme{background-color:var(--e-global-color-primary);padding:0!important;display:block!important;--display:block}
.lk-a-stimme-innen{width:100%!important;max-width:1100px!important;margin:0 auto;display:block!important;--display:block;padding:clamp(60px,7vw,110px) 24px!important}
.lk-a-stimme-text,.lk-a-stimme-text *{color:var(--e-global-color-lkweiss)}
.lk-a-stimme-text{text-align:center;position:relative}
.lk-a-stimme-text p{margin:0 0 16px}
.lk-a-stimme-text p:last-child{margin-bottom:0}
.lk-a-stimme-innen::before{content:"\201E";display:block;text-align:center;font-family:"Linke Kondens","Arial Narrow",sans-serif;font-size:clamp(60px,7vw,110px);line-height:.7;color:rgba(252,252,252,.35);margin-bottom:14px}

/* Anschrift im Locationsblock. Auf dunklem Grund hell, sonst grau. */
.lk-a-loc-anschrift,.lk-a-loc-anschrift *{color:rgba(63,62,62,.72)}
.lk-a-loc-anschrift{margin:-8px 0 18px}
.lk-a-loc-anschrift p{margin:0}
.lk-a-loc-dunkel .lk-a-loc-anschrift,.lk-a-loc-dunkel .lk-a-loc-anschrift *{color:rgba(252,252,252,.75)}
/* Bilder im Locationsblock immer voll ausspielen. */
.lk-a-loc-bild img{display:block;width:100%;height:auto;object-fit:cover}
.lk-a-loc-dunkel .lk-a-knopf-halter .elementor-button{border-color:#FCFCFC!important;color:#FCFCFC!important}
.lk-a-loc-dunkel .lk-a-knopf-halter .elementor-button:hover{background-color:#FCFCFC!important;color:var(--e-global-color-primary)!important}
.lk-a-loc .lk-a-knopf-halter .elementor-button{border:1px solid var(--e-global-color-primary)!important;border-radius:0!important;background:transparent!important;color:var(--e-global-color-primary)!important;padding:13px 30px!important;min-width:200px;text-align:center;box-shadow:none!important;transition:background-color .3s,color .3s}
.lk-a-loc .lk-a-knopf-halter .elementor-button:hover{background-color:var(--e-global-color-primary)!important;color:#FCFCFC!important}
.lk-a-loc .lk-a-knopf-halter{margin-top:26px}

/* Der Knopf im dunklen Locationsblock muss nach der allgemeinen Regel stehen,
   sonst gewinnt die spaetere und der Knopf steht navy auf schwarz. */
.lk-a-loc.lk-a-loc-dunkel .lk-a-knopf-halter .elementor-button{border-color:#FCFCFC!important;color:#FCFCFC!important;background:transparent!important}
.lk-a-loc.lk-a-loc-dunkel .lk-a-knopf-halter .elementor-button:hover{background-color:#FCFCFC!important;color:#000000!important}

/* Der Rahmen aus dem Original steht auf position:absolute mit height:100%.
   Elementor stellt jeden Baustein auf position:relative, damit wurde der
   Baustein der Bezugspunkt und der war null hoch. Bezugspunkt ist wieder
   der Behaelter, und die Kette bekommt durchgehend Hoehe. */
.lk-rundgang>.elementor-element,.lk-rundgang .elementor-widget-html{position:static!important;height:100%!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.lk-rundgang .elementor-widget-container{position:static!important;height:100%!important}
html:has(.lk-rundgang),body:has(.lk-rundgang){overflow:hidden;height:100%}

/* ============================================================
   Logoraster der Referenzseite. Vier helle Raster mit den Kunden,
   ein dunkles am Ende mit dem Partnernetzwerk.
   ============================================================ */
.lk-a-logoraster{background-color:var(--e-global-color-lkweiss);padding:0!important;display:block!important;--display:block}
.lk-a-logoraster-innen{display:flex!important;--display:flex;flex-direction:row!important;--flex-direction:row;flex-wrap:wrap;align-items:center!important;justify-content:center!important;column-gap:clamp(26px,3.4vw,50px);row-gap:clamp(24px,2.8vw,40px);width:100%!important;max-width:1440px!important;margin:0 auto;padding:clamp(50px,6vw,90px) 24px!important}
.lk-a-logoraster-innen>*{width:auto!important;max-width:none!important;flex:0 0 auto!important;--width:auto;margin:0!important}
.lk-a-logoraster img{display:block;filter:brightness(0);opacity:.62;transition:opacity .3s}
.lk-a-logoraster a:hover img{opacity:1}
.lk-a-logoraster .elementor-widget-container,.lk-a-logoraster figure{line-height:0;margin:0}
@media(max-width:767px){.lk-a-logoraster-innen{column-gap:22px;row-gap:20px;padding:40px 18px!important}.lk-a-logoraster img{max-width:34vw;height:auto}}
/* Die Partnerwand am Ende, hell auf grau. */
.lk-a-logowand img{max-width:100%;height:auto}
@media(max-width:767px){.lk-a-logowand-innen{column-gap:22px;row-gap:20px;padding:40px 18px!important}.lk-a-logowand img{max-width:34vw;height:auto}}

/* Der Griff war 56 breit, die Balken nur 33. Das Wort sass darum rechts
   neben der Mitte der Balken. Griff auf Balkenbreite, Wort mittig darauf,
   und der Buchstabenabstand am Wortende wird ausgeglichen. */
.lk-griff{width:33px!important}
.lk-griff-wort{display:block;width:max-content;margin:10px auto 0!important;transform:translateX(-1.5px)}

/* Elementor macht aus einem Behaelter mit Verweis keinen Anker. Die Kacheln
   waren deshalb nicht klickbar. Jede Kachel bekommt eine Flaeche darueber,
   die den ganzen Kasten abdeckt und den Verweis traegt. */
.lk-kachel,.lk-a-kachelfeld{position:relative}
.lk-kachel-flaeche{position:absolute;inset:0;z-index:5;display:block;text-decoration:none;font-size:0;line-height:0}
.lk-kachel-flaeche:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:-5px}
.lk-kachel .elementor-widget-html,.lk-a-kachelfeld .elementor-widget-html{position:static}

/* ============================================================
   Anfrageformular. Nach der Vorlage: gerahmte Felder auf hellem
   Grund, Beschriftung darueber mit Doppelpunkt, Ausstattung
   zweispaltig, Auswahlgruppen in einer Zeile.
   ============================================================ */
.lk-a-formular .elementor-form-fields-wrapper{row-gap:0}
.lk-a-formular .elementor-field-group{margin-bottom:clamp(16px,1.7vw,24px);align-content:start}
.lk-a-formular .elementor-field-label{display:block;width:100%;
  font-family:"Linke Kondens","Arial Narrow",sans-serif;font-variation-settings:"wdth" 75;
  font-size:clamp(16px,1.35vw,20px);font-weight:300;letter-spacing:0;text-transform:none;
  color:var(--e-global-color-secondary);margin-bottom:7px}


.lk-a-formular .elementor-field-required .elementor-field-label .elementor-mark-required::after,
.lk-a-formular .elementor-mark-required{color:var(--e-global-color-secondary)}

/* Gerahmte Felder, kein Kasteninneres, wie in der Vorlage. */
.lk-a-formular input:not([type=radio]):not([type=checkbox]):not([type=submit]),
.lk-a-formular textarea,.lk-a-formular select{width:100%;background:#FFFFFF;
  border:1px solid rgba(63,62,62,.42);border-radius:0;padding:11px 13px;box-shadow:none;
  font-family:"Linke Kondens","Arial Narrow",sans-serif;font-variation-settings:"wdth" 75;
  font-size:clamp(16px,1.3vw,19px);font-weight:300;color:var(--e-global-color-secondary);
  transition:border-color .25s}
.lk-a-formular input::placeholder,.lk-a-formular textarea::placeholder{color:rgba(63,62,62,.4)}
.lk-a-formular input:focus,.lk-a-formular textarea:focus,.lk-a-formular select:focus{outline:0;border-color:var(--e-global-color-primary)}
.lk-a-formular textarea{min-height:170px;resize:vertical}

/* Auswahlgruppen. Kreise und Kaestchen wie in der Vorlage, ruhig und gross. */
.lk-a-formular .elementor-field-option{display:flex;align-items:center;gap:11px}
.lk-a-formular .elementor-field-option label{margin:0;cursor:pointer;
  font-family:"Linke Kondens","Arial Narrow",sans-serif;font-variation-settings:"wdth" 75;
  font-size:clamp(15px,1.25vw,19px);font-weight:300;color:var(--e-global-color-secondary)}
.lk-a-formular input[type=radio],.lk-a-formular input[type=checkbox]{appearance:none;-webkit-appearance:none;
  flex:0 0 auto;width:19px;height:19px;margin:0;background:#FFFFFF;
  border:1px solid rgba(63,62,62,.5);cursor:pointer;transition:border-color .2s,background-color .2s}
.lk-a-formular input[type=radio]{border-radius:50%}
.lk-a-formular input[type=radio]:checked{border-color:var(--e-global-color-primary);
  background:radial-gradient(circle,var(--e-global-color-primary) 0 45%,#FFFFFF 46%)}
.lk-a-formular input[type=checkbox]:checked{border-color:var(--e-global-color-primary);background-color:var(--e-global-color-primary)}
.lk-a-formular input[type=checkbox]:checked::after{content:"";display:block;width:5px;height:10px;margin:1px auto 0;
  border:solid #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg)}
.lk-a-formular input[type=radio]:focus-visible,.lk-a-formular input[type=checkbox]:focus-visible{outline:2px solid var(--e-global-color-primary);outline-offset:2px}

/* Die Ausstattung steht in der Vorlage in zwei Spalten. */
.elementor-field-subgroup.lk-a-ausstattung{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(7,auto);grid-auto-flow:column;column-gap:clamp(24px,4vw,70px);row-gap:13px}
@media(max-width:600px){.elementor-field-subgroup.lk-a-ausstattung{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}}

/* Knopf */
.lk-a-formular .elementor-field-type-submit{margin-top:clamp(10px,1.6vw,22px)}
.lk-a-formular .elementor-button{border:1px solid var(--e-global-color-primary)!important;border-radius:0!important;
  background-color:var(--e-global-color-primary)!important;color:#FCFCFC!important;
  padding:16px 44px!important;min-width:240px;box-shadow:none!important;transition:background-color .3s,color .3s}
.lk-a-formular .elementor-button:hover{background-color:transparent!important;color:var(--e-global-color-primary)!important}
.lk-a-formular .elementor-field-type-acceptance .elementor-field-label{display:none}
.lk-a-formular .elementor-field-type-acceptance .elementor-field-option label{font-size:clamp(13px,1.05vw,15px);line-height:1.5;color:rgba(63,62,62,.85)}
.lk-a-formular .elementor-message{font-family:"Linke Kondens","Arial Narrow",sans-serif;font-size:17px}

/* Die Kontaktseite steht in der Vorlage auf hellem Grau. */
.lk-a-kontakt{background-color:#F3F3F3!important}
@media(max-width:767px){.lk-a-kontakt-innen{padding:60px 18px 44px!important}.lk-a-anschrift{column-gap:24px}}

/* Anordnung der Auswahlgruppen kommt aus dem Blatt, nicht aus Elementor.
   Standard ist nebeneinander, gestapelt nur wo die Vorlage es zeigt. */
.lk-a-formular .elementor-field-subgroup{display:flex!important;flex-direction:row;flex-wrap:wrap;column-gap:clamp(22px,3vw,44px);row-gap:12px}
.elementor-field-subgroup.lk-a-gestapelt{flex-direction:column!important;row-gap:11px}
.elementor-field-subgroup.lk-a-ausstattung{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(7,auto);grid-auto-flow:column;column-gap:clamp(24px,4vw,70px);row-gap:13px}
@media(max-width:600px){.elementor-field-subgroup.lk-a-ausstattung{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}}

/* Elementor gibt jeder Auswahlmoeglichkeit die volle Breite, dadurch bricht
   jede Zeile um. Sie sollen sich nur so breit machen wie ihr Wort. */
.lk-a-formular .elementor-field-option{flex:0 0 auto!important;width:auto!important;max-width:none!important}
.elementor-field-subgroup.lk-a-ausstattung .elementor-field-option{width:100%!important}
.elementor-field-subgroup.lk-a-gestapelt .elementor-field-option{width:100%!important}

/* ============================================================
   Kopfleiste: Griff im Navy-Kasten, Schriftzug daneben.
   ============================================================ */
.lk-kopf-links{display:flex!important;--display:flex;flex-direction:row!important;--flex-direction:row;align-items:flex-start!important;column-gap:clamp(14px,1.6vw,22px);padding:0!important;width:auto!important;max-width:none!important}
.lk-kopf-links>*{width:auto!important;max-width:none!important;flex:0 0 auto!important;--width:auto;margin:0!important}
.lk-griff-halter{background:var(--e-global-color-primary);padding:15px 17px 13px!important;display:inline-block}
.lk-griff-halter .elementor-widget-container{background:none!important}
.lk-kopf-logo{padding:0!important;line-height:0}
.lk-kopf-logo img{display:block;width:clamp(96px,9vw,132px);height:auto;filter:brightness(0) invert(1)}
.lk-kopf-logo a{display:block;line-height:0}
@media(max-width:767px){.lk-griff-halter{padding:12px 13px 10px!important}.lk-kopf-logo img{width:88px}}

/* Helle Seiten: durchgehendes Navy-Band, damit der Kopf lesbar bleibt. */
body:has(.lk-kopf-band) .lk-kopfleiste{background:var(--e-global-color-primary);padding:19px 12px 16px 20px!important}
body:has(.lk-kopf-band) .lk-griff-halter{padding:0!important;background:none}

/* Schriftzug im Held der Startseite, wie in der Vorlage. */
.lk-held-logo{padding:0!important;line-height:0;margin-bottom:clamp(26px,3.4vw,48px)!important}
.lk-held-logo img{display:block;width:clamp(210px,26vw,380px);height:auto;margin:0 auto;filter:brightness(0) invert(1)}

/* ============================================================
   Rundgangsseiten: Rueckweg und Panoramawechsel ueber dem Rahmen.
   ============================================================ */
.lk-rundgang-nav{position:absolute!important;top:clamp(120px,15vh,168px);left:20px;z-index:6;
  display:flex!important;--display:flex;flex-direction:column!important;--flex-direction:column;
  align-items:flex-start!important;row-gap:12px;padding:0!important;width:auto!important;max-width:none!important}
.lk-rundgang-nav>*{width:auto!important;max-width:none!important;flex:0 0 auto!important;--width:auto;margin:0!important}
.lk-zurueck{display:inline-flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#FCFCFC;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.lk-zurueck-kreis{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:2px solid #FCFCFC;border-radius:50%;transition:background-color .25s}
.lk-zurueck:hover .lk-zurueck-kreis{background:rgba(252,252,252,.18)}
.lk-zurueck-wort{font-family:"Linke Kondens","Arial Narrow",sans-serif;font-variation-settings:"wdth" 75;font-size:13px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase}
.lk-pano-liste{display:flex;flex-direction:column;gap:9px;margin-top:6px}
.lk-pano-knopf{display:inline-block;background:var(--e-global-color-primary);color:#FCFCFC;text-decoration:none;
  padding:13px 22px;font-family:"Linke Kondens","Arial Narrow",sans-serif;font-variation-settings:"wdth" 75;
  font-size:clamp(15px,1.3vw,19px);font-weight:700;letter-spacing:1.4px;text-transform:uppercase;transition:background-color .25s}
.lk-pano-knopf:hover{background:#001F45}
.lk-pano-knopf.lk-aktiv{background:#C1272D}
.lk-pano-knopf.lk-aktiv:hover{background:#A31F25}
@media(max-width:767px){.lk-rundgang-nav{top:104px;left:14px;row-gap:9px}.lk-zurueck-kreis{width:44px;height:44px}.lk-pano-knopf{padding:10px 16px}}

/* Der Griff hatte weiter oben ein background:none mit Ausrufezeichen geerbt,
   damit Elementors Knopfstil verschwindet. Der Navy-Kasten muss danach kommen
   und ebenso deutlich sein. */
.lk-kopf-links .lk-griff-halter{background:var(--e-global-color-primary)!important;padding:15px 17px 13px!important;display:inline-block}
.lk-kopf-links .lk-griff-halter .elementor-widget-container{background:none!important;padding:0!important}
.lk-kopf-links .lk-kopf-logo img{width:clamp(96px,9vw,132px)!important;height:auto!important;max-width:none!important}
body:has(.lk-kopf-band) .lk-kopf-links .lk-griff-halter{background:none!important;padding:0!important}
@media(max-width:767px){.lk-kopf-links .lk-griff-halter{padding:12px 13px 10px!important}.lk-kopf-links .lk-kopf-logo img{width:88px!important}}

/* Der Rueckweg erbt sonst die Verweisfarbe aus dem Kit. */
.lk-rundgang-nav .lk-zurueck,.lk-rundgang-nav .lk-zurueck:hover,.lk-rundgang-nav .lk-zurueck:visited{color:#FCFCFC!important;text-decoration:none!important}
.lk-rundgang-nav .lk-zurueck svg{color:#FCFCFC!important;stroke:#FCFCFC!important}
.lk-rundgang-nav .lk-zurueck-wort{color:#FCFCFC!important}
.lk-rundgang-nav .lk-pano-knopf,.lk-rundgang-nav .lk-pano-knopf:hover,.lk-rundgang-nav .lk-pano-knopf:visited{color:#FCFCFC!important;text-decoration:none!important}

/* ============================================================
   Navy-Seiten. Nicht nur der Kopf, die ganze Seite steht auf Navy,
   Schrift durchgehend weiss. Betrifft impressum, datenschutz, agb,
   cookie-richtlinien, preislisten, galerie und kontakt.
   ============================================================ */
body:has(.lk-kopf-band){background-color:var(--e-global-color-primary)}
.lk-kopf-band{background-color:var(--e-global-color-primary)!important}
.lk-kopf-band,.lk-kopf-band p,.lk-kopf-band li,.lk-kopf-band span,.lk-kopf-band strong,.lk-kopf-band em,
.lk-kopf-band h1,.lk-kopf-band h2,.lk-kopf-band h3,.lk-kopf-band h4,
.lk-kopf-band .elementor-heading-title,.lk-kopf-band .elementor-field-label{color:#FCFCFC!important}
.lk-kopf-band a,.lk-kopf-band a span{color:#FCFCFC!important;border-bottom-color:rgba(252,252,252,.45)!important}
.lk-kopf-band a:hover{border-bottom-color:#FCFCFC!important}

/* Formular auf Navy: durchsichtige Felder mit hellem Rahmen. */
.lk-kopf-band .lk-a-formular input:not([type=radio]):not([type=checkbox]):not([type=submit]),
.lk-kopf-band .lk-a-formular textarea,.lk-kopf-band .lk-a-formular select{
  background:transparent!important;border-color:rgba(252,252,252,.55)!important;color:#FCFCFC!important}
.lk-kopf-band .lk-a-formular input::placeholder,.lk-kopf-band .lk-a-formular textarea::placeholder{color:rgba(252,252,252,.5)!important}
.lk-kopf-band .lk-a-formular input:focus,.lk-kopf-band .lk-a-formular textarea:focus{border-color:#FCFCFC!important}
.lk-kopf-band .lk-a-formular input[type=radio],.lk-kopf-band .lk-a-formular input[type=checkbox]{
  background:transparent!important;border-color:rgba(252,252,252,.65)!important}
.lk-kopf-band .lk-a-formular input[type=radio]:checked{border-color:#FCFCFC!important;
  background:radial-gradient(circle,#FCFCFC 0 45%,transparent 46%)!important}
.lk-kopf-band .lk-a-formular input[type=checkbox]:checked{background-color:#FCFCFC!important;border-color:#FCFCFC!important}
.lk-kopf-band .lk-a-formular input[type=checkbox]:checked::after{border-color:var(--e-global-color-primary)}
.lk-kopf-band .lk-a-formular .elementor-button{background-color:#FCFCFC!important;border-color:#FCFCFC!important;color:var(--e-global-color-primary)!important}
.lk-kopf-band .lk-a-formular .elementor-button:hover{background-color:transparent!important;color:#FCFCFC!important}

/* Der Kopf braucht auf diesen Seiten kein eigenes Band mehr. */
body:has(.lk-kopf-band) .lk-kopfleiste{background:none;padding:19px 12px 0 20px!important}

/* Die Beschriftungen an Kreisen und Kaestchen sind schlichte label und
   waren in der Farbregel nicht dabei. */
.lk-kopf-band label,.lk-kopf-band .elementor-field-option label,.lk-kopf-band .elementor-field-option{color:#FCFCFC!important}
.lk-kopf-band .elementor-field-type-acceptance .elementor-field-option label{color:rgba(252,252,252,.85)!important}
.lk-kopf-band .lk-a-kontakt-vor,.lk-kopf-band .lk-a-kontakt-vor *{color:#FCFCFC!important}
.lk-kopf-band .lk-a-anschrift,.lk-kopf-band .lk-a-anschrift *{color:#FCFCFC!important}
.lk-kopf-band .elementor-message,.lk-kopf-band .elementor-message *{color:#FCFCFC!important}

/* Der Knopf steht weiss auf Navy, seine Schrift muss also navy sein.
   Die Sammelregel weiter oben faerbt jedes span weiss, darum hier deutlich. */
.lk-kopf-band .lk-a-formular .elementor-button,
.lk-kopf-band .lk-a-formular .elementor-button span,
.lk-kopf-band .lk-a-formular .elementor-button .elementor-button-text{color:var(--e-global-color-primary)!important}
.lk-kopf-band .lk-a-formular .elementor-button:hover,
.lk-kopf-band .lk-a-formular .elementor-button:hover span,
.lk-kopf-band .lk-a-formular .elementor-button:hover .elementor-button-text{color:#FCFCFC!important}

/* Die dunklen Locationsbloecke standen auf Schwarz. Navy passt zum Haus. */
.lk-a-loc-dunkel{background-color:var(--e-global-color-primary)!important}

/* Musterband ueber einem Film. Im Original liegt das gekachelte Muster
   als Sieb ueber dem laufenden Bild, nicht daneben. */
.lk-a-mustersieb::before{background-color:rgba(0,0,0,.10)!important;
  background-image:url("https://web-server.live/linke/wp-content/uploads/bild-pattern-u2961-fr.png")!important;
  background-repeat:repeat!important;background-position:left top!important;background-size:auto!important;
  opacity:.72}