/* ### TRAVELUTIONS STANDARD STYLES ###################################### */ .xbe_hide {display: none;} /* Preise */ .btn-preis {background-color: #e9ecef; font-size: 1.0em; font-weight: 600;} .mod-flex-price {background-color: #e9ecef; border-radius: 0.5em;} /* Close Box */ .hic_div {position: relative;} /* Breadcrumb Trail */ #xbe_bct ol {margin: 0;} #xbe_bct .done {} #xbe_bct .curr {font-weight: 600;} #xbe_bct .none {color: #666666;} #xbe_bct .none:hover, #xbe_bct .curr:hover {cursor: default; text-decoration: none;} /* Tables */ .table_reg_cell {padding: 0.1em 0.4em 0.1em 1.0em;} .table_reg .reg {border-top: solid 1px #dddddd; font-weight: 600; font-size: 1.2em;} .table_reg .dest {border-top: dashed 1px #eeeeee;} /* Border */ .c {border: solid 1px #000000 !important;} .r {border: dotted 1px #666666 !important;} .b {border: dotted 1px #ff0000 !important;} .back-to-top { color: #CA0915; position: fixed; text-align: center; bottom:50px; right:20px; padding:1em; z-index: 100; } .back-to-top i { border-color: #E5E1D4; background-color: #fff; opacity: 0.5; } .no_m { margin: 0 !important; } /* Form mandantory */ .mandantory {color: #dc3545;} #icon_za_R_exclamation, #icon_rv_R_exclamation {color: #dc3545;} #icon_za_R_ok, #icon_rv_R_ok {color: #2bab63;} #HOTEL_clear { position: absolute; right: 0.175rem; top: .325rem; bottom: 0; height: 1rem; margin: auto; cursor: pointer; color: #ccc; } /* Spaltendarstellung */ .trvl-text-col2 {column-count: 1;} .trvl-text-col5 {column-count: 1;} @media (min-width: 576px) { .trvl-text-col4 {column-count: 1;} .trvl-text-col5 {column-count: 2;} } @media (min-width: 768px) { .trvl-text-col2 {column-count: 2;} .trvl-text-col4 {column-count: 2;} .trvl-text-col5 {column-count: 3;} .trvl-text-box.trvl-text-col2 {column-count: 1;} } @media (min-width: 992px) { .trvl-text-col4 {column-count: 3;} .trvl-text-col5 {column-count: 4;} .trvl-text-box.trvl-text-col2 {column-count: 2;} } @media (min-width: 1200px) { .trvl-text-col4 {column-count: 4;} .trvl-text-col5 {column-count: 5;} } .za-text {background-color: #2bab63;} .za-icon {color: #2bab63;} .narrow {font-size: 0.8em; line-height: 0.9em; letter-spacing: -0.01em;} /* ### KALENDER DATEPICKER ############################################### */ .ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {background: #e5e1d4; border: 1px solid #fff;} a.ui-state-default:hover, a.ui-state-default:focus {color: #fff !important; background-color: #ca0915 !important; font-weight: 600;} a.ui-state-active {color: #fff !important; background-color: #ca0915 !important; border: 1px solid #fff !important; font-weight: 600 !important;} button.ui-datepicker-close {border-radius: .375em !important; font-weight: 600 !important; color: #fff !important; background-color: #f88029 !Important;} .ui-widget.ui-widget-content {border: 2px solid #e5e6e8;} /* ### COOKIE COMPLIANCE ################################################# */ .cc-window {max-width: 27em !important; border-radius: 20px !important; border: 1px solid #f2f0e9 !important; background-color: rgb(255, 255, 255) !important; -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15); box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);} .cc-window a, .cc-window .cc-link {text-decoration: underline !important; color: #ca0915 !important; opacity: 1 !important;} .cc-window a:hover, .cc-window .cc-link:hover {color: #f88029 !important;} .cc-window .cc-btn {background-color: #f88029 !important; color: #fff !important; text-decoration: none !important; border-radius: 8px !important; margin-right: 20px; margin-left: 20px; font-size: 110% !important;} .cc-window .cc-btn:hover {background-color: #ca0915 !important; color: #fff !important; text-decoration: none !important;} /* ### TRAVELUTIONS PROJECT STYLES ####################################### */ /*************************************************************************** * Allgemeine Definitionen ****************************************************************************/ * {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} /* HTML5 display-role reset fuer alte Browser */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {display: block;} ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0; table-layout: fixed; empty-cells: show;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none;} /* RESET & BASICS (Inspired by E. Meyers) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, /* sub, sup, ul, li, */ tt, var, center, dl, dt, dd, fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline;} /* STANDARDS */ strong, b {font-weight: 600; font-family: inherit;} em, i {} sup, sub {line-height: 0 !important; font-size: 50%;} img, form {overflow: hidden;} a, input, textarea, select {outline: 0; border: 0;} textarea, select, button, input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="button"], input[type="image"], input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: none;} select {width: 100%;} select[multiple] {height: auto; background-image: none;} select::-ms-expand {display: none;} textarea, select, input[type="search"], input[type="text"], input[type="email"], input[type="password"] {width: 100%; font-size: 100%; background-color: #fff; line-height: 1.45; padding: .325rem; margin-bottom: .5rem; border: 1px solid #b7aea0; font-family: 'Ubuntu', sans-serif;} textarea:focus, select:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus {} /* FONT AWESOME */ .fas {padding-right: .25em;} .fas.fa-star {padding-right: 0; color: #ca0915;} .fas.fa-star-half-alt {padding-right: 0; color: #ca0915;} .far.fa-star {padding-right: 0; color: #e5e1d4;} .color-blue {padding-right: 0; color: #0093dd;} /* FONT LICENSE: /css/webfonts/LICENSE-ubuntu.txt */ @font-face { font-family: 'Ubuntu'; src: url('/css/webfonts/ubuntu-regular-webfont.eot'); src: url('/css/webfonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/css/webfonts/ubuntu-regular-webfont.woff2') format('woff2'), url('/css/webfonts/ubuntu-regular-webfont.woff') format('woff'), url('/css/webfonts/ubuntu-regular-webfont.ttf') format('truetype'), url('/css/webfonts/ubuntu-regular-webfont.svg#ubunturegular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('/css/webfonts/ubuntu-bold-webfont.eot'); src: url('/css/webfonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/webfonts/ubuntu-bold-webfont.woff2') format('woff2'), url('/css/webfonts/ubuntu-bold-webfont.woff') format('woff'), url('/css/webfonts/ubuntu-bold-webfont.ttf') format('truetype'), url('/css/webfonts/ubuntu-bold-webfont.svg#ubuntubold') format('svg'); font-weight: 700; font-style: normal; } /* PROJECT */ body {width: 100%; height: 100%; font-family: 'Ubuntu', sans-serif; line-height: 1; text-align: center; color: #333; background: #fff;} input, textarea, select, button {font-family: 'Ubuntu', sans-serif;} input, textarea, select {} select {width: 100%; padding-right: 1.85rem; background: #fff url(/img/layout/icon_select.png) right 50% no-repeat; background-size: 1.65rem auto; background-repeat: no-repeat;} header {position: fixed; top: 0; width: 100%; max-width: 1920px; height: 6.15rem; text-align: center; background: #fff; z-index: 3;} a {color: #ca0915; text-decoration: none; outline: 0;} a:hover {color: #f08130; text-decoration: underline;} a:focus {color: #f08130;} h1, .h1 {font-size: 240%; font-family: 'Ubuntu', sans-serif; font-weight: 700; line-height: 1.3; margin-bottom: .75em; margin-top: 1em; letter-spacing: -.01em; color: #333;} h2, .h2 {font-size: 175%; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-weight: 600; line-height: 1.3; margin-top: 1.25em; margin-bottom: .75em; color: #333;} h3, .h3 {font-size: 143.75%; font-family: 'Ubuntu', sans-serif; font-weight: 700; line-height: 1.3; margin-top: 1.25em; margin-bottom: .75em; color: #333;} h4, .h4 {font-size: 143.75%; font-family: 'Ubuntu', sans-serif; font-weight: 700; line-height: 1.3; margin-top: 0; margin-bottom: .75em; color: #333;} h5, .h5 {font-size: 100%; font-family: 'Ubuntu', sans-serif; font-weight: 700; line-height: 1.3; margin-top: 0; color: #333;} i.h1 {font-size: 280%; margin-top: 0; padding-right: 0;} p {margin-bottom: 1.45em; line-height: 1.45;} ul {} .alert {border-radius: 0; border: none;} .alert-info {background-color: #e4f7ff;} .alert-info i {color: #ca0915 !important;} .breadcrumb {border-radius: 0 !important;} .strike {color: #aaaaaa;} .trvl-clear {margin: 0; width: auto; height: auto; clear: both; display: block;} .trvl-notransition {-webkit-transition: none !important; -moz-transition:none !important; -o-transition: none !important; transition: none !important;} .trvl-hr {display: block; margin: 2em 0 2em 0; background: none; height: 0; border: 0; border-top: 3px dotted #e5e1d4;} .form-control {border-radius: 0;} /* Colors */ .text-primary /* rot */ {color: #ca0915 !important;} .text-secondary /* orange*/ {color: #f08130 !important;} .text-info /* grau */ {color: #b7aea0 !important;} i.text-info /* blau */ {color: #0093dd !important;} /* Container */ .container {max-width: 1180px;} .trvl-wrap {margin: 0 auto; max-width: 1920px;} .trvl-container {position: relative; width: 100%; margin: auto;} .trvl-container .container {text-align: left;} .trvl-container-border {border: 2px solid #e5e1d4; padding: 1.5em;} /* Accordion */ #accordion {margin-top: 2em;} #accordion .card {border-radius: 0 !important; border: none; line-height: 1.5;} #accordion .card-header {border-radius: 8px !important; margin: 3px; padding: .425rem .5rem .15rem .25rem; background-color: #ece9df; border: none;} #accordion .card-body {margin-bottom: 1rem;} #accordion .btn-link {color: #333; font-weight: 400; font-size: 115%; padding-left: 0; white-space: normal; text-align: left; padding-left: 3.75em;} #accordion .btn-link:hover, #accordion .btn-link:focus {text-decoration: none;} #accordion .btn-link::before {display: inline-block; width: 1.625em; min-width: 1.625em; height: 1.625em; margin: auto 0 auto -3em; font-family: "Font Awesome 5 Free"; color: #ca0915; content: "\f061"; font-size: 100%; font-weight: 900; line-height: 1.6;} #accordion .btn-link:focus::before {color: #0093dd; content: "\f063"; line-height: 1.6;} /* Spinner */ .trvl-spinner {text-align: center; margin: 3rem;} .trvl-spinner i {color: #b7aea0; font-size: 400%; margin: auto; padding: 0;} .trvl-img-intro .trvl-spinner {text-align: center; width: 100%; margin: 12rem 0 0 0;} .trvl-img-intro .trvl-spinner i {color: #fff;} /* Buttons */ .trvl-btn {display: inline-block; padding: .65em; background-color: #f88029; color: #fff !important; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 125%; border: none; text-decoration: none !important; cursor: pointer; /* border-radius: 0 !important; */} .trvl-info {display: inline-block; padding: .65em; background-color: #F2F0E9; color: #666 !important; font-family: 'Ubuntu', sans-serif; font-weight: 400; font-size: 75%; border: none; text-decoration: none !important;} .trvl-btn:hover, .trvl-btn:focus {text-decoration: none; background-color: #ca0915; color: #fff !important;} .trvl-btn-preis {padding: .375em; white-space: nowrap;} .trvl-btn-preis span {font-weight: 400; font-size: .85rem; padding-right: .125em;} .trvl-btn-success {background-color: #2bab63; color: #fff !important;} .trvl-btn-filter {width: auto; background-color: #f08130; font-size: 100%; margin-bottom: 1.5rem; color: #fff !important; border: none;} .trvl-btn-close {font-size: 2.25rem; position: absolute; top: .825rem; right: .825rem; z-index: 1;} /* Border Radius */ .trvl-mask, .trvl-xbe-content-book .btn.bookbutton {border-radius: 12px;} .trvl-xbe-offers-container-03 {border-radius: 12px;} .trvl-home .trvl-xbe-filter {border-radius: 8px;} .trvl-xbe-offers-box, .trvl-xbe-offers-container-01 .container, .trvl-xbe-offers-container-02 .container {border-radius: .925em; margin-top: -.925em !important; position: relative;} .trvl-linkboxes-container .card-body {border-radius: .75em; margin-top: -.75em !important; position: relative;} .trvl-linkboxes-container .card-body .fas {position: absolute; bottom: 1rem; right: 1rem; font-size: 150%; color: #ca0915;} .trvl-btn {border-radius: .25em !important;} .trvl-mask .trvl-btn {border-radius: .375em !important;} .trvl-xbe-offers-container h4 a, .trvl-linkboxes-container .trvl-link-box h4 {border-radius: 6px;} .trvl-container-header .trvl-merkzettel, .trvl-container-header .trvl-merkzettel a {border-bottom-left-radius: .5em; border-bottom-right-radius: .5em;} .trvl-container-nav .trvl-nav-cards a {margin-right: 1em; border-radius: 8px;} .trvl-container-nav .trvl-nav-cards .trvl-subnav {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;} .trvl-img-intro .trvl-link-back .trvl-btn-back {border-radius: 6px !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;} .trvl-xbe-breadcrumb-backnav li {border-radius: 7px;} .trvl-xbe-breadcrumb-stepnav {border-radius: 7px;} .trvl-xbe-offers-box .card-img-top {border-radius: 0 !important;} .trvl-xbe-offers-box .trvl-btn-preis /* {border-radius: 0 !important; */} .trvl-xbe-bookmarks-box .card-img-top {border-radius: 0 !important;} .trvl-xbe-bookmarks-box .trvl-btn-preis {} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews .trvl-xbe-rating {border-radius: 4px;} .trvl-xbe-content-book .form-control {border-radius: 0;} /* Container Header */ .trvl-container-header {max-width: 1170px;} .trvl-container-header .trvl-logo {position: relative; width: 18.5em; height: 6.175em; overflow: hidden;} .trvl-container-header .trvl-logo a {display: block; width: 100%; height: 100%;} .trvl-container-header .trvl-logo a img {position: absolute; top: -50%; bottom: -50%; left: -.375em; margin: auto; padding-top: .175em; width: 100%; height: auto;} .trvl-container-header .trvl-header {} .trvl-container-header .trvl-nav-service {position: absolute; right: 5.5rem; top: 2rem; text-align: right; font-size: 112.5%;} .trvl-container-header .trvl-nav-service nav {display: none;} .trvl-container-header .trvl-nav-service .trvl-contact-links {} .trvl-container-header .trvl-nav-service .trvl-contact-links .trvl-container-mail {display: inline-block; vertical-align: top;} .trvl-container-header .trvl-nav-service .trvl-contact-links .trvl-container-hotline {display: inline-block;} .trvl-container-header .trvl-nav-service .trvl-contact-links .trvl-link-mail {color: #ca0915;} .trvl-container-header .trvl-nav-service .trvl-contact-links .trvl-link-mail .fas {margin-left: 0; font-size: 130%; padding-right: .375em;} .trvl-container-header .trvl-nav-service .trvl-contact-links .trvl-link-hotline {color: #ca0915; display: inline-block;} .trvl-container-header .trvl-nav-service .trvl-contact-links .trvl-link-hotline span {display: inline-block; margin-top: .075em; font-size: 110%; font-weight: 600; vertical-align: text-top; line-height: 1;} .trvl-container-header .trvl-nav-service .trvl-contact-links .trvl-link-hotline .fas {margin-left: 0; margin-top: .15em; font-size: 100%;} .trvl-container-header .trvl-nav-service .trvl-contact-links .trvl-link-hotline-text {color: #333; display: block; font-size: 70%; line-height: 1.8; margin-top: 0; opacity: 1; filter: alpha(opacity=100);} .trvl-container-header .trvl-nav-service .trvl-contact-links .trvl-link-mail:hover, .trvl-container-header .trvl-nav-service .trvl-contact-links .trvl-link-mail:focus {color: #f88029;} .trvl-container-header .trvl-nav-service .trvl-contact-links .trvl-link-hotline:hover, .trvl-container-header .trvl-nav-service .trvl-contact-links .trvl-link-hotline:focus {color: #f88029; text-decoration: none;} .trvl-btn-callback {margin-right: 20px; font-size: 80%; padding-right: .375em;} /* Container Header Trustpilot */ .trvl-container-trust {position: relative; top: -5px;} .trvl-container-trust img {width: 7rem;} /* Container Header Merkzettel */ .trvl-container-header .trvl-merkzettel {position: absolute; right: 0.75em; top: 2.05rem; font-size: 105%;} .trvl-container-header .trvl-merkzettel a {display: inline-block; color: #ca0915; text-transform: uppercase;} .trvl-container-header .trvl-merkzettel a:hover, .trvl-container-header .trvl-merkzettel a:focus {color: #f88029; text-decoration: none; transform: scale(1.15);} .trvl-container-header .trvl-merkzettel .fas {color: #ca0915; padding-right: 0;} .trvl-container-header .trvl-merkzettel .trvl-counter {position: relative; display: inline-block; margin-left: .125rem; margin-right: .7rem; font-size: 220%;} .trvl-container-header .trvl-merkzettel .trvl-counter span {position: absolute; display: block; top: 0; margin: auto; left: -50%; right: -50%; color: #fff; line-height: 2.1; text-align: center; font-size: 1rem; font-weight: 700; z-index: 1;} .trvl-container-header .trvl-merkzettel .trvl-text {display: none !important; vertical-align: top; margin-top: .65em; font-weight: 700;} /* Container Nav */ .trvl-container-nav {width: 100%; background-color: #fff; border-top: .35rem solid #f2f0e9;} .trvl-container-nav .trvl-nav-cards {} .trvl-container-nav .trvl-nav-cards a {display: inline-block; color: #333; font-weight: 700; font-size: 115%; line-height: 1; padding: .95rem .75rem .95rem .75rem; letter-spacing: 0; margin-right: 1.25rem;} .trvl-container-nav .trvl-nav-cards a:last-of-type {margin-right: 0;} .trvl-container-nav .trvl-nav-cards a:hover, .trvl-container-nav .trvl-nav-cards a:focus, .trvl-container-nav .trvl-nav-cards a[aria-expanded="true"] {background-color: #e5e1d4; color: #333; text-decoration: none;} .trvl-container-nav .trvl-nav-cards a[aria-expanded="true"] {border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .trvl-container-nav .trvl-nav-cards .trvl-nav-subnav-container {position: relative; display: inline-block; margin-left: 1em;} .trvl-container-nav .trvl-nav-cards .trvl-subnav {position: absolute; top: 3.05em; left: 0px; width: 15em; background-color: #e5e1d4; padding-top: .65em; padding-bottom: .65em;} .trvl-container-nav .trvl-nav-cards .trvl-subnav a {display: block; margin: 0; font-weight: 400; font-size: 105%; text-transform: none; padding: .75em .75em .75em .75em; color: #333; line-height: 1;} .trvl-container-nav .trvl-nav-cards .trvl-subnav a:hover {font-weight: 700;} /* Contact Links */ .trvl-link-hotline .fas {transform: scaleX(-1); margin-right: .5rem;} /* Container Content */ .trvl-container-content {width: 100%; background: #f2f0e9; padding-bottom: 3rem;} /* .trvl-container-content > .container {width: 100%; max-width: 100%; padding: 0; margin: 0;} */ /* Container Footer */ .trvl-container-footer {width: 100%; background-color: #e5e1d4; line-height: 1.666; padding-top: 2.5em; padding-bottom: 2.5em; font-size: 106.25%;} .trvl-container-footer > .container {position: relative;} .trvl-container-footer .trvl-footer-nav .trvl-col p {color: #333 !important; margin-bottom: .65em; font-weight: 600;} .trvl-container-footer a {color: #333 !important; text-decoration: underline;} .trvl-container-footer a:hover {color: #ca0915 !important;} .trvl-container-footer .trvl-footer-nav a {display: block; text-decoration: none;} .trvl-container-footer .trvl-footer-nav .trvl-col {flex-basis: auto;} .trvl-container-footer .trvl-footer-nav .trvl-col:nth-child(1) {width: auto; padding-right: 3em;} .trvl-container-footer .trvl-footer-nav .trvl-col:nth-child(2) {width: auto; padding-right: 3em;} .trvl-container-footer .trvl-footer-nav .trvl-col:nth-child(3) {width: auto; padding-right: 3em;} .trvl-container-footer .trvl-footer-nav .trvl-col:nth-child(4) {width: auto;} .trvl-container-footer .trvl-link-hotline {font-size: 135%; font-weight: 600; margin-right: 0; margin-bottom: 0;} .trvl-container-footer .trvl-link-hotline a {color: #ca0915 !important; } .trvl-container-footer .trvl-link-hotline .fas {margin-left: -.25em; margin-right: .375em; font-size: 85%;} .trvl-container-footer .trvl-link-hotline-text {display: block; color: #333;} .trvl-container-footer .trvl-service-nav {margin-top: 2em;} .trvl-container-footer .trvl-service-nav a {padding-right: 1.5em; display: inline-block; text-transform: uppercase; text-decoration: none;} .trvl-container-footer .trvl-footer-text {margin-top: 2em;} .trvl-container-footer .trvl-footer-text p {} .trvl-container-footer .trvl-footer-text span {margin-right: 1em;} .trvl-container-footer address {display: inline;} .trvl-container-footer address::after {content:'|'; margin-right: 1em;} .trvl-container-footer .trvl-copyright {} .trvl-container-footer .trvl-footer-logo {position: absolute; right: .825em; bottom: -.75em; display: block; width: 12.5em; height: 3.75em; background: url(/img/layout/footer-logo.png) left top no-repeat; background-size: 100% auto;} .trvl-container-footer .trvl-footer-logo span {display: none;} /* HOME Slider */ .trvl-slider {position: relative; width: 100%; height: 36.5em; text-align: center; overflow: hidden;} .trvl-slider .trvl-slide {height: 37.5em; overflow: hidden;} .trvl-slider .trvl-slider-link {display: none; position: absolute; top: 50%; margin: auto;} .trvl-slider .trvl-slide .container {position: relative;} .trvl-slider .trvl-slide .trvl-text-container {position: absolute; right: 6.5rem; top: 1.5rem; width: 19.5em; height: 19.5em; border-radius: 100%; border: .7em solid #e5e1d4; background-color: #fff;} .trvl-slider .trvl-slide .trvl-text-container .trvl-text {margin: 3.825em 1.15em 2em 2.25em;} .trvl-slider .trvl-slide .trvl-text-container h2 {margin-bottom: .375em; font-size: 175%; font-weight: 600; letter-spacing: -.02em; line-height: 1.1; color: #269cdf;} .trvl-slider .trvl-slide .trvl-text-container p {padding-left: .1em; font-size: 85%; font-weight: 600; line-height: 1.4;} .trvl-slider img {position: absolute; left: -100%; right: -100%; height: auto; width: 1920px !important; max-width: none !important; margin: 0px auto;} .Slider p.Title {margin: 0; font-size: 411%; font-weight: 700; line-height: 1.05;} .Slider p.SubTitle {font-size: 372%; font-weight: 300; line-height: 1.05;} .Slider p.Text {display: inline-block; margin: 1.15em 0 0 0; padding: 1.35em 0.15em 1.35em 0.1em; font-size: 116.667%; font-weight: 300; line-height: 1.25;} /* HOME USP Container */ .trvl-usp-container {background: #fff; margin: 3.5rem 0 0 0; padding-top: 2.5rem; padding-bottom: 1rem;} .trvl-usp-container .trvl-usp-icon {width: 4.5em; height: 4.5em; margin: 0 auto 1em auto; background: #0093dd; border-radius: 50%; -moz-border-radius: 50%;} .trvl-usp-container .trvl-usp-icon img {width: 100%; height: auto;} .trvl-usp-container .h1 {margin-top: 0; margin-bottom: 2.75rem; font-size: 280%; color: #f08130;} .trvl-usp-container .trvl-text-01 {color: #ca0915;} .trvl-usp-container .trvl-text-02 {color: #f08130;} .trvl-usp-container p {font-size: 125%; font-weight: 600; color: #333;} /* HOME Servicerows */ .trvl-servicerows-container {padding: 2.75rem 0 2.75rem 0; background: #fff;} .trvl-servicerows-container .h1 {font-size: 300%; margin: 0;} .trvl-servicerows-container .trvl-text-01 {color: #ca0915 !important;} .trvl-servicerows-container .trvl-text-01 a:hover {text-decoration: underline;} .trvl-servicerows-container .trvl-text-02 {color: #f88029 !important;} .trvl-servicerows-container .trvl-link-hotline-text {display: inline-block; padding-top: .5em; font-size: 125%; color: #b7aea0;} .trvl-servicerows-container .fas {font-size: 75%; color: #269cdf;} .trvl-servicerows-container a:hover {color: #ca0915; text-decoration: none;} .trvl-servicerows-container.trvl-row-trustpilot {margin-top: 0; padding-bottom: 3em;} .trvl-servicerows-container.trvl-row-trustpilot p {margin-bottom: 0;} .trvl-servicerows-container.trvl-row-contact {margin-top: 4rem; padding-bottom: 2em;} .trvl-servicerows-container.trvl-row-contact p {margin-bottom: 0;} /* HOME Serviceboxes */ .trvl-serviceboxes-container {margin-top: 3em;} .trvl-serviceboxes-container .col {margin-bottom: 2rem;} .trvl-serviceboxes-container .trvl-service-box {padding: 50px 15px 55px 15px; color: #fff; text-decoration: none;} .trvl-serviceboxes-container .trvl-service-box a {color: #fff; text-decoration: none;} .trvl-serviceboxes-container .trvl-service-box a:hover {text-decoration: none !important; opacity: .75;} .trvl-serviceboxes-container .trvl-service-box-01 {background-color: #269cdf;} .trvl-serviceboxes-container .trvl-service-box-01 p {margin-bottom: 0;} .trvl-serviceboxes-container .trvl-service-box-01 .h3 {text-transform: uppercase; font-size: 195%; font-weight: 400;} .trvl-serviceboxes-container .trvl-service-box-01 .trvl-link-hotline {display: block; margin-top: .2em; margin-bottom: .5em; font-size: 240%; font-weight: 600;} .trvl-serviceboxes-container .trvl-service-box-01 .trvl-link-hotline-text {font-size: 120%;} .trvl-serviceboxes-container .trvl-service-box-02 {background-color: #003660;} .trvl-serviceboxes-container .trvl-service-box-02 p {margin-bottom: 0; line-height: 1;} .trvl-serviceboxes-container .trvl-service-box-02 .h3 {text-transform: uppercase; font-size: 195%; font-weight: 400;} .trvl-serviceboxes-container .trvl-service-box-02 p .trvl-text-01 {font-weight: 600; font-size: 270%; line-height: 1;} .trvl-serviceboxes-container .trvl-service-box-02 p .trvl-text-02 {font-size: 90%;} /* HOME Linkboxes */ .trvl-linkboxes-container {margin-top: 4.5rem;} .trvl-linkboxes-container .card-deck {} .trvl-linkboxes-container .card {margin-bottom: 2rem; border-radius: 0; border: none; background: none;} .trvl-linkboxes-container .card-body {padding-bottom: 3.5rem; background: #fff;} .trvl-linkboxes-container .trvl-link-box {text-decoration: none;} .trvl-linkboxes-container .trvl-link-box h4 {position: absolute; left: 2rem; top: 1.25rem; display: inline-block; margin: 0; padding: .375rem 1rem .375rem 1rem; font-size: 185%; color: #ca0915; line-height: 1.3; background-color: rgba(255,255,255,1); z-index: 1;} .trvl-linkboxes-container .trvl-link-box .trvl-box-img {width: 100%; height: 18rem; background-position: center center; background-repeat: no-repeat; background-size: cover;} .trvl-linkboxes-container .trvl-link-box p {font-size: 135%; margin-bottom: 0; font-weight: 600; color: #232323;} .trvl-linkboxes-container .trvl-link-box p span {text-decoration: underline; color: #003660;} .trvl-linkboxes-container .trvl-link-box .trvl-btn {font-size: 90%; margin-top: .75rem;} .trvl-linkboxes-container .trvl-link-box .trvl-box-logo {position: absolute; right: 1.75em; bottom: 1.25em; width: auto; height: 2.25rem;} .trvl-linkboxes-container .trvl-link-box .trvl-box-logo img {width: auto; height: 100%;} .trvl-linkboxes-container .trvl-link-box-01 .trvl-box-logo {height: 3rem; bottom: .75em;} .trvl-linkboxes-container .trvl-link-box-02 .trvl-box-logo {height: 3.375rem; bottom: .5em; right: 1.5em;} .trvl-linkboxes-container .trvl-link-box-03 .trvl-box-logo {height: 4.5rem; bottom: .5em; right: 2.25em;} .trvl-linkboxes-container .trvl-link-box-04 .trvl-box-logo {right: 2.25em;} .trvl-linkboxes-container .trvl-link-box:hover h4 {/* color: #269cdf; */} /* HOME Textboxes */ .trvl-textboxes-container {margin-top: 3em;} .trvl-textboxes-container .trvl-text-box {padding-left: 20px; padding-right: 20px;} .trvl-textboxes-container .trvl-text-box p:last-child {margin-bottom: 0;} .trvl-textboxes-container .trvl-text-box h3 {font-size: 150%; margin-bottom: 1em;} .trvl-textboxes-container .trvl-text-box-01 {text-align: center; font-size: 112.5%;} /* BASIC Boxes */ .trvl-content-box {margin-top: 3em; margin-bottom: 3em; padding: 30px; background-color: #fff; border: 2px solid #e5e1d4; font-size: 106.25%;} .trvl-content-box h1 {margin-top: 0;} /* Page Pic */ .trvl-img-intro {position: relative; max-width: 1920px; text-align: center; overflow: hidden; background: url(/img/layout/pic-intro.jpg) no-repeat; background-size: 1920px auto; background-position: right -3rem;} .trvl-img-intro .container {position: relative; height: 100%;} .trvl-img-intro .trvl-link-back {position: absolute; left: 15px; bottom: 0;} .trvl-img-intro .trvl-link-back .trvl-btn-back {padding: .75em .85em .6em .75em; width: 8.5em; font-size: 1.1rem; text-align: center; color: #fff !important; background: #f88029;} .trvl-img-intro .trvl-link-back .trvl-btn-back i {vertical-align: text-bottom; padding-bottom: .087em;} .trvl-img-intro .trvl-link-back .trvl-btn-back:hover, .trvl-img-intro .trvl-link-back .trvl-btn-back:focus {background: #ca0915;} /* Row Serviceboxes Incl */ .trvl-container-row-serviceboxes {overflow: hidden; padding-top: .5rem;} .trvl-container-row-serviceboxes .trvl-serviceboxes-container {margin-top: 0; margin-bottom: 0;} /* Mask */ .trvl-mask {position: relative; padding: 12px; color: #fff; font-size: 106.25%; background-color: #ca0915;} .trvl-mask form {padding: 0 7px 7px 7px; overflow: visible;} .trvl-mask label {font-weight: 400; margin-top: .35em; padding-bottom: .5em;} .trvl-mask select {border: 0; padding-left: 5px; padding-top: .35em; padding-bottom: .25em; height: 2.2em;} .trvl-mask input[type="text"], .trvl-mask input[type="email"] {border: 0; padding-left: 5px; padding-top: .35em; padding-bottom: .25em; height: 2.2em;} .trvl-mask input[type=radio] {margin-right: .5em;} .trvl-mask .trvl-spacer {border-top: 2px dotted #fff; margin-top: 1.75em; margin-bottom: -.25em;} .trvl-mask .h2 {color: #fff; margin-top: 0; margin-bottom: .5em;} .trvl-mask .row .trvl-col-33 {width: 33.333%; float: left;} .trvl-mask .row .trvl-col-33 select {width: 94%;} .trvl-mask .row .trvl-col-33:nth-child(3) select {width: 100%;} .trvl-mask .row .trvl-col-50:nth-child(1) {width: 51%; float: left;} .trvl-mask .row .trvl-col-50:nth-child(2) {width: 49%; float: left;} .trvl-mask .trvl-btn {width: 100%; padding: .625em .525em .615em .525em; font-size: 135%; margin-top: .75rem; border: 2px solid #e5e1d4;} .trvl-mask .trvl-btn:hover, .trvl-mask .trvl-btn:focus {color: #fff !important; background-color: #f88029; transform: none;} .trvl-mask .trvl-btn-filter {width: auto; margin-bottom: 5px; padding: .45em; position: absolute; bottom: 3rem; left: 33.5%; z-index: 1; border: none; font-size: 103%; line-height: 1;} .trvl-mask .trvl-btn-filter:hover, .trvl-mask .trvl-btn-filter[aria-expanded="true"], .trvl-mask .trvl-btn-filter[aria-expanded="false"]:hover {color: #fff !important; background-color: inherit;} .trvl-mask .trvl-btn-filter[aria-expanded="false"] {background-color: inherit; color: #fff !important;} .trvl-mask .trvl-sf {margin-top: 1.1em; margin-bottom: .65rem; margin-left: 5px;} .trvl-mask .trvl-sf .form-check-label {margin-top: .375em; margin-right: .85em; padding-bottom: .375em; line-height: 1; font-weight: 600;} .trvl-mask .trvl-sf .form-check-inline:last-child {margin-right: 0;} .trvl-mask .trvl-sf .form-check-inline:last-child .form-check-label {margin-right: .25em;} .trvl-mask .trvl-sf .fas, .trvl-mask .trvl-sf span {display: none;} .trvl-mask .trvl-sf-title {min-height: 3.65em; padding-right: 19em;} .trvl-mask .trvl-sf-title h1 {font-size: 175%; padding-left: 5px; margin-top: .3rem; margin-bottom: 0; color: #fff;} .trvl-mask .trvl-sf-summary {border-top: 1px solid #fff; margin-bottom: -15px;} .trvl-mask .trvl-sf-summary div[class^="col-"] {border-right: 1px solid #fff; padding-top: .5em; padding-bottom: .65em;} .trvl-mask .trvl-sf-summary > div:nth-child(4) {border-right: none;} .trvl-mask .trvl-sf-summary .fa-ul {margin-left: 2.5em; margin-bottom: 0;} .trvl-mask .trvl-sf-summary li {min-height: 2.5em; line-height: 1.4;} .trvl-mask .trvl-sf-summary li i {font-size: 140%;} .trvl-mask .trvl-sf-button {position: absolute; right: 0; top: 15px; margin-top: 0; width: 17.5em; font-size: 80%;} .trvl-mask .trvl-sf-button .trvl-btn {margin: 0; padding: .65em;} .trvl-mask .trvl-mask-iconfield {position: relative;} .trvl-mask .trvl-mask-iconfield select, .trvl-mask .trvl-mask-iconfield input {padding-left: 2.375em} .trvl-mask .trvl-mask-iconfield::after {width: 1.625em; text-align: center;} .trvl-mask .trvl-mask-iconfield.icon-airport::after {position: absolute; left: 0; top: 0.35em; font-size: 130%; font-weight: 900; font-family: 'Font Awesome 5 Free'; color: #b7aea0; content: "\f5b0"; background: #fff; pointer-events: none;} .trvl-mask .trvl-mask-iconfield.icon-location::after {position: absolute; left: 0; top: 0.35em; font-size: 135%; font-weight: 900; font-family: 'Font Awesome 5 Free'; color: #b7aea0; content: "\f3c5"; background: #fff; pointer-events: none;} .trvl-mask .trvl-mask-iconfield.icon-person::after {position: absolute; left: 0; top: 0.35em; font-size: 135%; font-weight: 900; font-family: 'Font Awesome 5 Free'; color: #b7aea0; content: "\f007"; background: #fff; pointer-events: none;} .trvl-mask .trvl-mask-iconfield.icon-date::after {position: absolute; left: 0; top: 0.35em; font-size: 135%; font-family: 'Font Awesome 5 Free'; color: #b7aea0; content: "\f133"; background: #fff; pointer-events: none;} .trvl-mask .trvl-mask-iconfield.icon-duration::after {position: absolute; left: 0; top: 0.35em; font-size: 135%; font-weight: 900; font-family: 'Font Awesome 5 Free'; color: #b7aea0; content: "\f784"; background: #fff; pointer-events: none;} .trvl-mask .trvl-mask-iconfield.icon-calendar::after {position: absolute; left: 0; top: 0.35em; font-size: 135%; font-weight: 900; font-family: 'Font Awesome 5 Free'; color: #b7aea0; content: "\f133"; background: #fff; pointer-events: none;} .trvl-mask a.calendar {color: #e5e1d4; padding-top: .375rem;} .trvl-mask a.calendar:hover {color: #fff; transform: scale(1.1);} .trvl-mask a.calendar i {font-size: 135%; padding-right: 0; margin-left: .375rem;} .trvl-mask #divziel {display: none;} .trvl-mask .trvl-fg1-expanded #divziel {display: inline-block !important; width: 49.25%;} .trvl-mask .trvl-fg1-expanded #divregion {display: inline-block !important; width: 49.25%;} .trvl-mask .trvl-fg1-expanded #divregion select {width: 97%;} .trvl-img-intro .trvl-mask .trvl-fg1-expanded #divziel {display: inline-block !important; width: 49.09%;} .trvl-img-intro .trvl-mask .trvl-fg1-expanded #divregion {display: inline-block !important; width: 50%;} .trvl-img-intro .trvl-mask .trvl-fg1-expanded #divregion select {width: 98%;} /* ### XBE ################################################################################################################################ */ body.trvl-xbe-body {padding-top: 6.2rem;} .trvl-xbe-wrap {} .trvl-xbe-wrap h1, .trvl-xbe-wrap .h1 {font-size: 140%; font-weight: 600; line-height: 1.3; margin-top: 0; margin-bottom: .5em;} .trvl-xbe-wrap h2, .trvl-xbe-wrap .h2 {font-size: 135%; font-weight: 600; line-height: 1.3; margin-top: 0; margin-bottom: .5em;} .trvl-xbe-wrap h3, .trvl-xbe-wrap .h3 {font-size: 120%; font-weight: 600; line-height: 1.3; margin-top: 0; margin-bottom: .75em;} .trvl-xbe-wrap h4, .trvl-xbe-wrap .h4 {font-size: 120%; font-weight: 600; line-height: 1.3; margin-top: 0; margin-bottom: .75em;} .trvl-xbe-body .trvl-mask {margin-bottom: 3rem;} .trvl-xbe-body .trvl-btn-container {background: #ca0915; margin-top: -3.75rem; margin-bottom:3rem; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;} .trvl-xbe-body .trvl-btn-container .trvl-btn-filter {margin: .75em .5em .75em 0; font-size: 103.5%; background-color: #ca0915;} .trvl-xbe-container {position: relative; width: 100%; margin: auto; background: #f2f0e9; padding-bottom: 3em; overflow: hidden;} .trvl-xbe-container > .container {max-width: 100%; padding: 0; margin: 0;} .trvl-xbe-container h1, .trvl-xbe-container h2 {font-weight: 600; font-size: 143.75%; margin-top: 0; margin-bottom: 1em;} /* XBE Nav */ .trvl-xbe-container-breadcrumb {width: 100%; background-color: #fff; border-top: .35rem solid #f2f0e9; margin-bottom: 2em;} .trvl-xbe-container-breadcrumb.container {padding: 0;} .trvl-xbe-breadcrumb {height: 3.2em; padding: 0; margin-bottom: 0; background-color: #fff; overflow: hidden; border-radius: 8px;} .trvl-xbe-breadcrumb .breadcrumb-item {padding-left: 3px; height: 100%; white-space: nowrap;} .trvl-xbe-breadcrumb .breadcrumb-item::before {display: inline-block; padding: 0; content: ""; margin: 0;} .trvl-xbe-breadcrumb-backnav li {width: auto; padding-left: 0 !important; overflow: hidden; } .trvl-xbe-breadcrumb-backnav li a {display: inline-block; height: 100%; padding: 0 .75em 0 .75em; color: #333; text-decoration: none; font-weight: 700; font-size: 115%; line-height: 2.555; border-radius: 8px !important;} .trvl-xbe-breadcrumb-backnav li a:hover {color: #333; background-color: #e5e1d4;} .trvl-xbe-breadcrumb-backnav li:first-child {margin-right: 0;} .trvl-xbe-breadcrumb-backnav li:first-child:hover, .trvl-xbe-breadcrumb-backnav li:first-child:focus {background-color: #e5e1d4;} .trvl-xbe-breadcrumb-backnav li:first-child a:hover {color: #003660;} .trvl-xbe-breadcrumb-backnav li:last-child {margin-left: 0;} .trvl-xbe-breadcrumb-stepnav {background-color: #f2f0e9; border: 3px solid #fff; overflow: hidden;} .trvl-xbe-breadcrumb-stepnav li {margin-top: -3px;} .trvl-xbe-breadcrumb-stepnav li a {height: 2.65em; position: relative; background-color: #f2f0e9; padding-left: 3em; padding-right: .5em; line-height: 2.666; font-weight: 700; font-size: 115%; display: inline-block;} .trvl-xbe-breadcrumb-stepnav li:first-child {padding-left: 0;} .trvl-xbe-breadcrumb-stepnav li:first-child a {padding-left: 1.5em; white-space: nowrap;} .trvl-xbe-breadcrumb-stepnav li:last-child a {padding-right: 0;} .trvl-xbe-breadcrumb-stepnav li:not(:first-child) a:before {position: absolute; top: -3px; left: 0; width: 0px; height: 0px; content: ""; border-top: 1.55em inset transparent; border-bottom: 1.75em inset transparent; border-left: 1.75em solid #fff;} .trvl-xbe-breadcrumb-stepnav li:not(:last-child) a:after {position: absolute; top: -3px; right: -1.65em; width: 0px; height: 0px; content: ""; border-top: 1.55em inset transparent; border-bottom: 1.75em inset transparent; border-left: 1.75em solid #f2f0e9; z-index: 2;} .trvl-xbe-breadcrumb-stepnav li a.curr, .trvl-xbe-breadcrumb-stepnav li a.curr:hover, .trvl-xbe-breadcrumb-stepnav li a.curr:focus {padding-left: 2.75em; padding-right: .5em; color: #ca0915; background-color: #e5e1d4;} .trvl-xbe-breadcrumb-stepnav li a.curr::before {border-left: 1.75em solid #fff;} .trvl-xbe-breadcrumb-stepnav li a.curr::after {border-left: 1.75em solid #e5e1d4;} .trvl-xbe-breadcrumb-stepnav li:first-child a.curr, .trvl-xbe-breadcrumb-stepnav li:first-child a.curr:hover, .trvl-xbe-breadcrumb-stepnav li:first-child a.curr:focus {padding-left: 1.25em;} .trvl-xbe-breadcrumb-stepnav li:last-child a.curr::after {position: absolute; top: 0; right: -300px; width: 300px; height: 80px; content: ""; background-color: #fff; z-index: 2;} .trvl-xbe-breadcrumb-stepnav li a.none {color: #b7aea0 !important; font-weight: 700;} .trvl-xbe-breadcrumb-stepnav li a.done {padding-left: .825em; padding-right: .5em; z-index: 1; color: #333 !important; background-color: #e5e1d4; font-weight: 700;} .trvl-xbe-breadcrumb-stepnav li a.done:hover {color: #ca0915 !important; text-decoration: none;} .trvl-xbe-breadcrumb-stepnav li:first-child a.done {padding-right: .75em;} .trvl-xbe-breadcrumb-stepnav li a.done::after {border-left: 1.75em solid #e5e1d4;} .trvl-xbe-breadcrumb-stepnav li a.done::before {border-left: 1.75em solid #fff; font-family: 'Font Awesome 5 Free'; content: "\f00c"; position: static; border: none; padding-right: .5em;} .trvl-xbe-breadcrumb-stepnav li a.done::before:hover {text-decoration: none !important;} .trvl-xbe-breadcrumb-stepnav li.active a:after {} /* XBE Filter */ .trvl-xbe-container-filter {font-size: 106.25%;} .trvl-xbe-filter {position: relative; margin-bottom: 1.5em; padding: .5em .75em 1.25em .75em; border: 2px solid #e5e1d4; background-color: #fff; font-size: 106.25%;} .trvl-xbe-filter h4 {font-weight: 600; margin-bottom: 1em;} .trvl-xbe-filter label {font-weight: 600; color: #333; width: 100%;} .trvl-xbe-filter select {width: 100%; margin-top: .375rem; margin-bottom: .875rem;} .trvl-xbe-filter input[type=text], .trvl-xbe-filter input[type=search] {width: 100%; margin-top: .375em; margin-bottom: 0; line-height: 1.5;} .trvl-xbe-filter .trvl-filter-title {font-weight: 600; margin-bottom: 0; color: #333;} .trvl-xbe-filter .form-group {margin-bottom: 1.5em;} .trvl-xbe-filter .form-check {padding-left: 0;} .trvl-xbe-filter .form-check label {font-weight: 400; width: 100%; margin-top: .625em; color: #232323;} .trvl-xbe-filter .form-check input {margin-right: .25em;} /* XBE Offers Boxes HOME */ .trvl-xbe-offers-box {margin: 0; background: #fff; padding: 2em 15px 0 15px;} .trvl-xbe-offers-box .card {font-size: 106.25%; background-color: transparent; margin-bottom: 2em; border: none;} .trvl-xbe-offers-box .trvl-xbe-offers-img-container {overflow: hidden;} .trvl-xbe-offers-box .card-img-top {border: 2px solid #e5e1d4; border-bottom: none;} .trvl-xbe-offers-box .card-body {padding: .75rem .825rem 0.5rem .825rem; border: 2px solid #e5e1d4; border-top: none; border-bottom: none; background-color: #fff; font-size: 95%;} .trvl-xbe-offers-box .card-body .card-title {margin-bottom: .375rem; font-weight: 600; line-height: 1.3; text-transform: uppercase; color: #333;} .trvl-xbe-offers-box .card-body .card-text {margin-top: 0.375rem;} .trvl-xbe-offers-box .card-body .card-text:first-of-type {margin-top: 0.25rem; font-weight: 600;} .trvl-xbe-offers-box .card-body p {line-height: 1.3; margin-bottom: 0; color: #232323;} .trvl-xbe-offers-box .card-body .fa-star {margin-bottom: .2rem; font-size: 100%;} .trvl-xbe-offers-box .card-img-top {border-radius: 0 !important;} .trvl-xbe-offers-box .card-footer {position: relative; text-align: center; padding-bottom: 1.5rem; border-radius: 0; border: 2px solid #e5e1d4; border-top: 0; background: #fff;} .trvl-xbe-offers-box .trvl-btn-preis {font-size: 130%; padding: .375em .5em .425em .5em;} .trvl-xbe-offers-box .card:hover {text-decoration: none;} .trvl-xbe-offers-box .card:hover .trvl-btn-preis, .trvl-xbe-offers-box .card:focus .trvl-btn-preis {background-color: #ca0915; color: #fff !important;} .trvl-xbe-offers-box .trvl-btn-preis:hover {transform: none;} .trvl-xbe-offers-box .trvl-xbe-offers-img-container {height: 0; padding-bottom: 63%; overflow: hidden; position: relative;} .trvl-xbe-offers-box .trvl-xbe-offers-img-container img {display: block; position: absolute; width: 100% !important; height: 100% !important; top: auto; bottom: auto; object-fit: cover;} /* XBE Bookmarks Boxes (Merkzettel Ansicht) */ .trvl-container-bookmarks {padding-bottom: 0;} .trvl-container-bookmarks .container {font-size: 106.25%;} .trvl-xbe-bookmarks-box {margin-top: 1em;} .trvl-xbe-bookmarks-box .card {font-size: 106.25%; background-color: transparent; margin-bottom: 2em; border: none;} .trvl-xbe-bookmarks-box .trvl-xbe-offers-img-container {overflow: hidden;} .trvl-xbe-bookmarks-box .card-img-top {border: 2px solid #e5e1d4; border-bottom: none;} .trvl-xbe-bookmarks-box .card-body {padding: .75rem .825rem 0.5rem .825rem; border: 2px solid #e5e1d4; border-top: none; border-bottom: none; background-color: #fff; font-size: 95%;} .trvl-xbe-bookmarks-box .card-body .card-title {margin-bottom: .375rem; font-weight: 600; line-height: 1.3; color: #333;} .trvl-xbe-bookmarks-box .card-body .card-text {margin-top: 0.375rem;} .trvl-xbe-bookmarks-box .card-body .card-text:first-of-type {margin-top: 0.25rem; font-weight: 400;} .trvl-xbe-bookmarks-box .card-body p {line-height: 1.3; margin-bottom: 0; color: #232323;} .trvl-xbe-bookmarks-box .card-body .fa-star {margin-bottom: .2rem; font-size: 100%;} .trvl-xbe-bookmarks-box .card-img-top {border-radius: 0 !important;} .trvl-xbe-bookmarks-box .card-footer {position: relative; text-align: center; padding-bottom: 3.5rem; border: 2px solid #e5e1d4; border-top: 0; background: #fff;} .trvl-xbe-bookmarks-box .trvl-btn-preis {padding: .4em 1.25em .55em 1.25em; font-size: 115%;} .trvl-xbe-bookmarks-box .card:hover {text-decoration: none;} .trvl-xbe-bookmarks-box .trvl-btn-preis:hover {background-color: #ca0915; color: #fff !important;} .trvl-xbe-bookmarks-box .card .trvl-mkz-del {position: absolute; bottom: .5rem; right: .175rem; color: #ca0915; font-size: 165%;} .trvl-xbe-bookmarks-box .card .trvl-mkz-del .fa-times {position: absolute; top: .45em; left: .325em; color: #fff; font-size: 65%; margin: auto;} .trvl-xbe-bookmarks-box .card-body a:hover {text-decoration: none;} .trvl-xbe-bookmarks-box .card .trvl-mkz-del:hover, .trvl-xbe-bookmarks-box .card .trvl-mkz-del:focus {color: #d2191a;} .trvl-xbe-bookmarks-box .card .trvl-mkz-del:hover .fa-times, .trvl-xbe-bookmarks-box .card .trvl-mkz-del:focus .fa-times {color: #fff;} .trvl-xbe-bookmarks-box .trvl-xbe-offers-img-container {height: 0; padding-bottom: 58%; overflow: hidden; position: relative;} .trvl-xbe-bookmarks-box .trvl-xbe-offers-img-container img {display: block; position: absolute; width: 100% !important; height: 100% !important; top: auto; bottom: auto; object-fit: cover;} /* XBE Offers Boxes PAX */ .trvl-xbe-offers-box .pax-title {background: #0093dd; color: #fff; padding: .2375em .5em .375em .5em; margin-bottom: -5px; z-index: 1; border: 2px solid #e5e1d4; border-bottom: none;} .trvl-xbe-offers-box .pax-title p {margin-bottom: 0; font-weight: 600;} .trvl-xbe-offers-box .pax-title p small {margin-bottom: 0; font-weight: 400;} .trvl-xbe-offers-box .pax-dest {font-weight: 400 !important; font-size: 90%; padding-bottom: .5rem;} /* XBE Offers Container HOME */ .trvl-xbe-offers-container {margin: 4.5em 0 0 0; font-size: 100%; position: relative;} .trvl-xbe-offers-container h4 {position: absolute; max-width: 60%; left: 1.25rem; top: 1.25rem; display: inline-block; margin: 0; font-size: 235%; line-height: 1.3; color: #fff; z-index: 1;} .trvl-xbe-offers-container h4 a {color: #ca0915; display: block; padding: .375rem 1rem .375rem 1rem; background-color: rgba(255,255,255,1);} .trvl-xbe-offers-container h4 a:hover {color: #ca0915; text-decoration: none;} .trvl-xbe-offers-container h5 {font-size: 100%; margin-bottom: 0; line-height: 1.3; color: #333;} .trvl-xbe-offers-container p {font-size: 100%; margin-bottom: 0; line-height: 1.3;} .trvl-xbe-offers-container i {color: #003660;} .trvl-xbe-offers-container .fa-star, .trvl-xbe-offers-container .fa-star-half-alt {font-size: 65% !important; vertical-align: top; padding-top: .25rem;} .trvl-xbe-offers-container .h3 {color: #003660;} .trvl-xbe-offers-container .container {margin-top: 20px; padding: .25em 15px .5em 15px; background-color: #fff;} .trvl-xbe-offers-container .container .row {border-bottom: 2px dotted #e5e1d4;} .trvl-xbe-offers-container .container .row .col {padding: .35em 0 .35em 0;} .trvl-xbe-offers-container .container .row .col:first-child {padding-right: .25rem;} .trvl-xbe-offers-container .col-12 {padding-left: 0; padding-right: 0;} .trvl-xbe-offers-container .container .trvl-btn-preis {width: 100%; text-align: right; font-size: 130%; margin-top: .575rem; margin-bottom: .25rem;} .trvl-xbe-offers-container .trvl-btn-container {border: none !important; padding: 0;} .trvl-xbe-offers-container .trvl-btn-container .trvl-btn {display: inline-block !important; padding: 0; margin-top: .65em; margin-bottom: .35em; background: transparent; color: #ca0915 !important;} .trvl-xbe-offers-container .trvl-btn-container .trvl-btn .fas {padding-left: .45em; color: #ca0915;} .trvl-xbe-offers-container .trvl-btn-container .trvl-btn:hover .fas {color: #ca0915;} .trvl-xbe-offers-container-01 .container, .trvl-xbe-offers-container-02 .container {margin-top: 0; padding-top: .625em; overflow: hidden;} .trvl-xbe-offers-container-01 .container .row, .trvl-xbe-offers-container-02 .container .row {margin: 0 !important; border-bottom: 0; border-top: 2px dotted #d1c9b0; font-size: 100%;} .trvl-xbe-offers-container-01 .container .row, .trvl-xbe-offers-container-02 .container .row {margin: 0 !important; border-bottom: 0; border-top: 2px dotted #d1c9b0; font-size: 100%;} .trvl-xbe-offers-container-01 .container .row:nth-child(odd), .trvl-xbe-offers-container-02 .container .row:nth-child(odd) {float: left; width: 49%; clear: both;} .trvl-xbe-offers-container-01 .container .row:nth-child(even), .trvl-xbe-offers-container-02 .container .row:nth-child(even) {float: right; width: 49%;} .trvl-xbe-offers-container-01 .container .row:nth-child(1), .trvl-xbe-offers-container-02 .container .row:nth-child(1), .trvl-xbe-offers-container-01 .container .row:nth-child(2), .trvl-xbe-offers-container-02 .container .row:nth-child(2) {border-top: 0;} .trvl-xbe-offers-container-01 .container .row.trv-row-border, .trvl-xbe-offers-container-02 .container .row.trv-row-border {border-bottom: 2px dotted #d1c9b0;} .trvl-xbe-offers-container-00 .container .trvl-btn-container, .trvl-xbe-offers-container-01 .container .trvl-btn-container, .trvl-xbe-offers-container-02 .container .trvl-btn-container {font-size: 115%;} .trvl-xbe-offers-container-00 .trvl-box-img, .trvl-xbe-offers-container-01 .trvl-box-img, .trvl-xbe-offers-container-02 .trvl-box-img {width: 100%; height: 22rem; background-position: center center; background-repeat: no-repeat; background-size: cover;} .trvl-xbe-offers-container-03 {margin: 0; padding: 12px 15px 15px 15px; background-color: rgba(255,255,255,0.915); height: 100%; box-shadow: 0px 0 10px 0px rgba(0,0,0,0.08); -webkit-box-shadow: px 0 10px 0px rgba(0,0,0,0.08); -moz-box-shadow: px 0 10px 0px rgba(0,0,0,0.08);} .trvl-xbe-offers-container-03 h4 {position: static; color: #003660; background: transparent; margin: 0; padding: 0; font-size: 170%;} .trvl-xbe-offers-container-03 h4 a {color: #ca0915; display: inline-block; padding: 0; background: transparent;} .trvl-xbe-offers-container-03 h5 {line-height: 1.333; font-size: 105%;} .trvl-xbe-offers-container-03 p {line-height: 1.333; font-size: 100%;} .trvl-xbe-offers-container-03 .container {padding: 0; background: transparent;} .trvl-xbe-offers-container-03 .container .row {float: none; width: 100%; margin: 0;} .trvl-xbe-offers-container-03 .container .row:first-child {border-top: 2px dotted #d1c9b0;} .trvl-xbe-offers-container-03 .container .row .col {padding-left: 0; padding-right: 0;} .trvl-xbe-offers-container-03 .container .trvl-btn-preis {width: auto; min-width: 7.65rem;} .trvl-xbe-offers-container-03 .trvl-btn-container .trvl-btn {margin-bottom: 0; color: #ca0915 !important; font-size: 120%;} /* XBE Boxen Basic */ .trvl-xbe-box {padding-top: 15px; padding-bottom: 15px; background-color: #fff; border: 2px solid #e5e1d4;} /* XBE Service Box */ .trvl-xbe-service-box {padding: 20px 15px 5px 15px; margin-bottom: 2em; background: #f88029; font-size: 106.25%; color: #fff; text-align: center;} .trvl-xbe-service-box a {text-decoration: none; color: #fff;} .trvl-xbe-service-box .h3 {text-transform: uppercase; color: #fff;} .trvl-xbe-service-box .trvl-link-hotline {display: block; font-weight: 600; font-size: 120%;} .trvl-xbe-service-box .trvl-link-hotline-text {font-size: 90%; line-height: 1.45;} .trvl-xbe-trustpilot-box {padding: 20px 15px 5px 15px; margin-bottom: 2em; background: #fff; border: 2px solid #e5e1d4;} /* XBE Hinweis Basic */ .trvl-xbe-note {margin-top: 4em; padding: 1em 0 1.5em 0; border-top: 4px solid #b7aea0; font-size: 100%;} .trvl-xbe-note p {margin-bottom: 0;} /* XBE Content */ .trvl-xbe-content {font-size: 106.25%;} .trvl-xbe-content .trvl-xbe-box-title {margin-bottom: -2px;} .trvl-xbe-content .trvl-xbe-box-title .h2 {margin: 0; font-size: 120%; font-weight: 600;} .trvl-xbe-content .trvl-xbe-box-title .h2 > span {font-weight: 400;} .trvl-xbe-content .fa-ul {margin-left: 2.125em; line-height: 1.4;} .trvl-xbe-content .fa-ul i {color: #807e77;} .trvl-xbe-content .fa-ul i.green {color: #2aab63;} .tooltip-inner { background-color: #2aab63; color: #ffffff; text-align: left;} .tooltip .arrow::before { display: none;} .tooltip.show {opacity: 1;} .trvl-xbe-content .trvl-xbe-box-pagination {padding-top: 10px; padding-bottom: 10px;} .trvl-xbe-content .trvl-xbe-box-pagination:focus {color: #232323;} .trvl-xbe-content .trvl-xbe-box-pagination .trvl-xbe-pagi {padding-right: 0; padding-left: 0;} .trvl-xbe-content .trvl-xbe-box-pagination .trvl-xbe-pagi .pagination {float: right; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;} .trvl-xbe-content .trvl-xbe-box-pagination .trvl-xbe-pagi-typ select {width: auto; margin-left: .5em; margin-bottom: 0;} .trvl-xbe-content .trvl-xbe-box-pagination .trvl-xbe-pagi-ort select {width: auto; margin-bottom: 0; max-width: 16em;} .trvl-xbe-content .trvl-xbe-row-pagination-bottom {margin-top: 2em;} .trvl-xbe-content .trvl-xbe-box-pagination span.seite {padding: .15em 0 0 0; line-height: 2; font-size: 1rem; vertical-align: baseline !important;} .trvl-xbe-content .trvl-xbe-box-pagination a {text-decoration: underline; color: #ca0915;} .trvl-xbe-content .trvl-xbe-box-pagination a, .trvl-xbe-content .trvl-xbe-box-pagination .cur_p {display: inline-block; padding: 0 .5em 0 .5em; margin-right: 1px; line-height: 1.7; font-weight: 600; font-size: 110%; text-decoration: none;} .trvl-xbe-content .trvl-xbe-box-pagination a:hover, .trvl-xbe-content .trvl-xbe-box-pagination .cur_p {color: #333; text-decoration: none; background-color: #f2f0e9;} .trvl-xbe-content .trvl-xbe-box-offer {margin-top: 2em; padding-bottom: 0;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-box-row-01 {} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-box-row-02 {} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-box-row-03 {margin-top: 7px;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-mkz {display: block; position: absolute; top: -.25rem; right: .5rem; width: 1.2em; height: 1.2em; font-size: 210%; color: #f08130; overflow: hidden; z-index: 1;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-mkz a {display: block;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-mkz i {color: #e5e1d4; padding-right: 0;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-mkz i.fa-heart {color: #ca0915 !important;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-mkz:hover {transform: scale(1.1);} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-img-container {text-align: center; width: 42%; max-width: 22.5em; flex-basis: auto;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-img-container img {width: 100%; margin: auto; max-width: 320px; height: auto;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-offer-body {flex-basis: auto; width: 58%; padding-top: .25em; padding-bottom: 3em; position: relative;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-offer-body .trvl-xbe-row-inner {position: absolute; bottom: .25em; width: 100%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-stars {font-size: 100%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-text h3 {margin: .5rem 0 0.25rem 0; font-size: 150%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-text h3 a {color: #333;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-text h3 a:hover {color: #f88029; text-decoration: none;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-ort {margin-bottom: 0;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-reviews {} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-reviews a {color: #232323;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-reviews a:hover {text-decoration: none;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews {float: right; width: 80%; position: relative;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews > div {} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews .trvl-xbe-review-logo {width: 95%; margin-bottom: .75em;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews .trvl-xbe-review-logo img {width: 100%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews .trvl-xbe-anzahl {position: absolute; top: 40%; left: 26%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews .trvl-xbe-anzahl span {font-size: 75%; font-weight: 600;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews .progress {height: 1.6em; border-radius: 0; background-color: #e5e1d4;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews .progress-bar {background-color: #0093dd; font-weight: 600; font-size: 1.15em;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews .trvl-xbe-progress-bar-text {display: block; font-size: 70%; line-height: 1.5; text-align:right;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews .trvl-xbe-progress-bar-text:before {content:"["; padding-right: .25em;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews .trvl-xbe-progress-bar-text:after {content:"]"; padding-left: .25em;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews .trvl-xbe-rating {color: #fff; padding: .125em; text-align: center; font-size: 95%; font-weight: 600; line-height: 1.888; background: #2bab63;} .kass-grade {background-color: #e2f8ee; border: solid 2px #00b67a; border-radius: 5px;} .kass-grade .grade-text {color: #00b67a; font-size: 1.0em;} .kass-grade .grade-progress .progress {border-radius: 0px; background-color: #ffffff;} .kass-grade .grade-progress .progress-bar {background-color: #ffffff;} .trc-review {background-color: #ffffff; border: solid 1px #0093dd; border-radius: 5px;} .trc-review .trc-rec {background-color: #0093dd; color: #ffffff; font-size: 1.0em;} .trc-review .trc-sun i {background-color: #ffffff; color: #f3ca00; font-size: 1.0em;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-kat .fa-ul {margin-bottom: 0;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-va {text-align: right; padding: 0;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-va img {margin: auto;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-preis {text-align: right;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-ort {width: 50%; font-weight: 600;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-ziel {width: 50%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-box-tags {background: #fff; padding: .2rem; padding-left: 0; border-top: 2px dotted #e5e1d4;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-box-tags .btn {margin: .2rem .25rem 0 0 !important; background-color: #e5e1d4; opacity: 1; border-radius: 0; color: #333;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-hotelinfo-links {padding-bottom: .1em;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-hotelinfo-links i {width: 1.375em; padding-right: 0; text-align: center; font-size: 125%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-hotelinfo-links a {display: inline-block; padding: .5em .85em 0 0; font-weight: 600; white-space: nowrap;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-hotelinfo-container {position: relative; margin-top: 15px; padding: 0; border: 4px solid #b7aea0; border-top-width: 3.5em; border-bottom-width: 25px;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-hotelinfo-container .hic_close {display: block; position: absolute; top: -3em; right: 12px; width: 2.5em; height: 2.5em; z-index: 2; text-align: center; overflow: hidden; background-color: #b7aea0;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-hotelinfo-container .hic_close i {font-size: 2.5em; color: #fff;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-hotelinfo-container iframe.container {padding-left: 0 !important;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-hr {margin: 1em 1em .5em 1em; border-style: dotted; border-top-width: 3px;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-btn-preis {text-align: center; font-size: 145%;} /* XBE Tmpl: Regionen */ .trvl-xbe-content-reg {} .trvl-xbe-content-reg .trvl-xbe-table-reg {border: 2px solid #e5e1d4; background-color: #fff;} .trvl-xbe-content-reg .trvl-xbe-thead {padding-top: .75em;} .trvl-xbe-content-reg .trvl-xbe-tsubhead {padding-top: .375em; padding-bottom: 0em; margin-bottom: -2px; font-size: 120%; font-weight: 600; border-top: 2px solid #e5e1d4; border-bottom: 2px solid #e5e1d4; background: #e5e1d4;} .trvl-xbe-content-reg .trvl-xbe-tsubhead a {pointer-events: none; cursor: default;} .trvl-xbe-content-reg .trvl-xbe-th {padding-top: .3em; padding-bottom: 1em; background-color: #fff;} .trvl-xbe-content-reg .trvl-xbe-tr {border-top: 2px dotted #e5e1d4;} .trvl-xbe-content-reg .trvl-xbe-td {padding-top: .425em; padding-bottom: .425em; line-height: 1.333;} .trvl-xbe-content-reg .trvl-xbe-td a {color: #333;} .trvl-xbe-content-reg .trvl-xbe-td a:hover {color: #ca0915;} .trvl-xbe-content-reg .trvl-xbe-tr .trvl-xbe-td:first-child {font-weight: 400;} .trvl-xbe-content-reg .trvl-xbe-tr .trvl-xbe-td-icon {font-size: 90%;} .trvl-xbe-content-reg .trvl-btn-preis {min-width: 6em; padding: .275em; text-align: center; font-size: 106.25%;} .trvl-xbe-content-reg .trvl-xbe-td .trvl-count {color: #9fa5aa; font-weight: 400;} .trvl-xbe-content-reg .trvl-xbe-tsubhead .trvl-xbe-td {padding-top: 0;} .trvl-xbe-content-reg .trvl-xbe-tsubhead .trvl-xbe-td .trvl-count {display: none;} .trvl-xbe-content-reg .trvl-xbe-td .fas {color: #0093dd;} /* XBE Tmpl: Hotel + Flug */ .trvl-xbe-content .trvl-xbe-box-pagination-top {margin-top: 2em; margin-bottom: 2em;} .trvl-xbe-content .trvl-xbe-box-offerlist {padding-top: 0;} .trvl-xbe-content .trvl-xbe-box-offerlist > .row:first-of-type {margin-top: 15px;} .trvl-xbe-content .trvl-xbe-box-offerlist .trvl-xbe-dates ul li:first-child {font-weight: 600;} .trvl-xbe-content .trvl-xbe-box-offerlist .h1 {color: #333;} .trvl-xbe-content .trvl-xbe-box-offerlist .trvl-xbe-va {text-align: right; padding: 0;} .trvl-xbe-content .trvl-xbe-box-offerlist .trvl-xbe-preis {text-align: right;} .trvl-xbe-content .trvl-xbe-box-offerlist .trvl-xbe-preis p {font-size: 80%; margin-bottom: .5em;} .trvl-xbe-content .trvl-xbe-box-offerlist .trvl-xbe-preis p.h1 {margin-bottom: 0; font-size: 175%; color: #333; font-weight: 600;} .trvl-xbe-content .trvl-xbe-box-offerlist .trvl-xbe-services {margin-bottom: 0;} .trvl-xbe-content .trvl-xbe-box-offerlist .trvl-btn {font-size: 110%;} .trvl-xbe-content .fa-ul {margin-left: 2.5rem;} .trvl-xbe-content .fa-ul .h1 i {color: #333;} /* XBE Tmpl: Hotel + Flug: Vakanz */ .trvl-xbe-content .trvl-xbe-row-vstage0 .trvl-xbe-flight > div > div {margin-left: 2.65rem; margin-bottom: .4em;} .trvl-xbe-content .trvl-xbe-row-vstage0 .trvl-xbe-return-flight div > div {margin-left: 2.65rem; margin-bottom: .4em;} .trvl-xbe-content .trvl-xbe-row-vstage1 > div {margin-top: 15px; margin-bottom: -15px; background-color: #e5e1d4;} .trvl-xbe-content .trvl-xbe-row-vstage1 > div div {padding: 15px 15px 10px 15px; background-color: #e5e1d4; text-align: center; line-height: 1.4; font-weight: 600;} .trvl-xbe-content .trvl-xbe-row-vstage1 i {padding: .5rem; font-size: 200%; vertical-align: middle; line-height: 1; color: #b7aea0;} .trvl-xbe-content .trvl-xbe-row-vstagex > div {margin-top: -15px; margin-bottom: -15px; background-color: #d32a47;} .trvl-xbe-content .trvl-xbe-row-vstagex > div div {padding: 10px 15px 10px 15px; padding-left: 0; color: #fff; font-weight: 600; font-size: 125%; line-height: 1.4} .trvl-xbe-content .trvl-xbe-row-vstage2 > div {margin-top: -15px; margin-bottom: 15px; background-color: #2bab63;} .trvl-xbe-content .trvl-xbe-row-vstage2 > div div {padding: 10px 15px 10px 15px; padding-left: 0; color: #fff; font-weight: 600; font-size: 125%; line-height: 1.4} .trvl-xbe-content .trvl-xbe-row-vstage2a > div {margin-top: -15px; margin-bottom: 15px; background-color: #f2cd07;} .trvl-xbe-content .trvl-xbe-row-vstage2a > div div {padding: 10px 15px 10px 15px; padding-left: 0; color: #fff; font-weight: 600; font-size: 125%; line-height: 1.4} .trvl-xbe-content .trvl-xbe-row-vstage2b {margin-right: 0; margin-left: 0;} .trvl-xbe-content .trvl-xbe-row-vstage2b > div {text-align: right; margin-bottom: .75rem; background: #f2f0e9; padding: .375em; line-height: 1.45;} .trvl-xbe-content .trvl-xbe-row-vstage2b > div .fas {margin-right: .125em; color: #b7aea0;} .trvl-xbe-content .trvl-xbe-row-vstage3 {} .trvl-xbe-content .trvl-xbe-row-vstage3 .h1 {color: #232323; margin-bottom: .75em;} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-flight > div > div {margin-left: 2.65rem; margin-bottom: .4em;} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-flight i {} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-return-flight div > div {margin-left: 2.65rem; margin-bottom: .4em;} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-return-flight i {transform: scaleX(-1); padding-right: 0; padding-left: .25em;} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-services {} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-services > div > div {margin-bottom: .4em;} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-services .fa-ul {margin-left: 1.875em;} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-hotelinfo-links a {font-weight: 600; white-space: nowrap; padding-bottom: .25em;} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-preis {margin-top: 1.625em; margin-bottom: .85em; padding-top: .25em; padding-bottom: 1em; border-top: 3px dotted #232323; border-bottom: 3px dotted #232323;} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-preis .h1 {margin-bottom: .25em;} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-payment {line-height: 1.45;} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-payment span {} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-btn-success {font-size: 130%; white-space: nowrap;} /* XBE Tmpl: Angebote */ .trvl-xbe-content-ang {} .trvl-xbe-content-ang .trvl-xbe-box-offer {margin-top: 2em;} .trvl-xbe-content-ang .trvl-xbe-box-pagination-top {margin-top: 0;} .trvl-xbe-content-ang .trvl-xbe-box-offer .trvl-xbe-ort {margin-bottom: 1.5em;} .trvl-xbe-content-ang .trvl-xbe-box-offer .trvl-xbe-box-tags {margin: 0 15px 10px 15px;} /* XBE Tmpl: Hotel */ .trvl-xbe-content-hot {} .trvl-xbe-content-hot .trvl-xbe-box-offer .trvl-xbe-hotelinfo-container {margin-top: 0;} .trvl-xbe-content-hot .trvl-xbe-box-offer .trvl-xbe-box-tags {margin: 15px 15px 0 15px;} /* XBE Tmpl: Flug */ .trvl-xbe-content-flug {} /* XBE Tmpl: Buchen */ .trvl-xbe-content-book {margin-top: -3rem;} .trvl-xbe-content-book textarea, .trvl-xbe-content-book select, .trvl-xbe-content-book input {border: 1px solid #73716a;} .trvl-xbe-content-book a {font-weight: 500 !important; text-decoration: underline !important;} .trvl-xbe-content-book .form-text {} .trvl-xbe-content-book .form-text-info {color: #9fa5aa; margin-top: .75em;} .trvl-xbe-content-book .form-control {border-radius: 0;} .trvl-xbe-content-book .form-group {padding-top: .75em; padding-bottom: .75em; background-color: #f2f0e9; margin: 0 0 2px 0;} .trvl-xbe-content-book .form-check-label {line-height: 1.45; padding-left: .25em;} .trvl-xbe-content-book h4 {margin-bottom: 2rem; padding: .5rem .5rem 0 0; font-size: 165%;} .trvl-xbe-content-book h5 {margin-top: 1em; margin-bottom: 1em; font-size: 115%;} .trvl-xbe-content-book ul {line-height: 1.4;} .trvl-xbe-content-book .trvl-book-vakanz {margin-bottom: -2em;} .trvl-xbe-content-book .trvl-book-vakanz .trvl-alert-success {background: #2bab63; color: #fff; padding-bottom: 20px; line-height: 1.45; font-weight: 500;} .trvl-xbe-content-book .trvl-book-vakanz .trvl-alert-success h3 {font-size: 170%; color: #fff;} .trvl-xbe-content-book .trvl-book-vakanz .trvl-alert-success .text-success {color: #fff !important;} .trvl-xbe-content-book .trvl-book-reisedaten h6 {margin-top: 2em; margin-bottom: .75em; padding: .5em; font-weight: 600; background: #ece9df;} .trvl-xbe-content-book .trvl-book-reisedaten .fa-ul > li {margin-top: .375em; margin-bottom: .25em;} .trvl-xbe-content-book .trvl-book-reisedaten .fa-ul > li i {font-size: 100%;} .trvl-xbe-content-book .trvl-book-reisedaten .flightlist-title i {margin-top: .375em;} .trvl-xbe-content-book .trvl-book-reisedaten .table td, .trvl-xbe-content-book .trvl-book-reisedaten .table th {border-top: 1px solid #232323; border-bottom: 1px solid #232323;} .trvl-xbe-content-book .trvl-book-reisedaten .table tr {} .trvl-xbe-content-book .trvl-book-reisedaten .table {} .trvl-xbe-content-book .trvl-book-vinfo {margin-top: 2em; margin-bottom: -2em;} .trvl-xbe-content-book .trvl-book-vinfo .alert {padding-bottom: 20px;} .trvl-xbe-content-book .trvl-book-vinfo .alert div {line-height: 1.45; margin-bottom: 1em;} .trvl-xbe-content-book .trvl-book-vinfo .alert h4 {margin-top: 0; border-top: none; color: #232323; font-size: 110%; margin-bottom: 1em;} .trvl-xbe-content-book .trvl-book-formblatt {padding: 15px; margin-top: 2em; margin-bottom: -1em;} .trvl-xbe-content-book .trvl-book-formblatt .alert div {line-height: 1.45; margin-bottom: 1em;} .trvl-xbe-content-book .trvl-book-formblatt .alert h4 {margin-top: 0; border-top: none; color: #232323; font-size: 110%; margin-bottom: 1em;} .trvl-xbe-content-book .trvl-book-form div {line-height: 1.45;} .trvl-xbe-content-book .trvl-book-form .donotshowonerror {line-height: 1.45; margin-top: 1em; margin-bottom: .5em;} .trvl-xbe-content-book .trvl-book-form #rvContainer {margin: 0 15px 0 15px; background: #ece9df; padding: 15px;} .trvl-xbe-content-book .trvl-book-form #rvContainer #RVoffers {font-weight: 500;} .trvl-xbe-content-book .zw.row {margin: 0; padding-bottom: 15px; margin-bottom: 1em;} .trvl-xbe-content-book .zw.row label {font-weight: bold;} .trvl-xbe-content-book .trvl-book-form .back-rv .trvl-rv-preis {padding-left: 0; padding-right: 0;} .trvl-xbe-content-book table.g_prices2 {border: 2px solid #232323;} .trvl-xbe-content-book table.g_prices2 th, .trvl-xbe-content-book table.g_prices2 td {border-top: 2px dotted #232323; padding: .75em;} .trvl-xbe-content-book table.g_prices2 td {background-color: #f2f0e9;} .trvl-xbe-content-book table.g_prices2 th {background-color: #ece9df; font-size: 130%;} .trvl-xbe-content-book .btn.bookbutton {margin-top: 2em; padding: 1.25em; background-color: #f08130; color: #fff !important; font-size: 120%; font-weight: 600; border: none; white-space: normal;} .trvl-xbe-content-book .btn.bookbutton:hover {background-color: #ca0915;} .trvl-xbe-content-book .btn.bookbutton-ok {margin-top: 2em; padding: 1.25em; background-color: #f08130; color: #fff !important; font-size: 120%; font-weight: 600; border: none; white-space: normal;} .trvl-xbe-content-book .btn.bookbutton-ok:hover {background-color: #2bab63;} /* Versicherung ERGO */ .ins-ergo .card-header {background-color: #1095a8;} .ins-ergo h5.card-title {color: #ffffff;} .ins-ergo .card-footer h5 {color: #bf1729;} /* Beratungs ID */ .trvl-xbe-berid {display: inline-block; float: right; padding: .25rem .45rem .35rem .45rem; border-radius: 5px; background-color: #0093dd; color: #fff; font-size: 85%; line-height: 1.3; border: none !important;} /* Agent Link */ .trvl-xbe-ralnk {display: inlnine-block; float: right; margin-left: .5rem; top: 0; padding: .25rem .5rem .25rem .5rem; border-radius: 5px; background-color: #f88029; font-size: 100%; border: none !important; text-align: center;} .trvl-xbe-ralnk i {font-size: 125%; color: #fff; line-height: 1.2; padding-right: 0;} .trvl-xbe-ralnk a {font-size: 100%; color: #fff; line-height: 1.2; padding-right: 0; text-decoration: none;} .trvl-xbe-ralnk:hover {background-color: #ca0915;} .trvl-xbe-berid span {font-weight: 600; font-size: 125%; padding-left: .25rem;} .trvl-xbe-container .trvl-xbe-content h2 {padding-right: 16rem;} .trvl-xbe-content-book .trvl-xbe-berid {position: static; display: inline-block; top: 0; margin: 0 0 0rem 0;} .trvl-xbe-content-book .trvl-book-vakanz {margin-bottom: 0;} /* XBE Tmpl: Buchungsabschluss */ .trvl-xbe-content-booking {overflow: hidden;} .trvl-xbe-content-booking h4 {padding-top: 0; margin-top: 0; border-top: none;} .trvl-xbe-content-booking .trvl-xbe-img-container img {margin-bottom: 1.5em;} .trvl-xbe-content-booking #thx_inf {line-height: 1.45;} .trvl-xbe-content-booking .fa-phone {transform: scaleX(-1); color: #ca0915;} /* SERVICE Tmpl */ .trvl-service {overflow: hidden;} .trvl-service h2 {color: #f88029;} .trvl-service h3 {color: #f88029;} .trvl-service h4 {color: #f88029;} .trvl-service .trvl-content-box a {text-decoration: underline;} .trvl-service .trvl-content-box ul {line-height: 1.45; padding-left: 0;} .trvl-service .form-group {padding-top: .75em; padding-bottom: .75em; background-color: #ece9df; margin: 0 0 2px 0;} .trvl-service .form-group textarea, .trvl-service .form-group select, .trvl-service .form-group input {border: 1px solid #73716a; margin-bottom: 0;} .trvl-service .form-group small {margin-top: .5rem;} .trvl-service .form-group .trvl-btn {border: 0;} .trvl-service .trvl-content-box .trvl-link-hotline {color: #ca0915; font-size: 135%; font-weight: 600; text-decoration: none !important;} /* SERVICE: GLOSSAR */ .trvl-service .container_glossar .glossartext {line-height: 1.5;} .trvl-service .container_glossar h2, .trvl-service .container_glossar h3, .trvl-service .container_glossar h4, .trvl-service .container_glossar h5, .trvl-service .container_glossar h6 {font-size: 143.75%; font-weight: 700; line-height: 1.3; margin-top: 1.25em; margin-bottom: .75em; color: #f88029;} .trvl-service .container_glossar .text1 {font-size: 125%; font-weight: 400; color: #484848;} .trvl-service .trvl-list-glossar .case {margin-top: 1.5rem; margin-bottom: .5rem; font-size: 125%; font-weight: 600; color: #484848; background: #ece9df; padding-left: .5rem;} .trvl-service .trvl-list-glossar .case:nth-child(1) {margin-top: 0;} .trvl-service .trvl-list-glossar a {text-decoration: none;} .trvl-service .trvl-list-glossar a:hover {text-decoration: underline;} /* SERVICE: REISEAGENT */ .trvl-container-content > .trvl-service-reiseagent {padding-top: 3.325em;} .trvl-service-reiseagent h1 {font-size: 240%; font-family: 'Ubuntu', sans-serif; font-weight: 700; line-height: 1.3; margin-bottom: .75em; letter-spacing: -.01em; color: #333;} .trvl-service-reiseagent .trvl-mask {padding-bottom: 3em; margin-top: -1em;} .trvl-service-reiseagent .trvl-xbe-filter {margin-top: -25px !important; padding-top: 1em;} /* TCT */ .trvl-tct .nav-tabs {font-weight: 600; font-size: 115%; border-bottom: 0;} .trvl-tct .nav-tabs .nav-item {width: 25%;} .trvl-tct .nav-tabs .nav-link {padding: 1rem 1.65rem; border-top-left-radius: .5em; border-top-right-radius: .5em; border: 2px solid #e5e1d4; text-align: center; font-size: 100%; background-color: #fff;} .trvl-tct .nav-tabs .nav-link.navactive {color: #333; background: #e5e1d4;} .trvl-tct .trvl-content-box {position: relative;} .trvl-tct .link_back {line-height: 1.5; font-size: 90%;} .trvl-tct-container-boxes {position: relative;} .trvl-tct-container-boxes .fas {position: absolute; top: 43%; color: #fff; font-size: 200%; display: inline-block; text-align: center;} .trvl-tct-container-boxes .fas.trvl-icon01 {left: 32.75%;} .trvl-tct-container-boxes .fas.trvl-icon02 {left: 66%;} .trvl-tct-container-boxes .fas.trvl-icon03 {left: 49.45%;} .trvl-tct-container-boxes .trvl-filter > div {position: absolute; display: block; width: 100%; height: 100%; left: -12px; top: 0; -moz-opacity: .6; opacity: .6; filter: alpha(opacity:60); z-index: 1; background: #e5e1d4;} .trvl-tct .trvl-tct-search-box {margin-top: 0; position: relative; background-color: #e5e1d4; padding: 1.75em 1.75em 1.25em 1.75em; border-color: transparent; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .trvl-tct .trvl-tct-search-box h2 {margin-top: 0; color: #333; font-size: 150%;} .trvl-tct .trvl-tct-search-box p {margin-bottom: .5em;} .trvl-tct .trvl-tct-search-box select {background-image: none; padding-right: 0;} .trvl-tct .trvl-tct-search {position: absolute; top: -1.15em; right: 0; width: 40%; margin-right: 15px;} .trvl-tct .trvl-tct-search form {position: relative;} .trvl-tct .trvl-tct-search input[type="text"] {padding-left: .5rem; padding-right: 3em; border: 2px solid #e5e1d4} .trvl-tct .trvl-tct-icon-search {position: absolute; top: 0; right: 0; font-size: 130%; padding: .375em .25em;} .trvl-tct .trvl-tct-btn-search {padding-left: 2em; padding-right: 2em !important;} .trvl-tct-list .trvl-tct-breadcrump {} .trvl-tct-list .trvl-tct-pagination {padding: 10px 10px 10px 20px; background-color: #fff; border: 2px solid #e5e1d4; text-align: center;} .trvl-tct-list .trvl-tct-pagination a {display: inline-block; padding: 0 .5em 0 .5em;min-width: 2em; margin-right: 1px; line-height: 2; font-weight: 600; font-size: 110%; text-decoration: none;} .trvl-tct-list .trvl-tct-pagination a:hover, .trvl-tct-list .trvl-tct-pagination span.current a {color: #333; text-decoration: none; background-color: #f2f0e9;} .trvl-tct-list .article_text {padding: 0 2em 1em 0; overflow: hidden;} .trvl-tct-list .article_text h2 {margin-bottom: 0; margin-top: 0; font-size: 175%;} .trvl-tct-list .article_text h2 a {text-decoration: none;} .trvl-tct-list .article_text h3 {color: #333; margin-top: .75rem; margin-bottom: 1.5rem; font-size: 100%;} .trvl-tct-list .article_text .teaser {line-height: 1.5;} .trvl-tct-list .article_text .teaser a {text-decoration: underline;} .trvl-tct-list .article_text .img_l {float: left; width: 25%; margin: .25em 1.5em .5em 0;} .trvl-tct-list .article_text .img_l img {max-width: 100%; height: auto;} .trvl-tct-list .article_text .img_r {float: right; width: 25%; margin: 0 0 .5em 1.5em;} .trvl-tct-list .article_text .img_r img {max-width: 100%; height: auto;} .trvl-tct-list .article_text .img_text {display: none;} .trvl-tct-article .teaser {margin-bottom: 2rem; line-height: 1.5; font-size: 125%; font-weight: 135%;} .trvl-tct-article .trvl-tct-articlehead h1 {margin-top: 0; margin-bottom: 1.5rem; color: #ca0915;} .trvl-tct-article .trvl-tct-articlehead h2 {margin-bottom: 1rem; margin-top: 0; color: #333;} .trvl-tct-article .article_text {line-height: 1.5;} .trvl-tct-article .article_text h1 {margin-top: 1em; margin-bottom: 1rem;} .trvl-tct-article .article_text h2, .trvl-tct-article .article_text h3, .trvl-tct-article .article_text h5, .trvl-tct-article .article_text h6 {color: #333;} .trvl-tct-article .article_text p {margin-bottom: 0;} .trvl-tct-article .article_text .img_l_l, .trvl-tct-article .article_text .img_r_r {max-width: 100%} .trvl-tct-article .article_text .img_l_l img, .trvl-tct-article .article_text .img_r_r img {max-width: 100%; height: auto;} .trvl-tct-article .article_text .img_text {padding-top: .75em; max-width: 100%; font-size: 90%;} .trvl-tct-article .trvl-content-box {margin-top: 5.15rem;} .trvl-tct-article .link_back {position: absolute; width: 97%; top: -4.25rem; left: 0.25rem; height: 1.65em; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;} /* SPECIAL HOME STYLES */ .trvl-home .trvl-img-intro {min-height: 42.75rem; padding-top: 6rem; padding-bottom: 5.5rem; height: auto; overflow: visible; background-color: #f2f0e9; background-image: url(/img/layout/pic-intro-home.jpg); background-position: center 0;} .trvl-home .trvl-img-intro .container {height: auto;} .trvl-home .trvl-mask {box-shadow: 0px 0 10px 0px rgba(0,0,0,0.08); -webkit-box-shadow: px 0 10px 0px rgba(0,0,0,0.08); -moz-box-shadow: px 0 10px 0px rgba(0,0,0,0.08);} .trvl-home .trvl-mask .trvl-sf {margin-top: .25em;} .trvl-home .trvl-mask .trvl-btn-filter {margin-top: 1.25em; position: static; font-size: 103.5%; color: #fff;} .trvl-home .trvl-container-content {min-height: 80rem;} .trvl-home .trvl-xbe-filter {margin-top: 2rem; margin-bottom: 0; padding: 15px 15px 15px 15px; padding-bottom: 2em; font-size: 106.25%; border: none;} .trvl-home .trvl-xbe-filter .trvl-btn {width: 100%; max-width: 15em; margin: auto; margin-top: 0; padding: .625em; font-size: 143.75%;} /* RA MODAL */ .ra-modal-header {background-color: #ca0915;} .ra-modal-title {color: #ffffff;} button.ra-close {color: #ffffff;} button.ra-close:hover {color: #ffffff !important;} /* Hotelempfehlungen */ .elem1 {order: 2;} .elem1 {order: 1;} .hotelempfehlungen h1 {color: #ca0915;} .hotelempfehlungen h2 {color: #ca0915;} .hotelempfehlungen h3 {color: #0093dd;} .hotelempfehlungen .text_info {margin-bottom: 2rem; line-height: 1.5; font-size: 125%;} /* Quicklinks */ ul.quicklinks {list-style: none; line-height: 1.777;} .trvl-bestlist .quicklinks {margin-bottom: 2em; font-size: 110%;} .trvl-bestlist .quicklinks li {} .trvl-bestlist .quicklinks li a {display: block; text-decoration: none; white-space: nowrap; text-decoration: none; overflow: hidden; text-overflow: ellipsis; color: #000;} .trvl-bestlist .quicklinks li a:hover {text-decoration: none; color: #f8802a;} .trvl-bestlist .quicklinks li a i {text-decoration: none; color: #f8802a;} .custom-nav-subnav-container .quicklinks a {color: #ffffff;}