@font-face {font-family:'FontAwesome';src:url('../font/fontawesome-webfont.woff2') format('woff2');}

:root {--primary:#ddf6ea;--primary2:#ddf6ea80; --primary3:#ddf6ea; --primary4:#b63327;--secondary:rgba(230, 51, 39, 0.8);--secondary2:#00414a;--black:black;--fontfamily:Arial, Helvetica, sans-serif;--border1:30px; --buttoncolor:#4885a2}

* {margin:0;padding:0;-moz-hyphens:auto;border: none;font-family:var(--fontfamily);}

body {perspective:4px;/* Parallax Tiefe */font-size:1em;}
label {padding:0.3em;border-radius: 0.5em;}
a{font-weight:bold;text-decoration: none}
label a {color:var(--black);font-size:1em;}
section {margin:0 auto;}
h1,h2,h3{font-weight:bold;text-align:center;text-transform:uppercase;}
h1{font-size:2em;}
h2{font-size:1.5em;padding:0.5em 0;color:#b63327;}
h3{font-size:1.1em;text-transform:none;}
a{font-size:1em;}
td{font-size:0.9em}
	
ul {font-size:1em;}
ul li {display:inline-block;font-size:1.05em }


.contenthtml{}
  /* Parallax base styles
  --------------------------------------------- */
.schrift1{font-size:1.2em;}
.schrift2{font-size:1.1em;}
.schrift3{font-size:1em;}
.schrift4{font-size:0.9em;}
.schrift5{font-size:0.8em;}
.schrift6{font-size:0.7em;}
.boldd{font-weight:bold}
.control-me {width:0;float:left;transition: width 0.2s;visibility:hidden;}
.control-me form{line-height:1.2em;position:absolute; top:1.1em; right:1em;}
.control-me input{position:absolute; right:11em; border-radius: 25px;  padding:0.4em 0.3em;;z-index:1;border:1px solid black; font-size:0.7em;margin-right:2em; }
.control-me form button{position:absolute;margin-top:0em;margin-right:2em;    padding: 0.4em ; font-size:0.7em;  ; right:5em; font-weight:normal;color:var(--black); background-color:white; border-radius: 25px; ;z-index:1; border:1px solid black}
.sch{margin-left:0.5em  ; position:absolute; top:0.7em; right:3.5em;;z-index:1;}
.sch span{font-family:FontAwesome; font-size:1.4em; color:var(--black);;z-index:1;}
#toggle:checked ~ .control-me {width:160px;visibility:visible ;}

.blackk{color:var(--black)}
.blackk a{color:var(--black);}
.centre{text-align:center}

.sliderh1{font-size:1.25em;text-shadow:4px 4px 3px black;}
.sliderh2{font-size:0.6em; text-shadow: 4px 4px 3px black;}
.txtnone{text-transform:none}

.prx2{background-size:cover; background-repeat:no-repeat;height:32em;}
.visually-hidden {visibility: hidden;position: absolute;left: -100vw;}

.bxslider li a span{position:absolute; bottom:17em; right:1em; font-weight:normal;color:white;z-index:999; font-size:0.6em; }
.bx-caption span a strong{overflow: hidden;text-overflow: ellipsis;}
.h1h2 h1{text-align:left}
.h1h2 h2{text-align:left}
.hleft h3{text-align:left}
	
.head{position: absolute;width: 100%;top: 0;text-align: center;padding-top: 2em;justify-content: center;display: flex;align-items:center;flex-wrap:wrap;}
.headline{	display: block;	margin-top:-150px;	margin-left:auto;	margin-right:auto;	color:white;}
.preis1{float:right;text-align:right; font-size:1.4em; padding-bottom:0em;}
.mid90{width:90%; margin:0 auto;}
.mid80{width:80%; margin:0 auto;}
.mid70{width:70%; margin:0 auto;}
.mid60{width:60%; margin:0 auto;}
.mid50{width:50%; margin:0 auto;}
.kartemargin{margin-left:10em}

.table3 {  border-collapse: collapse;  width: 100%;}
.table3 th, .table2 td {  text-align: left;  padding: 8px;}


/*  table3:  table in Reiseseite */
.table3 {margin: 1em 0;  border-collapse: initial;}
.table3 th {  padding: 0.25em 0.5em 0.25em 1em;  vertical-align: text-top;  text-align: left;  text-indent: -0.5em;}
.table3 td {  padding: 0.25em 0.5em 0.25em 1em;  vertical-align: text-top;  text-align: left;  text-indent: -0.5em; background-color:inherit;}
.table3 th {  vertical-align: bottom;  background-color:inherit;}
/*.table3 tr:nth-child(even) th[scope=row] {  background-color: ;}
.table3 tr:nth-child(odd) th[scope=row] {  background-color: }*/

.table3 tbody:first-child tr th{  background-color:var(--primary2)}
.table3 tbody:first-child tr td{  background-color:var(--primary2)}
.table3 tbody:nth-child(odd) tr{  background-color:var(--primary2)}
.table3 tbody:nth-child(even) tr{  background-color:white;}

/*.table3 td:nth-of-type(2) {  font-style: italic;  }
.table3 th:nth-of-type(3),td:nth-of-type(3) {  text-align: right;}*/




/* Fixed Headers */
.table3 th {position:sticky;top:0;z-index:2;}
.table3 th[scope=row] {position: sticky;  left: 0;  z-index: 100;}
.table3 th[scope=row] {vertical-align: top;  color: inherit;  background-color: inherit; /* background: linear-gradient(90deg, transparent 0%, transparent calc(100% - .05em), #d6d6d6 calc(100% - .05em), #d6d6d6 100%) */;}
.table3 :nth-of-type(2) th:not([scope=row]):first-child {  background-color: inherit; ; left: 0;  z-index: 3;  /* background: linear-gradient(90deg, #666 0%, #666 calc(100% - .05em), #ccc calc(100% - .05em), #ccc 100%) */;}

/* Strictly for making the scrolling happen. */
.table3 td {;font-size:1em;font-weight:bold;color: var(--black); }
.table3 th[scope=row] {  min-width: 5em;}
.table3 a{color:var(--black)}
 
/*.table3 tr:nth-child(even) td {background: red}
.table3 tr:nth-child(odd) td {background: yellow} */ 
 
/*.table3 tr th:nth-child(2n+1){background: }
.table3 tr td:nth-child(2n+1) {background: }*/
.table3 td:nth-child(even){min-width:6em}
.table3 td:nth-child(odd){width:1.5em}
/* merge to table3 at di end */
.table3 td{text-align:center}
.table3 tr td a{color:#b63327}


.tst tr td a{font-weight:normal; color:var(--black)}

/*  Whole Menu */
nav{ position: absolute; width: 100%; top: 0em; text-align: center; padding-top: 0.6em; justify-content: center; display: flex; align-items:center; flex-wrap:wrap; /* text-shadow: 2px 2px 4px black; */ font-size:1.3em; margin-bottom:45em; background-color:white;}
nav ul li{ text-align:left;   min-width:100px;   z-index:999; }
nav ul a{   text-decoration:none;   display:inline-block;  color:var(--black); padding:0 1em; transition:0.2s all linear;  }
nav ul a:hover{	transition:0.2s all linear;}
nav ul li:hover{/*text-shadow: 2px 2px 2px #000000;*/ 	transition:0.2s all linear;}
nav ul li ul li:hover{ background: #4885a2;}
nav ul li ul li{border-bottom: solid #2F4F4F 2px;}
nav ul a img{height:2.5em; width:12em; padding-right:1em;}
nav ul li  ul { margin-top:0em;background:white /*#1c1c1c*/ ;display:none;position:absolute;z-index:1999;}
nav ul li  ul li{ display:block; }
nav ul li:hover   ul{  display:block;}
nav ul li  ul li a{font-weight:normal; font-size:0.55em; padding:0.7em;font-weight:normal }
nav ul li a{font-size:0.6em; font-weight: bold;text-transform: uppercase; vertical-align:middle;}
nav ul li ul li ul li{display:none}
nav ul li ul li:hover ul li{display:block}
.info{ text-align: right; justify-content: right ;align-items:end;padding-top:0em;top:1.6em; right:-1em; }
.info ul{position:absolute; right:-1em;margin-top: 0em}
.info ul li{text-align:left; margin-right:1em;}
.info ul li ul li{margin-left:0em;}
.info ul li ul {margin-left:-5em;padding-right:1.5em}
.visi1{text-align:right; float: right }


.container button:not(.info-icon):hover{background-color:var(--secondary)}
.container {width:100%;background:none;overflow:hidden; align-items:center; z-index: 2;}
.container a:not(.info-icon) {color:white;background-size:cover;background-repeat: no-repeat; position:relative; min-width:20em; max-width:32em;border:1px solid white; width:10em; height:30em  ;text-align:center;  align-items:center; float:left;   box-sizing:border-box; overflow:hidden;  } 
.container a div:not(.info-popup) {position:absolute;;bottom:0;background-color:rgba(0, 0, 0, 0.5); border:none; width:100%; ; background-clip:content-box  ;  box-sizing:border-box;  }
.container a:last-child {border:none; }
.container:after{content:"";clear:both; }

/* Angebot Pics */
.bilder1{justify-content:center; align-items:center; background-color:white;}
.bilder1 a{min-width:15.1em; max-width:30em ; height:25em; background-size:cover; width:25em}
.bilder1 a h3{;line-height:1.2em; }
.bilder1 a div {font-size:0.95em;height:25%}
.bilder1 a:hover div {background-color:var(--secondary);font-weight:bold; }
.bilder1 a div:hover {color: #FFF; background: transparent; background: var(--secondary); display: block;transition: 0.5s ease; }
.bilder1 a:last-child {border:none;}
.bilder1:after{content:"";clear:both;}
.bilder1 a div h3{padding:0em 0.5em;font-size:1.25em; font-weight:bold;  height:2.5em; text-align:left; text-transform: none;   overflow: hidden; text-overflow: ellipsis; display: -webkit-box;   -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;padding-top:0.5em}
.bilder1 a div p span{padding:0.2em 0.5em;font-size:1em }
.bilder1 a div p span:nth-child(1) {float:left}
.bilder1 a div p span:nth-child(2) {float:right}
.bilder1 a div p{margin-bottom:0.5em}
.bilder .container {display:block}
.bilder .slider {display:none}

.kalendertile{justify-content:center; align-items:center; display:flex; }
.kalendertile a {height:7em;color:var(--black)}

/* .bilder2 a div section p p{ font-size:; padding-left:0.6em; padding-right:0.2em; margin-bottom:-1.5em; } */
/* Kästchen /mehr infos */

.r1 {display: flex;  flex-wrap: wrap;  justify-content: center;  } 
.r1 a {padding:1.5em; pointer-events:none; background-origin:content-box  ;background-clip: content-box;overflow:hidden; min-width:20em; max-width:32em; width:25em; height:20em;border:none;font-weight:normal;margin-bottom:4em; background-color:white}
.r1 a div {pointer-events: auto  ;width: auto;  left:20px; right:20px; bottom:2em;; margin-top:1em;padding-top:0;height:2.6em;  background-color: rgba(230, 51, 39, 0.0); /*border-radius:50px;*/ }
.r1 a div p{padding-top:0.8em; color:red; font-size:1.1em;}
.r1 a h2{   padding: 0.5em 1em;color:var(--black); }
.r1 a p{padding:1em; color:var(--black) }
.r1 a img{font-family:FontAwesome;text-align:center;color:var(--black); margin-top:-0.3em;border-radius:0%; width:1em; height:1em; font-size:4em;}
.r1 a:not(.info-icon) {color:white;background-size:cover;background-repeat: no-repeat; position:relative; min-width:20em; max-width:32em;border: none; width:10em; height:20em;text-align:center;  align-items:center; float:left;   box-sizing:border-box; overflow:hidden;  } 
/* Baikalsee flexibility */
.r2 {display: flex;  flex-wrap: wrap;  justify-content: center; align-items:flex-start;  } 
.r2 a:not(.acc-toggle) {padding:20px; background-origin:content-box  ; pointer-events:none;background-clip: content-box;overflow:hidden; min-width:25em; max-width:55em; width:25em; height:auto;border:none;font-weight:normal;margin-bottom:4em;border-radius:50px; background-color:white; color:var(--black); }
.r2 a.has-info{overflow: visible !important;}
.r2 a div:not(.info-popup) {pointer-events: auto  ;width: auto;  left:20px; right:20px; bottom:20px;; margin-top:1em;padding-top:0;height:2.6em;  background-color: rgba(230, 51, 39, 0.0); /*border-radius:50px;*/ }
.r2 a div p{padding-top:0.8em; color:red;font-size:0.8em;}
.r2 a div:hover {;font-size:1.3em; height:2.5em; font-weight:bold; transition: 0.2s ease;overflow:hidden;  /*border-radius:50px;*/}
.r2 a h2{  font-size:1.1em; padding: 0.5em 1em; }
.r2 a p{color:var(--black)}
.r22{margin:0 auto; padding:0em 2em; background-color:white;}
.r22 a{background-color:white; color:var(--black)}
.r22 a p{padding:1em}
.r23{text-align:justify; font-size:1em}
.r3 a{height:23em; }
.r3 a p{color:var(--black) ; width:75%; margin:0 auto; padding-left:2em}
.r3 a img{font-size:1em;height:auto}
.r3 a{margin-bottom:2em; font-size: 1em;}


.r24 a p a{ pointer-events: auto}

.mgtp{margin-top:3.5em;}
.leis1{width:90%; margin:0 auto;padding-top:2em; /* min-width:40em;*/ max-width:60em;  }
.aufpr{width:90%; }
.aufpr td {font-size: 0.91em}
.mrgtop{ margin-top:1em;}

.table1{width:100%;color:var(--black);text-align:left;padding:1em;border-collapse:separate;border-spacing:0;}
.table1 .table1k thead tr td{text-align: center;}
.table1 td {vertical-align:bottom;padding-bottom:0.2em;}

.r21 a{  min-width:30em; max-width:40em; width:20em; padding:0; margin:0;border-radius:0px;}
.backg{background-color:white; height:14em}

/* Reiseverlauf & Beschreibung des Hotels */
.sp1{padding-top:3em; margin-top:0.5em;text-shadow: 5px 5px 5px black;	color:white;}
.accordion {display:block;width:80%;padding: 0.5em 0.5em 1px 0.5em;margin: 0 auto;}
.accordion section{display:block;overflow:hidden;color:#333; cursor:pointer;margin:1em;}
.accordion:target{height:auto; width:97%;}
.accordion section, .accordion section h1 {text-align:left;}
.accordion section:target:hover {background:#FFF;}
.accordion section:target h1 {width:100%;}
.accordion section:target p {display:block;}
.accordion section h1 {text-align:left;color:#b63327;}
.accordion section h1 a{font-size:1em; text-decoration:none;color:inherit;font-weight:bold;}

@media all and (max-width:700px)
 {.accordion {width:auto;}
  .accordion section p {display:none;}
  .bilder .container {display:none}
  .bilder .slider {display:block}}

.txt{color:var(--black); background-color:white; padding:1em 1.5em; text-align:left;}
.txt div h2 {text-align:left;}
.txt div{text-align:justify; margin:0 auto;}
.txt h1{font-size:1em;}
.txt section li{; padding-bottom:2em; text-align:justify;}
.txt section a{color:#b63327}
.ptop { width: 100% ; margin: 0em auto; background-color:white;  text-align:center; }
.ptop h1 {color:#b63327;margin-top:1em; text-align:left}
.halv{font-family:var(--fontfamily);}

.blog {background-color:black; background-repeat:no-repeat; background-size:cover;   flex-wrap: wrap;  justify-content: center;  display:flex } 
.blog a {padding:20px; ;  background-origin:content-box ;background-clip: content-box; ; min-width:18em ;  max-width:26em; height:24em; width:20em;  font-weight:normal; border:none; background-repeat:no-repeat; background-size: 100%; pointer-events:none;}
.blog a div {;pointer-events: auto  ;width: auto; ;  left:20px; right:20px; bottom:20px; margin-top:1em; padding-top:0; height:2.6em; }
.blog a { }
.blog a div:hover {;background-color:var(--secondary)  ;font-size:1.2em; height:2.5em; font-weight:bold; text-align:center; align-items:center; transition: 0.3s ease;overflow:hidden;}
.blog a div p{padding-top:0.5em;font-weight:bold}
.blog a h2{font-size:1.4em; color:white; padding:3em 1em 1em 1em ; text-shadow: 2px 2px 8px #000000;}
.blog a p{padding-top:0.5em; text-shadow: 2px 2px 8px #000000; font-size:1.2em;}
.blog a:not{padding:20px; ;  background-origin:content-box ;background-clip: content-box; ; min-width:18em ;  max-width:26em; height:24em; width:20em;  font-weight:normal; border:none; background-repeat:no-repeat; background-size: 100%; pointer-events:none;}
/*.blog1{background-color: rgba(0, 0, 0, 0.7)} */

.symb {flex-wrap: wrap;  justify-content: center;padding-top:0.5em; display:flex; align-items:center; background-color:white; display:flex; padding:2em 0 ; } 
.symb a {padding:1em;  background-origin:content-box ;background-clip: content-box; ; min-width:15em; max-width:25em; width:15em; height:auto;  font-weight:normal; border:none;}
.symb a {pointer-events:none;}
.symb a h1{color:var(--black); padding-top:1em; text-transform: none;}
.symb a p{color:#b63327;padding-top:1em;font-weight:bold}
.symb a span{font-family:FontAwesome; color:#ccc ; font-size:4em;}
.symb a:not(.info-icon) {padding:1em;  background-origin:content-box ;background-clip: content-box; ; min-width:15em; max-width:25em; width:15em; height:auto;  font-weight:normal; border:none;} 

.symb2 {background-color:#FF7F7F; flex-wrap: wrap;  justify-content: center;padding-top:0.5em; display:flex; align-items:center;  } 
.symb2 a {padding:1em;  background-origin:content-box ;background-clip: content-box; ; min-width:15em; max-width:25em; width:15em; height:20em;  font-weight:normal; border:none;}
.symb2 a {pointer-events:none;}
.symb2 a p{color:var(--black);padding-top:1em;font-weight:bold}

/* Details von Jeder Reise  */
.teil{}
.teil {background-color:red; flex-wrap: wrap;  justify-content: center;; align-items:center; display:flex; } 
.teil a {padding:2em ;  background-origin:content-box ;background-clip: content-box; ; min-width:16em; max-width:20em; width:16em; height:auto;  font-weight:normal; border:none; ;}
.teil a {pointer-events:none;}
.teil a h2{color:var(--black);padding:1em 0;}
.teil a h3{color:#b63327; font-size:1.3em;}

.weiss{background-color:white}
.teilnew button:hover{background-color:var(--secondary)}
.teilnew {width:100%;background:none;overflow:hidden; align-items:center; z-index: 2;}
.teilnew div {  background-size: cover;background-repeat: no-repeat;   position:relative;    border:1px solid white;text-align:center;  align-items:center; float:left;   box-sizing:border-box; overflow:hidden;  } 

.teilnew {flex-wrap: wrap;  justify-content: center;; align-items:center; display:flex; padding:1em 0;background:white;} 
.teilnew div {background-origin:content-box ;background-clip: content-box; ; min-width:10em; max-width:15em; width:13.5em; height:auto;  font-weight:normal; border-right:2px solid black;pointer-events:none;margin:1em 0;}
.teilnew div:last-of-type {border:none;}

.teilnew div h2{color:var(--black);padding-bottom:1em;}
.teilnew div h3{color:var(--primary4); font-size:1.2em;}
.teilnew div h3 a{color:var(--primary4)}
.teilnew a {margin-left:1em;pointer-events:auto;}

.prlxheight{height:30em}


/*
.ziele ul li{ min-width:5em;   z-index:999;   padding:0 1em;   cursor:pointer; text-decoration:none;   color:white;   transition:0.2s all linear; border:1px solid black; border-radius:0px;background:; padding:0.3em; }
.ziele ul li form input{   cursor:pointer; }
.ziele ul li ul{border-radius:0px}
.ziele ul a:hover{	transition:0.3s all linear;}
.ziele ul li:hover{		background-color:#244747;	transition:0.3s all linear;}
.ziele ul li ul li{border-bottom: solid #2F4F4F 2px;padding:0 1em}
.ziele ul li form  ul {   background:#1c1c1c;   display:none;  position:absolute;  z-index:2000;  margin-left:-0.4em; margin-top:0.1em}
.ziele ul li  ul li{ display:block; }
.ziele ul li:hover ul{  display:block;}
.ziele{	color:white; width: 100%;text-align: center;padding-top: 1em;justify-content: center;display: flex;align-items:center;flex-wrap:wrap;}
.ziele ul li{margin:0.5em 1.5em;}
.ziele ul li form ul li{margin:0}
.ziele ul{list-style-type: none;  cursor:pointer; }
.ziele ul li form ul li input{	color:white;background-color:transparent;padding: 0.5em;}


*/


/* filter menu der liste */
.ziele ul li{ min-width:9em;z-index:999;padding:0 1em;cursor:pointer; text-decoration:none;   color:white;   transition:0.2s all linear; border:1px solid black; border-radius:0px;background:#142626; padding:0.3em; }
.ziele ul li form input{   cursor:pointer; }
.ziele ul li ul{border-radius:0px}
.ziele ul a:hover{	transition:0.3s all linear;}
.ziele ul li:hover{		background-color:#244747;	transition:0.3s all linear;}
.ziele ul li ul li{border-bottom: solid #2F4F4F 2px;padding:0 1em}
.ziele ul li form  ul {   background:#1c1c1c;   display:none;  position:absolute;  z-index:2000;  margin-left:-0.4em; margin-top:0.1em}
.ziele ul li  ul li{ display:block; }
.ziele ul li:hover ul{  display:block;}
.ziele {	color:white; width: 100%;text-align: center;padding-top: 1em;justify-content: center;display: flex;align-items:center;flex-wrap:wrap;}
.ziele ul li{margin:0 1.5em;}
.ziele ul li form ul li{margin:0; text-align:left}
.ziele ul{list-style-type: none;  cursor:pointer; }
.ziele ul li form ul li input{	color:white;background-color:transparent;padding: 0.5em;}
.space1{margin-top:0.2em}




.zielek2 {justify-content: center; align-items:center;}
.zielek2 ul li{; border-radius: 20px;   border: 1px solid #ddd; border-radius: var(--border1);box-shadow: 0 1px 3px rgba(60,63,66,.32),0 4px 12px rgba(60,63,66,.1);}
.zielek2 ul li form ul{background: none;}
.zielek2 ul li form ul li { font-weight: normal;   border: 1px solid #ddd; border-radius: var(--border1);box-shadow: 0 1px 3px rgba(60,63,66,.32),0 4px 12px rgba(60,63,66,.1);  }
.zielek2 border{border: 1px solid  black; border-radius: 30px;   }
.zielek2 ul li form ul li input{font-weight: normal;}





.zielek {justify-content:center;align-items:center; display:flex ;padding-bottom:1em }
.zielek ul {margin: 0em 2em;justify-content:center ;/* display:flex; z-index:1*/}
.zielek ul li span{text-align:right ; }
.margin12 ul li {margin:0.3em 0}
.zielek ul li {background:white; color:var(--black); font-weight:bold;/*z-index:1*/}

.zielek ul li ul li{z-index:100}


.zielek ul li:hover{background-color:gray}
.zielek ul label {color:var(--black); text-align:left; justify-content: left; align-items:start; display:flex; padding:0.6em 0 0 0; font-size:0.85em; font-weight:bold  ; }
.zielek ul li form ul li input{	color:var(--black); font-weight:bold ;   }
.zielek ul li form ul  { font-weight:bold ; }
.zielek ul li form ul li { font-weight:bold ;z-index:999}

.tkalender{background-color:white; width:100%;padding:3em 0.3em ; }

.tkalender tr th{text-align:left; padding:0em 0.5em ; }
.tkalender tr td{padding:0em 0.5em}
.tkalender tr td a{font-weight:normal; font-size:0.8em}
.tkalender tr td{white-space: nowrap;}

.kfilter {background-color:var(--primary);color:var(--black);/* margin-top:-2.5em;*/}
/* sortieren menu der liste */
.sort{ }
.sort input{   cursor:pointer; padding:0.3em }

.linkButton {background: none;border: none;color: #0F3C46;font-weight:bold;text-decoration:none;cursor: pointer;}
.sort .active {text-decoration:underline;}

/*  fieldset des Buchung prozess */
.rbuchung {background:white;font-size:0.9em;text-align:justify; padding:2em;margin:0 auto;text-align:left;display:flex;align-items:center;}
.rbuchung:after {content:"";display: table;clear:both;}
.rbuchung fieldset {padding:1em;float:left;min-width:8em;max-width:40em;width:40em;margin-right:1em;border:1px solid black;}
.rbuchung input{border:1px black solid; padding:0.3em;}
/*.rbuchung input[readonly] {color:darkgrey;}*/
.rbuchung label{font-size:1em;padding:0;width:20%;border-radius:0;float:left;margin-top:6px;}
.rbuchung fieldset legend {color: var(--primary4);font-size: 1.4em;padding-top: 1em;font-weight:bold;}
.rbuchung select{ width:3em;}

.rbuchung input[type=text],.rbuchung input[type=date],.rbuchung input[type=email],.rbuchung select,.rbuchung textarea{padding: 6px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;resize: vertical;width:60%;}
.rbuchung input[type=checkbox] {margin-right:1em;clear:left;float:left;}
.rbuchung input[type=submit] {background-color: #04AA6D;color: white;padding: 12px 10px;border: none;border-radius: 4px;cursor: pointer;float: right;}
.rbuchung input[type=text],.rbuchung input[type=date],.rbuchung input[type=email], select, textarea{float: left;width: 75%}
.rbuchung .row {width:100%;margin:0.5em 0;}
.rbuchung .row:after {content: "";display: table;clear: both;}
.rbuchung input[type="checkbox"] + label {float:left;margin:0;}

/* Sponsoren  */
.spr{padding: 1em 0; height: 15em}
.spr p{width :60%; float: right; padding:1em 0;}
.spr h1{width :60%; float: right; padding-top:1em }
.spr  img {width :30%; float: left; height:15em }
.spr p{width :60%; float: right; padding:1em 0;}
.spr h2{width :60%; text-align:left ; padding:1em 0; float:right}

@media screen and (max-width: 700px) {
.rbuchung fieldset {width:95%;min-width:8em;} 
.rbuchung input[type=text],.rbuchung input[type=date],.rbuchung input[type=email], .rbuchung select, .rbuchung textarea, .rbuchung label, .rbuchung input[type=submit] {width: 100%; margin-top: 0;}
.rbuchung label {width:100%;margin-bottom:0.5em;}
.table3 td {min-width:1.5em;}
}


.fs {padding:0;float:left;margin-right:0; background-color:white}
.fs input{border:1px black solid; width: 100%; padding :0.3em}
.fs label{ font-size:0.8em;line-height:0.7em; font-weight:bold}
.fs div label{ font-size:0.8em;line-height:0.7em; font-weight:bold; padding-top:0.5em; width:5em;}
.fs div input{border:1px black solid; width: 80%; padding :0.3em}
.fs select{width:5em ; padding :0.3em; }

.fs1 input{border:1px black solid; width: 50%;}
.fs1 label{ font-size:1em ; padding:0.6em 0;width:8.5em }

.fs2 input{border:1px black solid;width:2em; margin-left:2em}
.fs2 label{ font-size:1em ; padding:0.6em 0; line-height:1em; width:90%; font-weight:normal }

.fs4 p label{margin-left:1em; font-size:1em ; padding:0.6em 0; line-height:1em; width:90%; font-weight:normal}

.fszim p label{margin-left:1em; font-size:1em ; padding:0.6em 0; line-height:1em; width:50%; font-weight:normal}
.fszim p select{ width:3em}
	
.margt{ margin-top:0.5em}
.margt label{width:4.5em}

.spc p{padding:5px;}
.spc p input{left:1em; position:relative;border: black 1px solid }
.kontakt label{ padding:0;  width:200px; }
.kontakt a{ color:#0F3C46 ; font-weight:bold}
textarea {border: black 1px solid; padding:0.3em;}

.tblfont tr,td{font-size: 1.01em;}

	.a1{font-size:0.75em; margin-left:2em}

/* radiobutton Kontakt */
.radb {  display: block;  position: relative;  padding-left: 1.5em;  margin-bottom: 12px;  cursor: pointer;  font-size: 1.3em;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  font-weight:normal;}

/* Hide the browser's default radio button */

.radb input {  position: absolute;  opacity: 0;  cursor: pointer;}

/* Create a custom radio button */
.checkmark {  position: absolute;  top: 0;  left: 0;  height: 1.4em;  width: 1.4em;  background-color: #eee;  border-radius: 50%;}

/* On mouse-over, add a grey background color */
.radb:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radb input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radb input:checked ~ .checkmark:after {  display: block;}

/* Style the indicator (dot/circle) */
.radb .checkmark:after { 	top: 0.45em;	left: 0.45em;	width: 0.5em;	height: 0.5em;	border-radius: 50%;	background: white;}

/* Footer */
/*.footer {margin-top:1em;}*/
.footer section{    display: flex;    flex-wrap:wrap ; background-color:black;background-position: center center;display: flex; ;align-items: center;padding-bottom:1.5em }	
.footer section div {    flex-grow: 1;    min-width:20em;    max-width:30em;    height:13em; font-size:1em;	color:white;    background:black;	;text-align: left ; padding-left:3em ; margin-top:2em; }	
.footer section div p a{color:white;font-size:1em;font-weight:normal}
.footer section div a img{margin-bottom:2em; ; width:15em;}
.footer section div h1{font-size:1.3em;text-align:left;text-transform: uppercase;margin: 1em 0;}

.ba{background-color:white}
.ba section{    display: flex;    flex-wrap:wrap ; background-color:white;background-position: center center;display: flex; ;align-items: start; width:85%; margin: 0 auto; justify-content: center;}	
.ba section div {    flex-grow: 1;    min-width:20em;    max-width:30em;   /* height:15em;*/  font-size:1em;	color:white;    background:white;	;text-align: left ; padding-bottom:1em ; margin-top:0em; text-align: justify;}	
.ba section div p a{color:red;font-size:1em;font-weight:Bold ;color:#b63327 }
.ba section div a img{margin-bottom:2em; ; width:15em;}
.ba section div h1{font-size:1.3em;text-align:left;text-transform: uppercase; color:var(--black); }
.ba section  div p{color: var(--black); padding-left: 2em }


.red1{color: var(--primary4);}
.box{	padding:0 3em;}
.nwslt{}
.nwslt input{ margin:0.5em 0;border: solid 1px black;}

/* Seite.php  Titel*/
.title1{background-color:white;padding-bottom: 2em ;text-align:center; padding-top: 1.5em }
.neu1{background-color:black; color:white}
.ti2 {margin-top:13em; padding:1em 0;}
.title2{display: block;padding-bottom:1em;margin-top:-1.5em;  margin-left: auto;margin-right: auto;color:white; text-shadow: 0px 0px 20px black;}
.leftbundig{text-align:left;}
.rightbundig{text-align:right;}
.neu{background-color: rgba(0, 0, 0) ;color:white;}

/* All buttons */
button {color:white;text-align:center;text-decoration:none;display:inline-block;font-size: 1.2em;font-weight:bold;cursor:pointer;padding:15px;border-radius:100px;background-color:var(--buttoncolor);margin-top:1em;}	
.button1 {font-size: 0.8em;font-weight:bold;cursor:pointer;padding:5px;border-radius:10px;background-color:#4885a2;}	
/* ?? */
.flex-container {  display: flex;  align-items: center;  justify-content: center;  margin:0em 5em 3em 5em;  position: relative;}
.flex-container > div {	  background-color: white;  margin: 10px;  position: relative;  font-size: 1em;}

/* Slideshow container */
.slideshow-container {position:relative; max-width: 1000px; margin: auto;}
/* Slides der Meinung */
.mySlides {display:none;padding:20px;text-align:center;}

/* The dot/bullet/indicator container */
.dot-container {text-align: center; ; background-color:white;padding-bottom:2em;margin-top:-2em }

/* The dots/bullets/indicators */
.dot {  cursor: pointer;  height: 5px;  width: 5px;  margin: 0 2px;  background-color: #bbb;  border-radius: 50%;  display: inline-block;  transition: background-color 0.6s ease;}

/* Add a background color to the active dot/circle */
/*.active, .dot:hover {  background-color:;}*/

/* Add an italic font style to all quotes */
.quote {font-style: italic;font-size:1.7em;}
.author{ padding-top:1em;font-weight:bold; color:#b63327; padding-top:1.5em;font-size:0.8em;}
.Jahr{color:#b63327 ;; font-weight:normal;}

.hide1{display: none}

.Calendar {padding:1em 0em;  color:black; background-color: white;}
nav input#responsive-nav{display:none;}
nav input#responsive-nav{display: none;}
nav label.responsive-nav-label{display: none;}

.picuberuns{width:60em}

.parallax__layer {padding-top:38vw}

.hideinfo{ visibility: hidden;}
.hideinfo1{visibility: visible;}		  
		  
.deactive1 span a{display:none}
.deactivate2{pointer-events:none}

.news {width:30%}
.left {width:65%}	
	
	
@media screen and (max-width: 850px) {

.deactive1 a{display:none}
.deactive1 span a{display:block}	
nav{padding-top:0;}
nav label.responsive-nav-label {;position:absolute; left:0; top:-0.6em ;display:block;padding:0.5em;  ;cursor:pointer; float: left;  background:white ;color:var(--black);font-size:0.8em ;width:2em }
.hide{display: none ; }
.hideinfo{ visibility:visible;}
.hideinfo1{visibility:hidden;}
.hide1{display: flex}
.t1{display:block}
nav label.responsive-nav-label span {position: absolute; margin: 0em; top:1em; width:2em}
nav ul {position: absolute;top: -9999px; left:0px; width:auto; text-align:left; align-items:baseline; flex-wrap:wrap;  }
nav .nav2 ul{position:absolute; top:0px; flex-direction:row;}
nav .nav2{display:flex; flex-direction:row; flex-wrap: wrap;}
nav .nav2 ul li{flex-direction:row; flex-wrap: wrap;}
nav ul li a{font-weight:bold}
nav ul a img{height:1em}
nav ul li{ display:block; }
nav ul {float:none !important;width:auto !important;border:none !important;}
nav ul {display:block; z-index: 9999;}
nav ul a {;padding: 10px 20px !important;height:100%; width:9em; background-color: white/*#1c1c1c */ ;top:15px ;}
nav ul a:hover{ background: #4885a2;text-decoration:none;}
nav ul li ul {position: relative !important;  width: auto;  left: 0 !important;  top: 0 !important;  background: none !important;box-shadow: none;margin-left:0px;  }
nav ul li ul {padding-left: 20px;width:auto ;  margin-top:0em;;}  
input#responsive-nav[type=checkbox]:checked ~ ul {position:absolute;top:1.1em; z-index:99999999}
nav ul a:after {} 
nav div{top:0px; right:20px ; position:absolute}
a.bx-prev{}

.zielek {justify-content: center; align-items:center;}
.zielek ul li{border:1px solid #ddd; border-radius:var(--border1);box-shadow: 0 1px 3px rgba(60,63,66,.32),0 4px 12px rgba(60,63,66,.1);}
.zielek ul li form ul{background: none;}
.zielek ul li form ul li { width:20em ; font-weight: normal;   border: 1px solid #ddd; border-radius: var(--border1);box-shadow: 0 1px 3px rgba(60,63,66,.32),0 4px 12px rgba(60,63,66,.1);  }
.zielek border{border: 1px solid  black; border-radius:var(--border1);}
.zielek ul li form ul li input{font-weight: normal;}

.r2 a {padding:10px;min-width:300px; max-width:800px; width:300px; }
.r1 a { }
.txt{ padding:1em 2em; }
.leis1 a{ /*border-bottom: 1px solid black; border-right: 0px solid white; */ width:100%; } 
#reisefotos_slider, #hotelfotos_slider {display:block;}
#reisefotos_slider .bx-caption, #hotelfotos_slider .bx-caption {position:relative;bottom:1.8em;right:1em;text-align:right;}
#reisefotos_slider div span, #hotelfotos_slider div span {font-size:0.6em;}
#reisefotos_container, #hotelfotos_container {display:none;}
.bx-wrapper {background:white;}
.bilder1 a{height:20em}
.kalendertile a{height:7em; padding: 0.1em;}
.a1{margin-left:0em}

.control-me {width:0;float:left;transition: width 0.2s;visibility:hidden;z-index:1;}
.control-me form{line-height:1.2em;position:absolute; top:0.3em; right:1em;z-index:1;}
.control-me input{position:absolute; right:8em; border-radius: 25px;  padding:0.1em 0.1em;z-index:1;border:1px solid black ;}
.control-me form button{position:absolute;margin-top:0em;   padding: 0.1em ; font-size:1em;  ; right:3em; font-weight:normal;color:var(--black); background-color:white; border-radius: 25px;z-index:1; border:1px solid black; }
.sch{margin-left:0.5em  ; position:absolute; top:0em; right:1em;z-index:1;}
.sch span{font-family:FontAwesome; font-size:1.2em; color:var(--black);}
h1{font-size:1.5em;}
h2{font-size:1.1em;}
h3{font-size:0.9em;}

}

@media all and (orientation: portrait)
{wrapper {width:95%;}}

@media all and (orientation: landscape) and (min-width: 900px)
{wrapper {width:70%;}}


@media all and (max-width: 6500px) and (min-width:2501px) {
	
.contenthtml{width:60%; margin:auto;}

 body { font-size:1.35em}
.leis1 a{border-right: 1px solid black; border-radius: 0; min-width:27em; max-width:50em;} 
.parallax__layer {padding-top:45em}
.control-me input{ right:20em; margin-top:0.5em}
.bilder1 a{min-width:14em; max-width:20em ; height:20em; background-size:cover; width:25em}
}

@media all and (max-width: 2500px) and (min-width:1501px) {
 html {}
.bilder1 a{min-width:12em; max-width:20em ; height:20em}
.bilder2 a{min-width:12em; max-width:20em ; height:20em}
.bilder2 a div section p span{padding-left:0.6em; padding-right:0.2em; margin-bottom:-1.5em;font-size:0.9em}
 body { font-size:1.1em}
.leis1 a{border-right: 1px solid black; border-radius: 0; min-width:30em; max-width:40em; }
.parallax__layer {padding-top:39em}
.control-me input{ right:10em;margin-top:0em}

}

@media all and (max-width: 1500px) and (min-width:1101px) {

.bilder1 a{min-width:18em; max-width:26em ; height:23em}
.bilder2 a{min-width:18em; max-width:26em ; height:23em}
/* .leis1 a:last-child{border-left: 1px solid black; border-radius: 0} */
.leis1 a:not(.info-icon){border-right: 1px solid black; border-radius: 0; min-width:20em; max-width:40em;}
.testpic p img{width:40em;}
.picuberuns{width:42em; }
}


@media all and (max-width: 1100px) and (min-width:901px) {

 body {font-size:1em;}
.bilder1 a{min-width:16em; max-width:26em ; height:23em}
.leis1 a{border-right: 1px solid black; border-radius: 0; min-width:20em; max-width:40em;}	
.testpic p img{width:40em;}
.picuberuns{width:42em; }
/*.ziele {margin-top:0;}*/
}

@media all and (max-width: 900px) and (min-width:701px) {

 body { font-size:0.9em;}
.bilder1 a{min-width:16em; max-width:26em ; height:23em}
.leis1 a{border-right: 0px solid black; border-bottom: 1px solid black; border-radius: 0; min-width:35em; max-width:60em;}
.ptop { width: 80% ; margin: 1em auto}
.testpic p img{width:30em;}
.picuberuns{width:35em}
.parallax__layer {padding-top:25em}
.kartemargin{margin-left:8em}
.leis1{width:80%; margin:0 auto;padding-top:2em; min-width:25em; max-width:50em; width:auto; } 
.sp1{padding-top:5.5em;}


}

@media all and (max-width: 700px)
 {.accordion section p {display:none;}
 #bx-pager {display:none}
.news {width:90%} 
.left {width:90%}
.bx-wrapper .bx-pager.bx-default-pager a{margin-top:7em;}
.ptop { width: 100% ; margin: 0em auto; background-color:white;  text-align:center; }
.r22 {width:92%;}
.prlxheight{height:110em}
.leis1{width:80%; margin:0 auto;padding-top:2em; min-width:25em; max-width:50em; width:auto; } 
.sp1{padding-top:1em;}
.r1 a img{font-family:FontAwesome;text-align:center;color:var(--black); margin-top:0;border-radius:50%; width:1em; height:1em; font-size:4em;  margin-top:-0.38em}
.table3 td:nth-child(odd){width:1.5em}

 }

@media all and (max-width: 700px) and (min-width:451px) {
  body{font-size: 0.8em;}
 .news {width:90%}
 .left {width:90%}
 .bilder1 a{min-width:20em; max-width:40em ; height:25em}
 .kalendertile a{height:5.4em ; padding: 0.1em;}
 .bilder2 a{min-width:18em; max-width:35em ; height:25em}
 .bxslider li a span{bottom:10em;}
 .testpic p img{width:25em;}
 .picuberuns{width:25em}
 .parallax__layer {padding-top: 22em;}
 .mid50{width:80%}
 .mid80{width:90%}
 .mid70{width:80%}
 .r3 a{min-width:14em; max-width:24em; height:20em}
 .kartemargin{margin-left:7em}
 .leis1{width:85%; margin:0 auto;padding-top:2em; min-width:25em; max-width:50em; width:auto; }

 /* .blog1 a { ; min-width:20em; max-width:40em;  width:30em;  height:45em; } */
}

@media all and (max-width: 450px) and (min-width:330px) {

 .news {width:90%}
 .left {width:90%}
 .bilder1 a div h3{font-size:1.6em; height:auto}
 .bilder1 a div p span{padding:0.5em 1.0em;font-size:1.3em }
 .aufpr{width:84%; font-size:1.2em; padding-bottom:0.35em}
 .bilder1 a{min-width:20em; max-width:40em ; height:30em}
 .bilder2 a{min-width:20em; max-width:40em ; height:35em}
 .bilder2 a div h3{ font-size: 1.2em;}
 .bxslider li a span{bottom:7em;}
 .testpic p img{width:20em;}
 .picuberuns{width:20em}
 .parallax__layer {padding-top: 16em;}
 .ziele {margin-top: ;}
 .mid50{width:95%}
 .mid80{width:95%}
 .mid70{width:90%} 
 /* .blog1 a { ; min-width:15em; max-width:30em;  width:22em;  height:45em; } */
 .r1 a { min-width:30em; max-width:45em;; height:20em;}
 .bx-wrapper img{height:21em;}
 .r3 a{min-width:20em; max-width:40em; height:25em}
 .kartemargin{margin-left:5em}
 .leis1{width:58%; margin:0 auto;padding-top:2em; min-width:25em; max-width:50em; width:auto; } 
 .aufpr td {; font-size: 0.81em}

 }

/* === Zeile =============================================================== */
.ap-row{
  position: relative;                 /* Bezugsrahmen für lokales Overlay */
  display: flex;
  align-items: flex-start;
  gap: 8px;
  overflow: visible;                  /* Tooltip darf überstehen */
}
.ap-row .ap-label{ flex: 1; margin: 0; position: relative; z-index: 0; }

td.info-cell{position: relative;overflow: visible;vertical-align:bottom;}

/* Zelle/Umfeld: Tooltip darf "überstehen" */
td.info-cell,
.info-wrap { position: relative; overflow: visible; }

/* Icon (SVG als Background) */
.info-icon{
  all: unset;
  display: inline-block;
  cursor: pointer;
  pointer-events:auto;
  margin-left: 6px;
  width: 1.25em; height: 1.25em;
  vertical-align: -0.15em;
  background: center/contain no-repeat url("/images/question-circle-blue.svg");
}

/* Tooltip & Overlay im <body> (Portal) */
#info-overlay{
  position: fixed; inset: 0;
  background: transparent;
  /*background:rgba(0,0,0,.06);*/
  display: none;
  z-index: 2147483646;
}

#info-tooltip{
  position: fixed;                /* viewport-basiert, parallax-sicher */
  display: none;
  max-width: 42ch;                /* angenehme Zeilenlänge */
  background: #333; color: #fff;
  padding: 6px 8px; border-radius: 6px;
  font-size: .85em; line-height: 1.35;
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
  z-index: 2147483647;
  pointer-events: none;           /* nur Overlay/Trigger klicken */
  width: max-content;
}

/* kleiner Pfeil */
#info-tooltip::before{
  content: "";
  position: absolute;
  border: 6px solid transparent;
}

/* Varianten für Ausrichtung */
#info-tooltip[data-side="right"]::before{
  left: -6px; top: 10px; border-right-color: #333;
}
#info-tooltip[data-side="left"]::before{
  right: -6px; top: 10px; border-left-color: #333;
}
#info-tooltip[data-side="bottom"]::before{
  top: -6px; left: 12px; border-bottom-color: #333;
}
#info-tooltip{will-change: top, left;}
#info-tooltip{opacity: 0;transform: translateY(-4px);transition: opacity .14s ease, transform .14s ease;will-change: opacity, transform; /* pos bleibt im JS */}
#info-tooltip.is-open{opacity: 1;transform: translateY(0);}

/* Fokus sichtbar machen */
.info-icon:focus { outline: 2px solid #2196F3; outline-offset: 2px; border-radius: 4px; }


/* barrierearm: animationen aus, wenn bevorzugt */
@media (prefers-reduced-motion: reduce){
  #info-tooltip{ transition: none; transform: none; }
}

/* ===== Plus/Minus-Button – GLOBAL ===== */
.acc-toggle.acc-plus{
  all: unset;
  pointer-events:auto;
  display:inline-grid; place-items:center;
  width:1.25em; height:1.25em;
  cursor:pointer;
  border:1px solid #888; border-radius:50%;
  font: inherit; line-height:1;margin-right:0.2em;
}
.acc-toggle.acc-plus::before{ content:'+'; font-weight:700; }
.acc-toggle[aria-expanded="true"].acc-plus::before{ content:'\2212'; }

/* ===== Tabelle (Accordion unter voller Breite) ===== */
tr.acc-details[hidden]{ display:none !important; }
tr.acc-details{ display:table-row; }
tr.acc-details > td.acc-cell{
  background:#f7f9fc;
  border-left:3px solid var(--primary, #2196F3);
  padding:.6rem .75rem;
}
td.spacer{ width:0.1%; }

/* ===== Formular-Zeilen (.ap-row) – Grid-Layout ===== */
.ap-row{
  position: relative;
  display: grid;                      /* nur GRID nutzen */
  grid-template-columns: auto 1fr auto;/* Checkbox | Label | Button */
  column-gap: 8px;
  row-gap: 6px;
  align-items: start;
  margin: .25rem 0;
}
.ap-row > input[type="checkbox"]{ grid-column:1; margin-top:.2em; }
.ap-row > .ap-label{
  grid-column:2; min-width:0; width:auto !important;
  overflow-wrap:anywhere;             /* lange Texte umbrechen */
}
.ap-row > .acc-toggle{ grid-column:3; }
.ap-row > .ap-acc-details{ grid-column:2 / -1; }
.ap-acc-details[hidden]{ display:none; }

/* Panel-Optik (Form) */
.ap-acc-pane{
  position:relative; background:#f7f9fc;
  padding:.55rem .75rem .55rem 1rem;
}
.ap-acc-pane::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:var(--primary, #2196F3);
}

/* ===== Aufzählung (ul-img) – Bullet + List-Accordion ===== */
.ul-img{ list-style:none; margin:0; padding:0; text-align:left; }
.ul-img li{
  position:relative; padding-left:1.2rem; margin:.35rem 0;display:block;}
.ul-img li::before{
  pointer-events:none; content:"";
  position:absolute; left:0; top:.6em; transform:translateY(-50%);
  width:.5rem; height:.5rem;
  background:center/contain no-repeat
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><circle cx='5' cy='5' r='5' fill='%23222'/></svg>");
}

/* Button in UL: kleiner + Abstand zum Text */
.ul-img .acc-toggle{ position:relative; z-index:3; }
.ul-img .acc-toggle.acc-plus{
  width:1.1em; height:1.1em; margin-left:.5rem; /* nur Unterschiede */
}

/* Panel unter Listentext */
.li-acc-details[hidden]{ display:none; }
.li-acc-details{ margin-top:.35rem; }