@import url(/data/webfonts/fontello.css);
/* saira-condensed-regular - latin */
@font-face {font-family: 'Saira Condensed';font-style: normal;font-weight: 400;src: url('/data/webfonts/saira-condensed-v6-latin-regular.eot'); src: local(''), url('/data/webfonts/saira-condensed-v6-latin-regular.eot?#iefix') format('embedded-opentype'), url('/data/webfonts/saira-condensed-v6-latin-regular.woff2') format('woff2'),url('/data/webfonts/saira-condensed-v6-latin-regular.woff') format('woff'), url('/data/webfonts/saira-condensed-v6-latin-regular.ttf') format('truetype'), url('/data/webfonts/saira-condensed-v6-latin-regular.svg#SairaCondensed') format('svg'); }

/* saira-condensed-700 - latin */
@font-face {font-family: 'Saira Condensed';font-style: normal;font-weight: 700;src: url('/data/webfonts/saira-condensed-v6-latin-700.eot');src: local(''), url('/data/webfonts/saira-condensed-v6-latin-700.eot?#iefix') format('embedded-opentype'),url('/data/webfonts/saira-condensed-v6-latin-700.woff2') format('woff2'), url('/data/webfonts/saira-condensed-v6-latin-700.woff') format('woff'),url('/data/webfonts/saira-condensed-v6-latin-700.ttf') format('truetype'), url('/data/webfonts/saira-condensed-v6-latin-700.svg#SairaCondensed') format('svg');}

/* saira-semi-condensed-300 - latin */
@font-face {  font-family: 'Saira Semi Condensed';  font-style: normal;  font-weight: 300;  src: url('/data/webfonts/saira-semi-condensed-v6-latin-300.eot');src: local(''),       url('/data/webfonts/saira-semi-condensed-v6-latin-300.eot?#iefix') format('embedded-opentype'),       url('/data/webfonts/saira-semi-condensed-v6-latin-300.woff2') format('woff2'), url('/data/webfonts/saira-semi-condensed-v6-latin-300.woff') format('woff'),        url('/data/webfonts/saira-semi-condensed-v6-latin-300.ttf') format('truetype'),       url('/data/webfonts/saira-semi-condensed-v6-latin-300.svg#SairaSemiCondensed') format('svg'); }

/* saira-semi-condensed-regular - latin */
@font-face {font-family: 'Saira Semi Condensed';font-style: normal;font-weight: 400;src: url('/data/webfonts/saira-semi-condensed-v6-latin-regular.eot'); src: local(''), url('/data/webfonts/saira-semi-condensed-v6-latin-regular.eot?#iefix') format('embedded-opentype'),url('/data/webfonts/saira-semi-condensed-v6-latin-regular.woff2') format('woff2'), url('/data/webfonts/saira-semi-condensed-v6-latin-regular.woff') format('woff'),url('/data/webfonts/saira-semi-condensed-v6-latin-regular.ttf') format('truetype'),url('/data/webfonts/saira-semi-condensed-v6-latin-regular.svg#SairaSemiCondensed') format('svg');}

/* saira-semi-condensed-600 - latin */
@font-face {  font-family: 'Saira Semi Condensed';  font-style: normal;  font-weight: 600;  src: url('/data/webfonts/saira-semi-condensed-v6-latin-600.eot');   src: local(''),       url('/data/webfonts/saira-semi-condensed-v6-latin-600.eot?#iefix') format('embedded-opentype'),       url('/data/webfonts/saira-semi-condensed-v6-latin-600.woff2') format('woff2'),       url('/data/webfonts/saira-semi-condensed-v6-latin-600.woff') format('woff'),       url('/data/webfonts/saira-semi-condensed-v6-latin-600.ttf') format('truetype'),       url('/data/webfonts/saira-semi-condensed-v6-latin-600.svg#SairaSemiCondensed') format('svg'); }

/* saira-semi-condensed-700 - latin */
@font-face {font-family: 'Saira Semi Condensed';font-style: normal;font-weight: 700;src: url('/data/webfonts/saira-semi-condensed-v6-latin-700.eot'); src: local(''), url('/data/webfonts/saira-semi-condensed-v6-latin-700.eot?#iefix') format('embedded-opentype'), url('/data/webfonts/saira-semi-condensed-v6-latin-700.woff2') format('woff2'), url('/data/webfonts/saira-semi-condensed-v6-latin-700.woff') format('woff'), url('/data/webfonts/saira-semi-condensed-v6-latin-700.ttf') format('truetype'),url('/data/webfonts/saira-semi-condensed-v6-latin-700.svg#SairaSemiCondensed') format('svg');}


/*########## HTML ########### */
html {
	scroll-behavior: smooth;}

body,p{ 
	font-size: 1.15rem;
	font-family: 'Saira Semi Condensed';
	font-weight: 300;
	line-height:160%;
	margin: 0;
	color: #706f6f;}

h1, h2 {
	font-family: 'Saira Condensed';
	color:#e4032e;
	text-transform: uppercase;
	font-weight: 700; }


h1 {
	font-size: 3.25em;margin-bottom:-0.5rem; }

h2 {
	font-size: 2.2em;margin-bottom:2.5%; }

.h2style {font-size: 2.2em}

h3 {
	font-family: 'Saira Condensed';
	color:#e4032e;
	font-weight: 700;
	font-size: 1.3rem;
	margin-bottom: .25em; }

.svgmo {
display: none}

a {
	text-decoration: none;
	color:#e4032e;
	text-transform: uppercase;
	line-height: 1em; }

a:active, a:focus {outline: none;	color:#e4032e;}
a:active, a:focus {outline: none;}
button:active, button:focus {outline: none;}
a:hover {color:#e4032e}

::selection {
	background: #CBCBCB;
	color: #FFF;
	text-shadow: none;}

::-moz-selection {
	background: #CBCBCB;
	color: #FFF;
	text-shadow: none;}

strong, bold {font-weight:700}

img {max-width: 100%;height: auto}

img.dontfit {
	width: unset;
	height: auto;}

.hyphened {
	-webkit-hyphens: auto;
	-webkit-hyphenate-character: "\2010";
	-webkit-hyphenate-limit-after: 1;
	-webkit-hyphenate-limit-before: 3;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; }

/*########## custom tiny styles ########### */
.rot {color:#e4032e;}
.HGrot{background:#e4032e;}
.weiss {color:#fff;}
.subline {font-family: 'Saira Condensed';text-transform: uppercase;font-size:1.5rem;}
.extraklasse {	font-family: 'Saira Condensed';font-size:2.2rem;
	color:#fff;
	line-height:120%!important;
	text-transform: uppercase;
	font-weight: 700;}
.pakete {color: #e4032e;font-size:2rem;text-transform:uppercase;}
.Bildueberfooter {width:100%;padding-left:0; padding-right:0}
.fil0 {fill:#fff}
.filf0, .fila0 {fill:#CBCBCB}
.fil1 {fill:#E4032E}
.fnt0 {font-weight:600;font-size:635px;font-family:'Saira Semi Condensed'}
.fil0g {fill:#929292}
.fil1 {fill:#E4032E}
.filkontakt0 {fill:#ebebeb}
.Abstandrechts {margin-right:20px}
.nurIpad, .nurIPad {display:none;}
/* ########### Navigation ########### */

.beratung {
	position: absolute;
	right:0;
	top: 18px;}

.mynavbar {
	width: 320px;
	position: absolute;
	z-index: 100000;
	border-bottom: 1px solid #E4032E;
	right: 0;
	top: 50px;}

.navbarcontainer {	
	background: #fff;
	background-image: url(/data/images/dropbg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-position-y: -30px;
	margin-top: 56px}

#navbarSupportedContent {
	padding-bottom: 20px}

#navbarSupportedContent ul {
padding: 30px 0 10px 30px}

#navbarSupportedContent ul li a {
	text-transform: unset;
	color: grey;
	font-size: 1.6rem;
	line-height: 2rem}

.Navigation {
	margin-right:0px;
	margin-left:0px;
	padding: 0 15px}

.Navigation a {text-decoration: none;  border-bottom: none;	padding-right: 1rem;}
.myLink  {margin: 10px 0 0px 30px;color: gray;font-size: 0.9rem;}
.myLink a {padding: 0 0 0 0;color: gray;text-transform: unset}

.navbar-light .navbar-toggler {
	color: rgba(0,0,0,.5);
	border: none}

.navbar-toggler {
	padding: .25rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 2px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: .0rem;}

.Logo svg {width: 100%;height: auto; margin:25px 0 5px 0}

/* ########### Navigation Hamburger Icon ########### */

input#hamburg {display:none}

label.hamburg { 
	display: block;
	background: transparent; 
	width: 75px; height: 50px; 
	position: absolute; 
	margin-left: auto; margin-right: auto;
	border-radius: 0px;
	right: 0;
	top: 0}

.line { 
	position: absolute; 
	left:10px;
	height: 4px; width: 60px; 
	background: #e4032e;; border-radius: 0px;
	display: block; 
	transition: 0.5s; 
	transform-origin: center;}

.line:nth-child(1) { top: 10px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 38px; }

#hamburg:checked + .hamburg .line:nth-child(1){
	transform: translateY(14px) rotate(-45deg);}

#hamburg:checked + .hamburg .line:nth-child(2){
	opacity:0;}

#hamburg:checked + .hamburg .line:nth-child(3){
	transform: translateY(-14px) rotate(45deg);}



/* ########### Header ########### */
.header {padding:2%}
header .container-fluid .container .row .col-md-3, header .container-fluid .container .row, header .container-fluid .container.headlogo {padding-left:0px;}
.headlogo {height: 135px}
/* ########### Content ########### */
.mitAbstandA {padding: 4rem 0;}
.mitAbstandB {padding: 2rem 0;}

.container-fluid.headbildg {
	margin-left: 0 !important;
	margin-right: 0 !important;	padding-left: 0 !important;
	padding-right: 0 !important}

.container-fluid .headbild {margin:0}

.container-fluid .row .col-sm-12 {	
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100%;}

.clear {clear: both;}

.container {max-width: 1230px;}
.Linieunten{border-bottom:1px solid #cbcbcb;}
.nurPhone {display: none;}

.NewsBox {width:31%;margin-right:2%;float:left!important;margin-top:2%;}
.NewsBox h3 {margin-bottom:6%;}


.Newslinie {margin-left:-15px;margin-right:-15px;}

.news50 {width:50%; float:left;}
.news501 {padding-right:15px;}
.news502 {padding-left:15px;}
.Newslinie:last-of-type{display:none;}
.NewsBoxarchiv {display: inline-block;margin-bottom:5%;}
.newscontainer {padding-left:8px;}
.archivlink {margin-top:4%;margin-bottom:3%;}

.paketediv {text-align: center!important;;margin-top:5%;}
.paketeimg {width:100%;}
.addonverfuegbar {text-transform: uppercase;font-weight:600;vertical-align: bottom}
.galerieThmb {width:14%!important;}
.Galerie {margin-bottom:4%;}
.startliste {width:100%;line-height:110%}
.startliste td {vertical-align: top;}
.startliste td:nth-child(even) {padding-left:5%;padding-top:2%}

.startliste-icon:before { font-family:fontello;font-size:2rem;content: '\e813';display:inline-block;color:#fff; background: #e4032e;width:50px;height:50px;padding: 25% 0 0 22%;}
.beratungsliste {width:100%;margin-top:5%;line-height:110%}
.beratungsliste-icon {width:60px;}
.beratungsliste-icon:before { font-family:fontello;font-size:2rem; content:'\e83a';display:inline-block;color:#fff; background: #e4032e;width:50px;height:50px;padding: 25% 0 0 25%;}

.galerieipad, .galerieiphone {display:none;}

.kontaktlogo svg {width:60%;}

/* ########### WOW fadeInUp ########### */
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 0%, 0); }

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none; } }

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40%, 0);
		-ms-transform: translate3d(0, 40%, 0);
		transform: translate3d(0, 40%, 0); }

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none; } }

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp; }

/* ########### Accordion ########### */
.card {
	color: #4B555A;
	background-color: transparent;
	background-clip: border-box;
	border: none;
	border-radius: 0rem;
	border-bottom: 1px solid #fff !important;
	background: #fff;}

.last div.accordion .card {
	border-bottom: none !important;}

.card-header.funktionheader {
	background: #e4032e;
	border-radius: 0 !important;
	border-bottom: 1px solid rgba(255,255,255,1);}
.card-header.addonsheader {
	background: #929292;
	border-radius: 0 !important;
	border-bottom: 1px solid rgba(255,255,255,1);}

.btn-link:hover {
	color: #fff;}

.btn-link {
	text-decoration: none !important;
	margin-left: -2rem;
	line-height: 1px;
	font-weight: 700;
	font-size: 1.3rem;
	color: #fff;}


....collapsed:before {
	content: "\25BC \00a0";}

.btn-link::focus {
	text-decoration: none !important;}


.tabellenliste-icon:before { font-family:fontello;font-size:2rem;content: '\e813';display:inline-block;color:#e4032e;background:none;margin-left:25%;margin-right:auto; vertical-align: middle;}
.tabellenliste-icon {width:8%;padding:0 0 1% 0}
.accordion {margin-top:2%;}
.card-body {padding-left:0; padding-right:0; font-size:1.15rem;}
.card-body table {width:100%}
.card-body table td {border-right:1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;padding:15px 0 15px 0.5%;}
.card-body table td.funktionsimg{ padding:15px 0 15px 0;}
.card-body .tabgrau {background:#f5f5f5}
.funktionsimg {padding-bottom:2%;padding-top:2%;width:8%}
.funktionsimg svg {height:60px!important;}

/* ########### Videobox ########### */
#VideoPlayer iframe {
	position: absolute;
	border: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }

#VideoPlayer {
	position: relative;
	border: none;
	/* padding-bottom: 41.9%; */
	padding-top: 0px;
	height: 320px;
	width: 100%;
	overflow: hidden; }

/*########## parallax ########### */
.parallax-innen {
	background: url(/bilder/grafik/rotes-feld.png)no-repeat;
	background-position: left bottom;
	background-size: 860px;
	color: #fff;
	max-width:50%;
	text-align: center;
	margin: 100px auto;
	padding:2%;}

.parallax-innen p, .parallax-innen .extraklasse {color: #fff!important;}

.parallax-window {
	min-height: 400px;
	background: transparent}

/* ########### Formular ########### */ 
.form50 {width:50%; float:left;}

label {
	font-size: 1rem;
	margin: 10px 0 0 0}

input[type=text] {
	margin: 3px 0;
	width: 80%; border: 1px solid #cbcbcb; padding: 0 0 0 1%}

textarea {
	margin: 3px 0;
	width: 80%;
	height:185px;border: 1px solid #cbcbcb; padding: 0 0 0 1%}

legend {
	font-size: 1rem;
	font-weight: bold;}

input[type=checkbox] {
	margin: 3px 0;
	width: unset;
}

.error{color:red;}

.codeaussen,.Datenschutz {display: inline-block;width:100%}
.codeaussen {margin-top:3%;}
.inputform {max-width:7rem;}

.sendform {
	margin-top: 20px;
	font-family: 'Saira Condensed';
	font-weight:700;
	width: 10%;
	color: #fff;
	background:#e4032e;
	border: 2px solid #e4032e;
	text-transform: uppercase;
	font-size: 1rem;
	border-radius: 0px;
	padding:0.5% 0}
/* ########### Footer ########### */
.footer {background: #e4032e;color:#fff;padding-top:3%;}
.footer a {color:#ffff;text-transform:none;}
.footer .icon-cog {font-size:2rem}
.footer .extraklasse {display:inline-block;padding-bottom:1%;}
.footerlogo {width:135px; height:auto;margin-bottom:5%;}
.fuss2, .fuss3 {padding-top:1.3%}
.fuss4 { padding-top: 4.5%}
.fussfern, .fuss3 {text-align:right;}
.fuss2 .uppercase, .fuss3 .uppercase {display: inline-block;text-transform:uppercase;font-weight:700; margin-bottom:3.2%}
.Fuss_ende {
	text-align: center !important;
	padding-top:10%;
	font-size: 13px; }
/* ########### Cookie Hinweis ########### */ 
.cc_container .cc_btn {
	background-color: #76b82a!important;
	color: #000 !important;}

.cc_container {
	background: #000 !important;
	color: #fff !important;}

.cc_container a {
	color: #76b82a !important;}

img.techcookie {
	margin: 0 2px 0 -20px;}


/* ########### Videobox ########### */
#VideoPlayer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px; }

#VideoPlayer {
	position: relative;
	padding-bottom:0;
	/* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 30%;
	height: 10px !important;
	overflow: hidden; }