body#karte{background-color: #EEEEEE;}

/* ===================================================================== */
/* Bannerbild                                                            */
/* ===================================================================== */

/* ======================================================= Allgemeine Eigenschaften des Bannerbildes */

div.banner{
  position: relative;
  width: 100%;
  height: 50vw;
  background-size: cover;
  z-index: 50;
}

/* verschiedene Härtegrade für den Übergang von Banner zu Karte */
div.bannerSehrWeich{
  mask-image: linear-gradient(to bottom, rgba(255,255,255,1) 77%, rgba(255,255,255,0));
  -webkit-mask-image: linear-gradient(to bottom, rgba(255,255,255,1) 77%, rgba(255,255,255,0));
}
div.bannerWeich{
  mask-image: linear-gradient(to bottom, rgba(255,255,255,1) 80%, rgba(255,255,255,0));
  -webkit-mask-image: linear-gradient(to bottom, rgba(255,255,255,1) 80%, rgba(255,255,255,0));
}
div.bannerHart{
  mask-image: linear-gradient(to bottom, rgba(255,255,255,1) 90%, rgba(255,255,255,0));
  -webkit-mask-image: linear-gradient(to bottom, rgba(255,255,255,1) 90%, rgba(255,255,255,0));
}


/* ======================================================= Auswahl des Bannerbildes für einzelne Touren*/

div#bannerVen{background-image: url(../../../grafiken/radreisen/11venedig/venBanner.JPG);}
div#bannerAlp{background-image: url(../../../grafiken/radreisen/12alpen/alpBanner.JPG);}
div#bannerIst{background-image: url(../../../grafiken/radreisen/13istanbul/istBanner.JPG);}
div#bannerPra{background-image: url(../../../grafiken/radreisen/14prag/praBanner.JPG);}
div#bannerPar{background-image: url(../../../grafiken/radreisen/15paris/parBanner.JPG);}
div#bannerMon{background-image: url(../../../grafiken/radreisen/15mongolei/monBanner.JPG);}
div#bannerGui{background-image: url(../../../grafiken/radreisen/16guilin/guiBanner.JPG);}
div#bannerChi{background-image: url(../../../grafiken/radreisen/16chisinau/chiBanner.JPG);}
div#bannerMar{background-image: url(../../../grafiken/radreisen/17marokko/marBanner.JPG);}
div#bannerBal{background-image: url(../../../grafiken/radreisen/19baltikum/balBanner.JPG);}
div#bannerNep{background-image: url(../../../grafiken/nepal/nepBanner.jpg);}

/* ======================================================= Link-Anker */

div#linkAnchor{
  position: relative;
  top: 42vw;
  z-value: 200;
}

/* ======================================================= Logo auf Banner */

img.BannerLogo{position: absolute;}
img#BannerLogoVen{height: 25vw; top: 10vw;}
img#BannerLogoAlp{height: 25vw; top: 10vw; right: 0vw;}
img#BannerLogoIst{height: 25vw; top: 10vw;}
img#BannerLogoPra{height: 25vw; top: 10vw;}
img#BannerLogoPar{height: 25vw; top: 10vw; right: 0vw;}
img#BannerLogoMon{height: 25vw; top: 10vw; right: 0vw;}
img#BannerLogoGui{height: 25vw; top: 10vw; right: 0vw;}
img#BannerLogoChi{height: 25vw; top: 10vw;}
img#BannerLogoMar{height: 25vw; top: 10vw; right: 0vw;}
img#BannerLogoBal{height: 25vw; top: 10vw; right: 0vw;}
img#BannerLogoNep{height: 12vw; top: 1vw; left: 1vw;}

/* ===================================================================== */
/* PowerPoint-Karte                                                      */
/* ===================================================================== */

/* ======================================================= Wrapper (auch um Navi-Buttons und Berichte-Icons) */

div.PPmapWrapper{
  position: relative;
  top: -20vw;
  margin-bottom: -20vw;
  height: 66vw;
  background-color: white;
  /* border: 1px solid black; */
  /*min-height: 450px; */
  /* Min-Height sorgt dafür, dass Fußzeile auch bei */
  /* schmalem Bildschirm unter den NavoButtons bleibt */
}

/* ======================================================= Eigenschaften der PPT-Karte */

div.PPmap{
  width: 100%;
  z-index: 1;
  height: 66vw;
  background-size: cover;
}

/* ======================================================= Auswahl der Karte für einzelne Touren */

div#PPmapVen{background-image: url(../../../grafiken/radreisen/11venedig/venKarte-Q50.jpg);}
div#PPmapAlp{background-image: url(../../../grafiken/radreisen/12alpen/alpKarte-Q50.jpg);}
div#PPmapIst{background-image: url(../../../grafiken/radreisen/13istanbul/istKarte-Q50.jpg);}
div#PPmapPra{background-image: url(../../../grafiken/radreisen/14prag/praKarte-Q50.jpg);}
div#PPmapPar{background-image: url(../../../grafiken/radreisen/15paris/parKarte-Q50.jpg);}
div#PPmapMon{background-image: url(../../../grafiken/radreisen/15mongolei/monKarte-Q50.jpg);}
div#PPmapGui{background-image: url(../../../grafiken/radreisen/16guilin/guiKarte-Q50.jpg);}
div#PPmapChi{background-image: url(../../../grafiken/radreisen/16chisinau/chiKarte-Q50.jpg);}
div#PPmapMar{background-image: url(../../../grafiken/radreisen/17marokko/marKarte-Q50.jpg);}
div#PPmapBal{background-image: url(../../../grafiken/radreisen/19baltikum/balKarte-Q50.jpg);}
div#PPmapNep{background-image: url(../../../grafiken/nepal/Karte-Q50.jpg);}

/* ======================================================= Detail-Karten bei Nepal */

img#LangtangKarte{
  display: block;
  position: absolute;
  top: 22vw;
  left: 42vw;
  width: 25vw;
}

img#AnnapurnaKarte{
  display: block;
  position: absolute;
  top: 80vw;
  left: 2vw;
  width: 64vw;
}

/* ===================================================================== */
/* Navigationsbuttons                                                    */
/* ===================================================================== */

/* ======================================================= Wrapper */

/* Wrapper bei breitem Viewpoint */
div#NaviButtonsWrapper{
  position: absolute;
  top: 20vw;
  right: 5vw;
  z-index: 200;
  width: 250px;
  padding-bottom: 10px;
}

/* Wrapper bei schmalem Viewpoint */
div#NaviButtonsWrapperkl{
  z-index: 200;
  padding-bottom: 10px;
  max-width: 600px;
  min-height: 260px;
}

/* Ein-/ausblenden in Abhängigkeit der Viewpointbreite */
@media only screen and (max-width: 1300px) {
    div#NaviButtonsWrapper  {display: none;}
}
@media only screen and (min-width: 1301px) {
    div#NaviButtonsWrapperkl {display: none;}
}

/* ======================================================= Logo- und Kerndatentafel */

/* Allgemeine Eigenschaften der Logo- und Kerndatentafel */
div.ButtonHeadder{
  width: 230px;
  margin-top: 10px;
  padding: 10px;
  background-color: #EEEEEE;
  color: #000000;
  font-size: small;
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}

/* Zusätzliche Eigenschaften der Logo- und Kerndatentafel bei schmalem Viewpoint */
div.ButtonHeadderkl{
  display: inline-block;
  float: left;
  margin-left: 10px;
}

img.LogoButtonHeadder{
  /*margin-left: 55px;*/
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 120px;
}

img.LogoButtonHeadderNepal{
  /*margin-left: 55px;*/
  height: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* ======================================================= Navigationsbuttons */

/* Allgemeine Eigenschaften der Navigationsbuttons */
a.NaviButton{
  display: block;
  width: 240px;
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  background-color: #AA0000;
  color: #FFFFFF;
  font-size: 16pt;
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  transition: 0.2s;
}

/* Zusätzliche Eigenschaften der Navigationsbuttons bei schmalem Viewpoint */
a.NaviButtonkl{
  display: inline-block;
  margin-left: 10px;
}

/* Zusätzliche Eigenschaften der kleinen Buttons */
a.GoogleMapsButton{
  font-size: 10pt;
}
a.LuftpostPodcastButton{
  font-size: 10pt;
}

/* Hover-Eigenschaften */
a.NaviButton:Hover {
  background-color: #750000;
}
a.NaviButton:Active {
  background-color: #750000;
  color: #cecece;
}

/* ===================================================================== */
/* Bericht/Bilder Icons                                                  */
/* ===================================================================== */

/* ======================================================= Allgemeine Icon-Eigenschaften */

a.BIcon{
  position: absolute;
  display: block;
  width: 0.8vw;
  height: 0.96vw;
  background-image: url(../../../grafiken/radreisen/tour/BerichtIconGrau.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 100;
  /* border: 1px solid black; */
}

/* ======================================================= Auswahl der eigentlichen Icons */

/* Normal: Grau */
a.BilderIcon {background-image: url(../../../grafiken/radreisen/tour/BilderIconGrau.png);}
a.BerichtIcon{background-image: url(../../../grafiken/radreisen/tour/BerichtIconGrau.png);}

/* Hover: Rot */
a.BilderIcon:Hover {background-image: url(../../../grafiken/radreisen/tour/BilderIconRot.png);}
a.BerichtIcon:Hover{background-image: url(../../../grafiken/radreisen/tour/BerichtIconRot.png);}

/* ======================================================= Positionen der Berichticons */

/* Venedig */
a#Ven11T01{left: 11.0vw; top: 25.2vw;}
a#Ven11T02{left: 16.0vw; top: 29.2vw;}
a#Ven11T03{left: 18.5vw; top: 34.2vw;}
a#Ven11T04{left: 20.5vw; top: 40.8vw;}
a#Ven11T05{left: 24.5vw; top: 40.8vw;}
a#Ven11T06{left: 28.0vw; top: 40.8vw;}
a#Ven11T07{left: 27.3vw; top: 46.2vw;}
a#Ven11T08{left: 27.0vw; top: 55.8vw;}
a#Ven11T09{left: 31.0vw; top: 50.2vw;}
a#Ven11T10{left: 37.0vw; top: 50.5vw;}
a#Ven11T11{left: 45.5vw; top: 54.0vw;}
a#Ven11T12{left: 45.5vw; top: 58.0vw;}
a#Ven11T13{left: 54.5vw; top: 57.7vw;}
a#Ven11T14{left: 59.8vw; top: 55.9vw;}

/* Istanbul */
a#Ist13Fratt{left: 07.0vw; top: 22.8vw;}
a#Ist13Ljubl{left: 15.5vw; top: 21.0vw;}
a#Ist13Oguli{left: 20.5vw; top: 25.0vw;}
a#Ist13Grabo{left: 24.2vw; top: 28.0vw;}
a#Ist13Noval{left: 20.5vw; top: 30.5vw;}
a#Ist13Split{left: 26.0vw; top: 35.8vw;}
a#Ist13Mosta{left: 32.5vw; top: 40.8vw;}
a#Ist13Saraj{left: 35.4vw; top: 37.5vw;}
a#Ist13Zablj{left: 41.0vw; top: 40.3vw;}
a#Ist13Shkod{left: 44.0vw; top: 48.0vw;}
a#Ist13Tiran{left: 46.0vw; top: 54.0vw;}
a#Ist13Prizr{left: 49.5vw; top: 52.0vw;}
a#Ist13Prist{left: 50.0vw; top: 47.5vw;}
a#Ist13Skopj{left: 54.5vw; top: 49.5vw;}
a#Ist13Sofia{left: 57.5vw; top: 44.7vw;}
a#Ist13Sofi2{left: 65.8vw; top: 44.6vw;}
a#Ist13Drama{left: 66.5vw; top: 52.5vw;}
a#Ist13Fanar{left: 72.3vw; top: 55.8vw;}
a#Ist13Istan{left: 78.2vw; top: 55.0vw;}
a#Ist13Ista2{left: 80.8vw; top: 52.3vw;}
a#Ist13Ista3{left: 86.5vw; top: 54.6vw;}
a#Ist13Ista4{left: 92.7vw; top: 57.1vw;}

/* Guilin */
a#Gui16T01{left: 63.0vw; top: 49.8vw;}
a#Gui16T02{left: 62.0vw; top: 46.0vw;}
a#Gui16T03{left: 55.0vw; top: 42.0vw;}
a#Gui16T04{left: 50.0vw; top: 42.0vw;}
a#Gui16T05{left: 46.0vw; top: 37.0vw;}
a#Gui16T06{left: 41.0vw; top: 34.0vw;}
a#Gui16T07{left: 33.0vw; top: 33.5vw;}
a#Gui16T08{left: 25.0vw; top: 31.5vw;}
a#Gui16T09{left: 19.5vw; top: 30.0vw;}
a#Gui16T10{left: 20.0vw; top: 26.7vw;}
a#Gui16T11{left: 19.6vw; top: 23.7vw;}
a#Gui16T12{left: 21.5vw; top: 20.0vw;}

/* Chisinau */
a#Chi16Muenc{left: 03.5vw; top: 35.0vw;}
a#Chi16Reiti{left: 03.5vw; top: 39.5vw;}
a#Chi16Wien {left: 12.5vw; top: 36.5vw;}
a#Chi16Brati{left: 22.5vw; top: 35.8vw;}
a#Chi16Budap{left: 29.8vw; top: 36.8vw;}
a#Chi16Zagre{left: 26.0vw; top: 46.0vw;}
a#Chi16Banja{left: 22.0vw; top: 52.5vw;}
a#Chi16Belgr{left: 33.5vw; top: 55.0vw;}
a#Chi16Bukar{left: 52.0vw; top: 57.5vw;}
a#Chi16Chisi{left: 66.0vw; top: 50.5vw;}
a#Chi16Trans{left: 73.3vw; top: 43.5vw;}
a#Chi16Odess{left: 75.3vw; top: 44.3vw;}

/* Marokko */
a#Mar17MarTo{left: 28.0vw; top: 36.8vw;}
a#Mar17TouTe{left: 32.4vw; top: 40.0vw;}
a#Mar17TelAi{left: 35.7vw; top: 43.2vw;}
a#Mar17AitSk{left: 39.0vw; top: 45.5vw;}
a#Mar17SkoBo{left: 44.0vw; top: 43.2vw;}
a#Mar17BouAi{left: 47.8vw; top: 39.7vw;}
a#Mar17AitM1{left: 49.8vw; top: 36.7vw;}
a#Mar17MseTa{left: 54.0vw; top: 36.0vw;}
a#Mar17TamAi{left: 55.9vw; top: 37.2vw;}
a#Mar17AitM2{left: 60.9vw; top: 42.5vw;}
a#Mar17MssRi{left: 66.8vw; top: 43.5vw;}
a#Mar17RisMe{left: 71.8vw; top: 43.0vw;}
a#Mar17Merzo{left: 75.2vw; top: 44.5vw;}
a#Mar17Marra{left: 22.8vw; top: 36.8vw;}

/* Baltikum */
a#Bal19Talli{left: 48.8vw; top: 16.3vw;}
a#Bal19TalRi{left: 45.5vw; top: 20.3vw;}
a#Bal19RiiPä{left: 46.5vw; top: 23.3vw;}
a#Bal19PärSu{left: 45.8vw; top: 26.5vw;}
a#Bal19SurTr{left: 47.3vw; top: 29.3vw;}
a#Bal19TreRo{left: 46.3vw; top: 33.3vw;}
a#Bal19RozSi{left: 48.5vw; top: 37.0vw;}
a#Bal19SigRi{left: 45.5vw; top: 39.0vw;}
a#Bal19Riga {left: 42.0vw; top: 39.5vw;}
a#Bal19RigMe{left: 44.6vw; top: 41.7vw;}
a#Bal19MezBe{left: 42.6vw; top: 46.7vw;}
a#Bal19BeiUz{left: 38.2vw; top: 47.7vw;}
a#Bal19UzvSt{left: 34.2vw; top: 49.3vw;}
a#Bal19SteUo{left: 32.8vw; top: 52.5vw;}
a#Bal19UosPe{left: 28.5vw; top: 51.6vw;}
a#Bal19PerSv{left: 28.5vw; top: 48.0vw;}
a#Bal19SveSk{left: 28.5vw; top: 45.3vw;}
a#Bal19SkaLi{left: 30.5vw; top: 43.3vw;}

/* Nepal */
a#Nep18Kath1{left: 73.0vw; top: 49.8vw;}
a#Nep18Lang1{left: 67.2vw; top: 46.0vw;}
a#Nep18Lang2{left: 23.0vw; top: 31.5vw;}
a#Nep18Lang3{left: 34.4vw; top: 28.0vw;}
a#Nep18Lang4{left: 17.0vw; top: 31.5vw;}
a#Nep18Kath2{left: 74.0vw; top: 49.8vw;}
a#Nep18Anna1{left: 61.6vw; top: 45.2vw;}
a#Nep18Anna2{left: 36.5vw; top: 53.5vw;}
a#Nep18Anna3{left: 25.5vw; top: 47.5vw;}
a#Nep18Anna4{left: 12.5vw; top: 48.3vw;}
a#Nep18Anna5{left: 19.5vw; top: 43.8vw;}
a#Nep18Anna6{left:  9.0vw; top: 41.5vw;}
a#Nep18Anna7{left:  6.5vw; top: 42.2vw;}
a#Nep18Pokh1{left: 54.0vw; top: 45.5vw;}
a#Nep18Pokh2{left: 55.0vw; top: 45.5vw;}
a#Nep18Chitw{left: 59.5vw; top: 50.8vw;}
a#Nep18Kath3{left: 75.0vw; top: 49.8vw;}