﻿/* ===================== Feature-Box für Social Links ====================== */

.button-social-links .-vertical-centered > .feature-box-text {
	padding: 0.5em 4% 0.5em 0;
	width: 100%;
}

.button-social-links .feature-box-text {
	padding: 0.5em 4% 0.5em 0;
	width: 100%;
}

.button-social-links .-vertical-centered > .feature-box-link {
	
	width: 100%;
}
.button-social-links  .feature-box-link {
	
	width: 100%;
}


.page-footer{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50px 40px 40px;
    grid-template-areas: 
    "area1 area2"
    "area3 area3"
    "area4 area4";
    /* border: 4px solid red;     */
}
.item1{
    background: #dd9302;
    /* grid-column: 1 / 2; */
    grid-area: area1;
    padding-right: 20px;
}
.item1 ul li a{
    color: white;
    font-size: 0.9em
}
.item2{
    background: #dd9302;
    /* grid-column: 2 / 3; */
    grid-area: area2;
    padding-left: 20px;
}
.header-links.-secondary {
    padding-top: 2px;
    /* padding-bottom: 0;
    border: 1px solid red; */
}
.item2 h3{
    display: inline;
}
.item3{
    /* background: green; */
    /* grid-column: 2 / 3; */
    grid-area: area3;
}
.item3 ul li a{
    font-size: 0.7em;
}
.item4{
    /* background: yellow; */
    /* grid-column: 2 / 3; */
    grid-area: area4;
}
/* FLEX-EIGENSCHAFTEN */
.item1 .nav-bar ul{
    /* border: 1px solid green; */
    display: flex;   
    justify-content: flex-end;
    padding: 0;
}
.item1 .nav-bar ul li{
    /* border: 1px solid red; */
    margin: 0 16px;
}
.item2 .meintest{
    display: flex;
    /* justify-content: space-evenly; */
}
.item2 .meintest h3{
    font-size: 0.9em;
    color: white;
    line-height: 30px;
}
.item3 ul{
    display: flex;
    justify-content: center;
    padding: 0;
}
.item3 ul li{
    margin: 0 30px;
}
@media only screen and (max-width: 812px) {
.item2 .meintest ul{
    margin-left: 10px;
}
}
@media only screen and (max-width: 414px) {
/* #footer-neu .inside{ */
.page-footer{
    grid-template-columns: 100%;
    /* grid-template-rows: repeat(2,100px); */
    grid-template-rows: 40px 42px 58px 30px;
    grid-template-areas: 
    "area1"
    "area2"
    "area3"
    "area4";
    /* border: 4px dotted green; */
}
/* FLEX-EIGENSCHAFTEN */
.item1{
    padding-right: 0px;
}
.item1 .nav-bar ul{
    justify-content: center;
    /* border: 1px dotted yellow; */
    padding: 0;
}
.item2{
    padding-right: 0px;
}
.item2 .meintest {
    display: flex;
    justify-content: space-evenly;
}
.item3 ul{
    flex-direction: row;
    flex-wrap: wrap;
}
}

/* =============cookiebot================= */
#CybotCookiebotDialogPoweredbyLink img{
    display: none;
}
#CybotCookiebotDialogPoweredbyLink::before{
    content: url("/files/fmhde/theme/images/logo/fmh_cookie.png");
    
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #dc9402!important;
    border-color: #dc9402 !important;	
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border: 2px solid #dc9402 !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active{
     color: #dc9402 !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active {
    border-bottom: 5px solid #dc9402 !important;
        border-bottom-width: 4px !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
    color: #dc9402 !important;
}
/* #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover {
    opacity: .85 !important;	
} */


/* #CybotCookiebotDialog{
    background-color: #37aadf !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active {
    border-bottom: 1px solid #184f96 !important;
        border-bottom-width: 1px !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible + span, #CybotCookiebotDialog :focus-visible {
    outline: #184f96 solid 2px !important;
}

    
#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #184f96 !important;
} */
/* #CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type {
    scrollbar-color: green red !important;
} */

