@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#173c38;--ink-soft:#365b55;--green:#416f63;--mint:#eaf2ed;--cream:#f7f6ef;--sand:#e8e3d4;--orange:#e29b67;--white:#fffefa;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',var(--sans)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{height:78px;max-width:1240px;padding:0 38px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center;font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-1.2px}.brand-light{font-weight:500;color:var(--green)}.brand-mark{display:grid;place-items:center;border:1px solid #a9c0b5;color:var(--green);width:30px;height:30px;border-radius:50%;font-family:var(--serif);font-size:24px;font-weight:400;transform:rotate(-28deg)}nav{display:flex;align-items:center;gap:38px;font-size:12px;font-weight:600;color:#536a61}nav a{transition:color .2s}nav a:hover,.text-link:hover{color:#bf744b}.nav-cta{color:var(--ink);border:1px solid #cdd8ce;padding:10px 16px;border-radius:999px}.nav-cta span{margin-left:9px}.hero{max-width:1440px;margin:auto;padding:53px 6.2% 0;position:relative;display:grid;grid-template-columns:44% 56%;grid-template-rows:1fr auto;min-height:590px}.hero-copy{padding:32px 0 0 5.5%;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:1.65px;color:#6d8579}.eyebrow>span{width:17px;height:1px;background:#d09a6b;display:block}.hero h1,.section-heading h2,.about-copy h2,.contact h2{font-family:var(--display);font-weight:600;letter-spacing:-2.8px;line-height:1.08}.hero h1{font-size:clamp(43px,5.2vw,70px);margin:27px 0 19px}.hero h1 span,.section-heading h2 span,.about-copy h2 span{font-family:var(--serif);font-weight:400;font-style:italic;color:var(--green);letter-spacing:-3px}.hero-text{max-width:370px;color:#64776e;font-size:13px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:29px}.button{display:inline-flex;align-items:center;gap:23px;border-radius:99px;padding:15px 20px;font-size:11px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#27564e}.button-dark span,.button-light span{font-size:15px}.text-link{font-size:11px;font-weight:700;color:#577066}.text-link span{padding-left:5px}.hero-note{margin-top:49px;display:flex;align-items:center;gap:11px;color:#819086;font-size:10px}.note-icon{font-size:17px;color:#bb8359}.hero-visual{height:449px;position:relative;overflow:hidden;border-radius:180px 180px 8px 8px;background:linear-gradient(180deg,#d7e8e7 0%,#e8ebdf 53%,#b4c9b7 54%,#51796e 100%)}.sun{position:absolute;width:74px;height:74px;border-radius:50%;background:#e8b889;top:75px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 20px #e8b88921}.distant-land{position:absolute;left:-2%;right:-2%;top:54%;height:26%;background:#8ba99b;clip-path:polygon(0 62%,15% 48%,31% 58%,48% 31%,67% 55%,84% 39%,100% 52%,100% 100%,0 100%);opacity:.75}.water{position:absolute;left:0;right:0;top:65%;height:35%;background:linear-gradient(180deg,#789d93,#476f69)}.water:before{content:'';position:absolute;top:16%;left:6%;width:80%;height:1px;background:#c6d6c5;box-shadow:45px 18px #c6d6c555,250px 35px #c6d6c566,90px 67px #c6d6c544}.reflection{position:absolute;left:52%;top:45%;width:18px;height:100px;background:#ecc39b4d;filter:blur(9px);transform:scaleX(3)}.bird{position:absolute;color:#718f86;font:30px var(--serif);transform:rotate(-12deg)}.bird-one{left:26%;top:28px}.bird-two{left:35%;top:52px;font-size:22px}.boat{position:absolute;left:52%;top:65%;width:124px;height:18px;background:#274d47;clip-path:polygon(0 0,100% 0,86% 100%,13% 100%);transform:translateX(-50%);z-index:2}.angler{position:absolute;left:52%;top:52%;width:80px;height:69px;z-index:3}.angler .head{position:absolute;left:28px;top:6px;width:13px;height:15px;background:#26463e;border-radius:50%}.angler .body{position:absolute;left:23px;top:20px;width:22px;height:32px;background:#365c50;border-radius:9px 8px 2px 2px;transform:rotate(-6deg)}.angler .arm{position:absolute;left:38px;top:23px;width:24px;height:5px;background:#365c50;transform:rotate(-35deg);transform-origin:left}.angler .rod{position:absolute;left:54px;top:7px;width:108px;height:2px;background:#425b4f;transform:rotate(-31deg);transform-origin:left}.visual-label{position:absolute;left:25px;bottom:22px;border:1px solid #ffffff60;background:#264e486b;color:white;border-radius:3px;padding:10px 13px;font-size:9px;letter-spacing:.3px}.label-dot{display:inline-block;width:6px;height:6px;background:#e8af7e;border-radius:50%;margin-right:7px}.label-place{display:block;font-size:8px;margin:5px 0 0 13px;color:#cfddd5;letter-spacing:.7px}.visual-index{position:absolute;right:21px;bottom:27px;color:#ffffffa8;font-size:9px;letter-spacing:1px}.hero-bottom{grid-column:1/3;display:flex;justify-content:space-between;border-top:1px solid #dfe3d9;padding:14px 1%;font-size:8px;color:#87958a;letter-spacing:.6px}.hero-bottom b{color:#bc8053;padding-left:6px}.section-wrap{max-width:1120px;margin:0 auto;padding-left:44px;padding-right:44px}.intro{padding-top:115px;padding-bottom:108px;display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.section-heading .eyebrow{margin-bottom:22px}.section-heading h2,.about-copy h2{font-size:42px;margin:0;line-height:1.13}.intro-text{align-self:end;margin:0 0 5px;max-width:385px;color:#6b7d73;font-size:12px;line-height:1.9}.tour-grid{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:47px}.tour-card{position:relative;overflow:hidden;min-height:257px;padding:22px 24px;background:#e7efea;border-radius:4px}.tour-river{background:#e5e9da}.card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.card-number{font-family:var(--serif);font-style:italic;color:#748a7e;font-size:16px}.card-tag{font-size:8px;letter-spacing:1.5px;color:#72857a}.card-copy{position:relative;z-index:1;width:61%;margin-top:30px}.card-copy h3{font:600 24px var(--display);letter-spacing:-.8px;margin:0 0 8px}.card-copy p{font-size:10px;line-height:1.7;color:#718078;margin:0}.card-link{display:inline-block;margin-top:17px;font-size:9px;font-weight:700;color:#3f6458}.card-link span{margin-left:6px;color:#bf7c53}.card-art{position:absolute;right:0;top:0;width:45%;height:100%;overflow:hidden}.haff-art{background:linear-gradient(180deg,#e2ece6 0%,#e2ece6 57%,#b6d0c3 58%,#82aa9b 100%)}.art-sun{position:absolute;width:52px;height:52px;background:#e5b18a;border-radius:50%;right:41px;top:54px}.art-horizon{position:absolute;left:0;right:0;top:55%;height:23%;background:#a3c2b5;clip-path:polygon(0 48%,25% 33%,47% 55%,70% 20%,100% 40%,100% 100%,0 100%)}.art-wave{position:absolute;left:10%;right:5%;height:1px;background:#f3f2e3a0}.wave-a{top:73%}.wave-b{top:83%;left:24%}.art-boat{position:absolute;top:69%;left:50%;width:65px;height:10px;background:#385e53;clip-path:polygon(0 0,100% 0,85% 100%,13% 100%)}.river-art{background:#dbe6d9}.river-bank{position:absolute;top:-5%;height:85%;width:47%;background:#9eb79a;border-radius:48%}.bank-a{left:-16%;transform:rotate(-14deg)}.bank-b{right:-14%;background:#b7c6a9;transform:rotate(15deg)}.river-water{position:absolute;top:35%;left:26%;height:84%;width:56%;background:linear-gradient(180deg,#9cbcaf,#6f9a89);border-radius:50% 50% 0 0;transform:rotate(-8deg)}.river-boat{position:absolute;top:67%;left:48%;width:57px;height:9px;background:#36594f;clip-path:polygon(0 0,100% 0,85% 100%,14% 100%)}.reed{position:absolute;bottom:0;width:2px;height:66px;background:#647e5c;transform:rotate(-8deg)}.reed:before,.reed:after{content:'';position:absolute;width:20px;height:2px;background:#647e5c;top:18px;left:-19px;transform:rotate(-25deg)}.reed:after{top:32px;left:0;transform:rotate(28deg)}.reed-a{right:19%;height:90px}.reed-b{right:9%;height:57px}.small-note{grid-column:1/3;text-align:right;color:#89958d;font-size:9px;margin:13px 0 0}.about-section{background:#edf1e7;display:grid;grid-template-columns:1fr 1fr;min-height:390px}.about-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#cdded1,#e5e9da 53%,#91b3a0);min-height:390px}.about-sun{position:absolute;left:42%;top:17%;width:83px;height:83px;border-radius:50%;background:#e8b98f;box-shadow:0 0 0 25px #e8b98f22}.about-ripple{position:absolute;bottom:22%;height:1px;background:#f5f0da;width:70%}.ripple-one{left:13%}.ripple-two{bottom:16%;left:24%;width:58%}.about-reed{position:absolute;bottom:0;left:16%;height:44%;width:2px;background:#5e8170;transform:rotate(5deg);transform-origin:bottom}.about-reed:before,.about-reed:after{content:'';position:absolute;height:54px;width:2px;background:#5e8170;top:20px;transform:rotate(29deg);transform-origin:bottom}.about-reed:after{top:68px;transform:rotate(-29deg)}.reed-two{left:23%;height:31%}.about-stamp{position:absolute;right:10%;bottom:12%;font-size:8px;line-height:1.65;letter-spacing:1.4px;color:#456e5e;border:1px solid #719483;border-radius:50%;width:72px;height:72px;display:grid;place-content:center;text-align:center;transform:rotate(12deg)}.about-copy{padding:74px 12% 58px 13%;align-self:center}.about-copy .eyebrow{margin-bottom:20px}.about-copy h2{font-size:36px;margin-bottom:18px}.about-copy>p:not(.eyebrow){font-size:11px;line-height:1.85;color:#718078;max-width:390px}.button-outline{border:1px solid #bbc9bd;padding:12px 16px;margin-top:12px;color:#35584f}.button-outline span{color:#bc8053}.contact{max-width:1120px;margin:104px auto 91px;min-height:308px;background:#244b45;position:relative;overflow:hidden;color:white;padding:54px 63px;border-radius:3px}.contact-content{position:relative;z-index:2;max-width:560px}.eyebrow-light{color:#c4d2c8}.eyebrow-light>span{background:#e2aa7b}.contact h2{font-size:43px;margin:17px 0 10px;letter-spacing:-2px}.contact-content>p:not(.eyebrow):not(.contact-hint){font-size:11px;color:#d1ded4;line-height:1.75;max-width:440px}.contact-actions{display:flex;align-items:center;gap:26px;margin-top:23px}.button-light{background:#f2eee0;color:#244b45;padding:14px 17px}.phone-link{display:flex;align-items:center;gap:8px;color:#e6eee6;font-size:10px;font-weight:600}.phone-icon{border:1px solid #96b5a4;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.contact-hint{color:#b3c8bc;font-size:9px;margin:14px 0 0}.contact-sun{position:absolute;right:14%;top:44px;width:150px;height:150px;border-radius:50%;background:#dca87c;opacity:.9;box-shadow:0 0 0 31px #ffffff08,0 0 0 62px #ffffff06}.contact-lines{position:absolute;right:-4%;bottom:-84px;width:57%;height:68%;border-radius:50%;border-top:1px solid #8eaa9766;transform:rotate(-9deg)}.contact-lines:before,.contact-lines:after{content:'';position:absolute;inset:20px -10px;border-radius:50%;border-top:1px solid #8eaa9750}.contact-lines:after{inset:42px -25px}.contact-coordinates{position:absolute;right:31px;bottom:23px;font-size:8px;letter-spacing:1.5px;color:#b3c8bc}footer{max-width:1120px;margin:0 auto;padding:0 44px 25px;display:flex;align-items:center;justify-content:space-between;color:#849188;font-size:9px}.footer-brand{font-size:17px;color:var(--ink)}.footer-brand .brand-mark{width:26px;height:26px;font-size:20px}.back-top{color:#5e746a}
@media(min-width:1350px){.hero{padding-left:90px;padding-right:90px}.hero-visual{height:490px}.hero{min-height:631px}}@media(max-width:850px){.hero{padding-left:35px;padding-right:35px;grid-template-columns:46% 54%;min-height:500px}.hero-copy{padding-left:0}.hero h1{font-size:48px}.hero-visual{height:385px}.hero-note{margin-top:32px}.intro{padding-top:85px}.about-copy{padding:54px 9%}.contact{margin-left:32px;margin-right:32px}.contact-sun{right:7%}}@media(max-width:620px){.site-header{height:67px;padding:0 20px}.brand{font-size:18px}nav{gap:13px;font-size:10px}nav a:first-child,nav a:nth-child(2){display:none}.nav-cta{padding:9px 13px}.hero{display:flex;flex-direction:column;padding:26px 20px 0;min-height:auto}.hero-copy{padding:15px 3px 28px}.eyebrow{font-size:8px;letter-spacing:1.3px}.hero h1{font-size:49px;margin:21px 0 14px}.hero-text{font-size:12px;max-width:420px}.hero-actions{margin-top:22px;gap:18px}.button{padding:14px 17px}.hero-note{margin-top:23px}.hero-visual{height:370px;border-radius:150px 150px 5px 5px}.hero-bottom{margin-top:0;padding:13px 0;font-size:7px}.hero-bottom span:nth-child(2){display:none}.hero-bottom span:last-child{margin-left:auto}.section-wrap{padding-left:22px;padding-right:22px}.intro{padding-top:71px;padding-bottom:70px;display:block}.section-heading h2,.about-copy h2{font-size:37px}.intro-text{margin-top:21px}.tour-grid{grid-template-columns:1fr;margin-top:31px;gap:13px}.tour-card{min-height:236px;padding:19px}.card-copy{width:64%;margin-top:28px}.card-copy h3{font-size:22px}.card-art{width:46%}.small-note{font-size:8px}.about-section{grid-template-columns:1fr}.about-art{min-height:250px}.about-copy{padding:42px 25px 48px}.contact{margin:61px 16px 56px;padding:42px 25px;min-height:330px}.contact h2{font-size:38px}.contact-content>p:not(.eyebrow):not(.contact-hint){max-width:320px}.contact-actions{align-items:flex-start;flex-direction:column;gap:15px}.contact-sun{right:-8%;top:49px;width:105px;height:105px}.contact-lines{width:80%;right:-25%;bottom:-90px}.contact-coordinates{font-size:7px;right:18px;bottom:16px}footer{padding:0 21px 22px;flex-wrap:wrap;gap:13px}footer>span{order:3;width:100%}}
/* Projektbilder */
.hero-visual{background:#d7e8e7}
.hero-image{display:block;width:100%;height:100%;object-fit:cover}
.card-art img{display:block;width:100%;height:100%;object-fit:cover}
.about-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.about-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#173c3859 100%);pointer-events:none}
.about-stamp{z-index:1;color:#fff;border-color:#ffffffa8}
.photo-credits{grid-column:1/3;text-align:right;color:#89958d;font-size:8px;line-height:1.7;margin:6px 0 0}
.photo-credits a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:620px){.photo-credits{font-size:7px;text-align:left;margin-top:12px}}
/* Neue Seitenbereiche und Navigation */
.site-header{position:relative;z-index:20}
.site-header nav{gap:clamp(14px,2vw,28px);font-size:11px}
.menu-toggle{display:none}
.info-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:42px;padding-bottom:100px}
.info-panel{background:#eaf0e8;border:1px solid #dce5da;padding:30px 34px;border-radius:4px}
.panel-kicker{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#7c8c7f}
.info-panel h3{font:600 25px var(--display);letter-spacing:-.8px;margin:14px 0 8px}
.info-panel p{font-size:11px;line-height:1.8;color:#718078;margin:0 0 18px;max-width:400px}
.info-panel .button{margin-top:3px}
.fish-section{background:#edf1e7;padding:82px 0 84px}
.fish-inner{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end}
.fish-inner .section-heading{align-self:start}
.fish-intro{font-size:12px;line-height:1.9;color:#6b7d73;margin:0 0 2px;max-width:400px}
.fish-list{grid-column:1/3;display:flex;gap:12px;margin-top:35px}
.fish-list span{border:1px solid #c9d6c9;border-radius:999px;padding:11px 19px;font:600 13px var(--display);color:#365c50;background:#f5f6ee}
@media(max-width:850px){.site-header nav{gap:12px;font-size:10px}.info-section{gap:35px}.fish-inner{gap:35px}}
@media(max-width:620px){
 .site-header{height:67px;padding:0 20px}
 .menu-toggle{display:flex;align-items:center;gap:9px;border:1px solid #cdd8ce;background:transparent;border-radius:99px;padding:9px 13px;color:var(--ink);font:600 11px var(--sans)}
 .site-header nav{display:none;position:absolute;top:59px;left:14px;right:14px;padding:13px;background:var(--white);border:1px solid #dce5da;border-radius:8px;box-shadow:0 15px 35px #173c381c;align-items:stretch;gap:0;font-size:12px}
 .site-header nav.is-open{display:flex;flex-direction:column}
 .site-header nav a,.site-header nav a:first-child,.site-header nav a:nth-child(2){display:block;padding:12px 10px;border-radius:4px}
 .site-header nav .nav-cta{border:0;border-top:1px solid #e3e8df;border-radius:0;margin-top:3px;padding-top:15px}
 .info-section{display:block;padding-top:52px;padding-bottom:64px}
 .info-panel{margin-top:24px;padding:25px 23px}
 .fish-section{padding:58px 0 62px}
 .fish-inner{display:block}
 .fish-intro{margin-top:21px}
 .fish-list{margin-top:24px;gap:8px;flex-wrap:wrap}
 .fish-list span{font-size:12px;padding:10px 16px}
}
.tour-card .card-copy .tour-price{font-size:10px;line-height:1.7;color:#365e52;font-weight:700;margin:10px 0 0}
.price-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfdbd0;padding:10px 0;color:#506b5f;font-size:12px}
.price-row strong{font:700 17px var(--display);color:var(--ink)}
.info-panel .uecker-price{margin:13px 0 18px;font-size:10px}
.price-panel .panel-kicker{font-size:12px;letter-spacing:1.8px}
.price-panel h3{font-size:20px}
.tour-haff .card-copy{width:54%}
.tour-haff .card-art{width:39%}
@media(max-width:620px){.tour-haff .card-copy{width:58%}.tour-haff .card-art{width:35%}}
.tour-river .card-copy{width:54%}
.tour-river .card-art{width:39%}
@media(max-width:620px){.tour-river .card-copy{width:58%}.tour-river .card-art{width:35%}}
.price-group+.price-group{border-top:1px solid #cfdbd0;margin-top:20px;padding-top:18px}
.price-group .uecker-price{margin-bottom:0}
.price-panel>.button{margin-top:20px}



/* Sanft maritime Farbpalette */
:root{--ink:#1c4052;--ink-soft:#496d7d;--green:#5b8295;--mint:#eaf2f6;--cream:#f5f7f8;--sand:#e8e3d4;--orange:#e29b67;--white:#fffefa}
body{background:var(--cream);color:var(--ink)}
nav{color:#5a7585}
.nav-cta{color:var(--ink);border-color:#cbd9e1}
.eyebrow{color:#6d8796}
.hero-text,.intro-text,.card-copy p,.about-copy>p:not(.eyebrow),.fish-intro{color:#687f8c}
.text-link,.card-link,.back-top{color:#4d7183}
.tour-haff{background:#eaf1f4}
.tour-river{background:#e8eff3}
.card-tag,.small-note,.photo-credits{color:#80919b}
.about-section,.fish-section{background:#edf3f6}
.about-art{background:linear-gradient(145deg,#d5e3eb,#e8eff2 53%,#9fbccd)}
.about-art::after{background:linear-gradient(180deg,transparent 45%,#1c405259 100%)}
.info-panel{background:#eaf1f4;border-color:#d7e2e8}
.price-row{border-color:#cfdee6;color:#557181}
.price-row strong,.info-panel h3{color:var(--ink)}
.fish-list span{border-color:#c9d9e2;color:#365e72;background:#f4f7f8}
.button-outline{border-color:#c0d0da;color:#31596d}
.contact{background:#234b60}
.contact-sun{background:#dca87c}
@media(max-width:620px){.site-header nav{background:#fffefa;border-color:#dce5eb}.site-header nav .nav-cta{border-color:#e3eaf0}}
.brand-logo{display:block;width:auto;height:58px;max-width:min(38vw,230px);object-fit:contain}
.footer-brand .brand-logo{height:44px;max-width:190px}
@media(max-width:620px){.brand-logo{height:46px;max-width:160px}.footer-brand .brand-logo{height:38px;max-width:160px}}