*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}.notouch a:hover{outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face {
font-family: "Soehne";
src: url(//schatzundstoeber.com/wp-content/themes/SUS/font/soehne-leicht.woff2) format("woff2");
font-weight: 300;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "Soehne";
src: url(//schatzundstoeber.com/wp-content/themes/SUS/font/soehne-leicht-kursiv.woff2) format("woff2");
font-weight: 300;
font-style: italic;
font-display: block;
}
@font-face {
font-family: "Soehne";
src: url(//schatzundstoeber.com/wp-content/themes/SUS/font/soehne-kraftig.woff2) format("woff2");
font-weight: 500;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "Soehne";
src: url(//schatzundstoeber.com/wp-content/themes/SUS/font/soehne-kraftig-kursiv.woff2) format("woff2");
font-weight: 500;
font-style: italic;
font-display: block;
}:root {
--font: "Soehne", Verdana, Helvetica, sans-serif;
--margin: 40px;
--marginH: 40px;
}
@media (max-width: 1023px) {
:root {
--margin: 20px;
--marginH: max(
20px,
max(env(safe-area-inset-right), env(safe-area-inset-left))
);
}
}html {
font-size: 62.5%;
}
body {
font-family: var(--font);
font-weight: 300;
font-size: 18px;
line-height: 1.375;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 1023px) {
body {
font-size: 16px;
}
}
.logo {
font-size: 13vw;
font-size: min(13vw, 130px);
font-weight: 500;
line-height: 1;
}
.t1 {
font-size: 30px;
font-size: clamp(23px, 6.5vw, min(36px, 7vh));
font-weight: 500;
line-height: 1.28;
}
::placeholder {
font-family: inherit;
}
form input, form select {
font-family: inherit; -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
b, strong, .bold {
font-weight: 500;
}
i, em, .italic {
font-style: italic;
}
.alignleft {
float: left;
margin-right: 1em;
}
.alignright {
float: right;
margin-left: 1em;
}
a {
color: inherit;
font-weight: inherit;
text-decoration: none;
}
article > * + * {
margin-top: 1em;
}
article a {
text-decoration: underline;
}* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
min-height: 100%;
position: relative;
padding: env(safe-area-inset);
}
body {
margin: 0;
padding: 0;
}
.nojs picture.lazy,
.nojs iframe.lazy,
.nojs object.lazy,
.nojs video.lazy,
.nojs img.lazy {
display: none;
}
.nojs noscript.lazy img {
filter: none;
transform: none;
image-rendering: auto;
display: block;
display: initial;
}
.lazy img,
img.lazy {
will-change: filter;
image-rendering: pixelated;
transition: filter 0.1s;
}
.lazy.loading img:not(.loaded),
img.lazy.loading {
filter: blur(25px);
transform: scale(1.25) translateZ(0);
clip-path: inset(10% 10% 10% 10%);
-webkit-clip-path: inset(10% 10% 10% 10%);
}
.ms .lazy.loading img,
.ms img.lazy.loading {
transform: translateZ(0);
}
.initial img,
img.initial,
.loaded img,
img.loaded,
.error img,
img.error {
filter: none;
transform: none;
clip-path: none;
-webkit-clip-path: none;
image-rendering: auto;
} :focus {
outline: none;
}
.focus-visible {
outline: 1px solid rgb(101, 193, 255);
outline-offset: 5px;
-moz-outline-radius: 4px;
}
.accessibility:not(:focus):not(:active) {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}
img,
svg {
max-width: 100%;
height: auto;
}
.bg {
z-index: -1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.bg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
object-fit: cover;
}body.has-page {
background-image: url(//schatzundstoeber.com/wp-content/themes/SUS/partials/page/../../img/background.jpg);
background-size: cover;
}
main {
color: black;
background: white;
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
margin-top: 5vw;
margin-bottom: 5vw;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
padding: var(--margin);
border-radius: 25px;
}
main h1 {
font-size: 30px;
font-size: clamp(23px, 6.5vw, min(36px, 7vh));
font-weight: 500;
line-height: 1.28;
}h1.logo {
font-size: 13vw;
font-size: min(13vw, 130px);
font-weight: 500;
line-height: 1;
display: block;
color: white;
padding: var(--margin);
}