/* CSS Document styles-allesreise.css 1.1 */
    
/* ======================== LAYOUT DESKTOP ======================== */  
    
a.reisetypen-reiter {
        padding:5px 15px;
        background-color:#50b848;
        color:white !important;
        font-size:1.3em;
        font-weight: bold;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        text-decoration:none !important;
        word-wrap: normal;
        line-height: 33px;}
a.reisetypen-reiter:hover {color:#285d24 !important;}
a.reisesuche-reiter {padding:5px 15px;background-color:#285d24;color:white !important;font-size:1.3em;font-weight: bold;border-top-left-radius: 8px;border-top-right-radius: 8px;text-decoration:none !important;word-wrap: normal;line-height: 33px;}
.reisetypen {top: 28px; position: relative;}
.external-filter-content {background-color:#50b848;}

.jtpl-footer__inner, .jtpl-navigation__inner, .jtpl-section-aside__inner, .jtpl-section-main {max-width:1000px;}

.jtpl-title {
    position: absolute; 
    top: 1em;
    background-image: url(https://u.jimcdn.com/cms/o/s42ec2063ead019ab/userlayout/img/stafa-reisen.png?t=1576760736);
    background-position-y: -6px;
    background-repeat: no-repeat;
    width: 320px;
    height: 150px;
    padding-top: 54px;
    right: 1%;}
.j-website-title-content {
    text-align: right;
    padding-right: 5px;}

@media (min-width: 1170px) {
        .jtpl-footer__inner, .jtpl-navigation__inner, .jtpl-section-aside__inner, .jtpl-section-main {width: 1060px;}
    }
    
@media (max-width: 1170px) {
.jtpl-title {
            top: 2em;
            background-position-y: -6px;
            width: 250px;
            height: 150px;
            background-size: contain;
            padding-top: 40px;}
        .j-website-title-content {font-size: 34px;}
    }
    
@media (max-width: 767px) {
        .cc-m-hgrid-column {margin-bottom:4px;}
        .jtpl-header__herounit {max-height: 218px; margin-bottom: 56px;}
        .jtpl-title {position: absolute; top: 14rem; right: 0;}
        .jtpl-logo {width: 262px; margin: 0 auto; bottom: 15px !important; z-index: 1 !important;}
        .jtpl-navigation navigation-colors {z-index: 9001;}
        .j-module .j-website-title-content {font-size: 20px!important; }
        .j-facebook {text-align: center;}
        .jtpl-navigation__inner .j-nav-level-1 {width:100%;}
        .cc-m-hgrid-separator {height: 36px;}
        .reisetypen {background-color:#50b848;border-top-left-radius: 8px;border-top-right-radius: 8px;}
        .jtpl-title {
            top: 17rem;
            background-position-y: -6px;
            width: 200px;
            height: 150px;
            padding-top: 34px;}
        .j-website-title-content {
            font-size: 30px;
            padding-right: 2px;
            text-shadow: 1px 2px 2px rgba(0,0,0,0.6);}

    }

    @media (min-width: 768px) {
        .layout-alignment {padding-right: 0px;padding-left: 0px;}
        .jtpl-section-main__inner {margin: 6px auto 0px auto;}
        .jtpl-navigation__inner a {padding: 15px 15px; border-bottom: none;}
        .jtpl-sidebar, .jtpl-section-main__inner {padding: 0px;}
        .jtpl-footer__paddingbox {padding: 0px;}
        .jtpl-logo {width: 30%;}
        .jtpl-header__herounit {max-height: 124px;}
        .cc-m-hgrid-column {margin-bottom:4px;}
    }
    
     @media (max-width: 430px) {
        .reisetypen {padding-left: 0;}
     }
    
    .jtpl-logo {position: relative;
        bottom: 55px;
        z-index: 9000;}
    
    .j-website-title-content {
        line-height: 1.3;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);}
    
    .jtpl-content {margin-bottom: 44px;}
    
    div#contentfooter {font-size: 1em;padding:5px;}
    .jtpl-footer a:link, .jtpl-footer a:visited {opacity:1;}
    
    .jimdo-free-footer-ad  {display:none;}
    nav.jtpl-footer__nav  {display:none;}
    
    .jtpl-content {background:white;
        padding:10px 10px 10px 10px;}
    

    .jtpl-section-aside {padding: 30px 0 0;}
    .jtpl-footer {padding:0;}
    .jtpl-footer nav, .jtpl-footer section {padding: 1.5rem;}
    .jtpl-footer section {padding: 1rem 0;}

    .j-hgrid {display: flex !important;flex-wrap: wrap !important;}
    .cc-m-hgrid-column {display: block !important;}


  
/* ======================== SLIDER ======================== */  
    
    .cc-m-gallery-slider .bx-wrapper .bx-caption {
        background: rgba(0,0,0,0.6);}
    
    .content-options .cc-m-gallery-slider .bx-wrapper .bx-caption span {
        font-size: 18px;
        font-weight: bold;
        text-align: left;}
    
   #cc-m-gallery-8664781386 .bx-wrapper .bx-caption span {font-size: 1.3rem;}
     @media (max-width: 999px) {.content-options .cc-m-gallery-slider .bx-wrapper .bx-caption span {font-size: 16px;}}
     @media (max-width: 767px) {.content-options .cc-m-gallery-slider .bx-wrapper .bx-caption span {font-size: 1.4rem;}}
     @media (max-width: 526px) {.content-options .cc-m-gallery-slider .bx-wrapper .bx-caption span {font-size: 1.2rem;}}
     @media (max-width: 450px) {.content-options .cc-m-gallery-slider .bx-wrapper .bx-caption span {font-size: 1.1rem;}
    .cc-m-gallery-slider .bx-wrapper .bx-caption span {padding:4px;} }
     @media (max-width: 400px) {.content-options .cc-m-gallery-slider .bx-wrapper .bx-caption span {font-size: 1rem;}}
     @media (max-width: 360px) {.content-options .cc-m-gallery-slider .bx-wrapper .bx-caption span {font-size: 1rem;}}

    
    
    .cc-m-gallery-slider .bx-wrapper .bx-caption {
        background-image: url('https://u.jimdo.com/www400/o/s42ec2063ead019ab/userlayout/img/angebote-suchen-poster.png');
        background-position: right center;
        background-repeat: no-repeat; 
        background-size:contain;
        }
    
    @media (max-width: 630px) {
    .cc-m-gallery-slider .bx-wrapper .bx-caption {
        background:#50b848;
        background-image: url('https://u.jimdo.com/www400/o/s42ec2063ead019ab/userlayout/img/allesreise-maennchen.jpg?t=1461663414');
        background-position: right center;
        background-repeat: no-repeat; 
        background-size:contain;}
        }
    
    
    
/* ======================== NAVIGATION ======================== */  
            
    .jtpl-navigation__mobile-topbar {background:#50b848;}
    .jtpl-navigation__borders:before, .jtpl-navigation__borders:after {border-color: #fff;}
    .jtpl-navigation__borders {border-color:#fff;}
    
    .jtpl-navigation__inner .j-nav-level-1 {transition: max-height 0s ease-out;}
    
    .sidebar-options h2:not(.j-blog-headline):not(.j-blog-comment-counter) {margin-bottom:0.5em;}
    .j-nav-variant-breadcrumb {display:none;}
	li#cc-nav-view-1643164486 a {font-size: 10px; padding: 4px 2px;}

    
    @media (min-width: 768px) {
    .cc-nav-level-1 {width: 16rem;}
    .jtpl-navigation__inner li {text-align: center;}
    .jtpl-navigation__inner .j-nav-level-1 a:link, .jtpl-navigation__inner .j-nav-level-1 a:visited {padding: 10px 15px;}
    .jtpl-navigation .cc-nav-level-1, .jtpl-navigation .cc-nav-level-2 {background-color: rgba(80,184,72,0.8);}
    .navigation-colors a:hover {text-decoration: none;}
    }
    
    
    @media (max-width: 767px) {
    .jtpl-navigation__inner .j-nav-level-1, .jtpl-navigation__inner .j-nav-level-2 {z-index: 9001;}
    .navigation-colors li a:hover, .navigation-colors li a:active, .navigation-colors li a:focus, .navigation-colors li.cc-nav-current>a:link, .navigation-colors li.cc-nav-current>a:visited, .navigation-colors li.cc-nav-parent>a:link, .navigation-colors li.cc-nav-parent>a:visited {color:#292521 !important;}
    .jtpl-navigation__inner .j-nav-level-1 {width: calc(100% - 30px);}
    .jtpl-navigation__inner .j-nav-level-0 .j-nav-level-1 {padding:0 0 0 30px;}
    #jtpl-navigation__checkbox:checked+.jtpl-main .jtpl-navigation__inner {border-bottom: #50b848 18px solid;}
    .j-nav-level-2 {width: calc(100% - 30px);}
    }
     
    
/* ======================== TYPOGRAPHIE ======================== */  
            
    .content-options h1 {margin-bottom: 12px;}
    .content-options h3 {margin: 6px 0;}
    .content-options h5 {
        position:relative;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
        color:white;
        font-family:Lato;
        bottom:50px;
        padding:5px;
        margin:5px;
        background-color:rgba(0,0,0,0.5);
        background-image:url('https://u.jimcdn.com/e/o/s42ec2063ead019ab/userlayout/img/allesreise-maennchen.jpg?t=1461663414');
        background-repeat:no-repeat;
        background-position:right;
        background-size:contain;
        margin-bottom:-50px;
        min-height:16px;
    }
    
    .content-options hr {border-bottom: 1px !important;}
    .j-module a:link, .j-module a:visited, .j-static-page a:link, .j-static-page a:visited {color:#50b848;}

@media (max-width: 1024px) {
          .content-options h5 {font-size:12px;}    
}

@media (max-width: 767px) {
        .sidebar-options h2 {font-size:24px !important;text-align: center !important;}
        .sidebar-options p {font-size:15px !important;text-align: center;}
        .content-options h5 {font-size:20px;}
}
            
@media (max-width: 500px) {
        .content-options h5 {font-size:16px;}
}
    
    .jtpl-sidebar a {text-decoration:none;}

    
/* ======================== BUTTONS ======================== */  

    .content-options .j-calltoaction-link-style-1:link, .content-options .j-calltoaction-link-style-1:visited {
        background-image: url('https://u.jimdo.com/www400/o/s42ec2063ead019ab/userlayout/img/allesreise-maennchen.jpg?t=1461663414');
        background-position: right center;
        background-Size: contain;
        background-repeat: no-repeat;
        padding-right: 46px;
        font-weight: bold;}
    
    
    .j-callToAction .j-calltoaction-link-style-1 {
        margin: 3px 0;}
        
    .content-options .j-calltoaction-link-style-3:link, .content-options .j-calltoaction-link-style-3:visited {
        background-image: url('https://u.jimdo.com/www400/o/s42ec2063ead019ab/userlayout/img/allesreise-maennchen.jpg?t=1461663414');
        background-position: right center;
        background-Size: contain;
        background-repeat: no-repeat;
        padding-right: 46px;
        font-weight: bold;
        color: #fff !important;    }
    
    
    .j-callToAction .j-calltoaction-link-style-3 {
        margin: 3px 0;}