@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#123d33;--green:#547c34;--paper:#f8f9f5;--muted:#737d73}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,summary{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b4ca85;outline-offset:4px}header{height:104px;padding:20px 5%;display:flex;align-items:center;gap:22px;background:#fff;border-bottom:1px solid #e4e8dd}.brand{width:245px;display:block}.brand img{width:205px;height:66px;object-fit:contain;object-position:left}.brand span{display:block;font-size:9px;letter-spacing:4px;margin-top:-1px}nav{display:flex;gap:32px;margin:auto;font-size:14px}.green,.outline,.button{padding:14px 22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:26px;font-weight:600;font-size:14px}.green{background:var(--green);color:#fff}.green:hover{background:#345723}.outline{border:1px solid #d5dcce;background:transparent;color:var(--ink)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px}.hero-text{padding:80px 8% 45px 10%}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:700}.hero h1{font:600 clamp(46px,5.6vw,82px)/1.08 'Manrope',Arial;letter-spacing:-4px;margin:25px 0}.hero-text>p{color:#68736a;font-size:16px;line-height:1.9}.actions{display:flex;gap:24px;align-items:center;margin-top:30px}.textbutton{background:none;color:var(--ink);font-size:13px;padding:12px 0}.hero-foot{display:flex;gap:16px;align-items:center;margin-top:52px}.hero-foot p{font-size:11px;color:#788174;line-height:1.8}.hero-foot strong{font-weight:500;color:var(--ink)}.camera{width:40px;height:40px;border:1px solid #dce2d3;border-radius:50%;display:grid;place-items:center;font-size:24px}.hero-photo{position:relative;background:#34574a;overflow:hidden;min-height:560px}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:60% center}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#082b2adb)}.photo-caption{position:absolute;z-index:1;left:40px;bottom:38px;color:#fff}.photo-caption>span,.image-count{font-size:9px;letter-spacing:2px}.photo-caption h2{font:500 34px/1.25 'Manrope';letter-spacing:-1px;margin:15px 0}.photo-caption small{font-size:10px;opacity:.8}.image-count{position:absolute;z-index:1;right:24px;top:24px;color:#fff;background:#163c35aa;padding:12px;border-radius:5px}.discover,.people{padding:68px 5%}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font:600 34px/1.25 'Manrope',Arial;letter-spacing:-1.2px;margin:16px 0 24px}.search{background:#fff;border:1px solid #dde2d7;border-radius:7px;padding:12px;display:flex;gap:12px;width:330px}.search input{border:0;background:transparent;width:100%;outline:0;font-size:12px}.search span{font-size:22px}.toolbar{display:flex;gap:12px;align-items:center;margin:25px 0 18px}.chips{display:flex;gap:7px;flex-wrap:wrap;flex:1}.chips button{padding:10px 15px;border:1px solid #dce3d4;border-radius:30px;background:transparent;font-size:11px;color:#677461}.chips button.active{background:var(--ink);color:white;border-color:var(--ink)}select{padding:11px;background:white;border:1px solid #dce3d4;border-radius:6px;color:var(--ink);font-size:12px}.sample-note{font-size:11px;color:var(--muted);line-height:1.6}.gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;margin-top:24px}.photo-card{min-width:0}.image-button{padding:0;width:100%;height:290px;background:#dce5d8;border-radius:10px;overflow:hidden;display:block;position:relative}.image-button img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.image-button:hover img{transform:scale(1.04)}.tag{position:absolute;left:15px;top:15px;color:#fff;background:#153d36b0;font-size:10px;padding:6px 10px;border-radius:4px}.card-info{display:flex;justify-content:space-between;gap:10px;margin-top:15px}.card-info h3{font-size:16px;margin:0 0 8px}.card-info p{font-size:11px;color:var(--muted);margin:0}.like{background:transparent;border:1px solid #dce2d4;border-radius:24px;padding:6px 12px;align-self:start;color:var(--ink)}.liked{background:#e2ecd6;color:#38632a}.challenge{margin:0 5%;border-radius:14px;background:#e8eddf;padding:45px 5%;display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.challenge h2{font-size:43px}.challenge p,.walk p{font-size:14px;line-height:1.9;color:#6c7865}.challenge-art{border-left:1px solid #cad3bd;padding-left:50px;display:flex;flex-direction:column;justify-content:center}.challenge-art>span{font:400 100px 'Manrope';color:#cad8b6;line-height:1}.challenge-art p{color:#3d5834;font-weight:700;font-size:23px;line-height:1.6;letter-spacing:3px}.challenge-art small{color:#6c7865;font-size:11px}.profile-card{display:flex;align-items:center;gap:25px;border-top:1px solid #dce3d4;padding:30px 0}.avatar{background:#e5eddd;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;font-size:32px}.profile-card h3{font-size:19px}.profile-card p{font-size:14px;color:var(--muted)}.walk{padding:55px 7%;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:var(--ink);color:#fff}.walk p{color:#b5c5ba;max-width:550px}.walk-tags{display:flex;justify-content:center;flex-direction:column;align-items:start;gap:16px}.walk-tags span{border:1px solid #708b77;border-radius:40px;padding:15px 30px;font-size:19px}footer{padding:35px 5%;display:flex;gap:25px;align-items:center;flex-wrap:wrap;background:#fff}footer p,footer small{font-size:11px;color:var(--muted)}footer small{margin-left:auto}.footer-brand{font-size:15px;font-weight:700;letter-spacing:1px}.footer-brand span{font-size:9px;letter-spacing:3px;display:block;margin-top:4px}details{flex-basis:100%;font-size:11px;color:var(--muted)}details a{text-decoration:underline}dialog{width:min(580px,94vw);border:0;border-radius:14px;padding:35px;color:var(--ink);background:var(--paper);max-height:92vh}dialog::backdrop{background:#08271fcc;backdrop-filter:blur(5px)}.close{position:absolute;right:16px;top:12px;background:#edf0e8;border-radius:50%;width:32px;height:32px;font-size:24px;color:var(--ink)}form>label{display:flex;flex-direction:column;gap:8px;margin:17px 0;font-size:12px;font-weight:600}form input:not([type=checkbox]),textarea{padding:12px;border:1px solid #d7dfce;border-radius:6px;background:white;width:100%}.drop{padding:25px;align-items:center;border:1px dashed #a5b790;border-radius:10px;background:#eef2e9}.drop small{font-weight:400;color:var(--muted)}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}.formrow label{display:flex;flex-direction:column;gap:8px;font-size:12px}.check{flex-direction:row;align-items:start;font-weight:400;line-height:1.6}.check input{margin-top:3px}#preview{width:100%;max-height:180px;object-fit:contain}.photo-dialog{width:min(1050px,95vw)}.photo-dialog .large{width:100%;max-height:62vh;object-fit:contain;background:#0d2923;border-radius:8px}.photo-dialog h2{margin-bottom:8px}.photo-dialog p{font-size:13px;line-height:1.7}.comment{padding:10px 0;border-bottom:1px solid #dce2d4}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 24px;border-radius:9px;z-index:10;display:none;font-size:13px}.empty{padding:50px;background:#edf1e7;text-align:center;border-radius:10px}#uploadError,#profileError{color:#9b342f;font-size:12px}@media(max-width:1000px){header{gap:12px}nav{gap:18px}.brand{width:180px}.brand img{width:170px}.hero-text{padding:60px 7%}.actions{gap:12px;flex-wrap:wrap}.hero-foot{margin-top:30px}.toolbar{flex-wrap:wrap}.chips{flex-basis:100%}.gallery{gap:15px}.image-button{height:230px}}@media(max-width:700px){header{height:89px;padding:12px 5%;flex-wrap:wrap}.brand{width:145px;margin-right:auto}.brand img{width:135px;height:42px}.brand span{font-size:7px;letter-spacing:3px}nav{display:none}header button{font-size:11px;padding:10px 12px}.hero{grid-template-columns:1fr}.hero-text{padding:43px 6% 30px}.hero h1{font-size:54px;letter-spacing:-2.8px}.hero-text>p{font-size:14px}.hero-photo{min-height:360px}.photo-caption{left:25px;bottom:24px}.photo-caption h2{font-size:29px}.section-head{align-items:start;flex-direction:column}h2{font-size:28px}.search{width:100%}.discover,.people{padding:40px 6%}.gallery{grid-template-columns:1fr}.image-button{height:280px}.chips button{font-size:10px;padding:9px 12px}.challenge{grid-template-columns:1fr;margin:0 6%;padding:30px 8%;gap:20px}.challenge h2{font-size:34px}.challenge-art{border-left:0;border-top:1px solid #cad3bd;padding:20px 0 0}.challenge-art>span{display:none}.challenge-art p{font-size:18px;letter-spacing:2px}.walk{grid-template-columns:1fr;padding:40px 6%;gap:15px}.walk-tags{flex-direction:row;flex-wrap:wrap}.walk-tags span{font-size:12px;padding:10px 15px}footer small{margin-left:0}.profile-card{align-items:start}.avatar{flex-shrink:0;width:52px;height:52px}.profile-card h3{font-size:17px;margin-top:5px}dialog{padding:28px 22px}}
#profileDialog{width:min(720px,94vw)}fieldset{border:1px solid #dce3d4;border-radius:10px;padding:20px;margin:26px 0}legend{font-size:15px;font-weight:700;padding:0 8px}legend span{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}fieldset>label{display:flex;flex-direction:column;gap:8px;margin:17px 0;font-size:12px;font-weight:600}fieldset>label.check{flex-direction:row;font-weight:400}.profile-intro{font-size:13px;line-height:1.8;color:#677461}.account-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:8px;background:#e8eddf}.account-line small{display:block;margin-bottom:5px;font-size:10px}.account-line strong{font-size:13px;overflow-wrap:anywhere}.account-line>div{min-width:0}.account-line button{padding:10px 12px;font-size:11px}.field-label{font-size:12px;font-weight:600;margin:22px 0 12px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-grid .check{display:flex;gap:8px;font-size:12px}.consent-section{background:#eef2e9}.profile-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.preview-notice{background:#e8eddf;border-left:3px solid var(--green);padding:16px;border-radius:6px;font-size:12px;line-height:1.7}.preview-notice p{margin-bottom:0}#loginDialog>form>p{font-size:13px;line-height:1.8}#loginError{color:#9b342f;font-size:12px}textarea:focus-visible{outline:3px solid #b4ca85;outline-offset:4px}fieldset .formrow{margin:16px 0}fieldset .check input{width:auto;flex-shrink:0}#profileForm .cityOptions{width:100%}@media(max-width:480px){fieldset{padding:14px}.formrow,.option-grid{grid-template-columns:1fr}legend{font-size:14px}.account-line{align-items:start}}

/* Gefaellt mir: gemeinsame Darstellung in Galerie und Bildansicht. */
.like,.photo-like{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;flex-shrink:0}.like{font-size:11px;padding:7px 10px}.heart-icon{display:block;width:22px;height:22px;flex-shrink:0}.like.liked,.photo-like.liked{color:#b72e49;background:#fff0f3;border-color:#e4a6b3}.photo-like{margin:8px 0 14px;font-size:14px;gap:10px}.like:hover,.photo-like:hover{border-color:#b72e49}.photo-like .heart-icon{width:25px;height:25px}

[hidden]{display:none!important}#unreadBadge,.unread-count{display:inline-block;min-width:20px;padding:2px 6px;border-radius:20px;background:#b72e49;color:#fff;font-size:11px;text-align:center}.messages-dialog{width:min(1100px,96vw)}.message-layout{display:grid;grid-template-columns:290px 1fr;border:1px solid #dce3d4;border-radius:12px;overflow:hidden;min-height:480px}.message-sidebar{padding:20px;background:#edf1e7;max-height:65vh;overflow:auto}.message-sidebar h3{font-size:13px;margin:24px 0 12px}.message-search{display:flex;flex-direction:column;gap:9px;font-size:12px}.message-search input{width:100%;padding:11px;border:1px solid #d7dfce;border-radius:6px}.member-row{display:block;width:100%;text-align:left;padding:12px;border-radius:8px;margin:7px 0;background:#fff;color:var(--ink);border:1px solid transparent;overflow-wrap:anywhere}.member-row strong{font-size:12px}.member-row small{display:block;margin-top:6px;font-size:11px;color:var(--muted)}.member-row.selected{border-color:var(--green);background:#dfeacf}.message-thread{padding:22px;min-width:0;background:#fff}.message-thread h3{margin-top:0}.message-thread #threadHeader p{font-size:12px;color:var(--muted)}.message-history{height:270px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:12px 3px}.message-bubble{align-self:flex-start;max-width:85%;border-radius:12px 12px 12px 2px;background:#edf1e7;padding:12px 15px;overflow-wrap:anywhere}.message-bubble.mine{align-self:flex-end;background:#dfeacf;border-radius:12px 12px 2px 12px}.message-bubble p{font-size:13px;line-height:1.7;margin:0 0 8px;white-space:pre-wrap}.message-bubble small{font-size:10px;color:var(--muted)}.message-send{display:flex;justify-content:space-between;align-items:center;gap:10px}.message-send small{font-size:10px;color:var(--muted)}#messageError{color:#9b342f;font-size:12px}.brand{flex-shrink:0}header{height:auto;min-height:104px;flex-wrap:wrap}@media(max-width:700px){.message-layout{grid-template-columns:1fr}.message-sidebar{max-height:180px}.message-thread{padding:15px}.message-history{height:240px}.message-send{flex-wrap:wrap}header{min-height:89px}.messages-dialog h2{font-size:25px}}

.account-bar{display:flex;align-items:center;gap:12px;font-size:12px;background:#edf1e7;border-radius:8px;padding:8px 12px}.account-bar strong{display:block;overflow-wrap:anywhere}.account-bar button{padding:9px 12px;font-size:12px}.avatar{object-fit:cover;overflow:hidden;flex-shrink:0}.avatar-small{width:36px;height:36px;font-size:18px;float:left;margin-right:10px}.avatar-editor{display:flex;align-items:center;gap:20px;margin:20px 0}.avatar-editor .avatar{width:85px;height:85px}.avatar-editor img{width:100%;height:100%;object-fit:cover}.avatar-picker{cursor:pointer;margin-right:10px}.avatar-editor>div:nth-child(2){min-width:0}.avatar-editor p{max-width:400px}#avatarStatus{font-size:12px;color:var(--green)}#threadHeader{min-height:52px}@media(max-width:700px){.account-bar{order:4;flex-basis:100%;justify-content:space-between}.account-bar strong{display:inline;margin-left:5px}.avatar-editor{align-items:flex-start;gap:12px}.avatar-editor .avatar{width:64px;height:64px}.avatar-picker{padding:10px 12px}}

.shop-section{background:#eef2e9;border-top:1px solid #dce3d4;border-bottom:1px solid #dce3d4;margin-bottom:45px}.shop-section .section-head p{font-size:14px;line-height:1.8;color:var(--muted)}.shop-upload{padding:15px;background:#e8eddf;border-radius:8px}.photo-shop-setting{display:flex;gap:9px;align-items:center;padding:14px;background:#e8eddf;border-radius:8px;margin:10px 0;font-size:13px}.photo-shop-setting input{width:auto}nav{flex-wrap:wrap}

.home-explanation{background:#fff;border:1px solid #d5dfcb;padding:26px;border-radius:12px;margin:20px 0 28px;max-width:950px}.home-explanation h3{margin-top:0;font-size:23px}.home-explanation p{font-size:14px;line-height:1.9;color:#586b55}.home-ideas{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.home-ideas span{border-radius:30px;background:#e8eddf;padding:11px 16px;font-size:12px;font-weight:600}.home-selection{display:flex;align-items:center;gap:24px;background:#fff;border:2px solid var(--green);padding:24px;border-radius:12px;margin:24px 0}.home-selection>img{width:220px;height:170px;object-fit:contain;background:#edf1e7;border-radius:8px}.home-selection h3{font-size:22px;margin:12px 0}.home-selection p{font-size:13px;line-height:1.7}.home-photo-action{margin:20px 0}@media(max-width:700px){.home-selection{align-items:stretch;flex-direction:column}.home-selection>img{width:100%;height:210px}.home-explanation{padding:20px}}

.home-design-actions{display:flex;flex-wrap:wrap;gap:12px}.print-designer{padding:28px;background:#fff;border:1px solid #d4dfca;border-radius:14px;margin:25px 0}.print-designer h3{font-size:27px}.print-quality{padding:18px;border:1px solid #dce3d4;border-radius:9px;background:#f5f7f1}.print-quality strong{font-size:19px}.print-quality p{font-size:13px;line-height:1.7}.print-quality.suitable{background:#edf7e7;border-color:#92b678;color:#355823}.print-quality.unsuitable{background:#fff0ee;border-color:#d7a29d;color:#9b342f}.print-products{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.print-product{padding:16px 12px;border:1px solid #dce3d4;border-radius:8px;background:#f8f9f5;text-align:left;color:var(--ink)}.print-product.active{border:2px solid var(--green);background:#e8eddf}.print-product strong{font-size:13px}.print-product small{display:block;font-size:10px;line-height:1.7;margin-top:10px}.print-design-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:20px}.print-settings label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin:20px 0}.print-settings input[type=color]{width:70px;height:40px;padding:3px;border:1px solid #dce3d4;border-radius:6px}.print-mockup{background:#edf1e7;padding:30px;min-height:270px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px}.print-surface{position:relative;width:100%;max-width:270px;max-height:330px;overflow:hidden;background:#f4f0e7;box-shadow:0 8px 22px #123d3320}.print-surface img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product-frame .print-surface{border:10px solid #4d3929}.product-mug .print-surface{border:7px solid white;border-radius:18px;max-width:280px}.product-bag .print-surface{border:15px solid #dcccae;border-top-width:25px}.product-coaster .print-surface{border-radius:50%;border:5px solid #e1d5bc;max-width:170px}.product-wall .print-surface{border:3px solid white}@media(max-width:800px){.print-products{grid-template-columns:repeat(2,1fr)}.print-design-grid{grid-template-columns:1fr}.print-designer{padding:20px}}