/*
Theme Name: Crusz 2024
Theme URI: https://www.crusz.de/
Author: LOE
Author URI: https://www.crusz.de/
Version: 1.0.0
*/

/* Shore Button */
.SBW-widget {
	width: 450px;
	height: 80%;
	overflow: hidden;
	border-radius: 3px;
	margin: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	bottom: 80px;
	z-index: 100000;
	top: initial;
	background-color: #eef0f4;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	opacity: 1;
	-webkit-transition: opacity 0.25s ease-in-out, bottom 0.25s ease-in-out,
		-webkit-box-shadow 250ms ease-in-out;
	transition: opacity 0.25s ease-in-out, bottom 0.25s ease-in-out,
		-webkit-box-shadow 250ms ease-in-out;
	transition: opacity 0.25s ease-in-out, bottom 0.25s ease-in-out,
		box-shadow 250ms ease-in-out;
	transition: opacity 0.25s ease-in-out, bottom 0.25s ease-in-out,
		box-shadow 250ms ease-in-out, -webkit-box-shadow 250ms ease-in-out;
}
.SBW-widget > iframe {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: none;
	width: 100%;
}
@media screen and (max-device-width: 660px) {
	.SBW-widget {
		height: calc(100% - 80px);
		width: 100%;
		margin: 0;
		-webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.8);
		box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.8);
	}
}
.SBW-button {
	opacity: 1 !important;
	-webkit-transition: opacity 0.25s ease-in-out, bottom 0.25s ease-in-out,
		max-width 250ms ease-in-out;
	transition: opacity 0.25s ease-in-out, bottom 0.25s ease-in-out,
		max-width 250ms ease-in-out;
	position: fixed !important;
	bottom: 0 !important;
	margin: 20px !important;
	z-index: 120000 !important;
	top: initial !important;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	overflow: hidden;
	padding: 12px 24px;
	border: none;
	outline: 0;
	cursor: pointer;
	pointer-events: all !important;
	background-color: var(--wp--preset--color--accent-2);
	font-family: Nunito, Helvetica, sans-serif;
	border-radius: 25px;
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
	will-change: auto;
	max-width: 300px;
	width: 300px;
	white-space: nowrap;
  display: flex;
    align-items: center;
}
.SBW-button > svg {
	display: inline;
	margin-right: 10px;
	margin-bottom: 3px;
}
.SBW-button:hover {
	font-size: 16px;
}
.SBW-button:hover .SBW-button--overlay {
	opacity: 1;
}
.SBW-button--opened {
	border-radius: 50px;
	max-width: 50px;
	height: 50px;
	width: 50px;
}
.SBW-button--opened > svg {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-name: show;
	animation-name: show;
	margin-left: -13px;
	margin-top: 3px;
  	overflow: visible !important;
}
.SBW-left {
	left: 0 !important;
	right: unset !important;
}
.SBW-right {
	left: unset !important;
	right: 0 !important;
}
.SBW-button--bounce {
	-webkit-animation: bounce 0.4s 6 alternate 30s;
	animation: bounce 0.4s 6 alternate 30s;
}
.SBW-button--overlay {
	opacity: 0;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.15);
	-webkit-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
}
.SBW-element--hide {
	bottom: -50px;
	opacity: 0 !important;
	display: none;
	pointer-events: none !important;
}
@-webkit-keyframes show {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes show {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.sc-kEmuub.hTGDel {background-color: #9e8006 !important;}

/* Block Styles */
.wp-block-media-text__content .wp-block-image:last-child {margin-bottom:0;}
.wp-block-gallery {margin-bottom: var(--wp--style--block-gap);}
.wp-block-media-text:where(:not(.has-media-on-the-right)) .wp-block-media-text__content {padding-right:0;}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding-left:0;}
h1 {text-align:left !important;}

/* Mobile */
@media screen and ( max-width: 782px ) {
	.no-min-height-on-mobile {min-height:400px !important;}
  body {--wp--style--global--wide-size: 100%;}
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {padding:0;}
  .wp-block-columns.is-not-stacked-on-mobile {gap: 0.5rem;}
  .superblockslider__slide_inner {width: auto;}
  .wp-block-buttons>.wp-block-button.wp-block-button__width-25 {width:auto;}
  .wp-block-lazyblock-storer-flexibel, .wp-block-lazyblock-storer {position: absolute;right: 5px;bottom: 17%;}
  .wp-block-lazyblock-storer.is-style-storer-vorteile {position: static;}
  .is-mobile-grid-2 {display: grid !important;grid-template-columns: repeat(auto-fill, 47%);}
}
