html { scroll-padding-top: 125px; }
@media (max-width: 767px) { html { scroll-padding-top: 140px; } } .pkf-kopf {
position: sticky;
top: 0;
z-index: 99;
background: #fff;
box-shadow: -34px 0 10px 0 rgba(0, 0, 0, .5);
}
.admin-bar .pkf-kopf { top: 32px; }
@media (max-width: 782px) { .admin-bar .pkf-kopf { top: 46px; } }
@media (max-width: 600px) { .admin-bar .pkf-kopf { top: 0; } }
.pkf-kopf__innen {
display: flex;
align-items: center;
max-width: 1140px;
min-height: 108px;
margin: 0 auto;
}
.pkf-kopf__logo {
flex: 0 0 30%;
max-width: 30%;
padding: 10px;
box-sizing: border-box;
}
.pkf-kopf__logo a { display: block; line-height: 0; }
.pkf-logo {
display: block;
width: 100%;
max-width: 322px;
height: auto;
}
.pkf-name { font: 700 22px/1.2 Poppins, sans-serif; color: #000; }
.pkf-nav {
flex: 1 1 auto;
padding-left: 6.3%;
box-sizing: border-box;
}
.pkf-nav__liste,
.pkf-nav__liste ul {
list-style: none;
margin: 0;
padding: 0;
}
.pkf-nav__liste { display: flex; flex-wrap: wrap; align-items: center; }
.pkf-nav__liste > li { position: relative; margin: 0; }
.pkf-nav a {
display: block;
padding: 14px 9px;
font-family: Roboto, sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 20px;
color: #000;
text-decoration: none;
}
.pkf-nav a:hover,
.pkf-nav a:focus-visible,
.pkf-nav .current-menu-item > a,
.pkf-nav .current-menu-ancestor > a,
.pkf-nav .current_page_item > a {
color: #006ccc;
}
.pkf-nav a:focus-visible { outline: 2px solid #006ccc; outline-offset: -2px; } .pkf-nav__liste ul {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 2;
min-width: 200px;
background: #fff;
box-shadow: 0 6px 16px rgba(0, 0, 0, .15);
}
.pkf-nav__liste li:hover > ul,
.pkf-nav__liste li:focus-within > ul { display: block; }
.pkf-nav__liste ul a { padding: 10px 16px; font-size: 15px; }
.pkf-schalter { display: none; } @media (max-width: 767px) {
.pkf-kopf__innen {
flex-direction: column;
justify-content: center;
min-height: 0;
padding: 10px 0 14px;
}
.pkf-kopf__logo { flex: none; max-width: none; padding: 0; }
.pkf-logo { width: auto; height: 70px; max-width: 90vw; object-fit: contain; }
.pkf-schalter {
display: flex;
align-items: center;
justify-content: center;
width: 28.5px;
height: 28.5px;
margin: 0;
padding: 4.75px;
border: 0;
border-radius: 3px;
background: #007aff;
color: #fff;
line-height: 0;
cursor: pointer;
}
.pkf-schalter svg { width: 19px; height: 19px; fill: currentColor; }
.pkf-schalter:focus-visible { outline: 2px solid #000; outline-offset: 2px; }
.pkf-icon-zu { display: none; }
.pkf-offen .pkf-schalter { background: #000; }
.pkf-offen .pkf-icon-auf { display: none; }
.pkf-offen .pkf-icon-zu { display: block; }
.pkf-nav {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
padding: 0;
background: #fff;
box-shadow: 0 10px 15px -5px rgba(0, 0, 0, .2);
}
.pkf-offen .pkf-nav { display: block; }
.pkf-nav__liste { flex-direction: column; align-items: stretch; }
.pkf-nav a {
padding: 9px 20px;
font-family: Amiko, sans-serif;
font-size: 18px;
line-height: 20px;
text-align: center;
color: #33373d;
}
.pkf-nav a:hover,
.pkf-nav a:focus-visible,
.pkf-nav .current-menu-item > a,
.pkf-nav .current-menu-ancestor > a,
.pkf-nav .current_page_item > a {
color: #0231f7;
}
.pkf-nav__liste ul { display: block; position: static; min-width: 0; box-shadow: none; }
.pkf-nav__liste ul a { font-size: 16px; }
} .pkf-fuss {
background: #545454;
color: #fff;
text-align: center;
font-family: Roboto, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 25.5px;
}
.pkf-fuss__innen { padding: 10px; }
.pkf-fuss p,
.pkf-fuss__liste { margin: 0 0 25.5px; }
.pkf-fuss__liste {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
padding: 0;
}
.pkf-fuss__liste li { margin: 0; }
.pkf-fuss__liste li + li::before {
content: "|";
content: "|" / "";
padding: 0 .28em;
}
.pkf-fuss a { color: #fff; text-decoration: none; }
.pkf-fuss a:hover,
.pkf-fuss a:focus-visible { color: #e0e0e0; }
.pkf-fuss a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }