/* Custom CSS Theme Orange */

body{font-size:17px}
p.module-title.p-h3 span.module-intro,
p.inseln{font-size:17px!important;color:#545454}
p{color:#545454}
p.locationlist{margin-top:25px}
a.locationlist{font-size:18px;background:#f7f7f7;padding:10px 15px;border-radius:5px;text-align:center;margin-right:15px}
p.h4{font-size:18px}
h4.module-title{font-size:24px}
h2.partnerheading{font-size:24px}
h1,h3{line-height:1.2}

ul.check { list-style-type:none;padding-left:0px}
ul.check li::before {
    color:green;
    font-size: 1em;
    content: "★ ";
}
h4.module-title {font-size:20px;line-height:1.2}
#Mod91{padding:0}
.searchbox_title{background:#357cbd;padding:15px 44px;color:#fff;font-size:2rem;font-weight:500}
.searchbox_title i{margin-right:15px}
@media(max-width:767px){
  #suchbox{padding:25px!important}
  .searchbox_title{padding:15px 25px}
}
#suchbox .searchformFlight.horizontalSF{padding-bottom:0!important}

@media (min-width:768px) {
  .affiliate,.textpic,.textcolumn{width:100%;display:inline-flex}
  .affiliate_image,.affiliate_text,.textleft,.textright{width:50%}
  .affiliate_buttons{text-align:center;padding:25px 0}
  .affiliate_buttons .btn{margin:0 5px}
  .textleft{width:65%;padding-right:50px}
  .imgleft{width:30%;padding-right:35px}
  .imgleft img{margin-top:7px}
  .imgleft ~ .textright{width:70%}
  .picright{width:35%}
  .picright img{width:100%}
  .textcolumn h3{margin-top:0px}
  #suchbox{padding:30px 44px!important}
  .searchbox_title{padding:15px 44px}

}
p.affiliate_buttons {text-align: center}
img.fullwidth{width:100%}

#suchbox label{font-size:16px!important}
#suchbox #showDeparture,
#suchbox select,
#suchbox .horizontalBox input{font-size:17px!important}
#suchbox select,
#suchbox .horizontalBox input{height:37px!important}

.view-article.layout-blog figure{width:85%;margin:25px auto}
.view-article .t3-content .rating-info{margin-bottom:10px}
@media(max-width:979px){
  .article-content p{padding:0}
  .t3-footer .container{padding-left:22px;padding-right:22px}
  .view-article .t3-content{padding:0}
  .view-article .t3-content p,.view-article .t3-content .rating-info{padding:0 20px}
  h1.article-title{padding:0 10px}
  .view-article .t3-content h3{padding:0 20px}
  .s2fw .t3-section-2 .container{padding:0}
  .s2fw .t3-section-2 .t3-module.module{margin:0 15px}
  .view-article.layout-blog figure{width:90%}
  h3{font-size:22px}
  .article-intro-media{margin:15px 0 30px}
  p.affiliate_buttons {margin-top:30px}
}
img.imgfull{width:100%}
.layout-ja_hotelisotope .article-intro-media{display:none}
.article-navigation.top{display:none}
.full-width .magazine-intro.magazine-featured-intro .magazine-item{width:100%}

h1.page-title{margin-bottom:25px}
h2.page-subtitle{font-size:18px;font-weight:400;text-align:center;margin-bottom:15px}
.page-subheader{border:none}
.blog .items-leading h2.article-title{font-size:26px}
.blog .readmore{text-transform:none}
.nogrid .grid{display:none}
.nogrid .t3-section-2{margin-top:-25px!important}
.blog .items-row h2.article-title{font-size:22px!important;white-space:initial!important;line-height:1.4!important}


.view-article.layout-blog figure figcaption{font-style: italic;text-align: center;padding:5px 0 0}
#Mod638{padding:0}
.picintext{padding:35px 50px}
.picintext img{width:100%}
.picintext  figcaption{text-align: center;margin-top:10px;}




#searchbox .checkbox input[type="checkbox"] {
  margin-top: -9px!important;
}

.copyright a{color:#fb8c00!important}
.copyright a:hover, .copyright a:focus{color:#af6100!important}

.intropadding .page-text{padding:0 10px}

.largetitle .t3-section-1{box-shadow:none;background:none;z-index:-99}
.largetitle .t3-section-1 .container{width:100vw;padding:0}
.largetitle .t3-section-1 img{width:100vw}
@media(max-width:767px){
  .largetitle .t3-section-1 .module,.largetitle .t3-section-1 .module p{margin:0}
}
@media(min-width:768px){
  .largetitle .t3-mainbody h1,.largetitle .t3-mainbody p{color:#fff}
  .largetitle .t3-content{background:rgba(0,0,0,0.5);margin:0 0 25px;padding:15px}
  .largetitle.titlegrid .t3-content{background:none}
  .largetitle.titlegrid .ja-masonry-wrap .page-header,.largetitle.titlegrid .ja-masonry-wrap div.page-text{background:rgba(0,0,0,0.5);margin:0 0 25px;padding:15px}
  .largetitle.titlegrid .ja-masonry-wrap .page-header{margin:0;padding:35px 15px 0}
  .largetitle.titlegrid .ja-masonry-wrap .page-text{margin:0;padding:5px 15px 25px}
  .largetitle .container.t3-mainbody{padding:0 17px}
}
@media(max-width:991px){
    .largetitle .t3-section-2 .module {margin:25px 0!important}
  .t3-header .container{width:100%;margin:0 auto!important}
}
@media(min-width:768px) and (max-width:991px){
    .largetitle .t3-section-1 .container{height:5vh}
}
@media(min-width:992px) and (max-width:1200px){
    .largetitle .t3-section-1 .container{height:15vh}
}
@media(min-width:1200px){
 .largetitle .t3-section-1 .container{height:25vh}
}

.slider .t3-section-1,.slider .t3-section-1 .t3-module{box-shadow: none;padding:0;margin:0}
.slider .n2-ss-item-content .magazine-item-main{text-align:left}

@media (min-width: 768px) and (max-width:1199px) {
    .slider .n2-ss-item-content .magazine-item{
        width: 33.33336%;
    }
}
.t3-mainbody{z-index:0}
.schnellsuche{background:#fff;padding:15px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);border-radius: 2px;}
.module.schnellsuche{margin:30px 0}
.schnellsuche p{margin-bottom:0}
.nomain .t3-mainbody{display:none}

.affiliateinfo{font-size:13px;margin-bottom:20px}

.flights .t3-module{background:none;box-shadow:none;}/*
.flights #ypsnet-ibe iframe .yps_body .wrapper{background-color:#000!important}*/

.flights body{background:#fff}

/* CSS für Responsive Tabellen */
  .kanaren-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin:25px 0;
  }
  .kanaren-tabs button {
    padding: 0.5rem 1rem;
    border: 1px solid #ccc;
    background: #f9f9f9;
    cursor: pointer;
  }
  .kanaren-tabs button:hover {
    background: #eee;
  }
  .kanaren-klima-tab .row {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding: 0.5rem 0;
  }
  .kanaren-klima-tab .row.header {
    font-weight: bold;
    background-color: #f0f0f0;
  }
  .kanaren-klima-tab .row > div {
    flex: 1;
    text-align: center;
  }
  @media (max-width: 600px) {
    .kanaren-klima-tab .row {
      flex-direction: column;
      border: 1px solid #ccc;
      margin-bottom: 1rem;
    }
    .kanaren-klima-tab .row > div {
      padding: 0.25rem 0;
    }
  }