/* 14.05.2021 */
body {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    /* background: #f1f1f1;  leicht grau */
    background: #fff;
}


/* standard */
@font-face { font-family: "Segoe UI"; "Segoe WP", Arial,Sans-Serif; src: url('segoeui.ttf') format('truetype'); }
/* kursiv */
@font-face { font-family: "Segoe UIK"; "Segoe WP", Arial,Sans-Serif; src: url('segoeuii.ttf') format('truetype'); }
/* halb fett */
@font-face { font-family: "Segoe UIB"; "Segoe WP", Arial,Sans-Serif; src: url('seguisb.ttf') format('truetype'); }
/* halb fett kursiv */
@font-face { font-family: "Segoe UIKB"; "Segoe WP", Arial,Sans-Serif; src: url('seguisbi.ttf') format('truetype'); }
/* fett  */
@font-face { font-family: "Segoe UIBB"; "Segoe WP", Arial,Sans-Serif; src: url('segoeuib.ttf') format('truetype'); }
/* fett kursiv  */
@font-face { font-family: "Segoe UIBBK"; "Segoe WP", Arial,Sans-Serif; src: url('segoeuiz.ttf') format('truetype'); }
/* schwarz  */
@font-face { font-family: "Segoe UIBLACK"; "Segoe WP", Arial,Sans-Serif; src: url('seguibl.ttf') format('truetype'); }
/* schwarz kursiv  */
@font-face { font-family: "Segoe UIBLACKK"; "Segoe WP", Arial,Sans-Serif; src: url('seguibli.ttf') format('truetype'); }
/* fein */
@font-face { font-family: "Segoe UI1K"; "Segoe WP", Arial,Sans-Serif; src: url('segoeuil.ttf') format('truetype'); }
/* halb fein */
@font-face { font-family: "Segoe UI1HK"; "Segoe WP", Arial,Sans-Serif; src: url('segoeuisl.ttf') format('truetype'); }
/* halb fein kursiv */
@font-face { font-family: "Segoe UI1HKK"; "Segoe WP", Arial,Sans-Serif; src: url('seguisli.ttf') format('truetype'); }
/* fein kursiv */
@font-face { font-family: "Segoe UI1KK"; "Segoe WP", Arial,Sans-Serif; src: url('seguili.ttf') format('truetype'); }


p {
    font-family: "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color:  #202020;
    text-align: left;
}

.font-kursiv{
    font-family: "Segoe UIK", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color:  #202020;
    text-align: left;
}


.font-halb-fett-kursiv{
    font-family: "Segoe UIKB", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color:  #202020;
    text-align: left;
}


.font-halb-fett{
    font-family: "Segoe UIB", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color:  #202020;
    text-align: left;
}

.font-fett{
    font-family: "Segoe UIBB", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color:  #202020;
    text-align: left;
}

.font-fett-18 {
    font-family: "Segoe UIBB", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color: #202020;
    text-align: left;
}

.font-fett-24 {
    font-family: "Segoe UIBB", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color: #202020;
    text-align: left;
}



.font-fett-kursiv{
    font-family: "Segoe UIBBK", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:17px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    color:  #202020;
    text-align: left;
}

.font-fett-kursiv-18{
    font-family: "Segoe UIBBK", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    color:  #202020;
    text-align: left;
}

.font-fett-kursiv-24{
    font-family: "Segoe UIBBK", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    color:  #202020;
    text-align: left;
}


.font-schwarz{
    font-family: "Segoe UIBLACK", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:17px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    color: #000;
    text-align: left;
}

.font-schwarz-20{
    font-family: "Segoe UIBLACK", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    color: #000;
    text-align: left;
}

.font-schwarz-28{
    font-family: "Segoe UIBLACK", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:28px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    color: #000;
    text-align: left;
}

.font-schwarz-kursiv{
    font-family: "Segoe UIBLACKK", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:18px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.5;
    color: #000;
    text-align: left;
}

.font-fein{
    font-family: "Segoe UI1K", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color: #202020;
    text-align: left;
}

.font-halb-fein{
    font-family: "Segoe UI1HK", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color: #202020;
    text-align: left;
}

.font-fein-kursiv{
    font-family: "Segoe UI1KK", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color: #202020;
    text-align: left;
}


.font-halb-fein-kursiv{
    font-family: "Segoe UI1HKK", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color: #202020;
    text-align: left;
}








.hr {
    width: 95%;
    height: 1px;
    margin-left:20px;
    /*color: #607d8b;*/
    background: #607d8b;
    margin-top:20px;
}

.einspaltiger-Text{
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 17px;
	line-height: 1.444;
    font-style: normal;
    font-weight: 400;
    color: #5d5d5d;
    }


  .bild-voll {
      width:100%;	  
      height: auto;
      margin-top:0;
      margin-bottom: 0;
      display: block;
      text-align: center;	
      border-radius: 0;
      border:hidden;
}

.bild-1 {
      width:99%;
	  max-width: 2100px;
      height: auto;
      margin-top:40px;
      margin-left:10px;
      margin-bottom: 40px;
      display: block;
      border-radius: 10px;
      border-style: solid;
      border-width: 2px;
	  border-color: #fff;
}


.bild-2 {
      max-width: 1280px;
      width: 100%;
      height: auto;
      margin-top:20px;
      margin-bottom: 20px;     
      display: block;
      left: -9999px;
      right: -9999px;
      text-align: center;
      border-radius: 5px;
      border:hidden;
}

.bild-400-center {
      max-width: 400px;
      width: 95%;
      height: auto;
    margin: 20px auto 40px;
    border-radius: 5px;
      border:hidden;
	  display: flex;
      align-items: center;
      justify-content: center;
}

.bild-600-center {
      max-width: 600px;
      width: 95%;
      height: auto;
      margin: 20px auto 40px;
      border-radius: 5px;
      border:hidden;
	  display: flex;
      align-items: center;
      justify-content: center;
}

.bild-800-center {
      max-width: 800px;
      width: 95%;
      height: auto;
      margin: 20px auto 40px auto;
      border-radius: 5px;
      border:hidden;
	  display: flex;
      align-items: center;
      justify-content: center;
}

.bild-1024-center {
      max-width: 1024px;
      width: 95%;
      height: auto;
      margin: 20px auto 40px;
      border-radius: 5px;
      border:hidden;
	  display: flex;
      align-items: center;
      justify-content: center;
}

.bild-1140-center {
      max-width: 1140px;
      width: 95%;
      height: auto;
      margin-top:20px;
      margin-bottom: 40px;   
      border-radius: 8px;
      border:hidden;
	  display: flex;
      align-items: center;
      justify-content: center;
}

.bild-caption {
    margin-bottom:25px; 
	margin-top:-40px;
    margin-left:20px;
	text-align:center;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-weight: normal;
    font-size:16px;
    color: #062c33;
}

.h1{
	 font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
     /*font-size:24px;*/
     font-size:1.8em;
     font-weight: 900;
     color: rgba(43, 62, 110, 1);
     text-shadow: 1px 1px 2px #aaa;
     margin-top:20px;
}

 .h2{
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
     font-size:1.3em;
     font-weight: 600;
    color: rgba(43, 62, 110, 1);
    text-shadow: 1px 1px 2px #aaa;
    padding-top:0;
}


 .h3{
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:1.2em;
	font-weight: 600;
    color: rgba(43, 62, 110, 1);
    text-shadow: 1px 1px 1px #fff;
    padding-top:0;
}
.head-1{
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-style: normal;
    font-weight: 900;
    font-size:2.0em;
    color: rgba(43, 62, 110, 1);
    text-shadow: 2px 2px 4px #aaa;
    margin-left:140px;
    margin-top:30px;
}


.head-2{
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-style: normal;
    font-weight: 600;
    font-size:1.2em;
    color: rgba(43, 62, 110, 1);
    text-shadow: 2px 2px 4px #aaa;
    margin-left:140px;
    margin-top: -10px;
    margin-bottom: 48px;
}

.head-3{
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-style: normal;
    font-weight: 400;
    font-size:1.0em;
    color: rgba(43, 62, 110, 1);
    text-shadow: 2px 2px 4px #aaa;
    margin-left:140px;
    margin-top: -50px;
    margin-bottom: 56px;
}

.head-4{
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-style: normal;
    font-weight: 600;
    font-size:1.0em;
    color: rgba(43, 62, 110, 1);
    text-shadow: 1px 1px 2px #aaa;
    margin-left:140px;
    margin-top: -48px;
    margin-bottom: 56px;
}


/************** h1 **************/

body {font-size: 100%}

h1 {font-size: 1.7em;}

@media screen and (max-width: 64em) {
h1 {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 50em) {
h1 {
    font-size: 1.3em;
  }
}

@media screen and (max-width: 30em){
h1 {
    font-size: 1.1em;
  }
}


/************** h2 **************/
h2 {font-size: 1.4em;}

@media screen and (max-width: 64em) {
h2 {
    font-size: 1.2em;
  }
}

@media screen and (max-width: 50em) {
h2 {
    font-size: 1.0em;
  }
}

@media screen and (max-width: 30em){
h2 {
    font-size: 1.1em;
  }
}
/************** h3 **************/
h3 {font-size: 1.2em;}

@media screen and (max-width: 64em) {
h3 {
    font-size: 1.1em;
  }
}

@media screen and (max-width: 50em) {
h3 {
    font-size: 1.0em;
  }
}

@media screen and (max-width: 30em){
h3 {
    font-size: 0.9em;
  }
}



/* **************************************
*       64 ist 1024px                   *
*************************************** */
@media screen and (max-width: 64em) {
.head-1{
    font-size: 1.4em;
  }
}

@media screen and (max-width: 64em) {
.head-2{
    font-size: 1.0em;
  }
}

@media screen and (max-width: 64em) {
.head-3{
    font-size: 0.9em;
  }
}

@media screen and (max-width: 64em) {
.head-4{
    font-size: 0.8em;
  }
}

/* **************************************
*       50 ist 800px                    *
*************************************** */

@media screen and (max-width: 50em) {
.head-1{
    font-size: 1.3em;
  }
}

@media screen and (max-width: 50em) {
.head-2{
    font-size: 0.9em;
  }
}

@media screen and (max-width: 50em) {
.head-3{
    font-size: 0.0em;
  }
}

@media screen and (max-width: 50em) {
.head-4{
    font-size: 0.8em;
  }
}




/* **************************************
*       30 ist 480px                    *
*************************************** */

/*       30 ist 480               */
@media screen and (max-width: 30em){
.head-1 {
    font-size: 1.1em;
  }
}


@media screen and (max-width: 30em){
.head-2 {
    font-size: 0.8em;
  }
}


@media screen and (max-width: 30em){
.head-3 {
    font-size: 0.7em;
  }
}


@media screen and (max-width: 30em){
.head-4 {
    font-size: 0.6em;
  }
}


/* **************************************
*       20 ist 320px                    *
*************************************** */

/*       30 ist 480               */
@media screen and (max-width: 20em){
.head-1 {
    font-size: 1.0em;
  }
}


@media screen and (max-width: 20em){
.head-2 {
    font-size: 0.7em;
  }
}


@media screen and (max-width: 20em){
.head-3 {
    font-size: 0.6em;
  }
}


@media screen and (max-width: 20em){
.head-4 {
    font-size: 0.5em;
  }
}