/*
Theme Name: Ebertz Datenschutz
Theme URI: https://www.intermedia-werbeagentur.de
Author: Intermedia Peters GmbH | Werbeagentur
Author URI: https://www.intermedia-werbeagentur.de
Description: WordPress Theme mit lokalem Bootstrap 5 & Font Awesome
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ebertz
Tags: bootstrap, fontawesome, responsive, minimal
*/

.ci {color: #ee8324;}
#menutoggle {display: none;}
header {background-image: url("assets/img/head-bg.jpg"); padding-top: 150px; background-position: center center; background-repeat: no-repeat; transition: background-position 0.6s ease, background-size 0.6s ease; position: relative;}
header p {font-size: 18px; line-height: 30px;}
#menuline {padding: 15px 0px;transition: all .2s ease;position: fixed; top: 0px; width: 100%; z-index: 5000}
#menuline .menuline {border-bottom: 1px solid; border-color: rgba(0,0,0,0.2)}
#menuline.is-fixed .menuline {border-bottom: 0px;}
#menuline.is-fixed {background-color: #fff;}
#menuline.is-fixed .col-lg-3 {width: 16.66666667%;}
#menuline.is-fixed .col-lg-9 {width: 83.33333333%;}
main a { color: #ee8324; text-decoration: none; transition: .7s ease;}
main a:hover {text-decoration: none; color: #bd5900;}
.post-hero {width: 100%; height: 400px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.page-id-3 header,.page-id-13 header,.page-id-46 header,.page-id-48 header,.page-id-50 header,.page-id-58 header,.page-id-60 header,.page-id-62 header{background:none;padding:25px 0 90px}
.page-id-3 #menuline,.page-id-13 #menuline,.page-id-46 #menuline,.page-id-48 #menuline,.page-id-50 #menuline,.page-id-58 #menuline,.page-id-60 #menuline,.page-id-62 #menuline{background-color:#fff}
.page-id-3 #menuline .menuline,.page-id-13 #menuline .menuline,.page-id-46 #menuline .menuline,.page-id-48 #menuline .menuline,.page-id-50 #menuline .menuline,.page-id-58 #menuline .menuline,.page-id-60 #menuline .menuline,.page-id-62 #menuline .menuline{border-bottom:0}
#main-menu {margin: 0px; padding: 0px; list-style: none; display: flex; justify-content: flex-end; font-family: 'Open Sans'; font-weight: 500; font-size: 18px; height: 100%; align-items: center; }
#main-menu li {padding: 0px;}
#main-menu li a {display: block; padding: 0px; transition: all .75s ease;}
#main-menu li a:hover {color: #ee8324;}
#main-menu li a:after {content: '•'; padding: 0px 15px; color: #ee8324;}
#main-menu li:last-child a:after {content: none;}
.le {padding-top: 40px;}
.home-widgets-top {font-family: 'Open Sans'; height: auto; opacity: 1;}
h1,h2,h3,h4,h5,h6 {font-family: 'Open Sans'; font-weight: 700; color: #000;}
h1 {font-size: 50px; margin-bottom: 20px;}
h2 {font-size: 34px;margin-bottom: 20px;}
h2 small {display: block; font-size: 18px;color: #ee8324;}
ul.uvps {margin: 30px 0 0 0; padding: 0px; list-style: none; display: flex; justify-content: space-between;}
ul.uvps li a {padding: 15px 30px 15px 55px; color: #fff; background-color: #ee8324; font-weight: 700; border-radius: 8px; text-decoration: none; position: relative; transition: all .7s ease;}
ul.uvps li a:hover {background-color: #bd5900;}
ul.uvps li a::before {content: "";display: inline-block;width: 20px;height: 22px;background-image: url("assets/img/check-w.png");background-size: contain;background-repeat: no-repeat;position: absolute;left: 20px;transition: all .75s ease; top:15px;}
section.white-bg p {font-size: 18px; line-height: 30px;}
section.white-bg  {background-color: #fff; padding: 90px 0px;}
section.grey-bg {background-color: #f1f0f6; padding: 90px 0px;}
section.grey-bg p {font-size: 18px; line-height: 30px;}
section.foot-bg {background-color: #f1f0f6; padding: 90px 0px; position: relative;}
section.foot-bg p {font-size: 18px; line-height: 30px;}
section.informationssicherheit {background-image: url("assets/img/informationssicherheit-bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: background-position 0.6s ease, background-size 0.6s ease; padding: 90px 0px;}
section.custom p {font-size: 18px; line-height: 30px;}
a.button{padding:10px 30px 10px 70px;color:#fff;background-color:#ee8324;font-weight:700;border-radius:8px;text-decoration:none;position:relative;display:inline-block;transition:all .7s ease;overflow:hidden}
a.button::before{content:"\f061";font-family:"Font Awesome 7 Free";font-weight:900;position:absolute;left:25px;top:50%;transform:translateY(-50%) translateX(0);transition:transform .4s ease}
a.button.external::before {content:"\f35d";}
a.button.contact::before {content:"\f073";}
a.button:hover{background-color:#bd5900; color: #fff;}
a.button:hover::before{transform:translateY(-50%) translateX(5px)}

button.button {padding:10px 30px 10px 30px;color:#fff;border:0px; background-color:#ee8324;font-weight:700;border-radius:8px;text-decoration:none;position:relative;display:inline-block;transition:all .7s ease;overflow:hidden; margin-top: 20px;}
button.button:hover {background-color:#bd5900}
.wpcf7-list-item { padding: 0px; margin: 0px 15px 0px 0px;}
.wpcf7-list-item-label {display: none;}
.cinfo {padding-left: 30px; padding-bottom: 10px;}
.cinfo p {font-size: 14px !important;}
.wpcf7-captcha-your-msg {width: 120px !important; height: auto !important;}

.text-justify{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto}
.fade-up{opacity:0;transform:translateY(30px);animation:fadeUp .8s ease-out forwards}
.fade-left{opacity:0;transform:translateX(-40px);animation:fadeLeft .8s ease-out forwards}
.fade-right{opacity:0;transform:translateX(40px);animation:fadeRight .8s ease-out forwards}
.delay-1{animation-delay:.2s}
.delay-2{animation-delay:.4s}
.delay-3{animation-delay:.6s}
.delay-4{animation-delay:.8s}
@keyframes fadeUp {
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes fadeLeft {
from{opacity:0;transform:translateX(-40px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes fadeRight {
from{opacity:0;transform:translateX(40px)}
to{opacity:1;transform:translateX(0)}
}
.reveal-init{opacity:0;transform:translateY(24px);}
.reveal-init.is-visible{opacity:1;transform:none;transition:transform .7s ease-out,opacity .7s ease-out}
.reveal-init .row > [class*="col"] > *{transition:transform .6s ease-out,opacity .6s ease-out;opacity:0;transform:translateY(16px)}
.reveal-init.is-visible .row > [class*="col"] > *{opacity:1;transform:none}
.reveal-init.is-visible .row > [class*="col"] > :nth-child(1){transition-delay:.05s}
.reveal-init.is-visible .row > [class*="col"] > :nth-child(2){transition-delay:.15s}
.reveal-init.is-visible .row > [class*="col"] > :nth-child(3){transition-delay:.25s}
.reveal-init.is-visible .row > [class*="col"] > :nth-child(4){transition-delay:.35s}
.reveal-init.is-visible .row > [class*="col"] > :nth-child(5){transition-delay:.45s}
.reveal-init.is-visible .row > [class*="col"] > :nth-child(6){transition-delay:.55s}
ul.checklist {margin: 0px; padding: 0px; list-style: none;}
ul.checklist li {margin-bottom: 8px; background-color: #fff; border-radius: 8px; font-size: 18px;font-family: 'Open Sans'; padding: 15px 20px 15px 60px; position: relative;}
ul.checklist li:before {content: "";display: inline-block;width: 20px;height: 22px;background-image: url("assets/img/check.png");background-size: contain;background-repeat: no-repeat;position: absolute;left: 20px;transition: all .75s ease; top:18px;}
ul.checklist li:last-child {margin-bottom: 0px;}
.foot-dame {position: relative;}
.foot-dame img {position: absolute; bottom: -90px; max-width: 100%; height: auto;}
.foot-contact {margin-bottom: 20px;}
.foot-contact td {font-family: 'Open Sans'; color: #000; line-height: 30px; font-weight: 400; padding: 5px 0px;}
.foot-contact td strong {font-weight: 700;}
.foot-contact td a {color: #000; text-decoration: none; transition: all .7s ease;}
.foot-contact td a:hover {color: #ee8324; text-decoration: underline;}
.foot-contact td svg {margin-right: 20px;}
footer {background-color: #fff; padding: 30px 0px;font-family: 'Open Sans'; color: #000; line-height: 30px; font-weight: 400;}
footer a {color: #000; text-decoration: none; transition: all .7s ease;}
footer a:hover {color: #ee8324; text-decoration: underline;}
#footer-menu {margin: 0px; padding: 0px; list-style: none; display:flex; justify-content: flex-end;}
#footer-menu li a:after {content:'|'; padding: 0px 15px;color: #ee8324;}
#footer-menu li:last-child a:after {content: none; padding: 0px;}
#footer-menu li a:hover {text-decoration: none;}

/* --- Sidebar (Monatsarchive & Widgets) --- */
aside .widget { margin-bottom: 30px; }
aside .widget h3 { font-size: 16px; letter-spacing: .02em; text-transform: uppercase; margin-bottom: 12px; }
aside .widget ul { list-style: none; margin: 0; padding: 0; }
aside .widget ul li { margin: 6px 0; }
aside .widget ul li a { text-decoration: none; color: #333; display: inline-block; }
aside .widget ul li a:hover { color: #ee8324; }
aside .widget ul li .post-count { opacity: .6; }

/* Monatsarchive von wp_get_archives() – optional Zählerspan */
aside .widget ul li a + span { margin-left: 6px; opacity: .6; }

/* Sticky Sidebar ab md+ */
@media (min-width: 768px) {
  aside { position: sticky; top: 90px; }
}

/* --- Post-Listing Cards (home.php / archive.php) --- */
main article { transition: box-shadow .25s ease, transform .2s ease; }
main article:hover { box-shadow: 0 10px 24px rgba(0,0,0,.06); transform: translateY(-2px); }
main article .img-fluid { border-radius: 8px; }

/* Meta-Leiste unter dem Titel */
.post-meta,
main article p.text-muted.small { color: #666 !important; }
main article p.text-muted.small a { color: inherit; text-decoration: underline; text-decoration-color: rgba(0,0,0,.15); }
main article p.text-muted.small a:hover { color: #ee8324; text-decoration-color: #ee8324; }

/* Auszug & „Weiterlesen“-Button */
main article .entry-excerpt { margin-top: 10px; }
main article .btn.btn-primary { border-radius: 8px; border: 0; }
main article .btn.btn-primary:focus { outline: none; box-shadow: 0 0 0 .2rem rgba(238,131,36,.25); }

/* Trennlinie am Artikelende dezenter */
main article.border-bottom { border-color: rgba(0,0,0,.08) !important; }

/* --- Pagination --- */
.navigation,
.pagination,
nav.pagination { display: flex; justify-content: center; margin-top: 20px; }
.page-numbers { display: inline-block; padding: 8px 12px; margin: 0 4px; border-radius: 6px; text-decoration: none; border: 1px solid rgba(0,0,0,.1); }
.page-numbers:hover { border-color: #ee8324; color: #ee8324; }
.page-numbers.current { background: #ee8324; color: #fff; border-color: #ee8324; }

/* --- Single: Hero & Content --- */
.post-hero { position: relative; border-radius: 0; }
.post-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.15)); }
.post-hero .container, .post-hero .row, .post-hero .col-12 { position: relative; z-index: 2; }
.post-hero h1 { color: #fff; text-shadow: 0 6px 18px rgba(0,0,0,.18); }

/* Überschrift im Fallback-Header (ohne Bild) */
header.bg-light.border-bottom h1 { color: #000; }

/* Content Lesbarkeit */
.post-content p { line-height: 1.75; font-size: 18px; }
.post-content img { max-width: 100%; height: auto; border-radius: 8px; }
.post-content figure { margin: 1.25rem 0; }
.post-content blockquote { border-left: 4px solid #ee8324; padding: .5rem 1rem; margin: 1.25rem 0; background: #fff7f0; }

/* Tags als Badges */
.badge-group a { display: inline-block; padding: 6px 10px; margin: 0 6px 6px 0; font-size: 13px; background: #f5f5f7; border-radius: 999px; text-decoration: none; color: #333; }
.badge-group a:hover { background: #ffe6d2; color: #bd5900; }

/* Vor/Zurück-Navigation */
.post-navigation { border-color: rgba(0,0,0,.08) !important; }
.post-navigation a { text-decoration: none; }
.post-navigation a:hover { color: #ee8324; }
.img-cover { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.soft-shadow { box-shadow: 0 10px 24px rgba(0,0,0,.06); }

@media screen and (max-width: 1399px) {
    h1 {font-size: 45px;}
    h2 {font-size: 28px;}
    h2 small { font-size: 16px;}
    ul.uvps li a { font-size: 14px;padding: 15px 30px 15px 50px;}
    ul.uvps li a::before { width: 15px; height: 17px; top: 17px; }
}
@media screen and (max-width: 1199px) {
    #main-menu {font-size: 16px;}
    h1 {font-size: 36px;}
    header {padding-top: 90px;}
    ul.uvps li a {padding: 10px 20px;}
    ul.uvps li a:before {content: none; display: none;}
    ul.checklist li {line-height: 30px;}
    a.button.contact {font-size: 16px;}
    footer, footer p, footer li {font-size: 14px;}
    #footer-menu li a::after { padding: 0 5px;}
}
@media screen and (max-width: 991px) {
    header {background-size: cover; padding-top: 130px;padding-bottom: 40px; overflow: hidden;}
    #menutoggle {display: inline-block; padding: 5px 15px;border-radius: 8px;border: 1px solid #ee8324; color: #ee8324;font-size: 20px;position: absolute;z-index: 50;right: 20px;cursor: pointer;top: 30px; transition: all .7s ease;}
    #menutoggle.active, #menutoggle:hover {color: #fff; background-color: #ee8324;}
    #main-menu {display: none; position: absolute; background-color: #fff; left:0; right: 0; height: auto; padding: 50px 25px; top: 00px;}
    #main-menu li {display: block;}
    #main-menu li a:after {content: none; display: none; padding: 0px;}
    #main-menu li a {display: block; padding: 8px 16px; text-align: center;border-radius: 6px;}
    #main-menu li a:hover {color: #fff; background-color: #ee8324; }
    #menuline .menuline { border-bottom: 0px;}
    #menuline.is-fixed #menutoggle {top: 15px; font-size: 16px;}
    h1 {font-size:28px;}
    ul.uvps { display: block;}
    ul.uvps li {line-height: 60px;}
    ul.uvps li a { font-size: 14px;padding: 15px 30px 15px 50px;}
    ul.uvps li a::before {content: "";display: inline-block;width: 20px;height: 22px;background-image: url("assets/img/check-w.png");background-size: contain;background-repeat: no-repeat;position: absolute;left: 20px;transition: all .75s ease; top:15px;}
    .le {position: absolute;bottom: -40px;width: 431px;right: -79px;max-width: none !important;}
    h2 small {font-size: 14px;}
    h2 {font-size: 22px;}
    .foot-bg .col-md-5,.foot-bg .col-md-7 {width: 100%;}
    .foot-dame img { display: none; }
    footer .col-md-6 {width: 100%; text-align: center;}
    #footer-menu {justify-content: center;}
    

}
@media screen and (max-width: 768px) {
    .logo {max-width: 200px;}
    .le {width: 294px;}
    #menuline.is-fixed .logo {max-width: 130px;}
    ul.checklist {margin-bottom: 50px;}
    section.white-bg, section.grey-bg, section.custom, section.foot-bg {padding: 45px 0px !important;}
}
@media screen and (max-width: 575px) {
    .home-widgets-top, .widget_custom_html, .custom-html-widget, .custom-html-widget .container, .custom-html-widget .container .row, { height: 100%;}
    .custom-html-widget .container .row .col-12.col-md-5 {position: absolute; height: 100%; bottom: 0px;}
    #footer-menu {display: block; text-align: center;}
    #footer-menu li a {display: block; padding: 5px 0px;}
    #footer-menu li a:after {content: none; padding: 0px;}
    .logo {max-width: 180px;margin-left: 0px !important;}
    h1, h2 {font-size: 18px;}
    ul.uvps {display: none;}
    header {height: 600px; padding-bottom: 0px;}
    .page-id-3 header,.page-id-13 header,.page-id-46 header,.page-id-48 header,.page-id-50 header,.page-id-58 header,.page-id-60 header,.page-id-62 header{height: auto;}
    .le {bottom: 0px;}
}
@media screen and (max-width: 320px) {

}