/*
Theme Name: Foxilo
Author: Foxilo
Description: Eigenes schlankes Theme für Foxilo.
Version: 1.3.0
Requires PHP: 8.0
Text Domain: foxilo
*/
:root{--navy:#052b4b;--dark:#031e36;--orange:#ff650e;--cream:#fff2e6;--ink:#061d44}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff3e8}a{color:inherit;text-decoration:none}.site-header{height:66px;background:linear-gradient(105deg,#05233f,#084c78 55%,#021c37);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5%,75px);border-bottom:3px solid #ff8b19;position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center}.fox{font-size:38px}.brand strong{display:block;font:700 31px Georgia,serif;line-height:1}.brand small{font-size:13px;display:block;margin-top:3px}.site-header nav{display:flex;gap:14px;align-items:center}.site-header nav a{padding:10px 15px;border-radius:8px;font-size:15px}.site-header nav a:hover,.site-header nav a.active{background:var(--orange)}.menu-toggle{display:none}.hero{min-height:350px;background:linear-gradient(90deg,transparent 36%,rgba(0,25,54,.10) 50%,rgba(0,29,61,.1)),url('assets/start-01.webp') center center/cover;position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:30px 6% 65px;clip-path:polygon(0 0,100% 0,100% 96%,78% 98%,54% 95%,30% 99%,0 96%)}.hero-copy{width:51%;color:#fff;text-shadow:0 2px 4px #00234b}.hero h1{font:700 clamp(32px,4.4vw,60px)/1.05 Georgia,serif;margin:0}.accent{height:5px;background:var(--orange);border-radius:50%;margin:13px 0}.hero p{font-size:clamp(15px,1.65vw,21px);line-height:1.4}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;border-radius:13px;padding:13px 20px;font-weight:bold;color:white;font-size:15px;white-space:normal;text-align:center;transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn.primary{background:linear-gradient(#ff8b23,#f54d05);border:1px solid #ffe2bb;box-shadow:0 3px 8px #0003}.btn.secondary{background:#032a4f;border:1px solid white}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:38px 7% 46px;background:var(--cream)}.benefit{display:flex;gap:15px;align-items:center;min-width:0}.benefit:not(:last-child){border-right:2px solid #17273b;padding-right:18px}.circle{width:72px;height:72px;flex:0 0 72px;border-radius:50%;display:grid;place-items:center;background:#f6dfcb;color:#65341c;font-size:38px}.benefit h2{font:700 29px Georgia,serif;margin:0 0 4px}.benefit p{margin:0;line-height:1.35;font-weight:600;font-size:15px}.prague{min-height:360px;background:linear-gradient(90deg,#fff2e6 0%,#fff2e6 27%,rgba(255,242,230,.88) 38%,rgba(255,242,230,0) 64%),url('assets/start-02.webp') center 45%/cover;display:flex;align-items:center;padding:35px 7% 55px;clip-path:polygon(0 1%,20% 0,40% 2%,60% 0,80% 2%,100% 0,100% 98%,75% 100%,50% 98%,25% 100%,0 98%)}.prague-copy{width:min(420px,50%)}.prague h2{font:700 clamp(55px,7vw,90px)/1 Georgia,serif;margin:0 0 10px}.prague h3{font:700 25px Georgia,serif;color:#b31919;margin:0 0 16px}.prague p{font-size:19px;font-weight:600;line-height:1.3}.atlas{text-align:center;padding:35px 3% 45px;background:#fff3e8}.atlas h2{font:700 clamp(28px,3.5vw,42px) Georgia,serif;margin:0 0 5px}.section-subtitle{font-weight:600;margin:0 0 30px}.tile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;max-width:1300px;margin:auto}.tile{overflow:hidden;border-radius:18px;border:2px solid #fff;box-shadow:0 3px 4px #0006;background:#042f54;display:flex;flex-direction:column;transition:transform .2s}.tile:hover{transform:translateY(-4px)}.tile img{width:100%;aspect-ratio:1.55;object-fit:cover}.tile span{color:#fff;background:linear-gradient(#07558b,#032344);padding:10px 5px;font-size:14px;min-height:50px;display:grid;place-items:center}.offer{min-height:205px;background:radial-gradient(ellipse at 45% 20%,#0a659a,#052f55 60%,#021d35);color:white;display:grid;grid-template-columns:28% 32% 1fr;gap:25px;align-items:center;padding:30px 6%;border-bottom:3px solid white}.offer img{width:100%;max-width:320px}.offer-title{border-left:2px solid #fff;padding-left:26px}.offer h2{font:700 38px Georgia,serif;margin:0 0 9px}.offer p{margin:0;font-size:17px}.offer ul{list-style:none;padding:0;margin:0;font-size:17px;line-height:1.6}.offer li:before{content:'✔';color:#ff861b;font-weight:bold;font-size:22px;margin-right:14px}footer{background:#03253f;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 5%;flex-wrap:wrap}.footer-brand{display:flex;gap:15px;align-items:center}.footer-brand strong{font:700 28px Georgia,serif}.footer-brand>span:last-child{border-left:1px solid #fff;padding-left:15px;font-size:13px}.footer-links{display:flex;gap:20px;font-size:14px}.footer-links a+a{border-left:1px solid #fff;padding-left:20px}
@media(max-width:900px){.benefits{gap:12px;padding:28px 4%}.circle{width:54px;height:54px;flex-basis:54px;font-size:28px}.benefit h2{font-size:22px}.benefit p{font-size:13px}.hero-copy{width:55%}.tile-grid{grid-template-columns:repeat(3,1fr)}.offer{grid-template-columns:30% 1fr;gap:18px}.offer ul{grid-column:2}.offer-title h2{font-size:31px}}
@media(max-width:650px){.site-header{height:64px;padding:0 16px}.brand strong{font-size:27px}.brand small{font-size:11px}.menu-toggle{display:block;border:1px solid #ffffff70;color:white;background:transparent;border-radius:8px;padding:5px 11px;font-size:25px}.site-header nav{display:none;position:absolute;top:61px;left:0;right:0;background:#03253f;padding:12px;flex-direction:column;align-items:stretch;gap:3px}.site-header nav.open{display:flex}.hero{min-height:570px;display:block;padding:0;background-image:linear-gradient(180deg,transparent 0%,transparent 39%,#062b4f 64%,#062b4f 100%),url('assets/start-01.webp');background-size:cover,auto 320px;background-position:center,25% top;background-repeat:no-repeat;clip-path:none}.hero-copy{width:100%;padding:325px 20px 35px;text-align:center}.hero h1{font-size:36px}.hero p{font-size:16px}.desktop{display:none}.actions{justify-content:center}.btn{font-size:14px}.benefits{display:grid;grid-template-columns:1fr;padding:24px 22px;gap:20px}.benefit:not(:last-child){border-right:0;border-bottom:1px solid #d9c8b9;padding:0 0 17px}.benefit h2{font-size:24px}.benefit p{font-size:14px}.prague{min-height:520px;display:block;background-image:linear-gradient(180deg,transparent 0%,transparent 43%,#fff2e6 62%,#fff2e6 100%),url('assets/start-02.webp');background-size:cover,auto 300px;background-position:center,center top;background-repeat:no-repeat;padding:300px 20px 32px;clip-path:none}.prague-copy{width:100%;text-align:center}.prague h2{font-size:60px}.prague h3{font-size:22px}.prague p{font-size:16px}.atlas{padding:32px 15px}.section-subtitle{font-size:14px}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile span{font-size:12px;min-height:48px}.offer{grid-template-columns:1fr;text-align:center;gap:14px;padding:30px 22px}.offer img{max-width:260px;margin:auto}.offer-title{border:0;padding:0}.offer ul{grid-column:1;text-align:left;width:max-content;max-width:100%;margin:auto;font-size:15px}footer{justify-content:center;text-align:center}.footer-brand{justify-content:center;flex-wrap:wrap}.footer-brand>span:last-child{border:0;padding:0}.footer-links{justify-content:center}}

.page-content{background:#fff8f1;min-height:55vh;padding:50px max(5%,calc((100% - 1080px)/2));line-height:1.65}.page-content h1{font:700 clamp(34px,4vw,52px) Georgia,serif}.page-content a{color:#07558b;text-decoration:underline}.page-banner{background:linear-gradient(90deg,rgba(2,29,53,.25),#052b4b 80%);color:white;padding:65px 7%;}.page-banner h1{font:700 clamp(34px,5vw,60px) Georgia,serif;margin:0}.page-banner .accent{max-width:430px}.atlas-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:25px}.atlas-entry{display:block;background:white;padding:20px;border-radius:12px;box-shadow:0 2px 7px #0002}.atlas-entry h2{margin:0 0 8px;font:700 22px Georgia,serif}.atlas-entry p{margin:0}.search-field{width:100%;max-width:500px;padding:13px;border:1px solid #aaa;border-radius:8px}@media(max-width:650px){.page-banner{padding:40px 20px}.page-content{padding:30px 20px}}

/* Foxilo Unterseitenbanner und Atlas */
.page-banner-atlas{min-height:290px;display:flex;align-items:center;justify-content:flex-end;padding:35px clamp(20px,7vw,110px);background:#06315b url('assets/entdecker-01.webp') center/cover no-repeat}
.page-banner-copy{width:53%;min-width:0;text-align:left}
.page-banner-atlas h1{font:700 clamp(34px,4.5vw,66px)/1.12 Georgia,serif;color:#fff;text-shadow:0 2px 5px #001d36;margin:0}
.page-banner-atlas .accent{width:min(100%,430px);height:5px;transform:rotate(-1deg);border-radius:100%;margin:16px 0 0;background:#ff7419}
.atlas-page-content{padding-top:40px}.atlas-search-form{margin:0 0 42px}.atlas-search-form label{display:block;font:700 22px Georgia,serif;margin-bottom:12px}.atlas-search-row{display:flex;gap:10px;max-width:680px}.atlas-search-row .search-field{flex:1;min-width:0;max-width:none}.atlas-search-row button{border:0;border-radius:8px;background:#07558b;color:#fff;padding:12px 22px;font-weight:700;cursor:pointer}.atlas-category{margin:0 0 45px}.atlas-category>h2{font:700 clamp(26px,3vw,34px) Georgia,serif;margin:0 0 18px}.atlas-page-content .atlas-entry{text-decoration:none;color:var(--ink);border:1px solid #eadfce;transition:transform .2s,box-shadow .2s}.atlas-page-content .atlas-entry:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0002}.atlas-entry h3{font:700 22px Georgia,serif;margin:0 0 8px}.atlas-entry p{font-size:15px;line-height:1.5}
@media(max-width:650px){.page-banner-atlas{min-height:230px;background-position:32% center;justify-content:flex-end;padding:24px 20px}.page-banner-copy{width:58%}.page-banner-atlas h1{font-size:clamp(25px,7vw,38px)}.page-banner-atlas .accent{margin-top:10px}.atlas-search-row{flex-direction:column}.atlas-search-row button{align-self:flex-start}.atlas-page-content{padding-top:28px}}

/* Unser Angebot */
.page-banner-angebot{min-height:290px;display:flex;align-items:center;justify-content:flex-end;padding:35px clamp(20px,7vw,110px);background:#06315b url('assets/angebot-01.webp') center/cover no-repeat}
.page-banner-angebot h1{font:700 clamp(34px,4.5vw,66px)/1.12 Georgia,serif;color:#fff;text-shadow:0 2px 5px #001d36;margin:0}
.page-banner-angebot .accent{width:min(100%,430px);height:5px;transform:rotate(-1deg);border-radius:100%;margin:16px 0 0;background:#ff7419}
.angebot-page-content{min-height:280px;padding-top:48px}.angebot-login{margin-top:12px;text-decoration:none!important;color:#fff!important}
@media(max-width:650px){.page-banner-angebot{min-height:230px;background-position:32% center;padding:24px 20px}.page-banner-angebot h1{font-size:clamp(25px,7vw,38px)}.page-banner-angebot .accent{margin-top:10px}.angebot-page-content{padding-top:32px}}

/* Kontakt */
.page-banner-kontakt{min-height:220px;display:flex;align-items:center;justify-content:flex-end;background:linear-gradient(100deg,#06315b,#075483 50%,#052b4b);padding:30px clamp(20px,7vw,110px)}
.page-banner-kontakt h1{font:700 clamp(34px,4.5vw,66px)/1.12 Georgia,serif;margin:0;color:white}
.page-banner-kontakt .accent{width:min(100%,430px);height:5px;transform:rotate(-1deg);border-radius:100%;background:#ff7419}
.kontakt-page-content{max-width:none}.kontakt-form{max-width:660px;display:flex;flex-direction:column;gap:10px}.kontakt-form>label:not(.kontakt-consent){font-weight:700;margin-top:10px}.kontakt-form input:not([type=checkbox]),.kontakt-form textarea{width:100%;border:1px solid #9ba5b2;border-radius:8px;padding:13px 14px;font:inherit;background:#fff;color:#061d44}.kontakt-form input:focus,.kontakt-form textarea:focus{outline:3px solid #a8d4f4;outline-offset:1px}.kontakt-consent{display:flex;gap:12px;align-items:flex-start;margin:12px 0}.kontakt-consent input{margin-top:6px;flex-shrink:0}.kontakt-form button{align-self:flex-start;cursor:pointer}.kontakt-note{font-size:13px;margin:0;color:#4d5967}.kontakt-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.kontakt-feedback{max-width:660px;border-left:4px solid;padding:12px 16px;background:white}.kontakt-feedback.is-success{border-color:#267748}.kontakt-feedback.is-error{border-color:#ad3939}
@media(max-width:650px){.page-banner-kontakt{min-height:180px;padding:24px 20px}.kontakt-page-content{padding-top:30px}}