/* Individuelle Anpassungen und Ergaenzungen bitte nur hier einfuegen! */

/* Dienstleistungsthemenboxen - 07.11.2024 - OWL-IT - MB - erhalten von Peter Cochius, Advantic als Auszug aus https://www.landkreis-tuttlingen.de/layout/lktuttlingen/design.css ohne Garantie der Vollständigkeit */
.dl-row {
    --flex-gap-column:12px;
    --flex-gap-row: 24px; 
}
.startseite .cards.dl-card, .startseite .cards.dl-card > a {
    background-color:#fff !important;
}
.folgeseite .cards.dl-card, .folgeseite .cards.dl-card > a {
    background-color:#F3F4F6 !important;
}
.cards.dl-card .dl-card-caption{
    display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	flex-direction:column;
	justify-content:space-between;
	height:100%;
}
.cards.dl-card .dl-card-title-inner{
    display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content:space-between;
	align-items:center;
	padding:0 44px 10px;
}
.cards.dl-card:hover, .cards.dl-card:focus {
    -webkit-transform:none;
    transform:none;
}
.cards.dl-card > a:hover,
.cards.dl-card > a:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
}
.cards.dl-card .caption.dl-card-caption {
    padding:30px 0 0;
}
.dl-card, .site-main {
    container-type:inline-size;
}
.cards.dl-card .caption.dl-card-caption .title {
    font-size:.9em;
    text-align:left;
    color:#002D59;
    cursor:pointer;
}
.cards.dl-card .caption.dl-card-caption a.title {
    text-decoration:none;
}
.cards.dl-card .caption.dl-card-caption .title:hover, .cards.dl-card .caption.dl-card-caption .title:focus, 
.cards .caption.dl-card-caption ul.dl-card-list li a:hover, .cards .caption.dl-card-caption ul.dl-card-list li a:focus,
.cards.dl-card .caption.dl-card-caption .dl-more a:hover, .cards.dl-card .caption.dl-card-caption .dl-more a:focus,
.cards.dl-card > a:hover .title, .cards.dl-card > a:focus .title{
    text-decoration:underline;
}
.cards.dl-card .icon.dl-card-icon {
    padding:0;
    margin-left: 10px;
}
.cards.dl-card .icon.dl-card-icon i {
    font-size:2.15em;
    color:#EC6A5D;
}
.dl-card-list .link-list_link-icon {
	width: 1.3846em;
	margin-left: -1.3846em;
	margin-right: 0px;
	text-align: left;
	font-size: .65em;
	font-weight: 800;
	line-height: 1em;
	vertical-align: middle;
	color:#002D59 !important;
}
.dl-card-list {
    padding-left:.9em;
    font-size:.9em;
    margin:0 44px;
}
.cards .caption.dl-card-caption ul.unstyled-list.dl-card-list li {
    margin-bottom:.25em;
}
.cards .caption.dl-card-caption ul.dl-card-list li a {
    color:#002D59;
    text-decoration:none;
}
.cards.dl-card .icon.dl-card-icon {
    color:#EC6A5D;
}
.cards.dl-card .caption.dl-card-caption .dl-more {
    border-top: 1px solid #eaeaea;
    padding:10px 44px 14px;
    font-size:.8em;
    margin-top:30px;
}
.cards.dl-card .caption.dl-card-caption .dl-more * {
    color:#002D59;
    font-weight:700;
}
.cards.dl-card .caption.dl-card-caption .dl-more a {
    text-decoration:none;
}
.cards.dl-card .caption.dl-card-caption .dl-more i {
    margin-left:5px;
}
.cards.dl-card > a {
    padding-bottom:25px;
}
.cards.dl-card .dl-card-title-inner {
    cursor: pointer;
}
@container (max-inline-size: 300px) {
    .cards.dl-card .icon.dl-card-icon i {
        font-size:1.5em;
    }
	.cards.dl-card .dl-card-title-inner {
	    padding-left:15px;
	    padding-right:15px;
	}
	.dl-card-list {
	    margin: 0 15px;
	}
	.cards.dl-card .caption.dl-card-caption .dl-more {
	    padding:10px 15px 14px;
	}
}








@media screen and (min-width: 961px){
	
	
	
	
	
}

@media screen and (min-width: 681px){
	
	
	
	
	
}

@media screen and (max-width: 960px){
	
	
	
	
	
}

@media screen and (max-width: 680px){
	
	
	
	
	
}
.site-footer {border-top: 5px solid #FFAA00;}

.site-content{padding-top:0;}
/* .cards { hyphens: manual; background-color: #ebebeb; } - 08.12.2023 - MB - krz - auf manuell zurückgestellte Silbentrennung soll doch wieder automatisch erfolgen (lt. Mail T. Janssen), da die Einstellung "manual" zu unschönen Umbrüchen innerhalb von Wörtern führt */
.cards { background-color: #ebebeb; }
.cards .caption .title { font-size: 16px; line-height: normal; } 
.cards.orange, .cards.dunkelblau { background: none; }

/* .cards .caption { padding: 15px; } - 07.12.2023 - MB - krz - wird weiter unten eh überschrieben */

.cards.orange .icon {
    margin: 15px auto 15px auto;
    text-align: center;
    background-color: #FEB100;
	color: #fff;
    display: inline-block;
	width: 80px;
	height: 80px;
	vertical-align: middle;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	z-index: 1;
   
}

.cards.dunkelblau .icon {
    margin: 15px auto 15px auto;
    text-align: center;
    background-color: #002B66;
	color: #fff;
    display: inline-block;
	width: 80px;
	height: 80px;
	vertical-align: middle;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	z-index: 1;
    
}
.cards .icon i {
    font-size: 44px;
    margin-right: 0;
    text-align: center;
    vertical-align: middle;
}
/* .cards .caption{    - 07.12.2023 - MB - krz - ist genau so schon in der design.css gesetzt
	padding: 25px;
}
.cards .image + .caption {
    padding: 15px;
}
.cards .icon + .caption {
    padding: 0 15px 15px;
    margin-top: -5px;
    text-align: center;
} */
.cards > a .icon{color:#fff;}