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

@font-face {
    font-family: 'Gotham';
    src: url('../font/Gotham-Black.woff2') format('woff2'),
        url('../font/Gotham-Black.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham XNarrow';
    src: url('../font/GothamXNarrow-Light.woff2') format('woff2'),
        url('../font/GothamXNarrow-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'GothamUltra';
    src: url('../font/GothamUltra.woff2') format('woff2'),
        url('../font/GothamUltra.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
a:hover {
	color: #000;
	text-decoration: none;
	outline: none;

}
a {
	color: #000;
	text-decoration: none;
	outline: none;
}
h1{ font-family: 'GothamUltra'; font-size: 1.5rem;margin-bottom: 0;}
h2, .h2 {
	font-family: 'GothamUltra';
	font-size: 1.5rem;
	margin-bottom: 0;
	line-height: 0.9;
	margin: 10px;
}

em{ background: #d00000; color: #fff; padding: 0px 5px;}
.wrapper_small{ margin: 10px 0px;}
.headline{}
.headline_small{ font-family: 'Gotham';color: #d00;text-transform: uppercase;line-height: 100%;font-size: 12px;/*! padding: 2px 10px; */}
.headline_big{font-family: 'Gotham';text-transform: uppercase;font-size: 16px; line-height: 100%;}
.container{margin-top: 5px;margin-bottom: 15px;}
img{width: 100%;}

.text_holder {
	position: absolute;

}


.top {
	top: 5%;
}

.right {
	right: 0;
}
.bottom{bottom: 10%;}
.left{ left: 0;}
.small{width: 50%; padding-right: 5px!important; padding-left: 5px!important;}

.background_text {
	font-family: 'Gotham';
	background: #ffffff;
	height: 40px;
	font-size: 20px;
	padding-right: 10px;
	line-height: 100%;
	text-align: left;
	padding: 0 10px;
	text-transform: uppercase;
}
.wrapper_block{position: relative;}
 .triangle-topright {
	width: 0;
	height: 0;
	border-top: 40px solid #fff;
	border-left: 40px solid transparent;
	float: left;
}

 .triangle-bottomleft {
	width: 0;
	height: 0;
	border-top: 40px solid #fff;
	border-right: 40px solid transparent;
	float: left;
}

.text_er{font-family: 'Gotham';
text-transform: uppercase;
font-size: 26px;
line-height: 100%;
padding: 10px;
}


element {

}


.text_er_small{margin: 10px;
font-family: oswald;
font-weight: 10;
font-size: 16px;
font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

}
.text_er_small strong{}


strong{color:#dd0000;}

.background_text_small {
	font-family: 'Gotham XNarrow';
	background: #fff;
	height: 20px;
	/* float: ; */

	font-size: 16px;
	padding-right: 10px;
	text-align: left;
	margin-top: 5px;
	text-transform: uppercase;
	color: #dd0000;
	line-height: 120%;
	font-weight: 100;
	padding: 0 10px;
}

.triangle-topright_small {
	width: 0;
	height: 0;
	border-top: 20px solid #fff;
	border-left: 20px solid transparent;
	float: right;
	margin-top: 5px;
}
.triangle-bottomleft_small {
	width: 0;
	height: 0;
	border-top: 20px solid #fff;
	border-right: 20px solid transparent;
	float: left;
	margin-top: 5px;
}

.right_text{float: right;}
.left_text{float: left;}

.col-sm{ padding-right:0px; padding-left:0px;}

.list{font-family: 'Gotham';}
.list h1{font-size: 18px;margin-top: 15px;text-transform: uppercase;border-bottom: 1px solid #c6c6c6;padding-bottom: 10px;}
.list ul{list-style: none;padding: 0;margin: 0;}
.list ul li {
	font-size: 16px;
	border-bottom: 1px solid #d00;
	padding-bottom: 5px;
	padding-top: 5px;
}
.liststyle{width: 30px;background: #000;color: #ffff;text-align: center;border-radius: 30px;height: 30px;line-height: 180%;float: left;}
.description-fett{font-size: 12px;line-height: 120%;margin-top: 10px;}
.description{font-family: 'Gotham XNarrow';font-size: 12px; display: none;}
.desc1{background: #d00000;color: #fff;float: left;margin-left: 10px;padding: 0 10px;margin-top: 5px; text-transform: uppercase;}
.desc1 strong{}
.abstand{margin-bottom: 10px;}
.banner{text-align: center;font-family: Gotham;border: 1px solid #d00000;margin: 15px 0px;}
.headline_banner{font-size: 22px;}
.text-big{background: #d00000;color: gold;font-size: 20px;}
.text-small{font-size: 12px;background: #d00000;color: gold;}
.fett{}
.tarif{font-size: 12px;line-height: 160%;}
.tarif2 {
	text-align: center;
	font-size: 10px;
	line-height: 100%;
	padding-bottom: 5px;
	color: darkgrey;
}
.tarif3 {
	text-align: left;

	font-size: 10px;
	line-height: 100%;
	padding-bottom: 5px;
	position: absolute;
	bottom: 5px;
	background: #fff;
	color: #d00000;
	padding: 0 5px;
}

.blink_text {
	font-family: gotham;
	font-size: 30px;
	text-align: center;
	background: #dd0000;
	color: #fff;
	margin-top: 10px;
	font-style: italic;
	line-height: 100%;
}

.blink_text_2 {
	font-family: gotham;
	font-size: 15px;
	text-align: left;
	color: #d00000;
	line-height: 100%;
	margin-bottom: 5px;
	text-transform: uppercase;
}

a.agb {
	font-family: gotham;
	font-size: 12px;
	margin: 0 5px;
}
.desktop{display: none;}

@media only screen and (min-width: 1024px) {
  h1 {
	font-family: 'GothamUltra';
	font-size: 3.5rem;
}
.triangle-bottomleft {
	width: 0;
	height: 0;
	border-top: 120px solid #fff;
	border-right: 120px solid transparent;
	float: left;
}
.background_text {
	font-family: 'Gotham';
	background: #ffffff;
	height: 120px;
	font-size: 60px;
	padding-right: 10px;
	line-height: 100%;
	text-align: left;
	padding: 0 10px;
	text-transform: uppercase;
}
.triangle-topright {
	width: 0;
	height: 0;
	border-top: 120px solid #fff;
	border-left: 120px solid transparent;
	float: left;
}
.headline_small {
	font-family: 'Gotham';
	color: #d00;
	text-transform: uppercase;
	line-height: 100%;
	font-size: 20px;
	/* padding: 2px 10px; */
}
.headline_big {
	font-family: 'Gotham';
	text-transform: uppercase;
	font-size: 36px;
	line-height: 100%;
}
.liststyle {
	width: 50px;
	background: #000;
	color: #ffff;
	text-align: center;
	border-radius: 30px;
	height: 50px;
	line-height: 240%;
	float: left;
	font-size: 20px;
}
.desc1 {
	background: #d00000;
	color: #fff;
	float: left;
	margin-left: 10px;
	padding: 0 10px;
	margin-top: 5px;
	text-transform: uppercase;
	font-size: 29px;
}
.description-fett {
	font-size: 16px;
	line-height: 120%;
	margin-top: 10px;
}
.desktop{display: block;}
.deskop_number {
	overflow: hidden;
	font-size: 30px;
	font-family: gotham;
	color: #000;
	margin-left: 10px;
}
}