#zauberberg-lerntagebuchstudio{ --purple:#533a7b; --ink:#272132; --paper:#fff; --mist:#f5f2f8; --line:#d8d0e3; --gold:#f4d45c; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color:var(--ink); background:var(--mist); }
#zauberberg-lerntagebuchstudio *{ box-sizing:border-box; } #zauberberg-lerntagebuchstudio{ margin:0; min-width:320px; } #zauberberg-lerntagebuchstudio button{ font:inherit; cursor:pointer; } #zauberberg-lerntagebuchstudio .app-header{ min-height:4rem; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; color:#fff; background:var(--purple); } #zauberberg-lerntagebuchstudio .brand{ color:#fff; text-decoration:none; font-weight:800; letter-spacing:-.02em; font-size:1.12rem; } #zauberberg-lerntagebuchstudio .brand span{ font-weight:500; } #zauberberg-lerntagebuchstudio .status{ font-size:.82rem; background:#ffffff24; padding:.35rem .65rem; border-radius:999px; }
#zauberberg-lerntagebuchstudio main{ max-width:1450px; margin:auto; padding:4rem 5vw 6rem; } #zauberberg-lerntagebuchstudio .wizard{ max-width:830px; background:#fff; padding:clamp(1.5rem,5vw,4.5rem); border-radius:1.25rem; box-shadow:0 20px 55px #2c19411c; } #zauberberg-lerntagebuchstudio .eyebrow{ color:var(--purple); font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:.75rem; margin:0 0 .5rem; } #zauberberg-lerntagebuchstudio h1{ margin:.1rem 0 1rem; font-size:clamp(2rem,5vw,3.5rem); line-height:1.04; letter-spacing:-.055em; } #zauberberg-lerntagebuchstudio h2{ font-size:1rem; margin:0 0 .7rem; } #zauberberg-lerntagebuchstudio .intro{ max-width:47rem; font-size:1.05rem; line-height:1.6; margin:0 0 2.8rem; } #zauberberg-lerntagebuchstudio .choice-group{ margin:1.8rem 0; }#zauberberg-lerntagebuchstudio .choices, #zauberberg-lerntagebuchstudio .section-grid{ display:flex; flex-wrap:wrap; gap:.7rem; } #zauberberg-lerntagebuchstudio .choice, #zauberberg-lerntagebuchstudio .section-button, #zauberberg-lerntagebuchstudio .secondary{ color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:.7rem; padding:.75rem 1rem; font-weight:650; } #zauberberg-lerntagebuchstudio .choice.selected, #zauberberg-lerntagebuchstudio .section-button.selected{ color:#fff; background:var(--purple); border-color:var(--purple); } #zauberberg-lerntagebuchstudio .section-button{ text-align:left; min-width:10rem; flex:1 1 10rem; }#zauberberg-lerntagebuchstudio .section-button small{ display:block; margin-top:.25rem; opacity:.75; font-weight:500; } #zauberberg-lerntagebuchstudio .primary{ color:#251b01; border:0; background:var(--gold); border-radius:.7rem; padding:.9rem 1.15rem; font-weight:800; box-shadow:0 3px 0 #c7a534; }#zauberberg-lerntagebuchstudio .primary:hover{ transform:translateY(-1px); } #zauberberg-lerntagebuchstudio .hidden{ display:none; }#zauberberg-lerntagebuchstudio .preview-top{ display:flex; justify-content:space-between; gap:1rem; align-items:flex-end; }#zauberberg-lerntagebuchstudio .preview-top h1{ font-size:clamp(2rem,4vw,3rem); margin:0; }#zauberberg-lerntagebuchstudio .preview-actions{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.55rem; }#zauberberg-lerntagebuchstudio .compact{ padding:.7rem .9rem; }#zauberberg-lerntagebuchstudio .hint{ font-size:.95rem; margin:1.5rem 0; }#zauberberg-lerntagebuchstudio .page-index{ display:flex; gap:.5rem; overflow:auto; padding:.5rem 0 1rem; position:sticky; top:0; background:var(--mist); z-index:3; }#zauberberg-lerntagebuchstudio .page-index button{ white-space:nowrap; border:1px solid var(--line); border-radius:99px; background:#fff; padding:.42rem .65rem; font-size:.78rem; }#zauberberg-lerntagebuchstudio .page-stack{ display:grid; gap:2rem; }#zauberberg-lerntagebuchstudio .page-row{ display:grid; grid-template-columns:3.3rem minmax(0,1fr); gap:1rem; align-items:start; }#zauberberg-lerntagebuchstudio .page-number{ color:var(--purple); font-weight:800; text-align:right; padding-top:.75rem; }#zauberberg-lerntagebuchstudio .page{ background:white; position:relative; overflow:hidden; box-shadow:0 12px 32px #291d3418; border-radius:.25rem; cursor:zoom-in; }#zauberberg-lerntagebuchstudio .image-page{ aspect-ratio:1754/2480; width:min(100%,45rem); }#zauberberg-lerntagebuchstudio .image-page img{ display:block; width:100%; height:100%; object-fit:contain; }#zauberberg-lerntagebuchstudio .week-spread{ width:min(100%,84rem); display:grid; grid-template-columns:1fr 1fr; gap:1rem; }#zauberberg-lerntagebuchstudio .week-sheet{ position:relative; aspect-ratio:1753/2480; background:#fff; box-shadow:0 12px 32px #291d3418; cursor:zoom-in; overflow:hidden; }#zauberberg-lerntagebuchstudio .week-sheet img{ width:100%; height:100%; object-fit:contain; display:block; }#zauberberg-lerntagebuchstudio .field{ position:absolute; color:#16131a; font-family:Arial, sans-serif; font-size:clamp(6px,1.23vw,14px); line-height:1.13; text-align:center; overflow:hidden; outline:1px solid transparent; }#zauberberg-lerntagebuchstudio .field.editing, #zauberberg-lerntagebuchstudio .field:focus{ outline:2px solid #7852ac; outline-offset:1px; background:#ffffffe6; }#zauberberg-lerntagebuchstudio .date-start{ left:30.3%; top:2.10%; width:17%; height:1.3%; }#zauberberg-lerntagebuchstudio .date-end{ left:67%; top:2.10%; width:16%; height:1.3%; }#zauberberg-lerntagebuchstudio .week-no{ left:4.8%; top:6.03%; width:8%; height:1.2%; font-size:clamp(6px,1vw,11px); }#zauberberg-lerntagebuchstudio .thought{ left:5%; top:90.25%; width:44%; height:6.6%; padding:.35%; display:flex; align-items:center; justify-content:center; }#zauberberg-lerntagebuchstudio .action{ left:51.5%; top:90.25%; width:43%; height:6.6%; padding:.35%; display:flex; align-items:center; justify-content:center; }#zauberberg-lerntagebuchstudio .fixed-page{ width:min(100%,45rem); min-height:calc(min(100vw - 10vw - 4.3rem,45rem) * 1.414); padding:8% 10%; background:#fff; box-shadow:0 12px 32px #291d3418; cursor:zoom-in; }#zauberberg-lerntagebuchstudio .fixed-page h2{ font-family:Georgia, serif; font-size:clamp(1.8rem,4vw,3rem); text-align:center; }#zauberberg-lerntagebuchstudio .fairness-copy{ text-align:center; font-size:clamp(1rem,2vw,1.4rem); line-height:1.55; }#zauberberg-lerntagebuchstudio .fairness-copy strong{ display:block; font-size:1.25em; }#zauberberg-lerntagebuchstudio .fairness-image{ width:100%; margin:2rem 0 .4rem; }#zauberberg-lerntagebuchstudio .question-page{ background:linear-gradient(135deg,#fff 0 83%,#f5e8a6 83%); }#zauberberg-lerntagebuchstudio .question-page blockquote{ font-family:Georgia,serif; font-size:clamp(1.5rem,4vw,2.8rem); line-height:1.2; margin:13% 0 2rem; }#zauberberg-lerntagebuchstudio .writing-lines{ height:45%; background:repeating-linear-gradient(transparent 0 2.1rem,#b9afc8 2.15rem 2.2rem); }#zauberberg-lerntagebuchstudio .back-page{ display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }#zauberberg-lerntagebuchstudio .back-page h2{ font-size:clamp(1.5rem,3vw,2.5rem); }#zauberberg-lerntagebuchstudio .back-page img{ max-width:65%; filter:grayscale(1); }#zauberberg-lerntagebuchstudio .back-page p{ font-size:1.1rem; }#zauberberg-lerntagebuchstudio .dialog-page{ display:flex; justify-content:center; background:#ede8f4; padding:1rem; max-height:70vh; overflow:auto; }#zauberberg-lerntagebuchstudio .dialog-page .page{ width:min(100%,44rem); }#zauberberg-lerntagebuchstudio .dialog-page .week-spread{ width:min(100%,75rem); }#zauberberg-lerntagebuchstudio .dialog-page .fixed-page{ min-height:0; aspect-ratio:1754/2480; }#zauberberg-lerntagebuchstudio .edit-panel{ padding:1rem; display:flex; justify-content:center; gap:.65rem; flex-wrap:wrap; }#zauberberg-lerntagebuchstudio .edit-panel label{ font-size:.85rem; font-weight:700; }#zauberberg-lerntagebuchstudio .edit-panel input, #zauberberg-lerntagebuchstudio .edit-panel textarea{ display:block; margin-top:.3rem; width:13rem; padding:.45rem; border:1px solid var(--line); border-radius:.4rem; font:inherit; }#zauberberg-lerntagebuchstudio .edit-panel textarea{ height:4.8rem; } #zauberberg-lerntagebuchstudio dialog{ width:min(98vw,90rem); max-height:94vh; border:0; padding:0; border-radius:1rem; box-shadow:0 25px 90px #160d2188; } #zauberberg-lerntagebuchstudio dialog::backdrop{ background:#20122caa; }#zauberberg-lerntagebuchstudio .dialog-bar{ display:flex; align-items:center; justify-content:space-between; padding:.8rem 1rem; background:var(--purple); color:#fff; }#zauberberg-lerntagebuchstudio .dialog-bar button{ border:0; color:white; background:transparent; font-size:2rem; line-height:1; } @media (max-width:700px) { #zauberberg-lerntagebuchstudio main{ padding:2rem 1rem 4rem; }#zauberberg-lerntagebuchstudio .app-header{ padding:0 1rem; }#zauberberg-lerntagebuchstudio .preview-top{ align-items:flex-start; flex-direction:column; }#zauberberg-lerntagebuchstudio .preview-actions{ justify-content:flex-start; }#zauberberg-lerntagebuchstudio .page-row{ grid-template-columns:1.8rem minmax(0,1fr); gap:.5rem; }#zauberberg-lerntagebuchstudio .week-spread{ gap:.4rem; }#zauberberg-lerntagebuchstudio .page-number{ font-size:.75rem; }#zauberberg-lerntagebuchstudio .fixed-page{ width:100%; }#zauberberg-lerntagebuchstudio .field{ font-size:clamp(4px,1.65vw,10px); } }
#zauberberg-lerntagebuchstudio .single-week{ width:min(100%,45rem); }#zauberberg-lerntagebuchstudio .single-week .week-sheet{ width:100%; box-shadow:none; cursor:inherit; }#zauberberg-lerntagebuchstudio .image-page.landscape{ width:min(100%,64rem); aspect-ratio:2480/1748; }#zauberberg-lerntagebuchstudio .back-page{ justify-content:flex-end; padding-bottom:9%; }#zauberberg-lerntagebuchstudio .back-page img{ max-width:18%; margin-bottom:1.5rem; opacity:.76; }#zauberberg-lerntagebuchstudio .back-page p{ margin:0; font-size:clamp(.78rem,1.6vw,1rem); letter-spacing:.015em; }#zauberberg-lerntagebuchstudio .cover-spread{ width:min(100%,68rem); aspect-ratio:1.42; min-height:0; padding:0; display:grid; grid-template-columns:1fr 1fr; }#zauberberg-lerntagebuchstudio .cover-spread>div{ padding:8%; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; }#zauberberg-lerntagebuchstudio .cover-spread>div:first-child{ background:#fff; }#zauberberg-lerntagebuchstudio .cover-spread>div:first-child img{ width:100%; max-height:60%; object-fit:contain; }#zauberberg-lerntagebuchstudio .cover-spread h2{ margin:.5rem 0; }#zauberberg-lerntagebuchstudio .timetable-grid{ margin:1.5rem 0; padding:1rem; border:1px solid var(--line); border-radius:.5rem; word-spacing:1rem; font-weight:700; color:var(--purple); }
@media print { #zauberberg-lerntagebuchstudio .app-header, #zauberberg-lerntagebuchstudio .wizard, #zauberberg-lerntagebuchstudio .preview-top, #zauberberg-lerntagebuchstudio .hint, #zauberberg-lerntagebuchstudio .page-index, #zauberberg-lerntagebuchstudio .page-number{ display:none!important; } #zauberberg-lerntagebuchstudio main{ padding:0; max-width:none; } #zauberberg-lerntagebuchstudio .page-stack{ gap:0; } #zauberberg-lerntagebuchstudio .page-row{ display:block; break-after:page; } #zauberberg-lerntagebuchstudio .page{ box-shadow:none; border-radius:0; } #zauberberg-lerntagebuchstudio .week-spread{ width:100%; gap:0; } body[data-print='a5'] #zauberberg-lerntagebuchstudio .week-spread{ display:block; } body[data-print='cover'] #zauberberg-lerntagebuchstudio .page-row:not(.cover-row){ display:none; } }
#zauberberg-lerntagebuchstudio .page-stack{ gap:2.5rem; }#zauberberg-lerntagebuchstudio .page-row{ display:flex; gap:1rem; width:min(100%,76rem); margin:0 auto; }#zauberberg-lerntagebuchstudio .page-row.single-row{ width:min(100%,45rem); }#zauberberg-lerntagebuchstudio .page-card{ width:100%; position:relative; min-width:0; }#zauberberg-lerntagebuchstudio .pair-row .page-card{ flex:1 1 0; }#zauberberg-lerntagebuchstudio .page-card .page{ width:100%; }#zauberberg-lerntagebuchstudio .pair-row .image-page.landscape{ width:100%; }#zauberberg-lerntagebuchstudio .pair-row .single-week{ width:100%; }#zauberberg-lerntagebuchstudio .pair-row .week-sheet{ width:100%; }#zauberberg-lerntagebuchstudio .page-folio{ position:absolute; right:4.5%; bottom:2.3%; z-index:2; font:700 1rem/1 Arial,sans-serif; color:#29252d; background:#fff; padding:.12em .25em; }#zauberberg-lerntagebuchstudio .cover-page .cover-mask{ position:absolute; left:15%; top:34%; width:80%; height:30%; background:#fff; }#zauberberg-lerntagebuchstudio .cover-page .autumn-symbol{ position:absolute; z-index:2; top:35%; left:65%; width:23%; height:23%; object-fit:contain; }#zauberberg-lerntagebuchstudio .cover-page .cover-meta{ position:absolute; z-index:3; top:48%; left:12%; width:57%; text-align:center; font-family:'Bradley Hand','Comic Sans MS',cursive; font-size:clamp(.95rem,2.2cqw,1.55rem); font-weight:700; line-height:1.42; }#zauberberg-lerntagebuchstudio .fairness-page .fairness-mask{ position:absolute; left:0; right:0; bottom:1%; height:12%; background:#fff; }#zauberberg-lerntagebuchstudio .coaching-page .coaching-number{ position:absolute; z-index:2; font-family:'Bradley Hand','Comic Sans MS',cursive; font-size:2.5cqw; font-weight:700; color:#141117; }#zauberberg-lerntagebuchstudio .coaching-page .first{ left:36.5%; top:2.3%; }#zauberberg-lerntagebuchstudio .coaching-page .second{ left:36.5%; top:52.6%; }#zauberberg-lerntagebuchstudio .year-page{ width:100%; }#zauberberg-lerntagebuchstudio .year-shade{ position:absolute; left:calc(1.7% + var(--c) * 7.14%); width:7.14%; background:#81818191; pointer-events:none; }#zauberberg-lerntagebuchstudio .row-0{ top:14%; height:6.3%; }#zauberberg-lerntagebuchstudio .row-1{ top:24%; height:6.3%; }#zauberberg-lerntagebuchstudio .row-2{ top:33.8%; height:6.3%; }#zauberberg-lerntagebuchstudio .row-3{ top:43.6%; height:6.3%; }#zauberberg-lerntagebuchstudio .row-4{ top:53.5%; height:6.3%; }#zauberberg-lerntagebuchstudio .row-5{ top:63.4%; height:6.3%; }#zauberberg-lerntagebuchstudio .week-sheet{ container-type:inline-size; }#zauberberg-lerntagebuchstudio .field{ font-size:2.65cqw; line-height:1.1; }#zauberberg-lerntagebuchstudio .date-start{ left:25.3%; top:4.55%; width:18%; height:2.1%; font-size:2.2cqw; }#zauberberg-lerntagebuchstudio .date-end{ left:50%; top:4.55%; width:22%; height:2.1%; font-size:2.2cqw; }#zauberberg-lerntagebuchstudio .week-no{ left:5%; top:7.8%; width:17%; height:2.6%; font-size:3.2cqw; font-weight:700; }#zauberberg-lerntagebuchstudio .thought{ left:4.5%; top:93%; width:45%; height:6%; padding:.4% 1%; font-size:2.65cqw; }#zauberberg-lerntagebuchstudio .action{ left:51%; top:93%; width:44%; height:6%; padding:.4% 1%; font-size:2.65cqw; }
@media (max-width:700px) { #zauberberg-lerntagebuchstudio .pair-row{ gap:.45rem; }#zauberberg-lerntagebuchstudio .page-folio{ font-size:.7rem; }#zauberberg-lerntagebuchstudio .field{ font-size:1.6cqw; }#zauberberg-lerntagebuchstudio .week-no{ font-size:2cqw; } }
#zauberberg-lerntagebuchstudio #printOutput{ display:none; }
#zauberberg-lerntagebuchstudio #sectionChoices .section-button{ min-width:10rem; flex:1 1 10rem; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:.55rem; text-align:center; }
#zauberberg-lerntagebuchstudio #sectionChoices .section-button strong{ font-size:1rem; font-weight:800; }
#zauberberg-lerntagebuchstudio #sectionChoices .section-button small{ display:block; margin:0; font-size:.78rem; line-height:1.35; font-weight:400; opacity:.8; }
@media print {
  body[data-print='booklet'] #zauberberg-lerntagebuchstudio .app-header, body[data-print='booklet'] #zauberberg-lerntagebuchstudio main, body[data-print='cover'] #zauberberg-lerntagebuchstudio .app-header, body[data-print='cover'] #zauberberg-lerntagebuchstudio main, body[data-print='booklet'] #zauberberg-lerntagebuchstudio dialog, body[data-print='cover'] #zauberberg-lerntagebuchstudio dialog{ display:none!important; }
  body[data-print='booklet'] #zauberberg-lerntagebuchstudio #printOutput, body[data-print='cover'] #zauberberg-lerntagebuchstudio #printOutput{ display:block; }
  body[data-print='booklet'] #zauberberg-lerntagebuchstudio .print-sheet, body[data-print='cover'] #zauberberg-lerntagebuchstudio .print-sheet{ width:297mm; height:210mm; display:grid; grid-template-columns:148.5mm 148.5mm; break-after:page; page-break-after:always; overflow:hidden; }
  body[data-print='booklet'] #zauberberg-lerntagebuchstudio .print-panel, body[data-print='cover'] #zauberberg-lerntagebuchstudio .print-panel{ width:148.5mm; height:210mm; overflow:hidden; }
  body[data-print='booklet'] #zauberberg-lerntagebuchstudio .print-panel .page-card, body[data-print='cover'] #zauberberg-lerntagebuchstudio .print-panel .page-card, body[data-print='booklet'] #zauberberg-lerntagebuchstudio .print-panel .page, body[data-print='cover'] #zauberberg-lerntagebuchstudio .print-panel .page, body[data-print='booklet'] #zauberberg-lerntagebuchstudio .print-panel .fixed-page, body[data-print='cover'] #zauberberg-lerntagebuchstudio .print-panel .fixed-page{ width:100%!important; height:100%!important; min-height:0!important; margin:0!important; box-shadow:none!important; border-radius:0!important; }
  body[data-print='booklet'] #zauberberg-lerntagebuchstudio .print-panel .image-page, body[data-print='cover'] #zauberberg-lerntagebuchstudio .print-panel .image-page, body[data-print='booklet'] #zauberberg-lerntagebuchstudio .print-panel .single-week, body[data-print='cover'] #zauberberg-lerntagebuchstudio .print-panel .single-week{ aspect-ratio:1754/2480; }
  body[data-print='booklet'] #zauberberg-lerntagebuchstudio .print-panel .week-sheet, body[data-print='cover'] #zauberberg-lerntagebuchstudio .print-panel .week-sheet{ width:100%; height:100%; aspect-ratio:auto; box-shadow:none; }
  body[data-print='booklet'] #zauberberg-lerntagebuchstudio .print-panel .fixed-page, body[data-print='cover'] #zauberberg-lerntagebuchstudio .print-panel .fixed-page{ aspect-ratio:1754/2480; }
}
#zauberberg-lerntagebuchstudio .week-overlay{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; }
#zauberberg-lerntagebuchstudio .layout-help{ padding:1rem 1.25rem; margin:0; background:#f5f2f8; color:#30283b; line-height:1.45; }
#zauberberg-lerntagebuchstudio .layout-workspace{ display:grid; grid-template-columns:minmax(0,1fr) 16rem; gap:1.25rem; padding:1.25rem; background:#ede8f4; align-items:start; max-height:76vh; overflow:auto; }
#zauberberg-lerntagebuchstudio .layout-canvas{ position:relative; width:min(100%,44rem); aspect-ratio:1752/2480; background:#fff; box-shadow:0 12px 32px #291d3418; touch-action:none; }
#zauberberg-lerntagebuchstudio .layout-canvas>img{ width:100%; height:100%; display:block; }
#zauberberg-lerntagebuchstudio .layout-box{ position:absolute; border:2px solid #7653a6; background:#7653a61c; color:#151018; cursor:move; user-select:none; touch-action:none; }
#zauberberg-lerntagebuchstudio .layout-box.active{ border-color:#f2ba19; background:#f2ba1928; z-index:2; }
#zauberberg-lerntagebuchstudio .layout-box .box-name{ position:absolute; left:0; top:-1.45rem; white-space:nowrap; color:#fff; background:#7653a6; padding:.16rem .35rem; border-radius:.25rem .25rem 0 0; font:700 .72rem/1.1 Arial,sans-serif; }
#zauberberg-lerntagebuchstudio .layout-box.active .box-name{ background:#ab7800; }
#zauberberg-lerntagebuchstudio .layout-box .box-value{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; padding:.12rem; overflow:hidden; font-family:Arial,sans-serif; pointer-events:none; }
#zauberberg-lerntagebuchstudio .layout-box .resize-handle{ position:absolute; width:.9rem; height:.9rem; right:-.48rem; bottom:-.48rem; background:#7653a6; border:2px solid white; border-radius:50%; cursor:nwse-resize; }
#zauberberg-lerntagebuchstudio .layout-controls{ background:#fff; padding:1rem; border-radius:.55rem; box-shadow:0 6px 20px #291d3412; }
#zauberberg-lerntagebuchstudio .layout-controls label{ display:block; font-size:.88rem; font-weight:700; }#zauberberg-lerntagebuchstudio .layout-controls input{ display:block; width:100%; margin:.45rem 0 1rem; padding:.5rem; border:1px solid var(--line); border-radius:.35rem; font:inherit; }#zauberberg-lerntagebuchstudio .layout-note{ font-size:.82rem; line-height:1.45; color:#5a5165; }
@media (max-width:700px) { #zauberberg-lerntagebuchstudio .layout-workspace{ grid-template-columns:1fr; padding:.75rem; }#zauberberg-lerntagebuchstudio .layout-canvas{ width:100%; }#zauberberg-lerntagebuchstudio .layout-controls{ width:100%; } }
#zauberberg-lerntagebuchstudio .page-folio{ left:auto; right:2.6%; top:2.6%; bottom:auto; transform:none; background:transparent; padding:0; font-size:.68rem; font-weight:500; color:#6a6570; }
#zauberberg-lerntagebuchstudio .custom-cover{ display:flex; flex-direction:column; align-items:center; padding:10.5% 12% 9%; overflow:hidden; color:#111; font-family:'Bradley Hand','Comic Sans MS',cursive; }
#zauberberg-lerntagebuchstudio .custom-cover .cover-kicker{ align-self:flex-start; font:600 clamp(.75rem,1.7cqw,1.15rem)/1.1 Arial,sans-serif; letter-spacing:.09em; text-transform:uppercase; }
#zauberberg-lerntagebuchstudio .custom-cover h2{ margin:17% 0 3%; font:700 clamp(2.8rem,8cqw,5.4rem)/.94 'Bradley Hand','Comic Sans MS',cursive; letter-spacing:-.045em; }
#zauberberg-lerntagebuchstudio .custom-cover .cover-rule{ width:48%; height:2px; background:#111; }
#zauberberg-lerntagebuchstudio .custom-cover .cover-autumn{ width:31%; height:18%; margin:12% 0 4%; object-fit:contain; }
#zauberberg-lerntagebuchstudio .custom-cover .cover-period{ display:flex; flex-direction:column; align-items:center; gap:.23em; text-align:center; font-size:clamp(1.05rem,3cqw,2rem); line-height:1.17; }
#zauberberg-lerntagebuchstudio .custom-cover .cover-period strong{ font-size:1.18em; }
#zauberberg-lerntagebuchstudio .custom-cover .cover-fields{ width:100%; margin-top:auto; display:grid; gap:1.25rem; font-size:clamp(1.05rem,2.7cqw,1.8rem); }
#zauberberg-lerntagebuchstudio .custom-cover .cover-fields div{ display:grid; grid-template-columns:auto 1fr; align-items:end; gap:.8rem; }#zauberberg-lerntagebuchstudio .custom-cover .cover-fields b{ font-weight:700; }#zauberberg-lerntagebuchstudio .custom-cover .cover-fields i{ height:1.1em; border-bottom:2px solid #111; }
#zauberberg-lerntagebuchstudio .custom-cover .cover-fields i{ width:70%; justify-self:start; }
#zauberberg-lerntagebuchstudio .custom-cover .cover-scissors{ position:absolute; right:0; bottom:0; width:12.1%; height:auto; pointer-events:none; }
#zauberberg-lerntagebuchstudio .leitbild-page{ padding:3%; background:#fff; }#zauberberg-lerntagebuchstudio .leitbild-page img{ object-fit:contain; }
#zauberberg-lerntagebuchstudio .coaching-page .coaching-number{ left:48.5%; width:4%; height:2.6%; display:flex; align-items:center; justify-content:center; font-size:2.2cqw; line-height:1; }#zauberberg-lerntagebuchstudio .coaching-page .first{ top:2.65%; }#zauberberg-lerntagebuchstudio .coaching-page .second{ top:51.65%; }
#zauberberg-lerntagebuchstudio .fairness-page .fairness-mask{ height:9.5%; }
#zauberberg-lerntagebuchstudio .forscher-page::before{ content:''; position:absolute; z-index:1; left:47%; top:2%; width:9%; height:4%; background:#fff; }#zauberberg-lerntagebuchstudio .forscher-page::after{ content:''; position:absolute; z-index:1; left:6%; right:6%; bottom:1.5%; height:9%; background:#fff; }
#zauberberg-lerntagebuchstudio .qualities-page{ padding:9% 3.5% 4.5%; color:#090909; font-family:Georgia,'Times New Roman',serif; background:#fff; }
#zauberberg-lerntagebuchstudio .qualities-page h2{ margin:0 0 4%; text-align:center; font:700 clamp(.9rem,2.3cqw,1.55rem)/1.2 Arial,sans-serif; letter-spacing:-.025em; }
#zauberberg-lerntagebuchstudio .qualities-page section{ margin:0 0 8%; border:2px solid #111; }#zauberberg-lerntagebuchstudio .qualities-page section:last-child{ margin-bottom:0; }
#zauberberg-lerntagebuchstudio .qualities-page h3{ margin:0; padding:4% 1.1%; min-height:3.1em; display:flex; align-items:center; border-bottom:2px solid #111; font-size:clamp(.86rem,2.45cqw,1.65rem); line-height:1.05; }
#zauberberg-lerntagebuchstudio .qualities-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }#zauberberg-lerntagebuchstudio .qualities-grid span{ min-height:2.25em; padding:.45em .32em; display:flex; align-items:center; border-right:2px solid #111; border-bottom:2px solid #111; font-size:clamp(.7rem,1.75cqw,1.2rem); line-height:1.05; }#zauberberg-lerntagebuchstudio .qualities-grid span:nth-child(3n){ border-right:0; }#zauberberg-lerntagebuchstudio .qualities-grid .span-two{ grid-column:span 2; border-right:0; }#zauberberg-lerntagebuchstudio .qualities-page section:nth-of-type(1) .qualities-grid span:nth-last-child(-n+3), #zauberberg-lerntagebuchstudio .qualities-page section:nth-of-type(3) .qualities-grid span:nth-last-child(-n+3), #zauberberg-lerntagebuchstudio .qualities-page section:nth-of-type(2) .qualities-grid span:nth-last-child(-n+2){ border-bottom:0; }
#zauberberg-lerntagebuchstudio .qualities-page{ padding:6% 3.5% 3%; overflow:hidden; }#zauberberg-lerntagebuchstudio .qualities-page h2{ margin:0 0 3.5%; font-size:clamp(.67rem,2.05cqw,1.35rem); }#zauberberg-lerntagebuchstudio .qualities-page section{ margin:0 0 4%; }#zauberberg-lerntagebuchstudio .qualities-page h3{ min-height:2.5em; padding:3% 1.1%; font-size:clamp(.62rem,2.15cqw,1.42rem); }#zauberberg-lerntagebuchstudio .qualities-grid span{ min-height:2.25em; padding:.36em .3em; font-size:clamp(.55rem,1.55cqw,1.05rem); }
#zauberberg-lerntagebuchstudio .year-portrait{ padding:7% 7% 6%; color:#18151b; background:#fff; font-family:Arial,sans-serif; }#zauberberg-lerntagebuchstudio .year-portrait h2{ margin:0 0 8%; text-align:center; font-size:clamp(.88rem,2.45cqw,1.55rem); line-height:1.12; }#zauberberg-lerntagebuchstudio .year-portrait h2 span{ display:block; font-size:.86em; font-weight:500; }#zauberberg-lerntagebuchstudio .year-sections{ display:grid; gap:4.4%; }#zauberberg-lerntagebuchstudio .year-sections section{ border:1.5px solid #25222a; }#zauberberg-lerntagebuchstudio .year-sections header{ display:flex; justify-content:space-between; align-items:baseline; gap:.4rem; padding:.42rem .5rem; border-bottom:1.5px solid #25222a; }#zauberberg-lerntagebuchstudio .year-sections header b{ font-size:clamp(.58rem,1.45cqw,.96rem); }#zauberberg-lerntagebuchstudio .year-sections header small{ font-size:clamp(.44rem,1.05cqw,.7rem); text-align:right; }#zauberberg-lerntagebuchstudio .year-sections section>div{ display:grid; grid-template-columns:repeat(4,1fr); }#zauberberg-lerntagebuchstudio .year-sections span{ min-height:2.05em; display:flex; align-items:center; justify-content:center; border-right:1px solid #aaa4af; border-bottom:1px solid #aaa4af; font-size:clamp(.46rem,1.13cqw,.76rem); }#zauberberg-lerntagebuchstudio .year-sections span:nth-child(4n){ border-right:0; }#zauberberg-lerntagebuchstudio .year-sections span:nth-last-child(-n+4){ border-bottom:0; }#zauberberg-lerntagebuchstudio .year-sections span.past{ background:#b3afb7; color:#fff; }
#zauberberg-lerntagebuchstudio .year-sections em{ grid-column:1/-1; padding:.32rem .4rem; background:#c4e4f8; border-top:1px solid #87a7ba; font-style:normal; font-size:clamp(.45rem,1.1cqw,.75rem); font-weight:700; text-align:center; }
#zauberberg-lerntagebuchstudio .year-template{ overflow:hidden; background:#fff; box-shadow:none; }#zauberberg-lerntagebuchstudio .year-template img{ width:calc(100% + 1.2%); height:calc(100% + 1.2%); max-width:none; margin:-.6%; object-fit:fill; display:block; }#zauberberg-lerntagebuchstudio .year-template-shade{ position:absolute; bottom:2.3%; width:8.15%; background:#77777788; pointer-events:none; }
#zauberberg-lerntagebuchstudio .timetable-page{ padding:6.5% 7% 5%; background:#fff; }#zauberberg-lerntagebuchstudio .timetable-page img{ object-fit:contain; object-position:center center; }
#zauberberg-lerntagebuchstudio .back-page img{ max-width:29%; margin-bottom:0; filter:none; }
#zauberberg-lerntagebuchstudio .system-content .sys-group{ break-inside:avoid; }#zauberberg-lerntagebuchstudio .system-page.muted{ background:#fff; color:#777; }
#zauberberg-lerntagebuchstudio .system-page{ padding:5.5% 5% 4%; color:#15121a; background:#fff; font-family:Arial,sans-serif; overflow:hidden; }#zauberberg-lerntagebuchstudio .system-page header{ border-bottom:2px solid #37284f; padding-bottom:3.2%; margin-bottom:3%; }#zauberberg-lerntagebuchstudio .system-page header span{ color:#5a3e83; font-size:clamp(.42rem,.95cqw,.66rem); font-weight:700; letter-spacing:.07em; text-transform:uppercase; }#zauberberg-lerntagebuchstudio .system-page header h2{ margin:.15em 0 .12em; color:#34214f; font-family:'Bradley Hand','Comic Sans MS',cursive; font-size:clamp(1.2rem,4cqw,2.6rem); line-height:1; }#zauberberg-lerntagebuchstudio .system-page header p{ margin:0; font-size:clamp(.46rem,1.18cqw,.8rem); line-height:1.25; font-weight:600; }#zauberberg-lerntagebuchstudio .system-page h3{ margin:0 0 .55em; color:#34214f; font-size:clamp(.56rem,1.5cqw,1rem); line-height:1.1; }#zauberberg-lerntagebuchstudio .system-content{ font-size:clamp(.4rem,.98cqw,.7rem); line-height:1.22; }#zauberberg-lerntagebuchstudio .system-content.abilities{ column-count:2; column-gap:1.35em; }#zauberberg-lerntagebuchstudio .system-content p, #zauberberg-lerntagebuchstudio .system-content h4{ break-inside:avoid; }#zauberberg-lerntagebuchstudio .system-content p{ margin:.2em 0; }#zauberberg-lerntagebuchstudio .system-content h4{ margin:.55em 0 .22em; color:#3d2b5b; font-size:1em; }#zauberberg-lerntagebuchstudio .system-content .sys-bullet{ padding-left:.9em; text-indent:-.7em; }#zauberberg-lerntagebuchstudio .system-content .sys-bullet::before{ content:'•'; color:#6e4a9b; padding-right:.35em; }#zauberberg-lerntagebuchstudio .system-content.freedoms{ font-size:clamp(.48rem,1.18cqw,.78rem); line-height:1.3; }#zauberberg-lerntagebuchstudio .system-page.muted{ background:#f0f0f0; color:#777; }#zauberberg-lerntagebuchstudio .system-page.muted header{ border-color:#999; }#zauberberg-lerntagebuchstudio .system-page.muted header span, #zauberberg-lerntagebuchstudio .system-page.muted header h2, #zauberberg-lerntagebuchstudio .system-page.muted h3, #zauberberg-lerntagebuchstudio .system-page.muted h4{ color:#777; }#zauberberg-lerntagebuchstudio .system-page.muted .sys-bullet::before{ color:#929292; }
#zauberberg-lerntagebuchstudio .system-page.muted{ background:#fff; }

#zauberberg-lerntagebuchstudio main { width:100%; max-width:1600px; padding:3rem 5vw 5rem; }
#zauberberg-lerntagebuchstudio .wizard { width:100%; max-width:none; }
#zauberberg-lerntagebuchstudio .dialog-page .timetable-page { width:auto; height:calc(70vh - 2rem); max-width:100%; aspect-ratio:1754/2480; flex:0 0 auto; }
#zauberberg-lerntagebuchstudio .simple-writing-page{ padding:8% 8% 7%; color:#29242f; background:#fff; font-family:'Bradley Hand','Comic Sans MS',cursive; overflow:hidden; }#zauberberg-lerntagebuchstudio .simple-writing-page h2{ margin:0 0 7%; font-size:1.2rem; line-height:1.1; font-weight:600; white-space:nowrap; }#zauberberg-lerntagebuchstudio .simple-writing-lines{ height:84%; display:grid; grid-template-rows:repeat(18,1fr); }#zauberberg-lerntagebuchstudio .simple-writing-lines span{ display:block; border-bottom:1px solid #d7d3da; }