/* 
	Theme Name: XXX
	Author: Ben
	Description: 
	Version: 1.0
*/



/* ---------------------------------------------------------------------
	Webfonts 
------------------------------------------------------------------------ */

/* Editor */

@font-face {
	font-family: 'Editor-Extrabold';
	src: url('webfonts/36928D_0_0.eot');
	src: url('webfonts/36928D_0_0.eot?#iefix') 
		format('embedded-opentype'),url('webfonts/36928D_0_0.woff2') 
		format('woff2'),url('webfonts/36928D_0_0.woff') 
		format('woff'),url('webfonts/36928D_0_0.ttf') 
		format('truetype');
}


/* NeurialGrotesk */

@font-face {
	font-family: 'NeurialGrotesk-Light';
	src: url('webfonts/362D45_4_0.eot');
	src: url('webfonts/362D45_4_0.eot?#iefix') 
		format('embedded-opentype'),url('webfonts/362D45_4_0.woff2') 
		format('woff2'),url('webfonts/362D45_4_0.woff') 
		format('woff'),url('webfonts/362D45_4_0.ttf') 
		format('truetype');}
  
@font-face {
	font-family: 'NeurialGrotesk-Regular';
	src: url('webfonts/362D45_1_0.eot');
	src: url('webfonts/362D45_1_0.eot?#iefix') 
		format('embedded-opentype'),url('webfonts/362D45_1_0.woff2') 
		format('woff2'),url('webfonts/362D45_1_0.woff') 
		format('woff'),url('webfonts/362D45_1_0.ttf') 
		format('truetype');}
    
@font-face {
	font-family: 'NeurialGrotesk-Medium';
	src: url('webfonts/362D45_8_0.eot');
	src: url('webfonts/362D45_8_0.eot?#iefix') 
		format('embedded-opentype'),url('webfonts/362D45_8_0.woff2') 
		format('woff2'),url('webfonts/362D45_8_0.woff') 
		format('woff'),url('webfonts/362D45_8_0.ttf') 
		format('truetype');}

@font-face {
	font-family: 'NeurialGrotesk-Bold';
	src: url('webfonts/362D45_2_0.eot');
	src: url('webfonts/362D45_2_0.eot?#iefix') 
		format('embedded-opentype'),url('webfonts/362D45_2_0.woff2') 
		format('woff2'),url('webfonts/362D45_2_0.woff') 
		format('woff'),url('webfonts/362D45_2_0.ttf') 
		format('truetype');}
 
@font-face {
	font-family: 'NeurialGrotesk-Extrabold';
	src: url('webfonts/362D45_6_0.eot');
	src: url('webfonts/362D45_6_0.eot?#iefix') 
		format('embedded-opentype'),url('webfonts/362D45_6_0.woff2') 
		format('woff2'),url('webfonts/362D45_6_0.woff') 
		format('woff'),url('webfonts/362D45_6_0.ttf') 
		format('truetype');}


/* ---------------------------------------------------------------------
	Basics 
------------------------------------------------------------------------ */

* {
	box-sizing: border-box; 
}

html {
	font-size: 62.5%;
	font-variant-ligatures: none;
}

body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: rgba(255,255,255,1);
}

p {
	padding: 0px;
	margin: 0px;
}

h1 {
	padding: 0px;
	margin: 0px;
}

h2 {
	padding: 0px;
	margin: 0px;
}

h3 {
	padding: 0px;
	margin: 0px;
}

h4 {
	padding: 0px;
	margin: 0px;
}

a:link {
	cursor: pointer;
}

a:visited {
	cursor: pointer;
}

a:hover {
	cursor: pointer;
}

a:focus {
	cursor: pointer;
}

a:active {
	cursor: pointer;
}

nav {
}

header {
}

footer {
}

section {
}

article {
}

img {
}




/* ---------------------------------------------------------------------
	Selection 
------------------------------------------------------------------------ */

::-moz-selection { 
	background-color: rgba(0,0,0,0.05);
}

::selection {
	background-color: rgba(0,0,0,0.05);
}


/* ---------------------------------------------------------------------
	Clearfix
------------------------------------------------------------------------ */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
} 

.clearfix::after {
  clear: both;
}

.clearfix {
  *zoom: 1; /* Für den IE6 und IE7 */
}


/* ---------------------------------------------------------------------
	Backgrounds
------------------------------------------------------------------------ */

.background-red {
	background-color: rgba(255,85,112,1);
}

.background-grey {
	background-color: rgba(246,246,246,1);
}

.background-darkgrey {
	background-color: rgba(125,121,121,1);
}


/* ---------------------------------------------------------------------
	Abstände
------------------------------------------------------------------------ */

.margin-top-30 {
	margin-top: 30px;
}

.margin-top-60 {
	margin-top: 60px;
}

.margin-top-100 {
	margin-top: 100px;
}


/* ---------------------------------------------------------------------
	Frame
------------------------------------------------------------------------ */

.frame {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	clear: both;
}

	@media only screen and (min-width: 480px) {	

	.frame {
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 15px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.frame {
		margin-left: 60px;
		margin-right: 20px;
		margin-top: 20px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.frame {
		margin-left: 60px;
		margin-right: 20px;
		margin-top: 20px;
	}
	} /* Media Query Ende */


/* ---------------------------------------------------------------------
	Container
------------------------------------------------------------------------ */

.container {
	margin-left: auto;
	margin-right: auto;
	padding: 0px 10px 0px 10px;
}

	@media only screen and (min-width: 768px) {	

	.container {
		padding: 0px 10px 0px 10px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1000px) {	

	.container {
		max-width: 1400px;	
		margin-left: auto;
		margin-right: auto;
		padding: 0px 20px 0px 20px;
	}
	} /* Media Query Ende */


/* ---------------------------------------------------------------------
	Flexbox
------------------------------------------------------------------------ */

.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-flow: -ms-flex-wrap;
	-ms-flex-direction: row;
	flex-flow: row wrap;
	justify-content: flext-start;
	width: 100%;
}


/* ---------------------------------------------------------------------
	Function Bar
------------------------------------------------------------------------ */

.function-bar {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 11px; /*Fallback*/
	font-size: 1.1rem;
	line-height: 1.00;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: rgba(35,35,35,1);
	margin: 0px 0px 0px 0px;
	position: fixed;
	transform: rotate(-90deg);
	left: -36px;
	top: 335px;
	visibility: hidden;
}

	@media only screen and (min-width: 480px) {	

	.function-bar {
		visibility: hidden;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.function-bar {
		visibility: visible;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.function-bar {
		visibility: visible;
	}
	} /* Media Query Ende */


/* ---------------------------------------------------------------------
	Function Bar Arrow
------------------------------------------------------------------------ */

.function-bar-arrow {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: fixed;
	left: 23px;
	top: 500px;
	visibility: hidden;
}

	@media only screen and (min-width: 480px) {	

	.function-bar-arrow {
		visibility: hidden;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.function-bar-arrow {
		visibility: visible;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.function-bar-arrow {
		visibility: visible;
	}
	} /* Media Query Ende */

.function-bar-arrow img {
	width: 16px;
}

.function-bar-arrow img:hover {
	margin-top: -5px;
}


/* ---------------------------------------------------------------------
	Function Arrow Back
------------------------------------------------------------------------ */

.function-arrow-back {
	margin: 0px 1.5% 40px 1.5%;
	padding: 0px 0px 0px 0px;
	visibility: hidden;
	position: absolute;
	height: 0px;
}

	@media only screen and (min-width: 480px) {	

	.function-arrow-back {
		visibility: hidden;
		position: absolute;
		height: 0px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.function-arrow-back {
		visibility: hidden;
		position: absolute;
		height: 0px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.function-arrow-back {
		visibility: visible;
		position: inherit;
		height: inherit;
	}
	} /* Media Query Ende */

.function-arrow-back img {
	width: 47px;
}

.function-arrow-back img:hover {
	margin-left: -5px;
}



/* ---------------------------------------------------------------------
	Function Arrow Forward
------------------------------------------------------------------------ */

.arrow-red {
	width: 48px !important; 
	margin: 20px 0px 0px 0px !important; 
	background: none !important;
}

.arrow-red img {
	width: 48px !important; 
	background: none !important;
}

.arrow-red img:hover {
	margin: 0px 0px 0px 5px !important;; 
}


/* ---------------------------------------------------------------------
	Logo Desktop
------------------------------------------------------------------------ */

.logo-x {
	right: 80px;
	top: 80px;
	position: absolute;
	visibility: hidden;
	height: 0px;
	z-index: 1
}

.logo-x img {
	width: 100px;
	height: 100%;
}

	@media only screen and (min-width: 1024px) {	

	.logo-x {
		visibility: visible;
		height: inherit;
	}	
	} /* Media Query Ende */

	@media only screen and (min-width: 1800px) {	

	.logo-x {
		right: 80px;
		top: 80px;
		position: fixed;
	}	
	} /* Media Query Ende */


/* ---------------------------------------------------------------------
	Logo Mobile
------------------------------------------------------------------------ */

.logo-xs {
	right: 25px;
	top: 25px;
	position: absolute;
	visibility: visible;
}

.logo-xs img {
	width: 70px;
	height: 100%;
}

	@media only screen and (min-width: 480px) {	

	.logo-xs {
		right: 50px;
		top: 50px;
		position: absolute;
		visibility: visible;
	}	
		
	.logo-xs img {
		width: 80px;
}	
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.logo-xs {
		visibility: hidden;
	}	
		
	.logo-xs img {
		width: 80px;
	}
	} /* Media Query Ende */


/* ---------------------------------------------------------------------
	Navigation
------------------------------------------------------------------------ */

.navigation {
	margin: 115px 1.5% 50px 1.5%;
	padding: 0px 0px 0px 0px;
	visibility: hidden;
	height: 0px;
 	position: absolute;
}

	@media only screen and (min-width: 1024px) {	

	.navigation {
		visibility: visible;
		position: inherit;
		height: inherit;
	}	
	} /* Media Query Ende */

.navigation ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

.navigation li {
	float: left;
	margin: 0px 30px 0px 0px;
}

.navigation a {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 25px; /*Fallback*/
	font-size: 2.5rem;
	line-height: 1.0;
	color: rgba(255,85,112,1);
	text-decoration: none;
}

.navigation a:hover {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 25px; /*Fallback*/
	font-size: 2.5rem;
	line-height: 1.0;
	color: rgba(35,35,35,1);
	text-decoration: none;
}

.navigation a span {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 25px; /*Fallback*/
	font-size: 2.5rem;
	line-height: 1.0;
	color: rgba(35,35,35,1);
	text-decoration: none;
	border-bottom: 3px solid rgba(35,35,35,1);
	padding: 0px 0px 2px 0px;
}


/* ---------------------------------------------------------------------
	Subnavigation
------------------------------------------------------------------------ */

.footer {
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
}

.subnavigation {
	width: 97%;
	margin: 0px 1.5% 0px 1.5%;
}

	@media only screen and (min-width: 480px) {	

	.subnavigation {
		width: 97%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.subnavigation {
		width: 30.33330%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.subnavigation {
		width: 17%;
	}
	} /* Media Query Ende */

.subnavigation h5 {
	font-family: 'NeurialGrotesk-Extrabold';
	font-weight: normal;
	font-size: 13px; /*Fallback*/
	font-size: 1.3rem;
	line-height: 1.0;
	color: rgba(255,85,112,1);
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 60px 0px 60px 0px;
	padding: 0px 0px 0px 0px;
}

.subnavigation ul {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 13px; /*Fallback*/
	font-size: 1.3rem;
	line-height: 1.4;
	letter-spacing: 0.5px;
	color: rgba(35,35,35,1);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

.subnavigation li {
	margin: 0px 0px 15px 0px;
}

.subnavigation a {
	color: rgba(35,35,35,1);
	text-decoration: none;
	border-bottom: 2px solid rgba(35,35,35,1);
}

.subnavigation a:hover {
	color: rgba(255,85,112,1);
	text-decoration: none;
	border-bottom: 2px solid rgba(255,85,112,1);
}

.abbinder {
	margin: 60px 1.5% 60px 1.5%;
}

.copyright {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 11px; /*Fallback*/
	font-size: 1.1rem;
	line-height: 1.5;
	letter-spacing: 1.2px;
	color: rgba(35,35,35,1);
	text-transform: uppercase;
	float: left;
	margin: 0px 60px 20px 0px;
}

.independent {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 11px; /*Fallback*/
	font-size: 1.1rem;
	line-height: 1.5;
	letter-spacing: 1.2px;
	color: rgba(255,85,112,1);
	text-transform: uppercase;
	float: left;
}

.independent span {
	border: 2px solid rgba(255,85,112,1);
	padding: 5px 7px 5px 7px;
}


/* ---------------------------------------------------------------------
	Teaser
------------------------------------------------------------------------ */

.teaser {
	width: 97%;
	margin: 0px 1.5% 60px 1.5%;
}

	@media only screen and (min-width: 480px) {	

	.teaser {
		width: 97%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 568px) {	

	.teaser {
		width: 47%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.teaser {
		width: 30.333333%;
	}
	} /* Media Query Ende */

.teaser h1 {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 100px; /*Fallback*/
	font-size: 10.0rem;
	line-height: 1.0;
	color: rgba(35,35,35,1);
}

.teaser h2 {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 34px; /*Fallback*/
	font-size: 3.4rem;
	line-height: 1.2;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 10px 0px;
}

.teaser h3 {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(255,85,112,1);
	margin: 35px 0px 0px 0px;
}

.teaser h3 span {
	border-bottom: 2px solid rgba(255,85,112,1);
	padding: 0px 0px 3px 0px;
}

.teaser p {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 0px 3% 0px 0px;
}

.teaser img {
	background: rgba(255,255,255,1);
	vertical-align: bottom;
	width: 100%;
}

.teaser a {
	cursor: pointer;
	text-decoration: none;
	color: rgba(35,35,35,1);
}

.teaser a:hover {
	color: rgba(255,85,112,1) !important;
}

.teaser-startseite-special {
	width: 100% !important;
}


/* ---------------------------------------------------------------------
	Teaser Redframe
------------------------------------------------------------------------ */

.teaser-redframe {
	width: 97%;
	margin: 0px 1.5% 60px 1.5%;
	border: 2px solid rgba(255,85,112,1); 
	padding: 40px 25px 25px 25px;
}

	@media only screen and (min-width: 480px) {	

	.teaser-redframe {
		width: 97%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 568px) {	

	.teaser-redframe {
		width: 47%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.teaser-redframe {
		width: 30.333333%;
	}
	} /* Media Query Ende */

.teaser-redframe h2 {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 34px; /*Fallback*/
	font-size: 3.4rem;
	line-height: 1.2;
	color: rgba(255,85,112,1);
	text-align: center;
	margin: 0px 0px 50px 0px;
}

.teaser-redframe h3 {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(255,85,112,1);
	text-align: center;
}

.teaser-redframe p {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(255,85,112,1);
	padding: 0px 3% 0px 0px;
}

.teaser-redframe a {
	cursor: pointer;
	text-decoration: none;
}

.teaser-redframe a:hover {
}

.teaser-redframe img {
	display: block;
	width: 19px;
	margin: 15px auto 15px auto;
}


/* ---------------------------------------------------------------------
	Header
------------------------------------------------------------------------ */

.header {
	margin: 140px 1.5% 100px 1.5%;
}

	@media only screen and (min-width: 480px) {	

	.header {
		margin: 140px 1.5% 100px 1.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.header {
		margin: 140px 1.5% 100px 1.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.header {
		margin: 0px 1.5% 100px 1.5%;
	}
	} /* Media Query Ende */

.header h1 {
	width: 100%;
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 40px; /*Fallback*/
	font-size: 4.0rem;
	line-height: 1.0;
	color: rgba(35,35,35,1);
	margin: 0px 0px 0px 0px;
}

	@media only screen and (min-width: 480px) {	

	.header h1 {
		width: 100%;
		font-size: 80px; /*Fallback*/
		font-size: 8.0rem;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.header h1 {
		width: 100%;
		font-size: 100px; /*Fallback*/
		font-size: 10.0rem;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.header h1 {
		width: 66%;
		font-size: 100px; /*Fallback*/
		font-size: 10.0rem;
	}
	} /* Media Query Ende */

.header h3 {
	width: 100%;
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 20px; /*Fallback*/
	font-size: 2.0rem;
	line-height: 1.3;
	color: rgba(255,85,112,1);
	margin: 40px 0px 100px 0px;
}

	@media only screen and (min-width: 480px) {	

	.header h3 {
		width: 100%;
		font-size: 23px; /*Fallback*/
		font-size: 2.3rem;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.header h3 {
		width: 100%;
		font-size: 23px; /*Fallback*/
		font-size: 2.3rem;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.header h3 {
		width: 80%;
		font-size: 23px; /*Fallback*/
		font-size: 2.3rem;
	}
	} /* Media Query Ende */


/* ---------------------------------------------------------------------
	Header Ressort
------------------------------------------------------------------------ */

.header-ressort {
	margin: 140px 1.5% 100px 1.5%;
}

	@media only screen and (min-width: 480px) {	

	.header-ressort {
		margin: 140px 1.5% 100px 1.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.header-ressort {
		margin: 140px 1.5% 100px 1.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.header-ressort {
		margin: 0px 1.5% 100px 1.5%;
	}
	} /* Media Query Ende */

.header-ressort h1 {
	width: 100%;
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 40px; /*Fallback*/
	font-size: 4.0rem;
	line-height: 1.0;
	color: rgba(255,85,112,1);
	margin: 0px 0px 0px 0px;
}

	@media only screen and (min-width: 480px) {	

	.header-ressort h1 {
		width: 100%;
		font-size: 80px; /*Fallback*/
		font-size: 8.0rem;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.header-ressort h1 {
		width: 100%;
		font-size: 100px; /*Fallback*/
		font-size: 10.0rem;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.header-ressort h1 {
		width: 66%;
		font-size: 100px; /*Fallback*/
		font-size: 10.0rem;
	}
	} /* Media Query Ende */



/* ---------------------------------------------------------------------
	Content Float
------------------------------------------------------------------------ */

.content-float {
	float: left;
	width: 100%;
}


/* ---------------------------------------------------------------------
	Content
------------------------------------------------------------------------ */

.content {
	float: left;
	margin: 0px 1.5% 60px 1.5%;
	padding: 0px 0px 0px 0px;
}

	@media only screen and (min-width: 480px) {	

	.content {
		padding: 0px 0px 0px 0px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.content {
		padding: 0px 3% 0px 0px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.content {
		padding: 0px 3% 0px 0px;
	}
	} /* Media Query Ende */

.content-width-50 {
	width: 97%;
}

	@media only screen and (min-width: 480px) {	

	.content-width-50 {
		width: 97%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.content-width-50 {
		width: 50.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.content-width-50 {
		width: 50.5%;
	}
	} /* Media Query Ende */

.content-width-66 {
	width: 97%;
}

	@media only screen and (min-width: 480px) {	

	.content-width-66 {
		width: 97%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.content-width-66 {
		width: 65.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.content--width-66 {
		width: 65.5%;
	}
	} /* Media Query Ende */

.content-width-full {
	width: 97%;
}

	@media only screen and (min-width: 480px) {	

	.content-width-full {
		width: 97%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.content-width-full {
		width: 97%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.content-width-full {
		width: 97%;
	}
	} /* Media Query Ende */


.content h2:first-child {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 34px; /*Fallback*/
	font-size: 3.4rem;
	line-height: 1.2;
	color: rgba(35,35,35,1);
	margin: 0px 0px 10px 0px;
}

.content h2 {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 34px; /*Fallback*/
	font-size: 3.4rem;
	line-height: 1.2;
	color: rgba(35,35,35,1);
	margin: 40px 0px 10px 0px;
}

.content h3 {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 25px; /*Fallback*/
	font-size: 2.5rem;
	line-height: 1.2;
	color: rgba(35,35,35,1);
	margin: 40px 0px 10px 0px;
}

.content p {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	margin: 0px 0px 15px 0px;
}

.content p strong {
	font-family: 'NeurialGrotesk-Extrabold';
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
}

.content ul {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	margin: 0px 0px 30px 0px;
	list-style-type: square;
}

.content ul strong {
	font-family: 'NeurialGrotesk-Extrabold';
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
}

.content li {
	margin: 0px 0px 15px 30px;
}

.content a {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(255,85,112,1);
	text-decoration: none;
	border-bottom: 2px solid rgba(255,85,112,1);
}

.content a:hover {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	text-decoration: none;
	border-bottom: 2px solid rgba(35,35,35,1);
}


/* ---------------------------------------------------------------------
	Content List
------------------------------------------------------------------------ */

.content-list {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 10px 0px;
	border-top: 1px solid rgba(255,85,112,1);
}

.content-list-image {
	align-self: center;
	width: 100%;
	margin: 0px 0% 20px 0px;
	background: white;
	text-align: center;
}

	@media only screen and (min-width: 480px) {	

	.content-list-image {
		width: 100%;
		margin: 0px 0% 20px 0px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.content-list-image {
		width: 13.5%;
		margin: 0px 3% 0px 0px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.content-list-image {
		width: 13.5%;
		margin: 0px 3% 0px 0px;
	}
	} /* Media Query Ende */

.content-list-image img {
	width: auto;
	max-height: 180px;
}

	@media only screen and (min-width: 480px) {	

	.content-list-image img {
		width: auto;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.content-list-image img {
		width: 100%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.content-list-image img {
		width: 100%;
	}
	} /* Media Query Ende */

.content-list-name {
	align-self: center;
	width: 100%;
	margin: 0px 1.5% 0px 0px;
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
}

	@media only screen and (min-width: 480px) {	

	.content-list-name {
		width: 100%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.content-list-name {
		width: 28.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.content-list-name {
		width: 28.5%;
	}
	} /* Media Query Ende */

.content-list-name strong {
	font-family: 'NeurialGrotesk-ExtraBold';
}

.content-list-link {
	align-self: center;
	width: 100%;
	margin: 20px 0px 20px 0px;
	text-align: left;
}

	@media only screen and (min-width: 480px) {	

	.content-list-link  {
		width: 100%;
		margin: 20px 0px 20px 0px;
		text-align: right;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.content-list-link  {
		width: 23.5%;
		text-align: right;
		margin: 0px 0px 0px 0px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.content-list-link  {
		width: 23.5%;
		text-align: right;
		margin: 0px 0px 0px 0px;
	}
	} /* Media Query Ende */

.content-list-link a {
	border: none;
}

.content-list-link a:hover {
	border: none;
}


.content-list-link span {
	padding: 13px 13px 13px 13px;
	border: 2px solid rgba(255,85,112,1);
}

.content-list-link span:hover {
	padding: 13px 13px 13px 13px;
	border: 2px solid rgba(35,35,35,1);
}



/* ---------------------------------------------------------------------
	Content List Sale
------------------------------------------------------------------------ */

.content-list-sale {
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 40px 0px;
	border-top: 1px solid rgba(255,85,112,1);
}

.content-list-sale-image {
	width: 100%;
	margin: 0px 0% 20px 0px;
	text-align: center;
}

	@media only screen and (min-width: 480px) {	

	.content-list-sale-image {
		width: 100%;
		margin: 0px 0% 20px 0px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.content-list-sale-image {
		width: 23.5%;
		margin: 0px 3% 0px 0px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.content-list-sale-image {
		width: 23.5%;
		margin: 0px 3% 0px 0px;
	}
	} /* Media Query Ende */

.content-list-sale-image img {
	width: 100%;
}

	@media only screen and (min-width: 480px) {	

	.content-list-sale-image img {
		width: 100%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.content-list-sale-image img {
		width: 100%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.content-list-sale-image img {
		width: 100%;
	}
	} /* Media Query Ende */

.content-list-sale-name {
	width: 100%;
	margin: 0px 1.5% 0px 0px;
}

	@media only screen and (min-width: 480px) {	

	.content-list-sale-name {
		width: 100%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.content-list-sale-name {
		width: 38.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.content-list-sale-name {
		width: 38.5%;
	}
	} /* Media Query Ende */

.content-list-sale-name strong {
	font-family: 'NeurialGrotesk-ExtraBold';
}

.content-list-sale-name h2 {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 34px; /*Fallback*/
	font-size: 3.4rem;
	line-height: 1.2;
	color: rgba(35,35,35,1);
	margin: 40px 0px 10px 0px;
}

.content-list-sale-name h3 {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 25px; /*Fallback*/
	font-size: 2.5rem;
	line-height: 1.2;
	color: rgba(35,35,35,1);
	margin: 40px 0px 10px 0px;
}

.content-list-sale-name p {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	margin: 0px 0px 40px 0px;
}

.content-list-sale-link {
	width: 100%;
	margin: 20px 0px 20px 0px;
	text-align: left;
}

	@media only screen and (min-width: 480px) {	

	.content-list-sale-link  {
		width: 100%;
		margin: 20px 0px 20px 0px;
		text-align: left;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.content-list-sale-link  {
		width: 100%;
		text-align: left;
		margin: 0px 0px 0px 0px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.content-list-sale-link  {
		width: 100%;
		text-align: left;
		margin: 0px 0px 0px 0px;
	}
	} /* Media Query Ende */

.content-list-sale-link a {
	border: none;
}

.content-list-sale-link a:hover {
	border: none;
}


.content-list-sale-link span {
	padding: 13px 13px 13px 13px;
	border: 2px solid rgba(255,85,112,1);
}

.content-list-sale-link span:hover {
	padding: 13px 13px 13px 13px;
	border: 2px solid rgba(35,35,35,1);
}

.content-list-sale-prize {
	width: 100%;
}

	@media only screen and (min-width: 480px) {	

	.content-list-sale-prize {
		width: 100%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.content-list-sale-prize {
		width: 30%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.content-list-sale-prize {
		width: 30%;
	}
	} /* Media Query Ende */

.content-list-sale-prize h5 {
	width: 100%;
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 66px; /*Fallback*/
	font-size: 6.6rem;
	line-height: 1.0;
	color: rgba(35,35,35,1);
	text-align: right;
}

.content-list-sale-prize h5 span {
	width: 100%;
	font-family: 'NeurialGrotesk-ExtraBold';
	font-weight: normal;
	font-size: 36px; /*Fallback*/
	font-size: 3.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	vertical-align: 21px;
	margin-left: -10px;
}

.content-list-sale-prize p {
	text-align: right;
	margin: 5px 0px 0px 0px;
	color: rgba(255,85,112,1);
}


/* ---------------------------------------------------------------------
	Sidebar
------------------------------------------------------------------------ */

.sidebar {
	float: left;
	width: 97%;
	padding-left: 20px;
	border-left: 2px solid rgba(255,85,112,1);
	margin: 0px 1.5% 60px 1.5%;
}

	@media only screen and (min-width: 480px) {	

	.sidebar {
		width: 97%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.sidebar {
		width: 28.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.sidebar {
		width: 28.5%;
	}
	} /* Media Query Ende */

.sidebar h4 {
	font-family: 'NeurialGrotesk-Extrabold';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	margin: 0px 0px 10px 0px;
}

.sidebar p {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(255,85,112,1);
	margin: 0px 0px 15px 0px;
}

.sidebar p:last-child {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(255,85,112,1);
	margin: 0px 0px 0px 0px;
}

.sidebar a {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	text-decoration: none;
	border-bottom: 2px solid rgba(35,35,35,1);
}

.sidebar a:hover {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(255,85,112,1);
	text-decoration: none;
	border-bottom: 2px solid rgba(255,85,112,1);
}


/* ---------------------------------------------------------------------
	Image
------------------------------------------------------------------------ */

.image {
	margin: 0px 1.5% 20px 1.5%;
	background: white;
}

	@media only screen and (min-width: 480px) {	

	.image{
		margin: 0px 1.5% 20px 1.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.image {
		margin: 0px 1.5% 60px 1.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.image {
		margin: 0px 1.5% 60px 1.5%;
	}
	} /* Media Query Ende */

.image img {
	background: white;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
	width: 100%;
}

.image-width-66 {
	width: 100%;
}

	@media only screen and (min-width: 480px) {	

	.image-width-66 {
		width: 100%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.image-width-66 {
		width: 65.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.image-width-66 {
		width: 65.5%;
	}
	} /* Media Query Ende */

.image-width-full {
	width: 100%;
}

	@media only screen and (min-width: 480px) {	

	.image-width-full {
		width: 100%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.image-width-full {
		width: 100%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.image-width-full {
		width: 100%;
	}
	} /* Media Query Ende */

.image-sidebar {
	width: 100%;
	padding-left: 20px;
	border-left: 2px solid rgba(255,85,112,1);
	margin: 0px 1.5% 60px 1.5%;
	align-self: center;
	height: auto;
}

	@media only screen and (min-width: 480px) {	

	.image-sidebar {
		width: 100%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.image-sidebar {
		width: 28.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.image-sidebar {
		width: 28.5%;
	}
	} /* Media Query Ende */

.image-sidebar h4 {
	font-family: 'NeurialGrotesk-Extrabold';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	margin: 0px 0px 10px 0px;
}

.image-sidebar p {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(255,85,112,1);
}




/* ---------------------------------------------------------------------
	Image: Step-by-Step
------------------------------------------------------------------------ */

.stepbystep-image-right {
	width: 100%;
	margin: 0px 1.5% 20px 1.5%;
	background-color: rgba(255,255,255,1.0);
	align-self: center;
}

	@media only screen and (min-width: 480px) {	

	.stepbystep-image-right {
		width: 100%;
		margin: 0px 1.5% 20px 1.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.stepbystep-image-right {
		width: 100%;
		margin: 0px 1.5% 20px 1.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.stepbystep-image-right {
		width: 65.5%;
		margin: 0px 1.5% 60px 1.5%;
	}
	} /* Media Query Ende */

.stepbystep-image-right img {
	width: 100%;
	vertical-align: bottom;
}

.stepbystep-content-right {
	width: 100%;
	height: auto;
	align-self: center;
	margin: 0px 1.5% 60px 1.5%;	
	padding: 0px 3% 0px 0px;
}

	@media only screen and (min-width: 480px) {	

	.stepbystep-content-right {

	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.stepbystep-content-right {

	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.stepbystep-content-right {
		width: 33.5%;
		margin: 0px 1.5% 60px -4%;	
		padding: 25px 25px 25px 50px;
		border: 2px solid rgba(255,85,112,1); 
	}
	} /* Media Query Ende */

.stepbystep-content-right h4 {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 34px; /*Fallback*/
	font-size: 3.4rem;
	line-height: 1.2;
	color: rgba(255,85,112,1);
	margin: 0px 0px 10px 0px;
}

.stepbystep-content-right p {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
}

.stepbystep-image-left {
	width: 100%;
	margin: 0px 1.5% 20px 1.5%;
	background-color: rgba(255,255,255,1.0);
	align-self: center;
}

	@media only screen and (min-width: 480px) {	

	.stepbystep-image-left {
		width: 100%;
		margin: 0px 1.5% 20px 1.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.stepbystep-image-left {
		width: 100%;
		margin: 0px 1.5% 20px 1.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.stepbystep-image-left {
		width: 65.5%;
		margin: 0px 1.5% 60px -4%;
	}
	} /* Media Query Ende */

.stepbystep-image-left img {
	width: 100%;
	vertical-align: bottom;
}

.stepbystep-content-left {
	width: 100%;
	height: auto;
	align-self: center;
	margin: 0px 1.5% 60px 1.5%;	
	padding: 0px 3% 0px 0px;
	z-index: 2;
	order: 1;
}

	@media only screen and (min-width: 480px) {	

	.stepbystep-content-left {
		order: 1;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.stepbystep-content-left {
		order: 1;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.stepbystep-content-left {
		width: 33.5%;
		margin: 0px 1.5% 60px 1.5%;	
		padding: 25px 50px 25px 25px;
		border: 2px solid rgba(255,85,112,1); 
		order: inherit;
	}
	} /* Media Query Ende */

.stepbystep-content-left h4 {
	font-family: 'NeurialGrotesk-BOld';
	font-weight: normal;
	font-size: 34px; /*Fallback*/
	font-size: 3.4rem;
	line-height: 1.2;
	color: rgba(255,85,112,1);
	margin: 0px 0px 10px 0px;
}

.stepbystep-content-left p {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
}


/* ---------------------------------------------------------------------
	Shortinfo
------------------------------------------------------------------------ */

.text-left {
	text-align: left;
	padding: 0px 0px 0px 0px;
}

.text-right {
	text-align: left;
	padding: 0px 0px 0px 0px;
}

	@media only screen and (min-width: 480px) {	

	.text-right {
		text-align: left;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.text-right {
		text-align: left;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.text-right {
		text-align: right;
	}
	} /* Media Query Ende */


.shortinfo-image {
	width: 97%;
	background: white;
	margin: 0px 1.5% 20px 1.5%;
	height: 100%;
}

	@media only screen and (min-width: 480px) {	

	.shortinfo-image {
		width: 97%;
		margin: 0px 1.5% 20px 1.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.shortinfo-image {
		margin: 0px 1.5% 60px 1.5%;
		width: 47%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.shortinfo-image {
		margin: 0px 1.5% 60px 1.5%;
		width: 42%;
	}
	} /* Media Query Ende */

.shortinfo-image img {
	width: 100%;
	vertical-align: bottom;
}


.shortinfo-content {
	width: 93%;
	margin: 0px 1.5% 60px 1.5%;
	align-self: center;
	order: 1;
}

	@media only screen and (min-width: 480px) {	

	.shortinfo-content {
		width: 97%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.shortinfo-content {
		width: 47%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.shortinfo-content {
		width: 52%;
		order: 0;
	}
	} /* Media Query Ende */

.shortinfo-content h2 {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 34px; /*Fallback*/
	font-size: 3.4rem;
	line-height: 1.2;
	color: rgba(35,35,35,1);
	margin: 0px 0px 10px 0px;
}

.shortinfo-content p {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	margin: 0px 0px 15px 0px;
}

.shortinfo-content p strong {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	color: rgba(255,85,112,1);
}

.shortinfo-content a {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(255,85,112,1);
	text-decoration: none;
	border-bottom: 2px solid rgba(255,85,112,1);
}

.shortinfo-content a:hover {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	text-decoration: none;
	border-bottom: 2px solid rgba(35,35,35,1);
}


/* ---------------------------------------------------------------------
	Quotes
------------------------------------------------------------------------ */

.quote-hero {
	margin: 0px 1.5% 0px 1.5%;
	width: 100%;
}

.quote-hero h3 {
	font-family: 'Editor-Extrabold';
	font-weight: normal;
	font-size: 40px; /*Fallback*/
	font-size: 4.0rem;
	color: rgba(93,88,88,1);
	text-align: center;
	padding: 0px 3% 0px 3%;	
}

	@media only screen and (min-width: 480px) {	

	.quote-hero h3 {
		font-size: 50px; /*Fallback*/
		font-size: 5.0rem;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.quote-hero h3 {
		font-size: 60px; /*Fallback*/
		font-size: 6.0rem;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.quote-hero h3{
		font-size: 60px; /*Fallback*/
		font-size: 6.0rem;
	}
	} /* Media Query Ende */

.quote-hero img {
	display: block;
	width: 47px;
	margin: 20px auto 20px auto;
}

.quote {
	float: left;
	width: 97%;
	margin: 20px 1.5% 20px 1.5%;
}

	@media only screen and (min-width: 480px) {	

	.quote {
		width: 97%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.quote {
		width: 43.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.quote {
		width: 43.5%;
	}
	} /* Media Query Ende */

.quote h4 {
	font-family: 'Editor-Extrabold';
	font-weight: normal;
	font-size: 50px; /*Fallback*/
	font-size: 5.0rem;
	color: rgba(255,85,112,1);
	text-align: right;
}


/* ---------------------------------------------------------------------
	Form
------------------------------------------------------------------------ */

.form  {
	padding: 0px 0px 0px 0px;
	margin: 0px 1.5% 0px 1.5%;
	width: 52%;
}


label {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	padding: 0px;
}

input[type="text"],
input[type="email"] {
	font-family: 'NeurialGrotesk-Extrabold';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	padding: 10px 10px 10px 0px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 2px solid rgba(35,35,35,1);
	background: none;
	resize: none;
	width: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0px;
	margin-bottom: 40px;
	outline: 0 none;
}

input[type=submit] {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	padding: 15px;
	border: 2px solid rgba(35,35,35,1);
	background: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0px;
	margin: 30px 0px 0px 0px;
	cursor: pointer;
}

input[type=submit]:hover {	
	background: none;
	color: rgba(35,35,35,1);
	border: 2px solid rgba(35,35,35,1);
}


input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	background: none;
	border: 2px solid rgba(35,35,35,1);
	outline: none;
	vertical-align: Middle;
	margin-bottom: 3px;
	margin-right: 5px;
	border-radius: 0px;
	outline: 0 none;
}

input[type="checkbox"]:checked {
	background: url(../img/checkbox_active.svg);
}


/* ---------------------------------------------------------------------
	Overlay
------------------------------------------------------------------------ */
.nav-overlay {
}
	
.burger-background {
    position: fixed;
    top: 20px;
    left: 10px;
    height: 40px;
    width: 45px;
	z-index: 3;
}

.toggle-button {
	position: absolute;
    top: 10px;
    left: 10px;
    padding: 10px 10px;
    margin: 8px 15px 8px 0;
    height: 35px;
    width: 40px;
    cursor: pointer;
    z-index: 5;
}

	@media only screen and (min-width: 480px) {	

	.toggle-button {
		position: absolute;
		top: 25px;
		left: 25px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.toggle-button {
		position: fixed;
		top: 125px;
		left: 10px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.toggle-button {
		position: fixed;
		top: 125px;
		left: 10px;
	}
	} /* Media Query Ende */


.bar {
    background-color: rgba(255,85,112,1);
    display: block;
    width: 100%;
    height: 2px;
    border: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.bar + .bar {
    margin-top: 4px;
}

.middle {
    top: 11px;
}

.bottom {
    top: 22px;
}

.toggle-button:hover {
    opacity: 1;
}

.toggle-active {
		position: fixed;
}

.toggle-active .bar {
    background-color: rgba(255,255,255,1);
}

	@media only screen and (min-width: 480px) {	

	.toggle-active .bar {
		background-color: rgba(255,255,255,1)
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.toggle-active .bar  {
		background-color: rgba(255,85,112,1)
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.toggle-active .bar  {
		background-color: rgba(255,85,112,1)
	}
	} /* Media Query Ende */

.toggle-active .top {
    -webkit-transform: translateY(3px) translateX(0) rotate(45deg);
}

.toggle-active .middle {
   opacity: 0;
}

.toggle-active .bottom {
    -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
}

.overlay {
    position: fixed;
    background: rgba(255,85,112,1);
    top: 0px;
    left: 0px;
	right: 0px;
	border-top: 0px solid rgba(255,255,255,1);
	border-right: 0px solid rgba(255,255,255,1);
    width: auto;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
	z-index: 4;
}

	@media only screen and (min-width: 480px) {	

	.overlay {
		left: 15px;
		border-top: 15px solid rgba(255,255,255,1);
		border-right: 15px solid rgba(255,255,255,1);
		border-bottom: 15px solid rgba(255,255,255,1);
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.overlay {
		left: 60px;
		border-top: 20px solid rgba(255,255,255,1);
		border-right: 20px solid rgba(255,255,255,1);
		border-bottom: 20px solid rgba(255,255,255,1);
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.overlay {
		left: 60px;
		border-top: 20px solid rgba(255,255,255,1);
		border-right: 20px solid rgba(255,255,255,1);
		border-bottom: 20px solid rgba(255,255,255,1);
	}
	} /* Media Query Ende */

.nav-active {
    opacity: 1;
    visibility: visible;
    height: 100%;
/*    max-height: 340px;*/
}

.overlay ul {
    display: block;
    position: relative;
    top: 120px;
    left: 0;
    font-family: 'NeurialGrotesk-Bold';
    font-size: 12vw;
    text-align: left;
    list-style: none;
	color: rgba(35,35,35,1);
    padding: 0px 0px 20px 20px;
}

	@media only screen and (min-width: 768px) {	

	.overlay ul {
		font-size: 6vw;
		padding: 0px 0px 20px 100px;
	}
	} /* Media Query Ende */

.overlay ul li {
    display: block;
}

.overlay ul li a {
    color: rgba(35,35,35,1);
    text-decoration: none;
}

.overlay ul li a:hover {
    color: rgba(255,255,255,1);
    text-decoration: none;
}

.overlay-mini {
    display: block;
    position: relative;
    font-family: 'NeurialGrotesk-Bold';
    font-size: 4vw;
    text-align: left;
    list-style: none;
	color: rgba(35,35,35,1);
    padding: 30px 30px 00px 00px;
	float: left;
}

	@media only screen and (min-width: 768px) {	

	.overlay-mini {
		font-size: 2vw;
		padding: 30px 30px 00px 00px;
	}
	} /* Media Query Ende */

/* ---------------------------------------------------------------------
	Ooops!
------------------------------------------------------------------------ */

.ooops {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 40px; /*Fallback*/
	font-size: 4.0rem;
	line-height: 1.0;
	color: rgba(35,35,35,1);
	margin: 0px 0px 0px 0px;
	float: left;
	width: auto;
}

	@media only screen and (min-width: 480px) {	

	.ooops {
		font-size: 80px; /*Fallback*/
		font-size: 8.0rem;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.ooops {
		font-size: 100px; /*Fallback*/
		font-size: 10.0rem;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.ooops {
		font-size: 200px; /*Fallback*/
		font-size: 20.0rem;
	}
	} /* Media Query Ende */


/* ---------------------------------------------------------------------
	Start Slider
------------------------------------------------------------------------ */

.slideshow-container {
	width: 97%;
	position: relative;
	margin: 120px 1.5% 50px 1.5%;
	margin-bottom: 50px;
}

	@media only screen and (min-width: 1024px) {	

	.slideshow-container {
		width: 97%;
		position: relative;
		margin: 0px 1.5% 50px 1.5%;
	}
}	

.mySlides {
	display: none;
	background-color: rgba(246,246,246,1);
	height: 500px;
}

.box70 {
	width: 100%;
	background-color: rgba(255,85,112,1);
	height: 400px;;
	font-size: 40px;
	float: left;
	height: auto;
	padding: 30px;
}

	@media only screen and (min-width: 768px) {	

	.box70 {
		float: inherit;
		width: 80%;
		position: absolute;
		height: 100%;
		top: 0px;
		left: 0px;
	}
	}	
		
.box40 {
	width: 100%;
	float: left;
	clear: both;
	height: 400px;
	background-color: rgba(255,85,112,1);
	height: auto;
}

	@media only screen and (min-width: 768px) {	

	.box40 {
		float: inherit;
		width: 40%;
		position: absolute;
		right: 0px;
		height: 100%;
		background-color: rgba(255,85,112,0);
	}
}	
		
		
.box40 img {
	width: 100%;
	bottom: 0px;
	vertical-align: bottom;
	
}
		
	@media only screen and (min-width: 768px) {	

	.box40 img {
		width: 100%;
		bottom: 0px;
		position: absolute;
	}
}	
		
.box70 h1 {
	font-family: 'Editor-Extrabold';
	font-weight: normal;
	font-size: 40px; /*Fallback*/
	font-size: 4.0rem;
	line-height: 1.0;
	color: rgba(246,246,246,1);
	width: 90%;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}

	@media only screen and (min-width: 480px) {	

	.box70 h1 {
		font-size: 40px; /*Fallback*/
		font-size: 4.0rem;
		width: 90%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.box70 h1 {
		font-size: 60px; /*Fallback*/
		font-size: 6.0rem;
		width: 90%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.box70 h1 {
		font-size: 70px; /*Fallback*/
		font-size: 7.0rem;
		width: 70%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1280px) {	

	.box70 h1 {
		font-size: 90px; /*Fallback*/
		font-size: 9.0rem;
		width: 70%;
	}
	} /* Media Query Ende */


.box70 p {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	width: 90%;
	padding: 0px;
	margin: 0px;
}

	@media only screen and (min-width: 480px) {	

	.box70 p {
		font-size: 16px; /*Fallback*/
		font-size: 1.6rem;
		width: 90%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.box70 p {
		font-size: 18px; /*Fallback*/
		font-size: 1.8rem;
		width: 90%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.box70 p {
		font-size: 23px; /*Fallback*/
		font-size: 2.3rem;
		line-height: 1.3;
		width: 70%;
	}
	} /* Media Query Ende */
		
		



/* ---------------------------------------------------------------------
	Accordion
------------------------------------------------------------------------ */

.accordion {
    background-color: rgba(255,255,255,0);
    color: rgba(35,35,35,1);
    padding: 20px 20px 20px 0px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
	border-top: 1px solid rgba(255,85,112,1);;
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 24px; 
	font-size: 2.4rem;
	line-height: 1.2;
	cursor: pointer;
}

	@media only screen and (min-width: 768px) {	

	.accordion {
		font-size: 34px; 
		font-size: 3.4rem;
		padding: 20px 20px 20px 0px;
	}
	} /* Media Query Ende */



.accordion img {
	max-width: 0px;
	background: white;
	margin-bottom: 0px;
	margin-right: 0px;
}

	@media only screen and (min-width: 768px) {	

	.accordion img {
		max-width: 100px;
		background: white;
		margin-bottom: -15px;
		margin-right: 20px;
	}
	} /* Media Query Ende */

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: rgba(255,255,255,0);
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0px 10% 0px 0px;
    background-color: rgba(255,255,255,0);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

.accordion:after {
	content: url(accordion/accordion_plus.svg);
    font-size: 13px;
    color: #777;
    float: right;
    margin: 0px 5px 0px 9px;
	background-size: 26px;
	width: 26px;
	height: 26px;
}

	@media only screen and (min-width: 768px) {	

	.accordion:after {
		margin: 12px 5px 0px 9px;
	}
	} /* Media Query Ende */

.active:after {
    content: url(accordion/accordion_minus.svg); 
	background-size: 26px;
	width: 26px;
	height: 26px;
}


/* ---------------------------------------------------------------------
	Image Gallery
------------------------------------------------------------------------ */

.image-gallery {
    margin: 0px 1.5% 30px 1.5%;
	width: 97%;
	float: left;
}

.image-gallery-hinweis {
	width: 100%;
	clear:both;
}

.image-gallery-image {
    float: left;
	width: 30px;
	margin: -5px 20px 0px 0px;
}

.image-gallery-content {
	float: left;
	color: rgba(255,85,112,1) !important;
}


/* ---------------------------------------------------------------------
	Fonts im Fokus Gallery
------------------------------------------------------------------------ */

.fonts-im-fokus-gallery {
    margin: 0px;
	width: 100%;
}

.fonts-im-fokus-gallery img {
    margin: 0px 0px 25px 0px;
	width: 100%;
}

.fonts-im-fokus-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: 10px 15px 8px 15px;
	background-color: rgba(125,121,121,1);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(255,85,112,1);
	border: 2px solid rgba(255,85,112,1);
	cursor: pointer;
	border-radius: 0px; 
	margin-top: -20px
}

.fonts-im-fokus-button:hover {
	color: rgba(35,35,35,1);
	border: 2px solid rgba(35,35,35,1);
}

.fonts-im-fokus-overview-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: 10px 15px 8px 15px;
	background-color: rgba(246,246,246,1);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(255,85,112,1);
	border: 2px solid rgba(255,85,112,1);
	cursor: pointer;
	border-radius: 0px; 
	margin-top: 20px
}

.fonts-im-fokus-overview-button:hover {
	color: rgba(35,35,35,1);
	border: 2px solid rgba(35,35,35,1);
}

		
/* ---------------------------------------------------------------------
	Video
------------------------------------------------------------------------ */

.video {
    background-color: white;
}

/* ---------------------------------------------------------------------
	Search
------------------------------------------------------------------------ */

.search {
	float: left;
	margin: 0px 1.5% 60px 1.5%;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

	@media only screen and (min-width: 480px) {	

	.search {
		padding: 0px 0px 0px 0px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.search {
		padding: 0px 3% 0px 0px;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.search {
		padding: 0px 3% 0px 0px;
	}
	} /* Media Query Ende */

.search-width-50 {
	width: 97%;
}

	@media only screen and (min-width: 480px) {	

	.search-width-50 {
		width: 97%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.search-width-50 {
		width: 50.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.search-width-50 {
		width: 50.5%;
	}
	} /* Media Query Ende */

.search-width-66 {
	width: 97%;
}

	@media only screen and (min-width: 480px) {	

	.search-width-66 {
		width: 97%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.search-width-66 {
		width: 65.5%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.search--width-66 {
		width: 65.5%;
	}
	} /* Media Query Ende */

.search-width-full {
	width: 97%;
}

	@media only screen and (min-width: 480px) {	

	.search-width-full {
		width: 97%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.search-width-full {
		width: 97%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.search-width-full {
		width: 97%;
	}
	} /* Media Query Ende */


.search h2:first-child {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 34px; /*Fallback*/
	font-size: 3.4rem;
	line-height: 1.2;
	color: rgba(35,35,35,1);
	margin: 0px 0px 10px 0px;
}

.search h2 {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 34px; /*Fallback*/
	font-size: 3.4rem;
	line-height: 1.2;
	color: rgba(35,35,35,1);
	margin: 40px 0px 10px 0px;
}

.search h3 {
	font-family: 'NeurialGrotesk-Bold';
	font-weight: normal;
	font-size: 25px; /*Fallback*/
	font-size: 2.5rem;
	line-height: 1.2;
	color: rgba(35,35,35,1);
	margin: 40px 0px 10px 0px;
}

.search p {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	margin: 0px 0px 15px 0px;
}

.search ol {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	margin: 0px 0px 30px 0px;
	list-style-type: square;
}

.search ul {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	margin: 0px 0px 30px 0px;
	list-style-type: square;
}


.search li {
	margin: 0px 0px 15px 30px;
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
}

.search a {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(255,85,112,1);
	text-decoration: none;
	border-bottom: 2px solid rgba(255,85,112,1);
}

.search a:hover {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	text-decoration: none;
	border-bottom: 2px solid rgba(35,35,35,1);
}


/* ---------------------------------------------------------------------
	Slideshow
------------------------------------------------------------------------ */

#slideshow { 
    margin: 0px;
    position: relative; 
    width: 100%; 
    padding: 0px; 
	min-height: 700px; 
}

#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
	width: 100%;
	height: auto;
}

#slideshow img {
	width: 100%;
	height: auto;
}




/* ---------------------------------------------------------------------
	Independent-Hinweis
------------------------------------------------------------------------ */

.independent-hinweis {
	background-color: rgba(255,255,255,1);
	margin: 0px 0px 40px 0px;
	padding: 10px 10px 7px 10px;
	width: 100%;
}

.independent-hinweis-header {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 14px; /*Fallback*/
	font-size: 1.4rem;
	line-height: 1.5;
	color: rgba(255,85,112,1);
	letter-spacing: 1px;
	margin-right: 20px;
	float: left;
}

.independent-hinweis-text {
	font-family: 'NeurialGrotesk-Medium';
	font-weight: normal;
	font-size: 14px; /*Fallback*/
	font-size: 1.4rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
	float: left;
}




/* ---------------------------------------------------------------------
	Cookiebanner
------------------------------------------------------------------------ */

.cc-window {
	font-family: 'NeurialGrotesk-Medium' !important;
	font-weight: normal !important;
}

.cc-btn:hover {
	background-color: rgba(125,121,121,1) !important;
}

.cc-link {
	color: rgba(255,85,112,1) !important;
}

.cc-banner.cc-bottom {
		border-left: 0px solid rgba(255,255,255,1) !important;
		border-right: 0px solid rgba(255,255,255,1) !important;
}

	@media only screen and (min-width: 480px) {	

	.cc-banner.cc-bottom {
		border-left: 15px solid rgba(255,255,255,1) !important;
		border-right: 15px solid rgba(255,255,255,1) !important;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.cc-banner.cc-bottom {
		border-left: 60px solid rgba(255,255,255,1) !important;
		border-right: 20px solid rgba(255,255,255,1) !important;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.cc-banner.cc-bottom {
		border-left: 60px solid rgba(255,255,255,1) !important;
		border-right: 20px solid rgba(255,255,255,1) !important;
	}
	} /* Media Query Ende */

.cc-message:before {
	content: url(../images/pacman.png);
	width: 30px;
	height: 30px;
	bottom: -3px;
	position: relative;
}

.cc-message:before img {
	width: 30px;
	height: 30px;
}





.col-2 {
	width: 100%;
}

	@media only screen and (min-width: 480px) {	

	.col-2 {
		width: 100%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 768px) {	

	.col-2 {
		width: 48%;
		margin-right: 2%;
	}
	} /* Media Query Ende */

	@media only screen and (min-width: 1024px) {	

	.col-2 {
		width: 42%;
		margin-right: 2%;
	}
	} /* Media Query Ende */

.col-2 img {
	max-width: 100%;
	background: white;
	margin: 30px 0px 15px 0px;
}

.col-2 p {
	padding-left: 20px;
	border-left: 2px solid rgba(255,85,112,1);
	font-family: 'NeurialGrotesk-Extrabold';
	font-weight: normal;
	font-size: 16px; /*Fallback*/
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(35,35,35,1);
}