body {
background-color: #ffffff !important;
min-width: auto !important;
overflow-x: unset !important;
}
html {
scroll-behavior: smooth;
}
.container {
max-width: 1500px;
}
.container.wide {
max-width: 1800px;
}
body a {
color: #333333;
text-decoration: none;
font-size: 100%;
transition: all .3s ease;
}
body a:hover {
text-decoration: none;
color: #c8230a;
transition: all .3s ease;
}
body a:focus{
outline: none;
box-shadow: none;
border-radius: 25px;
}
body ul {
padding: 0;
margin: 0;
}
body,
html,
* {
font-family: 'Libre Franklin';
}
body h2 {
color: #333333;
margin: 0;
}
body:has(.flx_hero ) .flx_kontaktformular{
margin-top:60px;
} body p {
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
#page-header #menubuttonburger .custom_css_icon span.burger_bar {
width: 50px;
background-color: #000;
border-radius: 0;
}
#page-header .toppermenu_outer {
background: #ffffffc7;
padding: 0.3rem 0.5rem;
}
#page-header .toppermenu_outer.active {
width: 100%;
position: unset;
background: #333333; padding-right: 10px;
z-index: 444444;
padding-right: 27px;
max-width: 520px;
}
#page-header,
#page-header.bottom.activemenu {
padding-top: 0;
} .header-menu-top #menu-menu-1 li.menu-btn a {
background-color: #FFD21F;
border-radius: 100px;
font-weight: 600;
padding: 10px 20px;
color: #000;
line-height: 1;
}
.header-menu-top #menu-menu-1 li a {
cursor: pointer;
}
.header-menu-top #menu-menu-1>li {
padding-left: 0;
margin-bottom: 0;
position: relative;
line-height: normal;
}
.header-menu-top {
display: none;
}
.header-top-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.inhaltsbloecke {
margin-top: 75px;
}
#page-header,
#page-header.bottom {
padding-top: 15px;
padding-bottom: 15px;
}
#page-header #burgermenu {
top: 70px;
}
#page-header li.menu-item-has-children {
cursor: pointer;
}
#page-header .header-menu-top li.menu-item-has-children {
display: flex;
}
#page-header .menu.active li.menu-item-has-children::after {
content: none;
}
#page-header #burgermenu ul.menu>li {
padding-bottom: 18px;
border-bottom: 1.3px solid #B2AEAB;
padding-left: 0;
position: relative;
}
#page-header .menu.active li.menu-item-has-children.active::after,
#page-header #burgermenu ul.menu li .sub-menu li::before {
content: none;
}
#page-header #burgermenu ul.menu {
margin-top: 0;
}
#page-header #burgermenu {
top: 85px;
} .container {
padding: 0 15px;
}
#page-header.bottom .logo img,
#page-header .logo img {
margin: 0;
margin-top: 0 !important;
}
#page-header.bottom {
height: auto;
}
.inhaltsbloecke {
margin-bottom: 0;
}
body:has(.image-block-simple) #page-footer {
margin-top: -1.5rem
} @media (min-width: 575px) {
.container {
padding: 0 20px;
}
.inhaltsbloecke {
margin-top: 80px;
}
#page-header #burgermenu {
top: 85px;
}
}
@media (min-width: 769px) {
body:has(.flx_hero ) .flx_kontaktformular{
margin-top:120px;
}
.container {
padding: 0 30px;
}
body:has(.image-block-simple) #page-footer {
margin-top: -2.5rem;
}
.header-menu-top #menu-menu-1 {
display: flex;
gap: 40px;
align-items: center;
}
.header-menu-top #menu-menu-1 li a {
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
position: relative;
line-height: 24px;
padding-right: 12px;
}
.header-menu-top #menu-menu-1>li.menu-main>a:hover {
color: #C8230A;
text-shadow:
0.4px 0 0 currentColor,
-0.4px 0 0 currentColor;
}
.header-menu-top #menu-menu-1>li.menu-main>a:hover::before {
content: "";
width: 100%;
height: 1px;
background-color: #C8230A;
position: absolute;
bottom: 0;
}
.header-menu-top #menu-menu-1>li.menu-main>a:hover::after {
content: "▾";
opacity: 1;
position: absolute;
padding-left: 3px;
}
.header-menu-top .sub-menu {
display: none;
}
.header-menu-top #menu-menu-1 li.menu-main:hover .sub-menu {
display: flex;
flex-direction: column;
top: calc(100% + -9px);
border: 0.5px solid #000000;
border-radius: 4px;
position: absolute;
transform: translateY(45px);
background-color: #fff;
padding: 15px 24px 15px 24px;
min-width: 346px;
}
.header-menu-top #menu-menu-1 li.menu-btn {
margin-left: 0;
}
.header-menu-top #menu-menu-1 li.menu-main {
position: relative;
}
.header-menu-top #menu-menu-1 li.menu-main::after {
content: "";
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 35px;
background: transparent;
pointer-events: auto;
cursor: default;
}
body p {
font-size: 20px;
}
}
@media (min-width: 998px) {
#page-header .toppermenu_outer {
padding: 1rem;
}
.inhaltsbloecke {
margin-top: 85px;
}
#page-header,
#page-header.bottom {
padding-top: 24px;
padding-bottom: 14px;
}
#page-header {
padding-top: 24.5px;
padding-bottom: 14px;
}
li.menu-link {
font-size: 18px;
font-weight: 400;
padding-left: 15px;
position: relative;
margin-bottom: 0;
}
li.menu-link::before {
width: 0;
content: "-";
color: #000;
position: absolute;
left: 0;
top: 0;
height: 0;
background: none;
}
#page-header .toppermenu_outer {
display: none;
}
#page-header #burgermenu {
display: none !important;
}
.header-menu-top {
display: block;
}
.header-menu-top #menu-menu-1 {
gap: 20px;
}
.header-menu-top #menu-menu-1 li a {
font-size: 14px;
}
.header-menu-top #menu-menu-1>li::before,
.menu-text::before {
content: none;
}
.menu-text {
padding-left: 15px;
}
.menu-text a {
font-weight: 600 !important;
}
.header_menu_burger.accordion-arrow {
width: 25px;
height: 25px;
}
.header_menu_burger.accordion-arrow span {
width: 25px;
}
#page-header .toppermenu_outer {
background: transparent;
padding: 0;
}
}
@media (min-width: 1490px) {
.header-menu-top #menu-menu-1 {
gap: 40px;
}
.header-menu-top #menu-menu-1 li a {
font-size: 18px;
}
}
@media (min-width: 1500px) {
.header-menu-top #menu-menu-1 li.menu-btn {
margin-left: 84px;
}
.inhaltsbloecke {
margin-top: 85px;
}
}
@media (max-width: 1500px) {
.container {
max-width: 1500px;
}
#page-header.bottom {
height: auto;
}
}