@import url('fonts.css');

.main-home .cta-items .btn b {
	font-family: "Roboto-Light", "-apple-system", BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, Arial, sans-serif; font-weight:normal; /*font-weight:300;*/
}
body, h4, h3, h2, .btn.slideIn-opener, .navbar .btn-link, .listItem h2, .catsBox a b, .detailsPage .title-box h2, nav .breadcrumb, .details a, .details-view .summary, .advt-item:before, .default-view .switch-to-listing .card-text, .ki-answer, .ki-question, .item-booked {
	font-family: "Roboto-Regular", "-apple-system", BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, Arial, sans-serif; font-weight:normal; /*font-weight:400;*/
}
.ai-comp-landing h4, h1, .details h2, .big-section h3, h5, h6, b, strong, .details-view h1, #shop-list.listing-view>h2, .btn, .detailsPage .title-box h3, .ki-list-box h3, .ki-list-box .ar-date em, .hwrap .hitem b {
	font-family: "Roboto-Medium", "-apple-system", BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, Arial, sans-serif; font-weight:normal; /*font-weight:600;*/
}
.price .amount, .ai-comp-landing h3, .ki-list-box h2, .round-cards-dark .card h2, .listItem h4, .details-view h4:not(.text-error), .current_price, .main-item .card-title a, .itemImgCap.premium-content:before, .itemImgCap.top-story:before, .buzz_news h2, .ki-question em, .ki-answer em, .trust-badge-box .trust-badge:after {
	font-family: "Roboto-Bold", "-apple-system", BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, Arial, sans-serif; font-weight:normal; /*font-weight:700;*/
}
.prompt, .prompt strong, .hwrap {
	font-family: "RobotoMono-Regular", "-apple-system", BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, Arial, sans-serif; font-weight:normal; /*font-weight:400;*/
}



.card-view .listItem h2 {letter-spacing: initial;}

.custom-icons {width: 24px; height: 24px; transform: translate(-6px, -2px);}
.dark-theme .custom-icons {filter: invert(1);}

h2.sepLine {position: relative; margin-bottom: 2em;}
h2.sepLine:after {position: absolute; content: ''; left:50%; bottom:-1em; margin-left:-2em; width: 4em; height:.15em; background-color: #000;}

p.quotes {font-size: 1.5em; font-style: italic; font-weight: 300; text-align: center; padding-bottom: 1em;}


h1, h2, h3, h4, h5 {margin-bottom: 1em;}
.btn-link:focus, .btn-link.focus {text-decoration: none;}

.big-header {height:calc(100vh);}
.big-header h1 {font-weight: bold; font-size: 2.75em !important; margin-bottom:0; text-shadow: 0 0 .5em rgba(255,255,255,1);}
.big-header h2 {font-size: 2.25em !important;}
.big-header h1 b {font-size: 1.35em;}
.big-header h1 span {display: block; font-weight: normal; text-shadow: 0 0 .75em rgba(255,255,255,.75);}
.big-header .btn-lg {border-radius:5em;}

.home .big-section {position: relative}
.home .big-section .cta-btn {
	position: absolute; left: 5em; bottom: 8.5em; z-index: 10;
	display: flex; flex-flow: column;
}
.home .big-section .cta-btn a {
	font-size: 1.25em !important; line-height: 1.1; border-radius: 0; border: 3px solid #b00; color:#b00;
	margin-top:.5em; padding: .55em .25em .65em; box-shadow: .1em .12em .25em .05em rgba(0,0,0,.5);
 	
}
.home .big-section .cta-btn a:hover {background-color: #b00; color:#fff; border-color: #fff;}

.colorMode-toggler {
	opacity: 0;
	position: fixed; right:.5em; bottom: .5em; width: 4.5em; height: 1.5em; z-index: 999;
	background-color: #fff; border-radius: 1em; padding: .1em;
	display: flex; justify-content: center; cursor: pointer;
	transform: translateY(2em); transition: all .5s ease-in-out;
}
.colorMode-toggler span {position: absolute; font-size:.85em; font-weight: 400; opacity:0;}
.colorMode-toggler.light span:first-child {opacity: 1;}
.colorMode-toggler.dark span:last-child {opacity: 1;}
.colorMode-toggler.light {background-color: rgba(0,0,0,.75); color: #fff;}
.colorMode-toggler.dark {background-color: rgba(255,255,255,.85); color: #000;}
.colorMode-toggler.light:hover {background-color: rgba(0,0,0,1); color: #fff;}
.colorMode-toggler.dark:hover {background-color: rgba(255,255,255,1); color: #000;}

/*-[Animated bizCat]-*/
@keyframes cmbLoad {
  0% {-ms-transform: translateY(2em); transform: translateY(2em); opacity: .25;}
  100% {-ms-transform: translateY(0); transform: translateY(0); opacity: 1;}
}
.colorMode-toggler {
	-webkit-animation: cmbLoad .5s normal forwards ease-in; animation: cmbLoad .5s normal forwards ease-in; animation-iteration-count: 1; animation-delay: 3s;
}

.catsBox a {display: block; position: relative;}
.catsBox a:hover img {filter: brightness(.9);}
.catsBox a b {
	position: absolute; min-width: 300px; max-width: 400px; bottom:0; left:0; text-align: center;
	border-radius: 0 .5em 0 0; margin-bottom:0;padding:1em; line-height:1.5; font-size: 1em;
	
	background: transparent linear-gradient(125deg, #BA6C55 0%, #C4765F 14%, #F9AB94 27%, #F0A28B 36%, #FECDBE 49%, #FFB8A4 74%, #A95B44 85%, #C4765F 94%, #A25D3C 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 20px #00000066;
	
}

.catsBox a:hover b{
	background: transparent linear-gradient(125deg, #BA6C55 0%, #C4765F 14%, #F9AB94 27%, #F0A28B 56%, #FFB8A4 74%, #A95B44 85%, #C4765F 94%, #A25D3C 100%) 0% 0% no-repeat padding-box;
}

nav+section>h1 {text-align: center; margin-bottom: 0;}

.matcha-blog .d-flex div {align-self: center; padding: 1.5em 0;}
.mood-pic {display: flex; justify-content: center;}
.mood-pic img {object-fit: cover;}


.signature .img-fluid {max-width: 120px;}

.search-container {margin-right: 1em;}
.search-container .form-control {border:1px solid; min-width: 264px; border-radius:2em;}
.search-container .dropdown-menu {padding: 0; top: 0; box-shadow:none;}
.search-container .btn-link {z-index: 9999;}

.site-search.form-control::-webkit-input-placeholder, footer .form-control::-webkit-input-placeholder {color:#000; opacity:.85;}
.site-search.form-control:-ms-input-placeholder, footer .form-control:-ms-input-placeholder {color:#000; opacity:.85;}
.site-search.form-control::placeholder, footer .form-control::placeholder {color:#000; opacity:.85;}
.slimHeader .site-search::-webkit-input-placeholder, footer .form-control::-webkit-input-placeholder {color:#000; opacity:1;}
.slimHeader .site-search:-ms-input-placeholder, footer .form-control:-ms-input-placeholder {color:#000; opacity:1;}
.slimHeader .site-search::placeholder, footer .form-control::placeholder {color:#000; opacity:1;}


.footer.form-control:focus, .site-search.form-control:focus {opacity:1 !important;}


.tarif_table {width: 98%;}
.tarif_table th {text-align: center;}
.tarif_table td, .tarif_table th {
	font-size: 0.90em;
	border-bottom: 1px dotted #999;
	border-right: 1px dotted #999;
	padding: 5px;
}
.logo {background-image: url("/img/e/basic/kibuzzer/logo.svg");}
.dark-theme .logo {background-image: url("/img/e/basic/kibuzzer/logo-dark.svg");}
.logo {
	width: 10em; height: 3.5em; padding: 0; margin-right: 1em; opacity:1;
	display: inline-block; text-indent: -9999px; z-index: 10;
	border: 0; background-position: top; background-repeat: no-repeat; background-size: 100%;
}
.slimHeader .logo {
	width: 9em; height: 3em; background-position: center;
}

.navbar.sticky-top {
	position: fixed; width: 100%; height:6.5em; padding:0; border-top: 7px solid;
}
.navbar>.container {align-items: flex-end;}


.lead-img .new-concept { margin-top:4em;}
.new-concept {display: flex;}
.itemImgCap {position: relative;}
.itemImgCap.premium-content:before, .itemImgCap.top-story:before {position: absolute; top:1px; font-size:.9em; padding: .15em .65em; z-index: 5;}
.itemImgCap.premium-content:before {content:'premium'; right:1px; color: #000; background-color: #f2e000;}
.default-view .itemImgCap.premium-content:before {right:inherit; left: 1px;}
.itemImgCap.top-story:before {content:'TOP STORY'; left:1px; color: #fff;}
.itemImgCap img {border: 1px solid rgba(255,255,255,.25);}
.dark-theme .itemImgCap img {border-color: rgba(155,155,155,.15);}
.dark-theme .big-section+.right-section .itemImgCap img {border-color: rgba(155,155,155,.35);}
.itemImgCap span {
	position: absolute; bottom: 0; left: 0; width: 100%; padding: 2em .5em .75em; text-align: center; line-height: 1.2;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.35) 100%);
}
.itemImgCap span i, .tools-special .tool_name {display: inline-block; padding: .2em .65em; margin-bottom: .25em; font-weight: 600; font-style: normal; border-radius: .35em; border-bottom-left-radius: 0;}
.itemImgCap span b {display: block; margin-top: .25em;}
.new-concept a.itemImgCap {display: inline-block;}
.new-concept a.itemImgCap img, .main-home img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.big-section {flex-grow: 1;}

.big-section a.itemImgCap {display: block; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center bottom;}
.big-section a.itemImgCap img {max-height: 621px; border: 0;}
.right-section {min-width: 300px; max-width: 300px; display: block; margin-left: 20px;}

.home .big-cta-na a.itemImgCap {margin-top: 0 !important;}

body.home .right-section a.itemImgCap {max-width: 340px;}
.right-section a.itemImgCap {margin-bottom: 20px;}


.big-section+.right-section a.buzzer-button span {background: none;}
.big-section+.right-section a.buzzer-button {
	width: 340px; height: 340px; max-width: 300px; max-height: 300px;
	border-radius: 1.4em 1.4em 1.4em 0; display: inline-block;
    background-image: url('/img/e/basic/kibuzzer/sprite-news-buzzer.jpg');
    background-repeat: no-repeat; background-size: 100%;
}
.dark-theme .big-section+.right-section a.buzzer-button {background-image: url('/img/e/basic/kibuzzer/sprite-news-buzzer_dark.jpg');}


.big-section+.right-section a.buzzer-button:hover {background-position: 0 -300px;}
.big-section+.right-section a.buzzer-button:active {background-position: 0 -600px;}
.big-section+.right-section a.buzzer_active {background-position: 0 -600px;}

.big-section + .right-section a.buzzer-button span b {background-color: rgba(0,0,0,.25); font-weight: 400; font-size: 1.2em; display: inline-block; padding: .15em .35em;}

/* .right-section a.itemImgCap img {max-height: 340px;} */
.right-section a.itemImgCap:last-child {margin-bottom: 0; margin-top: 1.15em;}


.big-section+.right-section.big-cta a.neu-cta img {border-radius: 1.25em 0 0; box-shadow: 0 0 .2em rgba(0,0,0,.35);}
.big-section+.right-section.big-cta a.neu-cta:after {
	content:''; position: absolute;  width: 5em; height: 5em; right: 0; top: -1.25em; z-index: 1;
	background-image: url('/img/neu.png'); background-repeat: no-repeat; background-size: contain;
}

.full-section {width: 100%; display: block; text-align: center;}
.full-section a.itemImgCap {width: 340px; margin: 10px;}
.full-section.ki-buzzSwiper .swiper-wrapper {align-items: baseline;}
.full-section.ki-buzzSwiper a.itemImgCap {width: 100%; margin: 0; float: none;}
.full-section.ki-buzzSwiper a.itemImgCap img {border: 0 !important;}
.full-section a.itemImgCap img {width: 100%; max-height: 340px;}



.new-concept .card-text {display: none; color: #333;}
.dark-theme .new-concept .card-text {display: none; color: #eee;}

.light-theme.default-view .switch-to-listing .itemImgCap span b, .light-theme .card-view .itemImgCap span b {color: #000;}
.big-section .itemImgCap span b, .big-section+.right-section .itemImgCap span b, .ki-buzzSwiper .itemImgCap span b {color: #fff !important; text-shadow: 0 0 .2em rgba(0,0,0,.35);}


.big-section .itemImgCap span b {font-size: 2.5em !important; font-weight: 800 !important;}


.default-view .switch-to-listing .card-text {display: block; font-size: .85em; line-height: 1.2;}
.default-view .switch-to-listing {display: flex; flex-flow: column;}
.default-view .switch-to-listing a.itemImgCap {margin: 0 0 1em;}
.default-view .switch-to-listing a.itemImgCap img {width: 200px; float: left;}
.default-view .switch-to-listing span {position: relative; background: none; display: block; padding-left: 220px; padding-top: 1em; text-align: left;}
.default-view .switch-to-listing p:not(.ar-date) {text-align: left;}

.dark-theme .switch-view a {filter: invert(1);}
.home.dark-theme .navbar + section {background-image: linear-gradient(to right, #282d33 0%, #727b8c 60%) !important;}

.navbar + section {overflow: hidden;}
.navbar + section > .container, .test-mode + section > .container {position: relative; padding-top: 5em;}

.sid8000 .navbar + section > .container, .sid8001 .navbar + section > .container, .atype30 .navbar + section > .container, .atype31 .navbar + section > .container {
  padding-top: 3em;
}

.advt-section a {width: 100%;}
.advt-section a img {margin: 16px 0; border-radius: 2.35em 0 0 0;}
.advt-section {
	position: absolute; right: -305px; top: 8em; z-index: 10;
	width: 300px; min-height: calc(100vh - 5em); display: none;
}
body:not(.home) .advt-section {top: 4.1em;}

.advt-item {display: block; position: relative;}
/*.advt-item:before {
	position: absolute; left: .5em; top:1.25em; z-index: 10;
	display: inline-block; padding: .05em .5em; font-size: .75em;
	content: 'Werbung'; color:#333 !important; background-color: rgba(255,255,255,.9); border: 1px solid #fff;
}*/


body.detailsPage .navbar+section>.container {border-radius: 0;}
.navbar .top-bar {
	position: absolute; top: 100%; left:0; width: 100%; z-index: 9; height: 2em;
}
.slimHeader .navbar .top-bar {top: inherit; bottom: 200%;}
.slimHeader .navbar {margin-top: -.35em;}

.navbar .top-bar>.d-flex {
	position: relative; margin: 0 auto; padding: 0 1em;
	/*max-width: 1400px;*/
}
.top-bar a:hover {text-decoration: underline !important;}
.top-bar .bon-icons {vertical-align: middle; width: 18px; height: 16px; margin-right: .2em;}
.top-bar .ratings {display: inline-block; padding-bottom: 0; transform: translateY(-2px);}
.top-bar .ratings .val_display span {width: .75em;}
.top-bar .ratings .val_display span, .top-bar .val_display span em {height: .75em; background-size: contain; background-image:url("/img/e/basic/kibuzzer/star-black.svg");}



#navbarSupportedContent {position: relative;}

.card {border:0;}

footer {position: relative; border-top:1px solid;}

.navbar .btn-link, .navbar .form-control {position: relative;}
.navbar .btn-link {font-size: .75em !important; border-radius:.25em; margin: .5em 0; padding: .25em .75em; text-decoration: none;}
.navbar .btn-link .bi, .navbar .dropdown-item .bi {margin-right: .35em;}
.navbar .dropdown-item .bi.bi-box-arrow-right, .navbar .dropdown-toggle .bi.bi-person {margin-left: .35em; margin-right: 0;}
.navbar .btn-link:hover {text-decoration: none;}
.dropdown .btn-link {width: auto !important;}

.navbar .btn-link .bi-shop {font-size: 1.85em; line-height: 1.2em;}

section.bg-info, section.bg-info .container {position: relative; padding: 2em 0;}
.details-view hr+.row {position: relative; padding: 2em 0;}


.details-view h1 {margin-bottom: 1em; padding-bottom: .5rem !important;}
.details-view h1+h3 {margin-bottom: 0; padding-top: .5em;}


img.float-start.img-fluid {border: 1px solid;}
.details-view .summary {padding: 1em 0; margin-bottom: 1.5em; border-bottom: 1px solid;}
.blog-post-type .summary {border-bottom: 0;}



section.bg-info .container .row {margin-left: 0 !important; margin-right: 0 !important;}

.modal-body .close:before, .bigger-image .close:before, section.bg-info:after, section.bg-info:before, .listItem:before, .details-view hr+.row:before {
	content:''; position:absolute; top:0; height: 2.55em;
}
.modal-body .close:before, .bigger-image .close:before, section.bg-info:after, section.bg-info:before, .listItem:before, .details-view hr+.row:before, .bon-icons {
	display: inline-block; background-position: center center; background-size: contain; background-repeat: no-repeat;
}
.bon-icons {background-position: center top; width:20px; height:16px;}

.home-icon {width:1.55em; height:1.55em; margin-right: .85em; filter: grayscale(100) brightness(0); background-image: url("/img/e/basic/kibuzzer/hearthome.svg");}

section.bg-info:after, section.bg-info:before, .listItem:before, .details-view hr+.row:before, 

.listItem:before, .details-view hr+.row:before {z-index:0; filter: invert(1); opacity:.085;}

#middle-col.details-view .card-view>div.row:first-child {padding: 2em 0 2.25em; margin-top: 4px; margin-bottom: 1em;}

.new-label {background-color: #ff0; color: #000; display: inline-block; padding: .2em .35em; font-style: normal;}

.neu-item {position: absolute; width: 3em; height: 3em; left:1em; top:.5em; z-index: 10;}
.tiny-view .neu-item {width: 2em; height: 2em;}

.detailsPage .neu-item {top: -.25em; width: 4em; height: 4em; right: .5em;}
.neu-item img {max-width: 100%;}
.card.display-full {width: 100% !important; margin: -2.25em 0 1em !important; text-align: center; /*border-top-left-radius:0; border-top-right-radius:0; border-top: 5px solid rgba(255,255,255,.85) !important;*/}
.card.display-full p {font-size: 1.2em;}

.minimum-order {clear: both; text-align: center;}


h4.text-error {text-transform: inherit; letter-spacing: inherit; font-weight: inherit; margin-bottom:0; font-size: 1em !important; margin-top: 1em;}

.footer>section:last-child {border-top:1px solid rgba(0,0,0,.15);}
footer .navbar-nav .nav-link {margin:0 1em;}
footer .navbar-nav {
	-webkit-box-orient: horizontal; -webkit-box-direction: normal;
    -ms-flex-direction: row; flex-direction: row;
}
footer h4 {text-transform: inherit; margin-bottom: .75em;}

.footer-links a {display:block; margin-bottom:.15em; padding: 0 0;}

div.copy {padding: .5em 1.5em 1em; text-align: center;}
h3.sect-heading, #shop-list.listing-view>h2 {/*color:#fff;*/}

.copy-links {line-height:2em;}
.copy-links a {display:inline-block; margin: 0 .5em; padding: .5em;}

#followBox {text-align: center; padding-top: 2em;}
#followBox i.fab {font-size: 2.5em;}

.modal-header, .modal-footer {border-radius:0;}
.modal-header h5:first-child {padding-top:0 !important;}
.modal-header h5 {text-align: center; text-transform: uppercase; display: block; width: 100%;}

.quote-symbol {
	font-family: Georgia, serif; font-size: 2em; margin-bottom: .5em;
	display: inline-block; width: 1em; height:1em; line-height:1.5em; border-radius:50%; border: .045em solid #fff;
}



.scroll-down {
	position: absolute; left: 50%; margin-left: -2em; bottom: 0; z-index: 999; display: none;
	width: 4em; height: 7em; background-image: url("/img/e/basic/kibuzzer/arrow-icon.svg");  background-size: 50%; background-position: center center; background-repeat: no-repeat;
	cursor: pointer; transform: rotate(-90deg); opacity: .75;

}

img + .linkOnly {
	position: absolute; width: 5em; height: 5em; top: 50%; left: 50%; border: 3em solid rgba(0,0,0,.2); opacity: 0;
	border-radius: 50%; margin-left: -3em; margin-top: -3em;
}
a:hover img + .linkOnly {opacity:1;}
img + .linkOnly > i {
	position: absolute; width: 4em; height: 4em; font-size: .75em; line-height: 4em; top:50%; left:50%; margin-left: -2em; margin-top: -2em; border-radius:1em; opacity:.35; 
	
}
a:hover img + .linkOnly > i {width:5em; height: 5em; font-size: .8em; line-height: 5em; margin-left: -2.5em; margin-top: -2.5em; border-radius:5em; background-size:100%; opacity:0;}
.tiny-view a:hover img + .linkOnly > i {width: 3em; height: 3em; line-height: 3em; margin-left: -1.5em; margin-top: -1.5em;}
.auto-slides img + .linkOnly > i {font-size: 1.45em;}
.auto-slides a:hover img + .linkOnly > i {font-size: 1.5em;}
.linkOnly > i:before {display: inline-block;transform: rotate(-25deg);}

.catsListing {text-align: center;}
.catsListing .listItem {max-width: 320px; margin: 1em;}
.catsListing .listItem .pic_th {padding: 3em; margin-bottom: 1em;}
.pic_th {display: inline-block;}

.detailsPage section.card-view {padding-top: 0;}
.detailsPage section.card-view>.row {position: relative;}
.detailsPage section.card-view .organic_logo {top: -.5em; right: inherit; left: 5em;}

body.detailsPage .navbar + section {padding-top: 0; padding-bottom: 0;}
body.detailsPage .blog-post-type {padding-top: 2.5em;}

.pro-large-pic {padding-right: 0 !important;}
.pro-large-pic h3 {padding: .35em 0 !important;}
.large-pic-holder {
	width: 100%; display: flex;
	position: sticky; height: fit-content; max-width: 990px; margin: 0 auto;
	
}
.large-pic-holder img {object-fit: cover; object-position: 50% 50%; max-height: 100%; width: 100%;}

section.over-pic {position: relative; border-top: 1px solid rgba(255,255,255,.7); z-index: 9;}

.navbar .social-icons {line-height:1.2;}
.navbar .social-icons a {margin: 0 .25em; vertical-align: middle; font-weight: 600;}
.navbar .social-icons a i {font-size:1.65em;}
.social-icons {text-align: center;}
.social-icons a.foicns {display:inline-block; width: 1.5em; height: 1.5em; line-height: 1.5em; border-radius: 1em; text-align: center;}

footer .social-icons p {margin-bottom: .25em;}


.fb-icon {background-image: url("/img/e/basic/kibuzzer/facebook.svg");}
.ins-icon {background-image: url("/img/e/basic/kibuzzer/instagram.svg");}
.in-icon {background-image: url("/img/e/basic/kibuzzer/linkedin.svg");}
.pin-icon {background-image: url("/img/e/basic/kibuzzer/pinterest.svg");}
.tw-icon {background-image: url("/img/e/basic/kibuzzer/twitter.svg");}


#shop-list.listing-view>h2 {position: relative; text-align: center; font-size: 1.5em !important; margin-top: .5em; z-index: 1;}

.newsletter .btn {position: relative; z-index: 10;}
.showing-boxes .cart-indicator .box-status {display: none;}
.border-bottom.border-lightgray {border-bottom-width: 0 !important;}

.newFooter, .newFooter>.container {position: relative;}


.newFooter>.container img {width: 100%;}
.newFooter .start-bottom section {border-bottom: 0;}
div.alert {margin-top: 1em;}
div.alert-info {border: 1px dashed;}
div.alert ul, div.alert ul li {margin-bottom: 0;}


.allergen {font-style: italic; font-weight: 600;}


.soldout {
	position:absolute; top: 1em; left: 50%; margin-left: -30%; width: 60%; max-width: 180px; z-index: 10;
	padding: 0.6em 1.6em; color: #C00; background-color: white; border: 2px dashed #C00; transform: rotate(-10deg); 
}

.detailsPage .soldout {top: -.25em !important; left: 30% !important;}
.detailsPage .details-view h2, .detailsPage h1 {border-bottom: 1px solid;}

.card-view .card.featured {width: 36.75em !important;}
.card-view .card .item-box a {flex-basis: inherit; height: 100%; display: flex; justify-content: center;}
.card-view .card .item-box {display: flex; /*height: 300px;*/ height: auto;}

.card .organic_logo {width:50px; height: auto; top: 3.25em; left: .4em;}
.card .item-box {
	position: relative; padding: 0 !important;
}


.item-tags {
	position: absolute; left: 0; z-index: 10;
	padding: .15em .5em;
}
.item-tags.topTag {
	display: flex; align-items: center; left: inherit; right: -.5em; top:-.5em;
	width: 6em; height: 6em; border:2px dotted; border-radius: 3em; line-height: 1;
}
.item-tags.bottomTag {align-self: flex-end;}
.item-tags.tagSale {bottom: 2em;}

.item-tags.tagFooter {
  bottom: 0em; left: -.2em;
  font-size: .8em !important;
  padding: .15em 1.5em; letter-spacing: .12em;
  background-color: #ffee00; color: #000;

}

.hwrap em {
	position: relative; text-align: left; line-height: 1.75; vertical-align: middle; font-style: normal;
	-webkit-line-clamp: 1; line-clamp: 1;
	overflow: hidden; text-overflow: ellipsis;
	display: -webkit-box; -webkit-box-orient: vertical;
}

/* (A) FIXED WRAPPER */
.hwrap {
  position: relative; border-radius: 0 0 .5em .5em;
  overflow: hidden; max-width: 1440px; margin: 0 auto; /* HIDE SCROLL BAR */
}
.hwrap>span {position: absolute; z-index: 20; left:0; height: 100%; padding: 0 1em; line-height: 1.65; font-weight: 700; border-radius: 0 .5em 0;}
.hwrap .hitem b {display: inline-block; white-space: nowrap; font-weight: 600; padding: 0 .5em; line-height: 1.75;}
 
/* (B) MOVING TICKER WRAPPER */
.hmove { display: flex; }

/* (C) ITEMS - INTO A LONG HORIZONTAL ROW */
.hitem em:before {content:'\25CF'; margin-right: .75em; line-height:1; font-size: .45em; vertical-align: super;}
.hitem {
  flex-shrink: 0;
  width: auto;
  box-sizing: border-box;
  padding: 0; padding-right: 2em;
  text-align: center;
}
 
.hmove { animation: tickerh linear 60s infinite; }
.hmove:hover { animation-play-state: paused; }

@keyframes tickerh {
  0% { transform: translate3d(100%, 0, 0); }
  100% { transform: translate3d(-300%, 0, 0); }
}

.vflHrtz {transform: translateY(-2em);}

#print_voucher {position: fixed; top: 2em; left: .5em; border: 1px dashed #000000; padding: .75em; background-color: #fff; max-width: 450px; z-index:9999; text-align: center;}
#print_voucher a {margin: .15em; display: inline-block;}

.resiSliderBox .close, .buzz_news .close, .bon-modal .close {position: absolute; font-size: 1.65em; right:-.5em; top:-.5em; z-index: 12; opacity: 1;}
.resiSliderBox .close:hover {opacity: .75;}
.resiSliderBox .slideIn-pic {
	display: flex; padding-left: 0 !important;
	background-image: url("/img/e/basic/kibuzzer/nl-light.jpg"); background-repeat: no-repeat; background-position: center center; background-size: contain;
}
.dark-theme .resiSliderBox .slideIn-pic {background-image: url("/img/e/basic/kibuzzer/nl-dark.jpg");}

.resiSliderBox .slideIn-pic img {object-fit: cover; object-position: 30% 0%; max-width: 420px; width: 100%; margin: 0 auto;}

.slideIn-opener {position: fixed; bottom: -.25em; left: 1em; width: 110px; z-index: 12;}
.slideIn-opener.btn {line-height: 1;}
.slideIn-opener .bi {font-size: 1.5em; vertical-align: middle;}
.slideIn-info {font-size: .85em; display: flex; align-content: center;}
.slideIn-info>div {padding: 1em;}
.slideIn-info p.small {padding-top: 1em;}

.btn.slideIn-opener {border-radius: .5em; padding: 5px 0 7px !important; color: #fff;}
.btn.slideIn-opener span {margin-left: .25em;}
.resiSliderBox {
	position: fixed; bottom: 3em; left: 1em; width: 100%; max-width: 800px; z-index: 9999999999;
	border-radius: .5em; box-shadow: 0 0 .5em rgba(0,0,0,.12); border: 1px solid;
	transform: translateX(-110%); transition: all .5s ease-in-out;
}

.regiSlideIn .resiSliderBox { transform: translateX(0); transition: all 1.5s ease-in-out;}

.regiSlideInInitial .resiSliderBox {transform: translateX(-110%);}


.buzz_news .img-fluid {max-width: 300px;}
.buzz_news h2 {font-size: 1.75em !important; line-height: 1.2; margin-bottom: .2em;}
.buzz_news .img-fluid {margin-top: 1em;}
.buzz_news .btn {margin-top: 2em !important;}
.buzz_news>.row {flex-wrap: nowrap; overflow: hidden;}
.buzz_news>.row .col-md-12 {transition: all .5s ease-in-out}
.buzz_news>.row .col-md-12.moreNewsInfo {margin-left: -100%;}

.buzz-details {max-height: calc(100vh - 18em); overflow-y: auto; margin-bottom: 1em; padding-bottom: 1em; position: relative;}
.buzz-source {position: relative;}
.buzz-source:after {
	content:''; position: absolute; left:0; bottom:100%; width: 100%; height: 4em;
	background-image: linear-gradient(to top, rgba(238,238,238,1) 0%, rgba(238,238,238,.7) 50%, rgba(238,238,238,0) 100%);
}
.dark-theme .buzz-source:after {
	background-image: linear-gradient(to top, rgba(62,76,79,1) 0%, rgba(62,76,79,.7) 50%, rgba(62,76,79,0) 100%);
}
.buzz-source+p .btn-primary {margin-bottom: -1em;}
.buzz-source+p+p {margin-bottom: 0;}

.buzz_news {
	position: fixed; top: 5em; right: 1em; width: 100%; max-width: 400px; z-index: 9999999999;
	display: grid; padding: 1em; box-shadow: 0 0 .5em rgba(0,0,0,.12); border: 1px solid;
	transform: translateX(110%); transition: all .25s ease-in;
}
.newsBuzz_SlideIn .buzz_news {transform: translateX(0); transition: all .5s ease-in-out;}
.bonOverlayON .bon-overlay {display: block;}


/*-[Animated newsBuzz]-*/
/*
@keyframes newsBuzzPageLoad {
  0% {-ms-transform: translateX(-110%); transform: translateX(-110%);}
  100% {-ms-transform: translateX(0); transform: translateX(0);}
}
.newsBuzz_SlideIn .buzz_news {
	-webkit-animation: newsBuzzPageLoad 1.5s normal forwards ease-in; animation: newsBuzzPageLoad 1.5s normal forwards ease-in; animation-iteration-count: 1; animation-delay: 5s;
}*/
/*-[/Animated newsBuzz]-*/

.float-full {width: 1600px; max-width: 100%; margin-bottom: 1em;}

.prompt-content {display: flex;}
.prompt {display: block; flex-grow:1; width: 100%; position: relative; color:#8e5ea4; border: 2px solid #b79bca; padding: .75em 1em; border-radius: 1em; border-bottom-left-radius: 0;}
.prompt-content+* {margin-top: .5em;}

.prompt_group {padding-top: 1.5em; clear: left;}
.prompt_group .prompt-content {margin-top: .5em;}
#imageSet .prompt_group a.lightboxTrigger {width: 160px; max-height: inherit;}
#imageSet .prompt_group .gallery-list a.lightboxTrigger {width: 120px;}

.noborder-topleft {border-top-left-radius: 0;}
.noborder-topright {border-top-right-radius: 0;}
.noborder-bottomright {border-bottom-right-radius: 0;}
.noborder-bottomleft {border-bottom-left-radius: 0;}

.dark-theme .prompt {background-color: #eff8fc;}
.details .prompt.bad {background-color: #fee !important;}
.details .prompt .btn i {color: transparent; text-indent: 2px;}
.details .prompt .btn i:before {color: #fff; display: none;}
.dark-theme .details .prompt.bad {background-color: rgba(180,180,180,.35) !important;}
.details .prompt.good {background-color: rgba(119,196,49,.25) !important;}
.dark-theme .details .prompt.good {color:#fff; background-color: rgba(119,196,49,.5) !important;}

.prompt .btn {
	position: absolute; right: -.75em; top: -.5em; width: 2.5em; height: 2.5em; padding: 0;
	background-image: url("/img/e/basic/kibuzzer/prompt.svg"); background-repeat: no-repeat; background-size: contain;
}
.prompt strong {font-weight: 600;}
.prompt .btn.copied {filter: grayscale(1);}
.prompt .btn.copied:before {content: 'kopiert'; font-size: .75em; position: absolute; width: 100%; left: 0; top: -1.25em; opacity: 0; text-align: center; transition: all 1.5s ease-in-out;}
.light-theme .prompt .btn.copied:before {color: #555;}

.details .prompt {background-color: #eefafa !important;}

/*-[Animate Copied]-*/
@keyframes aniCopied {
  0% {opacity: 0;}
  20% {opacity: .75; top:-2em;}
  80% {opacity: 1; top:-2em;}
  90% {opacity: .5; top:-2em;}
  100% {opacity: 0; top:-1.85em;}
}
.prompt .btn.copied:before {
	-webkit-animation: aniCopied 2s normal forwards ease-in; animation: aniCopied 2s normal forwards ease-in; animation-iteration-count: 1; animation-delay: .2s;
}
/*-[/Animate Copied]-*/

/*-[Animated resiPage]-*/
@keyframes rsiPageLoad {
  0% {-ms-transform: translateX(-110%); transform: translateX(-110%);}
  100% {-ms-transform: translateX(0); transform: translateX(0);}
}
.regiSlideInInitial .resiSliderBox {
	-webkit-animation: rsiPageLoad 1.5s normal forwards ease-in; animation: rsiPageLoad 1.5s normal forwards ease-in; animation-iteration-count: 1; animation-delay: 5s;
}
/*-[/Animated resiPage]-*/

body.regiSlideIn {overflow: hidden;}
body.regiSlideIn .content-wrapper > section, body.regiSlideIn footer { pointer-events: none; filter: blur(1.5em); opacity:.75;}

.ki-tools-list .swiper-slide a.itemImgCap {border-radius: 2em; overflow: hidden;}

.ki-tools-detail h3+.small {font-size: 1em !important;}

.ki-listing .float-end, .ki-listing .float-start, .full-view .float-start {margin-right: 1em;}

.details ol, .details ul, .highlights ol, .highlights ul {padding-left: 1em;}
.details ol li, .details ul li, .highlights ol li, .highlights ul li {padding-left: 0; padding-bottom: .65em;}
.lesson-container ol li, .lesson-container ul li {padding-bottom: 0;}

.hero-blog-box img, .details-blog-box img {margin-bottom: .2em;}
.hero-blog-box img+figcaption, .details-blog-box a+figcaption {font-size: 11px;}
.hero-blog-box img+figcaption:before, .details-blog-box a+figcaption:before {content: '\25b2'; margin-right: .25em;}
.hero-blog-box figure, .details-blog-box figure {position: relative;}
.hero-blog-box figcaption em, .details-blog-box figcaption em {font-style: normal; line-height:1 !important;}

.bigger-image #fig-caption {
	width: 100%; position: absolute; bottom: 0; left: 0; padding:.15em .5em; z-index: 99;
	font-size: .75em; font-style: normal; color:#fff; background: rgba(0,0,0,.25); backdrop-filter: blur(1em);
}
.bigger-image #fig-caption:before {content: '\25b2'; font-size: .9em; margin-right: .25em;}

.hero-blog-box figure>i, .details-blog-box figure>i {
  position: absolute; width: 100%; padding: 2px 5px; z-index: 9;
  font-style: normal; font-size: 10px; text-transform: uppercase;
  left: calc(50% - .8em); top: calc(50% - 2em); transform: rotate(270deg);
  background-color: rgba(255,255,255,.5); text-align: right;
}

.highlights {clear: both; display: block; padding: 1em; margin-bottom: 1em; border: .25em solid #ccc;}

.container .new-concept>.big-section .row+h1 {margin-bottom: .25em;}

.biggerImgModal {overflow: hidden;}
.bigger-image {
	display: none;
	position: fixed; top: 50%; left: 0; z-index: 9999999999;
	transform: translate(0, -50%);
	background-color: rgba(0, 0, 0, 0.8);
	padding: 10px;
	border-radius: 10px;
}
.bigger-image img {
	max-width: 100%; max-height: 100%;
}
.close-btn {
	position: absolute; top: .5em; right: .5em;
	cursor: pointer; z-index: 9999;
	font-size: 2em; color: #fff !important; opacity: .65;
	background-color: transparent !important; border: 0 !important;
}
.close-btn:hover {opacity: 1;}

.buzz_news .close-btn {right: -1.25em; top: -1em;}
.bigger-image .close-btn {right: -1.25em; top: 1em;}


/*--[Multi-Step Form with Progress Bar]--*/

.hidden, figure .ki-symbol:empty, .custom-icons+i.bi, .meine-list,
.sid8000 .top-bar, .sid8001 .top-bar, .atype30 .top-bar, .atype31 .top-bar {display: none;}

.opinion-poll .btnBox {margin-top: 2em;}
.opinion-poll label {padding-top: 0;}


.steps-progress {padding: 1em 1em 0; margin-top: 1em;}
.opinion-poll {padding: 1em; border-radius: 1em;}
.opinion-poll form {max-width: 800px;}
.opinion-poll select {max-width: 600px;}
.opinion-poll .radioGroup label:first-child {margin-right: .5em;}

.opinion-poll h3 {
	margin-bottom: 1em;
}
.opinion-poll .custom-textbox {
	margin-top: .5em;
}

.step-container {
  position: relative;
  text-align: center;
  transform: translateY(-43%);
}

.step-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid;
  line-height: 30px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  cursor: pointer; /* Added cursor pointer */
}

.step-line {
  position: absolute;
  top: 16px;
  left: 50px;
  width: calc(100% - 100px);
  height: 2px;
  z-index: -1;
}

#multi-step-form{
  overflow-x: hidden;
}
/*--[/Multi-Step Form with Progress Bar]--*/


.time-stamp {text-align: right;}
.time-stamp i {font-style: normal;}

.full-section .itemImgCap span b {-webkit-line-clamp: 3; line-clamp: 3;}
.full-section .itemImgCap span b {
	   overflow: hidden; text-overflow: ellipsis;
	   display: -webkit-box; -webkit-box-orient: vertical;
}


.ki-interview {font-size: .85em;}
.ki-profile {display: flex; font-size: .95em;}
.ki-profile>div { display: flex; align-items: center; padding: 1em; border-radius:1em; margin-bottom: 1em;}
.ki-profile h3 {margin-bottom: .35em;}
.ki-profile p {line-height: 1.5;}
.ki-profile p a {display: block; padding-top: .5em;}
.ki-profile .author-pic img {max-width: 120px;}
.ki-profile .author-info {padding-left: 1em;}
.ki-question em, .ki-answer em {font-style: normal; text-transform: uppercase;}
.ki-question {
	display: grid; font-size:1em; line-height: 1.25; margin-bottom: 1em;
	padding: 1em; border-radius:.35em; background-color: rgba(53,198,172,.1);
}
.ans-box {display: flex; margin-bottom: 1em;}
.ans-box>div {
	padding: 1em; border-radius:.35em; background-color: rgba(204,204,204,.1);
}
.ki-question>strong {display: block; padding-bottom: .25em;}
.ki-answer {font-size:1em; margin-bottom: .25em;}

.lessonsToggler {display: none; opacity: 0;}

.author_img {
	display: inline-block;
	width: 36px; height: 36px; border-radius: 50%;
	object-fit: cover; vertical-align: middle;
	margin-right: 8px; /* Abstand zum Autoren-Namen */
}
 
.details .btn-lg.btn-danger {padding: .5em 1.5em .75em;}
.btn-lg b {font-size: 1.2em; font-weight: 700;}
.btn-lg em {font-size: .75em; font-weight: 400; font-style: normal; display: block;}

.thumb-margin-bottom {margin-bottom: 5px;}
.thumb-margin-right {margin-right: 5px;}

.has-advt-section:not(.home) .navbar + section > .container, .sid8101 .navbar + section > .container, .shopPage .navbar + section > .container {background-color: #fff;}	
.has-advt-section.dark-theme:not(.home) .navbar + section > .container, .sid8101.dark-theme .navbar + section > .container, .shopPage.dark-theme .navbar + section > .container {background-color: #212121;}	

aside#usercentrics-cmp-ui {position: relative;}
aside#usercentrics-cmp-ui:before {
	position: fixed; left: 36px; bottom: 36px; z-index: 1;
	content:''; width: 64px; height: 64px; border-radius: 50%; background-color: #fff;
}
aside#usercentrics-cmp-ui:before {opacity: .75;}
.dark-theme aside#usercentrics-cmp-ui:before {opacity: .5;}
aside#usercentrics-cmp-ui:hover:before, .dark-theme aside#usercentrics-cmp-ui:hover:before {opacity: 1;}


.ai-comp-landing {padding-bottom: 2em;}
.ai-comp-landing .icon-set {display: flex; flex-flow: column; align-items: center; justify-content: center; padding-top: .5em;}
.ai-comp-landing .icon-set img {max-width: 180px; border: 1em solid rgba(255,255,255,.5);}
.ai-comp-landing .icon-set .fs-2 {font-size: 3em !important;}
.ai-comp-landing .main-motive {text-align: center; padding: 1.5em 0;}
.ai-comp-landing #navbarSupportedContent, .ai-comp-landing .top-bar {display: none !important;}
.ai-comp-landing h3 {font-size: 1.5em !important; margin-bottom: .5em;}
.ai-comp-landing nav.navbar.sticky-top {transition: none !important; height: auto; margin-left: 0; padding-bottom: .2em;}
body:not(.slimHeader) .ai-comp-landing .logo {width: 9em !important; height: 3em !important;}
.ai-comp-landing .logo+.btn {display: flex; align-self: center;}
.ai-comp-landing .action-btns {margin-top: 1.25em;}
.ai-comp-landing .main-motive>.action-btns {margin-top: 0;}
.ai-comp-landing h3+.list-unstyled {border:1px solid #dee2e6; border-radius: 1em; padding: 1em; margin-bottom: 0;}

.ai-comp-landing .card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
  
.ai-comp-landing .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}
  
.ai-comp-landing .badge {
    font-size: 0.875rem;
    font-weight: 600;
}

.ai-comp-landing .tooltip-inner {
	max-width: 300px;
	text-align: left;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 1.4;
}
    
.ai-comp-landing [data-bs-toggle="tooltip"] {
	cursor: help;
	border-bottom: 1px dotted #666;
	text-decoration: none;
}

.ai-comp-landing [data-bs-toggle="tooltip"]:hover {
	border-bottom-style: solid;
}


.register .ch-copy h3 {color: #3e5158;}
.register.dark-theme .ch-copy h3 {color: #b7eae5;}

.trust-badge-box {text-align: center; margin-bottom: 1em;}
.trust-badge-box .trust-badge {justify-content: center; display: flex; margin-bottom: 2em;}
.trust-badge-box .trust-badge img {max-width: 90px; margin-bottom: .5em;}
.trust-badge-box .trust-badge:after {
  max-width: 72px; line-height: 1.25; text-align: center;
  position: absolute; top: 100%; opacity: .65;
}
.trust-badge-box .badge-shield:after {content: 'DSGVO konform';}
.trust-badge-box .badge-german:after {content: 'Made in Germany';}
.trust-badge-box .badge-gauge:after {content: '99,5 % SLA';}

.trust-badge-img {
  max-width: 90px; margin-bottom: 1em;
}

body .ai-comp-landing .navbar + section > .container {padding-top: 0;}
body .ai-comp-landing section.sep-line {border-bottom:1px solid #dee2e6 !important;}
body.dark-theme .ai-comp-landing section.sep-line, body.dark-theme .ai-comp-landing .list-unstyled {border-color: #1a1a1a !important;}
section.ai-comp-main {margin-bottom: 1px;}
section.ai-comp-main+.bg-kitheme h3 {font-size: 2em !important; margin-bottom: .5em;}
section.ai-comp-main > .container h1, section.ai-comp-main > .container h2 {padding: 0 1em;}
section.ai-comp-main figure, section.ai-comp-main figure .figure-img {margin-bottom: 0;}

section.ai-comp-main figure {position: relative;}
section.ai-comp-main figure:before {
	content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 20%, rgba(0,0,0,.35) 100%);
}

section.bg-kitheme, .dark-theme section.bg-kitheme h3 {color: #000;}
section.bg-kitheme h4.bi {position: relative; padding-left: 2.55em;}
section.bg-kitheme h4.bi:before {position: absolute; left: 0; font-size: 2em;}

body .ai-comp-landing section>.container, body .ai-comp-landing .navbar>.container {max-width: 980px !important;}
body .ai-comp-landing .navbar>.container {position: relative; }
body .ai-comp-landing .topbar {display: none;}


.ai-comp-main.clean-header {padding-bottom: 0 !important;}
.ai-comp-main.clean-header .container {padding: 1em 15px 0 !important;}
.ai-comp-main.clean-header h1 {padding: 0 !important;}
.ai-comp-main.clean-header h3 {margin-bottom: .5em !important;}
.ai-comp-main.clean-header .ch-copy {padding: 2em 15px;}
.ai-comp-main.clean-header .ch-graphic {
	background-repeat: no-repeat; background-position: center center; background-size: contain; min-height: 350px;
}

.ch-graphic.demo-user-access {background-image: url("/img/e/basic/demo-access.jpg");}
.dark-theme .ch-graphic.demo-user-access {background-image: url("/img/e/basic/demo-access-dark.jpg");}
.ch-graphic.demo-user-activated {background-image: url("/img/e/basic/demo-activated.jpg");}
.dark-theme .ch-graphic.demo-user-activated {background-image: url("/img/e/basic/demo-activated-dark.jpg");}

.sect-boxes .card {border: 1px solid; border-radius: 1em; text-align: center; height: 100%;}
.sect-boxes .card .badge {font-size: 1.15em;}
.sect-boxes .card h4 .bi {display: block; font-size: 2.5em; margin-bottom: .25em;}
.sect-boxes > [class^="col-"] {
  margin: 1em 0;
}

.ki-plan-box {max-width: 480px; border-radius: 1em; margin: 0 auto; text-align: center;}
.price .amount {font-size: 48px; }
.price .period {font-size: 20px; font-weight: 400; color: #666;}

.ai-comp-landing ul li {margin-bottom: .5em;}
.list-unstyled li {margin-bottom: .25em; position: relative; padding-left: 2em;}
.list-unstyled li .bi {font-size: 1.25em; position: absolute; left: 0; top: -.1em;}

.tick-style {
  list-style: none; padding: 0; margin: 0; text-align: left;
}

.tick-style li {
  position: relative; padding-left: 2em; margin-bottom: 0.75em;
}

.tick-style li:before {
  content: "\F26B";
  position: absolute;
  left: 0; top: 0; margin-left: .55em;
  font-weight: bold;
}


.cta-banner {text-align: center;}
.cta-banner .btn {
	position: relative; width: 100%; max-width: 480px; padding: .75em 1em; border-radius: .5em; border: 0 !important; 
	font-size: 1.25em !important; color: #fff; white-space: break-spaces;
	background-image: radial-gradient(circle farthest-corner at 6.3% 21.8%, rgba(236,6,117,1) 0%, rgba(13,32,67,1) 90% );
}
.dark-theme .cta-banner .btn {background-image: radial-gradient(circle farthest-corner at 2.3% 15.8%, rgba(215,25,95,1) 0%, rgba(10,52,62,1) 90% );}

/*[artist cards]*/
.art-events .row .col {min-width: 260px;}
.art-events .event-card .card-body, .art-events .artist-card .card-body {padding: 1em;}

.artist-card h3, .event-card h3, .artist-card h4, .event-card h4 {margin-bottom: .5em;}
.artist-card p, .event-card p {font-size: .85em;}
.event-card h4 {font-size: 1em !important; padding-top: .25em;}
.artist-card, .event-card {
	border-radius: 12px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
	border: 1px solid;
}

.artist-card:hover, .event-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.card-body {
	padding: 1.5rem;
}

.artist-location, .event-location {
	position: relative; opacity: .75;
	font-size: 0.9rem; margin-bottom: 0.5rem;
	padding-left: 1em; 
}

.artist-location .bi, .event-location .bi {
	position: absolute; left: -.25em;
}
.event-location {padding-left: 1.25em;}
.event-location .bi {left: 0;}

.artist-link, .event-link {
	font-weight: bold;
	margin-top: 0.5rem;
}

.section-heading {
	margin-top: 2rem;
	margin-bottom: 1.5rem;
	border-bottom: 3px solid #f0f0f0;
	padding-bottom: 0.5rem;
}
.dark-theme .section-heading {border-color: #414e52;}

.intro-text {
	margin-bottom: 2rem;
}

/*[/events cards]*/


.right-section.lessons-list .progress {overflow: initial; max-width: 360px; margin:1px auto 2em !important; height: .5rem; border-radius: .22em; background-color: #b7eae5;}
.right-section.lessons-list .lesson_inactive+.progress {display: none;}
.right-section.lessons-list .progress-bar {position: relative; overflow: initial; border-radius: .15em;}
.progress-bar em {
  position: absolute; left: calc(100% - 2em); top: 100%; z-index: 10;
  color: #000; font-style: normal;
}
.dark-theme .progress-bar em {color: #ccc;}

/*--[books listing]--*/
.book-cover-zoom {
    position: relative;
    display: inline-block;
    width: 120px;
    height: auto;
    overflow: visible;
    cursor: zoom-in;
  }
  .book-cover-zoom img {
    width: 120px;
    height: auto;
    display: block;
    transition: transform 120ms ease-out, box-shadow 120ms ease-out;
    transform-origin: center center;
    will-change: transform;
    z-index: 1;
    position: relative;
  }
  @media (hover: hover) and (pointer: fine) {
    .book-cover-zoom:hover img,
    .book-cover-zoom:focus img {
      transform: scale(1.1); /* 120 -> 180 px */
      box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
      z-index: 5;
    }
  }
  .book-cover-zoom.active img {
    transform: scale(1.5);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    z-index: 5;
  }

  /* ISBN-Badge Copy UI */
  .isbn-badge { cursor: pointer; position: relative; user-select: none; }
  .isbn-badge .copy-tip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%,-.25rem);
    background: rgba(0,0,0,.85);
    color: #fff;
    padding: .25rem .5rem;
    border-radius: .25rem;
    font-size: .75rem;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease;
  }
  .isbn-badge.show-tip .copy-tip { opacity: 1; }

.books-listing .vstack .card .card-body .text-secondary+p {font-size: .9em;}

.item-booked {
	background-color: rgb(255, 255, 255); color: rgb(85, 85, 85) !important;
	font-family: "Roboto-Regular", "-apple-system", BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, Arial, sans-serif; font-weight:normal !important;
}
.item-booked:before {content:'\F23A'; margin-right: .25em; font-size: 1.5em; line-height: 1; vertical-align: bottom;}
.item-booked:hover {color: #fff !important;}
.item-booked .bi {font-size: 1.5em; line-height: 1;}

/*--[/books listing]--*/

@media all and (min-width:481px) {
	.newsBuzz_SlideIn .buzz_news {right: 50%; margin-right: -200px;}
	.ki-th {max-width: 200px;}
}
@media all and (min-width:575px) {
	#imageSet .prompt_group a.lightboxTrigger {display: flex; width: 200px; float: inline-start; margin-right: 1em; max-height: initial;}
	#imageSet .prompt_group .gallery-list a.lightboxTrigger {width: 160px;}
}
@media all and (min-width:621px) {
	.default-view .switch-to-listing p:not(.ar-date) {padding-left: 220px;}
}
@media all and (min-width:681px) {
	.opinion-poll .btnBox .btn {margin-right: 1em;}
	.opinion-poll .btnBox .btn:last-child {margin-right: 0;}
}
@media all and (min-width:769px) {
	.ai-comp-main .action-btns .btn-lg em {font-size: inherit; font-weight: inherit; display: inline;}
	.ai-comp-landing .icon-set {flex-flow: row;}
	.ai-comp-landing .icon-set .fs-2 {padding: .35em;}
	.cta-banner {margin: -1em 0 .5em; }
	.home .big-section .cta-btn {flex-flow: row; width: 100%; justify-content: center; left: 0;}
	.home .big-section .cta-btn a {margin: 0 .5em;}
	.ki-profile .author-pic img {max-width: 150px;}
	.card-view .full-section:not(.ki-buzzSwiper) {margin-left: -10px; margin-right: -10px;}
	.card-view .itemImgCap span b, .ki-buzzSwiper .itemImgCap span b {font-size: 1.5em; font-weight: 700;}
	
	.resiSliderBox .slideIn-pic	img {border-radius:0 .5em .5em 0;}
	.hero-blog-box, .details-blog-box {float: right; max-width: min-content; margin-left: 2em;}
	.hero-blog-box.float-start, .details-blog-box.float-start {float: left; max-width: min-content; margin-left: 0; margin-right: 2em;}
	.details .hero-blog-box, .details .details-blog-box {clear: both;}
	.details .hero-blog-box figure img, .details .details-blog-box figure img {max-width: 400px;}
	
	.details-view .float-end, .details-view .float-start, .ki-hero {max-width: 50%;}
	.atype6 .details-view .float-end, .atype6 .details-view .float-start, .atype6 .ki-hero {max-width: 100%;}
	
	.float-end.img-fluid {margin-left: 1em;}
	figure .float-end.img-fluid {margin-left: 0;}
	.float-start.img-fluid {margin-right: 1em;}
	figure .float-start.img-fluid {margin-right: 0;}
	.resiSliderBox .slideIn-pic {transform: translateX(-.75em);}

}



@media all and (min-width:990px) {
	.card-view .itemImgCap span b {color: #fff; text-shadow: 0 0 .2em rgba(0,0,0,.35);}
	.default-view .ki-list-box .switch-to-listing .card-text {font-size:inherit;}
	
	.bigger-image {left: 50%; transform: translate(-50%, -50%);}
	#navbarSupportedContent {margin-bottom: .55em;}
	body:not(.slimHeader) #navbarSupportedContent {margin-bottom: .35em;}
	body:not(.slimHeader) .logo {transform: translateY(.25em);}
	
	.big-section a.itemImgCap {background-image: none !important;}

	.menu-icon {
		background-color: rgba(13,158,171,.15) !important; border: transparent; text-indent: -999em; width: 60px;
		background-image: url("/img/e/basic/kibuzzer/menu-icon.svg");background-repeat: no-repeat; background-position: center center; background-size: contain;
	}
	.slimHeader .menu-icon {background-color: rgba(13,158,171,1) !important; width: 50px;}
	.menu-icon:hover, .menu-icon:focus {background-color: rgba(0,0,0,1) !important;}
	.menu-icon:focus, .menu-icon.focus {box-shadow:none !important;}

	.col.breadcrumb, ol.breadcrumb {padding-left: 0 !important;}
	div.copy .row {flex-direction: row-reverse;}
	#moveMobi-234-revert .btn-link span {display: none;}
	.navbar .dropdown-toggle .bi.bi-person:before {font-size: 1.2em; transform: translateY(.15em);}
	.slideIn-info>div {padding: 2em 1em 1em 2em;}

	.login-container {margin-left: auto;}
	.lang-container {position: absolute; right: 0; bottom:80%;}
	.lang-container .btn-link:not(.dropdown-toggle) {font-size:1em !important; line-height: normal; }

	/*--[SlimHeader]--*/
	.slimHeader .navbar.sticky-top {height: 4.25em; align-items: flex-end;}

	.slimHeader .navbar.sticky-top .dropdown-menu {font-size:1em;}

	body.detailsPage .blog-post-type {padding-top: 4.5em;}
	footer .social-icons {text-align: left;}
	
}
@media all and (min-width: 991px) and (max-width: 1280px) {
	.navbar-nav.icons-valign .btn-link .custom-icons, .navbar-nav.icons-valign .btn-link .bi-shop {display: flex; transform: none; text-align: center; margin: 0 auto;}
}
@media all and (min-width:991px) {
	.big-cta-na {display: flex;}
	body.home .right-section {min-width: 340px; max-width: 340px;}
	.big-section .itemImgCap span {padding-bottom: 2em;}
	body:not(.slimHeader) .logo {background-image: url("/img/e/basic/kibuzzer/logo_plus.svg");}
	body:not(.slimHeader).dark-theme .logo {background-image: url("/img/e/basic/kibuzzer/logo_plus-dark.svg");}
}
@media all and (min-width:1024px) {
	.bigger-image #fig-caption {bottom: 3em; font-size: .85em;}
	.ki-tools-detail .ki-th {max-width: 320px;}
	.full-section a.itemImgCap {float: left;}
	.slimHeader #navbarSupportedContent>.flex-row {display: hidden;}
	
	.default-view .switch-to-listing {display: inline-block;}
	.default-view .switch-to-listing .itemImgCap {width: 50%;}
	.default-view .switch-to-listing .card-text {padding-right: 1em;}
	
	.newsletter form {max-width: 400px; margin: 0 auto;}
	.details-view .float-end, .details-view .float-start, .ki-hero {max-width: 512px;}
	.modal-header h5 {text-align: left;}
	.modal-header .close{
		left: inherit; right:.75em; top:.75em; margin-left:0;
	}
	.modal-header .close:before{
		width:3em; height:3em; left: 0;
		background-image: url("/img/e/basic/kibuzzer/close-icon.svg");
	}
	.atype6 .details-view .float-end, .atype6 .details-view .float-start, .atype6 .ki-hero {max-width: 512px;}
	
	body:not(.slimHeader) .dropdown.search-container, body:not(.slimHeader) .dropdown.search-container .dropdown-menu {display: block !important;}
	.big-section span b, .full-section:not(.switch-to-listing) .doubleSize span b {font-size: 2.5em;}

}
@media all and (min-width:621px) and (max-width:1469px) {
	.newsBuzz_SlideIn .buzz_news {position: absolute; top: 3em; }
	body.newsBuzz_SlideIn .content-wrapper {max-height: calc(100vh + 10vh); overflow: hidden;}
}
@media all and (min-width:1280px) {
	.navbar .btn-link {padding: .25em 1em; }
	.new-concept a.itemImgCap.bizAdvt-md {display: none !important;}
	.buzz-details {max-height: calc(100vh - 22em);}
	.card-view .itemImgCap.doubleSize span b {font-size: 2.5em; font-weight: 800;}
	.card-view .full-section.switch-to-listing {width: calc(100% + 20px);}
	.card-view .full-section.switch-to-listing a.doubleSize {width: 100%; max-width: 720px;}
	.card-view .full-section.switch-to-listing a.doubleSize img {max-height: 700px;}
	
	.logo {width: 13em; height: 4.35em;}
	
	.search-container {margin-right: 4em;}
	.slimHeader .search-container {margin-right: 3em;}
	body.detailsPage .blog-post-type {padding-top: 6em;}
	.float-start.img-fluid {margin-right: 2em; margin-bottom: 1em;}
	.float-end.img-fluid {margin-left: 2em; margin-bottom: 1em;}
	figure .float-start.img-fluid, figure .float-end.img-fluid {margin-bottom: .2em;}
	.hero-blog-box .float-start.img-fluid, .details-blog-box .float-start.img-fluid, .hero-blog-box .float-end.img-fluid, .details-blog-box .float-end.img-fluid {margin-right: 0; margin-left: 0;}
}
@media all and (min-width:1280px) and (max-width:1469px) {
	.card-view .full-section.switch-to-listing {width: calc(100% + 1.5vw);}
	.card-view .full-section.switch-to-listing a.itemImgCap  {max-width: 23.5vw; margin: .65vw;}
	.card-view .full-section.switch-to-listing a.itemImgCap  img {max-height: 23.5vw;}
	.card-view .full-section.switch-to-listing a.doubleSize {max-width: 48.25vw;}
	.card-view .full-section.switch-to-listing a.doubleSize img {max-height: 48.25vw;}
}
@media all and (min-width:1400px) {
	.ai-comp-main hr {margin-top: -1em;}
	.ai-comp-main {position: relative; padding-bottom: 0;}
	.ai-comp-main .main-motive {position: absolute; left: 0; bottom: 0; padding: 1em 1.5em 1em; width: 100%;}
	.ai-comp-main .main-motive h1 {font-size: 2.5em !important; font-weight: 700; margin-bottom: .5em;}
	.ai-comp-main .main-motive h1 .text-muted {color: #fff !important;}
	.ai-comp-landing .main-motive .btn-lg {font-size: 1.5em; padding: .55em 1.25em !important;}
	.ai-comp-main .main-motive h1, .ai-comp-main .main-motive h2 {color: #fff; text-shadow: 0 0 .2em rgba(0,0,0,.35); }

	.shopPage.detailsPage section.card-view > .row>.col-md-8 {padding: 0 2.5em 0 4.75em;}
	.shopPage.detailsPage section.card-view > .btnBox {padding-left: 4em;}
	body:not(.home) .new-concept>.big-section {padding: 0 2em 0 3.5em;}
	.big-section>h1, .big-section>h1+h2, .big-section div.details {max-width: 790px; margin: 0 auto 0 0;}
	.big-section>h1+h2 {margin-bottom: 1em;}
}
@media all and (min-width:1600px) {
	.ki-profile .author-pic img {max-width: 200px;}
	
	.slimHeader .logo {height: 3em;}
	.modal-header .close{right:1.75em; top:1.25em;}
	.boxes {padding-top: 1.2em;}
	body.detailsPage .blog-post-type {padding-top: 5em;}
	
}

@media all and (min-width:1820px) and (max-width:1870px) {
	.has-advt-section .navbar + section > .container {margin-left: 1.5em;}	
}

@media all and (min-width:1871px) and (max-width:1920px) {
	.has-advt-section .navbar + section > .container {margin-left: 3em;}	
}

@media all and (min-width:1921px) and (max-width:2090px) {
	.has-advt-section .navbar + section > .container {margin-left: 4em;}	
}

@media all and (min-width:2076px) {
	.advt-section {display: block;}
}

@media all and (min-width:1802px) and (max-width:2075px) {
	.advt-section {display: none;}
	.has-advt-section .navbar + section > .container {margin-left: auto;}	
}

@media all and (min-width:1920px) {
	section.bg-info:before {height: 9em;}
}

@media all and (max-width:1600px) {
	.navbar {height:6.5em;}
	section.bg-info:before {height: 7em;}
	section.bg-info:after {height: 5em;}
}

@media all and (max-width:1280px) {
	#shop-list.listing-view > h2 {font-size: 1.75em !important;}
	section.bg-info:before {height: 6em;}
	section.bg-info:after {height: 4em;}
	section.bg-info, section.bg-info .container {padding: 2em 0;}
	.newsBuzz_SlideIn .buzz_news {font-size: .85em;}
}
@media all and (max-width:1024px) {
	.default-view .switch-to-listing a.itemImgCap {width: 100%; float: none;}
	.hmove { animation: tickerh linear 45s infinite; }
	.social-icons a {line-height: 2em;}
	footer .hide-desktop {margin-bottom: -.2em; width:100%;}
}
@media all and (max-width:1023px) {
	.hero-blog-box, .details-blog-box {min-width: 40%;}
	figure .ki-hero {max-width: 100%;}
	.ki-list-box .switch-to-listing .card-text, .ki-list-box .switch-to-listing .more_content {padding-left: 0 !important;}
}
@media all and (max-width:990px) {
	body .ai-comp-landing .logo  {position: static; margin: .25em .5em !important;}
	.ai-comp-main .container {text-align: center; padding: 0;}
	.sect-boxes .card {margin-bottom: 2em;}
	.ai-comp-landing .action-btns {text-align: center;}
	.ai-comp-landing .logo + .btn {margin-right: .5em;}
	
	.lessonsToggler:after {content:'Lektionen'; position: absolute; left: 0; font-size: .45em; bottom: -.45em; width: 100%; text-align: center;}
	.lessonsToggler {
		position: fixed; left: .2em; top:.5em; font-size: 1.5em; display: inline-block; opacity: 1; z-index: 999999;
        width: 2em; height: 2em; color: #000; line-height: 2; text-align: center; border-radius: 2em;
	}
	.dark-theme .lessonsToggler {color: #fff;}
	.right-section.lessons-list {
		position: fixed; top: 3.5em; left: -100vw; z-index: 999;
		padding: .5em .5em 2em; width: 100%; height: calc(100vh - 3em); overflow-y: auto;
		background-color: #fff; transition: left .1s ease-out;
	}
	
	.lessonNavOn .right-section.lessons-list {left: 0; transition: left .15s ease;}
	.lessonNavOn .top-bar {display: none;}
	
	.slimHeader .right-section.lessons-list{top: 2.3em;}
	.slimHeader .lessonsToggler {top: .05em;}
	.slimHeader .lessonsToggler:after {font-size: .35em; bottom: 0em;}
	
	.lesson-thumb {max-width: 360px; margin: .5em auto;}
	
	
	.ki-tools-list .swiper-slide a.itemImgCap {border-radius: 1em;}
	.home .big-cta-na a.itemImgCap {margin-top: 1.5em !important;}
	.home .big-cta-na {background-color: transparent !important;}

	.lead-img {border-bottom: 1px solid; padding-bottom: 2.5em;}
	.card-view .switch-to-listing .itemImgCap {text-align: left;}
	.card-view .switch-to-listing .itemImgCap span {padding: 0;}
	.card-view .switch-to-listing .itemImgCap i {margin: 0; font-size: .8em; padding: 0; background-color: transparent;}
	.card-view .switch-to-listing .itemImgCap b {margin-bottom: .5em; font-size: .95em; margin-top: 0;}
	.card-view .switch-to-listing .itemImgCap img {margin-bottom: 0;}
	.full-section .itemImgCap {vertical-align: top;}
	.full-section .itemImgCap span b {-webkit-line-clamp: 2; line-clamp: 2;}
	.full-section.ki-buzzSwiper .itemImgCap span b {-webkit-line-clamp: 3; line-clamp: 3;}
	.card-view .switch-to-listing .itemImgCap span {
		position: relative; text-align: left; background: none;
	}
	
	.navbar + section > .container {padding-top: 3.5em;}
	.sid8000 .navbar + section > .container, .sid8001 .navbar + section > .container, .atype30 .navbar + section > .container, .atype31 .navbar + section > .container {
	  padding-top: 3em;
	}
	.home.dark-theme .navbar + section {background-image: none !important; background-color: #727b8c !important;}

	.big-section a.itemImgCap img {opacity: 0;}
	.new-concept {flex-flow: column;}
	.lead-img .new-concept {margin-top: 0;}
	.full-section {margin-left: 0; margin-right: 0;}
	.full-section.switch-to-listing {text-align: left;}

	body.home .big-section {margin-left: -.8em; margin-right: -.8em;}
	.big-section+.right-section {margin-left: 0;}
	.big-section+.right-section a.buzzer-button	{margin: 0; vertical-align: middle;}

	.light-theme .switch-to-listing .itemImgCap span b {color: #000;}

	.right-section {text-align: center; max-width: 100%; margin-top: 1em; margin-left: 0;}
	

	.hmove { animation: tickerh linear 35s infinite; }
	.colorMode-toggler {bottom: initial; position: relative; right: initial; margin: 2.6em auto 1em; border: 1px solid #eee;}
	.colorMode-toggler:before {
		content: 'Farbmodus umschalten'; top: -2.5em; font-size: .75em; color: #222;
		width: 10.5em; position: absolute; text-align: center; pointer-events: none; white-space: nowrap;
	}
	.dark-theme .colorMode-toggler:before {color: #eee;}
	.navTogglerOn .colorMode-toggler {position: fixed; bottom: .5em; right: 3em; z-index: 9999;}
	
	.navbar .dropdown-toggle .bi.bi-person {font-size: 1.85em;}
	.navbar .dropdown-toggle {padding: .25em;}
	.navbar .dropdown-toggle:after {display: none;}
	.scroll-down {margin-left: -1.5em; width: 3em; height: 5em; opacity:1; display: inline-block;}
	.scroll-down:hover {opacity:.65;}
	.detailsPage .details-view #moveMobi-1 h2{margin-top: 1em;}
	.detailsPage .details-view #moveMobi-1 h2+h3 {font-size: 1em !important;}
	.card-view .card .item-box {height: 280px;}
	.listItem .img-fluid {max-height: 280px;}
	
	.navbar.sticky-top {height: 3.65em !important; background-size: cover;}
	body:not(.slimHeader) .navbar.sticky-top {height: 5em !important;}
	body:not(.slimHeader) .ai-comp-landing .navbar.sticky-top {height: auto!important;}
	
	.navbar .logo {position: absolute; left: 50%; top:.25em; width: 6em; height: 2em; margin-left: -3em;}
	body:not(.slimHeader) .navbar .logo {top:.35em; width: 8.5em; height: 3.5em; margin-left: -4.25em;}
	
	body:not(.slimHeader) .navbar .logo {transform: translateY(.15em); background-position: top;}
	.slimHeader .navbar {margin-top: 0;}
	.big-header .swiper-slide {background-position: center center;}
	.home-icon {width:3em; height: 3em; margin:0 0 1em 2.85em;}
	#shop-list.listing-view > h2 {font-size: 1.5em !important;}
	
	.navbar .btn-link {font-size: 1em !important;}
	
	#middle-col.details-view .card-view>div.row:first-child {padding-bottom: 0; margin-bottom: 0;}
	
	.container.catsBox {padding: 0;}
	.container.catsBox .row {margin: 0 !important;}
	.container.catsBox .row div {padding: 0 !important;}
	.container.catsBox a {margin: 0 0 1.5em;}
	.container.catsBox a b {min-width: 260px; padding: .5em; margin-left: -130px; left: 50%; border-radius: .5em .5em 0 0;}
	.container.catsBox .row div:last-child a {margin-bottom: 0;}
	
	div.copy {padding-top: 2em;}
	#navbarSupportedContent {
		position: fixed; height: 100vh; width: 350px; right:-355px; top: 0; z-index: 99; 
		padding: 4em 0 1em 0; border-radius:0; display: block;
		transition: right .1s ease-out;
	}
	.search-container {margin-right: 0 ;}
	#moveMobi-234-revert .bon-icons {filter: brightness(10); transform: translateY(3px);}
	.navTogglerOn #moveMobi-234-revert {position: absolute; top: 0; left: 1em; display: flow-root;}
	.navTogglerOn #moveMobi-234-revert .btn-link {padding: 1em 1em !important; border-bottom:0 !important;}
	
	#navbarSupportedContent .navbar-nav .btn-link {margin: 0; text-align: left; color:#fff; font-weight: normal;}
	/*.navTogglerOn #navbarSupportedContent .navbar-nav .btn-link.ki-shop {
		position: absolute; top: 1em; left: 1em;
  		padding: .35em 1.25em; border-radius: 2em; border: 1px solid;
	}*/
	#navbarSupportedContent .navbar-nav .btn-link, .navbar .dropdown-menu .dropdown-item {padding: .5em 2.25em; border-bottom: 1px solid rgba(255,255,255,.2);}

	#moveMobi-234-icons {display: flex; position: absolute; top:1px; right: 55px; z-index: 9999;}

	.navbar-toggler .bi {font-size: 1.5em !important;}
	.navbar-light .navbar-toggler {
		position: absolute; width: 3em; height: 2.5em; top: 0; right: 0; z-index: 9999;
		border-color: transparent; outline: none;
		/*background-image: url("/img/e/basic/kibuzzer/menu-icon.svg");background-repeat: no-repeat; background-position: center center; background-size: 150%;*/
	}
	.navbar-toggler .navbar-toggler-icon {background-image: none !important; position: relative; width: 24px; height:.1em; display: inline-block; border-radius:3px ;}
	.navbar-toggler .navbar-toggler-icon:after, .navbar-toggler .navbar-toggler-icon:before {
		position: absolute; content:''; width: 24px; height:.1em; left:0; border-radius:3px;
		transition: bottom .1s ease-out, background-color .15s ease;
	}
	.navbar-toggler .navbar-toggler-icon:after {top:8px;}
	.navbar-toggler .navbar-toggler-icon:before {bottom:8px;}
	
	body:not(.slimHeader) #moveMobi-234-icons {top:.75em;}
	body:not(.slimHeader) .navbar-light .navbar-toggler {top:.55em;}
	
	/*.navTogglerOn .navbar:after {
		content:''; position: fixed; left:0; top:0; z-index: 1;
		width:100%; height:100%; background-color: rgba(0,0,0,.3);
	}*/
	.navTogglerOn .navbar-toggler .navbar-toggler-icon {background-color: rgba(255,255,255,0);}
	.navTogglerOn .navbar-toggler .navbar-toggler-icon:after, .navTogglerOn .navbar-toggler .navbar-toggler-icon:before {bottom: 0; top: 0;}
	.navTogglerOn .navbar-toggler .navbar-toggler-icon:before {transform: rotate(45deg);}
	.navTogglerOn .navbar-toggler .navbar-toggler-icon:after {transform: rotate(-45deg);}
	.navTogglerOn #navbarSupportedContent {right:0; transition: right .15s ease;}

	footer .col-md-6 {padding-bottom: 1em;}
	
}
@media all and (max-width:768px) {
	
	.register .ch-copy h1 {margin-bottom: 1em !important; font-size: 2em !important;}
	.register .ch-copy h3 {margin-top: 1em; margin-bottom: .25em !important;}
	.register .ch-copy h3+p {background-color: rgba(255,255,255,.5); border-radius: .5em; padding: 1em; margin-bottom: 2em;}
	.register .ch-copy p:last-child {margin-bottom: .5em;}
	.register.dark-theme .ch-copy h3+p {background-color: rgba(255,255,255,.08);}

	.ai-comp-landing section:not(.no-margin) {padding: 1.5em 0;}
	.ai-comp-landing .logo + .btn {margin-right: 1em; font-size: 1em;}
	.ai-comp-main .action-btns .btn-lg em {font-size: 1em;}
	.ai-comp-landing .icon-set .fs-2 {line-height: 1;}
	
	.full-section.ki-buzzSwiper a.itemImgCap i {
		font-size: .8em; font-weight: 400;
		-webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;
    	max-width: fit-content; margin: 0 auto; overflow: hidden;
	}
	.hero-blog-box.float-start, .details-blog-box.float-start, .hero-blog-box.float-end, .details-blog-box.float-end {float: none !important; margin-right: 0; margin-left: 0;}

	.home .big-section .cta-btn {left: inherit; bottom: inherit; right: 2em; top:3em; min-width: 180px; font-size: .85em !important; margin-left:0; justify-content: flex-end;}
	
	.lead-img .new-concept a.itemImgCap img {object-fit: contain;}
	
	.home .lead-img .new-concept {margin-top: 2em;}
	
	.time-stamp {margin-bottom: 1em;}
	.home .big-section + .right-section  {margin-top: 0; padding-bottom: 1.5em;}
	.home .big-section + .right-section a.itemImgCap  {margin-top: .5em;}
	.home .big-section + .right-section a.buzzer-button {transform: scale(.75); margin-bottom: -1em;}
	.ki-buzzSwiper .itemImgCap span b {font-size: .9em !important;}

	.details-view .float-end, .details-view .float-start {margin-bottom: 1.5em;}
	.ki-hero {width: 100%; display: block; margin-bottom: 1.5em;}
	.slideIn-opener {right:-4em; left:inherit;}
	.btn.slideIn-opener {padding: 7px 0 10px !important;}
	.regiSlideIn .slideIn-opener {right:1em; left:inherit;}
	.slideIn-opener span {opacity: 0;}
	.regiSlideIn .slideIn-opener span {opacity: 1;}
	
	.big-section a.itemImgCap {height: 400px;}
	
	#shop-list.listing-view>h2 {margin-bottom: .5em;}
	#shop-list.listing-view>h2[class*="brand"] {margin-bottom: 1em;}
	.card.display-full .card-body {padding: .75em .65rem .25em; line-height: 1.35;}
	.card.display-full p:empty {margin-bottom: 0;}
	.modal-open footer .input-group {position: relative;}
	.modal-open footer .input-group:after{
		background-color: #000; opacity: .65;
		content:''; position: absolute; lef:0; top: 0; width:100%; height:100%;
	}
	.resiSliderBox {width: calc(100% - 2em); overflow: initial;}
	.resiSliderBox .slideIn-pic {padding-left: 1em !important; padding-top: .75em;}
	.resiSliderBox .slideIn-pic img {max-height: 300px; width: auto;}
	.resiSliderBox .close {bottom:-.25em; font-size: 2em; top:inherit;}
	.slideIn-info p {margin-bottom: 0;}
	.slideIn-info p:not(.small) {line-height: 1.35; font-size: .9em; margin-bottom: .5em;}
	.slideIn-info p.small {line-height: 1.3; padding-top: .5em;}
	.slideIn-info > div {padding-top: .65em; padding-bottom: .65em;}

	footer {text-align: center;}
	footer .social-icons, footer .copy-links {display: block;}
	footer h4 {margin-top: 1.5em;}
	footer .container {padding-right: .5em; padding-left: .5em;}
	footer .container .input-group .btn {border-radius: 0 !important;}
	footer .navbar-nav li {margin: auto;}
	section.bg-info:before {height: 5em;}
	section.bg-info:after {height: 3em;}
	.newsletter form {margin: 0 auto;}
	
	/* .right-section:not(.big-cta) a.itemImgCap:not(.neu-cta) img {max-height: 300px;} */
	.full-section a.itemImgCap {width: 300px; float: none;}
	.full-section a.itemImgCap img {max-height: 300px;}

	.big-section .itemImgCap span b {font-size: 1.75em !important;}
	.card-view .itemImgCap span b {font-weight: 700 !important;}
	.card-view .switch-to-listing .itemImgCap span b {font-weight: normal !important;}
	
	
	.buzz_news {top:3em;}
	
	aside#usercentrics-cmp-ui:before {
		left: 20px; bottom: 20px; width: 52px; height: 52px;
	}

	
	
}

@media all and (max-width:680px) {
	
	.books-listing .vstack .card .card-body {padding: .75em .25em;}
	.books-listing .vstack .card .card-body .text-secondary {line-height: 1.2;}
	.books-listing .vstack .card .card-body .text-secondary+p, .books-listing .vstack .card .card-body .btn {font-size: .85em;}
	
	.buzz_news h2 {font-size: 1.5em !important;margin-bottom: .65em;}
	.buzz_news .img-fluid {margin-top: .65em;}
	.buzz_news .btn {margin-top: 1em !important;}
	
	.hmove { animation: tickerh linear 25s infinite; }
	#print_voucher {left:0;}
	.social-icons {margin-top: 1em;}
	.copy-links a {padding:.15em;}
	.newsletter+div {text-align: center;}
	.card.display-full {margin: -1.5em 0 1em !important;}
	.card.display-full p {font-size: 1.1em;}
	#shop-list.listing-view > h2 {font-size: 1.15em !important;}
	#shop-list.listing-view > h2[class*="brand"] {font-size: 1.5em !important;}
	
	.card-view .full-section.switch-to-listing a.itemImgCap {width: 49%; margin: 0;}
	
	.full-section.switch-to-listing a img {margin: 10px 0 0; max-height: 200px;}
	.ki-buzzSwiper a.itemImgCap img {margin-top: 0;}
	.opinion-poll form {font-size: 1.2em; margin-bottom: 1em;}
	.opinion-poll form select, .opinion-poll form input, .opinion-poll form .btn {font-size: .85em !important;}
	
	.default-view .switch-to-listing a.itemImgCap img {width: 120px;}
	.default-view .switch-to-listing span {padding-left: 135px; padding-top: 10px; padding-bottom: 7px;}
	.default-view .tools-special .switch-to-listing span {padding-top: 5px; padding-bottom:0;}
	.default-view .switch-to-listing p:not(.ar-date) {padding-left: 135px; font-size: .9em;}
	.ki-list-box .switch-to-listing p:not(.ar-date) {font-size: .9em;}
	
	.switch-to-listing .itemImgCap .ar-date {top: 1.25em !important;}
	.default-view .itemImgCap span i {font-size: .85em; margin-bottom: 1px;}
	
	.default-view .switch-to-listing a.itemImgCap {font-size: .9em;}
	.default-view .switch-to-listing .card-text {padding-left: 15px !important; -webkit-line-clamp: 3; line-clamp: 3;}
	.ki-list-box .switch-to-listing .card-text, .ki-list-box .switch-to-listing .more_content {padding-left: 0 !important;}
	.default-view .switch-to-listing .itemImgCap span b {-webkit-line-clamp: 2; line-clamp: 2;}
	.default-view .switch-to-listing .card-text, .default-view .switch-to-listing .itemImgCap span b {
	   overflow: hidden; text-overflow: ellipsis;
	   display: -webkit-box; -webkit-box-orient: vertical;
	}
	
	.default-view .switch-to-listing a.itemImgCap {margin-bottom: .5em;}
	
}
@media all and (max-width:575px) {
	.cta-banner {margin: -.25em;}
	.cta-banner .btn {padding: .65em .75em; font-size: 1.05em !important; line-height: 1.2; border-radius: .35em;}
	section.ai-comp-main > .container h2 {font-size: 1.1em !important;}
	body:not(.slimHeader) .ai-comp-landing .logo {width: 8em !important; height: 2.5em !important;}
	.navbar + section > .container, .sid8001 .navbar + section > .container {padding-top: 3em;}	
	.home .navbar + section {padding-top: 1.5em;}	
	.sid8000 .navbar + section > .container , .atype30 .navbar + section > .container, .atype31 .navbar + section > .container, .footer-links + .footer-links {padding-top: 0;}
	.listing-view .card .listItem div {text-align: center;}
	.ki-listing .details, .blog-post-type {font-size: .85em;}
	.ki-listing .details h3 {font-size: 1.12em !important;}
	.ki-th {margin-bottom: .25em; margin-top: .35em;}
	.home .big-section .cta-btn {font-size: .7em !important;}
	.home .big-section .cta-btn a.btn-lg {min-width: 180px; padding: .3em .25em .5em;}
	.ki-list-box .switch-to-listing > .row.event_item .col > a {width: 100%; min-height: 80px; display: flex; align-items: center; justify-content: center;}
	.ki-list-box .switch-to-listing > .row.event_item .ki-th {max-height: 65px; overflow: hidden;}
	.card-view .ki-list-box.events-list .switch-to-listing > .row .details {float: none; clear: both;}
	.card-view .ki-list-box.events-list .switch-to-listing > .row .col { min-height: 210px;}
	.card-view .ki-list-box.events-list .switch-to-listing .card-text {font-size: .9em !important;}
	.card-view .ki-list-box.events-list .switch-to-listing .ar-date em {border-left: 0; display: block; padding: .75em 0 0; margin-left: 0;}
	.default-view .ki-list-box.events-list .switch-to-listing > .row .details {padding: 0 .5em;}
	.ki-list-box.events-list .switch-to-listing > .row {margin-bottom: 1em;}
	.card-view .ki-list-box.events-list .details h3 {font-size: 1em !important;}
	.card-view .ki-list-box.events-list .details h4 {margin-bottom: 0;}
}
@media only screen and (max-width: 480px) {
	.trust-badge-box .trust-badge {margin: 1em 0 2em;}
	.ki-tools-detail .ki-th {float: none !important; display: block; max-width: 100% !important; margin-bottom: 1.25em;}
	.ki-tools-detail h1 {font-size: 1.65em !important;}
	.buzz_news .close-btn, .bon-modal .close-btn, .bigger-image .close-btn {left: 50%; top:0; margin-left: -.5em;}
	.buzz_news .close-btn, .bigger-image .close-btn {top: -1.5em;}
	.default-view .ki-list-box .switch-to-listing .ki-th {max-width: 120px;}
	.ki-list-box .switch-to-listing>.row .col {padding: 0 .25em;}
	.default-view .ki-list-box .switch-to-listing .more_content {-webkit-line-clamp: 3;}
	#navbarSupportedContent {width: 100vw; right: calc(-100vw - 5em);}
	
	.time-stamp i {display: block; line-height: 1.2;}
	.full-section a.itemImgCap, .big-section+.right-section a.itemImgCap {width: 100%;}
	.buzz_news {right: 0; width: 100%; max-width: 100%;}
	footer .navbar-nav, .navbar-nav .dropdown-item {font-size: .8em;}
	h1 {font-size:1.5em;}
	h2, h3 {font-size:1.35em;}
	h4, h5 {font-size:1.25em;}
	.btn, .form-control {font-size:1em;}
	.item-booked {font-size: initial !important;}

}

@media all and (max-width:400px) {
	/*.navTogglerOn #navbarSupportedContent .navbar-nav .btn-link.ki-shop {left: 50%; margin-left: -55px;}*/
	.lessonsToggler {left: .75em;}
}