@charset "UTF-8";
/* CSS Document */
* {
	box-sizing: border-box;
}
@font-face {
	font-family: 'Abel Pro Bold';
	src: url(font/AbelPro-Bold.otf) format('opentype');
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: 'Abel Pro';
	src: url(font/AbelPro.otf) format('opentype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Agenda Bold';
	src: url(font/agndbd.otf) format('opentype');
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: 'Agenda Light';
	src: url(font/agndlc.otf) format('opentype');
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: 'Agenda Medium';
	src: url(font/agndmc.otf) format('opentype');
	font-weight: 700;
	font-style: normal
}
body, caption, th, td, input, textarea, select, option, legend, fieldset {
	font-size-adjust: 0.5;
}
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {
	margin-top: -0px;
	margin-right: -0px;
	margin-left: -0px;
	margin-bottom: -0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	top: 61pt;
}
td {
	margin: 0;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 24px;
	padding-right: 11px;
}
sup {
	line-height: 0px
}
body, html {
    /* Change this value to customize the content area*/
    padding: 0px;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #DB5F33;
    font-size: 1.15em;
    line-height: 1.18em;
    font-family: 'Abel Pro';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
a {
    text-decoration: none;
    color: #FFFFFF;
    background-color: transparent;
}
a:link {
    color: #FFFFFF;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
a:hover {
	color: #000;
}
a:active {
	color: #000;
}
html {
	box-sizing: border-box;
}
*, ::before, ::after {
    line-height: normal;
}
img {
	border-style: none;
}
.wrapper {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.wrapper_video {
    margin-left: auto;
    margin-right: auto;
    width: 85%;
}
.textshadow
{
    text-shadow: 1px 1px 1px #BB481C;
}

.float_left {
	float: left;
}
.float_right {
	float: right;
}
.flex-container {
	display: flex;
	justify-content: center;
	position: relative;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	top: 20%;
	left: 0px;
	clear: both;
}
.responsive-video {
	padding-top: 0px;
	position: relative;
	margin-bottom: 40px !important;
	margin-right: 20px;
	margin-left: 20px;
}
.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
iframe {
    border: 1px solid #FF3100;
    border-radius: 30px !important;
    padding: 20px;
    background-color: #B9451B;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}



/* Animations */
.fade-in {
	animation: fadeIn ease 4s;
	-webkit-animation: fadeIn ease 4s;
	-moz-animation: fadeIn ease 4s;
	-o-animation: fadeIn ease 4s;
	-ms-animation: fadeIn ease 4s;
}
@keyframes fadeIn {
 0% {
 opacity:0;
}
 100% {
 opacity:1;
}
}
@-moz-keyframes fadeIn {
 0% {
 opacity:0;
}
 100% {
 opacity:1;
}
}
@-webkit-keyframes fadeIn {
 0% {
 opacity:0;
}
 100% {
 opacity:1;
}
}
.rotate {
	-webkit-animation: spin 3s linear infinite;
	-moz-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}
@-moz-keyframes spin {
 100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
transform: rotate(360deg);
}
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
.soundof {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 61px;
	padding-top: 32px;
	width: 33%;
}
.ring {
	width: 140px;
	height: 140px;
	z-index: 2;
}
.ring2 {
    width: 156px;
    height: 156px;
    z-index: 1;
    position: absolute;
    margin-top: -85px;
}
.abstandunten {
    margin-bottom: 40px;
}
.flex-container {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	left: 0px;
	position: relative;
	margin-top: -49px;
}
.responsive-video {
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	overflow: v;
	position: relative;
	margin-bottom: 21px;
	margin-right: 21px;
	margin-left: 21px;
	margin-top: 0px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.soundof {
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 14px;
}
.wrapper {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
	.wrapper_video {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.soundof {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0%;
	padding-top: 43px;
	width: 98%;
	padding-bottom: 28px;
}
.ring {
	width: 140px;
	height: 140px;
}
[class*="col-"] {
	width: 100%;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.soundof {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0%;
	padding-top: 32px;
	width: 97%;
	padding-bottom: 16px;
}
.flex-container {
	display: flex;
	justify-content: center;
	position: relative;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	top: 27%;
	left: 0px;
}
.col-3 {
	width: 50%;
	float: left;
}
		.col-2 {
	width: 50%;
	float: left;
}
		.wrapper_video {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.soundof {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 29px;
	padding-top: 32px;
	width: 91%;
}
.col-3 {
	width: 33.3%;
	float: left;
}
		.wrapper_video {
    margin-left: auto;
    margin-right: auto;
    width: 85%;
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.soundof {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 21px;
	padding-top: 44px;
	width: 83%;
}
.flex-container {
    display: flex;
    justify-content: center;
    position: relative;
    width: 40%;
    margin-right: 30%;
    margin-left: 30%;
    top: 27%;
    left: 0px;
    clear: both;
}
/* For desktop: */
.col-3 {
	width: 33.33%;
	float: left;
}
	.col-2 {
	width: 50%;
	float: left;
}
		.wrapper_video {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}
}