@media only screen and (max-width: 1500px) {
  #menu .inside #menudiv .menuheader {right: 0;}
  #menu .inside .mod_navigation {padding-right: 30px;}
}

@media only screen and (max-width: 1250px) {
  #menu .inside .mod_navigation ul.level_1 > li > a,
  #menu .inside .mod_navigation ul.level_1 > li > span {font-size: 25px; min-height: 40px; line-height: 25px;}
  #menu .inside .mod_navigation ul.level_1 > li.angebote ul {gap: 20px;}
}

@media only screen and (max-width: 1200px) {
  #intro .article_inside #searchicon {padding-left: 60px;}
  #intro .article_inside #navicon {padding-right: 70px;}
  #stoerer.left {left: 20px;}
  #stoerer.right {right: 20px;}

  .content .mod_newscategories .level_1>li {width: calc(25% - 1rem) !important;}

  .ce_image.covid-closed.sc3 .image_container:before {display: none;}
  .ce_image.covid-closed.sc3 .image_container:after {top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); bottom: initial;}
}

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {

    /* HEADER - NAVIGATION - MMENÜ */
    #open_mobile_navigation {display: block;}
    #offcanvas{visibility: visible}

    /* HEADER - NAVIGATION */
    .mod_navigation{display:none;}

    /* CE BOXEN */
     .ce_rsce_boxen .box_item .box_inside p{max-height:200px;}

}

@media only screen and (max-width: 992px){
  /* NEW MENU */
  #menu .inside .mod_navigation ul.level_1 {overflow-x: scroll; padding: 60px 30px 80px; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
  #search, #menu {padding: 0;}
  #menu .inside .mod_navigation ul.level_1 > li {width: auto; min-width: 250px; height: calc(100% - 20px);}
  #menu .inside #menudiv .menuheader {right: 20px; top: 20px;}
  #menu .inside .mod_navigation {padding-right: 0;}
  #menu .inside .mod_navigation ul.level_1 > li.angebote {height: calc(100% - 20px); background-color: #252525; border-top: 10px solid #800000; gap: 0; width: auto; min-width: 250px; display: block;}
  #menu .inside .mod_navigation ul.level_1 > li.angebote ul {width: auto; display: block; gap: 0;}
  #menu .inside .mod_navigation ul.level_1 > li.angebote ul a.buchen-button {margin-top: 15px;}
  .menuscroll {position: absolute;bottom: 0;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 20px;padding-bottom: 25px;}
  .menuscroll img {max-width: 30px;}
  .ce_rsce_category .menuscroll {position: relative; padding-top: 25px;}
}

 /* FORMS */
.ce_form .anfrage_buchung{width:100%;}
.ce_form .anfrage_buchung,
.ce_form .kontakt{width:100%;}

/* AUSLASTUNG */
.auslastung .inside .date_container,
.auslastung .inside .day_container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.auslastung .inside .date_box,
.auslastung .inside .day{width:11.42%;}
.auslastung .inside .date_box,
.auslastung .inside .day{display:-webkit-box;display:-ms-flexbox;display:flex}

.ce_downloads .download {width: 80%;}

/* TIMELINE */
.ce_timeline .timeline ul li div{width:320px}
.ce_timeline .timeline ul li:nth-child(even) div{left:-359px}

@media only screen
  and (max-height: 850px)
   {
       #menu .inside #menudiv .menuheader span {font-size:50px;}
       #menu .inside #menudiv .menuheader a.closemenu {height:40px;width:40px;}
}
@media only screen
  and (max-height: 790px)
   {
       #menu .inside .mod_navigation ul.level_1 > li {min-height:270px;}
       #menu .inside .mod_navigation ul.level_1 > li.angebote {min-height: 0;}
}
@media only screen
  and (max-height: 750px)
   {
       #menu .inside .mod_navigation ul.level_1 > li {min-height:270px;}
       #menu .inside .mod_navigation ul.level_1 > li.angebote {min-height: 0;}
       #menu .inside #menudiv .menuheader span {display:none;}
       /* #menu .inside #menudiv .menuheader {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; padding-bottom: 50px; padding-right: 20px;} */
       .navigation-quick {display: none;}
}

@media only screen
  and (max-height: 600px)
   {
       body, html {overflow: visible !important; height: initial !important}
	   #stoerer {display: none;}
}

@media only screen  and (max-height: 750px)and (orientation: portrait)
   {
       #menu {padding: 0;}
       #menu .inside {border: none;}
       /* #menu .inside .mod_navigation ul.level_1 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;overflow-x: scroll;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%) } */
       /* #menu .inside .mod_navigation {height:280px;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;} */
       /* #menu .inside .mod_navigation ul.level_1 > li {-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-flex:1;min-width:250px;margin-right:10px;} */
       /* .menuscroll {display:block;width:140px;margin:0 auto;text-align: center;margin-top:50px;padding-top:30px;}
       .menuscroll img {display:inline-block;max-width:35px;}
       .menuscroll span {display:block;} */
       #menu .inside #menudiv .menuheader a.closemenu img, #menu .inside #menudiv .menuheader a.home img{max-width: 30px;}
}

@media only screen and (max-width: 767px) {
    html{font-size:16px}
    .sign_up_popup {display:none !important;}

    .drei-cookie-banner {left: 1rem;right: 1rem;bottom: 2.5rem;max-width: calc(100% - 2rem);}
    .drei-cookie-banner .drei-cookie-banner-button {max-width: 100%;width: calc(50% - 1rem);text-align: center;}

    .ce_rsce_category .menuscroll {display:block;width:140px;margin:0 auto;text-align: center;padding:30px 0;}
    .ce_rsce_category .menuscroll img {display:inline-block;max-width:35px;}
    .ce_rsce_category .menuscroll span {display:block;}

    .ce_rsce_youtube .inside img.playicon {width: 100px; height: 100px;}

    .article_inside .publitas-container-bwh {padding: 10px;}

    .content .mod_newscategories .level_1>li {width: calc(33.333% - 1rem) !important;}

    .ce_image.covid-closed.sc3 .image_container:before {display: block;}
    .ce_image.covid-closed .image_container:before {width: 200px; height: 200px; top: 10%;}
    .ce_image.covid-closed.sc3 .image_container:after {top: initial; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 10%;}

    /* INTRO */
    .start .mod_article.article_img.hero .article_inside .ce_image {padding: 0 70px;}
    .start #audio-player-im-kopfbereich {bottom: 20px;}
    #intro .article_inside #navicon {bottom: 120px; top: inherit; padding: 0;}
    #intro .article_inside #navicon .nav_trigger {height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    #intro .article_inside #navicon .nav_trigger .triggerinside {right: inherit; top: inherit; bottom: 0}
    #intro .article_inside #searchicon {bottom: 155px; top: inherit; padding: 0;}
    #intro .article_inside #searchicon .search_trigger {height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    #intro .article_inside #searchicon .search_trigger .triggerinside {right: inherit; top: inherit; bottom: 0;left: inherit}
    .start .mod_article.article_img.hero .article_inside .hero-wrap ul.slick-dots {bottom: 75px;}

    .audiojs {bottom: 65px;}
    .start .infolink.corona {bottom: 40px; font-size: 13px; width: 100%;}
    .start .infolink.inzidenz {bottom: 0; font-size: 13px; width: 100%;}

    .safari #intro .article_inside #navicon .nav_trigger .triggerinside {left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0;}

    .ce_downloads .download {width: 100%; padding: 15px 0;}
    .ce_downloads .download .download_inside a {font-size: 1rem; padding-right: 40px;}

    .accordion-container {margin-left: 0; margin-right: 0; display: block;}
    .ce_accordion.icon {width: 100%; margin: 15px 0;}

    /* HEADER */
    .logo {min-width:250px;width:auto;float:none;margin:0 auto;}
    #header .mod_article {display:none;}
          #header .inside {padding:10px 15px;}
    .header_section {width:100%;float:none;margin:0 auto;}
    .header_section .nav_sub {text-align: center;-webkit-box-pack: center;-ms-flex-pack: end;justify-content: center;}
    .header_section .nav_trigger {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;width: 100%;cursor: pointer;margin-top: 25px;}
    .homeicon {display: none;}
    #header .inside #searchicon {display: none;}
    #search {display:none;}

    /* MAIN ARTIKEL */
    .start #artikel{margin-top:0;padding:40px 0 0;}
    .start .mod_article.article_img.first{height:100vh;}
    .start .mod_article.article_img.first .article_inside{padding:15px 35px;}
    .start .mod_article.article_img.first .article_inside .ce_image{margin-top:20px;}

    /* MAIN - GALERIE */
    .ce_gallery ul.cols_2 li, .ce_gallery ul.cols_3 li, .ce_gallery ul.cols_4 li, .ce_gallery ul.cols_5 li, .ce_gallery ul.cols_6 li, .ce_gallery ul.cols_7 li, .ce_gallery ul.cols_8 li, .ce_gallery ul.cols_9 li, .ce_gallery ul.cols_10 li, .ce_gallery ul.cols_11 li, .ce_gallery ul.cols_12 li {width: 50%;}

    /* STÖRER */
    #stoerer img {max-width: 150px; height: 150px;}

     /* MAIN - TEXT ELEMENTE */
    .ce_text.with_picturee .image_container{display:inline-block;width:100%;}
    .ce_text.with_picture .image_container img{display:block;max-width:100%;height:auto;}
    .ce_text.with_picture .image_container.float_left,
    .ce_text.with_picture .image_container.float_above,
    .ce_text.with_picture .image_container.float_right,
    .ce_text.with_picture .image_container.float_below{width:100%;margin:0 0 50px;}
    .ce_text.with_picture .image_container.float_above{margin:0 0 50px;}
    .ce_text.with_picture .image_container.float_below{margin:50px 0 0;}

    /* MAIN - TEXT ELEMENTE CUSTOME*/
    .mod_article .ce_text .content_inside {padding:15px;max-width: 100%;}

    /* MENÜ */
    #menu .inside .mod_navigation ul.level_1 > li {width:49%;}

    /* TEAM */
    .ce_rsce_team .team_inside .mitarbeiter {width: 50%;}

    .mod_article .ce_text h2:before,
    .mod_article .ce_text h3:before,
    .mod_article .ce_text h4:before,
    .mod_article .ce_text h2:after,
    .mod_article .ce_text h3:after,
    .mod_article .ce_text h4:after{display:none;}


    /* SIMPLE COLUMNS */
    .sc{padding:0;}
    .sc2,
    .sc3,
    .sc3-2,
    .sc4,
    .sc4-2,
    .sc4-3,
    .sc5,
    .sc5-2,
    .sc5-3,
    .sc5-4{width:100%!important;}
    .sc-container .sc-first {padding-left: 0;}
    .sc-container .sc-last {padding-right: 0;}
    .sc-container .sc-inside .sc {padding: 0 15px;}


    /* STARTSEITE */
    #artikel-parallax .ce_image{position: relative;right:0;margin:0;}


      /* STARTSEITE SEO */
    .ce_text.seo.desktop {display: none;}
    .ce_text.seo.mobile {display: block;}
    .ce_accordion.seo.mobile {display: block;}

    /* DOG TEXT */
    .ce_text.text-dog + .ce_text.text-booking, .ce_text.text-dog {width: 100%;}
    .ce_text.text-booking .text_inside .content_inside * {max-width: none; width: 100%;}


    /* TIMELINE */
    .ce_timeline .timeline ul li{margin-left:20px}
    .ce_timeline .timeline ul li div{width:calc(100vw - 91px)}
    .ce_timeline .timeline ul li:nth-child(even) div{left:45px}
    .ce_timeline .timeline ul li:nth-child(even) div::before{left:-15px;border-width:8px 16px 8px 0;border-color:transparent #af8a3c transparent transparent}

    /* CE CATEGORY */
    .ce_rsce_category .category_wrapper{overflow-x:scroll;}
    .ce_rsce_category .category_wrapper .list_container {display: table;}
    .ce_rsce_category .category_wrapper .category_container{display: table-cell;min-width: 140px;float:none;}


    /* CE BOXEN */
    .ce_rsce_boxen .box_item.big{width: 100%;margin-right:0;margin-left:0;}
    .ce_rsce_boxen .box_item.big.even{margin-left:0;}
    .ce_rsce_boxen .box_item.small{width:100%; }
    .ce_rsce_boxen .box_item.big .box_inside h3{font-size: 2rem;}

    .ce_rsce_boxen .box_item .box_image:before {
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.3) 23%,rgba(0,0,0,0.43) 33%,rgba(0,0,0,0.8) 61%,rgba(0,0,0,0.93) 100%);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,255,255,0)),color-stop(23%, rgba(0,0,0,0.3)),color-stop(33%, rgba(0,0,0,0.43)),color-stop(61%, rgba(0,0,0,0.8)),to(rgba(0,0,0,0.93)));
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.3) 23%,rgba(0,0,0,0.43) 33%,rgba(0,0,0,0.8) 61%,rgba(0,0,0,0.93) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ed000000',GradientType=0 );}


    /* NEWS */
    .mod_newslist .layout_latest{width: 100%;margin-right:0;margin-left:0;}
    .mod_newslist .layout_latest.even{margin-right:0;}
    .mod_newslist .layout_latest .news_inside h2{font-size: 2rem;}

    .mod_newslist .layout_latest .news_image:before {
          background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.3) 23%,rgba(0,0,0,0.43) 33%,rgba(0,0,0,0.8) 61%,rgba(0,0,0,0.93) 100%);
          background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,255,255,0)),color-stop(23%, rgba(0,0,0,0.3)),color-stop(33%, rgba(0,0,0,0.43)),color-stop(61%, rgba(0,0,0,0.8)),to(rgba(0,0,0,0.93)));
          background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.3) 23%,rgba(0,0,0,0.43) 33%,rgba(0,0,0,0.8) 61%,rgba(0,0,0,0.93) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ed000000',GradientType=0 );}


    /* SUCCESS STORIES */
    .mod_successstories_all .story_box .content.pic {width:100%;}
    .mod_successstories_all .story_box .image_container{width:100%;}
    .mod_successstories_all .story_box .image_container img{max-width:70%;margin:0 auto;}


	/* TABELLEN */
	.ce_table table, .trailrunwoche .ce_table table {width:100%;}
  .trailrunwoche .ce_table table .row_0 td.col_1 {min-width: auto;}
  .trailrunwoche .ce_table table .row_0 td.col_2 {min-width: auto; text-align: left;}

    /* FORMS */
    .ce_form form .formbody .widget,
    .ce_form form .formbody .widget.w50,
    .ce_form form .formbody .widget.w66,
    .ce_form form .formbody .widget.w33,
    .ce_form form .formbody .widget.w33.full .w33,
    .ce_form form .formbody .widget.w50.full .w50 {width:100%;}
    .ce_form  form .formbody .widget-radio .radio_container > span {width: 100%;display: inline-block;margin: 0 0 15px;}
    .ce_form  form .formbody .submit_container label {width:100%;}

/* INSTAFEED */
.instafeed .inside > a {width:50%;}

/* AUSLASTUNG*/
.auslastung {background-color:transparent;}
.auslastung .inside .date_container{display:none;}
.auslastung .inside .day_container{width:100%;margin-bottom:25px;border:none;background-color:#af8a3c}
.auslastung .inside .day_container .day.first{width:100%;background-color:rgba(170, 132, 53, 0.74);color:#ffffff;font-size:1.3rem;border-right:0;border-left:0;border-bottom:0;}
.auslastung .inside .day_container .day{width:100%;border:1px solid #3a3a3a;border-top:none;border-right:none;border-left:none}
.auslastung .inside .day_container .day:before{content:attr(data-date);padding-right:10px;width: 30%;padding:5px;}
.auslastung .inside .day .auslastung_status{display:block;}
.auslastung .auslastung_status:before{display:none;}
.auslastung .auslastung_status{visibility:visible;}
.auslastung .day:hover .auslastung_status,
.auslastung .day .auslastung_status{color:#ffffff!Important}
.auslastung .free .auslastung_status,
.auslastung .free .auslastung_status{background-color:#5dbc34;}
.auslastung .medium .auslastung_status{background-color:rgb(255, 169, 0);}
.auslastung .full .auslastung_status{background-color:#ec463b;}
.auslastung .inside .day:hover{background-color:transparent;}


/* BAYERWALDHOF PLAYLISTS */
#naturadies-bayerwaldhof-playlists .ce_text, #naturadies-bayerwaldhof-playlists .ce_image {width: 100%;}
#naturadies-bayerwaldhof-playlists .ce_image.cover-one {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1; margin-bottom: 0;}
#naturadies-bayerwaldhof-playlists .ce_text.text-one {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2; margin-top: 0;}
#naturadies-bayerwaldhof-playlists .ce_image.cover-two {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3; margin-bottom: 0;}
#naturadies-bayerwaldhof-playlists .ce_text.text-two {-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4; margin-top: 0;}
#naturadies-bayerwaldhof-playlists .ce_image.cover-three {-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5; margin-bottom: 0;}
#naturadies-bayerwaldhof-playlists .ce_text.text-three {-webkit-box-ordinal-group: 7;-ms-flex-order: 6;order: 6; margin-top: 0;}


/* ANWENDUNGEN */
.anwendungen .inside .list_container .anwendung .time_price_container {width:100%;margin-top:10px;}
.anwendungen .inside .list_container .anwendung .title{width:100%;}
.anwendungen .inside .list_container .anwendung.anwendung_neu .title{width:100%;margin-bottom:15px;margin-top:60px;}
.anwendungen .inside .list_container .anwendung.anwendung_neu .title span.neu{position: absolute;top:30px;}
.anwendungen .inside .list_container .anwendung .time{width:100%;text-align: left;margin-bottom:5px;}
.anwendungen .inside .list_container .anwendung .price{width:100%;text-align: left;}

     /* FOOTER */
    #footer{padding:0;}
    #footer .mod_article{padding:0;}
    #footer .inside .logo .image_container{margin-bottom:0;}

    /* FOOTER - CHANGELANGUAGE */
    #footer .mod_changelanguage {width: 100%;margin-right:0;margin-bottom:25px;}


    /* FOOTER - WEATHER */
    #footer .weather {margin-bottom:25px; margin-left: 0; margin-right: 0;width: 100%}

    /* FOOTER - BEWERTUNGEN */
    #footer .bewertungen {margin-bottom:25px; margin-left: 0; margin-right: 0; width: 100%}

    /* FOOTER - SOCIALS */
    #footer .socials {width:100%;margin-left:0px;margin-bottom:25px;}




}

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

  h1 {font-size: 2.1rem;}
  h2 {font-size: 1.9rem;}

  .navigation-quick {display: none;}

  .ce_rsce_team .team_inside .mitarbeiter {width: 100%;}

  .drei-cookie-banner .drei-cookie-banner-button {width: calc(100% - 1rem);}

  .ce_accordion.icon .toggler:before {width: 50px; height: 50px;}

  .mod_article.youtube-video .article_inside, .mod_article.naturadies-plan .article_inside {padding: 30px;}

  .ce_rsce_youtube .inside img.playicon {width: 50px; height: 50px;}

  .content .mod_newscategories .level_1>li {width: calc(50% - 1rem) !important;}

  .ce_image.covid-closed .image_container:before {width: 150px; height: 150px; top: 10%;}


	#menu .inside .mod_navigation ul.level_1 > li {width:100%;}
    .header_section .nav_sub .mod_customnav li.last {padding-right: 15px; margin-top: 20px;}
    .booking-startblock .b-hello { padding: 50px; text-align: center; width: 100%;}
    .countdown .countdown-time .time {background: #af8a3c;padding: 0 5px;}
    #my-booking .countdown:before{content:""; width:80%; height:2px; background-color:#fff; top:calc(50% + 8px); -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; position: absolute; z-index:1;}
    #my-booking .countdown {position: relative;}
    #my-booking .countdown .countdown-time{z-index:2; padding: 0 10px;}
    #my-booking .countdown .countdown-time .text {font-size: 12px !important;}
    #my-booking h2 {-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
    #my-booking p.error {width: 100%;}
    #bookingData span {width: 100%;}
    #bookingData li {padding: 3px 0;}
}

@media only screen and (max-width: 450px) {
  .content .mod_newscategories .level_1>li {width: 100% !important;}

  .ce_image.covid-closed .image_container:before {width: 100px; height: 100px; top: 10%;}
  .ce_image.covid-closed .image_container:after {bottom: 10%;}

  .content .mod_newscategories a, .content .mod_newscategories span {
    word-break: break-word;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
  }

  .content .mod_newscategories a:before, .content .mod_newscategories span:before {
    width: 30px;
    height: 30px;
    margin: 0 20px 0 0;
  }
}

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

    #menu .inside .mod_navigation ul.level_1 > li > a, #menu .inside .mod_navigation ul.level_1 > li > span {font-size: 30px;}
    .menuscroll {display: none;}
}
