.body_wrapper{padding: 0 1.2rem 1rem 1.2rem!important; background-color: #fff!important; max-width: 1200px; margin-left: auto; margin-right: auto;}

.content-wrap{background-color: #fff!important; padding: 1rem!important;}
.standard_layout .img-fluid{ width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.standard_layout h2{font-size: 22px !important; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal;}
.standard_layout h4{font-size: 17px!important;}
.standard_layout h5{font-size: 15px!important;}


.dark-row{ background-color: #2e2e2e!important; padding: 2.5rem!important;}
.light-row{ background: #F5F5F5!important; padding: 2rem 1rem 2rem 1rem!important;}
.full-row{ margin-left: -1.2rem!important; margin-right: -1.2rem!important;}



/*Modified Bootstrap CSS*/
.card-title{ color: #FF7700!important; font-size: 20px !important;}
/*a{ color: #04859d!important;text-decoration: none; background-color: transparent;}*/
.ml-auto{ margin-left: auto!important;}
.mr-auto{ margin-right: auto!important;}
.fw-500{ font-weight: 500!important;}

.ui-widget-header { border: 1px solid #dddddd; background: #8bc446!important; color: #333333; font-weight: bold;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {border: 1px solid #c5c5c5!important;background: #c5c5c5!important;font-weight: normal;color: #ffffff;}
.input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: white!important; text-align: center; white-space: nowrap; background-color: #1E3B11!important; border: 1px solid #ced4da; border-radius: .25rem;}
/*.tab-content>.tab-pane { display: none;}*/
.card{border-radius: 0!important;}
.card .card-body p i{margin-right: 4px;}
.card{border: none!important;}
p{margin-bottom: unset!important;}
.mt-max{margin-top: 5rem!important;}

p strong{color: #1E3B11!important;}

.nav-tabs { border-bottom: none!important;}
#nav-tab button { flex: 1 1 0px !important; min-width: 150px; color: #FF7700;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: #468727!important; color: white!important;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:hover { background-color: #468727!important;color: white!important;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover { background-color: #468727!important}
.nav-tabs .nav-link:first-child{ margin-left: 0; }
.nav-tabs .nav-link {background: 0 0; border-top-left-radius: .25rem; border-top-right-radius: .25rem;}

/*.content-ag.ag-detailtour h1{font-size: 3.4rem; color: #1E3B11;font-weight: 400;text-align: center;}*/
.content-ag.ag-detailtour h2{margin-bottom:1.5rem!important;font-size: 2.5rem; color: #468727;font-weight: 300; text-align: center;}
.content-ag.ag-detailtour h3{font-size: 2.0rem; color: #2e2e2e;font-weight: 400;}
.content-ag.ag-detailtour h4{font-size: 1.8rem; color: #2e2e2e;font-weight: 400;}
.content-ag.ag-detailtour h5{font-size: 1.5rem; color: #2e2e2e;font-weight: 400;}


/*Misc*/
.info-container{background-color: #ECF5DF; box-shadow: 2px 2px 8px -1px rgb(0 0 0 / 43%);}
.ag_btn{ background-color: #4B9318 !important; color: white !important;padding: 15px 10px !important;border-radius: .25rem; border: none; min-width: 300px; margin-left: auto; margin-right: auto;}
.ag_btn:hover{ background-color: #82BB5B !important;}
.alt-tag{font-size: 13px; background-color: #ECF5DF; padding: 10px;}
.banner{background-color: wheat; width: 100%; margin-left: auto; margin-right: auto; height: 200px;}
.ausflug_link{ margin-right: 10px;}
.filter-button{text-decoration: none; font-size: 17px;  color: #2e2e2e!important;}
.filter-button:hover{text-decoration: none; color: #8bc446!important;}
.filter-button i{margin-left: 5px;}


/*anzeige */
.anzeige{margin-top: 10px!important; }
.anzeige button{margin-top: 10px; width: 100%; padding: 5px 10px; background-color: #8bc446; color: white; border: none; border-radius: 5px;}
.anzeige button:hover{background-color: #95D14B;}
.anzeige .card-title a{text-decoration: none;color: #1E3B11!important; font-weight: 500;font-size: 18px !important;}
.anzeige .card-title a:hover{ color: #468727 !important;}
.anzeige h5 a{text-decoration: none; color: #8bc446!important; font-size: 16px;}
.anzeige .card-body{background: #F5F5F5; box-shadow: none!important;}
.anzeige-note{color: #AAAAAA; border-bottom: solid 1px #AAAAAA; width: 100%;}
.anzeige p{font-size: 15px;}

/*Promobox / Slider */
.promobox{max-height: 400px;}
.promobox img{ max-height: 400px; object-fit: cover; object-position: center;}
.promobox h5{ font-size: 20px!important; font-weight: 500!important; color: #468727!important;}
.promobox h3{ margin: 0!important; text-decoration: none; color: #95D14B!important; font-size: 18px !important;  text-align: center;  padding-top: 0.25rem;}
.promobox .carousel-caption div{ backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.6); padding: 1rem; }
.promobox p{margin: 0!important;  font-size: 14px;color: #2e2e2e!important; text-align: center;}

/*Content-Kacheln auf Verteilerseiten */
.a_kachel div{margin: 0.5rem 0rem 0rem 0rem;}
.a_kachel .col-lg-4{ flex: 1 1 auto!important; width: 33.3333333333%;}
.a_kachel .col-lg-4 .card{border-radius: 0rem!important;}
.a_kachel .card-body{ text-transform: uppercase;backdrop-filter: saturate(0.8); background-color: #2e2e2e; margin-top: 0; padding: 0!important;}
.a_kachel .card:hover img{filter: saturate(1.2) contrast(1.2);}
.a_kachel .card-title{ width: 100%; color: #fff!important; background-color: #2e2e2e; padding: 0.5rem; font-size: 14px!important; margin-bottom: 0;}
.a_kachel a:hover{ text-decoration: none; }
.a_kachel a {text-decoration: none;}
.a_kachel img{ height: 150px; border-radius: 0; object-fit: cover; transition: 0.5s; object-position: center;}

/*Länderfilter auf Hauptverteilerseite*/
.filter div{height: 55px; background-color: #ECF5DF; box-shadow: 2px 2px 8px -1px rgb(0 0 0 / 43%); border-radius: .25rem;}
.filter div a{height: 100%; width: 100%; color: #FF7700 !important;}
.filter div:hover a{text-decoration: none; color: #faa85f !important;}
.filter img{width: 20px; margin-right: 3px; height: 15px;}

/*Filter-Suche */
.tour-search{ display: flex; flex-direction: row; flex-wrap: wrap; padding: 0.5rem;}
.tour-search .tour-search-extra{width: unset; padding: 5px; flex-grow: 1;display: flex;align-items: center;margin-left: auto;justify-content: flex-end;}
.tour-search-buttons{ align-items: center; display: flex; flex-direction: row;}
.tour-search-buttons a{  background-color: #1E3B11!important;  border: none;  text-decoration: none;  width: 42px; height: 42px; border-radius: 50px; color: #FFf !important; margin: 0.3rem; font-weight: 300!important; justify-content: center; display: flex; align-items: center; align-content: center; position: relative; overflow: visible; transition: background-color 0.18s ease, box-shadow 0.18s ease;}
.tour-search-buttons a:hover,
.tour-search-buttons a:focus-visible{color: #fff !important ;background-color: #69A545!important; text-decoration: none;}
.tour-search-buttons a::before,
.tour-search-buttons a::after{opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;}
.tour-search-buttons a::before{content: ''; position: absolute; left: 50%; bottom: calc(100% + 2px); transform: translateX(-50%) translateY(6px); border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #1E3B11; z-index: 21;}
.tour-search-buttons a::after{content: attr(data-tooltip); position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%) translateY(6px); background-color: #1E3B11; color: #fff; border-radius: 999px; padding: 6px 10px; font-size: 12px; font-weight: 500; line-height: 1; white-space: nowrap; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18); z-index: 22;}
.tour-search-buttons a:hover::before,
.tour-search-buttons a:hover::after,
.tour-search-buttons a:focus-visible::before,
.tour-search-buttons a:focus-visible::after{opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);}
.tour-search-buttons i{ font-size: 25px; font-weight: 400;}

.tour-search-toggle{width: unset!important; display: flex; margin-right: 10px;  color: #212529; align-content: center; padding-left: 0!important; align-items: center;}
.tour-search-toggle .form-check-input:checked{ background-color: #6b7d83; border-color: #6b7d83;}
.tour-search-toggle .form-check-label{font-size: 17px; color:#2e2e2e!important ;}
.tour-search-toggle .nav-link{ color: #FF7700 !important; text-decoration: none; box-shadow: 2px 2px 8px -1px rgb(0 0 0 / 43%); text-align: center; background-color: #fff; height: 40px; margin: 10px; border: none; border-radius: 0.25rem; display: block;  padding: .5rem 1rem; text-decoration: none;}
.tour-search-input{flex-grow: 2; flex-wrap: wrap; margin-left: 1rem; align-items: center; display: flex; flex-direction: row; min-height: 0;}

.tour-search-input .input-group{flex-grow: 1; margin: 5px; border: none; height: -webkit-fill-available; border-radius: 0.25rem;  padding: 0.3rem;}
.tour-search-input .input-group-append{flex-grow: 1; border: none; height: -webkit-fill-available; border-radius: 0.25rem;}
.tour-search .tour-search-buttons .active{ background-color: #468727!important; color: white!important;}
.tour-search .tour-search-buttons .active:hover,
.tour-search .tour-search-buttons .active:focus-visible{ background-color: #78B653!important; color: white!important;}


/*Ausgabeliste Filter CSS*/
.tour-filter{border-top: 2px solid #c2c2c2; background-color: #F5F5F5;  padding: 10px;}
.tour-filter div{ align-items: center;}
.tour-filter button{ font-size: 14px; height: 35px; padding: 4px 7px; margin-right: 5px; background-color: #c2c2c2;  border-radius: .25rem;  border: none; min-width: 100px;  margin-bottom: 0.65rem;  color: #2e2e2e!important; }
.tour-filter button img{width: 20px; margin-right: 4px; height: 15px;}
.tour-filter .active{ background-color: #468727!important; color: white!important;}
.tour-filter button:hover{background-color: #468727!important; color: white!important;}
.tour-filter p{ font-size: 16px; font-weight: 500;  padding-bottom: 0.5rem; margin-bottom: 0; margin-top: 0.75rem!important; color: #1E3B11!important;}
.tour-filter label{font-size: 16px; font-weight: 500; margin-bottom: 0; margin-top: 0.75rem!important; color: #1E3B11!important;}
.tour-filter .output_filter{width: 150px;  border:0; text-align: center; color:#2e2e2e!important; border-radius: 0.25rem;  height: 35px; padding: 4px 7px;}
.tour-filter .slider_filter{width: -webkit-fill-available; width: 100%; margin-left: 20px; margin-right: 10px;}
.filter-difficulty i{margin-right: 5px;}
.filter-difficulty .easy{color: #98c242;}
.filter-difficulty .middle{color: #ff8f1b;}
.filter-difficulty .hard{color: #ff4403;}

/* Tourausgabe Tabauswahl */
.tour-overview{/*background-color: #ECF5F7;*/ min-height: 200px;}
.tour-overview .tour-list{ display: flex; flex: 1 1 0px !important; padding: 0.7rem 1.8rem; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; justify-content: center;}
   
.tour-list-main{ display: flex; width: 100%; justify-content: center;}
.tour-list-wrap{ display: flex; flex: 1 1 0px !important; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; justify-content: center;}

.tour-overview .tour-list .tour-list-country{color: #2e2e2e!important; font-size: 18px; text-decoration: none; margin: 5px;padding: 5px; font-weight: bold; text-transform: uppercase;display: flex; align-items: center; align-content: center;}
.tour-overview .tour-list .tour-list-country:hover{color: #8bc446!important;}
.tour-overview .tour-list img{ width: 25px;  height: 15px; margin-right: 3px;}
.tour-overview .tour-list ul{ padding-left: 5px!important; list-style-type: none;}

.tour-overview .tour-list .tour-list-county a{color: #2e2e2e!important;  padding: 5px 0px 5px 0px;  font-size: 16px; text-decoration: none; display: flex; align-items: center; align-content: center;}
.tour-overview .tour-list .tour-list-county a:hover{color: #8bc446!important;}
.tour-overview .tour-list .tour-list-county i{margin-right: 0.2rem;}
.tour-overview .tour-list .tour-list-region{ background-color: #F5F5F5;padding: 5px 0px;}
.tour-overview .tour-list .tour-list-region li{ margin-top: 5px; margin-bottom: 5px;}
.tour-overview .tour-list .tour-list-region li a{color:#2e2e2e!important; text-decoration: none; font-size: 15px;}
.tour-overview .tour-list .tour-list-region li a:hover{color: #8bc446!important;}
.tour-overview .tab-pane{ display: flex; width: 100%;}
.tour-overview .tab-content>.active{ display: flex; width: 100%;}
.tour-overview a:hover{color: #9fb59d!important;}
.touren-tab{padding-bottom: 1.2rem; justify-content: flex-start; align-content: flex-start;}
.touren-tab > [class*="col-"]{padding-left: 10px; padding-right: 10px;}
.touren-tab .card{margin-bottom: 0;}
.tour-shared-card,
.tour-shared-card .tour-shared-card-body{background: #ecefe7!important;}
/* edits */
.tour-shared-card .tour-shared-card-body{display: flex; flex-direction: column; gap: 12px;}

/* Country Tab Selection */
.overview-country{height: unset!important; flex-direction: unset!important;}
.overview-country .tour-list ul{padding-left: 5px!important; display: flex; justify-content: flex-start; align-items: flex-start;}
.overview-country .tour-list ul li{ margin-right: 1rem;}
.overview-country .tour-list-region{ flex-direction: column;}

.overview-country .tour-card{ max-width: unset;}

.overview-country .tour-card img{ width: 100%; height: 100%; object-fit: cover;}

.tour-listview-country a{ text-decoration: none;}
.tour-listview-country p span{ color: #212529!important;}
.tour-listview-country .tour-table{ display: flex; color: #212529!important; justify-content: flex-start; width: 100%; flex-wrap: wrap; text-decoration: none; align-items: center;}
.tour-listview-country .tour-table span{margin-right: 0.8rem;min-width: 75px;}
.tour-listview-country .col-10{ padding-left: 1rem; padding-right: 1rem;}
.tour-listview-country .tour-card{ background-color: #ecefe7!important;}
.tour-listview-country  .tour-card h5 { font-size: 17px!important; color: #04859d!important; margin-bottom: 0;}
.tour-listview-country .card-body { padding: 0.25rem;font-size: 15px;}
.tour-listview-country a:hover{ text-decoration: none;}


/* Highligh Section */
.highlight-section{/*margin-left: -1.2rem!important; margin-right: -1.2rem!important;*/ display: flex; min-height: 250px; flex-wrap: wrap; justify-content: space-evenly; align-items: center; padding: 2.5rem 1rem 3.5rem 1rem; background-image: url('/images/img_ag_ausfluege/radtour.jpg'); background-position: center; background-size: cover;}
.highlight-section .card:not(.tour-shared-card){border-radius: 0.25rem!important; backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.6);}
.highlight-section .card:not(.tour-shared-card):hover{ background: rgba(255, 255, 255, 0.8);}
.highlight-section .tour-shared-card,
.highlight-section .tour-shared-card .tour-shared-card-body{background: #F4F1F4!important; backdrop-filter: none!important;}
.highlight-section .tour-shared-card:hover,
.highlight-section .tour-shared-card:hover .tour-shared-card-body{background: #ecefe7!important;}
.highlight-section a:hover h5{ color: #468727!important}
.highlight-section div{ flex: 1 1 0; height: 100px; max-width: 200px;}
.highlight-section div a{text-decoration: none;}
.highlight-section a h5{font-weight: 500; font-size: 1.0rem!important; color: #212529 !important;}
.highlight-section div img{ width: 25px; height: 15px;  margin-right: 4px; }
.highlight-section span{ white-space:nowrap; justify-content: center; align-items: center; display: flex;}


.highlight-country-de{ /*margin-left: -1.2rem!important; margin-right: -1.2rem!important;*/ display: flex; min-height: 250px; flex-wrap: wrap; justify-content: space-evenly; align-items: center; padding: 2.5rem 1rem 3.5rem 1rem;background-image: url('/rendercontrol/images/tours/background.webp')!important;  background-position: center; background-size: cover;}
.highlight-country-de div { flex: 1 1 0; max-width: 250px;}
.highlight-country-de .card:not(.tour-shared-card){border-radius: 0.25rem!important; backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.6);}
.highlight-country-de .card:not(.tour-shared-card):hover{ background: rgba(255, 255, 255, 0.8);}
.highlight-country-de .tour-shared-card,
.highlight-country-de .tour-shared-card .tour-shared-card-body{background: #ecefe7!important; backdrop-filter: none!important;}
.highlight-country-de .tour-shared-card:hover,
.highlight-country-de .tour-shared-card:hover .tour-shared-card-body{background: #ecefe7!important;}

/*Interaktive Karte Touren*/
.karte{ width: 100%; background-color: #82BB5B; /*padding: 0!important;*/ padding-top: 12px; padding-bottom: 12px;}
.karte i.fas.fa-expand-arrows-alt{ font-size: 20px!important; color: #1E3B11!important; align-items: center; box-shadow: 2px 2px 8px -1px rgb(0 0 0 / 43%); display: flex; padding: 10px; background-color: white; border-radius: 50%; width: 40px; height: 40px; justify-content: center;}
.karte .nav-link { color: #FF7700 !important;  text-decoration: none; box-shadow: 2px 2px 8px -1px rgb(0 0 0 / 43%); text-align: center; background-color: #fff; height: 40px; margin: 10px; border: none; border-radius: 0.25rem; display: block; padding: .5rem 1rem; text-decoration: none;}
.karte .nav-link:hover{ color: #faa85f!important;}
.karte .nav-link:hover i,
.karte .leaflet-control a:hover i,
.touren-karte-toggle i:hover{color: #468727!important}
.karte .leaflet-marker-icon i,
.karte .leaflet-marker-icon:hover i,
.karte .leaflet-marker-icon i:hover{color: #fff!important}
.karte a{ text-decoration: none;}
.karte a:hover{ text-decoration: none;}

.touren-karte{height: 650px;width: unset; max-width: 450px!important; position: absolute; display: flex; overflow: hidden; flex-flow: row; z-index: 11111;}
#collapseKarte{ background-color: #F5F5F5; height: 650px; overflow: scroll; overflow-x: hidden;}
.touren-karte-toggle{display: flex; justify-content: center; font-size: 30px; background-color: #F5F5F5;}
.touren-karte-toggle i{ color: #1E3B11!important}

/*Vollbild Karte */
#karte_fs{ position: fixed; width: 100%; left: 0;  top: 0; z-index: 111111; background-color: #fff; height: 100%;}
#karte_fs .touren-karte{height: 90vh; max-width:unset;}
#karte_fs #collapseKarte{height: 90vh;}
#karte_fs .karte{height: 90vh;}
#karte_fs  .tour-listview .card-body{font-size: 14px;}

.fs-wrap{ position: fixed!important; left: 0!important; top: 0!important; background-color: #fff;  z-index: 1111111!important;  width: 100%!important;}
.fs-wrap .karte{ height: 90vh;}
.fs-wrap .touren-karte{ height: 90vh;}
.fs-wrap #collapseKarte{ height: 90vh;padding-bottom: 7rem;}
.fs-wrap .tour-listview{padding-bottom: 10rem; overflow: scroll;  height: 90vh; overflow-x: hidden;}
.fs-wrap .listview-wrap{background-color: #F5F5F5; height: 100vh; z-index: 1111111111; overflow: hidden; max-height: unset;}
.fs-wrap .tour-listview .tour-card{ max-height: 120px;}
.fs-wrap .tour-listview .tour-card img{ width: 100%; max-height: 110px; object-fit: cover;}
.fs-wrap .tour-listview .tour-card .col-2{ align-items: center; align-content: center; display: flex;}
.bodyhidden{ overflow: hidden;}

/* Kacheln Tour Karte */
.touren-karte-content{ display: flex; flex-flow: column; flex-wrap: wrap; justify-content: center;}
.tour-karte-kachel{ text-decoration: none;margin: 0.75rem;max-width: 300px; font-size: 14px;}
.tour-karte-kachel:hover{ text-decoration: none;}
.tour-karte-kachel:hover .card-title{ color: #468727!important;}
.tour-karte-kachel:hover img{filter: saturate(1.2) contrast(1.2);}

.tour-karte-kachel h5{ font-size: 15px!important; color: #1E3B11!important; font-weight: 500;}
.tour-karte-kachel .card-title i{ font-size: 30px; margin-right: 5px;}
.tour-karte-kachel .card-body img{width: 100%;transition: 0.5s; height: 120px; object-position: center; object-fit: cover;}
.tour-karte-kachel span{color:#2e2e2e!important; font-weight: 300!important;}
.tour-karte-kachel p{ color: #1E3B11!important; font-weight: 500!important;}
.tour-karte-kachel i{margin-right: 5px;}

.tour-karte-kachel table{font-size: 13px;}
.tour-list-tab{ overflow: scroll; overflow-x: hidden; padding-top: 1rem; height: 600px;  padding-bottom: 1rem;}

.listview-wrap{background-color: #F5F5F5; max-height: 650px; overflow: hidden;}

.tour-listview{ height: 650px; margin-top: 10px!important; overflow: scroll; padding-bottom: 20px; overflow-x: hidden;}

.tour-listview .tab-pane{ justify-content: flex-start;}
.tour-listview a{ text-decoration: none;}
.tour-listview a:hover{ text-decoration: none;}
.tour-listview .tour-card{ width: 100%; max-width: unset; background-color: #ecefe7!important;}
.tour-listview .tour-card p{color: #1E3B11!important; font-weight: 500!important;}
.tour-listview .tour-card span { color: #2e2e2e!important; font-weight: 300!important;}
.tour-listview .tour-card h5 { font-size: 16px!important;margin-top: 0.5rem; color: #1E3B11!important; font-weight: 500;}
.tour-listview .card-body{ padding: 0rem; font-size: 15px;}
.tour-listview .tour-card img{ width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.tour-listview .card:hover img{filter: saturate(1.2) contrast(1.2); }
.tour-listview .card:hover h5{color: #468727!important; }
.tour-listview .col-7{ padding-left: 1rem; padding-right: 1rem;}
.tour-listview .table{font-size: 13px;margin-top: auto;margin-bottom: auto;}
.tour-listview #btn_VB2{ font-size: 25px!important; color: #1E3B11!important; align-items: center;  box-shadow: 2px 2px 8px -1px rgb(0 0 0 / 43%);  display: flex;  padding: 10px;  background-color: white;  border-radius: 40px;}
.tour-listview #btn_VB2:hover{color: #468727!important;}
.tour-listview .col-3{display: flex;}
.tour-listview .col-3 i{margin-right: 5px;}

.tour-listview .may-extend {flex: 1;}

/* Tab-Content */
/* edit */
.tab-content{ background-color: #F5F5F5;}
.tab-content{ padding: 20px; }
#nav-tab button:last-child{margin-right: 0px;}
#nav-tab button{ width: 100%; background: #c2c2c2; border-radius: 0; color: #fff; border: none;  margin-bottom: 0rem;}
#nav-tab button img{width: 20px; margin-right: 4px; height: 12px;}
.tour-card{ max-width: 300px; margin: 10px 0px 10px 0px;}
.touren-tab .card,
#tour-type-list .card{ background-color: #ecefe7!important;}
.tab-button{width: 50%; padding: 5px 10px;  background-color: #8bc446; color: white; border: none; border-radius: 5px;}
.tab-button:hover{ background-color: #95D14B;}
.tab-pane .touren-tab{justify-content: flex-start;}


/* Touren Detailseite CSS */
.tour-galerie .karte{height: 300px;}
.tour-galerie{padding-left: 0!important; padding-right: 0!important;}
.tour-galerie img{height: 450px; max-height: 450px; width: 100%; object-fit: cover;}


.tour-schwierigkeit{width: 45%; justify-content: center; display: flex; flex-wrap: wrap; align-items: center;}
.tour-schwierigkeit h5{ width: unset!important; font-size: 1.1rem!important; padding: 0!important;}
.tour-landschaft{ width: 45%; justify-content: center; display: flex; flex-wrap: wrap; align-items: center;}
.tour-landschaft h5{ width: unset!important;font-size: 1.1rem!important; padding: 0!important;}
.tour-landschaft i{ color: #468727;}
.tour-landschaft .empty{ color: #c2c2c2;}

.tour-info-box{ display: flex; background: #fff!important; flex-wrap: wrap; padding: 0.5rem;}
.tour-info-box-content{ padding: 1.5rem; background: #F5F5F5!important; width: 100%; align-items: center; justify-content: center; display: flex; flex-wrap: wrap; align-content: center; height: 100%;}
.tour-info-box h5{ display: flex; width: 100%; padding-bottom: 0.5rem;text-align: center; justify-content: center; color: #468727!important; margin: 0 0.5rem 0 0 !important; font-size: 1.3rem; font-weight: 400!important;}


.tour-monate{ background: #fff; justify-content: center;  display: flex; width: 100%; padding: 10px; flex-wrap: wrap;}
.tour-monate div{ max-width: 250px;}
.tour-monate span{color: #2e2e2e; font-size: 14px; padding: 5px;  background-color: #fff; text-align: center; margin-right: 5px; width: 50px; margin-top: 5px;}
.tour-monate .rec{ background-color: #8bc446; color: #fff;}
.tour-monate .maybe { background: #ffa500; color: #fff; }
.tour-monate h5{width: 100%;}

.tour-daten div{display: flex; width: 100%; justify-content: center;}
.tour-daten p{ display: flex; flex-wrap: wrap; font-size: 15px;  align-items: center; justify-content: flex-start; width: 50%; /*border: 1px solid #0c0c0c;*/ margin: 0.4rem; background: #fff;/* margin-top: 1rem;*/ padding: 0.5rem; color: #212529;}
.tour-daten p span{ width: 100%; font-weight: bold; font-size: 13px;/* margin-top: 10px;*/ color: #2e2e2e!important; margin-right: 0.5rem;}
.tour-daten p i{color: #468727;margin-right: 3px;;}

.tour-medien{width: 100%; justify-content: center; padding: 0.5rem; display: flex; background: #fff; flex-wrap: wrap;}
.tour-medien h6{ width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; color: #04859d!important; margin: 0px!important; font-size: 16px!important;}
.tour-medien button{ width: 100%; margin: 0.5rem; padding: 5px 10px; background-color: #8bc446!important; color: white; border: none; max-width: 300px; border-radius: 5px;}
.tour-medien button:hover{ background-color: #95D14B!important;}
.tour-medien a:hover{ color: #468727!important;}
.tour-medien h5{width: 100%;}

.placeholder{ width: 100%; height: 300px; max-height: 300px; background-color: #ECF5DF;}
.placeholder-karte{width: 100%; /*height: 350px; max-height: 350px; background-color: #2e2e2e;*/}
.placeholder-dia{width: 100%; height: 150px; max-height: 150px; background-color: #c2c2c2;}

.karte-wrap{ box-shadow: 2px 2px 8px -1px rgb(0 0 0 / 43%);}

.tour-anfahrt .nav-item{flex: 1 1 0px;}
.tour-anfahrt .nav-item .nav-link{ width: 100%; background: #c2c2c2; border-radius: 0; color: #fff; }
.tour-anfahrt .tab-content{background-color: #F5F5F5; height: unset; margin-top: 0;width: 100%; padding: 0.5rem 1rem; max-height: unset; min-height: 150px;}
.tour-anfahrt .nav-pills .nav-link.active, .nav-pills .show>.nav-link{ background-color: #468727!important;}
.tour-anfahrt .nav-link{ color: #04859d;}
.tour-anfahrt .nav-link:hover{ background-color: #468727!important;}
.tour-anfahrt .tab-content .tab-pane{ font-size: 14px;}

.med-rec{ height: 250px!important; width: 300px!important; margin-left: auto; background-image: url(https://tpc.googlesyndication.com/simgad/15666084221824575091);}

.tour-description { margin: 0.5rem 0 0 0; background: #fff; padding: 1rem;}
.tour-description h4{ color: #468727!important; font-weight: 400; padding-bottom: 0.7rem; font-size: 1.5rem;}
.tour-description p{ font-size: 1.0rem!important; line-height: 1.9rem!important; padding-bottom: 1.5rem;}
.tour-anfahrt p{ padding: 1rem; line-height: unset;}

.anfahrt-wrap{ background-color: #fff; padding: 1rem;}
.anfahrt-wrap h4{ margin-bottom: 1.5rem!important; font-size: 2.5rem;color: #468727; font-weight: 300; text-align: center;}

.easy{color:#04859d;}
.easy-middle{color: #04859d;}
.middle{color: #ff1b1b;}
.middle-hard{color: #000000;}
.hard{color: #000000;}


/* Scrollbar */
#collapseKarte::-webkit-scrollbar { width: 15px; }
  
/* Track */
 #collapseKarte::-webkit-scrollbar-track { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); border-radius: 0.35rem; }
   
/* Handle */
 #collapseKarte::-webkit-scrollbar-thumb { background-color: #c2c2c2!important; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); border-radius: 0.35rem; }
  
/* Handle on hover */
#collapseKarte::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4); }


/* Scrollbar */
.mobile-touren-content::-webkit-scrollbar { width: 15px; }
  
/* Track */
.mobile-touren-content::-webkit-scrollbar-track { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); border-radius: 0.35rem; }
   
/* Handle */
.mobile-touren-content::-webkit-scrollbar-thumb { background-color: #c2c2c2!important; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); border-radius: 0.35rem; }
  
/* Handle on hover */
.mobile-touren-content::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4); }


/* Scrollbar */
.tab-content::-webkit-scrollbar { width: 15px; }
  
/* Track */
.tab-content::-webkit-scrollbar-track { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); border-radius: 0.35rem; }
   
/* Handle */
.tab-content::-webkit-scrollbar-thumb { background-color: #c2c2c2!important; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); border-radius: 0.35rem; }
  
/* Handle on hover */
.tab-content::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); }

/*Mobile display none */
.mobile-touren-content{ display: none;}
.mobile-text{ display: none;}
.mobile-title{ display: none;}


/* Tablet */
@media only screen and (max-width: 1035px) and (min-width: 640px){
.body_wrapper{/* width: 620px;*/ margin-left: auto; margin-right: auto;} 
.a_kachel img{height: 120px;}
.kachel{height: 250px;}

.tour-filter div{ flex-wrap: nowrap; }

.karte .touren-karte{ display: flex!important; }

.mobile-touren-content{ display: none; }
.mobile-text{ display: none; }
 
.karte{ height: 600px;}
.touren-karte{ height: 600px;}
#collapseKarte{ height: 600px;}
.tour-karte-kachel { text-decoration: none;  width: 300px;  }

.tab-content{/* height: 600px;*/ flex-direction: column; overflow-y: hidden; display: flex; flex-wrap: wrap; justify-content: center;}
/* edit */
.tab-content{padding: 20px;}
.tab-button{ width: 200px; height: 30%; margin-top: auto; margin-bottom: auto;}

.tour-overview .tour-list {  flex: 1 1 0px !important;}
.tour-search .tour-search-extra{ width: unset!important; margin-top: 10px;}
.tour-search-toggle{margin-top: 10px !important;}
.tour-search-input{ margin-top: 10px;}
.tour-search-buttons { width: 100%; justify-content: center;}

.tour-listview .col-2{ display: none;}
.tour-listview .col-7{ width: 50%; padding-left: 1rem; padding-right: 1rem;}
.tour-listview .col-3{ width: 50%; padding-left: 1rem; padding-right: 1rem; margin-top: auto; margin-bottom: auto;}
.mobile-title{width: 100%; display: block; font-size: 17px!important; color: #04859d!important; padding-left: 1rem; padding-right: 1rem;}

.tour-listview-country .col-2{display: none;}
.tour-listview-country .col-10{width: 100%;}

.tour-listview .card-title{ display: none;}
.tour-list-tab{padding-top: 0;  padding-bottom: 0;}

/* edit */
.touren-tab{ height: 500px; overflow-y: hidden; overflow-x: scroll; flex-direction: column;}
.listview-wrap{ max-height: 500px;}
.tour-listview{ height: 500px;}

.fs-wrap .tour-listview .col-2{ display: none!important;}
.fs-wrap .tour-listview .col-7{ width: 50%!important; padding-left: 1rem!important; padding-right: 1rem!important;}
.fs-wrap .tour-listview .col-3{ width: 50%!important; padding-left: 1rem!important; padding-right: 1rem!important; margin-top: auto!important; margin-bottom: auto!important;}
.fs-wrap .mobile-title{width: 100%!important; display: block!important; font-size: 17px!important; color: #04859d!important; padding-left: 1rem!important; padding-right: 1rem!important;}
.fs-wrap .tour-listview .tour-card{ margin-left: 0!important; max-height: unset!important;}
.fs-wrap .tour-listview .card-title{ display: none!important;}
.fs-wrap .tour-listview{height: 85vh;padding-bottom: 20rem!important;}

.a_kachel .card-body{width: 100%;}
.a_kachel .col-lg-4 .card{  width: 100%;}
.a_kachel div{  width: 33.3%;}
.a_kachel img{height: 120px;}

.tab-content .tab-button{ margin-top: auto;}


.tour-info-box{ justify-content: center; margin-top: 0.5rem!important; padding-left: 0!important;}
.tour-galerie{padding: 0!important; margin-top: 1rem!important;}

.tour-anfahrt{ width: 100%!important;}
.med-rec{ margin-right: auto; margin-top: 1rem!important;}

.tour-galerie img{height: 350px; max-height: 350px; width: 100%; object-fit: cover;}
.tour-medien button{max-width: 350px;}


}


@media (max-width: 639px){
.body_wrapper{ margin-left: auto; margin-right: auto; /* width: 330px;*/}
.a_kachel .col-lg-4{  width: 50%;}
.a_kachel img{height: 120px;}

.tour-filter div{ flex-wrap: wrap; }
.tour-filter .slider_filter{ margin-top: 20px; width: 100%; margin-left: 10px; }

.row .touren-karte{height: 450px;max-width: 80%!important; }
/*.karte{ height: 450px;}*/

.mobile-touren-content{ margin-top: 10px; flex-direction: column; height: 630px; overflow-y: hidden; display: flex; flex-wrap: wrap; justify-content: center;}
.mobile-text{ display: block; font-size: 19px!important;}

.tour-karte-kachel { text-decoration: none; width: 300px;}
.tab-content{overflow-x: hidden; margin-top: 10px; height: unset; flex-direction: column; overflow-y: hidden; display: flex; flex-wrap: wrap; justify-content: center;}
.tab-button{ width: 200px; height: 30%; margin-top: auto;  margin-bottom: auto;}

.tour-overview .tour-list{ flex: unset!important; width: 100%;}
.tour-search-buttons a{ margin: 0.2rem; margin-bottom: 10px;}
.tour-search .tour-search-extra { margin-top: 10px; justify-content: flex-end;}
.tour-search-toggle{ margin-top: 10px !important; /*width: 100% !important; */justify-content: center;}
.tour-search .input-group-append{width: 100% !important;}
.tour-search-buttons { width: 100%; justify-content: center; flex-wrap: wrap;}

.tour-listview .col-2{ display: none;}
.tour-listview .col-7{ width: 100%;padding-left: 1rem; padding-right: 1rem;}
.tour-listview .col-3{ width: 100%; padding-left: 1rem; padding-right: 1rem;}


.mobile-title{width: 100%; display: block; font-size: 17px!important; color: #04859d!important; padding-left: 1rem; padding-right: 1rem;}
.tour-listview .card-title{ display: none;}
.tour-listview .tour-card{ margin-left: 0;}

.touren-tab{ height: 500px; overflow-y: hidden; overflow-x: scroll; flex-direction: column;}
.promobox-content{ margin: 10px;}
.nav-tabs .nav-link{ margin-left: 0;}
.listview-wrap{ max-height: 400px;}
.tour-listview{  height: 400px;}

.tour-listview-country .col-2{display: none;}
.tour-listview-country .col-10{width: 100%;}
.tour-listview-country .tour-category{display: none;}
.tour-listview-country .tour-region{display: none;}
.tour-listview-country .tour-card h5{font-size: 16px!important;}
.tour-listview-country .tour-table span{ margin-top: 7px; }
   


/*Fullscreen Mobile CSS */
.fs-wrap .tour-listview .col-2{ display: none!important;}
.fs-wrap .tour-listview .col-7{ width: 100%!important;padding-left: 1rem!important; padding-right: 1rem!important;}
.fs-wrap .tour-listview .col-3{ width: 100%!important; padding-left: 1rem; padding-right: 1rem!important;}
.fs-wrap .mobile-title{width: 100%!important; display: block; font-size: 17px!important; color: #04859d!important; padding-left: 1rem!important; padding-right: 1rem!important;}
.fs-wrap .tour-listview .card-title{ display: none!important;}
.fs-wrap .tour-listview .tour-card{ margin-left: 0!important; max-height: unset!important;}
.fs-wrap .tour-search-toggle{ width: unset!important;}
.fs-wrap .tour-search .tour-search-extra { margin-top: 10px;justify-content: flex-end!important;}
.fs-wrap .tour-search{ justify-content: center;}
.fs-wrap .row .touren-karte{max-width: 440px!important; height: 90vh; width: 90%;}

#collapseKarte{ height: 450px;}
.fs-wrap #collapseKarte{ padding-bottom: 20rem; height: 85vh;}
.fs-wrap .tour-listview{ padding-bottom: 20rem; height: 85vh;}

.a_kachel .col-lg-4 .card{ height: 150px;}
.tab-content .tab-button{ margin-top: auto;}

.highlight-section div {  max-width: unset; }

.tour-info-box{margin-top: 0.5rem!important;padding-left: 0!important;}
.tour-monate{ width: 100%;}
.tour-galerie .img-fluid{height: 250px;}
.tour-galerie{padding: 0!important;}
.tour-anfahrt{ width: 100%!important;}

.med-rec{ margin-right: auto; margin-top: 1rem!important;}

.tour-description p{font-size: 15px;line-height: 1.8rem; padding: 0 1.5rem 0 1.5rem;}
.tour-schwierigkeit h5{ width: 100%!important;}
.tour-landschaft h5{ width: 100%!important;}


}





/* AG ICONS */
@font-face {
    font-family:'icontour';
    src:url("/we2p/components/webmodules-core/resources/public/fonts/icons_tour.eot?tnbbdh");
    src:url("/we2p/components/webmodules-core/resources/public/fonts/icons_tour.eot#iefixtnbbdh") format('embedded-opentype'),
    url("/we2p/components/webmodules-core/resources/public/fonts/icons_tour.ttf?tnbbdh") format('truetype'),
    url("/we2p/components/webmodules-core/resources/public/fonts/icons_tour.woff?tnbbdh") format('woff'),
    url("/we2p/components/webmodules-core/resources/public/fonts/icons_tour.svg?tnbbdh#icontour") format('svg');
    src:url("/fonts/icons_tour.ttf");
    src:url("/fonts/icons_tour.eot"),
    url("/fonts/icons_tour.ttf") format('truetype'),
    url("/fonts/icons_tour.woff") format('woff'),
    url("/fonts/icons_tour.eot")format('embedded-opentype');
    font-weight:normal;
    font-style:normal
   }

.icon{
    float: left;
    margin: 0 10px 0 0;
    background: #FFFFFF;
    border-radius: 5px;
   padding: 5px;
}

.icon i{
float: left;
 font-size: 33px;
 line-height: 33px;
 color: #0ea2bb;
font-family: 'icontour';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
   
   .icon-list-more:before {
    content:"\e61b"
   }
   .icon-list-print:before {
    content:"\e61c"
   }
   .icon-list-download:before {
    content:"\e61d"
   }
   .icon-list-dauer:before {
    content:"\e615"
   }
   .icon-list-level:before {
    content:"\e616"
   }
   .icon-list-laenge:before {
    content:"\e617"
   }
   .icon-list-hoehe:before {
    content:"\e618"
   }
   .icon-list-top:before {
    content:"\e619"
   }
   .icon-list-bottom:before {
    content:"\e61a"
   }
   .icon-berg:before {
    content:"\e600"
   }
   .icon-burg:before {
    content:"\e601"
   }
   .icon-euro:before {
    content:"\e602"
   }
   .icon-gastro:before {
    content:"\e603"
   }
   .icon-golf:before {
    content:"\e604"
   }
   .icon-hotel:before {
    content:"\e605"
   }
   .icon-kletter:before {
    content:"\e606"
   }
   .icon-langlauf:before {
    content:"\e607"
   }
   .icon-motorrad:before {
    content:"\e61e"
   }
   .icon-mtb:before {
    content:"\e608"
   }
   .icon-natur:before {
    content:"\e609"
   }
   .icon-nordic:before {
    content:"\e60a"
   }
   .icon-ort:before {
    content:"\e60b"
   }
   .icon-poi:before {
    content:"\e61f"
   }
   .icon-pool:before {
    content:"\e60c"
   }
   .icon-rad:before {
    content:"\e60d"
   }
   .icon-reiten:before {
    content:"\e60e"
   }
   .icon-rodel:before {
    content:"\e60f"
   }
   .icon-schneeschuh:before {
    content:"\e610"
   }
   .icon-wander:before {
    content:"\e611";
   }
   .icon-webcam:before {
    content:"\e612"
   }
   .icon-wege:before {
    content:"\e613"
   }
   .icon-info:before {
    content:"\e614"
   }
   
   
   /* fixes for issues caused by clashing of css files */
   
   .ag_main_h2 > a {
    color: inherit!important;
    text-decoration: none;
   }
   .ag_main_h2 > a:hover {
    text-decoration: none;
   }
   
   .ag_main_h2 > i {
    margin-right: 10px;
   }
   
   
   
   .content-ag.ag-tours .card {
     height: auto;
   } 
   
   
   /* transfered from inline css */
   a.remainingResultHighlight {
       display: none;
   }
   div.loadmoreHighlightdiv {
       display: none;
   }

   a.remainingResultBeginner {
       display: none;
   }
   div.loadmoreBeginnerdiv {
       display: none;
   }
   
   a.remainingResultPro {
       display: none;
   }

   div.loadmoreProdiv {
       display: none;
   }

   a.remainingResultFamily {
       display: none;
   }

   div.loadmoreFamilydiv {
       display: none;
   }

   .tour-search-buttons a.inactive {
    pointer-events: auto;
    color: #b7b7b7!important;
    cursor: not-allowed;
   }
   
   
   .leaflet-container a.we2pMapLocate {
     background-color: #1679c0!important;
   }
   
   .tour-listview .tour-card.tour-listing-card {
    margin: 10px 0 10px 0;
   }
   .tour-listview .tour-card.tour-listing-card h5{
    text-align: left;
   }
   
   
.lds-ring {
 display: inline-block;
 position: relative;
 width: 32;
 height: 32;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 32;
  height: 32;
  margin: 8px;
  border: 8px solid #8bc446;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #8bc446 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}