:root {
	/*
	--mencol0_normal: rgb(255,102,51);
	--menpktnormal:   rgb(240,240,230);
	--menpktaktiv: rgb(230,100,0);
	--hgblau: #002070;
	--mentexthell: rgb(240, 240, 240);*/
	--baq_rot: rgb(195, 15 ,0);
	--baq_orange: rgb(250, 90 ,5);
	--mentextdkl: rgb(40, 50, 100);
	--mentextsehrhell: rgb(250, 250, 250);
	--hg_men_hell: rgb(231, 234, 241);
	--text_blau: rgb(0, 30, 110);
	--mittelblau: rgb(20, 40, 150); /*rgb(28, 51, 165);*/
	--mentextdisabled: rgb(150, 150, 150);
	--dunkelgrau: rgb(100,100,100);
	--textgroesse_normal: 36px;
	--textgroesse_ue1: 50px;
	--textgroesse_ue2: 36px;
	--textgroesse_klein: 24px;
	--textgroesse_menu: 56px;
}
	
.compress {
	letter-spacing: -0.007em;
	line-height: 1em;
}

form input, textarea {
	font-size: 40px;
}
	
@font-face {
	font-family: 'Eurostile';
		src:url('../fonts/Eurostile.ttf.woff') format('woff'),
		url('../fonts/Eurostile.ttf.svg#Eurostile') format('svg'),
		url('../fonts/Eurostile.ttf.eot');
}

@media (orientation: landscape) {
	#animfeld {
		height: 0px;
		visibility: hidden;
	}
	.textfeld, .lauftext, .btn_impressum {
		/*font-size: 36px;*/
	}
	.btn_impressum {
		font-size: 36px;
	}
}

@media (orientation: portrait) {
	#animfeld {
		visibility: visible;
		height: 300px;
	}
	.textfeld, .lauftext, .btn_impressum {
		/*font-size: var(--textgroesse_normal);*/
	}
	.btn_impressum {
		font-size: 36px;
	}
}

html {
	font-family: "Eurostile";
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.05em;
	/*font-size:24px;
	width: 100%;Test*/ 
}

body {
	-webkit-hyphens: auto;
	hyphens: auto;
}

/* neu 8-7-21 */
table {
	border-collapse: collapse;
}

td {
	vertical-align:top;
	/* weitere Einstellungen für Tabellen mit grauer Titelzeile in infos_ueber_messverfahren */
}

.tdgrau {
	background-color: #666;
	font-style: italic;
	color: white;
}

.tdtext {
	text-align: left;
	padding 5px;
}

.tabzelle, .tabzelle_links {
	vertical-align:middle;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	border: 1px solid #999;
}

.tabzelle_links {
	text-align: left;
}

.text_weiss {
	color: white;
}


/* //// neu 8-7-21 */



#animationsfeld {
	/*background-color: #fff;*/
	width: 1075px;
	height: 300px;
}
#animfeld_unten {
	position: relative; 
	top: 0px;
	width: 1075px;
	/*background-color: #fff;*/
	width: 1075px;
	height: 300px;
}
#animfeld_oben {
	position: absolute;
	top: 163px; /*163*/
	/*background-color: #fff;*/
	width: 1075px;
	height: 300px;
}

@media (orientation: landscape) { 
	 #animfeld {
	 content: "landscape";
	 color: #fff; /* ?  */
	 visibility: hidden;
	 height: 0px;
	 /*background-color: #fff;*/
	 }
}

#animationsdaten_deenes {
	 display: none;
}

/* 
#animationsdaten_en {
	 display: none;
}
 */

#kontrollfeld {
	display: none;
	/*
	width: 1090px;
	font-size: 36px;
	background-color: #abc;
	 */
}

#grundplatte {
	position: relative;
	border: 10px;
	margin-top: 0px;
	margin-left: 0px; 
	margin-right: 0px;
	width: 1075px;
	max-width:1075px;
}

#menu_logos	{
	position: relative; 
	top: 0px; 
	left: 0px; 
	width:  575px;
	height:  80px;
	float: right; 
	display: inline}

#texte {
	padding-left: 40px;
	padding-top: 50px;
	padding-bottom: 30px;
	width: 1035px;
	line-height: 1.5;
	font-size: 36px;
	/*background-color: #fff;*/
}

#men0_inhalt {
	position: absolute;
	top: 163px;
	left: 0px; /*10*/
	width: 1051px;
	background-color: #fff;
	cursor: pointer;
	transition: 0.3s;
	overflow: hidden;
}

#men1_inhalt {
	left: 120px;
	width: 1071px;
	background-color: #fff;
	cursor: pointer;
	transition: 0.3s;
	overflow: hidden;
}

#menu_und_inhalt {
	width: 1020px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#animtext_o {
	/*background-color: #abc;*/
	position: absolute;
	top: 8px;
	left: 16px;
	overflow: visible;
}
#animtext_u {
	position: absolute;
	top: 8px;
	left: 16px;
	overflow: visible;
}
.animtext_o {
	position: absolute;
	top: 8px;
	left: 16px;
	font-size: 36px;
	line-height: 1.5em;
}

.animtext_u {
	position: relative;
	top: 8px;
	left: 16px;
	font-size: 36px;
	line-height: 1.5em;
}

.mitteltext {
	font-size: 42px;
	text-decoration: none;
	font-weight: 500;
}

#bildindikator {
	/*background-color: coral;
	background-color: #fff;
	overflow: visible;*/
	cursor: auto;
}
.bildindikator {
	position: relative;
	top: 10px;
	left: 775px;
	height: 10px;
	width: 100px;
	font-size: 70px;
}
.richtungbtn, startstopbtn_stop, startstopbtn_weiter, startstopbtn {
	cursor: pointer;
	margin-left: 20px;
	margin-right: 20px;
}
/*.startstopbtn {
	border-left: 4px solid white;
	border-right: 4px solid white;
	margin: 20px;
	transition: all 2s;
}*/

.startstopbtn_stop {
	/*border: 5px solid red;
	margin-left: 20px;
	margin-right: 20px;
	*/
}

.startstopbtn_weiter {
	/*border: 3px solid green;
	margin-left: 20px;
	margin-right: 20px;
	*/
}

#fussleiste {
	background-color: rgb(128,128,128);
	color: #e55;
	margin-left: 10px;
	margin-bottom: 40px;
	margin-right: 0px;
	padding: 10px;
	font-size: 36px; /*24*/
}

.fussleiste {
	
}

#btn_impressum {

}

.kein_impressum {
	visibility: hidden; /* ? */
	display: none;
}

video {
	max-width: 900px;
}

ul {
	padding-left: 50px;/* 20px*/
	padding-top: 0px;
	margin: 0px;
	list-style-type: none;
	font-size: var(--textgroesse_menu); /*36px;*/
	/*color: red;
 	line-height: 2em; */
}

li {
	border-top: 1px solid white; 
/* 	font-size: 42px; */
}

a:link, a:visited, a:hover, a:active, a:focus { 
	text-decoration: none;
	font-size: var(textgroesse_menu);
	color: #000;
}

.lauftext a { /*redundant?*/
	color: var(--mittelblau); /*#002070;*/
}

.lauftext td {
	color: var(--text_blau);
	var(--textgroesse_normal);
}

.btn_impressum a {
	color: white;
}

#menpkt_prod11 a {
	color: white;
}

/* a::before {content: "‣";} */


.animfeld_hoch {
	visibility: visible;
	height: 300px;
	/*background-color: green;*/
}
.animfeld_quer {
	visibility: hidden;
	height: 0px;
	/*background-color: blue;*/
}

.men0_klappen {
	max-height: 0px;
	padding: 0px 12px 0px;
	transition: max-height 0.5s linear;
}
	
.btn_menpkte_0, .btn_menpkte_1, .btn_menpkte_prod, .prod_uebersicht { /*, .btn_impressum { */
	width: 1000px;
	height: 80px; /*54, 75 */
	padding-left: 10px;
	padding-top: 30px; /* 10 */
	margin-top: 3px;
	border: 0px;
	background-color: rgb(128,128,128); 
	text-align: left;
	font-size: var(--textgroesse_menu); /*42px;*/
	font-weight: normal;
	color: var(--mentextsehrhell);
	cursor: pointer;
	transition: 0.5s linear; 
}

#menpkt_prod8 a {
	color: var(--mentextsehrhell); /*#ddd*/
}
#menpkt_prod9 a {
	color: var(--mentextsehrhell);
}

.btn_menpkte_1 {
	margin-left: 0px; /*12*/
	/*height: 74px;  54*/
	width: 986px;
	/* padding-top:30px;  16*/
	padding-left: 24px;
	background-color: rgb(240, 240, 240);
	color: rgb(40, 50, 70);
}

.prod_uebersicht {
	height: 103px;
	/*width: 750px;  ** */
	padding-top: 7px;
	background-color: var(--hg_men_hell);
	color: salmon /*var(--mentextdkl);*/
	font-size: var(--textgroesse_menu);
	line-height: 100%;
}

.ue-txt, .prod_uebersicht {
	vertical-align: 75%; 
	padding-bottom: 0px;
	line-height: 1.0;
	overflow: hidden;
	/*color: green;*/
}

#prod_uebersicht a {

}

.prodbild_uebersicht {
	width: 96px;
	height: 96px;
	margin-right: 20px;
}

 
.btn_menpkte_prod {
	width: 971px;
/*	height: 80px;
	padding-left: 4px;
	margin-top: 3px;
	border: 0px;
	background-color: rgb(100,100,100);
	text-align: left;
	font-size: 42px;
	font-weight: normal;
	color: #ddd;
	cursor: pointer;
	transition: 0.5s;  */
}

#btn_menpkte_prod a {
	color: white;
}  

.btn_impressum, .btn_impressum_prod {
	background-color: var(--dunkelgrau);
	width: 1055px; /* 1070*/
	text-align: left;
	color: white;
	font-weight: normal;
	line-height: 1.2em;
	margin-top: 50px;
	margin-right: 0px;
	padding: 10px;
	cursor: pointer;
	/* 
	background-color: rgb(0, 30, 110);
	height: 60px;
	top: 1000px;
	transition: top 0.5s;
 	*/
}

.btn_impressum_prod {
	width: 961px;
	font-size: var(--textgroesse_klein);
}

#btn_impressum_prod a {
	color: white;
}
/*
.btn_menpkte_offen {
	background-color: #ddd;
	color: rgb(255,102,51);
	font-weight: normal; 
}
*/

.div_inhalte, .div_inhalte_produkte {
	max-height: 0px;
	width: 1010px;
	line-height: 1.5;
	background-color: #e7eaf1;
	left: 0px;
	padding-top: 0px;
	overflow: hidden;
	transition: max-height 0.5s linear;
}

.div_inhalte_produkte {
	/*margin-left: 10px;
	background-color: #e7eaf1;*/
}

.div_inhalte_produkte li, .div_inhalte li, .tec3 {
	height: 80px;  /* 70 ** */
	padding-top: 30px; /* 10 */
}

.div_inhalte_prodseite {
	width: 977px;
	max-height: 0px;
	background-color: #e7eaf1;
	padding-left: 4px;
	overflow: hidden;
	transition: max-height 0.5s linear;
}

.schatten_kl, schatten_kl.link {
	-moz-box-shadow: 6px 6px 6px #aaa;
	-webkit-box-shadow: 6px 6px 6px #aaa;
	box-shadow: 6px 6px 6px #aaa;
}

.logo_klein {
	width: 160px;
	height: 160px;
}

.flaggen {
	width: 100px;
	height: 60px;
	margin: 50px 10px 10px 10px;
	opacity: 0.66;
}

.dwnlbtn {
	width: 750px;
	height: 100px;
}

.linkedinlogo {
	width: 60px;
	height: 60px;
	margin: 50px 10px 10px 10px;
	opacity: 0.66;
}

.transp_50 {
	opacity: 0.5;
	transition: 0.6s;
}

.blur_8 {
	-webkit-filter: blur(0.08em);
	filter: blur(0.08em);
	opacity: 0.3;
	/*transition: -webkit-filter 2s;
	funktioniert im Prinzip, springt aber noch*/
}
.blur_0 {
	/*-webkit-filter: blur(0.0em);
	filter: blur(0.0em);
	opacity: 0;*/
}

.textfeld, .lauftext{
	/*-webkit-hyphens: auto;
	-moz-hyphens: auto;*/
}

.textfeld a, .lauftext a {
	color: var(--mittelblau); /*text_blau*/
}


.textfeld > table {
	width: 970px;
}



/*für Produktseite: */
.bild_prodvorschau_hoch {
	width: 800px;
	height: 900px;
}
.bild_prodvorschau_quer {
	width: 400px;
	height: 450px;
}

.unsichtbar{
	opacity: 1; 
	/*transition: opacity 2s;*/
	color: green;
}

.sichtbar { 
	color: black;
	opacity: 1;
	transition: opacity 2s;
	/*transition-delay: 2.0s;*/
}

.animfeld_unten {
	opacity: 1;
}

.seitentitel1, h1, .prod_ue1, .text_ue1 {
	font-size: var(--textgroesse_ue1); /*50px;*/
	color: #002070;
	font-weight: normal; /* evtl 400, 500 ? */
	font-style: normal;
	line-height: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
}

h1 {
	margin-top: 10px;
	margin-bottom: 10px;
}
 
.prod_ue2 {
	font-size: var(--textgroesse_ue2); /*36px;*/
	color: black;
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px solid #ccc;
}

.seitentitel2, .text_ue2, h2, .leihgeraet_rubrik {
	font-size: var(--textgroesse_ue2); /*36px;*/
	color: var(--text_blau);
	font-weight: normal;
	font-style: normal;
	margin-top: 10px; /*0px*/
	margin-bottom: 0px;
}

h1, h2, h3 {
	font-weight: 500;
	/*color: salmon; zum Testen*/
}

h4 {
	margin-bottom: 0.5em;
}

.tab_leihgeraete {
	line-height: var(--textgroesse_menu);
}

.leihgeraet_rubrik {
	line-height: 0.5em;
	vertical-align: -190%;
	color: #000;
}
.leihgeraet_rubrik_erste_zeile {
	line-height: 1em;
	color: #000;
}
.leihgeraet_rubrik::after, .leihgeraet_rubrik_erste_zeile::after {
	content: ":";
}

h3 {
	font-size: var(--textgroesse_normal);
	color: var(--text_blau);
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}

.hervorhebung_text {
	font-size: var(--textgroesse_normal); /*36px;*/
	color: var(--text_blau);
}

.prod_merkmal {
	font-size: 18px;
	color: #002070;
}

.prod_merkmal_liste {
	font-size: var(--textgroesse_normal); /*36px;*/ 
}

.prod_merkmal_liste ::before {
	content: "▪︎ ";
}

#prod_bilder {
	width: 1000px;
	background-color: #fff;
}

#prodbild_gross {
	position: relative;
	left: 0px;
	top: 0px;
	width: 650px;
	background-color: #fff;
	display: inline-block;
	text-align: center;
	color: white;
}

.prodbild_gross {
	width: 650px;
	height:650px;
	top: 0px;
	border: 1px solid rgb(220, 220, 220);
}

.prodbild_1000 {
	width: 1000px;
	height:1000px;
	/*transition: 0.5s; */
}

.prodbild_klein {
	width:  203px;
	height: 203px;
	border: 1px solid rgb(220, 220, 220);
}

#prodbild_klein {
	/*position: relative;
	left: 300px;
	top: -120px;*/
	width: 200px;
	padding-left: 75px;
	background-color: #fff;
	display: inline-block; 
}

.tec1 {
	color: #002070;
}

.tec1::before {
	content: "▪︎ ";/**/
}

.tec2 {
	color: #000;
	padding-left: 0px;
	/*border: 1px solid white;
	display: block;
	padding-top: 0px;
	margin-top: 0px;
	*/
}
/* 

tbody {
	border: 1px solid red;
}
 */

.popuppic {
	position: absolute;
	top: 642px;
	width: 1000px;
	height: 1000px;
	margin-left: 35px;
	background-color: #abc;
	visibility: hidden;
}

/* 
.zweispalter {
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	-moz-column-count: 2;
	-moz-column-gap: 30px;
}
 */

form {
	line-height: 1.1em;
}

form button {
	width: 300px;
	height: 80px;
	background-color: #002070;
	font-size:40px;
	line-height:2em;
	color: white;
}

input, checkbox, radio, textarea {
	line-height: 40px;
	border: 2px solid grey;
}
/* 
#formblatt label {
	display: block;
	text-align: left;
	float: left;
	width: 300px;
	padding-right: 10px
}
 */
/* 
#formblatt .label_schmal {
	width: 800px;
	display: table;
}
 */
/* 
#formblatt .checkbox {
	width: 2em;
	padding-right: 20px;
}
 */

.anfrage2 {
	background-color: green;
	display: block;
	width: 500px;
	text-align: left;
	float: right;
}

/* 
.left_schmal {
	float: left;
	width: 80%;
	line-height: 100%;
}
 */

input[type="radio"] {
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
}
input[type="checkbox"] {
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
}
/* 
#formblatt br {
	clear: left;
}
 */

.tabelle { 
      display: table; 
      border-collapse:collapse; 
    }
    
.zeile { 
      display:table-row;
    }
    
.spalte { 
      display:table-cell; 
      border:thin solid white;
      width: 290px;
      padding:20px; 
    }

.top-right, .rotation45 {
	position: absolute;
	top: 8px;
	right: 16px;
	color: #002070;
	transform: rotate(0deg) scale(1);
	transition: transform 2s;
	cursor: pointer;
	/* 
transform: scale(1);
	transition: scale 2s;
 */
}

.rotation45 {
	font-size: 5em;
	transform: rotate(45deg);
}

#bildindikator {
/* 	background-color: #fff;  */
	text-align: right;
	padding-top: 10px;
}

.posmarke {
	padding: 10px;
	font-size: 50px;
	color: grey;
	transition: color 1s;
}

.symb_leihgeraete {
	width: 75px;
	height: 75px;
	margin-left: 40px;
}

.formel6 {
	width: 800px;
	height: 180px;
	margin-bottom: 30px;
}
.formel457 {
	width: 540px;
	height: 80px;
	margin-bottom: 30px;
}

.diagramm1 {
	width: 900px;
	height: 600px;
}

.disabled {
	color: var(--mentextdisabled);
}

.fuss_orange {
	color: var(--baq_orange); 
}

.einruecken {
	margin-left: 20px;
}

.versteckt {
	color: var(--dunkelgrau);
	cursor: pointer;
}

.untertitel {
	font-size: var(--textgroesse_klein);
	line-height: var(--textgroesse_klein);
}


/*Aktualisierung Feb 21: */

.tech_info_pics {
	width: 800px;
	margin-bottom: 12px;
}

.tech_info_formel {
	position: relative;
	left: 50px;
	width: 720px;
}

.pseudoliste {
	font-size: 40px;
}

.pseudoliste::before {
	content: "•    ";
	color: orangered;
	color: #c30;
}

.liste_roterpkt {
	font-size: 30px;
}

.liste_roterpkt::before {
	content: "•    ";
	color: #c30;
}

.bildunterschrift {
	
}

.fetter {
	font-weight: 1000;
}

.mobtabzeile {
	
}

.mobtab { 
  color: #000;
  font-size: 40px;
}

.mobtab tr:nth-child(even) { 
  background-color: #e4ebf2; 
  color: #000; 
}

/* \  Aktualisierung Feb 21: */


/*
.sichtbar_stop {
	opacity: 1;
	transition: opacity 2s;
	transition-delay: 2.0s;
}
*/

/* 
	.btn_menpkte:after {
	content: "▼";
	float: right;
	margin-left: 7px;
	font-size: 18px;
	color: #000000; 
}

.btn_menpkte_offen:after {
	content: "▲";
	float: right;
	margin-left: 7px;
	font-size: 18px;
	color: #000000; 
}
*/