/*
Theme Name: Backauf Theme
Theme URI: https://www.backauf.de
Author: Niklas Hasch
Description: Theme
Version: 3.0.1
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import "theme.css";
/*******************
*** RESET
*******************/
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 {font-family: arial, helvetica, sans-serif;}
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;}
/**** VORGEGEBENE REGELN ****/
html{overflow-x: hidden}
.right{text-align:right;}
p{margin-bottom:1em;}
h1, h2, h3, h4, h5, h6{margin-bottom:0.5em;}
#giant404{font-size:120px;text-align:center;}
#sub404{font-size:26px;text-align:center;}
#rightside{position:fixed;clear:both;height:150px;padding-top:20px;right:-880px;width:1000px;top:66%;transition:right 2.2s ease-in-out;background-color:black;z-index:1003;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;border-top-left-radius:10px;border-bottom-left-radius:10px}
#rightside.MagicDingDong{right:-1px}
.rightside_left{height:50%;}
.rightside_right{height:50%;}
.clear{clear:both;}
strong{font-weight:bold;}
.center{text-align:center;}
#header_infos{border-bottom:none !important;padding:5px 50px;}
#header_infos a{text-decoration:none;color::#006b4b;}
#header_infos a:hover{text-decoration:underline;}
#header_infos p{margin-bottom:0px;color:#006b4b;font-size:13px}
#header_infos .fa-envelope{margin-left:15px;}
.product-category {box-sizing: border-box;}
.product-category a{text-decoration:none !important;}
.woocommerce-loop-category__title > .count{display:none;}
.woocommerce-loop-category__title{font-size:18px !important;font-weight:bold;font-family:sans-serif;text-align:center;}
.woocommerce ul.products li.product a img{margin-bottom:0px;}
.posted_in{display:none;}
/**** EIGENE CSS REGELN ****/
@font-face {
    font-family: 'Atkinson Hyperlegible';
    src: url('/wp-content/themes/Backauf_Theme/assets/fonts/Atkinson/AtkinsonHyperlegibleNext-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Atkinson Hyperlegible';
    src: url('/wp-content/themes/Backauf_Theme/assets/fonts/Atkinson/AtkinsonHyperlegibleNext-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Atkinson Hyperlegible';
    src: url('/wp-content/themes/Backauf_Theme/assets/fonts/Atkinson/AtkinsonHyperlegibleNext-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Atkinson Hyperlegible';
    src: url('/wp-content/themes/Backauf_Theme/assets/fonts/Atkinson/AtkinsonHyperlegibleNext-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Playfair 9pt – Regular */
@font-face {
    font-family: 'Playfair Text';
    src: url('/wp-content/themes/Backauf_Theme/assets/fonts/Playfair/Playfair_9pt-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Italic */
@font-face {
    font-family: 'Playfair Text';
    src: url('/wp-content/themes/Backauf_Theme/assets/fonts/Playfair/Playfair_9pt-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* SemiBold */
@font-face {
    font-family: 'Playfair Text';
    src: url('/wp-content/themes/Backauf_Theme/assets/fonts/Playfair/Playfair_9pt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* SemiBold Italic */
@font-face {
    font-family: 'Playfair Text';
    src: url('/wp-content/themes/Backauf_Theme/assets/fonts/Playfair/Playfair_9pt-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}



#header_infos{display:none!important;}
#header{background:#fff;border-top:6px solid #2f2f2f;box-shadow:0 1px 4px rgba(0,0,0,.08);display:flex;align-items:center;gap:18px;padding:10px 18px;}
#logo{position:relative;padding-right:18px;margin-right:6px;}
#logo img{height:120px;width:120px;display:block;}
#logo::after{display:none;}
#header nav{flex:1 1 auto;min-width:0;}
#header nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:0;overflow:hidden;}
#header nav ul li{margin:0!important;position:relative;padding:0 22px;display:flex;align-items:center;justify-content:center;white-space:normal;}
#header nav ul li:hover{background-color:transparent!important;}
#header nav ul li>a{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;align-items:center;justify-content:center;flex-direction:column;background:transparent!important;color:#2b2b2b;text-decoration:none;line-height:1.2;text-align:center;padding:2px 25px;transition:background-color .2s,color .2s;}
#header nav ul li>a:hover{background:#000!important;color:#fff!important;text-decoration:none!important;}
#header nav ul a{flex:none!important;display:inline-flex!important;width:auto!important;background:transparent!important;}
#header nav ul li::before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:1px;height:28px;background:#000;left:0;}
#header nav ul li:last-child::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:1px;height:28px;background:#000;right:0;}
#header .clear{display:none!important;}

body{font-family:'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;}
main{padding-top:160px;}

.center{text-align:center;}
.smallMiddle{max-width:700px;margin:0 auto;}

a{color:black;}

.wpt-stats-post-count, .wpt-stats-page-count{display:none;}
.middle{max-width:1200px;margin:0 auto;}
.hugeHeadline{font-size:48px;font-family:'Playfair Display', 'Times New Roman', Times, serif;}

footer{padding:40px;}
footer p{margin-bottom:0px;}

:root{--plz-radius:12px;--plz-border:#e6e6e6;--plz-accent:#000;--plz-shadow:0 12px 40px rgba(0,0,0,.22)}
.plz-inline{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 26px;position:relative}
.plz-inline .plz-label{font-weight:600;white-space:nowrap;letter-spacing:.2px;color:#111}
.plz-lookup{position:relative;display:inline-flex;align-items:center}
.plz-lookup .plz-in{width:260px;padding:6px 0 8px 26px;font-size:16px;background:transparent;border:0;border-bottom:2px solid #1a1a1a;border-radius:0;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;caret-color:#111;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 50%;background-size:18px 18px}
.plz-lookup .plz-in::placeholder{color:#6b7785;opacity:1}
.plz-lookup .plz-in:hover{border-bottom-color:#333}
.plz-lookup .plz-in:focus{border-bottom-color:var(--plz-accent)}
.plz-lookup .plz-box{position:absolute;top:calc(100% + 10px);right:-88%;;width:min(1200px,calc(100vw - 32px));overflow:auto;background:#fff;border:1px solid var(--plz-border);border-radius:16px;box-shadow:var(--plz-shadow);backdrop-filter:saturate(160%) blur(6px);z-index:1000;transform-origin:top center;animation:plz-pop .18s ease-out}
@keyframes plz-pop{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
.plz-item{padding:18px 22px;border-bottom:1px solid #f0f0f0}
.plz-item:last-child{border-bottom:0}
.plz-item:hover{background:#fafafa}
.plz-card{padding:22px 24px 20px}
.plz-head{margin:0 0 10px;font-size:20px;font-weight:800;color:#0f172a}
.plz-apname{color:#0f172a}
.plz-item a{color:var(--plz-accent);text-decoration:underline}
.plz-item a:hover{text-decoration:underline}
.plz-lookup .row{display:flex;align-items:center;gap:10px;margin:4px 0 8px}
.plz-lookup .ico{flex:0 0 auto;opacity:.9}
.plz-form{margin-top:12px;padding-top:14px;border-top:1px solid #f0f0f0}
.plz-form .plz-grid{display:block}
.plz-form label{display:block;font-weight:700;font-size:14px;color:#111;margin:12px 0 6px}
.plz-form textarea{min-height:120px;resize:vertical}
.plz-form .plz-hp{position:absolute;left:-9999px;width:1px;height:1px}
.plz-send{display:block;width:100%;height:46px;margin:16px 0 0;border:0;border-radius:12px;background:#000;color:#fff;font-weight:800;letter-spacing:.2px;cursor:pointer;transition:filter .18s,transform .02s}
.plz-send:hover{filter:brightness(1.05)}
.plz-send:active{transform:translateY(1px)}
.plz-result{margin-top:10px;font-size:14px;color:#11853b}
.plz-result.error{color:#c62828}
@media (max-width:780px){.plz-inline{flex-direction:column;gap:10px}.plz-lookup .plz-in{width:200px}.plz-lookup .plz-box{left:50%;right:auto;transform:translateX(-50%)}}
@media (max-width:560px){.plz-head{font-size:18px}}

.twocollums input {
    width: 97%;
}
.twocollums textarea {
    width: 97%;
    height: 38px;
    margin-top: 0px;
}

.wpcf7-form-control {
    width: 450px;
    height: 40px;
    margin-bottom: 25px;
    font-family: arial, helvetica, sans-serif;
}

.wpcf7-form-control-wrap{
    width: 450px;
    height: 40px;
    margin-bottom: 25px;
    font-family: arial, helvetica, sans-serif;
}

.wpcf7-textarea{
    width:98.5% !important;
}

.twocollums p {
    width: 50%;
    float: left;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 !important;
}

.wpcf7-spinner {display:none;}

.datenschutz h1, .datenschutz h2, .datenschutz h3, .datenschutz h4, .datenschutz h5, .datenschutz h6{font-weight:bold !important;}

h1{font-size: 48px;
    font-family: 'Playfair Display', 'Times New Roman', Times, serif;}


@media screen and (max-width: 1280px){header{display:none !important;}body{}html .mob-standard-logo{height:170px !important;display:block;margin:0 auto;transition:height .25s ease, margin .25s ease;}
html.is-scrolled .mob-standard-logo{height:50px !important;margin-left:0;margin-right:auto;}}
@media screen and (min-width: 1281px) and (max-width: 1450px){#header nav ul li > a {padding: 2px 0px;}#header nav ul li{padding:0 14px;}}
@media screen and (min-width: 1451px) and (max-width: 1500px){#header nav ul li > a {padding: 2px 0px;}#header nav ul li{padding:0 18px;}}
@media screen and (min-width: 1501px) and (max-width: 1600px){#header nav ul li > a {padding: 2px 5px;}}
@media screen and (min-width: 1601px) and (max-width: 1800px){#header nav ul li > a {padding: 2px 10px;}}