@charset "UTF-8";



@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/oswald-v35-latin/oswald-v35-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v35-latin/oswald-v35-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v35-latin/oswald-v35-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v35-latin/oswald-v35-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v35-latin/oswald-v35-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v35-latin/oswald-v35-latin-200.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-200 - latin */

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/oswald-v35-latin/oswald-v35-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v35-latin/oswald-v35-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v35-latin/oswald-v35-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v35-latin/oswald-v35-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v35-latin/oswald-v35-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v35-latin/oswald-v35-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-300 - latin */

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oswald-v35-latin/oswald-v35-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v35-latin/oswald-v35-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v35-latin/oswald-v35-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v35-latin/oswald-v35-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v35-latin/oswald-v35-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v35-latin/oswald-v35-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin */

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/oswald-v35-latin/oswald-v35-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v35-latin/oswald-v35-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v35-latin/oswald-v35-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v35-latin/oswald-v35-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v35-latin/oswald-v35-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v35-latin/oswald-v35-latin-500.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-500 - latin */

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/oswald-v35-latin/oswald-v35-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v35-latin/oswald-v35-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v35-latin/oswald-v35-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v35-latin/oswald-v35-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v35-latin/oswald-v35-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v35-latin/oswald-v35-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-600 - latin */

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/oswald-v35-latin/oswald-v35-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v35-latin/oswald-v35-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v35-latin/oswald-v35-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v35-latin/oswald-v35-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v35-latin/oswald-v35-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v35-latin/oswald-v35-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-700 - latin */



@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-300 - latin */

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */

@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-italic - latin */

@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-300italic - latin */

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */

@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700italic - latin */



/* ******************************************************** */



html, body {
    margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
	height: auto !important;
	min-height: 100%;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 16px;
    background-color: transparent;
	/*background-repeat: repeat;
	background-position: left top;
	background-color: rgb(255,255,255);
	background-image: url("Links/background.jpg");*/
	/*overflow: auto;*//*nicht bei .sticky verwenden*/
    -webkit-text-size-adjust: none;
}
/* end html, body */



/* ******************************************************** */



h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.4em;
	line-height: 1.11em;
	padding: 36px 125px 18px 125px;
	margin: 0 auto;
	color: rgba(0,0,0,1);
	font-style: normal;
	font-weight: 700;
	text-align: left;
	text-decoration: none;
    text-transform: uppercase;
	letter-spacing: 0.03em;
	clear: both;
}
@media only screen and (max-width: 1250px) {
	h1 {
	font-size: 1.27em;
	line-height: 1.15em;
	padding: 36px 75px 18px 75px; }
}
@media only screen and (max-width: 885px) {
	h1 {
	font-size: 1.3em;
	line-height: 1.15em;
	padding: 36px 50px 18px 50px; }
}
@media only screen and (max-width: 685px) {
	h1 {
	font-size: 1.32em;
	line-height: 1.15em;
	padding: 36px 25px 18px 25px; }
}
@media only screen and (max-width: 480px) {
	h1 {
	font-size: 1.42em;
	line-height: 1.15em; }
}

/* end h1 */



h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.15em;
	line-height: 1.11em;
	padding: 26px 125px 12px 125px;
	margin: 0 auto;
	color: rgba(0,0,0,1);
	font-style: normal;
	font-weight: 700;
	text-align: left;
	text-decoration: none;
    text-transform: uppercase;
	letter-spacing: 0.03em;
	clear: both;
}
@media only screen and (max-width: 1250px) {
	h2 {
	font-size: 1.02em;
	line-height: 1.15em;
	padding: 26px 75px 12px 75px; }
}
@media only screen and (max-width: 885px) {
	h2 {
	font-size: 1.05em;
	line-height: 1.15em;
	padding: 26px 50px 12px 50px; }
}
@media only screen and (max-width: 685px) {
	h2 {
	font-size: 1.07em;
	line-height: 1.15em;
	padding: 26px 25px 12px 25px; }
}
@media only screen and (max-width: 480px) {
	h2 {
	font-size: 1.17em;
	line-height: 1.15em; }
}

/* end h2 */



h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.12em;
	line-height: 1.11em;
	color: rgba(0,0,0,1);
	font-style: normal;
	text-align: left;
	letter-spacing: 0.01em;
	min-width: 33%;
	padding: 12px 125px 12px 125px;
	margin: 0 auto;
	clear: both;
}
@media only screen and (max-width: 1250px) {
	h3 {
	font-size: 1.11em;
	line-height: 1.1em;
	padding: 12px 75px 12px 75px; }
}
@media only screen and (max-width: 885px) {
	h3 {
	font-size: 1.12em;
	line-height: 1.1em;
	padding: 12px 50px 12px 50px; }
}
@media only screen and (max-width: 668px) {
	h3 {
	font-size: 1.20em;
	line-height: 1.15em;
	padding: 12px 25px 12px 25px; }
}

/* end h3 */



p {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.07em;
	line-height: 1.44em;
	color: rgba(0,0,0,1);
	font-style: normal;
	text-align: left;
	letter-spacing: 0;
	padding: 0 125px 12px 125px;
	margin: 0 auto;	
}
@media only screen and (max-width: 1250px) {
	p {
	font-size: 1.06em;
	line-height: 1.44em;
	padding: 0 75px 12px 75px; }
}
@media only screen and (max-width: 885px) {
	p {
	font-size: 1.07em;
	line-height: 1.44em;
	padding: 0 50px 12px 50px; }
}
@media only screen and (max-width: 668px) {
	p {
	font-size: 1.15em;
	line-height: 1.54em;
	padding: 0 25px 12px 25px; }
}

/* end p */



strong {
	font-weight: 400;
	}

/* end strong */



hr {
  background-color: rgba(75,75,75,0.5);
  color: rgba(75,75,75,0.5);
  border: rgba(75,75,75,0.5);
  height: 1px;
}

/* end hr */



div.sticky {
  position: sticky;
  top: 0;
  background-color: white;
  padding: 10px 0 0 0;
}


a:link {
	color: rgba(0,0,0,0.7);
	text-decoration: none;
	outline: none;
	text-shadow: none;
}
a:visited {
	text-decoration: none;
	color: rgba(0,0,0,0.7);
	outline: none;
	text-shadow: none;
}
a:hover {
	text-decoration: none;
	color: rgba(0,0,0,1);
	outline: none;
	text-shadow: 0  0 10px rgba(0,0,0,0.3);
}
a:active {
	text-decoration: none;
	color: rgba(0,0,0,0.7);
	outline: none;
	text-shadow: none;
}

/* end a:link */



.userstil ul.box-white {
	/*list-style-image: url(Links/list-bullet.png);*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.07em;
	line-height: 1.44em;
	margin: 0 0 16px 16px;
	color: rgba(0,0,0,1);
	font-style: normal;
	letter-spacing: 0;
	text-align: left;
	padding: 0;
    list-style: disc ;
	list-style-position: outside;
}
.userstil ol.box-white {
	/*list-style-image: url(Links/list-bullet.png);*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.07em;
	line-height: 1.44em;
	margin: 0 0 16px 16px;
	color: rgba(0,0,0,1);
	font-style: normal;
	letter-spacing: 0;
	text-align: left;
	padding: 0;
    list-style: lower-latin;
	list-style-position: outside;
}
.userstil ol.box-white ul {
	margin: 8px 0 16px 0 !important;
}
.userstil ol.box-white ol {
	margin: 8px 0 16px 0 !important;
}
.userstil ul.box-white ol {
	margin: 8px 0 16px 0 !important;
}
.userstil ul.box-white ul {
	margin: 8px 0 16px 0 !important;
}

@media only screen and (max-width: 1250px) {
	.userstil ul.box-white, .userstil ol.box-white {
	font-size: 1.06em;
	line-height: 1.44em;
	}
}
@media only screen and (max-width: 885px) {
	.userstil ul.box-white, .userstil ol.box-white {
	font-size: 1.07em;
	line-height: 1.44em;
	}
}
@media only screen and (max-width: 668px) {
	.userstil ul.box-white, .userstil ol.box-white {
	font-size: 1.15em;
	line-height: 1.54em;
	}
}
/* end ul, ol */
.userstil li.box-white {
	margin: 0 125px 4px 125px;
}
@media only screen and (max-width: 1250px) {
	.userstil li.box-white {
	margin: 0 75px 4px 75px;
	}
}
@media only screen and (max-width: 885px) {
	.userstil li.box-white {
	margin: 0 50px 4px 50px;
	}
}
@media only screen and (max-width: 668px) {
	.userstil li.box-white {
	margin: 0 25px 4px 25px;
	}
}
.userstil li.box-white li {
	margin: 0 0 4px 16px;
	font-size: 0.93em;
	line-height: 1.54;
}
@media only screen and (max-width: 1250px) {
	.userstil li.box-white li {
	font-size: 0.94em;
	line-height: 1.44em;
	}
}
@media only screen and (max-width: 885px) {
	.userstil li.box-white li {
	font-size: 0.93em;
	line-height: 1.44em;
	}
}
@media only screen and (max-width: 668px) {
	.userstil li.box-white li {
	font-size: 0.85em;
	line-height: 1.54em;
	}
}
/* end li */


   
table {
	border-collapse: separate;
	border-spacing: 0.2em;
	padding: 0 125px 4px 125px;
}
@media only screen and (max-width: 1250px) {
	table {
	padding: 0 75px 4px 75px;
	}
}
@media only screen and (max-width: 885px) {
	table {
	padding: 0 50px 4px 50px;
	}
}
@media only screen and (max-width: 668px) {
	table {
	padding: 0 25px 4px 25px;
	}
}
th, td {
	padding: 0.2em 0.5em;
	border-radius: 0.1em;
	border: 1px solid rgba(0,0,0,0.7);
}
thead th {
	background-color: rgba(0,0,0,1);
	color: rgba(255,255,255,1);
	border: 0px solid rgba(0,0,0,1);
	font-size: 0.88em;
}
td {
	font-style: normal;
	text-align: left;
	box-shadow: none;
	font-size: 0.95em;
}
td:empty {
	box-shadow: none;
}
/* end table */



.userstil img.col-1 {
	border: none;
	width: 100vw;
	min-height: 100%;
	height: auto !important;
	height: 100% !important;
	margin: 0 auto;
    padding: 25px 0;
    object-fit: cover !important;
}

.userstil img.col-2 {
    border: none;
	width: 42%;
	min-height: 200px;
	height: auto !important;
	max-height: 600px !important;
	margin: 0 auto;
    padding: 25px 15px 25px 15px;
    object-fit: cover !important;
}


.userstil img.col-3 {
	border: none;
	width: 27%;
	min-height: 185px;
	height: auto !important;
	max-height: 450px !important;
	margin: 0 auto;
    padding: 25px 10px 25px 10px;
    object-fit: cover !important;
}
.userstil img.float {
	border: none;
	min-width: 23%;
	max-width: 23%;
	margin: 3px 20px 15px 0 !important;
	object-fit: cover !important;
	float: left;
}
@media only screen and (max-width: 885px) {
	.userstil img.float {
	min-width: 31%;
	max-width: 31%;
	margin: 3px 20px 15px 0 !important; }
}
@media only screen and (max-width: 668px) {
	.userstil img.float {
	min-width: 100%;
	max-width: 100%;
	margin: 15px 20px 30px 0 !important; }
}

.userstil p.white {
	color: rgba(255,255,255,1);
}
.userstil p.white a:link {
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	outline: none;
	text-shadow: none;
}
.userstil p.white a:visited {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	outline: none;
	text-shadow: none;
}
.userstil p.white a:hover {
	text-decoration: none;
	color: rgba(255,255,255,1);
	outline: none;
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.userstil p.white a:active {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	outline: none;
	text-shadow: none;
}

.userstil h1.white {
	color: rgba(255,255,255,1);
}
.userstil h1.white a:link {
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	outline: none;
	text-shadow: none;
}
.userstil h1.white a:visited {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	outline: none;
	text-shadow: none;
}
.userstil h1.white a:hover {
	text-decoration: none;
	color: rgba(255,255,255,1);
	outline: none;
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.userstil h1.white a:active {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	outline: none;
	text-shadow: none;
}

.userstil h2.white {
	color: rgba(255,255,255,1);
}
.userstil h2.white a:link {
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	outline: none;
	text-shadow: none;
}
.userstil h2.white a:visited {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	outline: none;
	text-shadow: none;
}
.userstil h2.white a:hover {
	text-decoration: none;
	color: rgba(255,255,255,1);
	outline: none;
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.userstil h2.white a:active {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	outline: none;
	text-shadow: none;
}

.userstil h3.white {
	color: rgba(255,255,255,1);
}
.userstil h3.white a:link {
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	outline: none;
	text-shadow: none;
}
.userstil h3.white a:visited {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	outline: none;
	text-shadow: none;
}
.userstil h3.white a:hover {
	text-decoration: none;
	color: rgba(255,255,255,1);
	outline: none;
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.userstil h3.white a:active {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	outline: none;
	text-shadow: none;
}

.userstil p.box-grey {
	background-color: rgb(240, 240, 240);
    color: rgba(0,0,0,0.9);
}
.userstil h1.box-grey {
	background-color: rgba(240,240,240,1);
    color: rgba(0,0,0,0.9);
}
.userstil h2.box-grey {
	background-color: rgba(240,240,240,1);
    color: rgba(0,0,0,0.9);
}
.userstil h3.box-grey {
	background-color: rgba(240,240,240,1);
    color: rgba(0,0,0,0.9);
}
.userstil .box-grey a:link {
	color: rgba(0,0,0,0.7);
	text-decoration: none;
	outline: none;
	text-shadow: none;
}
.userstil .box-grey a:visited {
	text-decoration: none;
	color: rgba(0,0,0,0.7);
	outline: none;
	text-shadow: none;
}
.userstil .box-grey a:hover {
	text-decoration: none;
	color: rgba(0,0,0,1);
	outline: none;
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.userstil .box-grey a:active {
	text-decoration: none;
	color: rgba(0,0,0,0.7);
	outline: none;
	text-shadow: none;
}

.userstil p.box-blue {
	background-color: rgba(0,0,0,0.7);
    color: rgba(255,255,255,0.9);
}
.userstil h1.box-blue {
	background-color: rgba(0,0,0,0.7);
    color: rgba(255,255,255,0.9);
}
.userstil h2.box-blue {
	background-color: rgba(0,0,0,0.7);
    color: rgba(255,255,255,0.9);
}
.userstil h3.box-blue {
	background-color: rgba(0,0,0,0.7);
    color: rgba(255,255,255,0.9);
}
.userstil .box-blue a:link {
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	outline: none;
	text-shadow: none;
}
.userstil .box-blue a:visited {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	outline: none;
	text-shadow: none;
}
.userstil .box-blue a:hover {
	text-decoration: none;
	color: rgba(255,255,255,1);
	outline: none;
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.userstil .box-blue a:active {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	outline: none;
	text-shadow: none;
}

.userstil p.box-gold {
	background-color: rgba(228,196,125,1);
    color: rgba(255,255,255,0.9);
}
.userstil h1.box-gold {
	background-color: rgba(228,196,125,1);
    color: rgba(255,255,255,0.9);
}
.userstil h2.box-gold {
	background-color: rgba(228,196,125,1);
    color: rgba(255,255,255,0.9);
}
.userstil h3.box-gold {
	background-color: rgba(228,196,125,1);
    color: rgba(255,255,255,0.9);
}
.userstil .box-gold a:link {
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	outline: none;
	text-shadow: none;
}
.userstil .box-gold a:visited {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	outline: none;
	text-shadow: none;
}
.userstil .box-gold a:hover {
	text-decoration: none;
	color: rgba(255,255,255,1);
	outline: none;
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.userstil .box-gold a:active {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	outline: none;
	text-shadow: none;
}

.userstil p.box-white {
	background-color: rgba(255,255,255,1);
}
.userstil h1.box-white {
	background-color: rgba(255,255,255,1);
}
.userstil h2.box-white {
	background-color: rgba(255,255,255,1);
}
.userstil h3.box-white {
	background-color: rgba(255,255,255,1);
}

.userstil p.box-clear {
	background-color: transparent;
}
.userstil h1.box-clear {
	background-color: transparent;
}
.userstil h2.box-clear {
	background-color: transparent;
}
.userstil h3.box-clear {
	background-color: transparent;
}

.userstil p.box-border-1-col-center {
	border: 2px solid rgba(255,255,255,0);
    border-radius: 8px;
	margin: 25px auto !important;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 20%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: none;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-1-col-center {
	margin-left: 5%;
	width: 25%; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-1-col-center {
	margin-left: 5%;
	width: 50%; }
}
@media only screen and (max-width: 520px) {
	.userstil p.box-border-1-col-center {
    margin-top: 25px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	width: 50%;
    float: none;
    clear: both; }
}
.userstil p.box-border-1-col-center strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-1-col-center strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-1-col-center strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil p.box-border-1-col-center strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil p.box-border-1-col-center strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-1-col-center-gold {
	border: 2px solid rgba(228,196,125,1);
    border-radius: 8px;
	margin: 25px auto !important;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 20%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: none;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-1-col-center-gold {
	margin-left: 5%;
	width: 25%; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-1-col-center-gold {
	margin-left: 5%;
	width: 50%; }
}
@media only screen and (max-width: 520px) {
	.userstil p.box-border-1-col-center-gold {
    margin-top: 25px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	width: 50%;
    float: none;
    clear: both; }
}
.userstil p.box-border-1-col-center-gold strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-1-col-center-gold strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-1-col-center-gold strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil p.box-border-1-col-center-gold strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil p.box-border-1-col-center-gold strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-1-col-center-grey {
	border: 2px solid rgba(240,240,240,1);
    border-radius: 8px;
	margin: 25px auto !important;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 20%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: none;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-1-col-center-grey {
	margin-left: 5%;
	width: 25%; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-1-col-center-grey {
	margin-left: 5%;
	width: 50%; }
}
@media only screen and (max-width: 520px) {
	.userstil p.box-border-1-col-center-grey {
    margin-top: 25px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	width: 50%;
    float: none;
    clear: both; }
}
.userstil p.box-border-1-col-center-grey strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-1-col-center-grey strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-1-col-center-grey strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil p.box-border-1-col-center-grey strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil p.box-border-1-col-center-grey strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-1-col-center-blue {
	border: 2px solid rgba(0,0,0,0.7);
    border-radius: 8px;
	margin: 25px auto !important;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 20%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: none;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-1-col-center-blue {
	margin-left: 5%;
	width: 25%; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-1-col-center-blue {
	margin-left: 5%;
	width: 50%; }
}
@media only screen and (max-width: 520px) {
	.userstil p.box-border-1-col-center-blue {
    margin-top: 25px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	width: 50%;
    float: none;
    clear: both; }
}
.userstil p.box-border-1-col-center-blue strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-1-col-center-blue strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-1-col-center-blue strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil p.box-border-1-col-center-blue strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil p.box-border-1-col-center-blue strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-2-col-left {
	border: 2px solid rgba(255,255,255,0);
    border-radius: 8px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 15%;
	margin-right: 1%;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 30%;
    min-height: 105px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: left;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-left {
	margin-left: 5%;
	width: 40%;
    min-height: 125px; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-2-col-left {
	margin-left: 5%;
	width: 39%;
    min-height: 160px; }
}
@media only screen and (max-width: 520px) {
	.userstil p.box-border-2-col-left {
    margin-top: 25px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	width: 84%;
    min-height: 50px;
    float: none;
    clear: both; }
}
.userstil p.box-border-2-col-left strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-left strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-2-col-left strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil p.box-border-2-col-left strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil p.box-border-2-col-left strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-2-col-left-gold {
	border: 2px solid rgba(228,196,125,1);
    border-radius: 8px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 15%;
	margin-right: 1%;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 30%;
    min-height: 105px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: left;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-left-gold {
	margin-left: 5%;
	width: 40%;
    min-height: 125px; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-2-col-left-gold {
	margin-left: 5%;
	width: 39%;
    min-height: 160px; }
}
@media only screen and (max-width: 520px) {
	.userstil p.box-border-2-col-left-gold {
    margin-top: 25px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	width: 84%;
    min-height: 50px;
    float: none;
    clear: both; }
}
.userstil p.box-border-2-col-left-gold strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-left-gold strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-2-col-left-gold strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil p.box-border-2-col-left-gold strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil p.box-border-2-col-left-gold strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-2-col-left-grey {
	border: 2px solid rgba(240,240,240,1);
    border-radius: 8px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 15%;
	margin-right: 1%;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 30%;
    min-height: 105px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: left;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-left-grey {
	margin-left: 5%;
	width: 40%;
    min-height: 125px; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-2-col-left-grey {
	margin-left: 5%;
	width: 39%;
    min-height: 160px; }
}
@media only screen and (max-width: 520px) {
	.userstil p.box-border-2-col-left-grey {
    margin-top: 25px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	width: 84%;
    min-height: 50px;
    float: none;
    clear: both; }
}
.userstil p.box-border-2-col-left-grey strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-left-grey strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-2-col-left-grey strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil p.box-border-2-col-left-grey strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil p.box-border-2-col-left-grey strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-2-col-left-blue {
	border: 2px solid rgba(0,0,0,0.7);
    border-radius: 8px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 15%;
	margin-right: 1%;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 30%;
    min-height: 105px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: left;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-left-blue {
	margin-left: 5%;
	width: 40%;
    min-height: 125px; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-2-col-left-blue {
	margin-left: 5%;
	width: 39%;
    min-height: 160px; }
}
@media only screen and (max-width: 520px) {
	.userstil p.box-border-2-col-left-blue {
    margin-top: 25px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	width: 84%;
    min-height: 50px;
    float: none;
    clear: both; }
}
.userstil p.box-border-2-col-left-blue strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-left-blue strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-2-col-left-blue strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil p.box-border-2-col-left-blue strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil p.box-border-2-col-left-blue strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-2-col-right {
	border: 2px solid rgba(255,255,255,0);
    border-radius: 8px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 1%;
	margin-right: 15%;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 30%;
    min-height: 105px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: right;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-right {
	margin-right: 5%;
	width: 40%;
    min-height: 125px; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-2-col-right {
	margin-right: 5%;
	width: 39%;
    min-height: 160px; }
}
@media only screen and (max-width: 520px) {
	.userstil p.box-border-2-col-right {
    margin-top: 25px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	width: 84%;
    min-height: 50px;
    float: none;
    clear: both; }
}
.userstil p.box-border-2-col-right strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-right strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-2-col-right strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil p.box-border-2-col-right strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil p.box-border-2-col-right strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-2-col-right-grey {
	border: 2px solid rgba(240,240,240,1);
    border-radius: 8px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 1%;
	margin-right: 15%;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 30%;
    min-height: 105px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: right;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-right-grey {
	margin-right: 5%;
	width: 40%;
    min-height: 125px; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-2-col-right-grey {
	margin-right: 5%;
	width: 39%;
    min-height: 160px; }
}
@media only screen and (max-width: 520px) {
	.userstil p.box-border-2-col-right-grey {
    margin-top: 25px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	width: 84%;
    min-height: 50px;
    float: none;
    clear: both; }
}
.userstil p.box-border-2-col-right-grey strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-right-grey strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-2-col-right-grey strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil p.box-border-2-col-right-grey strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil p.box-border-2-col-right-grey strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-2-col-right-gold {
	border: 2px solid rgba(228,196,125,1);
    border-radius: 8px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 1%;
	margin-right: 15%;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 30%;
    min-height: 105px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: right;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-right-gold {
	margin-right: 5%;
	width: 40%;
    min-height: 125px; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-2-col-right-gold {
	margin-right: 5%;
	width: 39%;
    min-height: 160px; }
}
@media only screen and (max-width: 520px) {
	.userstil p.box-border-2-col-right-gold {
    margin-top: 25px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	width: 84%;
    min-height: 50px;
    float: none;
    clear: both; }
}
.userstil p.box-border-2-col-right-gold strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-right-gold strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-2-col-right-gold strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil p.box-border-2-col-right-gold strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil p.box-border-2-col-right-gold strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-2-col-right-blue {
	border: 2px solid rgba(0,0,0,0.7);
    border-radius: 8px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 1%;
	margin-right: 15%;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 30%;
    min-height: 105px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: right;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-right-blue {
	margin-right: 5%;
	width: 40%;
    min-height: 125px; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-2-col-right-blue {
	margin-right: 5%;
	width: 39%;
    min-height: 160px; }
}
@media only screen and (max-width: 520px) {
	.userstil p.box-border-2-col-right-blue {
    margin-top: 25px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	width: 84%;
    min-height: 50px;
    float: none;
    clear: both; }
}
.userstil p.box-border-2-col-right-blue strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-2-col-right-blue strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-2-col-right-blue strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil p.box-border-2-col-right-blue strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil p.box-border-2-col-right-blue strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-3-col {
	border: 2px solid rgba(255,255,255,0);
    border-radius: 8px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 2%;
	margin-right: 2%;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 27.2%;
    min-height: 105px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: left !important;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-3-col {
	margin-left: 2%;
	margin-right: 2%;
	width: 26.35%;
    min-height: 115px; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-3-col {
	margin-left: 2%;
	margin-right: 2%;
	width: 25.35%;
    min-height: 150px; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-3-col {
	margin-top: 25px;
    margin-bottom: 0;
    margin-left: 5%;
    margin-right: 5%;
	width: 84%;
    min-height: 50px;
    float: none;
    clear: both; }
}

.userstil .box-border-3-col strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil .box-border-3-col strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil .box-border-3-col strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil .box-border-3-col strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil .box-border-3-col strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-3-col-grey {
	border: 2px solid rgba(240,240,240,1);
    border-radius: 8px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 2%;
	margin-right: 2%;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 27.2%;
    min-height: 105px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: left !important;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-3-col-grey {
	margin-left: 2%;
	margin-right: 2%;
	width: 26.35%;
    min-height: 115px; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-3-col-grey {
	margin-left: 2%;
	margin-right: 2%;
	width: 25.35%;
    min-height: 150px; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-3-col-grey {
	margin-top: 25px;
    margin-bottom: 0;
    margin-left: 5%;
    margin-right: 5%;
	width: 84%;
    min-height: 50px;
    float: none;
    clear: both; }
}
.userstil .box-border-3-col-grey strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil .box-border-3-col-grey strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil .box-border-3-col-grey strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil .box-border-3-col-grey strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil .box-border-3-col-grey strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-3-col-gold {
	border: 2px solid rgba(228,196,125,1);
    border-radius: 8px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 2%;
	margin-right: 2%;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 27.2%;
    min-height: 105px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: left !important;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-3-col-gold {
	margin-left: 2%;
	margin-right: 2%;
	width: 26.35%;
    min-height: 115px; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-3-col-gold {
	margin-left: 2%;
	margin-right: 2%;
	width: 25.35%;
    min-height: 150px; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-3-col-gold {
	margin-top: 25px;
    margin-bottom: 0;
    margin-left: 5%;
    margin-right: 5%;
	width: 84%;
    min-height: 50px;
    float: none;
    clear: both; }
}
.userstil .box-border-3-col-gold strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil .box-border-3-col-gold strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil .box-border-3-col-gold strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil .box-border-3-col-gold strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil .box-border-3-col-gold strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-3-col-blue {
	border: 2px solid rgba(0,0,0,0.7);
    border-radius: 8px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 2%;
	margin-right: 2%;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	width: 27.2%;
    min-height: 105px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	float: left !important;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-3-col-blue {
	margin-left: 2%;
	margin-right: 2%;
	width: 26.35%;
    min-height: 115px; }
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-3-col-blue {
	margin-left: 2%;
	margin-right: 2%;
	width: 25.35%;
    min-height: 150px; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-3-col-blue {
	margin-top: 25px;
    margin-bottom: 0;
    margin-left: 5%;
    margin-right: 5%;
	width: 84%;
    min-height: 50px;
    float: none;
    clear: both; }
}
.userstil .box-border-3-col-blue strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil .box-border-3-col-blue strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil .box-border-3-col-blue strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil .box-border-3-col-blue strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil .box-border-3-col-blue strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}

.userstil p.box-border-3-col-clear {
	border: 2px solid rgba(255,255,255,0);
    border-radius: 8px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 2%;
	margin-right: 2%;
	padding-top: 30px;
	padding-right: 3%;
    padding-bottom: 25px;
    padding-left: 3%;
	width: 22.5%;
    min-height: 470px;
    float: left !important;
}
@media only screen and (max-width: 1250px) {
	.userstil p.box-border-3-col-clear {
	width: 21.8%; }
}
@media only screen and (max-width: 668px) {
	.userstil p.box-border-3-col-clear {
    margin-left: 5%;
    margin-right: 5%;
	width: 82%;
    float: none;
    clear: both; }
}
.userstil .box-border-3-col-clear strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.userstil .box-border-3-col-clear strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.userstil .box-border-3-col-clear strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.userstil .box-border-3-col-clear strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.userstil .box-border-3-col-clear strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
.userstil p.box-border-3-col-clear img {
	width: 70%;
    border-radius: 300px;
    margin-bottom: 15px;
	text-decoration: none;
}
@media only screen and (max-width: 885px) {
	.userstil p.box-border-3-col-clear img {
	width: 85%; }
}
@media only screen and (max-width: 685px) {
	.userstil p.box-border-3-col-clear img {
	width: 60%; }
}

.userstil p.button a:link {
    font-weight: 400;
    line-height: 35px;
    text-align: center;
	text-decoration: none;
	color: rgba(255,255,255,1);
	text-shadow: none;
    padding:8px 18px 8px 18px;
    margin: 0 1px;
    background-color: rgba(0,0,0,1);
    border-radius: 8px;
    box-shadow: none !important;
}
.userstil p.button a:visited {
	text-decoration: none;
	color: rgba(255,255,255,1);
	text-shadow: none;
    padding:8px 10px 8px 10px;
    margin: 0 1px;
    background-color: rgba(0,0,0,1);
    box-shadow: none !important;
}
.userstil p.button a:hover {
	text-decoration: none;
	color: rgba(255,255,255,1);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-color: rgba(228,196,125,1);
    transition:0.2s all ease-in-out!important;
}
.userstil p.button a:active {
	text-decoration: none;
	color: rgba(255,255,255,1);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-color: rgba(228,196,125,1);
    transition:0.2s all ease-in-out!important;
}
.userstil p.button a.active {
	text-decoration: none;
	color: rgba(255,255,255,1);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-color: rgba(228,196,125,1);
    transition:0.2s all ease-in-out!important;
}

/* end .userstil */



/* ******************************************************** */



.flex-container {
    padding: 40px 25px;
    display: flex;
    flex-wrap:wrap; 
    flex-direction: row;
    background-color: rgba(11,37,58,1);
    float: none;
    clear:both;
}
@media only screen and (max-width: 668px) {
	.flex-container {
    padding: 40px 15px; }
}
.flex-box-3 {
	width: 25%;
    background-color: rgba(255,255,255,0.65);
    border-radius: 8px;
	margin: 3% 1%;
	padding-top: 30px;
	padding-right: 3%;
    padding-bottom: 25px;
    padding-left: 3%;
	font-weight: 300;
	font-size: 1.07em;
	line-height: 1.15em;
	color: rgba(0,0,0,1);
	font-style: normal;
	text-align: center;
	letter-spacing: 0;
}
@media only screen and (max-width: 1250px) {
	.flex-box-3 {
	font-size: 1.06em;
	line-height: 1.14em; }
}
@media only screen and (max-width: 885px) {
	.flex-box-3 {
	font-size: 1.07em;
	line-height: 1.14em; }
}
@media only screen and (max-width: 668px) {
	.flex-box-3 {
	width: 92%;
	font-size: 1.15em;
	line-height: 1.19em; }
}
.flex-box-3 strong {
	font-size: 1.15em;
	line-height: 1.11em;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0.03em;
    vertical-align: 15%;
}
@media only screen and (max-width: 1250px) {
	.flex-box-3 strong {
	font-size: 1.02em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 885px) {
	.flex-box-3 strong {
	font-size: 1.05em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 685px) {
	.flex-box-3 strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.flex-box-3 strong {
	font-size: 1.07em;
	line-height: 1.15em; }
}
.flex-box-3 img {
	width: 75%;
    border-radius: 300px;
    margin-bottom: 15px;
	text-decoration: none;
}
@media only screen and (max-width: 885px) {
	.flex-box-3 img {
	width: 95%; }
}
@media only screen and (max-width: 685px) {
	.flex-box-3 img {
	width: 55%; }
}

/* end .flex-container, .flex-box-3 (3-spaltig) */



/* ******************************************************** */



#down {
	top: 77%;
	width: 100%;
	margin: 0 auto;
	border-width: 0;
	border-style: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 2em;
	line-height: 1.1em;
	color: rgba(0,0,0,1);
	font-style: normal;
	display: block;
	position: absolute;
	z-index: 502 !important;
}
@media only screen and (max-width: 885px) {
	#down {
     }
}
@media only screen and (max-width: 668px) {
	#down {
     }
}
@media only screen and (max-height: 400px) {
	#down {
    display: none; }
}
#down a:link {
	color: rgba(255,255,255,0.75);
	text-decoration: none;
	outline: none;
	text-shadow: none;
}
#down a:visited {
	text-decoration: none;
	color: rgba(255,255,255,0.75);
	outline: none;
	text-shadow: none;
}
#down a:hover {
	text-decoration: none;
	color: rgba(255,255,255,1);
	outline: none;
	text-shadow: 0 0 10px rgba(0,0,0,0.15);
}
#down a:active {
	text-decoration: none;
	color: rgba(255,255,255,0.75);
	outline: none;
	text-shadow: none;
}

/* end #down */



#header {
    top: 0;
	width: 100%;
	margin: 0 auto;
	border-width: 0;
	border-style: none;
    display: block;
	position: absolute;
	z-index: 498 !important;
}
@media only screen and (max-width: 1250px) {
	#header {
	}
}
@media only screen and (max-width: 885px) {
	#header {
	}
}

/* end #header */



#sign {
    animation-name: sign;
    animation-duration: 1s;
    animation-play-state: running;
    animation-fill-mode: forwards;
}
@keyframes sign {
   0%   {  transform:translateY(-200px)    }
   100% {  transform:translateY(100%) }
}

#sign {
	width: 325px;
	margin: 40px auto;
	border-width: 0;
	border-style: none;
}
@media only screen and (max-width: 1250px) {
	#sign {
	width: 350px; }
}
@media only screen and (max-width: 885px) {
	#sign {
	width: 325px;
	margin: 25px auto; }
}
@media only screen and (max-width: 668px) {
	#sign {
	width: 275px;
	margin: 25px auto; }
}
@media only screen and (max-width: 480px) {
	#sign {
	width: 225px;
	margin: 25px 0 25px 90px;
    right: 25px; }
}

/* end #sign */



img.sign-img {
	width: 325px; /* passt die Bildgröße an, wenn ein Bild eingefügt ist */
	float: left;
}
@media only screen and (max-width: 885px) {
	img.sign-img {
	width: 325px; /* passt die Bildgröße an, wenn ein Bild eingefügt ist */ }
}
@media only screen and (max-width: 668px) {
	img.sign-img {
	width: 275px; /* passt die Bildgröße an, wenn ein Bild eingefügt ist */ }
}
@media only screen and (max-width: 480px) {
	img.sign-img {
	width: 225px; /* passt die Bildgröße an, wenn ein Bild eingefügt ist */ }
}

/* end img.sign */



.sign-text {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 23px;
	color: rgba(255,255,255,1);
	line-height: 1em;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0;
	padding-top: 0;
	padding-left: 0;
	width: auto;
	float: left;
}

/* end .sign-text */

.sign-text-dark {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 23px;
	color: rgba(0,0,0,0.7);
	line-height: 1em;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0;
	padding-top: 0;
	padding-left: 0;
	width: auto;
	float: left;
}

/* end .sign-text-dark */


.sign-text-small {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: rgba(255,255,255,1);
	font-style: italic;
	line-height: 1em;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0;
	padding-top: 3px;
	padding-left: 10px;
	width: auto;
	float: left;
}

/* end .sign-small */

.sign-text-small-dark {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: rgba(0,0,0,0.7);
	font-style: italic;
	line-height: 1em;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0;
	padding-top: 3px;
	padding-left: 10px;
	width: auto;
	float: left;
}

/* end .sign-small-dark */


/* ******************************************************** */


#overlay-menue {
    animation-name: overlay-menue;
    animation-duration: 1s;
    animation-play-state: running;
    animation-fill-mode: forwards;
}
@keyframes overlay-menue {
   0%   {  transform:translate(-100%)    }
   100% {  transform:translate(0%) }
}

#overlay-menue {
    background-color: rgba(255,255,255,0);
	position: fixed;
	width: 62px;
	height: auto;
	top: 35px;
	left: 30px;
	right: 0;
    text-align: center;
    z-index: 1000;
    opacity: 0.9;
}
@media only screen and (max-width: 1250px) {
	#overlay-menue {
	left: 30px;
    top: 35px; }
}
@media only screen and (max-width: 885px) {
	#overlay-menue {
	width: 48px;
    left: 23px;
    top: 27px; }
}
@media only screen and (max-width: 685px) {
	#overlay-menue {
	left: 15px;
    top: 27px; }
}
#overlay-menue:hover {
	opacity: 1;
    border-radius: 0;
}




.details {
	position: fixed;
	width: auto;
    margin: 0 auto;
	min-height: auto;
	height: auto !important;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
    padding: 0 100px;
    text-align: center;
	background-color: rgba(228,196,125,0.93);
	border: 0 solid rgba(255,255,255,0);
	border-radius: 0;
	overflow: auto;
	display: block;
	opacity: 0;
	z-index: -10;
    /*transition: 1s;*/
}
@media only screen and (max-width: 1250px) {
	.details {
    padding: 0 50px; }
}
@media only screen and (max-width: 885px) {
	.details {
    padding: 0 35px; }
}
@media only screen and (max-width: 685px) {
	.details {
    padding: 0 25px; }
}

.details:target {
	opacity: 1;
	z-index: 1000;
}

.details:target {
    animation-name: details-target;
    animation-duration: 1s;
    animation-play-state: running;
    animation-fill-mode: forwards;
}
@keyframes details-target {
   0%   {  transform:translate(-100%)    }
   100% {  transform:translate(0%) }
}

.close {
	width: 0;
	height: 0;
	border: 0;
	color: transparent;
}
.close:hover {
	color: rgba(255,255,255,1);
}

.close:after {
	content: "X";
	color: rgba(0,0,0,0.7);
    border: 0 solid rgba(255,255,255,0);
	border-radius: 0;
    font-family: 'Oswald', sans-serif;
	font-size: 2.3em;
	line-height: 1.3em;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
}
@media only screen and (max-width: 1250px) {
	.close:after {
    font-size: 2.27em;
	line-height: 1.32em; }
}
@media only screen and (max-width: 885px) {
	.close:after {
	font-size: 2.15em;
	line-height: 1.2em; }
}
a#c1.close:hover {
	text-decoration: underline;
	color: rgba(255,255,255,1);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}

/* end #overlay-menue, .details, .details:target, .close, .close:after */



#nav {
	background-repeat: no-repeat;
	border-width: 0;
	border-style: none;
}

#nav li {
    list-style: none;
}
#nav li:before {
    content: none;
}

#nav a:link {
	text-decoration: none;
	color: rgba(0,0,0,0.7);
	text-shadow: none;
    font-weight: 400;
}
#nav a:visited {
	text-decoration: none;
	color: rgba(0,0,0,0.7);
	text-shadow: none;
    font-weight: 400;
}
#nav a:hover {
	text-decoration: none;
	color: rgba(255,255,255,1);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
#nav a:active {
	text-decoration: underline;
	color: rgba(255,255,255,1);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
    font-weight: 600;
    letter-spacing: 0.02em;
}
#nav a.active {
	text-decoration: underline;
	color: rgba(255,255,255,1);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
    font-weight: 600;
    letter-spacing: 0.02em;
}

.nav-start-img {
	width: 62px; /* passt die Bildgröße an, wenn ein Bild eingefügt ist */
	text-align: center;
	cursor: pointer;
}
@media only screen and (max-width: 885px) {
	.nav-start-img {
	width: 48px; }
}

.stil-nav {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 1.42em;
	line-height: 1.16em;
	font-style: normal;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	list-style: none;
	top: 8%;
    width: 100%;
	height: auto;
	margin: 0 auto;
	border-width: 0;
	border-style: none;
    position: relative;
    z-index: 500;
}
@media only screen and (max-width: 1250px) {
	.stil-nav {
	font-size: 1.21em;
	line-height: 1.16em; }
}
@media only screen and (max-width: 885px) {
	.stil-nav {
	font-size: 1.13em;
	line-height: 1.16em; }
}

.stil-nav li {
	list-style: none;
	margin: 0;
	padding: 0 0 11px 0;
	clear: both;
}
.stil-nav li:before {
    content: none;
}

/* end #nav, #nav li, #nav li:before, #nav a:link, .nav, .nav-start-img, .stil-nav, .stil-nav li, .stil-nav li:before */



/* ******************************************************** */



#c1 {
    top: 0;
    left: 0;
    right: 0;
    padding: 12% 0% 0% 0%;
    margin: 0 auto;
    width: 100%;
    height: auto;
    position: relative;
    display: block;
}

/* end #c1 */



/* ******************************************************** */



#content-first {
    top: 100%;
    left: 0;
	right: 0;
    background-color: transparent;
	width: 100%;
	border-width: 0;
	border-style: none;
	margin: 0px auto;
	padding: 0 0 52px 0;
    position: absolute;
	z-index: 500;
}
@media only screen and (max-width: 1250px) {
	#content-first {
    padding: 0 0 52px 0; }
}
@media only screen and (max-width: 885px) {
	#content-first {
    padding: 0 0 52px 0; }
}
@media only screen and (max-width: 668px) {
	#content-first {
    padding: 0 0 54px 0; }
}

/* end #content-first */

#content {
    left: 0;
	right: 0;
	background-color: transparent;
	width: 100%;
	height: auto;
	border-width: 0;
	border-style: none;
	margin: 160px auto 52px auto;
	padding: 0 0 53px 0;
	display: block;
	position: relative;
	z-index: 500;
}
@media only screen and (max-width: 1250px) {
	#content {
	padding: 0 0 52px 0;	}
}
@media only screen and (max-width: 885px) {
	#content {
    margin: 145px auto 0 auto; }
}
@media only screen and (max-width: 668px) {
	#content {
	padding: 0 0 52px 0; }
}

/* end #content */



/* ******************************************************** */



#overlay {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	border-width: 0;
	border-style: none;
	padding: 0;
	margin: 0 auto;
	z-index: 2501;
}

/* end #overlay */

#overlay-content {
	width: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 2502;
}
/* end #overlay-content */

#overlay-close-x {
	top: 0;
	right: 5px;
	width: 40px;
	height: 40px;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 2.05em !important;
	line-height: 1.03em;
	font-style: normal;
	color: white;
	text-align: center;
	background-color: rgba(75,75,75,1);
	border-radius: 25px;
	margin: 5px auto;
	padding: 5px 5px 5px 5px;
	display: none;
	position: fixed;
	z-index: 2503;
	/*animation:fadein 1.0s;
	-moz-animation:fadein 1.0s;
	-webkit-animation:fadein 1.0s;*/
}

/* end #overlay-close-x */

#overlay-close-x a:link {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	text-shadow: none;
}
#overlay-close-x a:hover {
	text-decoration: none;
	color: rgba(255,255,255,1);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
#overlay-close-x a:visited {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	text-shadow: none;
}
#overlay-close-x a:active {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}

/* end #overlay-close-x a:link */

iframe {
    left: 0;
    background-color: rgba(0,0,0,0.85);
	/*box-shadow: 0px 5px 15px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 5px 15px rgba(0,0,0,1);
	-moz-box-shadow: 0px 5px 15px rgba(0,0,0,1);
	-ms-box-shadow: 0px 5px 15px rgba(0,0,0,1);
	-o-box-shadow: 0px 5px 15px rgba(0,0,0,1);*/
	width: 94%;
	min-height: 94%;
	height: auto !important;
	height: 94%;
	text-align: left;
	border-width: 0;
	border-style: none;
	margin: 0 auto;
	padding: 3% 3% 3% 3%;
	display: block;
	position: fixed;
	overflow: hidden !important;
	z-index: 2500;
}

/* end iframe */



/* ******************************************************** */



#legal {
	background-repeat: repeat;
	background-color: rgba(228,196,125,1);
	width: 100%;
	height: 30px;
	border-width: 0;
	border-style: none;
	margin: 0 auto;
	padding: 17px 0 15px 0;
	bottom: 0;
	display: block;
	position: fixed;
	z-index: 2000;
}
@media only screen and (max-width: 1250px) {
	#legal {
	}
}
@media only screen and (max-width: 885px) {
	#legal {
	}
}
@media only screen and (max-width: 668px) {
	#legal {
	}
}

/* end #legal */



.stil-legal p {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: rgba(0,0,0,1);
	line-height: 1.45em;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0;
	padding: 0 5px 3px 5px;
	margin: 0 auto;
}
@media only screen and (max-width: 1250px) {
	.stil-legal p {
	font-size: 15px; }
}
@media only screen and (max-width: 885px) {
	.stil-legal p {
	font-size: 15px; }
}
@media only screen and (max-width: 668px) {
	.stil-legal p {
	font-size: 16px; }
}

/* end .stil-legal p */

.stil-legal strong {
	font-size: 24px !important;
    vertical-align: -1px;
}

/* end .stil-legal p.sub */

.stil-legal a:link {
	text-decoration: none;
	color: rgba(0,0,0,0.7);
	outline: none;
	text-shadow: none;
}
.stil-legal a:hover {
	text-decoration: none;
	color: rgba(0,0,0,1);
	outline: none;
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.stil-legal a:visited {
	text-decoration: none;
	color: rgba(0,0,0,1);
	outline: none;
	text-shadow: none;
}
.stil-legal a:active {
	text-decoration: none;
	color: rgba(0,0,0,1);
	outline: none;
	text-shadow: none;
}

/* end .stil-legal a:link */



/* ******************************************************** */



img.socialmedia-linkedin {
	max-height: 22px;
    max-width: 88px;
    padding-top: 12px;
}
@media only screen and (max-width: 885px) {
	img.socialmedia-linkedin {
	 }
}

/* end img.socialmedia-linkedin */



img.socialmedia-xing {
	max-height: 27px;
	padding-bottom: 3px;
}
@media only screen and (max-width: 885px) {
	img.socialmedia-xing {
	max-height: 23px;
	padding-bottom: 2px; }
}

/* end img.socialmedia-xing */



/* ******************************************************** */



@media (max-width: 885px) { 
    .no-mobile    {
    display: none !important;
    }
}

@media (min-width: 885px) { 
    .mobile {
    display: none;
    }
}

/* end mobile sichtbarkeit und unsichtbarkeit */



/* ******************************************************** */



/* Transition property for smooth transformation of images */
a img {
    transition: transform .5s ease;
    border: 0;
}
/* Finally, transforming the image when container gets hovered */
a:hover img {
    transform: scale(1.05);
    border: 0;

}

/* end Bild Hover */



/* ******************************************************** */



#nav-presentation-galerie {
	border-width: 0;
	border-style: none;
    top: 69%;
    width: 100%;
	margin: 0 auto !important;
    display: block;
    position: absolute;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	text-decoration: none;
    list-style: none;
	list-style-position: outside;
    z-index: 498;
}
@media only screen and (max-width: 885px) {
	#nav-presentation-galerie {
	font-size: 14px; }
}
@media only screen and (max-width: 668px) {
	#nav-presentation-galerie {
	font-size: 13px; }
}
@media only screen and (max-height: 400px) {
	#nav-presentation-galerie {
    top: 150px; }
}

a.show-01:link {
    font-weight: 400;
    line-height: 35px;
	text-decoration: none;
	color: rgba(255,255,255,1);
	text-shadow: none;
    padding:8px 10px 8px 10px;
    margin: 0 1px;
    background-color: rgba(228,196,125,1);
    border-radius: 8px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0);
}
a.show-01:visited {
	text-decoration: none;
	color: rgba(255,255,255,1);
	text-shadow: none;
    padding:8px 10px 8px 10px;
    margin: 0 1px;
    background-color: rgba(228,196,125,1);
    box-shadow: inset 0 0 10px rgba(0,0,0,0);
}
a.show-01:hover {
	text-decoration: none;
	color: rgba(255,255,255,0.9);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-color: rgba(0,0,0,1);
    transition:0.2s all ease-in-out!important;
}
a.show-01:active {
	text-decoration: none;
	color: rgba(255,255,255,0.9);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-color: rgba(0,0,0,1);
    transition:0.2s all ease-in-out!important;
}
a.show-01.active {
	text-decoration: none;
	color: rgba(255,255,255,0.9);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-color: rgba(0,0,0,1);
    transition:0.2s all ease-in-out!important;
}

a.show-02:link {
    font-weight: 400;
    line-height: 35px;
	text-decoration: none;
	color: rgba(255,255,255,1);
	text-shadow: none;
    padding:8px 10px 8px 10px;
    margin: 0 1px;
    background-color: rgba(228,196,125,1);
    border-radius: 8px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0);
}
a.show-02:visited {
	text-decoration: none;
	color: rgba(255,255,255,1);
	text-shadow: none;
    padding:8px 10px 8px 10px;
    margin: 0 1px;
    background-color: rgba(228,196,125,1);
    box-shadow: inset 0 0 10px rgba(0,0,0,0);
}
a.show-02:hover {
	text-decoration: none;
	color: rgba(255,255,255,0.9);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-color: rgba(0,0,0,1);
    transition:0.2s all ease-in-out!important;
}
a.show-02:active {
	text-decoration: none;
	color: rgba(255,255,255,0.9);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-color: rgba(0,0,0,1);
    transition:0.2s all ease-in-out!important;
}
a.show-02.active {
	text-decoration: none;
	color: rgba(255,255,255,0.9);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-color: rgba(0,0,0,1);
    transition:0.2s all ease-in-out!important;
}

a.show-03:link {
    font-weight: 400;
    line-height: 35px;
	text-decoration: none;
	color: rgba(255,255,255,1);
	text-shadow: none;
    padding:8px 10px 8px 10px;
    margin: 0 1px;
    background-color: rgba(228,196,125,1);
    border-radius: 8px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0);
}
a.show-03:visited {
	text-decoration: none;
	color: rgba(255,255,255,1);
	text-shadow: none;
    padding:8px 10px 8px 10px;
    margin: 0 1px;
    background-color: rgba(228,196,125,1);
    box-shadow: inset 0 0 10px rgba(0,0,0,0);
}
a.show-03:hover {
	text-decoration: none;
	color: rgba(255,255,255,0.9);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-color: rgba(0,0,0,1);
    transition:0.2s all ease-in-out!important;
}
a.show-03:active {
	text-decoration: none;
	color: rgba(255,255,255,0.9);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-color: rgba(0,0,0,1);
    transition:0.2s all ease-in-out!important;
}
a.show-03.active {
	text-decoration: none;
	color: rgba(255,255,255,0.9);
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-color: rgba(0,0,0,1);
    transition:0.2s all ease-in-out!important;
}

/* end #nav-presentation-galerie, #nav-presentation-galerie li, #nav-presentation-galerie ul li, a.show-01, a.show-02, a.show-03 */

#presentation-01:not(:target) .inhalt-01,
#presentation-01:not(:target) .hide-01,
#presentation-01:target .show-01 {display: block;}
#presentation-01:target .inhalt-01 {display: block;}
.inhalt-01 {
box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
}
#presentation-02:not(:target) .inhalt-02,
#presentation-02:not(:target) .hide-02,
#presentation-02:target .show-02 {display: none; z-index: 495;}
#presentation-02:target .inhalt-02 {display: block; z-index: 495;}
.inhalt-02 {
box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
}
#presentation-03:not(:target) .inhalt-03,
#presentation-03:not(:target) .hide-03,
#presentation-03:target .show-03 {display: none; z-index: 495;}
#presentation-03:target .inhalt-03 {display: block; z-index: 495;}
.inhalt-03 {
box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
}

#presentation-01, #presentation-02, #presentation-03 {
	top: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0 auto;
    position: absolute;
    display: block;
}

/* end #presentation-01, #presentation-02, #presentation-03 */



/* ******************************************************** */



.container {
    width: 100%;
	min-height: calc(100vh - 62px);
	height: calc(100% - 62px) !important;
	height: calc(100vh - 62px);
    position: absolute;
	display: block;
    top: 0;
    left: 0;
    background-color: rgba(240,240,240,1);
}
@media only screen and (max-width: 885px) {
	.container {
     }
}
@media only screen and (max-width: 668px) {
	.container {
     }
}
.slide-content {
    position: absolute;
    top: 47%;
    left: 50%;
    width: 80%;
    color: white;
    text-align: center;
    text-shadow: 0 0 30px rgba(0,0,0,0.15);
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media only screen and (max-width: 885px) {
	.slide-content {
	top: 46%; }
}
@media only screen and (max-width: 668px) {
	.slide-content {
    top: 47%; }
}

.slide-content h1 {
	font-family: 'Oswald', sans-serif;
	font-size: 3.4em;
	line-height: 1.14em;
	color: rgba(255,255,255,0.93);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: uppercase;
}
@media only screen and (max-width: 1400px) {
	.slide-content h1 {
	font-size: 3.00em;
	line-height: 1.14em; }
}
@media only screen and (max-width: 1250px) {
	.slide-content h1 {
	font-size: 2.65em;
	line-height: 1.16em;
	top: 40%; }
}
@media only screen and (max-width: 885px) {
	.slide-content h1 {
	font-size: 2.65em;
	line-height: 1.16em;
	top: 38%; }
	}
@media only screen and (max-width: 685px) {
	.slide-content h1 {
	font-size: 1.70em;
	line-height: 1.15em; }
}
@media only screen and (max-width: 480px) {
	.slide-content h1 {
	font-size: 1.60em;
	line-height: 1.15em; }
}
.slide-content p {
    font-size: calc(1rem + 10 * (100vw - 375px)/ (1199 - 375));
    margin-top: 0;
    margin-bottom: 0.5em;
}

/* end slider */