.detailbox{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:100%;left:0;position:fixed;top:0;transition:all .5s ease;width:100%;z-index:10}.detailbox .back{background-color:#22150f;opacity:.7;pointer-events:none;z-index:10}.detailbox .back,.detailbox .back-close{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.detailbox .back-close{z-index:11}.detailbox.show{opacity:1}.detailbox.hide{opacity:0;pointer-events:none}.detail-screen{background-color:#fff;border-radius:4px;display:grid;grid-template-columns:minmax(10px,auto) auto;height:70%;left:50%;max-height:560px;max-width:760px;overflow:hidden;position:fixed;top:40%;transform:translate(-50%,-40%);width:80%;z-index:100}.detail-screen.single{grid-template-columns:auto;grid-template-rows:auto}.detail-screen .close{background-image:url(../../static/media/close.f6256b3728f29ac41787.svg);border-radius:50%;cursor:pointer;height:25px;position:absolute;right:25px;top:20px;transition:transform .5s;width:25px;z-index:10}.detail-screen .close:hover{transform:rotate(90deg)}.detail-screen .content{border-radius:0;display:flex;justify-content:center;overflow:hidden;padding:0}.detail-screen .content.addmargin{justify-content:normal;padding:0}.detail-screen .content .image{height:100%;object-fit:cover;width:100%}.detail-screen .content>.no-slide{height:100%;width:100%}.detail-screen .content .slide{animation-timing-function:linear;animation:ease-out forwards;animation-delay:.2s;animation-duration:40s;animation-name:run;display:inline-block;height:100%;position:relative;transform:translateX(-60%);-webkit-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content}.detail-screen .content .slide .image{display:flex;height:100%;object-fit:cover;object-position:top;width:auto}@keyframes run{0%{transform:translateX(-60%)}to{transform:translateX(0)}}.detail-screen .content.hidden{display:none}.detail-screen .details{background-color:#f3f0ec;color:var(--color-black);font-family:Lora,Arial,Times,serif;font-size:12pt;overflow:auto;padding:10px 30px 30px}.detail-screen .details h1{font-family:Lora,Arial,Times,serif;font-size:20pt;font-weight:700;-webkit-user-select:none;user-select:none}.detail-screen .details .disabled{color:var(--color-weinrot);text-align:center}@media screen and (max-width:580px){.detail-screen{grid-template-columns:auto;grid-template-rows:minmax(auto,45%) auto;height:80%;max-height:70vh}.detail-screen>.close{background-color:#ffffff80;filter:drop-shadow(0 0 4px rgb(255,255,255))}.detail-screen .content{background-color:var(--color-gold-light);margin-left:0;margin-right:0;margin-top:0}.detail-screen .content .image{object-fit:contain}.detail-screen .content .slide{animation:none;height:100%;margin-left:0;margin-top:0;transform:translateX(0);width:100%}.detail-screen .content .slide .image{height:100%;object-fit:contain;width:100%}}@media (max-height:400px),screen and (max-width:580px){.detail-screen{width:95%}.detail-screen .details{font-size:10pt;padding:0 20px 20px}.detail-screen .details h1{font-size:16pt}.detail-screen .details.single{height:100%;padding-top:50px}}.form{font-family:Lora,Arial,Times,serif;font-size:12pt}.form form{display:flex;flex-direction:column}.form form input,.form form select,.form form textarea{background-color:#fff;border:0;border-radius:5px;display:block;font-family:Arial,Helvetica,sans-serif;font-size:11pt;margin:.9vw 0;max-width:500px;padding:.5rem .8rem;width:100%}.form form input[type=submit]{background-color:#c2a782;background-color:var(--color-gold);color:#fff;cursor:pointer;font-family:Lora,Arial,Times,serif;font-size:12pt;font-weight:700;min-height:40px;transition:box-shadow .3s}.form form input[type=submit].disabled{opacity:.5}.form form input[type=submit]:hover{box-shadow:0 2px 5px #0003}.form form .dsgvo{display:flex;font-size:9pt;justify-content:flex-start;margin-top:10px;padding-left:5px}.form form .dsgvo input{flex:1 1;margin:3px 15px 0 0;max-height:14px;max-width:20px;transform:scale(1.4);width:40px}.form form .dsgvo div{flex:3 1;padding-left:0;-webkit-user-select:none;user-select:none}.form form .required{color:#ae0f0a;color:var(--color-braunrot);font-size:10pt;margin-top:10px;max-width:500px;text-align:center}.form form .subline{font-size:8pt;margin-top:15px;padding-left:5px}@media (max-height:400px),screen and (max-width:580px){.form{font-size:10pt}.form form .dsgvo{margin-top:10px}}.day{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:0;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:120px;min-height:var(--size-grid-height);min-width:120px;min-width:var(--size-grid-width);overflow:hidden;perspective:500px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.day svg{height:120px;height:var(--size-grid-height);margin:auto;opacity:0;position:absolute;transition:opacity 1s ease;width:100%;z-index:7}.day .cover{align-items:center;border-radius:0;display:flex;font-family:Lora,cursive;font-size:2.5em;font-weight:700;height:calc(100% + 1px);justify-content:center;left:0;position:absolute;top:0;transition:1s ease;-webkit-user-select:none;user-select:none;width:calc(100% + 1px);z-index:4}.day .cover>.day-nr{position:relative;transition:.8s ease;z-index:8}.day .cover>.frame{background-color:#0000;border:0 solid #c2a782;border:0 solid var(--color-gold);border-radius:0;transition:background-color .8s ease;z-index:6}.day .cover .cover-bg,.day .cover>.frame{height:100%;position:absolute;transition:.8s ease;width:100%}.day .cover .cover-bg{content:"";display:block;left:0;opacity:1;top:0;z-index:4}.day .cover.style-1{background-color:#c21010b5;background-color:var(--color-bg-day)}.day .cover.style-1 .cover-bg{background-position:50%;background-size:400px}.day .cover.style-1 .day-nr{color:#f3e9db;color:var(--color-gold-light);text-shadow:0 0 20px #c2a782;text-shadow:0 0 20px var(--color-gold)}.day .cover.style-2{background-color:#c21010b5;background-color:var(--color-bg-day)}.day .cover.style-2 .cover-bg{background-position:50%;background-size:400px}.day .cover.style-2 .day-nr{color:#f3e9db;color:var(--color-gold-light);text-shadow:0 0 20px #c2a782;text-shadow:0 0 20px var(--color-gold)}.day .cover.style-3{background-color:#c21010b5;background-color:var(--color-bg-day)}.day .cover.style-3 .cover-bg{background-position:50%;background-size:250px}.day .cover.style-3 .day-nr{color:#f3e9db;color:var(--color-gold-light);text-shadow:0 0 20px #c2a782;text-shadow:0 0 20px var(--color-gold)}.day .cover.style-4{background-color:#c21010b5;background-color:var(--color-bg-day)}.day .cover.style-4 .cover-bg{background-position:50%;background-size:450px}.day .cover.style-4 .day-nr{color:#f3e9db;color:var(--color-gold-light);text-shadow:0 0 20px #c2a782;text-shadow:0 0 20px var(--color-gold)}.day .cover.style-5{background-color:#c21010b5;background-color:var(--color-bg-day)}.day .cover.style-5 .cover-bg{background-position:50%;background-size:450px}.day .cover.style-5 .day-nr{color:#f3e9db;color:var(--color-gold-light);text-shadow:0 0 20px #c2a782;text-shadow:0 0 20px var(--color-gold)}.day .cover.style-6{background-color:#c21010b5;background-color:var(--color-bg-day)}.day .cover.style-6 .cover-bg{background-image:url(../../static/media/template-12.cca7baad0bd15d704ffd.jpeg);background-position:50%;background-size:300px;opacity:0}.day .cover.style-6 .day-nr{color:#f3e9db;color:var(--color-gold-light);text-shadow:0 0 20px #c2a782;text-shadow:0 0 20px var(--color-gold)}.day.old>.cover>.frame{background-repeat:repeat;background-size:30px}.day.old>.cover>.icon{opacity:1}.day .empty{content:"";z-index:3}.day .empty,.day .icon{border-radius:2px;display:block;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.day .icon{-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden;image-rendering:auto;object-fit:cover;opacity:0;transform:scale(1);transition:opacity 1s ease,transform 1s ease;z-index:1}.day .icon.empty{background-color:#c2a782;background-color:var(--color-gold)}.day.logo{z-index:9}.day.logo:hover{left:0;top:0}.day .shadow{border-radius:2px;content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:.8s ease;width:100%;z-index:2}.day .shadow.old{opacity:1;transition:.8s ease;width:110%}.day.hover:hover.old>.cover,.day.old.old>.cover{background-color:#0000}.day.hover:hover .cover>.cover-bg,.day.old .cover>.cover-bg{opacity:1;transform:scale(1.8);transform-origin:50% 50%}.day.hover:hover .cover>.day-nr,.day.old .cover>.day-nr{transform:scale(1.3)}.day.hover:hover .cover>.frame,.day.old .cover>.frame{background-color:#00000080;box-shadow:inset 0 0 20px #000000b3}.day.hover:hover .cover svg,.day.old .cover svg{opacity:1}.day.hover:hover .cover>.icon,.day.old .cover>.icon{opacity:1;transform:scale(1.3)}.day.disabled{cursor:default}@media screen and (max-width:1024px){.day .cover{font-size:2em}.day .cover>.day-nr{font-size:1em}}@media(max-height:770px){.day,.day .empty{min-height:120px;min-height:var(--size-grid-height);min-width:120px;min-width:var(--size-grid-width)}.day .empty{height:100%;width:120px;width:var(--size-grid-width)}.day .cover{font-size:2.5em}}@media(max-width:770px){.day,.day .empty{min-height:120px;min-height:var(--size-grid-height);min-width:120px;min-width:var(--size-grid-width)}}@media screen and (max-width:580px){.day .cover{font-size:2em}.day .cover>.day-nr{font-size:.8em}}@media screen and (max-width:350px){.day .cover{font-size:2em}}.flake{animation-duration:inherit;animation-iteration-count:infinite;animation-name:snowing;animation-timing-function:linear}.flake.small{opacity:.7}.flake.slow{animation-duration:7s}.flake.fast{animation-duration:5s}.snowing{left:0;position:absolute;top:0}@keyframes snowing{0%{transform:translateY(-150px)}to{transform:translateY(200px)}}:root{--color-feuerrot:#e2001a;--color-braunrot:#ae0f0a;--color-weinrot:#8a1002;--color-schwarzrot:#640c00;--color-verkehrsgrau:#575756;--color-grau-dark:#262525;--color-telegrau:#878787;--color-telegrau-light:#c6c6c6;--color-grau-light:#e3e3e3;--color-gold:#c2a782;--color-gold-light:#f3e9db;--color-black:#000;--color-bg-day:#c21010b5;--size-grid-height:120px;--size-grid-width:120px;--size-grid-cols:6;--size-grid-rows:6}@media screen and (max-width:1024px){:root{--size-grid-height:85px;--size-grid-width:85px}}@media screen and (max-height:800px){:root{--size-grid-height:85px;--size-grid-width:85px}}@media screen and (max-width:580px){:root{--size-grid-height:65px;--size-grid-width:65px;--size-grid-cols:4;--size-grid-rows:9}}@media screen and (max-width:350px){:root{--size-grid-height:55px;--size-grid-width:55px;--size-grid-cols:4;--size-grid-rows:9}}@media screen and (max-device-width:350px){:root{--size-grid-height:55px;--size-grid-width:55px;--size-grid-cols:4;--size-grid-rows:9}}.grid{grid-gap:0;border-radius:5px;display:grid;gap:0;grid-template-columns:repeat(6,120px);grid-template-columns:repeat(var(--size-grid-cols),var(--size-grid-width));grid-template-rows:repeat(6,120px);grid-template-rows:repeat(var(--size-grid-rows),var(--size-grid-height));height:-moz-fit-content;height:fit-content;margin:50px}.grid .block{grid-gap:inherit;display:grid;gap:inherit;grid-template-columns:repeat(3,120px);grid-template-columns:repeat(3,var(--size-grid-width));grid-template-rows:repeat(2,120px);grid-template-rows:repeat(2,var(--size-grid-height))}.grid .block:first-of-type{grid-column:1/4;grid-row:1/4}.grid .block:first-of-type :nth-of-type(2){grid-column:2;grid-row:1/3}.grid .block:first-of-type :nth-of-type(4){grid-column:2/4;grid-row:3}.grid .block:nth-of-type(2){grid-column:1/4;grid-row:4/6}.grid .block:nth-of-type(2) :first-of-type{grid-column:1/3;grid-row:1}.grid .block:nth-of-type(2) :nth-of-type(2),.grid .block:nth-of-type(2) :nth-of-type(5){grid-column:3;grid-row:1/3}.grid .block:nth-of-type(3){grid-column:4/7;grid-row:1/3}.grid .block:nth-of-type(3) :first-of-type{grid-column:1;grid-row:1/3}.grid .block:nth-of-type(3) :nth-of-type(4){grid-column:3;grid-row:1/3}.grid .big-block{grid-gap:inherit;display:grid;gap:inherit;grid-column:4/7;grid-row:3/6;grid-template-columns:repeat(3,120px);grid-template-columns:repeat(3,var(--size-grid-width));grid-template-rows:repeat(3,120px);grid-template-rows:repeat(3,var(--size-grid-height))}.grid .big-block :nth-child(2){grid-column:2/4;grid-row:1}.grid .big-block :nth-child(4){grid-column:1/3;grid-row:3}.grid .big-block :nth-child(6){grid-column:3/4;grid-row:2/4}.grid .small-block{grid-gap:inherit;display:grid;gap:inherit;grid-column:1/7;grid-row:6;grid-template-columns:repeat(6,120px);grid-template-columns:repeat(var(--size-grid-cols),var(--size-grid-width));grid-template-rows:repeat(1,120px);grid-template-rows:repeat(1,var(--size-grid-height))}.grid .small-block :nth-child(3){grid-column:3/4;grid-row:1}.grid .small-block :nth-child(4){align-items:flex-start;grid-column:4/7;grid-row:1}.grid .logo{background-color:#e2001a;background-color:var(--color-feuerrot);border:0 solid #fff;height:100%;left:5px;max-width:100%;top:5px;transition:all .3s ease;width:auto}@media screen and (max-width:580px){.grid .block{grid-template-columns:repeat(2,120px);grid-template-columns:repeat(2,var(--size-grid-width));grid-template-rows:repeat(4,120px);grid-template-rows:repeat(4,var(--size-grid-height))}.grid .block:first-of-type{grid-column:1/2;grid-row:1/4}.grid .block:first-of-type :first-of-type{grid-column:1;grid-row:1}.grid .block:first-of-type :nth-of-type(2){grid-column:2;grid-row:2/4}.grid .block:first-of-type :nth-of-type(4){grid-column:1/2;grid-row:4}.grid .block:nth-of-type(2){grid-column:1/2;grid-row:5/8}.grid .block:nth-of-type(2) :first-of-type{grid-column:1/2;grid-row:1}.grid .block:nth-of-type(2) :nth-of-type(2){grid-column:2;grid-row:1/3}.grid .block:nth-of-type(2) :nth-of-type(4){grid-column:1/3;grid-row:3}.grid .block:nth-of-type(3){grid-column:3/4;grid-row:1/3}.grid .block:nth-of-type(3) :first-of-type{grid-column:1;grid-row:1/3}.grid .block:nth-of-type(3) :nth-of-type(4){grid-column:2;grid-row:1/3}.grid .big-block{grid-gap:inherit;display:grid;gap:inherit;grid-column:3/4;grid-row:4/8;grid-template-columns:repeat(2,120px);grid-template-columns:repeat(2,var(--size-grid-width));grid-template-rows:repeat(4,120px);grid-template-rows:repeat(4,var(--size-grid-height))}.grid .big-block :nth-child(2){grid-column:1/3;grid-row:1}.grid .big-block :nth-child(4){grid-column:2;grid-row:3}.grid .big-block :nth-child(6){grid-column:1/2;grid-row:3/5}.grid .small-block{grid-gap:inherit;display:grid;gap:inherit;grid-column:1/4;grid-row:8/10;grid-template-columns:repeat(4,120px);grid-template-columns:repeat(4,var(--size-grid-width));grid-template-rows:repeat(2,120px);grid-template-rows:repeat(2,var(--size-grid-height))}.grid .small-block :first-child{grid-column:1;grid-row:1/3}.grid .small-block :nth-child(2){grid-column:2/4;grid-row:1}.grid .small-block :nth-child(3){grid-column:4;grid-row:1}.grid .small-block :nth-child(4){align-items:flex-start;grid-column:2/5;grid-row:2}}header{color:#2f3029;grid-column:1/4;grid-row:1;height:120px;margin:0;padding-left:10px;padding-top:5px}header h1{font-size:24pt;font-weight:700;line-height:22pt;margin:3px 0 0}header h1,header p{font-family:Lora,Arial,Times,serif}header p{font-size:12pt;font-weight:400;margin-top:3px}.debug{background-color:#ffffffe6;bottom:20px;color:#000;font-size:8pt;padding:4px;position:fixed;right:20px}.debug.hidden{display:none}.debug div{cursor:pointer;padding:4px 4px 4px 0}.debug div:hover{text-decoration:underline}@media(min-width:770px)and (min-height:770px){.App{align-items:center}}body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ebebef;font-family:Tahoma,Arial,Lora,Geneva,Verdana,sans-serif;margin:0}*{box-sizing:border-box}a{transition:all .3s ease}a,a:visited{color:inherit}a:hover{color:var(--color-feuerrot);text-decoration:none}svg{border-radius:4px}#root{height:100%;width:100%}.App{background-image:url(../../static/media/bg-style-4-small.5ac01c3f57b04038f7fa.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;justify-content:center;min-height:100%;padding-bottom:20px;width:100%}@font-face{font-family:Fredoka One;font-style:normal;font-weight:400;src:local("Fredoka One"),url(../../static/media/FredokaOne-Regular.4aea26dd6637dfac0fac.ttf) format("truetype")}@font-face{font-family:Lora;font-style:normal;font-weight:700;src:local("Lora"),url(../../static/media/Lora-Bold.df378067bf8c002587b4.ttf) format("truetype")}@font-face{font-family:Lora;font-style:normal;font-weight:400;src:local("Lora"),url(../../static/media/Lora-Regular.a85f0bab31bffada1e5f.ttf) format("truetype")}