/* Footer wie auf der Hauptseite und den Info-Seiten. */
.footer{
--schrift-normal:16px;
font:400 var(--schrift-normal)/1.5 "Inter Tight",Arial,sans-serif;
width:100%;
margin-top:30px;
background:#fff;
color:#111;
}
.footer .footer-innen{
padding-top:55px;
padding-bottom:35px;
}
.footer .footer-logo{
width:100%;
display:block;
}
.footer .footer-logo img{
width:100%;
height:auto;
display:block;
}
.footer .footer-navigation{
width:100%;
margin-top:135px;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:start;
}
.footer .footer-nav{
width:auto;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:12px;
grid-row:1;
}
.footer .footer-nav:nth-child(1){
grid-column:1;
justify-self:start;
}
.footer .footer-nav:nth-child(2){
grid-column:2;
justify-self:start;
}
.footer .footer-nav:nth-child(3){
grid-column:3;
justify-self:start;
}
.footer .footer-nav:nth-child(4){
grid-column:3;
justify-self:end;
text-align:right;
}
.footer .footer-nav a{
display:inline-flex;
align-items:center;
gap:8px;
color:#111;
font-size:var(--schrift-normal);
line-height:1.2;
text-decoration:none;
}
.footer .footer-nav a:hover{
text-decoration:underline;
text-underline-offset:4px;
}
.footer .footer-nav a:focus-visible{
outline:2px solid #111;
outline-offset:4px;
}
.footer .footer-nav-social a img{
width:10px;
height:10px;
display:block;
}
.footer .footer-unten{
margin-top:170px;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:140px;
}
.footer .footer-unten p{
margin:0;
font-size:var(--schrift-normal);
line-height:1.3;
}
.footer .footer-recht{
display:flex;
align-items:center;
justify-content:flex-end;
gap:28px;
}
.footer .footer-recht a{
color:#111;
font-size:var(--schrift-normal);
line-height:1.3;
text-decoration:none;
}
.footer .footer-recht a:hover{
text-decoration:underline;
text-underline-offset:4px;
}
.footer .footer-recht a:focus-visible{
outline:2px solid #111;
outline-offset:4px;
}
.footer .rahmen{
width:calc(100% - 60px);
margin:auto;
}
.footer .footer-nav .artikel-navigation-inaktiv{
display:inline-flex;
align-items:center;
position:relative;
color:#aaa;
font-size:var(--schrift-normal);
line-height:1.2;
cursor:default;
}
.footer .footer-nav .artikel-navigation-inaktiv:before,
.footer .footer-nav .artikel-navigation-inaktiv:after{
content:"";
width:calc(100% + 10px);
height:1px;
position:absolute;
left:-5px;
top:50%;
background:#aaa;
transform-origin:center;
pointer-events:none;
}
.footer .footer-nav .artikel-navigation-inaktiv:before{
transform:rotate(10deg);
}
.footer .footer-nav .artikel-navigation-inaktiv:after{
transform:rotate(-10deg);
}
@media(min-width:1921px){
.footer .rahmen{
max-width:1920px;
}
}
@media(max-width:834px){
.footer .footer-navigation{
grid-template-columns:repeat(2,minmax(0,1fr));
row-gap:70px;
}
.footer .footer-nav:nth-child(1){
grid-column:1;
grid-row:1;
justify-self:start;
align-items:flex-start;
text-align:left;
}
.footer .footer-nav:nth-child(2){
grid-column:2;
grid-row:1;
justify-self:start;
align-items:flex-start;
text-align:left;
}
.footer .footer-nav:nth-child(3){
grid-column:1;
grid-row:2;
justify-self:start;
align-items:flex-start;
text-align:left;
}
.footer .footer-nav:nth-child(4){
grid-column:2;
grid-row:2;
justify-self:start;
align-items:flex-start;
text-align:left;
}
}
@media(max-width:600px){
.footer{
margin-top:60px;
}
.footer .footer-navigation{
grid-template-columns:1fr;
row-gap:0;
}
.footer .footer-nav:nth-child(1),
.footer .footer-nav:nth-child(2),
.footer .footer-nav:nth-child(3),
.footer .footer-nav:nth-child(4){
grid-column:1;
justify-self:stretch;
align-items:flex-start;
text-align:left;
}
.footer .footer-nav:nth-child(1){
grid-row:1;
}
.footer .footer-nav:nth-child(2){
grid-row:2;
margin-top:25px;
padding-top:25px;
border-top:1px solid #e5e5e5;
}
.footer .footer-nav:nth-child(3){
grid-row:3;
margin-top:25px;
padding-top:25px;
border-top:1px solid #e5e5e5;
}
.footer .footer-nav:nth-child(4){
grid-row:4;
margin-top:25px;
padding-top:25px;
border-top:1px solid #e5e5e5;
}
.footer .footer-unten{
margin-top:25px;
flex-direction:column-reverse;
align-items:stretch;
gap:35px;
}
.footer .footer-recht{
width:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
gap:12px;
padding-top:25px;
border-top:1px solid #e5e5e5;
}
.footer .footer-unten p{
width:100%;
margin:0;
padding-top:135px;
border-top:1px solid #e5e5e5;
text-align:center;
line-height:1.6;
}
.footer .footer-nav a,
.footer .footer-recht a{
line-height:1.4;
}
.footer .footer-unten p{
line-height:1.5;
}
.footer .footer-navigation{
margin-top:65px;
}
}
@media(max-width:414px){
.footer .rahmen{
width:calc(100% - 40px);
}
}