html {width:100%; max-width: 100%; overflow-x:hidden; overflow-y:scroll; margin:0; padding:0;}
body {width:100%; max-width: 100%; overflow-x:hidden; overflow-y:hidden; margin:0; padding:0;}
body {background:#fff; font-size:0; text-shadow: 0 0 1px rgba(0,0,0,0.2);}
body {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
}
.debug {display:block; left:0; bottom:0; background:#eee;position: absolute; font-size: 14px; z-index: 999999; padding:10px;}

form {padding:0; margin:0;}
input:focus, textarea:focus, button:focus {outline: none;}

.topmenu {width:100%; height:70px; position:fixed; background:#FFFDF7; border-bottom: 1px solid #eee; z-index: 9000;}

/*
.topmenu .hauptmenu a {display:inline-block; height:20px; margin:25px 0 0 0;}
*/

.topmenu_like_mob  {width:37% !important; height:58px !important; margin:0px 50px 0 0 !important;}
.topmenu_like_mob .hauptmenu {height:58px; background:url(/pics/menu.png) right+10px center no-repeat; cursor:pointer;}
.topmenu_like_mob .hauptmenu ul      {position:absolute; right:-75%; top: 70px; max-width:75%; white-space:normal; background:#FFFDF7; box-shadow:-1px 1px 1px 0px #eee;}
.topmenu_like_mob .hauptmenu ul li   {display:block !important;}
.topmenu_like_mob .hauptmenu ul li a {display:block; font-weight:600; text-align:left; padding:10px 10px 10px 20px !important}
.topmenu_like_mob .hauptmenu ul li a:hover {background:url(/pics/right.png) 0px center no-repeat; background-size:auto 20px;}


.topmenu div#topmenu_logo {width:225px !important}                      /* 16px 50px */
.topmenu div#topmenu_menu {           float:right; overflow:hidden; margin:16px  0px 0 50px; height: 40px;} /* width:50%*/
.topmenu div#topmenu_lang {width:20%; float:right} 
.topmenu div#topmenu_such {           margin:0; display: inline; position: relative; top: 18px; z-index:-1; float: right;} 
.topmenu div#topmenu_such input.freisuche {margin:0 auto;}

.topmenu .hauptmenu {white-space:nowrap; text-align: right;}
.topmenu .hauptmenu ul {padding:0;}
.topmenu .hauptmenu ul li {display: inline-block;}
.topmenu .hauptmenu ul li a {padding:10px 10px 10px 10px; color:#000; text-decoration:none; display:block; font-size:16px; font-family: 'Raleway', sans-serif;}
.topmenu .hauptmenu ul li a:hover {text-shadow:0 0 1px #666;}

.langselect {max-width:100%; position:relative; top:0; height:21px; margin:20px 20px 20px 0; text-align:right; font-family: 'Raleway', sans-serif; font-size: 14px; color: #000;}
.langselect a {position:relative; top:4px;}
.langselect a img.selectedlang {background:rgba(0,80,159,0.15); border-radius: 2px;}
.langselect #sprache {cursor:pointer}
.langselect span {font-family: 'Raleway', sans-serif; font-size: 14px; color: #000;}
.langselectlikemobil {background: rgba(255,255,255,0.85); width:30px; height:21px; overflow:hidden; margin-top:24px; /*position: absolute; right: 0;*/}

.footer {width:100%; display:inline-block; background:#00519e; border-top: 1px solid #eee; z-index: 9000;}
.footer ul.footermenu      {width: 100%; max-width: 1350px; margin:0 auto; padding:0; text-align: right; font-size:0; line-height:0;}
.footer ul.footermenu li   {display: inline-block;}
.footer ul.footermenu li a {padding:10px 10px 10px 10px; color:#fff; text-decoration:none; display:block; font-size:16px; line-height: 19px; font-family: 'Raleway', sans-serif;}
.footer ul.footermenu li a:hover {text-shadow:0 0 1px #fff;}
.footer ul.footermenu li iframe {padding:0 0 0 10px;}

.breadcrumb   {text-decoration:none; color:#000; text-align:center; width:100%; display:inline-block; font-size: 14px; font-family: 'Raleway';}
.breadcrumb a {text-decoration:none; color:#000}

.updiv {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    opacity:0;
    background: url(/pics/hoch.png) 0 0 no-repeat;
    cursor: pointer;
}

.row100 {width:100%;}
.col12  {width:12.5%; float:left;}
.col25  {width:25%;   float:left;}
.col37  {width:37.5%; float:left;}
.col50  {width:50%;   float:left;}
.col75  {width:75%;   float:none; margin: 0 auto;}
.col100 {width:100%;  float:left;}



/* karussell */
.karussell                   {background:#fff; width:100%; /*height:343px;*/ position:relative; margin-top:141px; margin-bottom:70px; cursor:pointer;}
.karussell .karussell2       {background:#fff; width:100%; /*height:343px;*/}
.karussell .karussell2 .bild0 {position:absolute; pointer-events: none;}
.karussell .karussell2 .bild1 {position:absolute; pointer-events: none;}
.karussell .karussell2 .bild2 {position:absolute; pointer-events: none;}
.karussell .karussell2 .bild0 img {width:100%; max-width:715px; box-shadow:unset}
.karussell .karussell2 .bild1 img {width:100%; max-width:715px; box-shadow:0 0  5px rgba(0,0,0,0.5);}
.karussell .karussell2 .bild2 img {width:100%; max-width:715px; box-shadow:0 0 10px rgba(0,0,0,0.5);}
.karussell .karussell2 .karuselltext {font-size:10px; color:#fff; background:rgba(0,0,0,0.5); font-family: 'Raleway', sans-serif;
                                      display: inline-block; padding: 10px; position: absolute; bottom: 0; left:0; white-space:nowrap;}
/* Titelbild */
.titelbild                   {margin-top:141px; margin-bottom:70px; height: 343px;}
.titelbild .col100 {position: relative; height: 343px;}
.titelbild .bilder {width:100%; height:343px; position:absolute; top:0;}
.titelbild .bilder img {width:100%}


/* suchmenue */
.suchblock {margin:20px 5px 0 5px;}
.suchblock button       {padding:0 0 0 0; margin:0 10px 10px 0px; font-size:0; border: 1px solid rgba(0,0,0,0.25); background:#FFFFFF; cursor:pointer;}
.suchblock button:hover {background:#EAEAEA;}
.suchblock button.aktiv {background:#EAEAEA;}
.suchblock button.aktiv img {transform: rotate(180deg);}
.suchblock button span {padding: 12px 12px 12px 12px; display: inline-block; font-size: 16px; font-family: 'Raleway', sans-serif;}
.suchblock button img  {padding:12px 12px 12px 12px;   height:20px; float:right;}
.suchblock button.karte {background:url(/pics/map_bg.png) center center no-repeat #fff}
.suchblock button.karte img {padding:5px 12px 0 12px; height:32px;}
/* freisuche */
.freisuche        {width: 90%; max-width:670px; display: block; margin:0 auto 50px auto; padding: 5px 0 5px 32px; font-family: 'Raleway', sans-serif; font-size: 20px; color: #000; border-radius: 5px; border:1px solid rgba(0,80,159,0.5); background:url(/pics/lupe.png) left center no-repeat #ffffff; background-size: auto 100%; box-sizing: border-box;}
.freisuche:hover  {width: 90%; max-width:670px; display: block; margin:0 auto 50px auto; padding: 5px 0 5px 32px; font-family: 'Raleway', sans-serif; font-size: 20px; color: #000; border-radius: 5px; border:1px solid rgba(0,80,159,0.5); background:url(/pics/lupe.png) left center no-repeat #f8f8f8; background-size: auto 100%;}
.freisuche:focus  {width: 90%; max-width:670px; display: block; margin:0 auto 50px auto; padding: 5px 0 5px 32px; font-family: 'Raleway', sans-serif; font-size: 20px; color: #000; border-radius: 5px; border:1px solid rgba(0,80,159,0.5); background:url(/pics/lupe.png) left center no-repeat #f8f8f8; background-size: auto 100%; outline: none;}
/* freitext ergebnis (mobil in mobil.css)*/
.ajaxresult {background:#f8f8f8; border:1px solid rgba(0,80,159,0.5); border-top:none; border-bottom-left-radius:4px; border-bottom-right-radius:4px; padding:8px 0 8px 0; position:fixed; left:0; top:0; z-index:9010; display:none; box-sizing: border-box;
             overflow-y: scroll; max-height: 90%;} 
.ajaxresult .ajax_reiseziel {font-weight:bold; line-height:32px; height:32px; margin:0 0 0 0; padding:0 0 0 30px; display:block; background:url(/pics/spotlight-poi2.png) 4px 2px no-repeat; background-size:auto 30px;}
.ajaxresult .ajax_regionen  {font-weight:bold; line-height:32px; height:32px; margin:0 0 0 0; padding:0 0 0 30px; display:block; background:url(/pics/spotlight-poi2.png) 4px 2px no-repeat; background-size:auto 30px;}
.ajaxresult .ajax_plaetze   {font-weight:bold; line-height:32px; height:32px; margin:0 0 0 0; padding:0 0 0 30px; display:block; background:url(/pics/icon/platz16.png)   8px 9px no-repeat; background-size:16px 14px;}
.ajaxresult .ajax_sub {min-height:32px; line-height:32px; display:block; border-bottom: 1px solid rgba(0,80,159,0.15);}
.ajaxresult .ajax_sub a {padding:0 0 0 34px; display:block; text-decoration:none; color:inherit;}
.ajaxresult .ajax_sub a:hover {background:url(/pics/right.png) 14px 5px no-repeat #eee; background-size:auto 20px; text-shadow: 0 0 1px #000; text-shadow:none;}
.ajaxresult .errtext {display:block; text-align:center;}

/* Xbuttons */
.buttonblock {margin:20px 5px 0 5px;}
.buttonblock button       {padding:0 0 0 0; margin:0 10px 10px 0px; font-size:0; border: 1px solid rgba(0,0,0,0.25); background:#FFFFFF; cursor:pointer;}
.buttonblock button:hover {background-color:#EAEAEA;}
.buttonblock button span {padding: 12px 12px 12px 12px; display: inline-block; font-size: 16px; font-family: 'Raleway', sans-serif;}
.buttonblock button img  {padding:12px 12px 0 0;   height:20px; float:right;}
.buttonblock h3 {margin:0 0 10px 0px; font-size: 16px; color: #888;}
/* buttons seite liste länder */
/* button länderseite */
button.listelaender {margin: 0 1% 1% 0px; width:24%; max-width:24%; overflow: hidden;white-space:nowrap;
                     background-position:3px center; background-repeat:no-repeat; background-size:auto 29px;}
button.listelaender a {display:block; text-align: left; margin: 0 0 0 40px;}
button.listelaender a span {}

.buttonblock button i {font-size:100px; display:block; text-shadow: 3px 3px 2px rgba(0, 0, 0,0.5); color:rgba(0,0,0,0.5); margin: 10px 10px 0 10px;}
.buttonblock button.bigbutton {
 background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
 background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
 background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
 background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
 background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
 border:none;
 border-radius: 15px;
 box-shadow: 0 0 2px rgba(0, 0, 0,0.5);
 width:50%;
 max-width: 174px;
 height: 180px;
 vertical-align: top; 
}
.buttonblock button.bigbutton:hover {background:#EAEAEA;}
.center {text-align:center;}
/* blättern */
.blaettern {display:block; width:100%; position:relative; float:left; margin:0 auto; text-align: center;}
.karussell div.blaettern {float:none;}
.blaettern button       {padding:0 0 0 0; margin:0 10px 10px 10px; vertical-align: top; min-width:100px; white-space:nowrap; font-size:0; border: 1px solid rgba(0,0,0,0.25); background:#FFFFFF; cursor:pointer;}
.blaettern button:hover {background:#EAEAEA;}
.blaettern .noclick {opacity:0.25; cursor:default;}
.blaettern .noclick:hover {background:#fff;}

.blaettern button span {padding:0; height:43px; width:98px; display: inline-block; font-size:0;}
.blaettern button img  {padding:12px 12px 0 0;   height:20px; float:right;}
.blaettern button.text   {}
.blaettern button.text   span {font-size:16px; line-height: 43px;}
.blaettern button.links  {}
.blaettern button.links  span {background: url(/pics/left.png) center center no-repeat; background-size:auto 50%;}
.blaettern button.rechts {}
.blaettern button.rechts span {background: url(/pics/right.png) center center no-repeat; background-size:auto 50%;}
.blaettern button.liste  {}
.blaettern button.liste  span {background: url(/pics/9dots.png) center center no-repeat; background-size:auto 50%;}
.blaettern button.blaettern_karte  {}
.blaettern button.blaettern_karte  span {background: url(/pics/map_bg.png) center center no-repeat; background-size: 100% 100%;}
.blaettern button.blaettern_karte  span a {background: url(/pics/9dots.png) center center no-repeat; background-size:auto 50%;}
.blaettern button span a {display:block; width:100%; height:100%;}
/* unterpunkte */
.subsuche {border: 1px solid rgba(0,0,0,0.25); background:#FFFFFF; position: absolute; left:0; top:0; z-index:8890; display:none}
.subsuche {font-size: 0; font-family: 'Raleway', sans-serif; box-shadow:0 0 5px rgba(0,0,0,0.25);}
.subsuche div.subsucheclose {display:none;}
.subsuche .subsuche2 {padding:0; }
.subsuche .subsuche2 a {font-size:16px; display:block; padding:12px; text-decoration:none; color:#000;}
.subsuche .subsuche2 a:hover {background:#EAEAEA;}
.subsuche .subsuche2 .subsuchebreak {display:block; height:1px; background:rgba(0,0,0,0.25);}
.subsuche .subsuche2 fieldset {padding: 0; margin: 9px; border: 1px solid rgba(0,0,0,0.25); box-shadow: 0 0 5px rgba(0,0,0,0.25);}
.subsuche .subsuche2 fieldset legend {font-size:14px; font-weight:600; background:#fff; margin: 0 0 0 4px;}
.subsuche .subsuche2 fieldset legend div.checkbox label {padding:6px}

/* checkboxen startseite */
.subsuche .checkbox {font-size:0; padding: 0; display: inline-block;}
.subsuche .checkbox label {cursor:pointer; padding:12px;}
.subsuche .checkbox input[type="checkbox"] {display:none;}
.subsuche .checkbox input[type="checkbox"] + label {height: 24px; display: block;}
.subsuche .checkbox input[type="checkbox"] + label span.check_box  {display:inline-block; width:24px; height:24px; float:left; margin:0 auto 0 auto; padding:0 0 0 0;background:url(/pics/check0.png) left center no-repeat; cursor:pointer;}
.subsuche .checkbox input[type="checkbox"]:checked + label span.check_box {background:url(/pics/check1.png) left center no-repeat;}
.subsuche .checkbox input[type="checkbox"] + label span.check_text {display:inline-block; padding:0 0 0 12px; height:24px; font-size: 16px; line-height: 24px;}
.subsuche .checkbox :hover {background:#EAEAEA;}
/* checkbox karte */
 .checkbox_karte {margin: 0 10px 10px 0px; border: 1px solid rgba(0,0,0,0.25); font-size:0; padding: 0; display: inline-block; background:url(/pics/map_bg.png) center center no-repeat #fff;}
 .checkbox_karte label {cursor:pointer; padding:0; font-size:0 !important}
 .checkbox_karte label img {height:32px; padding:5px 12px 0 0; float: right;}
 .checkbox_karte input[type="checkbox"] {display:none;}
 .checkbox_karte input[type="checkbox"] + label {height: 44px; display: block;}
 .checkbox_karte input[type="checkbox"] + label span.check_box  {display:inline-block; width:24px; height:24px; float:left; margin:9px 0 9px 9px; padding:0 0 0 0;background:url(/pics/check0.png) left center no-repeat; cursor:pointer;}
 .checkbox_karte input[type="checkbox"]:checked + label span.check_box {background:url(/pics/check1.png) left center no-repeat;}
 .checkbox_karte input[type="checkbox"] + label span.check_text {display:inline-block; padding:9px 12px 0 12px; height:24px; font-size: 16px; line-height: 24px;}
 .checkbox_karte :hover {background:#EAEAEA;}
/* checkbox social media platz */
 .socialcheckboxplatz {font-size:0; padding: 0; display: inline-block; float: right;}
 .socialcheckboxplatz label {cursor:pointer; padding:0;}
 .socialcheckboxplatz input[type="checkbox"] {display:none;}
 .socialcheckboxplatz input[type="checkbox"] + label {height: 24px; display: block;}
 .socialcheckboxplatz input[type="checkbox"] + label span.check_box  {display:inline-block; width:63px; height:27px; float:left; margin:0 auto 0 auto; padding:0 0 0 0;background:url(/pics/off.png) left center no-repeat; cursor:pointer;}
 .socialcheckboxplatz input[type="checkbox"]:checked + label span.check_box {background:url(/pics/on.png) left center no-repeat;}
 .socialcheckboxplatz input[type="checkbox"] + label span.check_text {display:inline-block; padding:0 0 0 12px; height:27px; font-size: 16px; line-height: 27px; color:#000; font-family: 'Raleway', sans-serif;}
 .socialcheckboxplatz :hover {}
/* checkbox social media footer*/
 .socialcheckboxfooter {font-size:0; padding: 0; margin:7px 0 0 0; display: inline-block; float: right;}
 .socialcheckboxfooter label {cursor:pointer; padding:0 0 0 0; background: url(/pics/on.png)  left center no-repeat; background-size:1px 1px;} /* nur preload */
 .socialcheckboxfooter input[type="checkbox"] {display:none;   background: url(/pics/off.png) left center no-repeat; background-size:1px 1px;} /* nur preload */
 .socialcheckboxfooter input[type="checkbox"] + label {height: 27px; display: block;}
 .socialcheckboxfooter input[type="checkbox"] + label span.check_box  {display:inline-block; width:42px; height:27px; float:left; margin:0 auto 0 auto; padding:0 0 0 0;background:url(/pics/off.png) left center no-repeat; cursor:pointer; background-size:100% 18px;}
 .socialcheckboxfooter input[type="checkbox"]:checked + label span.check_box {background:url(/pics/on.png) left center no-repeat; background-size:100% 18px;}
 .socialcheckboxfooter input[type="checkbox"] + label span.check_text {display:inline-block; padding:0 12px 0 3px; height:27px; font-size: 16px; line-height: 27px; color:#fff; font-family: 'Raleway', sans-serif;}
 .socialcheckboxfooter :hover {}

/* radioboxen startseite */
.subsuche .radiobox {font-size:0; padding: 0; display: inline-block;}
.subsuche .radiobox label {cursor:pointer; padding:12px;}
.subsuche .radiobox input[type="radio"] {display:none;}
.subsuche .radiobox input[type="radio"] + label {height: 24px; display: block;}
.subsuche .radiobox input[type="radio"] + label span.check_box  {display:inline-block; width:24px; height:24px; float:left; margin:0 auto 0 auto; padding:00 0 0 0;background:url(/pics/radio0.png) left center no-repeat; cursor:pointer;}
.subsuche .radiobox input[type="radio"]:checked + label span.check_box {background:url(/pics/radio1.png) left center no-repeat;}
.subsuche .radiobox input[type="radio"] + label span.check_text {display:inline-block; padding:0 0 0 12px; height:24px; font-size: 16px; line-height: 24px;}
.subsuche .radiobox :hover {background:#EAEAEA;}
.subsuche .radioboxsterne {width:20%;}     /* nur länder */ /*display:block !important*/

.subsuche .radioboxregionen {width: 100%; display:block}
.subsuche .radioboxregion_de {height: 0px; overflow: hidden; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.subsuche .radioboxregion_fr {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_nl {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_uk {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_it {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_es {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_se {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_no {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_be {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_at {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_ch {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_pl {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_gr {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_pt {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_fi {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_hu {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_cz {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_hr {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_ie {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_tr {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_lu {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_lv {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_si {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_sk {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_is {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_ee {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_ro {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_lt {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_ad {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_dk {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_bg {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_cy {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_li {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_me {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_mk {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_al {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_rs {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_ba {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_by {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_ua {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_md {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_ru {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_mt {height: 0px; overflow: hidden;}
.subsuche .radioboxregion_show {height:48px;}

::-moz-placeholder          {color: #888; text-align: center; font-size:16px}
::-webkit-input-placeholder {color: #888; text-align: center; font-size:16px}
:-ms-input-placeholder      {color: #888; text-align: center; font-size:16px}
::placeholder               {color: #888; text-align: center; font-size:16px}

.seite {display:inline-block; width:100%; margin:0 0 0 0; min-height:870px; font-family: 'Raleway', sans-serif; font-size: 16px; line-height:22px; color: #000;}
.seite a {text-decoration:none; color: #00519e;}
.seite a:hover {text-shadow: 0 0 3px rgba(0,81,158,1);}

.seite .inhalt {width: 100%; max-width: 1350px; margin: 0 auto; display: flow-root;}
.seite .inhalt .textausdb {padding:0 0 70px 0;}
.seite .inhalt .textausdb h1 {margin:0 0 20px 0; text-align: center;  font-size:30px; line-height:30px;}
.seite .inhalt .textausdb .blau {text-align:center; font-size:12px; display: block; line-height: 12px;}
.seite .inhalt .texthome {text-align:center}
.seite .inhalt .suche_ergebnis {margin:35px 5px 0 5px; float:left; width:100%; height:1657px;}
.seite .inhalt .suche_ergebnis h1 {margin: 0 0 20px 10px; font-size: 22px; color: #888}
.seite .inhalt .suche_ergebnis h2.notfound {margin:0 0 0 0; text-align:center; font-size: 22px; color: #888}
.seite .inhalt .suche_ergebnis h3.notfound {margin:10px 0 0 0; text-align:center; font-size: 18px; color: #888}
.seite .inhalt .suche_ergebnis .suche_ergebnis1 {margin:0; width: 100%; display: block; float:left;}
.seite .inhalt .suche_ergebnis .suche_ergebnis1 .suche_ergebnis2 {margin:0 auto; width: 100%; display: block; float:left;}
.seite .inhalt .ergebnisloader {background:url(/pics/loading.gif) center center no-repeat rgba(255,255,255,0.5); background-size:100px 100px; position:absolute; left:0; top:0; width:200px; height:200px; z-index:8000; display:none;}

/* platzdetails ############################################################# */
.seite .camp_details {background:#fff; line-height:28px;}
.seite .camp_details h1 {margin:0 0 20px 0; text-align: center; font-size:30px; line-height:30px; color:#888;}
.seite .camp_details h2 {margin:0 0 17px 0; padding: 1px 0 3px 6px; text-align: left;   font-size:22px; line-height:22px; color:#00519e; font-weight:600;}
.seite .camp_details h3 {margin:0 0 17px 0; padding: 0   0 3px 0px; text-align: left;   font-size:18px; line-height:18px; color:#00519e; font-weight:600;}

.seite .camp_details h1._1stern  {background:url(/pics/_1stern.png)  right 0 no-repeat; background-size:auto 30px}
.seite .camp_details h1._2sterne {background:url(/pics/_2sterne.png) right 0 no-repeat; background-size:auto 30px}
.seite .camp_details h1._3sterne {background:url(/pics/_3sterne.png) right 0 no-repeat; background-size:auto 30px}
.seite .camp_details h1._4sterne {background:url(/pics/_4sterne.png) right 0 no-repeat; background-size:auto 30px}
.seite .camp_details h1._5sterne {background:url(/pics/_5sterne.png) right 0 no-repeat; background-size:auto 30px}
.seite .camp_details h1._1sternP  {background:url(/pics/_1sternPlus.png)  right 0 no-repeat; background-size:auto 30px}
.seite .camp_details h1._2sterneP {background:url(/pics/_2sternePlus.png) right 0 no-repeat; background-size:auto 30px}
.seite .camp_details h1._3sterneP {background:url(/pics/_3sternePlus.png) right 0 no-repeat; background-size:auto 30px}
.seite .camp_details h1._4sterneP {background:url(/pics/_4sternePlus.png) right 0 no-repeat; background-size:auto 30px}
.seite .camp_details h1._5sterneP {background:url(/pics/_5sternePlus.png) right 0 no-repeat; background-size:auto 30px}

.seite .camp_details h2._1stern  {background:none}
.seite .camp_details h2._2sterne {background:none}
.seite .camp_details h2._3sterne {background:none}
.seite .camp_details h2._4sterne {background:none}
.seite .camp_details h2._5sterne {background:none}

.seite .camp_details .platzrow {margin:0 auto; width:100%; float:left;}
.seite .camp_details .platzrow .links   {background:#ffffff; float: left; box-sizing:border-box; width: 50%;  border-right:10px solid #fff; margin:0 0 40px 0; padding:0;  -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.seite .camp_details .platzrow .rechts  {background:#ffffff; float: left; box-sizing:border-box; width: 50%;  border-right:10px solid #fff; margin:0 0 40px 0; padding:0;}
.seite .camp_details .platzrow .galerie {background:#ffffff; float: left; box-sizing:border-box; width: 100%; border-right:10px solid #fff; margin:0 0 40px 0; padding:0;  -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

.seite .camp_details .platzrow .row       {width:100%; float:left;}
.seite .camp_details .platzrow .spacer    {width:100%; float:left; height:20px; background:#fefefe;}
.seite .camp_details .platzrow .col-sm-12   {width:100%; float:left; padding-left: 28px; box-sizing: border-box;}
.seite .camp_details .platzrow .col-sm-12NP {width:100%; float:left;                     box-sizing: border-box;}
.seite .camp_details .platzrow .col-sm-6  {width:50%;  float:left;}
.seite .camp_details .platzrow .col-sm-4  {width:33%;  float:left;}
.seite .camp_details .platzrow .col-sm-8  {width:66%;  float:left;}
.seite .camp_details .platzrow .col-sm-5  {width:40%;  float:left;}
.seite .camp_details .platzrow .col-sm-2  {width:20%;  float:left;}

.seite .camp_details .platzrow .links h2         {background:url(/pics/up.png) right center no-repeat; background-size:auto 18px; cursor:pointer; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);}
.seite .camp_details .platzrow .links h2:hover   {background-color: #ededed;}
.seite .camp_details .platzrow .links h2.h2open  {background-image:url(/pics/down.png)}
.seite .camp_details .platzrow .links h2.noswap  {background:none; cursor:default; box-shadow:none; padding:0;}

.seite .camp_details .platzrow .links .subblock1 .subblock2 h3         {background:url(/pics/up.png) right center no-repeat; background-size:auto 22px; cursor:pointer; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
                                                                        float: right; margin: 0 2px 17px 0; padding: 0 30px 2px 5px;}
.seite .camp_details .platzrow .links .subblock1 .subblock2 h3.h2open  {background-image:url(/pics/down.png)}

.seite .camp_details .platzrow .galerie h2         {background:url(/pics/up.png) right center no-repeat; background-size:auto 22px; cursor:pointer; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);}
.seite .camp_details .platzrow .galerie h2.h2open  {background-image:url(/pics/down.png)}
.seite .camp_details .platzrow .galerie h2.noswap  {background:none; cursor:default; box-shadow:none;}
.seite .camp_details .platzrow .galerie #videoframe {border-radius:20px;}
.seite .camp_details .platzrow .galerie img        {border-radius:20px;}

.seite .camp_details .teilen {height:60px; margin: 0 0 20px 0;}
.seite .camp_details .teilen .icons   {height:60px; float: right; margin: 0 0 0 10px; opacity:0;}
.seite .camp_details .teilen .icons a {display: inline-block; height: 60px;}
.seite .camp_details .teilen .icons a img {height:0%; width:auto;}
.seite .camp_details .teilen .icon_teilen {height:60px; float: right; margin: 0 0 0 10px; opacity:1; cursor:pointer;}
.seite .camp_details .teilen .icon_teilen img {height:100%; width:auto;}
/* Meldung ############################################################# */
.seite .meldung {background:#fff; line-height:28px;}
.seite .meldung .newsrow {margin:0 auto; width:100%; float:left;}
.seite .meldung .newsrow h1 {margin:0 0 20px 0; text-align: center; font-size:30px; line-height:30px; color:#888;}
.seite .meldung .newsrow i {font-size:15px; padding:0 0 20px 0; display: block;}
.seite .meldung .newsrow div.news_text {}
.seite .meldung .newsrow div.news_text img {}
.seite .meldung .newsrow div.news_text span.news_bild {float: right; width: 100%; max-width: 715px; margin: 0 0 20px 0px;}
.seite .meldung .newsrow div.news_text span.news_bild img {width:100%; height:auto;}
.seite .meldung .newsrow div.news_text span.news_bild span.bildtext {font-size:12px; line-height: 14px; float: left;}
.seite .meldung .newsrow div.news_text div.platzbox {opacity:1; float: right;}

.subblock1       {float:left; width: 100%; -webkit-transition: all 0.5s cubic-bezier(.46,.03,.52,.96); transition: all 0.5s cubic-bezier(.46,.03,.52,.96);}
.subblock1_open  {height:auto; overflow:hidden;}
.subblock1_close {height:0px; overflow:hidden;}
.subblock2       {float:left; width: 100%;}

.seite .camp_details .logo {width:50%; margin:0 auto;}
.seite .camp_details .logo img {width:100%;}

.seite .btn-buchen {color:#fff; font-size:16px; line-height:20px; border-radius:4px; background: #20aa20; display: inline-block; padding: 10px 20px; margin:30px auto 40px auto; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); text-decoration:none; cursor:pointer;}
.seite .btn-buchen:hover {text-shadow: 0px 0px 2px #fff;}

.seite .camp_details .btn-download {width:75%; max-width:180px; color:#fff; font-size:16px; line-height:20px; border-radius:4px; background: #20aa20; display: inline-block; padding: 10px 12px; margin:0 10px 10px 0; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); text-decoration:none;}
.seite .camp_details .btn-download:hover {text-shadow: 0px 0px 2px #fff;}
.seite .camp_details .btn-download span.icon-download {margin: 0 10px 0 0;}
.seite .camp_details .btn-download span.btn-titel {display: inline-block;}
.seite .camp_details .btn-download span.btn-text  {display: block; font-size: 10px;}

.seite .camp_details .fb-page {float: right; width:100%; max-width:300px;}

.seite .camp_details .map_platz {height:600px;}

.seite .camp_details .checked        {min-width:50%; float:left; background: url(/pics/checked.png) 2px 0 no-repeat #fff; font-size: 16px; line-height: 20px; font-weight:600; padding: 0 0 0 0; margin:0 0 10px 0}
.seite .camp_details .bold {text-shadow:0 0 2px rgba(0,0,0,0.8);}
.seite .camp_details .checked span   {margin:0 20px 0 28px; line-height: 24px; display: inline-block;}
.seite .camp_details .teilweise      {min-width:50%; float:left; background: url(/pics/checked.png) 2px 0 no-repeat #fff; font-size: 16px; line-height: 20px; font-weight:600; padding: 0 0 0 0; margin:0 0 10px 0; opacity:0.5;}
.seite .camp_details .teilweise span {margin:0 20px 0 28px; line-height: 24px; display: inline-block;}


/* platzboxen ############################################################## */
.platzbox {opacity:0; width:100%; max-width:316px; min-height:370px; position:relative; float:left; margin:0 10px 20px 10px; display:block;}
.platzbox .text {
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out; 
}
.platzbox .bilder           {width:100%; height:160px; position:relative; overflow: hidden;}
.platzbox .bilder .bild     {width:100%; height:160px;}
.platzbox .bilder .bild img {width:100%; /*min-height: 100%;*/ position:absolute;}
.platzbox .boxleft  {position:absolute; top:0; left :0; width:40px; height:160px; cursor:pointer;}
.platzbox .boxright {position:absolute; top:0; right:0; width:40px; height:160px; cursor:pointer;}
.platzbox .boxleft  svg {position:absolute;top:0;left:6px; width:50%;height:100%; -webkit-transition: all 0.25s cubic-bezier(.68,-0.55,.27,1.55); transition: all 0.25s cubic-bezier(.68,-0.55,.27,1.55); }
.platzbox .boxright svg {position:absolute;top:0;right:6px;width:50%;height:100%; -webkit-transition: all 0.25s cubic-bezier(.68,-0.55,.27,1.55); transition: all 0.25s cubic-bezier(.68,-0.55,.27,1.55); }
.platzbox .boxleft .a, .platzbox .boxright .a {fill:#fff; fill-opacity:1; stroke:#000; stroke-width:160; stroke-miterlimit:10; stroke-opacity: 0.7;}
.platzbox .boxleft:hover svg {width:100%;}
.platzbox .boxright:hover svg {width:100%;}

.platzbilder                {background:#ffffff; width:100%; position:relative; overflow: hidden; line-height:0; border-radius:20px;}
.platzbilder .platzbild     {background:#ffffff; width:100%; text-align: center; }
.platzbilder .platzbild img {height:533px}
.platzbildleft  {position:absolute; top:0; left :0; width:50%; height:100%; -webkit-transition: all 0.25s cubic-bezier(.68,-0.55,.27,1.55); transition: all 0.25s cubic-bezier(.68,-0.55,.27,1.55); cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.platzbildright {position:absolute; top:0; right:0; width:50%; height:100%; -webkit-transition: all 0.25s cubic-bezier(.68,-0.55,.27,1.55); transition: all 0.25s cubic-bezier(.68,-0.55,.27,1.55); cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.platzbildleft .a, .platzbildright .a {fill:#fff; fill-opacity:1; stroke:#000; stroke-width:160; stroke-miterlimit:10; stroke-opacity: 0.7;}
.platzbildleft:hover .a, .platzbildright:hover .a {fill:#444; stroke:#fff; stroke-opacity: 1; stroke-width:320;}

.platzbilddots     {position:absolute; left:0; bottom:0; width:100%;}
.platzbilddots .dots {margin:0 auto; height:20px; background:url(/pics/bilddots.png) -80px 0 no-repeat}
.platzbildnumber   {position:absolute; left:0; bottom:0; width:100%; line-height: 30px;}
.platzbildnumber .galerienumber {background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.5); width:150px; margin: 0 auto; text-align:center; border-radius: 30px 30px 0 0; font-weight:bold}

.seite .camp_details .platzrow .galerie .platzbilddots {display:none}  /* dots nicht in der galerie */
.seite .camp_details .platzrow .links .platzbildnumber {display:none}  /* nummern nicht in den blöcken */
/*
.platzbox .text     {top: 113px; position:absolute; min-height:237px; background:rgba(255,255,255,0.75); width:94%; margin:0 3%; padding:0 0 0 0; box-shadow:0 0 4px rgba(0,0,0,0.5);}
*/
.platzbox .text     {min-height:232px; position:relative; background:rgba(255,255,255,0.75); width:94%; margin:-49px 3% 0 3%; padding:0 0 0 0; box-shadow:0 0 4px rgba(0,0,0,0.5);}
.platzbox .text:hover {box-shadow:0 0 4px rgba(0,0,0,0.9); transform:scale(1.025);}

.platzbox .text h1.name {min-height: 49px; font-family: 'Raleway', sans-serif; font-size: 15px !important; margin: 0px 5px 0 5px;
                         color:#444; padding: 5px 0 0 0; line-height: 22px; font-weight: 800; text-align: center;}

.platzbox .text span      {font-size:14px; margin: 0 5px 3px 5px; display: block; white-space: nowrap; overflow: hidden;}
.platzbox .text a.sublink {font-size:14px; margin: 0 5px 3px 5px; display: block; white-space: nowrap; overflow: hidden; text-decoration:none; color:inherit}

.platzbox .sterne {position: absolute; top: 0px; left: 3px; line-height:0;}
.platzbox .land   {position: absolute; top: 0px; right:3px; line-height:0;}
.platzbox .checked {background: url(/pics/checked.png) 2px 0 no-repeat #fff; font-size: 16px; line-height: 20px; font-weight:600; padding: 0 0 0 28px; margin:0 0 4px 0; color:#0083af;}
.platzbox .checked span {line-height: 24px; margin: 0;}
.platzbox .checkedleer {font-size: 16px; line-height: 20px; margin:0 0 4px 0}
.platzbox .checkedleer span {line-height: 24px; margin: 0;}

.platzbox .boxdivbuttom {width: 100%; text-align: center; padding: 0 0 3px 0;}

.platzbox .boxdivbuttom .boxAbutton {display:inline;}
.platzbox .boxdivbuttom .boxAbutton:hover {text-shadow: 0px 0px 2px #fff;}
.platzbox .boxdivbuttom .boxAbutton .boxAbuttonspan {background:#20aa20; border-radius:4px; color:#fff; padding:2px 6px 2px 6px; text-decoration:none;  box-shadow:0 0 2px rgba(0,0,0,0.85); font-size:14px; display:inline;}

.nocampfound {display:none; opacity:0;}
.nocampfound h2 {font-size: 20px; font-family: 'Raleway', sans-serif; margin: 0 10px; text-align: center;}
.nocampfound h3 {font-size: 18px; font-family: 'Raleway', sans-serif; margin: 0 10px; text-align: center;}

.seite .inhalt .news    {margin: 35px 0 0 0; display: block; width: 100%; float: left;}
.seite .inhalt .news h1 {margin: 0 0 20px 10px; font-size: 22px; color: #888; text-align:center;}
.seite .inhalt .news h1 span {color:#00519e; margin:0 20px}
.seite .inhalt .news2   {width:100%; margin:0 auto; display:inline-block;}

.news .newsboxbild {width:100%; max-width:250px; height:320px; position:relative; float:left; margin:0 10px 20px 10px; display: block;}
.news .newsboxbild .newsbox-datum { padding:0 5px 0 5px; text-align:right; font-size:9px; color:#888;}
.news .newsboxbild .newsbox-bild {height:169px; max-height:169px; padding:0 0 0 0; overflow:hidden; font-size:0; line-height:0;}
.news .newsboxbild .newsbox-bild img {width:250px;}
.news .newsboxbild .newsbox-shadow {width:204px; height:12px; margin:0 auto; overflow:hidden; font-size:0px; line-height: 0;}
.news .newsboxbild .newsbox-titel {width:240px; max-width:240px; height:42px; max-height:42px; overflow:hidden; margin:0 5px 0 5px; font-family:'Raleway', sans-serif; font-size:14px; line-height:14px; font-weight:bold; color:#434343; text-align:center;}
.news .newsboxbild .newsbox-titel-space {height:10px}
.news .newsboxbild .newsbox-text           {width:240px; max-width:240px; height:64px; max-height:64px; overflow:hidden; margin:0 5px 0 5px; font-family:'Raleway', sans-serif; font-size:14px; line-height:16px; font-weight:normal; color:#434343; text-align:center;}
.news .newsboxbild .newsbox-text-ohnebild  {width:240px; max-width:240px; height:84px; max-height:84px; overflow:hidden; margin:0 5px 0 5px; font-family:'Raleway', sans-serif; font-size:14px; line-height:16px; font-weight:normal; color:#434343; text-align:center;}
.news .newsboxbild .newsbox-text a, .newsbox-titel a, .newsbox-text-ohnebild a{text-decoration:none; color:#000;}

.news .newsboxtext {width:100%; max-width:250px; height:320px; position:relative; float:left; margin:0 10px 20px 10px; display: block;}
.news .newsboxtext .newsbox-datum {padding:0 5px 0 5px; text-align:right; font-size:9px; color:#888;}
.news .newsboxtext .newsbox-titel {width:100%; max-width:250px; height:160px; max-height:160px; padding:10px 0 0 0; overflow:hidden; margin:0 0 0 0; font-family:'Raleway', sans-serif; font-size: 24px; line-height: 26px; font-weight:bold; text-align:center;}
.news .newsboxtext .newsbox-titel a {color:#888}
.news .newsboxtext .newsbox-titel-space {height:10px}
.news .newsboxtext .newsbox-text  {width:100%; max-width:250px; padding:0 0 0 0; height:106px; max-height:106px; overflow:hidden; margin:0 0 0 0; font-family:'Raleway', sans-serif; font-size:12px; line-height:14px; font-weight:normal; color:#434343; text-align:center;}
.news .newsboxtext .newsbox-text a, .newsbox-titel a, .newsbox-text-ohnebild a{text-decoration:none; color:#000;}
.news .newsboxtext .newsbox-titel {
    background: -moz-linear-gradient (top, rgba(248,241,226,1) 0%,rgba(248,241,226,0) 100%);
    background: -webkit-linear-gradient(top, rgba(80,80,80,0.1) 0%,rgba(0,80,159,0) 100%);
    background: linear-gradient (to bottom, rgba(248,241,226,1) 0%,rgba(248,241,226,0) 100%);
}

.schnelllinks {margin: 35px 0 35px 0; display: block; width: 100%; float: left; border: 0px solid rgba(0,0,0,0.25);}
.schnelllinks2 {margin:0 0 0 10px}
.schnelllinks2 h3 {text-align:center; margin:0;
    background: url(/pics/up.png) right center no-repeat; background-image: url("/pics/up.png"); background-size: auto 18px;
    cursor: pointer;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
}
.schnelllinks2 h3:hover {background-color:rgba(0,0,0,0.1);}
.schnelllinks2 h3.h2open {background-image: url(/pics/down.png);}

.schnelllinks3 {/*float:left;*/ width: 100%; height:0; margin: 0 0 50px 0;
                transition: all 1.0s; overflow: hidden;}
.schnelllinks a.schnelllink6 {border-bottom: 3px solid rgba(0,0,0,0.25); min-width: 15.6%; max-width:16.6%; margin: 1% 1% 1% 0%; padding:0; display: block; float:left; vertical-align: text-top; white-space:nowrap; overflow:hidden;}
.schnelllinks a.schnelllink5 {border-bottom: 3px solid rgba(0,0,0,0.25); min-width: 24%;   max-width:24%;   margin: 1% 1% 1% 0%; padding:0; display: block; float:left; vertical-align: text-top; white-space:nowrap; overflow:hidden;}
.schnelllinks a:hover {background: rgba(0,0,0,0.1); text-shadow:inherit;}

.lazyload {
    opacity:0;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;    
}

.karte {width:100%; height:600px; margin: 0 0 30px 0;}
.map_1box {width: 270px; height: 600px; z-index: 999;
display: inline-block; position: absolute;
padding: 0 0 0 0; background: rgba(255,255,255,0.5); box-shadow: 5px 0px 5px -5px rgba(0,0,0,1);
}
.map_1box .platzbox {max-width:250px; margin-top:20px; box-shadow: 0 0 2px rgba(0,0,0,1); background: rgba(255,255,255,0.5);}

.klein {font-size:12px;}
sup    {font-size:18px; font-weight:600;}

.cookiehinweis {display: none; width: 100%; background:rgba(0,0,0,0.85); text-align: center; padding: 4px 0; position:fixed; bottom:0; color:#fff; font-size:20px; font-family:'Raleway', sans-serif;}
.cookiehinweis span {max-width: 1024px; display: inline-block; margin: 20px auto;}
.cookiehinweis span a {color:#0083FF; text-decoration:none;}

/* schnell checkboxen */
.schnellblock {margin:0 0 20px 0; text-align: center; z-index: 8889; background: #fff; font-size: 0; line-height: 0;}
.Quickbox,.Quicklandbox {margin: 5px 5px 5px 5px; border: 1px solid rgba(0,0,0,0.25); font-size:0; padding: 0; display: inline-block; height:118px; width:140px; vertical-align: top;}
.Quickbox label {cursor:pointer; padding:0; font-size:0 !important; line-height:0;}
.Quickbox label span.check_box {}

.Quickbox input[type="checkbox"] {display:none;}
.Quickbox input[type="checkbox"] + label {height: 100%; display: block;}
.Quickbox input[type="checkbox"] + label div.check_box  {display:inline-block; width:100%; height:96px; margin:0; padding:0 0 0 0; background-size: auto 100% !important; cursor:pointer;}
.Quickbox input[type="checkbox"] + label div.quick_text {font-size:9px; line-height:10px; display: block; text-align: center; height:22px; width: 100%;}
.Quicklandbox label div.landboxdivtext                  {font-size:9px; line-height:10px; display: block; text-align: center; height:22px; width: 100%;}


.Quick_land         input[type="checkbox"] + label div.check_box {background:url(/pics/karte/karte.png)              center center no-repeat;}

.Quickbox input[type="checkbox"]:checked + label div.check_box {}
.Quickbox input[type="checkbox"]:checked + label               {background: rgba(0,60,255,0.1); box-shadow: 0 0 3px rgb(0,0,0);}
.QuickboxMini input[type="checkbox"]:checked + label           {background: rgba(0,60,255,0.1);}

.Quickbox input[type="checkbox"] + label div.check_text {display:inline-block; padding:9px 12px 0 12px; height:24px; font-size: 16px; line-height: 24px;}
.Quickbox:hover,.Quicklandbox:hover {background:#EAEAEA; /*box-shadow: 0 0 3px rgba(0,0,0,0.5);*/}
.QuickboxMini:hover {background:#EAEAEA;}

.QuickboxMinimore {display:none;} /* den brauchen wir nur mobil */

/* sonderquickbox LAND */
.Quicklandbox {}
.Quicklandbox label {cursor:pointer !important;}
.Quicklandbox label div.landboxdivimg {height:96px; text-align: center;}
.Quicklandbox label div.landboxdivimg img {height:100%}
.Quicklandbox label div.landboxdivtext {}

.suchbloecke {z-index:8888; background:#fff; }
.suchbloecke2 {margin:10px 10px 0 10px;}

/* Kontakt Reseller */
.seite .inhalt .kontaktres {}
.kontakt_reseller dl {
    font-size: 0;
    width: 100%;
    max-width: 580px;
    margin: 15px auto;
}
.kontakt_reseller dt {
    font-size: 18px;
    margin: 0;
    padding: 0;
    font-weight: bold;
    display: inline-block;
    width:100%;
    max-width: 200px;
    line-height: 38px;
    vertical-align: top;
}
.kontakt_reseller dd {
    font-size: 18px;
    margin: 0;
    padding: 0;
    display: inline-block;
    width:100%;
    max-width: 380px;
}
.kontakt_reseller div.formtext {
    width: 100%;
    max-width: 580px;
    margin: 15px auto;
}
.kontakt_reseller dd input.inputtext {
    font-size: 18px;
    width: 100%;
    line-height: 36px;
    border: 1px solid rgba(0,80,159,0.5);
    border-radius: 5px;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    font-family: 'Raleway', sans-serif;
}
.kontakt_reseller dd textarea.area {
    font-size: 18px;
    width: 100%;
    height: 180px;
    border: 1px solid rgba(0,80,159,0.5);
    border-radius: 5px;
    padding: 5px 0 0 10px;
    box-sizing: border-box;
    font-family: 'Raleway', sans-serif;
}
.kontakt_reseller dd input.inputtext:hover {background:#f8f8f8;}
.kontakt_reseller dd textarea.area:hover   {background:#f8f8f8;}
.kontakt_reseller dd input.inputtext:focus {box-shadow:0 0 4px rgba(0,80,159,0.5);}
.kontakt_reseller dd textarea.area:focus   {box-shadow:0 0 4px rgba(0,80,159,0.5);}

.kontakt_reseller dd input.submitbutton  {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    border: none;
    border-radius: 4px;
    background: #20aa20;
    display: inline-block;
    padding: 10px 20px;
    box-sizing: border-box;
    margin: 30px auto 40px auto;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    text-decoration: none;
}
.kontakt_reseller dd input.submitbutton:hover {
  text-shadow: 0px 0px 2px #fff;
}
/* kontakt campingplatz */
/* ACHTUNG -  weiter CSS in kontakt.php, wegen jquery-ui.css */
.kontakt_platz {position: fixed; top: 0; left: 0; z-index: 9999; display:none; opacity:0;
                border: 1px solid rgb(0, 0, 0); background:rgba(255,255,255,0.95); box-shadow: 0 0 4px rgba(0,0,0,0.5);
                width: 100%; max-width: 800px}
.kontakt_platz2 {margin:20px; width: 590px; margin: 0 auto}
.seite .camp_details .kontakt_platz h2 {padding:0;}

.kontakt_platz div.formclose {
    width:30px; height:30px; position:absolute; right:10px; top:10px;
    background-size:20px 20px !important;       background:url(/pics/x.png) center center no-repeat;
    border: 1px solid #888; border-radius: 50%; background-color: rgba(200,200,200,0.5);
    -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; cursor:pointer;
}
.kontakt_platz div.formclose:hover {background-size:30px 30px !important;}
.kontakt_platz dl {
    font-size: 0;
    width: 100%;
    max-width: 580px;
    margin: 15px auto;
}
.kontakt_platz dt {
    font-size: 18px;
    margin: 0;
    padding: 0;
    font-weight: normal;
    display: inline-block;
    width:100%;
    max-width: 200px;
    line-height: 38px;
    vertical-align: top;
    color: #666;
}
.kontakt_platz dd {
    font-size: 18px;
    margin: 0;
    padding: 0;
    display: inline-block;
    width:100%;
    max-width: 380px;
}
.kontakt_platz div.formtext {text-align:center}
.kontakt_platz div.formerror {text-align:center; font-weight:bold; color: #fff; height: 0; overflow: hidden;
                              -webkit-transition: all 1s cubic-bezier(.68,-0.55,.27,1.55); transition: all 1s cubic-bezier(.68,-0.55,.27,1.55);}
.kontakt_platz dd input.inputtext {
    font-size: 18px;
    width: 100%;
    line-height: 36px;
    border: 1px solid rgba(0,80,159,0.5);
    border-radius: 5px;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    font-family: 'Raleway', sans-serif;
}
.kontakt_platz dd textarea.area {
    font-size: 18px;
    width: 100%;
    height: 180px;
    border: 1px solid rgba(0,80,159,0.5);
    border-radius: 5px;
    padding: 5px 0 0 10px;
    box-sizing: border-box;
    font-family: 'Raleway', sans-serif;
}
.kontakt_platz dd input.inputtext:hover {background:#f8f8f8;}
.kontakt_platz dd textarea.area:hover   {background:#f8f8f8;}
.kontakt_platz dd input.inputtext:focus {box-shadow:0 0 4px rgba(0,80,159,0.5);}
.kontakt_platz dd textarea.area:focus   {box-shadow:0 0 4px rgba(0,80,159,0.5);}

.kontakt_platz dd input.submitbutton  {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    border: none;
    border-radius: 4px;
    background: #20aa20;
    display: inline-block;
    padding: 10px 20px;
    box-sizing: border-box;
    /*margin: 30px auto 40px auto;*/
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    text-decoration: none;
}
.kontakt_platz dd input.submitbutton:hover {
  text-shadow: 0px 0px 2px #fff;
}
/* versteckte checkbox */
.kontakt_platz .checkboxhidden {height:0; width:0; overflow:hidden; font-size:0;}
.kontakt_platz .checkboxhidden input[type="checkbox"] {}

.kontakt_platz .checkbox {font-size:0; padding: 0; display: inline-block;}
.kontakt_platz .checkbox label {cursor:pointer; padding:12px;}
.kontakt_platz .checkbox input[type="checkbox"] {display:none;}
.kontakt_platz .checkbox input[type="checkbox"] + label {height: 24px; display: block; white-space: nowrap;}
.kontakt_platz .checkbox input[type="checkbox"] + label span.check_box  {display:inline-block; width:24px; height:24px; float:left; margin:0 auto 0 auto; padding:0 0 0 0;background:url(/pics/check0.png) left center no-repeat; cursor:pointer;}
.kontakt_platz .checkbox input[type="checkbox"]:checked + label span.check_box {background:url(/pics/check1.png) left center no-repeat;}
.kontakt_platz .checkbox input[type="checkbox"] + label span.check_text {display:inline-block; padding:0 0 0 12px; height:24px; font-size: 16px; line-height: 24px;}
.kontakt_platz .checkbox :hover {background:#EAEAEA;}
.kontakt_platz .keepdata {border: 1px solid rgba(0,0,0,0.2); border-radius: 6px; transform: scale(0.75); transform-origin: center top;}
.kontakt_platz .keepdata input[type="checkbox"] + label span.check_text {display:inline-block; padding:0 0 0 12px; height:24px; font-size: 16px; line-height: 24px; font-weight: normal}
.ui-widget {font-family: 'Raleway', sans-serif; text-shadow: 0 0 1px rgba(0,0,0,0.2); font-size: 18px}
.ui-front {z-index:10000}
.ui-button {padding:0 0 0 10px; line-height: 36px;}
.ui-button .ui-icon {margin: 10px;}
.ui-menu .ui-menu-item-wrapper {padding: 3px 1em 3px 10px;}

/* browser validierung nicht anzeigen, stört nur */
:invalid {box-shadow: none;}
:-moz-submit-invalid {box-shadow: none;}
:-moz-ui-invalid {box-shadow: none;}
/* fehlerclassen für alle formulare */
input[type="text"].form_element_error  {border:2px solid rgba(255,0,0,0.5) !important; box-shadow:0 0 4px rgba(255,0,0,0.5) !important; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
input[type="email"].form_element_error {border:2px solid rgba(255,0,0,0.5) !important; box-shadow:0 0 4px rgba(255,0,0,0.5) !important; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
input[type="tel"].form_element_error   {border:2px solid rgba(255,0,0,0.5) !important; box-shadow:0 0 4px rgba(255,0,0,0.5) !important; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
           textarea.form_element_error {border:2px solid rgba(255,0,0,0.5) !important; box-shadow:0 0 4px rgba(255,0,0,0.5) !important; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
#alterkinderDD span.form_element_error {border:1px solid rgba(255,0,0,0.5) !important; box-shadow:0 0 2px rgba(255,0,0,0.7) !important; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

.underlay {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9000; display:none; opacity:0;}

.underlayAlert {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.75); z-index: 10000; display:none; opacity:0;}
.underlayAlert div.alert {min-width: 320px; position: fixed; left: 0; top: 0; z-index:10001; display:none; padding:0;
                          border:1px solid rgba(0,0,0,0.2); background:#fff; border-radius: 3px; box-shadow: 3px 4px 4px rgba(0,0,0,0.5);}
.underlayAlert div.alert div.text {padding:12px; color: #000; font-size: 16px; line-height: 20px; font-family: 'Raleway', sans-serif; text-align: center;}
.underlayAlert div.alert div.ok   {padding:10px 0 10px 0; border-top:1px solid rgba(0,0,0,0.2); text-align:center; background:#eeeeee;}
.underlayAlert div.alert div.ok input {border-radius:3px; border: 1px solid rgba(0,0,0,0.25); background: #fff;
                                       font-size: 18px; padding:2px 10px 2px 10px; font-family: 'Raleway', sans-serif;}
.underlayAlert div.alert div.ok input:hover {background:#ddd; text-shadow:0 0 1px #666;}
/* swap alle bloecke */
.swapallblocks {position:absolute; display:none; opacity:1; background:#fff; cursor:pointer;}
.swapallblocks h2 {padding: 8px 24px 4px 12px !important; margin: 0 0 0 0 !important; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
                   background: url(/pics/up.png) right center no-repeat; background-size: auto; background-size: auto 18px; cursor: pointer;}
.swapallblocks h2:hover {background-color:#ededed;}

/* Banner */
.super72890Unten {display: inline-block; width: 100%; margin: 30px 0 40px 0;} 
.super72890Unten a {display: block; width: 100%; max-width: 728px; margin: 0 auto; line-height: 0;}
.super72890Unten a img {width:100%; height:auto;}
.super72890Oben {display: inline-block; width: 100%; margin: 0px 0 40px 0;} 
.super72890Oben a {display: block; width: 100%; max-width: 728px; margin: 0 auto; line-height: 0;}
.super72890Oben a img {width:100%; height:auto;}
.super72890Platz {display: inline-block; width: 100%; margin: 0px 0 40px 0;} 
.super72890Platz a {display: block; width: 100%; max-width: 728px; margin: 0 auto; line-height: 0;}
.super72890Platz a img {width:100%; height:auto;}

.anzeige728 {width: 100%; max-width: 728px; margin: 0 auto; font-size: 8px; line-height: 8px; font-family: arial; text-transform: uppercase;}
.anzeigeplatzbox {text-align: left; width: 100%; max-width: 300px; margin: -8px auto 0 auto;font-size: 8px; line-height: 8px; font-family: arial; text-transform: uppercase;}

/* kontakt schwebemenue*/
.kf {position:fixed; right:-1000px; top:40%; border-radius:4px; background:#ededed; box-shadow:0 0 10px rgba(0,0,0,0.5);
     min-height: 180px; padding:0 0 0 0;}
.kftitel {position:absolute; left:0; display:inline-block; width:40px; text-align: center; height: 100%; cursor:pointer;}
.kftitel span {writing-mode: vertical-lr; text-orientation: upright; margin:0 0 0 0; padding:0 0 0 5px; width:35px; height:100%; background: #20aa20; color:#fff; font-size: 16px; text-transform: uppercase; font-weight:normal; text-shadow:0 0 2px #000;}
.kftext  {padding: 8px 8px 8px 48px; display:inline-block; color:#fff; background:#ededed; font-size:0; line-height: 0;}
.kftext span {font-size:16px; line-height:20px; color:#888; display:block;}
.kftext span.kfname {font-weight:bold;}
.kftext span .btn-buchen {margin: 6px 0 0 0 !important; padding: 5px 10px !important; box-shadow:none !important;}

/* social medi platz ausgabe */
.SM_fb {display:none;}
.SM_fb .fb-page {background:url(/pics/loading.gif) center center no-repeat; background-size:25px 25px; min-height:25px; }
.SM_www {height:0px; width:300px; overflow:hidden; float:right; background:url(/pics/loading.gif) center center no-repeat; background-size:25px 25px;}
.SM_www iframe {border:none; width: 1024px; height: 768px; transform: scale(0.2929); margin: -264px -362px;}
.SM_www div {width:300px; height:225px; position:relative; top:0px; left:0;}
.SM_www div a {display:block; height:100%;}

.store {padding: 0 5px 10px 5px; margin:0 auto; line-height:0; font-size:0; display:inline-block; width:200px; height:59px; }
.store img {-webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; opacity:0.6}
.store img:hover {opacity:1;}