@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

body    {
font-size: 16px; 
font-family: "Montserrat",sans-serif;
line-height: 1.5;
color:#000;
font-weight: 400;
text-rendering: optimizeSpeed;
margin: 0;  
background-color:#fff; 
overflow-x: hidden; 
box-sizing: border-box;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-arrow-color: #000;
	scrollbar-base-color: #F0F0EE;
	scrollbar-darkshadow-color: #9AB4BE;
	scrollbar-face-color: #C0C0C0;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #F0F0EE;
	scrollbar-track-color: #F5F5F5;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  
}

* {
  margin: 0;
  padding: 0;
}
html {min-height:100%;}

.loader {
position: fixed;
  width: 350px;
  height: 200px;
  z-index: 999999992;
    top: 50%;
    left: 50%;
    margin-top: -175px;
    margin-left: -200px;  
    background:#fff;
    padding:30px; 
    border: 1px #000 solid;
    text-align:center;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
  display: none;
  
}


a.weis           {color:#fff;}

.cookie500   {position: relative; width: 650px; margin: 0 auto; transition: 0.5s;}
.cookieboxIN {position: absolute; top:250px; width:100%; background-color:#fff; z-index:999999992;}
.cookieboxH   {float: left; width:100%; border-bottom:1px #000 solid; font-weight:bold; color:#fff; background-color:#1E7FA9; padding:10px; text-align:center;}
.cookieboxCO   {float: left; width:100%; background-color:#fff;}
.cookieboxLI   {float: left; width:100%; font-size:0.7em; text-align:justify; padding:10px;}
.cookieboxRE   {float: left; width:100%; padding:10px;  }

.cookieboxLI1   {float: left; width:100%; padding:10px;}
.cookieboxLI11  {float: left; width:100%; font-size:0.7em; margin-bottom:3px;}
.cookieboxLI12  {float: left; width:100%; font-size:0.7em; border:1px #000 solid; margin-bottom:10px;}
.cookieboxLI13  {float: left; width:10%;  border-right:1px #000 solid; padding:5px; text-align:center;}
.cookieboxLI14  {float: left; width:20%;  border-right:1px #000 solid; padding:5px;}
.cookieboxLI15  {float: left; width:50%;  border-left:1px #000 solid; margin-left:-1px; padding:5px;}

.cookieboxSC  {float: left; width:100%; padding:15px; border:1px #000 solid; margin-bottom:5px; background-color:#1E7FA9; text-align:center; color:#fff; font-size:0.9em; font-weight:bold; cursor:pointer; text-decoration:none;}
.cookieboxSC:hover   {background-color:#FF6600;}

span.reiseID {float:left; left:0; font-size :0.6em; margin-top:10px; }


.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  background: rgba(0,0,0,0.5);
  z-index: 999999991;
}

.schalterAA        {float:left; width:100%; padding:10px; text-align:center; margin-bottom:20px; font-weight:bold; margin-top:20px; border:1px #c0c0c0 solid; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); background-color:#0000FF; color:#fff;}
.schalterAA:hover  {color:#FF6600;}


.head {float:left;  text-align:center; width:100%; font-weight:800; color:#fff;  text-shadow: 3px 3px 3px #000;}
.head1 {float:left; margin-top:-20px; text-align:center;  width:100%; color:#fff; text-shadow: 3px 3px 3px #000;}
.head2 {float:left; margin-top:-20px; text-align:center; width:100%; color:#fff; text-shadow: 3px 3px 3px #000;}

.header        {float:left; width:100%; padding:20px; height:100px; border-bottom:3px #FF8000 solid;}
.logo          {display:block; width:250px; height:60px; padding:5px; text-align: left; margin-top:5px; margin-bottom:5px;}
.logoP          {position:absolute; width:250px; height:250px; top:30px; left:50px;}

.phones        {float:right; text-align:right; width: 70%; z-index:1001; margin-top:-80px; font-size:1em; margin-right:50px;}
.menuBlock     {float:left; width:100%; margin-top:-130px; background-color:#1E7FA9; border-bottom:3px #71ABC4 solid; z-index:50000000;}
.MBlock     {display:none;}


.content       {float:left; width:100%; min-height:550px; background-color:#fff;}
.contBlock     {float:left; width:100%; height:500px; padding-top:130px; border-bottom:3px #71ABC4 solid;}
.contBlockP     {float:left; width:100%; height:650px; border-bottom:3px #71ABC4 solid;}

.wrapper       {position: relative; width: 1236px; margin: 0 auto; transition: 0.5s;}

.wrapperCont   {float:left; width: 100%; padding-top:20px; padding-bottom:20px; margin: 0 auto; transition: 0.5s;}
.wrapperContCOL   {float:left; width: 100%; padding-top:20px; padding-bottom:20px; margin: 0 auto; transition: 0.5s; background: linear-gradient(to right, #1E7FA9, White 65%);}
.wrapperContCOLA  {float:left; width: 100%; padding-top:20px; padding-bottom:20px; margin: 0 auto; transition: 0.5s; background: linear-gradient(to right, White 55%, #1E7FA9);}
.wrapperContCOLB  {float:left; width: 100%; padding-top:20px; padding-bottom:20px; margin: 0 auto; transition: 0.5s; background: linear-gradient(to right, #1E7FA9, White 43%);}


.wrapperContCOLL   {float:left; width: 100%; padding-top:20px; padding-bottom:20px; margin: 0 auto; transition: 0.5s; background: linear-gradient(to right, White 35%, #1E7FA9);}


.wrapper1250   {position: relative; width: 1250px; margin: 0 auto; transition: 0.5s;}
.wrapper1000   {position: relative; width: 1000px; margin: 0 auto; transition: 0.5s;}


.wrapperTXT   {position: relative; width: 1000px; margin: 0 auto; transition: 0.5s; text-align:center;}
.wrapperTXTA   {position: relative; width: 1000px; margin: 0 auto; transition: 0.5s; text-align:center;}

.Vblockk {position: relative; width:40%; min-height:250px; padding:20px; border:1px #c0c0c0 solid; margin: 0 auto; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); font-size:0.8em;}
.Vblockk0 {float:left; width:100%; margin-bottom:20px; }
.Vblockk01 {float:left; width:100%; margin-bottom:10px; font-size:1.5em; font-weight:bold;}

.Vblockk1 {float:left; width:49%; border:1px #c0c0c0 solid; }
.Vblockk2 {float:left; width:2%; padding-top:4px; font-size:1.5em; font-weight:bold;}
.Vblockk3 {float:left; width:100%; margin-bottom:10px; margin-top:10px; text-align:justify; }

.gpx0 {float:left; width:100%; margin-bottom:10px; margin-top:10px; padding-bottom:4px; border-bottom :2px #c0c0c0 solid;}
.gpx1 {float:left; margin-left:5%; width:95%; margin-bottom:5px; margin-top:5px; padding-bottom:2px; border-bottom :1px #c0c0c0 solid;}
.gpx2 {float:left; margin-left:5%; width:95%; border-bottom :1px #c0c0c0 solid; border-left :1px #c0c0c0 solid; border-right :1px #c0c0c0 solid;}
.gpx2-1 {float:left; width:10%; border-right :1px #c0c0c0 solid; padding:5px; text-align:center;}
.gpx2-2 {float:left; width:70%; border-right :1px #c0c0c0 solid; padding:5px;}
a.gpx2-3 {float:left; width:10%; text-align:center; padding:5px; font-size:1.3em; color:#009900;}
a.gpx2-3:hover { background-color:#009900; color:#fff;}




.vorschauA {position: relative; width:30%; height:130px; padding:20px; border:1px #c0c0c0 solid; margin: 0 auto; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}
.vorschauA:hover {position: relative; width:30%; height:130px; padding:20px; border:1px #c0c0c0 solid; margin: 0 auto; background-color:#FF6600; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); cursor:pointer;}


.vorschauA1 {float:left; width:100%; font-weight:bold; font-size:1.5em;}
.vorschauA2 {float:left; width:100%; font-weight:bold; font-size:1.5em;}
.vorschauA3 {float:left; width:100%; font-weight:bold; font-size:0.8em;}

.vorschauBlock {float:left; width:100%; border:1px #c0c0c0 solid; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); margin-top:50px; text-align:left}
.vorschauH1 {float:left; width:100%; border-bottom:1px #c0c0c0 solid; background-color:#FF6600; padding:15px; font-weight:bold; font-size:1em;}
.vorschauA11 {float:left; width:100%; border-bottom:1px #c0c0c0 solid; padding:10px:}
.vorschauA12 {float:left; width:5%; border-right:1px #c0c0c0 solid; padding:5px; text-align:right;}
.vorschauA13 {float:left; width:15%; border-right:1px #c0c0c0 solid; padding:5px;}


.vorschauA14 {float:left; width:35%; border-right:1px #c0c0c0 solid; padding:5px;}
.vorschauA15 {float:left; width:15%; border-right:1px #c0c0c0 solid; padding:5px; text-align:center;}


.flip-card {float:left; background-color: transparent; width: 300px; height: 300px; perspective: 1000px; margin-left:50px; margin-bottom:20px;}
.flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}
.flip-card:hover .flip-card-inner { transform: rotateY(180deg);}
.flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.flip-card-front { background-color: #bbb; color: black;  background-color:#fff;}
.flip-card-back { background-color: #2980b9; color: white; transform: rotateY(180deg);}

.flip-card-block { float:left; width:100%; margin-top:40px;}
.flip-card-head { float:left; width:100%; text-align:right; padding:10px;}
.flip-card-textF {font-size:1.2em; font-weight:bold; margin-top:10px;}
.flip-card-textFF {font-size:1.1em; font-weight:bold; padding:5px; margin-top:10px;}
.flip-card-textFFF {font-size:1em; padding:10px; margin-top:20px; text-align:justify;}
.flip-card-textFFF1 {font-size:1em; padding:10px; margin-top:50px; text-align:center;}


.flip-card-kreis {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background-color: #1E7FA9;
  padding-top:25px;
  color:#fff;
  font-size:3em;
}

.cashblockHHH    {float:left; width:100%; border-bottom:1px #71ABC4 solid; padding:10px; background-color:#00D9D9; text-align:center; color:#000; font-size:1.5em; font-weight:bold; cursor:pointer;}
.cashblockHHH:hover    {background-color:#555555; color:#fff;}


.block100       {float:left; width:100%;margin-bottom:20px;}


.block70       {float:left; width:70%; padding:10px;}
.block50       {float:left; width:50%; padding:10px;}


.block30       {float:left; width:30%; padding:10px;}
.block70_1       {float:left; width:100%; border-radius: 20px; height:400px;}
.block70_2       {float:left; width:90%; margin-left:5%; min-height:200px; border-radius: 10px; margin-top:-100px; padding:20px; background-color:#fff; box-shadow: 5px 5px 5px #c0c0c0;}
.block70IN_1       {float:left; width:100%; font-size:1.3em; font-weight:bold; text-align:center;}
.block70IN_2       {float:left; width:100%; font-size:1.1em; text-align:center; margin-top:30px;}
.block70IN_3       {float:right; width:50%; text-align:right; padding:20px; margin-top:50px;}
.block71_2       {float:left; width:70%; border-radius: 20px; height:400px;}
.block71_1       {position:relative; width:50%; border-radius: 20px; padding:20px; height:300px; margin-top:50px; margin-left:50%; background-color:#fff; box-shadow: 3px 3px 3px 3px #c0c0c0;}
.block71_1T      {position: relative; left:-90px; width: 100%; margin-top:20px;}
.block70_3       {display:none;}

.INblockH       {float:left; width:100%; margin-bottom:5px; font-size:1.2em; font-weight:bold; margin-top:50px;}
.INblockH1      {float:left; width:100%; margin-bottom:10px; font-size:1em; font-weight:bold;}
.INblockC      {float:left; width:100%; font-size:0.9em; margin-bottom:3px;}
.INblockC1     {float:left; width:10%; text-align:center; font-size:1.1em; color:#00FF80; font-weight:bold; padding-top:2px;}
.INblockC2     {float:left; width:90%;}

.error       {float:left; width:100%;}
.smal       {float:left; width:100%; font-size:0.5em;}


.sticky        {position: fixed; top: 130px; width: 100%;}
.stickyy        {position:fixed; width: 30px;  top:100px;}

h1             { font-size:4em;}
h2             { font-size:2.5em;}
h2.Uschrift    { font-size:2.5em; color:#fff; text-shadow: 3px 3px 3px #000;}
h2.UschriftH    { font-size:2em; color:#fff; text-shadow: 3px 3px 3px #000;}


h2.UschriftG    { font-size:2.5em; color:#EAEAEA; text-shadow: 3px 3px 3px #000;}
h2.UschriftGC    { font-size:2em; color:#EAEAEA; text-shadow: 3px 3px 3px #000; text-align:center;}

h2.linktext    { font-size:1em; color:#fff; text-shadow: 3px 3px 3px #000;}
h3.linktext    { font-size:1em;}
h3.UschriftGC    { font-size:1em; color:#000; text-align:center;}


span.orange      {color:#FF8000;}
span.textA      {color:#fff;}
span.textB      {color:#000; font-weight:bold; font-size:1.2em;}
span.links1        {float:right; font-size:1em; padding-top:5px;}
span.links2        {float:right; font-size:1.2em; text-decoration:none; color:#fff; cursor:pointer;}

span.contH2        {font-size:1.3em; padding-top:5px; font-weight:bold;}
span.text1      {color:#000; font-weight:bold; font-size:0.7em;}
span.text2      {font-size:0.5em;}
span.preisNo         { font-size:0.6em; color:#FF0000; text-decoration:line-through;}
span.rot         {color:#fff; font-size:1em; font-weight:bold;}
span.txth3A         { font-size:1em; margin-top:-30px; font-weight:normal; text-align:justify;}


.uschriftP       {text-align:center; font-size:2em; font-weight:bold; color:#FF6600;text-shadow: 2px 2px 2px #000;}
.uschriftPP       {float:left; width:100%; text-align:center; font-size:2em; font-weight:bold; color:#FF6600;text-shadow: 2px 2px 2px #000;}

.corner-triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 130px solid red;
  border-right: 130px solid transparent;
  color: white;
  font-size: 15px;
  font-weight: bold;
  z-index: 9999;
}

  
  
  .corner-triangle::after {
  content: "Restplatzangebot";
  position: absolute;
  top: -85px;
  left: -30px;
  width: 180px;
  text-align: center;
  transform: rotate(-45deg);
  white-space: pre-line;
  color: white;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
  
  
  }
  

.textP           {text-align:center; }
.textPR           {text-align:center; font-size:0.6em;}

.hotelblock {float:left; width:100%; margin-bottom:20px;}

.abstandsbox {float:left; width:100%; margin-top:50px; margin-bottom:50px;}

.kreisbox {float:left; width:25%; text-align:center;}
.kreisbox1 {float:left; width:100%; text-align:center;}
.kreisbox2 {float:left; width:100%; text-align:center;}


.kreis {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background-color: #1E7FA9;
  padding-top:25px;
  color:#fff;
  font-size:3em;
}



.kreisAVA {
  margin: 0 auto;
  width: 250px;
  height: 250px;
  border:10px #FF8000 solid;
  border-radius: 130px;
  background-color: #fff;
  padding-top:25px;
  color:#fff;
  font-size:3em;
}

 input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
}


.kreis40 {float:left; width:40%; text-align:center;}
.kreis60 {float:left; width:60%; text-align:center;}

.contM      {display:none;}


.kreistext {float:left; width:100%; text-align:center; margin-top:20px;}

.gasthead       {float:left; width:100%; margin-top:20px;  text-align:center;}
.UtextB          {float:left; width:100%; margin-top:20px; text-align:center; color:#fff; padding:10px;  background: rgba(0, 0, 0, .3);}

.UtextBB          {float:left; width:100%; margin-top:20px;  background: rgba(0, 0, 0, .3);}
.UtextBx1          {float:left; width:70%; padding:20px; text-align:justify;}
.UtextBx2         {float:left; width:30%; padding:30px; text-align:center; font-size:7em; background-color:#fff; border:1px #B2B2B2 solid; color:#2D2DFF; cursor:pointer;}
.UtextBx2:hover   {color:#FF7608;}



.kalenderboxx {margin-left:20%; float:left; width:60%; margin-top:20px; border:2px #fff solid; padding:5px;}
.kalenderboxxIN {float:left; width:100%; background-color:#FFFFFF;}
.kalenderboxx1 {float:left; width:20%; border-right:2px #000 solid; padding:15px; font-size:2em; text-align:center;}
.kalenderboxx2 {float:left; width:80%; padding:17px; font-size:1.3em; font-weight:bold; text-align:center; background-color:#1E7FA9; color:#fff;}
.kalenderboxx2:hover {background-color:#FF8004; color:#000; cursor:pointer;}


.STblock {float:left; width:100%;}
.STblock20 {float:left; width:20%; padding:10px; margin-bottom:10px;}

.STblock25 {float:left; width:25%; padding:10px; margin-bottom:10px;}
.STblock33 {float:left; width:33%;  padding:10px; margin-bottom:10px;}

.STblock33 {float:left; width:33%; padding:10px; margin-bottom:10px;}
.STblock3350 {float:left; width:50%; padding:10px; margin-bottom:10px;}
.STblock33100 {float:left; width:100%; padding:10px; margin-bottom:10px;}
.STblock33A {float:left; width:50%;  padding:10px; }
.STblock33B {float:left; width:100%;  padding:10px; }



.STblock331 {float:left; width:100%; border:1px #fff solid; padding:10px; cursor:pointer; }
.STblock331A {float:left; width:100%; border:1px #c0c0c0 solid; padding:10px; cursor:pointer; }

.STblock251 {float:left; width:100%; border:1px #000 solid; padding:10px; cursor:pointer; }

.STblock331:hover { background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.STblock331:hover .FormS {float:left; width:100%;  text-decoration:none; margin-top:30px; padding:20px; color:#000; font-weight:bold; cursor:pointer; text-align:center; background-color:#FF8800;}
.STblock331A:hover { background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.STblock331A:hover .FormS {float:left; width:100%;  text-decoration:none; margin-top:30px; padding:20px; color:#000; font-weight:bold; cursor:pointer; text-align:center; background-color:#FF8800;}


.STblock251:hover { background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.STblock251:hover .FormS {float:left; width:100%;  text-decoration:none; margin-top:30px; padding:20px; color:#000; font-weight:bold; cursor:pointer; text-align:center; background-color:#FF8800;}

.css-dreieck {
position: absolute; left: 0; bottom: 0;
  width: 0px;
  height: 0px;

  border-top: 100px solid transparent; /* skyblue */
  border-right: 100px solid transparent; /* limegreen;  */
  border-bottom: 0px solid transparent; /* orange; */
  border-left: 100px solid #00FF00; 
  z-index:2;
}

.css-dreieck1 {
position: absolute; left: 0; bottom: 0;
  width: 0px;
  height: 0px;

  border-top: 140px solid transparent; /* skyblue */
  border-right: 140px solid transparent; /* limegreen;  */
  border-bottom: 0px solid transparent; /* orange; */
  border-left: 140px solid #FF0000; 
  z-index:1;
}


.textDR {
position: absolute;
margin-top:-50px;
margin-left:-100px;
     color:#000;
     font-weight:bold; 
     font-size:0.8em;
     transform: rotate(47deg);
     z-index:1;
   }
   
 .textDRR {
position: absolute;
margin-top:-70px;
margin-left:-130px;
     color:#fff;
     font-weight:bold; 
     font-size:0.8em;
     transform: rotate(46deg);
     z-index:1;
   }
  

.tblockINL {float:left; width:50%;  padding:10px;}
.tblockINR {float:left; width:40%; margin-left:10%;  padding:10px;}

.tblockH1 {float:left; width:100%; font-size:1.3em; font-weight:bold; margin-bottom:20px;}
.tblockH2 {float:left; width:100%; font-size:1em; font-weight:bold; margin-bottom:5px;}
.tblockHT {float:left; width:100%; font-size:0.9em; margin-bottom:20px; text-align:justify;}

.tblockHT1 {float:left; width:5%;  font-weight:bold; text-align:right;}
.tblockHT2 {float:left; width:90%;  font-weight:bold;margin-left:10px;}
.tblockHT3 {float:left; width:95%;  margin-left:5%; padding-left:10px;}

.tblockK {float:left; width:100%; border:1px #c0c0c0 solid;}
.tblockK1 {float:left; width:100%; padding:10px; font-size:1.2em; font-weight:bold; border-bottom:1px #c0c0c0 solid;  background-color:#FF8000; color:#fff;}
.tblockK2 {float:left; width:100%; padding:10px; border-bottom:1px #c0c0c0 solid;}

.tblockK21 {float:left; width:100%; font-size:0.9em;}
.tblockK22 {float:left; width:100%; margin-bottom:5px;}

.tblockK211 {float:left; width:15%; padding-top:15px; text-align:center;}
.tblockK222 {float:left; width:85%; padding:5px; text-align:justify; font-size:0.8em;}




.formA             {float:left; width:100%; padding:10px; border:1px #CCCCCC solid; outline:none;}


.STblock331P {float:left; width:100%; border:1px #c0c0c0 solid; padding:10px; cursor:pointer; }
.STblock331P:hover { background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.STblock331P:hover .FormS {float:left; width:100%;  text-decoration:none; margin-top:30px; padding:20px; color:#000; font-weight:bold; cursor:pointer; text-align:center; background-color:#FF8800;}


.STblock331H {float:left; width:100%; height:150px; border-bottom:1px #1E7FA9 solid; padding-top:15px; text-align:center;}
.STblock221H {float:left; width:100%; height:100px; border-bottom:1px #1E7FA9 solid; padding-top:15px; text-align:center;}

.STblock331C {float:left; width:100%; padding:10px; text-align:center; color:#333333; background-color:#fff;}
.STblock331C1 {float:left; width:100%; padding:10px; text-align:center; font-size:2em; background-color:#fff; font-weight:bold; color:#333333;}
.STblock321C {float:left; width:100%; padding:10px; text-align:center; color:#333333; background-color:#fff; font-size:0.8em;}
.STblock321C1 {float:left; width:100%; padding:10px; text-align:center; font-size:1.3em; background-color:#fff; font-weight:bold; color:#333333;}



.STblock331F {float:left; width:100%; background-color:#fff;}

.Btext {float:left; width:100%; margin-top:20px; text-align:center; font-weight:bold; color:#fff; font-size:1.5em; text-shadow: 3px 3px 3px #000;}
.Btext22 {float:left; width:100%; margin-top:5px; text-align:center; font-weight:bold; color:#fff; font-size:1.3em; text-shadow: 3px 3px 3px #000;}

.TeilBlock   {float:left; width:100%; background-color:#F2FFFF; border:1px #999999 solid; }
.TeilBlockx1  {float:left; width:5%; border-right:1px #999999 solid; padding:5px; text-align:right;}
.TeilBlockx2  {float:left; width:20%; border-right:1px #999999 solid; padding:5px;}


.rabattblockBBB    {float:left; width:100%; padding:22px; font-size:1.1em; color:#fff; background-color:#FF8000; text-align:center; font-weight:bold;}
.rabattblockBB    {float:left; width:100%; padding:10px; font-size:1em; background-color:#FF8000; text-align:center; font-weight:bold;}
.rabattblockB    {float:left; width:100%; padding:10px; font-size:0.5em; background-color:#FF8000; text-align:center; font-weight:bold; margin-top:-20px; text-shadow: 0px 0px 0px #000;}
.rabattblockB1   {float:left; width:100%; font-size:0.9em; color:#000;}
.rabattblockB2   {float:left; width:100%; font-weight:bold; font-size:1.1em; color:#fff;}
.rabattblock    {float:left; width:100%; padding:10px; text-align:center; border-bottom:1px #1E7FA9 solid; background-color:#FF8000; font-weight:bold;}
.rabattblock1   {float:left; width:100%; font-size:0.9em; color:#000;}
.rabattblock2   {float:left; width:100%; font-weight:bold; font-size:1.1em; color:#fff;}

.linkF     {float:left; width:33.33%; cursor:pointer; height:400px; border-right:2px #FF8000 solid;}
.linkFC     {float:left; width:33.33%; cursor:pointer; height:400px;}
.linkFF     {float:left; width:100%; cursor:pointer; height:400px; text-align:center; padding-top:170px; color:#fff; font-size:1.5em; font-weight:bold; text-shadow: 3px 3px 3px #000;}
.linkFF:hover {color:#FF8000;}

.newL   {float: left; width:100%; padding:30px; margin-bottom:30px; transition: transform .6s; }
.newL1  {float: left; width:50%; padding-right:25px;}
.newL11  {float: left; width:100%; margin-bottom:20px;}
.newL12  {float: left; width:100%;}
.newL2  {float: left; width:50%; padding-left:15px;}

.fussblockT3      {float:left; width:90%; font-size:1em; margin-bottom:10px; text-align:left;}
.fussblockT4      {float:left; width:44.5%; font-size:1em; margin-bottom:10px; text-align:left; margin-left:0.5%;}
.fussblockT44     {float:left; width:45%; font-size:1em; margin-bottom:10px; text-align:left; margin-left:0%;}
.fussblockT5      {float:left; width:43%; font-size:0.7em; padding-right:10px; margin-left:1.5%; margin-bottom:10px; margin-top:10px; text-align:justify;}

.NL      {float:left; width:100%; padding:20px; font-size:1em; margin-top:10px; text-align:center; border:1px #6FB7FF solid; background-color:#fff;}



.fuss          {float:left; width:100%; min-height:350px; background-color:#292B37; margin-top:20px; border-top:3px #FF8000 solid;}
.fuss1         {float:left; width:100%; background-color:#333645; padding:20px;}
.fuss2         {float:left; width:100%; background-color:#292B37; color:#FF8000; padding:26px;}
.fussA         {float:left; width:33%; border-right:1px #000 solid; text-align:center; color:#fff;}
.fussAA         {float:left; width:33%; text-align:center;}
.fussAA1 a       {float:left; width:100%; padding:10px; border-bottom:1px #333645 solid; text-align:center; color:#fff; text-decoration:none;}
.fussAA1 a:hover       {float:left; width:100%; padding:10px; border-bottom:1px #FF8000 solid; text-align:center; color:#FF8000;}
.fussblockT3      {float:left; width:90%; font-size:1em; margin-bottom:10px; text-align:left;}
.fussblockT4      {float:left; width:44.5%; font-size:1em; margin-bottom:10px; text-align:left; margin-left:0.5%;}
.fussblockT44     {float:left; width:45%; font-size:1em; margin-bottom:10px; text-align:left; margin-left:0%;}
.fussblockT5      {float:left; width:43%; font-size:0.7em; padding-right:10px; margin-left:1.5%; margin-bottom:10px; margin-top:10px; text-align:justify;}

.stimme {float:left; width:100%; padding-left:20px;}
.stimme0Z {float:left; width:100%; margin-bottom:50px;}
.stimmeZ {float:left; width:100%; text-align:center; font-size:1.1em; color:#82B8CF; font-weight:bold; padding:20px;}
.stimmeZ1 {float:left; width:100%; text-align:center; padding-bottom:15px;}


.stimmeK {width:100%; text-align:center; margin-top:50px;}

.stimme0 {float:left; width:100%; margin-bottom:10px; font-size:1.3em; font-weight:bold;}
.stimme01 {float:left; width:100%; font-size:0.9em; font-weight:bold; text-align:right; padding-right:10px;}
.stimme1 {float:left; width:49%; margin-right:0.5%; height:150px; border:1px #999999 solid; margin-bottom:3px;}
.stimmeB {float:left; width:30%; margin-left:-33px; margin-top:-1px;}
.stimmeS {float:left; width:100%; padding:5px; font-size:1.2em; color:#C8B274; margin-top:-5px;}
.stimme2 {float:left; width:70%; padding-left:25px; padding-top:15px; padding-right:15px;}
.stimmeT {float:left; width:100%; padding-bottom:2px; border-bottom:1px #999999 solid;}
.stimmeT1 {float:left; width:100%; padding-top:2px; text-align:right; font-size:0.8em; }
.stimmeT2 {float:left; width:100%; margin-top:10px; height:70px; overflow:auto; font-size:0.8em;}

.Vblock {float:left; width:100%;}
.Vblock1 {float:left; width:60%; }
.Vblock11 {display:none;}

.Vblock2 {float:left; width:40%; padding:20px;}

.faq {float:left; width:100%;}
.faq1 {float:left; width:40%; padding-right:10px;  padding-left:10px;}
.faq2 {float:left; width:60%; text-align:left; border-top:1px #CCCCCC solid; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid;}
.faqF {float:left; width:100%; padding:10px; border-bottom:1px #CCCCCC solid; color:#fff; background-color:#1E7FA9; cursor:pointer;}
.faqF:hover {float:left; width:100%; padding:10px; border-bottom:1px #CCCCCC solid; color:#fff; background-color:#FF6600; cursor:pointer;}
.faqAN {float:left; width:100%; padding:10px; border-bottom:1px #CCCCCC solid; text-align:justify; font-size:0.9em; background-color:#fff;}

.tourblockRA {float:left; width:33%; padding:15px; border:2px solid transparent;}
.tourblockRA:hover {float:left; width:33%; padding:15px; border:2px #FF6600 solid;}


.tourblock {float:left; width:100%; margin-left:1.33%; height:400px; margin-bottom:10px; border:2px #71ABC4 solid; background-color:#fff;}
.tourblockH {float:left; width:100%; height:150px; border-bottom:3px #FF8800 solid;}
.tourblockC {float:left; width:100%; padding-top:10px; padding-left:10px; padding-bottom:10px;}
.tourblockCC {float:left; width:100%; margin-top:10px;}
.tourblockCCC {float:left; width:100%; padding:10px; margin-top:10px;}



.tourblockCCIN {float:left; width:100%; border:1px #c0c0c0 solid; padding:10px; margin-bottom:10px; text-align:justify; font-size:0.8em;}


.tourblockCN {float:left; width:100%; padding-top:10px; text-align:right; font-size:0.7em;}

.tourblockC1 {float:left; width:100%; font-weight:bold; text-align:center;}

.tourblockA {float:left; width:100%;  margin-bottom:10px; border:1px #c0c0c0 solid; margin-bottom:30px;}
.tourblockA1 {float:left; width:40%;  border-right:1px #c0c0c0 solid; height:480px;}
.tourblockA2 {float:left; width:60%;  padding:20px;}
.tourblockA21 {float:left; width:100%; font-size:1.5em; font-weight:bold; padding-bottom:3px; border-bottom:2px #FF6600 solid; text-align:right;}

.tourblockA22 {float:left; width:100%; margin-top:10px;}
.tourblockA222 {float:left; width:100%; margin-top:10px; font-size:1.4em; font-weight:bold;}
.tourblockA223 {float:left; width:100%; margin-top:30px;}

.VerF1 {float:left; width:100%; text-align:center; border-top:1px #c0c0c0 solid; background-color:#FF0000; padding:10px; margin-top:295px; z-index:1; color:#fff;}
.VerF2 {float:left; width:100%; text-align:center; border-top:1px #c0c0c0 solid; background-color:#FF0000; padding:10px; margin-top:1px; z-index:1; color:#fff;}
.VerF3 {position:absolute; left:0; bottom:0; width:100%; text-align:center; border-top:1px #c0c0c0 solid; font-size:1em; font-weight:bold; background-color:#FF0000; padding:5px; margin-top:-15px; z-index:0; color:#fff;}


.tourblockA23 {float:left; width:50%;}
.tourblockA24 {float:left; width:50%; text-align:right;}
.tourblockA25 {float:left; width:100%; text-align:right; font-size:0.8em; cursor:pointer;}
.tourblockA25:hover { text-decoration:underline;}

.block {float:left; width:100%;}

.legend {float:left; width:100%; margin-top:10px; font-size:0.8em;}
.legend1 {float:left; width:50%; padding:10px; text-align:justify;}
.legend2 {float:left; width:50%; padding:10px;}

.gasthead       {float:left; width:100%; margin-top:20px;  text-align:center;}
.gastblock       {float:left; width:100%; margin-top:20px; padding-bottom:3px; border-bottom:1px #FF8800 solid; cursor:pointer;}
.gastblockT       {float:left; width:100%; margin-top:20px; padding-bottom:20px;}

.gastblockTT       {float:left; width:100%; margin-top:20px; padding-bottom:5px; margin-bottom:20px; border-bottom:2px #FF8800 solid;}


.gastblockU       {float:left; width:100%; margin-top:40px; padding-bottom:3px; border-bottom:1px #FF8800 solid; cursor:pointer;}

.count1   {float:left; width:60%; height:15px; text-align:right; background-color:#00FF40; margin-bottom:10px;}
.count2   {float:right; height:15px; background-color:#FF0000; border-left:1px #000 solid;}

.Esend    {float:right; width:40%; padding:20px; background-color:#fff; font-size:1em; text-align:center; border-radius: 10px; box-shadow: 5px 5px 5px #c0c0c0; border:1px #c0c0c0 solid; cursor:pointer;}
.Esend:hover {background-color:#3C9DFF; color:#fff;}

.link a       {float:right; width:30%;  margin-top:15px; padding:10px; background-color:#1E7FA9; border:0px; text-align:center; color:#fff; text-decoration:none; cursor:pointer;}
.link a:hover       {float:right; width:30%; padding:10px; border:0px; text-align:center; color:#FF8000;}

.FormS1  {float:left; width:100%;  text-decoration:none; margin-top:30px; padding:20px; color:#000; font-weight:lighter; text-align:center; font-weight:bold; background-color:#fff;}

.FormS  {float:left; width:100%;  text-decoration:none; margin-top:30px; padding:20px; color:#fff; font-weight:lighter; cursor:pointer; text-align:center; font-weight:bold; background-color:#1E7FA9;}
.FormSS  {float:left; width:100%;  text-decoration:none; margin-top:10px; padding:20px; color:#fff; font-weight:lighter; cursor:pointer; text-align:center; background-color:#1E7FA9; border:1px #c0c0c0 solid; border-radius: 10px 10px 10px 10px;}
.FormSS:hover  {float:left; width:100%;  text-decoration:none; margin-top:10px; padding:20px; color:#fff; font-weight:lighter; cursor:pointer; text-align:center; background-color:#FF6600; border:1px #c0c0c0 solid; border-radius: 10px 10px 10px 10px;}

.Form1 a {float:left; width:100%;  text-decoration:none; margin-top:30px; padding:20px; color:#fff; font-weight:lighter; cursor:pointer; text-align:center; background-color:#1E7FA9; border:1px #c0c0c0 solid; border-radius: 10px 10px 10px 10px;}
.Form1 a:hover {float:left; width:100%;  text-decoration:none; margin-top:30px; padding:20px; color:#000; font-weight:lighter; cursor:pointer; text-align:center; background-color:#FF8800; border:1px #c0c0c0 solid; border-radius: 10px 10px 10px 10px;}

.FormSS1  {float:left; width:100%;  text-decoration:none; padding:20px; color:#fff; font-weight:lighter; cursor:pointer; text-align:center; background-color:#1E7FA9; border:1px #c0c0c0 solid; cursor:pointer;}
.FormSS1:hover  {float:left; width:100%;  text-decoration:none; padding:20px; color:#fff; font-weight:lighter; cursor:pointer; text-align:center; background-color:#FF6600; border:1px #c0c0c0 solid;}

.rund {float:left; width:100%; padding:20px;  border:1px #999999 solid; box-shadow: 3px 3px 3px #c0c0c0; border-radius: 10px; margin-bottom:15px; cursor:pointer;}
.rund:hover {outline-style: none;}


input.langg               {float:left;  width:100%; padding:10px; border: 1px solid #B8B8B8; background-color:#fff;}
input.langg:Focus         {outline: none; }

input.lang               {float:left;  width:100%; padding:10px; border: 0px solid #B8B8B8; background-color:#fff;}
input.lang:Focus         {outline: none; }

select.lang               {float:left;  width:100%; padding:10px; border: 0px solid #B8B8B8; background-color:#fff;}
select.lang:Focus         {outline: none; }

button.gpx    {float:left; width:100%; text-align:center; padding:5px; cursor:pointer;    color:#000; outline:none;}
button.gpx:hover    {background-color:#FF0000; color:#fff; outline:none;}


input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list{
position:absolute;
text-align:right;
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.7em;
  line-height: 0.9em;
  opacity: 0;
  color:#FF0000;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}




.fussB         {float:left; width:33%; text-align:center; color:#fff; }


@media screen and (max-width:970px) 
{

body    {font-size: 15px; }

.MBlock1     {float:left; width:100%; margin-top:-130px; background-color:#1E7FA9; height:30px; border-bottom:3px #71ABC4 solid; z-index:50000000;}

.phones        {float:right; text-align:right; width: 70%; z-index:1001; margin-top:-60px; font-size:0.6em; margin-right:0px;}


.cookie500   {position: relative; width: 100%; margin: 0 auto; transition: 0.5s;}
.cookieboxIN {position: absolute; top:0px; width:100%; background-color:#fff; z-index:999999992;}

.block71_2_970       {display:none;}
.block71_2       {float:left; width:100%; border-radius: 20px; height:400px;}


.vorschauAM {position: relative; width:70%; height:130px; padding:20px; border:1px #c0c0c0 solid; margin: 0 auto; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}
.vorschauAM:hover {position: relative; width:70%; height:130px; padding:20px; border:1px #c0c0c0 solid; margin: 0 auto; background-color:#FF6600; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); cursor:pointer;}

.Vblockkk {position: relative; width:99%; min-height:275px; padding:20px; border:1px #c0c0c0 solid; margin: 0 auto; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); font-size:0.8em;}


.contBlock_970     {float:left; width:100%; height:500px; border-bottom:3px #71ABC4 solid; background: url('../images/Motorrad-58.webp') 50% 50% no-repeat; background-size: cover;}
.contBlock_971     {float:left; width:100%; height:350px; border-bottom:3px #71ABC4 solid; background: url('../images/Motorrad-58.webp') 50% 50% no-repeat; background-size: cover;}

.wrapper       {position: relative; width: 100%; padding:10px; font-size: 11px; }
.wrapper1250   {position: relative; width: 100%; margin: 0 auto; transition: 0.5s; padding:10px;}
.wrapperTXT_970   {position: relative; width: 100%; margin: 0 auto; transition: 0.5s;}

.noshow   {display:none;}

.block71_2_970       { float:left; display:block; width:90%; margin-left:5%; min-height:200px; border-radius: 10px; margin-top:-100px; padding:20px; background-color:#fff; box-shadow: 5px 5px 5px #c0c0c0;}
.block71_1T          {position: relative; left:0px; width: 100%; margin-top:50px;}

.menuBlock_970 {float:left; width:100%; background-color:#1E7FA9; margin-top:-130px; text-align:right; border-bottom:0px;}

.STblock100_970 {float:left; width:100%; padding:10px; }


.contM      {float:left; width:100%; display:block;}
.contM1     {float:left; border-right:1px #71ABC4 solid; width:50%;  padding:5px; text-align:center; font-size:1em; font-weight:bold;  margin-bottom:15px;   background-color:#1E7FA9; color:#fff;}
.contM1:hover     {background-color:#FF6600;}
a.schalter        {color:#fff; text-decoration:none;}
a.schalter:hover        {background-color:#FF6600;}




.head_970      {float:left; margin-top:50px; text-align:center; width:100%; color:#fff;  text-shadow: 3px 3px 3px #000;}
.head1_970 {float:left; margin-top:-5px; text-align:center; padding-right:0px;  width:100%; color:#fff; text-shadow: 3px 3px 3px #000;}
.head2_970 {float:left; margin-top:-5px; text-align:center; padding-right:0px;  width:100%; color:#fff; text-shadow: 3px 3px 3px #000;}


.kreisbox100 {float:left; width:50%; text-align:center; margin-bottom:20px;}
.kreisAVA_970 {
  margin: 0 auto;
  width: 150px;
  height: 150px;
  border:5px #FF8000 solid;
  border-radius: 100px;
  background-color: #fff;
  padding-top:25px;
  color:#fff;
  font-size:3em;
}
.logoP          {position:absolute; width:250px; height:250px; top:30px; left:20px;}


.logo          {display:block; width:200px; height:50px; padding:5px; text-align: left; margin-top:5px; margin-bottom:5px;}

.STblock20 {float:left; width:50%; padding:10px; margin-bottom:10px;}
.Btext22 {float:left; width:100%; margin-top:3px; text-align:center; font-weight:bold; color:#fff; font-size:1em; text-shadow: 3px 3px 3px #000;}


.gasthead_970       {float:left; width:100%; padding:20px; font-size:0.9em;}
span.textA      {color:#fff; font-size:1.2em;}
span.linkss      {float:left; font-size:0.5em;}
span.orange_970      {color:#FF8000; margin-top:-15px;}


.VerF1_970 {float:left; width:100%; border-top:1px #c0c0c0 solid;  text-align:center; text-align:center; font-size:0.6em; background-color:#FF0000; padding:5px; margin-top:55px; z-index:1; color:#fff;}
.VerF2_970 {float:left; width:100%; font-weight:bold;  border-top:1px #c0c0c0 solid; text-align:center; font-size:0.6em; background-color:#FF0000; padding:5px; margin-top:17px; z-index:1; color:#fff;}
.VerF3_970 {float:left; width:100%; text-align:center; border-top:1px #c0c0c0 solid; font-weight:bold; font-size:0.8em; background-color:#FF0000; padding:5px;  margin-top:-15px; z-index:0; color:#fff;}


.stimme1 {float:left; width:100%; margin-right:0%; margin-bottom:5px; height:150px; border:1px #999999 solid;}
.stimmeB {float:left; width:30%; margin-left:-4px; margin-top:-1px;}

.newL1  {float: left; width:100%; padding-right:15px;}
.newL2  {float: left; width:100%; padding-left:15px;}

.faq1 {float:left; width:100%; margin-bottom:5px;  }
.faq2 {float:left; width:100%; text-align:left; border-top:1px #CCCCCC solid; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid;}

.wrapperContCOLL   {float:left; width: 100%; padding-top:20px; padding-bottom:20px; margin: 0 auto; transition: 0.5s; background: linear-gradient( White 45%, #1E7FA9);}
.wrapperContCOL   {float:left; width: 100%; padding-top:20px; padding-bottom:20px; margin: 0 auto; transition: 0.5s; background: linear-gradient(#1E7FA9, White 55%);}

.Vblock1 {display:none}
.Vblock11 {display:block; float:left; width:100%; }
.Vblock2 {float:left; width:100%;}

.tourblockA100 {float:left; width:100%;  border-right:1px #c0c0c0 solid; height:240px; font-size:1.2em;}
.tourblockA200 {float:left; width:100%;  padding:20px;}

.fussblockT3M      {float:left; width:100%; font-size:1em; margin-bottom:10px; text-align:left;}
.fussblockT5M      {float:left; width:100%; font-size:0.7em; padding-right:10px; margin-left:1.5%; margin-bottom:10px; margin-top:10px; text-align:justify;}

.textDR_970 {
position: absolute;
margin-top:-52px;
margin-left:-102px;
     color:#000;
     font-weight:bold; 
     font-size:0.7em;
     transform: rotate(47deg);
     z-index:1;
   }

 .textDRR_970 {
position: absolute;
margin-top:-70px;
margin-left:-130px;
     color:#fff;
     font-weight:bold; 
     font-size:0.7em;
     transform: rotate(46deg);
     z-index:1;
   }

.vorschauA13M {display:none;}
.vorschauA14 {float:left; width:50%; border-right:1px #c0c0c0 solid; padding:5px;}
.vorschauA15 {float:left; width:25%; border-right:1px #c0c0c0 solid; padding:5px; text-align:center;}

.linkF     {float:left; width:50%; cursor:pointer; height:400px; border-right:2px #FF8000 solid;}
.linkFC     {float:left; width:50%; cursor:pointer; height:400px;}


.fussAA         {float:left; width:100%; text-align:center; margin-bottom:20px;}

}

@media screen and (max-width:660px) 
{

body    {font-size: 14px; }

.MBlock1     {float:left; width:100%; background-color:#1E7FA9; height:30px; border-bottom:3px #71ABC4 solid; z-index:50000000;}

.menuBlock_660 {float:left; width:100%;  background-color:#1E7FA9; margin-top:-130px; text-align:right;}
.wrapper       {position: relative; width: 100%; padding:10px; font-size: 9px; }
.kreisbox100 {float:left; width:100%; text-align:center; margin-bottom:20px;}
.kreisbox1 {float:left; width:40%; text-align:center;}
.kreisbox2 {float:left; width:60%; text-align:center;}
.kreistext {float:left; width:100%; text-align:center; margin-top:10px; font-size:0.9em;}
.STblock33 {float:left; width:100%; padding:10px; }
.STblock20 {float:left; width:100%; padding:10px; margin-bottom:10px;}


.linkF     {float:left; width:100%; cursor:pointer; height:400px; border-right:0px #FF8000 solid; border-bottom:2px #FF8000 solid;}
.linkFC     {float:left; width:100%; cursor:pointer; height:400px;}

.block100       {float:left; width:100%; padding:10px; margin-top:30px;}


}

@media screen and (max-width:321px) 
{
.logo          {display:block; width:140px; height:40px; padding:5px; text-align: left; margin-top:5px; margin-bottom:5px;}

}



*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}