body {font-family: 'Open Sans'; font-weight: 300; color: #3d3d3d}
 .responsive {width: 100%;height: auto;}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/opensans-light.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/opensans-light?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/opensans-light.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/opensans-light.woff') format('woff'), /* Modern Browsers */
       url('fonts/opensans-light.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/opensans-light.svg#OpenSans') format('svg'); /* Legacy iOS */
}



@font-face {
   font-family:'Open Sans';
   font-style: italic;
   font-weight: 300;
   src: local('Open Sans'), local('Opensans-Light'),
   url(fonts/opensans-light.woff2) format('woff2'),
   url(fonts/opensans-light.woff2) format('woff');
}
@font-face {
   font-family:'Open Sans';
   font-style: normal;
   font-weight: 400;
   src: local('Open Sans'), local('Opensans-Regular'),
   url(fonts/opensans-regular.woff2) format('woff2'),
   url(fonts/opensans-regular.woff) format('woff');
}
@font-face {
   font-family:'Open Sans';
   font-style: italic;
   font-weight: 400;
   src: local('Open Sans'), local('Opensans-Regular-italic'),
   url(fonts/opensans-regular-italic.woff2) format('woff2'),
   url(fonts/opensans-regular-italic.woff) format('woff');
}
@font-face {
   font-family:'Open Sans';
   font-style: normal;
   font-weight: 600;
   src: local('Open Sans'), local('Opensans-Semibold'),
   url(fonts/opensans-semibold.woff2) format('woff2'),
   url(fonts/opensans-semibold.woff2) format('woff');
}
@font-face {
   font-family:'Open Sans';
   font-style: normal;
   font-weight: 600;
   src: local('Open Sans'), local('Opensans-semibold-italic'),
   url(fonts/opensans-semibold-italic.woff2) format('woff2'),
   url(fonts/opensans-semibold-italic.woff) format('woff');
}


.contentrenner-black {}
.contentrenner-blue {}


/* 320 */

/* Extra small devices (phones, 600px and down) */
/* ############################################################################## */
/* ############################################################################## */
/* ############################################################################## */
@media only screen and (max-width: 767px) {
h1 {font-size: 24px; line-height: 32px; padding-bottom: 20px; 'Open Sans';font-weight: 300;color: #014a93}
h2 {font-size: 20px; line-height: 26px; padding-bottom: 20px; 'Open Sans';font-weight: 300;color: #014a93}
h3 {font-size: 18px; line-height: 24px; padding-bottom: 20px; 'Open Sans';font-weight: 300;color: #014a93}

p.absatz {font-size: 16px; line-height: 24px; padding-bottom: 20px;}   /* ACHTUNG IN AXURE NOCH NICHT MIT ABGEBILDET zumindest nur teilweise */




/* Variante Pfeil ohne auf Linie zu sein*/
span.link-pfeil {background-image: url("https://www.uke.de/assets/default/images/icons/Link-intern-icon.png")!IMPORTANT; background-repeat: no-repeat; background-position: 3px 7px; padding-left: 22px;}
a.link-im-absatz-ohne-pfeil-unterstrich {color: #014a93; border-bottom: #9ebcda 1px solid!IMPORTANT;text-decoration: none;font-weight: 300;}
a.link-im-absatz-ohne-pfeil-unterstrich:hover {color: #014a93; border-bottom: #014a93 1px solid!IMPORTANT;text-decoration: none;font-weight: 300;}
a.link-im-absatz-ohne-pfeil-unterstrich:hover::after  {  width: 100%; }



.abstand-top-null {margin-top: 0px}
.abstand-top-xs   {margin-top: 20px}  
.abstand-top-s    {margin-top: 30px}
.abstand-top-m    {margin-top: 40px}
.abstand-top-l    {margin-top: 40px}
.abstand-top-xl   {margin-top: 60px}
.abstand-top-xxl  {margin-top: 80px}

.abstand-bottom-null {margin-bottom: 0px}
.abstand-bottom-xs   {margin-bottom: 20px}  
.abstand-bottom-s    {margin-bottom: 30px}  /* DEFAULT-Wert macht Sinn? */
.abstand-bottom-m    {margin-bottom: 40px}
.abstand-bottom-l    {margin-bottom: 40px}
.abstand-bottom-xl   {margin-bottom: 60px}
.abstand-bottom-xxl  {margin-bottom: 80px}




.raster-1-2 {display: inline; float:left; width: 100%!IMPORTANT; margin-right:0%;}
.no-margin-right {margin-right: 0%!IMPORTANT; margin-top: 0px}


#contentband_2 {width: 100%; float: left; position: relative; background-color: #e2e2e2;}
#contentarea_2 {margin: 0 auto; max-width: 320px; background-color: #e2e2e2;}

#contentband_1 {width: 100%; float: left; position: relative; background-color: #f2f4f9;}
#contentarea_1 {margin: 0 auto; max-width: 320px; /*background-color: #fff*/}

#contentband_0 {width: 100%; float: left; position: relative; background-color: #ffffff;}
#contentarea_0 {margin: 0 auto; max-width: 320px; background-color: #fff}

.container {margin-left: 20px; margin-right: 20px;}

#contentband_white {width: 100%; float: left; position: relative; background-color: #ffffff;}
#contentarea_white {margin: 0 auto; max-width: 320px; background-color: #ffffff}

#header {width: 100%; float: left; position: relative; background-color: #ffffff;}
#header-area {margin: 0 auto; max-width: 320px; background-color: #ffffff}
}
/* END of under 768px ###################################################################*/


/* 768 */

/* Large devices (laptops/desktops, 992px and up) */
/* ############################################################################## */
/* ############################################################################## */
/* ############################################################################## */
@media only screen and (min-width: 768px) {
h1 {font-size: 26px; line-height: 34px; padding-bottom:30px; 'Open Sans';font-weight: 300;color: #014a93}
h2 {font-size: 24px; line-height: 34px; padding-bottom:23px; 'Open Sans';font-weight: 300;color: #014a93}
h3 {font-size: 18px; line-height: 32px; padding-bottom:25px; 'Open Sans';font-weight: 300;color: #014a93}

p.absatz {font-size: 16px; line-height: 26px; padding-bottom: 25px;}   /* ACHTUNG IN AXURE NOCH NICHT MIT ABGEBILDET zumindest nur teilweise */



/* Variante Pfeil ohne auf Linie zu sein*/
span.link-pfeil {background-image: url("https://www.uke.de/assets/default/images/icons/Link-intern-icon.png")!IMPORTANT; background-repeat: no-repeat; background-position: 3px 7px; padding-left: 22px;}
a.link-im-absatz-ohne-pfeil-unterstrich {color: #014a93; border-bottom: #9ebcda 1px solid!IMPORTANT;text-decoration: none;font-weight: 300;}
a.link-im-absatz-ohne-pfeil-unterstrich:hover {color: #014a93; border-bottom: #014a93 1px solid!IMPORTANT;text-decoration: none;font-weight: 300;}
a.link-im-absatz-ohne-pfeil-unterstrich:hover::after  {  width: 100%; }



.abstand-top-null {margin-top: 0px}
.abstand-top-xs   {margin-top: 20px}  
.abstand-top-s    {margin-top: 30px}
.abstand-top-m    {margin-top: 40px}
.abstand-top-l    {margin-top: 60px}
.abstand-top-xl   {margin-top: 60px}
.abstand-top-xxl  {margin-top: 80px}

.abstand-bottom-null {margin-bottom: 0px}
.abstand-bottom-xs   {margin-bottom: 20px}  
.abstand-bottom-s    {margin-bottom: 30px}  /* DEFAULT-Wert macht Sinn? */
.abstand-bottom-m    {margin-bottom: 40px}
.abstand-bottom-l    {margin-bottom: 60px}
.abstand-bottom-xl   {margin-bottom: 60px}
.abstand-bottom-xxl  {margin-bottom: 80px}




.raster-1-2 {display: inline; float:left; width: 48.48139711%!IMPORTANT; margin-right: 3.037205771%;}
.no-margin-right {margin-right: 0%!IMPORTANT;}

#contentband_2 {width: 100%; float: left; position: relative; background-color: #e2e2e2;}
#contentarea_2 {margin: 0 auto; max-width: 768px; background-color: #e2e2e2;}

#contentband_1 {width: 100%; float: left; position: relative; background-color: #f2f4f9;}
#contentarea_1 {margin: 0 auto; max-width: 768px; /*background-color: #fff*/}

#contentband_0 {width: 100%; float: left; position: relative; background-color: #ffffff;}
#contentarea_0 {margin: 0 auto; max-width: 768px; background-color: #fff}

.container {margin-left: 20px; margin-right: 20px;}

#contentband_white {width: 100%; float: left; position: relative; background-color: #ffffff;}
#contentarea_white {margin: 0 auto; max-width: 768px; background-color: #ffffff}

#header {width: 100%; float: left; position: relative; background-color: #ffffff;}
#header-area {margin: 0 auto; max-width: 768px; background-color: #ffffff}
}
/* END of 768px ###################################################################*/




/* 1024 */

/* Large devices (laptops/desktops, 992px and up) */
/* ############################################################################## */
/* ############################################################################## */
/* ############################################################################## */
@media only screen and (min-width: 1024px) {
h1 {font-size: 26px; line-height: 34px; padding-bottom:30px; 'Open Sans';font-weight: 300;color: #014a93}
h2 {font-size: 24px; line-height: 34px; padding-bottom:25px; 'Open Sans';font-weight: 300;color: #014a93}
h3 {font-size: 18px; line-height: 32px; padding-bottom:25px; 'Open Sans';font-weight: 300;color: #014a93}

p.absatz {font-size: 16px; line-height: 28px; padding-bottom: 25px;}   /* ACHTUNG IN AXURE NOCH NICHT MIT ABGEBILDET zumindest nur teilweise */


/* Variante Pfeil ohne auf Linie zu sein*/
span.link-pfeil {background-image: url("https://www.uke.de/assets/default/images/icons/Link-intern-icon.png")!IMPORTANT; background-repeat: no-repeat; background-position: 3px 7px; padding-left: 22px;}
a.link-im-absatz-ohne-pfeil-unterstrich {color: #014a93; border-bottom: #9ebcda 1px solid!IMPORTANT;text-decoration: none;font-weight: 300;}
a.link-im-absatz-ohne-pfeil-unterstrich:hover {color: #014a93; border-bottom: #014a93 1px solid!IMPORTANT;text-decoration: none;font-weight: 300;}
a.link-im-absatz-ohne-pfeil-unterstrich:hover::after  {  width: 100%; }



.abstand-top-null {margin-top: 0px}
.abstand-top-xs   {margin-top: 20px}  
.abstand-top-s    {margin-top: 30px}
.abstand-top-m    {margin-top: 40px}
.abstand-top-l    {margin-top: 60px}
.abstand-top-xl   {margin-top: 80px}
.abstand-top-xxl  {margin-top: 100px}

.abstand-bottom-null {margin-bottom: 0px}
.abstand-bottom-xs   {margin-bottom: 20px}  
.abstand-bottom-s    {margin-bottom: 30px}  /* DEFAULT-Wert macht Sinn? */
.abstand-bottom-m    {margin-bottom: 40px}
.abstand-bottom-l    {margin-bottom: 60px}
.abstand-bottom-xl   {margin-bottom: 80px}
.abstand-bottom-xxl  {margin-bottom: 100px}



.raster-1-2 {display: inline; float:left; width: 48.48139711%!IMPORTANT; margin-right: 3.037205771%;}
.no-margin-right {margin-right: 0%!IMPORTANT;}

#contentband_2 {width: 100%; float: left; position: relative; background-color: #e2e2e2;}
#contentarea_2 {margin: 0 auto; max-width: 1024px; background-color: #e2e2e2;}

#contentband_1 {width: 100%; float: left; position: relative; background-color: #f2f4f9;}
#contentarea_1 {margin: 0 auto; max-width: 1024px; /*background-color: #fff*/}

#contentband_0 {width: 100%; float: left; position: relative; background-color: #ffffff;}
#contentarea_0 {margin: 0 auto; max-width: 1024px; background-color: #fff}

.container {margin-left: 40px; margin-right: 40px;}

#contentband_white {width: 100%; float: left; position: relative; background-color: #ffffff;}
#contentarea_white {margin: 0 auto; max-width: 1024px; background-color: #ffffff}

#header {width: 100%; float: left; position: relative; background-color: #ffffff;}
#header-area {margin: 0 auto; max-width: 1024px; background-color: #ffffff}
}
/* END of 1024px ###################################################################*/





/* 1340 */

/* Extra large devices (large laptops and desktops, 1200px and up) */
/* ############################################################################## */
/* ############################################################################## */
/* ############################################################################## */
@media only screen and (min-width: 1340px) {
h1 {font-size: 35px; line-height: 40px; padding-bottom:35px; font-family: 'Open Sans';font-weight: 300;color: #014a93}
h2 {font-size: 30px; line-height: 40px; padding-bottom:30px; 'Open Sans';font-weight: 300;color: #014a93}
h3 {font-size: 25px; line-height: 36px; padding-bottom:25px; 'Open Sans';font-weight: 300;color: #014a93}

p.absatz {font-size: 20px; line-height: 34px; padding-bottom: 25px;}   /* ACHTUNG IN AXURE NOCH NICHT MIT ABGEBILDET zumindest nur teilweise */


/* Variante Pfeil ohne auf Linie zu sein*/
span.link-pfeil {background-image: url("https://www.uke.de/assets/default/images/icons/Link-intern-icon.png")!IMPORTANT; background-repeat: no-repeat; background-position: 3px 10px; padding-left: 22px;}
a.link-im-absatz-ohne-pfeil-unterstrich {color: #014a93; border-bottom: #9ebcda 1px solid!IMPORTANT;text-decoration: none;font-weight: 300;}
a.link-im-absatz-ohne-pfeil-unterstrich:hover {color: #014a93; border-bottom: #014a93 1px solid!IMPORTANT;text-decoration: none;font-weight: 300;}
a.link-im-absatz-ohne-pfeil-unterstrich:hover::after  {  width: 100%; }




/* SÜFKE-Anmerkung beachten, nur margin-bottom mit Wert, oben default 0px */
.abstand-top-null {margin-top: 0px} /* DEFAULTWERT für oben */
.abstand-top-xs   {margin-top: 30px } 
.abstand-top-s    {margin-top: 40px}
.abstand-top-m    {margin-top: 60px}
.abstand-top-l    {margin-top: 80px!IMPORTANT}
.abstand-top-xl   {margin-top: 100px!IMPORTANT}
.abstand-top-xxl  {margin-top: 120px!IMPORTANT}

.abstand-bottom-null {margin-bottom: 0px}
.abstand-bottom-xs  {margin-bottom:  30px }  
.abstand-bottom-s    {margin-bottom: 40px} /* DEFAULT-Wert für unten */
.abstand-bottom-m    {margin-bottom: 60px}
.abstand-bottom-l    {margin-bottom: 80px!IMPORTANT}
.abstand-bottom-xl   {margin-bottom: 100px!IMPORTANT}
.abstand-bottom-xxl  {margin-bottom: 120px!IMPORTANT}



.raster-1-2 {display: inline; float:left; width: 48.48139711%!IMPORTANT; margin-right: 3.037205771%;}
.no-margin-right {margin-right: 0%!IMPORTANT;}

#contentband_2 {width: 100%; float: left; position: relative; background-color: #e2e2e2;}
#contentarea_2 {margin: 0 auto; max-width: 1340px; background-color: #e2e2e2;}

#contentband_1 {width: 100%; float: left; position: relative; background-color: #f2f4f9;}
#contentarea_1 {margin: 0 auto; max-width: 1340px; /*background-color: #fff*/}

#contentband_0 {width: 100%; float: left; position: relative; background-color: #ffffff;}
#contentarea_0 {margin: 0 auto; max-width: 1340px; background-color: #fff}

.container {margin-left: 66px; margin-right: 66px;}

#contentband_white {width: 100%; float: left; position: relative; background-color: #ffffff;}
#contentarea_white {margin: 0 auto; max-width: 1340px; background-color: #ffffff}

#header {width: 100%; float: left; position: relative; background-color: #ffffff;}
#header-area {margin: 0 auto; max-width: 1340px; background-color: #ffffff}

}
/* END of 1340px ###################################################################*/



/* 1680 */

/* Extra large devices (large laptops and desktops, 1200px and up) */
/* ############################################################################## */
/* ############################################################################## */
/* ############################################################################## */
@media only screen and (min-width: 1680px) {
h1 {font-size: 35px; line-height: 45px; padding-bottom:35px; 'Open Sans';    font-style: normal;color: #014a93}
h2 {font-size: 30px; line-height: 40px; padding-bottom:30px; 'Open Sans';font-weight: 300;color: #014a93}
h3 {font-size: 25px; line-height: 36px; padding-bottom:25px; 'Open Sans';font-weight: 300;color: #014a93}

p.absatz {font-size: 20px; line-height: 34px; padding-bottom: 25px;}  /* ACHTUNG IN AXURE NOCH NICHT MIT ABGEBILDET zumindest nur teilweise */



/* Variante Pfeil ohne auf Linie zu sein*/
span.link-pfeil {background-image: url("https://www.uke.de/assets/default/images/icons/Link-intern-icon.png")!IMPORTANT; background-repeat: no-repeat; background-position: 3px 10px; padding-left: 22px;}
a.link-im-absatz-ohne-pfeil-unterstrich {color: #014a93; border-bottom: #9ebcda 1px solid!IMPORTANT;text-decoration: none;font-weight: 300;}
a.link-im-absatz-ohne-pfeil-unterstrich:hover {color: #014a93; border-bottom: #014a93 1px solid!IMPORTANT;text-decoration: none;font-weight: 300;}
a.link-im-absatz-ohne-pfeil-unterstrich:hover::after  {  width: 100%; }




/* SÜFKE-Anmerkung beachten, nur margin-bottom mit Wert, oben default 0px */
.abstand-top-null {margin-top: 0px} /* DEFAULTWERT für oben */
.abstand-top-xs   {margin-top: 30px } 
.abstand-top-s    {margin-top: 40px}
.abstand-top-m    {margin-top: 60px}
.abstand-top-l    {margin-top: 80px!IMPORTANT}
.abstand-top-xl   {margin-top: 100px!IMPORTANT}
.abstand-top-xxl  {margin-top: 120px!IMPORTANT}

.abstand-bottom-null {margin-bottom: 0px}
.abstand-bottom-xs   {margin-bottom:  30px }  
.abstand-bottom-s    {margin-bottom: 40px} /* DEFAULT-Wert für unten */
.abstand-bottom-m    {margin-bottom: 60px}
.abstand-bottom-l    {margin-bottom: 80px!IMPORTANT}
.abstand-bottom-xl   {margin-bottom: 100px!IMPORTANT}
.abstand-bottom-xxl  {margin-bottom: 120px!IMPORTANT}



.raster-1-2 {display: inline; float:left; width: 48.48139711%!IMPORTANT; margin-right: 3.037205771%;}
.no-margin-right {margin-right: 0%!IMPORTANT;}

#contentband_2 {width: 100%; float: left; position: relative; background-color: #e2e2e2;}
#contentarea_2 {margin: 0 auto; max-width: 1680px; background-color: #e2e2e2;}

#contentband_1 {width: 100%; float: left; position: relative; background-color: #f2f4f9;}
#contentarea_1 {margin: 0 auto; max-width: 1680px; /*background-color: #fff*/}

#contentband_0 {width: 100%; float: left; position: relative; background-color: #ffffff;}
#contentarea_0 {margin: 0 auto; max-width: 1680px; background-color: #fff}

#contentband_white {width: 100%; float: left; position: relative; background-color: #ffffff;}
#contentarea_white {margin: 0 auto; max-width: 1680px; background-color: #ffffff}

.container {margin-left: 137px; margin-right: 137px;}

#header {width: 100%; float: left; position: relative; background-color: #ffffff;}
#header-area {margin: 0 auto; max-width: 1680px; background-color: #ffffff}

}
/* END of 1680px ###################################################################*/




/*##################################################################################################
############     TOP-NAV Band - oberster NAVIGATIONSLEISTE  ########################################
####################################################################################################*/
#topnavband {
    top: 0px;
    left: 0px;
    position: fixed; z-index: 300000;
    min-width: 100%;  min-height: 30px; max-height: auto; position: relative;
background-color: #014a93;
  }
  
  /*############     TOPNAV Band - oberster NAVIGATIONSLEISTE   ######################################
  ####################################################################################################*/
  #topnavarea  	    {min-height: 30px; max-height: auto; margin: 0 auto;  max-width: 980px;}
  #topnavarea ul    	{margin-top: 0px; float: right; display: block; color: #E0E6E6}
  #topnavarea a:link	{font-size: 0.8em;  color: #666; font-weight: 600; text-decoration: none;}
  #topnavarea a:hover	{font-size: 0.8em;  color: #333; font-weight: 600; text-decoration:underline;}
  .topnav ul		  	{position:relative; color: #333;}
  .topnav li  	    {float: right; padding-left: 10px; list-style-type: none; font-size: 1.00em; color: #E0E6E6;}
  .topnav, .aktuell a {font-size: 1.00em; text-decoration: underline; color: #FFF; font-weight: 600;}
  .thema-font {text-align:right; color: #fff}
  /*############  TOPNAVBAND ENDE ###################################################################*/
  /*##################################################################################################*/