/*
Theme Name: SOLO Friseure – Twenty Twenty-Two
Description: SOLO-Layout mit Hintergrund #897769, lokalen Lato-Schriften und reinen WordPress-Blöcken.
Version: 1.2.0
Template: twentytwentytwo
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: solo-tt2
*/
@font-face{font-family:Lato;src:url(assets/fonts/Lato-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Lato;src:url(assets/fonts/Lato-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Lato;src:url(assets/fonts/Lato-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}
*{box-sizing:border-box}
body{background:#ededed;margin:0;padding:30px 0;font-family:Lato,sans-serif}
.wp-site-blocks{max-width:1038px;margin:auto;background:#897769;padding:0;box-shadow:0 2px 6px #0003}
.wp-site-blocks > *{margin-block-start:0}
.solo-header{height:60px;background:#897769;border:0}
.solo-main{padding:40px 48px 24px;margin:0!important;min-width:0}
.solo-columns{display:grid!important;grid-template-columns:minmax(0,65.5763547fr) minmax(0,30.4827586fr);gap:3.9408867%;margin:0!important}
.solo-columns > *{min-width:0;margin:0!important}
.solo-content{font-size:16px;line-height:24px}
.solo-content > *{margin-block-start:0}
h1,h2,h3,h4,h5,h6{font-family:Lato,sans-serif;font-weight:400;padding-bottom:18px;margin:0}
h1{font-size:100px;line-height:1.05}h2{font-size:70px;line-height:1.1}h3,h4{font-size:30px;line-height:32px}h5{font-size:24px}h6{font-size:20px}
.home .solo-content h1,.home .solo-content h2{color:#fff}
p{margin:0 0 15px;line-height:24px}
a{color:inherit;text-decoration:underline;text-underline-offset:3px}
a:hover{color:#fff}
a:focus-visible{outline:3px solid #fff;outline-offset:4px}
img{max-width:100%;height:auto}
.solo-details{font-size:16px;line-height:24px;padding-right:0}
.solo-details figure{margin:0 0 30px}
.solo-details img{display:block;width:100%;height:auto}
.solo-footer{background:#897769;color:#171411;padding:24px 48px;font-size:14px;line-height:20px;margin:0!important}
.solo-footer p{font-size:14px;line-height:20px;margin:0}
.solo-footer-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}
.solo-content ul,.solo-content ol{padding-left:24px}
@media(max-width:1100px){.wp-site-blocks{margin-inline:20px}.solo-main{padding-inline:40px}}
@media(max-width:767px){body{padding:10px 0}.wp-site-blocks{margin-inline:6px}.solo-header{height:60px}.solo-main{padding:32px 24px 24px}.solo-columns{display:block!important}.solo-details{margin-top:40px!important}.solo-content h1{font-size:clamp(64px,23vw,100px)}.solo-content h2{font-size:clamp(44px,16vw,70px)}h3,h4{font-size:clamp(24px,6.9vw,30px);line-height:1.2}.solo-details img{max-width:420px}.solo-footer{padding-inline:24px}}

.solo-footer a{color:#171411}.solo-footer a:hover{color:#fff}
.solo-details a{color:#171411}

.solo-content h1{font-size:100px;line-height:1.05}.solo-content h2{font-size:70px;line-height:1.1}.solo-content h3{font-size:30px;line-height:32px}
@media(max-width:767px){.solo-content h1{font-size:clamp(64px,23vw,100px)}.solo-content h2{font-size:clamp(44px,16vw,70px)}.solo-content h3{font-size:clamp(24px,6.9vw,30px);line-height:1.2}}