/* SPLENDIDE International Models – Modelgalerie HTML5
   Konsolidierte Fassung V4: Galerie-Kacheln + V2-Korrekturen + V3-Feinschliff.
   Navigation/Selection/Sedcard behalten eigene Stylesheets.
   /css/splendide-modelgalerie.css
*/
    html {
        font-size: 90%;
    }

    @font-face {
        font-family: 'montserrat';
        src: url('/fonts/montserrat/montserrat.woff2') format('woff2');
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Lato';
        src: url('/fonts/lato/Lato-Light.woff2') format('woff2');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Lato';
        src: url('/fonts/lato/Lato-Regular.woff2') format('woff2');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Lato';
        src: url('/fonts/lato/Lato-Bold.woff2') format('woff2');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }


/* Reset/Globals */
*{box-sizing:border-box}
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{
  margin:0;background:#f9f7f7;color:#4a4a4a;
  font-family:'Lato',Arial,sans-serif;
  min-width:315px;overflow-x:hidden;font-smooth:always;-webkit-font-smoothing:antialiased
}
main{max-width:100%;margin:0 auto}
p{padding:0;margin:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:link{color:#666;text-decoration:none}
a:visited{color:#999;text-decoration:none}
a:hover{color:#b5a191;text-decoration:none}
a:active{color:#222;text-decoration:none}
b,strong{font-weight:bolder}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
[hidden],template{display:none}
.display-none{display:none}
.accent{color:#003f93}
#dyn-text{width:30%}

/* Keine Aufzählungspunkte global */
ul,ol{list-style:none;padding-left:0;margin-left:0}

/* Buttons */
.button,.button0,.button2{
  cursor:pointer;padding:8px;letter-spacing:.1em;border:.5px solid #000;overflow:hidden;
  background-color:transparent;margin:0 auto
}
.button0{margin:10px auto;background-color:#fff;color:#555;border:1px solid #b5a191}
.button0:hover{background-color:#b5a191;color:#fff}
.button2{opacity:.5}

/* Headings (Neuropol) */
.h7{font-family:neuropol, sans-serif;font-size:x-large;letter-spacing:.4em;font-weight:400;color:#C96;text-align:center}
.h8{font-family:neuropol, sans-serif;font-size:medium;letter-spacing:.3em;font-weight:400;color:#000;text-align:center}
.label{text-transform:uppercase}

/* Divider */
.hr{width:100%;height:1px;border:0;background-color:#f9f7f7}
.hr2{border:0;height:1px;background-image:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.75), rgba(0,0,0,0))}

/* Animations */
.image{-webkit-animation:h .5s .1s ease-out both;animation:h .5s .1s ease-out both}
.anim-move-up{-webkit-animation:h .4s .2s cubic-bezier(.41,.01,.27,1) both;animation:h .4s .2s cubic-bezier(.41,.01,.27,1) both}
@-webkit-keyframes h{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}50%{opacity:1}100%{-webkit-transform:none;transform:none}}
@keyframes h{0%{opacity:0;transform:scale(.9)}50%{opacity:1}100%{transform:none}}

/* Typo Scale & Utilities */
.h1{font-size:3rem}.h2{font-size:2.4rem}.h3{font-size:1.8rem}.h4{font-size:1.125rem}.h5{font-size:.875rem}.h6{font-size:.75rem}
.bold{font-weight:700}.regular{font-weight:400}.italic{font-style:italic}.caps{text-transform:uppercase;letter-spacing:.2em}
.left-align{text-align:left}.center{text-align:center}.right-align{text-align:right}.justify{text-align:justify}
.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}
.line-height-1{line-height:1rem}.line-height-2{line-height:1.125rem}.line-height-3{line-height:1.5rem}.line-height-4{line-height:2rem}
.underline{text-decoration:underline}.truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Layout helpers */
.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.table{display:table}.table-cell{display:table-cell}
.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}
.clearfix:before,.clearfix:after{content:'';display:table}.clearfix:after{clear:both}
.left{float:left}.right{float:right}
.fit{max-width:100%}.max-width-1{max-width:24rem}.max-width-2{max-width:32rem}.max-width-3{max-width:48rem}.max-width-4{max-width:64rem}
.border-box{box-sizing:border-box}
.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}

/* Spacing */
.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0{margin-left:0}
.m1{margin:1rem}.mt1{margin-top:1rem}.mr1{margin-right:1rem}.mb1{margin-bottom:1rem}.ml1{margin-left:1rem}
.m2{margin:1.5rem}.mt2{margin-top:1.5rem}.mr2{margin-right:1.5rem}.mb2{margin-bottom:1.5rem}.ml2{margin-left:1.5rem}
.m3{margin:2rem}.mt3{margin-top:2rem}.mr3{margin-right:2rem}.mb3{margin-bottom:2rem}.ml3{margin-left:2rem}
.m4{margin:2.5rem}.mt4{margin-top:2.5rem}.mr4{margin-right:2.5rem}.mb4{margin-bottom:2.5rem}.ml4{margin-left:2.5rem}
.mx-auto{margin-left:auto;margin-right:auto}
.p0{padding:0}.p1{padding:1rem}.p2{padding:1.5rem}.p3{padding:2rem}.p4{padding:2.5rem}
.py0{padding-top:0;padding-bottom:0}.px0{padding-left:0;padding-right:0}
.py1{padding-top:1rem;padding-bottom:1rem}.px1{padding-left:1rem;padding-right:1rem}
.py2{padding-top:1.5rem;padding-bottom:1.5rem}.px2{padding-left:1.5rem;padding-right:1.5rem}
.py3{padding-top:2rem;padding-bottom:2rem}.px3{padding-left:2rem;padding-right:2rem}
.py4{padding-top:2.5rem;padding-bottom:2.5rem}.px4{padding-left:2.5rem;padding-right:2.5rem}

/* Grid (floats) */
.col,.col-right{box-sizing:border-box}
.col{float:left}.col-right{float:right}
.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}
.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}
.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}

/* Flex */
.flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.self-start{-ms-flex-item-align:start;align-self:flex-start}
.self-end{-ms-flex-item-align:end;align-self:flex-end}
.self-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}
.self-baseline{-ms-flex-item-align:baseline;align-self:baseline}
.self-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}
.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.justify-around{-ms-flex-pack:distribute;justify-content:space-around}
.content-start{-ms-flex-line-pack:start;align-content:flex-start}
.content-end{-ms-flex-line-pack:end;align-content:flex-end}
.content-center{-ms-flex-line-pack:center;align-content:center}
.content-between{-ms-flex-line-pack:justify;align-content:space-between}
.content-around{-ms-flex-line-pack:distribute;align-content:space-around}
.content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}
.flex-auto{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;min-height:0}
.flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}
.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}
.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.order-last{-webkit-box-ordinal-group:100000;-ms-flex-order:99999;order:99999}

/* Position/Z */
.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}
.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:1px}
.z1{z-index:1}.z2{z-index:2}.z3{z-index:3}.z4{z-index:4}
.border{border-style:solid;border-width:1px}
.border-top{border-top-style:solid;border-top-width:1px}
.border-right{border-right-style:solid;border-right-width:1px}
.border-bottom{border-bottom-style:solid;border-bottom-width:1px}
.border-left{border-left-style:solid;border-left-width:1px}
.border-none{border:0}
.rounded{border-radius:3px}.circle{border-radius:50%}
.rounded-top{border-radius:3px 3px 0 0}
.rounded-right{border-radius:0 3px 3px 0}
.rounded-bottom{border-radius:0 0 3px 3px}
.rounded-left{border-radius:3px 0 0 3px}
.not-rounded{border-radius:0}
.hide{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* Header/Nav */
.headerbar{background-color:#fff;color:#000;z-index:999;box-shadow:0 0 5px 2px rgba(0,0,0,.1)}
.headerbar-nav{line-height:3.5rem}
.headerbar-nav>ul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.headerbar-nav .nav-item{padding:0 1rem;background:transparent;opacity:.8}
.nav-item:active,.nav-item:focus,.nav-item:hover{opacity:1}
.nav a,.navbar-trigger,.sidebar-faq a{cursor:pointer;text-decoration:none}
.nav .label{color:inherit}
.navbar-trigger{line-height:3.5rem;font-size:2rem}
.nav-search>input{border:none;border-radius:3px;line-height:normal}
.nav-dropdown{min-width:200px}
.nav-dropdown amp-accordion header{background-color:#fff;border:none}
.nav-dropdown amp-accordion ul{background-color:#fff}
.nav-dropdown .dropdown-item,.nav-dropdown .dropdown>section>header{background-color:#fff;color:#000}
.nav-dropdown .dropdown-item{color:#003f93}
.icon{fill:#003f93}

/* Footer: volle Breite */
.footer{
  background-color:#ccc;color:#000;padding-top:7rem;padding-bottom:7rem;
  width:100%;max-width:none;margin:0;position:relative;flex-direction:row-reverse;
  padding-left:calc(5rem - 1rem);padding-right:calc(5rem - 1rem)
}
.footer .icon{fill:#000}
.footer .social-follow{justify-content:flex-start;width:100%;margin-bottom:calc(5rem - 1rem)}
.footer .social-follow li:last-child{margin-right:0}
.footer>small{color:inherit;flex-basis:33.33%;flex-grow:.5;font-size:.875rem;line-height:1.5rem;padding:0 1rem;letter-spacing:normal}
.footer>small>a{
  background:url(/img/www/amp-logo-blue.svg) no-repeat 0/100%;
  color:#0379c4;display:inline-block;margin:0 0 1rem;padding:20px 40px;text-transform:none;white-space:nowrap;width:auto
}
.footer-nav{padding:0 1rem 3.5rem}
.footer-nav .label{font-size:.875rem;letter-spacing:normal}
.footer-nav>div{margin-bottom:1rem;padding:0}
.footer-nav>ul{flex-direction:column;margin-right:2rem;margin-bottom:0}
.footer-nav>ul>li{margin-bottom:.5rem;padding:0}
.footer-nav>ul>li>a{font-weight:700;text-transform:capitalize}

/* AMP carousel buttons (SVG auf Single-Quotes umgestellt) */
.amp-carousel-button-next{
  background-image:url('data:image/svg+xml;charset=utf-8,<svg width=\'18\' height=\'18\' viewBox=\'0 0 34 34\' xmlns=\'http://www.w3.org/2000/svg\'><title>Next</title><path d=\'M25.557 14.7L13.818 2.961 16.8 0l16.8 16.8-16.8 16.8-2.961-2.961L25.557 18.9H0v-4.2z\' fill=\'#FFF\' fill-rule=\'evenodd\'/></svg>')
}
.amp-carousel-button-prev{
  background-image:url('data:image/svg+xml;charset=utf-8,<svg width=\'18\' height=\'18\' viewBox=\'0 0 34 34\' xmlns=\'http://www.w3.org/2000/svg\'><title>Previous</title><path d=\'M33.6 14.7H8.043L19.782 2.961 16.8 0 0 16.8l16.8 16.8 2.961-2.961L8.043 18.9H33.6z\' fill=\'#FFF\' fill-rule=\'evenodd\'/></svg>')
}

/* Generic Buttons */
.btn{
  font:inherit;font-size:1rem;line-height:1.125rem;padding:.7em .8em;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;
  background-color:#fff;color:#280e75;border:1px solid #280e75
}
.btn:visited{color:#280e75}
.btn-secondary{background-color:#280e75;color:#fff;border:1px solid #fff}
.btn-secondary:visited{color:#fff}
.btn:active,.btn:focus{opacity:.8}
.btn[disabled],.btn[disabled]:active,.btn[disabled]:focus,.btn[disabled]:hover{opacity:.5;outline:0;cursor:default}

/* Typo Features */
.dropcap:first-letter{color:#fff;font-size:3rem;font-weight:700;float:left;overflow:hidden;line-height:3rem;margin-left:0;margin-right:.5rem}
.initialcap{padding-top:1.5rem;margin-top:2rem}
.initialcap:first-letter{color:#fff;font-size:3rem;font-weight:700;margin-left:-2px}
.pullquote{border:none;border-left:4px solid #fff;font-size:1.5rem;padding-left:2rem}

/* Headline System */
/* Klare Typografie: Montserrat für große Headlines, Lato für Untertitel und Lesetext. */
.www-header,h1,h2{font-family:'montserrat',Arial,sans-serif}
h3,h4,h5,h6{font-family:'Lato',Arial,sans-serif}
.h1,h1{font-size:3rem;line-height:3.5rem}
.h2,h2{font-size:2.4rem;line-height:3.2rem}
.h3,h3{font-size:1.8rem;line-height:2.3rem}
.h4,h4{font-size:1.125rem;line-height:1.5rem}
.h5,h5{font-size:.875rem;line-height:1.125rem}
.h6,h6{font-size:.75rem;line-height:1rem}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:400;letter-spacing:.06rem}

/* Sidebar */
.sidebar{background-color:#fff;color:#000;min-width:300px;width:300px}
.sidebar .icon{fill:#003f93}
.sidebar-header{line-height:3.5rem;min-height:3.5rem}
.sidebar .dropdown-item,.sidebar .dropdown header,.sidebar .faq-item,.sidebar .nav-item,.sidebar .social-follow{margin:0 0 2.5rem}
.sidebar .nav-dropdown{margin:0}
.sidebar .navbar-trigger{line-height:inherit}
.navbar-trigger svg{pointer-events:none}

/* Device preview */
.device-preview-mask,.device-preview-select{background:#f9f7f7}
.device-preview-select{box-shadow:0 0 5px 2px rgba(0,0,0,.1)}

/* Squares (fix) */
.square-small-80{width:80%}
.square-small-60{width:60%}
.square-large-40{width:40%}

/* Cards / Breakpoints */
@media (max-width:40rem){
  .xs-hide{display:none}
  .z1{z-index:1;position:fixed;right:3px;top:100px;width:60px;height:256px;text-align:center;background-color:#fff;box-shadow:3px 3px 5px silver}
  #model0{float:left;margin:10px 0 10px 10px;width:95%;display:block;border-radius:10px;clear:none;background:#fff}
  .lefty{float:left;width:38%;text-align:end;border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px}
}
@media (min-width:40.06rem) and (max-width:52rem){
  .sm-hide{display:none}
  .z1{z-index:1;position:fixed;right:20px;top:300px;width:60px;height:256px;text-align:center;background-color:#fff;box-shadow:3px 3px 5px silver}
}
@media (min-width:52.06rem) and (max-width:64rem){
  .md-hide{display:none}
  .z1{z-index:1;position:fixed;right:20px;top:350px;width:60px;height:260px;text-align:center;background-color:#fff;box-shadow:3px 3px 5px silver}
}
@media (min-width:40.06rem){
  .sm-col{float:left;box-sizing:border-box}
  .sm-col-right{float:right;box-sizing:border-box}
  .sm-col-1{width:8.33333%}.sm-col-2{width:16.66667%}.sm-col-3{width:25%}.sm-col-4{width:33.33333%}
  .sm-col-5{width:41.66667%}.sm-col-6{width:50%}.sm-col-7{width:58.33333%}.sm-col-8{width:66.66667%}
  .sm-col-9{width:75%}.sm-col-10{width:83.33333%}.sm-col-11{width:91.66667%}.sm-col-12{width:100%}
  .ein{padding:12px 12px 10px 45%}
}
@media (min-width:52.06rem){
  .md-col{float:left;box-sizing:border-box}
  .md-col-right{float:right;box-sizing:border-box}
  .md-col-1{width:8.33333%}.md-col-2{width:16.66667%}.md-col-3{width:25%}.md-col-4{width:33.33333%}
  .md-col-5{width:41.66667%}.md-col-6{width:50%}.md-col-7{width:58.33333%}.md-col-8{width:66.66667%}
  .md-col-9{width:75%}.md-col-10{width:83.33333%}.md-col-11{width:91.66667%}.md-col-12{width:100%}
  .ein{padding:12px}
}
@media (min-width:64.06rem){
  .lg-hide{display:none}
  .z1{z-index:1;position:fixed;right:20px;top:300px;width:60px;height:256px;text-align:center;background-color:#fff;box-shadow:3px 3px 5px silver}
  .lg-col{float:left;box-sizing:border-box}
  .lg-col-right{float:right;box-sizing:border-box}
  .lg-col-1{width:8.33333%}.lg-col-2{width:16.66667%}.lg-col-3{width:25%}.lg-col-4{width:33.33333%}
  .lg-col-5{width:41.66667%}.lg-col-6{width:50%}.lg-col-7{width:58.33333%}.lg-col-8{width:66.66667%}
  .lg-col-9{width:75%}.lg-col-10{width:83.33333%}.lg-col-11{width:91.66667%}.lg-col-12{width:100%}
  .ein{padding:12px}
  #model0{float:left;padding-bottom:6px;margin-left:2%;margin-bottom:2%;width:22%;display:block;border-radius:0;clear:none;background:#fff;box-shadow:3px 3px 5px silver}
  .lefty{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
}

/* Neuropol bleibt für ausdrücklich so gestaltete .h7/.h8 verfügbar.
   Das zentrale Navigationslogo wird ausschließlich über splendide-navigation.css gestaltet. */
@font-face {
  font-family:'neuropol';
  font-style:normal;
  font-display:swap;
  src:url('/fonts/neuropol/neuropol.woff2') format('woff2');
}

/* ================================================================
   SPLENDIDE Modelkacheln – stabile Aktionsbuttons V5
   Nur Galeriekacheln; weder Navigation noch Sedcards betroffen.
   Unterstützt altes FileMaker-HTML mit <p><a class="button">...</a>
   sowie optional später .sp-model-actions.
   ================================================================ */
#model0 .ein {
  min-width:0;
  padding-bottom:16px;
  color:#222;
  font-family:'Lato',Arial,sans-serif;
  font-size:13px;
  line-height:1.5;
}
#model0 .ein > h4 {
  margin:0 0 8px;
  color:#171717;
  font-family:'montserrat',Arial,sans-serif;
  font-size:clamp(14px,1.15vw,18px);
  font-weight:500;
  line-height:1.35;
  letter-spacing:.015em;
}
#model0 .ein > p {
  margin:0 0 8px;
  font-size:13px;
  line-height:1.5;
  overflow-wrap:break-word;
}

/* FileMaker-Ausgabe: zwei <a class="button"> im selben <p>.
   font-size/line-height 0 verhindert, dass &nbsp; als Layoutabstand wirkt.
   Keine CSS-Grid-Zellen für die anonymen Textknoten. */
#model0 .ein > p:has(> a.button) {
  display:flex;
  flex-flow:row nowrap;
  align-items:stretch;
  margin:14px 0 0;
  padding:0;
  min-width:0;
  font-size:0;
  line-height:0;
}
#model0 .ein > p:has(> a.button) > a.button {
  box-sizing:border-box;
  display:inline-flex;
  flex:1 1 0;
  min-width:0;
  min-height:42px;
  margin:0;
  padding:9px 7px;
  align-items:center;
  justify-content:center;
  border:1px solid #222;
  border-radius:0;
  background:#fff;
  color:#171717;
  font:600 12px/1.3 'Lato',Arial,sans-serif;
  letter-spacing:.02em;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  overflow-wrap:anywhere;
  overflow:visible;
}
/* Abstand zwischen genau diesen beiden Links, ohne die &nbsp;-Knoten. */
#model0 .ein > p:has(> a.button) > a.button:first-of-type {
  margin-right:8px;
}
#model0 .ein > p:has(> a.button) > a.button:link,
#model0 .ein > p:has(> a.button) > a.button:visited {
  color:#171717;
}
#model0 .ein > p:has(> a.button) > a.button:hover,
#model0 .ein > p:has(> a.button) > a.button:focus-visible {
  color:#fff;
  background:#171717;
  border-color:#171717;
}

/* Robuste Alternative für künftig bereinigtes FileMaker-Markup. */
#model0 .ein > .sp-model-actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:14px 0 0;
}
#model0 .ein > .sp-model-actions > a {
  display:flex;
  box-sizing:border-box;
  min-width:0;
  min-height:42px;
  align-items:center;
  justify-content:center;
  padding:9px 7px;
  border:1px solid #222;
  color:#171717;
  background:#fff;
  font:600 12px/1.3 'Lato',Arial,sans-serif;
  letter-spacing:.02em;
  text-align:center;
  overflow-wrap:anywhere;
}
#model0 .ein > .sp-model-actions > a:link,
#model0 .ein > .sp-model-actions > a:visited { color:#171717; }
#model0 .ein > .sp-model-actions > a:hover,
#model0 .ein > .sp-model-actions > a:focus-visible {
  background:#171717;
  color:#fff;
}

/* Selection.js hängt diesen Container DIREKT an .ein an.
   Eigener Blockfluss -> kein Überlappen der beiden oberen Buttons. */
#model0 .ein > .sp-sel-card-tools {
  box-sizing:border-box;
  position:static;
  float:none;
  clear:both;
  display:block;
  width:100%;
  min-width:0;
  height:auto;
  margin:0;
  padding:8px 0 0;
  overflow:visible;
}
#model0 .ein > .sp-sel-card-tools > .sp-sel-add {
  box-sizing:border-box;
  display:flex;
  position:static;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:42px;
  margin:0;
  padding:9px 8px;
  align-items:center;
  justify-content:center;
  border:1px solid #222;
  border-radius:0;
  background:#fff;
  color:#171717;
  font:600 12px/1.3 'Lato',Arial,sans-serif;
  letter-spacing:.025em;
  text-transform:uppercase;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
  cursor:pointer;
}
#model0 .ein > .sp-sel-card-tools > .sp-sel-add:hover,
#model0 .ein > .sp-sel-card-tools > .sp-sel-add:focus-visible,
#model0 .ein > .sp-sel-card-tools > .sp-sel-add.is-selected {
  background:#171717;
  border-color:#171717;
  color:#fff;
}

/* Smartphone: Im schmalen Textbereich neben dem Foto beide oberen
   Aktionen untereinander, damit kein Wort gequetscht wird. */
@media (max-width:640px) {
  #model0 .ein > h4 {font-size:14px;}
  #model0 .ein > p {font-size:12px;}
  #model0 .ein > p:has(> a.button) {flex-direction:column;}
  #model0 .ein > p:has(> a.button) > a.button {flex:0 0 auto;width:100%;min-height:38px;font-size:11px;}
  #model0 .ein > p:has(> a.button) > a.button:first-of-type {margin:0 0 7px;}
  #model0 .ein > .sp-model-actions {grid-template-columns:1fr;gap:7px;}
  #model0 .ein > .sp-model-actions > a {min-height:38px;font-size:11px;}
  #model0 .ein > .sp-sel-card-tools > .sp-sel-add {min-height:38px;font-size:11px;}
}

/* ================================================================
   SPLENDIDE Modelgalerie – gezielte Korrekturen V2 / 2026-11-13
   Nur Galerie-CSS; KEINE Änderungen an Navigation/Sedcard-V37.
   ================================================================ */

/* 1. Weiße Marke im dunklen Navigationskopf: Galerie-Linkregeln
      a:link, a:visited und a:hover dürfen .sp-brand nicht färben. */
.sp-header a.sp-brand,
.sp-header a.sp-brand:link,
.sp-header a.sp-brand:visited,
.sp-header a.sp-brand:hover,
.sp-header a.sp-brand:focus-visible,
.sp-header a.sp-brand:active {
  color:#fff;
  background-color:transparent;
  text-decoration:none;
}
.sp-header .sp-brand strong,
.sp-header a.sp-brand:hover strong,
.sp-header a.sp-brand:focus-visible strong {
  color:#fff;
}
.sp-header .sp-brand small,
.sp-header a.sp-brand:hover small {
  color:#c7c7c7;
}

/* 2. Alte Galerie-Actionbar (.z1): dunkle Gestaltung statt Weiß.
      Nur das Galerie-Element, nicht die .sp-actionbar der Sedcards. */
.z1 {
  background-color:#171717;
  color:#f6f6f6;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  box-shadow:0 12px 34px rgba(0,0,0,.25);
}
.z1 a,
.z1 a:link,
.z1 a:visited,
.z1 a:hover,
.z1 a:focus-visible {
  color:#f6f6f6;
}
.z1 a:hover,
.z1 a:focus-visible {
  background-color:#393939;
}
.z1 .icon,
.z1 svg {
  fill:currentColor;
  color:#f6f6f6;
}

/* 3. Französische Galerie: Höhenverzerrung bei regulären IMG
      verhindern, ohne DE/EN oder Bildbreiten zu verändern.
      Falls FR noch <amp-img> ausgibt, HTML in FileMaker umstellen. */
html[lang|="fr"] #model0 img.lefty {
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain;
}