@charset "UTF-8";
@import url("../stylesheets/ttext-mobile.css") only screen and (max-width: 1024px), only screen and (max-height: 500px) ; 

@media only screen and (min-width: 1025px) and (min-height: 501px)  {
/* ------------------------------------------------------- */
/* ----------- navigation              -------------------- */
/* ------------------------------------------------------- */

/* wir arbeiten mit der klassischen textzentrierung im blook bei nav ul  */
/* fixed - left wird ueber jquery gesetzt */
/* wenn wir im fixed znetrierten container sind muessen wir text-aling setzen  */

/* left wird per jquery gesetzt  */
/*.ttabsnav {
   position:fixed;
   z-index:50;
   padding: 0 0 0 0;
   text-align:left;
   background-color:transparent;
   top: 66%; /*  bei absolute59%;  */ 
   /*left: 0;
   width: 15%;
}*/
.ptabsnav {
   position:fixed;
   z-index:50;
   padding: 0 0 0 0;
   text-align:left;
   background-color:transparent;
   /*top: 1%;*//* 160219 59%; *//*  bei absolute59%;  */ 
   bottom:0%;
   left: 0;
   width: 30%; /* 15% */
}
/* ------------------------------------------------------- */
/* ----------- layout                 -------------------- */
/* ------------------------------------------------------- */
#pborder {
  position:absolute;
  top:5%;
  left:30%;
  width:0.5%;
  height:90%;
  margin:0 0 2% 0;
  /*border-right:3pt solid red;*/
  /* Die alte Syntax, veraltet und mit Praefix versehen, fuer alte Browser */
  background: -webkit-linear-gradient(top, red, blue);
  background: -moz-linear-gradient(top, red, blue);
  background: -o-linear-gradient(top, red, blue);

  /* Die neue Syntax, die von Browsern benötigt wird, die dem Standard folgen (Opera 12.1,
   IE 10, Firefox 16, Chrome 26, Safari 6.1), ohne Präfix */
  background: linear-gradient(to bottom, red, blue);
}
/* wir liegen in zseite und bekommen weiss als hintergrund  */
#tbox {
   position: relative;
   top:0;
   left:0;
   z-index:2;
   width:100%;
   height:auto;
   background-color:transparent;
   /*border:1px solid cyan;*/
  }
.zblock{
  margin: 0;/*70% 0 0 0;*/
  padding:0;
  background-color:transparent;
  position: relative;
  z-index:1;
  /*border:1px solid black; */
}
/* ------------------------------------------------------- */
/* -----------       styles etc.      -------------------- */
/* ------------------------------------------------------- */

/*  wir sitzen in der bildnav - desktop*/
.bildnavblock {
  float: left;
  position:relative;
  margin:20% 0 0 10%;
  z-index:2;
  width: 70%;
  background-color:transparent;
  /*border:1px solid red;*/
}
/*  wir sitzen unterhalb der bildnav - tablet und handy*/
.bildnavblockmobil {
  display:none;
}

/*  nur für handy - bildtext wird nach aller nav angezeigt  */
.textinbildnav {
  position: relative;
}
.textnachbildnav {
  display:none; 
}
/*  wir sitzen im Wrapper / Seite */
.alinks {
  /*float: left;
  position:relative;
  margin:5% 0 0 0;*/ /* wegen ftitel */
  position: absolute;
  left:0;
  top:70%;/*7.5%;*/
  z-index:2;
  width: 28%;
  background-color:transparent;
  /*border:1px solid red;*/
}
/*
.alinksz {
  margin:3% 0 0 4%;
  float: left;
  position:relative;
  z-index:2;
  width: 13%;
  background-color:transparent;
  text-align:left;
}
.alinkszm {
  margin:3% 0 0 32.5%; 
  float: left;
  position:relative;
  z-index:2;
  width: 12.5%;
  background-color:transparent;
  text-align:left;
}

.alinkst {
  margin:3% 0 0 0; 
  float: left;
  position:relative;
  z-index2;
  width: 54%;
  background-color:transparent;
  text-align:left;
}
*/
.alinksb {
  float: left;
  position: relative;
  z-index:2;
  margin:2.5% 0 2.5% 33%; /* left margin wegen alinks  2.5% 0 2.5% 4% */
  width: 66.5%;
  background-color:transparent;
  /*border:1px solid red;*/ 
}

.alinksbcompress {
  float: left;
  position: relative;
  z-index:2;
  margin:0 0 2.5% 33%; /* left margin wegen alinks  2.5% 0 2.5% 4% */
  width: 63.5%;
  background-color:transparent;
  /*border:1px solid red;*/ 
}
/*  links floatend schmal  */
.alinksbs {
  float: left;
  position: relative;
  z-index:2;
  margin:2.5% 0 2.5% 33%; /* left margin wegen alinks 2.5% 0 2.5% 4%; */
  width: 54%;
  background-color:transparent;
  /*border:1px solid red;*/ 
}
.alinksb h2,
.alinksbcompress h2 {
  margin: 1.5rem 0 1rem 0;
  font-style:italic;
  font-size:1.1rem;
}
.alinksb p,
.alinksbcompress p,
.alinksbs p {
  font:1rem;
  font-style:italic;
  margin:0.2rem 0;
  padding:0;
}
.alinksb p a,
.alinksbcompress p a {
  color:red;
  font-weight:inherit;
}
.alinksb p a:hover,
.alinksbcompress p a:hover {
  text-decoration:underline;
 }
.alinksb .textbild,
.alinksbcompress .textbild {
  width:50%;
  height:auto;
  margin:0 auto;
  padding: 1%;
}
.textbild img {
  width:100%;
  height:auto;
  display:block;
}
.zabs05 {
  line-height:120%;
}
.zabs1 {
  line-height:140%;
}
.ftitel {
  position: relative;
  clear:both;
  z-index:2;
  width: 64%;
  margin:5% 0 4% 33%; /* wegen der linie */
  background-color:transparent;
  /*order:1px solid black; */
  text-align:left;
}
.ftitelcompress {
  position: relative;
  clear:both;
  z-index:2;
  width: 64%;
  margin:5% 0 0 33%; /* wegen der linie */
  background-color:transparent;
  /*order:1px solid black; */
  text-align:left;
}
.ftitelf {
  /* V1 position: relative;
  clear:both;*/
  float:left;
  z-index:2;
  width: 100%; /* V1 65%;*/
  margin:4% 0 4% 0;/* v1 5% 0 0 0; */ 
  background-color:transparent;
  /*order:1px solid black; */
  text-align:left;
}
#hzeilen{
  position:absolute;
  text-transform:uppercase;
  z-index:1;
  width: 67%;
  margin-left:32%;
  top:11%;
  text-align:left;
  background-color:transparent;
  overflow:hidden;
  /*border:3px solid black; */
}
/* ------------------------------------------------------- */
/* ---  types etc. für die anderer text bestandteile  ---- */
/* ------------------------------------------------------- */
.tcopyright{
  font-size:0.75rem;
  font-weight:normal;
  font-style:italic;
  text-align:left;
  background-color:transparent;
}
/* ------------------------------------------------------- */
/* -----------       types etc. fuer die text seien ------ */
/* ------------------------------------------------------- */
#tbox ul {
  list-style-type:none;
}


#hzeilen p {
  position: relative;
  z-index:1;
  padding: 4rem 0 2rem .25rem;
  margin:0;
  font-size:12rem;
  font-weight:normal;
  font-style:italic;
  text-align:left;
  background-color:transparent;
}
#hzeilen p.hnth {
  position: relative;
  padding: 0rem 0;
  margin:0;
  font-size:12rem;
  text-align:left;
}

.ftitel h1,
.ftitelcompress h1,
.ftitelf h1 {
  font-size:2rem;
  font-weight:bold;
  font-style:italic;
  text-align:left;
}
.zftext {
  padding: 0 0 0.2rem 0;
  font-size:1rem;
  font-weight:normal;
  font-style:italic;
  letter-spacing:0.04rem;
  text-align:left;
  background-color:transparent;
}
.zftext h2 {
  line-height: 130%;
}
.zftexts {
  padding: 0 0 0.2rem 0;
  font-size:1rem/*0.825rem*/;
  letter-spacing:0.04rem;
  font-weight:normal;
  font-style:italic;
  text-align:left;
  background-color:transparent;
}
#pbildnav  p.ztext {
  padding: 0;
  margin:0 0 1.1rem 0;
  font-size:1.5rem; /*1.1rem;*/
  font-weight:bold;
  font-style:italic;
  text-align:left;
  background-color:transparent;
}
#pbildnav  p.zautor {
  padding: 0.5rem 0;
  font-size:1rem;/*0.75rem;*/
  font-weight:bold;
  font-style:italic;
  text-align:right;
  background-color:transparent;
}

/*.tab1 {
  width:75%;
  margin: 0 0 0 25%;
}*/
.tab100p {
  float:left;
  width:100%;
}

.tab2p {
  width:75%;
  float:left;
}

.tab12p {
  padding:0;
  margin-top:1rem;
  width:49%;
  float:left;
}
.tab34p {
  padding:0;
  margin-top:1rem;
  width:49%;
  float:left;
}
.tabo1p {
  width:50%;/*19%*/;
  float:left;
}
.tabo2p {
  width:50%;/*30%;*/
  float:left;
}
/*  tab14p umschliesst tab1 und tab24  */
.tab14p {
  padding-left:2%;
  margin:0;
  width:80%;
  float:left;
}
.tab1p {
  width:25%;/*19%*//*23%*/
  float:left;
}
.tab24p {
  padding-left:2%;
  margin:0;
  width:73%;/*58%*//*57%*/
  float:left;
}
.tabz {
  float:left;
  width:17%;
}
.tabz, .tab100p, .tab1p,   .tab12p, .tab34p, .tabo1p, .tabo2p {
   margin: 0;
   padding:0 0;
}
.tabz p, .tab100p p, .tab1p p, .tab14p p, .tab24p p, .tab12p p, .tab34p p, .tabo1p p, .tabo2p p  {
   margin: 0;
   padding:0;
   line-height:140%;  /* wie zabs1  */
   letter-spacing:0.04rem;  /* wie zftext  */
   /*border:1px solid black;*/
}

.tab14p p span.fbgdcol,
.tab24p p span.fbgdcol {  
   color:white;
}

.lspacem2ol {
   letter-spacing:-2rem;
}

.fett,
.fett p {
 font-weight:bold;
}
/* ------------------------------------------------------- */
/* ----------- Bildergalerie ----------------------------- */
/* ------------------------------------------------------- */

p.linkanchor {
  position:relative;	
  background-color:transparent;
}
p.linkanchor a {
  display:inline;
  padding:1% 1%;
  text-decoration:none;
  overflow:hidden;
  /*cursor:default;*/
  background-color:transparent;
  width:100%;
}
p.linkanchor a  em {
  display:none;
  background-color:transparent;
  text-align:center;
}

p.linkanchor a em img.gross {
  margin:0 auto;
  width:100%;
  height:auto;
  display:block;
  background-color:transparent;
}

p.linkanchor a:hover {
  white-space:normal;     
  text-decoration: underline;
}
p.linkanchor a:active {
  white-space:normal;     
  text-decoration: underline;
}
p.linkanchor a:focus {
  white-space:normal;     
  text-decoration: underline;
  font-weight: bold;
}


p.linkanchor a:active em ,
p.linkanchor a:focus em {
  display:block;
  position:absolute;
  left:-58%;
  top:-20%;
  width:180%;
  height:auto;
  padding:0;
  background-color:transparent;
}

/* ------------------------------------------------------- */
/* -------   spezielle bildanker für die bilderseiten ---- */
/* ------------------------------------------------------- */
/*  wenn wir in fixed rseite liegen  */
/*  wir sitzen rechts zentriert im Wrapper / Seite */

/*  wir sitzen rechts zentriert im Wrapper / Seite */
/* für utopie seite */
#mainbild {
  position: relative; /* wegen stapeln  */
  z-index:10;
  float: right;
  padding: 14% 0 0 0; /* 16% 0 0 0 */
  width: 70%; /* 160219 55%;   */
  height:auto;
  margin:0 auto;
  background-color:transparent;
}
/*  umschliessender anker fuer bilder im text */
/*  wir sitzen in #mainbild  klassisches Bilderformat Verhaeltnis    */
/*   71,348% * 100%                            */
.bildanker {
    padding: 4.5% 0; /*4.5% 4.5% */
    width: 100%; /* 75% von 55% */
    height: auto;
    display:block;
    margin:0 auto;
  overflow:hidden;
}

/* damit das hochkantbild in den 71% breite richtig sitzt */
 .bildankerhoch  {
    padding: 3% 0;/* 3% 3%  */
    width: 71%; /* 51%  */
    height: auto;
    display:block;
    margin:0 auto;/*0 0 0 33%;*/
    overflow:hidden;
    background-color:transparent;
}
 .bildanker img,
 .bildankerhoch img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    background-color:transparent;
    overflow:hidden;
    /*border: 2px solid red; */
  }
.bildanker p,
.bildankerhoch p,
.barom p,
.baromh p,
.bildanker ul p,
.bildankerhoch ul p {
   padding:3% 3% 0 0;
   font-style:italic;
   font-weight:normal;
   font-size:0.8rem;
   background-color:transparent;
   text-align:right;
}
/*   nordseeseite   */
#mbildnord {
  position: relative; /* wegen stapeln  */
  z-index:10;
  float: right;
  padding: 27% 0 0 0;
  width: 60%;
  height:auto;
  margin:0;/* 0 auto*/
  background-color:transparent;
  /*border:1px solid green;*/
}
.banordf {
    z-index:8;
    position: absolute;
    top:54%/*34%*/;
    left:2%;/*25%*/;
    padding:0;
    width:43% /*72%*/; /* von 100% */
    height: auto;
    display:block;
    margin:0 auto;
    overflow:hidden;
    background-color:transparent;
}
.banordfm {
   display: none;
}
.banord {
    padding: 5% 0%;
    width: 80%/*55%*/; /* von 60% */
    height: auto;
    display:block;
    margin-left:20%;/* 0 auto*/
   overflow:hidden;
}
/*    Wanderung durchs Fleisch    */
#mbildwand {
  position: relative; /* wegen stapeln  */
  z-index:10;
  float: right;
  padding: 22% 0 0 0;
  width: 75%;
  height:auto;
  margin:0 auto;
  background-color:transparent;
}
.bawand {
    padding: 0;
    width: 100%; /* von 55% */
    height: auto;
    display:block;
    margin:0 auto;
   overflow:hidden;
}
/*    Schatten    */
.baschattenf {
    position: absolute;
    z-index:8;
    top:28%;/*44%;*/
    left:3%/*15%*/;
    padding: 3% 3%;
    width: 80%; /* von 100% */
    height: auto;
    display:block;
    margin:0 auto;
  overflow:hidden;
    background-color:transparent;
}
.baschattenfm {
  display:none;
}
#mbildschatten {
  position: relative; /* wegen stapeln  */
  z-index:10;
  float: right;
  padding: 10% 0 0 0;/*20% 0 0 0;*/
  width: 40%;   
  height:auto;
  margin:0; /* 0 auto;*/
  background-color:transparent;
  /*border:1px solid green;*/
}
.baschatten {
   padding: 8% 0;
   width: 70%; /* von 40%  es sind hochkant bilder*/
   height: auto;
   display:block;
   margin-left:30%; /* 0 auto;*/
   overflow:hidden;
}
/*    Haltungen   */

#mbildhaltungen {     /* für haltungen, schatten, säulen */ 
  position: relative; /* wegen stapeln  */
  z-index:10;
  float: right;
  padding: 16% 0 0 0;
  width: 70%/*47%*/;
  height:auto;
  margin:0; /* 0 auto;*/
  background-color:transparent;
  /*border:1px solid green;*/
}
.bahaltungen {
    padding: 4% 0 10% 0;
    width: 100%; /* von 47% */
    height: auto;
    display:block;
    margin:0; /* 0 auto;*/
    overflow:hidden;
}
/*    Saeulen      */
.basaeulen {
    padding: 4% 0 9% 0;
    width: 100%; /* von 47% */
    height: auto;
    display:block;
    margin:0 auto;
    overflow:hidden;
}
.basaeulenh {
    padding: 4% 0 9% 0;
    width: 64%; /* von 47% */
    height: auto;
    display:block;
    margin:0 auto;/*0 0 0 36%;*/
    overflow:hidden;
}
/*    Aegypter    */

#mbildaegypt {
  position: relative; /* wegen stapeln  */
  z-index:10;
  float: right;
  padding: 19% 0 0 0;/*28% 0 0 0;*/
  width: 70%;   /*  mainbild  55%  */
  height:auto;
  margin:0 auto;
  background-color:transparent;
}
.baaegypt {
    padding: 0;
    width: 100%;
    height: auto;
    display:block;
    margin:0 auto;
   overflow:hidden;
}
/*    Rom      */

#mbildrom {      
  position: relative; /* wegen stapeln  */
  z-index:10;
  float: right;
  padding: 14% 0 0 0; /* 16% 0 0 0 */
  width: 70%/*47%*/;
  height:auto;
  margin:0; /* 0 auto;*/
  background-color:transparent;
  /*border:1px solid green;*/
}
.barom {
    padding: 4% 0 4% 0;
    width: 100%; /* von 47% */
    height: auto;
    display:block;
    margin:0 auto;
    overflow:hidden;
}
.baromh {
    padding: 4% 0 4% 0;
    width: 75%; /* von 47% */
    height: auto;
    display:block;
    margin:0 auto;/*0 0 0 25%;*/
    overflow:hidden;
}

/*    für alle speziellen     bildpositionierungen   */
.bahaltungen img,
.baschatten img,
.banordf img,
.banordfm img,
.banord img   {
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
    background-color:transparent;
    overflow:hidden;
    /*border: 2px solid red; */
}

.bawand img,
.baschattenf img,
.baschattenfm img,
.baaegypt img,
.basaeulen img,
.basaeulenh img,
.barom img,
.baromh img  {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    background-color:transparent;
    overflow:hidden;
    /*border: 2px solid red; */
  }
  
}
/* ------------------------------------------------------------------- */
/* ----                                                            --- */
/* ----              Ende Basis CSS                                --- */
/*
/* ----                                                            --- */
/* ------------------------------------------------------------------- */




/* Eine Version fuer ab 769 Pixel (beispielsweise Tablet im Hochformat)
* oder alte Monitore
* Bemerkung: Ebenso fällt also die beliebte 1024px Auflösung auch darunter.
*/

/*@media only screen and (min-width: 768px) and (max-width: 2025px) {*/
@media only screen  and (min-height: 769px) and (max-height: 1023px), only screen and (min-width: 1367px) {

/*  wir sitzen in der bildnav */
.bildnavblock {
  float: left;
  position:relative;
  margin:28% 0 0 10%;
  z-index:2;
  width: 60%;
  background-color:transparent;
  /*border:1px solid red;*/
}
.bildanker p,
.bildankerhoch p,
.barom p,
.baromh p,
.bildanker ul p,
.bildankerhoch ul p {
   font-size:1rem;
}
.alinksb p {
  font:1rem;
  font-style:italic;
  margin:0.2rem 0;
  padding:0;
}
.zftext {
  padding: 0 0 0.2rem 0;
  font-size:1rem;
  font-weight:normal;
  font-style:italic;
  letter-spacing:0.02rem;
  text-align:left;
  background-color:transparent;
}
.zftexts {
  padding: 0 0 0.2rem 0;
  font-size:1rem/*0.825rem*/;
  font-weight:normal;
  font-style:italic;
  letter-spacing:0.02rem;
  text-align:left;
  background-color:transparent;
}

 }
/*
*
*
*
*/
@media only screen and (min-height: 1024px) and (max-height: 1199px), only screen and (min-width: 1920px)  {

/*  wir sitzen in der bildnav */
.bildnavblock {
  float: left;
  position:relative;
  margin:28% 0 0 10%;
  z-index:2;
  width: 60%;
  background-color:transparent;
  /*border:1px solid red;*/
}
.bildanker p,
.bildankerhoch p,
.barom p,
.baromh p,
.bildanker ul p,
.bildankerhoch ul p {
   font-size:1.25rem;
}
.alinksb p {
  font:1rem;
  font-style:italic;
  margin:0.2rem 0;
  padding:0;
}

#hzeilen{
  position:absolute;
  text-transform:uppercase;
  z-index:1;
  width: 67%;
  margin-left:32%;
  top:11%;
  text-align:left;
  background-color:transparent;
  overflow:hidden;
  /*border:3px solid black; */
}

#hzeilen p {
  position: relative;
  z-index:1;
  padding: 5rem 0 2rem 0.5rem;
  margin:0;
  font-size:14rem;
  font-weight:normal;
  font-style:italic;
  text-align:left;
  background-color:transparent;
}
#hzeilen p.hnth {
  position: relative;
  padding: 0rem 0;
  margin:0;
  font-size:14rem;
}

.ftitel h1,
.ftitelf h1 {
  font-size:2rem;
  font-weight:bold;
  font-style:italic;
}
.alinksb h2 {
  margin: 1.5rem 0 1rem 0;
  font-style:italic;
  font-size:1.25rem;
}
.zftext {
  padding: 0 0 0.2rem 0;
  font-size:1rem;
  font-weight:normal;
  font-style:italic;
  letter-spacing:0.02rem;
  text-align:left;
  background-color:transparent;
}
.zftexts {
  padding: 0 0 0.2rem 0;
  font-size:1rem/*0.825rem*/;
  font-weight:normal;
  font-style:italic;
  letter-spacing:0.02rem;
  text-align:left;
  background-color:transparent;
}
#pbildnav p.ztext{
  padding: 0;
  margin:0 0 1.5rem 0;
  font-size:1.5rem;
  font-weight:bold;
  font-style:italic;
  text-align:left;
  background-color:transparent;
}
#pbildnav p.zautor {
  padding: 0.5rem 0;
  font-size:1rem;
  font-weight:bold;
  font-style:italic;
  text-align:right;
  background-color:transparent;
}
 


 }

/*
* Eine Version fuer ab ca. 2026 Pixel width (große Monitore)
*
*  optimiert für 27 Zoll 2540 * 1440
*
*/
@media only screen and (min-height: 1200px), only screen and (min-width: 2200px)  {

/*  wir sitzen in der bildnav */
.bildnavblock {
  float: left;
  position:relative;
  margin:28% 0 0 10%;
  z-index:2;
  width: 60%;
  background-color:transparent;
  /*border:1px solid red;*/
}
#hzeilen{
  position:absolute;
  text-transform:uppercase;
  z-index:1;
  width: 67%;
  margin-left:32%;
  top:11%;
  text-align:left;
  background-color:transparent;
  overflow:hidden;
  /*border:3px solid black; */
}
.bildanker p,
.bildankerhoch p,
.barom p,
.baromh p,
.bildanker ul p,
.bildankerhoch ul p {
   font-size:1.5rem;
}
.alinksb p {
  font:1rem;
  font-style:italic;
  margin:0.2rem 0;
  padding:0;
}

#hzeilen p {
  position: relative;
  z-index:1;
  padding: 6rem 0 3rem 0.5rem;
  margin:0;
  font-size:17rem;
  font-weight:normal;
  font-style:italic;
  text-align:left;
  background-color:transparent;
}
#hzeilen p.hnth {
  position: relative;
  padding: 0rem 0 2rem 0.5rem;
  margin:0;
  text-align:left;
  font-size:17rem;
}

.ftitel h1,
.ftitelf h1 {
  font-size:2.5rem;
  font-weight:bold;
  font-style:italic;
  text-align:left;
}
.alinksb h2 {
  margin: 1.5rem 0 1rem 0;
  font-style:italic;
  font-size:1.5rem;
}
.zftext {
  padding: 0 0 0.2rem 0;
  font-size:1.1rem;
  font-weight:normal;
  font-style:italic;
  letter-spacing:0.02rem;
  text-align:left;
  background-color:transparent;
}
.zftexts {
  padding: 0 0 0.2rem 0;
  font-size:1.1rem;
  letter-spacing:0.02rem;
  font-weight:normal;
  font-style:italic;
  text-align:left;
  background-color:transparent;
}
#pbildnav p.ztext {
  padding: 0;
  margin:0 0 2rem 0;
  font-size:2rem;
  font-weight:bold;
  font-style:italic;
  text-align:left;
  background-color:transparent;
}
#pbildnav p.zautor {
  padding: 0.5rem 0;
  font-size:1.5rem;
  font-weight:bold;
  font-style:italic;
  text-align:right;
  background-color:transparent;
}
.tabz p, .tab100p p,  .tab1p p, .tab14p p, .tab24p p {
   margin: 0.2rem 0;
   padding:0;
   /*border:1px solid black;*/
}
}