/*
Theme Name: Kalt Child
Theme URI: https://sixa.ch
Template: kalt-ag
Author: sixa AG
Author URI: https://sixa.ch
Description: A starting point for building block-based themes.
Tags: two-columns,three-columns,four-columns,left-sidebar,right-sidebar,grid-layout,flexible-header,custom-background,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,rtl-language-support,blog,e-commerce,block-styles,wide-blocks
Version: 1.0.0.1656400124
Updated: 2022-06-28 09:08:44

*/


@font-face {
    font-family: 'Jost';
    src: url('fonts/Jost-Regular.woff2') format('woff2'),
        url('fonts/Jost-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('fonts/Jost-Italic.woff2') format('woff2'),
        url('fonts/Jost-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jost Bold';
    src: url('fonts/Jost-ExtraBold.woff2') format('woff2'),
        url('fonts/Jost-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




body {
    font-family: 'Jost' !important;
}

b, strong {
    font-family: 'Jost' !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Jost' !important;
}

.make-bold {
    font-family: 'Jost Bold' !important;
}

.make-uppercase {
	text-transform: uppercase !important;
}

.no-underline,
.no-underline a {
	text-decoration: none !important;
}

.small-gap {
    gap: .5em !important;
}

.cover-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}

.cover-link a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}


.post-password-form {
   margin-top: 175px;
}

.post-password-form input {
    border: 1px solid #01859c !important;
}


/* 404 Seite */

.error-404.not-found {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
}


/* Home neue Intro Spalten */

.home-columns {
    gap: .5em !important;
}

.home-columns h2 {
    font-family: 'Jost Bold' !important;
    font-size: 2.5rem !important;
    line-height: 1.2;
    text-transform: uppercase;
}

.home-columns p {
    font-size: 1.8rem !important;
    line-height: 1.2;
}


@media all and (max-width: 1700px) {

.home-columns .wp-block-cover {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.home-columns h2 {
    font-size: 2.3rem !important;
}

.home-columns p {
    font-size: 1.7rem !important;
}

}



@media all and (max-width: 1500px) {

.home-columns .wp-block-cover {
    padding-left: 45px !important;
    padding-right: 45px !important;
}

.home-columns h2 {
    font-size: 2.1rem !important;
}

.home-columns p {
    font-size: 1.6rem !important;
}

}


@media all and (max-width: 1024px) {

.home-spacer-top {
    height: 76px !important;
}

.home-columns {
    flex-wrap: wrap !important;
}


.home-columns .wp-block-column {
    flex-basis: 100% !important;
    margin-left: 0;
}

.home-columns .wp-block-cover {
 	min-height: 400px !important;
}

}

@media all and (max-width: 600px) {

.home-columns {
    gap: .5em !important;
}

.home-columns .wp-block-cover {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.home-columns h2 {
    font-size: 1.9rem !important;
}

.home-columns p {
    font-size: 1.4rem !important;
}

}



/* Partner Blöcke */

.partner-item {
	display: none;
    width: 100%;
    border: 1px solid #01859c;
    padding: 25px 20px;
}

.partner-item.partner-selected {
	display: block;
}



div#cboxLoadedContent .partner-item {
    width: 100%;
    padding: 0;
    border: none;
}

div#cboxLoadedContent {
	overflow: visible !important;
}

.partner-content p:last-child {
    margin-bottom: 0;
}



/* Footer Logo Link */

.site-footer-bottom-bar div#block-24 {
    position: absolute;
    left: 4%;
    bottom: 0;
    width: 160px;
}

.site-footer-bottom-bar {
	position: relative;
}

@media all and (max-width: 1700px) {
	.site-footer-bottom-bar div#block-24 {
		left: 1%;
		width: 150px;
	}
}


@media all and (max-width: 1024px) {
	.site-footer-bottom-bar {
		padding-left: 10%;
	}
	
	.site-footer-bottom-bar div#block-24 {
		width: 140px;
	}
	
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
		flex-wrap: wrap;
	}
	
	#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder {
		justify-content: center;
		width: 100%;
		margin-top: 15px;
	}
}


@media all and (max-width: 982px) {
	.site-footer-bottom-bar {
		padding-left: 0;
	}
}

@media all and (max-width: 600px) {
	.site-footer-bottom-bar div#block-24 {
		width: 125px;
		position: relative;
		bottom: auto;
		left: auto;
		order: 4;
		margin-top: -20px;
		margin-bottom: 10px;
	}
	
	#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder button {
		width: 100%;
	}
	
	span.gdpr-icon.moovegdpr-arrow-close {
		margin-left: auto;
		margin-right: 0 !important;
	}
	
}

.site-main {
    overflow: hidden;
}


article#post-5027,
article#post-2,
article#post-5029,
article#post-2604,
article#post-2624,
article#post-3409,
article#post-3408 {
    padding-top: 50px;
}



/* Zubehör Modal */
.zubehoer-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
  overflow-y: auto;
}

.zubehoer-modal-content {
    position: relative;
    background-color: #fff;
    max-width: 675px;
    width: 100%;
    padding: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.zubehoer-modal img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 20px;
}

.zubehoer-modal table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0 15px;
}

.zubehoer-modal table td {
font-size: 13px;
  padding: 10px 15px;
  border-bottom: 1px solid #cecece;
}

.zubehoer-modal [data-modal-close] {
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: #01859c;
    color: white;
    border: none;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s;
}

@keyframes modalFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.zubehoer-modal {
  animation: modalFadeIn 0.3s ease-in-out;
}