/** Shopify CDN: Minification failed

Line 508:0 Unexpected "/"

**/
@charset "UTF-8";
/* ============================================================================
   HV-CUSTOM: hv-pre-base.css
   Custom-CSS der Agentur (MyByte-Media u.a.), das im 18.0.1-Live-Theme als
   Preamble INNERHALB von base.css lag (Z.2-1183, vor normalize.css).
   Ausgelagert fuer Update-Sicherheit. MUSS unmittelbar VOR base.css laden
   (Einbindung: snippets/network.liquid + snippets/css-include.liquid).
   Registry: docs/development/CUSTOMIZATIONS.md (HV-CSS-PRE)
   ========================================================================= */
html {
	box-sizing: border-box;
}

body {
	padding: 0;
	margin: 0;

  -webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

* {
	padding: 0;
	margin: 0;
}


@media (max-width: 47.9275em) {
.o-layout__item {
    max-width: 90%;
}
}



/*=== Zweier Block ===*/



.event .link.link.link--arrow {
  display: none;
}
.event__desc--link h3 a {
  font-size: 3vmin !important;
  position: static;
  color: #ffffff !important;
  background-color: hsla(206, 79%, 38%, 1);
  padding: 10px 30px;
  width: 80%;
  margin: -6vw auto 20px auto;
  border-radius: 1vw;
}
.grid-layout--2.grid-spacing--30 {
  row-gap: 15px;
  max-width: 87vw;
}

/*=== Zweier Block END ===*/



h1 {
  max-width:90%;
  font-size: 4vmin;
  line-height: 1.4em;
}

h2 {
  min-width:90% !important;
  font-size: 24px;
  line-height: 1.4em;
}

h3 {
  min-width:90%;

  font-size: 22px;
  line-height: 1.3em;
}
/*=== Secondary NAV ===*/




.header__logo-ratio-box {
  display: none;
}

.secondary-nav {
    text-align: right;
    float: right;
    display: none !important;
}

@media (max-width: 47.9275em) {
    .header {
        border-top-width: 1px;
        display: none !important;
    }
}


.image-with-text__box.image-with-text__box--left.js-animate-single.js-animation-done {
	
	padding: 2vmin !important;
}


	

.footer-copyright__text {
	margin: 0 12vmin 0 0 !important;
}

@media (max-width:1244px) {
	.header__logo-ratio-box {
		display: none;
	}
}

.c-btn--primary {
	color: #FFFFFF !important;
}

nav li a {
	float: left;
	padding: 0 !important;
}

.mobile-footer__text a:hover {
	color: #6666ff !important;
}


/* NAV */

.primary-nav__link,
.secondary-nav__link {
	line-height: auto;
	font-size: 1.4vmin;
	margin-top: 4px;
	margin-left: -5px;
}

@media only screen and (max-width: 1213px) {
	.primary-nav__link,
	.secondary-nav__link {
		line-height: auto;
		font-size: 1.1vmin;
		margin-top: 4px;
		margin-left: -5px;
	}
}

@media only screen and (max-width: 970px) {
	.primary-nav__link,
	.secondary-nav__link {
		line-height: auto;
		font-size: 18px;
		margin-top: 4px;
		margin-left: -5px;
	}
}

.header__logo-img--svg {
	max-height: 120px;
	margin-top: -20px !important;
	z-index: 999999999 !important;
}

.u-flex--center {
	flex-wrap: nowrap !important;
}


/*=== Hamburger ===*/

.icon.icon--theme.icon--menu {
	--stroke-width: 4px !important;
	width: 40px !important;
	height: 40px !important;
	top: -14px !important;
}

.icon.icon--theme.icon--menu:hover {
	--stroke-width: 4px !important;
	color: #6666ff;
	top: -14px !important;
}


/*=== IconGrid ===*/

#shopify-section-template--24723118981384__section_multi_column_icons_PMNbRx h3 {
	font-size: 1.6vmin !important;
}

ul li {
	/*list-style-position: outside;*/
	text-indent: 0em;
	padding-left: 0em;
	line-height: 1.4em !important;
}

.mobile-footer__contact+.social-links.social-links {
	float: left;
	clear: both;
}

p,
ul li {
	font-size: 18px !important;
}

.primary-nav {
	transition: transform 0.6s ease;
}

.primary-nav.shifted {
	transform: translateX(-160px);
}

.header__logo-img--svg {
	opacity: 1;
	visibility: visible !important;
	transition: opacity 0.6s ease-in-out;
	pointer-events: auto;
	/* Optional: blockt Interaktionen */
}

.header__logo-img--svg.visible {
	max-width: 0px;
	opacity: 0;
	visibility: none !important;
	pointer-events: none;
}

.header {
	max-height: 70px;
	background-color: hsla(0, 0%, 100%, 0.75) !important;
	-webkit-box-shadow: 0 4px 10px hsla(0, 0%, 0%, 0.2);
	-moz-box-shadow: 0 4px 10px hsla(0, 0%, 0%, 0.2);
	box-shadow: 0 4px 10px hsla(0, 0%, 0%, 0.2);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

.header__logo-img--svg {
	max-height: 70px;
	margin-top: -50px;
}

ul li {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

@media screen and (max-width: 1024px) {
	.header__inline-menu {
		display: block;
	}
	.header--top-center .header__inline-menu {
		justify-self: center;
	}
	.header--top-center .header__inline-menu > .list-menu--inline {
		justify-content: center;
	}
	.header--middle-left .header__inline-menu {
		margin-left: 0;
	}
}

@media screen and (max-width: 768px) {
	h1 {
    font-size: 24px !important;
  }
}



/*=== Orange Text BOX ===*/

.bluer {
	margin: 2vw 2vw 2vw 2vw;
	text-transform: none;
}

.boxi-orange {
	float: none;
	padding: 2vw;
	position: relative;
	margin: 0 auto 0 auto;
	height: auto;
	
	text-transform: uppercase;
	font-weight: 400 !important;
	font-size: 8vw !important;
	-webkit-background-size: 50vw 55vw;
	background-size: 50vw 55vw;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 1vw;
	background-attachment: scroll;
	-webkit-box-shadow: 0 4px 6px hsla(0, 0%, 0%, 0.2);
	-moz-box-shadow: 0 4px 6px hsla(0, 0%, 0%, 0.2);
	box-shadow: 0 4px 6px hsla(0, 0%, 0%, 0.2);
}

.bild-ziel-orange {
	padding: 2vw 8vw 4vw 10vw;
	height: auto;
	
	background-color: hsl(0, 0%, 100%);
	background-attachment: scroll;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


/*=== Divider BOX ===*/

.divider-brown,
.divider-green,
.divider-blue,
.divider-orange,
.dividery,
.dividerx {
	height: 180px;
	max-height: -180px;
	
	background-position: 100% center;
	background-size: cover;
	z-index: 10;
	margin-top: -180px;
}

.divider-brown {
	background-image: url("/cdn/shop/files/mount-divider-animate-brown.svg?v=1753080946");
}

.divider-green {
	background-image: url("/cdn/shop/files/mount-divider-animate-green.svg?v=1752823056");
}

.divider-blue {
	background-image: url("/cdn/shop/files/mount-divider-animate-blue.svg?v=1752823057");
}

.divider-orange {
	background-image: url("/cdn/shop/files/mount-divider-animate-orange_Kopie.svg?v=1752823056");
}

.dividerx {
	background-image: url("/cdn/shop/files/mount-divider-animate.svg?v=1751349074");
}

.dividery {
	background-image: url("/cdn/shop/files/mount-divider-animate.svg?v=1751349074") !important;
	z-index: 10;
}


/*=== Divider BOX END ===*/

.section.section--padded.section--template--25678293500168__section_image_with_text_overlap_d4Xqtk {
	background-image: url('/cdn/shop/files/Topographic_Vector_Pattern_Color-orange_4.svg?v=1751018693');
	background-size: cover;
	-webkit-background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.section.section--padded.section--template--24811582783752__section_image_with_text_overlap_yq6xEr {
	background-image: url('/cdn/shop/files/Topographic_Vector_Pattern_Color-blue_4.svg?v=1751018820');
	background-size: cover;
	-webkit-background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.section.section--padded.section--template--24723119079688__section_image_with_text_overlap_ipeKCp {
	background-image: url('/cdn/shop/files/Topographic_Vector_Pattern_Color-green_4.svg?v=1751018820');
	background-size: cover;
	-webkit-background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.section.section--multi-column.section--template--25679732703496__section_multi_column_icons_eqQR4x {
	background-image: url('/cdn/shop/files/Puls-Muster_2_blau_38ca0dbe-7680-4861-b09e-28da6ecea66e.svg?v=1753171128');
	background-size: cover;
	-webkit-background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.image-with-text__box--left {
	box-shadow: 0px 4px 12px hsla(0, 0%, 0%, 0.2) !important;
	overflow: visible !important;
	border-radius: 1vw !important;
	z-index: 2 !important;
}

.u-flex--middle:before {
	align-items: center;
	border-radius: 1vw !important;
}







/* Blog */

.blog__details {
	background-color: hsla(0, 0%, 100%, 0.8) !important;

border-radius: 0 0 0.5vw 0.5vw !important;

	
	padding: 2vw 2vw !important;
	position: relative;
	border-color: var(--color--text-lightest);
	-webkit-box-shadow: 0 4px 6px hsla(0, 0%, 0%, 0.2);
	-moz-box-shadow: 0 4px 6px hsla(0, 0%, 0%, 0.2);
	box-shadow: 0 4px 6px hsla(0, 0%, 0%, 0.2);
}

.blog__details /*,
.home-delivery.u-flex.u-flex--middle.u-flex--center.js-animate-single.js-animation-done:nth-child(3)*/ {
	 width: auto !important;
	overflow: hidden;
}

.blog__details a {
	
}

#shopify-section-template--27118539899144__section_blog_kNVQa6 .blog__title {
    
    line-height: 1.3em !important;
    
    font-size: 20px !important;
}

.label--brand .label__text {
  background-color: var(--color--brand) !important;
    color: #FFFFFF !important;
}

.article-paginate__link {
  background-color: var(--color--brand) !important;
    color: #ffffff !important;
}

div.blog__media {
    
    border-radius: 20px 20px 0 0 !important;
    box-shadow: 0px 4px 10px hsla(0,0%,0%,0.2);
    -webkit-box-shadow: 0px 4px 10px hsla(0,0%,0%,0.2);
}

.blog__text-link {
  padding: 4px 10px 4px 10px;
  background-color: hsl(206, 49%, 45%);
  color: #FFFFFF;
  margin: 20px auto 0 auto !important;
  /*left: calc(50% - 70px);*/
  position: relative;
  float: none;
  max-width:60%;
  border-radius: 10px;
  box-shadow: 0px 4px 10px hsla(0,0%,0%,0.2);
    -webkit-box-shadow: 0px 4px 10px hsla(0,0%,0%,0.2);
    text-decoration: none !important;

    -webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;    
transition: all .3s ease-in-out;
}

.blog__text-link:hover {
  transform: scale(1.1);
  background-color:hsl(212, 100.00%, 94.70%);
  color: hsl(206, 49%, 45%);
}


.container.container--p-0 {
	margin-top: -60px;
}

/#shopify-section-template--24723118981384__section_blog_ymXMxr {
	background-image: url('/cdn/shop/files/Topographic_Vector_Pattern_Color_4.svg?v=1751009242');
	background-size: cover;
	-webkit-background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#shopify-section-template--24723118981384__section_blog_ymXMxr::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url('https://deine-domain.de/pfad-zum-bild.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.2;
	z-index: 0;
}

#shopify-section-template--24723118981384__section_blog_ymXMxr > * {
	position: relative;
	z-index: 1;
}


/*=== Home CSS by MyByte-Media ===*/



.markus {
	z-index: 22;
	clear: both;
	position: relative;
	margin: 0 0 -1vw 0;
	width: 100%;
	height: 10vw;
	background-image: url("/cdn/shop/files/markus-01.svg?v=1750927701");
	background-size: contain;
	background-attachment: scroll;
	background-repeat: no-repeat no-repeat;
	background-position: left;
}

.altitude {
	position: relative;
	float: right;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-top: 0vw;
	margin-right: 5vw;
	background-image: url("/cdn/shop/files/Altitude_Training_Systems_R_neu.png?v=1773936602");
	height: 10vw;
	width: 20vw;
	z-index: 6 !important;
	-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 6px 4px);
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 6px 4px);
	-webkit-animation: rotate-in-center 1.9s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: rotate-in-center 1.9s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.wimpel {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none !important;
	z-index: 6;
	background-image: url("/cdn/shop/files/header-original-wimpel.png?v=1751439284");
	background-attachment: scroll;
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
	margin-left: 0px;
}

.cloud-c,
.cloud-d {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none !important;
	background-attachment: scroll;
	background-size: 50%;
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: -5vw;
}

.cloud-b,
.cloud-a {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none !important;
	background-attachment: scroll;
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: -5vw;
}

.cloud-a {
	z-index: 1;
	margin-top: 12vw;
	background-image: url("/cdn/shop/files/superclouds2.png?v=1751444881");
	animation: cloud_a1 30s linear infinite;
}

.cloud-b {
	z-index: 1;
	margin-top: 12vw;
	background-image: url("/cdn/shop/files/superclouds2.png?v=1751444881");
	animation: cloud_a2 30s linear infinite;
}

@keyframes cloud_a1 {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(100%);
	}
}

@keyframes cloud_a2 {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0%);
	}
}

.cloud-c {
	z-index: 0;
	margin-top: -5vw;
	background-image: url("/cdn/shop/files/clouds-two.png?v=1751520794");
	animation: cloud_a1 20s linear infinite;
}

.cloud-d {
	z-index: 0;
	margin-top: -5vw;
	background-image: url("/cdn/shop/files/clouds-two.png?v=1751520794");
	animation: cloud_a2 20s linear infinite;
}

.headlin,
.textblocks,
.mytext {
	font-family: "Saira", sans-serif;
	color: #444 !important;
}

.mytext {
	columns: 3;
	column-gap: 3vmin;
	text-align: left;
	font-size: 16px !important;
	line-height: 1.6vmin;
	font-weight: 300;
	letter-spacing: -0.02em;
	text-align-last: left;
	word-spacing: 0.1em;
	
	-webkit-hyphenate-limit-chars: auto 3 !important;
	-moz-hyphenate-limit-chars: auto 3 !important;
	-o-hyphenate-limit-chars: auto 3 !important;
	margin: 0;
}

.textblocks {
	padding: 0px 3vw 2vw 3vw;
	max-width: 1100px;
	margin: 0vw auto 3vw auto;
}







@media only screen and (max-width: 992px) {
	.mytext {
		columns: 2;
	}
  .secondary-nav__link {
    z-index: 999999999 !important;
  }
}

@media only screen and (max-width: 768px) {
	.mytext {
		columns: 2;
	}
}

@media only screen and (max-width: 576px) {
	.unterschrift {
		margin-top: 0vw !important;
		margin-left: -1.0vw !important;
		z-index: 2;
		height: 8.3vw !important;
		background-attachment: scroll;
		background-position: -2vw;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.altitude {
		height: 14vw;
		width: 24vw;
		z-index: 6 !important;
		margin-top: 6vmin
	}
	.abstand {
		height: 13vw;
		pointer-events: none;
	}
	.slogan {
		margin-top: 4.5vmin
	}
	.slogan h3 {
		font-size: 2vw !important;
		height: 4vw;
		width: 50vw;
	}
	
	.wimpel {
		margin-top: 0px;
		margin-left: -5vw;
	}
	.mytext {
		columns: 1;
		font-size: 16px !important;
		text-align: left;
	}
	
	
	
}

@media only screen and (max-width: 390px) {
	.mytext {
		columns: 1;
		font-size: 16px !important;
		text-align: left;
	}
}

.product-card-btn {
	border: none !important;
	color: #444 !important;
	font-weight: 400;
	background-color: #fff;
}

.product-card-btn:hover {
	color: #444;
	font-weight: 400;
	background-color: #ffffff !important;
}

@-webkit-keyframes scale-in-center {
	0% {
		-webkit-transform: scale(0) rotate(0deg);
		transform: scale(0) rotate(0deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1) rotate(-8deg);
		transform: scale(1) rotate(-8deg);
		opacity: 1;
	}
}

@keyframes scale-in-center {
	0% {
		-webkit-transform: scale(0) rotate(0deg);
		transform: scale(0) rotate(0deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1) rotate(-8deg);
		transform: scale(1) rotate(-8deg);
		opacity: 1;
	}
}

.flex-container-b {
	display: block;
	position: relative;
	background-attachment: scroll;
	background-position: 70% 80%;
	background-size: cover;
}



.flex-container-b {
	padding: 2vw;
  margin-bottom: 64px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.gridbox-b {
	align-items: flex-start;
}

.gridbox {
	align-items: flex-start;
	position: relative;
}

.columnbox {
	width: 30.1%;
	min-width: 30.1%;
	flex-direction: column;
	display: inline-flex;
	justify-content: space-between !important;
}

.gridtext {
	font-family: "Saira", sans-serif;
	color: #222222;
	line-height: 2vw;
	font-size: 16px !important;
	font-weight: 300;
	margin-top: 2vw;
	width: 100%;
	text-align: center !important;
}

.gridbox-b,
.gridbox {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: stretch;
	width: 100%;
  max-width: 100%;
	gap: 2.5vw;
  box-sizing: border-box;
	justify-content: space-between !important;
}

.gridbox {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: stretch;
	width: auto;
	justify-content: space-between !important;
}

.gridbox {
	gap: 0.5vw;
	height: 13.5vw;
	padding: 0vw 0vw 0vw 0vw;
}

.gridbox-b {
	gap: 2.5vw;
	height: 30w;
	padding: 0w 0vw 0vw 0vw;
}

.subline-b,
.subline {

	display: block;
	width: 100%;
	font-family: "Saira", sans-serif;
	font-optical-sizing: auto;
	
	
	font-weight: 700;
	font-style: normal;
}

.subline {
	color: #ffffff;
	margin-left: 0vw;
}

.subline-b {
  width:100% !important;
  text-align: center;
	margin: 8vw auto 0 auto;
	color: #444444;
	margin-left: 0vw;
}

.subline-c {
	margin-left: 0vw;
	text-align: center;
	width: 100%;
	color: #ffffff;
	font-weight: 500;
	font-size: 3vw;
	font-family: "Saira", sans-serif;
	position: absolute;
	top: auto;
	bottom: -6.1vw;
	z-index: 2;
}

.item1 {
	max-width: 14.4vw;
	min-width: 14.4vw;
	width: 14.4vw;
	background-color: hsla(0, 0%, 100%, 0.2);
	border: 0.15vw solid hsla(0, 0%, 100%, 0.5);
	background-image: url("/cdn/shop/files/Fitness.png?v=1775667534");
	-webkit-animation: rotate-in-center 1.9s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: rotate-in-center 1.9s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.item1-b {
	background-color: hsla(32, 86%, 64%, 0.1);
	border-bottom: 6vw solid hsla(32, 86%, 54%, 1);
	background-image: url("/cdn/shop/files/20250115_Hoehenvorbereitung_Markus_Goebel_by_Daniel-Hug_00330-2.jpg?v=1749719188");
}

.item1:hover {
	background-color: hsla(0, 0%, 100%, 0.35);
	border: 0.15vw solid hsla(0, 0%, 100%, 0.75);
	background-image: url("/cdn/shop/files/Fitness_weiss_15bfb7ba-f7dc-45d2-b394-48548ec38c6b.png?v=1775667534");
}

.item2 {
	max-width: 29.6vw;
	min-width: 29.6vw;
	width: 29.6vw;
	background-color: hsla(0, 0%, 100%, 0.2);
	border: 0.15vw solid hsla(0, 0%, 100%, 0.5);
	background-image: url("/cdn/shop/files/Leistungssport.png?v=1775667534");
	-webkit-animation: rotate-in-center 1.9s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: rotate-in-center 1.9s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.item2-b {
	background-color: hsla(77, 58%, 57%, 0.1);
	border-bottom: 6vw solid hsla(77, 58%, 47%, 1);
	background-image: url("/cdn/shop/files/20250115_Hoehenvorbereitung_Markus_Goebel_by_Daniel-Hug_00442-2.jpg?v=1749719187");
}

.item1-b:hover,
.item2-b:hover,
.item3-b:hover {
	border-bottom: 6vw solid hsla(77, 58%, 100%, 1);
}

.item1-b:hover .subline-c,
.item2-b:hover .subline-c,
.item3-b:hover .subline-c {
	color: #444444;
}

.item2:hover {
	background-color: hsla(0, 0%, 100%, 0.35);
	border: 0.15vw solid hsla(0, 0%, 100%, 0.75);
	background-image: url("/cdn/shop/files/Leistungssport_weiss_54fa1252-165c-460a-a734-76ff61fdc1a4.png?v=1775667534");
}

.item3 {
	max-width: 20.0vw;
	min-width: 20.0vw;
	width: 20.0vw;
	background-color: hsla(0, 0%, 100%, 0.2);
	border: 0.15vw solid hsla(207, 90%, 100%, 0.5);
	background-image: url("/cdn/shop/files/Bergsport-transparent.png?v=1775667535");
	-webkit-animation: rotate-in-center 1.9s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: rotate-in-center 1.9s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.item4 {
	max-width: 22vw;
	min-width: 22vw;
	width: 22vw;
	background-color: hsla(0, 0%, 100%, 0.2);
	border: 0.15vw solid hsla(0, 0%, 100%, 0.5);
	background-image: url("/cdn/shop/files/logo-header-one.svg?v=1751369774");
	-webkit-animation: rotate-in-center 1.9s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: rotate-in-center 1.9s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.item3-b {
	background-color: hsla(207, 90%, 44%, 0.1);
	border-bottom: 6vw solid hsla(207, 90%, 34%, 1);
	background-image: url("/cdn/shop/files/Standart-Zelt-4000-Hoehentrainingsvorbereitung.jpg?v=1759312445");
}

.item3:hover {
	background-color: hsla(0, 0%, 100%, 0.35);
	border: 0.15vw solid hsla(207, 90%, 100%, 0.75);
	background-image: url("/cdn/shop/files/Bergsport_weiss_4d0473c2-d121-45e3-aab7-8a659bd65126.png?v=1775667534");
}

.item4:hover {
	background-color: hsla(0, 0%, 100%, 0.35);
	border: 0.15vw solid hsla(0, 0%, 100%, 0.75);
	background-image: url("/cdn/shop/files/logo-header-one-hover.svg?v=1751373293");
}

.item1,
.item2,
.item3,
.item4 {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	border-radius: 1vw;
	flex-grow: 1;
	max-height: 200px;
	height: 13vw;
	cursor: pointer;
	background-size: contain;
	background-attachment: scroll;
	background-repeat: no-repeat no-repeat;
	background-position: center;
	-webkit-transition: height 0.3s ease-in-out, background-size 0.4s ease-in-out;
	-moz-transition: height 0.3s ease-in-out, background-size 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out, background-size 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out, background-size 0.3s ease-in-out;
	transition: height 0.3s ease-in-out, background-size 0.3s ease-in-out;
	-webkit-backdrop-filter: blur(0.5vw);
	backdrop-filter: blur(0.5vw);
}

.item4 {
	width: 10vw;
}

.item1 {
	width: 14.4vw;
}

.item2 {
	width: 29.6vw;
}

.item3 {
	width: 20.0vw;
}

.item1-b,
.item1-bx,
.item2-b,
.item2-bx,
.item3-b {
  min-width: 25vw;
	border-radius: 1vw;
	flex-grow: 0;
	min-height: 30vw;
	height: 35vw;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat no-repeat;
	background-position: center center;
	-webkit-transition: height 0.3s ease-in-out, background-size 0.4s ease-in-out;
	-moz-transition: height 0.3s ease-in-out, background-size 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out, background-size 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out, background-size 0.3s ease-in-out;
	transition: height 0.3s ease-in-out, background-size 0.3s ease-in-out;
	-webkit-backdrop-filter: blur(0vw);
	backdrop-filter: blur(0vw);
	-webkit-box-shadow: 0 4px 6px hsla(0, 0%, 0%, 0.2);
	-moz-box-shadow: 0 4px 6px hsla(0, 0%, 0%, 0.2);
	box-shadow: 0 4px 6px hsla(0, 0%, 0%, 0.2);
}

.item1:hover,
.item2:hover,
.item3:hover,
.item4:hover {
	-webkit-backdrop-filter: blur(1.1vw);
	backdrop-filter: blur(1.1vw);
	-webkit-transition: backdrop-filter 0.5s ease-in-out;
	-moz-transition: backdrop-filter 0.5s ease-in-out;
	-ms-transition: backdrop-filter 0.5s ease-in-out;
	-o-transition: backdrop-filter 0.5s ease-in-out;
	transition: backdrop-filter 0.5s ease-in-out;
}

@-webkit-keyframes rotate-in-center {
	0% {
		-webkit-transform: scale(0) rotate(0deg);
		transform: scale(0) rotate(0deg);
		opacity: 1;
	}
	30% {
		-webkit-transform: scale(1) rotate(-8deg);
		transform: scale(1) rotate(-8deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
		opacity: 1;
	}
}

@keyframes rotate-in-center {
	0% {
		-webkit-transform: scale(0) rotate(0deg);
		transform: scale(0) rotate(0deg);
		opacity: 1;
	}
	30% {
		-webkit-transform: scale(1) rotate(-8deg);
		transform: scale(1) rotate(-8deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
		opacity: 1;
	}
}


/*============ Höhenflüge CSS by MyByte-Media ===================*/

.redspan {
	color: #FF0000;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.redspan:hover {
	color: #FFFF00;
	font-size: 32px;
}

.unsere-h3 {
	font-family: inherit;
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	line-height: 50px;
	color: #999999 !important;
}

li {
	font-size: 1.6vw !important;
}

p {
	text-align: center;
	font-size: 16px !important;
	line-height: 1.5em !important;
	font-weight: 300 !important;
	letter-spacing: -0.02em !important;
	text-justify: distribute;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3 !important;
	-moz-hyphenate-limit-chars: auto 3 !important;
	-o-hyphenate-limit-chars: auto 3 !important;
	margin: 0;
}

.textbox {
	border-radius: 1vw;
	border: 1px solid #262626;
	box-shadow: 0 4px 10px hsla(0, 0%, 0%, 0.2);
	width: 50%;
	background-color: #222222;
	padding: 3vw 6vw 4vw 6vw;
	margin: 0 0 5vw 0vw;
	position: relative;
	margin-top: -160px;
	z-index: 2;
}


/* ========== End ============ */