@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=DM+Serif+Display|Lato&display=swap');
/* CSS Document */

body, html {
  height: 100%;
  margin: 0;
 font: 400 15px/1.8 "Lato", sans-serif;
  color: #111;
}

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7, .bgimg-8, .bgimg-9, .bgimg-10, .bgimg-11 {
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;

}
.bgimg-1 {
  background-image: url("images/abreise.jpg");
  min-height: 400px; 
}

.bgimg-2 {
  background-image: url("images/st-petersburg.jpg");
  min-height: 400px;
}

.bgimg-3 {
  background-image: url("images/eremitage.jpg");
  min-height: 400px;
}
.bgimg-4 {
  background-image: url("images/aurora.jpg");
  min-height: 400px;
}

.bgimg-5 {
  background-image: url("images/kizhi.jpg");
  min-height: 400px;
}

.bgimg-6 {
  background-image: url("images/goritzy.jpg");
  min-height: 400px;
}

.bgimg-7 {
  background-image: url("images/jaroslawl.jpg");
  min-height: 400px;
}

.bgimg-8 {
  background-image: url("images/uglitsch.jpg");
  min-height: 400px;
}

.bgimg-9 {
  background-image: url("images/moskau.jpg");
  min-height: 400px;
}

.bgimg-10 {
  background-image: url("images/moskau2.jpg");
  min-height: 400px;
}

.bgimg-11 {
  background-image: url("images/matrjoschka.jpg");
  min-height: 400px;
}

.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  background-color: transparent;
  color: #fff;
  padding: 18px;
  /*font-size: 25px;*/font: 30px "DM Serif Display", serif;
  letter-spacing: 5px; text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000;  white-space:nowrap;
}

.ruld  { text-align:center !important; letter-spacing: 5px; text-transform: uppercase; font: 20px "DM Serif Display", serif; color: #111; }

.clear { clear:both;}
.fluss { font-variant:small-caps; color:#36C;}

.fancy { margin:2em auto;}
.fancy img { width:250px; height:140px; padding: 5px; box-shadow: 1px 5px 8px #666; border-radius:10px; margin-left:2em;}
.img100 {float: left; width: 100px; padding: 8px; font-size: 0.7em; height:auto;} 
.img100 img {box-shadow: 4px 5px 8px #666;}	

.radiotabs {width:750px; margin:10px 0px;}
input.tabs {position:absolute;; left:-9999px;}
input.tabs + label {float:left; display:block; font:normal 12px/30px arial, sans-serif; border:1px solid #aaa; border-radius:5px 5px 0 0; background:#06b; padding:0 10px; margin-right:2px; text-decoration:none; color:#ccc; position:relative; left:5px;
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
}
input.tabs + label img {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}

.tabcontent {width:800px; padding:20px; border:1px solid #aaa; border-radius:5px; background:#fff; position:relative; z-index:10; display:none; clear:left; top:-1px;
 box-shadow: 0 15px 10px -15px rgba(0,0,0,0.4);
}
.tabcontent p {padding:0 0 5px 0; margin:0; font:normal 12px/20px arial, sans-serif; color:#333;}
.tabcontent h4 {padding:10px 0; margin:0; color:#333; text-align:center; font-family: 'Indie Flower', cursive; font-size:1.6em;}

.tabcontent {display:none;}
input.tabs:checked + label {background-color:#fff; border-bottom:1px solid #fff; color:#000; z-index:20;}

input#tab1:checked ~ div#view1 {display:block;}
input#tab2:checked ~ div#view2 {display:block;}
input#tab3:checked ~ div#view3 {display:block;}
input#tab4:checked ~ div#view4 {display:block;}
input#tab5:checked ~ div#view5 {display:block;}
input#tab6:checked ~ div#view6 {display:block;}
input#tab7:checked ~ div#view7 {display:block;}
input#tab8:checked ~ div#view8 {display:block;}

/* form */
div#view4 form {padding:20px 0 0 150px; margin:0; width:300px;}
div#view4 form label {display:block; width:70px; float:left; font:normal 12px/20px arial, sans-serif; color:#888;}
div#view4 form input.ipt {display:block; width:150px; float:left; border:1px solid #888; border-radius:3px;}
div#view4 form input#submit {margin-left:70px;}

/* gallery */
.radiogallery {position:relative; padding:0; margin:10px auto; width:320px; height:30px; padding:340px 10px 10px 10px; border:1px solid #ccc;}
.radiogallery input {position:absolute; left:-9999px;}
.radiogallery label {display:block; width:26px; height:26px; border:1px solid #bbb; margin:2px; float:left; background:#eee; text-align:center; cursor:pointer; font:11px/26px arial, sans-serif; position:relative;}
.radiogallery label img {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}

.radiogallery div {position:absolute; left:10px; top:10px; width:320px; height:320px; text-align:center; opacity:0; filter: alpha(opacity=0);
-webkit-transition:1s;
-moz-transition:1s;
-ms-transition:1s;
-o-transition:1s;
transition:1s;
}
.radiogallery input:checked + label {background-color:#ccc;}
.radiogallery label:hover {background:#ddd;}

.radiogallery input#pic1:checked ~ div.pic1,
.radiogallery input#pic2:checked ~ div.pic2,
.radiogallery input#pic3:checked ~ div.pic3,
.radiogallery input#pic4:checked ~ div.pic4,
.radiogallery input#pic5:checked ~ div.pic5,
.radiogallery input#pic6:checked ~ div.pic6,
.radiogallery input#pic7:checked ~ div.pic7,
.radiogallery input#pic8:checked ~ div.pic8,
.radiogallery input#pic9:checked ~ div.pic9,
.radiogallery input#pic0:checked ~ div.pic0 {opacity:1; filter: alpha(opacity=100);}
.Stil6 {color: #FF0000; font-weight: bold; }

ol.ebene0 {
	counter-reset:listenpunkt_ebene1;
	list-style-type:none;
	padding: 0 0 10px 20px; text-indent:-25px;
   }
   ol li { padding-bottom:5px;}
   ol.ebene0 li:before {
      content: "Top " counter(listenpunkt_ebene1) ": ";
      counter-increment:listenpunkt_ebene1; list-style-position: outside;
	   font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: 300;
	font-variant: small-caps;
	color: #600;
	font-style: oblique;
	text-shadow: #666 3px 3px 5px;
   }

ol.ebene1 {
	counter-reset:listenpunkt_ebene1;
	list-style-type:none;
	padding: 0 0 10px 20px; text-indent:-25px;
   }
   ol li { padding-bottom:5px;}
	ol li span { padding-bottom:5px; font-family: 'Indie Flower', cursive;
	font-size: 1.6em; width:15em; display: inline-block;}
	ol li span img { float:right; clear:both; padding-right:2em; margin-top:-1em;}
   ol.ebene1 li:before {
      content: counter(listenpunkt_ebene1) ". ";
      counter-increment:listenpunkt_ebene1; list-style-position: outside;
	   font-family: 'Indie Flower', cursive;
	font-size: 1.8em;
	font-weight: bold;
	color: #333;
	font-style: oblique;
	text-shadow: #666 3px 3px 5px;  width:1.5em; display: inline-block;
   }
   ol.ebene2 {
      counter-reset:listenpunkt_ebene2;
      list-style-type:none;
	  padding: 10px 0 0 40px; text-indent: -35px;
   }
   ol.ebene2 li:before {
      content: counter(listenpunkt_ebene1) ". " counter(listenpunkt_ebene2) ". ";
      counter-increment:listenpunkt_ebene2; 
	  font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-weight: 300;
	font-variant: small-caps;
	padding:0 0.5em 0 0;
	color: #600;
	font-style: oblique;
   }
   ol.ebene3 {
	counter-reset:listenpunkt_ebene3;
	list-style-type:none; list-style-position:inside;
	/*padding: 10px 0 10px 20px;*/
	padding: 10px 0 10px 30px; text-indent: -50px;
   }
   ol.ebene3 li:before {
	content: counter(listenpunkt_ebene1) ". " counter(listenpunkt_ebene2) ". " counter(listenpunkt_ebene3) ". ";
	counter-increment:listenpunkt_ebene3;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-weight: 300;
	font-variant: small-caps;
	color: #600;
	font-style: oblique;
	}
/* printausgabe */
@media print {
.bilder {display: none;}	
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7, .bgimg-8, .bgimg-9, .bgimg-10, .bgimg-11 {display:none;}
	}	

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7, .bgimg-8, .bgimg-9, .bgimg-10, .bgimg-11 {
    background-attachment: scroll;
    .ruld  {color: #111; white-space:wrap;}
    .caption span.border {white-space:wrap;}
  }
}
body,td,th { font-family: "Lato", sans-serif; }