/* 20190125 20:29 */
h1,
h2,
h3,
h4,
h5,
h6,
/*p,*/
blockquote {
    margin: 0;
    padding: 0;
}
html {
	font-size: 62.5%;
}	
/*  - this css file doesn't have an Oktal image - this is for broad title words */
body
{	background: #FFFEFA;
		margin-left: 1rem; /* reduced from 2 to 1 rem */
  		text-align: left;
  		padding: 0;
  		color: #000099; /* war 343A7D und etw. heller 3C4392 4249A0, war 000765, 00006A  */ 		font-family: OpenSans, Tahoma, Verdana, Geneva, Lopash, Lucida Grande, Tahoma, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
  		font-size: 1.8rem;
  		line-height: 2.8rem;}

/* Responsive Web Design - Images Using The max-width Property */


@font-face{ 
	font-family: 'lt';
	src: url('_webf/Lato-Regular.woff') format('woff');
	src: url('_webf/Lato-Regular.woff2') format('woff2'),
	     url('_webf/lato/LatoLatin-Regular.woff') format('woff'),
	     url('_webf/lato/LatoLatin-Regular.woff2') format('woff2'),
		url('_webf/lato/LatoLatin-Regular.eot'),
		url('_webf/lato/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'),
	     url('_webf/lato/LatoLatin-Regular.ttf') format('truetype'),
	     url('_webf/lato/LatoLatin-Regular.svg#webfont') format('svg');}

@font-face {
    font-family: 'lai'; /*= Lato italic*/
    src: url('_webf/lato/LatoLatin-Italic.woff2') format('woff2'),
         url('_webf/lato/LatoLatin-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} 

@font-face{ 
	font-family: OpenSans;
	src: url('_webf/opensans/OpenSans-Regular.eot');
	src: url('_webf/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
	     url('_webf/OpenSans-Regular.woff2') format('woff2'),
	     url('_webf/OpenSans-Regular.woff') format('woff'),
	     url('_webf/opensans/OpenSans-Regular.ttf') format('truetype'),
	     url('_webf/opensans/OpenSans-Regular.svg#webfont') format('svg');}
	     
/*start from ggl fonts:
https://google-webfonts-helper.herokuapp.com/fonts/open-sans?subsets=latin*/

/* open-sans-italic - */
@font-face {
  font-family: 'osi'; /*OpenSans i = italic*/f
  font-weight: 400;
  src: url('_webf/ggf/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('_webf/ggf/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('_webf/ggf/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('_webf/ggf/open-sans-v15-latin-italic.woff') 
         format('woff'), /* Modern Browsers */
       url('_webf/ggf/_webf/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('_webf/ggf/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */}
       
/*       above 2nd src had: 
        src: local('Open Sans Italic'), local('OpenSans-Italic')*/
     
/* open-sans-italic - This font is provided to you by Fonts2u.com /f2u
OpenSans-LightItalic.ttf */  
@font-face {
  font-family: 'osi2';
  src:  url('_webf/f2u/OpenSans-LightItalic.ttf') format('truetype');} 
  
       
/* open-sans-600 - latin */
@font-face {
  font-family: 'osb'; /*OpenSans + bold*/
  font-style: normal;
  font-weight: 600;
  src: url('_webf/ggf/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('_webf/ggf/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('_webf/ggf/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('_webf/ggf/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('_webf/ggf/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('_webf/ggf/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/*end from ggl fonts	 */
	     
.lt 
	{
  	font-family: 'lt';
	hyphens: auto;
		}
/* Sparkle hatte für OpenSans & Lato: font-size:16px;*/
		
.lai /*= Lato italic*/
	{
	font-family: 'lai';
	} /*for Lato-Italic*/
	
p.xmrg 
	{
	font-family: OpenSans;
	margin: 1.5rem 0 0 0;
	}
	
p, .nrm 
	{
  	font-family: OpenSans;	
	hyphens: auto;
	margin: 1.5rem 0
		}
	
.osi 
	{
	font-family: 'osi';
	} /*for OpenSans-Italic - is larger than normal OS */

.osi2 
	{
	font-family: 'osi2';
	} /*for OpenSans-Italic - is larger than normal OS */

.osb 
	{
  	font-family: 'osb';
	}	

.bd4 { 
	font-family: OpenSans, tahoma, verdana, geneva, arial, serif; 
	font-weight: normal; 
	color: #000099;
	background-color: #FFFFFF; 
	border: 1px dashed #ABABAB; 
	padding: .9rem 1rem;
	hyphens: auto;
}

a {
    color: #0069d6;
}
a:hover {
    color: #0050a3;
    text-decoration: none;
}
h1 { 
    font-family: OpenSans, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
    color: #000765;
    margin: 2.3rem 0 0.5rem 0;
    font-size: 4rem;
    line-height: 4.5rem;
/* text-shadow-removed 20251211 */
}    
h2 {
    font-family: OpenSans, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
    color: #000765;
/*    margin-bottom: 8px;*/
    font-size: 2.7rem;
    line-height: 4.0rem;
    margin: 2.0rem 0 0 0; 
    /*font-weight: normal;*/}
    
h3 { 
  font-family: OpenSans, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
   	color: #000765;
	font-size: 2.5rem;
  	line-height: 2.9rem;
  	/*font-weight: normal;*/
  	margin: 1.7rem 0 0.5rem 0;} /*smashed has 0.3 bottom*/
 	 	
h4 { 
  font-family: OpenSans, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
  color: #000765; /*this color is inherited from?*/
  font-size: 2.2rem;
  line-height: 2.9rem;
  font-weight: normal;
  margin: 1.5rem 0 0.5rem 0;}
  
h5 { 
  font-family: OpenSans, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
  color: #000765;
  font-size: 1.9rem;
  line-height: 2.9rem;
  font-weight: normal;
  margin: 2rem 0 0.5rem 0;}
  
hr {
	margin: 0 0 19px;
    border: 0;
    border-bottom: 1px solid #ccc;}
    
.k { font-weight: normal; 
	color: #026969; }
	
.h { color: #006B00; 
	letter-spacing: 0.3mm; }	

.mc { font-family: monaco, geneva, arial, serif; 	
	color: #454545;}
	
.mcxmrg { font-family: monaco, geneva, arial, serif; 	
	margin: 0 0 0 0;
	color: #454545;}

a { text-decoration: none; }
a.u { text-decoration: underline; }

ol li {
	font-family: lt, Arial, Geneva; sans-serif;
}
	
.note2 { font-family: tahoma, verdana, geneva, arial, serif; font-size: 100%; font-weight: normal; color: #3C3C3C; }

.fn { font-size: 0.83em; color: #0069D6; vertical-align: super; line-height: 0;}

sup { color: #0069D6; font-size: 0.83em; vertical-align: super; line-height: 0;}

.sup { color: #0069D6; font-size: 0.83em; vertical-align: super; line-height: 0;}

.lblbg { font-family: Arial, Geneva; sans-serif; font-size: 1.8rem; background-color: #D0F5FF; /*was 0EE0EB light blue */ padding: 0 0 0 10px;}

div#footer {
		font-family: lt, Tahoma, Verdana, Geneva, Lopash, Lucida Grande, Tahoma, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
		font-size: 1.5rem;
		color: white;
		clear:both;
		text-align: left;
		padding: 5px 40px;
		background:#7D85A1;
		border-radius: 7px;
}


div#lofooter {
		background-color: #636C83;/*404655*/
		border-radius: 7px;
		padding-top: 0.6rem;
		font-size: 1.5rem;
}

ul.lofooter {
	list-style-type: none; /*removes bullets*/
}
ul.lofooter a {
	font-family: lt, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
	color:  #BBBEC6;
}

ul.lofooter a:hover{
	color:  red;
}	
ul.lofooter li {
	border-bottom: 1px solid #545454;
	line-height: 2.4rem;
}
.col12 {
	font-family: OpenSans;
	hyphens: auto;
	}
.ftr {
	color: white;
}
.sce {
	font-size: 1.6rem; color: #888782;
}
span.space {
	margin-left: 8rem;
}
span.space2 {
	margin-left: 4rem;
}
/* Responsive Navigation Bar css START */
/* Add a black background color to the top navigation */
.topnav {
  background-color: #BAE4BA/*dklgrün BAE4BA #6E9B6F*/;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
/*it doesn't do anything for R 
.topnav a {
  float: left;
  display: block;
  color: #000000; /*was black, f2f2f2 *!/
  text-align: center;
  padding: 4px 10px;
  text-decoration: none;
/*  font-size: 0.6em/*17px*!/;*!/
  font-family: Arial, Helvetica, Sans-Serif;
}*/

/* Change the color of links on hover */
/*.topnav a:hover {
  background-color: #91DD61;
  color: black;
}*/

/* Add an active class to highlight the HOME page */
/*.active {
  background-color: ; /*was #91DD61, 83B984 547655, 787F96*!/
  color: white;
}*/

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}
/*- - - - - - - - Responsive Navigation Bar css END - - - - - -*/


/*Responsive Navigation Bar media queries START*/
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 480px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;}
    }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }