@charset "UTF-8";
/* CSS Document */

/* raleway-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/raleway-v34-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* rokkitt-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 100;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: italic;
  font-weight: 100;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 200;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: italic;
  font-weight: 200;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 300;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: italic;
  font-weight: 300;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 400;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: italic;
  font-weight: 400;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 500;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: italic;
  font-weight: 500;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 600;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: italic;
  font-weight: 600;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 700;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: italic;
  font-weight: 700;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 800;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: italic;
  font-weight: 800;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 900;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rokkitt-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rokkitt';
  font-style: italic;
  font-weight: 900;
  src: url('https://hell-flower.at/typo3conf/ext/sitepackage/Resources/Public/Fonts/rokkitt-v36-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
	--color-light-shades: #FFFFFF;
	--color-light-accent: #F3FEFC;
	--color-main-brand: #9DC2B2;
	--color-dark-accent: #96A5B7;
	--color-dark-shades: #000000;
	
}

.mainbrand{
	background-color: var(--color-main-brand);
	color: var(--color-light-shades);
}

.light-shades{
	background-color: var(--color-light-shades);
	color: var(--color-dark-shades);
}

.dark-shades{
	background-color: var(--color-dark-shades);
	color: var(--color-light-shades);
}

.light-accent{
	background-color: var(--color-light-accent);
	color: var(--color-dark-shades);
}

.dark-accent{
	background-color: var(--color-dark-accent);
	color: var(--color-light-shades);

}

.row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

h1, h2, h3, h4, h5, h6{
	font-family: "Rokkitt", serif;
}


/* START HEADER */
#header{
	padding: 2vh;
	background-color: #fff;
	animation: headertransform 0.05s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -1s);

    animation-iteration-count: 1;
    animation-fill-mode: both;
	
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 3px 3px 5px 3px rgba(0,0,0,0); 
	box-shadow: 0px 10px 13px -7px #000000, 3px 3px 5px 3px rgba(0,0,0,0);
}

@keyframes headertransform {
  to {
	padding: 1vh;
	padding-right: 2vh;
	color: var(--color-light-shades);
	
	  
  }
}

#navbarNavAltMarkup{
	justify-content: flex-end;
	
}

#mainmenu nav{
	padding-top: 3vh;
	font-size: 1.2em;
	font-family: "Rokkitt", serif;
}
	

#mainmenu a{
	font-weight: bold;
	color: var(--color-dark-shades);


}



.navbar-collapse{
	text-align: right;
}


/* ENDE HEADER */

/* HEADSLIDER VARIANTE 2 */



#headslider2 .carousel-inner{
	height: 100vh;
	position: relative;
	overflow: hidden;
}

#headslider2 .carousel-inner img{
	height: 120vh;
}

#headslider2 .carousel-caption{
	position: absolute;
	left: 50%;
	bottom: 30%;
	background-color: rgba(255,255,255,0.60);
	height: 40vh;
	text-align: left;
	padding: 2vw;
	padding-right: 5vw;
	color: var(--color-dark-shades);
}

#headslider2 p{
	margin-left: 0;
}


@media only screen and (max-width: 1200px) {
	
	#headslider2 .carousel-caption{
		position: absolute;
		left: 50%;
		bottom: 30%;
		height: 50vh;
		text-align: left;
		padding: 2vw;
		padding-right: 5vw;
	}	
}

@media only screen and (max-width: 990px) {
	
	
	#headslider2 .carousel-caption{
		position: absolute;
		left: 40%;
		bottom: 30%;
		height: 60vh;
		text-align: left;
		padding: 5vw;
		padding-left: 10vw;
		padding-right: 10vw;
	}	
}

@media only screen and (max-width: 768px) {
	
	#headslider2 .carousel-caption{
		position: absolute;
		left: 10%;
		bottom: 20%;
		height: 60vh;
		text-align: left;
		padding: 5vw;
		padding-left: 10vw;
		padding-right: 10vw;
	}	
	
	#headslider2 h2{
		font-size: 1em;
	}
}


#headslider2 .carousel-control-prev, #headslider2 .carousel-control-next{
	width: auto;
}

#headslider2 .carousel-control-prev-icon, #headslider2 .carousel-control-next-icon{
	background-color: black;
}


/* ENDE HEADSLIDER VARIANTE 2 */

/* START INTROFRAGEN VARIANTE 1 */

#introfragen1{
	padding-top: 10vh;
	padding-bottom: 20vh;
}


#introfragen1 .frage-outer{
	margin: 11vh;
	margin-top: 2vh;
	margin-bottom: 2vh;
}

#introfragen1 .frage-inner{
	padding: 5vh;
	border-radius: 10px;
	text-align: center;
}

#introfragen1 img{
 margin-bottom: 2vh;
}

#introfragen1 h3{
 font-size: 1.5em;
}

#introfragen1 p{
 min-height: 8em;
}

@media only screen and (max-width: 768px) {
	#introfragen1 .frage-outer{
		margin: 2vh;
	}

	#introfragen1 .frage-inner{
		padding: 3vh;
		border-radius: 10px;
		text-align: center;
	}
	
}



/* ENDE INTROFRAGEN VARIANTE 1 */

/* START TEAM-SEKTION */
#about{
	
}

#abouttext{
	padding: 15vh;
	padding-right: 5vh;
}

#aboutpic{
	padding: 15vh;
	padding-left: 0vh;
}

@media only screen and (max-width: 990px){
	#abouttext{
		padding: 5vh;
	}

	#aboutpic{
		padding: 5vh;
	}	
}

/* ENDE TEAM-SEKTION */

/* START GALERIE */

#gallery{
	padding: 15vh;
	padding-bottom: 5vh;
}

#gallery .galleryitem-outer{
	
}

#gallery .galleryitem-inner{
	margin: .5vh;
	padding: .5vh;
	border-radius: 10px;
	overflow: hidden;
}

#gallery .galleryitem-inner img{
	width: 100%;
	height: auto;
	overflow: hidden;
}

@media only screen and (max-width: 990px){
	#gallery{
		padding: 5vh;
	}
}

/* ENDE GALERIE */

/* ZITAT 1 */

#quote1{
	padding: 15vh;
	padding-top: 0vh;
	padding-bottom: 0vh;
}

/* center the blockquote in the page */
.blockquote-wrapper {
   display: flex;
   height: 100vh;
   padding: 0 20px;
}

/* Blockquote main style */
.blockquote {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color: #ffffff;
    padding: 30px 0;
    width: 100%;
    max-width: 500px;
    z-index: 1;
    margin: 80px auto;
    align-self: center;
    border-top: solid 1px;
    border-bottom: solid 1px;
}

/* Blockquote header */
.blockquote h1 {
    position: relative;
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
}

/* Blockquote right double quotes */
.blockquote:after {
    position: absolute;
    content: "”";
    color: rgba(255, 255, 255, 1);
    font-size: 10rem;
    line-height: 0;
    bottom: -43px;
    right: 30px;
}

/* increase header size after 600px */
@media all and (min-width: 600px) {
    .blockquote h1 {
        font-size: 60px;
   }

}

/* Blockquote subheader */
.blockquote h4 {
    position: relative;
    color: #292a2b;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding-top: 20px;
    z-index: 1;
}

@media only screen and (max-width: 990px){
	#quote1{
		padding: 5vh;
		padding-top: 0vh;
		padding-bottom: 0vh;
	}
	
	.blockquote h1 {
		position: relative;
		color: #FFFFFF;
		font-size: 30px;
		font-weight: 800;
		line-height: 1;
		margin: 0;
	}
}

/* ENDE ZITAT 1 */

/* FOOTER 1 */

#footer1{
	min-height: 80vh;
	padding-top: 5vh;
}

#footer1 a{
	text-decoration: none;
	color: var(--color-light-shades);
}

#footer1 .footeritem{
	margin-top: 5vh;
}

/* ENDE FOOTER 1 */

/* START IMPRESSUM */
#imprint{
	padding: 15vh;
}

@media only screen and (max-width: 990px){
	#imprint{
		padding: 5vh;
	}
/* ENDE IMPRESSUM */