body { 
  background-color: #9BA8C8; /* #CCD2DE; #E9EDE2; c: #F8FcF0;  */
  background-image: url(/auxil/Shotshop_Amazon_70634959_clipped_preview.jpeg); 
  background-repeat: repeat-y;
  background-position: top center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
}

@font-face {
  font-family: "BausteinSmall";
  src: url('/auxil/baud.ttf');
  font-style: normal;
}

@media only all and ( min-device-width: 601px )  and ( max-device-width: 1920px ) {
  body { background-image: url(/auxil/Shotshop_Amazon_70634959_clipped_FullHD.jpeg), url(/auxil/Shotshop_Amazon_70634959_clipped_preview.jpeg); }
}

@media only all and ( min-device-width: 1921px ) and ( max-device-width: 2560px ),
       only all and ( min-device-width: 1441px ) and ( max-device-width: 1920px ) and ( -webkit-min-device-pixel-ratio: 1.1 ) {
  body { background-image: url(/auxil/Shotshop_Amazon_70634959_clipped_HHD.jpeg), url(/auxil/Shotshop_Amazon_70634959_clipped_preview.jpeg); }
}


@media only all and ( min-device-width: 2561px ),
       only all and ( min-device-width: 1921px ) and ( -webkit-min-device-pixel-ratio: 1.1 ) {
  body { background-image: url(/auxil/Shotshop_Amazon_70634959_clipped_UHD.jpeg), url(/auxil/Shotshop_Amazon_70634959_clipped_preview.jpeg); }
}

/*
@media only screen and ( min-device-width: 2561px ) and ( min--moz-device-pixel-ratio: 1.3 ) {
  body {  background-size: 3272px 1925px; }
}
*/

header hgroup h1 { font-family: "BausteinSmall", sans-serif; color: #0037A5; font-size: 3.8em; }

@media only all and ( max-width: 100ex ) {
  div#MainWrapper { padding: 0.3ex; }
  #MainWrapper #MainInner { padding: 0.6ex; }
}

#MainWrapper { 
  margin-top: 4.8ex;
  margin-left: auto;
  margin-right: auto;
  max-width: 260ex; 
  padding-left: 2ex;
  padding-right: 2ex;
  text-align: left; 
  position: relative;
}

#MainInner {
  background-color: rgba(206,209,200,0.6); /* #CED1C8; c: #C3C7BE; */
  padding : 0em 2.4ex 2.4ex 2.4ex; border-radius: 8px;
  /*border : 2px #90938C solid;*/
  z-index: 10;
  box-shadow: rgba(0,0,0,0.2) 0px 0px 7px 7px;  
}

#MainInner > div:first-child:before { content:"."; height: 0ex; visibility: hidden; display: block; }
#MainInner > div > div > *, #MainInner > div > * > div { text-align: left;  border-radius: 8px; /*margin-bottom: 16??;*/ }
#MainInner > div > div > div > div { padding: 0.8em 1.2em; border: 0px; }
#MainInner > div > div > h2 { margin-top: 1.7em; padding: 0.7ex 2ex; border-radius: 8px; } 

#Tabulator { margin: 0 0 0 1.5em; }
#Tabulator span { font-size : 1.7em; font-weight: bold; margin: 0ex 2.5ex; padding: 0.2em 0.45em 0.08em; background-color: rgba(206,209,200,0.6); margin-bottom: 0px;  border-radius: 8px 8px 0 0; line-height: 1.5em; z-index: 2; white-space: nowrap; display: inline-table; border-spacing: 0px; border-collapse: separate; box-shadow: rgba(0,0,0,0.2) 0px -7px 7px 0px, rgba(0,0,0,0.2) -7px 0px 7px 0px, rgba(0,0,0,0.2) +7px 0px 7px 0px; position: relative; }
#Tabulator span#sel { padding: 0.2em 0.45em 0.34em; cursor: default; color : blue !important; margin-bottom: 0px; }
#Tabulator span a { text-decoration : none; color: #000020; }
#Tabulator span a:hover { color : blue; }

#Sprache { margin: 2.4ex; }
#Sprache > div { text-align: left; background-color: rgba(249,255,243,0.3); line-height: 1.8em; padding-bottom: 1em; border-radius: 8px; max-width: 260ex; margin: 0 auto; box-shadow: rgba(0,0,0,0.2) 0px 0px 7px 7px; }
#Sprache > div { color: #014B8B; cursor: default; word-spacing: 0.3ex; }
#Sprache header { line-height: 3em; }
#Sprache i { padding-left: 1.2ex; color: black; }
#Sprache a { text-decoration: none; padding-left: 0.48ex;  }
#Sprache a:hover { text-decoration: none; font-weight: bold; padding-left: 0ex; }

#Sprache header { position: relative; /* background-color: #F9FFF3; background-image: url(/auxil/afferl-dimmung.png); background-repeat: repeat-x; */ padding: 0.6ex 0; border-radius: 8px; } 
#Sprache header { background-image: linear-gradient(rgba(205,246,164,0.4) 0%, rgba(255,255,255,0.8) 65%, rgba(249,255,243,0.4) 100%); background-color: rgba(0,0,0,0); } 
#Sprache header img { position: absolute; top: 0; right: 0; }
#Sprache header hgroup * { margin: 0.22ex 0; padding: 0; text-shadow: 0px -1px 1px rgba(255,255,255,0.7), 1px 0px 1px rgba(255,255,255,0.7), 1px 0px 1px rgba(255,255,255,0.7), -1px 0px 1px rgba(255,255,255,0.7); }
#Sprache header hgroup h1 { text-align: center; font-weight: bold;  /*color: #AA4400; font-size: 3em; */ margin-top: 0.85ex; }
#Sprache header hgroup h2 { text-align: center; font-weight: bold;  color: #224439; font-size: 2em; background-color: transparent;  font-style: italic; margin-bottom: 1.25ex; }

#Footer {  clear: both;  background-color: rgba(228,252,226,0.78); padding: 0.8em; }
#FooterInner .border1px { border: 1px solid #E4FCE2; /* gleiche Farbe wie background-color */ }
#FooterInner { line-height: 1.3em; font-size: 0.9em; }
#FooterLinkArea span { margin-right: 3ex; font-size: 1.1em; line-height: 1.5em; }
/* #Footer c: #E5EFF9;  */

#FooterInner div#LeftColumn {  float:left; /*br: 1px black solid;*/ width: 60ex; }
#FooterInner div#RightColumn {  margin-left: 60ex; }

.schengfooter { float: left; width:20ex; padding:  0.3ex 2ex 0.3ex 0.3ex; text-align:center; line-height: 1.3em; } 
.schengfooter div:first-child { color: darkblue; padding-bottom: 0.1ex; margin-bottom: 0; } 
.schengfooter img[alt="Metager"] { width: 12em;  }
.schengfooter img[alt="Qwant"] { width: 7em;  }
.schengfooter img[alt="startpage"] { width:11em; margin-top: 0.4ex;  }
.schengfooter div:last-child a { text-decoration: none; font-family: sans-serif; color: black; font-weight: 680; }
body .schengfooter.ix2w { width: 29ex; margin: 1.6ex 0; }
body .schengfooter.ix2w div:first-child { color: darkblue; } 
body .schengfooter.ix2w div:last-child { margin-top: 1.5ex; }
body .schengfooter.ix2w div:last-child a { color: #A00707; font-family: serif; font-size: 2.1em; }
body .schengfooter.ix2w div:last-child a:hover {  text-shadow: -1px -1px 1px yellow; }
body .schengfooter.ix2w div:last-child a span { color: #CB9E02; font-size: 1.4em; position: relative; bottom: -0.05em; margin:0; padding: 0; }

.linkline { padding-top: 0.8ex; margin-bottom:1em; }
.linkline .spacer { padding: 1%; }
.linkline .contactlink { text-decoration: none; border-bottom: 2px dashed; font-size: 1.1em; margin-bottom: 0.8em; display: inline-block;  }
.linkline .contactlink + a, .linkline .contactlink + span { margin-left: 10ex; }
.linkline .linkenum { margin-left: 1ex; }

.centerfooter, .rssfooter { margin: 0.6em auto 0 auto; max-width: 130ex; }
.rssfooter div { line-height: 1.2em; }
.rssfooter img { float: left; width:2.2em; height:2em; padding: 0.28em 0.68em 0.28em 0.28em;}