/*
Theme Name: Celina Irle Fotografie
Description: Individuelles Portfolio für Celina Irle: Hochzeiten und Tiere, mit den Farben der Visitenkarte.
Version: 1.2.2
Requires at least: 5.2
Requires PHP: 7.0
Text Domain: celina-irle
*/

:root{--rose:#d9bdb0;--white:#fff;--ink:#342a26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.7 Arial,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:5px}header{height:104px;background:var(--rose);display:flex;align-items:center;justify-content:space-between;padding:8px 6vw}header img{width:155px;height:88px;object-fit:contain}nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-size:13px;letter-spacing:.08em}nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav-contact{border:1px solid var(--ink);padding:9px 18px}.hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:640px}.hero-copy{background:var(--rose);padding:60px 6vw 70px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;margin:0 0 22px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12;margin:0}h1{font-size:clamp(45px,4.9vw,76px);letter-spacing:-.04em}h1 em,h2 em{font-weight:400}h1 span{display:block}p{margin:22px 0}.hero-copy>p:not(.eyebrow){max-width:360px;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;width:fit-content;text-decoration:none;border:1px solid var(--ink);padding:12px 22px;font-size:12px;letter-spacing:.06em;background:transparent;color:var(--ink);cursor:pointer}.button:hover{background:var(--ink);color:white}.hero-pictures{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:white;padding:0 0 0 5px}.hero-pictures figure{margin:0;position:relative;overflow:hidden}.hero-pictures img{height:100%;width:100%;object-fit:cover;display:block}.hero-pictures figure:first-child img{object-position:48% center}.hero-pictures figcaption{position:absolute;bottom:25px;left:20px;color:white;font-size:11px;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px 8px #000}.intro{padding:90px 7vw;text-align:center;max-width:1000px;margin:auto}.intro h2{font-size:clamp(30px,3.2vw,46px)}.intro p{max-width:590px;margin:25px auto 0;font-size:15px}.section{padding:30px 6vw 85px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}h2{font-size:clamp(35px,4vw,52px)}.filters{display:flex;gap:20px;flex-wrap:wrap}.filters button{border:0;background:none;padding:6px 0;cursor:pointer;font-size:12px;letter-spacing:.08em;color:var(--ink);border-bottom:1px solid transparent}.filters button[aria-pressed=true]{border-color:var(--ink)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo{border:0;padding:0;background:var(--rose);cursor:zoom-in;overflow:hidden;aspect-ratio:4/5;position:relative}.photo img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .4s}.photo:hover img{transform:scale(1.025)}.photo[hidden]{display:none}.photo span{position:absolute;bottom:16px;left:16px;background:white;padding:4px 10px;font-size:10px;letter-spacing:.1em}.offer{display:grid;grid-template-columns:1fr 1fr;background:var(--rose)}.offer article{padding:70px 6vw}.offer article+article{border-left:1px solid rgba(52,42,38,.25)}.offer h3{font-size:38px}.offer p{font-size:15px;max-width:440px}.offer .eyebrow{margin-bottom:18px}.about{padding:85px 6vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.brand{background:var(--rose);aspect-ratio:1.4;display:grid;place-items:center}.brand img{width:85%;max-height:100%;object-fit:contain}.about h2{font-size:44px}.about p{max-width:520px;font-size:15px}.contact{padding:80px 6vw;background:var(--rose);display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:50px}.contact p{max-width:370px}.contact-links{display:flex;flex-direction:column;gap:8px;font-size:15px}.contact-links a{text-decoration:none}.contact-links a:hover{text-decoration:underline}form{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:12px;display:flex;flex-direction:column;gap:6px}input,textarea,select{width:100%;border:1px solid rgba(52,42,38,.45);border-radius:0;background:transparent;color:var(--ink);padding:10px;min-width:0}textarea{resize:vertical;min-height:110px}.wide{grid-column:1/-1}.form-note{font-size:11px;margin:0}footer{padding:30px 6vw;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:11px;letter-spacing:.04em}footer div{display:flex;gap:20px}footer a{text-decoration:none}dialog{border:0;padding:0;background:transparent;max-width:94vw;max-height:94vh}dialog::backdrop{background:rgba(20,16,14,.9)}dialog img{max-width:90vw;max-height:85vh;display:block;object-fit:contain}dialog button{position:fixed;right:25px;top:20px;background:white;border:0;width:42px;height:42px;cursor:pointer;font-size:25px}body.modal-open{overflow:hidden}.gallery-hint{font-size:11px;margin:18px 0 0}.mobile-name{display:none}@media(max-width:750px){header{height:90px;padding:4px 5vw}header img{width:125px;height:75px}nav{gap:13px}nav a{font-size:11px;letter-spacing:0}.nav-contact{padding:6px 9px}nav a[href='#ueber-mich']{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:48px 7vw}.hero-copy>p:not(.eyebrow){max-width:100%}h1{font-size:52px}.hero-pictures{height:420px;padding:5px 0 0;gap:5px}.intro{padding:60px 7vw}.section{padding:10px 5vw 55px}.section-head{align-items:flex-start;flex-direction:column;gap:18px}.gallery{grid-template-columns:1fr 1fr;gap:10px}.offer{grid-template-columns:1fr}.offer article{padding:45px 7vw}.offer article+article{border-left:0;border-top:1px solid rgba(52,42,38,.25)}.about{padding:55px 7vw;grid-template-columns:1fr;gap:30px}.brand{max-width:440px}.contact{padding:55px 7vw;grid-template-columns:1fr;gap:35px}.contact h2{font-size:43px}footer{padding:25px 7vw}.photo span{left:10px;bottom:10px;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}

.gallery{display:block;columns:3;column-gap:20px}.photo{display:block;width:100%;aspect-ratio:auto;break-inside:avoid;margin:0 0 20px}.photo img{height:auto;width:100%;object-fit:contain}.photo:hover img{transform:none}@media(max-width:750px){.gallery{columns:2;column-gap:10px}.photo{margin-bottom:10px}}@media(max-width:430px){.gallery{columns:1}}
.hero-pictures figure:nth-child(2){background:var(--rose)}.hero-pictures figure:nth-child(2) img{object-fit:contain}

.hero-pictures{align-items:center;background:var(--rose)}.hero-pictures figure{aspect-ratio:2/3;width:100%;height:auto}.hero-pictures img,.hero-pictures figure:nth-child(2) img{object-fit:cover;width:100%;height:100%}

.about-portrait{margin:0}.about-portrait img{display:block;width:100%;height:auto}.about-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.about-heading>div:first-child{flex:1;min-width:0}.about-heading .eyebrow{font-size:11px;margin:0 0 18px}.about-logo{flex:0 0 145px;background:var(--rose);aspect-ratio:1.4;display:grid;place-items:center}.about-logo img{display:block;width:90%;height:auto}.about h2{font-size:clamp(32px,3.3vw,44px)}@media(max-width:1000px) and (min-width:751px){.about{gap:35px}.about-heading{flex-wrap:wrap}.about-logo{flex-basis:120px}}@media(max-width:750px){.about-heading{gap:14px}.about-logo{flex-basis:100px}.about h2{font-size:32px}.about-heading .eyebrow{font-size:10px;letter-spacing:.15em}}

.about-portrait{width:66.6667%;margin:0 auto}.about-heading{flex-wrap:wrap}.about-logo{flex:0 0 290px;max-width:100%;margin-left:auto}@media(max-width:1000px) and (min-width:751px){.about-logo{flex-basis:240px}}@media(max-width:750px){.about-heading>div:first-child{flex-basis:100%}.about-logo{flex-basis:200px}}

.about{container-type:inline-size}.about-logo{flex-basis:auto;height:calc(18.8889cqw - 13.2222px);width:calc(26.4444cqw - 18.5111px);aspect-ratio:1.4}.about-logo img{max-height:100%;object-fit:contain}@media(max-width:1000px) and (min-width:751px){.about-logo{flex-basis:auto;height:calc(18.8889cqw - 6.6111px);width:calc(26.4444cqw - 9.2556px)}}@media(max-width:750px){.about-logo{flex-basis:auto;height:44.4445cqw;width:62.2222cqw}}

header{height:74px;justify-content:flex-end}.hero-logo{display:block;align-self:center;object-fit:contain;width:calc(23.2711vw - 18.5111px);height:calc(16.6222vw - 13.2222px);margin:0 0 32px;max-width:100%}.hero-copy{padding-top:24px}@media(max-width:1000px) and (min-width:751px){.hero-logo{width:calc(23.2711vw - 9.2556px);height:calc(16.6222vw - 6.6111px)}}@media(max-width:750px){header{height:66px;justify-content:center}.hero-logo{width:53.5111vw;height:38.2222vw}.hero-copy{padding-top:20px}}

.about-portrait{width:100%;margin:0}.about{container-type:normal}

.wp-content-page{max-width:1000px;margin:auto;padding:65px 7vw;min-height:55vh}.wp-content-page img{max-width:100%;height:auto}.wp-content-page article{margin-bottom:45px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;padding:12px;background:white;clip:auto;z-index:100000}.wp-content-page h1{font-size:48px}.wp-content-page h2{font-size:36px}

.pricing{padding:80px 6vw 85px}.pricing-heading{margin-bottom:35px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.price-card{background:var(--rose);padding:30px 25px;display:flex;flex-direction:column;min-width:0}.price-card .eyebrow{margin-bottom:18px}.price-card h3{font-size:34px}.price-list{margin:24px 0 0}.price-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid rgba(52,42,38,.22)}.price-list dt{font-size:15px;line-height:1.45}.price-list dt span{display:block;font-size:12px;margin-top:5px}.price-list dd{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:24px;line-height:1.3;white-space:nowrap}.price-note{font-size:13px;line-height:1.65;margin:20px 0}.price-card .button{margin-top:auto}.pricing-details{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px}.pricing-details h3{font-size:26px}.pricing-details p{font-size:14px;margin:12px 0 0}@media(max-width:1000px) and (min-width:751px){.pricing-grid{gap:12px}.price-card{padding:25px 16px}.price-card h3{font-size:29px}.price-list dd{font-size:22px}.price-list>div{gap:8px}.price-card .button{padding:12px 15px;gap:12px}}@media(max-width:750px){.pricing{padding:55px 7vw}.pricing-grid{grid-template-columns:1fr;gap:20px}.price-card{padding:30px 25px}.pricing-details{grid-template-columns:1fr;gap:25px}.price-card .button{margin-top:15px}nav{gap:12px}}

.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-intro{font-size:14px;margin:16px 0 0}.event-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:auto}.event-actions .button{margin-top:0}.event-shop:disabled{opacity:.65;cursor:default;background:transparent;color:var(--ink)}.shop-note{font-size:11px;line-height:1.5;margin:0}.price-card .button{max-width:100%;white-space:normal}.price-list dt{overflow-wrap:break-word}@media(max-width:750px){.pricing-grid{grid-template-columns:1fr}.event-actions{margin-top:15px}}