/*
Die Ursprungsdateien liegen im gleichen Verzeichnis: 
custom-style-great-backup-1.php / alte Sortierung
custom-style-great-backup-2.php / neue Sortierung abgelegt
custom-style-great-backup-3.php / neue Sortierung abgelegt
custom-style-great-backup-4.php / neue Sortierung abgelegt
custom-style-great-backup-5.php / neue Sortierung in Bearbeitung


body.mobile .navbar-main {  }


*/



a.ti-whap:not(body.mobile a.ti-whap) { display:none }

/* ======================================================================================================= */ 
/* ============================================================================================= ALL PORTS */
/* ======================================================================================================= */
/* EBENE 0. RESET ============================ */
/* 0-1 Elements und Container ================ */
body {overflow-y: scroll;}
.clear::after, .clearboth::after { display: block; clear:both; content: ""; }
body { background:#282828 } 
body:not(.mobile) { background: url('/wp-content/uploads/flip-01.jpg') no-repeat center center fixed; background-size: cover; }

@media (min-width: 991.98px) {
body.os-ios:after, body.os-mac:after { 
	content:"";	position:fixed; 
	/* stretch a fixed position to the whole screen */ 
	top:0; 
	height:100vh; 
	/* fix for mobile browser address bar appearing disappearing */	
	left:0;	
	right:0; 
	z-index:-1; 
	/* needed to keep in the background */ 
	background: url('/wp-content/uploads/flip-01.jpg') center center;	background-size: cover; }
}
	
body a { text-decoration:none }
.pd-small { padding: .1rem .4rem } 				/* === Sollte durch Original (.py-2) ersetzt werden */
.pd-1 { padding: 1rem 1rem 1rem 1rem; }		/* === Sollte durch Original (.p-3) ersetzt werden */
.mi-0 { margin: 0rem }										/* === Sollte durch Original (.m-0) ersetzt werden */
.flex-sb { display:flex; flex-direction:row; justify-content: space-between; } 
.flex-fs { display:flex; flex-direction:row; justify-content: flex-start; align-items: center; } 
.flex-fe { display:flex; flex-direction:row; justify-content: flex-end; } 
.flex-bt { display:flex; align-items:center; }


/* 0-2 Input-Fields ========================== */
/* 0-3 Scroll-to-top-Button ================== */	
#back-to-top { background:yellow; border-radius:.375rem; position: fixed; z-index:500; bottom:100px; right: 20px; display:none; padding:0; cursor:pointer }
.top-fade { animation: fadeinout 1s; }
@keyframes fadeinout { 0% { opacity: 0; } 100% { opacity: 1; } }	

/* 0-4 Definition Sidebar-Elemente =========== */
.sb-r { border:0px solid #fff }
.sb-r :is(h2, a.btn) { font-size:1.3rem }
.sb-r .ti-b:before { margin-right: .3rem }
.sb-r .position-sticky { top: 4rem; }

/* 0-5 Fonts  ================================ */
	h1, .h1 { font-family:'yanonekaffeesatz'; color:#dd3333; font-size:2rem; line-height:2.3rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }	
	h2, .h2 { font-family:'yanonekaffeesatz'; color:#dd3333; font-size:1.7rem; line-height:1.9rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }	
	h3, .h3 { font-family:'yanonekaffeesatz'; color:#dd3333; font-size:1.25rem; line-height:1.5rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }
	h4, .h4 { font-family:'yanonekaffeesatz'; color:#dd3333; font-size:1.3rem; line-height:2.5rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }	
	h5, .h5 { font-family:'yanonekaffeesatz'; color:#dd3333; font-size:1.3rem; line-height:2rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }	
	h6, .h6 { font-family:'yanonekaffeesatz'; color:#dd3333; font-size:1.21rem; line-height:2rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }	

/* 0-5a Definition :before-Elemente ========== */
[class^="tti-"], [class*=" tti-"], [class^="ti-"], [class*=" ti-"] { font-family:'theme-this' !important; line-height:1; display:inline-block; font-style:normal; font-weight:normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: never; }

/* 0-5b Definition :before-Elemente ========== */
.ti-suit:before { content: "\f0f2"; }
.ti-hanr:before { content: "\f0a4"; } 
.ti-hanl:before { content: "\f0a5"; } 
.ti-volu:before { content: "\f028"; }
.ti-tags:before { content: "\f02c"; }
.ti-tago:before { content: "\f02b"; }
.ti-info:before { content: "\f05a"; }
.ti-shar:before { content: "\ea82"; }
.ti-down:before { content: "\f0ed"; }
.ti-sear:before { content: "\f002"; } 
.ti-arou:before { content: "\f106"; } 
.ti-arod:before { content: "\f107"; } 
.ti-aror:before { content: "\e90b"; } 
.ti-twit:before { content: "\f081"; } 
.ti-face:before { content: "\f082"; } 
.ti-whap:before { content: "\f232"; } 
.ti-mail:before { content: "\f0e0"; } 
.ti-copy:before { content: "\f0c1"; } 
.ti-ejec:before { content: "\e909"; } 
.ti-nbar:before { content: "\f0c9"; } 
.ti-clos:before { content: "\f00d"; color:#fff } 
.ti-goup:before { content: "\e90a"; color:#000; font-size: 4rem; } 


/* 0-5c verfügbar aber nicht benötigt ======== */
.tti-chevron-right:before { content: "\e900";} 
.tti-chevron-left:before { content: "\e901";} 
.tti-chevron-down:before { content: "\e902";} 
.tti-chevron-up:before { content: "\e903";} 
.tti-check:before { content: "\e904";} 
.tti-chevron-with-circle-up:before { content: "\e905";} 
.tti-chevron-with-circle-right:before { content: "\e906";} 
.tti-chevron-with-circle-left:before { content: "\e907";} 
.tti-chevron-with-circle-down:before { content: "\e908";} 
.tti-check1:before { content: "\e909";} 
.tti-chevron-small-up:before { content: "\e90a";} 
.tti-chevron-small-right:before { content: "\e90b";} 
.tti-chevron-small-left:before { content: "\e90c";} .tti-chevron-small-down:before { content: "\e90d";} .tti-share2:before { content: "\ea82";} .tti-x-altx-alt:before { content: "\e90e";} .tti-search:before { content: "\f002";} .tti-check2:before { content: "\f00c";} .tti-close:before { content: "\f00d";} .tti-remove:before { content: "\f00d";} .tti-times:before { content: "\f00d";} .tti-volume-up:before { content: "\f028";} .tti-tag:before { content: "\f02b";} .tti-tags:before { content: "\f02c";} .tti-map-marker:before { content: "\f041";} .tti-plus-circle:before { content: "\f055";} .tti-minus-circle:before { content: "\f056";} .tti-times-circle:before { content: "\f057";} .tti-info-circle:before { content: "\f05a";} .tti-twitter-square:before { content: "\f081";} .tti-facebook-square:before { content: "\f082";} .tti-phone:before { content: "\f095";} .tti-phone-square:before { content: "\f098";} .tti-hand-o-right:before { content: "\f0a4";} .tti-hand-o-left:before { content: "\f0a5";} .tti-hand-o-up:before { content: "\f0a6";} .tti-hand-o-down:before { content: "\f0a7";} .tti-chain:before { content: "\f0c1";} .tti-link:before { content: "\f0c1";} .tti-bars:before { content: "\f0c9";} .tti-navicon:before { content: "\f0c9";} .tti-reorder:before { content: "\f0c9";} .tti-pinterest-square:before { content: "\f0d3";} .tti-envelope:before { content: "\f0e0";} .tti-cloud-download:before { content: "\f0ed";} .tti-suitcase:before { content: "\f0f2";} .tti-plus-square:before { content: "\f0fe";} .tti-angle-double-left:before { content: "\f100";} .tti-angle-double-right:before { content: "\f101";} .tti-angle-left:before { content: "\f104";} .tti-angle-right:before { content: "\f105";} .tti-angle-up:before { content: "\f106";} .tti-angle-down:before { content: "\f107";} .tti-minus-square:before { content: "\f146";} .tti-share-alt-square:before { content: "\f1e1";} .tti-paypal:before { content: "\f1ed";} .tti-whatsapp:before { content: "\f232";}
 
/* EBENE I - HEAD ============================ */
/* 1-1 Top-Navigation ======================== */
.navbar-head { z-index:200; background:#f4b903; }		
.navbar-head.smaller { background:rgba(255,255,255,0.8); }		
.navbar-head ul {	display: flex; flex-flow:row wrap; justify-content: space-around; list-style: none; justify-content: flex-end; margin:0 1rem 0 0; }
.navbar-head ul li { margin:0 0 0 3px; }
.navbar-head ul li a { 
	font-size:1.2rem; 
	color:#000000;
	font-family:'yanonekaffeesatz';  }
.navbar-head ul li a:hover, 
.navbar-head a.tt-head:hover { 
	color:#f4b903; 
	background:#000000 } 
.navbar-head ul li.current-menu-item a { 
	color:#f4b903; 
	background:#000000 }
.navbar-head ul li.current-menu-item a:hover { color:#f4b903; } 

/* 1-2 Main-navigation ======================= */
.navbar-main.sticky-top {z-index: 190; }
.navbar-main { background-color:rgba(10,10,10,0.49) }



.navbar-main:not(.mobile .navbar-main):hover { background-color:rgba(0,0,0,0.85) }
.navbar-main .secondcontainer { align-items: start;}
.navbar-main .secondcontainer .col-xl-3 { display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}

/* 1-3 Logo-Container ======================== */
.navbar-main .navbar-brand a { font-weight: 700; font-family:yanonekaffeesatz; background: linear-gradient(15deg, #462523 0, #f4b903 30%, #f6e27a 45%,	#f6f2c0 50%,	#f6e27a 55%,	#f4b903 65%,	#462523 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }


/* 1-4 Main-Navigation + Search ============== */
.secondcontainer .navbar-nav { flex-direction: row; } 
.secondcontainer .first a.nav-link { text-transform: uppercase; }
.secondcontainer .first li.menu-item { margin-right: 1.5rem; padding: 0; }
.secondcontainer .container .navbar-nav.second { /* margin: 10px 0 0 25px; */ }	
.navbar-main .second li.menu-item { margin-right: .7rem; padding: 0rem; }	
.navbar-main .navbar-nav li.current_page_item > a.nav-link { cursor:default }
.navbar-main a.nav-link, .navbar-main a.dropdown-item  { 
font-family:'yanonekaffeesatz'; 
font-size:1.6rem; 
line-height:1.4rem; }
/* normaler Link inaktiv erste Ebene ohne Dropdown */
.navbar-main li.menu-item a.nav-link { color:#ffffff; }
/* normaler Link aktiv erste Ebene ohne Dropdown */
.navbar-main li.menu-item.current-category-ancestor a.nav-link, 
.navbar-main li.menu-item.current-menu-item a.nav-link, 
.navbar-main li.menu-item.current-menu-parent a.nav-link{ color:#f4b903; }
/* Link mit Dropdown inaktiv */
.navbar-main li.dropdown a.nav-link { color:#ffffff; }
/* Link mit Dropdown aktiv */
.navbar-main li.dropdown.active a.nav-link { color:#f4b903; }
.navbar-main .navbar-nav li.active > a.nav-link, 
.navbar-main .navbar-nav li.active > a.nav-link { background-color: ; color:#f4b903 }
.navbar-main .navbar-nav a.nav-link:hover, 
.navbar-main .navbar-nav .show > a.nav-link { color:#f4b903 }
.navbar-main li.menu-item a:before { background: #f4b903 ;}
.navbar-main div.collapse ul.nav li.current-menu-item a:before, .navbar-main div.collapse ul.nav li.current-menu-parent a:before { background: #f4b903 }
.navbar-main .wrap-search label { width:100%; margin-bottom:0 }

.navbar-main .secondcontainer .col-xl-9 { padding:0rem 0rem 0rem 1rem; }
.navbar-main .secondcontainer ul.first { margin-bottom: 0rem }
.navbar-main .secondcontainer ul.second { margin: 0 0 .7rem 1.2rem }
.wrap-search  { width:100%; padding-bottom:1.5rem }
.mainnavi { display: flex; flex-direction: column;  }
.navbar-main .offcanvas { z-index:10000; background-color:orange }
.navbar-main .smallview { display: flex;justify-content: space-between; }
.smallview ul.navbar-nav li a { font-size:1rem }
.navbar-main .smallview a.nav-link { font-size:1.2rem }

.col-xl-3 :is(form, label, input) { width:100%; outline:none }
.col-xl-3 input {	background: #f4b903 url(https://de.hoerspielbox.de/wp-content/themes/hoerspielbox-bs-5/media/search.png) no-repeat 9px center; border: 0; border-radius: 0.375rem; color:#000;	font-size: 1.4rem; line-height: 1.4em;	font-family: 'yanonekaffeesatz' !important;	font-weight: normal; -webkit-appearance: none; -moz-appearance: none; appearance: none;	padding: 0.5rem 0.75rem 0.375rem 2.2rem;}
input[type=search]::-webkit-search-cancel-button { background-repeat: no-repeat; padding:2px; background: url(https://de.hoerspielbox.de/wp-content/themes/hoerspielbox-bs-5/media/close.svg) no-repeat 0px center;	height: 25px;	width: 25px; background-size: 25px 25px; transition: all 1s; -webkit-appearance: none;	-moz-appearance: none; }
input::placeholder { color: #000; opacity: 1; }
input::-webkit-search-decoration { display: none; }	

input:focus { border:none !important; }	
[type=search] { outline-offset: 0px; -webkit-appearance: textfield; }


/* EBENE II - BLOG =========================== */
/* 2-1 Blog-Styles All ======================= */
.card, .card-header { background:none; border:0 }
.card.sort, .card.sort-article, .card.pagination { background:rgba(10,10,10,0.49); }

.navbar-main:not(.mobile .navbar-main):hover {}

.card.sort:not(.mobile .card.sort):hover, 
.card.sort-article:not(.mobile .card.sort-article):hover, 
.card.pagination:not(.mobile .card.pagination):hover { background:rgba(10,10,10,0.91); }
.col-lg-9 :is(.card.sort h1, .card.sort-article h2, .card.pagination, .card.pagination a) { color:#ffffff; font-size:1.7rem; line-height:1.9rem;}	
.col-lg-9 :is(.card.sort h1 a, .card.sort-article h2 a, .card.pagination a) { color:#ffffff; 	}
.col-lg-9 :is(.card.sort h1 a:hover, .card.sort-article h2 a:hover, .card.pagination a:hover) { color:#f4b903; 	}
.col-lg-9 :is(.card.p-plain, .card.p-full) { margin-bottom:0px }
.card.p-plain { background:rgba(10,10,10,0.49); }
.card.p-plain:not(.mobile .card.p-plain):hover { background:rgba(10,10,10,0.8); }
.card.p-full { background:rgba(10,10,10,0.49); }
.card.p-full:not(.mobile .card.p-full):hover { background:rgba(10,10,10,0.8); }
.card.p-plain .icon-1 { color: #f4b903; background:none; }	
.card.p-full .icon-1 { color: #f4b903; background:none; }
.card.p-plain .card-body.bg-1 .w-100 { background:#f4b903 }
.card.p-plain .card-body.bg-1 .w-100:not(.mobile .card.p-plain .card-body.bg-1 .w-100, .card.p-plain .w-100.dld ):hover { background:#f6db89 }
.card.p-plain .card-body.bg-2 .w-100 { background:#f4b903 }	
.card.p-plain .card-body.bg-2 .w-100:not(.mobile .card.p-plain .card-body.bg-2 .w-100):hover { background:#f6db89 }	
.card.p-full .card-body.bg-1 .w-100 { background:#f4b903 }
.card.p-full .card-body.bg-1 .w-100:not(.mobile .card.p-full .card-body.bg-1 .w-100):hover { background:#f6db89 }
.card.p-full .card-body.bg-2 .w-100 { background:#f4b903 }	
.card.p-full .card-body.bg-2 .w-100:not(.mobile .card.p-full .card-body.bg-2 .w-100):hover { background:#f6db89 }	
.card.p-plain :is(.w-100.player, .w-100.keywords, .w-100.share, .w-100.dld) { border-top:1px solid #f6db89 }
.card.p-plain .w-100.share {display:flex; align-items: center; }
.card.p-full :is(.w-100.content, .w-100.player, .w-100.keywords, .w-100.info, .w-100.share, .w-100.dld) { border-top:1px solid #f6db89 }
.p-plain .pcb-1 { background:none; color:#ffffff; }
.p-plain .pcb-1 a { color:#ffffff; }
.p-plain .pcb-1 a:hover { color:#f4b903; }
.p-full .pcb-1 { background:none; color:#ffffff; }
.p-full .pcb-1 a { color:#ffffff; }
.p-full .pcb-1 a:hover { color:#f4b903; }
.p-plain .card-body :is(h1, h2, h2 a) { font-size:1.25rem; color:#000000 }
.p-plain .card-body .title h2 { text-decoration: underline; }
.p-plain .card-body :is(.keywords h2, .share h2, .dld h2) { display:contents }
.p-full .card-body :is(h1, h2, h2 a, .content, .share a, .accordion-body) { color:#000000 }
.p-full .card-body { border-top: 0px solid #f6db89 }
.v-cat :is(.text-end, .text-end span a) { font-size:1.2rem; }
.v-cat .card-body.last-c { border-radius: 0 0 .375rem .375rem }
.navbar-main .second li.menu-item:first-child { padding: 0 0 0 0; text-transform:uppercase }
.card.p-full .w-100.title  { border-top-left-radius: 0.3rem; }
.card.p-full .w-100.dld  { border-bottom-left-radius: 0.3rem; }
.card .icon-1 { display: flex; align-items: center; }	
.card .icon-1 span { text-align:center; }
.card.p-plain .icon-1 span.ti-b { font-size: 1.2rem; min-width:5rem }
.card.p-full .icon-1 span.ti-b { font-size: 2.2rem; min-width:5rem }
.v-cat .card-body.last-c .icon-1 { border-radius: 0 0 0 .375rem; border:0px solid red }
.card.p-full .card-body :is(.title, .content, .player, .keywords, .info, .share, .dld) { padding: 1rem 1rem 1rem 1rem }
.card.p-plain :is(.card-header, .title, .content, .keywords, .info, .share) { padding: .4rem 1rem .4rem 1.2rem }
.card.p-plain .player { padding: .1rem 1rem .1rem 1.2rem }
.card.p-plain .icon-1 { display:none }
.v-cat .card-body .endspace { padding: .7rem }

section .blog :is(
	.card h1, 
	.card h2, 
	.card .accordion a, 
	.cat-order a.accordion-button, 
	.card-header a, 
	.mejs-container *, 
	span.keyw a, 
	.card.pagination .page-numbers, 
	.sb-r .tagcloud a, 
	.sb-r a.btn, 
	ul.dropdown-menu, 
	ul.dropdown-menu li ) { 
	font-family: 'yanonekaffeesatz' !important; }
	
.v-cat .card-body :is(.content, .accordion-item) { color:#000; }

/* 2-2 Blog-Styles Search Acco + Button ====== */
.col-lg-9 :is(.sort h1, .sort-article h2) { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; }
.col-lg-9 :is(.sort h1 .ti-b, .sort-article h2 .ti-b) { margin-right: .4rem }

.sort ul { padding-left: .5rem; }
.sort ul li { list-style:none }
.sort .accordion-item { border:0; background:#f4b903 }
.sort .accordion-button { padding:.4rem .6rem .2rem .6rem !important; display:unset }
.sort .accordion-button.collapsed { background:#f4b903 }
.sort .accordion-collapse.collapse.show { padding-bottom:1rem }
.sort .accordion-button .ti-b { margin-right:.3rem }
.sort .accordion-button:after { display:none }
.sort .accordion-button a { display: flex; align-items: center;}
.sort .accordion-button:not(.collapsed) { background:#f4b903; box-shadow:none }
.sort .accordion-body { padding:0 }
.sort .accordion a, .sort .accordion-item { color:#000000;  letter-spacing: .06rem !important; font-size: 1.07rem; text-decoration:none; }
.sort .accordion ul { margin: 0.4rem 0 0.3rem 0; list-style:none }
.sort .smallview .dropdown-toggle { padding:0px; background:none; color: #fff; border:0; }
.sort .smallview .dropdown-toggle:before { display:none }
.sort .smallview ul { background:red; color: #000; border:0; padding:.7rem; list-style:none }
.sort ul .ti-b:before { margin-right: .1rem; }
.sort .smallview li a { text-decoration:none; color: #000; line-height: 2rem; }



/* 2-3 Blog-Styles Player ==================== */
.v-cat .d-flex .w-100 .mejs-container { background:none !important } 
.v-cat .d-flex .w-100 .mejs-button > button { margin:10px 0; background-image: url("https://de.hoerspielbox.de/wp-content/themes/hoerspielbox-bs-5/media/mejscontrols-1.svg") !important; }
.v-cat .d-flex .w-100 .mejs-controls { background: none !important; border:0px solid #000 }
.v-cat .d-flex .player { padding-right: 1rem; padding-left: 0.5rem; }
.v-cat .card-body .player .mejs-time { font-weight:normal; font-size:1rem; color:#000 }
.v-cat .card-body .player :is(.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, 
.mejs-controls .mejs-time-rail .mejs-time-total) { background:#c4231d }
.v-cat .card-body .player .mejs-controls .mejs-time-rail .mejs-time-current { background:yellow }
.v-cat .card-body .player :is(.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, 
.mejs-controls .mejs-time-rail .mejs-time-loaded) { background:#000 }

/* 2-4 Blog-Styles Keywords ================== */
.p-plain .keyw a, .p-full .keyw a { 
	padding: 0 0.65rem; 
	font-size: 1rem; 
	border-radius: 0.25rem; 
	display: inline-flex;	
	line-height: 1.75rem; 
	text-align: center; 
	white-space: nowrap; 	
	justify-content: center; }

.p-plain .keyw a:before, .p-full .keyw a:before { 
	content: "\f02b";
	font-family: 'theme-this' !important; padding-right:.3rem	}
	
.p-plain .keyw a { 
	background: #000000;	
	color: #ffffff; }	
.p-full .keyw a { 
	background: #000000;	
	color: #ffffff; }		
.p-plain .keyw a:hover { 
	background: #dd3333; 
	color: #ffffff; }	
.p-full .keyw a:hover { 
	background: #dd3333; 
	color: #ffffff; }

/* 2-5 Blog-Styles Info-Accordion ============ */
.v-cat .info .accordion-item { border:0; background:none }
.v-cat .info .accordion-button { display:flex; width: auto; padding:0; background:none; box-shadow:none  }
.v-cat .info .accordion-button.collapsed { background:none;  box-shadow:none }
.v-cat .info .accordion-button:after { font-size: 1.25rem; border: 0px solid #000; margin-left: 0.5rem; display: flex; flex-direction: row; align-content: center; align-items: center; justify-content: center; }
.v-cat .info .accordion-body { padding:0 }
.v-cat .info .accordion-button:not(.collapsed):after { font-family:'theme-this'; font-size:1.7rem; content: "\f0a5"; transform:rotate(-45deg); transition: transform 0.95s ease-in-out; background-image: none; }
.v-cat .info .accordion-button.collapsed:after { font-family:"theme-this";	font-size:1.7rem; content: "\f0a5"; transition: transform 0.95s ease-in-out; background-image: none;  }

/* 2-6 Blog-Styles Share ===================== */
.v-cat .share a { background:none; color: #000; border:0px solid #000; border-radius:.375rem;	margin:0 .5rem 0 0;	padding: .2rem .4rem; } 
.card.p-plain .share a { font-size:1.6rem; } 
.card.p-full .share a { font-size:2.2rem;	} 
.v-cat .share a:hover { background:#fff; }

.v-cat .share a.ti-twit:hover { color: #1d9bf0 !important; }
.v-cat .share a.ti-face:hover { color: #1877f2 !important; }
.v-cat .share a.ti-whap:hover { color: #1bd741 !important; }
.v-cat .share a.ti-mail:hover { color: #cf0000 !important; }
.v-cat .share a.ti-copy:hover { color: orange !important; }


/* 2-7 Blog-Styles Download ================== */ 
.card.p-plain .dld .d-grid {  }
.v-cat .dld .btn { background:#f4b903; border:0; border-radius: 0 0 0rem 0; padding-left:1.2rem  } 
.v-cat .dld .btn:hover { background: #c4231d }
/* 2-8 Blog-Styles Random Article ============ */ 

/* 2-9 Paginiation =========================== */ 
.card.pagination h2.screen-reader-text { display:none }
.card.pagination .card-body { display: grid !important; justify-content: center; }
.card.pagination .card-body .page-numbers { margin:0 .6rem 0 0; padding:.5rem; border-radius:.375rem }
.card.pagination .card-body :is(.page-numbers.current, a.page-numbers:hover) { color:#000000; background:#f4b903; }

/* 2-10 After Blogstyles / Shuffleme ========= */

/* EBENE III - ELSE ========================== */
/* 3-1 Tabs ================================== */
div.container.tabscontainer .nav.nav-tabs { --bs-nav-tabs-border-width: 0px;}

div.container.tabscontainer .nav.nav-tabs .nav-link {
	margin-right: 4px;
	color: #000000;
	background:#ffffff;
	border-top-left-radius: 2px;
  border-top-right-radius: 7px;
  font-family: 'yanonekaffeesatz';
  font-size:1.2rem;
  line-height:1.8rem; }

div.container.tabscontainer .nav.nav-tabs .nav-link:hover, 
div.container.tabscontainer .nav.nav-tabs .nav-link:focus {
	color: #ffffff;
	background:#f4b903 }
	
div.container.tabscontainer .nav.nav-tabs .nav-link.active { 
	color: #000000;
	background:#f4b903 }
	
div.container.tabscontainer .nav.nav-tabs .nav-link.active:hover, 
div.container.tabscontainer .nav.nav-tabs .nav-link.active:focus {
	color: #000000;
	background:#f4b903 }

div.container.tabscontainer .tab-content, div.container.tabscontainer .tab-content .tab-pane { 
	color: #000000;
	background:#f4b903;
	border-radius: 0 2px 2px 2px; }

div.container.tabscontainer .tab-content .tab-pane { padding: 1.2rem 1rem; }

div.container.tabscontainer .tab-content div.tab-pane.active {
box-shadow: 0px 1px 2px -1px #2b2b2b }


/* 3-2 Toggle und Akkordeon ================== */
.page .accordion { background:none; --bs-accordion-border-width: 0px; border:0px solid #000; padding:0px }

.page div.accordion-item { border:0px solid #000; border-radius:4px; margin-bottom: 8px;	background: #f4b903 }
.page .accordion-item h2 .accordion-button { font-size:1.2rem;	line-height:1.8rem;	text-decoration:none;	padding:0.7rem 0.7rem; }
.page .accordion-button:not(.collapsed) { background: #f4b903;	color:#000000;	border-top-left-radius:4px;	border-top-right-radius:4px; }
.page .accordion-button.collapsed { background: #f4b903;	color:#000000;	border-radius:4px; }
.page .accordion-button.collapsed:hover { background: #d3931d; color:#000000 }
.page .accordion .accordion-item .accordion-collapse .accordion-body { background: #f4b903; color: #000000;	border-bottom-right-radius:4px;	border-bottom-left-radius:4px; 	padding:.2rem 3rem  0.7rem  0.7rem ; }

/*
.v-cat .info .accordion-item { border:0; background:none }
.v-cat .info .accordion-button { display:flex; width: auto; padding:0; background:none; box-shadow:none  }
.v-cat .info .accordion-button.collapsed { background:none;  box-shadow:none }
.v-cat .info .accordion-button:after { font-size: 1.25rem; border: 0px solid #000; margin-left: 0.5rem; display: flex; flex-direction: row; align-content: center; align-items: center; justify-content: center; }
.v-cat .info .accordion-body { padding:0 }
.v-cat .info .accordion-button:not(.collapsed)::after { font-family:'theme-this'; font-size:1.45rem; content: "\f0a5"; transform:rotate(-45deg); transition: transform 0.95s ease-in-out; background-image: none; }
.v-cat .info .accordion-button.collapsed::after {	font-family:"theme-this";	font-size:1.45rem; content: "\f0a5"; transition: transform 0.95s ease-in-out; background-image: none; }
*/

	
/* 3-3 Modal Auto-Overlay ==================== */
/* 3-4 Cards ================================= */
.card { 
	background:rgba(10,10,10,0.49);
	border-radius: .375rem;
	color:#ffffff;  }

.card:not(.mobile .card):hover { background:rgba(10,10,10,0.8) }
h1, h2, h3, h4, h5, h6 { color:#ffffff }
.card a { color:#ffffff }

/* 3-5 Sidebar =============================== */
.col-lg-3 .card-body.tagcloud a.tag-cloud-link { 
	color: #ffffff;
	text-decoration: underline;
  text-decoration-color: transparent;  }  
.col-lg-3 .card-body.tagcloud a.tag-cloud-link:hover { 
	color: #ffffff;	
	text-decoration: underline;  }
.col-lg-3 .card-body a.btn { 
	color: #000000; 
	background:#f4b903; 
	border:none }
.col-lg-3 .card-body a.btn:hover { 
	color: #000000; 
	background:#f6db89; }

/* 3-6 Pages ================================= */
.columntaglist { column-count: 3; }
.taglistwrap { display:block; border: 0px solid #000; margin-right: 10px; line-height: 1.8rem; }
.columntaglist .taglistwrap a { transition: text-decoration .5s ease-in-out; }
.columntaglist .taglistwrap a:hover { text-decoration:underline; }	

/* EBENE IV - FOOTER ========================= */

/* ================================================================================================ max576 */
/* == max576 === Maximal 575.97px breit Small devices (landscape phones, 575.97px and up) ================ */
@media (max-width: 575.97px)  { 
/* EBENE 0. RESET ============================ */
/* 0-1 Elements und Container ================ */
/* 0-2 Input-Fields ========================== */
/* 0-3 Scroll-to-top-Button ================== */	
/* 0-4 Definition Sidebar-Elemente =========== */
/* 0-5 Fonts  ================================ */	
/* 0-5a Definition :before-Elemente ========== */
/* 0-5b Definition :before-Elemente ========== */
/* 0-5c verfügbar aber nicht benötigt ======== */

/* EBENE I - HEAD ============================ */
/* 1-1 Top-Navigation ======================== */
/* 1-2 Main-navigation ======================= */
/* 1-3 Logo-Container ======================== */
.navbar-main .navbar-brand a { font-size: 2.5rem; line-height:3rem; }	

/* 1-4 Main-Navigation + Search ============== */

/* EBENE II - BLOG =========================== */
/* 2-1 Blog-Styles All ======================= */
.row.blog .col-lg-9 :is(.card, .icon-1, .dld .btn) { border-radius:0 }
/* 2-2 Blog-Styles Search Acco + Button ====== */
/* 2-3 Blog-Styles Player ==================== */
/* 2-4 Blog-Styles Keywords ================== */
/* 2-5 Blog-Styles Info-Accordion ============ */
/* 2-6 Blog-Styles Share ===================== */
/* 2-7 Blog-Styles Download ================== */ 
/* 2-8 Blog-Styles Random Article ============ */ 
/* 2-9 Paginiation =========================== */ 
/* 2-10 After Blogstyles / Shuffleme ========= */

/* EBENE III - ELSE ========================== */
/* 3-1 Tabs ================================== */
/* 3-2 Toggle und Akkordeon ================== */
/* 3-3 Modal Auto-Overlay ==================== */
/* 3-4 Cards ================================= */
/* 3-5 Sidebar =============================== */
/* 3-6 Pages ================================= */
	.columntaglist { column-count: 1; }
	.taglistwrap { float:left; border: 0px solid #000; margin-right: 10px; line-height: 1.8rem; }


/* EBENE IV - FOOTER ========================= */

}

/* ================================================================================================ min576 */
/* == min576 === Mindestens 575.98px breit Small devices (landscape phones, 575.98px and up) ============= */
@media (min-width: 575.98px)  {
/* EBENE 0. RESET ============================ */
/* 0-1 Elements und Container ================ */
/* 0-2 Input-Fields ========================== */
/* 0-3 Scroll-to-top-Button ================== */	
/* 0-4 Definition Sidebar-Elemente =========== */
/* 0-5 Fonts  ================================ */	
/* 0-5a Definition :before-Elemente ========== */
/* 0-5b Definition :before-Elemente ========== */
/* 0-5c verfügbar aber nicht benötigt ======== */

/* EBENE I - HEAD ============================ */
/* 1-1 Top-Navigation ======================== */
/* 1-2 Main-navigation ======================= */
/* 1-3 Logo-Container ======================== */
.navbar-main .navbar-brand a { font-size: 3.5rem; line-height:3.5rem; }	

/* 1-4 Main-Navigation + Search ============== */

/* EBENE II - BLOG =========================== */
/* 2-1 Blog-Styles All ======================= */
/* 2-2 Blog-Styles Search Acco + Button ====== */
/* 2-3 Blog-Styles Player ==================== */
/* 2-4 Blog-Styles Keywords ================== */
/* 2-5 Blog-Styles Info-Accordion ============ */
/* 2-6 Blog-Styles Share ===================== */
/* 2-7 Blog-Styles Download ================== */ 
/* 2-8 Blog-Styles Random Article ============ */ 
/* 2-9 Paginiation =========================== */ 
/* 2-10 After Blogstyles / Shuffleme ========= */

/* EBENE III - ELSE ========================== */
/* 3-1 Tabs ================================== */
/* 3-2 Toggle und Akkordeon ================== */
/* 3-3 Modal Auto-Overlay ==================== */
/* 3-4 Cards ================================= */
/* 3-5 Sidebar =============================== */
/* 3-6 Pages ================================= */

/* EBENE IV - FOOTER ========================= */

}


/* ================================================================================================ max768 */ 
/* == max768 === Maximal 767.97px breit // Medium devices (tablets, 767.98px and up) ===================== */
@media (max-width: 767.97px) { 
 
}

/* ================================================================================================ min768 */ 
/* == min768 === Mindestens 767.98px breit // Medium devices (tablets, 767.98px and up) ================== */
@media (min-width: 767.98px) { 	

}


/* ======================================================================== Umschaltpunkt Navi ==== max992 */ 
/* == max992 === Maximal 991.97px breit // Medium devices (tablets, 991.97px and up); ==================== */
@media (max-width: 991.97px) {	
/* EBENE 0. RESET ============================ */
/* 0-1 Elements und Container ================ */
/* 0-2 Input-Fields ========================== */
/* 0-3 Scroll-to-top-Button ================== */	
.ti-goup:before { font-size: 2rem; } 
/* 0-4 Definition Sidebar-Elemente =========== */
/* 0-5 Fonts  ================================ */	
/* 0-5a Definition :before-Elemente ========== */
/* 0-5b Definition :before-Elemente ========== */
/* 0-5c verfügbar aber nicht benötigt ======== */

/* EBENE I - HEAD ============================ */
/* 1-1 Top-Navigation ======================== */
.navbar-head ul {margin-right:0rem; }
.navbar-head ul li a { font-size:1rem }

/* 1-2 Main-navigation ======================= */
/* 1-3 Logo-Container ======================== */
.navbar-main .navbar-brand { padding:1rem 0rem .7rem 0rem; }

/* 1-4 Main-Navigation + Search ============== */
.navbar-main .secondcontainer .col-xl-3 { justify-content: flex-start; }
.navbar-main .secondcontainer .offcanvas {background:#1d1d1d; }
a.navbar-toggler.smallview { border:0px solid #fff; font-size: 1.8rem;color: rgb(244, 185, 3); }
.navbar-main .secondcontainer .offcanvas h5 {color:#fff }
.navbar-main .secondcontainer .offcanvas .smallview { padding: 1rem 0; }
.navbar-main .secondcontainer .offcanvas .smallview span { padding:0 .5rem 0 0 }
.navbar-main .offcanvas-header :is(h5,span.ti-clos) { font-size:1.8rem;  }
.navbar-main .secondcontainer ul.navbar-nav.second { flex-direction: column; margin-left:1rem } 
.navbar-main .second li.menu-item { padding: 0 0 0 1rem; }
.navbar-main .second li.menu-item:first-child { padding: 0 0 0 0; text-transform:uppercase }

/* EBENE II - BLOG =========================== */
/* 2-1 Blog-Styles All ======================= */
section.container { padding:0rem; } 
section.container div.row { --bs-gutter-x: 0rem; } 
.ti-arou:before, .ti-arod:before { font-size: 1.2rem; } 
.v-cat :is(.text-end, .text-end span a) { font-size: 1rem; }
.v-cat .card-body .icon-1 span.ti-b { font-size: 1.2rem; min-width: 2.2rem; }
.row.blog .card :is(h1,h2) { font-size:1.2rem; line-height:1.5rem }
.row.blog :is(.card.sort .p-3, .card.sort-article .p-3, .card-header) { padding: 0.4rem 1rem 0.4rem 0.7rem !important;}
.v-cat .card-body :is(.title, .content, .keywords, .info, .share, .download) { padding: .8rem 0.5rem;}
.v-cat .card-body :is(.keywords h2, .share h2) { margin-bottom:.5rem }
.v-cat .card-body :is(.content, .accordion-item) { line-height: 1.2rem; font-size: .92rem; }


/* 2-2 Blog-Styles Search Acco + Button ====== */
.fullview { display:none !important }

/* 2-3 Blog-Styles Player ==================== */
.v-cat .card-body :is(.player) { padding: .3rem 0rem; }
.v-cat .card-body .player :is(.mejs-volume-button, .mejs-horizontal-volume-slider) { display:none }

/* 2-4 Blog-Styles Keywords ================== */
.v-cat .keywords span.keyw a { line-height:1rem; font-size:.85rem; margin: 0 0.2rem 0.5rem 0; padding: .2rem 0.4rem .1rem 0.4rem; } 

/* 2-5 Blog-Styles Info-Accordion ============ */
.v-cat .info .accordion-button:not(.collapsed)::after, .v-cat .info .accordion-button.collapsed::after { font-size:1.2rem; }

/* 2-6 Blog-Styles Share ===================== */
.v-cat .share a {    
    font-size: 1.7rem;    
    margin: 0 0.3rem 0 0;
}

/* 2-7 Blog-Styles Download ================== */ 
/* 2-8 Blog-Styles Random Article ============ */ 
/* 2-9 Paginiation =========================== */ 
/* 2-10 After Blogstyles / Shuffleme ========= */

/* EBENE III - ELSE ========================== */
/* 3-1 Tabs ================================== */
/* 3-2 Toggle und Akkordeon ================== */
/* 3-3 Modal Auto-Overlay ==================== */
/* 3-4 Cards ================================= */
/* 3-5 Sidebar =============================== */
/* 3-6 Pages ================================= */

/* EBENE IV - FOOTER ========================= */

}


/* ================================================================================================ min992 */ 
/* == min992 === Mindestens 991.98px breit // Extra large devices (large desktops, 991.98px and up) ====== */
@media (min-width: 991.98px) {	
/* EBENE 0. RESET ============================ */
/* 0-1 Elements und Container ================ */
.col-lg-9 { width: 71%; }
.col-lg-3 { width: 29%; }
/* 0-2 Input-Fields ========================== */
/* 0-3 Scroll-to-top-Button ================== */	
/* 0-4 Definition Sidebar-Elemente =========== */
/* 0-5 Fonts  ================================ */	
/* 0-5a Definition :before-Elemente ========== */
/* 0-5b Definition :before-Elemente ========== */
/* 0-5c verfügbar aber nicht benötigt ======== */

/* EBENE I - HEAD ============================ */
/* 1-1 Top-Navigation ======================== */
/* 1-2 Main-navigation ======================= */
/* 1-3 Logo-Container ======================== */
.navbar-main .navbar-brand { padding:1rem 0rem .7rem 1rem; }
.navbar-main .navbar-brand a { font-size: 4.5rem; line-height:4.5rem; }	

/* 1-4 Main-Navigation + Search ============== */
.navbar-main .secondcontainer ul.navbar-nav.second li:first-child { display:none }

/* EBENE II - BLOG =========================== */
/* 2-1 Blog-Styles All ======================= */
/* 2-2 Blog-Styles Search Acco + Button ====== */
.smallview { display:none !important }
/* 2-3 Blog-Styles Player ==================== */
/* 2-4 Blog-Styles Keywords ================== */
/* 2-5 Blog-Styles Info-Accordion ============ */
/* 2-6 Blog-Styles Share ===================== */
/* 2-7 Blog-Styles Download ================== */ 
/* 2-8 Blog-Styles Random Article ============ */ 
/* 2-9 Paginiation =========================== */ 
/* 2-10 After Blogstyles / Shuffleme ========= */

/* EBENE III - ELSE ========================== */
/* 3-1 Tabs ================================== */
/* 3-2 Toggle und Akkordeon ================== */
/* 3-3 Modal Auto-Overlay ==================== */
/* 3-4 Cards ================================= */
/* 3-5 Sidebar =============================== */
/* 3-6 Pages ================================= */

.columntaglist { column-count: 3; column-fill: balance; column-gap: 40px; column-rule: 1px solid #3e3e3e;  background: none;  }
.taglistwrap { display:block; border: 0px solid #000; margin-right: 10px; line-height: 1.8rem; }

/* EBENE IV - FOOTER ========================= */

}

/* =============================================================================================== min1200 */ 
/* == min1200 === Mindestens 1199.98px breit // Extra large devices (large desktops, 1199.98px and up) === */
@media (min-width: 1199.98px) { 	
/* EBENE 0. RESET ============================ */
/* 0-1 Elements und Container ================ */
.container { max-width: 1140px; }
/* 0-2 Input-Fields ========================== */
/* 0-3 Scroll-to-top-Button ================== */	
/* 0-4 Definition Sidebar-Elemente =========== */
/* 0-5 Fonts  ================================ */	
/* 0-5a Definition :before-Elemente ========== */
/* 0-5b Definition :before-Elemente ========== */
/* 0-5c verfügbar aber nicht benötigt ======== */

/* EBENE I - HEAD ============================ */
/* 1-1 Top-Navigation ======================== */
/* 1-2 Main-navigation ======================= */
/* 1-3 Logo-Container ======================== */
/* 1-4 Main-Navigation + Search ============== */
.navbar-main .secondcontainer ul.navbar-nav.second li:first-child { display:none }

/* EBENE II - BLOG =========================== */
/* 2-1 Blog-Styles All ======================= */
/* 2-2 Blog-Styles Search Acco + Button ====== */
.smallview { display:none !important }
/* 2-3 Blog-Styles Player ==================== */
/* 2-4 Blog-Styles Keywords ================== */
/* 2-5 Blog-Styles Info-Accordion ============ */
/* 2-6 Blog-Styles Share ===================== */
/* 2-7 Blog-Styles Download ================== */ 
/* 2-8 Blog-Styles Random Article ============ */ 
/* 2-9 Paginiation =========================== */ 
/* 2-10 After Blogstyles / Shuffleme ========= */

/* EBENE III - ELSE ========================== */
/* 3-1 Tabs ================================== */
/* 3-2 Toggle und Akkordeon ================== */
/* 3-3 Modal Auto-Overlay ==================== */
/* 3-4 Cards ================================= */
/* 3-5 Sidebar =============================== */
/* 3-6 Pages ================================= */

.columntaglist { column-count: 3; column-fill: balance; column-gap: 40px; column-rule: 1px solid #3e3e3e;  background: none;  }
.taglistwrap { display:block; border: 0px solid #000; margin-right: 10px; line-height: 1.8rem; }

/* EBENE IV - FOOTER ========================= */
}



/* EBENE VI. ZUBEHÖR =============================== */


/* 6-1 Transitions =========================== */ 
/* transition: width */
/* input[type=search] { transition: width 0.9s ease-in-out; } */
/* transition: all */
/*.navbar-head a, 
.navbar-main a, 
span.tag-links a, 
span.tag-links a:before, 	
.accordion.searchorder .card-body li, 
.accordion.searchorder .card-body li a,  
nav.pagination,
nav.pagination .nav-links a,
nav.pagination .nav-links a.page-numbers,
nav.pagination .nav-links span.page-numbers, 
a.download, 
a.btn, 
button.btn, 
.download-5 span, 
.download-5:before, 
.cat-preview a { transition: all .5s ease-in-out; }		
.tab-content .fade { transition: all 0ms ease-in-out; }	
*/


transition: background-color 
.navbar-main,
input[type=search]:focus,
button, [type="submit"],
.scroll-top,
.accordion .card a[aria-expanded="false"] .card-header,
.accordion.searchorder a[aria-expanded="false"] div.card-header, 
.card.p-full, 
input[type='radio']:hover + label::before { transition: background-color .5s ease-in-out; }	
.tsc.tsc-plain { transition: background-color 1.2s ease-in-out; }
.navbar-main { transition: background-color 500ms ease-in-out;	}		

.navbar-head ul li a,
.fullview .nav-link, .card, 
.card.sort, .card.sort-article, .card.pagination, 
.card.p-plain, .card.p-full, 
.card.p-plain .w-100, .card.p-full .w-100, 
.card.sort a, .card.sort-article a, .card.pagination a { transition: all .5s ease-in-out; }

.card.p-plain a, .card.p-full a { transition: all .5s ease-in-out; }

/* transition: color 
.scroll-top i,
.accordion .card a[aria-expanded="false"] .card-header h3, 
.research-category a, .col-bg.resarch-category h2 a { transition: color .5s ease-in-out; }
*/
/* transition: text-decoration 
section aside .footer-100 .impress a, 	
.sidebar_right .tagcloud a, 
.sidebar_right .socialsidebar a,
.columntaglist .taglistwrap a { transition: text-decoration .5s ease-in-out; }			
*/
/* opacity 
.opacitysearch article  { transition: all .5s ease-in-out; background:#000; opacity: 0.5; }	
*/
/* transition: box-shadow 
.tsc, 
.info .accordion .card, 
a.download-button { transition: box-shadow .5s ease-in-out; }	
*/
/* transition: background-size 
a.teaserlink-preview { transition: background-size .5s ease-in-out; }
.tsc :is(.cat-preview) { transition:  all .5s ease-in-out; }
*/
 
/* 6-2 optional Colors ====================== */

 	



/* 6-3 Compilanz-Window ==================== */
#cc-window { 
	font-family:'Ibm Plex' !important;
	font-size:1.07rem !important;
	color:#f4b903 !important;
	background:rgba(10,10,10,0.49) !important;
	border-color:rgba(10,10,10,0.49) !important;
	box-shadow: 0px 1px 2px -1px #000000; }
#cc-window .cc-message { text-align: left !important;	}
#cc-window a.cc-btn.cc-accept-all, #cc-window a.cc-btn.cc-dismiss, #cc-window a.cc-btn.cc-save { 
	text-decoration:none !important; 
	font-family:Ibm Plex !important;
	font-size:1.07rem !important;}
#cc-window a.cc-btn.cc-accept-all {
	background: !important;
	border-color:  !important;}
#cc-window a.cc-btn.cc-accept-all:hover {  }
#cc-window a.cc-btn.cc-dismiss, #cc-window a.cc-btn.cc-save { 	
	background:rgba(10,10,10,0.49) !important;
	border-color:  !important;
	color:#f4b903 !important;}
#cc-window a.cc-btn.cc-dismiss:hover { 
	background:#cf0000 !important;
	border-color: #cf0000 !important;
	color:#f4b903 !important;}

#cc-window a.cc-btn.cc-save:hover { 
	background: !important;
	color:#f4b903 !important;}

::selection { background: #000; color: #fff;}
span.navbar-brand a::selection { background: none; color: #000 !important; }

label .is-screen-reader-text, .is-form-style button.is-search-submit { display:none }

/* https://hoerspielbox.sendeplatz.de/wp-content/plugins/add-search-to-menu/public/css/ivory-ajax-search.css */
/* AJAX Search Style */
.is-ajax-search .is-loader-image { display: none; position: absolute; top: 50%; transform: translateY(-50%); height: 25px; right: 5px; z-index: 9999; width: 25px; background-repeat: no-repeat; background-size: contain;}
.is-ajax-search.processing .is-loader-image { display: block;}
.is-ajax-search label { position: relative; }
/* .is-ajax-search-details  { border: 0; border-radius: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; padding: 0; outline: 0 !important; margin: 0; text-transform: none; text-shadow: none; box-shadow: none; text-decoration: none; text-align: left; letter-spacing: normal; font-size: 13px; line-height: 18px; vertical-align: baseline;} */
/* .is-ajax-search-result  { border: 0; border-radius: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; padding: 0; outline: 0 !important; margin: 0; text-transform: none; text-shadow: none; box-shadow: none; text-decoration: none; text-align: left; letter-spacing: normal; font-size: 13px; line-height: 18px; vertical-align: baseline;} */
/* .is-ajax-search-details * { border: 0; border-radius: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; padding: 0; outline: 0 !important; margin: 0; text-transform: none; text-shadow: none; box-shadow: none; text-decoration: none; text-align: left; letter-spacing: normal; font-size: 13px; line-height: 18px; vertical-align: baseline;} */
.is-ajax-search-result * { border: 0; line-height: 1.2rem; border-radius: 4px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; padding: 0; outline: 0 !important; margin: 0; }
.is-ajax-search-details a:hover,
.is-ajax-search-result a:hover { text-decoration: underline;}
div.is-ajax-search-details,
div.is-ajax-search-result { display: none; height: auto; width: 500px; max-width: 100%; position: absolute; z-index: 999999; background: orange; color: #000; padding: 5px; border-radius:4px; margin-left: -4px; } /* Background wie Kolumnen allgemein; Color wie .wrap-player-plain .title h2 a, .wrap-player-plain .tags */
.is-ajax-search-items { max-height: 400px; overflow-y: auto; overflow-x: hidden;}
.is-search-sections { position: relative; clear: both; overflow: hidden;}
.is-search-sections:after { content: ""; display: block; clear: both;}
.is-search-sections .left-section { float: left;}
.is-show-more-results { border-top: none; margin-top: 3px; }
.is-show-more-results-text { cursor: pointer; padding: 8px 0; text-align: center; font-family:'Yanone Kaffeesatz'; font-size:1.34rem;  }
.is-load-more-image { display: block; margin: 0 auto; max-height: 25px;}
.is-ajax-search-no-result { padding: 10px; background: #FFF; text-align: center;}
.is-ajax-search-items .post-title { display: inline-block; font-weight: normal; font-size: 15px; text-transform: capitalize;}
.is-search-sections .meta { margin: 0;}
.is-search-sections .meta i { font-size: 11px; display:none}
.is-search-sections .meta span.is-meta-category::before { content: "KATEGORIE → "; font-style:italic }
.is-search-sections .meta > div { margin-bottom: 5px;}
.is-search-sections .meta > div > span { margin-left: 10px;}
.is-search-sections .meta > div > span:first-child { margin-left: 0;}
.is-has-badge .is-search-sections .is-title { margin-right: 35px;}
.is-has-badge .is-search-sections .meta > div > span:last-child { margin-right: 10px;}
.is-search-sections .meta > span:not(:last-child):after { margin: 0 2px; content: '/'; display: inline-block;}
.is-search-sections .thumbnail { margin-right: 10px; width: 70px;}
.is-search-sections .thumbnail img { float: left; max-width: 70px; height: auto;}
.is-ajax-term-label { display: block; font-style: italic; font-size: 10px; text-transform: uppercase; color: #7b7b7b; line-height: 12px; letter-spacing: 2px;}
.is-ajax-result-description { font-size: 14px; margin-top: 10px;}
.is-ajax-search-post-details,
.is-ajax-search-post { clear: both; padding: 10px 5px 13px 15px; margin: 0 0 3px 0}
.is-ajax-search-details .is-ajax-search-items > div { background: #ffc300; }
/*
.is-ajax-search-result .is-ajax-search-post:hover,
.is-ajax-search-result .is-show-more-results:hover,
.is-ajax-search-tags-details > div:hover,
.is-ajax-search-categories-details > div:hover { background: #e2e2e2;}
*/

.is-ajax-search-post-details:last-child,
.is-ajax-search-posts .is-ajax-search-post:last-child { border: 0;}
.is-ajax-search-items .stock-status { color: #7ad03a;}
.is-ajax-search-items .is-prices del { text-decoration: line-through;}
.is-ajax-search-items .is-prices .amount  { background: none; }
.is-ajax-search-items .is-prices del .amount {  font-size: 90%; opacity: .6;}
.is-ajax-search-items .is-prices ins  { background: none;}
.is-ajax-search-items .stock-status.is-out-of-stock { color: #a44;}
.is-featured-icon { display: inline-block; width: 13px; fill: #FFC107; vertical-align: text-top;}
.is-ajax-search-items .is-sale-badge { background: #77a464; color: #fff; height: 20px; padding-top: 2px; position: absolute; right: -24px; text-align: center; top: 4px; transform: rotate(45deg); width: 77px;}
.is-ajax-search-post-details .is-ajax-term-label { display: inline-block;}
.is-ajax-term-name { font-size: 16px; text-transform: capitalize;}
.is-ajax-term-wrap { margin-bottom: 10px;}
div.is-ajax-search-details { width: 400px;}
.is-ajax-search-post-details { display: none;}
.is-ajax-search-posts-details .is-search-sections .thumbnail { width: 150px;}
.is-ajax-search-posts-details .is-search-sections .thumbnail img { max-width: 150px; float: none;}

@media screen and ( max-width: 910px ) {
 div.is-ajax-search-result {   max-width: 97%; }
 .is-ajax-search-details {  display: none !important; }
}

@media screen and ( max-width: 510px ) {
 .is-ajax-search-result {  left: 3px !important; }
}



/**
 * simplebar.css- v5.3.5
 * Scrollbars, simpler.
 * https://grsmto.github.io/simplebar/
 *
 * Made by Adrien Denat from a fork by Jonathan Nicol
 * Under MIT License
 */
[data-simplebar] {  position: relative;  flex-direction: column;  flex-wrap: wrap;  justify-content: flex-start;  align-content: flex-start;  align-items: flex-start;}
.simplebar-wrapper {  overflow: hidden;  width: inherit;  height: inherit;  max-width: inherit;  max-height: inherit;}
.simplebar-mask {  direction: inherit;  position: absolute;  overflow: hidden;  padding: 0;  margin: 0;  left: 0;  top: 0;  bottom: 0;  right: 0;  width: auto !important;  height: auto !important;  z-index: 0;}
.simplebar-offset {  direction: inherit !important;  box-sizing: inherit !important;  resize: none !important;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  padding: 0;  margin: 0;  -webkit-overflow-scrolling: touch;}
.simplebar-content-wrapper {  direction: inherit;  box-sizing: border-box !important;  position: relative;  display: block;  height: 100%; width: auto;  max-width: 100%; max-height: 100%; scrollbar-width: none;  -ms-overflow-style: none;}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {  width: 0;  height: 0;}
.simplebar-content:before,
.simplebar-content:after { content: ' ';  display: table;}
.simplebar-placeholder {  max-height: 100%;  max-width: 100%;  width: 100%;  pointer-events: none;}
.simplebar-height-auto-observer-wrapper {  box-sizing: inherit !important;  height: 100%;  width: 100%;  max-width: 1px;  position: relative;  float: left;  max-height: 1px;  overflow: hidden;  z-index: -1;  padding: 0;  margin: 0;  pointer-events: none;  flex-grow: inherit;  flex-shrink: 0;  flex-basis: 0;}
.simplebar-height-auto-observer {  box-sizing: inherit;  display: block;  opacity: 0; position: absolute;  top: 0;  left: 0;  height: 1000%;  width: 1000%;  min-height: 1px;  min-width: 1px;  overflow: hidden;  pointer-events: none;  z-index: -1;}
.simplebar-track { z-index: 1;  position: absolute;  right: 0;  bottom: 0;  pointer-events: none;  overflow: hidden;}
[data-simplebar].simplebar-dragging .simplebar-content {  pointer-events: none;  -webkit-user-select: none;  user-select: none;}
[data-simplebar].simplebar-dragging .simplebar-track {  pointer-events: all;}
.simplebar-scrollbar {   position: absolute;   left: 0;   right: 0;   min-height: 10px; }  
.simplebar-scrollbar:before {   position: absolute;   content: '';   background: black;   border-radius: 7px;   left: 2px;   right: 2px;   opacity: 0;   transition: opacity 0.2s linear; }
.simplebar-scrollbar.simplebar-visible:before {   opacity: 0.5;   transition: opacity 0s linear; }
.simplebar-track.simplebar-vertical {   top: 0;   width: 11px; }
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {   top: 2px;   bottom: 2px; }
.simplebar-track.simplebar-horizontal {   left: 0;   height: 11px; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {   height: 100%;   left: 2px;   right: 2px; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {   right: auto;   left: 0;   top: 2px;   height: 7px;   min-height: 0;   min-width: 10px;   width: auto; }
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {   right: auto;   left: 0; }
.hs-dummy-scrollbar-size {   direction: rtl;   position: fixed;   opacity: 0;   visibility: hidden;   height: 500px;   width: 500px;   overflow-y: hidden;   overflow-x: scroll; }
.simplebar-hide-scrollbar {   position: fixed;   left: 0;   visibility: hidden;   overflow-y: scroll;   scrollbar-width: none;   -ms-overflow-style: none; }


.cc-window{opacity:1;transition:opacity 1s ease}
.cc-window.cc-invisible{opacity:0}
.cc-animate.cc-revoke{transition:transform 1s ease}
.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}
.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover{transform:translateY(0)}
.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,
.cc-revoke:hover{text-decoration:underline}.cc-revoke,
.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}
.cc-window.cc-static{position:static}
.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}
.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}
.cc-revoke{padding:.5em}.cc-header{font-size:18px;}
.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}
.cc-link{opacity:.8;display:inline-block;padding:.2em}
.cc-link:hover{opacity:1}.cc-link:active,
.cc-link:visited{color:initial}
.cc-btn{display:block;padding:.4em .8em;font-size:.9em;;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}
.cc-banner .cc-btn:last-child{min-width:140px}
.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}
.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}
.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}
.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}
.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}
.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}
.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}
.cc-floating .cc-message{display:block;margin-bottom:1em}
.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}
.cc-window.cc-banner{-ms-flex-align:center;align-items:center}
.cc-banner.cc-top{left:0;right:0;top:0}
.cc-banner.cc-bottom{left:0;right:0;bottom:0}
.cc-banner .cc-message{-ms-flex:1;flex:1}
.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}
.cc-compliance>.cc-btn{-ms-flex:1;flex:1}
.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}
@media screen and (max-width:900px){.cc-btn{white-space:normal}}
@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){
	.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}
	.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}
	.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}
	.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}
	.cc-window.cc-floating{max-width:none}
	.cc-window .cc-message{margin-bottom:1em}
	.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}
.cc-theme-classic .cc-btn{border-radius:5px}
.cc-theme-classic .cc-btn:last-child{min-width:140px}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}
.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}
.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}
.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}
.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}	


body.mobile :hover {
 /*transition: all 100s ease-in-out !important;  */
}