.elementor-kit-4667{--e-global-color-primary:#FFD040;--e-global-color-secondary:#F2F2F2;--e-global-color-text:#000000;--e-global-color-accent:#B6B4AC;--e-global-color-61d9d47:#FFFFFF;--e-global-color-5d79bd5:#FFFFFF00;--e-global-color-32a34bd:#B1932A;--e-global-typography-primary-font-family:"BrownLL-Regular";--e-global-typography-primary-font-weight:400;--e-global-typography-primary-font-style:normal;--e-global-typography-secondary-font-family:"BrownLL-Black";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"BrownLL-Regular";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"BrownLL-Regular";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;font-family:"BrownLL-Regular", Sans-serif;font-size:16px;line-height:1.35em;}.elementor-kit-4667 button,.elementor-kit-4667 input[type="button"],.elementor-kit-4667 input[type="submit"],.elementor-kit-4667 .elementor-button{background-color:var( --e-global-color-5d79bd5 );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:7px 14px 7px 14px;}.elementor-kit-4667 button:hover,.elementor-kit-4667 button:focus,.elementor-kit-4667 input[type="button"]:hover,.elementor-kit-4667 input[type="button"]:focus,.elementor-kit-4667 input[type="submit"]:hover,.elementor-kit-4667 input[type="submit"]:focus,.elementor-kit-4667 .elementor-button:hover,.elementor-kit-4667 .elementor-button:focus{background-color:var( --e-global-color-5d79bd5 );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;}.elementor-kit-4667 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4667 a{color:var( --e-global-color-text );}.elementor-kit-4667 a:hover{color:var( --e-global-color-text );}.elementor-kit-4667 h1{color:var( --e-global-color-text );font-family:"BrownLL-Black", Sans-serif;font-size:37px;font-weight:400;font-style:normal;line-height:1.2em;}.elementor-kit-4667 h2{color:var( --e-global-color-text );font-size:37px;line-height:1.2em;}.elementor-kit-4667 h3{font-size:25.5px;line-height:1.28em;}.elementor-kit-4667 h4{font-family:"BrownLL-Black", Sans-serif;font-size:16px;font-weight:400;font-style:normal;}.elementor-kit-4667 h5{font-family:"BrownLL-Black", Sans-serif;font-size:16px;}.elementor-kit-4667 input:not([type="button"]):not([type="submit"]),.elementor-kit-4667 textarea,.elementor-kit-4667 .elementor-field-textual{border-radius:0px 0px 0px 0px;padding:7px 7px 7px 13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){margin-block-end:15px;}.elementor-element{--widgets-spacing:15px 15px;--widgets-spacing-row:15px;--widgets-spacing-column:15px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:768px){.elementor-kit-4667 h1{line-height:1.1em;}.elementor-kit-4667 h2{line-height:1.1em;}.elementor-kit-4667 h3{line-height:1.1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:480px){.elementor-kit-4667{font-size:16px;}.elementor-kit-4667 h1{font-size:25px;line-height:1.1em;}.elementor-kit-4667 h2{font-size:25px;line-height:1.1em;}.elementor-kit-4667 h3{font-size:18px;line-height:1.2em;}.elementor-kit-4667 button,.elementor-kit-4667 input[type="button"],.elementor-kit-4667 input[type="submit"],.elementor-kit-4667 .elementor-button{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html[lang="fr"] .elementor-3942 .elementor-element.elementor-element-7632f21a .elementor-repeater-item-75e65ef .swiper-slide-bg {
    background-image: url("https://dev.cuboro.ch/wp-content/uploads/2024/01/cover-01-242-CUBORO-LE-LIVRE.jpg") !important;
    background-size: cover !important;
}

html[lang="en"] .elementor-3942 .elementor-element.elementor-element-7632f21a .elementor-repeater-item-75e65ef .swiper-slide-bg {
    background-image: url("https://dev.cuboro.ch/wp-content/uploads/2023/01/packshot-cover-241-CUBORO-THE-BOOK-1.jpg") !important;
    background-size: cover !important;
}

html[lang="fr"] .elementor-3942 .elementor-element.elementor-element-7632f21a .elementor-repeater-item-3bfa718 .swiper-slide-bg {
    background-image: url("https://dev.cuboro.ch/wp-content/uploads/2024/01/content-01-242-CUBORO-LE-LIVRE.jpg") !important;
}

html[lang="en"] .elementor-3942 .elementor-element.elementor-element-7632f21a .elementor-repeater-item-3bfa718 .swiper-slide-bg {
    background-image: url("https://dev.cuboro.ch/wp-content/uploads/2023/01/packshot-content-241-CUBORO-THE-BOOK-1.jpg") !important;
}

html[lang="en"] .post-password-required form:before {
    content: 'B2B area – Login';
}

html[lang="fr"] .post-password-required form:before {
    content: 'Espace B2B – Login';
}

html[lang="it"] .post-password-required form:before {
    content: 'Area B2B – Login';
}

html[lang="es"] .post-password-required form:before {
    content: 'Area B2B – Login';
}


.wpcf7-form-control-wrap input[type="file"]{
    padding: 0px;
    margin-left: -13px;
}

#pwbox-942{
    margin-top: 8px;
}


#Datenschutz h2{
    margin-top: 60px;
    margin-bottom: 5px;
}

#Datenschutz h3{
    margin-top: 30px;
    margin-bottom: 5px;
}

#Datenschutz h4, #Datenschutz h5{
    margin-top: 15px;
    margin-bottom: 5px;
}

.ContenSilder .swiper-slide{
    max-height: 620px;
}

.funktionsgrafiken{
    width: 90%;
    margin-left: -20px
}

.grecaptcha-badge{
    display: none;
}

.swpm-join-us-link, .swpm-rememberme-label, .swpm-remember-me, .swpm-forgot-pass-link{
    display: none;
}

body{
    min-height: 100vh;
}

.elementor-location-single{
    min-height: calc(100vh - 366px - 106px);
}

.post-password-required{
    max-width: 1280px;
    margin: auto;
    padding: 15px;
}

.post-password-required form:before {
display: inline-block;
width: 610px;
height: 407px;
background-image: url('https://dev.cuboro.ch/wp-content/uploads/2021/03/Cuboro-Moods_1393_web-1024x683.jpg');
background-size: 100% 100%;
padding-top: 407px;
margin-bottom: 60px;
content: 'B2B-Bereich – Login';
  font-size: 32px;
  line-height: 60px;
}

.post-password-required form{
    max-width: 550px;
}

.post-password-required form input[type=submit]{
    margin-left: 10px;
}
.funktionsgrafiken {
width: 68%;
margin-left: -20px;
}


#LangSwitcher nav ul ul{
    width: 35px !important;
    height: auto;
    min-width: 35px !important;
}

#LangSwitcher nav ul li a{
    position: relative;
    left: 8px;
    top: 0px;
    
}
#LangSwitcher nav ul li ul li a{
   position: relative;
    left: 0px;
    top: 0px; 
}



#MainNavAll nav{
    background-color: #f2f2f2;
 
    height: 100vh;
    padding: 40px;

    z-index: 1;
}

#MainNavAll .elementor-menu-toggle__icon--close{
    position: relative;
    z-index: 2;
}

#MainNavAll .sub-arrow{
    position: absolute;
    right: 0px;
    top: 0px;
}

#MainNavAll .sub-arrow .fa-plus:before{
    width: 18px;
    height: 18px;
    content: "";
    background-image: url(/wp-content/themes/hello-theme-child/img/plus.svg);
    display: inline-block;
}

#MainNavAll ul{
    padding-left: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 0px;
}

#MainNavAll ul ul{
    background-color: #F2F2F2;
    height: auto;
    padding-left: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 0px;
}

#MainNavAll ul ul li{
    padding-top: 3px;
    padding-bottom: 3px;
}

#MainNavAll ul ul a{
    font-size: 15px;
}

#MainNavAll ul .weglot-lang{
    display: inline-block;
    float: left;
    margin: 5px;
    border: 1px solid #000;
    margin-bottom: 30px;
    padding: 3px;
}

#MainNavAll ul .weglot-lang a{
    font-size: 15px;
}

#MainNavAll ul .menu-item-592{
    clear: left;
    border-top: 1px solid #000;
}

#MainNavAll .menu-item-4146, #MainNavAll .menu-item-5290, #MainNavAll .menu-item-5286{
    border-top: 1px solid #000;
}

#MainNavAll .menu-item-892, #MainNavAll .menu-item-5288, #MainNavAll .menu-item-5284{
    padding-bottom: 0px;
    border-bottom: 0px solid #000;
    margin-bottom: -5px;
}

#MainNavAll li{
    border-bottom: 1px solid #000;
    padding: 0px;
    margin: 0px;
}

#MainNavAll ul li{
    padding-top: 5px;
    padding-bottom: 5px;
}

#MobileNav .elementor-nav-menu--dropdown{
    border-bottom: 25px solid #fff;
}

#MobileNav .menu-item-5287{
    border-bottom: 1px solid #000;
}

#DesktopNav .current-menu-item a {
  color: #000;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -ms-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

#DesktopNav .current-menu-item a:hover,
#DesktopNav .current-menu-item a:focus,
#DesktopNav .current-menu-item a:active {
  color: #000;
  border-bottom: 1px solid #000;
}

#DesktopNav a {
  color: #000;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -ms-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

#DesktopNav a:hover,
#DesktopNav a:focus,
#DesktopNav a:active {
  color: #000;
  border-bottom: 1px solid #000;
}


#content a, .elementor-location-single a{
  color: #000;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -ms-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  text-decoration: none;
  border-bottom: 1px solid #b6b4ac;
}
#content a:hover,
#content a:focus,
#content a:active, .elementor-location-single a:hover, .elementor-location-single a:focus, .elementor-location-single a{
  color: #000:active;
  border-bottom: 1px solid #000;
}

.elementor-location-single .elementor-accordion-title, .elementor-location-single .elementor-accordion-title:hover, .elementor-location-single .elementor-accordion-title:focus, .elementor-location-single .elementor-accordion-title:active, .elementor-location-single .elementor-post__thumbnail__link, .elementor-location-single .elementor-post__thumbnail__link:hover, .elementor-post__title a, .elementor-post__title a:hover{
    border-bottom: 0px solid #fff;
}

#mapSektion{
    width: 100%;
    background-color: #fff;
}
#mapWrap{
    max-width: 1280px;
    margin: auto; 
}

.elementor-location-footer a {
  color: #000;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -ms-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  text-decoration: none;
  border-bottom: 1px solid #B1932A;
  display: inline;
}
.elementor-location-footer a:hover,
.elementor-location-footer a:focus,
.elementor-location-footer a:active {
  color: #000;
  border-bottom: 1px solid #000;
}

.elementor-location-footer .Social a {
  border-bottom: 0px solid #000;
}

.elementor-location-footer .Social img{
  border: 1px solid #B1932A;
  border-radius: 20px;
}

.elementor-location-footer .Social img:hover{
  border: 1px solid #000;
  border-radius: 20px;
}


#Map{
	width: calc(50% - 35px);
	height: 505px;
	float:right;
	margin-right: 35px;
	margin-bottom: 30px;
	margin-top: 18px;
	display: inline-block;
}

.locationItem{
	width: calc(25% - 35px);
	min-height: 125px;
	float:left;
	margin-top: 15px;
	margin-right: 35px;
	margin-bottom: 15px;
	display: inline-block;
}

.locationItem a{
	display: inline-block;
}

#SearchLocation{
	width: calc(50% - 35px);
	height: 35px;
	float:left;
	margin-top: 15px;
	margin-right: 35px;
	margin-bottom: 15px;
	display: inline-block;
}

.view-link a span{
    color:#B6B4AC !important;
}

.country select {
        font-family: "BrownLL-Regular", Helvetica, sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 16px;
		line-height: 1.35em;
        display: inline-block;
        width: 205px;
        cursor: pointer;
        padding: 6px 10px;
        outline: 0;
		border: 1px solid #b6b4ac;
        border-radius: 0px;
        background: #fff;
        color: #000;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
	    float: left;
	margin-left: 10px
    }
.country select::-ms-expand {
	display: none;
}
.country select:hover,
.country select:focus {
	color: #000000;
	background: #fff;
	border: 1px solid #000;
}
.country select:disabled {
	opacity: 0.5;
	pointer-events: none;
}

.country:after {
	background-image: url(/wp-content/themes/hello-theme-child/img/voegeli.svg);
    background-size: 20px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
	color: #000;
	float: left;
	font-size: 27px;
	content: "";
	margin-left: -25px;
	margin-top: 7px;
	pointer-events: none;
	
}

.wpsl-results-header {display: none;}
.wpsl-map .gm-style-iw-d a{display: none;}
.distance.form-field{display: block;}

.wpsl-map{
	width: calc(50% - 55px);
	float:right;
	margin-right: 35px;
	margin-top: -70px;
	margin-bottom: 35px;
	display: inline-block;
}

.wpsl-map button img{
	margin-bottom: 0px;
	margin-top: 0px;
}
.wpsl-results{
	width: calc(50% - 35px);
	float:left;
	margin-left: 35px;
	display: inline-block;
}

.wpsl-results .LocationResultBox{
	width: calc(50% - 30px);
	float: left;
	min-height: 170px;
	margin-bottom: 35px;
	margin-right: 30px;

}

.simple-locator-form form{
	margin-left: 35px;
	width: 40%;
	margin-bottom: 35px;
}
.address-input, .distance.form-field{
	width: auto;
	height: 40px;
	float: left;
}

.country.form-field{
	width: auto;
	height: 40px;
	float: left;
	margin-left: 10px;
}

.distance.form-field{
	margin-left: 10px;
}


.address-input label{
	font-family: "BrownLL-Regular", Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
    font-size: 16px;
    line-height: 1.35em;
	margin-right: 5px;
}

.address-input input{
color: #000;
border: 1px solid #b6b4ac;
border-radius: 0px;
font-size: 16px;
line-height: normal;
background-clip: padding-box;
}

.country label{
	font-family: "BrownLL-Regular", Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
    font-size: 16px;
    line-height: 1.35em;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 5px;
	float: left;
}

.distance.form-field label{display:none;}

.address-input .wpsl-search-form{
	margin-bottom: -1px;
	width: 170px;
}

.wpslsubmit{
  border: 1px solid #b6b4ac;
  border-radius: 0px;
  background-color: #fff !important;
  color: #000;
  cursor: pointer;
  line-height: 1;
  margin-left: 10px;
  height: 35px;
}

.wpsl-error.alert.alert-error{
	height: 40px;
}


.distance select {
        font-family: "BrownLL-Regular", Helvetica, sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 16px;
		line-height: 1.35em;
        display: inline-block;
        width: 80px;
        cursor: pointer;
        padding: 6px 10px;
        outline: 0;
		border: 1px solid #b6b4ac;
        border-radius: 0px;
        background: #fff;
        color: #000;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
	    float: left;
    }
.distance select::-ms-expand {
	display: none;
}
.distance select:hover,
.distance select:focus {
	color: #000000;
	background: #fff;
	border: 1px solid #000;
}
.distance select:disabled {
	opacity: 0.5;
	pointer-events: none;
}

.distance:after {
	background-image: url(/wp-content/themes/hello-theme-child/img/voegeli.svg);
    background-size: 20px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
	color: #000;
	float: left;
	font-size: 27px;
	content: "";
	margin-left: -25px;
	margin-top: 7px;
}

.related-products-overview{
 	width: 100%;
	padding: 0px;
	display: inline-block;
	overflow: hidden;
}

.related-products-overview .related-products-container{
	width: calc(100% + 30px);
	padding: 0px;
	display: inline-block;
	margin-left: -15px;
}

.related-products-overview .related-products-container .fristRow #myBtnContainerGray{
    padding: 15px;
    margin-top: -15px;
    margin-bottom: -15px;
}

.related-post .preview_pic{
	width: 100%;
	height: 100%;
	max-height: 290px;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	margin-bottom: 10px;
}

.related-post .preview_pic img{
	
	max-height: 290px;
	width: auto;
	max-width: 300%;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}


.related-post{
	position: relative;
	width: calc(25% - 30px);
	height: 100%;
    margin: 15px;
    padding: 0px;
	float: left;
	display: inline-block;
    overflow: hidden;
}

.related-post .content_inline{
    width: 100%;
    height: 6vw;
    display: inline-block;
    overflow: hidden;
    max-height: 75px;
}

.related-post h4{
    margin-bottom: 2px;
}

.related-posts{
	width: calc(100% + 30px);
	padding: 0px;
	margin: 0px;
	margin-left: -15px;
	display: inline-block;
	}

.related-products{
	width: 100%;
	padding: 0px;
	display: inline-block;
}

.related-products .fristRow h3{
    padding-left: 15px;
}

.related-products .preview_pic{
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
    overflow: hidden;
	margin-top: 0px;
	margin-bottom: 10px;
}

.related-products .preview_pic img{
	width: 300%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.related-products a:hover, .related-posts a:hover{
	color: #000;
}

.overlay_preview_pic_01{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 33%;
	height: 100%;
}

.overlay_preview_pic_02{
	position: absolute;
	top: 0px;
	left: 33%;
	width: 33%;
	height: 100%;
}

.overlay_preview_pic_03{
	position: absolute;
	top: 0px;
	left: 66%;
	width: 33%;
	height: 100%;
}
.settitel{
	position: absolute;
	top: 5px;
	right: 12px;
}
.settitel p{
	padding-right: 0px;
	min-height: 20px;
}

.titel_linie{
	height: 20px;
	display: block;
	border: 1px solid transpartent;
}

.titel_linie h4{
	margin-top: -2px;
}

.age_icon{
	width: auto;
	height: 24px;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	float: right;
	border: 1px solid #transpartent;
	margin-top: -24px;
	
}

.block_icon{
	width: auto;
	height: 24px;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	float: right;
	border: 1px solid transpartent;
	margin-top: -24px;
	margin-right: 50px;
}


.age_icon p{
	display: inline-block;
	height: 18px;
	padding: 0px;
	margin: 0px;
	margin-right: 4px;
	float: right;
}

.block_icon p{
	display: inline-block;
	height: 18px;
	padding: 0px;
	margin: 0px;
	float: right;
}

.related-post .block_icon img{
	display: inline-block;
	height: 14px;
	width: auto;
	float: right;
	margin-top: 4px;
	margin-right: 4px;
}

.related-post .age_icon img{
	display: inline-block;
	height: 17px;
	width: auto;
	float: right;
	margin-top: 1px;
	margin-right: 4px;
}

.QuadratischesBild{
    height: calc(50vw - 60px);
    max-height: 610px;
}


@media only screen and (min-width: 678px) and (max-width: 1024px){
    
    .related-products-overview{
     	width: 100%;
    	padding: 0px;
    	display: inline-block;
    	overflow: hidden;
    }
    
    .related-products-overview .related-products-container{
    	width: calc(100% + 30px);
    	padding: 0px;
    	display: inline-block;
    	margin-left: -15px;
    }
    
    .related-products-overview .related-products-container .fristRow #myBtnContainerGray{
        padding: 15px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
    
    .related-post .preview_pic{
    	width: 100%;
    	height: 100%;
    	max-height: 290px;
    	display: inline-block;
    	overflow: hidden;
    	text-align: center;
    	margin-bottom: 10px;
    }
    
    .related-post .preview_pic img{
    	
    	max-height: 290px;
    	width: auto;
    	max-width: 300%;
    	margin-left: 0px;
    	margin-bottom: 0px;
    	margin-top: 0px;
    }
    
    
    .related-post{
    	position: relative;
    	width: calc(33% - 30px);
    	height: 100%;
        margin: 15px;
        padding: 0px;
    	float: left;
    	display: inline-block;
        overflow: hidden;
    }
    
    .related-post .content_inline{
        width: 100%;
        height: 6vw;
        display: inline-block;
        overflow: hidden;
        max-height: 75px;
    }
    
    .related-post h4{
        margin-bottom: 2px;
    }

    .related-posts{
    	width: calc(100% + 30px);
    	padding: 0px;
    	margin: 0px;
    	margin-left: -15px;
    	display: inline-block;
    	}
    
    .related-products{
    	width: 100%;
    	padding: 0px;
    	display: inline-block;
    }
    
    .related-products a:nth-child(5){
        display:none;
    }
    
    .related-products .fristRow h3{
        padding-left: 15px;
    }
    
    .related-products .preview_pic{
    	width: 100%;
    	height: auto;
    	margin: 0px;
    	padding: 0px;
        overflow: hidden;
    	margin-top: 0px;
    	margin-bottom: 10px;
    }
    
    .related-products .preview_pic img{
    	width: 300%;
    	height: auto;
    	margin: 0px;
    	padding: 0px;
    }
    
    .related-products a:hover, .related-posts a:hover{
    	color: #000;
    }
    
    .overlay_preview_pic_01{
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	width: 33%;
    	height: 100%;
    }
    
    .overlay_preview_pic_02{
    	position: absolute;
    	top: 0px;
    	left: 33%;
    	width: 33%;
    	height: 100%;
    }
    
    .overlay_preview_pic_03{
    	position: absolute;
    	top: 0px;
    	left: 66%;
    	width: 33%;
    	height: 100%;
    }
    .settitel{
    	position: absolute;
    	top: 5px;
    	right: 12px;
    }
    .settitel p{
    	padding-right: 0px;
    	min-height: 20px;
    }
    
    .titel_linie{
    	height: 20px;
    	display: block;
    	border: 1px solid transpartent;
    }
    
    .titel_linie h4{
    	margin-top: -2px;
    }
    
    .age_icon{
    	width: auto;
    	height: 24px;
    	display: inline-block;
    	padding: 0px;
    	margin: 0px;
    	float: right;
    	border: 1px solid #transpartent;
    	margin-top: -24px;
    	
    }
    
    .block_icon{
    	width: auto;
    	height: 24px;
    	display: inline-block;
    	padding: 0px;
    	margin: 0px;
    	float: right;
    	border: 1px solid transpartent;
    	margin-top: -24px;
    	margin-right: 50px;
    }
    
    
    .age_icon p{
    	display: inline-block;
    	height: 18px;
    	padding: 0px;
    	margin: 0px;
    	margin-right: 4px;
    	float: right;
    }
    
    .block_icon p{
    	display: inline-block;
    	height: 18px;
    	padding: 0px;
    	margin: 0px;
    	float: right;
    }
    
    .related-post .block_icon img{
    	display: inline-block;
    	height: 14px;
    	width: auto;
    	float: right;
    	margin-top: 4px;
    	margin-right: 4px;
    }
    
    .related-post .age_icon img{
    	display: inline-block;
    	height: 17px;
    	width: auto;
    	float: right;
    	margin-top: 1px;
    	margin-right: 4px;
    }

}

@media screen and (max-width: 678px) {
  .ContenSilder .swiper-slide{
    max-height: 44vw !important;
    height: 44vw !important;
    }  
    
    .funktionsgrafiken{
        width: 100%;
        margin-left: -20px
    }
    
    
     .related-products-overview .related-products-container{
    	width: calc(100% + 20px);
    	padding: 0px;
    	display: inline-block;
    	margin-left: -10px;
    }
    
    .related-products-overview .related-products-container .fristRow #myBtnContainerGray{
        padding: 10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
    
    .related-products .preview_pic{
    	width: 0%;
    	height: auto;
    	margin: 0px;
    	padding: 0px;
        overflow: hidden;
    	margin-top: 0px;
    	margin-bottom: 10px;
    }
    
    .related-products .preview_pic img{
    	width: 300%;
    	height: auto;
    	margin: 0px;
    	padding: 0px;
    }

    .related-post{
		position: relative;
		width: calc(50% - 20px);
		
		min-height: 230px;
		float: left;
		margin: 10px;
		padding: 0px;
		display: inline-block;
		overflow: hidden;
	}

	.related-posts{
		width: calc(50% - 20px);
		padding: 10px;
		margin-top: 0px;
		
	}
	
	.related-post .content_inline{
        width: 100%;
        height: 120px;
        display: inline-block;
        overflow: hidden;
        max-height: 90px;
    }
	  
	  .related-posts h3{
		padding-top: 10px;
		padding-bottom: 0px;
	  }
	  
	.related-products .fristRow h3 {
	    padding-top: 10px;
		padding-bottom: 0px;
	}
	  
	
	.related-post .preview_pic{
		width: calc((50vw - 30px)/1);
		height: calc((50vw - 30px)/1);
		max-width: calc((50vw - 30px)/1);
		max-height: calc((50vw - 30px)/1);
		margin-bottom: 0px;
	}

	.related-post .preview_pic img{
		height: calc((50vw - 30px)/1);
		max-height: calc((1270px - 30px)/1);
		width: auto;
		margin-left: 0px;
		margin-bottom: 0px;
	}
	

	.related-products{
		width: 100%;
		padding: 0px;
		float: left;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	
	.related-products-overview{
		width: 100%;
		padding: 0px;
		float: left;
		padding-left: 10px;
		padding-right: 10px;
	}
	  
	  .related-products h3{
		  padding-right: 10px;
	  }
	  
	.settitel{
    	position: absolute;
    	top: 5px;
    	right: 8px;
    }
    
    .settitel p{
    	font-size: 11px;
    }
    
    .content_inline p{
    	font-size: 12px;
    	line-height: 14px;
    }
    
    .titel_linie{
        margin-top: 7px;
        margin-bottom: -2px;
    }
    
    .titel_linie h4{
    	font-size: 13px;
    }
    
    .block_icon{
    	display:none;
    }
    
    .age_icon{
    	margin-top: -20px;
    }
    
    .age_icon p{
        font-size: 11px;
        margin-top: 3px;
    }
    
    .related-products p{
         font-size: 12px;
         line-height: 14px;
    }
	  
	  
	 .wpsl-map{
		width: calc(100% - 40px);
		float:right;
		margin-right: 20px;
		margin-top: 0px;
		margin-bottom: 35px;
	}
	.wpsl-results{
		width: calc(100% - 20px);
		float:left;
		margin-left: 20px;
	}
	  
	  .simple-locator-form form{
	margin-left: 20px;
	width: calc(100% - 40px);
	margin-bottom: 35px;
}
	  
	  .address-input .wpsl-search-form{
	width: 100px;
}
	  
	  .gmnoprint, .gm-control-active.gm-fullscreen-control{
		  display: none;
	  }
	  
	  .wpsl-results .LocationResultBox{
		width: calc(50% - 20px);
		float: left;
		min-height: 190px;
		margin-bottom: 20px;
		margin-right: 20px;

	}
	
	.QuadratischesBild{
        height: calc(100vw - 40px);
    }
        
    
}



@media screen and (max-width: 480px) {
    
    .post-password-required form:before {
    display: inline-block;
    width: 100%;
    height: 350px;
    background-image: url('https://dev.cuboro.ch/wp-content/uploads/2021/03/Cuboro-Moods_1393_web-1024x683.jpg');
    background-size: 100% 100%;
    padding-top: 350px;
    margin-bottom: 60px;
    content: 'B2B-Bereich – Login';
      font-size: 32px;
      line-height: 60px;
    }

  .ContenSilder .swiper-slide{
    max-height: 90vw !important;
    height: 90vw !important;
    }  
    
  .funktionsgrafiken{
    width: calc(100% - 10px);
    margin-left: -10px;
    border: 1px solid #ff0000;
}
    
  #MainNavAll nav{
        background-color: #F2F2F2;
        height: 100vh;
        padding: 20px;
        z-index: 1;
    }
    
    #MainNavAll ul{
    padding-left: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 0px;
}
    
    .related-products-overview .related-products-container{
    	width: calc(100% + 20px);
    	padding: 0px;
    	display: inline-block;
    	margin-left: -10px;
    }
    
    .related-products-overview .related-products-container .fristRow #myBtnContainerGray{
        padding: 10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
    
    .related-products .preview_pic{
    	width: 0%;
    	height: auto;
    	margin: 0px;
    	padding: 0px;
        overflow: hidden;
    	margin-top: 0px;
    	margin-bottom: 10px;
    }
    
    .related-products .preview_pic img{
    	width: 300%;
    	height: auto;
    	margin: 0px;
    	padding: 0px;
    }

    .related-post{
		position: relative;
		width: calc(50% - 20px);
		max-height: 230px;
		min-height: 230px;
		float: left;
		margin: 10px;
		padding: 0px;
		display: inline-block;
		overflow: hidden;
	}

	.related-posts{
		width: calc(50% - 20px);
		padding: 10px;
		margin-top: 0px;
		
	}
	
	.related-post .content_inline{
        width: 100%;
        height: 90px;
        display: inline-block;
        overflow: hidden;
        max-height: 90px;
    }
	  
	  .related-posts h3{
		padding-top: 10px;
		padding-bottom: 0px;
	  }
	  
	.related-products .fristRow h3 {
	    padding-top: 10px;
		padding-bottom: 0px;
	}
	  
	
	.related-post .preview_pic{
		width: calc((50vw - 30px)/1);
		height: calc((50vw - 30px)/1);
		max-width: calc((50vw - 30px)/1);
		max-height: calc((50vw - 30px)/1);
		margin-bottom: 0px;
	}

	.related-post .preview_pic img{
		height: calc((50vw - 30px)/1);
		max-height: calc((1270px - 30px)/1);
		width: auto;
		margin-left: 0px;
		margin-bottom: 0px;
	}
	

	.related-products{
		width: 100%;
		padding: 0px;
		float: left;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	
	.related-products-overview{
		width: 100%;
		padding: 0px;
		float: left;
		padding-left: 10px;
		padding-right: 10px;
	}
	  
	  .related-products h3{
		  padding-right: 10px;
	  }
	  
	  .settitel{
    	position: absolute;
    	top: 5px;
    	right: 8px;
    }
    
    .settitel p{
    	font-size: 11px;
    }
    
    .titel_linie{
        margin-top: 7px;
    }
    
    .titel_linie h4{
    	font-size: 12px;
    }
    
    .block_icon{
    	display:none;
    }
    
    .age_icon{
    	margin-top: -20px;
    }
    
    .age_icon p{
        font-size: 11px;
        margin-top: 3px;
    }
    
    .related-products p{
         font-size: 12px;
         line-height: 14px;
    }
	  
	  
	 .wpsl-map{
		width: calc(100% - 40px);
		float:right;
		margin-right: 20px;
		margin-top: 0px;
		margin-bottom: 35px;
	}
	.wpsl-results{
		width: calc(100% - 20px);
		float:left;
		margin-left: 20px;
	}
	  
	  .simple-locator-form form{
	margin-left: 20px;
	width: calc(100% - 40px);
	margin-bottom: 35px;
}
	  
	  .address-input .wpsl-search-form{
	width: 100px;
}
	  
	  .gmnoprint, .gm-control-active.gm-fullscreen-control{
		  display: none;
	  }
	  
	  .wpsl-results .LocationResultBox{
		width: calc(50% - 20px);
		float: left;
		min-height: 190px;
		margin-bottom: 20px;
		margin-right: 20px;

	}
	
	.QuadratischesBild{
    height: calc(100vw - 40px);
    max-height: 610px;
}
    

}

@media only screen and (min-width: 480px) and (max-width: 768px){
    .swiper-slide-bg{
        height:calc(100vw - 20px) !important;
    }

    .swiper-wrapper{
        height:calc(100vw - 20px) !important;
    }
    
    .elementor-ken-burns--active{
        transition-duration: 0s !important;
    }

}


.es-widget-container{
    padding:0px !important;
}
.info_symbol{
    position: relative;
    top: 2px;
}



/*AGILE STORE LOCATOR | Elias 2026_01 */

#asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 .infowindowContent .info-addr .info-addr-inner a, .highlighted a{
    border-bottom: none;
    border-bottom-color: #ffd040!important;
}

#asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .Filter_section .range_filter label{
    color: #ffffff!important;
}
#asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .Filter_section .search_filter label{
    border-bottom: none!important;
}
.asl-search .asl-search-cont{
    padding: 0px!important;
}
.asl-cont .sl-row{
    margin-left: -15px!important;
    margin-right: -15px!important;
}

.count-result{
    visibility: hidden!important;
}



/*Kugbelbahnen Seite | Elias 2026_01*/

.kugelbahnen_numbers a{
pointer-events: none; 
  cursor: default;
  text-decoration: none;
  border-bottom: none;
  padding-top:5px;
}

@media only screen and (max-width: 900px){
.kugelbahnen_numbers_anzahl{
    visibility: hidden;
}
}


/* Loop Card klickbar machen */
.loop-card {
  position: relative;
  overflow: hidden;
}

.loop-card .card-link {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 9999;
  display: block;
  background: transparent;
  cursor: pointer;
}

/* Wichtig: echte Links bleiben klickbar */
.loop-card a:not(.card-link) {
  position: relative;
  z-index: 10000;
}

a.card-link{
    border-bottom: none!important;
}

.loop-card a{
    border-bottom: none;
}
.set_number{
    padding-top: 2px;
}

.loop-card img {
  transition: transform 0.7s ease;
}

.loop-card:hover img {
  transform: scale(1.04);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'BrownLL-Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dev.cuboro.ch/wp-content/uploads/2023/10/BrownLLWeb-Regular.woff2') format('woff2'),
		url('https://dev.cuboro.ch/wp-content/uploads/2023/10/BrownLLWeb-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'BrownLL-Black';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dev.cuboro.ch/wp-content/uploads/2023/10/BrownLLWeb-Black.woff2') format('woff2'),
		url('https://dev.cuboro.ch/wp-content/uploads/2023/10/BrownLLWeb-Black.woff') format('woff');
}
/* End Custom Fonts CSS */