/* Armin Bonelli – Die Macht der Marken 2023 */

/* Include Fonts */


@font-face {
  font-family: 'Brandon';
  src: url('../fonts/brandon/Brandon-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
  font-family: 'Brandon';
  src: url('../fonts/brandon/Brandon-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
  font-family: 'Brandon';
  src: url('../fonts/brandon/Brandon-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
  font-family: 'Brandon';
  src: url('../fonts/brandon/Brandon-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}
@font-face {
  font-family: 'Brandon';
  src: url('../fonts/brandon/Brandon-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}

@font-face {
  font-family: 'Garamond';
  src: url('../fonts/garamond/Garamond-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
  font-family: 'Garamond';
  src: url('../fonts/garamond/Garamond-Italic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}




/* Style Definitions */

@media only screen and (min-width: 700px) {
	:root {	--base-font-size: 22px; --h1-font-size: 2.5em; }
}
@media only screen and (max-width: 700px) {
	:root {	--base-font-size: 20px; --h1-font-size: 2.2em; }
}

:root {	
	--font-family: 'Brandon', sans-serif;
	--heading-font-family: 'Brandon', sans-serif;
	--base-font-weight: 400;
	--base-line-height: 1.6;
	
	/* --h1-font-size: 2.5rem; */
	--h1-line-height: 1.25;
	--h1-font-weight: 500;
	--h2-font-size: 2.0rem;
	--h2-line-height: 1.25;
	--h2-font-weight: 500; /* geändert */
	--h3-font-size: 1.6rem;
	--h3-line-height: 1.25;
	--h3-font-weight: 500; /* geändert */
	--h4-font-size: 1.3rem;
	--h4-line-height: 1.25;
	--h4-font-weight: 500; /* geändert */
	--h5-font-size: 1rem;
	--h5-line-height: 1.25;
	--h5-font-weight: 500; /* geändert */
	--h6-font-size: 1.1rem;
	--h6-line-height: 1.25;
	--h6-font-weight: 500; /* geändert */
	
	/* Lines and Boders */
	--border-width: 1.5px; /* for <hr> and UK Buttons, Underline, Nav and Burger Icon Lines */
	--underline-stroke: 1.5px;
	
	/* Cards */
	--cards-gap: 2rem;
	--cards-radius: 6px; /* geändert */
	--button-radius: 2px; /* geändert */
	
	/*Colors */
	--color-page-text: #222460;
	--color-page-bg: #FFFFFF;
	--color-page-border: #000000;
	--color-navbar-text: #777777; /* #7F7D7A; */
	--color-navbar-bg: #F3F2F1;
	--color-nav-mobile-bg: #F3F2F1;
	--color-navbar-border: #000000;
	--color-code-bg: #F3F2F1;
	--color-card-text: #0D2950;
	--color-card-bg: #FFFFFF;
	--color-card-border: #FFFFFF;
	--color-navbar-text-hero: rgba(255,255,255,0.6); /* inverted nav color for BG image */
	/* --color-link: #44BBFF; /* #4499BB; */
	--color-link:  #6AE; /* #66A2CC; /* #07D; */
	--color-error: #EB003C;
	--color-success: #88BB11;
	
	/* Gaps and Margins */
	--am-flex-min-block-width: 260px; /* Nicht ändern! Bei mehr Breite keine 4 x 1/4 Blocks möglich */
	--am-block-max-width: 1000px;
	--am-container-padding: 1.75rem;
	--am-block-margin-top: 1.5em;
	
	/* Navigation */
	--logo-width: 240px;
	--logo-font-size: 1.25em;
	--logo-padding-top: 18px;
	--navbar-toggle-weight: var(--border-width);
	
	/* Footer */
	--color-footer-background: transparent;
	--color-footer-border: #DDD;
	--color-footer-text:  var(--color-page-text);
	--color-footer-social: var(--color-page-text);
	
	/* Forms */
  --am-input-margin: 0.5rem 0;
  --am-input-padding: 0.2rem 0.6rem;
  --am-input-color: var(--color-page-text);
  --am-input-placeholder-color: rgba(255,255,255,0.5);
  --am-input-background: rgba(255,255,255,0.2);
  --am-input-border-radius: 6px;
  --am-input-border: none;
  --am-input-hover-color: var(--am-input-color);
  --am-input-hover-background: rgba(255,255,255,0.3);
  --am-input-hover-border: none;
  --am-input-focus-color: var(--am-input-color);
  --am-input-focus-background: rgba(255,255,255,0.3);
  --am-input-focus-border: none;

	/* Buttons */
  --am-button-margin: 0.5rem;
  --am-button-padding-vertical: 0.7rem;
  --am-button-padding-horizontal: 1.2rem; /* 1rem; */
  --am-button-font-size: 16px;
  --am-button-lineheight: 1.6;
  --am-button-border-radius: 6px; /*40px; /* 0.4rem; */
  --am-button-color: white; /* #553300; */
  --am-button-background: #4CB2FF; /* rgba(255,163,0,1); */
  --am-button-border-width: 0;
  --am-button-border-color: none;
  --am-button-hover-color: #4CB2FF; /* #FEA300; */
  --am-button-hover-background: white;
  --am-button-hover-border-color: none;

	/* Gallery */
  --am-gallery-gap: 2px;
  --am-gallery-item-width: 200px;
  --am-gallery-z-index: 9999;
  --am-gallery-max-height: 100%;
  --am-gallery-max-width: 100%;
  --am-gallery-background: rgba(0, 0, 0, 0.2);
  --am-gallery-controls-color: #FFFFFF;
  --am-gallery-controls-background: rgba(0, 0, 0, 0.1);
  --am-slider-controls-color: #FFFFFF;
  --am-slider-controls-background: rgba(0, 0, 0, 0.1);
	
}


/* Specials 

am-img.am-block {
	margin-bottom: 3rem !important;
}

*/

/* Buttons */

.am-button { background: #FFF000; color: #222460; box-shadow: 4px 4px 0 2px #222460; transition: all 0.2s; }
.am-button:hover { background: #FFF000; color: #222460; box-shadow: 0px 0px 0 0px transparent; margin: 6px 0 0 6px; transition: all 0.2s; }
.am-button.blue { background: #222460; color: #FFF; box-shadow: none; border-radius: 6px; transition: all 0.2s; /* font-size: 60%; */  margin: 0; padding: 0.3rem 0.8rem; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15); }
.am-button.blue { text-transform: none !important; letter-spacing: 0.01em; font-size: 0.8em; font-weight: 400 !important; background-color: var(--color-link); }
.am-button.blue:hover { /* background: #FFF000; color: #222460;*/ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); margin-top: 1px; }
am-buttons.am-block:has(.blue) { margin-top: 0 !important; }
am-buttons { height: 70px; }
form { height: 400px; }

.am-button.yellow { background: #FFF000; color: #222460; box-shadow: none; border-radius: 0.375em;  transition: all 0.3s; font-size: 20px; padding: 0.5rem 1rem; margin: 0; letter-spacing: 0.1px; text-transform: none !important; font-weight: 500 !important;
}
.am-button.yellow:active {
  transform: translateY(2px);
}
.am-button.yellow {
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.15), 
              0 1px 3px hsla(250, 84%, 38%, 0.25), 
              0 2px 6px hsla(250, 84%, 38%, 0.1), 
              0 6px 10px -2px hsla(250, 84%, 38%, 0.25);
}

.am-button.yellow:hover {
transform: translateY(1px);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.15), 
              0 1px 2px hsla(250, 84%, 38%, 0.25), 
              0 1px 4px hsla(250, 84%, 38%, 0.1), 
              0 3px 6px -2px hsla(250, 84%, 38%, 0.25);
		  }


/* Logo and Navigation */


html.am-scrolled .navbar.sticky { box-shadow: 0px 0px 20px rgba(0,0,0,0.1); }

.am-scrolled-secondary .uk-navbar-nav>li.uk-active, .am-scrolled-secondary .uk-navbar-nav>li:hover {
	border-bottom: none !important;
	background: none !important;
}


/* a#toggle-icon { display: none; } */

.navbar-toggle {
	margin-top: -4px;
}

@media only screen and (min-width: 1020px) {
	.navbar-toggle {
		display: none;
	}
}

.uk-navbar-nav>li>a {
	font-size: 22px !important;
	height: 65px;
	line-height: 65px;
	font-weight: 400;
}

html.am-scrolled .uk-navbar-nav>li>a:hover { 
	color: #444 !important; 
}

@media (min-width: 1250px) {
	.uk-navbar-nav>li>a {
		height: 3rem;
		line-height: 3rem;
	}
}

.navbar a.uk-navbar-brand {
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: 500;
	font-size: 18px;
}

.uk-navbar-nav>li.uk-active, .uk-navbar-nav>li:hover {
	background: none;
	border-bottom: none;
	transition: all 0.3s;
}
.am-scrolled .navbar {
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}


.uk-navbar-nav>li:hover a {

}

.am-scrolled .navbar {
	background-color: rgba(243,242,241,0.9) !important;
	xfilter: blur(3px) !important;
}


/*
.logotype { color: #B2BDC9; }

 Desktop
@media only screen and (min-width: 700px) {
	.logotype {
		font-size: 16px;
		font-weight: 500;
	}
}
/* Mobile
@media only screen and (max-width: 700px) {
	.logotype {
		font-size: 14px;
		font-weight: 500;
	}
}


.uk-navbar-nav>li.uk-active, .uk-navbar-nav>li:hover {
	background: rgba(123,140,161,0.05);
}

.navbar-toggle span {
	height: 1.5px;
}

.navbar-toggle span:nth-child(1) {
	top: calc(50% - 8px);
	width: 1.5rem;
}

.navbar-toggle span:nth-child(3) {
	width: 1.5rem;
	top: calc(50% + 2px);
}

.navbar-toggle.uk-active span:nth-child(3) {
	transform: translateY(-.35rem) 
	rotate(-45deg);
}

/* Hide Burger Icon on Desktop 
@media only screen and (min-width: 1020px) {
	.navbar-toggle {
		display: none;
	}
}

.uk-navbar-nav>li>a {
	font-weight: 300;
}

.uk-nav-side>li>a {
	color: var(--color-page-text) !important;
	font-weight: 300;
}


/* Disable Mobile Subnav  
.uk-nav.uk-nav-side .uk-nav {
	display: none;
}
*/




/* Hero */


/* Mobile */
@media only screen and (max-width: 700px) {
	.navbar-transparent+.hero { margin-top: -5rem; }
	.navbar { height: 60px; }
	.start-hero { background-image: url('/pages/hero-mobile.jpg'); background-position: 50% 50%; }
	.fullheight, .fullheight am-stretched, .fullheight am-section, .fullheight am-img { height: 95vh !important; }
	.fullheight .hero-title { padding-top: 100px;}
	.hero-title { width: 100%; margin-left: 0; }
	.hero-title h2 { padding-top: 10px; }
	.hero-title h2, .hero-title h3 { font-size: 60px; }
	.introduction h3 { font-size: 63px; }
	.hero-title h4 { font-size: 24px; }
	.hero-title p { font-size: 18px; margin-top: 5px; }
	.testimonials { padding-top: 3rem; padding-bottom: 6rem; }
	blockquote { font-size: 40px !important; }
	figcaption { font-size: 0.8em; }
	.slogan { padding: 6rem 0 8rem 0; }
	.slogan blockquote { font-size: 32px !important; padding: 0 30px; }
	.introduction { padding-top: 5rem; padding-bottom: 6rem; }
	.introduction h4 { /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2); */ }
	.topics { padding: 5rem 0; }
	.topics h2 { text-align: center; }
	.about { padding-top: 3rem; padding-bottom: 18rem; background-size: 200%; background-position: 25% bottom; }
	.contact { padding-top: 4rem; padding-bottom: 7rem; }
	.contact button { margin: auto; }
	.lang-switch { display: none; }
	.lang-switch-mobile { position: absolute; margin-top: 42px !important; top: 0; right: -8px; float: right; width: 38px; }
	.lang-switch-mobile .am-button { font-size: 12px; padding:3px 6px; border-radius: 3px; letter-spacing: 0.1em; }
	.desktop-only { display: none; }
}

/* Tablet */
@media only screen and (min-width: 700px) and (max-width: 1019px) {
	.navbar { height: 65px; }
	.fullheight .hero-title { padding-top: 15vh; }
	.start-hero { background-image: url('/pages/hero.jpg'); background-position: 35% top; }
	.hero-title { width: 500px; margin-left: 0; padding-top: 25vh !important; }
	.hero-title h2 { padding-top: 3vh; }
	.hero-title h2, .hero-title h3, .introduction h3 { font-size: 100px; }
	.hero-title h4, .introduction h4 { font-size: 32px; }
	.hero-title p { font-size: 25px; margin-top: 20px; }
	.testimonials { padding-top: 7rem; padding-bottom: 11rem; }
	blockquote { font-size: 45px !important; }
	figcaption { font-size: 0.8em; }
	.introduction { padding-top: 7rem; padding-bottom: 9rem; background-image: url('/pages/bg-logos.png'); background-size: 95%; background-position: 50% 150px; background-repeat: no-repeat; }
	.introduction h3 { margin-bottom: 5rem !important; }
	.slogan { padding: 10rem 0 10rem 0; }
	.slogan blockquote { font-size: 50px !important; padding: 0 5%; }
	.topics { padding-top: 7rem; padding-bottom: 7rem; }
	.about { padding-top: 6rem; padding-bottom: 18rem; background-size: 200%; background-position: 25% bottom; }
	.about p { line-height: 1.25 !important; }
	.contact { padding-top: 7rem; padding-bottom: 7rem; }
	.contact am-flex>am-1-3 { flex-basis: 50% !important; }
	#tag-adidas { position: absolute; top: -300px; left: 50px; width: 90px; }
	#tag-lv { position: absolute; top: -300px; left: 135px; width: 108px; }
	#tag-nike { position: absolute; top: -300px; left: 230px; width: 90px; }
	#tag-apple { position: absolute; top: -300px; left: 325px; width: 104px; }
	#tag-audi { position: absolute; top: -300px; left: 420px; width: 97px; }
	#rating { position: absolute; top: 40px; right: 5%; width: 185px; }
	.lang-switch { display: none; }
	.lang-switch-mobile { display: none; }
}

/* Desktop */
@media only screen and (min-width: 1020px) and (max-width: 1500px) { /* 1590 */
	.navbar { height: 65px; }
	.uk-navbar-brand { p/* adding-top: 40px; /* width: 320px; margin-left: 1vw; */ }
	/* .fullheight .hero-title { padding-top: 15vh; } */
	.start-hero { background-image: url('/pages/hero.jpg'); background-position-x: 0%; }
	.hero-title { width: 650px; margin-left: 0; }
	.hero-title h2 { font-size: 120px !important; line-height: 1; padding-top: 3vh;  }
	.introduction h3 { font-size: 80px; }
	.hero-title h4, .introduction h4 { font-size: 32px; }
	.hero-title p { font-size: 25px; margin-top: 20px; }
	.testimonials { padding-top: 7rem; padding-bottom: 11rem; }
	blockquote { font-size: 45px !important; }
	figcaption { font-size: 0.8em; }
	.introduction { padding-top: 7rem; padding-bottom: 9rem; background-image: url('/pages/bg-logos.png'); background-size: 80%; background-position: 50% 120px; background-repeat: no-repeat; }
	.introduction h3 { margin-bottom: 5rem !important; }
	.slogan { padding: 10rem 0 10rem 0; }
	.slogan blockquote { font-size: 50px !important; padding: 0 5%; }
	.topics { padding-top: 7rem; padding-bottom: 7rem; }
	.about { padding-top: 7rem; padding-bottom: 7rem; background-size: 90%; background-position: 35vw 10vh; }
	.contact { padding-top: 7rem; padding-bottom: 7rem; }
	#tag-adidas { position: absolute; top: -300px; left: 100px; width: 101px; }
	#tag-lv { position: absolute; top: -300px; left: 200px; width: 120px; }
	#tag-nike { position: absolute; top: -300px; left: 310px; width: 101px; }
	#tag-apple { position: absolute; top: -300px; left: 430px; width: 115px; }
	#tag-audi { position: absolute; top: -300px; left: 570px; width: 108px; }
	#rating { position: absolute; top: 40px; right: 5%; width: 185px; }
	.lang-switch-mobile { display: none; }
	/* Blog */
	.card { height: 470px !important; grid-row-end: span 8 !important; }
	.uk-panel-box>.uk-panel-teaser { height: 200px !important; } /* vorher 220 */
	.cards.masonry-applied .card-content>.panel-body { height: 200px !important; } /* vorher 220 */
}

/* Large Desktop */
@media only screen and (min-width: 1500px) { /* 1590 */
	.navbar { height: 65px; }
	.uk-navbar-brand { /*padding-top: 50px;*/ width: 320px; margin-left: 1vw; }
	.fullheight .hero-title { padding-top: 20vh; }
	.start-hero { background-image: url('/pages/hero.jpg'); background-position-x: 0%; }
	.hero-title { width: 700px; margin-left: 10vh; }
	.hero-title h2 { padding-top: 3vh; }
	.hero-title h2, .hero-title h3, .introduction h3 { font-size: 150px; }
	.hero-title h4, .introduction h4 { font-size: 40px; }
	.hero-title p { font-size: 32px; margin-top: 20px; }
	.testimonials { padding-top: 7rem; padding-bottom: 11rem; }
	blockquote { font-size: 45px !important; }
	figcaption { font-size: 0.8em; }
	.introduction { padding-top: 7rem; padding-bottom: 9rem; background-image: url('/pages/bg-logos.png'); background-size: 80%; background-position: 50% 120px; background-repeat: no-repeat; }
	.introduction h3 { font-size: 100px; margin-bottom: 5rem !important; }
	.slogan { padding: 16rem 0 16rem 0; }
	.slogan blockquote { font-size: 60px !important; padding: 0 5%; }
	.topics { padding-top: 7rem; padding-bottom: 7rem; }
	.about { padding-top: 7rem; padding-bottom: 7rem; background-size: 90%; background-position: 35vw 10vh; }
	.contact { padding-top: 7rem; padding-bottom: 7rem; }
	#tag-adidas { position: absolute; top: -300px; left: 120px; width: 111px; }
	#tag-lv { position: absolute; top: -300px; left: 230px; width: 132px; }
	#tag-nike { position: absolute; top: -300px; left: 350px; width: 111px; }
	#tag-apple { position: absolute; top: -300px; left: 490px; width: 127px; }
	#tag-audi { position: absolute; top: -300px; left: 630px; width: 109px; }
	#rating { position: absolute; top: 40px; right: 5%; width: 250px; }
	.uk-container { max-width: none !important; }
	.lang-switch-mobile { display: none; }
}

.hero-title h2 { background: linear-gradient(180deg, rgba(254,102,0,1) 0%, rgba(15,23,25,1) 100%); }
.hero-title h2 { background: linear-gradient(180deg, color(display-p3 1 0.4 0) 0%, rgba(15,23,25,1) 100%); }
.hero-title h2 { background: linear-gradient(color(display-p3 0.9 0 0) 0%, rgb(200, 180, 0) 100%); }


.header-overlay {
  position: absolute;
  top: 0; left: -50px;
  width: 110vw; height: 100vh;
  background: #304951;
  opacity: 0;
	z-index: -1;
}

.hero-title h2, .hero-title h3 {
	/* color: white !important; */
	text-transform: uppercase !important;
	font-weight: 900 !important;
	text-align: center;
	line-height: 0.9 !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	/* text-shadow: 0px 0px 10px rgba(49,72,82,0.5); */
	background-size: 100%;
	background-clip: text;
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.hero-title h4 {
	color: #FF6600 !important; /* #FFA300 !important; */
	color: color(display-p3 1 0.4 0) !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	letter-spacing: 0.2em;
	text-align: center;
	line-height: 1.3 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	text-shadow: 0px 0px 10px rgba(49,72,82,0.5);
}

.hero-title p {
	color: #A4B7BF !important;
	font-weight: 500 !important;
	text-align: center;
	line-height: 1.4 !important;
	text-shadow: 0px 0px 10px rgba(49,72,82,0.3);
}

.lang-switch .am-button { 
	text-align: center; 
	font-size:12px;
	padding:8px 14px; 
	z-index: 99;
}




/* Forms 

.am-input { background: rgba(255,255,255,0.15); transition: all 0.3s; }
.am-input:hover, .am-input:focus { background: rgba(255,255,255,0.25); transition: all 0.3s; }
.disclaimer a, ::placeholder { color: #B3D1E6 !important; }
.disclaimer a:hover { text-decoration: underline; }
*/

textarea.am-input {
  resize: none;
}


/* Hero Scroll Down */
@media only screen and (max-width: 700px) {
	.hero am-buttons { display: none; }
	.scroll-down-link { height: 40px; width: 40px; }
	.scroll-down-arrow {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWNhcDpzcXVhcmU7c3Ryb2tlLW1pdGVybGltaXQ6MS41OyI+PGNpcmNsZSBjeD0iMjU2IiBjeT0iMjU2IiByPSIyNTYiIHN0eWxlPSJmaWxsOiNmZmYwMDA7Ii8+PGc+PHBhdGggZD0iTTM3NC4yMzQsMjkwLjYzMmwtMTE4LjIzNCwxMDkuNjI4bC0xMTguMjM0LC0xMDguNzE1IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMjIyNDYwO3N0cm9rZS13aWR0aDozMHB4OyIvPjxwYXRoIGQ9Ik0yNTYsMTI2LjE1NWwwLDI2NC4xMDUiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMyMjI0NjA7c3Ryb2tlLXdpZHRoOjMwcHg7Ii8+PC9nPjwvc3ZnPg==);
	}
}



/* Testimonials */

.main-container, #main {
	margin-top: 0 !important;
}

.testimonials {
	/* background: #FFA300; /* GELB */
	background: #B69F8E; /* Kupfer-Sand */
	/* background: #FFF101; /* Hellgelb */
	/*
	background: #FF6600;
	background: color(display-p3 1 0.4 0); /* Fresher Color in P3 */
  /* background: linear-gradient(180deg, rgba(233,134,0,1) 0%, rgba(255,161,0,1) 100%); */
}

.testimonials am-quote:nth-of-type(odd) blockquote {
	color: white !important;
}
	
blockquote {
	font-style: normal;
	font-weight: 500;
	text-align: center;
	margin-top: 50px !important;
	line-height: 1.2 !important;
}


am-quote figcaption {
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: 500 !important;
	text-align: center;
	font-size: 0.6em;
}





/* Introduction */

.introduction {
	background-color: #E5E0DC;
}

.introduction h3 {
	color: #304951 !important;
	text-transform: uppercase !important;
	font-weight: 900 !important;
	text-align: center;
	line-height: 1 !important;
	margin-top: 0 !important;
	/* text-shadow: 0px 0px 10px rgba(0,0,0,0.1); */
}

.introduction h4 {
	color: #FF6600 !important; /* #FFA300 !important; */
	color: color(display-p3 1 0.4 0) !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	letter-spacing: 0.2em;
	text-align: center;
	line-height: 1.3 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	/* text-shadow: 0px 0px 10px rgba(0,0,0,0.2); */
}

.introduction p {
	color: var(color-page-text);
}




/* Slogan */

.slogan {
	background-color: #F3F2F1;
}

.slogan blockquote {
  background-image: linear-gradient(180deg, #3C5964, #FF6600);
	background-image: linear-gradient(180deg, #002E3A, color(display-p3 1 0.4 0));
	font-weight: 900;
	text-transform: uppercase;
	line-height: 1.3 !important;
	/* margin-bottom: 40px; */
	max-width: 850px;
	margin: auto;
	background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
}

.slogan figcaption {
	color: #999 !important;
}


/* Topics */ 

.topics h2 {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 1.5em;
	margin-bottom: 3rem;
	color: #304951;
}

.topics h5 {
	font-size: 1.05em;
	box-shadow: 0px 3px 0px #44BBFF; /*#4499BB; /* rot #FF6600; */
	box-shadow: 0px 3px 0px #4CB2FF;
	display: inline;
	color: #304951 !important;
}

.topics p {
	margin-top: 3px !important;
	padding-bottom: 1.5rem;
	color: #304951;
}


/* About */ 

.about { 
	background-color: black;
	background-repeat: no-repeat;
}

.about h2 {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 1.2em;
	color: #F3F2F1;
}

.about p {
	font-size: 1em;
	margin-top: 3px !important;
	padding-bottom: 0.8rem;
	color: #F3F2F1;
}


/* Teaser Cards */

.teaser am-section.am-card {
	box-shadow: 0px 0px 20px #E3E2E1 !important;
	transition: all 0.2s;
}

.teaser am-section.am-card:hover {
	box-shadow: 0px 0px 25px #CCC !important;
	transition: all 0.2s;
}

.teaser am-section.am-card a {
	border-bottom: none !important;
	padding-right: 18px;
	background-image: url('/shared/arrow-link.svg');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 16px;
	transition: all 0.3s;
}

.teaser am-section.am-card a:hover {
	padding-right: 22px;
	transition: all 0.3s;
}




/* Buttons */

am-buttons a, .am-button {
	text-transform: uppercase !important;
	font-weight: 700 !important;
	letter-spacing: 0.2em;
}





.highlight-container, .highlight {
  position: relative;
}

.highlight-container {
  display: inline-block;
}
.highlight-container:before {
  content: " ";
  display: block;
  height: 90%;
  width: 100%;
  margin-left: -3px;
  margin-right: -3px;
  position: absolute;
  background: #DFEEF2; /* #EDEBE8; /* #FF7; */
  transform: rotate(2deg);
  top: -1px;
  left: -1px;
  border-radius: 20% 25% 20% 24%;
  padding: 10px 3px 3px 10px;
}

u {
	text-decoration: none;
	border-bottom: 2px solid #B4A58B;
}


/* Contact and Footer */

footer { 
	font-size: 20px; 
	margin-top: 0 !important;
}
main {
	margin-bottom: 0 !important;
}


.contact h5 {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.contact li {
	font-size: 90%;
}

/* Checklist 
.checklist ul li::before {
	background-color: #FEA300;
}
*/


/* Logo mit Hover: Tooltip */

[data-tooltip] {
  position: relative;
}
 
[data-tooltip]::after {
  content: attr(data-tooltip);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
  display: block;  
  position: absolute; 
  bottom: -35px;
  left: -10px;
  padding: 5px;
	width: 120px;
  z-index: 100;
  color: #FFF; 
  /* background-color: #44BBFF; /* rgba(0,0,0,0.6); */
  border-radius: 30px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 0.5em;
	font-weight: 700;
	text-align: center;
}
 
[data-tooltip]:hover::after {
  opacity: 1;
}

.tooltip {
}




/* Links */

/* .content p a { padding-bottom: 0 !important; } */

.content p a { border-bottom: none !important; }
.content p a:hover { border-bottom: solid var(--underline-stroke) var(--color-link) !important; }

/* Link mit animierter Linie 
.content p a:not([class]), .disclaimer a {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-radius: 0;
	padding: 0 0 3px 0;
}
.content p a:not([class]), .disclaimer a {
  background: 
    linear-gradient(to right, var(--color-link), var(--color-link)),
    linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-size: 100% 0.1em, 0 0.1em;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}

.content p a:not([class]):hover, .content p a:not([class]):focus, .disclaimer a:hover {
  background-size: 0 0.08em, 100% 0.08em;
}

/* Link mit umgekehrt animierter in Footer und Navigation 
.footer a, .footer a:hover, .footer a:focus {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-radius: 0;
	padding: 0 0 3px 0;
}
.footer a {
  background: 
    linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)),
		linear-gradient(to right, var(--color-link), var(--color-link));
  background-size: 100% 0.1em, 0 0.1em;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}

.footer a:hover, .footer a:focus {
  background-size: 0 0.08em, 100% 0.08em;
}
*/



/*

.am-button {
	font-family: 'Sweet Sans', sans-serif;
	font-weight: 500;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	padding: 14px 24px;
	font-size: 13px;
	border: none;
	border-radius: 3px;
	transition: 0.2s;
}
.am-button:hover {
	border: none;
	border-radius: 3px;
	transition: 0.2s;
}

.am-button.blue { background-color: #66B3CB; color: white; }
.am-button.blue:hover { background-color: #56A3BB; }

.am-button.bronze { background-color: #C5BEB2; color: white; }
.am-button.bronze:hover { background-color: #B2AEA2; }

.am-button.lang-en, .am-button.lang-de {
	background: #E5E4DF;
	margin-bottom: 4rem;
	padding-bottom: 7px;
	border-bottom: 3px solid #E5E4DF;
}

.am-button.lang-en:hover, .am-button.lang-de:hover {
	background: #D5D4CF;
	margin-bottom: 4rem;
	border-bottom: 3px solid #D5D4CF;
}

.uk-button {
	font-weight: 400;
}

.uk-button > li:focus, .uk-button > li:hover  {
	background: rgba(130, 130, 130, 0.05);
}
*/

/*
.quick-start {
	cursor: pointer;
	border: solid #5e5e5e 1px;
	border-radius: 4px;
	padding: 4px 15px;
}

.uk-navbar-nav>li.quick-start-li>a:after, .uk-navbar-nav>li.quick-start-li:hover>a:after, .uk-navbar-nav>li.quick-start-li>a:focus:after {
	border-bottom-color: transparent;
}



	





/*

.uk-panel-box .uk-panel-title a {
	font-weight: 500 !important;
	margin-top: 0.4em !important;
	font-family: 'Sweet Sans', sans-serif;
	font-size: 18px !important;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

/* Date 
.text-subtitle {
	font-weight: 400;
	font-size: 16px;
}

.text-subtitle p.am-block:nth-child(2){
	margin-top: 0 !important;
}

.tags a {
	background: #F3F2F1;
	color: #999;
	border-radius: 3px;
	padding: 0px 6px !important;
	font-size: 16px;
	font-weight: 400;
}

.nav-link.panel-more {
	font-weight: 400;
}

*/




/* Portrait */
/*
.portrait {
	background: white;
	padding: 2rem 2rem 3rem 2rem;
	border-radius: 10px;
}
*/

.small p {
	font-size: 0.95em;
	line-height: 1.5;
	margin-top: 1em !important;
}

.rounded img {
	border-radius: 100%;
	justify-content: center;
}

.portrait img {
	border-radius: 100%;
	justify-content: center;
	filter: none !important;
}

@media only screen and (max-width: 700px) {
	.portrait am-1-4, .portrait am-1-3 {
		margin: auto;
	}
	.portrait h4, .portrait h5 {
		text-align: center !important;
	}
}

/*
.portrait p {
	font-family: 'Cormorant', serif;
	font-size: 105%;
}

/*
.portrait p::first-letter {
  -webkit-initial-letter: 3;
          initial-letter: 3;
  font-weight: 300;
  margin-right: .5em;
	font-family: Didot, serif;
}
*/

.portrait am-list {
	margin-top: 1em;
}



.portrait h5:nth-of-type(2) {
	margin-top: 4em;
}

.portrait ul {
  list-style: none;
	padding-left: 1.6em;
}

.portrait ul li {
  text-indent: -1.6em;
}

.portrait ul li:before {
  content: '✔︎   ';
	
}


/* Dynamic Underline on Scrolling */
.underline {
    display: inline-block;
    position: relative;
		z-index: 1;
}
.underline:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.08em;
    width: 0;
    background-color: #FFF000;
		z-index: -1;
}
.underline.active:before {
    width: 100%;
    transition-delay: 2s;
    transition: width 2s ease;
		z-index: -1;
}





/* Feedback mit Emojis */

/* -------------------------------- 

File#: _1_emoji-feedback
Title: Emoji Feedback
Descr: A feedback collection system based on emoticons
Usage: codyhouse.co/license

-------------------------------- */

/* reset 
*, *::after, *::before {
  box-sizing: border-box;
}

* {
  font: inherit;
  margin: 0;
  padding: 0;
  border: 0;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background-color: hsl(0, 0%, 100%);
  font-family: system-ui, sans-serif;
  color: hsl(230, 7%, 23%);
  font-size: 1.125rem;
  line-height: 1.4;
}

h1, h2, h3, h4 {
  line-height: 1.2;
  color: hsl(230, 13%, 9%);
  font-weight: 700;
}

h1 {
  font-size: 2.5rem; 
}

h2 {
  font-size: 2.125rem;
}

h3 {
  font-size: 1.75rem; 
}

h4 {
  font-size: 1.375rem; 
}
*/

ul.emoji-rate__list {
  list-style: none;
}

/*
button, input, textarea, select {
  background-color: transparent;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  -webkit-appearance: none;
          appearance: none;
}

textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top;
}

a {
  color: hsl(250, 84%, 54%);
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img, video, svg {
  display: block;
  max-width: 100%;
}
*/

/* -------------------------------- 

Buttons 

-------------------------------- */

.cd-btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-radius: 0.375em;
  font-size: 1em;
  text-decoration: none;
  line-height: 1.2;
  cursor: pointer;
  transition: 0.2s;
  will-change: transform;
}

.cd-btn:focus-visible {
  outline: none;
}

.cd-btn:active {
  transform: translateY(2px);
}

.cd-btn--primary {
  background: hsl(250, 84%, 54%);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.15), 
              0 1px 3px hsla(250, 84%, 38%, 0.25), 
              0 2px 6px hsla(250, 84%, 38%, 0.1), 
              0 6px 10px -2px hsla(250, 84%, 38%, 0.25);
  color: hsl(0, 0%, 100%);
}

.cd-btn--primary:hover {
  background: hsl(250, 84%, 60%);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.15), 
              0 1px 2px hsla(250, 84%, 38%, 0.25), 
              0 1px 4px hsla(250, 84%, 38%, 0.1), 
              0 3px 6px -2px hsla(250, 84%, 38%, 0.25);
}

.cd-btn--primary:focus-visible {
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.15), 
              0 1px 2px hsla(250, 84%, 38%, 0.25), 
              0 1px 4px hsla(250, 84%, 38%, 0.1), 
              0 3px 6px -2px hsla(250, 84%, 38%, 0.25), 
              0 0 0 2px hsl(0, 0%, 100%), 
              0 0 0 4px hsl(250, 84%, 54%);
}

/* -------------------------------- 

Forms 

-------------------------------- */

.cd-form-control {
  background: hsl(240, 4%, 95%);
  box-shadow: inset 0 0 0 1px hsl(240, 4%, 85%);
  padding: 0.5rem 0.75rem;
  border-radius: 0.375em;
  font-size: 1em;
  line-height: 1.2;
  transition: 0.2s;
}

.cd-form-control::placeholder {
  opacity: 1;  
  color: hsl(240, 4%, 65%);
}

.cd-form-control:focus, .cd-form-control:focus-within {
  background: hsl(0, 0%, 100%);
  outline: none;
  box-shadow: inset 0 0 0 1px hsla(240, 4%, 85%, 0), 
              0 0 0 2px hsl(250, 84%, 54%), 
              0 0.3px 0.4px hsla(230, 13%, 9%, 0.025),
              0 0.9px 1.5px hsla(230, 13%, 9%, 0.05), 
              0 3.5px 6px hsla(230, 13%, 9%, 0.1);
}

.cd-form-label {
  display: inline-block;
  font-size: 0.9375rem;
  margin-bottom: 0.75rem;
}

/* -------------------------------- 

Component 

-------------------------------- */

:root {
  --emoji-rate-size: 40px;
}

.emoji-rate {}

.emoji-rate__list {
  display: inline-flex;
  gap: 1rem;
}

.emoji-rate__list > * {
  position: relative;
}

.emoji-rate__custom-input {
  position: relative;
  display: block;
  font-size: var(--emoji-rate-size);
  width: 1em;
  height: 1em;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.emoji-rate__icon {
  display: block;
  width: inherit;
  height: inherit;
  transition: color 0.3s;
}

.emoji-rate__icon * {
  transition: fill, stroke;
  transition-duration: 0.3s;
}

.emoji-rate__hand-icon {
  display: block;
  font-size: var(--emoji-rate-size);
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
  transition: transform 0.3s;
}

#emoji-rate-partially-hand {
  opacity: 0;
}

.emoji-rate__native-input + .emoji-rate__custom-input--no .emoji-rate__icon #emoji-rate-no-eyes {
  transform: translateY(0) translateX(0);
}

.emoji-rate__native-input + .emoji-rate__custom-input--no .emoji-rate__icon #emoji-rate-no-mouth {
  transform: translateY(0) translateX(0);
}

.emoji-rate__native-input + .emoji-rate__custom-input--yes .emoji-rate__icon #emoji-rate-yes-eyes {
  transform: translateY(0) scale(1);
}

.emoji-rate__native-input + .emoji-rate__custom-input--yes .emoji-rate__icon #emoji-rate-yes-mouth {
  transform-origin: 50% 70%;
  transform: translateY(0) scale(1);
}

.emoji-rate__native-input + .emoji-rate__custom-input--partially .emoji-rate__icon #emoji-rate-partially-eyes {
  transform-origin: 20px 19.5px;
  transform: translateY(0) scaleY(1);
}

.emoji-rate__native-input + .emoji-rate__custom-input--partially .emoji-rate__icon #emoji-rate-partially-mouth {
  transform-origin: 20px 28px;
  transform: translateY(0) scaleX(1);
}

.emoji-rate__native-input ~ .emoji-rate__hand-icon #emoji-rate-partially-hand {
  transform-origin: 7px 35px;
  opacity: 0;
  transform: translateX(0);
}

.emoji-rate__native-input:checked + .emoji-rate__custom-input,
.emoji-rate__native-input:checked ~ .emoji-rate__hand-icon {
  transform: scale(1.1);
}

.emoji-rate__native-input:checked + .emoji-rate__custom-input--no .emoji-rate__icon {
  color: hsl(230, 13%, 9%);
}

.emoji-rate__native-input:checked + .emoji-rate__custom-input--no .emoji-rate__icon #emoji-rate-no-bg {
  fill: hsl(342, 89%, 56%);
}

.emoji-rate__native-input:checked + .emoji-rate__custom-input--no .emoji-rate__icon #emoji-rate-no-eyes {
  animation: emoji-rate-no-eyes-anim 1.6s;
}

.emoji-rate__native-input:checked + .emoji-rate__custom-input--no .emoji-rate__icon #emoji-rate-no-mouth {
  animation: emoji-rate-no-mouth-anim 1.6s;
}

.emoji-rate__native-input:checked + .emoji-rate__custom-input--yes .emoji-rate__icon {
  color: hsl(230, 13%, 9%);
}

.emoji-rate__native-input:checked + .emoji-rate__custom-input--yes .emoji-rate__icon #emoji-rate-yes-bg {
  fill: hsl(35, 79%, 66%);
}

.emoji-rate__native-input:checked + .emoji-rate__custom-input--yes .emoji-rate__icon #emoji-rate-yes-eyes {
  animation: emoji-rate-yes-eyes-anim 1.6s;
}

.emoji-rate__native-input:checked + .emoji-rate__custom-input--yes .emoji-rate__icon #emoji-rate-yes-mouth {
  transform-origin: 50% 70%;
  animation: emoji-rate-yes-mouth-anim 1.6s;
}

.emoji-rate__native-input:checked + .emoji-rate__custom-input--yes .emoji-rate__icon #emoji-rate-yes-tongue {
  fill: hsl(342, 89%, 48%);
}

.emoji-rate__native-input:checked + .emoji-rate__custom-input--partially .emoji-rate__icon {
  color: hsl(230, 13%, 9%);
}

.emoji-rate__native-input:checked + .emoji-rate__custom-input--partially .emoji-rate__icon #emoji-rate-partially-bg {
  fill: hsl(35, 79%, 66%);
}

.emoji-rate__native-input:checked + .emoji-rate__custom-input--partially .emoji-rate__icon #emoji-rate-partially-eyes {
  animation: emoji-rate-partially-eyes-anim 1.6s;
}

.emoji-rate__native-input:checked + .emoji-rate__custom-input--partially .emoji-rate__icon #emoji-rate-partially-mouth {
  animation: emoji-rate-partially-mouth-anim 1.6s;
}

.emoji-rate__native-input:checked ~ .emoji-rate__hand-icon #emoji-rate-partially-hand {
  animation: emoji-rate-partially-hand-anim 1.6s;
}

.emoji-rate__native-input:focus + .emoji-rate__custom-input {
  box-shadow: 0 0 0 3px hsla(35, 79%, 66%, 0.3);
}

.emoji-rate__native-input:focus + .emoji-rate__custom-input--no {
  box-shadow: 0 0 0 3px hsla(342, 89%, 48%, 0.25);
}

.emoji-rate__native-input:focus:not(:focus-visible) + .emoji-rate__custom-input {
  box-shadow: none !important;
}

/* comment */
.emoji-rate--with-comment {
  background-color: hsl(240, 4%, 95%);
  border-radius: 0.75em;
}

.emoji-rate__icons {
  padding: 1.5rem;
}

.emoji-rate__comment {
  overflow: hidden;
  padding: 0 1.5rem 1.5rem;
}

@keyframes emoji-rate-no-eyes-anim {
  0%, 100% {
    transform: translateY(0) translateX(0);
  }
  30%, 40% {
    transform: translateY(4px) translateX(0);
  }
  50% {
    transform: translateY(4px) translateX(-4px);
  }
  60% {
    transform: translateY(4px) translateX(4px);
  }
  70% {
    transform: translateY(4px) translateX(0px);
  }
}

@keyframes emoji-rate-no-mouth-anim {
  0%, 100% {
    transform: translateY(0) translateX(0);
  }
  30%, 40% {
    transform: translateY(2.5px) translateX(0);
  }
  50% {
    transform: translateY(2.5px) translateX(-2.5px);
  }
  60% {
    transform: translateY(2.5px) translateX(2.5px);
  }
  70% {
    transform: translateY(2.5px) translateX(0px);
  }
}

@keyframes emoji-rate-yes-mouth-anim {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  30%, 40% {
    transform: translateY(-2.5px) scale(1.2);
  }
  55% {
    transform: translateY(0) scale(1.2);
  }
  70% {
    transform: translateY(-2.5px) scale(1.2);
  }
}

@keyframes emoji-rate-yes-eyes-anim {
  0%, 100% {
    transform: translateY(0);
  }
  30%, 40% {
    transform: translateY(-2.5px);
  }
  55% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(-2.5px);
  }
}

@keyframes emoji-rate-partially-eyes-anim {
  0%, 100% {
    transform: translateY(0) scaleY(1);
  }
  30%, 40%, 60%, 70% {
    transform: translateY(-2px) scaleY(1);
  }
  50% {
    transform: translateY(-2px) scaleY(0.1);
  }
}

@keyframes emoji-rate-partially-mouth-anim {
  0%, 100% {
    transform: translateY(0) scaleX(1);
  }
  30%, 70% {
    transform: translateY(-4px) scaleX(0.6);
  }
}

@keyframes emoji-rate-partially-hand-anim {
  0%, 100% {
    opacity: 0;
    transform: translateX(0);
  }
  30%, 70% {
    opacity: 1;
    transform: translateX(3px);
  }
}

/* -------------------------------- 

Utilities 

-------------------------------- */

.cd-sr-only {
  position: absolute;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

.cd-margin-top-2xs {
  margin-top: 0.75rem;
}

.cd-margin-bottom-xs {
  margin-bottom: 1rem;
}

.cd-margin-bottom-sm {
  margin-bottom: 1.5rem;
}

.cd-width-100\% {
  width: 100%;
}

.cd-hide {
  display: none !important;
}

.cd-text-center {
  text-align: center;
}

.cd-text-right {
  text-align: right;
}




/* Growl */

@media only screen and (min-width: 920px) {
	
	#growl {
		position: fixed;
		bottom: 0px;
		left: 30px;
		width: 360px;
		height: 90px;
		background: rgba(255, 255, 255, 1);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
		padding: 2px 0px 0 3px;
		line-height: 1.3;
		opacity: 0;
		overflow: hidden;
		z-index: 99;
		font-family: 'Brandon', sans-serif;
	}
	
	#growl img { 
		float: left;
		margin: 10px;
		height: 70px;
	}
	
	#growl p { 
		font-family: 'Brandon', sans-serif;
		display: block;
		width: 200px;
		float: left;
		color: black;
		text-align: left;
		font-size: 16px;
		line-height: 20px;
		margin-top: 0;
		margin-bottom: 10px;
		color: #555;
		padding-top: 10px;

	}
	
	#growl p.growl-title {
		font-size: 16px;
		/* font-weight: bold; */
		padding-top: 7px;
		margin-bottom: 3px;
		color: #555;
	}
	
	#growl p.growl-title b {
		color: #555;
	}
	
	#growl p.growl-title img {
		height: 12px;
		width: 18px;
	}
	
	#growl .author {
		font-size: 11px;
		color: #888;
	}
	
	#growl .author a, #growl .author a:hover {
		color: #42C499; /* rgb(118, 39, 243); */
		text-decoration: none;
		box-shadow: none;
		border: none;
	}
	
}


/* -------------------------------- 

File#: _2_slideshow
Title: Slideshow
Descr: Show a collection of items one at a time
Usage: codyhouse.co/license

-------------------------------- */
/* reset 
*, *::after, *::before {
  box-sizing: border-box;
}

* {
  font: inherit;
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background-color: hsl(0, 0%, 100%);
  font-family: system-ui, sans-serif;
  color: hsl(230, 7%, 23%);
  font-size: 1rem;
}

h1, h2, h3, h4 {
  line-height: 1.2;
  color: hsl(230, 13%, 9%);
  font-weight: 700;
}

h1 {
  font-size: 2.0736rem;
}

h2 {
  font-size: 1.728rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1.2rem;
}

ol, ul, menu {
  list-style: none;
}

button, input, textarea, select {
  background-color: transparent;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  -webkit-appearance: none;
          appearance: none;
}

textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top;
}

a {
  color: hsl(250, 84%, 54%);
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img, video, svg {
  display: block;
  max-width: 100%;
}

@media (min-width: 64rem) {
  body {
    font-size: 1.25rem;
  }

  h1 {
    font-size: 3.051rem;
  }

    h2 {
    font-size: 2.44rem;
  }

    h3 {
    font-size: 1.75rem;
  }

    h4 {
    font-size: 1.5625rem;
  }
}

/* variables */
:root {
  /* colors */
  --sq7-color-primary-hsl: 250, 84%, 54%;
  --sq7-color-bg-hsl: 0, 0%, 100%;
  --sq7-color-contrast-high-hsl: 230, 7%, 23%;
  --sq7-color-contrast-higher-hsl: 230, 13%, 9%;
  --sq7-color-bg-light-hsl: 0, 0%, 100%;
  --sq7-color-black-hsl: 230, 13%, 9%;
  --sq7-color-white-hsl: 0, 0%, 100%;
  --sq7-color-bg-dark-hsl: 240, 4%, 95%;
  --sq7-color-primary-darker-hsl: 250, 84%, 38%;
  --sq7-color-primary-light-hsl: 250, 84%, 60%;
  --sq7-color-accent-hsl: 342, 89%, 48%;
  --sq7-color-contrast-lower-hsl: 240, 4%, 85%;

  /* spacing */
  --sq7-space-3xs: 0.25rem;
  --sq7-space-xs: 0.5rem;
  --sq7-space-sm: 0.75rem;
  --sq7-space-md: 1.25rem;
  --sq7-space-2xs: 0.375rem;

  /* typography */
  --sq7-text-sm: 0.833rem;
}

@media(min-width: 64rem){
  :root {
    /* spacing */
    --sq7-space-3xs: 0.375rem;
    --sq7-space-xs: 0.75rem;
    --sq7-space-sm: 1.125rem;
    --sq7-space-md: 2rem;
    --sq7-space-2xs: 0.5625rem;

    /* typography */
    --sq7-text-sm: 1rem;
  }
}

/* buttons */
.sq7-btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  white-space: nowrap;
  text-decoration: none;
  background: hsl(var(--sq7-color-bg-dark-hsl));
  color: hsl(var(--sq7-color-contrast-higher-hsl));
  cursor: pointer;
  text-decoration: none;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s ease;
  will-change: transform;
  padding: var(--sq7-space-2xs) var(--sq7-space-sm);
  border-radius: 0.25em;
}

.sq7-btn:focus-visible {
  box-shadow: 0px 0px 0px 2px hsl(var(--sq7-color-bg-hsl)), 0px 0px 0px 4px hsla(var(--sq7-color-contrast-higher-hsl), 0.15);
  outline: none;
}

.sq7-btn:active {
  transform: translateY(2px);
}

.sq7-btn--primary {
  background: hsl(var(--sq7-color-primary-hsl));
  color: hsl(var(--sq7-color-white-hsl));
  box-shadow: inset 0px 1px 0px hsla(var(--sq7-color-white-hsl), 0.15), 0px 1px 3px hsla(var(--sq7-color-primary-darker-hsl), 0.25), 0px 2px 6px hsla(var(--sq7-color-primary-darker-hsl), 0.1), 0px 6px 10px -2px hsla(var(--sq7-color-primary-darker-hsl), 0.25);
}

.sq7-btn--primary:hover {
  background: hsl(var(--sq7-color-primary-light-hsl));
  box-shadow: inset 0px 1px 0px hsla(var(--sq7-color-white-hsl), 0.15), 0px 1px 2px hsla(var(--sq7-color-primary-darker-hsl), 0.25), 0px 1px 4px hsla(var(--sq7-color-primary-darker-hsl), 0.1), 0px 3px 6px -2px hsla(var(--sq7-color-primary-darker-hsl), 0.25);
}

.sq7-btn--primary:focus {
  box-shadow: inset 0px 1px 0px hsla(var(--sq7-color-white-hsl), 0.15), 0px 1px 2px hsla(var(--sq7-color-primary-darker-hsl), 0.25), 0px 1px 4px hsla(var(--sq7-color-primary-darker-hsl), 0.1), 0px 3px 6px -2px hsla(var(--sq7-color-primary-darker-hsl), 0.25), 0px 0px 0px 2px hsl(var(--sq7-color-bg-hsl)), 0px 0px 0px 4px hsl(var(--sq7-color-primary-hsl));
}

/* icons */
.sq7-icon {
  height: var(--sq7-size, 1em);
  width: var(--sq7-size, 1em);
  display: inline-block;
  color: inherit;
  fill: currentColor;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial;
}

/* component */
:root {
  --slideshow-height: 280px;
  --slideshow-fade-transition-duration: 0.25s;
  --slideshow-slide-transition-duration: 0.35s;
  --slideshow-prx-transition-duration: 0.5s;
  --slideshow-btn-width: 1.6em;
  --slideshow-btn-height: 3.2em;
  --slideshow-btn-icon-size: 1.6em;
  --slideshow-btn-offset: var(--sq7-space-xs);
}
@media (min-width: 48rem) {
  :root {
    --slideshow-height: 380px;
  }
}
@media (min-width: 64rem) {
  :root {
    --slideshow-height: 480px;
  }
}
@media (min-width: 80rem) {
  :root {
    --slideshow-height: 580px;
  }
}

.slideshow__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--slideshow-height);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.slideshow__item:focus {
  outline: none;
}

.slideshow--ratio-16\:9 .slideshow__item {
  height: 0;
  padding-bottom: 56.25%;
}

.slideshow--ratio-4\:3 .slideshow__item {
  height: 0;
  padding-bottom: 75%;
}

.slideshow--ratio-1\:1 .slideshow__item {
  height: 0;
  padding-bottom: 100%;
}

.slideshow {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.slideshow__content {
  overflow: hidden;
}

.slideshow__item {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
}

.slideshow__item--selected {
  position: relative;
  z-index: 3;
  visibility: visible;
}

.slideshow--transition-fade .slideshow__item {
  opacity: 0;
  transition: opacity 0s var(--slideshow-fade-transition-duration), visibility 0s var(--slideshow-fade-transition-duration);
}

.slideshow--transition-fade .slideshow__item--selected {
  opacity: 1;
  transition: opacity var(--slideshow-fade-transition-duration);
}

.slideshow--transition-slide .slideshow__item {
  animation-duration: var(--slideshow-slide-transition-duration);
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slideshow--transition-slide .slideshow__item > * {
  visibility: hidden;
}

.slideshow--transition-slide .slideshow__item:not(.slideshow__item--selected) * {
  transition: none;
}

.slideshow--transition-slide .slideshow__item--selected > * {
  visibility: visible;
}

.slideshow--transition-slide .slideshow__item--slide-in-left {
  animation-name: slide-in-left;
}

.slideshow--transition-slide .slideshow__item--slide-in-right {
  animation-name: slide-in-right;
}

.slideshow--transition-slide .slideshow__item--slide-out-left {
  animation-name: slide-out-left;
}

.slideshow--transition-slide .slideshow__item--slide-out-right {
  animation-name: slide-out-right;
}

.slideshow--transition-slide .slideshow__item--slide-out-left,
.slideshow--transition-slide .slideshow__item--slide-out-right {
  z-index: 2;
}
.slideshow--transition-slide .slideshow__item--slide-out-left.slideshow__item--selected,
.slideshow--transition-slide .slideshow__item--slide-out-right.slideshow__item--selected {
  z-index: 3;
}
.slideshow--transition-slide .slideshow__item--slide-out-left > *,
.slideshow--transition-slide .slideshow__item--slide-out-right > * {
  visibility: visible;
}

@keyframes slide-in-left {
  0% {
    visibility: visible;
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right {
  0% {
    visibility: visible;
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-out-left {
  0% {
    visibility: visible;
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes slide-out-right {
  0% {
    visibility: visible;
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.slideshow--transition-prx .slideshow__item {
  animation-duration: var(--slideshow-prx-transition-duration);
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slideshow--transition-prx .slideshow__item > * {
  visibility: hidden;
}

.slideshow--transition-prx .slideshow__item--selected > * {
  visibility: visible;
}

.slideshow--transition-prx .slideshow__item--prx-in-left {
  animation-name: prx-in-left;
}

.slideshow--transition-prx .slideshow__item--prx-in-right {
  animation-name: prx-in-right;
}

.slideshow--transition-prx .slideshow__item--prx-out-left {
  animation-name: prx-out-left;
}

.slideshow--transition-prx .slideshow__item--prx-out-right {
  animation-name: prx-out-right;
}

.slideshow--transition-prx .slideshow__item--prx-out-left,
.slideshow--transition-prx .slideshow__item--prx-out-right {
  z-index: 2;
}
.slideshow--transition-prx .slideshow__item--prx-out-left.slideshow__item--selected,
.slideshow--transition-prx .slideshow__item--prx-out-right.slideshow__item--selected {
  z-index: 3;
}
.slideshow--transition-prx .slideshow__item--prx-out-left > *,
.slideshow--transition-prx .slideshow__item--prx-out-right > * {
  visibility: visible;
}

@keyframes prx-in-left {
  0% {
    visibility: visible;
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes prx-in-right {
  0% {
    visibility: visible;
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes prx-out-left {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  100% {
    opacity: 0.3;
    transform: translateX(40%);
  }
}
@keyframes prx-out-right {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  100% {
    opacity: 0.3;
    transform: translateX(-40%);
  }
}
.slideshow[data-swipe=on] .slideshow__content {
  -webkit-user-select: none;
          user-select: none;
}
.slideshow[data-swipe=on] .slideshow__content img {
  pointer-events: none;
}

.slideshow__control {
  display: none;
}

.slideshow[data-controls=hover] .slideshow__control {
  opacity: 0;
  transition: opacity 0.3s;
}

.slideshow[data-controls=hover]:hover .slideshow__control {
  opacity: 1;
}

.slideshow[data-swipe=on] .slideshow__control {
  display: none;
}

.slideshow__control {
  display: block;
  position: absolute;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
}
.slideshow__control:first-of-type {
  left: var(--slideshow-btn-offset);
}
.slideshow__control:last-of-type {
  right: var(--slideshow-btn-offset);
}

@media (min-width: 64rem) {
  .slideshow[data-swipe=on] .slideshow__control {
    display: block;
  }
}
.slideshow__btn {
  display: block;
  background-color: hsla(var(--sq7-color-black-hsl), 0.75);
  height: var(--slideshow-btn-height);
  width: var(--slideshow-btn-width);
  border-radius: 0.25em;
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
}
.slideshow__btn:hover {
  background-color: hsla(var(--sq7-color-contrast-higher-hsl), 0.85);
  background-color: #A2ADB9;
  background-color: #D3D6DB;
}
.slideshow__btn:hover svg {
  color: hsl(var(--sq7-color-bg-hsl));
  color: white;
  color: #222460;
  
}
.slideshow:not(.slideshow--is-animating) .slideshow__btn:active {
  transform: translateY(2px);
}
.slideshow__btn svg {
  display: block;
  width: var(--slideshow-btn-icon-size);
  height: var(--slideshow-btn-icon-size);
  margin: 0 auto;
  transition: color 0.2s;
  color: hsl(var(--sq7-color-white-hsl));
}
@supports (grid-area: auto) {
  .slideshow__btn {
    background-color: transparent;
  }
  .slideshow__btn svg {
    color: #A2ADB9;
  }
}

.slideshow__navigation {
  position: absolute;
  z-index: 4;
  bottom: 0;
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}

.slideshow__nav-item {
  display: inline-block;
  margin: 0 var(--sq7-space-3xs);
}
.slideshow__nav-item button {
  display: block;
  position: relative;
  font-size: 8px;
  color: #A2ADB9;
  height: 1em;
  width: 1em;
  border-radius: 50%;
  background-color: currentColor;
  opacity: 0.4;
  cursor: pointer;
  transition: background 0.3s;
}
.slideshow__nav-item button::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.5em);
  left: calc(50% - 0.5em);
  height: 1em;
  width: 1em;
  font-size: 14px;
  border-radius: inherit;
  border: 1px solid hsl(var(--sq7-color-contrast-high-hsl));
  opacity: 0;
  transform: scale(0);
  transition: 0.3s;
}
.slideshow__nav-item button:focus {
  outline: none;
}
.slideshow__nav-item button:focus::before {
  opacity: 1;
  transform: scale(1);
}

.slideshow__nav-item--selected button {
  opacity: 1;
}

@media (min-width: 64rem) {
  .slideshow__navigation {
    height: 40px;
  }

  .slideshow__nav-item button {
    font-size: 10px;
  }
  .slideshow__nav-item button::before {
    font-size: 16px;
  }
}

/* utility classes */
.sq7-sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

.sq7-bg-light {
  --sq7-bg-o: 1;
  background-color: hsla(var(--sq7-color-bg-light-hsl), var(--sq7-bg-o, 1));
}

.sq7-text-center {
  text-align: center;
}

.sq7-text-component :where(h1, h2, h3, h4) {
  line-height: var(--sq7-heading-line-height, 1.2);
  margin-top: calc(var(--sq7-space-md) * var(--sq7-space-multiplier, 1));
  margin-bottom: calc(var(--sq7-space-sm) * var(--sq7-space-multiplier, 1));
}

.sq7-text-component :where(p, blockquote, ul li, ol li) {
  line-height: var(--sq7-body-line-height, 1.4);
}

.sq7-text-component :where(ul, ol, p, blockquote, .sq7-text-component__block) {
  margin-bottom: calc(var(--sq7-space-sm) * var(--sq7-space-multiplier, 1));
}

.sq7-text-component :where(ul, ol) {
  padding-left: 1.25em;
}

.sq7-text-component ul :where(ul, ol), .sq7-text-component ol :where(ul, ol) {
  padding-left: 1em;
  margin-bottom: 0;
}

.sq7-text-component ul {
  list-style-type: disc;
}

.sq7-text-component ol {
  list-style-type: decimal;
}

.sq7-text-component img {
  display: block;
  margin: 0 auto;
}

.sq7-text-component figcaption {
  margin-top: calc(var(--sq7-space-xs) * var(--sq7-space-multiplier, 1));
  font-size: var(--sq7-text-sm);
  text-align: center;}

.sq7-text-component em {
  font-style: italic;
}

.sq7-text-component strong {
  font-weight: bold;
}

.sq7-text-component s {
  text-decoration: line-through;
}

.sq7-text-component u {
  text-decoration: underline;
}

.sq7-text-component mark {
  background-color: hsla(var(--sq7-color-accent-hsl), 0.2);
  color: inherit;
}

.sq7-text-component blockquote {
  padding-left: 1em;
  border-left: 4px solid hsl(var(--sq7-color-contrast-lower-hsl));
  font-style: italic;
}

.sq7-text-component hr {
  margin: calc(var(--sq7-space-md) * var(--sq7-space-multiplier, 1)) auto;
  background: hsl(var(--sq7-color-contrast-lower-hsl));
  height: 1px;
}

.sq7-text-component > *:first-child {
  margin-top: 0;
}

.sq7-text-component > *:last-child {
  margin-bottom: 0;
}

.sq7-text-component.sq7-line-height-xs {
  --sq7-heading-line-height: 1;
  --sq7-body-line-height: 1.1;
}

.sq7-text-component.sq7-line-height-sm {
  --sq7-heading-line-height: 1.1;
  --sq7-body-line-height: 1.2;
}

.sq7-text-component.sq7-line-height-md {
  --sq7-heading-line-height: 1.15;
  --sq7-body-line-height: 1.4;
}

.sq7-text-component.sq7-line-height-lg {
  --sq7-heading-line-height: 1.22;
  --sq7-body-line-height: 1.58;
}

.sq7-text-component.sq7-line-height-xl {
  --sq7-heading-line-height: 1.3;
  --sq7-body-line-height: 1.72;
}

.sq7-max-width-sm {
  max-width: 48rem;
}

.sq7-container {
  width: calc(100% - 2*var(--sq7-space-md));
  margin-left: auto;
  margin-right: auto;
}

.sq7-color-inherit {
  color: inherit;
}

.sq7-gap-sm {
  gap: var(--sq7-space-sm);
}

.sq7-flex-center {
  justify-content: center;
  align-items: center;
}

.sq7-flex-wrap {
  flex-wrap: wrap;
}

.sq7-flex {
  display: flex;
}

.sq7-margin-top-md {
  margin-top: var(--sq7-space-md);
}

.sq7-bg {
  --sq7-bg-o: 1;
  background-color: hsla(var(--sq7-color-bg-hsl), var(--sq7-bg-o, 1));
}

.sq7-hide {
  display: none !important;
}



/* -------------------------------- 

File#: _3_testimonial-slideshow
Title: Testimonial Slideshow
Descr: A Slideshow to display a gallery of testimonials
Usage: codyhouse.co/license

-------------------------------- */
/* reset */
*, *::after, *::before {
  box-sizing: border-box;
}

* {
  font: inherit;
  margin: 0;
  padding: 0;
  border: 0;
}
/*
body {
  background-color: hsl(0, 0%, 100%);
  font-family: system-ui, sans-serif;
  color: hsl(230, 7%, 23%);
  font-size: 1rem;
}
*/

ul, menu {
  list-style: none;
}
/*
button, input, textarea, select {
  background-color: transparent;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
}

textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top;
}

a {
  color: hsl(250, 84%, 54%);
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img, video, svg {
  display: block;
  max-width: 100%;
}

@media (min-width: 64rem) {
  body {
    font-size: 1.25rem;
  }

  h1 {
    font-size: 3.051rem;
  }

    h2 {
    font-size: 2.44rem;
  }

    h3 {
    font-size: 1.75rem;
  }

    h4 {
    font-size: 1.5625rem;
  }
}

/* variables */
:root {
  /* colors */
  --ty7-color-primary-hsl: 250, 84%, 54%;
  --ty7-color-bg-hsl: 0, 0%, 100%;
  --ty7-color-contrast-high-hsl: 230, 7%, 23%;
  --ty7-color-contrast-higher-hsl: 230, 13%, 9%;
  --ty7-color-contrast-medium-hsl: 225, 4%, 47%;
  --ty7-color-bg-dark-hsl: 240, 4%, 95%;
  --ty7-color-contrast-lower-hsl: 240, 4%, 85%;

  /* spacing */
  --ty7-space-4xs: 0.125rem;
  --ty7-space-sm: 0.75rem;
  --ty7-space-md: 1.25rem;

  /* typography */
  --ty7-text-lg: 1.25rem;
  --ty7-text-sm: 0.833rem;
}

@media(min-width: 64rem){
  :root {
    /* spacing */
    --ty7-space-4xs: 0.1875rem;
    --ty7-space-sm: 1.125rem;
    --ty7-space-md: 2rem;

    /* typography */
    --ty7-text-lg: 1.75rem;
    --ty7-text-sm: 1rem;
  }
}

/* icons */
.ty7-icon {
  height: var(--ty7-size, 1em);
  width: var(--ty7-size, 1em);
  display: inline-block;
  color: inherit;
  fill: currentColor;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial;
}

/* component */
:root {
  --testimonial-slideshow-profile-img-size: 48px;
}
@media (min-width: 64rem) {
  :root {
    --testimonial-slideshow-profile-img-size: 64px;
  }
}

.testimonial-slideshow {
  --slideshow-height: 320px;
}
@media (min-width: 64rem) {
  .testimonial-slideshow {
    --slideshow-height: 300px; /* 420px */
  }
}

.testimonial-slideshow__profile-img {
  width: var(--testimonial-slideshow-profile-img-size);
  height: var(--testimonial-slideshow-profile-img-size);
  overflow: hidden;
}
.testimonial-slideshow__profile-img img {
  display: block;
  width: 100%;
}

/* utility classes */
.ty7-margin-top-4xs {
  margin-top: var(--ty7-space-4xs);
}

.ty7-color-contrast-medium {
  --ty7-color-o: 1;
  color: hsla(var(--ty7-color-contrast-medium-hsl), var(--ty7-color-o, 1));
}

.ty7-block {
  display: block;
}

.ty7-text-sm {
  font-size: var(--ty7-text-sm);
}

.ty7-margin-top-md {
  margin-top: var(--ty7-space-md);
}

.ty7-line-height-md {
  line-height: 1.4;
}

.ty7-margin-bottom-sm {
  margin-bottom: var(--ty7-space-sm);
}

.ty7-margin-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.ty7-border {
  --ty7-border-o: 1;
  border: var(--ty7-border-width, 1px) var(--ty7-border-style, solid) hsla(var(--ty7-color-contrast-lower-hsl), var(--ty7-border-o, 1));
}

.ty7-radius-50\% {
  border-radius: 50%;
}

.ty7-max-width-sm {
  max-width: 48rem;
}

.ty7-height-100\% {
  height: 100%;
}

.ty7-flex-center {
  justify-content: center;
  align-items: center;
}

.ty7-flex {
  display: flex;
}

.ty7-text-center {
  text-align: center;
}

.ty7-bg-dark {
  --ty7-bg-o: 1;
  background-color: hsla(var(--ty7-color-bg-dark-hsl), var(--ty7-bg-o, 1));
}

.ty7-sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

.ty7-container {
  width: calc(100% - 2*var(--ty7-space-md));
  margin-left: auto;
  margin-right: auto;
}

.ty7-border-2 {
  --ty7-border-width: 2px;
}

.ty7-border-bg {
  --ty7-border-o: 1;
  border-color: hsla(var(--ty7-color-bg-hsl), var(--ty7-border-o, 1));
}

@media(min-width: 64rem){
  .ty7-text-lg\@md {
    font-size: var(--ty7-text-lg);
  }
}



/* -------------------------------- 

File#: _1_swipe-content
Title: Swipe Content
Descr: A Vanilla JavaScript plugin to detect touch interactions
Usage: codyhouse.co/license

-------------------------------- */
/* reset 
*, *::after, *::before {
  box-sizing: border-box;
}

* {
  font: inherit;
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background-color: hsl(0, 0%, 100%);
  font-family: system-ui, sans-serif;
  color: hsl(230, 7%, 23%);
  font-size: 1rem;
}

h1, h2, h3, h4 {
  line-height: 1.2;
  color: hsl(230, 13%, 9%);
  font-weight: 700;
}

h1 {
  font-size: 2.0736rem;
}

h2 {
  font-size: 1.728rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1.2rem;
}

ol, ul, menu {
  list-style: none;
}

button, input, textarea, select {
  background-color: transparent;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
}

textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top;
}

a {
  color: hsl(250, 84%, 54%);
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img, video, svg {
  display: block;
  max-width: 100%;
}

@media (min-width: 64rem) {
  body {
    font-size: 1.25rem;
  }

  h1 {
    font-size: 3.051rem;
  }

    h2 {
    font-size: 2.44rem;
  }

    h3 {
    font-size: 1.75rem;
  }

    h4 {
    font-size: 1.5625rem;
  }
}

/* variables */
:root {
  /* colors */
  --sr5-color-primary-hsl: 250, 84%, 54%;
  --sr5-color-bg-hsl: 0, 0%, 100%;
  --sr5-color-contrast-high-hsl: 230, 7%, 23%;
  --sr5-color-contrast-higher-hsl: 230, 13%, 9%;
  --sr5-color-contrast-low-hsl: 240, 4%, 65%;
  --sr5-color-contrast-medium-hsl: 225, 4%, 47%;
}

/* component */
.swipe-content {
  height: 280px;
  width: 280px;
  background-color: hsl(var(--sr5-color-contrast-low-hsl));
  border-radius: 0.25em;
  cursor: default;
  transition: background 0.2s;
  border-radius: 15px;
}
.testimonial-slideshow {
	border-radius: 15px;
}
.swipe-content:active {
  background-color: hsl(var(--sr5-color-contrast-medium-hsl));
}

/* AB */
.testimonial-slideshow footer {
	border-top: none !important;
}
.testimonial-slideshow ul, .testimonial-slideshow ol {
	padding-left: 0 !important;
	margin-top: 0 !important;
}
.testimonial-slideshow .slideshow__content {
	border-radius: 15px;
	/* box-shadow: var(--am-section-shadow); */
}

.testimonial-slideshow blockquote p {
	line-height: 1.2;
	font-weight: 500;
	color: #222460;
	margin-bottom: 10px;
	margin-top: 0px;
}

.testimonial-slideshow cite {
	font-size: 16px;
	letter-spacing: 0.15em;
	font-weight: 500;
	color: #A2ADB9;
	text-transform: uppercase;
}

@media only screen and (min-width: 700px) {
	.testimonial-slideshow blockquote {
		margin-top: 0 !important;
	}
	.testimonial-slideshow blockquote p {
		font-size: 48px;
	}
	.testimonial-slideshow blockquote p:before {
		content: '„';
	}
	.testimonial-slideshow blockquote p:after {
		content: '“';
	}
	.testimonial-slideshow cite {
		font-size: 16px;
	}
	.slideshow__control {
		transform: translateY(-70%);
	}
}

@media only screen and (max-width: 700px) {
	.testimonial-slideshow blockquote {
		margin-top: 20px !important;
	}
	.testimonial-slideshow .slideshow__item {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 40 40' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(3.84246,0,0,3.84246,-41.6285,4.78797)'%3E%3Cpath d='M19.084,8.33C20.314,8.33 21.244,7.43 21.244,6.32C21.244,5.21 20.314,4.34 19.234,4.34C18.724,4.34 18.334,4.49 18.304,4.49C18.334,2.39 20.014,1.1 20.344,0.83C20.554,0.65 20.614,0.35 20.434,0.14L19.984,-0.28C19.774,-0.52 19.534,-0.49 19.294,-0.31C18.514,0.38 16.594,2.21 16.594,5.12C16.594,7.58 18.004,8.33 19.084,8.33ZM13.294,8.33C14.524,8.33 15.454,7.43 15.454,6.32C15.454,5.21 14.524,4.34 13.444,4.34C12.934,4.34 12.574,4.49 12.514,4.49C12.544,2.39 14.224,1.1 14.554,0.83C14.794,0.65 14.824,0.35 14.644,0.14L14.194,-0.28C13.984,-0.52 13.774,-0.49 13.534,-0.31C12.754,0.38 10.834,2.21 10.834,5.12C10.834,7.58 12.214,8.33 13.294,8.33Z' style='fill:rgb(162,173,185);fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A");
		background-repeat: no-repeat no-repeat;
		background-position: center 30px;
		background-size: 40px;
	}
	.testimonial-slideshow blockquote p {
		font-size: 36px;
	}
	.testimonial-slideshow cite {
		font-size: 14px;
	}
}

/* -------------------------------- 

File#: _1_split-button-v2
Title: Split Button v2
Descr: A button that shows two actions on click
Usage: codyhouse.co/license

-------------------------------- */

.split-btn-v2 ol, .split-btn-v2 ul, .split-btn-v2 menu {
  list-style: none;
}
.split-btn-v2 button, .split-btn-v2 input, .split-btn-v2 textarea, .split-btn-v2 select {
  background-color: transparent;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  -webkit-appearance: none;
          appearance: none;
}
.split-btn-v2 {
  position: relative;
  z-index: 1;
}
.split-btn-v2--expanded .split-btn-v2__btn {
  opacity: 0;
  pointer-events: none;
}
.split-btn-v2--expanded .split-btn-v2__list-wrapper {
  opacity: 1;
  pointer-events: auto;
}
.split-btn-v2--expanded .split-btn-v2__list {
  transform: scale(1);
}
.split-btn-v2--expanded .split-btn-v2__morph-bg {
  box-shadow: 0 0 0 1px hsla(230, 13%, 9%, 0.05), 0 0.9px 1.25px hsla(230, 13%, 9%, 0.025), 0 3px 5px hsla(230, 13%, 9%, 0.05), 0 12px 20px hsla(230, 13%, 9%, 0.09);
}
.split-btn-v2__btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
  text-decoration: none;
  border-radius: 0.375em;
  padding: 0.5rem 1rem;
  font-weight: 500;
  line-height: 1.2;
  color: hsl(230, 13%, 9%);
  cursor: pointer;
  transition: 0.3s;
}
.split-btn-v2__btn:hover .split-btn-v2__btn-icon {
  transform: translateY(1px);
}
.split-btn-v2__btn:hover ~ .split-btn-v2__morph-bg {
  background: hsl(0, 0%, 100%);
  box-shadow: 0 0 0 1px hsla(230, 13%, 9%, 0.05), 0 0 0 1px hsla(230, 13%, 9%, 0.02), 0 1px 3px -1px hsla(230, 13%, 9%, 0.2);
}
.split-btn-v2__btn:focus-visible {
  outline: none;
}
.split-btn-v2__btn:focus-visible ~ .split-btn-v2__morph-bg {
  box-shadow: 0 0 0 1px hsla(230, 13%, 9%, 0.05), 0 0.3px 0.4px hsla(230, 13%, 9%, 0.02), 0 0.9px 1.5px hsla(230, 13%, 9%, 0.045),
  0 3.5px 6px hsla(230, 13%, 9%, 0.09), 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px hsl(230, 7%, 23%);
}
.split-btn-v2__btn:active {
  transform: translateY(2px);
}
.split-btn-v2__btn-icon {
  transition: 0.2s;
  height: 12px;
  width: 12px;
}
.split-btn-v2__list-wrapper {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.25rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.split-btn-v2__list {
  transform: scale(0.5);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.split-btn-v2__list-item {
  display: flex;
  gap: 0.25rem;
  width: 100%;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  font-size: 1rem;
  color: hsl(230, 13%, 9%);
  padding: 0.5rem 0.75rem;
  border-radius: 0.1875em;
  cursor: pointer;
  transition: background 0.3s;
}
.split-btn-v2__list-item .cd-icon {
  height: 16px;
  width: 16px;
}
.split-btn-v2__list-item:hover {
  background-color: hsla(230, 13%, 9%, 0.075);
}
.split-btn-v2__list-item:hover .split-btn-v2__anim-path {
  animation: split-btn-svg-path-anim 2s;
}
.split-btn-v2__list-item:focus-visible {
  outline: none;
  background-color: hsla(250, 84%, 54%, 0.15);
  color: hsl(250, 84%, 54%);
}
.split-btn-v2__anim-path {
  transform-origin: 8px 2px;
  transform: translateY(-1px);
}
@keyframes split-btn-svg-path-anim { /* bounce animation */
  0%, 20%, 40%, 100% {
    transform: translateY(-1px);
  }
  10%, 30% {
    transform: translateY(1px);
  }
}
/* morphing background */
.split-btn-v2__morph-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 0.375em;
  pointer-events: none;
  transform-origin: left top;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: hsl(0, 0%, 100%);
  box-shadow: 0 0 0 1px hsla(230, 13%, 9%, 0.05), 0 0.3px 0.4px hsla(230, 13%, 9%, 0.02), 0 0.9px 1.5px hsla(230, 13%, 9%, 0.045), 0 3.5px 6px hsla(230, 13%, 9%, 0.09);
  transition: box-shadow 0.3s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s, height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform, height, width;
}
.cd-inline-flex {
  display: inline-flex;
}