*, *:before, *:after, input, table{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


#Ausgabe {
   position:fixed;
   top: 0px;  left: 0px;
   width:100%;
   height:100%;
   //background-color: #000;
   //background-image:url('../img/Header.png');
   //background-size: cover;
   //background-attachment: fixed;
   z-index:100;
   //filter: blur(8px);
   opacity: .9;
   //overflow:hidden;
   display:none;
}

.blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

html {
   font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
}
body {
  font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
  font-family:Noto;
  margin:0;
  padding:0;
}
.fa-spin{
   -webkit-animation:fa-spin 2s infinite linear;
   animation:fa-spin 2s infinite linear
 }
 .fa-pulse{
 -webkit-animation:fa-spin 1s infinite steps(8);
 animation:fa-spin 1s infinite steps(8)}

 @-webkit-keyframes fa-spin{
   0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
   100%{
     -webkit-transform:rotate(359deg);
     transform:rotate(359deg)
   }
 }
 @keyframes fa-spin{
   0%{ -webkit-transform:rotate(0deg);transform:rotate(0deg)}
   100%{ -webkit-transform:rotate(359deg);transform:rotate(359deg)}
 }
.fas:hover, .fab:hover, .far:hover {
    //color: #009F00; //#ff9400;
}
.fas, .fab, .far {
    display: inline-block;
    font-size: 10px;
    line-height: 10px;
    color: #000;
    text-align: center;
    margin: 0px;
    padding:0px;
    cursor:hand;
}
.Fas_b {
    position:relative;
    top:0.1em;
    padding-right:0.3em ;
    font-size: 1.5em;
    color:#f90;
}
.Fab_b {
    font-size: 1em;
    padding-right:0.8em ;
}

.Fas_small {
    position:relative; top:-0.4em;
    font-size: 0.5em;
    padding-right:0.8em;
    margin-top:0em;
}
.Fas_Top {
    font-size: .9em;
    //width:80px;
    cursor: pointer;
    margin:5px;
    margin-right:0;
    padding:15px;
    padding-right:5px;
    background:#f90;
    border: 2px solid #fff;
    border-radius: 30px 0px 0px 30px;
    opacity:.4;
    transition-property: padding-right, opacity;
    transition-duration: .3s;
    transition-timing-function: linear
}
.Fas_Top:hover {
    padding-right:45px;
    opacity:1;
}
@media screen and (max-width: 770px) { .Fas_Top:hover { padding-right:10px; } }
div {
   font-size: 1em
   border:5px solid #000  !important;
}

table {
  width: 90%;
  border-collapse: collapse;
  box-shadow: 0 0 8px #000000;
}

td, th {
  border: 1px solid black;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

p, table{
  background:initial;
  font-size: 0.7em;
  font-family:Rajdhani_R; //Assistant; //Advent;
  text-align: justify;
}
p.Robo {
  font-size: 0.5em;
  font-family:Robot;
  line-height: 1.6em;
}
p.Robo a{
  color:initial;
  display:block;
}
p.Robo a:hover, p.Robo a:hover i{
  color:#f90;
  font-weight:bold;
}

a {
  text-decoration:none;
  color: inherit;
}

ul {}
li{}

hr {
  border:none;
  border-top:2px solid #DDD;
}

hr.black{
  padding:0px;
  margin:0px;
  border:none;
  border-top:1px solid #000;
}

i.blacki{
  color: #000;
}


h1{
  font-size: 2.75em;
  margin:0;
  padding:10px;
  font-family:Orbitron;
  letter-spacing: 2px;
  font-weight:bold;
  //text-shadow: 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
  text-shadow: 4px 4px 8px #ff9400;
}
h2 {
  font-family:Merriweather;
  font-size: 1.2em;
}
h3 {
  font-size: 1.4em;
  font-weight:bold;
  //text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff;
}

h4{
  font-size: 1em;
  font-family:Robot;
  line-height: 1.2em;
  letter-spacing: 0;
}
h5 {
  font-size: 0.83em;
  font-weight:normal;
}
h6 {
  font-family:Quicksand;
  font-size: 0.7em;
  font-weight:normal;
}
h6.Line {
  font-family:Quicksand;
  font-size: 0.9em;
  font-weight:light;
  margin:.4em;
  text-decoration:underline overline;
}

fieldset {
  text-align: center;
  width:80%;
  align-items: center;
  background-image:url('../img/Fieldset.jpg');
  background-size: cover;
  //border-radius:10px;
  border:none;
  //border-style: solid;
  //border-width: 5px;
  //border-color: #eee;
  //box-shadow: 1px 1px 15px #000 inset, -1px -1px 15px #000 inset;
}

legend {
   //background-color:#fff;
}

.SmallH1{
  width:100%;
  padding:1.5em;
  background:initial;
  font-size: 0.6em;
  font-family:Noto; //Robot;
  font-weight:900;
  border-bottom:1px solid #000;
}


/* Header/logo Title */
.header {
  width: 100%;
  min-height:100vh;
  padding: 80px 0 0 0;
  text-align: center;
  display:flex;
  align-items: center;
  background-image:url('../img/Header.png');
  background-size: cover;
  //background-attachment: fixed;
}

.header-X {
  width: 100%;
  min-height:50vh;
  padding: 80px 0 0 0;
  text-align: center;
  display:flex;
  align-items: center;
  background-image:url('../img/Header-X.png');
  background-size: cover;
  //background-attachment: fixed;
}

.headerUP {
  width: 100%;
  min-height:40vh;
  padding: 80px 0 0 0;
  text-align: center;
  display:flex;
  align-items: center;
  //background-image:url('../img/Header.png');
  //background-size: cover;
  //background-attachment: fixed;
}

.Image {
  width:100%;
  height:auto;
}

.Inset {
  box-shadow: 1px 1px 15px red inset, -1px -1px 15px #fff inset;
}
.CopyPrintR, .CopyPrintL, .CopyPrintC, .CopyPrintM {
  position:absolute;
  bottom:0.9em;
  font-family:Wellfleet;
  font-size: 0.25em;
}
.CopyPrintR {right:0.2em;}
.CopyPrintL {left:0.2em;}
.CopyPrintC {left:50%;}
.CopyPrintM {
  left:50%;
  color:#fff;
  //border:1px solid red;
}


.Spacer {
  width:100%;
  height:200px;
}
.HalfSpacer {
  width:100%;
  height:100px;
}

.Padd_20 {
  width:100%;
  padding: 20px;
}

.TextSetLeft {
  width:100%;
  text-align:center;
}

.TextBoxLeft {
  display:inline-block;
  width:66%;
  text-align:left;
}

.Text {
   display:block;
   width:100%;
   padding:20px 30px;
   line-height:1.1em;
   //background-color: #eee;
   //border-style: solid;
   //border-width: 0 3px;
   //border-color: #000;
}

.btn {
    display: inline-block;
    margin-top: 32px;
    vertical-align: middle;
  font-family:Quicksand;
  font-weight:950;
    font-size: 18px;
    line-height: 24px;
    height: 48px;
    background-color: transparent;
    padding: 11px 40px 13px;
    color:#000;
    border: solid 2px #ff9400;
    border-radius: 0px 8px 0 8px;
    -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.btn:hover{
    font-weight:bold;
    color: #fff;
    background-color: #ff9400;
}
.center {
  width:100%;
  text-align:center;
}
.left {
  width:100%;
  text-align:left;
}
.right {
  width:100%;
  text-align:right;
}

.margin_0 {
   margin:0px;
}

.B-Top { border-top: 1px solid #000; }
.B-Bottom { border-bottom: 1px solid #000; }
.B-Right { border-right: 1px solid #000; }
.B-Left { border-lrft: 1px solid #000; }




/* Column container */
.row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.rowTop {
  display: flex;
  flex-wrap: wrap;
  align-items: top;
}
.row_Top {
  display: flex;
  flex-wrap: wrap;
  align-items: top;
}
.row_Top_SE {
  display: flex;
  flex-wrap: wrap;
  align-items: top;
}

.white {
  background-color: #fff;
}

.black{
  background-color: #000;
}

.silver {
  background-color: #eee;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.TwentyFive {
  flex: 25%;
}
.Twenty {
  flex: 20%;
}
.Ten {
  flex: 10%;
}
.L-Box, .R-Box{
  flex: 20%;
}
.C-Box{
  flex: 60%;
}

.LeftBox {
  flex: 50%;
}

/* Main column */
.RightBox {
  flex: 50%;
  position:relative
}


.Frame {
 // position:relative;
 // width:100%;
 // height:100vh;
  align-items: center;
  overflow:auto;
   //border:1px solid red;
   //background-image:url('../img/Header-X.png');
   //background-size: cover;
   //background-attachment: fixed;
}

/* Fake image, just for this example */
.fakeimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}

.Banderole{
  position:relative;
  width: 100%;
  height:auto;
}
.Laufband {
  width: 100%;
  position:relative;
  padding:0;
  margin:0;
  text-align: left;
  background: #EEE;
}
/* Footer */
.footer {
  width: 100%;
  position:relative;
  padding:10%;
  text-align: left;
  background: #EEE;
}
.PageImpress{
  font-size: 0.5em;
}
.PageImpress i{
  color:#999;
  padding:0;
  padding-left:20px;
  cursor:pointer;
}
.PageImpress, .PageImpress a:link {
  font-family:Quicksand;
  font-weight:normal;
  font-style: italic;
  line-height:0.5em;
  color:#000;
}

.PageImpress a:visited {
  color:#000;
}

.PageImpress a:hover {
  font-weight:bold;
}

.Quellverweis {
  position:fixed;
  left:0px;
  top:110px;
  //bottom:0px;
  right:0px;
  width:100%;
  //border:1px solid red;
}

.Quellverweis a{
  font-size: 0.8em;
  font-family:Robot;
  line-height: 1.6em;
  background-color:#eee;
  //border:1px solid red;
}

.Quellverweis a:hover{
  color:#f90;
  font-weight:bold;
}
/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 1400px) {
   .row_Top_SE {
    flex-direction: column;
  }
}

@media screen and (max-width: 650px) {
   .row_Top
 {
    flex-direction: column;
  }
}

@media screen and (max-width: 770px) {
  .row {
    flex-direction: column;
  }
  .L-Box, .R-Box, .Ten  {
     display:none;
  }
  .Spacer {
     height:50px;
  }
  .Text, .TextBoxLeft   {
     width:100%;
     padding: 0px;
     border: none;
     background:none;
   }
   p {
     font-weight:900;
   }
}