/* 12.01.2021 */
body {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";   
    background: #2b2b2b;
}

@font-face { font-family: 'orbitron';      src: url('orbitron-medium.otf') format('truetype'); }
@font-face { font-family: 'orbitron-bold'; src: url('orbitron-bold.otf') format('truetype'); }

@font-face { font-family: "Segoe UI"; "Segoe WP", Arial,Sans-Serif; src: url('segoeui.ttf') format('truetype'); }
@font-face { font-family: "Segoe UIKB"; src: url('seguisbi.ttf') format('truetype'); }
@font-face { font-family: "Segoe UIK"; src: url('seguili.ttf') format('truetype'); }
@font-face { font-family: "Segoe UIB"; src: url('seguisb.ttf') format('truetype'); }
@font-face { font-family: "Segoe UIBB"; src: url('segoeuib.ttf') format('truetype'); }
@font-face { font-family: "Segoe UI1K"; src: url('segoeuiz.ttf') format('truetype'); }




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

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

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

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

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

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

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


	
.hr {
    width: 95%;
    height: 1px;
    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: #f1f1f1;
}


.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:30px;
    margin-top:-20px;
    text-align:center;
    font-family: Segoe, "Segoe UIK", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-weight: normal;
    font-size:18px;
    color: darkorange;
}


.h1b{
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:36px;
    color: #f1f1f1;
    margin-top:20px;
}

.h1{
    font-family: "Segoe UIBB", "DejaVu Sans", "Trebuchet MS", "sans-serif";
    font-size:28px;
    color: #f1f1f1;
    margin-top:20px;
}

.h1k{
    font-family: "Segoe UI1K", "DejaVu Sans", "Trebuchet MS", "sans-serif";
    font-size:24px;
    font-weight: 400;
    color: #f1f1f1;
    margin-top:20px;
}

.h2{
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:24px;
    font-style: normal;
    font-weight: 400;
    color: #cdbfbf;
}

.h2k{
    font-family: Segoe, "Segoe UIKB", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:24px;
    font-style: normal;
    font-weight: 400;
    color: #cdbfbf;
}

.h1r{
    font-family: 'Raleway', sans-serif;
    font-size:36px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    color: goldenrod;
    margin-top:20px;
}

.h2r{
    font-family: 'Raleway', sans-serif;
    font-size:24px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    color: darkgoldenrod;
    margin-top:20px;
}


 .h3{
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:18px;   
	font-weight: normal;
    color: goldenrod;
    padding-top:0;
}

.h3r{
    font-family: 'Raleway', sans-serif;
    font-size:18px;
    font-style: normal;
    font-weight: 400;    
    line-height: 1.5;
    color: rgba(43, 62, 110, 1);
    text-shadow: 1px 1px 2px #aaa;
    margin-top:20px;    
    }



/************** 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;
  }
}





.head-1{	
	font-family: 'orbitron-bold', sans-serif; 
    font-style: normal;
    font-weight: 900;  	
	font-size:1.8em; 
	color: rgba(43, 62, 110, 1); 
	text-shadow: 2px 2px 4px #aaa;
	margin-left:140px; 
	margin-top:30px;	
}


.head-2{
	font-family: orbitron, sans-serif;
    font-style: normal;
    font-weight: 400;
	font-size:1.2em; 
	color: rgba(43, 62, 110, 1); 
	text-shadow: 2px 2px 4px #aaa; 
	margin-left:140px; 
	margin-top: -10px;
	margin-bottom: 56px;	
}

.head-3{
	font-family: orbitron, sans-serif;
    font-style: normal;
    font-weight: 300;
	font-size:0.8em; 
	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: orbitron, sans-serif;
    font-style: normal;
    font-weight: 400;
	font-size:0.9em; 	 
	color: rgba(43, 62, 110, 1); 
	text-shadow: 1px 1px 2px #aaa; 
	margin-left:140px;
    margin-top: -50px;
	margin-bottom: 56px;
}





/* **************************************
*       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;
  }
}

/* gilb ist in bootstrap.css aktuelle */
.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.0rem 2rem;
}