/*!
 * Va Bene CSS
 *
 * Copyright (c) 2022 Armin Bonelli
 *
 */
 
 /* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500&display=swap');

@font-face {
	font-family: 'Mostra Nuova';
	src: url('../fonts/MostraNuova.woff') format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Mostra Nuova';
	src: url('../fonts/MostraNuova-Light.woff') format("woff");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Mostra Nuova';
	src: url('../fonts/Mostra-Nuova-Bold.woff') format("woff");
	font-weight: 600;
	font-style: normal;
}

:root {
  --font-family: 'Jost', sans-serif;
  --color-red: #FF002B;
  --color-grey: #F2F2F2;
  --color-navbar-text: var(--color-red);
  --color-navbar-bg: var(--color-grey);
  --am-gallery-background: rgba(0,0,0,0.85);
}

/* Reduce Horizontal Bouncing */
html, body {
	width: 100%;
	overflow-x: hidden;
	position: relative;
}



html {
	font: 300 20px/1.6 var(--font-family);
}

body, p {
	letter-spacing: 0.02em;	
}


h1 {
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.1em;	
}

h2 {
	font-size: var(--h3-font-size);
	font-weight: 400 !important;
	letter-spacing: 0.01em;
}

.uppercase {
	font-size: var(--h3-font-size);
	text-transform: uppercase !important;
	font-weight: 400;
	letter-spacing: 0.1em !important;
}

h3 {
	font-size: var(--h5-font-size);
	font-weight: 400 !important;
	letter-spacing: 0.01em;
}

h2+am-flex p, h2+am-flex>* {
	margin-top: 1em !important;
}

/*
h2+am-flex p, h2+am-flex>* {
	font-size: 90%;
	color: #444;
	margin-top: 1em !important;
}
*/

h1, h2, h3 {
	/*
	text-transform: uppercase !important;
	font-weight: 500;
	letter-spacing: 0.1em;	
	*/
	/* color: #BF0000; */
}

h4 {
	text-transform: uppercase !important;
	font-weight: 400;
	letter-spacing: 0.15em;	
	font-size: 120%;
}

h5 {
	font-weight: 400 !important;
}

h5+p.am-block { 
	margin-top: 1em !important;
}

em {
	font-weight: 400 !important;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-style: normal;
}

html {
	scroll-behavior: smooth;
}

.content b, .content strong {
	font-weight: 400 !important;
}


::placeholder {
	color: #888 !important;
	letter-spacing: 0.02em;	
}


/* AB: Optimierung Mobile Grid */
@media (max-width: 660px) {
	.uk-container {
		max-width: 200rem !important;
		padding: 0 1rem !important;
	}
	am-section>am-flex:has(am-1-2) {
		margin-top: 4rem;
	}
	am-flex>am-1-4, am-flex>am-1-3, am-flex>am-1-2, am-flex>am-3-4  {
		flex-basis: 99%;
	}
	am-section.am-card>am-flex>am-1-4, am-section.am-card>am-flex>am-1-3, am-section.am-card>am-flex>am-1-2, am-section.am-card>am-flex>am-3-4  {
		flex-basis: 90%;
	}
	am-flex>* {
		margin-top: 5px;
		padding-top: 5px;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	am-flex .am-block {
		margin-top: 10px;
	}
	.navbar {
		padding: 0 12px;
	}
	h2.uppercase {
		font-size: 28px;
	}
	p { 
		font-size: 95%;
		line-height: 1.5; 
	}
	a.am-gallery-img-small, a.am-gallery-img-small img {
		width: 90vw !important;
	}
}

@media only screen and (max-width: 660px) {
	am-3-4 { flex-basis: 100% !important; }
}


/* Logo */
.uk-navbar-brand img, .uk-navbar-brand svg {
	max-height: 50%;
}




/* Navigation */


.navbar {
	background-color: var(--color-grey);
	transition: all 0.5s;
	padding-top: 1rem;
	padding-bottom: 1rem;
	position: fixed !important;
}

.uk-navbar-brand img {
	transition: all 0.5s;
}

.navbar-transparent {
	background-color: transparent;
	transition: all 0.5s;
}

.am-scrolled-secondary .navbar {
	padding-top: 0;
	padding-bottom: 0;
	background-color: var(--color-grey) !important;
}

.standard-light.am-u-notouch.uk-notouch.am-scrolled.am-scrolled-secondary .navbar-transparent {
	background-color: var(--color-grey);
	/* background: linear-gradient(90deg, rgba(2,0,36,0.9) 0%, rgba(102,50,86,0.9) 100%); */
	/* background-image: url('/shared/dark-abstract-texture.jpg') !important; */
	/* background-position: 30%; */
	transition: all 0.5s;
}

.am-scrolled-secondary .uk-navbar-brand img {
	max-height: 40% !important;
	transition: all 0.5s;
}


@media (min-height: 680px) {
	.am-scrolled .navbar {
		background-color: var(--color-grey) !important;
		transition: all 0.5s;
	}
}


.uk-modal {
	background-color: #4B001A !important;
	background-image: url('/shared/gradient-large.png') !important;
	background-position: bottom left !important;
	background-repeat: repeat-x !important;
	background-size: auto 50% !important;	
}

.uk-nav ul, .uk-nav li {
	text-align: center;
} 

/* Burger */
.navbar-toggle span {
	background-color: var(--color-red);
}
.navbar-toggle span:nth-child(1) {
	top: calc(50% - 8px);
}
.navbar-toggle span:nth-child(2) {
}
.navbar-toggle span:nth-child(3) {
	width: 1.25rem;
	top: calc(50% + 6px);
}

@media only screen and (max-width: 660px) {
	.uk-navbar {
		padding: 0;
	}
	.navbar-toggle span {
		background-color: var(--color-red);
	}
}


/* Desktop */
.uk-navbar-nav>li>a {
	font-weight: 400;
}
/* Burger */
.uk-nav-side>li>a {
	font-weight: 300;
	font-size: 1.5em;
	color: white;
}
.uk-nav-side>li.uk-active>a {
	color: white;
	border-bottom-color: var(--color-nav);
}

@media screen and (min-width: 770px) {
	.caption {
		padding-top: 100px;
	}	
	.loose {
		margin: 100px auto;
	}
}

/* Hide Search */
.navbar .uk-modal-dialog .uk-form  {
	display: none;
}
/* Hide Prev Next */
.am-block.prev-next {
	display: none;
}

/* Footer */

footer {
	font-size: 18px;
	border-top: 2px solid #F0F0F0;
	padding-top: 3em !important;
}

footer li {
	text-align: left;
}



/* Buttons */

am-1-2>am-section>am-buttons {
	margin-top: 0 !important;
}

.am-button {
	border-radius: 0;
	font-weight: 400 !important;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 15px;
	transition: all 0.3s;
	border: none;
}

.am-button:hover {
	filter: brightness(0.8);
	transition: all 0.3s;
	border: none;
}

.am-button.primary {
	background: var(--color-red);
	/* border: 1px solid var(--color-red); */
	color: white;
	border: none;
}

.am-button.primary:hover {
	/*
	background: white;
	border: 1px solid var(--color-red);
	color: var(--color-red);
	*/
	border: none;
}

.am-button.secondary {
	background: var(--color-grey);
	color: var(--color-red);
	border: none;
}

.am-button.secondary:hover {
	/*
	background: var(--color-red);
	border: 1px solid var(--color-red);
	color: white;
	*/
	border: none;
}

.am-button.expired, .am-button.expired:hover {
	background: var(--color-grey);
	/* border: 1px solid #CCC; */
	border: none;
	color: #CCC;
}
 


/* Startseite */

.hero .am-block {
	max-width: 100% !important;
	text-align: center;
}

/* Hero volle Höhe */
@media only screen and (min-width: 660px) {
	.hero am-stretched, .hero am-slider, .hero .am-slider, .hero .am-slider-item, .hero .am-stretched img, .hero .am-slider-item>img {
		height: 100vh !important;
		overflow: hidden !important;
		width: auto;
		object-fit: cover;
	}
}

@media only screen and (max-width: 660px) {
	am-quote blockquote {
		font-size: 1.25em !important;
		/* font-weight: 500 !important; */
	}
	.hero am-stretched, .hero am-slider, .hero .am-slider, .hero .am-slider-item, .hero .am-stretched img, .hero .am-slider-item>img {
		height: 90vh !important;
		overflow: hidden !important;
		width: auto;
		object-fit: cover;
	}
}

.hero am-raw.am-block {
	margin-top: 0 !important;
}

.hero h1#va-bene {
	font-family: 'Mostra Nuova';
	position: absolute;
	display: block;
	width: 100%;
	top: 55vh;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
	padding-bottom: 0;
	text-align: center;
	font-weight: 600 !important; /* 300 !important; */
	/* font-size: 7em; */
	/* font-size: 10vw; */
	font-size: 15vw;
	line-height: 0.6;
	letter-spacing: 0.02em !important;
	color: white;
	text-shadow: 0 5px 5px rgba(75,0,26,0.5); /* Versatz X, Versatz Y, Blur, Farbe */
	margin-left: calc(var(--am-container-padding) * -1) !important;
}

.hero h1#va-bene>span {
	font: 300 20px/1.6 var(--font-family);
	font-size: 3vw;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.25em;
}

.hero h1, .hero p {
	opacity: 1;
	transition: opacity 1s;
}

.am-scrolled-secondary .hero h1, .am-scrolled-secondary .hero p {
	opacity: 0;
	transition: opacity 1s;
}

@media only screen and (min-width: 1024px) {
	.hero h1#va-bene {
		font-size: 10vw;
	}
	.hero p.am-block {
		font-size: 2vw;
	}
	.hero h1#va-bene span {
		font-size: 2vw;
	}
}

@media only screen and (max-width: 660px) {
	.hero h1#va-bene {
		top: 65%;
		font-size: 20vw;
	}
	.hero p.am-block {
		top: 72%;
		font-size: 4.5vw;
	}
	.hero h1#va-bene span {
		font-size: 4.5vw;
	}
}

/* Slider Navigation ausblenden */
.am-slider-dots, .am-slider-prev, .am-slider-next {
	display: none;
}


/* Graukeil bzw. Roter Kail über Bild, um Titel lesbar zu machen */
.am-slider:after {
    position: absolute;
    content:"";
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: url('/shared/wedge-red.png') bottom left repeat-x;
	background-size: auto 50%;
}


/* Bilder Overlay */
am-1-2>am-img, am-1-3>am-img, am-1-4>am-img, am-section:has(.square) {
	position: relative;
}
am-1-2>am-img>figure:after, am-1-3>am-img>figure:after, am-section.am-card>am-flex>am-1-4>am-img>figure:after, am-section.square:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: url('/shared/red-overlay.png') bottom right no-repeat;
}

am-1-2>am-img>figure:after {
	background-size: auto 40%;
}

am-1-3>am-img>figure:after, am-section.square:after {
	background-size: auto 35%;
}

am-section.am-card>am-flex>am-1-4>am-img>figure:after {
	background-size: auto 35%;
}

.no-overlay am-img>figure:after {
	background: none !important;
}


/* Testimonial */

am-quote blockquote {
	font-size: 1.5em !important;
	 text-align: center;
	 line-height: 1.4 !important;
	 font-style: normal;
}
am-quote figcaption {
	text-align: center;
	padding-top: 0.5rem !important;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.2em;
	font-weight: 300;
	color: var(--color-red);

}
.content blockquote+figcaption:before {
	content: '';
	padding-right: 0;
}


/* Client Logos */

.client-logos {
	margin: 4rem auto;	
}
.client-logos am-flex>am-1-4  {
	min-width: 180px !important;
}
.client-logos img {
	/* opacity: 0.6; */
	max-width: 150px;
}
.client-logos am-flex>am-1-4 {
	flex-basis: 20% !important; /* für 5 Logos */
}


hr {
	margin-top: 4rem !important;
	margin-bottom: 4rem !important;
}



/* Page Title */

.hero.content  {
	min-height: 360px;
	width: 100%;	
	/*padding-top: 10rem;
	padding-bottom: 6rem;*/
	background-color: #4B001A !important;
	background: url('/shared/gradient-medium.png') bottom left repeat-x;
	background-size: auto 50%;
	overflow: hidden;
	display: block;
}

/* Kein Hintergrundbild auf der Startseite */
.hero.content:has(am-stretched):has(am-slider) {
	background-image: none !important;
	background-color: black;
}

.hero.content h2 {
	color: white;
	font-weight: 600;
	text-align: center;
	padding-top: 8rem;
	padding-bottom: 6rem;
	/* font-family: 'Mostra Nuova'; */
	font-weight: 400 !important;
	font-size: 3.5em;
	letter-spacing: 0.05em !important;
	text-shadow: 0 5px 5px rgba(75,0,26,0.5);
	/* text-transform: uppercase; */
}

@media only screen and (max-width: 660px) {
	.hero.content {
		min-height: 300px;
		position: relative;
	}
	.hero.content h2  {
		font-size: 2.5em;
		padding-top: 7rem;
		padding-bottom: 3rem;
	}
}

/* Checklist */
.checklist ul {
	list-style: none;
	padding-left: 1.3em;
}

.checklist ul li {
	text-indent: -1.3em;
	margin-bottom: 0.5em;
}

.checklist ul li::before {
	content: '' !important;
	background-color: var(--color-red);
	clip-path: polygon(0% 55%, 10% 45%, 35% 68%, 89% 0%, 100% 9%, 35% 90%, 0% 55%);
	margin: 0 0.5em -0.1em 0em;
	background-size: cover;
	display: inline-block;
	height: 0.8em;
	width: 0.8em;
}


/* Konzerte */

.concert p.am-block:nth-of-type(2) {
	background-image: url('/shared/calendar.png');
	background-position: 1px 4px;
	background-size: 17px;
	background-repeat: no-repeat;
	padding-left: 26px;
	margin-top: 20px !important;
}

.concert p.am-block:nth-of-type(3) {
	background-image: url('/shared/map.png');
	background-position: left 3px;
	background-size: 19px;
	background-repeat: no-repeat;
	padding-left: 24px;
	margin-top: 5px !important;
}


/* Formationen */

.formations { 
	text-align: center;
}

.formations .square { 
	aspect-ratio: 1 / 1;
	background-color: #F2F2F2;
	position: relative;
}


.square h2, .square p {
	visibility: hidden;
}
/*
.formations .square { 
	color: #DEB1A6;
	text-align: center;
	transition: all 0.3s;
}

.formations .square h2 { 
	font-size: 4em;
	font-weight: 300 !important;
	padding-top: 1.2em;
	line-height: 1;
	margin-bottom: 0;
}

.formations .square p:first-of-type { 
	text-transform: uppercase;
	font-size: 110%;
	font-weight: 400;
	letter-spacing: 0.2em;
	margin-top: 5px;
}

.formations .square p:nth-of-type(2) { 
	font-size: 85%;
}
*/
.formations h4 { 
	margin-top: 1.5em;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 0.13em;
}

.formations h4+p { 
	margin-top: 1em;
	font-size: 90%;
	line-height: 1.3;
}

.formations p:has(.preis) { 
	margin-top: 20px;
}

.formations .preis { 
	font-size: 90%;
	padding: 5px 15px; 
	border: 1px solid #1E1E1E; 
	display: inline; 
}

@media (max-width: 660px) {
	.formations .square {
		margin-top: 2em;
	}
	.formations>am-flex>am-1-3 {
		flex-basis: 100% !important;
	}
	.formations .square h2 { 
		font-size: 5em;
		font-weight: 300 !important;
		padding-top: 1em;
		line-height: 1;
	}
}

/* Background Parallax */

.gradient {
	background-color: #4B001A;
	background-position: bottom left;
	background-repeat: repeat-x;
	background-size: auto 50%;
}

@media (max-width: 660px) {
	.gradient.xl {
		background-size: auto 25%;
	}
}

@media (min-width: 1080px) {
	.fixed, .am-slider:after {
		background-attachment: fixed;
	}
}

.small {
	font-size: 85%;
}

/* Social Icons */


.uk-navbar-nav>li.social a, #modal-nav div.social a {
	float: left;
	padding-right: 20px;
	line-height: 3.3rem;
}

#modal-nav div.social {
	margin-top: 40px;
}

#modal-nav div.social a { 
	margin-right: 10px; 
}

.social a {
	border: none;
	transition: all 0.3s;
}

#modal-nav .social a svg {
	fill: white;
	transition: all 0.3s;
}

footer .social a svg {
	fill: var(--color-footer-social);
	transition: all 0.3s;
}

footer .social a:hover svg {
	fill: var(--color-footer-social);
	opacity: 0.7;
	transition: all 0.3s;
}

.social a:hover {
	background: none;
	border: none;
}

svg.bi-youtube {
	padding-top: 3px;
}

li.social svg.bi-youtube {
	padding-top: 2px;
}

@media only screen and (min-width: 770px) {
	footer .social { margin-bottom: 20px; }
	footer .social a { margin-left: 10px; }
}
@media only screen and (max-width: 770px) {
	footer .social { margin-bottom: 20px; }
	footer .social a { margin-right: 10px; }
	footer .uk-text-right { margin-top: 20px; }
}
@media only screen and (min-width: 1250px) {
	.uk-navbar-nav>li.social a {
		height: 4.25rem;
		line-height: 4.0rem;
	}
}

/* Mail Formular */

input[name=phone] { position: absolute; left: -9999px; }
.am-button { margin-top: 30px; }
input.am-input, textarea.am-input { 
	border-radius: 0;
	border-width: 1px;
	background: #F2F2F2; 
	transition: all 0.3s;
}
.am-input:hover, .am-input:focus, .am-input:active {	
	border-width: 1px;
	background: #F9F9F9;
}
input.am-input:disabled, textarea.am-input:disabled { 
	color: #999;
	cursor: not-allowed;
}
input.am-input:disabled:hover, textarea.am-input:disabled:hover { 
	background: #F2F2F2 !important; 
	cursor: not-allowed;
}

.am-button.sent, .am-button.sent:hover {
    background-color: #00CA4B !important; /* Grüner Button */
	border-color: #00CA4B !important;
    color: white;
    cursor: default !important;
    /* opacity: 0.9; */
}

#successOverlay {
	display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 20px;
    border-radius: 0px;
    z-index: 1000;
}

@media only screen and (max-width: 1024px) {
	input.am-input, textarea.am-input { 
		background: #F2F2F2; 
	}
}

@media only screen and (min-width: 1024px) {
	am-mail { 
		padding: 0.1rem 2rem 7rem 2rem; 
		background: #F2F2F2;
	}
	input.am-input, textarea.am-input { 
		background: #FFF; 
	}
	am-mail .am-button { float: right; }
}

/* Newsletter Formular von Selzy */

.bee-popup-container div,
		.bee-popup-container form {
			margin: 0;
			padding: 0;
			width: 100%;
		}
		.bee-popup-container input {
			margin-bottom: 5px;
		}
		.bee-popup-container {
			color: #181818;
			width: 100%;
		}
		.bee-popup-container * {
			box-sizing: border-box
		}
		.bee-popup-container .bee-popup-row {
			position: relative
		}
		.bee-popup-container .bee-popup-row-content {
			max-width: 500px;
			position: relative;
			margin: 0 auto;
			display: flex
		}
		.bee-popup-container .bee-popup-row-content .bee-popup-col-w12 {
			flex: 12
		}
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 .bee-popup-button-container {
			text-align: center
		}
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 .bee-popup-form-row:not(.bee-popup-sidelabel) input:not([type=checkbox]):not([type=radio]) {
			width: 100%
		}
		.bee-popup-form .bee-popup-form-row .bee-popup-field {
			padding: 3px;
			display: flex;
			flex: 1;
			flex-wrap: wrap;
			align-items: center
		}
		.bee-popup-form .bee-popup-form-row .bee-popup-field input:not([type=checkbox]):not([type=radio]) {
			flex-grow: 1;
			font-family: inherit;
			font-size: inherit
		}
		.bee-popup-form .bee-popup-form-row .bee-popup-field button {
			font-family: inherit;
			font-size: inherit;
			cursor: pointer
		}
		.bee-popup-form .bee-popup-form-row .bee-popup-field .bee-popup-button-container {
			flex-grow: 1
		}
		@media (max-width:520px) {
			.bee-popup-form form {
				width: 100% !important
			}

			.bee-popup-row-content:not(.no_stack) {
				display: block;
				max-width: 250px
			}
		}
		.bee-popup-row-1 {
			background-repeat: no-repeat
		}
		.bee-popup-row-1 .bee-popup-row-content {
			background-repeat: no-repeat;
			color: #000000
		}
		.bee-popup-row-1 .bee-popup-col-1 {
			padding-bottom: 5px;
			padding-top: 5px
		}
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 {
			font-family: inherit;
			font-size: 16px;
			font-weight: 400;
			padding: 10px;
			text-align: center
		}
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 form {
			display: inline-block;
			width: 100%
		}
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 div.label,
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 label {
			color: #181818;
			line-height: 200%;
			text-align: left;
			display: none;
		}
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 div.label:not(.inline),
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 label:not(.inline) {
			flex-basis: 100%;
			display: none;
		}
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 ::-webkit-input-placeholder {
			color: #181818
		}
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 :-moz-placeholder {
			color: #181818
		}
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 ::-moz-placeholder {
			color: #181818
		}
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 :-ms-input-placeholder {
			color: #181818
		}
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 .bee-popup-field>label:first-child,
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 div.label {
			padding: 3px;
			display: none;
		}
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 input:not([type=checkbox]):not([type=radio]):not([type=image]) {
			background-color: #f2f2f2;
			border-bottom: 0 solid #aaddee;
			border-left: 0 solid #aaddee;
			border-radius: 0;
			border-right: 0px solid #aaddee;
			border-top: 0 solid #aaddee;
			color: #181818;
			padding: 5px;
			min-height: 38px
		}
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 input:not([type=checkbox]):not([type=radio]):focus {
			outline-color: #ff002b
		}
		.bee-popup-row-1 .bee-popup-col-1 .bee-popup-block-1 button {
			background-color: #ff002b;
			border-bottom: 0 solid transparent;
			border-left: 0 solid transparent;
			border-radius: 0;
			border-right: 0px solid transparent;
			border-top: 0 solid transparent;
			color: #ffffff;
			font-weight: 400 !important;
			letter-spacing: 2px;
			line-height: 200%;
			padding: 5px 20px;
			width: auto
		}
		
/* Armin */
@media only screen and (min-width: 1024px) {
	.bee-popup-container {
			min-width: 400px;
	}
}

/* Icons */

.icon figure, .icon img {
	width: 3em;
}

.icon-small figure, .icon img {
	width: 2em;
}

.icon-large figure, .icon img {
	width: 4em;
}


/* Von Home */


.hidden { display: none; }

/* Desktop */
@media only screen and (min-width: 770px) {
	.picture-left { background-position: 5% bottom; background-repeat: no-repeat; background-size: 500px; }
}
/* Mobile */
@media only screen and (max-width: 770px) {
	.picture-left { background-position: center bottom; background-repeat: no-repeat; background-size: 400px; padding-bottom: 250px; }
	.picture-left.am-justify-end>am-flex { justify-content: flex-start !important; padding-left: 20px; }
	.hide-on-mobile { display: none; visibility: hidden; }
}