@font-face {
	font-family: SharpSansWeb-Medium;
	src: url(fonts/SharpSans-Medium.ttf) format('truetype');
	/*src: url(layout/styles/fonts/SharpSans-Medium.ttf);*/
	font-weight: normal;
}	
@font-face {
	font-family: SharpSansWeb-Bold;
	src: url(fonts/SharpSans-Bold.ttf) format('truetype');
	font-weight: bold;
}	
@font-face {
	font-family: SharpSansWeb-Semibold;
	src: url(fonts/SharpSans-Semibold.ttf) format('truetype');
	font-weight: bold;
}
@font-face {
	font-family: FontAwesome;
	src: url(fonts/fa-solid-900.ttf) format('truetype');	
	src: url(fonts/fa-solid-900.woff2) format('woff2');
  font-weight: normal;	
	
}

:root{
	--navfarbe: #00326d;
	--navfarbe2: #0068b4;
	--navStyleFarbe: white;
	--textFarbe:  #4A4A4A;

	--colorRotActive: #c60c2b;
    --colorALinkDunkel: #00326d;
    --colorALinkHell: white;
    
	--colorRotHell2: #e6cfd4;
	--colorRotHell: #f39ca9;
	--colorRotMittel: #d50c2f;
	--colorRotDunkel: #9d2246;

	--colorGelbHell2: #fffae6;
	--colorGelbHell: #ffe7b6;
	--colorGelbMittel: #fece43;
	--colorGelbDunkel: #f7a600;

	--colorKoralleHell2: #ffeae6;
	--colorKoralleHell: #fbdad2;
	--colorKoralleMittel: #f4a198;
	--colorKoralleDunkel:#d45b65;

	--colorBlauHell2: #e6f7ff;
	--colorBlauHell: #89b4e1;
	--colorBlauMittel: #0068b4;
	--colorBlauDunkel: #00326d;
    --colorBlauUniBackground: #d5e3f3; 

	--colorGruenHell2: #e6fff9;
	--colorGruenHell: #d6ebe1;
	--colorGruenMittel: #8acbb7;
	--colorGruenDunkel: #008878;

	--colorLilaHell2: #e8eaff;
	--colorLilaHell: #c7c1e1;
	--colorLilaMittel: #8681b1;
	--colorLilaDunkel: #3b2961;

	--colorLimetteHell2: #fffee6;
	--colorLimetteHell: #fff8bd;
	--colorLimetteMittel: #f6e945;
	--colorLimetteDunkel: #dedc00;

	--colorOwnDunkel : #666666;
	--colorOwnMittel: #b7b7b7;
	--colorOwnHell: #d9d9d9;
    --colorOwnHell2: #d3d3d3;

    --widthWeBreiteMax: 1280px;

    /* 3 spaltiges Layout - mitte content, rechts info */
    --widthContentMitte1von2: calc(100% - 254px);  
    /*--widthRechts2von2: 240;*/  /* Breite rechts abgeschätz*/
    --widthMainRasterLeftMenu: 180px;
    --posMainRasterMiddle: 194px;  /* ! 180 + 14(--widthMainRasterAbstand) = 194px */
    --widthMainRasterRechts2von2: 240px; 
    --widthMainRasterAbstand: 14px;

    /* Bildbereich */
    --heightPictureBereich: 100px;
    
    --widthAbstand: 0.625em;
    --widthAbstandMittel: 1.625em;
	--widthBorderFrame: 0.625em;
	--widthLeftAbstandContainer: 0.625em;
	--widthRightAbstandContainer: 0.625em;
	--widthWrapperSmallDisplay: calc(100% - 1.25em);

    --styleFontSizeMenu: 23px; 
	--styleFontSizeNormal: 0.938rem;

	--styleFontSizeInfoBoxRem: 0.813rem;
	--styleFontSizeInfoBoxPX: 13px;
	--styleLineHightInfoBoxPX: 21px;
}

		/********** HTML elements **********/
* {
	padding:0em;
	margin:0em;
	/*overflow: hidden;*/
}
body {
	font-family: "SharpSansWeb-Medium","Arial",Arial,sans-serif;
	font-size:100.01%;
	color:#4a4a4a;
}                                                                                    
a {
	color: var(--navfarbe2);
    word-wrap: break-word;
	/*color: #046cbe;
	text-decoration: none;*/
	/*border-bottom:1px dotted #046cbe;*/                             
}

/* ---neu:  -----------------*/
h1, h2, h3, h4
{
	color: #00326d;
	margin-bottom: 15px;
	font-family: "SharpSansWeb-Bold","Arial",Arial,sans-serif;
}

h9
{
	margin-bottom: 15px;
	font-family: "SharpSansWeb-Bold","Arial",Arial,sans-serif;
}

h5
{
	color: #00326d;
	font-family: "SharpSansWeb-Bold","Arial",Arial,sans-serif;
}

h1 {
	font-size: 26.56px;
	font-size: 1.66rem;
	line-height: 34px;
}	

h2{
  font-size: 20px;
  font-size: 1.3rem;
  line-height: 24px;
}

h4, h9{
	margin-bottom: 0px;
	font-size: 15px;
  font-size: .938rem;
  line-height: 23px;
  font-weight: 400;
	
}
@media only screen and (min-width: 380px) {
  h1 {
		hyphens: none;
  }
}	

@media  (min-width: 480px) { 
	h1 {
  		font-size: 32px;
  		font-size: 2rem;
  		line-height: 40px;
  		letter-spacing: .05rem;
	}
	h2 {
 	 font-size: 24px;
  	 font-size: 1.5rem;
  	 line-height: 30px;
  	 letter-spacing: .05rem;	
    }
}	

h3{
	font-size:1.15em;
	font-size: 18px;
	line-height: 22px;
	margin-bottom:0.5em !important;
	padding:0;
	color: #4A4A4A;
}
h4, h6{   // FETTE SCHRIFT
	margin-bottom: 0px;
    font-weight: bold;	
}

h5{
	padding:0.5em 0;
	font-weight: bold;
	font-size:1.05em;
	/*color:#046CBE;*/
}

h9{
	margin-bottom: 0px;
    font-weight: bold;	
}
h10{
	margin-bottom: 0px;
  font-weight: bold;	
  color: red;
}
h3 a, h5 a {
	color:#046CBE;
	letter-spacing:0.05em;
} 
h6 {
	font-size: 1.15em;
    font-size: 18px;
    background-color: #00326d;
	padding: var(--widthAbstand);
	margin: 0 0 var(--widthAbstand);
	color:#ffffff;
}
h6.zielgruppennavi {
	background-image:url(/geo/layout/backgrounds/bg_balken_rot.png);
}
h6 a, h6 a:hover{
	color:#FFFFFF;
	display:block;
}
h7{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:1.15em;
	margin-bottom:0.5em !important;
	padding:0;
	color: #4A4A4A;
	page-break-after: avoid;
	font-weight: bold;
}
h8 a, h8 a:hover{
	text-align: right;
	float: right;
}

img{
	border:0;
}

a img {
	border: none;
}

input, select {
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
strong {
	font-weight: bold;
	font-size: 15px;
    font-size: .938rem;
 }
p {
  font-family: "SharpSansWeb-Medium","Arial",Arial,sans-serif;
  font-size: 15px;
  font-size: .938rem;
  line-height: 23px;
  font-weight: 400;
}

.name{
	font-weight: bold;
}

.kontakt{
}
.leer{
	background-color: :green;
	visibility: hidden;
}
/******************************* Comboboxen ******************************/
.ComboTxt230 {
    width: 220px;
}



		/********** Layout-Elemente **********/
		
#border {
	background-image:url(/geo/layout/backgrounds/shadow_left.png);
	background-repeat:repeat-y;
	margin:0 auto;
	padding-left:1.25em;
	max-width:77.75em;
	min-width:61.19em;
	

}
/*#page, #updates, #footer-nav, #footer-content{
	width:auto;
	max-width:75.88em;
	min-width:54.4em;
	margin:0 auto;
	padding:0 2.19em 0em 0.94em;
}
#page{
	background-image:url(/geo/layout/backgrounds/shadow_right.png);
	background-position:right center;
	background-repeat:repeat-y;
	padding-bottom:1.2em;
}
*/

#container{
}

#container_content
{
    display: flex;
    /*flex-flow: row wrap;*/
	flex-direction: column;
    width: 100%;
	
}
#container_wrapper{ 
	margin: 0 auto;
	width:  100%;
/*	padding-left: 0.625em;  hp 14.06.22
	padding-right: 0.625em;*/
	/*width: calc(100% - 1.205em);*/
}

@media only screen and (min-width: 1024px) {
#container_wrapper{ 
  width: 100%;
}}
  
#container_content_links
{
	//float: left;
	width: 100%;
  display: flex;
  flex-direction: column;
	margin-bottom: 116px;
}	

#container_content_rechts
{
	width: 0px;
}

/* ******************************************************************** */
/* HOMEPAGE - MENU. ALLES HINTERGRUNDFARBE                              */
/* ******************************************************************** */
#container_full_menu{
 
}
/* ******************************************************************** */
/* HOMEPAGE - INHALT - PARTNER - 1 spaltig 								*/
/* ******************************************************************** */
#container_content_links_home
{
	float: left;
	width: 100%;
}	

#container_content_rechts_home
{
	display: flex;
    flex-flow: row wrap;
	flex-direction: row;

}	

.partner_img {
	flex: 50%;
}

#container_content_rechts_home img {
	padding-top: 10px;
	width: 180px;
	padding-left: 10px;
}
/* 2 SPALTIGKEIT AUF DER HOMEPAGE: */
@media only screen and (min-width: 768px) {
  .partner_img {
	flex: 25%;
}
}
@media only screen and (min-width: 1024px) {
  #container_content
  {
    flex-flow: row wrap;
	flex-direction: row;
    width: 100%;
  }

  #container_content_links_home
  {
	/*width: calc(100% - 195px);    wenn rechte Spalte */
    width: 100%;
  }	

  #container_content_rechts_home
  {
	display: flex;
	/*width: 195px;*/
    flex-direction: column;  
	margin-left: 14px;
  }	

  .partner_img {
	/*flex: 100%;*/
	flex: auto;
  }
  
  #container_content_rechts_home img {
	/*padding-bottom: 10px;*/
	width: 180px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom:10px;
}
}

/* --------------------------------------------------------------------*/


#header_inhalt{
 order: 1;
 display: none;
}
/*@media only screen and (min-width: 1024px) {
	#header_inhalt{display: block;}
}*/

#header_inhalt_im_content{
 
}
/*@media only screen and (min-width: 1024px) {
	#header_inhalt_im_content{display: none;}
}*/


#left_and_middle{
  order: 2;
  margin-bottom: 116px;
}

#container_inhalt_default{
 
}

#container_inhalt_layout1{
 /*  background-color: #f3eee4;*/
}


#container_inhalt_default, #container_inhalt_layout1, #container_inhalt_layout2, #container_inhalt_layout5 {
 order: 2;
 width: 100%;
 float: left;
}

.inhalt_ref_anfang{
	  padding-left: 0.625em;
	  float: left;
	  margin-top: 60px;
}

@media only screen and (min-width: 1024px) {
.inhalt_ref_anfang{	
	display: none;
}
}	

#container_inhalt_sngl_default
{
  
}
/* background-color: #f3eee4;  */
  	
}


#container_inhalt_multi_layout1
{
 background-color: #f3eee4;
} 	

   
#container_inhalt_multi_layout2 {} 	
#container_inhalt_multi_default {} 	
#container_inhalt_multi_layout5 {} 	
#container_inhalt_zusatzinfo_layout1 { order: 3; } 
#container_inhalt_zusatzinfo_layout2 {} 
#container_inhalt_zusatzinfo_default {}
#container_inhalt_zusatzinfo_layout5 {display: none;} 

@media only screen and (min-width: 1024px)
  #container_inhalt_zusatzinfo_layout1,
  #container_inhalt_zusatzinfo_layout2,
  #container_inhalt_zusatzinfo_layout5,
  #container_inhalt_zusatzinfo_default{
  {
    width: 98%;
    margin-left: 0.625em;
  } 

}


#container_inhalt_sngl_default,
#container_inhalt_multi_layout1,  #container_inhalt_zusatzinfo_layout1, 
#container_inhalt_multi_layout2,  #container_inhalt_zusatzinfo_layout2,
#container_inhalt_multi_default,  #container_inhalt_zusatzinfo_default,
#container_inhalt_multi_layout5,  #container_inhalt_zusatzinfo_layout5,
#container_inhalt_tabelle, #container_inhalt_tabelle_formulare
{
    font-size: 15px;
    font-size: .938rem;
	line-height: 23px;
	font-weight: 400;
	padding: 0.625em;
	-moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
   	hyphens: auto;
}

#container_inhalt_multi_default, #container_inhalt_multi_layout5{
  float:left;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
	#container_inhalt_sngl_default,
  #container_inhalt_multi_layout1,  #container_inhalt_zusatzinfo_layout1, 
  #container_inhalt_multi_layout2,  #container_inhalt_zusatzinfo_layout2, 
  #container_inhalt_multi_layout5,  #container_inhalt_zusatzinfo_layout5, 
  #container_inhalt_multi_default,  #container_inhalt_zusatzinfo_default
  {
  padding: 0.0em;
  }
}

@media only screen and (min-width: 1024px) {
	#container_inhalt_sngl_default,
  #container_inhalt_multi_layout1,  #container_inhalt_zusatzinfo_layout1, 
  #container_inhalt_multi_layout2,  #container_inhalt_zusatzinfo_layout2, 
  #container_inhalt_multi_layout5,  #container_inhalt_zusatzinfo_layout5, 
  #container_inhalt_multi_default,  #container_inhalt_zusatzinfo_default
  {
  padding: 0.0em;
  }
}

/*----- LAYOUT TABELLE: -----*/
#container_inhalt_tabelle, #container_inhalt_tabelle p {
	/*font-size: 0.2rem; *(/*.95rem;*/
	font-size: 12px;	
	line-height: 12px; /*23px;*/
	font-weight: 400;
	padding: 0.625em;
}
@media only screen and (min-width: 600px) {
	#container_inhalt_tabelle, #container_inhalt_tabelle p {
		/*font-size: 0.4rem;*/ /*.95rem;*/
	}	
}

@media only screen and (min-width: 768px) {
	#container_inhalt_tabelle, #container_inhalt_tabelle p {
		/*font-size: 0.5rem;*/ /*.95rem;*/
	}	
}
@media only screen and (min-width: 1024px) {
	#container_inhalt_tabelle, #container_inhalt_tabelle p {
	/*line-height: 23px;*/
	line-height: 14px;
    font-size: 12px;
	font-weight: 400;
	}	
}

/*----- LAYOUT STUDIUM: -----*/
.studium_container_zurueck_buttom {
  display: none;
}  
.studium_container_zurueck_buttom2 {
  display: block;
}  


#container{
    margin-right: auto;
    margin-left: auto;
  	background-position:right center;
	  background-repeat:repeat-y;
	  padding-bottom:1.2em;
	  max-width: calc(100% - 1.25em);  /* HP xxxxxx */
    min-width: calc(100% - 1.25em);
    padding-bottom: 0em;
}

/* Bei 600px Breite wird die Nummer angezeigt      */
/* ----------------------------------------------- */
/* 1280 + 1.25em x2 für den Rahmen */
@media only screen and (min-width: 1320px) {
#container{
    max-width: var(--widthWeBreiteMax);
    min-width: var(--widthWeBreiteMax);
   
}

#container_inhalt_default, #container_inhalt_layout1, #container_inhalt_layout2, #container_inhalt_layout5
{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 20px;
}
 
#container_inhalt_sngl_default
{
    width: 100%;
    /*width: calc(100% - 1.25em);*/  /*wrapper-padding 2x 0.625em*/
}



.studium_container_zurueck_buttom {
  display: block;
}  
.studium_container_zurueck_buttom2{
	display: none;
}


#container_inhalt_multi_layout1, #container_inhalt_multi_layout2,
#container_inhalt_multi_default , #container_inhalt_multi_layout5
{
    width: var(--widthContentMitte1von2);
}
 
#container_inhalt_multi_layout1 {
    margin-top: 0.75em;
    /*background-color: #f3eee4;*/
}

 #container_inhalt_zusatzinfo_layout1
 {
    width: var(--widthRechts2von2);
  	width: 240px;
     margin-left: 0.6em;
 }
 #container_inhalt_zusatzinfo_layout2, #container_inhalt_zusatzinfo_layout5, #container_inhalt_zusatzinfo_default
 {
    width: 240px;
    margin-left: var(--widthMainRasterAbstand);
   

 }
 
  #container_inhalt_zusatzinfo_layout5 {display: block;} 
 

}