/* ISOlDE-Auftritt auf delphiprofi.de/Isolde - ergaenzt style-blue.css, ueberschreibt nichts an den Bestandsseiten (alles unter body.isolde) */
body.isolde { background:#0b111b; color:#d9e2ee; font-family:'Open Sans',sans-serif; }
body.isolde:before { display:none; }
body.isolde h1, body.isolde h2, body.isolde h3, body.isolde h4 { font-family:'Oswald',sans-serif; color:#f2f6fb; }
body.isolde h3 { margin-top:34px; }
body.isolde hr { border-top:1px solid rgba(79,195,208,.35); }
body.isolde a { color:#4fc3d0; }
body.isolde .myText { text-align:left; font-size:17px; line-height:1.7; }
body.isolde .info-box { background:#121c2b; border-left:5px solid #d94152; color:#d9e2ee; }
body.isolde .info-box strong { color:#fff; }

/* Isolde-Himmel: Nachtblau, Sterne, Abendrot am Rand, tuerkises Band */
.isolde-hero { padding:120px 0 70px; text-align:center;
  background:
    radial-gradient(1.2px 1.2px at 12% 22%, #fff 60%, transparent), radial-gradient(1px 1px at 27% 61%, #cfe 60%, transparent),
    radial-gradient(1.4px 1.4px at 41% 15%, #fff 60%, transparent), radial-gradient(1px 1px at 58% 44%, #fff 60%, transparent),
    radial-gradient(1.2px 1.2px at 71% 18%, #ffd 60%, transparent), radial-gradient(1px 1px at 83% 56%, #fff 60%, transparent),
    radial-gradient(1.3px 1.3px at 92% 30%, #cfe 60%, transparent), radial-gradient(1px 1px at 6% 70%, #fff 60%, transparent),
    linear-gradient(180deg, #0a1020 0%, #10192c 45%, #1d2438 72%, #5a2f3f 92%, #d9704a 100%);
  border-bottom:3px solid #4fc3d0; box-shadow:0 6px 30px rgba(79,195,208,.25); }
.isolde-logo { max-width:min(560px,90%); height:auto; border-radius:22px; box-shadow:0 12px 40px rgba(0,0,0,.5); }
.isolde-tag { font-size:38px; letter-spacing:1px; margin:28px 0 12px; }
.isolde-lead { font-size:19px; line-height:1.7; max-width:820px; margin:0 auto 22px; color:#dbe6f3; }
.isolde-chips { margin-top:8px; }
.isolde-chip { display:inline-block; margin:4px 6px; padding:6px 16px; border:1px solid rgba(79,195,208,.6); border-radius:20px; background:rgba(11,17,27,.55); color:#e9f6f8; font-size:14px; }
.isolde-chip b { color:#fff; }

.isolde-sec { padding:56px 0 46px; }
.isolde-alt { background:#0f1725; border-top:1px solid #1c2a3f; border-bottom:1px solid #1c2a3f; }
.isolde-h { font-size:34px; letter-spacing:.5px; }
.isolde-num { display:inline-block; width:46px; height:46px; line-height:46px; text-align:center; border-radius:50%; margin-right:10px; background:#d94152; color:#fff; font-size:26px; }

.isolde-area { background:#121c2b; border:1px solid #1f3149; border-radius:6px; padding:16px 18px; margin-bottom:24px; min-height:190px; }
.isolde-area h4 { margin:0 0 8px; font-size:20px; color:#4fc3d0; }
.isolde-area p { font-size:14px; line-height:1.5; color:#b9c7d8; min-height:64px; }
.isolde-area small { color:#8ea3b9; }
.isolde-bar { display:flex; height:8px; border-radius:4px; overflow:hidden; background:#1a2740; margin:10px 0 6px; }
.isolde-bar i { display:block; height:100%; }
.st-done { background:#4bb777; } .st-partial { background:#e0b24a; } .st-planned { background:#4f8fd0; } .st-idea { background:#8a7bb5; }
.isolde-more { margin:10px 0 20px; }

.isolde-shot { position:relative; margin:0 0 24px; background:#101a2a; border:1px solid #22364f; border-radius:6px; overflow:hidden; }
.isolde-shot img { display:block; width:100%; height:auto; }
.isolde-shot-ph { display:none; aspect-ratio:16/10; align-items:center; justify-content:center; color:#5f7591; font-size:15px;
  background:repeating-linear-gradient(45deg,#101a2a,#101a2a 12px,#132036 12px,#132036 24px); }
.isolde-shot.missing .isolde-shot-ph { display:flex; }
.isolde-shot figcaption { padding:8px 12px; font-size:13px; color:#9fb2c6; border-top:1px solid #22364f; }

.isolde-stats { margin:26px 0 8px; }
.isolde-stat { text-align:center; margin-bottom:18px; }
.isolde-stat b { display:block; font-family:'Oswald',sans-serif; font-size:40px; color:#d94152; line-height:1.1; }
.isolde-stat span { font-size:13px; color:#a9bad0; }
.isolde-days { display:flex; align-items:flex-end; gap:14px; height:170px; padding:10px 0; }
.isolde-day { flex:0 0 74px; text-align:center; }
.isolde-day-bar { display:block; width:100%; background:linear-gradient(180deg,#4fc3d0,#1b6f80); border-radius:3px 3px 0 0; margin-bottom:4px; }
.isolde-day b { display:block; color:#fff; font-size:15px; } .isolde-day small { color:#8ea3b9; }

.isolde-diary { list-style:none; padding:0; margin:0; }
.isolde-diary li { display:flex; gap:22px; padding:16px 0; border-bottom:1px solid #1c2a3f; }
.isolde-diary-date { flex:0 0 96px; font-family:'Oswald',sans-serif; color:#d9704a; font-size:18px; padding-top:4px; }
.isolde-diary h4 { margin:0 0 6px; color:#4fc3d0; } .isolde-diary p { margin:0; font-size:15px; line-height:1.65; color:#c8d4e2; }
.isolde-news { list-style:none; padding:0; }
.isolde-news li { padding:7px 0; border-bottom:1px dashed #22364f; font-size:14px; line-height:1.55; color:#c8d4e2; }
.isolde-news-date { color:#d9704a; font-weight:600; } .isolde-news small { color:#7d92a9; }

.isolde-art { background:#121c2b; border:1px solid #1f3149; border-radius:6px; padding:16px 18px; margin-bottom:24px; min-height:190px; }
.isolde-art h4 { margin:0 0 8px; font-size:19px; } .isolde-art p { font-size:14px; line-height:1.5; color:#b9c7d8; min-height:64px; }
.isolde-art small { color:#7d92a9; }

.isolde-soon { border:2px dashed #4fc3d0; border-radius:10px; padding:30px 24px; background:rgba(79,195,208,.06); }
.isolde-foot { padding:26px 0; background:#080d15; border-top:3px solid #d94152; color:#7d92a9; font-size:13px; }

.isolde-modal { width:96%; max-width:1200px; }
.isolde-modal .modal-content { background:#0f1725; color:#d9e2ee; border:1px solid #22364f; }
.isolde-modal .modal-header, .isolde-modal .modal-footer { border-color:#22364f; }
.isolde-modal .close { color:#fff; opacity:.8; }
.isolde-modal .modal-body { padding:0; }
.isolde-modal iframe { display:block; width:100%; height:74vh; border:0; background:#0b111b; }
@media (max-width:767px) {
  .isolde-hero { padding:90px 0 50px; } .isolde-tag { font-size:28px; } .isolde-diary li { display:block; }
  .isolde-days { overflow-x:auto; }
}

.isolde-hero-sm { padding:110px 0 36px; }
.isolde-hero-sm .isolde-tag { margin:0 0 10px; font-size:34px; }
.isolde-hero-sm .isolde-lead { margin-bottom:0; }
body.isolde .navbar-nav > li.active > a { color:#4fc3d0; }
.isolde-day.after .isolde-day-bar { background:linear-gradient(180deg,#d9704a,#7a3a2c); }
.isolde-how .isolde-area { min-height:230px; }
.isolde-how .isolde-area p { min-height:0; font-size:15px; }
.isolde-areas, .isolde-arts, .isolde-how { display:flex; flex-wrap:wrap; }
.isolde-areas:before, .isolde-areas:after, .isolde-arts:before, .isolde-arts:after, .isolde-how:before, .isolde-how:after { display:none; }
.isolde-areas > [class*="col-"], .isolde-arts > [class*="col-"], .isolde-how > [class*="col-"] { display:flex; }
.isolde-areas .isolde-area, .isolde-arts .isolde-art, .isolde-how .isolde-area { width:100%; }
.isolde-stats { display:flex; flex-wrap:wrap; justify-content:center; }
.isolde-stats:before, .isolde-stats:after { display:none; }
.isolde-links { padding-left:20px; font-size:16px; line-height:1.9; }
.isolde-quote { margin:26px 0; padding:18px 24px; background:rgba(79,195,208,.07); border-left:5px solid #d9704a; font-size:18px; line-height:1.7; color:#e6eef8; }
.isolde-quote footer { margin-top:8px; font-size:14px; } .isolde-quote footer:before { content:""; }
.isolde-logo-sm { max-width:min(380px,80%); margin-bottom:8px; }
.isolde-art-thumb { display:block; width:100%; height:auto; border:1px solid #22364f; border-radius:4px; margin:0 0 12px; background:#0b111b; }
.isolde-art { min-height:0; }

/* Startseite: Horizont mit Sonnenuntergang und Rautenraster (wie die Isolde-Skybox / Tron) */
.isolde-hero-main { position:relative; overflow:hidden; padding-bottom:180px;
  background:
    radial-gradient(1.2px 1.2px at 12% 14%, #fff 60%, transparent), radial-gradient(1px 1px at 27% 40%, #cfe 60%, transparent),
    radial-gradient(1.4px 1.4px at 41% 9%, #fff 60%, transparent), radial-gradient(1px 1px at 58% 30%, #fff 60%, transparent),
    radial-gradient(1.2px 1.2px at 71% 12%, #ffd 60%, transparent), radial-gradient(1px 1px at 83% 36%, #fff 60%, transparent),
    radial-gradient(1.3px 1.3px at 92% 20%, #cfe 60%, transparent), radial-gradient(1px 1px at 6% 46%, #fff 60%, transparent),
    linear-gradient(180deg, #070c1a 0%, #10192c 30%, #2b2445 52%, #7a3a4a calc(100% - 230px), #e0704a calc(100% - 165px), #ff9a4c calc(100% - 130px), #ffb066 100%);
  border-bottom:0; box-shadow:none; }
.isolde-hero-main > .container { position:relative; z-index:3; }
.isolde-horizon { position:absolute; left:0; right:0; bottom:0; height:130px; z-index:1; pointer-events:none; }
.isolde-sun { position:absolute; left:50%; bottom:42px; width:210px; height:210px; margin-left:-105px; border-radius:50%;
  background:linear-gradient(180deg,#ffe08a 0%,#ff9a4c 38%,#e8425a 72%,#a83279 100%); box-shadow:0 0 70px 20px rgba(255,120,80,.45);
  -webkit-mask-image:linear-gradient(180deg,#000 0 34%,transparent 34%),repeating-linear-gradient(180deg,#000 0 9px,transparent 9px 14px);
  mask-image:linear-gradient(180deg,#000 0 34%,transparent 34%),repeating-linear-gradient(180deg,#000 0 9px,transparent 9px 14px); }
.isolde-floor { position:absolute; left:0; right:0; bottom:0; height:130px; overflow:hidden; perspective:320px; perspective-origin:50% 0; z-index:2;
  background:linear-gradient(180deg,#0f1c30,#060b14); border-top:2px solid #6fe3ee; box-shadow:0 -4px 26px rgba(79,195,208,.65); }
.isolde-floor:before { content:""; position:absolute; left:50%; top:-1600px; width:3200px; height:3200px; margin-left:-1600px; transform:rotateX(74deg) rotateZ(45deg);
  background:linear-gradient(rgba(111,227,238,.8) 2px,transparent 2px),linear-gradient(90deg,rgba(111,227,238,.8) 2px,transparent 2px); background-size:64px 64px; }
.isolde-floor:after { content:""; position:absolute; left:0; right:0; top:0; height:55%; background:linear-gradient(180deg,rgba(15,28,48,.95),rgba(15,28,48,0)); }
@media (max-width:767px) { .isolde-hero-main { padding-bottom:140px; background-position:0 0; } .isolde-horizon { height:100px; } .isolde-floor { height:100px; } }

/* Isometrisches Rautenmuster (2:1, ohne Perspektive) als flacher Hintergrund in allen Köpfen; blendet zum Horizont hin aus */
.isolde-hero { position:relative; overflow:hidden; }
.isolde-hero > .container { position:relative; z-index:3; }
.isolde-hero:before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:0; opacity:.22; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='32' viewBox='0 0 64 32'%3E%3Cpath d='M0 16L32 0L64 16L32 32Z' fill='none' stroke='%236fe3ee' stroke-width='1'/%3E%3C/svg%3E");
  background-size:64px 32px; background-position:center top;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 55%,transparent 88%); mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 55%,transparent 88%); }
.isolde-logo-sm { margin-bottom:28px; }

.isolde-shot a { display:block; cursor:zoom-in; }
.isolde-modal #imgFull { display:block; width:100%; height:auto; }
.isolde-progs { margin-top:24px; }
.isolde-prog { text-align:center; margin-bottom:28px; padding:18px 12px; background:#101a2a; border:1px solid #22364f; border-radius:6px; height:calc(100% - 28px); }
.isolde-prog img { width:128px; max-width:60%; height:auto; margin:0 auto 12px; display:block; }
.isolde-prog h4 { margin:0 0 8px; }
.isolde-prog p { font-size:14px; color:#c3d0de; margin:0 0 8px; }
.isolde-prog small { color:#4fc3d0; }
.isolde-prog-note { margin:0 0 8px; font-size:16px; color:#c3d0de; }