/* Texte */
.text-weiss,
.text-weiss :where(h1, h2, h3, h4, h5, h6, p, a, blockquote){
	color:var(--weiss);
}
.text-schwarz,
.text-schwarz :where(h1, h2, h3, h4, h5, h6, p, a, blockquote){
	color:var(--schwarz);
}
.text-blau,
.text-blau :where(h1, h2, h3, h4, h5, h6, p, a, blockquote){
	color:var(--blau);
}
.text-dunkelblau,
.text-dunkelblau :where(h1, h2, h3, h4, h5, h6, p, a, blockquote){
	color:var(--dunkelblau);
}
.text-orange,
.text-orange :where(h1, h2, h3, h4, h5, h6, p, a, blockquote){
	color:var(--orange);
}
.text-gruen,
.text-gruen :where(h1, h2, h3, h4, h5, h6, p, a, blockquote){
	color:var(--gruen);
}
.text-grau,
.text-grau :where(h1, h2, h3, h4, h5, h6, p, a, blockquote){
	color:var(--grau);
}

.big-text{
	font-size: 1.4rem;
	line-height: 1.4em;
}
.tiny-text{
	font-size: 1rem;
	line-height: 1.4em;
}

a.telefon, a.mail, #footer a[href^="tel:"], #footer a[href^="mailto:"] {
    display: inline-block;
    padding-left: 35px;
    line-height: 2;
    color: inherit;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left center;
}
a.telefon, #footer a[href^="tel:"] {
    background-image: url('../images/icon-telefon.svg');
    background-size: auto 21px;
    background-position: left 3px center;
}
a.mail, #footer a[href^="mailto:"] {
    background-image: url('../images/icon-mail.svg');
    background-size: auto 16px;
}
a.telefon.blue { background-image: url('../images/icon-telefon-bl.svg'); }
a.mail.blue { background-image: url('../images/icon-mail-bl.svg'); }
a.telefon:hover, a.mail:hover, #footer a[href^="tel:"]:hover, #footer a[href^="mailto:"]:hover {
    text-decoration: underline;
}
/* Backgrounds */
.bg-blau{
	background-color:var(--blau);
}
.bg-dunkelblau{
	background-color:var(--dunkelblau);
}
.bg-dunkelblau-75{
	background-color:var(--dunkelblau-75);
}
.bg-orange{
	background-color:var(--orange);
}
.bg-gruen{
	background-color:var(--gruen);
}
.bg-hellgruen{
	background-color:var(--hellgruen);
}
.bg-grau{
	background-color: var(--grau);
}
.bg-hellgrau{
	background-color: var(--bg-hellgrau);
}

/* Header */
.sticky-off .branding a img, 
.sticky-off .branding img{
	width:190px;
}
.sticky-on .branding a img, 
.sticky-on .branding img{
	width:140px;
}
.main-nav > li > a .menu-text{
	font-family: var(--font-family);
}
.masthead:not(.side-header) .header-bar{
	align-items: center;
}

.mobile-header-bar .mobile-branding img{
	width:170px;
	margin: 10px 0px 10px 0px;
	transition: width .3s, margin .3s;
}
.sticky-mobile-on .mobile-header-bar .mobile-branding img{
	width: 140px;
	margin: 0px 0px 0px 0px;
}
.mobile-main-nav li > a .menu-text,
.dt-mobile-header .mobile-main-nav li .sub-nav > li > a .menu-text{
	font-family: var(--font-family);
}
.mobile-main-nav .next-level-button svg{
	color: var(--dunkelblau);
	fill: var(--dunkelblau);
}
/* Footer */
#footer a{
	text-decoration: none !important;
}
#footer.solid-bg{
	background: transparent;
}
#footer > .wf-wrap{
	background: var(--dunkelblau-75);
	border-radius: var(--border-radius);
	overflow: hidden;
}
#footer .widget,
#footer .widget .textwidget{
	min-height: 400px;
}
#footer #text-2{
	width: 40%;
}
#footer #text-2 .textwidget,
#footer #text-3 .textwidget{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#footer #text-2 a{
	display:inline-block;
	line-height: 2.2em;
}
#footer #text-2 img{
	width: 260px;
	height: auto;
}
#footer #text-2 .first{
	text-transform: uppercase;
	font-size: 1.125rem;
}
#footer #nav_menu-2{
	width: 20%;
}
#footer #nav_menu-3{
	width: 20%;
}
.footer .menu li, .footer .widget_pages li, .footer .custom-menu.dividers-on li, .footer .blogroll li, .footer .qts-lang-menu li{
	border: 0 !important;
}
#footer #text-3{
	width: 20%;
	height:100%;
}
#footer #text-3 .textwidget{
	display: flex;
	flex-direction: column;
	height:100%;
}
#footer #text-3 .textwidget li{
	display: inline-block;
	margin-right:5px;
}
#footer #text-3 .textwidget li a{
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 18px;
	background: #fff;
	text-indent: -10000px;
}
#footer #text-3 .textwidget li a.linkedin{
	background: url(../images/icon-linkedin.svg) no-repeat center #fff;
}
#footer #text-3 .textwidget li a.linkedin:hover{
	background: url(../images/icon-linkedin.svg) no-repeat center var(--orange);
}
#footer #text-3 .textwidget li a.xing{
	background: url(../images/icon-xing.svg) no-repeat center #fff;
}
#footer #text-3 .textwidget li a.xing:hover{
	background: url(../images/icon-xing.svg) no-repeat center var(--orange);
}

#bottom-bar,
#bottom-bar .mini-nav,
#bottom-bar .mini-nav a,
#bottom-bar .mini-nav select,
#bottom-bar select,
#bottom-bar .bottom-text-block,
#bottom-bar .menu-select,
#bottom-bar p,
#bottom-bar a{
    font-size: 1rem;
}
/* The7 adds an inline font size to its mobile select. */
#bottom-bar select { font-size: 1rem !important; }
#bottom-bar a{
	text-decoration: none !important;
}
#bottom-bar a:hover{
	color: var(--orange);
}
#bottom-bar .wf-float-right{
	justify-content: space-between;
}
#bottom-bar .wf-float-right a{
	margin-right: 6px;
}

@media (max-width: 992px) {
	#footer{
		text-align: center;
	}
	#footer .widget,
	#footer .widget .textwidget{
		min-height: 1px;
	}
	#footer #text-2,
	#footer #nav_menu-2,
	#footer #nav_menu-3,
	#footer #text-3{
		width: 100%;
	}
	#footer #text-2 .last{
		margin-top:30px;
	}
	#footer #text-3 img{
		margin-top:30px;
	}
	#bottom-bar .wf-float-left{ order: 2; }
	#bottom-bar .wf-float-right{ order: 1; }
	#bottom-bar .mini-nav,
	#bottom-bar .bottom-text-block,
	#bottom-bar .wf-float-left{
		margin-top: 20px !important;
	}
	#bottom-bar .wf-float-left{
		margin-bottom: 20px !important;
	}
}

/* Seminare / Portfolio */

.headerbereich .wpb_text_column.headline *{
	color: var(--weiss);
}
.headerbereich .portfolio-carousel-shortcode .dt-owl-item .post{
	background: var(--dunkelblau-75);
	border-radius: var(--border-radius);
}
.headerbereich .portfolio-carousel-shortcode .dt-owl-item .post :where(h3, p, a, li, span){
	color: var(--weiss);
}
.headerbereich .portfolio-carousel-shortcode .dt-owl-item .post .post-thumbnail-wrap{
	display:none;
}

.mode-grid:not(.bottom-overlap-layout-list).albums-shortcode article, 
.mode-grid:not(.bottom-overlap-layout-list).portfolio-shortcode article, 
.mode-masonry:not(.bottom-overlap-layout-list).albums-shortcode article, 
.mode-masonry:not(.bottom-overlap-layout-list).portfolio-shortcode article{
	display: flex;
	flex-direction: row;
	position: relative;
}
.albums-shortcode .post-thumbnail-wrap, 
.portfolio-shortcode .post-thumbnail-wrap{
	max-width: 400px;
}
:where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content{
	position: static;
}
.headerbereich :where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content{
	padding-top:80px !important;
}
.headerbereich :where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content h3{
	font-size: var(--heading-home-slider-size) !important;
	line-height: 1.1em !important;
	font-weight: 300 !important;
}
:where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .portfolio-categories{
	position:absolute;
	top:25px;
	left:0px;
	background: var(--hellgruen);
	padding: 5px 25px 5px 20px;
	border-top-right-radius: 13px;
	border-bottom-right-radius: 13px;
}
:where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .entry-excerpt p{
	margin-bottom: 12px;
}
:where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .seminar-details{
	margin-top: 15px;
	margin-bottom: 25px;
	font-size: 1rem;
}
:where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .seminar-details ul{
	padding: 0;
	margin: 0;
	list-style: none;
	border-top: 1px solid rgba(76,113,186,.3);
	padding-top: 10px;
	display:flex;
	margin-bottom:10px;
}
.headerbereich :where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .seminar-details ul{
	border-top: 1px solid rgba(255,255,255,.3);
}
:where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .seminar-details ul li{
	display: inline-block;
	margin-right: 20px;
}
:where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .seminar-details ul li.Veranstaltungsart{
	padding-left: 30px;
	background: url(../images/icon-seminar-standort-bl.svg) no-repeat left top / 24px 24px transparent;
}
.headerbereich :where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .seminar-details ul li.Veranstaltungsart{
	padding-left: 30px;
	background: url(../images/icon-seminar-standort-ws.svg) no-repeat left top / 24px 24px transparent;
}
:where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .seminar-details ul li.Veranstaltungsdauer{
	padding-left: 30px;
	background: url(../images/icon-seminar-uhr-bl.svg) no-repeat left top transparent;
}
.headerbereich :where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .seminar-details ul li.Veranstaltungsdauer{
	padding-left: 30px;
	background: url(../images/icon-seminar-uhr-ws.svg) no-repeat left top transparent;
}
:where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .seminar-details ul li.Buchungsstatus .seminar-status{
	display:inline-block;
	top: 3px;
	width: 15px;
	height:15px;
	border-radius: 50%;
	margin-right: 10px;
}
:where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .seminar-details ul li.Buchungsstatus .seminar-status.seminar-status--available{
	background: var(--hellgruen);
}
:where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .seminar-details ul li.Buchungsstatus .seminar-status.seminar-status--almost_full{
	background: var(--orange);
}
:where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .seminar-details ul li.Buchungsstatus .seminar-status.seminar-status--full{
	background: var(--rot);
}

.portfolio-shortcode.mode-grid .dt-css-grid {
	grid-row-gap: 30px !important;
}
.portfolio-shortcode.mode-grid .post{
	border-radius: var(--border-radius);
	overflow: hidden;
	border: 1px solid var(--teaser-border-color);
}
.portfolio-shortcode.mode-grid .post .post-thumbnail-wrap{
	width: 40%;
	display:flex;
	height:100%;
}
.portfolio-shortcode.mode-grid .post .post-thumbnail-wrap a{
	display:flex;
	height:100%;
}
.portfolio-shortcode.mode-grid .post .post-thumbnail-wrap img{
	flex: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.portfolio-shortcode.mode-grid .post .post-entry-content{
	width: 60%;
}

/* Chat GPT */
/* Planhof Akademie – Seminar-Detailseite / Hero V4
   Ersetzt nur den bisherigen Hero-V3-Block in css/planhof-akademie.css.
   Nutzt vorhandene Farb-, Schrift- und Radius-Variablen aus root.css und fonts.css.
   Butler-Ausgaben und die Portfolio-Listenansicht bleiben unangetastet. */

.dt_portfolio .project-slider.seminar-hero,
.project-slider.seminar-hero {
    position: relative;
    isolation: isolate;
    width: 100%;
    height: 50vh;
    min-height: 350px;
    max-height: 680px;
    margin: 0;
    overflow: hidden;
    border-radius: var(--border-radius, 20px);
    box-sizing: border-box;
}

/* Die Bilder koennen in The7 je nach Medientyp unterschiedlich verschachtelt sein. */
.project-slider.seminar-hero > .images-container,
.project-slider.seminar-hero > .images-container > a,
.project-slider.seminar-hero > .images-container > .rollover,
.project-slider.seminar-hero > .images-container > .dt-pswp-item {
    display: block;
    width: 100%;
    height: 100%;
}
.project-slider.seminar-hero .images-container img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    object-fit: cover;
    object-position: center 38%;
}

/* Titelflaeche links ueber dem Bild, orientiert am XD-Layout. */
.dt_portfolio .seminar-hero .seminar-hero-heading,
.project-slider.seminar-hero .seminar-hero-heading {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 12%;
    top: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: min(55%, 760px);
    min-height: 0;
    height: auto;
    max-height: 84%;
    margin: 0;
    padding: 62px clamp(28px, 3vw, 55px) 28px clamp(35px, 6vw, 105px);
    box-sizing: border-box;
    border-radius: 0 var(--border-radius-tiny, 12px) var(--border-radius-tiny, 12px) 0;
    background: var(--dunkelblau-75, rgba(76, 113, 186, .75));
    color: var(--weiss, #fff);
    pointer-events: none;
}

/* Selbe Badge-Farbwelt und rechte Rundung wie in der Portfolio-Uebersicht. */
.dt_portfolio .seminar-hero .seminar-hero-category,
.project-slider.seminar-hero .seminar-hero-category {
    position: absolute;
    top: 20px;
    left: 0;
    width: auto;
    max-width: 96%;
    margin: 0;
    padding: 5px 25px 5px 20px;
    border-radius: 0 13px 13px 0;
    background: var(--hellgruen, #96bb90);
    color: var(--weiss, #fff);
    font-family: var(--font-family);
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.4;
    text-transform: none;
    letter-spacing: 0;
}

.dt_portfolio .seminar-hero .seminar-hero-title,
.project-slider.seminar-hero .seminar-hero-title {
    position: static;
    margin: 0;
    padding: 0;
    color: var(--weiss, #fff);
    font-family: var(--font-family);
    font-size: var(--heading-hero-seminar-size);
    font-weight: 300;
    line-height: 1.12;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
    overflow-wrap: break-word;
    hyphens: auto;
}

@media (max-width: 1024px) {
    .project-slider.seminar-hero .seminar-hero-heading {
        width: 68%;
        padding-left: 40px;
        padding-right: 24px;
    }
}
@media (max-width: 767px) {
    .dt_portfolio .project-slider.seminar-hero,
    .project-slider.seminar-hero {
        height: 50vh;
        min-height: 380px;
    }
    .dt_portfolio .seminar-hero .seminar-hero-heading,
    .project-slider.seminar-hero .seminar-hero-heading {
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-height: 85%;
        padding: 58px 22px 24px;
        border-radius: 0;
    }
    .dt_portfolio .seminar-hero .seminar-hero-category,
    .project-slider.seminar-hero .seminar-hero-category {
        top: 17px;
        padding: 5px 18px 5px 16px;
    }
    .dt_portfolio .seminar-hero .seminar-hero-title,
    .project-slider.seminar-hero .seminar-hero-title {
        font-size: var(--heading-hero-seminar-mobile-size);
        line-height: 1.15;
    }
}

/* Section, etc. */

/* Home */

/* Headerbereich */
.headerbereich{
	padding-top: calc( var(--standard-padding) / 2 );
	padding-bottom: calc( var(--standard-padding) / 2 );
	/* max-width: 1600px; */	
}

/* Kunden */
.kunden .vc_column_container > .vc_column-inner > .wpb_wrapper{
	display: flex;
	align-items: center;
}
.kunden .wpb_single_image{
	padding: 0 30px 0 30px;
}
.kunden .wpb_single_image img{
	filter: grayscale(1);
	opacity: .5;
	transition: filter .3s, opacity .3s;
}
.kunden .wpb_single_image:hover img{
	filter: grayscale(0);
	opacity: 1;
}

/* Linkliste / Filter Team */

.wpb_text_column.linkliste ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.wpb_text_column.linkliste ul li{
	display: inline-block;
	padding-right: 15px;
	margin-bottom: 10px;
}
.filter-bg-decoration .filter-categories a,
.wpb_text_column.linkliste ul li a{
	display:inline-block;
	background: var(--btn-bg-hellgruen);
	border-radius: var(--border-radius-btn);
	color: var(--gruen);	
	padding-top: .9em;
    padding-bottom: .9em;
	padding-left:20px;
	padding-right:20px;	
	font-weight:400;	
	font-size: 1rem;
	line-height: normal;
	text-decoration: none;
	text-align:center;
	transition: background-color .2s, color .2s;
}
.wpb_text_column.linkliste ul li.active a,
.filter-bg-decoration .filter-categories a:hover,
.filter-bg-decoration .filter-categories a:not(.act):hover,
.accent-gradient .filter-bg-decoration .filter-categories a.act,
.wpb_text_column.linkliste ul li a:hover{
	background: var(--gruen);
	color: var(--weiss);	
}
.accent-gradient .filter-bg-decoration .filter-categories a.act:hover,
.wpb_text_column.linkliste ul li.active a:hover{
	background: var(--btn-bg-hellgruen);
	color: var(--gruen) !important;
	opacity: 1;
}

.dt-team-shortcode .filter{
	justify-content: flex-start;
}

/* Infoboxen */
.vc_section.infoBoxen{
	background: var(--bg-hellgrau);
	border-radius: var(--border-radius);	
}
.vc_section.infoBoxen .vc_row{
	border-top: 1px solid #E3E3E3;
}
.vc_section.infoBoxen .vc_row:first-child{
	border-top: 0px solid #E3E3E3;
}
.vc_section.infoBoxen .infobox-planhof{
	margin: 50px 0 40px 0;
	padding: 0 40px 0 40px;
}
.aio-icon-component.infobox-planhof .aio-icon-description{
	padding: 0 0 0 30px;
}
.aio-icon-component.infobox-planhof .aio-icon-description p{
	margin-bottom: 0px;
}
.aio-icon-component.infobox-planhof .aio-icon-description h3{
	color: var(--heading-color);
	font-weight: 300;
	hyphens: auto;
}
.aio-icon-component.infobox-planhof .ult-just-icon-wrapper .aio-icon-img{
	padding: 10px;
	border-radius: 4px;
	border-bottom-right-radius: 16px;
}
.aio-icon-component.infobox-planhof .ult-just-icon-wrapper .aio-icon-img img{
	vertical-align:middle;
	display:block;
}

@media (max-width: 1200px) {
	.aio-icon-component.infobox-planhof .aio-icon-description{
		padding: 0 0 0 10px;
	}
	.vc_section.infoBoxen .infobox-planhof{
		margin: 50px 0 40px 0;
		padding: 0 0px 0 40px;
	}
}
@media (max-width: 992px) {
	.aio-icon-component.infobox-planhof .aio-icon-description{
		padding: 0 10px 0 10px;
	}
	.vc_section.infoBoxen .infobox-planhof{
		margin: 35px 0 20px 0;
		padding: 0 30px 0 30px;
	}
	.vc_section.infoBoxen .vc_row .wpb_column{
		border-top: 1px solid #E3E3E3;
	}
	.vc_section.infoBoxen .vc_row .wpb_column:first-child{
		border-top: 0px solid #E3E3E3;
	}
}

@media (max-width: 576px) {
	.vc_section.infoBoxen .infobox-planhof{
		margin: 30px 0 30px 0;
		padding: 0 15px 0 15px;
	}
	.infobox-planhof.left-icon .aio-icon-left{
		display: block;
		margin-bottom: 10px;
	}
	.aio-icon-component.infobox-planhof .aio-icon-description{
		text-align: center;
	}
	.aio-icon-component.infobox-planhof .aio-icon-description h3{
		margin-bottom: 12px;
	}
}

/* Zitatbox / Bilderbox */
blockquote:not(.elementor-blockquote), blockquote:not(.elementor-blockquote) *, .shortcode-pullquote, .wp-block-quote cite{
	color: inherit;
}
.zitatBox .wpb_text_column.zitat{
	padding: var(--standard-padding) calc( var(--standard-padding) / 2 ) var(--standard-padding) calc( var(--standard-padding) / 2 );
	margin-bottom: 0px;
}
.bilderBox .vc_column-inner{
	background-size: cover;
}
.bilderBox .wpb_column.text{
	padding-left: calc( var(--standard-padding) / 2 );
	padding-right: calc( var(--standard-padding) / 2 );
}
.bilderBox .wpb_column.text .wpb_text_column.first{
	border-top: 0px solid #E3E3E3;
}
.bilderBox .wpb_column.text .wpb_text_column.second{
	padding-top: 35px;
	border-top: 1px solid #E3E3E3;
}
.bilderBox h3{
	font-weight: 300;
	color: var(--heading-color);
}
.bilderBox.ansprechpartner h3{
	font-size: var(--h-font-special-1);
	margin-bottom: 36px;
}
.bilderBox.ansprechpartner .vc_column-inner{
	background-size: cover;
	background-position: right center !important;
}

.zitatBox .wpb_text_column.zitat blockquote{
	margin: 0;
	padding: 0;
	background-color: transparent;
	font-size: 2rem;
	line-height: 1.375em;
	font-weight: 300;
	color: var(--weiss) !important;
}

@media (max-width: 992px) {
	.bilderBox .wpb_column.vc_col-has-fill .vc_column-inner,
	.zitatBox .wpb_column.vc_col-has-fill .vc_column-inner{
		padding-top: 50%;
	} 
	.zitatBox .wpb_text_column.zitat blockquote{
		font-size: 1.6rem;
	}
}

/* Carousel Teilnehmer */

.ult-carousel-wrapper.teilnehmenden .slick-slide{
	margin: 0 !important;
	padding: 0 30px 0 0;
}
.ult-carousel-wrapper.teilnehmenden .slick-slide .aio-icon-component.teilnehmer{
	border-radius: var(--border-radius);
	overflow: hidden;
	background: var(--bg-hellblau);
	color: var(--dunkelblau);
	padding: 40px 30px 30px 30px;
	box-sizing: border-box;
}
.ult-carousel-wrapper.teilnehmenden .slick-slide .aio-icon-component.teilnehmer .aio-icon-img{
	border-radius: var(--border-radius-tiny);
	overflow: hidden;
	margin-right: 40px;
}
.ult-carousel-wrapper.teilnehmenden .slick-prev{
	top: auto;
	bottom: -40px;
	left: 0px;
}
.ult-carousel-wrapper.teilnehmenden .slick-next{
	top: auto;
	bottom: -40px;
	right: auto;
	left: 40px;
}

/* Webinar behaelt das Monitor-Symbol; Praesenzformate nutzen den Marker. */
:where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .seminar-details ul li.veranstaltungsart--webinar {
    background-image: url(../images/icon-monitor.svg);
    background-size: 24px auto;
}
.headerbereich :where(.portfolio-shortcode, .portfolio-carousel-shortcode) .post .post-entry-content .seminar-details ul li.veranstaltungsart--webinar {
    background-image: url(../images/icon-monitor-ws.svg);
}

/* Einzelne SVG-Symbole zur Wiederverwendung im Child-Theme. */
.seminar-icon--standort-bl { display: inline-block; width: 24px; height: 24px; background: url(../images/icon-seminar-standort-bl.svg) no-repeat center / contain; }
.seminar-icon--standort-ws { display: inline-block; width: 24px; height: 24px; background: url(../images/icon-seminar-standort-ws.svg) no-repeat center / contain; }
.seminar-icon--standort-gr { display: inline-block; width: 24px; height: 24px; background: url(../images/icon-seminar-standort-gr.svg) no-repeat center / contain; }
.seminar-icon--kalender-bl { display: inline-block; width: 24px; height: 24px; background: url(../images/icon-seminar-kalender-bl.svg) no-repeat center / contain; }
.seminar-icon--kalender-ws { display: inline-block; width: 24px; height: 24px; background: url(../images/icon-seminar-kalender-ws.svg) no-repeat center / contain; }
.seminar-icon--kalender-gr { display: inline-block; width: 24px; height: 24px; background: url(../images/icon-seminar-kalender-gr.svg) no-repeat center / contain; }
.seminar-icon--uhr-bl { display: inline-block; width: 24px; height: 24px; background: url(../images/icon-seminar-uhr-bl.svg) no-repeat center / contain; }
.seminar-icon--uhr-ws { display: inline-block; width: 24px; height: 24px; background: url(../images/icon-seminar-uhr-ws.svg) no-repeat center / contain; }
.seminar-icon--uhr-gr { display: inline-block; width: 24px; height: 24px; background: url(../images/icon-seminar-uhr-gr.svg) no-repeat center / contain; }