/*-----------------------------------------------------------------
[Responsive-Child Stylesheet]

PROJECT:            www.franken-radreisen.de  
VERSION:            1.2.1
LAST CHANGE:        17.03.2026
THEME-NAME          
PRIMARY USE:          
-------------------------------------------------------------------*/
@media (width <= 576px), 
   only screen and (-webkit-min-device-pixel-ratio: 2)      and (width <= 576px),
   only screen and (   min--moz-device-pixel-ratio: 2)      and (width <= 576px),
   only screen and (     -o-min-device-pixel-ratio: 2/1)    and (width <= 576px),
   only screen and (        min-device-pixel-ratio: 2)      and (width <= 576px),
   only screen and (                min-resolution: 192dpi) and (width <= 576px),
   only screen and (                min-resolution: 2dppx)  and (width <= 576px) {

   .smallscreen-off {
      display: none;
   }

   /*--- Metanav ---*/
   .navbar-metanavtop {
      display: none;
   }
   .navbar-metanavtop a:link {
      font-size: 1.143rem;
   }

   /*--- Navbar ---*/
   .navbarmobile {
      padding-top: 0;
      padding-bottom: 0;
   }
   .container.container-mobilenav {
      display: none;
      width: 0;
      height: 0;
   }
   .container.booking {
      padding-top: 10px;
   }
   .container.container-brand {
      padding-top: 0;
      padding-bottom: 0;
   }
   .container.container-brand .brand {
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 4px;
   }

   /* Anfrage und Buchen-Button */
   .booking a.btn {
      margin-bottom: 0.286rem;
   }
   
   /*--- Logo ---*/
   .brand {
      margin-bottom: 20px;
   }
   .wortbildmarke_mobile_nav {
      width: 215px;
      height: 59px;
   }

   /*--- Buttons ---*/
   .btn,
   .tx-indexedsearch-browsebox .btn {
      padding-top: 0.286rem;
      padding-right: 1.429rem;
      padding-bottom: 0.286rem;
      padding-left: 1.429rem;
   }
   .btn-outline,
   .btn-outline-secondary {
      padding: 0.375rem 2.86rem;
      font-size: 1.286rem;
      border-radius: 2rem;
   }
   .tx-indexedsearch-browsebox .btn-outline,
   .tx-indexedsearch-browsebox .btn-outline-secondary {
      font-size: 0.75rem;
   }
   .btn-medium {
      padding: 0.375rem 2.86rem;
      font-size: 1.429rem;
      border-radius: 2rem;
   }
   .btn-big {
      font-size: 1.286rem;
      border-radius: 2rem;
      border-width: 2px;
   }
   .btn-bold-uppercase {
      font-size: 1rem;
      font-weight: 600;
      border-radius: 2rem;
   }

   .btn-anfrage,
   .btn-buchen,
   .btn-katalog {
      text-transform: uppercase;
      padding-top: 0;
      padding-right: 0.286rem;
      padding-bottom: auto;
      padding-left: 1rem;
   }
   a.btn-katalog::after {
      position: relative;
      content: url('/fileadmin/templates/icons/ic_cart_round.svg');
      display: inline-block;
      width: 1.571rem;
      height: 1.571rem;
      top: 0.357rem;
      margin-left: 0.571rem;
      transition: width .5s ease, background-color .5s ease;
   }
   a.btn-anfrage::after,
   a.btn-buchen::after {
      position: relative;
      content: url('/fileadmin/templates/icons/ic_arrow_next_round.svg');
      display: inline-block;
      width: 1.571rem;
      height: 1.571rem;
      top: 0.357rem;
      margin-left: 0.571rem;
      transition: width .5s ease, background-color .5s ease;
   }

   .navbar-metanavtop i.ic_link_download {
      background-size: 1rem;
      margin-bottom: 0;
   }

   /*--- Suchfeld ---*/
   .tx-indexedsearch-form.searchbox-outline input[type=text] {
      min-width: 70%;
   }
   .tx-indexedsearch-browsebox li {
      display: none;
   }
   .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-next {
      display: block;
   }

   /*--- Titelbanner ---*/
   .titelbanner_randabstand_bild {
      padding-right: 0;
      padding-left: 0;
   }
   .titelbanner_randabstand_textarea {
      padding-right: 24px;
      padding-left: 24px;
   }
   .titelbanner_bildmaske {
      mask-image: none;
      webkit-mask-image: none;
   }
   .titelbanner article::before {
      content: " ";
      float: left;
      width: 0;
      height: 0;
      shape-outside: none;
   }
   .titelbanner figure {
	   padding-top: 2rem;
      padding-bottom: 1rem;
   }
   .titelbanner figure H1 {
      margin-bottom: 2.5rem;
      padding-bottom: 0;
      font-size: 2rem;
      text-align: center !important;
   }
   a.btn-bikeandarrow::before {
      width: 127px; /* Berechnung mit Goldenem Schnitt */
      height: 36px; /* Berechnung mit Goldenem Schnitt */
      margin-top: -4px;
      margin-left: -160px;
   }
   a.btn-documentdownload::before {
      width: 24px;
      height: 24px;
      margin-top: 2px;
      margin-left: -28px;
   }

   /*--- Mask Inhaltselement Reise Titelbanner --*/
   .zusatzinfo {
      position: relative;
      z-index: 10;
      top: auto;
      width: fit-content;
   }
   .zusatzinfo_category {
      padding-left: 20px;
      padding-right: 40px;
      padding-top: 1px;
      padding-bottom: 1px;
      font-size: 0.714rem;
      background-color: var(--bs-frr-pastellgruen-1-dunkel); 
      color: var(--bs-frr-reinweiss);
      clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%, 0 0);
   }

   .ce-reise-titelbanner .randabstand_bild {
      padding-right: 0;
      padding-left: 0;
   }
   .ce-reise-titelbanner .randabstand_textarea {
      padding-right: 24px;
      padding-left: 24px;
   }
   .ce-reise-titelbanner .bildmaske {
      mask-image: none;
      webkit-mask-image: none;
   }

   /*--- Teaser A ---*/
   .ce-teaser-a .ps-24 {
      padding-left: 20px;
   }
   .ce-teaser-a .pe-120 {
      padding-right: 20px;
   }
   .ce-teaser-a .bg-links {
      background-image: none;
   }
   .ce-teaser-a .teaser-spalte-1 {
      padding-top: 2rem;
      background-color: var(--bs-frr-pastellgruen-3-dunstig);
   }
   .ce-teaser-a .teaser-spalte-2 {
      padding-top: 2rem;
      background-color: var(--bs-frr-nachtblau);
   }
   .ce-teaser-a .teaser-spalte-1 p.text-end,
   .ce-teaser-a .teaser-spalte-2 p.text-end {
      text-align: center !important;
   }

   /*--- Teaser B ---*/
   .ce-teaser-b .ps-24 {
      padding-left: 20px;
   }
   .ce-teaser-b .pe-120 {
      padding-right: 20px;
   }
   .ce-teaser-b .bg-links {
      background-image: none;
   }
   .ce-teaser-b picture img {
      margin-bottom: 1rem;
   }
   .ce-teaser-b .teaser-spalte-1 {
      padding-top: 2rem;
      padding-bottom: 2rem;
      background-color: var(--bs-frr-pastellgruen-3-dunstig);
   }
   .ce-teaser-b .teaser-spalte-2 {
      padding-top: 2rem;
      background-color: var(--bs-frr-nachtblau);
   }
   .ce-teaser-b .teaser-spalte-1 p.text-end,
   .ce-teaser-b .teaser-spalte-2 p.text-end {
      text-align: center !important;
   }
   /* Sonderregel für Button Medium in Spalte 1 */
   .ce-teaser-b .teaser-spalte-1 .btn-medium {
      padding: 0.286rem 1.429rem;
      border-radius: 2rem;
      font-size: 1rem;
   }

   /*--- Card Reisevorschau ---*/
   .card.card-reisevorschau H3 {font-size: 1.714rem;}
   .card.card-reisevorschau .card-header {
      padding-top: 1.143rem;
      padding-right: 1.143rem;
      padding-bottom: 1.143rem !important;
      padding-left: 1.143rem !important;
   }
   .card.card-reisevorschau .card-body {
      padding-top: 1.143rem !important;
   }
   .card.card-reisevorschau .card-body p {
      font-size: 1.357rem;
      line-height: 1.6075rem;
   }
   .card.card-reisevorschau .card-footer {
      display: none;
   }

   /*--- Mask Inhaltselement Route --*/
   .route-links::before,
   .route-rechts::after,
   .route-linksrechts::before,
   .route-linksrechts::after {
      display: none;
      width: 0;
   }
   .route-arrowdown {
      background-image: none;
      background-position: bottom;
      background-repeat: no-repeat;
      background-size: 0;
      background-clip: content-box;
   }
   .route-arrowdown .route-links img,
   .route-arrowdown .route-rechts img,
   .route-linksrechts img {
      display: none;
   }

   .smalldevices {
      display: block;
      text-align: center;

   }
   .smalldevices::after {
      content: "";
      display: inline-block;
      width: 30px;
      height: 30px;
      transition: width .5s ease, background-color .5s ease;
      background-image: url('/fileadmin/templates/icons/ic_route_arrowdown.svg');
      background-position: bottom;
      background-repeat: no-repeat;
      background-size: 10px;
      background-clip: content-box;
   }
   .ce-reise-route-1 .headertitle .ce-headline-right {
      text-align: left !important;
   }
   .ce-reise-route-1 p {
      text-align: justify !important;
   }

   /*--- Mask Inhaltselement Impressionen --*/
   .ce-reise-impressionen .ce-left .ce-gallery, .ce-column {
      float: none;
      margin-right: 0;
   }
   footer {
      min-height: 140px;
   }
   .copyright {
      font-size: 0.857rem;
   }
   .sociallinkarea {
      padding-top: 0.643rem;
      text-align: left !important;
   }
   .sociallink img {
      width: 24px;
      height: 24px;
   }
   .metanavfooter {
      padding-top: .429rem;
   }
   footer nav a:link {
      padding-right: 1rem;
      font-size: 1.143rem;
   }
   footer nav a:visited {
      padding-right: 1rem;
      font-size: 1.143rem;
   }
   footer nav a:hover {
      padding-right: 1rem;
      font-size: 1.143rem;
   }
}


@media (577px <= width <= 768px) {
   /*--- Typografie ---*/
   section h1 {font-size: 3.429em;}
   section h2 {font-size: 2.7145rem;}
   section h3, .H3, .news .article h3 {font-size: 1.714rem;}
   section h4 {font-size: 1.143rem;}
   section h5, section h6 {font-size: 1.286rem;}

   /*--- Metanav ---*/
   .navbar-metanavtop {
      display: none;
   }
   .navbar-metanavtop a:link {
      font-size: 1.143rem;
   }

   /*--- Navbar ---*/
   .navbarmobile {
      padding-top: 0;
      padding-bottom: 0;
   }
   .container.container-mobilenav {
      display: none;
      width: 0;
      height: 0;
   }
   .container.booking {
      padding-top: 10px;
   }
   .container.container-brand {
      padding-top: 0;
      padding-bottom: 0;
   }
   .container.container-brand .brand {
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 4px;
   }

   /*--- Logo ---*/
   .wortbildmarke_mobile_nav {
      width: 215px;
      height: 59px;
   }

   /*--- Buttons ---*/
   .btn,
   .tx-indexedsearch-browsebox .btn {
      padding-top: 0.286rem;
      padding-right: 1.429rem;
      padding-bottom: 0.286rem;
      padding-left: 1.429rem;
   }
   .btn-outline,
   .btn-outline-secondary {
      padding: 0.375rem 2.86rem;
      font-size: 1.286rem;
      border-radius: 2rem;
   }
   .tx-indexedsearch-browsebox .btn-outline,
   .tx-indexedsearch-browsebox .btn-outline-secondary {
      font-size: 0.75rem;
   }
   .btn-medium {
      padding: 0.375rem 2.86rem;
      font-size: 1.429rem;
      border-radius: 2rem;
   }
   .btn-big {
      font-size: 1.286rem;
      border-radius: 2rem;
      border-width: 2px;
   }
   .btn-bold-uppercase {
      font-size: 1rem;
      font-weight: 600;
      border-radius: 2rem;
   }

   .btn-anfrage,
   .btn-buchen,
   .btn-katalog {
      text-transform: uppercase;
      padding-top: 0;
      padding-right: 0.286rem;
      padding-bottom: auto;
      padding-left: 1rem;
   }
   a.btn-katalog::after {
      position: relative;
      content: url('/fileadmin/templates/icons/ic_cart_round.svg');
      display: inline-block;
      width: 1.571rem;
      height: 1.571rem;
      top: 0.357rem;
      margin-left: 0.571rem;
      transition: width .5s ease, background-color .5s ease;
   }
   a.btn-anfrage::after,
   a.btn-buchen::after {
      position: relative;
      content: url('/fileadmin/templates/icons/ic_arrow_next_round.svg');
      display: inline-block;
      width: 1.571rem;
      height: 1.571rem;
      top: 0.357rem;
      margin-left: 0.571rem;
      transition: width .5s ease, background-color .5s ease;
   }
   a.btn-documentdownload::before {
      width: 24px;
      height: 24px;
      margin-top: 2px;
      margin-left: -28px;
   }

   .tx-indexedsearch-page-selector.btn {
      padding-left: 6px;
      padding-right: 6px;
   }
   .tx-indexedsearch-page-selector.btn.btn-green {
      padding-left: 12px;
      padding-right: 12px;
      min-width: 80px;
   }

   /*--- Titelbanner ---*/
   .titelbanner_randabstand_bild {
      padding-right: 0;
      padding-left: 0;
   }
   .titelbanner_randabstand_textarea {
      padding-right: 24px;
      padding-left: 24px;
   }
   .titelbanner_bildmaske {
      mask-image: none;
      webkit-mask-image: none;
   }
   .titelbanner article::before {
      content: " ";
      float: left;
      width: 0;
      height: 0;
      shape-outside: none;
   }
   .titelbanner figure {
	   padding-top: 2rem;
      padding-bottom: 1rem;
   }
   .titelbanner figure H1 {
      margin-bottom: 2.1425rem;
      padding-bottom: 0;
      font-size: 1.714rem;
   }
   a.btn-bikeandarrow::before {
      margin-top: -12px;
      margin-left: -230px;
   }

   /*--- Teaser A ---*/
   .ce-teaser-a .ps-24 {
      padding-left: 20px;
   }
   .ce-teaser-a .pe-120 {
      padding-right: 20px;
   }
   .ce-teaser-a .bg-links {
      background-image: none;
   }
   .ce-teaser-a .teaser-spalte-1 {
      padding-top: 2rem;
      background-color: var(--bs-frr-pastellgruen-3-dunstig);
   }
   .ce-teaser-a .teaser-spalte-2 {
      padding-top: 2rem;
      background-color: var(--bs-frr-nachtblau);
   }
   .ce-teaser-a .teaser-spalte-1 p.text-end,
   .ce-teaser-a .teaser-spalte-2 p.text-end {
      text-align: center !important;
   }

   /*--- Teaser B ---*/
   .ce-teaser-b .ps-24 {
      padding-left: 20px;
   }
   .ce-teaser-b .pe-120 {
      padding-right: 20px;
   }
   .ce-teaser-b .bg-links {
      background-image: none;
   }
   .ce-teaser-b .teaser-spalte-1 {
      padding-top: 2rem;
      padding-bottom: 2rem;
      background-color: var(--bs-frr-pastellgruen-3-dunstig);
   }
   .ce-teaser-b .teaser-spalte-2 {
      padding-top: 2rem;
      background-color: var(--bs-frr-nachtblau);
   }
   .ce-teaser-b .teaser-spalte-1 p.text-end,
   .ce-teaser-b .teaser-spalte-2 p.text-end {
      text-align: center !important;
   }

   /*--- Card Reisevorschau ---*/
   .card.card-reisevorschau H3 {font-size: 1.714rem;}
   .card.card-reisevorschau .card-header {
      padding-top: 1.143rem;
      padding-right: 1.143rem;
      padding-bottom: 1.143rem !important;
      padding-left: 1.143rem !important;
   }
   .card.card-reisevorschau .card-body img.schwierigkeitsgrad {
      width: 7.857rem;
      height: 7.857rem;
   }
   .card.card-reisevorschau .card-body p {
      font-size: 1.357rem;
   }
   .card.card-reisevorschau .card-footer {
      display: none;
   }

   /*--- Mask Inhaltselement Reise Titelbanner --*/
   .zusatzinfo {
      position: relative;
      z-index: 10;
      top: auto;
      width: fit-content;
   }
   .zusatzinfo_category {
      padding-left: 20px;
      padding-right: 40px;
      padding-top: 1px;
      padding-bottom: 1px;
      font-size: 0.714rem;
      background-color: var(--bs-frr-pastellgruen-1-dunkel); 
      color: var(--bs-frr-reinweiss);
      clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%, 0 0);
   }

   .ce-reise-titelbanner .randabstand_bild {
      padding-right: 0;
      padding-left: 0;
   }
   .ce-reise-titelbanner .randabstand_textarea {
      padding-right: 24px;
      padding-left: 24px;
   }
   .ce-reise-titelbanner .bildmaske {
      mask-image: none;
      webkit-mask-image: none;
   }

   /*--- Mask Inhaltselement Route --*/
   .route-links::before,
   .route-rechts::after,
   .route-linksrechts::before,
   .route-linksrechts::after {
      display: none;
      width: 0;
   }
   .route-arrowdown {
      background-image: none;
      background-position: bottom;
      background-repeat: no-repeat;
      background-size: 0;
      background-clip: content-box;
   }
   .route-arrowdown .route-links img,
   .route-arrowdown .route-rechts img,
   .route-linksrechts img {
      display: none;
   }
   .smalldevices {
      display: block;
      text-align: center;

   }
   .smalldevices::after {
      content: "";
      display: inline-block;
      width: 30px;
      height: 30px;
      transition: width .5s ease, background-color .5s ease;
      background-image: url('/fileadmin/templates/icons/ic_route_arrowdown.svg');
      background-position: bottom;
      background-repeat: no-repeat;
      background-size: 10px;
      background-clip: content-box;
   }
   .ce-reise-route-1 .headertitle .ce-headline-right {
      text-align: left !important;
   }
   .ce-reise-route-1 p {
      text-align: justify !important;
   }

   /*--- Mask Inhaltselement Impressionen --*/
   .ce-reise-impressionen figure.image {
      width: 122px;
   }

   .ce-headline-right,
   p.text-end,
   H4.text-end {
      /*text-align: left !important;*/
   }
   footer {
      min-height: 140px;
   }
   .copyright {
      font-size: 0.857rem;
   }
   .sociallinkarea {
      padding-top: 0.643rem;
      text-align: left !important;
   }
   .sociallink img {
      width: 24px;
      height: 24px;
   }
   .metanavfooter {
      padding-top: .429rem;
   }
   footer nav a:link {
      padding-right: 1rem;
      font-size: 1.143rem;
   }
   footer nav a:visited {
      padding-right: 1.143rem;
      font-size: 1rem;
   }
   footer nav a:hover {
      padding-right: 1rem;
      font-size: 1.143rem;
   }
}


@media (769px <= width <= 992px) {
      /*--- Metanav ---*/
   .navbar-metanavtop {
      display: none;
   }
   .navbar-metanavtop a:link {
      font-size: 1.143rem;
   }

   /*--- Navbar ---*/
   .navbarmobile {
      padding-top: 0;
      padding-bottom: 0;
   }
   .container.container-mobilenav {
      display: none;
      width: 0;
      height: 0;
   }
   .container.booking {
      padding-top: 10px;
   }
   .container.container-brand {
      padding-top: 0;
      padding-bottom: 0;
   }
   .container.container-brand .brand {
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 4px;
   }

   /*--- Logo ---*/
   .wortbildmarke_mobile_nav {
      width: 288px;
      height: 78px;
   }

   /*--- Titelbanner ---*/
   .titelbanner_randabstand_bild {
      padding-right: 0;
      padding-left: 0;
   }
   .titelbanner_randabstand_textarea {
      padding-right: 24px;
      padding-left: 24px;
   }
   .titelbanner_bildmaske {
      mask-image: none;
      webkit-mask-image: none;
   }
   .titelbanner article::before {
      width: 184px;
      height: 92px;
      shape-outside: none;
   }
   .titelbanner figure {
	   padding-top: 2rem;
   }
   .titelbanner figure H1 {
      margin-bottom: 1rem;
      padding-bottom: 0;
      font-size: 1.714rem;
   }
   .titelbanner .container-lg article figure .btn {
      margin-top: 1.429rem;
   }
   a.btn-bikeandarrow::before {
      width: 139px;
      height: 40px;
      margin-top: -8px;
      margin-left: -180px;
   }

   .tx-indexedsearch-page-selector.btn {
      padding-left: 6px;
      padding-right: 6px;
   }
   .tx-indexedsearch-page-selector.btn.btn-green {
      padding-left: 12px;
      padding-right: 12px;
      min-width: 80px;
   }

   /*--- Teaser A ---*/
   .ce-teaser-a .pe-120 {
      padding-right: 24px;
   }
   .ce-teaser-a .bg-links {
      background-position-x: -3300%;
   }

   /*--- Teaser B ---*/
   .ce-teaser-b .ps-24 {
      padding-left: 20px;
   }
   .ce-teaser-b .pe-120 {
      padding-right: 20px;
   }
   .ce-teaser-b .bg-links {
      background-image: none;
   }
   .ce-teaser-b .teaser-spalte-1 {
      padding-top: 2rem;
      padding-bottom: 2rem;
      background-color: var(--bs-frr-pastellgruen-3-dunstig);
   }
   .ce-teaser-b .teaser-spalte-2 {
      padding-top: 2rem;
      background-color: var(--bs-frr-nachtblau);
   }
   .ce-teaser-b .teaser-spalte-1 p.text-end,
   .ce-teaser-b .teaser-spalte-2 p.text-end {
      text-align: center !important;
   }

   /*--- Card Reisevorschau ---*/
   .card.card-reisevorschau .card-body p {
      font-size: 1.286rem;
      line-height: 1.6075rem;
   }
   .card.card-reisevorschau .card-footer p {}

   /*--- Mask Inhaltselement Reise Titelbanner --*/
   .zusatzinfo {
      position: relative;
      z-index: 10;
      top: auto;
      width: fit-content;
   }
   .zusatzinfo_category {
      padding-left: 20px;
      padding-right: 40px;
      padding-top: 1px;
      padding-bottom: 1px;
      font-size: 0.714rem;
      background-color: var(--bs-frr-pastellgruen-1-dunkel); 
      color: var(--bs-frr-reinweiss);
      clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%, 0 0);
   }

   .ce-reise-titelbanner .randabstand_bild {
      padding-right: 0;
      padding-left: 0;
   }
   .ce-reise-titelbanner .randabstand_textarea {
      padding-right: 24px;
      padding-left: 24px;
   }
   .ce-reise-titelbanner .bildmaske {
      mask-image: none;
      webkit-mask-image: none;
   }

   /*--- Mask Inhaltselement Route --*/
   .carousel-inner .container-lg article {
      padding-top: 1.429rem;
      padding-bottom: 1.429rem;
   }
   .route-links::before,
   .route-rechts::after,
   .route-linksrechts::before,
   .route-linksrechts::after {
      width: 14px;
   }

   /*--- Mask Inhaltselement Impressionen --*/
   .ce-reise-impressionen figure.image {
      width: 167px;
   }

   /*--- Footer --*/
   footer {
      min-height: 140px;
   }
   .copyright {
      
   }
   .sociallinkarea {
      padding-top: 0.643rem;
      text-align: left !important;
   }
   .sociallink img {
      width: 24px;
      height: 24px;
   }
   .metanavfooter {
      padding-top: .429rem;
   }
   footer nav a:link {
      padding-right: 1rem;
      font-size: 1rem;
   }
   footer nav a:visited {
      padding-right: 1rem;
      font-size: 1rem;
   }
   footer nav a:hover {
      padding-right: 1rem;
      font-size: 1rem;
   }
}


@media (993px <= width <= 1200px) {
      /*--- Logo ---*/
   .wortbildmarke_mobile_nav {
      width: 288px;
      height: 78px;
   }

   /*--- Titelbanner ---*/
   .titelbanner article::before {
      content: " ";
      float: left;
      width: 200px;
      height: 230px;
      shape-outside: url('/fileadmin/templates/masks/titelbanner-bild-text-a-textmaske.svg');
   }
   .titelbanner article {
      padding-bottom: 1rem;
   }
   .titelbanner figure H1 {
      font-size: 1.8rem !important;
   }
   .titelbanner figure {
	   padding-top: 2rem;
   }
   .titelbanner figure H4 {
      padding-bottom: 0.75rem;
   }
   .titelbanner figure p {
      margin-bottom: 0.2rem;
   }
   a.btn-bikeandarrow::before {
      width: 127px;
      height: 36px;
      margin-top: -8px;
      margin-left: -160px;
   }

   .tx-indexedsearch-page-selector.btn.btn-green {
      padding-left: 12px;
      padding-right: 12px;
      min-width: 80px;
   }

   /*--- Teaser A ---*/
   .ce-teaser-a .pe-120 {
      padding-right: 24px;
   }
   .ce-teaser-a .bg-links {
      background-position-x: -60%;
   }

   /*--- Teaser B ---*/
   .ce-teaser-b .ps-24 {
      padding-left: 20px;
   }
   .ce-teaser-b .pe-120 {
      padding-right: 20px;
   }
   .ce-teaser-b .bg-links {
      background-image: none;
   }
   .ce-teaser-b .teaser-spalte-1 {
      padding-top: 2rem;
      padding-bottom: 2rem;
      background-color: var(--bs-frr-pastellgruen-3-dunstig);
   }
   .ce-teaser-b .teaser-spalte-2 {
      padding-top: 2rem;
      background-color: var(--bs-frr-nachtblau);
   }
   .ce-teaser-b .teaser-spalte-1 p.text-end,
   .ce-teaser-b .teaser-spalte-2 p.text-end {
      text-align: center !important;
   }

   /*--- Mask Inhaltselement Reise Titelbanner --*/
   .zusatzinfo {
      position: relative;
      z-index: 10;
      top: auto;
      width: fit-content;
   }
   .zusatzinfo_category {
      padding-left: 20px;
      padding-right: 40px;
      padding-top: 1px;
      padding-bottom: 1px;
      font-size: 0.714rem;
      background-color: var(--bs-frr-pastellgruen-1-dunkel); 
      color: var(--bs-frr-reinweiss);
      clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%, 0 0);
   }

   /* zu kleines Bild als Cover ausweisen */
   .ce-reise-titelbanner .cover {
      width: 960px;
      height: 430px;
      object-fit: cover;
   }

   .ce-reise-titelbanner .randabstand_bild {
      padding-right: 0;
      padding-left: 0;
   }
   .ce-reise-titelbanner .randabstand_textarea {
      padding-right: 24px;
      padding-left: 24px;
   }
   .ce-reise-titelbanner .bildmaske {
      mask-image: none;
      webkit-mask-image: none;
   }

   /*--- Mask Inhaltselement Route --*/  
   .route-links::before,
   .route-rechts::after,
   .route-linksrechts::before,
   .route-linksrechts::after {
      width: 34px;
   }

   /*--- Mask Inhaltselement Impressionen --*/
   .ce-reise-impressionen figure.image {
      width: 227px;
   }
}


@media (1201px <= width <=1400px) {
   /*--- MetaNavTop ---*/
   .servicearea .pt-20 {padding-top: 10px;}
   .btn {}
   .btn-bold-uppercase {
	   font-size: 0.857rem;
      line-height: 1.143rem;
   }
   .btn-suche-xxl {
      display: none;
   }
   .btn-suche-xl {
      width: 151px;
      display: inline-block;
   }
   .btn-anfrage,
   .btn-buchen {
      padding-right: 0.286rem;
      padding-left: 0.857rem;
   }
   a.btn-anfrage::after,
   a.btn-buchen::after {
      width: 1.286rem;
      height: 1.286rem;
   }

   .tx-indexedsearch-page-selector.btn.btn-green {
      padding-left: 12px;
      padding-right: 12px;
      min-width: 80px;
   }

   /* Suchfeld mit Extension ke_search */
   .kesearchbox_im_header input[type=search],
   .kesearchbox input[type=search] {
      width: 110px;
   }

   /*--- MainMenu ---*/
   header .main-nav > li a {
      font-size: 1.143rem;
   }

   /*--- Logo ---*/
   .wortbildmarke_mobile_nav {
      width: 260px;
      height: 71px;
   }

   /*--- Titelbanner ---*/
   .titelbanner article::before {
      width: 147px;
      height: 295px;
   }
   .titelbanner figure {
	   padding-top: 3rem;
   }
   .titelbanner figure H1 {
      padding-bottom: 2rem;
      font-size: 2rem;
   }

   /*--- Teaser A ---*/
   .ce-teaser-a .pe-120 {
      padding-right: 24px;
   }

   /*--- Teaser B ---*/
   .ce-teaser-b .teaser-spalte-1 H1.mb-40,
   .ce-teaser-b .teaser-spalte-1 H2.mb-40,
   .ce-teaser-b .teaser-spalte-1 H3.mb-40,
   .ce-teaser-b .teaser-spalte-1 H4.mb-40,
   .ce-teaser-b .teaser-spalte-1 H5.mb-40,
   .ce-teaser-b .teaser-spalte-1 H6.mb-40 {
      margin-top: 0;
   }
   .ce-teaser-b .teaser-spalte-1 .pe-24 {
      padding-right: 0;
   }
   .ce-teaser-b .teaser-spalte-2 .pe-120 {
      padding-right: 24px;
   }
   /* Sonderregel für Button Medium in Spalte 1 */
   .ce-teaser-b .teaser-spalte-1 .btn-medium {
      padding: 0.286rem 1.429rem;
      border-radius: 2rem;
   }

   /*--- Mask Inhaltselement Reise Titelbanner --*/
   .zusatzinfo {
      position: relative;
      z-index: 10;
      top: auto;
      width: fit-content;
   }
   .zusatzinfo_category {
      padding-left: 20px;
      padding-right: 40px;
      padding-top: 1px;
      padding-bottom: 1px;
      font-size: 0.714rem;
      background-color: var(--bs-frr-pastellgruen-1-dunkel); 
      color: var(--bs-frr-reinweiss);
      clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%, 0 0);
   }
   
   .ce-reise-titelbanner H1.small {
      padding-bottom: 0;
   }
   .ce-reise-titelbanner p.lead {
      font-size: 1rem;
      margin-bottom: 0.643rem;
   }
   .ce-reise-titelbanner p {
      font-size: 0.857rem;
      margin-bottom: 0.643rem;
   }
   .ce-reise-titelbanner .preisschild {
      margin-bottom: 0.714rem;
   }
   .ce-reise-titelbanner p.preisschild-category {
      font-size: 0.643rem;
      margin-bottom: 0;
   }
   .ce-reise-titelbanner p.preisschild-price {
      font-size: 1.286rem;
      margin-bottom: 0;
   }

   /*--- Mask Inhaltselement Reise Route --*/
   .route-links::before,
   .route-rechts::after,
   .route-linksrechts::before,
   .route-linksrechts::after {
      width: 48px;
   }
   .ce-reise-route-1 .headertitle .ce-headline-right {
      text-align: left !important;
   }
   .ce-reise-route-1 p {
      text-align: justify !important;
   }

   /*--- Mask Inhaltselement Reise Impressionen --*/
   .ce-reise-impressionen figure.image {
      width: 272px;
   }
}

@media (width > 1400px) {
   .route-links::before,
   .route-rechts::after,
   .route-linksrechts::before,
   .route-linksrechts::after {
      width: 63px;
   }
}