@charset "UTF-8";


@media (min-width:576px){}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){}
@media (min-width:1400px){}

/* Abstand Teaser mobil, die nicht in aside sind, z.B. /leben-in-koeln/freizeit-natur-sport/karneval/ */

.tpl-2022-startseite article.teaser .row{
	box-shadow: 0px 2px red;
}

/* Content-Teaser */
body.tpl-2022-startseite .teaser.firstchild.textbildoben figure img {
    margin: 0 auto;
    max-height: unset;
    max-width: unset;
    box-sizing: border-box;
    padding-top: 0;
}

#body.tpl-2022-startseite .teaser .inhalt a h2, #body.tpl-2023-uebersichtseite .flex-teaser .inhalt h2 {
	font-size: 1.375rem;
	font-family: 'ApproachKoelnRegular';
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 0;
	word-wrap: break-word;
    letter-spacing: 0.001em;
    color: #2d2d2d !important;
    text-align: left !important;
	line-height: 1.5rem;
	margin-top: 0px;
	hyphens: auto;
}

#inhalt figure > a > img {
	width: 100%;
}

#body.tpl-2022-startseite figure.col-12 a img[title="Link auf , © "] {
	display: none;
}


#body.tpl-2022-startseite .teaser .inhalt p.unterzeile { 
	font-size: 1rem!important;
	padding-bottom: 0px !important;
}

body.tpl-2022-startseite .teaser.textbildoben { background-color: #fff;}
body.tpl-2022-startseite .teaser.textbildoben .inhalt, 
body.tpl-2022-startseite .teaser.textbildoben figure {text-align: left;}
body.tpl-2022-startseite .teaser.textbildoben .inhalt a, 
body.tpl-2022-startseite .teaser.textbildoben .inhalt h2 { color: black;}

body.tpl-2022-startseite .teaser .inhalt a {
	font-family: 'ApproachKoelnBold';
}

@media screen and (min-width: 1400px) {
	body.tpl-2022-startseite .teaser .inhalt a {
		line-height: 1.7875rem;
		font-size: 1.375rem;
		font-family: 'ApproachKoelnBold';
	}
}

@media screen and (min-width: 575px) {
	body.tpl-2022-startseite .teaser .inhalt a {
		padding: 0rem 0rem 0 0;
	}

}

@media screen and (max-width: 575px) {
	body.tpl-2022-startseite .teaser .inhalt a {
		padding: 0rem 6rem 0 0;
	}

}

@media screen and (max-width: 480px) {
	body.tpl-2022-startseite .teaser .inhalt p.unterzeile {
		font-size: .875rem;
	}

}

@media screen and (min-width: 320px){
    body.tpl-2022-startseite .teaser figure a {
		max-height: unset;
	}

	body.tpl-2022-startseite .teaser .inhalt a {
		font-size: 1.375rem;
		font-family: 'ApproachKoelnRegular';
		padding: 1rem 0rem 1rem 0;
		}

	body.tpl-2022-startseite .teaser .inhalt p.unterzeile {
		font-family: 'ApproachKoelnSemiBold';
	}

}

@media screen and (min-width: 480px) and (max-width: 575px) {
	body.tpl-2022-startseite .teaser .inhalt a {
	padding-right: 6rem
	}

}