/* abel-regular - latin */
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/abel-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/abel-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/abel-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/abel-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/abel-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/abel-v18-latin-regular.svg#Abel') format('svg'); /* Legacy iOS */
}
/* alex-brush-regular - latin */
@font-face {
  font-family: 'Alex Brush';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/alex-brush-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/alex-brush-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/alex-brush-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/alex-brush-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/alex-brush-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/alex-brush-v20-latin-regular.svg#AlexBrush') format('svg'); /* Legacy iOS */
}
body
  {font-family:'Abel', sans-serif;font-size:1em;color:#8a8c81;background:#ffffff;text-align:center;padding:0px;margin:0px;line-height:1;letter-spacing:1px;}
td
  {font-family:'Abel', sans-serif;font-size:1em;}
.seite td{border-bottom:1px solid #8a8c81;}

input,textarea{font-family:'Abel', sans-serif;background-color:#ffffff;font-size:1em;border:1px solid #8a8c81;color:#8a8c81;}
select,option
  {font-family:'Abel', sans-serif;font-size:1em; background-color:#ffffff;color:#8a8c81;}
.c_submit{color:#ffffff;background:#8a8c81;font-size:1.5em;}

h1
  {font-weight:normal;font-size:2.5em;font-family: 'Alex Brush', cursive;letter-spacing:2;}
h2
  {font-weight:normal;font-size:1.8em;color:#ffffff;font-family: 'Alex Brush', cursive;letter-spacing:2;}
h3
  {font-weight:normal;font-size:1.8em;letter-spacing:2;padding-top:0px;}
h5
  {font-weight:normal;font-size:1.6em;font-family: 'Alex Brush', cursive;letter-spacing:2;}


a
  {text-decoration:none; color:#8a8c81; font-size:1em;}
a:hover
  {color:#333333;}
a.l_unten
  {text-decoration:none; color:#8a8c81;}
a.l_unten:hover
  {color:#333333;}
a.l_oben
  {text-decoration:none; color:#ffffff; font-size:1.1em;font-weight:normal;}
a.l_oben:hover{color:#fffbdc;}
a.l_umenu
  {text-decoration:none; color:#ffffff;text-shadow: 1px 1px 10px #ffffff; font-size:1.1em;font-weight:normal;padding-left:30px;}
a.l_umenu:hover{color:#fffbdc;background:url(Bilder/stern1.png) no-repeat;}
  
  
.seite{width:1200px;margin-left:auto;margin-right:auto;color:#8a8c81;padding-top:40px;text-align:left;line-height:1.5;}
.seite_k{width:1200px;margin-left:auto;margin-right:auto;color:#8a8c81;padding-top:40px;text-align:left;line-height:1.5;}
.inhalt_text{width:800px;margin-left:auto;margin-right:auto;line-height:1.5;padding-top:60px;padding-bottom:60px;font-size:1.2em;}
.inhalt_text_u{width:800px;margin-left:auto;margin-right:auto;line-height:1.5;padding-top:0px;padding-bottom:60px;font-size:1.2em;}
.d_flexbox{display:flex; flex-wrap:wrap; justify-content:center;}
.d_navi_flex{display:flex; flex-wrap:wrap; justify-content:center;}
.d_flexbox_l{display:flex; flex-wrap:wrap; justify-content:left;}
.bilder_oben{width:100%;height:950px;position:relative;}
.bild_oben{width:100%;position:relative;}
.abschnitt_grau{width:100%;background:#8a8c81;padding-top:40px;padding-bottom:60px;}
.bilder_zimmer{width:1200px;height:500px;margin-left:auto;margin-right:auto;position:relative;}
.d_u_zimmer{position:absolute;bottom:-20px;left:50%;transform: translate(-50%,0);width:320px;padding:20px;background:#ffffff;color:#8a8c81;font-size:2em;box-shadow: 2px 2px 4px #666666;}
.d_u_start{position:absolute;top:20%;right:10%;width:400px;padding:20px;color:#ffffff;font-size:1.8em;line-height:2.5em;}
.fuss{width:1200px;margin-left:auto;margin-right:auto;display:flex; flex-wrap:wrap; justify-content:center;padding-top:20px;padding-bottom:20px;}
.fuss_5{width:18%;text-align:left;}
.fuss_6{width:120px;text-align:left;}
.fuss_7{width:30%;}
.fuss_5i{padding:10px;text-align:left;color:#8a8c81;font-size:0.8em;line-height:1.5;text-align:left;margin-left:0px;}
.d_counter{color:#8a8c81;}
.slogan1{font-family:'Alex Brush',cursive;font-size:1.9em;text-shadow: 1px 1px 10px #000000;}
.clear{clear:both;}
.d_b_bild{width:320px;height:320px;}
.d_b_bild_i{padding:10px;width:300px;height:300px;}
.d_hinweisbox1{background:#8a8c81;width:100%;text-align:left;border:1px solid white;margin-top:30px;color:#ffffff;}
.d_aktuelles_a{width:1040px;margin-left:auto;margin-right:auto;}
.d_aktuelles{background:#8a8c81;margin-left:100px;margin-bottom:40px;text-align:left;border:1px solid white;color:#ffffff;position:relative;padding-top:10px;}
.bild_aktuell{position:absolute;left:-100px;top:20px;width:250px;}
.d_hinweisbox_aktuell{padding:0px 30px 30px 200px;}
.d_hinweisbox1_i{padding:0px 30px 30px 30px;}
.d_logo_link{width:180px;}
.d_2b_bild{width:50%;height:300px;}
.d_2b_bild_i{margin-right:40px;overflow:hidden;height:300px;}
.d_i_arrangement{display:none;}
.in_l{width:100%;}
.in_l1{width:100%;}
.d_formular{width:60%;margin-left:auto;margin-right:auto; }
.d_ausflugsziel{padding:20px;border:1px solid #8a8c81;}
.bild_ausflugsziel{float:left;width:300px;height:200px;overflow:hidden;margin-right:20px;margin-bottom:20px;}

.d_navi{padding-bottom:15px;width:100%;top:20px;left:0px;z-index:9999;position:absolute;}
.d_navi_i{width:1200px;position:relative;margin-left:auto;margin-right:auto;}
/*.d_navi_fix{padding-top:2px;padding-bottom:2px;position:fixed;top:0px;left:0px;z-index:9999;width:100%;background:#ffffff;border-bottom:1px solid #aa9c83;}*/
.d_logo{float:left;width:250px;margin-right:40px;}
.d_navi_p{width:150px;position:relative;float:left;padding-top:40px;}
/*.d_logo_fix{position:absolute;top:0px;left:20px;width:100px;background:#ffffff;border:5px solid white;}*/
.menu_zu{height:20px;}
.menu_zu_l{width:10px;height:60px;}
.menu_zu_r{width:10px;height:60px;}
.menu_zu_m{width:200px;padding-top:10px;}
.a_grau{width:100%;height:40px;background:#8a8c81;}
.d_urlaubshotline{position:absolute;bottom:-80px;right:10px;width:520px;height:150px;}
.b_braun{color:#ffffff;background:#a4a799;padding:8px;font-size:1.2em;}
.b_braun:hover{color:#ffffff;}
.s_angebot{width:190px;height:220px;margin:15px;text-align:center;font-size:1em;}
 
.img_2{transition: transform .5s ease-in-out;padding-bottom:20px;}
.img_2:hover {
  transform: scale(1.05);
}

.farbe_gruen{color:#84b836;} 
.farbe_orange{color:#ffa02d;}
.d_navi .u_navi{text-align:left;line-height:1.5;padding-top:0px;display:none;position:absolute;left:0px;width:230px;padding-top:0px;padding-bottom:0px;z-index:9999;}
.u_navi ul{list-style:none;}
/*.d_navi_fix .u_navi{text-align:left;line-height:1.9;padding-top:0px;display:none;position:absolute;top:59px;left:0px;width:230px;background:#ffffff;padding-top:20px;padding-bottom:0px;z-index:9999;border-bottom:1px solid #625547;}*/
.d_oben_m{display:none;}
.d_u_arrangement{position:relative;padding:20px 20px 20px 160px;background:#eeeeee;margin-left:80px;}
.d_i_arrangement{margin-bottom:30px;line-height:1.5;margin-left:80px;}
.bild_arrang{position:absolute;top:20px;left:-40px;width:180px;text-align:center;}
.preis_arrang{position:absolute;top:15px;right:20px;font-size:1.2em;}
.arrang_nach_oben{display:none;}
.d_i_arrangement td{color:#ffffff !important;}
.k td{color:#333333 !important;}
.d_navi_m{display:none;}
.m_logo{display:none;}
.header{float:left;padding:10px 0px 0px 10px;}
.d_quick_book{position:absolute;left:20px;bottom:20px;background:#a4a799;color:#ffffff;}
.d_quick_book_i{padding:10px;}
.d_ueb_book{font-weight:normal;font-size:1.8em;color:#ffffff;font-family: 'Alex Brush', cursive;letter-spacing:2;padding-bottom:10px;}
.d_online_buchen_m{display:none;}
.book_date{width:130px;color:a4a799;}
.book_submit{width:100%;margin-top:10px;background:#bfc1b7;color:#ffffff;font-size:1.2em;padding-top:8px;padding-bottom:8px;}

.s_box{
    position:relative;
	width:500px;height:334px;
	margin:20px;
	overflow:hidden;
}
.s_box:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0) linear-gradient(45deg, #141414 0%, #691100 40%, #1b1b1b 100%);
    opacity: 0.3;
    transition:all 0.5s ease;
}
.s_box img{
    width:100%;
    height: auto;
}
.s_box .box-content{
    background: rgba(0,0,0,0);
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.35s ease 0s;
}
.s_box:hover .box-content{
    background: rgba(0,0,0,0.5);
}
.s_box .box-content:after{
    content: "";
    border: 1px solid #fff;
    position: absolute;
    top:21px;
    left: 20px;
    right: 30px;
    height: 20%;
    transition: all 0.35s ease 0s;
}
.s_box:hover .box-content:after{
    top:50%;
	height: 30%;
}
.s_box .title{
    color:#fff;
    font-size:20px;
    font-weight: bolder;
	padding:0px 40px 10px 40px;
}
.s_box .description{
   /* position: relative;
    top:5%;*/
    color:#fff;
    opacity:0;
    transition: all 0.35s ease 0s;
	padding:0px 40px 10px 40px;
	font-size:14px;line-height:1.5; 
	position: absolute;
    top:21px;
    left: 20px;
    right: 30px;
}
.s_box:hover .description{
    top:49%;
    opacity:1;
}

@media only screen and (min-width: 1900px) {
.bilder_oben{width:100%;height:1200px;position:relative;}
}

@media only screen and (max-width: 990px) {
    .s_box{
        margin-bottom:15px;
    }
	.d_formular{width:100%;}
}
@media only screen and (max-width: 479px) {
    .s_box .title{ font-size: 15px;padding-top:5px;}
    .s_box .description{ font-size: 13px; }
    .s_box:hover .description{ top:48%; }
	.s_box{width:100%;height:250px;}
}

@media all and (max-width: 1899px) {
.bilder_oben{height:700px;}
}

@media all and (max-width: 1600px) {
.bilder_oben{height:700px;}
}

@media all and (max-width: 1199px) {
.seite{width:96%;margin-left:auto;margin-right:auto;padding-top:20px;}
.seite_k{width:96%;margin-left:auto;margin-right:auto;padding-top:20px;}
.bilder_oben{height:600px;}
.d_navi_i{width:100%}
.d_logo{width:200px;margin-left:20px;}
.d_navi_p{width:120px;}
.fuss{width:100%;}
}

@media all and (max-width: 1024px) {
 .d_navi{display:none;}
 .d_navi_fix{display:none;}
 .d_navi_m{display:block;background:#ad2017;height:55px;z-index:9999;position:fixed;top:0px;left:0px;width:100%;}
 .m_logo{display:block;text-align:left;position:absolute;top:5px;right:5px;z-index:30;}
 .fuss{display:none;}
 .bild_oben{padding-top:55px;}
 .a_grau{display:none;}
 .d_aktuelles_a{width:100%;margin-left:auto;margin-right:auto;}
 .d_aktuelles{margin-left:30px;margin-bottom:40px;}
 .bild_aktuell{position:absolute;left:-30px;top:20px;width:150px;}
 .d_hinweisbox_aktuell{padding:0px 30px 30px 150px;}
 .d_urlaubshotline{height:130px;width:450px;bottom:-60px;}
.bilder_oben{height:500px;}
.bilder_zimmer{width:100%;height:300px;}
}

@media all and (max-width: 800px) {
 .inhalt_text{width:96%;margin-left:auto;margin-right:auto;line-height:1.5;padding-top:60px;padding-bottom:60px;font-size:1em;}
 .inhalt_text_u{width:96%;margin-left:auto;margin-right:auto;line-height:1.5;padding-top:0px;padding-bottom:20px;font-size:1em;}
 h1{font-size:2em;}
 h3{font-size:1.2em;}
  .slogan1{font-family:'Alex Brush',cursive;font-size:1.4em;text-shadow: 1px 1px 10px #000000;}
  .d_u_start{position:absolute;top:10%;right:5%;width:400px;}
  .bilder_oben{height:400px;}
}

@media all and (max-width: 500px) {
  .bild_ausflugsziel{float:none;width:96%;overflow:hidden;height:200px;margin-right:auto;margin-left:auto;margin-bottom:20px;}
  .bild_arrang{position:absolute;top:20px;left:-40px;width:130px;text-align:center;}
  .d_u_arrangement{padding:20px 20px 20px 100px;}
  .d_2b_bild{width:100%;height:300px;margin-bottom:20px;}
  .d_urlaubshotline{display:none;}
  .d_aktuelles{margin-left:0px;margin-bottom:20px;}
  .bild_aktuell{position:relative;width:150px;float:left;left:20px;display:block;padding-right:40px;}
  .d_hinweisbox_aktuell{padding:20px;}
   .slogan1{font-size:0.8em;text-shadow: 1px 1px 10px #000000;}
  .d_u_start{position:absolute;top:40px;right:0px;width:100%;line-height:1;text-align:right;}
  .bilder_oben{height:300px;}
  .inhalt_text{padding-top:20px;padding-bottom:20px;}
  .d_quick_book{display:none;}
  .d_online_buchen_m{display:block;position:absolute;left:20px;bottom:20px;background:#a4a799;color:#ffffff;font-weight:normal;font-size:1.4em;color:#ffffff;font-family: 'Alex Brush', cursive;letter-spacing:2;padding:10px;}
}