@import "typo.css";	
	
	
	
/*------------   added    -----------------------*/
	
.gesamt {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 3rem;
		margin-bottom: 2em;
		max-width: 70rem;	
		
		
		}	
  	

.gesamt_hintergrund {
				background: rgba(255, 255, 255, .9);

				
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid ;
		
-webkit-box-shadow: 0px 0px 20px 1px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 20px 1px rgba(204,204,204,1);
box-shadow: 0px 0px 20px 1px rgba(204,204,204,1);
				
		}
		
		
.row_footer {
		 /*--  fusszeile ---*/
		font-family: 'Arimo', sans-serif;
		font-size: 0.8em;
		margin-top: 3rem;
		margin-bottom: 3rem;
		border-top: 1px solid #0066CC;	
		padding-top: 5px;
		}


		
.linkfooter {
		font-family: 'Arimo', sans-serif;
		color: #000000;
		}

.linkfooter:hover {
		font-family: 'Arimo', sans-serif;
		color: #000000;
		font-style: italic;
		}		
 
.row {
		padding-left: 2em; /*-- seitenabstand zeile ---*/
		padding-right: 2em;
		}

.row_null {
		padding: 0; /*-- seitenabstand zeile auf null---*/
		width: 100%;
		margin: 0;
		min-height: 2px;
		max-width: 62.5rem;
		}

.null {
		padding: 0; /*-- seitenabstand auf null ---*/
		margin: 0;

		}


		


.linkimtext {
font-family: 'Arimo', sans-serif;
  color: red;
  text-decoration: none;
  line-height: inherit; }
  
	
.linkimtext:hover {
		font-family: 'Arimo', sans-serif;
		color: red;
		text-decoration: underline;
		}
		
.linkimtext:focus {
		font-family: 'Arimo', sans-serif;
		color: red;
		text-decoration: underline;
		}		

.linkimtext:visited {
		font-family: 'Arimo', sans-serif;
		color: red;
		text-decoration: underline;
		}		
		

.linkohne {
		color: white;
		text-decoration: none;
		}	
		
.linkohne:hover {
		color: white;
		text-decoration: none;
		}	

.linkohne:visited {
		color: white;
		text-decoration: none;
		}			
 
 .top-bar-section ul li > a {
      font-family: 'Arimo', sans-serif;
 }
		
.top-bar-section li:not(.has-form) a:not(.button) {
		/*--- background: #61B020;  ---*/
		}
		
.top-bar-section li:not(.has-form) a:not(.button):hover {
		background: red; /*--navi mouse over--*/
		
		}
		
.top-bar-section li.active:not(.has-form) a:not(.button) {
		background: red; /*--navi aktiv--*/
		
		
		}
		
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
		background: red; /*--navi aktiv--*/
		
		}
		
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
		background: #0066CC; /*-- hintergrundfarbe navigation dropdown--*/
		
		
		}
		
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
		background: red; /*-- hintergrundfarbe dropdown mouse over--*/
		
		} 
		 
.top-bar-section ul li:hover:not(.has-form) > a {
		background: #0066CC; /*--navi dropdown back --*/
		
		
		
		}

.top-bar {
		background: #0066CC; /*-- hintergrundfarbe navigationszeile --*/
		/*--                height: 30px;                                             --*/
		}

@media only screen and (min-width: 40.063em) {
.contain-to-grid .top-bar {
  max-height: 30px;
}
}
		
    .top-bar-section li:not(.has-form) a:not(.button) {
		line-height: 30px;
		}

    .top-bar-section li.active:not(.has-form) a:not(.button) {
		line-height: 30px;
		}		

.top-bar-section li:not(.has-form) a:not(.button) {
		background: transparent; 
		}

.top-bar-section ul li {
		background: transparent;
		}

.top-bar-section li:not(.has-form) a:not(.button) {
		background: #0066CC; /*-- hintergrundfarbe einzelner navigationspunkt (home,....)  --*/		
		}

.top-bar-section li:not(.has-form) a:not(.button) {
		padding: 0 15px;
		
		}
	  
.js-generated  {
		background: red !important;
		}		

.contain-to-grid {
		width: 100%;
		background: #0066CC; /*--navi dropdown hintergrund links und rechts--*/
		
		} 
		
.top-bar.expanded .title-area {
background: red; /*--navi dropdown hintergrund menu leiste oben--*/

}

.top-bar .toggle-topbar.menu-icon {
margin-top: -22px; /*--navi dropdown stand "menu"--*/
}

.top-bar.expanded .toggle-topbar a {
color: #FFFFFF; /*--navi dropdown farbe "menu"--*/
}

.top-bar.expanded .toggle-topbar a span::after {
box-shadow: 0 0px 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; /*--navi dropdown farbe der striche--*/
}

.has-dropdown.not-click {
background: transparent; /*--navi dropdown inaktiv in leiste--*/
}
	
.activedropdown {
background: red !important; /*--navi dropdown aktiv in leiste--*/
/* font-style: italic !important; */
}

.parent-link .js-generated {
background: red !important; /*--navi dropdown aktiv in sub-leiste--*/
font-style: italic !important;
}
		
.left {
padding-left: 3em !important;
padding-right: 2em !important;
		}
		

		
		
 
.video_responsive {
		position: relative;
		padding-bottom: 55%;
		padding-top: 15px;
		height: 0;
		overflow: hidden;
		}

.video_responsive iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}
		
.responsive-video-wrapper {
		width: 640px;
		max-width: 100%;
		}
		
.google_responsive iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}
		
.responsive-google-wrapper {
		width: 640px;
		max-width: 100%;
		height: 550px;
		}

.vvs_responsive iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}
		
.responsive-vvs-wrapper {
		width: 450px;
		max-width: 100%;
		height: 300px;
		}	

.toggle-topbar {
		position: relative !important;
		top: -1.3em !important;
		left: 2em;
		float: left !important;
}		

@media only screen and (max-width: 40em) {
		.top-bar-section ul {
		margin-top: -0.8em !important;
		}	
}

.kontaktbox {
		padding: 0.3em;
		background: #61B020;
		color: #FFFFFF;
		}

.abstand125em {
		padding-bottom: 1.25em;
		background: #FFFFFF;
		}

.linktelefon {
		color: #000000;
		text-decoration: none;
		}
		
.linktelefon:hover {
		color: #000000;
		text-decoration: none;
		}		
		
		

h6		{
		font-family: 'Arimo', sans-serif;
		font-weight: bold;
		font-size: 1.4rem;
		padding-top: 0.4rem;
		color: #0066CC;
		}

.abstand1 {
		margin-bottom: 0.15rem;
		color: #0066CC;
		}
		
.abstand2 {
		margin-left: 1rem;		
		}

.abstand_oben {
		margin-top: 1.5rem;		
		}
		
.einzug {
		font-family: 'Arimo', sans-serif;
		margin-left: 1rem;		
		}

.einzug_block {
		font-family: 'Arimo', sans-serif;
		margin-left: 1rem;	
		margin-top: 1rem;
		}
		
.einzug_zeile1 {
		font-family: 'Arimo', sans-serif;
		margin-left: 1.4rem;
		margin-top: 1rem;		
		}		

.einzug_restzeilen {
		font-family: 'Arimo', sans-serif;
		margin-left: 1.4rem;
		
		}		
		
.negativer_einzug {
		font-family: 'Arimo', sans-serif;
		margin-left: -1rem;
		margin-top: 1rem;		
		}	
		
label		{
		font-family: 'Arimo', sans-serif;
		font-size: 1.1rem;
		}		

/* --------		hintergrundbild   ------*/
/* --------@media only screen and (min-width: 40.063em) {	 ------*/
/* --------	html { ------*/
/* --------    background-image: url("memrecam_hx_family2.jpg"); ------*/
/* --------    background-position: left top; ------*/
/* --------    background-repeat: no-repeat; ------*/
/* --------    background-size: 100%;  ------*/
	
 /* -------- } ------*/
/* --------  }   ------*/
	
	
/* ------------------------------- nac spezifisch  ----------------------------------*/

.kamerauebersicht_home {
	margin-top: 0.8rem;
	background-color: #f0f0f0;
	border: 1px solid red;

}

.text_kamerauebersicht {
padding-left: 0.3em;
padding-right: 0.3em;
margin-top: -0.7rem;
}

.text_kameraliste {
padding-left: 0.3em;
padding-right: 0.3em;
margin-bottom: 1rem;
}


.spalte_rechts {
  background-color: #f0f0f0;
  /*-- border: 1px solid #0066CC; --*/
  margin-top: 0.8rem;
}

.abstand_links_025 {
padding-left: 0.25rem;
}


.rand_unten {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.8em;
    /* height: 1em; */
    /* padding-top: 0.3em; */
    /* border-bottom: 1px solid #0066CC; */
}

.spalte_rechts_iframe {

  width: 100%;
  height: 100%;
}

.abstand_home_oben  {
  margin-top: 0.8rem;
  margin-bottom: 1rem;

}

.float_left {
  float: left;
    width: 20%;

}

.workaround_spaltenanordnung {
  width: 1px;
  height: 1px;
  top: -1px;
  left: -1px;
}



.clear_float_left {

  float: left;
    width: 20%;

}



.float_right {

  float: right;
 width: 20%;
}

.float_left100 {

  float: left !important;

}

.float_none {

  float: none;

}
/* ------------------------------- formular  ----------------------------------*/

#formularlabel {
margin-top: 6px;
width: 200px;
float: left;
}

#formularfeld {
float: none;
/* --- height: 5rem; ---*/
}

#formularfeld_senden {
margin-top: 3rem;
float: none;
height: 5rem;
}

#formularfeld_spamschutz {
margin-top: 3rem;
float: none;
height: 5rem;
}


.formularfeldhighlight {
display: none;
}

.formulartext {
margin-right: 40px;
width: 100%;
float: left;
}

.eingabelabel {
float: none;
}

.eingabefeld {
font-family: Arial, sans-serif !important;
font-size: 0.9em;
width: 100%;
height: 2rem !important;
-moz-box-shadow: inset 0 0 2px 1px #ddd !important;
-webkit-box-shadow: inset 0 0 2px 1px #ddd !important;
/*-----  box-shadow: inset 0 0 5px 3px #ddd !important;  ------ */
}

.eingabefeld_pulldown {
font-family: Arial, sans-serif !important;
font-size: 0.9em;
width: 100%;
height: 2.5rem !important;
-moz-box-shadow: inset 0 0 2px 1px #ddd !important;
-webkit-box-shadow: inset 0 0 2px 1px #ddd !important;
/*-----  box-shadow: inset 0 0 5px 3px #ddd !important;  ------ */
}

.formulareingabe {
font-family: Arial, sans-serif !important;
font-size: 0.9em;
width: 100%;
height: 2rem;
-moz-box-shadow: inset 0 0 2px 1px #ddd !important;
-webkit-box-shadow: inset 0 0 2px 1px #ddd !important;
/*-----  box-shadow: inset 0 0 5px 3px #ddd !important;  ------ */
}

#submit {
border: solid 1px #888;
width: 130px;
margin-right: 40px;
background-color: #fff;
-moz-box-shadow: inset 0 0 5px 1px #ddd;
-webkit-box-shadow: inset 0 0 5px 1px #ddd;
box-shadow: inset 0 0 5px 1px #ddd;
}

#reset {
border: solid 1px #888;
width: 130px;
margin-right: 40px;
background-color: #fff;
-moz-box-shadow: inset 0 0 5px 1px #ddd;
-webkit-box-shadow: inset 0 0 5px 1px #ddd;
box-shadow: inset 0 0 5px 1px #ddd;
}

.formularframe {
padding-left: 2px;
padding-right: 2px;

}

.formularhintergrund {
background-color: #f0f0f0;

}


/* ------------------------------- tabelle kontakt  ----------------------------------*/

table{

  border: 1px solid #f0f0f0;
  margin-left: -1px;

}

.tabellekontaktbox {
border-top: 1px solid #0066CC;
margin-top: 0.8rem;
}

.tabellekontakttext{
padding-top: 0.4rem;
}

.tabellekontakt td {
vertical-align: top;
margin: 0 !important;
margin-right: 2rem;
}

.abstand_aussen_minus {
margin-left: -1.5rem;
}

.farbe_produkte_tabelle {
		background-color: #e6f0fa;
}

.farbe_produkte_tabelle_fixe_hoehe {
height: 16rem;
vertical-align: top;
}

.farbe_produkte_tabelle_fixe_hoehe_farbe {
height: 12rem;
vertical-align: top;
background-color: #e6f0fa;
}

.accordion .accordion-navigation > a, .accordion dd > a {
  background: white;
  color: black;
  padding: 1rem;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1rem;
  color: red !important;
}

 .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
  background: white;
  color: red !important;
  text-decoration: underline;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
  background: white;
  color: red !important;
  text-decoration: underline;
}

.frameabstand {
margin-top: 3em;
}

.tabelle_aktuell_gesamt {
vertical-align: top;
border: 0 !important;
margin-bottom: 4em;
background: white;
}

.tabelle_aktuell {
vertical-align: top;
border: 0 !important;
margin: 0;
background: white;
}

.tabelle_aktuell_rechts {
text-align: right;
vertical-align: top;
border: 0 !important;
padding: 0;
margin: 0;
background: white;
}

.randunten {
border-bottom: 2em;
}

.abstandunten {
margin-bottom: 3em;
}

.td_video {
padding: 0 !important;
width: 100% !important;
float: left;
margin-bottom: 1.5em;
}

.table_video {
padding: 0 !important;
width: 100% !important;
border: 0 !important;
}

.float_left33 {
padding-left: 0 !important;
padding-right: 1em !important;
padding-top: 0 !important;
padding-bottom: 2em !important;
width: 100% !important;
border: 0 !important;
float: left;
width: 33% !important;

}

.reveal-modal {
    margin-bottom: 2em !important;

}

.video-section2 {
    margin-bottom: 2em;
}
	
	
	
.hoehe_43 {
    height: 43em;
    vertical-align: text-top;
}	
	
.hoehe_23 {
    height: 23em;
    vertical-align: text-top;
}

.kleinerabstand {
    padding-top: 0em !important;
}

.float_left_accordion {
    float: left;
    width: 20%;
    margin-bottom: 0;
}



.tabelle_produkte_links {
    float: left;
    width: 7em;
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
}

.tabelle_produkte_links_20prozent {
	border: 0px;
    float: left;
    width: 20%;
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
}

.farbe_produkte_tabelle_hoehe22 {
		vertical-align: top;
		background: white;
		border-top: 1px solid #0066CC;

}

.farbe_produkte_tabelle_hoehe22B {
		height: auto;
		vertical-align: top;
		background: white;
		border-top: 1px solid #0066CC;

}


@media only screen and (max-width: 50em) {
.tabelle_produkte_links_20prozent {
		border: 0px; 
	float: left;
    width: 100%;
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
}
.farbe_produkte_tabelle_hoehe22 {
		height: auto;
		vertical-align: top;
		background: white;
		border-top: 1px solid #0066CC;

}
.farbe_produkte_tabelle_hoehe22B {
		width: 100%;
		height: auto;
		vertical-align: top;
		background: white;
		border-top: 1px solid #0066CC;
		border: 0px;
}
.randobencentergross {
		display: none;
}
.randobencenterklein {
		border-bottom: 1px solid #0066CC;
		text-align: center;
}
}

@media only screen and (min-width: 49.99em) {
.randobencenterklein {
		display: none;
}
}

.randobencentergross {
		border-top: 1px solid #0066CC;
		text-align: center;
}




.tabelle_produkte_rechts {
    float: left;
    width: 7em;
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
	margin-right: 6em;
}

.prozent10 {
	float: left;
    width: 10%;
}

.prozent20  {
	float: left;
    width: 20%;
}

.prozent30  {
	float: left;
    width: 30%;
}

.prozent40  {
	float: left;
    width: 40%;
}

.prozent50 {
	float: left;
    width: 50%;
}

.prozent55 {
	float: left;
    width: 55%;
}

.prozent60  {
	float: left;
    width: 60%;
}

.prozent70 {
	float: left;
    width: 70%;
}

.prozent80  {
	float: left;
    width: 80%;
}

.prozent90  {
	float: left;
    width: 90%;
}

.flex-produkte {
    position: relative;
    padding-top: 1.5625rem;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 1rem;
    overflow: scroll;
}

.reveal-modal > :last-child {
    height: auto;
}



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

dd { display:none; 
}


.accordion-title  { background:#FFFFFF;
border-top: 1px solid #0066CC;
cursor: pointer;
width: 100%;
}

.rand_oben { background:#FFFFFF;
border-top: 1px solid #0066CC;

cursor: pointer;
width: 100%;
}



.accordion-title a { 
font-family: 'Arimo', sans-serif;
font-weight: normal !important;
font-size: 1.4rem !important;
color: #0066CC;
}

.accordion-sparten { 
font-family: 'Arimo', sans-serif;
font-weight: normal !important;
font-size: 1.4rem !important;
color: #ffffff;
background: #0066CC;
margin-top: 1.5em;
margin-bottom: 1em;
}


.accordion_sparten_abstand { 
margin-top: 5.6em;
}


.accordion-title.open a { 

color: #0066CC;
}


.accordion-title.open  { 
background:#FFFFFF; 
color: #0066CC;
width: 100%;
}


.accordion-content  { 
margin-top: 3em;
}

.abstandaccordionoben { 
margin-top: 0.7em;
}

.inhaltrechts { 
float: right;
}

.inhaltlinks { 
float: left !important;
}

.initial-open {display:block;}



	 .accordion-title.open .pfeilnachunten {
    display: none;
}

	 .accordion-title.open .pfeilnachoben {
   display: inline;
}

	 .accordion-title .pfeilnachoben {
	  display: none;
   
}

	 .accordion-title .pfeilnachuntenzeile1 {
    display: inline;
}


	 .accordion-title.open .pfeilnachuntenzeile1 {
    display: none;
}

	 .accordion-title.open .pfeilnachobenzeile1  {
 display: inline;
}

	 .accordion-title .pfeilnachobenzeile1  {
	    display: none;
   
}


.pfeil {
    font-size: 1.5rem;
	color: #0066CC;
	padding-left: 0.5em;
	
}

.rechts {
		padding-left: 1.2em;
   
}


.einzugnavi {
		text-indent: -1.2em;
   
}

.abstandlinks {
    margin-right: 3em;
}

.minhoehe {
		height: 8em;
		}
		
video.embeddedvideo {
    width: 95%;
}


.textnormal {
font-family: 'Open Sans', sans-serif;
font-size: 0.9rem;
color: black;
line-height: 1.3;
margin-bottom: 0.25rem;
}

.textdecorationnone:link, .textdecorationnone:visited, .textdecorationnone:hover, .textdecorationnone:active  {
color: black;
}

.table_kamera {
    background: #FFFFFF;
    margin-bottom: 1.25rem;
    border: solid 0px;
	
}

.table_kamera_links {
    text-align: left;
	padding:0.2em 0 0.2em 0;
}

.table_kamera_rechts {
    text-align: right;
	padding:0.2em 0 0.2em 0;
}

.table_kamera_abstand {
    padding:0.2em 0 0.2em 0;
}


.text_aufloesung_rechts {
    text-align: right;
    width: 3em;
    display: inline-block;
}

.text_aufloesung_links {
    text-align: left;
    width: 2.5em;
    display: inline-block;
}

.text_aufloesung_links_2 {
    text-align: right;
    width: 2.5em;
    display: inline-block;
}

.text_aufloesung_links_3 {
    text-align: left;
    width: 1.8em;
    display: inline-block;
}

span.home_ueberschrift {
    font-size: 1.7em;
    color: #08298A;
}

span.homeuntertitel {
    color: black;
}

h1.abstandhome {
    margin-bottom: 0;
}

span.home_untertitel2 {
    font-size: 1.3em;
}