/*
 Theme Name:   KS Gruppe Theme
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
	--size-base: 16px;
	--size-base-pm: 20px;
	--size-base-font: 18px;
	--size-font-s: 0.875em;
	--size-min: 4px;
	--size-xxs: 8px;
	--size-xs: 1rem;
	--size-s: 1.5rem;
	--size-m: 2rem;
	--size-l: 3rem;
	--size-xl: 5rem;
	--size-xxl: 10rem;
	--size-5: 5vw;
	--size-10: 10vw;
	--size-15: 15%;
	--size-20: 20%;
	--size-25: 25%;
	--size-50: 50%;
	--size-full: 100%;
	--size-cntr: 1200px;
	--size-cntr-lrg: calc(1200px + ((100vw - 1200px) / 2));
	--size-2col: calc(50% - var(--size-xs));
	--size-3col: calc(33.3333334% - ((var(--size-m) * 2) / 3));
	--size-4col: calc(25% - ((var(--size-m) * 3) / 4));
}

html, body {
	max-width: 100%;
	overflow-x: clip;
}
a:not(.top-bar a, a.button, a.gb-button, .gb-button a, a.wp-element-button, .button a, .menu-item a, .gb-query-loop-wrapper a, .footer-widgets a, .loop-content a, .jet-listing-dynamic-link__link), 
.textlink a {
	text-decoration: underline;
	text-underline-offset: var(--size-min);
	text-decoration-thickness: 1px;
}
a:not(a.button, .button a, .menu-item a, .gb-query-loop-wrapper a):hover, .top-bar a, .textlink a:hover, .footer-widgets a, .gb-button a, .loop-content a, .jet-listing-dynamic-link__link {
	text-decoration: none;
}

ol:not(.single ol, header ol, .main-nav ol, .widget ul), ul:not(.single ul, header ul, .main-nav ul, .widget ul) {
	margin: 0 0 0 1em;
}
a, button {
	transition: all .3s ease-in-out;
}

/* ============== FORMS ============== */

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select, 
.field-type-checkbox-field .jet-form-builder__field-label.for-checkbox > span::before {
	font-size: var(--size-font-s);
	padding: var(--size-xxs);
}
form.jet-form-builder .jet-form-builder__label {
	color: var(--dark);
}
form .jet-form-builder-row {
	padding: var(--size-xxs) 0;
	flex-wrap: nowrap;
}
form .jet-form-builder__field-wrap.checkradio-wrap span {
	display: inline;
}
form .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox > span::before {
	margin-right: 8px;
}

form .ks-checkbox .jet-form-builder-row {
	flex-direction: row;
}
form .ks-checkbox .jet-form-builder-row > div {
	max-width: max-content;
	padding-bottom: var(--size-xs);
}
form .ks-checkbox .jet-form-builder-row > div:first-child {
	padding-left: var(--size-xxs);
	order: 2
}

form .jet-form-builder-file-upload__content {
    min-height: 25px;
    min-width: 25px;
}

/* ============== TEXT & HEADINGS ============== */

.small {
	font-size: 0.875em;
}
sub, sup {
	font-size: 0.5em;
}
sup {
	bottom: 0.875em;
}
.upper {
	text-transform: uppercase;
}
.hyphens-auto {
	hyphens: auto;
}
.hyphens-none {
	hyphens: none;
}
.textdecoration-none {
	text-decoration: none !important;
}
.whitespace-nowrap {
	white-space: nowrap;
}

/* ============== DISPLAYS ============== */
.d-none,
.jet-listing-dynamic-repeater__item:not(.jet-listing-dynamic-repeater__item:first-child) .cnt-size-table div:last-child,
.jet-listing-dynamic-repeater__item:first-child .cnt-size-table div:nth-child(4),
#editor .wp-media-buttons {
	display: none;
}
.d-block,
.wp-block-image a {
	display:block;
}
.d-flex {
	display: flex;
}

/* ============== WIDTHS & HEIGHTS ============== */

.w-100,
.site-logo > a,
.menu-item > a > svg {
	width: 100%;
}
.w-60 {
	width: 60%;
}
.w-50 {
	width: 50%;
}
.w-min-50 {
	min-width: 50%;
}
.w-40 {
	width: 40%;
}
.w-2col, .post-type-gp_elements .wp-block .w-2col {
	width: var(--size-2col);
	flex: 1 1 333px;
}
.w-3col, .post-type-gp_elements .wp-block .w-3col {
	width: var(--size-3col);
	flex: 1 1 333px;
}
.w-4col, .post-type-gp_elements .wp-block .w-4col {
	width: var(--size-4col);
}

.h-100 {
	height:100%;
}
.w-base, 
.inner, .wp-core-ui .editor-styles-wrapper .inner {
	max-width: 1200px;
}
.w-cntr-lrg {
	max-width: var(--size-cntr-lrg);
}

/* ============== PADDINGS & MARGINS ============== */


.m-0,
.site-footer .footer-widgets-container .inside-footer-widgets {
	margin: 0;
}
.ml-0,
#masthead #sticky-navigation .navigation-branding, 
#mobile-header .site-logo,
.nav-float-right #site-navigation {
    margin-left: 0;
}
.mr-0, 
.site-header .menu-item:last-child  a{
	margin-right:0;
}
.mb-0 {
	margin-bottom: 0;
}
.mb-5 {
	margin-bottom: var(--size-5);	
}
.mlr-auto,
.inner, .wp-core-ui .editor-styles-wrapper .inner {
	margin-left: auto;
	margin-right: auto;
}
.mlr-m {
	margin-left: var(--size-m);
	margin-right: var(--size-m);	
}
.mlr-xs,
.site-header .menu-item a {
	margin-left: var(--size-xs);
	margin-right: var(--size-xs);
}
.ml-auto,
#mobile-header .menu-toggle {
	margin-left: auto;	
}
.mr-auto {
	margin-right: auto;	
}
.mb-xxs,
#mobile-header #mobile-menu > ul.menu > li {
	margin-bottom: var(--size-xxs);
}
.mb-base {
	margin-bottom: var(--size-base);
}
.mb-base-pm,
#mobile-header .menu-toggle,
.tnp-subscription div.tnp-field, .tnp-profile div.tnp-field {
	margin-bottom: var(--size-base-pm);
}
.mb-m,
.inside-footer-widgets>div {
	margin-bottom: var(--size-m);
}
.mb-l {
	margin-bottom: var(--size-l);
}
.mb-xl {
	margin-bottom: var(--size-xl);
}

.p-0,
.inside-navigation > .site-logo > a > img,
.inside-navigation .navigation-branding img, 
#mobile-header.stuckElement:not(.sticky-navigation-transition) .inside-navigation .site-logo.mobile-header-logo img,
.footer-widgets .footer-widgets-container, .wp-block-getwid-accordion .wp-block-getwid-accordion__header {
	padding:0;
}
.p-5 {
	padding: var(--size-5);
}
.p-m {
	padding: var(--size-m);
}
.p-s {
	padding: var(--size-s);
}
.p-xs {
	padding: var(--size-xs);
}
.p-xxs {
	padding: var(--size-xxs);
}
.p-base {
	padding: var(--size-base-pm);
}
.plr-0 {
	padding-left: 0;
	padding-right: 0;
}
.ptb-5 {
	padding-top: 5vw;
	padding-bottom: 5vw;
}
.plr-5,
.site-header, .mobile-header-navigation, .navigation-stick, .top-bar {
	padding-left: 5vw;
	padding-right: 5vw;
}
.pl-0,
.site-footer .footer-widgets-container .inner-padding {
	padding-left: 0;
}
.pl-min {
	padding-left: var(--size-min);
}
.pl-5 {
	padding-left: 5vw;	
}
.pr-0,
#mobile-header.main-navigation.has-branding .menu-toggle, #mobile-header.main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
  padding-right: 0;
}

/* ============== GAPS ============== */

.gap-min {
	gap: var(--size-min);
}
.gap-1 {
	gap: var(--size-xs);
}
.colgap-1 {
	column-gap: var(--size-xs);
}
.rowgap-1 {
	row-gap: var(--size-xs);
}

.gap-2 {
	gap: var(--size-m);
}
.colgap-2,
.footer-widgets .inside-footer-widgets {
	column-gap: var(--size-m);
}
.rowgap-2 {
	row-gap: var(--size-m);
}


/* ============== POSITIONS ============== */

.pos-relative,
#mobile-header {
	position: relative;
}
.pos-absolute {
	position: absolute;
}
.pos-fixed {
	position: fixed;
}
.pos-sticky {
	position: sticky;
}
.pos-unset,
.main-navigation li,
#mobile-header .inside-navigation {
	position: unset;
}

.pos-tblr-0 {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.pos-tlr-0 {
	top: 0;
	left: 0;
	right: 0;	
}
.pos-blr-0 {
	bottom: 0;
	left: 0;
	right: 0;	
}
.pos-t-0 {
	top: 0;
}
.pos-b-0 {
	bottom: 0;
}
.pos-l-0 {
	left: 0;
}
.pos-r-0 {
	right: 0;	
}

.z-index-1 {
	z-index: 1;
}
.z-index-2,
.site-header, .sticky-enabled .main-navigation.is_stuck,
#mobile-header {
	z-index: 2;
}


/* ============== ASPECTS RATIO ============== */

.aspect-1 {
	aspect-ratio: 1;
}
.aspect-2to1 {
	aspect-ratio: 2 / 1;
}
.aspect-3to1 {
	aspect-ratio: 3 / 1;
}
.aspect-3to2 {
	aspect-ratio: 3 / 2;
}
.aspect-4to3 {
	aspect-ratio: 4 / 3;
}
.aspect-5to2 {
	aspect-ratio: 5 / 2;
}
.aspect-5to3 {
	aspect-ratio: 5 / 3;
}
.aspect-5to4 {
	aspect-ratio: 5 / 4;
}
.aspect-6to5 {
	aspect-ratio: 6 / 5;
}
.aspect-7to4 {
	aspect-ratio: 7 / 4;
}
.aspect-7to5 {
	aspect-ratio: 7 / 5;
}
.aspect-7to6 {
	aspect-ratio: 7 / 6;
}
.aspect-8to7 {
	aspect-ratio: 8 / 7;
}
.aspect-16to9 {
	aspect-ratio: 16 / 9;
}

/* ============== COLORS & BORDERS ============== */

.bg-primary,
.is-logo-image {
	background-color: var(--primary)
}
.color-primary,
#mobile-header .main-nav ul li a,
.gb-button.light a {
	color: var(--primary);
}
.color-primary-md,
.inside-footer-widgets p.h5 {
	color: var(--primary-md);
}
.color-primary-lt,
.gb-button.text a {
	color: var(--primary-lt);	
}
.color-secondary-bg,
.gb-button a:hover {
	color: var(--secondary-bg);
}
.color-text {
  color: var(--text);
}
.color-dark,
#mobile-header .main-nav ul li[class*="current-menu-"] > a, #mobile-header .main-nav ul li.sfHover > a,
.gb-button.light a:hover {
  color: var(--dark);
}
.color-white,
.gb-button a {
	color: var(--white);
}

/* ============== COLUMNS ============== */

.columns-3 {
	column-count: 3;
	column-gap: var(--size-m);
}
.col-span-all {
	column-span: all;
}
.break-inside-avoid {
	break-inside: avoid;
	column-break-inside: avoid;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
}
.columns-2 {
	column-count: 2;
}


/* ============== BUTTONS ============== */

.button:not(.add_media, .components-button, .wp-customizer *, .edit-post-meta-boxes-area *), .gb-button, .wp-block-button .wp-element-button, .tnp-field input.tnp-submit {
	padding: var(--size-base-pm) var(--size-l);
	border-radius: var(--size-xxs);
	background-color: var(--primary);
	color: var(--primary-bg);
	transition: all 0.3s ease-in-out;
	border: none;
}
.button.text, .gb-button.text, .wp-block-button.text .wp-element-button {
	background-color: var(--text);
}
.button.light, .gb-button.light, .wp-block-button.light .wp-element-button {
	background-color: var(--primary-bg);
}
.button:hover, .wp-block-button .wp-element-button:hover,
.button.text:hover, .gb-button.text:hover, 
.wp-block-button.text .wp-element-button:hover, .tnp-field input.tnp-submit:hover{
	background-color: var(--dark);
}
.button.light:hover, .gb-button.light:hover,
.wp-block-button.light .wp-element-button:hover  {
	background-color: var(--primary-lt);
}

/* ============== MEDIA ============== */

.of-cover,
.dynamic-meta-image {
	object-fit: cover;
}
.of-contain,
figure.gb-block-image .gb-image-e4f89f5a {
	object-fit: contain;
}
.bg-img-scale-125 {
	background-size: 125%;
}
.fancybox-title-float #fancybox-title {
  margin: -40px auto;
  height: 40px;
  padding: 8px 16px;
  font-size: 18px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
}

/* ============== EFFECTS & FILTER ============== */

.bdf-blur-min {
	backdrop-filter: blur(var(--size-min));
}
.boxshadow-main,
.site-header, .sticky-enabled .main-navigation.is_stuck,
.main-navigation.sub-menu-left ul ul,
#mobile-header, #mobile-menu .menu {
	box-shadow: 0px 5px 8px 0px rgba(0,0,0,.2);
}
.boxshadow-inset-lrg {
	box-shadow: inset 0px 0px 4rem 1rem rgba(0,0,0,.4);
}

/* ============== ACCORDION ============== */

.wp-block-kadence-accordion .kt-blocks-accordion-icon-trigger {
  height: 16px;
  width: 16px;
  min-width: 16px;
}

.wp-block-kadence-accordion .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger::after, 
.wp-block-kadence-accordion .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger::before, 
.wp-block-kadence-accordion .kt-accodion-icon-style-basiccircle .kt-blocks-accordion-icon-trigger::after, 
.wp-block-kadence-accordion .kt-accodion-icon-style-basiccircle .kt-blocks-accordion-icon-trigger::before {
  height: 3px;
  width: 15px;
}

/* ============== TOP BAR ============== */

.top-bar .inside-top-bar {
	justify-content: space-between;
}
.inside-top-bar.grid-container {
	height: 50px;
	padding: 0;
}
.top-bar .inside-top-bar > .widget {
	margin: 0;
	width: 100%;
	display: block;
}

/* ============== HEADER ============== */

.sticky-enabled .main-navigation.is_stuck {
	z-index: 1;
}
.site-header.grid-container {
	max-width: 100%;
}
.inside-header {
	position: relative;
	justify-content: space-between;
}
.inside-header,
.main-navigation .inside-navigation,
.main-navigation .main-nav > ul {
	align-items: flex-end;	
}
.inside-header.grid-container {
	height: 100px;
}
#masthead .site-logo {
	width: 150px;
}
#masthead .main-navigation .main-nav ul li a, 
#masthead .menu-toggle, 
.main-navigation .menu-bar-item > a {
	border-bottom: 5px solid transparent;
	padding-bottom: var(--size-xxs);
}
.main-navigation .main-nav ul li a, 
.menu-toggle, .main-navigation .menu-bar-item > a,
#mobile-header .main-nav ul ul li a {
	line-height: 1.6;
}
#masthead .main-navigation .main-nav ul li a:hover, 
#masthead .main-navigation .menu-bar-item > a:hover,
body:not(.home) #masthead .main-navigation .main-nav ul li.current-menu-item a {
	border-bottom: 5px solid var(--secondary-bg);
}
#masthead .main-navigation ul li:hover > ul {
	display: block;
	column-count: 3;
	column-fill: auto;
	height: 270px;
	padding: 40px var(--size-base-pm) var(--size-base-pm) 174px;
}
#masthead .main-navigation  ul > li > ul > li {
	height: 40px;
}
#masthead .main-navigation ul li.mi-shops:hover > ul {
	column-count: 1;
	height: auto;
}
#masthead .main-navigation ul li.mi-shops > ul li a {
	display:flex;
}
#masthead .main-navigation ul li.mi-shops > ul li:hover:not(:first-child) a, 
#masthead .main-navigation ul li.mi-shops > ul li:hover:not(:first-child) a:hover {
	color: var(--white);
	border-bottom: none;
	padding:0;
}
#masthead .main-navigation ul li.mi-shops > ul li:hover:not(:first-child) a:hover:after {
    content:" ";
    width: 1200px;
	max-width: 90vw;
    height: calc(0.0625rem + ((1vw - 10.25px) * 41.7476));
	max-height: 130px;
    background-color: var(--secondary-bg);
    position: absolute;
    top: 300px;
    left: 0;
    z-index: -1;
}
#masthead .main-navigation ul li.mi-shops > ul li a span {
	min-width: 180px;
	height: 40px;
	padding:10px;
}
#masthead .main-navigation ul li.mi-shops > ul li:hover:not(:first-child) span {
	background-color: var(--black);
}
#masthead .main-navigation ul li.mi-shops > ul li.smi-bigbagshop:hover span {
	background-color: #033896;
}
#masthead .main-navigation ul li.mi-shops > ul li.smi-merchshop:hover span {
	background-color: var(--primary);
}
#masthead .main-navigation ul li.mi-shops > ul li img {
	max-width: calc(100% - 180px);
	height: 0;
	margin-top: -70px;
	opacity: 0;
}
#masthead .main-navigation ul li.mi-shops > ul li.smi-quixxshop img {
	margin-top: -110px;
}
#masthead .main-navigation ul li.mi-shops > ul li.smi-bstfshop img {
	margin-top: -150px;
}
#masthead .main-navigation ul li.mi-shops > ul li.smi-bigbagshop img {
	margin-top: -190px;
}
#masthead .main-navigation ul li.mi-shops > ul li.smi-merchshop img {
	margin-top: -230px;
}
#masthead .main-navigation ul li.mi-shops:hover > ul li:hover img {
	opacity:1;
	height: auto;
}

#masthead .main-navigation ul > li > ul > li.smi-sub {
	height: 50px;
}
#masthead .main-navigation  ul > li.mi-services > ul > li.smi-kehrservice,
#masthead .main-navigation  ul > li.mi-services > ul > li.smi-motordom,
#masthead .main-navigation  ul > li.mi-about > ul > li.smi-sponsoring {
	height: 80px;
}
#masthead .main-navigation ul > li > ul > li.smi-verwertungspark,
#masthead .main-navigation ul > li > ul > li.smi-downloads {
	height: 90px;
	padding-top: 50px;
}
.main-navigation ul > li > ul > li.smi-sub a {
	font-size: 24px;
	font-weight: 600;
	color: var(--text) !important;
	text-transform: none;
}
#masthead .main-navigation ul li:hover > ul,
#mobile-header #mobile-menu .sub-menu.toggled-on {
	gap: var(--size-base-pm);
}
#mobile-header .main-nav > ul > li[class*="current-menu-"] > a, 
#mobile-header .main-nav > ul > li.sfHover > a {
	background-color: var(--primary-lt);
	padding-left: var(--size-xs);
	margin-left: calc(var(--size-xs) * -1)
}
.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
  width: 60px;
  height: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary);
  padding: 0;
  font-size: 24px;
}
.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle .gp-icon {
	display: inline;
	color: var(--white);
}
.main-navigation ul ul {
	max-width:90vw;
}
.main-navigation .main-nav ul ul.sub-menu li a {
	margin:0;
	padding: 0;
}
.menu-item:nth-child(even) a rect.st0 {
	fill: #ba0000 !important;
	stroke: #ba0000 !important;
}
.sticky-navigation-logo {
	background-color: #00A0A0;
	width: 150px;
}
.inside-navigation .navigation-branding img {
	height: 100px;
}
#mobile-header:not(.sticky-navigation-transition) .site-logo,
#mobile-header.stuckElement:not(.sticky-navigation-transition) .inside-navigation .site-logo.mobile-header-logo img {
	height: 120px;
	max-width: 120px;
	transition: none;
}
#mobile-header:not(.sticky-navigation-transition) .site-logo {
	margin-top: -40px;
}
#mobile-header.sticky-nav-scrolling-up .site-logo {
	background: url(/wp-content/uploads/ks-gruppe-logo-krbs-sticky.svg) center center no-repeat;
	height: 80px;
	display:flex;
	width:100px;
	z-index: 999999;
}
#mobile-header .menu-toggle, 
.main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
	order: 0;
}
#mobile-header .inside-navigation {
	height: 80px;
}
.both-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul, 
.mobile-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul, 
.mobile-header-sticky #mobile-header.toggled .main-nav > ul {
  padding: 5vw;
  background-color: var(--secondary-bg);
}
#mobile-header #mobile-menu .sub-menu.toggled-on {
	margin: 0;
  	padding: 0 0 var(--size-base) 0;
}
#mobile-header #mobile-menu .smi-services-sub,
#mobile-header #mobile-menu .smi-shops-sub {
	padding-top: var(--size-xxs);
}
#mobile-header .gp-icon.icon-menu-bars {
	font-size: var(--size-base-pm)
}

/* ============== FOOTER ============== */

.footer-widgets {
	padding: 0 5%;
}
.footer-widgets .footer-widgets-container {
	padding: 0;
}
.footer-widgets .inside-footer-widgets > div > aside:not(:first-child) {
	margin-bottom: var(--size-min);
}
.footer-widgets .inside-footer-widgets {
	flex-direction: row;
	flex-wrap: wrap;
}
.footer-widgets .widget {
	margin-bottom: var(--size-base-pm);
}
.inside-footer-widgets>div:not(.footer-widget-2, :last-child) {
	flex: 1 1 calc(20% - var(--size-s));
}
.inside-footer-widgets > .footer-widget-2 {
	flex: 1 1 calc(40% - var(--size-s));
}
div.tnp-subscription {
	max-width: 100%;
}
.inside-footer-widgets .footer-widget-5 {
	flex: 1 1 100%;
	position: relative;
}
.inside-footer-widgets table {
	border-width: 0;
}
.inside-footer-widgets .wp-block-table td, 
.inside-footer-widgets .wp-block-table th {
	border: 0;
	padding: 0.0625em;
	border-bottom: 1px solid var(--primary-md);
}

.copyright-bar {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: var(--size-font-s);
	color: var(--success)
}

/* ====== HOME ABOUT ====== */

.ks-badge {
  width: var(--size-xxl);
}

/* ====== STANDARD GALLERY ====== */

.gallery-item {
	display:inline-flex;
	aspect-ratio: 1;
  overflow: hidden;
}
.gallery-item img {
	height: 100%;
	object-fit: cover;
}

/* ====== CONTACT CARD ====== */

figure.mtd-card-image {
	width: calc(50% - (var(--size-base-pm) / 2));
}

/* ============== SCREENS ============== */


@media (max-width:1600px) {
	html {
		font-size: 87.5%;
	}
}
@media (max-width:1279px) {
	html {
		font-size: 75%;
	}

}
@media (max-width:1024px) {

	.columns-3 {
		column-count: 2;
	}
	.inside-top-bar.grid-container {
		height: 40px;
	}
	.sticky-nav-scrolling-up .site-logo {
		top: 0px;
	}
	.footer-widgets .footer-widget-1 img {
		margin-top: -50px;
	}
	.footer-widgets .inside-footer-widgets > div {
		flex-basis: calc(50% - 12px);
  	}
	body .no-bgimg {
		background-position: -200% -200% !important;
	}

	.kslax {
		background-position: center center !important;
		transform: translate(0) !important;
	}
}
@media (min-width: 480px) and (max-width: 1024px) {
	.mi-shops ul .menu-item {
  		max-width: 50%;
	}
}
@media (max-width: 767px) {

	.columns-3 {
		column-count: 1;
	}
	.kslax {
		background-size: cover !important;
	}
	.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper {
		font-size: var(--size-base-font);
	}

}
@media (max-width: 649px) {
	.footer-widgets .inside-footer-widgets>div {
		flex: 1 1 100%;
	}
}
@media (max-width:520px) {
		.inside-top-bar .phone-link span {
		display: none;
	}
}
@media (max-width:480px) {
	html {
		font-size: 62.5%;
	}
	h1, .h1, h2, .h2, h3, .h3 {
		hyphens: auto;
	}
	.inside-footer-widgets > div {
		flex-basis: 100%;
	}
	.copyright-bar {
		justify-content: center;
	}
	figure.ks-card-image {
		width: 100%;
	}
@media (max-width:320px) {
	#menu-top-menu svg {
		display: none;
	}
}
	
/* ============== Block Editor ============== */

html :where(.wp-block) {
  margin: 0;
  max-width: unset;
}
	
	
/* Fix: Sticky-Logo auf Mobile – Das normale Header-Logo (<img>) wird im Sticky-Zustand 
   ausgeblendet, damit das Sticky-Logo (als background-image auf .site-logo) sichtbar wird. 
   Gilt für beide Sticky-Klassen: sticky-nav-scrolling-up (kurzzeitig beim Hochscrollen) 
   und navigation-stick (dauerhaft nach der Scroll-Animation). 
   Ohne diesen Fix verdeckt das <img> das Hintergrundbild und das Logo verschwindet. */

#mobile-header.sticky-nav-scrolling-up .site-logo,
#mobile-header.navigation-stick .site-logo {
    background: url(/wp-content/uploads/ks-gruppe-logo-krbs-sticky.svg) center center / contain no-repeat;
    height: 80px !important;
    width: 100px !important;
    max-width: 100px !important;
    margin-top: 0 !important;
    z-index: 999999;
}

#mobile-header.sticky-nav-scrolling-up .site-logo img,
#mobile-header.navigation-stick .site-logo img {
    display: none !important;
}