/* CSS Document */



/* ========== Thank you for looking at this code ========== */
/* ========== WARNUNG! COPYRIGHT BY haller.id | SWITZERLAND ========== */


:root {

	--bodyHintergrund:#004289;
	--HauptFarbe: #607cbd; /*  color:#f2ee61;  59DE9B    CAA3A1   397351    4F3973   736D5C*/
	--greyFarbe:rgba(222,222,222,1.00);
	--HauptGreyFarbe1:rgba(222,222,222,1.00);
	--HauptGreyFarbe2:rgba(206,206,206,1.00);
	--blueFarbe:/*#7a17f8*/#397351 ;
	--greenFarbe:#76B942;
	--secondarFarbeMaus:#cccccc;
	--darkFarbe:rgba(51, 51, 51, 0.8);
    --weissFarbe: #fff;
    --weissTransparent: rgba(255, 255, 255, 0.75);
	--schwarzFarbe: #333;
	--schwarz: #000000;
	--schwarzTransparent:#333333;
	--inputFarbe: rgba(70,140,227,0.2);
	
	--TitelStandard:1rem;
	--TitelStandard2:1.4rem;
    --TitelGross: 2.5rem;
    --TitelTablet: 1.75rem;
    --TitelMobile: 0.75rem;
	--TextStandard:1rem;
	--TextMobile: 0.5rem;
    --standardSchrift: 'domain_font';   
	--boldSchrift: 'domain_font_bold'; 
	--extraBoldSchrift: 'domain_font_extrabold'; 

	--borderRadi:3px;
	--borderRadi10:10px;
	--borderRadi50:50%;
    --normal: 400;
    --fett: 900;
    --leicht: 300;
	--fest:bold;
	
	--randAbstand1:1rem;
	--HundertProz:100%;
	--hoeheAuto:auto;
		
	--bewegung:all 0.3s ease-in-out;

}

* {
    padding: 0;
    margin: 0;
	font-family: 'domain_font', 'Roboto Condensed', sans-serif!important;
    color: var(--schwarz);
    font: var(--TextStandard);
    font-weight: var( --normal );
    box-sizing: border-box;
}
	@font-face {
		font-family:'domain_font';
		src:url("../../assets/MADE TOMMY Thin_PERSONAL USE.otf");
	}
	@font-face {
		font-family:'domain_font_bold';
		src:url("../../assets/MADE TOMMY Regular_PERSONAL USE.otf");
	}
	@font-face {
		font-family:'domain_font_extrabold';
		src:url("../../assets/MADE TOMMY Bold_PERSONAL USE.otf");
	}

	/* Hiermit können Safari >=1.1, Opera >=9.5, IE9 was anfangen*/
	::selection {
		background:var(--HauptFarbe);
		/*color: #336699;*/
		color:var(--weissFarbe);
	}
	/* und hiermit der Firefox >=1 */
	::-moz-selection {
		background:var(--HauptFarbe);
		/*color: #336699;*/
		color:var(--weissFarbe);
	}

/* ========== ==========  DESIGN WORKSPACE ========== ========== */

	.border-test {
		border:3px solid rgba(255, 204, 51, 0.7);
		margin:0;
		padding:0;
	}
	.hoverlink{
	 	transition:var(--bewegung);
	}
	.hoverlink:hover{
		color: var(--weissFarbe);
		font-weight: bold;
		transition:var(--bewegung);
	}	
	.hoverlink2{
		text-decoration: underline;
		transition:var(--bewegung);
	}
	.hoverlink2:hover{
		font-weight: bold;
		text-decoration: underline;
		transition:var(--bewegung);
	}
	.hoverlink3{
		color: var(--weissFarbe);
		background-color:var(--HauptFarbe);
		padding:1rem;
		transition:var(--bewegung);
	}
	.hoverlink3:hover{
		background-color:var(--greyFarbe);
		transition:var(--bewegung);
		color: var(--schwarzFarbe);
	}	
	.hoverlink4:hover{
		background-color:var(--greyFarbe);		
		color: var(--blueFarbe);
		transition:var(--bewegung);
	}
	.hoverlink4{
		color: var(--weissFarbe);
		background-color:var(--HauptFarbe);
		transition:var(--bewegung);
		padding:1rem;
	}
	.dash_activ {
		background-color:var(--greyFarbe)!important;		
		color: var(--blueFarbe)!important;	
	}
	.hoverlink5:hover{
		background-color:var(--greyFarbe);		
		color: var(--blueFarbe);
		transition:var(--bewegung);
	}
	.hoverlink5{
		color: var(--weissFarbe);
		background-color:var(--greenFarbe);
		transition:var(--bewegung);
		padding:1rem;
		border:none;
	}
	.hoverlink6:hover{
		background-color:var(--greyFarbe);		
		color: var(--blueFarbe);
		transition:var(--bewegung);
	}
	.hoverlink6{
		color: var(--weissFarbe);
		background-color:var(--blueFarbe);
		transition:var(--bewegung);
		padding:1rem;
		border:none;
	}
	.set20{
		width: 20%; 
	}
	.set60{
		width: 60%; 
	}
	.set40{
		width: 40%; 
	}
	.set30{
		width: 30%; 
	}
	.set50{
		width: 50%; 
	}
	.set10{
		width: 10%; 
	}

	.mein-element2 {
  		opacity: 0;
  		transition: all .25s ease-in-out;
	}

	.mein-element2:nth-of-type(odd) {
  		transform:scale(0.6);
	}

	.mein-element2:nth-of-type(even) {
  		transform:scale(1) ;
	}

	.mein-element2.visible2 {
		transition: all 0.5s ease-in-out;
		transform:scale(1) ;
		opacity: 1;
	}
	.greyFarbe{
		color:var(--greyFarbe);
	}
	.weissFarbe{
		color:var(--weissFarbe);
	}
	.HauptFarbe{
		color:var(--HauptFarbe);
	}
	.margin-left{
	margin-left: 2rem;
	}
	.padding{
		padding:1rem;
	}
	.left{
		text-align: start;
	}
	.flex {
		display:flex;
	}
	.bold{
		font-weight: bold;
	}
	.noborder{
		border:none;
	}
	.td_img_size img{
		max-width: 600px;
		overflow:hidden;
		max-height: 400px;
	}
	.td_img_size_2 img{
		max-width: 200px;
		overflow:hidden;
		max-height: 200px;
	}
	.td_img_size_3 img{
		max-width: 600px;
		overflow:hidden;
		max-height: 400px;
	}
/* ========== ========== DESIGN BODY - HEADQUARTER ========== ========== */

	html {
		font-size:100%;
}

	body {
		font-family: 'Lato', 'Roboto Condensed', sans-serif!important;
		text-decoration:none;
		margin:0;
		padding:0;
		background-color:white;   /*ZUM ARBEITEN*/

}

	header {
	width: var(--HundertProz);
	background-color:var(--weissFarbe);
		margin:0;	
		padding:0;
		overflow:hidden;
}

	h1 {
		font-size:var(--TitelGross);
		color: var(--HauptFarbe);
		text-align:center;
		text-transform: uppercase;
		font-family: var(--boldSchrift);
}

	h2 {
		font-size:var(--TitelGross);
		color: var(--weissFarbe);
		text-align: center;
		text-transform: uppercase;
}

	h3 {
		font-size:var(--TitelTablet);
		color: var(--schwarzFarbe);
		text-transform: uppercase;
		text-align:center;
}

	h4 {
		font-size:var(--TitelTablet);
		color: var(--schwarzFarbe);
		text-transform: uppercase;
		text-align:center;	
}

	p {
		font-size: var(--TextStandard);
		color: var(--schwarz);
}

	main {
		min-height: 800px; 
		overflow:hidden;
}

	footer {
		position: absolute; 		
		width: var(--HundertProz);	
}

	a {
		color: var(--schwarz);
		text-decoration:none; 
		cursor: pointer;
}

	li {
		list-style:none;
}

/* ========== ========== SOME IDs ========== ==========*/

	#bodycontainer { 	
		width: var(--HundertProz);	
		margin:0;
		paddinh:0;
}

/* ========== ========== FORMULAR SACHEN ========== ==========*/

	label {
		padding:1rem;
		border:none;
		font-weight: bold;
		font-size:var(--TitelStandard);
	}

	select {
		transition:var(--bewegung);
		padding:1rem 2rem;
		min-width: var(--HundertProz);
		margin:1rem 0;
		background-color:var(--weissTransparent);
	}
	select:hover {
		background-color:var(--blueFarbe);
		transition:var(--bewegung);
	}
	input {
		-webkit-appearance: none!important;
		padding:1rem;
		transition:var(--bewegung);
		background-color:var(--inputFarbe);
		border:none;
		border-radius: var(--borderRadi);
		width: var(--HundertProz);
	}

	input:hover {
		background-color:var(--blueFarbe);
		transition:var(--bewegung);
	}
	input[type=text] {
		border:none;  	
		margin:1rem 0;
	}

	input[type=text]:focus {
  		border: 3px solid #555;
	}

	input[type=file] {
		border:none;  
		min-width: var(--HundertProz);
		margin:1rem 0;
		cursor: pointer;
	}

	input[type=checkbox] {
		border: 3px solid rgba(255,245,245,0.00); 
		max-width: 20px;
		background-color:var(--inputFarbe);
		cursor:pointer;
	}

	input[type=checkbox]:hover {
		background-color:var(--greyFarbe);
		border: 3px solid #555;
	}
	input[type=checkbox]:checked {
		background-color:var(--greenFarbe);
		border: 3px solid #555;
	}
	input[type='checkbox']:hover input ~ .checkmark {
	   	background-color: var(--HauptFarbe);
	}

	input[type=submit] {
  		color: var(--weissFarbe);
		background-color:var(--HauptFarbe);
		padding:1rem;
		transition:var(--bewegung);
		cursor:pointer;
		min-width: 200px;
	}
	input[type=submit]:hover {
  		background-color:var(--greyFarbe);
		transition:var(--bewegung);
		color: var(--schwarzFarbe);
	}
	textarea {
		-webkit-appearance: none!important;
		padding:1rem;
		transition:var(--bewegung);
		min-height: 200px;
		background-color:var(--inputFarbe);
		border:none;
		border-radius: var(--borderRadi);
		width: var(--HundertProz);
	}

	textarea:focus {
  		border: 3px solid #555;
	}
	button[type=submit] {
  		color: var(--weissFarbe);
		background-color:var(--HauptFarbe);
		padding:1rem;
		transition:var(--bewegung);
		cursor:pointer;
		border:none;  
		min-width: var(--HundertProz);
		margin:1rem 0;
		
		border-radius: var(--borderRadi);
}
	button[type=submit]:hover {
		background-color:var(--greenFarbe);		
		color: var(--weissFarbe);
		transition:var(--bewegung);
}
	.fehlermeldungen {
		list-style-type: none;
		padding: 0.5rem 1rem;
		text-transform: uppercase;
		border: none;
		background-color:#B6080B;
		color: var( --weiss );
		width:var(--breiteHundert);
}
	.fehlermeldungen li {
		padding: 0 0 0 1.5rem;
		position: relative;
		color: red;
}
	.fehlermeldungen li:before {
		content: '\26A0';
		position: absolute;
		left: 0;
		top: 0;
		width: 1.5rem;
		height: 1rem;
}

	table {
		overflow:auto!important;	
		border-collapse: collapse;	
	}
	th {
		font-weight: bold;	
	}
	tr:nth-of-type( even ) td {
		background-color:#C4C4C4;
	}

	tr:nth-of-type( odd ) td {
		background-color: #f0f0f0;
	}
	.sql-statement {
		font-family: monospace;
		padding: var(--randAbstand);
		border: 1px solid #999;
		margin: 1rem 0;
	}

	.bearbeitencsstd:hover {
		background-color:#02B845;
	}

	.loeschencsstd:hover {
		background-color:#FF0004;
	}

	#customers {
		font-family: Arial, Helvetica, sans-serif;
		border-collapse: collapse;
		width: 100%;
	}

	#customers td, #customers th {
		border: 1px solid #ddd;
		padding: 8px;
	}

	#customers tr:nth-child(even){
		background-color: #f2f2f2;
	}

	#customers tr:hover {
		background-color: #ddd;
	}

	#customers th {
		padding-top: 12px;
		padding-bottom: 12px;
		text-align: left;
		background-color: var(--blueFarbe);
		color: white;
	}
	.overflow-scroll {
		overflow:scroll;
	}
	.mit-buttons-drin {
		margin: 2rem 0;
	}


	/* ========== ========== Header top Support ========== ========== */

	.header_top_support{
		position: relative;
		width: var(--HundertProz);
		background-color: var(--greyFarbe);
		
		display:flex;
		/*margin-bottom:3rem;*/
	}
	.header_top_support_div1{
		width: 50%;
		height: var(--HundertProz);

	}
	.header_top_support_div2{
		
		width: 50%;
		height: var(--HundertProz);
		display:flex;
	}
	.header_top_support_div_ul{
		width: 100%;
		height: var(--HundertProz);
		padding: 0 5rem 0 0;
		display:flex;
		justify-content: flex-end;
		
	}
	.header_top_support_div_ul a{
		width: 100%;
		padding: 0.5rem 1rem;
		height: var(--HundertProz);
		display:flex;
		color: var(--bodyHintergrund);
		font-size:var(--TextSmall);

	}
	.header_top_support_div_ul a:hover{
		font-weight: bold;

	}

	.img_anleitung{
		max-width: 1000px;
		width: auto;
	}


	/* ========== ========== Header top Dashboard ========== ========== */
	.header_top_div {
		position: relative;
		width: var(--HundertProz);	
		height: 90px;
		/*margin-bottom:1rem;*/
		padding:0rem;	
		display:flex;
		background-color: var(--weissFarbe);
	}	

	.header_top_div1{
		position: absolute;
		width: 75%;
		height: 90px;
		display:block;
		z-index:250;
	}

	.header_top_div2{
		position: absolute;
		height: 80px;
		width: 25%;
		top:0;
		right: 0;
		text-align:left;
		padding:15px;
		justify-content: center;
	}
	.header_top_div2 img{
		max-width: 180px;	
	}

	.navi_domain_top_ul_1{
		position:relative;
		display: flex;
		padding-top: 1rem;
	}

	.setnav_a{
		transition:var(--bewegung);
		width: var(--HundertProz);
		padding:1.5rem 2rem;
		color:var(--bodyHintergrund);
		display:flex;
		justify-content: space-between;
		border-bottom:3px solid var(--weissFarbe);
			
	}

	.nav_link_a:hover{
		font-family: var(--boldSchrift);	
		border-bottom:3px solid var(--HauptFarbe);
		transition:var(--bewegung);
	}
	.nav_link_a_1{			
		font-family: var(--boldSchrift);
		border-bottom:3px solid var(--HauptFarbe);
		transition:var(--bewegung);
	}

	.boxmain_figure{
		position: relative;
		width: var(--HundertProz);	
		margin:0;
		padding:0rem;	
		background-color: var(--weissFarbe);
		text-align: center;
		justify-content: center;
	}
	.boxmain_img{
		width: var(--HundertProz);		
	}

	/* ========== ========== MOBILE MENU ========== ========== */
	.containernav2 {
		display:none;
	}

	.dropdown44-container {
			display: none;		
	}

	.header_top_mobile{
		display: none;	
	}

/* ========== ========== MENU STARTSEITE INDEX ========== ========== */

	.navi_index_top_ul{
		position:relative;
		display: flex;
		flex-wrap: wrap;
		background-color: var(--darkkontimgreyFarbe);
		padding: 0 3rem 0 3rem;
	}


	.navi_index_top_li{
		width: 20%;
		background-color: var(--blueFarbe);
		color:var(--weissFarbe);
		padding: 0.5rem 1rem 0.5rem 1rem;
		margin: 1rem 2rem 1rem 2rem;
	}


	.linkText_index{
		color:var(--weissFarbe);
	}

	.set_index_nav_aindex{
		transition:var(--bewegung);
		width: var(--HundertProz);
		padding:1rem 2rem;
		display:flex;
		justify-content: space-between;
		border-bottom:3px solid var(--weissFarbe);
	}
	.set_index_nav_a{
		transition:var(--bewegung);
		width: var(--HundertProz);
		padding:3rem 2rem;
		display:flex;
		justify-content: space-between;
		border-bottom:3px solid var(--weissFarbe);
	}
	.navi_index_top_a:hover{
		font-family: 'domain_font_bold';		
		border-bottom:3px solid var(--HauptFarbe);
	}
	.navi_index_top_a_1{			
		font-family: 'domain_font_bold';
		border-bottom:3px solid var(--HauptFarbe);
	}

	.dashboard_index_img{
		position: relative;
		height:var(--HundertProz);
		width:var(--HundertProz);
	
		padding:15px;
		justify-content: center;
	}
	.dashboard_index_img img{
		max-width: 2000px;	
	}

	/* ========== ========== Login Index ========== ========== */
	.loginbody{
		position: relative;
		width: var(--HundertProz);	
		height:var(--HundertProz);
		padding:5rem 2rem 2rem 2rem;
		overflow:hidden;

	}
	.loginbox_login {
		max-width: 70%;
		border-radius: var(--borderRadi);
		padding:2rem;
		display:block;
		transition:var(--bewegung);
	}

	.loginbox_login:hover{
		box-shadow: 1px 5px 12px #888888;
		transition:var(--bewegung);

	}
	.loginbox_login form {
		padding:2rem;
		display:block;

	}
	.loginbox_login input {
		padding:1rem;
		margin:1rem;
		background-color:var(--inputFarbe);
		border:none;
		border-radius: var(--borderRadi);

	}

	.loginbox_login input[type=text]:focus {	
		border: 3px solid #555;
	}
	.loginbox_login input[type=submit] {
		color: var(--weissFarbe);
		background-color:var(--HauptFarbe);
		padding:1rem;
		transition:var(--bewegung);
		cursor:pointer;
		min-width: 200px;
		border:none;
	}
	.loginbox_login input[type=submit]:hover {
		background-color:var(--greyFarbe);
		transition:var(--bewegung);
		color: var(--schwarzFarbe);
	}
	.loginbox_div{
		position: relative;
		display:flex;
		justify-content: space-around;	
	}

	.loginbox_div2{
			width: var(--HundertProz);	
		height:50px;
		position: relative;
		display:flex;
		justify-content: flex-start;	
	}
	.loginbox_div3{
		position: relative;
		display:block;
		justify-content: flex-start;
		text-align: start;
	}
	.loginbox_login input[type='checkbox'] { 
		background-color: orange;
		width: var(--HundertProz);	
		height:var(--HundertProz);
	}
.passwortpw {
	
}
	.iconlogin{
		background-image:url("../bilder/design/icon/icon_benutzer_01-01.png");
}
	.iconloginvergessen{
		background-image:url("../bilder/design/icon/icon_benutzer_03-01.png");
}

	.iconloginerfolgreichversendet{
		background-image:url("../bilder/design/icon/icon_benutzer_04-01.png");
}

	.iconloginverweigert{
		background-image:url("../bilder/design/icon/icon_benutzer_02-01.png");
}
	.iconloginerfolgreich{
		background-image:url("../bilder/design/icon/icon_benutzer_05-01.png");
}

	.set {
		border-radius: 50%;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		background-attachment:scroll;
		margin: 4rem 0rem 2rem 0rem;
		height: 150px;
		width: auto;
		text-align: center;
		justify-content: center;
		align-content: center;
		position: relative;
}

	.container {
		display: block;
		position: relative;
		padding-left:40px;
		margin-bottom: 12px;
		margin-left:3rem;
		cursor: pointer;

		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		width: 50%;
	}

	.container input {
	  	position: absolute;
	  	opacity: 0;
	  	cursor: pointer;
	}

	.checkmark {
		position: absolute;
		top: 10px;
		left: 0;
		height: 25px;
		width: 25px;
		background-color: var(--greyFarbe);
		border-radius: 50%;
	}
	.container:hover input ~ .checkmark {
	   background-color: var(--HauptFarbe);
	}
	.container input:checked ~ .checkmark {
	  background-color: var(--HauptFarbe);
	}

	.checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}

	.container input:checked ~ .checkmark:after {
	  display: block;
	}

	.container .checkmark:after {
		top: 9px;
		left: 9px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: white;
	}

	/* ========== ========== Dashboard Index ========== ========== */

	.main_domain_edit{
		background-color:var(--greyFarbe);
		padding:3rem;
		min-height: 600px;
		margin: 0 auto;
		justify-content: center;

	}

	.main_domain_edit form{
		width: 100%;
		max-width: 700px;
		margin:0 auto;
		padding:2rem;
	}
	.main_domain_edit p{
		padding:1rem;
		display:block;
	}
	.dashboardbody{
		position: relative;
		width: var(--HundertProz);	
		height:var(--HundertProz);
		padding:0rem;
		overflow:hidden;
		display:flex;

	}
	.dash_menu_2{
		position:absolute;
		left:0;
		display:block;
		justify-content: space-around;
		width: 200px;
		min-height:600px;
		height:100%;
		background-color:var(--greyFarbe);
		padding:0;
		margin:0;
	}
	.dash_menu_body{
		background-color:var(--weissTransparent);
		width: var(--HundertProz);
		min-height:800px;
		overflow:hidden;
		padding-left:200px;
	}

	.dash_menu_2 div{
		width: 200px;
		padding:1rem 1rem 1rem 2rem;


	}
	.dash_menu_2 button{
		text-align: start;
		border:none;
		cursor:pointer;

	}
	.dash_menu_body_top{
		position: relative;
		width: var(--HundertProz);
		height:100px;
		background-color:var(--weissFarbe);
		padding-top:1rem;
		justify-content: space-evenly;
		display:flex;
	}
	.dash_menu_body_haupt{
		position: relative;
		width: var(--HundertProz);
		min-height:100px;
		background-color:var(--weissFarbe);
		padding-top:0rem;
		justify-content: center;
		display:block;
	}
.main_cms_bestellbox img{
		width: 400px;
}	
	.main_domain_edit{
		background-color:var(--greyFarbe);
		padding:3rem;
		min-height: 600px;
		margin: 0 auto;
		justify-content: center;
	}

	.main_domain_edit form{
		width: 100%;
		max-width: 700px;
		margin:0 auto;
		padding:2rem;
	}
	.main_domain_edit p{
		padding:1rem;
		display:block;
	}


/* ========== ========== Footer Flovanadam - icon & copyright ========== ==========*/

		
	.flo_copy_div {
		position: relative;
		margin-top: 0rem;
		padding:1rem 0rem;
		width: var(--HundertProz);	
		background-color:var(--greyFarbe);
		text-align: center;
		bottom: 0rem;
		transition:var(--bewegung);
}	
	
	.flo_copy_div a:hover {
		color: var(--weissFarbe);
		transition:var(--bewegung);
}

	.mobilefoot2{
		display:none;
}
	.mobilefoot4{
		display:none;
}
	.fva_footer_icon {
		position: absolute;
		padding: 2rem;
		display:block;
		right: 0;
		justify-content:none;
		text-align:none;
		z-index: 10;
}
	figure img.flovanadam{
		position: relative;
		width: 150px;
		height: var(--hoeheAuto);
		margin-top:-8rem;
		float: right;
		max-width: 100%;
		transition:var(--bewegung);
}
	figure img.flovanadam:hover{
		transform: rotate(7deg) translate(-8px, -8px);
		transition:var(--bewegung);
}


/* ========== MEDIA SCREEN  1580px ========== */
/* ========== APPLE NOTEBOOK 16und13zoll ========== */
	@media screen and (max-width:1580px) 
	{
	body {
		/*background-color:lightcoral; /*ZUM ARBEITEN */
	}
		
	.mobilefoot4{
		display:none;
	}
	.loginbox_login {
		max-width: 100%;
	}
	
		
}

/* ========== MEDIA SCREEN  1200px ========== */
/* ========== APPLE NOTEBOOK 13zoll ========== */
	@media screen and (max-width:1200px) 
	{

	body {
	/*	background-color:lightgreen;/*ZUM ARBEITEN */
	}
	.mobilefoot3{
		display:none;
	}
	.mobilefoot4{
		display:block;
	}

}


/* ========== MEDIA SCREEN  1080px ========== */
	@media screen and (max-width:1080px) 
	{
		
	body {
		/*background-color: darkorchid;/*ZUM ARBEITEN*/
	}


}	
	
/* ========== MEDIA SCREEN  960px ========== */
/* ========== APPLE tablet (kleineres) ========== */
	@media screen and (max-width:960px) 
	{
		
	body {
		/* background-color:darkorange; /*ZUM ARBEITEN */
	}
	h1 {
		font-size:var(--TitelTablet);
	
	}

	h2 {
		font-size:var(--TitelGross);
	}

	h3 {
		font-size:var(--TitelStandard);
		font-weight: bold;
	}

	h4 {
		font-size:var(--TitelStandard);	
	}
	main {
		min-height: 500px;  		
	}
	
	/* ========== ========== MENU MOBILE ========== ==========*/
	.header_top_mobile{
		display: flex;	
	}
	.containernav2 {
		cursor: pointer;
		right:2rem;
		top:25px;
		position: fixed;
		background-color: var(--HauptFarbe);
		width: 55px;
		padding:0px 0px 0px 10px;
		height: 55px;
		display: inline-block;
		z-index: 80000;
	}

	.bar1, .bar3 {
	 	margin-left: 5px;
		width: 25px;
	 	height: 5px;
	 	background-color: white;
	 	margin: 6px 0;
	 	transition: 0.4s;
	}

	.bar2 {
		width: 35px;
		height: 5px;
		background-color:white;
		margin: 6px 0;
		transition: 0.4s;
	}

	.active44 .bar1 {
	  	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	  	transform: rotate(-45deg) translate(-9px, 6px);
		background-color: var(--HauptFarbe);
		width: 35px;
	}

	.active44 .bar2 {
		opacity: 0;
	}

	.active44 .bar3 {
	 	background-color: var(--HauptFarbe);
	  	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	  	transform: rotate(45deg) translate(-8px, -8px);
		width: 35px;
	}

	.dropdown44-btn {
		display: block;
		border: none;	
	}

	.active44 {
	  	background-color: white;
	  	color: white;
	}

	.none {
		display:block;
	}

	.dropdown44-container {
		display: none;
		z-index: 10001;
		background-color:var(--weissFarbe);
		position: fixed;
		top:0;
		padding:0rem 0rem 0rem 0rem;
		margin:0;
		width: 100%;
		height: 100%;
		border-top: 6rem solid var(--HauptFarbe);
		overflow: auto; 
	}
	.fva_footer_icon {
		top:280px;
	}
	.header_top_div2{
		width: 100%;
	}

	/* ========== ========== Login Index ========== ========== */
	.loginbody{
		padding:3rem 1rem 1rem 1rem;
	}
	.loginbox_login {
		padding:0.5rem;
	}

	.loginbox_login form {
		padding:0rem;
	}
	.loginbox_login input {
		padding:0.5rem;
	}	

	/* ========== ========== Header top Support ========== ========== */


	.header_top_support_div1{
		width: 0%;
	}
	.header_top_support_div2{		
		width: 100%;
	}
	.header_top_support_div_ul{
		width: 100%;
		height: var(--HundertProz);
		padding: 0 5rem 0 0;
		display:flex;
		justify-content: center;
		
	}
	.header_top_support_div_ul a{
		width: 100%;
		padding: 0.5rem 1rem;
		height: var(--HundertProz);
		display:flex;
		color: var(--bodyHintergrund);
		font-size:var(--TextSmall);

	}

		

	/* ========== ========== Header ========== ========== */

		.navi_domain_top_ul_1{
		display:none;
	}

	
	/* ========== ========== Dashboard Index ========== ========== */


	.dash_menu_2{
		width: 100px;
		min-height:800px;
	}
	.dash_menu_body{
		min-height:800px;
		padding-left:100px;
	}

	.dash_menu_2 div{
		width: 100px;
		padding:0.2rem 0.2rem 0.2rem 1rem;
		border-bottom:1px solid var(--weissFarbe);
	}
	.dash_menu_body_top{
		display:block;
		height:100px;
	}

	.mobilefoot2{
		display:block;
	}
	.mobilefoot{
		display:none;
	}
	.mobile_none{
		display:none;
	}
}
	
/* ========== MEDIA SCREEN  450px ========== */
	@media screen and (max-width:450px) 
	{

	body {
		/*background-color:aqua; /*ZUM BEARBEITEN */
	}

	}