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


/* TH, 19.05.2021: Themenboxen mit eingepassten Logos im festen Seitenverhältnis */
.cards .bg-img.contain {
	background-color: #fff;
	background-size: contain;
	border: 15px solid #fff;
	padding-top: calc(66.666% - 30px);
}


/* IN, TH 31.01.2024 TASK19048 */
.iframe-message p, .iframe-message a{
    color: #404040;
}
.cards .bg-img.contain {
    outline: 2px solid #444;
    outline-offset: -2px;
}
.cards:not(.cards-circle) .icon {
    padding-top: 20px;
}
.cards.cards-circle .icon {
    background-color: #CC0000 !important;
    border: 3px solid #cc0000 !important;
}
.cards.cards-circle > a:hover .icon, .cards.cards-circle > a:focus .icon, .cards.cards-circle > a.tab-focus .icon {
    background-color: #fff !important;
}
/*.cards.cards-circle:hover > a .icon [class*="fa-"] {
    color: #cc0000 !important;
}*/
.cards.cards-circle > a:hover .icon [class*="fa-"], .cards.cards-circle > a:focus .icon [class*="fa-"], 
.cards.cards-circle > a.tab-focus .icon [class*="fa-"] {
    color:#cc0000 !important;    
}
.cards.cards-circle .caption {
    margin: unset;
}
.cards.cards-circle .caption,
.cards.cards-circle .caption .title {
    color: #383838;
}
.cards.cards-circle.ikiss_norel .caption .title {
    color: #0000ff !important;
}
/*.cards .caption .description {
    color: #FFFFFF;
}*/


/* TH, 05.07.2024, PMTASKS6059: 1. H1 auf der Startseite verstecken, wenn man nicht in der Bearbeitung ist */
.startseite :not(.directedit-editnode) > .page-title:first-of-type {
    position: absolute;
    top: auto;
    left: -5000px;
    overflow: hidden;
    height: auto;
}
.iframe_optout-btn {
    display: none;
    background: none;
    font-size: 0.75em !important; /* important noetig, um nur den Klassenselektor verwenden zu koennen */
    opacity: 0.5;
    letter-spacing: inherit;
    cursor: pointer;
    color: inherit;
}
.iframe_optout-btn:focus,
.iframe_optout-btn:hover {
    text-decoration: underline;
}
.iframe_optout-btn [class*="fa-"] {
    color: red;
}

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

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


    
}

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

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

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