/* @charset 'UTF-8'; */
html {
    scroll-behavior: smooth;
}
/* ----- UEBERSCHRIFTEN */
@font-face {
   font-family: 'fontnr001'; src: url('font/Quicksand-Regular.otf') format('opentype');
}
/* ----- REGULAERER TEXT */
@font-face {
   font-family: 'fontnr002'; src: url('font/Amble-Regular.ttf') format('truetype');
}
/* ----- TEXT IN <P> */
@font-face {
   font-family: 'fontnr003'; src: url('font/Amble-Light.ttf') format('truetype');
}

/* ----- GLOBALE SEITE  */
body {
   height:                   100%;
   margin:                   0px;
   padding:                  0;
   font-family:              fontnr002, arial;
   color:                    black;
   font-size:                0.965em;
   background:               white;
    scroll-behavior: smooth;
}
/* ----- TEXT INHALT AUSRICHTEN */
#inhalt {
   padding:                  80px 130px 20px 130px;   /*  OB-RE-UN-LI  gesamter Abstand von LINKS */
}
body>#inhalt {
   position:                 static;
}
/* ########## FIX-LEISTE OBEN --- */
#fixtop { 
   left:                     0;
   top:                      0;
   width:                    100%;
   height:                   60px;          /* HOEHE DER LEISTE (1) */
   background:               maroon;
   z-index:                  4;
   font-family:              verdana, arial;
   color:                    white;
   font-size:                1.4em;
   text-align:               left;          /* center; */
   border-bottom:            double 3px white;
}
body>#fixtop {
   position:                 fixed;
}
/* ---------- LINKS IN FIX-LEISTE OBEN --- */
.fixtoplink {
   color:                    white;
   font-size:                0.75em;
   letter-spacing:           0.07em;
   background:               transparent;
   padding:                  1px 1px 1px 1px;   /*  o-r-u-l  */
   text-decoration:          none;
}
.fixtoplink:hover {
   background:               transparent;
   color:                    red;
   text-decoration:          none;              /* underline overline;  bold; */
}
#fixtoplinkaktiv {
   color:                    indianred;
   text-decoration:          underline;            /* none; underline overline;  bold; */
}
/* ---------- LINK IN FIXLEISTE WORTLOGIK --- */
.fixtopindexlink {
   height:                   27px;      /* HOEHE DER LEISTE (1) */
   font-size:                1.2em;
   font-weight:              none;  /* bold; */
   letter-spacing:           0.07em;
   color:                    white;
   float:                    right;
   text-decoration:          none;
   text-transform:           uppercase;
}
.fixtopindexlink:hover {
   color:                    red;
   text-decoration:          none;              /* underline overline;  bold; */
}

/* ########## TEXT-TEIL IN DER MITTE --- */  
div.mittetxt {
   display:                  table;
   height:                   300px;
   width:                    calc(100%);
   border:                   0px solid maroon;
   padding:                  0px 0px 0px 0px;  /*  o-r-u-l  gesamter Abstand von LINKS */
   opacity:                  0.99;  /* durchsichtigkeit der farbe (0=ganzdurchsichtig 1=undurchsichtig) */
}
div.mittetxtli {
   display:                  table-cell;
   width:                    70em;        /* breite textblock linke seite (mit bild 360px ausrichten) */
   padding:                  0px 40px 0px 0px;   /*  o-r-u-l  */
   background:               white;
   color:                    black;
   font-size:                1.00em;
   line-height:              1.7em;
   letter-spacing:           0.03em;
   border:                   0px solid black;
}
div.mittetxtre {
   display:                  table-cell;
   width:                    1em;
   padding:                  0px 0px 0px 0px;   /*  O-R-U-L  */
   background:               white;
   color:                    black;
   font-size:                1.00em;
   line-height:              1.5em;
   letter-spacing:           0.03em;
   border:                   0px solid black;
}
/* ---------- LINKS IN TEXT-TEIL IN DER MITTE --- */
.mittetxtlink {
   color:                    maroon;
   font-size:                1.0em;
   background:               transparent;
   padding:                  1px 1px 1px 1px;   /*  o-r-u-l  */
   letter-spacing:           0.2em;
   text-decoration:          none;
}
.mittetxtlink:hover {
   background:               transparent;
   color:                    red;
   text-decoration:          none;              /* underline overline;  bold; */
}
/* ---------- LINKS IN TEXT-TEIL  R E C H T E  SEITE --- */
.rechtstxtlink {
   color:                    maroon;
   font-size:                1.0em;
   background:               transparent;
   letter-spacing:           0em;
   text-decoration:          none;
}
.rechtstxtlink:hover {
   background:               transparent;
   color:                    red;
   text-decoration:          none;              /* underline overline;  bold; */
}
.rechtsbildlinks {
   margin-top:         8px;      /* abstand vom text oben */
   margin-right:       20px;     /* abstand vom text rechts */
   margin-left:        0px;      /* abstand vom text links */
   margin-bottom:      3px;      /* abstand vom text unten */
   float:              left;
}

/* ########## BLOCK AM ENDE DER SEITEN (MIT 3/4 SPALTEN) --- */
div.endeblock {
   display:                  table;
   font-family:              fontnr002, arial;
   height:                   350px;
   width:                    calc(100%);
   padding:                  40px 0px 0px 0px;  /*  OB-RE-UN-LI  gesamter Abstand von LINKS */
   background-color:         #262626;  /* #2E2E2E;    dimgray; */
   opacity:                  1.0;  /* 0.85 durchsichtigkeit der farbe (0=ganzdurchs 1=undurchsichtig) */
}
div.endeblock15 {
   display:                  table-cell;
   width:                    18em;    /* ?? */
   padding:                  0px 15px 0px 0px;   /*  o-r-u-l  */
   background:               #262626;  /* #2E2E2E; dimgray url(pics90/hg3.jpg) repeat fixed left top; */
   color:                    white;
   font-size:                1.em;
   line-height:              2.0em;
   border-top:               0px solid black;
   border-bottom:            1px solid white;
   border-left:              0px solid black;
   border-right:             0px solid black;
}
div.endeblock0 {
   display:                  table-cell;
   width:                    8em;    /* ?? */
   padding:                  0px 15px 0px 0px;   /*  o-r-u-l  */
   background:               #262626;  /* #2E2E2E; dimgray url(pics90/hg3.jpg) repeat fixed left top; */
}
/* ---------- LINKS IN BLOCK AM ENDE UNTEN --- */
.endeblocklink {
   color:                    white;             /* #EA9531; dimgray; */
   font-size:                1em;
   background:               transparent;       /* #EA9531;  #FFFFFF; */
   text-decoration:          none;
}
.endeblocklink:hover {
   background:               transparent;
   color:                    slategray;
   text-decoration:          none;              /* underline overline;  bold; */
}

/* ########## SCHLUSSZEILE GANZ-UNTEN --- */ 
#lastline {
   font-family:              fontnr001, arial;
   padding:                  1em 0em;
   font-size:                0.85em;
   letter-spacing:           0.9em;
   text-align:               center;
   color:                    silver;
   background:               #262626;  /* #2E2E2E;  dimgray; */
}
.lastlinelink {
   color:                    white;             /* #EA9531; dimgray; */
   background:               transparent;       /* #EA9531;  #FFFFFF; */
   text-decoration:          none;
}
.lastlinelink:hover {
   background:               transparent;
   color:                    red;
   text-decoration:          none;              /* underline overline;  bold; */
}

/* ########## UEBERSCHRIFTEN ETC hr-h1-h2-h3 --- */
.ptext1 {
   font-family:              fontnr002, arial;
   font-size:                1.12em;
   font-weight:              none;
   letter-spacing:           0.0em;
   opacity:                  0.9;
   line-height:              1.4em;
}
.logotext1 {
   font-family:              fontnr001, arial;
   font-size:                1em;
   font-weight:              bold;
   letter-spacing:           0.15em;
   opacity:                  0.8;
   line-height:              2.2em;
}
.logotext2 {
   font-family:              fontnr001, arial;
   font-size:                1.7em;
   font-weight:              bold;
   letter-spacing:           0.40em;
   opacity:                  0.7;
   line-height:              1.0em;
}
.logotext3 {
   font-family:              fontnr001, arial;
   font-size:                1.8em;
   font-weight:              bold;
   letter-spacing:           0.002em;
   opacity:                  0.9;
   line-height:              1.0em;
}
.obenrechts {
   font-size:                1.05em;
   text-decoration:          bold;
   letter-spacing:           0em;  /* 0.5em; */
   text-align:               right;          /* center; */
}
hr {
   border-top:                1px solid maroon;   /* #B20A0A; */
   border-bottom:             1px solid maroon;
   border-left:               0px solid maroon;
   border-right:              0px solid maroon;
   height:                    1px;
}
/* <hr style="border:solid #ff0000 1px;height:1px;">  */
h1 {
   font-family:              fontnr001, verdana, arial;
   font-size:                1.8em;
   line-height:              1.2em;
   font-weight:              none;  /* bold; */
   letter-spacing:           0.00em;
   opacity:                  0.95;
}
h2 {
   font-family:              fontnr001, verdana, arial;
   font-size:                1.55em;
   line-height:              1.2em;
   font-weight:              none;  /* bold; */
   letter-spacing:           0.02em;
   opacity:                  1.0;
}
h3 {
   font-family:              fontnr001, verdana, arial;
   font-size:                1.4em;
   line-height:              1em;
   font-weight:              none;  /* bold; */
   letter-spacing:           0.02em;
}
li {
   list-style-type:          square;
}
p.center {
	text-align:		center;
}
.posting {
   font-size:                0.85em;
   text-decoration:          bold;
   letter-spacing:           0em;  /* 0.5em; */
   text-align:               right;          /* center; */
}

/* ########## AUSRICHTUNG BILDER --- */
.bildlinksor {
   margin:             1px 5px 0px 0px; /*  o-r-u-l  */
   float:              left;
}
.bildlinks {
   margin-top:         0px;      /* abstand vom text oben */
   margin-right:       50px;     /* abstand vom text rechts */
   margin-left:        0px;      /* abstand vom text links */
   margin-bottom:      10px;     /* abstand vom text unten */
   float:              left;
}
.bildmitte {
   margin-top:         10px;     /* abstand vom text oben */
   margin-right:       10px;     /* abstand vom text rechts */
   margin-left:        250px;    /* abstand vom text links */
   margin-bottom:      10px;     /* abstand vom text unten */
   float:              center;   /* geht nicht middle;  center; */
}
.bildrechts {
   margin-top:         20px;     /* abstand vom text oben */
   margin-right:       0px;     /* abstand vom text rechts */
   margin-left:        20px;     /* abstand vom text links */
   margin-bottom:      10px;     /* abstand vom text unten */
   float:              right;
}
/* ########## BUTTONS BLOG 1-9 --- */
.button {
   display:             inline-block;
   background:          maroon;           /* #BC1414; */
   border-radius:       0px;
   border:              0px solid red;
   line-height:         1.4em;
   padding:             0.5em 0.8em 0.5em 0.8em;     /* OB-RE-UN-LI  */
   -webkit-transition:  all .25s ease-in-out;
   -moz-transition:     all .25s ease-in-out;
   -ms-transition:      all .25s ease-in-out;
   -o-transition:       all .25s ease-in-out;
   transition:          all .25s ease-in-out;
/* letter-spacing:      0.15em; */
   text-decoration:     none;
   outline:             0;
   white-space:         nowrap;
/* font-family:         fontnr001;  'Open Sans Condensed', sans-serif; */
   font-size:           0.9em !important;
   color:               white;   /* #fff !important; */
}
.button:hover {
   color:                    white !important;
   background:               red;
   border:                   0px solid red;
   -webkit-transition:       all .25s ease-in-out;
   -moz-transition:          all .25s ease-in-out;
   -ms-transition:           all .25s ease-in-out;
   -o-transition:            all .25s ease-in-out;
   transition:               all .25s ease-in-out;
}
#buttonaktiv {
   background:               red;
   color:                    maroon;
   border:                   0px solid red;
   text-decoration:          underline, overline, bold;            /* none; underline overline;  bold; */
}
/* ########## TEXTZEILE MIT HINTERGRUNDFARBE --- */
#farbtextzeile {
   padding:                  0.4em 0.0em 0.2em 0.0em;   /* OB-RE-UN-LI */
   height:                   25px;      /* HOEHE DER LEISTE (1) */
   width:                    100%;
   background:               maroon;
   font-family:              fontnr001, arial;
   color:                    white;
   font-size:                1.25em;
   text-align:               center;  /* left;  center; */
}
/* ########## BLOG-KOMMENTAR UND ANTWORT --- */
#blogcommentk {
   font-family:              fontnr001, arial;
   color:                    black;  /* dimgray; */
   font-size:                0.99em;
   margin-left:              0px;     /* abstand vom text links */
   margin-bottom:            50px;     /* abstand vom text links */
}
#blogcommenta {
   font-family:              fontnr001, arial;
   color:                    black;  /* dimgray; */
   font-size:                0.99em;
   margin-left:              100px;     /* abstand vom text links */
   margin-bottom:            50px;     /* abstand vom text links */
}
/* ----------------------------------------------------------- */
@media only screen and (max-width:990px) {
  body {
	font-size:		0.7em;  /* schrift gesamt */
	}
  .fixtopindexlink {
    font-size:                0.9em;
	}
}