@charset "UTF-8";
.cmplz-obfuscate span{display:none}#cmplz-manage-consent-container{display:none}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary{display:block;cursor:pointer}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::-webkit-details-marker,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::marker{display:none;content:""}.cmplz-alert{display:none;padding:7px;color:white;margin:10px 0}.cmplz-alert.cmplz-error{background-color:#f44336}.cmplz-alert.cmplz-success{background-color:green}.cmplz-close{margin-left:15px;color:white;font-weight:bold;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s}.cmplz-close:hover{color:black}#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{display:inline-block;width:calc(50% - 35px);vertical-align:top}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{width:100%}}#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary{display:block;cursor:pointer}#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary div,#cmplz-document .cmplz-dropdown summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div{display:grid;grid-template:"heading chevron";grid-template-columns:2fr 25px;grid-gap:15px;align-items:center}#cmplz-cookies-overview .cmplz-dropdown summary div h3,#cmplz-document .cmplz-dropdown summary div h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div h3{grid-area:heading;margin:0}#cmplz-cookies-overview .cmplz-dropdown summary div:after,#cmplz-document .cmplz-dropdown summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after{grid-area:chevron}#cmplz-cookies-overview .cmplz-dropdown summary div input[data-category=functional],#cmplz-document .cmplz-dropdown summary div input[data-category=functional],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div input[data-category=functional]{visibility:hidden}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary{display:block}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div{grid-template:"heading paragraph label checkbox chevron";grid-template-columns:2fr auto 0 auto 25px}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p{grid-area:paragraph}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{display:grid}@media only screen and (min-width:600px){#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{grid-column:span 2;grid-template-columns:1fr 1fr 1fr;grid-template:"purpose purpose purpose" "header1 header2 header3" auto}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose{grid-area:purpose}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header{grid-area:header1}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header{grid-area:header2}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header{grid-area:header3}}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{grid-template-columns:100px 1fr}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose{grid-column:span 2}}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories{margin-top:10px;display:block;width:100%}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category{background-color:rgba(239,239,239,0.25)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::marker{display:none;content:""}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::-webkit-details-marker{display:none;content:""}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-description{padding:10px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:not(:last-child){margin-bottom:5px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header{display:grid;grid-template-columns:1fr auto 25px;grid-template-rows:auto;align-items:center;grid-gap:10px;padding:5px 10px;background-color:rgba(239,239,239,0.5)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header section{padding:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2{grid-column-start:1;width:100%;justify-self:start;font-size:18px;text-align:left;margin-top:8px;text-transform:initial;padding-bottom:10px;border-bottom:0;margin-bottom:0}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2:before{height:0;margin:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active{font-size:var(--cmplz_category_header_active_font_size);color:var(--cmplz_category_header_always_active_color)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active input{display:none}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox{display:flex;align-items:center;margin:0;padding:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open{display:flex;align-items:center;justify-content:center;grid-column-start:3;cursor:pointer;content:"";background:var(--cmplz_category_open_icon_url) no-repeat;transform:rotate(0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background-size:cover;height:25px;width:25px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open]{padding-bottom:1px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-category-header:after,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-icon.cmplz-open{transform:rotate(180deg)}.postbox #cmplz-document{margin:auto auto}#cmplz-document,.editor-styles-wrapper .cmplz-unlinked-mode{font-size:14px;margin-top:0;max-width:800px;text-justify:inter-word}#cmplz-document input::-moz-focus-inner,#cmplz-document button::-moz-focus-inner,.editor-styles-wrapper .cmplz-unlinked-mode input::-moz-focus-inner,.editor-styles-wrapper .cmplz-unlinked-mode button::-moz-focus-inner{border:0;padding:0}#cmplz-document a,.editor-styles-wrapper .cmplz-unlinked-mode a{text-decoration:underline}#cmplz-document a[target=_blank]::after,.editor-styles-wrapper .cmplz-unlinked-mode a[target=_blank]::after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);margin:0 3px 0 5px}#cmplz-document a:focus,.editor-styles-wrapper .cmplz-unlinked-mode a:focus{border:1px solid black;padding:2px}#cmplz-document #cmplz-dnsmpd-form label,.editor-styles-wrapper .cmplz-unlinked-mode #cmplz-dnsmpd-form label{margin-right:20px;min-width:100px;display:inline-block}#cmplz-document h2,#cmplz-document h3,.editor-styles-wrapper .cmplz-unlinked-mode h2,.editor-styles-wrapper .cmplz-unlinked-mode h3{font-size:22px;text-align:left;margin-top:15px;text-transform:initial;padding-bottom:10px;margin-bottom:10px}#cmplz-document.impressum h2,#cmplz-document.impressum h3,.editor-styles-wrapper .cmplz-unlinked-mode.impressum h2,.editor-styles-wrapper .cmplz-unlinked-mode.impressum h3{border-bottom:0;font-size:1em;padding-bottom:5px;margin-bottom:5px}#cmplz-document.impressum p,.editor-styles-wrapper .cmplz-unlinked-mode.impressum p{margin-bottom:7px}#cmplz-document h4,.editor-styles-wrapper .cmplz-unlinked-mode h4{font-size:18px;text-align:left;margin-top:15px;margin-bottom:5px;text-transform:initial}#cmplz-document h5,.editor-styles-wrapper .cmplz-unlinked-mode h5{font-size:14px;text-align:left;margin-top:10px;margin-bottom:5px;text-transform:initial}#cmplz-document h3.annex,#cmplz-document h4.annex,.editor-styles-wrapper .cmplz-unlinked-mode h3.annex,.editor-styles-wrapper .cmplz-unlinked-mode h4.annex{font-weight:bold}#cmplz-document span h3,.editor-styles-wrapper .cmplz-unlinked-mode span h3{font-size:14px;border-bottom:0}#cmplz-document p,#cmplz-document li,#cmplz-document td,.editor-styles-wrapper .cmplz-unlinked-mode p,.editor-styles-wrapper .cmplz-unlinked-mode li,.editor-styles-wrapper .cmplz-unlinked-mode td{font-size:14px;margin-top:0}#cmplz-document ol.alphabetic,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic{counter-reset:list;list-style-type:none}#cmplz-document ol.alphabetic li:before,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic li:before{font-weight:bold;content:counter(list,lower-alpha) ") ";counter-increment:list}#cmplz-document ul,.editor-styles-wrapper .cmplz-unlinked-mode ul{list-style:disc;margin-left:15px;margin-bottom:15px}#cmplz-document ol.alphabetic ol,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol{counter-reset:list;list-style-type:none}#cmplz-document ol.alphabetic ol li:before,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol li:before{font-weight:bold;content:counter(list,decimal) ") ";counter-increment:list}#cmplz-document .cmplz-subtitle,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle{font-weight:bold;margin-top:25px}#cmplz-document .cmplz-indent,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-indent{margin-left:36px}#cmplz-cookies-overview .cmplz-dropdown,#cmplz-document .cmplz-dropdown,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown{background-color:rgba(239,239,239,0.25)}#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4{font-size:18px;text-align:left;margin-top:15px;margin-bottom:5px;text-transform:initial}#cmplz-cookies-overview .cmplz-dropdown p,#cmplz-cookies-overview .cmplz-dropdown a,#cmplz-document .cmplz-dropdown p,#cmplz-document .cmplz-dropdown a,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown a{font-size:14px;margin-top:0}#cmplz-cookies-overview .cmplz-dropdown p,#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-cookies-overview .cmplz-dropdown ul,#cmplz-document .cmplz-dropdown p,#cmplz-document .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown ul,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown ul{padding:0 15px}#cmplz-cookies-overview .cmplz-dropdown p.legal-obligations-description,#cmplz-document .cmplz-dropdown p.legal-obligations-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p.legal-obligations-description{padding-bottom:15px}#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary{display:block;background-color:rgba(239,239,239,0.5);margin:5px 0;padding:5px 10px;align-items:center;justify-items:stretch}#cmplz-cookies-overview .cmplz-dropdown summary h3,#cmplz-document .cmplz-dropdown summary h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3{padding:0 5px;border-bottom:0;font-size:18px;border-bottom:0}#cmplz-cookies-overview .cmplz-dropdown summary p,#cmplz-document .cmplz-dropdown summary p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary p{text-align:right;padding:0;margin:0;font-size:14px;border-bottom:0}#cmplz-cookies-overview .cmplz-dropdown summary div:after,#cmplz-document .cmplz-dropdown summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after{cursor:pointer;content:"";background:url(//www.st-johanser.de/wp-content/plugins/complianz-gdpr/assets/images/chevron-down.svg) no-repeat;transform:rotate(0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background-size:cover;height:18px;width:18px;margin:3px}#cmplz-cookies-overview .cmplz-dropdown[open],#cmplz-document .cmplz-dropdown[open],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open]{padding-bottom:1px}#cmplz-cookies-overview .cmplz-dropdown[open] summary div:after,#cmplz-document .cmplz-dropdown[open] summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open] summary div:after{transform:rotate(180deg)}#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4{font-size:15px;margin:5px 0}#cmplz-cookies-overview .cmplz-dropdown h5,#cmplz-document .cmplz-dropdown h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h5{margin:0}#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{padding:0 15px 15px}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,#cmplz-document .cmplz-dropdown .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose{border:1px solid #dadada;grid-gap:1px;background-color:#dadada;margin-bottom:10px}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,#cmplz-document .cmplz-dropdown .cookies-per-purpose div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div{background-color:white;padding:15px}@media only screen and (min-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .name-header{background-color:#f7f7f7}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .retention-header{background-color:#f7f7f7}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .function-header{background-color:#f7f7f7}}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose h5,#cmplz-document .cmplz-dropdown .cookies-per-purpose h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose h5{line-height:1.8}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7){background-color:#f7f7f7}}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}#wcp-debug {
padding: 0 0 0;
font-size: 1em;
margin-bottom: 20px;
}
#wcp-debug #wcp-debug-header {
background: #3d9cd2;
color: #ffffff;
padding: 10px 20px;
cursor: pointer;
position: relative;
}
#wcp-debug #wcp-debug-header .wcp-debug-toggle {
background-image: url(//www.st-johanser.de/wp-content/plugins/conditional-payments-for-woocommerce/frontend/img/arrow.svg);
background-repeat: no-repeat;
background-position: right center;
width: 42px;
height: 100%;
right: 0;
top: 0;
background-size: 42px;
position: absolute;
transition: .3s all;
}
#wcp-debug.closed .wcp-debug-toggle {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#wcp-debug #wcp-debug-contents {
padding: 20px 20px 0;
display: none;
border: 1px solid #dee2e6;
border-width: 0 1px 1px;
}
#wcp-debug #wcp-debug-contents .wcp-debug-tip {
color: #1864ab;
background: url(//www.st-johanser.de/wp-content/plugins/conditional-payments-for-woocommerce/frontend/img/tip2.svg) no-repeat left 5px;
background-size: 16px 16px;
padding-left: 24px;
}
#wcp-debug #wcp-debug-contents h3 {
margin: 10px 0 20px;
font-weight: bold;
font-size: 1.2em;
}
#wcp-debug #wcp-debug-contents h3.ruleset-title {
font-size: 1em;
}
#wcp-debug #wcp-debug-contents h3.ruleset-title a {
font-weight: bold;
}
#wcp-debug .wcp-debug-result-label {
padding: 5px;
border-radius: 3px;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
}
#wcp-debug .wcp-debug-result-label.wcp-debug-result-label-pass {
background: #2b8a3e;
}
#wcp-debug .wcp-debug-result-label.wcp-debug-result-label-fail {
background: #c92a2a;
}
#wcp-debug table.wcp-debug-table {
border: 1px solid #dee2e6;
margin: 0 0 20px;
}
#wcp-debug table.wcp-debug-table.wcp-debug-table-fixed {
table-layout: fixed;
}
#wcp-debug table.wcp-debug-table td, #wcp-debug table.wcp-debug-table th {
padding: 5px 10px;
}
#wcp-debug table.wcp-debug-table td.align-right,
#wcp-debug table.wcp-debug-table th.align-right {
text-align: right;
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}
      html {  -webkit-text-size-adjust: 100%; height: 100%; }
body {
margin: 0;
height: 100%; }
h1 {
font-size: 2em;
margin: 0.67em 0; } pre {
font-family: monospace, monospace; font-size: 1em; }
a {
background-color: transparent; }
p {
margin-top: 0; }
table p {
margin-bottom: 0 !important; } abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong {
font-weight: bolder; }
code, kbd, samp {
font-family: monospace, monospace; font-size: 1em; }
small {
font-size: 80%; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
img {
border-style: none; }
button, input, optgroup, select, textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
fieldset {
padding: 0.35em 0.75em 0.625em; }
legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress {
vertical-align: baseline; }
textarea {
overflow: auto; }
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
details {
display: block; }
summary {
display: list-item; }
template {
display: none; }
[hidden] {
display: none; }
.clearfix:after {
content: "";
clear: both;
display: block;
visibility: hidden;
height: 0px; }      .woocommerce {
margin-top: 40px; }
.woocommerce-product-gallery {
float: left;
margin-bottom: 40px;
margin-top: -40px;
position: relative;
width: 40%; }
@media (max-width: 760px) {
.woocommerce-product-gallery {
float: none;
margin: 30px 0;
width: 100%; } }
.woocommerce-product-gallery::after {
display: block;
clear: both; }
.woocommerce-product-gallery__wrapper {
margin-left: 0; }
.gallery-caption {
display: none; }
a.remove {
color: #ee3b34; }
a.woocommerce-product-gallery__trigger {
position: absolute;
top: 48px;
right: 10px;
z-index: 50; }
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
font-weight: 300; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
font-family: inherit;
font-size: 80%;
font-weight: 300;
padding: 13px; }
@media (max-width: 1080px) {
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
float: none;
width: 100% !important; } }
.woocommerce-breadcrumb {
display: none;
font-family: 'Roboto Condensed light', sans-serif;
font-size: 75%;
letter-spacing: 0.06em;
margin: -50px 0 50px; text-transform: uppercase; }
input, select, .shop_table {
font-family: 'Roboto Condensed light', sans-serif; }
input[type=text], select {
padding: 9px; }
input#coupon_code {
width: 138px; }
@media (max-width: 1080px) {
input#coupon_code {
float: none;
width: 100% !important; } }
.woocommerce-result-count {
display: none; }
.woocommerce-shipping-totals {
vertical-align: top; }
.woocommerce-shipping-totals th {
font-size: 100% !important; }
.woocommerce-shipping-totals > td {
padding-right: 5px !important; }
.woocommerce-Tabs-panel { margin-bottom: 50px; }
.woocommerce-Tabs-panel h2 {
display: none; }
.product-testimonials {
border-top: 1px solid #959599;
padding: 30px 0 20px; }
.testimonial-entry {
margin-bottom: 60px;
padding-right: 12vw; }
@media (max-width: 480px) {
.testimonial-entry {
padding-right: 0; } }
.input-text.qty {
border-radius: 3px;
border: 1px solid #959599;
float: left;
margin-right: 5px;
padding: 9px;
width: 40px; }
@media (max-width: 1080px) {
.input-text.qty {
padding: 16px 14px !important; } } @media (max-width: 1080px) {
.product-quantity .input-text.qty {
padding: 4px 14px !important;
margin-left: 10px !important; } }
.product p.price-unit {
clear: none !important;
font-size: .8em !important;
margin-bottom: 0 !important; }  .product-total > .woocommerce-Price-amount,
.product-subtotal .woocommerce-Price-amount {
font-size: 130%; }
.product-name .units-info,
th.product-price {
min-width: 78px; }
td.product-price .unit-price-cart {
font-size: .75rem;
letter-spacing: -.02rem; }
td.product-price .unit-price-cart .woocommerce-Price-amount {
font-size: .75rem;
letter-spacing: -.02rem; }
td.product-name .wc-gzd-cart-info,
td.product-total .wc-gzd-cart-info {
font-size: .75rem; }
.posted_in {
display: none; }
.summary {
padding-left: 44%; }
@media (max-width: 760px) {
.summary {
padding-left: 0; } } .wc-tabs-wrapper::before {
clear: both;
content: '';
display: block; }
.wc-tabs {
padding: 80px 0 0 !important;
margin: 0 0 40px !important; }
.wc-tabs li {
display: inline-block; }
.summary { }
.summary .cart {
margin-bottom: 60px; }
.summary .price {
font-size: 220% !important;
letter-spacing: -.04rem;
margin-bottom: 2px; }
.summary .legal-price-info, .summary .woocommerce-product-details__short-description {
float: left;
margin-bottom: 20px;
width: 100%; }
.summary .wcppec-checkout-buttons {
display: none; }
.summary .woocommerce-Price-currencySymbol {
font-size: 80%;
margin-right: 5px; }
.summary .wc-gzd-additional-info span {
font-size: .8em !important; }
.paypal-button.paypal-button-color-gold { background: #ebe9eb !important; }
.woocommerce-error, .woocommerce-info, .woocommerce-message {
background: #f7f7f7;
border-bottom: none;
border-top: none;
z-index: 49; }
.woocommerce form .form-row label {
line-height: 1.2 !important;
margin-bottom: 4px !important; }
.woocommerce ul#shipping_method li:last-of-type {
margin-bottom: 0; }
.form-row {
margin-bottom: 6px; }
.wc-gzd-product-name-right .product-quantity {
display: block; }
.wc-gzd-product-name-right .product-quantity::before {
content: 'Anzahl: ';
font-weight: normal; }
#place_order {
float: right;
width: 244px; } .description_tab,
.out-of-stock,
.additional_information_tab {
display: none; }
ul.tabs {
margin-bottom: 40px;
padding: 0 0 30px; }
ul.tabs li {
list-style: none;
margin-bottom: 20px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
ul.tabs li li {
list-style: disc;
margin-bottom: 16px; }
ul.tabs li li li {
list-style: circle;
margin-bottom: 12px; }
ul.tabs li a {
background: #f4f4f4;
border-left: 1px solid #D3D3D3;
border-top: 1px solid #D3D3D3;
border-right: 1px solid #D3D3D3;
color: #0c0c0e;
font-family: corporate-a-std-urw, serif;
font-size: 100%;
font-weight: 300;
font-style: normal;
line-height: 1.2;
margin-bottom: 0;
padding: 10px 30px 13px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
ul.tabs li.active a {
background: #fff;
border-left: 1px solid #D3D3D3;
border-top: 1px solid #D3D3D3;
border-right: 1px solid #D3D3D3;
color: #0c0c0e;
font-size: 114%; padding: 14px 30px 13px; }
ul.tabs li a:active, ul.tabs li a:focus, ul.tabs li a:hover {
background: #fff !important;
color: #272727 !important;
text-decoration: none; }
.wc-tab {
padding: 20px 16px 30px; }
ul.products {
padding-left: 0;
width: 100% !important; }
ul.products li.product {
box-sizing: border-box;
float: left;
list-style: none;
min-height: 530px;
padding: 30px 60px;
position: relative;
width: 33.3%; }
@media (max-width: 1580px) {
ul.products li.product {
padding: 30px 50px; } }
@media (max-width: 1080px) {
ul.products li.product {
padding: 40px;
width: 50%; } }
@media (max-width: 760px) {
ul.products li.product {
padding: 10px;
width: 100%; } }
ul.products li.product img {
height: auto;
margin-bottom: 0px;
width: 100%; }
ul.products li.product .shipping-costs-info {
display: none; }
ul.products li.product .tax-info {
font-size: 85% !important; }
ul.products li.product p.wc-gzd-additional-info {
margin: 0 0 26px !important; }
ul.products li.product h2 {
font-size: 120%;
line-height: 1;
margin-bottom: 0.25em; }
ul.products li.product a .price {
color: #272727;
font-size: 120%;
letter-spacing: -0.04em; }
ul.products li.product a:hover .price {
text-decoration: none !important; }
ul.products a.button {
display: none; }
form.woocommerce-ordering {
display: none; }
#tab-additional_information h2 {
display: none; }
#tab-additional_information th, #tab-additional_information td {
padding: 0 30px 30px 0;
vertical-align: top; }
#imagelightbox {
background: #ef0 !important;
display: block; position: absolute !important;
top: 238px !important;
left: calc((100% - 860px) / 2) !important;
width: 372px !important;
height: 372px !important;
transform: none !important;
z-index: 50 !important;  }
@media (max-width: 1080px) {
#imagelightbox {
top: 177px !important; } }
#imagelightbox::after {
content: 'Achtung';
background: #ef0;
width: 100px;
height: 100px;
position: absolute;
top: 100px !important;
left: 100px !important; }
.woocommerce-cart-form__cart-item td {
min-height: 40px; }
.woocommerce-cart-form__cart-item dl.variation {
font-size: .75rem;
line-height: 1;
margin-top: 0; }
@media (max-width: 760px) {
.woocommerce-cart-form__cart-item {
vertical-align: middle !important; } }
.woocommerce table.shop_table tr.cart-subtotal > td,
.woocommerce table.shop_table tr.cart-subtotal > th,
.woocommerce table.shop_table tr.order-tax > td,
.woocommerce table.shop_table tr.order-tax > th {
font-weight: normal !important; }
@media (max-width: 760px) {
.woocommerce table.shop_table {
margin-bottom: 70px !important; } }
.upsells.products,
.related.products {
border-top: 1px solid #959599;
margin-top: 60px;
padding-top: 30px; }
.upsells.products h2,
.related.products h2 {
font-size: 145% !important; }
#billing_country_field:after {
content: 'Anderer Länderwunsch? Schreiben Sie uns gerne eine Nachricht an info@st-johanser.de.';
padding-top: 10px; } button,
.button, .wpcf7-submit, input#submit,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background: #0c0c0e !important;
border-radius: 0 !important;
color: #fff !important; border: none; border-radius: 0;
box-sizing: border-box; cursor: pointer;
font-family: 'Roboto Condensed light', sans-serif;
font-size: 75% !important;
font-weight: bold;
letter-spacing: 0.08em;
margin: -1px 3px 3px 0; padding: 9px 25px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
@media (max-width: 1080px) {
button,
.button, .wpcf7-submit, input#submit,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
padding: 20px 25px !important; } }
@media (max-width: 480px) {
button,
.button, .wpcf7-submit, input#submit,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
display: block !important; } }
button.cmplz-btn.cmplz-deny,
button.cmplz-btn.cmplz-view-preferences {
background: #ADADAD !important; }
.coupon button {
top: -2px; }
@media (max-width: 1080px) {
.coupon button {
top: 0;
margin-bottom: 20px !important; } }
.summary button, .summary .button,
.wc-proceed-to-checkout button, .wc-proceed-to-checkout .button,
.woocommerce-cart-form button, .woocommerce-cart-form .button, .button.cs-cartbutton, button#place_order {
padding: 14px 25px !important; }
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
background: #d7d7d7; border: none; }
.single_add_to_cart_button:hover,
button:hover,
.button:hover, .wpcf7-submit:hover, input#submit:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: #000 !important;
color: #fff;
border: none;
text-decoration: none !important; }
.woocommerce-info {
border-top-color: #d5d5d5;
border-bottom: 3px solid #d5d5d5; }
.woocommerce-thankyou-order-received {
background: #f7f7f7 url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/check.svg) no-repeat;
background-size: 40px;
background-position: top 20px left 20px; border: none;
font-size: 114%;
margin-bottom: 40px;
padding: 25px 10px 25px;
text-align: center; }
@media (max-width: 760px) {
.woocommerce-thankyou-order-received {
background-position: top 50% left 10px;
background-size: 40px;
padding: 25px 10px 25px 70px;
text-align: left; } }
.woocommerce-shop-title {
border-bottom: 1px solid #b7b7b9;
margin-left: 25px;
padding-bottom: 15px; }
@media (max-width: 1580px) {
.woocommerce-shop-title {
margin-left: 0;
padding-bottom: 8px; } } select {
max-width: 100%; }
.checkout-button {
width: 100%; }
.comment-respond .comment-form-comment,
.comment-respond .comment-form-author,
.comment-respond .comment-form-email {
margin-bottom: 10px; }
.comment-respond .comment-form-comment label,
.comment-respond .comment-form-author label,
.comment-respond .comment-form-email label {
position: absolute;
left: -9999px; }
.comment-form-rating {
margin-bottom: 30px; }
.comment-form-rating label {
float: left;
margin-right: 14px; }
.comment-form-rating label:after {
content: ': '; }
textarea, input:not(#submit), select {
background: #f4f4f4;
border: 1px solid #c3c3c3;
box-sizing: border-box;
margin-top: -1px;
padding: 10px 14px; } textarea {
width: 60%; }
@media (max-width: 760px) {
textarea {
padding: 16px 14px;
width: 100%; } } .col2-set textarea {
width: 100%; }
input#submit {
margin: 20px 0;
padding: 10px 60px; }
@media (max-width: 760px) {
input#submit {
width: 100%; } } input.qty {
width: 66px !important; }
@media (max-width: 760px) {
input.qty {
padding: 20px 14px; } }
h3#ship-to-different-address {
font-size: 110% !important; }
h3#order_review_heading,
.woocommerce-billing-fields h3,
#order_review h3 {
font-size: 180%; }
h3#order_payment_heading {
font-size: 125%; }
.col2-set, #payment {
margin-bottom: 80px; }
.wc-gzd-checkbox-placeholder-legal {
position: relative; }
.wc-gzd-checkbox-placeholder-legal p {
padding-left: 22px; }
.wc-gzd-checkbox-placeholder-legal p.checkbox-legal {
padding-left: 0;
position: absolute;
top: 0;
left: 0; }
.wc-gzd-checkbox-placeholder-legal p:last-child {
margin-bottom: 50px; } .woocommerce-shipping-fields {
margin: 84px 0 50px; }
.stars {
height: 30px; }
.stars a {
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/stern-sprite.svg) no-repeat;
background-position: 0 0;
background-size: 50px;
display: block;
float: left;
height: 25px;
opacity: 0.6;
text-indent: -9999px;
width: 25px; }
.stars a:hover, .stars a.active {
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/stern-sprite.svg) no-repeat;
background-position: -25px 0;
background-size: 50px;
opacity: 1; }
#billing_country_field:after {
content: 'Anderer Länderwunsch? Schreiben Sie uns gerne eine Nachricht an info@st-johanser.de.';
padding-top: 10px; }
#billing_address_1_field {
margin-top: 30px; }
#billing_company_field {
margin-bottom: 30px; }   @-webkit-keyframes logo {
0% {
transform: translate(0, -30px);
opacity: 0; }
20% {
transform: translate(0, -30px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@-moz-keyframes logo {
0% {
transform: translate(0, -30px);
opacity: 0; }
20% {
transform: translate(0, -30px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@-o-keyframes logo {
0% {
transform: translate(0, -30px);
opacity: 0; }
20% {
transform: translate(0, -30px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@keyframes logo {
0% {
transform: translate(0, -30px);
opacity: 0; }
20% {
transform: translate(0, -30px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } } @-webkit-keyframes iconbox-main {
0% {
transform: translate(0, 30px);
opacity: 0; }
20% {
transform: translate(0, 30px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@-moz-keyframes iconbox-main {
0% {
transform: translate(0, 30px);
opacity: 0; }
20% {
transform: translate(0, 30px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@-o-keyframes iconbox-main {
0% {
transform: translate(0, 30px);
opacity: 0; }
20% {
transform: translate(0, 30px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@keyframes iconbox-main {
0% {
transform: translate(0, 30px);
opacity: 0; }
20% {
transform: translate(0, 30px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } } @-webkit-keyframes iconbox-tool {
0% {
opacity: 0; }
15% {
opacity: 0; }
45% {
opacity: 1; }
100% {
opacity: 1; } }
@-moz-keyframes iconbox-tool {
0% {
opacity: 0; }
15% {
opacity: 0; }
45% {
opacity: 1; }
100% {
opacity: 1; } }
@-o-keyframes iconbox-tool {
0% {
opacity: 0; }
15% {
opacity: 0; }
45% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes iconbox-tool {
0% {
opacity: 0; }
15% {
opacity: 0; }
45% {
opacity: 1; }
100% {
opacity: 1; } } @-webkit-keyframes iconbox-customs {
0% {
opacity: 0; }
20% {
opacity: 0; }
50% {
opacity: 1; }
100% {
opacity: 1; } }
@-moz-keyframes iconbox-customs {
0% {
opacity: 0; }
20% {
opacity: 0; }
50% {
opacity: 1; }
100% {
opacity: 1; } }
@-o-keyframes iconbox-customs {
0% {
opacity: 0; }
20% {
opacity: 0; }
50% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes iconbox-customs {
0% {
opacity: 0; }
20% {
opacity: 0; }
50% {
opacity: 1; }
100% {
opacity: 1; } } @-webkit-keyframes iconbox-templates {
0% {
opacity: 0; }
25% {
opacity: 0; }
55% {
opacity: 1; }
100% {
opacity: 1; } }
@-moz-keyframes iconbox-templates {
0% {
opacity: 0; }
25% {
opacity: 0; }
55% {
opacity: 1; }
100% {
opacity: 1; } }
@-o-keyframes iconbox-templates {
0% {
opacity: 0; }
25% {
opacity: 0; }
55% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes iconbox-templates {
0% {
opacity: 0; }
25% {
opacity: 0; }
55% {
opacity: 1; }
100% {
opacity: 1; } } @-webkit-keyframes iconbox-cube {
0% {
opacity: 0; }
30% {
opacity: 0; }
60% {
opacity: 1; }
100% {
opacity: 1; } }
@-moz-keyframes iconbox-cube {
0% {
opacity: 0; }
30% {
opacity: 0; }
60% {
opacity: 1; }
100% {
opacity: 1; } }
@-o-keyframes iconbox-cube {
0% {
opacity: 0; }
30% {
opacity: 0; }
60% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes iconbox-cube {
0% {
opacity: 0; }
30% {
opacity: 0; }
60% {
opacity: 1; }
100% {
opacity: 1; } } @-webkit-keyframes fadein {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadein {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadein {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadein {
0% {
opacity: 0; }
100% {
opacity: 1; } } @-webkit-keyframes fadeinlines {
0% {
opacity: 0; }
70% {
opacity: 0; }
100% {
opacity: 0.1; } }
@-moz-keyframes fadeinlines {
0% {
opacity: 0; }
70% {
opacity: 0; }
100% {
opacity: 0.1; } }
@-o-keyframes fadeinlines {
0% {
opacity: 0; }
70% {
opacity: 0; }
100% {
opacity: 0.1; } }
@keyframes fadeinlines {
0% {
opacity: 0; }
70% {
opacity: 0; }
100% {
opacity: 0.1; } } @-webkit-keyframes leeresblatt {
0% {
transform: translate(0, 30px);
opacity: 0; }
70% {
transform: translate(0, 30px);
opacity: 0; }
100% {
transform: translate(0, 30px);
opacity: 1; } }
@-moz-keyframes fadeinlines {
0% {
transform: translate(0, 30px);
opacity: 0; }
70% {
transform: translate(0, 30px);
opacity: 0; }
100% {
transform: translate(0, 30px);
opacity: 1; } }
@-o-keyframes fadeinlines {
0% {
transform: translate(0, 30px);
opacity: 0; }
70% {
transform: translate(0, 30px);
opacity: 0; }
100% {
transform: translate(0, 30px);
opacity: 1; } }
@keyframes fadeinlines {
0% {
transform: translate(0, 30px);
opacity: 0; }
70% {
transform: translate(0, 30px);
opacity: 0; }
100% {
transform: translate(0, 30px);
opacity: 1; } } @-webkit-keyframes bounce {
0% {
bottom: 15px; }
10% {
bottom: 35px; }
20% {
bottom: 15px; }
30% {
bottom: 20px; }
40% {
bottom: 15px; }
100% {
bottom: 15px; } }
@-moz-keyframes bounce {
0% {
bottom: 15px; }
10% {
bottom: 35px; }
20% {
bottom: 15px; }
30% {
bottom: 20px; }
40% {
bottom: 15px; }
100% {
bottom: 15px; } }
@-o-keyframes bounce {
0% {
bottom: 15px; }
10% {
bottom: 35px; }
20% {
bottom: 15px; }
30% {
bottom: 20px; }
40% {
bottom: 15px; }
100% {
bottom: 15px; } }
@keyframes bounce {
0% {
bottom: 15px; }
10% {
bottom: 35px; }
20% {
bottom: 15px; }
30% {
bottom: 20px; }
40% {
bottom: 15px; }
100% {
bottom: 15px; } }     @font-face {
font-family: 'Corporate A';
src: url(//www.st-johanser.de/wp-content/themes/St-Johanser/fonts/corporate_a_regular-webfont.woff2) format("woff2"), url(//www.st-johanser.de/wp-content/themes/St-Johanser/fonts/corporate_a_regular-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; } @font-face {
font-family: 'Roboto Condensed light';
src: url(//www.st-johanser.de/wp-content/themes/St-Johanser/fonts/RobotoCondensed-Light.woff2) format("woff2"), url(//www.st-johanser.de/wp-content/themes/St-Johanser/fonts/RobotoCondensed-Light.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Roboto Condensed';
src: url(//www.st-johanser.de/wp-content/themes/St-Johanser/fonts/RobotoCondensed-Regular.woff2) format("woff2"), url(//www.st-johanser.de/wp-content/themes/St-Johanser/fonts/RobotoCondensed-Regular.woff) format("woff");
font-weight: normal;
font-style: normal; }
html * {
font-size: 100%; }
body {
color: #272727;
font-family: 'Corporate A', serif;
font-weight: 300;
font-style: normal;
font-size: 110%;
line-height: 1.4; }
@media (min-width: 1940px) {
body {
font-size: 130%; } }
.dark {
color: #6d6d70; }
h1,
h2,
h3,
h4,
h5,
h6 {  color: #0c0c0e;
font-weight: 300;
font-style: normal;
line-height: 1.2;
margin: 0 0 0.8em; }
h1 {
font-size: 190%; letter-spacing: -0.015em; }
@media (max-width: 480px) {
h1 {
font-size: 140%; } }
h2 {
font-size: 180%; }
@media (max-width: 480px) {
h2 {
font-size: 130%; } }
h3 {
font-size: 140%; }
h4 {
font-size: 120%; }
h5 {
font-size: 100%; }
h6 {
font-size: 100%; }
h2.widgettitle {
display: none; }
#leistungen h2 {
font-size: 22px;
line-height: 1.1; }
li.widget {
list-style: none; }
p {
margin: 0 0 1.4em 0; }
p.roofline {
color: #6d6d70;
font-family: 'Roboto Condensed light', sans-serif;
font-style: normal;
font-size: 82%;
text-transform: uppercase;
margin-bottom: 1px;
letter-spacing: 0.06em; } p.signline {
color: #959599;
font-style: normal;
font-size: 82%;
margin: 60px 0 40px;
letter-spacing: 0.06em; }
.rl-category {
color: #71b2b4;
font-style: italic;
text-transform: uppercase; }
.category-content .roofline {
padding-left: 4px;
margin-bottom: 10px; }
.startpage-table p {
font-size: 80%;
color: #64635e; }
.startpage-table a {
font-size: 100%; }
p.wcp-product-subtitle {
margin-bottom: 2.4em;
margin-top: -1.4em; }
a, a > strong, a > h1, a > h2, a > h3, a > h4, a > h5, a > h6 {
color: #d99700;
text-decoration: none; }
a:active, a:focus, a:hover {
color: #9c7417;
text-decoration: underline; }
.dark a {
color: #959599; }
.dark a:active, .dark a:focus, .dark a:hover {
color: #b7b7b9 !important; }
p.breadcrumb {
color: #959599;
font-size: 82%;
letter-spacing: 0.04em;
margin-bottom: 0.6em; }
p.breadcrumb a, p.breadcrumb a > strong {
color: #959599;
text-transform: uppercase; }
p.breadcrumb a:active > strong, p.breadcrumb a:focus > strong, p.breadcrumb a:hover > strong {
color: #ee3b34;
text-decoration: underline; }
.type-product > a:active, .type-product > a:focus, .type-product > a:hover {
text-decoration: none !important; }
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #b7b7b9;
margin: 2em 0;
padding: 0; }
sup {
font-size: 75%; }
.nobreak {
white-space: nowrap; }
blockquote {
border-left: 4px solid #cdcdc7; color: #87867d;
font-size: 108%;
font-style: italic;
line-height: 1.4;
margin: 1em 30px 1em 0;
padding-left: 24px; }
blockquote p {
margin: 0; }
.wpcf7-submit {
width: 100%; }
.wpcf7-form label {
display: none; }
.wpcf7-list-item {
margin: 0 0 1.4em 5px !important; }
.wpcf7-text, .wpcf7-form textarea {
background: #ececf2;
border: 1px solid #b7b7b9;
box-sizing: border-box;
padding: 10px;
width: 100%; }
.wpcf7-text:focus, .wpcf7-form textarea:focus {
border: 1px solid #34343a; }
.wpcf7-not-valid-tip {
color: #75050d !important; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
background: #75050d;
border: none !important;
color: #fff;
margin: -1em 0 0.8em !important;
padding: 17px 20px; }
::-webkit-input-placeholder { color: #959599;
font-style: italic; }
::-moz-placeholder { color: #959599;
font-style: italic; }
:-ms-input-placeholder { color: #959599;
font-style: italic; }
:-moz-placeholder { color: #959599;
font-style: italic; }
b, strong {
color: #4a4a4d;
font-weight: 700; }
i, em {
font-weight: 400;
font-style: italic; }
small {
font-size: 82%; }
.spacer-icon {
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/ornament.gif) center center no-repeat;
background-size: 44px 37px;
height: 73px !important;
margin: 2em 0; }
.navxt-cont {
color: #bbbbbb;
font-size: 82%;
letter-spacing: 0.03em;
text-transform: uppercase; }
.navxt-cont a { text-decoration: none; }
footer * {
color: #6d6d70;
font-size: 94%;
letter-spacing: 0.06em; }
footer a {
text-decoration: underline; }
footer a:hover, footer a:focus, footer a:active {
color: #000; }
::-webkit-input-placeholder {
color: #67675f;
font-style: italic; }
:-moz-placeholder { color: #67675f;
font-style: italic; }
::-moz-placeholder { color: #67675f;
font-style: italic; }
:-ms-input-placeholder {
color: #67675f;
font-style: italic; }
.four-o-four {
font-size: 280px;
font-weight: bold;
letter-spacing: -0.1em;
margin-bottom: 0;
line-height: 0.9; }
.four-o-four-roofline {
color: #aeaaaa;
font-size: 8px;
letter-spacing: 0.8em;
text-transform: uppercase; }
.caption {
font-size: 90%;
color: #4a4a4a; }
.floatimage-caption {
display: table-cell;
height: 290px;
vertical-align: middle; }
@media (max-width: 760px) {
.floatimage-caption {
display: block;
font-size: 90%;
height: auto;
text-align: left !important; } }
.fa {
border-radius: 14px;
height: 28px;
text-align: center;
width: 28px; }
.fa-phone {
background: #c3950b;
color: #e2c054;
font-size: 22px !important;
line-height: 1.35 !important; }
.fa-bicycle {
background: #c3950b;
color: #e2c054;
font-size: 18px !important;
line-height: 1.5 !important; }
.fa-globe {
background: #e2c054;
color: #c3950b;
font-size: 31px !important;
line-height: 0.95 !important; }
.fa-websitesteps {
background: none !important;
color: #87857b;
font-size: 100px !important;
height: 100px;
margin: 0 0 8px 18px;
text-align: center; }  nav#main-nav {
text-align: center;
padding: 20px 0 0;
z-index: 105;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
@media (min-width: 2200px) {
nav#main-nav {
padding-top: 30px; } }
@media (max-width: 1580px) {
nav#main-nav { } }
@media (max-height: 700px) {
nav#main-nav {
padding-top: 120px; } }
@media (max-width: 1080px) {
nav#main-nav {
display: none; } }
nav#main-nav a {
border-top: 2px solid white;
color: #1a1a1e;
display: inline-block; font-weight: 400;
font-size: 98%;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
margin: 0 14px;
padding: 12px 2px;
line-height: 1.2em;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
@media (min-width: 2200px) {
nav#main-nav a {
font-size: 100%; } }
@media (max-width: 1580px) {
nav#main-nav a {
font-size: 90%;
margin: 0 6px; } }
nav#main-nav a:hover { border-top: 2px solid #ee3b34;
color: #ee3b34 !important;
text-decoration: none;
opacity: 1; }
nav#main-nav .current-menu-item > a {
color: #ee3b34; }
nav#main-nav .current-menu-item > a:hover {
border-top: 2px solid white; }
nav#main-nav ul {
*zoom: 1;
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0; }
nav#main-nav ul > li {
display: inline;
list-style: none;
margin: 0; -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
nav#main-nav ul > li.menu-item-has-children {
display: inline-block;
position: relative;
padding: 3px 10px 3px 0;
z-index: 100; }
nav#main-nav ul > li.menu-item-has-children > a {
margin-right: 25px; }
@media (max-width: 1580px) {
nav#main-nav ul > li.menu-item-has-children > a {
margin-right: 22px; } }
nav#main-nav ul > li.menu-item-has-children > a:after {
content: "";
position: absolute;
width: 10px;
height: 10px;
top: 23px;
right: 15px;
z-index: -1;
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/dropdown-arrow.svg) 0 0 no-repeat;
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
-ms-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; }
nav#main-nav ul > li.menu-item-has-children:hover > a:after {
top: 25px !important;
right: 18px !important;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
z-index: 999; }
header.smaller nav#main-nav {
display: none; }
@media (max-width: 1580px) {
header.smaller nav#main-nav {
padding-top: 20px;
text-align: left; } }
header.smaller nav#main-nav a {
padding: 17px 2px 16px; }
header.smaller nav#main-nav ul.menu {
border-bottom: 2px solid #fff;
margin-bottom: 0; } ul.sub-menu {
background: white;
border-bottom: 1px solid #b7b7b9;
text-align: left !important;
left: 0;
top: 0;
padding: 0 1000em !important; margin: 0 -1000em !important; opacity: 0;
position: absolute;
visibility: hidden;
width: 100%;
z-index: 101;
-webkit-box-shadow: 0px 60px 50px -1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 60px 50px -1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 60px 50px -1px rgba(0, 0, 0, 0.05); }
ul.sub-menu a {
border-top: none !important;
display: block !important;
font-size: 96% !important;
margin: 0 !important;
min-width: 260px;
padding: 10px 15px 10px 16px !important;
text-transform: none !important; }
@media (max-width: 1580px) {
ul.sub-menu a {
padding: 10px 15px 10px 7px !important; } }
ul.sub-menu a:hover {
border-top: none !important; }
ul.sub-menu li:first-child a {
padding-top: 20px !important; }
ul.sub-menu li:last-child a {
padding-bottom: 30px !important; } nav#main-nav ul > li.menu-item-has-children > ul {
opacity: 0;
pointer-events: none;
top: 30px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
nav#main-nav ul > li.menu-item-has-children:hover > ul {
top: 50px;
pointer-events: auto;
visibility: visible;
opacity: 1; }
@media (min-width: 2200px) {
nav#main-nav ul > li.menu-item-has-children:hover > ul {
top: 38px; } }
@media (min-width: 1940px) {
nav#main-nav ul > li.menu-item-has-children:hover > ul {
top: 38px; } }
header.smaller nav#main-nav ul > li.menu-item-has-children:hover > ul {
top: 40px; } nav#main-nav ul li:hover > a {
border-top: 2px solid #ee3b34;
color: #ee3b34; } .menuTrigger {
display: none;
position: absolute;
right: 30px;
top: 55px;
width: 40px;
height: 40px;
z-index: 13;
cursor: pointer;
vertical-align: middle;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
@media (max-width: 1080px) {
.menuTrigger {
display: inline-block;
right: 20px; } }
@media (max-width: 480px) {
.menuTrigger {
right: 10px;
top: 39px; } }
.menuTrigger:hover {
opacity: 1; }
.menuTrigger.closed {
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/nav-icon.png);
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/nav-icon.svg), none;
background-repeat: no-repeat;
background-size: 40px; }
.menuTrigger.open {
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/nav-icon-arrow.png);
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/nav-icon-close.svg), none;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 28px 24px; }
.menuTrigger.open .mainLine {
color: #ef9; }
header.smaller .menuTrigger {
top: 17px; }
@media (max-width: 1080px) {
header.smaller .menuTrigger {
top: 29px; } }
.sub-nav-button {
color: #7A7A7A;
cursor: pointer;
font-size: 28px;
line-height: 1;
position: absolute;
top: 24px;
right: 24px;
padding: 8px 8px 0 8px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 13; }
.sub-nav-button:hover {
background: #e3e3df; }
.sub-nav-list {
background: #fff;
border-bottom: 1px solid #b7b7b9;
display: none;
padding: 20px 0 30px;
position: absolute;
top: 110px;
right: -400px;
overflow: hidden;
margin: 0;
max-width: 400px;
z-index: 12;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
@media (max-width: 1080px) {
.sub-nav-list {
display: inline-block;
max-width: 100%;
width: 100%; } }
@media (max-width: 480px) {
.sub-nav-list {
padding-top: 70px; } }
.sub-nav-list ul {
margin: 0;
padding: 0;
width: 100%; }
.sub-nav-list .sub-menu {
display: none; }
.sub-nav-list li:last-child a {
padding-bottom: 40px !important; }
.sub-nav-list ul li {
list-style: none;
margin: 0; }
.sub-nav-list ul li a {
box-sizing: border-box;
color: #272727 !important;
display: block;
font-size: 120%;
letter-spacing: 0.01em;
padding: 14px 20px 15px 50px;
text-align: center;
text-decoration: none; width: 100%; }
@media (max-width: 1080px) {
.sub-nav-list ul li a {
padding: 18px 20px 19px 20px; } }
@media (max-width: 480px) {
.sub-nav-list ul li a {
padding: 12px 20px 13px 20px; } }
.sub-nav-list ul li a:hover {
background: #ee3b34;
color: #fff !important; }
.sub-nav-list.list-closed {
right: -100%;
top: 110px;
width: 100%;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.sub-nav-list.list-closed ul li a {
opacity: 0;
border-top: none; }
.sub-nav-list.list-open {
right: 0;
width: 100%;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.sub-nav-list.list-open ul li a {
opacity: 1; }
header.smaller .sub-nav-list.list-closed,
header.smaller .sub-nav-list.list-open {
top: 76px; } .sub-nav-list .lang-switch,
.sub-nav-list .social-links {
display: none; }
@media (max-width: 480px) {
.sub-nav-list .lang-switch,
.sub-nav-list .social-links {
display: block; } }
.lang-switch {
position: absolute;
top: 26px;
left: 80px;
width: 109px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
@media (max-width: 1580px) {
.lang-switch {
left: 40px; } }
@media (max-width: 1080px) {
.lang-switch {
left: 30px;
top: 50px; } }
@media (max-width: 480px) {
.lang-switch {
left: -15px;
top: 19px; } }
header.smaller .lang-switch {
right: 150px; }
@media (max-width: 1080px) {
header.smaller .lang-switch {
right: 80px;
top: 26px; } }
@media (max-width: 480px) {
header.smaller .lang-switch {
right: 20px;
top: 16px; } }
@media (max-width: 480px) {
header.cp-header > .lang-switch {
display: none; } }
.widget_polylang ul {
margin: 0;
padding: 0; }
.widget_polylang li {
margin: 0;
padding: 0;
float: left;
list-style: none; }
.widget_polylang li a {
display: block;
height: 33px;
width: 33px; }
li#polylang-2 {
position: absolute;
right: 0;
top: 0; }
li.lang-item {
height: 33px;
opacity: 0.5;
overflow: hidden;
width: 47px; }
@media (max-width: 480px) {
li.lang-item {
height: 36px;
margin-left: 0 !important;
width: 30px; } }
li.lang-item img {
display: none; }
li.lang-item a {
color: #272727;
font-size: 20px;
padding-left: 22px;
text-decoration: none; }
@media (max-width: 480px) {
li.lang-item a {
font-size: 26px;
padding: 0 !important; } }
li.lang-item:first-of-type {
margin-right: 14px; }
li.lang-item-de {
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/de_DE.svg) center center no-repeat;
background-position: -49px -2px;
background-size: 99px 33px; }
@media (max-width: 480px) {
li.lang-item-de {
background: none; } }
li.lang-item-ch {
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/ch_CH.svg) center center no-repeat;
background-position: -49px -2px; background-size: 99px 33px; }
@media (max-width: 480px) {
li.lang-item-ch {
background: none; } }
li.lang-item:hover, li.current-lang {
background-position: 0 -2px;
opacity: 1; }  @media screen {
.mobile {
display: none; } }
@media screen and (max-width: 760px) {
.desktop {
display: none; } }
@media screen {
html {
height: 100%;
overflow-y: scroll; }
body {
background: #fff;
height: 100%; }
iframe { max-width: 100%; }
.wrapper {
box-sizing: border-box;
min-height: 100%;
padding-bottom: 200px;
position: relative; }
header.cp-header {
background: #fff;
box-sizing: border-box;
top: 0;
left: 0;
padding: 40px 80px 0;
position: fixed;
width: 100%;
z-index: 101;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (min-width: 2200px) {
header.cp-header { } }
@media screen and (max-width: 1580px) {
header.cp-header {
padding: 40px 40px 0; } }
@media screen and (max-height: 700px) {
header.cp-header { } }
@media screen and (max-width: 1080px) {
header.cp-header {
padding: 20px 30px 0;
height: 130px; } }
@media screen and (max-width: 480px) {
header.cp-header {
padding: 20px 30px 0;
height: 112px; } }
@media screen {
.header-box {
height: 33vh;
position: relative;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.header-column {
margin: 0 auto;
max-width: 800px;
position: relative; }
#header-logo {
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/St-Johanser-Logo.png) top left no-repeat; background-size: 100%;
height: 100px; margin-left: calc(50% - 94px);
padding: 0;
width: 189px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-height: 700px) {
#header-logo {
height: 100px;
margin-left: calc(50% - 90px);
width: 180px; } }
@media screen and (min-width: 2200px) {
#header-logo {
height: 158px;
margin-left: calc(50% - 180px);
width: 300px; } }
@media screen and (max-width: 1080px) {
#header-logo {
height: 93px;
margin-bottom: 18px;
margin-left: calc(50% - 90px);
width: 180px; } }
@media screen and (max-width: 480px) {
#header-logo {
margin-left: calc(50% - 76px);
width: 150px; } }
@media screen {
#header-logo h1 {
text-indent: -9999px;
height: 0;
margin: 0; }
#header-logo img {
height: auto;
width: 100%;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 760px) {
#header-logo img {
left: -30px; } }
@media screen {
header.smaller {
border-bottom: 1px solid #b7b7b9;
padding: 4px 0;
width: 100%; } }
@media screen and (max-width: 1080px) {
header.smaller {
height: 78px; } }
@media screen and (max-width: 480px) {
header.smaller {
height: 78px; } }
@media screen {
header.smaller .header-box {
padding: 0; }
header.smaller #header-logo {
height: 69px;
margin-bottom: 0;
margin-left: calc(50% - 65px);
padding: 2px 0 2px;
width: 130px; }
.header-search {
opacity: 0.75;
position: absolute;
top: 52px;
right: 72px;
z-index: 106;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 1580px) {
.header-search {
right: 30px;
top: 40px; } }
@media screen and (max-width: 1080px) {
.header-search {
top: 50px; } }
@media screen and (max-width: 760px) {
.header-search {
display: none; } }
@media screen {
.header-search .search-icon {
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/lupe.svg) top left no-repeat;
background-size: 100%;
width: 20px;
height: 20px;
opacity: 0.7; }
.header-search:hover {
opacity: 1; }
header.smaller .header-search {
top: 9px;
right: 6px;
opacity: 1; } }
@media screen and (max-width: 1580px) {
header.smaller .header-search {
right: 10px;
top: -4px; } }
@media screen and (max-width: 1080px) {
header.smaller .header-search {
right: 30px;
top: 50px; } }
@media screen and (max-width: 760px) {
header.smaller .header-search {
display: none; } }
@media screen { .header-search #searchform {
position: absolute;
right: 0;
top: 0;
z-index: 1001;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 1580px) {
.header-search #searchform {
top: 14px; } }
@media screen and (max-width: 760px) {
.header-search #searchform {
top: 10px;
right: 150px; } }
@media screen {
.header-search #searchform #searchsubmit, .header-search #searchform .screen-reader-text {
position: absolute;
right: -9999px; }
.header-search #searchform input {
background: rgba(255, 255, 255, 0) url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/lupe.svg) no-repeat;
background-position: top 7px right 11px;
background-size: 26px;
cursor: pointer;
color: rgba(47, 50, 51, 0);
border: none;
padding: 10px;
width: 30px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.header-search #searchform input:focus {
background: white url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/lupe.svg) no-repeat;
background-position: top 7px right 11px;
background-size: 26px;
color: #2f3233;
cursor: auto;
width: 240px; }
header.smaller.header-search #searchform {
right: 84px;
top: 10px; } }
@media screen and (max-width: 760px) {
header.smaller.header-search #searchform {
top: 10px;
right: 150px; } }
@media screen {
.bordertop {
border-top: 1px solid #b7b7b9;
padding: 30px 0 30px 25px; }
.sps-widget {
animation: move-in 3s;
background: #fff;
border: 1px solid #b7b7b9;
bottom: 70px;
box-sizing: border-box;
font-size: 110%;
height: auto;
left: 50px;
padding: 20px 20px 30px;
position: absolute;
text-align: center;
width: 360px;
z-index: 10001;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;  }
.sps-widget h2 {
margin-bottom: 6px; }
.sps-widget p {
line-height: 1.2; }
.sps-widget button {
font-size: 72%; }
.sps-widget img {
height: auto;
margin-bottom: 10px;
max-width: 100%; } }
@media screen and (max-width: 760px) {
.sps-widget {
display: none; } }
@media screen and (orientation: portrait) {
.sps-widget {
left: 0;
top: 30vh; } }
@media screen and (max-width: 720px) and (orientation: landscape) {
.sps-widget {
display: none; } }
@media screen {
.sps-widget .sps-widget-inner {
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/close-btn.svg);
background-repeat: no-repeat;
background-position: top 0px right 2px;
background-size: 13px;
box-sizing: border-box;
cursor: pointer;
height: 100%; position: relative;
width: 100%; }
.sps-widget.widget-closed {
left: -400px; }
@keyframes move-in {
0% {
left: -400px; }
70% {
left: -400px; }
100% {
left: 50px; } }
.sps-widget-mobile {
background: #343738;
box-sizing: border-box;
color: #efefef;
display: none;
font-size: 110%;
text-align: center;
padding: 20px;
width: 100%; }
.sps-widget-mobile a {
color: #d5d5d5;
text-decoration: underline; }
.sps-widget-mobile a:hover {
color: #fff; }
.sps-widget-mobile h3 {
color: #ebebeb;
font-size: 200%;
font-weight: 700;
margin-bottom: 0.25em !important; }
.sps-widget-mobile p {
line-height: 1.2; }
.sps-widget-mobile img {
height: auto;
margin-bottom: 10px;
max-width: 100%; } }
@media screen and (max-width: 760px) {
.sps-widget-mobile {
display: block; } }
@media screen {
#fourtyears {
position: absolute;
left: 70px;
bottom: 10px;
width: 110px;
z-index: 999; } }
@media screen and (max-width: 1580px) {
#fourtyears {
left: 20px;
height: 80px;
top: 100px;
width: 80px; } }
@media screen and (max-width: 1300px) {
#fourtyears {
top: 85px; } }
@media screen and (max-width: 1080px) {
#fourtyears {
left: 40px;
top: 106px; } }
@media screen and (max-width: 480px) {
#fourtyears {
left: 6px;
right: auto;
top: 94px;
height: 60px;
width: 60px; } }
@media screen {
#biene {
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/biene-button.png) top left no-repeat;
background-size: 100%;
height: 100px;
position: absolute;
top: 100px;
right: 70px;
z-index: 105;
width: 100px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 1580px) {
#biene {
right: 20px;
height: 80px;
top: 100px;
width: 80px; } }
@media screen and (max-width: 1300px) {
#biene {
top: 85px; } }
@media screen and (max-width: 1080px) {
#biene {
right: 40px;
top: 100px; } }
@media screen and (max-width: 480px) {
#biene {
left: 6px;
right: auto;
top: 24px;
height: 60px;
width: 60px; } }
@media screen {
header.smaller #biene {
height: 70px;
top: 6px;
width: 70px; } }
@media screen and (max-width: 1080px) {
header.smaller #biene {
right: 10px;
top: 90px; } }
@media screen and (max-width: 480px) {
header.smaller #biene {
height: 60px;
top: 9px;
width: 60px; } }
@media screen {
.slideshow-container {
margin-top: 180px;
overflow: hidden;
position: relative; } }
@media screen and (min-width: 2200px) {
.slideshow-container {
margin: 20vh auto 0; } }
@media screen and (max-width: 1080px) {
.slideshow-container {
margin: 118px auto 0; } }
@media screen and (max-width: 480px) {
.slideshow-container {
margin: 90px auto 0; } }
@media screen {
.slideshow-container li {
margin-bottom: 0 !important; }
.metaslider .slides {
width: 100%; } }
@media screen and (max-width: 1080px) {
.metaslider .slides img {
margin-left: -9% !important;
width: 120% !important; } }
@media screen and (max-width: 760px) {
.metaslider .slides img {
margin-left: -18% !important;
width: 140% !important; } }
@media screen and (max-width: 480px) {
.metaslider .slides img {
margin-left: -44% !important;
width: 190% !important; } }
@media screen {
.metaslider .caption-wrap {
background: none !important;
color: #fff !important;
display: flex !important;
align-items: center;
justify-content: center;
height: 100%;
letter-spacing: 0.08em;
opacity: 1 !important;
pointer-events: none;
text-align: center;
width: 100%; } }
@media screen and (max-width: 760px) {
.metaslider .caption-wrap {
display: none; } }
@media screen {
.metaslider .caption-wrap .caption {
opacity: 1;
color: #fff !important;
font-size: 110%;
line-height: 1.1; padding: 0 10px !important; } }
@media screen and (max-width: 760px) {
.metaslider .caption-wrap .caption {
font-size: 100%; } }
@media screen {
.metaslider .caption-wrap .caption h3 {
color: #fff;
font-size: 180%; letter-spacing: 0.05em;
line-height: 1.1;
margin-bottom: .25em; }
.woocommerce-product-gallery ol.flex-control-nav {
display: inline-block;
list-style-type: none;
padding: 0;
width: 100%; }
.woocommerce-product-gallery ol.flex-control-nav li {
box-sizing: border-box;
float: left;
padding: 14px 0;
text-align: center;
width: 33%; } }
@media screen and (max-width: 1080px) {
.woocommerce-product-gallery ol.flex-control-nav {
display: block;
margin: 0; }
.woocommerce-product-gallery ol.flex-control-nav img {
width: 60px; } }
@media screen {
.social-links {
position: absolute;
top: 26px;
right: 80px;
z-index: 106;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 1580px) {
.social-links {
right: 40px; } }
@media screen and (max-width: 1080px) {
.social-links {
right: 80px;
top: 50px; } }
@media screen and (max-width: 760px) {
.social-links {  }
.social-links li#execphp-3 a:nth-child(-n+2) img {
display: none; } }
@media screen and (max-width: 480px) {
.social-links {
right: 20px; top: 15px; }
.social-links li#execphp-3 a:nth-child(-n+2) img {
display: block; } }
@media screen {
.social-links li {
float: left;
list-style: none; }
.social-links img {
height: auto;
float: right;
margin-left: 10px;
opacity: 0.5;
width: 33px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 480px) {
.social-links img {
margin-left: 8px;
width: 38px; } }
@media screen {
.social-links img:hover,
.social-links .cart-icon:hover {
opacity: 1; }
.social-links .cart-icon {
float: left;
height: 33px;
margin-left: 10px;
width: 33px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 480px) {
.social-links .cart-icon {
margin-left: 8px;
width: 38px; } }
@media screen { .cart-contents {
position: relative;
display: flex !important;
flex-flow: column nowrap;
justify-content: center; } }
@media screen and (max-width: 760px) {
.cart-contents {
display: none; } }
@media screen {
.cart-contents:hover {
text-decoration: none; }
.cart-contents-count {
background: #ee3b34;
border-radius: 50%;
color: #fff;
height: 22px;
left: 28px;
line-height: 21px;
position: absolute;
text-align: center;
top: -10px;
vertical-align: middle;
width: 22px;
z-index: 8; } }
@media screen and (max-width: 760px) {
.cart-contents-count {
display: none; } }
@media screen { .cart-summary-tooltip {
background: #efefef;
opacity: 0;
pointer-events: none;
position: absolute;
right: -34px;
top: 50px;
width: 360px;
z-index: 9999;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.cart-summary-tooltip .cart-summary-content {
padding: 20px 20px 70px;
position: relative; }
.cart-summary-tooltip .woocommerce {
margin-top: 0 !important; }
.cart-summary-tooltip .woocommerce a.remove {
font-size: 1.1em;
line-height: .8; }
.cart-summary-tooltip .woocommerce ul#shipping_method li:last-of-type label {
padding-left: 18px;
display: block;
margin-top: -22px; }
.cart-summary-tooltip .woocommerce table.shop_table {
border: none;
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin: 0;
padding: 20px 5px; }
.cart-summary-tooltip .woocommerce table.shop_table tr.shipping th,
.cart-summary-tooltip .woocommerce table.shop_table tr.shipping td {
font-size: 80%;
font-weight: 100; }
.cart-summary-tooltip .woocommerce table.shop_table thead,
.cart-summary-tooltip .woocommerce table.shop_table td.actions {
display: none; }
.cart-summary-tooltip .woocommerce table.shop_table th {
width: 120px !important; }
.cart-summary-tooltip .woocommerce table.shop_table th, .cart-summary-tooltip .woocommerce table.shop_table td {
box-sizing: border-box;
padding: 10px 10px 4px 0; }
.cart-summary-tooltip .woocommerce table.shop_table td, .cart-summary-tooltip .woocommerce table.shop_table tbody th, .cart-summary-tooltip .woocommerce table.shop_table tfoot td, .cart-summary-tooltip .woocommerce table.shop_table tfoot th {
border-top: none; }
.cart-summary-tooltip table.cart {
table-layout: fixed; }
.cart-summary-tooltip table.cart td.product-remove {
width: 25px; }
.cart-summary-tooltip table.cart td.product-name {
line-height: 1.2;
width: 120px; }
.cart-summary-tooltip table.cart td.product-thumbnail {
box-sizing: border-box;
height: 60px !important;
width: 60px !important; }
.cart-summary-tooltip table.cart td.product-thumbnail img {
height: auto !important;
width: 100% !important;
opacity: 1 !important; }
.cart-summary-tooltip table.cart td.product-price {
width: 60px; }
.cart-summary-tooltip table.cart input.qty {
padding: 6px 0 !important;
width: 45px !important; }
.cart-summary-tooltip .cart_totals {
float: none !important;
width: 100% !important; }
.cart-summary-tooltip .cart_totals h2 {
display: none; }
.cart-summary-tooltip .return-to-shop,
.cart-summary-tooltip .product-subtotal,
.cart-summary-tooltip .woocommerce-notices-wrapper,
.cart-summary-tooltip .cart_totals.calculated_shipping {
display: none !important; }
.cart-summary-tooltip .order-tax {
font-size: 80%; }
.cart-summary-tooltip .wc-proceed-to-checkout {
bottom: 20px;
position: absolute;
right: 20px; }
.cart-summary-tooltip .checkout-button {
padding: 9px 25px; }
.cart-summary-tooltip .cs-cartbutton {
position: absolute;
left: 20px;
bottom: 20px;
line-height: 1;
width: 140px; }
.cart-summary-content::after {
content: '';
border: 14px solid transparent;
border-bottom-color: #efefef;
border-top: 0;
position: absolute;
top: -14px;
right: 50%;
margin-right: -14px; }
.cart-icon:hover {
padding-bottom: 100px; }
.cart-icon:hover + .cart-summary-tooltip,
.cart-summary-tooltip:hover {
opacity: 1;
pointer-events: all;
top: 60px; }
header.smaller .social-links {
right: 160px;  } }
@media screen and (max-width: 1580px) {
header.smaller .social-links {
right: 110px; } }
@media screen and (max-width: 1080px) {
header.smaller .social-links { right: 80px;
top: 26px; } }
@media screen and (max-width: 760px) {
header.smaller .social-links { } }
@media screen and (max-width: 480px) {
header.smaller .social-links {
top: 16px;
right: 20px; } }
@media screen and (max-width: 480px) {
header.smaller .social-links img {
margin-left: 8px;
width: 38px; } }
@media screen and (max-width: 480px) {
header.cp-header > .social-links {
display: none; } }
@media screen {
.sl {
background-size: 100%;
width: 26px;
height: 26px;
margin-bottom: 20px;
opacity: 0.7;
margin-right: 10px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
header.smaller .sl {
margin-right: 0;
width: 30px;
height: 30px; } }
@media screen and (max-width: 1080px) {
header.smaller .sl {
height: 26px;
margin-right: 10px;
width: 26px; } }
@media screen {
.sl:hover {
opacity: 1; }
.sl-fb {
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/icon-s-fb.svg) top left no-repeat; }
.sl-tw {
background: url(//www.st-johanser.de/wp-content/themes/St-Johanser/images/icon-s-t.svg) top left no-repeat; } .parallax-mirror {
background-color: #cfccdb; }
.parallax-window {
min-height: 46vh;
background: transparent;
position: relative; }
.page .parallax-window {
min-height: 46vh; }
.headerimg {
height: 56vh;
overflow: hidden; } }
@media screen and (max-width: 1580px) {
.headerimg {
height: 60vh; } }
@media screen and (min-device-width: 768px) and (max-device-width: 1400px) and (orientation: portrait) {
.headerimg {
height: auto; } }
@media screen and (max-width: 760px) {
.headerimg {
height: 42vh; } }
@media screen {
.headerimg img {
width: 100%; height: auto; } }
@media screen and (max-width: 760px) {
.headerimg img {
height: 100%; } }
@media screen {
.page .headerimg,
.page-partner .headerimg,
.page-referenzen .headerimg {
height: 42vh; }
.single .headerimg {
height: 50vh; }
.single .headerimg img {
margin-top: -10%; }
.blogentry {
border-bottom: 1px solid #4a4a4d;
margin-bottom: 35px;
padding: 4px 0 30px;
position: relative; }
.blogentry-image {
float: left;
margin: 0 40px 40px 0;
width: 40%; } }
@media screen and (max-width: 760px) {
.blogentry-image {
float: none;
margin: 0 0 25px;
width: 100%; } }
@media screen {
.blogentry-image img {
height: auto;
width: 100%; }
.content-wrapper {
position: relative; }
.content-column {
margin: 0 auto;
max-width: 800px;
min-height: 140px;
position: relative; } }
@media screen and (min-width: 2200px) {
.content-column {
max-width: 1600px; } }
@media screen {
.content-column img {
height: auto;
max-width: 100%; }
.content-column.portfolio {
max-width: 1240px; }
.content-column.portfolio h1, .content-column.portfolio h2, .content-column.portfolio h3, .content-column.portfolio h4, .content-column.portfolio h5, .content-column.portfolio h6 {
margin-left: 20px; }
.frontpage .content-column {
max-width: 740px; }
.shop .content-column {
max-width: 1000px; }
.sidebar-page .content-column {
max-width: 1100px; }
.category .content-column,
.single-post .content-column {
padding-top: 80px; }
.column-content {
padding-right: 340px; }
.column-sidebar { border-left: 1px solid #959599;
box-sizing: border-box;
padding-left: 25px;
position: absolute;
top: 0;
right: 0;
min-height: 300px; width: 300px; } }
@media screen and (max-width: 760px) {
.column-sidebar {
position: relative;
margin-bottom: 40px;
width: 100%; } }
@media screen {
.textcolumn {
padding-left: 35%; } }
@media screen and (max-width: 760px) {
.textcolumn {
padding-left: 0; } }
@media screen {
.content-section {
background: #fff;
padding: 60px 80px; } }
@media screen and (max-width: 1580px) {
.content-section {
padding: 60px 40px 70px; } }
@media screen and (max-width: 760px) {
.content-section {
padding: 50px 30px 50px; } }
@media screen and (max-width: 480px) {
.content-section {
padding: 20px 20px 50px; } }
@media screen {
.shop .content-section {
padding-top: 280px; } }
@media screen and (min-width: 2200px) {
.shop .content-section {
padding-top: 360px; } }
@media screen and (max-width: 1080px) {
.shop .content-section {
padding-top: 200px; } }
@media screen and (max-width: 480px) {
.shop .content-section {
padding-top: 150px; } }
@media screen {
.noheaderimg .content-section {
padding-top: 120px; } }
@media screen and (min-width: 2200px) {
.noheaderimg .content-section {
padding-top: 360px; } }
@media screen and (max-width: 1080px) {
.noheaderimg .content-section {
padding-top: 220px; } }
@media screen {
.dark {
background: #34343a; }
.cs-2col {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px; } }
@media screen and (max-width: 1580px) {
.cs-2col {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px; } }
@media screen and (max-width: 760px) {
.cs-2col {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1; } }
@media screen {
.ms-item {
box-sizing: border-box;
padding: 30px; } }
@media screen and (max-width: 1580px) {
.ms-item {
padding: 30px 20px; } }
@media screen and (max-width: 760px) {
.ms-item {
padding: 25px 10px; } }
@media screen {
.ms-item img {
height: auto;
margin-bottom: 10px;
width: 100%; }
#referenzen img {
margin-bottom: 23px; }
#referenzen .ms-item {
font-size: 82%; }
.ms-20 {
width: 20%; } }
@media screen and (max-width: 1580px) {
.ms-20 {
width: 25%; } }
@media screen and (max-width: 760px) {
.ms-20 {
width: 100%; } }
@media screen {
.ms-25 {
width: 25%; } }
@media screen and (max-width: 1580px) {
.ms-25 {
width: 33.3%; } }
@media screen and (max-width: 760px) {
.ms-25 {
width: 100%; } }
@media screen {
.ms-33 {
width: 33.3%; } }
@media screen and (max-width: 1080px) {
.ms-33 {
width: 50%; } }
@media screen and (max-width: 760px) {
.ms-33 {
width: 100%; } }
@media screen {
.ms-50 {
width: 50%; } }
@media screen and (max-width: 760px) {
.ms-50 {
width: 100%; } }
@media screen {
.alignleft, .alignright {
max-width: 52% !important; }
.alignleft {
float: left;
margin: 0 40px 40px 0; } }
@media screen and (max-width: 760px) {
.alignleft {
height: auto;
width: 100%;
margin: 20px 0;
max-width: 100% !important; } }
@media screen {
.alignright {
float: right;
margin: 0 0 40px 40px; } }
@media screen and (max-width: 760px) {
.alignright {
height: auto;
width: 100%;
margin: 20px 0;
max-width: 100% !important; } }
@media screen {
.aligncenter {
margin: 0 auto;
margin-bottom: 40px; } }
@media screen and (max-width: 760px) {
.aligncenter {
height: auto;
width: 100% !important; } }
@media screen {
.apolist-entry {
margin-bottom: 40px; }
.apolist-entry img {
float: left;
height: auto;
margin: 0 40px 30px 0;
width: 100px; }
.apolist-entry h3 {
margin-bottom: 0.2em; }
.apo-single {
padding-top: 60px; }
.apo-single img.attachment-post-thumbnail {
max-width: 40%;
height: auto;
float: right;
margin: 0 0 30px 30px; } }
@media screen and (max-width: 760px) {
.apo-single img.attachment-post-thumbnail {
margin: 30px 0;
max-width: 100%;
width: 100%; } }
@media screen { .wcp-carousel-main-wrap {
color: #6d6d70 !important; }
.wcp-carousel-main-wrap .fa {
width: 18px !important; }
.wcp-carousel-main-wrap h3 {
font-weight: normal !important;
line-height: 1.1;
margin-bottom: 0.6em !important; }
.wcp-carousel-main-wrap a {
color: #b7b7b9; }
.wcp-carousel-main-wrap a:hover {
color: #fff; }
.wcp-img-wrap {
height: 180px;
margin-bottom: 10px;
overflow: hidden; }
.wcp-img-wrap img {
height: auto;
width: 100%; }
.wcp-content-wrap * {
margin-left: 0 !important; }
.wcp-post-contents {
color: #959599 !important;
margin-top: 0 !important; }
.wcp-post-date, .wcp-post-author {
font-size: 80%;
text-transform: uppercase; }
.wcp-post-author a {
color: #6d6d70 !important; }
.slick-prev {
left: -10px !important; }
.slick-next {
right: -10px !important; }
.slick-prev, .slick-next {
top: 51% !important; }
.navxt-cont {
margin-bottom: 34px; } }
@media screen and (max-width: 760px) {
.navxt-cont {
margin-bottom: 28px; } }
@media screen {
table {
margin: 10px 0 20px 10px; }
table td {
padding: 8px; }
.clearfix:after {
content: "";
clear: both;
display: block;
visibility: hidden;
height: 0px; }
.nocolbreak, ul {
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column; display: table; }
ul {
margin-bottom: 2em; }
li {
margin-bottom: 0.6em; }
ul ul {
margin-bottom: 0.5em; }
ul ul li {
margin-bottom: 0.3em; }
ul ul li:first-child {
margin-top: 0.8em; }
.ms-box { }
.ms-box img {
height: auto;
width: 100%; }
.post-links {  }
.post-links .prev-post {
float: left; }
.post-links .next-post {
float: right; }
#leistungen a:hover {
text-decoration: none; }
#leistungen h2 {
margin: 0 0 0.5em; }
#leistungen a:hover h2 {
color: #fff;
text-decoration: none; }
#leistungen a {
color: #959599; }
#leistungen a p {
color: #959599;
font-size: 80%; }
#leistungen p > a {
font-size: 80%;
line-height: 1 !important; }
#leistungen * {
line-height: 1.2 !important; } .su-tabs-nav span, .su-tabs-pane {
font-size: 100% !important; }
.su-tabs-pane { padding: 25px 20px 70px !important; }
.su-tabs-current { font-weight: bold; }
.cmplz-cookiebanner .cmplz-title {
padding-top: 14px !important;
font-size: 118% !important; }
footer {
bottom: 0;
box-sizing: border-box;
padding: 140px 0 80px;
position: absolute;
width: 100%;
height: 250px; }
.footer-section {
position: relative; } }
@media screen and (max-width: 760px) {
.footer-section {
padding: 0 30px; } }
@media screen {
.footer-column {
margin: 0 auto;
max-width: 800px;
position: relative;
text-align: center; } }.product.product-type-variable ul.tabs li.product_safety_tab,.wc-gzd-additional-info-placeholder,p.wc-gzd-additional-info:empty{display:none}#order_review .wc-gzd-checkbox-placeholder{clear:both}#order_review .wc-gzd-checkbox-placeholder p.form-row{float:none;padding:0 1em 0 0;text-align:left}#order_review .wc-gzd-checkbox-placeholder p.form-row label{display:inline}#order_review .wc-gzd-checkbox-placeholder:empty{display:none}.woocommerce-checkout .shop_table{background-color:#eee}@media(min-width:768px){table.woocommerce-checkout-review-order-table tr.wc-gzd-cart-item-has-thumbnail .wc-gzd-cart-item-name-wrapper{align-items:center;display:flex}}table.woocommerce-checkout-review-order-table tr.wc-gzd-cart-item-has-thumbnail .wc-gzd-cart-item-name-wrapper .wc-gzd-cart-item-thumbnail{margin-right:1em;max-width:15%;min-width:60px}table.woocommerce-checkout-review-order-table tr.wc-gzd-cart-item-has-thumbnail .wc-gzd-cart-item-name-wrapper .wc-gzd-cart-item-thumbnail img{margin:0}body.theme-astra table.woocommerce-checkout-review-order-table tr.wc-gzd-cart-item-has-thumbnail td.product-name{flex-wrap:wrap}.cart_totals tr.order-total-differential-taxation-notice td:before,.cart_totals tr.order-total-small-business-notice td:before{content:""!important}.includes_tax,.tax_label,.woocommerce dl.variation dd[class*=variation-gzd-],.woocommerce dl.variation div[class*=variation-gzd-],.woocommerce dl.variation dt[class*=variation-gzd-],.woocommerce dl.variation li[class*=variation-gzd-],.woocommerce ul.variation dd[class*=variation-gzd-],.woocommerce ul.variation div[class*=variation-gzd-],.woocommerce ul.variation dt[class*=variation-gzd-],.woocommerce ul.variation li[class*=variation-gzd-],.woocommerce-cart dl.variation dd[class*=variation-gzd-],.woocommerce-cart dl.variation div[class*=variation-gzd-],.woocommerce-cart dl.variation dt[class*=variation-gzd-],.woocommerce-cart dl.variation li[class*=variation-gzd-],.woocommerce-cart ul.variation dd[class*=variation-gzd-],.woocommerce-cart ul.variation div[class*=variation-gzd-],.woocommerce-cart ul.variation dt[class*=variation-gzd-],.woocommerce-cart ul.variation li[class*=variation-gzd-],.woocommerce-checkout dl.variation dd[class*=variation-gzd-],.woocommerce-checkout dl.variation div[class*=variation-gzd-],.woocommerce-checkout dl.variation dt[class*=variation-gzd-],.woocommerce-checkout dl.variation li[class*=variation-gzd-],.woocommerce-checkout ul.variation dd[class*=variation-gzd-],.woocommerce-checkout ul.variation div[class*=variation-gzd-],.woocommerce-checkout ul.variation dt[class*=variation-gzd-],.woocommerce-checkout ul.variation li[class*=variation-gzd-],.woocommerce-mini-cart dl.variation dd[class*=variation-gzd-],.woocommerce-mini-cart dl.variation div[class*=variation-gzd-],.woocommerce-mini-cart dl.variation dt[class*=variation-gzd-],.woocommerce-mini-cart dl.variation li[class*=variation-gzd-],.woocommerce-mini-cart ul.variation dd[class*=variation-gzd-],.woocommerce-mini-cart ul.variation div[class*=variation-gzd-],.woocommerce-mini-cart ul.variation dt[class*=variation-gzd-],.woocommerce-mini-cart ul.variation li[class*=variation-gzd-]{display:none!important}.wc-gzd-small-business-includes-tax{display:inline!important;font-size:.9em;padding-left:3px}.woocommerce-gzd-checkout #order_review_heading{display:none}.woocommerce-checkout .shop_table tr td p{margin-bottom:0}.woocommerce-checkout .shop_table td,.woocommerce-checkout .shop_table th{line-height:1.5}.more-variants-available-info{display:block;font-size:11px;font-weight:400}.shop_table .product-name-inner,.shop_table .product-name-inner tr td{border:none;margin:0;padding:0}.shop_table .product-name-inner tr td:last-child{text-align:right}.cart_totals .wc-gzd-additional-wrapper,.woocommerce-checkout table.shop_table .wc-gzd-additional-wrapper{clear:both;text-align:right}.cart_totals p.wc-gzd-additional-info,.woocommerce-checkout table.shop_table p.wc-gzd-additional-info{display:inline-block;font-size:.8em;font-weight:400;margin-bottom:0}.entry-content .woocommerce #payment{margin-bottom:1em}.woocommerce #payment .wc-terms-and-conditions{display:none!important}.entry-content .woocommerce .checkout-btn-wrap{text-align:right}.woocommerce-checkout p.direct-debit-checkbox{display:none}.unit-price-cart{display:block;font-size:.9em;margin-top:5px}.product_list_widget .wc-gzd-additional-info,.products .wc-gzd-additional-info{font-size:.8em;margin:.7rem 0;padding:0}.product_list_widget .wc-gzd-additional-info,.product_list_widget p.price-unit{line-height:1.8em;margin:.2rem 0}.product_list_widget .wc-gzd-additional-info a{display:inline!important}.product_list_widget .price-unit,.products .product .price-unit{font-size:.8em}.product_list_widget .price-unit{margin-bottom:.7em}.product p.wc-gzd-additional-info{clear:left;font-size:.9em;margin-bottom:.5rem}.product .defect-description:not(:empty){border:2px solid #4b4f58;margin:1em 0;padding:.5em}.product .defect-description:not(:empty) p:last-child{margin-bottom:0}form.cart.wc-gzd-replace-price .single_variation_wrap .woocommerce-variation-price{display:none}.deposit-packaging-type{font-weight:700;text-transform:uppercase}.product p.deposit-packaging-type{font-size:1.2em!important}.wc-gzd-rating-authenticity-status{display:block;font-size:.9em}.woocommerce-product-rating .wc-gzd-rating-authenticity-status{display:inline-block}.product .product_meta{margin-top:1rem}p.footer-info{font-size:.9em;padding-bottom:.5rem;text-align:center}.wc-gzd-item-defect-description p,.wc-gzd-item-desc p{font-size:.9em;font-weight:400}.wc-gzd-edit-data-notice{background:#eee;display:inline-block;padding:1em}.wc-gzd-edit-data-notice p.wc-gzd-info{margin:0;padding:0}.wc-gzd-power-supply{display:flex;flex-wrap:wrap;height:70px;margin:1em 0}.wc-gzd-power-supply svg{align-items:center;display:flex;height:70px;width:70px}.wc-gzd-power-supply svg text{text-anchor:middle;dominant-baseline:middle;font-size:1.8rem;font-weight:600}.wc-gzd-power-supply svg text.min-max-watt-has-decimals,.wc-gzd-power-supply svg text.power-supply-usb-pd{font-size:1.5rem}.wc-gzd-cart-info{display:block}table.product-details-inner{margin:0;padding:0;table-layout:fixed}table.product-details-inner,table.product-details-inner td,table.product-details-inner tr{background:transparent;border:none;margin-bottom:0;margin-top:0;padding-bottom:0;padding-top:0}table.product-details-inner tr td:last-child{text-align:right}.wc-gzd-product-name-left,.wc-gzd-product-name-right{float:left}.wc-gzd-product-name-left{margin-right:1em;max-width:15%}#order_review .blockMsg{line-height:1.5em}#shipping_parcelshop_post_number_field .optional{display:none!important}.wc-gzd-nutri-score-value{display:block;height:4rem;text-indent:-9999px;width:7.0625rem}.wc-gzd-placeholder-loading{display:flex;flex:0 0 100%;flex-flow:column;overflow:hidden;position:relative}.wc-gzd-placeholder-loading *{box-sizing:border-box}.wc-gzd-placeholder-loading:before{animation:phAnimation .8s linear infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0) 46%,hsla(0,0%,100%,.35) 50%,hsla(0,0%,100%,0) 54%) 50% 50%;bottom:0;content:" ";left:50%;margin-left:-250%;pointer-events:none;position:absolute;right:0;top:0;width:500%;z-index:1}.wc-gzd-placeholder-loading .wc-gzd-placeholder-row{align-items:center;display:flex;vertical-align:middle}.wc-gzd-placeholder-loading .wc-gzd-placeholder-row>*{background-color:#e7e7e7;display:block;height:10px}.wc-gzd-placeholder-loading .wc-gzd-placeholder-row .wc-gzd-placeholder-row-col-4{min-width:100px}@keyframes phAnimation{0%{transform:translate3d(-30%,0,0)}to{transform:translate3d(30%,0,0)}}.wc-block-featured-product .wc-gzd-additional-info{color:inherit;font-size:.9em;margin:0;padding:5px 48px 0;text-align:center;width:100%;z-index:1}.wc-block-featured-product .wc-gzd-nutri-score{width:auto}ul.wc-block-grid__products li.wc-block-grid__product .wc-gzd-additional-info{margin:.5em 0}ul.wc-block-grid__products li.wc-block-grid__product .wc-gzd-additional-info:not(.deposit-packaging-type){font-size:.9em;font-weight:400}.theme-twentytwenty form.woocommerce-checkout #order_review_heading,.theme-twentytwentyone form.woocommerce-checkout #order_review_heading{margin-bottom:2rem;padding-left:0;text-align:left;width:100%}