@charset "UTF-8";

body.tpl-2022-startseite .service {
    background-color: unset;
}


body.tpl-2022-startseite .service .service-item {
	margin-bottom:1rem;
}



body.tpl-2022-startseite .service .service-item a{
    background-color: #FAF7F5;
    display: flex;
  /*  padding: 3.375rem; */
    font-family: 'ApproachKoelnSemiBold', Arial, sans-serif;
    color: #2d2d2d;
    font-size: 1.3rem;
    text-decoration: none;
	align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
}   

body.tpl-2022-startseite .service .service-item a {
    flex: 1 0 auto;
    max-height: 15.5rem
}

body.tpl-2022-startseite .service .service-item a img {
    margin: auto;
    padding-top: 3.25rem;
    width: 6.625rem
}

body.tpl-2022-startseite .service .service-item a:hover{
    background-color: var(--red);
    color: white;
    font-size: 1.3rem;
    text-decoration: none;
} 

body.tpl-2022-startseite .service .service-item a div.service-icon {
    background-color: unset;
    border-radius: unset;
    
}

body.tpl-2022-startseite .service .service-item a div.service-icon svg{
    width: 8rem;
    height: 8rem;
    margin: 2rem auto 0 auto;
    display: block;    
    fill: #2d2d2d;
}


body.tpl-2022-startseite .service .service-item a:hover div.service-icon svg{
    fill: #fff;   
}

/* body.tpl-2022-startseite .service .service-item a:before {
    content: '';
    display: block;
    padding-top: 100%;
} */

body.tpl-2022-startseite .service .service-label{
    margin: 1.875rem auto;
    text-align: center;
    font-size: 1.375rem
}
/*Linkbox generell - angepasst für Startseite, Jobs */
body.tpl-2022-startseite .container article.teaser.listbox {
    background-color: #FAF7F5;
    padding: 2rem;
}

@media (max-width:376px){
	body.tpl-2022-startseite .container article.teaser.listbox {
		background-color: transparent;
		padding: 0;
	}
}


body.tpl-2022-startseite .container article.teaser.listbox h2 {
    font-family: 'ApproachKoelnBold', Arial, sans-serif;
    text-align: left;
    font-size: 1.375rem;
    border-bottom: 3px solid #de0000;
    padding-bottom: 0.875rem;
    margin: 0;
    color: #de0000;
}

body.tpl-2022-startseite .container article.listbox ul li a {
    background-color: unset;
    font-size: 1.375rem;
    line-height: 2rem;
}

@media only screen and (min-width: 768px) {
	body.tpl-2022-startseite .container .teaser.listbox ul {
		-webkit-column-count: unset;
		column-count: unset;
	}
}

@media (min-width:768px) and (max-width:992px){
	body.tpl-2022-startseite .service .service-icon svg {padding: 1rem;}
	body.tpl-2022-startseite .service .service-label {font-size: 1.125rem;}
}
@media (max-width:576px){
	body.tpl-2022-startseite .service .service-icon svg {padding: 1rem;margin-top:0;}
    body.tpl-2022-startseite .service .service-label {font-size: 1.125rem;margin-top:0;margin-bottom:.5rem}
    body.tpl-2022-startseite .service .service-item a div.service-icon svg { margin: 0;}
}