html
{
	   font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
height:100%;
	
}
.backmen
{
	background-image: url("/images/Kaskel-Kollegen_Header.png"); 

	background-repeat: no-repeat;  background-position: right center; width: 100%; height: 150px;
}
.background
{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 0;
	overflow: hidden;
}
#mitte{
    
    width: 900px;

	align-content: center;

}


#imitte {
	width: 100%;
	max-width: 100%;
	max-height: 100%; 
}








.hidenormal
	{
		display: none;
	}

.titel
{
    
width: 100%;
	height: auto;
	
	

}
.titel2
{
    
    text-decoration: none;
	font-size: 40px;
	letter-spacing: 3.6px;
		font-weight: 500;
    color: #003c7e;
     margin-bottom: 30px;
    line-height: 80px;
	


}

.h1
{
   
text-decoration: none;
font-size: 1.2em;
color: #c51a1b;

	font-weight: bold;
}

.datenschutz
{
   
text-decoration: none;
font-size: 50px;
color: #c51a1b;
line-height: 60px;
letter-spacing: 0.03em;
	font-weight: normal;
}
.h2
{
   
    text-decoration: none;
	 font-size: 20px;
    color: #c51a1b;
    
    line-height: 23px;
	letter-spacing: 0.03em;
	font-weight: 300;
}
.h3
{
   
    text-decoration: none;
	 font-size: 20px;
    color: #000000;
    
    line-height: 23px;
	letter-spacing: 0.03em;
	
}
.ulklasse {margin-left: -25px;}
.contentleft
{
margin-top:140px;
margin-left:140px;
}
.content
{
    font-size: 1.0em;
    color: #6D6E70;
    line-height: 20px;
    letter-spacing: 0.5px;

}
.contenta
{
   
    color: #6D6E70;
   
}
.contenta:hover
{
    
    color: #c51a1b;
    
}
.adress
{
   
    font-size:1.0em;
    color: #ffffff;
    line-height: 1.2em;
	
	
}
.adresslink
{
   
       font-size:1.0em;
    color: #ffffff;
    line-height: 1.2em;
		
}
.adresslink:hover
{
   
 
	      font-size:1.0em;
   
    line-height: 1.2em;
    color: #6D6E70;

		
}
.contentaktuell
{
    font-size: 20px;
    color: #000000;
    line-height: 30px;
    letter-spacing: 0.5px;

}
.contentaktuella
{
    font-size: 20px;
    color: #000000;
    line-height: 30px;
    letter-spacing: 0.5px;
}
.contentaktuell:hover
{
    
    color: #c51a1b;
   
}
.aktuelltext
{
    font-size: 18px;
    color: #000000;
    line-height: 18px;
    letter-spacing: 0.5px;
	font-style: italic;

}

block .center
{
	max-width:600px;
	margin:auto;
	display:flex;
top: 0px;
	
}

block .col
{
	width: 50%;					
	
	text-align: left;

	padding-left: 0em;
	padding-top: 1em;
	padding-bottom: 2em;
	padding-right: 2em;

}




.licontent
{
    font-size: 20px;
    color: #000000;
    line-height: 30px;
    letter-spacing: 0.5px;
}
.text-content
{
    width: 900px;

}
.text-content2
{
    width: 800px;

}

.menue
{

    text-decoration: none;
	font-size: 1.0em;	
    color: #ffffff;
    
    line-height: 30px;
	text-transform: uppercase;
	font-weight: 500;

}
.menueaktiv
{
    
    text-decoration: none;
	font-size: 1.0em;
	
    color: #ffffff;
    text-transform: uppercase;
    line-height: 30px;
	font-weight: bold;
	padding-bottom: 13px;
	
}


.menue:hover
{
    
    text-decoration: none;
	font-size: 1.0em;
	
    color: #c51a1b;
    line-height: 30px;
	
font-weight: 500;
	

}
.menue2
{

    text-decoration: none;
	font-size: 1.0em;

    color: #ffffff;	
    line-height: 1.5em;
	border-bottom:1px solid #ffffff;
	

}
.menue2aktiv
{
    
    text-decoration: none;
	font-size: 1.0em;
	 
    color: #ffffff;
  
    line-height: 18px;padding-bottom: 34px;
	border-bottom:1px solid #ffffff;
	

}


.menue2:hover
{
    
    text-decoration: none;
	
	 background-color: #ffffff;
    color: #004a91;
   border-bottom:1px solid #004a91;
	

	

}






a {text-decoration:none;;
}
a:hover {text-decoration:none;
	
}


	
	#logo {
	background:rgba(255,255,255,0.5);
	height: 40px;
	position: absolute;
	top: 30px;
	left: 0px;
	right:  0px;
	padding: 15px;
	text-align: center;
	
}


	

.navclosed,
.menuetoggle
{
	display:none;
	
   background-color: transparent;
	
    border: none;
   
   

}

.navopen
{
	position:absolute; 
	z-index:100; 
	left:0px; 
	top:25px; 
	width:140px; 
	background-color:rgba(0,74,145,1.0); 
	
}

 .oben{  padding-top:40px;}
#trans{
	height:843px;
	width:100%; max-width:100%;
}


@media(min-width:2000px)
{#trans{
	height:1054px;
	width:100%; max-width:100%;
}}
@media(min-width:2250px)
{#trans{
	height:1186px;
	width:100%; max-width:100%;
}}
@media(min-width:2500px)
{#trans{
	height:1318px;
	width:100%; max-width:100%;
}}
@media(min-width:2750px)
{#trans{
	height:1581px;
	width:100%; max-width:100%;
}}
@media(min-width:2800px)
{#trans{
	height:1712px;
	width:100%; max-width:100%;
}}

@media(max-width:800px)
{
	.backmen
{
	

	background-repeat: no-repeat;  background-position: center center; width: 100%; height: 60px;
}
 .oben{  padding-top:40px;}
	
	#trans{
	height:300px;
	width:100%; max-width:100%;}

	.hidemobile
	{
		display: none;
	}
		.hidenormal
	{
		display: block;
	}

		block .center
		{
			display:block;
		}

		block .col
		{
			width: auto;
			margin-bottom: 1em;
			padding:1em;
		}
		block{position: relative;}
	
	#mitte
	{
		position:static;
		height:auto;
		width:auto;
		padding:1em;
	}
	
	.text-content
{
    width: auto;

}

	

	

	body
	{
		margin:0px;
	}

	#menuebox
	{
		display:none;
	}
	
	#menuebox.menueopen
	{
		display:block;
		background-color: #004a91;
		margin-top: 10px;margin-top: 10px;
	}
	
	  .menue
	  {
		display:block;
		border-top:1px solid;
		border-color:  #ffffff;background-color: #004a91;
	  }
	
		.menueaktiv{
	 		display:block;
	border-bottom:0px solid;
	border-top:1px solid; border-color:  #ffffff;
			padding-bottom: 0px;
			background-color: #004a91;
	} 
	
	.menue:hover
	{
	
		background-color: #ffffff;
		color:#004a91;
	
	}
	

	.menue2
	{
		
		background-color: #004a91;
	border-bottom:1px solid; border-color:  #004a91;
		
		
	}
	.menue2:hover
	{
	
		color: #004a91;
		background-color: #ffffff;
	
	}
		.menue2aktiv
	{
		
		color: #004a91;
		border-top:1px solid; border-color:  #fffff;
		border-bottom:0px solid; border-color:  #ffffff;
	
	}
	
	.menuetoggle
	{
		display: inline;
	
	}
	
  table,tbody,tr,td {
    display: block;
    width: auto;
   /* overflow: hidden;*/
	
	}
	
	
	.navclosed,
	.navopen
	{
		display:block;
		position:static;
		width:auto; 
		background-color:rgba(0,60,126,1.0); 
		border: none;
			
	}
	
	
	.logo{
		text-align: center;
		margin:0em;
		width: 95%;
  height: auto;
	}
.content
	{color:#4c4b4b;}
	
	.contentleft
{
margin-top: 1em;
margin-left:1em;
}
	
	
	.tdleer
		{
		
		line-height: 0px;
	}
	.adress
	
{
   margin-left:1em;

}
.titel
{
    
height: auto;
	width: 100%;
	

}

	
	.adresstitel {
    font-size: 1.0em;
    font-weight: 500;
    text-transform: uppercase;
    color: #c51a1b;
    line-height: 20px;
    letter-spacing: 0.10em;
}
.h1
{
 	
 	color: #c51a1b;
 	font-size: 1.2em;
 	font-weight:bold;
	
}
}


@media (max-width: 480px) {
      .arrow, .light .arrow {
        background-size: 10px;
        background-position: 10px 50%;
      }
    }

/* --------- COOKIE HINWEIS -----------------*/
#cookiedingsbums a {color: #ffffff; text-decoration:underline;} /*Link im text*/

#cookiedingsbums a:hover {text-decoration:underline;color:#c51a1b;}  /*Link im text hover*/

#cookiedingsbums div {padding:0px; padding-right:0px;}

 
 #cookiedingsbums { 
   outline: 1px solid #004a91; /*Strich über Hintergrund*/
   text-align:left;  
   background: #004a91; /*Hintergrundfarbe gesamt*/
	 color: #ffffff;
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:14px; 
   line-height:50px;
	left: 0px;
	 padding-left: 1em;
}

#cookiedingsbumsCloser {
   color: #004a91;
   font: 14px;
   position: absolute;
   right: 50px;
   text-decoration: none;
   text-shadow: 0 2px 0 #fff;
   top: 10px;
   cursor:pointer;
   border-top:1px solid #ffffff; 
   border-left:1px solid #ffffff; 
   border-bottom:1px solid #ffffff; 
   border-right:1px solid #ffffff; 
   padding:4px;
line-height: 20px;
   background: #ffffff; /* Old browsers */
   
 }

#cookiedingsbumsCloser:hover {color: #c51a1b; border-bottom:2px solid #c51a1b; border-right:2px solid #c51a1b; 
border-top:2px solid #c51a1b; border-left:2px solid #c51a1b;}