/* ### RESPONSIVE ################################################## */ /* MD Medium devices (ab 768px) */ @media screen and (min-width: 768px) { html {font-size: 14px;} /* Transition */ .trvl-minified-transition {-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} /* Header Minified */ header.trvl-minified {height: 3.3rem; overflow: hidden; -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);} header.trvl-minified nav {display: none;} header.trvl-minified .trvl-logo {font-size: 53%; padding-top: 0;} header.trvl-minified .trvl-container-header .trvl-merkzettel {top: .475rem;} header.trvl-minified .trvl-container-header .trvl-nav-service {top: .875rem;} header.trvl-minified .trvl-container-header .trvl-nav-service .trvl-contact-links .trvl-link-hotline-text {opacity: 0; filter: alpha(opacity=0);} header.trvl-minified #trust5star {display: none;} } /* Trvl Zwischengröße */ @media screen and (min-width: 1025px) { html {font-size: 14px;} body {padding-top: 9.525em;} header, footer {font-size: 100%;} .trvl-link-hotline a {text-decoration: none; pointer-events: none; cursor: default;} .trvl-xbe-offers-box .trvl-xbe-offers-img-container, .trvl-xbe-bookmarks-box .trvl-xbe-offers-img-container {height: 9.5rem;} .trvl-xbe-offers-container .row {font-size: 90%;} .trvl-xbe-offers-container-03 .row {font-size: 90%;} .trvl-xbe-content .trvl-xbe-row-pagination-bottom {margin-top: 2em; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important;} .trvl-xbe-content .trvl-xbe-row-pagination-bottom .trvl-xbe-box-pagination {float: right; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; width: auto; padding-left: 20px; padding-right: 10px;} .trvl-img-intro {height: 12rem; background-size: 1200px auto; background-position: center top;} .trvl-home .trvl-img-intro {background-size: auto 100%; background-position: center top;} /* Transition */ a:hover, button:hover, .btn:hover, .trvl-btn:hover, .trvl-home .trvl-xbe-filter .trvl-btn:hover, .trvl-xbe-offers-box .card, .trvl-xbe-offers-box .card:hover, .trvl-xbe-offers-box .card:hover .trvl-btn-preis, .trvl-xbe-bookmarks-box .card .trvl-mkz-del, .trvl-xbe-bookmarks-box .card .trvl-mkz-del:hover, .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-mkz:hover, .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-hotelinfo-container .hic_close:hover, .trvl-xbe-offers-container h4 a, .trvl-xbe-offers-container h4 a:hover, .trvl-xbe-offers-container .container .trvl-btn-container .trvl-btn, .trvl-xbe-offers-container .container .trvl-btn-container .trvl-btn:hover .trvl-xbe-offers-container-03 .trvl-btn-container .trvl-btn, .trvl-xbe-offers-container-03 .trvl-btn-container .trvl-btn:hover .trvl-xbe-service-box .trvl-link-hotline, .trvl-xbe-service-box .trvl-link-hotline:hover, .trvl-servicerows-container .h1 {-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-reviews a .trvl-xbe-review-logo img, .trvl-linkboxes-container .trvl-link-box, .trvl-linkboxes-container .trvl-link-box:hover, .trvl-linkboxes-container .trvl-link-box .trvl-btn, .trvl-serviceboxes-container .trvl-service-box, .trvl-serviceboxes-container .trvl-service-box:hover {-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease;transition: all 300ms ease;} /* Transform */ .trvl-xbe-offers-box .card:hover, .trvl-xbe-offers-container h4 a:hover, .trvl-xbe-offers-container .container .trvl-btn-container .trvl-btn:hover, .trvl-linkboxes-container a.trvl-link-box:hover, .trvl-serviceboxes-container .trvl-service-box:hover, .trvl-xbe-service-box .trvl-link-hotline, .trvl-servicerows-container .h1:hover {transform: scale(1.03); backface-visibility: hidden;} .btn:hover .trvl-btn:hover, .trvl-mask .trvl-btn:hover, .trvl-home .trvl-xbe-filter .trvl-btn:hover, .trvl-xbe-offers-container .container .trvl-btn-preis:hover, .trvl-xbe-offers-container-03 .trvl-btn-container .trvl-btn:hover, .trvl-linkboxes-container a.trvl-link-box:hover .trvl-btn, .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-reviews a:hover .trvl-xbe-review-logo img {transform: scale(1.055); backface-visibility: hidden;} .trvl-xbe-bookmarks-box .card .trvl-mkz-del:hover, .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-hotelinfo-container .hic_close:hover {transform: scale(1.08); backface-visibility: hidden;} } /* XL Extra large devices */ @media screen and (min-width: 1200px) { html {font-size: 16px;} .trvl-img-intro {height: 16rem; background-size: 1920px auto; background-position: center top;} .trvl-home .trvl-img-intro {background-size: 1920px auto; background-position: center top;} } /* MD Medium devices only (Tablets 768px - 1024px) */ @media screen and (min-width: 768px) and (max-width: 1024px) { html {font-size: 15px;} body {padding-top: 128px;} body.trvl-xbe-body {padding-top: 83px;} header {height: 83px; font-size: 92%;} header.trvl-minified {height: 50px;} header.trvl-minified .trvl-container-header .trvl-logo {height: 50px; width: 140px;} footer {font-size: 90%;} .trvl-img-intro .trvl-spinner {margin-top: 12rem;} .trvl-container-header .trvl-logo {height: 6em; width: 17em;} .trvl-container-header .trvl-nav-service {top: 1.625rem;} .trvl-container-header .trvl-nav-service .trvl-contact-links {font-size: 110%;} .trvl-container-header .trvl-merkzettel {right: .75rem; top: 1.425rem; font-size: 125%;} .trvl-container-header .trvl-merkzettel a {} .trvl-container-header .trvl-merkzettel a::before {} .trvl-container-nav .trvl-nav-cards a {font-size: 115%; padding: .9rem .625rem 1rem .625rem;} .trvl-container-footer .trvl-footer-nav .trvl-col {padding-right: 0 !important;} .trvl-container-footer .trvl-link-hotline {font-size: 130%;} .trvl-xbe-container-breadcrumb {font-size: 90%;} .trvl-xbe-breadcrumb-backnav li a {line-height: 2.75;} .trvl-xbe-breadcrumb-stepnav li a {line-height: 2.75;} .trvl-xbe-breadcrumb-stepnav li:last-child a {padding-right: 1.5em;} .trvl-xbe-offers-box, .trvl-xbe-bookmarks-box {font-size: 100%;} .trvl-xbe-offers-box .trvl-xbe-offers-img-container, .trvl-xbe-bookmarks-box .trvl-xbe-offers-img-container {height: 8.5rem;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews {width: 90%;} .trvl-xbe-content-hot .trvl-xbe-row-vstage3 .trvl-xbe-preis {} .trvl-img-intro {height: 10rem; background-size: auto 10rem; background-position: left 0;} .trvl-home .trvl-img-intro {min-height: 40rem; padding-bottom: 3.5rem; background-size: 1000px auto;} .trvl-mask .trvl-btn-filter {bottom: 3.05rem; left: 40%;} .trvl-xbe-offers-box .card, .trvl-xbe-bookmarks-box .card {margin-bottom: 1.75rem;} .trvl-xbe-offers-container {font-size: 100%;} .trvl-xbe-offers-container .trvl-btn-container .trvl-btn {font-size: 1.375rem;} .trvl-xbe-offers-container-01 .container .trvl-btn-preis, .trvl-xbe-offers-container-02 .container .trvl-btn-preis {font-size: 115%;} .trvl-xbe-offers-container-03 > .container {font-size: 85%;} .trvl-xbe-offers-container-03 .trvl-btn-container .trvl-btn {font-size: 1.25rem;} .trvl-xbe-offers-container-00 .trvl-box-img, .trvl-xbe-offers-container-01 .trvl-box-img, .trvl-xbe-offers-container-02 .trvl-box-img {font-size: 85%;} .trvl-tct .trvl-tct-search-box select {background-image: url(/img/layout/icon_select.png); padding-right: 1.85rem;} .trvl-tct .trvl-tct-search-box select {background-image: url(/img/layout/icon_select.png); padding-right: 1.85rem; height: 2em;} .trvl-home .trvl-img-intro {padding-top: 4rem; background-size: auto 100%; background-position: left top;} .trvl-home .trvl-mask {} .trvl-servicerows-container .h1 {font-size: 290%;} .trvl-usp-container .h1 {font-size: 270%;} .trvl-container-content > .trvl-service-reiseagent {padding-top: 3em;} .trvl-service-reiseagent h1 {font-size: 200%;} } /* Trvl Zwischengröße (Tablet Portrait) */ @media screen and (min-width: 768px) and (max-width: 992px) { h1, .h1 {font-size: 200%;} h2, .h2 {font-size: 175%;} h3, .h3 {font-size: 130%;} h4, .h4 {font-size: 130%;} footer {font-size: 80%;} .trvl-img-intro .trvl-spinner {margin-top: 7rem; margin-bottom: 3.5rem;} .trvl-container-nav .container {padding-left: 10px;} .trvl-container-nav .trvl-nav-cards .trvl-nav-subnav-container {margin-left: 0;} .trvl-container-nav .trvl-nav-cards .trvl-subnav {left: auto; right: 0;} .trvl-container-nav .trvl-nav-cards a {margin-right: 0.25em; padding: .95rem .625rem .95rem .5rem; font-size: 107%;} .trvl-xbe-body .trvl-mask {border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .trvl-xbe-body .trvl-mask .trvl-sf-summary {border-bottom: 1px solid #fff; margin-bottom: -5px;} .trvl-xbe-body .trvl-btn-container {margin-top: -3rem;} .trvl-xbe-body .trvl-btn-container .trvl-btn-filter {margin-top: .25em;} .trvl-xbe-container-breadcrumb {font-size: 90%; padding-bottom: 10px;} .trvl-xbe-breadcrumb-stepnav li a {line-height: 2.8;} .trvl-xbe-breadcrumb-backnav li a {font-size: 107%; line-height: 3;} .trvl-xbe-content .trvl-xbe-box-pagination .trvl-xbe-pagi .pagination {float: none; margin: auto; display: inline; font-size: 115%;} .trvl-xbe-content .trvl-xbe-box-pagination-top .trvl-xbe-pagi {margin-top: .5em; padding: 12px 0 0 0; border-top: 2px solid #e5e1d4; text-align: center;} .trvl-xbe-content .trvl-xbe-row-pagination-bottom {width: auto;} .trvl-xbe-content .trvl-xbe-row-pagination-bottom .trvl-xbe-pagi {margin: 0; padding: 0; border-top: none; width: 100%; text-align: center;} .trvl-xbe-content .trvl-xbe-row-pagination-bottom .trvl-xbe-box-pagination {width: auto;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews {width: 100%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-reviews {font-size: 80%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews {width: 80%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews .trvl-xbe-rating {line-height: 2.25;} .trvl-xbe-content .trvl-xbe-box-offerlist .trvl-xbe-preis {min-width: 178px;} .trvl-slider {height: 30em;} .trvl-slider .trvl-slide .trvl-text-container {font-size: 115%; right: 4rem;} .trvl-img-intro {height: 9.5rem; background-size: auto 9.5rem; background-position: center top;} .trvl-home .trvl-img-intro {padding-left: 8%; padding-right: 8%; padding-bottom: 5rem; background-size: 150% auto;} .trvl-home .trvl-mask {} .trvl-mask .trvl-btn-filter {bottom: 1rem; left: 20px;} .trvl-xbe-offers-box, .trvl-xbe-bookmarks-box {} .offers.h-100 {height: auto !important;} .trvl-xbe-offers-box .card {max-height: 23em;} .trvl-xbe-offers-box .trvl-xbe-offers-img-container, .trvl-xbe-bookmarks-box .trvl-xbe-offers-img-container {height: 12.5rem;} .trvl-xbe-offers-container {font-size: 92%} .trvl-xbe-offers-container h4 {} .trvl-xbe-offers-container-01 .container .trvl-btn-preis, .trvl-xbe-offers-container-02 .container .trvl-btn-preis {font-size: 125%;} .trvl-xbe-offers-container-03 {margin-top: 2rem;} .trvl-xbe-offers-container-03 h5, .trvl-xbe-offers-container-03 p {font-size: 100%;} .trvl-xbe-offers-container-03 > .container {font-size: 110%;} .trvl-xbe-offers-container-03 .container .trvl-btn-preis {width: auto; min-width: 9.5rem;} .trvl-xbe-offers-container-03 .trvl-btn-container .trvl-btn {font-size: 1.375rem;} .trvl-xbe-offers-container-00 h4, .trvl-xbe-offers-container-01 h4, .trvl-xbe-offers-container-02 h4 {font-size: 200%;} .trvl-xbe-offers-container-00 .trvl-box-img, .trvl-xbe-offers-container-01 .trvl-box-img, .trvl-xbe-offers-container-02 .trvl-box-img {height: 17rem;} .trvl-usp-container, .trvl-textboxes-container {font-size: 90%;} .trvl-linkboxes-container .trvl-link-box h4 {font-size: 140%;} .trvl-linkboxes-container .trvl-link-box .trvl-box-img {height: 12.5rem;} .trvl-serviceboxes-container {font-size: 80%;} .trvl-serviceboxes-container .trvl-service-box-01 .trvl-link-hotline {font-size: 220%;} .trvl-mask a.calendar i {font-size: 160%;} .trvl-mask .trvl-sf-summary div[class^="col-"]:nth-child(2), .trvl-mask .trvl-sf-summary div[class^="col-"]:nth-child(4) {border-right: none;} .trvl-mask .trvl-sf-summary div[class^="col-"]:nth-child(1), .trvl-mask .trvl-sf-summary div[class^="col-"]:nth-child(2) {border-bottom: 1px solid #fff;} .trvl-home .trvl-mask .h2, .trvl-xbe-offers-container-03 h4 {font-size: 195%;} .trvl-servicerows-container .h1 {font-size: 230%;} .trvl-usp-container .h1 {font-size: 230%;} .trvl-container-content > .trvl-service-reiseagent {padding-top: 3em;} .trvl-service-reiseagent h1 {font-size: 200%;} .trvl-tct-container-boxes p {font-size: 90%;} } /* MD Medium devices, Mobile */ @media screen and (max-width: 767px) { /* Hide */ .trvl-container-footer .trvl-footer-nav, .trvl-container-footer .trvl-footer-text address {display: none;} html {font-size: 16px;} body {padding-top: 55px;} body.trvl-home-body {padding-top: 0;} body.trvl-xbe-body {padding-top: 55px;} header {height: 55px; font-size: 100%; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20);} footer {font-size: 95%;} h1, .h1 {font-size: 160%; margin-top: 2rem;} h2, .h2 {font-size: 135%;} h3, .h3 {font-size: 120%;} h4, .h4 {font-size: 120%;} .trvl-img-intro .trvl-spinner {margin-top: 4.5rem; margin-bottom: 1rem;} .form-text {margin-bottom: .75rem;} .container {max-width: 540px;} .trvl-container-header .container, .trvl-container-footer .container {max-width: 100%;} .trvl-container-footer .trvl-footer-nav .trvl-col:nth-child(3) {margin-bottom: 1em;} .trvl-container-footer .trvl-footer-nav a {margin-bottom: .25em;} .trvl-container-header .trvl-logo {position: absolute; left: -50%; right: -50%; margin: auto; top: 0; width: 10em; height: 52px;} .trvl-container-header .trvl-logo a img {left: 0; width: 95%; margin: auto;} .trvl-container-header .trvl-sandwich-icon button {margin-left: -15px; padding: 0; width: 57px; height: 55px; cursor: pointer; font-size: 190%; color: #333; background-color: #fff;} .trvl-container-header .trvl-sandwich-icon button i {padding-right: 0;} .trvl-container-header .trvl-merkzettel {top: .5rem; height: 55px; margin-right: 5px; font-size: 102%; right: 0; border-radius: 0;} .trvl-container-header .trvl-merkzettel a {min-width: auto; border-radius: 0;} .trvl-container-header .trvl-merkzettel a::before {font-size: 2.65rem;} .trvl-container-header .trvl-merkzettel .trvl-counter {} .trvl-container-header .trvl-merkzettel .trvl-counter span {font-size: 1.15rem; line-height: 2;} .trvl-container-header .trvl-merkzettel .fas {font-size: 110%;} .trvl-container-nav {border: 0;} .trvl-container-nav .container {padding-right: 0; max-width: 100%; background-color: #f2f0e9;} .trvl-container-nav .trvl-nav-cards {width:100%; height: 100vh; overflow-y:auto;} .trvl-container-nav .trvl-nav-cards a {display: block; font-size: 130%; padding: .3rem .75rem; line-height: 1.3; margin-right: 15px;} .trvl-container-nav .trvl-nav-cards a:first-of-type {margin-top: 1rem;} .trvl-container-nav .trvl-nav-cards a:last-of-type {margin-right: 15px;} .trvl-container-nav .trvl-nav-cards .trvl-nav-subnav-container {display: block; margin-left: 0rem; margin-right: 15px;} .trvl-container-nav .trvl-nav-cards .trvl-nav-subnav-container a {display: block; margin-top: 0; margin-right: 0;} .trvl-container-nav .trvl-nav-cards .trvl-subnav {position: static; margin-top: 2px; width: 100%; font-size: 90%; padding-top: .75em; padding-bottom: .75em;} .trvl-container-nav .trvl-nav-cards .trvl-subnav a {font-size: 125%; padding-top: .375em; padding-bottom: .375em;} .trvl-container-nav .trvl-nav-cards .trvl-mobile-nav-phone {border-bottom: 3px dotted #73716a; margin-right: 15px; padding-bottom: 25px; font-size: 105.25%;} .trvl-container-nav .trvl-nav-cards .trvl-mobile-nav-phone a {margin-right: 0; white-space: nowrap; color: #ca0915;} .trvl-container-nav .trvl-nav-cards .trvl-mobile-nav-phone a:hover, .trvl-container-nav .trvl-nav-cards .trvl-mobile-nav-phone a:focus {color: #f88029;} .trvl-container-nav .trvl-nav-cards .trvl-mobile-nav-phone .trvl-link-hotline-text {padding-left: .625em; color: #333; font-size: 90%;} .trvl-container-nav .trvl-nav-cards .trvl-mobile-nav-row {margin-top: 1rem; border-top: 3px dotted #73716a; margin-right: 15px;} .trvl-container-nav .trvl-nav-cards .trvl-mobile-nav-row a {text-transform: none; font-weight: 400; font-size: 130%; margin-right: 0;} .trvl-container-nav .trvl-nav-cards .trvl-mobile-nav-row-01 {} .trvl-container-nav .trvl-nav-cards .trvl-mobile-nav-row-02 {} .trvl-container-nav .trvl-nav-cards .trvl-mobile-nav-row-03 {} .trvl-container-nav .trvl-nav-cards .trvl-mobile-nav-row-04 {border-radius: 12px; padding: .5em 1em 2em 1em; margin-bottom: 2em; font-size: 100%; background-color: #e5e1d4; border: none;} .trvl-container-nav .trvl-nav-cards .trvl-mobile-nav-row-04 p, .trvl-container-nav .trvl-nav-cards .trvl-mobile-nav-row-04 address, .trvl-container-nav .trvl-nav-cards .trvl-mobile-nav-row-04 .trvl-copyright {margin-top: 1em; color: #333; line-height: 1.45;} .trvl-container-nav .trvl-nav-cards .trvl-mobile-nav-row-04 address span {margin-right: 1em;} .trvl-xbe-container-breadcrumb {padding-bottom: 0;} .trvl-container-footer {font-size: 95%; padding-top: 1.25em;} .trvl-container-footer .trvl-footer-logo {font-size: 70%; height: 4.5em; bottom: -1.35em;} .trvl-container-footer .trvl-service-nav {margin-top: 0em;} .trvl-container-footer .trvl-footer-text {margin-top: 1em;} .trvl-container-footer .trvl-footer-text > span {display: block;} .trvl-container-footer .trvl-footer-text .trvl-copyright {padding-top: 1em;} .trvl-content-box {margin-top: 1em; background-color: #fff; padding: 15px;} .trvl-btn-preis {text-align: center !important;} .trvl-mask .h2 {font-size: 180%; margin-bottom: .5rem;} .trvl-mask .trvl-sf-title h1 {font-size: 140%;} .trvl-mask .trvl-sf-button {padding-left: 22px; padding-right: 22px;} .trvl-xbe-content .trvl-xbe-box-title .h2 > span::before {content:''; display: block; margin-top: .25em;} .trvl-xbe-content .trvl-xbe-box-pagination .trvl-xbe-pagi {text-align: center;} .trvl-xbe-content .trvl-xbe-box-pagination .trvl-xbe-pagi-typ select {width: 100%; margin-top: 1em; margin-bottom: 1em; margin-left: 0;} .trvl-xbe-content .trvl-xbe-box-pagination .trvl-xbe-pagi-ort select {width: 100%; margin-bottom: 1em; max-width: 100%;} .trvl-xbe-content .trvl-xbe-box-pagination .trvl-xbe-pagi .pagination {display: inline-block; float: none; font-size: 145%;} .trvl-xbe-content .trvl-xbe-box-pagination span.seite {padding-top: .6em;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-img-container, .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-body-container {width: 100%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-img-container {margin-top: .5em; margin-bottom: 1.75em;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-btn-preis {font-size: 175%; min-width: 50%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-mkz {left: -100%; right: -100%; margin: 0 auto 1em auto; font-size: 260%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-img-container {width: 100%; max-width: 100%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-offer-body {width: 100%; text-align: center; padding-top: 3em; padding-bottom: 1em;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-offer-body .trvl-xbe-row-inner {position: static; width: auto;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-text h3 {font-size: 175%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-box-tags .btn {padding: .15em .325em .15em .325em;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-ort, .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-ziel {width: 100%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-hotelinfo-links {font-size: 115%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-hotelinfo-links a {margin-bottom: .5em;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-hotelinfo-container {width: 100%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-hotelinfo-container iframe {width: 100%; overflow: hidden;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-hotelinfo-container .hic_close {right: 0; padding-right: 10px; width: 100%; text-align: right; height: 50px;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-va {padding: 2em 0 0 0; text-align: center;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-preis {padding: 1em; text-align: center;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-reviews {font-size: 100%;} .trvl-xbe-content .trvl-xbe-box-offer .trvl-xbe-trustedreviews {font-size: 100%; width: 10rem; margin: 2rem auto 0 auto; float: none;} .trvl-xbe-content .trvl-xbe-row-vstage1 {text-align: center;} .trvl-xbe-content .trvl-xbe-row-vstage1 i {display: block;} .trvl-xbe-content .trvl-xbe-row-vstage2b > div {text-align: left;} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-preis {margin-bottom: 1em;} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-services {margin-top: 0; margin-left: 2.65em;} .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-flight > div > div, .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-return-flight div > div, .trvl-xbe-content .trvl-xbe-row-vstage3 .trvl-xbe-services {margin-left: 0;} .trvl-xbe-content-reg .trvl-btn-preis {font-size: 120%;} .trvl-xbe-content-reg .trvl-btn-preis {width: auto;} .trvl-xbe-content-reg .trvl-xbe-tr .trvl-xbe-td:first-child {font-size: 110%;} .trvl-xbe-berid {margin-bottom: 1.5rem;} .trvl-xbe-berid span {font-weight: 600; font-size: 125%; padding-left: .25rem;} .trvl-xbe-container .trvl-xbe-content h2 {clear: both; padding-right: 0;} .trvl-xbe-ralnk {} .trvl-mask {} .trvl-mask .trvl-btn {margin-top: 1em;} .trvl-mask .trvl-btn-filter {} .trvl-mask a.calendar {padding-top: .15rem;} .trvl-mask a.calendar i {font-size: 185%; margin-left: .525rem;} .trvl-mask .trvl-fg1-expanded #divregion {width: 49.75%;} .trvl-img-intro .trvl-mask .trvl-fg1-expanded #divregion {width: 50%;} .trvl-mask .trvl-sf-summary {margin-bottom: 0; border-top: 0;} .trvl-mask .trvl-sf-summary div[class^="col-"]:first-child {padding-top: 1em;} .trvl-mask .trvl-sf-summary div[class^="col-"] {padding-top: 0; border: none;} .trvl-mask .trvl-sf-button {position: static; margin-top: 0; width: 100%;} .trvl-mask .trvl-sf-button .trvl-btn {margin-top: .5em;} .trvl-mask .trvl-sf-title {padding: 0; min-height: 1px;} .trvl-xbe-body .trvl-mask {margin-bottom: 1.5rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .trvl-xbe-body .trvl-btn-container {margin-top: -1.75rem; margin-bottom: 1.5rem; border-top: 0;} .trvl-xbe-body .trvl-btn-container .trvl-btn-filter {margin-top: 0;} .trvl-img-intro {height: 7rem; background-size: auto 120px; background-position: 65% 0;} .trvl-home .trvl-img-intro {padding-top: 6rem; padding-bottom: 3.5rem; height: auto; background-size: auto 420px; background-position: left top;} .trvl-home .trvl-mask {} .trvl-home .trvl-xbe-filter {padding-bottom: 15px;} .trvl-xbe-offers-box, .trvl-xbe-bookmarks-box {font-size: 100%;} .trvl-xbe-offers-box .trvl-xbe-offers-img-container, .trvl-xbe-bookmarks-box .trvl-xbe-offers-img-container {height: 8.25rem;} .offers.h-100 {height: auto !important;} .trvl-xbe-offers-container {margin-top: 3em;} .trvl-xbe-offers-container h4 {font-size: 150%; max-width: 65%} .trvl-xbe-offers-container .container .trvl-btn-preis {margin-top: .5em; margin-bottom: .625em; width: auto; display: inline-block;} .trvl-xbe-offers-container .container .row .col:first-child {padding-right: 15px} .trvl-xbe-offers-container .container .trvl-btn-preis {text-align: center;} .trvl-xbe-offers-container .container .trvl-btn-container .trvl-btn {font-size: 115%; line-height: 1.3;} .trvl-xbe-offers-container-00 .trvl-box-img, .trvl-xbe-offers-container-01 .trvl-box-img, .trvl-xbe-offers-container-02 .trvl-box-img {height: 13rem;} .trvl-xbe-offers-container-01 .container .row:nth-child(odd), .trvl-xbe-offers-container-02 .container .row:nth-child(odd), .trvl-xbe-offers-container-01 .container .row:nth-child(even), .trvl-xbe-offers-container-02 .container .row:nth-child(even) {float: none; width: 100%;} .trvl-xbe-offers-container-01 .container .row:nth-child(2), .trvl-xbe-offers-container-02 .container .row:nth-child(2) {border-top: 2px dotted #e5e1d4;} .trvl-xbe-offers-container-01 .container .row.trvl-last, .trvl-xbe-offers-container-02 .container .row.trvl-last {border: none !important;} .trvl-xbe-offers-container-03 {margin-top: 2rem;} .trvl-xbe-content-book {margin-top: 0;} .trvl-xbe-content-book .trvl-book-vakanz .trvl-alert-success h3 {font-size: 135%;} .trvl-xbe-content-book h4 {font-size: 155%;} .trvl-xbe-content-book .trvl-xbe-img-container {margin-bottom: 1rem;} .trvl-servicerows-container .h1 {font-size: 180%;} .trvl-servicerows-container .trvl-link-hotline-text {font-size: 115%;} .trvl-servicerows-container.trvl-row-trustpilot {margin-top: 3rem;} .trvl-usp-container {margin-top: 3.5em;} .trvl-usp-container .h1 {font-size: 180%;} .trvl-linkboxes-container {margin-top: 3em;} .trvl-linkboxes-container .trvl-link-box h4 {font-size: 145%;} .trvl-linkboxes-container .trvl-link-box p {font-size: 105.25%;} .trvl-linkboxes-container .trvl-link-box .trvl-box-img {height: 15rem;} .trvl-textboxes-container {margin-top: 1rem; margin-bottom: 0;} .trvl-textboxes-container .trvl-text-box-02, .trvl-textboxes-container .trvl-text-box-03 {text-align: center;} .trvl-service .trvl-link-hotline {font-size: 120%;} .trvl-tct .trvl-tct-search {right: auto; left: 0; width: 100%;} .trvl-tct .trvl-tct-search form {margin-left: 15px; margin-right: 15px;} .trvl-tct .nav-tabs .nav-item {width: 50%;} .trvl-tct .trvl-tct-search-box {border-top-right-radius: 0; text-align: center;} .trvl-tct .trvl-tct-search-box select {margin-bottom: 1.25rem; background-image: url(/img/layout/icon_select.png); padding-right: 1.85rem; height: 2em;} .trvl-tct-list .article_text {padding-right: 0;} .trvl-tct-list .article_text .img_l, .trvl-tct-list .article_text .img_r {float: none; width: 100%; max-width: 475px; margin: 0 0 1.25em 0;} .trvl-tct-list .article_text .img_l img, .trvl-tct-list .article_text .img_r img {} .trvl-tct-list .article_text h2 {font-size: 150%;} .trvl-container-content > .trvl-service-reiseagent {padding-top: 0;} .trvl-service-reiseagent h1 {font-size: 160%;} .trvl-tct-container-boxes .fas {display: none;} .trvl-tct-container-boxes .FieldDeactivated {top: -40px; left: 0;} } /* SM Small devices */ @media screen and (max-width: 576px) { html {font-size: 17px;} .trvl-img-intro {} .trvl-home .trvl-img-intro {} .trvl-img-intro .trvl-link-back .trvl-btn-back {width: 7.5rem;} .trvl-mask .row .trvl-col-50 {width: 100% !important;} .trvl-mask .trvl-sf .form-check {margin-right: .5rem;} .trvl-mask .trvl-fg1-expanded #divregion, .trvl-mask .trvl-fg1-expanded #divziel, .trvl-img-intro .trvl-mask .trvl-fg1-expanded #divziel, .trvl-img-intro .trvl-mask .trvl-fg1-expanded #divregion {display: block !important; width: 100% !important;} .trvl-mask .trvl-fg1-expanded #divregion select {width: 100% !important;} .trvl-xbe-offers-box, .trvl-xbe-bookmarks-box {padding-left: 15%; padding-right: 15%;} .trvl-xbe-offers-box .trvl-xbe-offers-img-container, .trvl-xbe-bookmarks-box .trvl-xbe-offers-img-container {height: 12rem;} } @media screen and (max-width: 520px) { .trvl-xbe-offers-box .trvl-xbe-offers-img-container, .trvl-xbe-bookmarks-box .trvl-xbe-offers-img-container {height: 9rem;} } @media screen and (max-width: 420px) { html {font-size: 17px;} .trvl-img-intro {} .trvl-home .trvl-img-intro {} .trvl-mask .trvl-sf .form-check {display: block !important;} .trvl-xbe-offers-box, .trvl-xbe-bookmarks-box {padding-left: 5%; padding-right: 5%;} .trvl-xbe-offers-box .trvl-xbe-offers-img-container, .trvl-xbe-bookmarks-box .trvl-xbe-offers-img-container {height: 10rem;} .trvl-xbe-offers-container h4 {font-size: 150%; max-width: 90%} } @media screen and (max-width: 380px) { html {font-size: 16px;} .trvl-home .trvl-img-intro {} .trvl-img-intro, .trvl-home .trvl-img-intro {} }