/*20241124*/
* {
    margin: 0;
    padding: 0;
    border: 0
}

table {
    width: 100%
}

input, select, textarea {
    font-family: 'Arial';
    font-size: 12px
}

select, textarea {
    border: 1px solid silver
}

textarea {
    padding: 2px
}

p {
    line-height: 16px
}

a {
    color: #000
}

td, th {
    font-size: 12px;
    padding: 4px 6px 4px 6px
}

h1 {
    font-size: 20px;
    margin: 0 0 18px 0;
    font-weight: 400
}

h2 {
    font-size: 16px;
    font-weight: 400;
    margin: 8px 0 14px 0
}

h6 {
    font-size: 16px;
    font-weight: 400;
    margin: 8px 0 14px 0
}

h3 {
    margin: 4px 0 12px 0
}

.page-in-wrapper {
    width: 1040px;
    display: block;
    margin: 0 auto;
    background-color: transparent
}

.page-in-wrapper-in {
    text-align: left
}

.page-in-head-wrapper {
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

.page-in-center-wrapper {
    width: 1040px;
    margin: 0 auto;
    text-align: left;
    background-color: transparent
}

#page-header {
    display: block;
    width: 1040px;
    height: 126px;
    background: transparent url(../_images/sprite.png) -1042px -495px no-repeat;
    margin-bottom: 30px
}

.page-homepage-carousel-header {
    position: absolute;
    top: 0;
    z-index: 2;
    margin-bottom: 0
}

#page-header-in {
    padding: 10px 0 0 180px
}

ul#page-header-cruiselines {
    list-style: none;
    display: none
}

ul#page-header-cruiselines li {
    display: inline
}

ul#page-header-cruiselines li a {
    text-decoration: none;
    color: #606060;
    padding-right: 20px;
    font-size: 10px
}

ul#page-header-cruiselines li a:hover {
    color: #101010;
    text-decoration: underline
}

ul#page-header-mainnavi {
    display: block;
    width: 840px;
    height: 37px;
    background: transparent url(../_images/sprite.png) 0 -557px no-repeat;
    margin-top: 85px
}

ul#page-header-mainnavi li {
    display: inline
}

ul#page-header-mainnavi li a {
    display: block;
    float: left;
    color: #fff;
    font-size: 14px;
    text-align: center;
    height: 37px;
    line-height: 37px;
    text-decoration: none;
    padding-left: 13px;
    padding-right: 12px;
    background: transparent url(../_images/mainnavi-separator.png) right center no-repeat
}

ul#page-header-mainnavi li a b {
    padding: 2px 0 2px 5px;
    font-weight: 400
}

ul#page-header-mainnavi li a:hover b, ul#page-header-mainnavi li a.active b {
    background: transparent url(../_images/mainnavi-hover.png) 0 center no-repeat
}

ul#page-header-mainnavi li a em {
    padding: 2px 1px 2px 0
}

ul#page-header-mainnavi li a:hover em, ul#page-header-mainnavi li a.active em {
    background: transparent url(../_images/mainnavi-hover.png) right center no-repeat
}

ul#page-header-mainnavi li a.first:hover {
    margin-left: 0
}

ul#page-header-mainnavi div#main-search-wrapper {
    width: 136px;
    height: 16px;
    background: transparent url(../_images/sprite.png) -1042px -972px no-repeat;
    float: right;
    margin: 10px 20px 0 0
}

input#main-search-input {
    font-size: 11px;
    padding: 2px;
    color: #202020;
    background-color: transparent;
    border: none
}

span.page-homepage-in-position {
    display: block;
    padding: 350px 20px 0 0;
    margin-left: 0
}

span.page-homepage-in {
    display: block;
    height: 100px
}

span.page-homepage-in ul {
    padding: 0;
    margin: 0;
    list-style: none
}

span.page-homepage-in ul li {
    float: left;
    height: 40px;
    line-height: 40px;
    display: block;
    padding: 0
}

.page-homepage-carousel {
    margin-top: 0;
    width: 2000px
}

span.page-homepage-cruise {
    background: transparent url(../_images/sprite.png) -1042px -1371px repeat-x;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 8px
}

span.page-homepage-cruise-border {
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 2px;
    background: transparent url(../_images/start-label-2.png) right 0 no-repeat
}

span.page-homepage-price {
    float: left;
    display: block;
    height: 40px;
    line-height: 20px;
    width: 183px;
    color: #fff;
    font-size: 16px;
    background: transparent url(../_images/sprite.png) -1042px -1551px no-repeat;
    margin-left: -175px
}

span.page-homepage-price-in {
    display: block;
    width: 173px;
    margin-left: 10px
}

span.page-homepage-price-old {
    width: 119px;
    height: 25px;
    float: left;
    margin: 35px 0 0 80px;
    line-height: 25px;
    color: #202020;
    text-align: center;
    background: transparent url(../_images/sprite.png) -1042px -1501px repeat-x
}

span.page-homepage-price-hint, span.price-hint {
    font-size: 11px
}

span.price-specialprice {
    font-size: 10px
}

span.price-alert {
    color: red
}

.clearer {
    clear: both
}

.clearer-bottom {
    margin-bottom: 20px
}

#page-content-container-top {
    height: 50px;
    width: 1040px;
    background: transparent url(../_images/bg-main-top.png) 0 0 no-repeat
}

.page-homepage-carousel-bottom {
    position: absolute;
    top: 450px; /*!*/
    z-index: 2
}

.page-homepage-carousel-bottom-2 {
    margin-top: -100px; /*!*/
    z-index: 3;
    position: absolute;
    width: 1040px
}

#page-content-container {
    background: transparent url(../_images/bg-main.png) 0 0 repeat-y;
    position: absolute;
    width: 1040px
}

#page-content-container-bottom {
    width: 100%;
    height: 15px;
    background: #fff url(../_images/bg-main-bottom.png) 0 bottom repeat-x
}

#page-content-container-in {
    padding: 0 20px 10px 20px
}

.page-col-left {
    width: 320px;
    margin-right: 20px;
    float: left
}

.page-col-main {
    width: 660px;
    float: right
}

#page-background-image {
    background-position: center 0;
    background-repeat: no-repeat
}

.col-33 {
    width: 320px;
    height: 331px;
    background: transparent url(../_images/col-33.png) 0 0 repeat-x;
    float: left;
    margin: 0 20px 20px 0
}

.col-33-small {
    height: 309px;
    background-image: url(../_images/col-33-small.png)
}

.col-in {
    margin: 20px 15px 20px 15px;
    color: #505050
}

.col-in img {
    margin: 0 0 30px 0
}

.col-in h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 2px 0;
    color: #404040
}

.col-33-small .col-in h3 {
    margin-bottom: 12px
}

.col-in h4 {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 12px 0
}

.col-in a {
    text-decoration: none
}

.col-in a.more {
    color: #009EDD
}

.col-in a.more:hover {
    text-decoration: underline
}

.col-in p.pricebox {
    float: right;
    margin: 0 0 8px 3px;
    text-align: right;
    display: block
}

.col-in p.pricebox .price {
    color: #0094FF;
    font-size: 16px
}

.col-in p {
    clear: both
}

.col-in div.top-label {
    width: 70px;
    height: 70px;
    background: transparent url(../_images/sprite.png) 0 -1257px no-repeat;
    z-index: 5;
    margin: 100px 0 0 210px;
    position: absolute
}

.col-in div.top-label td {
    text-align: center;
    vertical-align: middle;
    width: 70px;
    height: 65px;
    padding: 0;
    background-color: transparent;
    color: #fff;
    font-size: 11px
}

span.price-service {
    font-size: 10px
}

span.price-old {
    text-decoration: line-through
}

.page-servicebox-container {
    background-color: #F6F6F6;
    background: transparent url(../_images/bg-search.png) 0 bottom no-repeat;
    margin-bottom: 20px
}

.page-servicebox-container h3 {
    background: transparent url(../_images/sprite.png) 0 -1044px no-repeat;
    height: 33px;
    line-height: 33px;
    color: #fff;
    font-weight: 400;
    font-size: 14px
}

.page-servicebox-container h3 em {
    padding-left: 15px
}

.searchcontainer-inputs, .page-servicebox-container-in {
    margin: 25px 25px 0 25px;
    padding-bottom: 25px
}

.searchcontainer-inputs .search-input-wrap, .page-col-left .input-wrap {
    display: block;
    width: 270px;
    height: 34px;
    background: transparent url(../_images/sprite.png) -1042px -632px no-repeat;
    margin-bottom: 15px
}

.searchcontainer-inputs .search-input-wrap input, .searchcontainer-inputs .search-input-wrap select, input.dmail-subscription-input {
    font-size: 13px;
    padding: 0;
    width: 240px;
    margin: 7px 0 0 15px;
    border: none
}

.page-col-left input.dmail-subscription-input {
    margin-top: 9px
}

.page-col-left label {
    font-weight: 700;
    margin-bottom: 3px;
    display: block
}

input.cal {
    background: transparent url(../_images/cal.png) right 0 no-repeat
}

.submit-button, table.order-table input.submit-button, .page-col-left input.dmail-subscription-submit {
    width: 129px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    cursor: pointer;
    background: transparent url(../_images/sprite.png) 0 -1352px no-repeat;
    border: none
}

.submit-button:hover, table.order-table input.submit-button:hover, .page-col-left input.dmail-subscription-submit:hover {
    background-position: 0 -1377px
}

.submit-button-right, .page-col-left input.dmail-subscription-submit {
    float: right
}

.submit-button-large {
    width: 300px;
    background: transparent url(../_images/submit-button-large.png) 0 0 no-repeat
}

.submit-button-large:hover, table.order-table input.submit-button-flight-av:hover {
    background-position: 0 -25px
}

table.order-table input.submit-button-flight-av {
    width: 220px;
    background: transparent url(../_images/button-large-2.png) 0 0 no-repeat
}

.col3-wrapper {
    display: block;
    width: 1000px;
    background: transparent url(../_images/bg-3col-wrapper.png) 0 0 no-repeat;
    margin-bottom: 0
}

.col3-wrapper-bottom {
    width: 1000px;
    height: 15px;
    background: transparent url(../_images/bg-3col-bottom.png) 0 bottom no-repeat
}

.col3-wrapper-in {
    padding: 15px 0 0 0
}

.col33-text-outer {
    width: 330px;
    float: left
}

.col33-text-inner {
    width: 340px;
    float: left
}

.col-last, .col33-last {
    margin-right: 0
}

.col-separator {
    background: transparent url(../_images/3col-separator.png) right center no-repeat
}

.col-text-in {
    padding: 10px
}

.col-text-in h2 {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 400
}

#page-footer-wrapper {
    width: 100%;
    background-color: #fff; /*!*/
    padding-top: 30px
}

#page-footer-top {
    background: transparent url(../_images/sprite.png) 0 -261px no-repeat;
    width: 100%;
    height: 10px
}

#page-footer {
    background: transparent url(../_images/bg-footer.png) 0 0 repeat-y;
    color: #707070
}

#page-footer-left {
    float: left
}

#page-footer-right {
    width: 180px;
    float: left
}

#page-footer-in {
    padding: 10px 20px 10px 20px
}

.page-footer-col {
    width: 180px;
    float: left;
    margin: 0 10px 0 10px;
    background: transparent url(../_images/3col-separator.png) right center repeat-y
}

.footer-last-col {
    background-image: none
}

.page-footer-col ul, .page-footer-col p {
    margin-top: 15px
}

.page-footer-col ul li {
    list-style: none;
    padding-bottom: 6px
}

.page-footer-col a {
    color: #707070;
    text-decoration: none
}

.page-footer-col a:hover {
    text-decoration: underline;
    color: #202020
}

.ship-cruiseline-logo {
    float: right
}

ul.ship-navi, ul.cruise-navi-1 {
    width: 660px;
    height: 35px;
    background: transparent url(../_images/sprite.png) 0 -1102px no-repeat;
    margin-bottom: 15px
}

ul.first-ship-navi {
    margin-bottom: 2px
}

ul.cruise-navi-1 {
    width: 1000px;
    background-position: 0 -201px
}

ul.ship-navi li, ul.cruise-navi-1 li {
    list-style: none;
    display: inline
}

ul.ship-navi li a, ul.cruise-navi-1 li a {
    display: block;
    float: left;
    width: 132px; /*!*/
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: transparent
}

ul.cruise-navi-1 li a {
    width: 200px /*!*/
}

ul.ship-navi li a:hover, ul.ship-navi li a.active, ul.cruise-navi-1 li a:hover, ul.cruise-navi-1 li a.active {
    background: transparent url(../_images/cruise-navi-2b.png) 0 0 no-repeat
}

ul.ship-navi li a.first:hover, ul.ship-navi li a.first-active, ul.ship-navi li a.first-active:hover, ul.cruise-navi-1 li a.first:hover, ul.cruise-navi-1 li a.first-active {
    background-image: url(../_images/cruise-navi-2a.png)
}

ul.ship-navi li a.last:hover, ul.ship-navi li a.last-active, ul.ship-navi li a.last-active:hover, ul.cruise-navi-1 li a.last:hover, ul.cruise-navi-1 li a.last-active {
    background-image: url(../_images/cruise-navi-2c.png);
    background-position: right 0
}

p#contact-tel {
    margin-bottom: 12px;
    padding-left: 40px;
    background: transparent url(../_images/sprite.png) -1042px 0 no-repeat
}

p#contact-mail {
    padding-left: 40px;
    padding-bottom: 15px;
    background: transparent url(../_images/contact-mail.png) 0 0 no-repeat
}

#page-breadcrumb {
    padding-top: 4px
}

ul#breadcrumb {
    width: 1032px;
    height: 31px;
    margin-left: 4px;
    border-bottom: solid 1px silver
}

ul#breadcrumb li {
    list-style: none;
    display: inline
}

ul#breadcrumb li a {
    padding-left: 10px;
    padding-right: 20px;
    text-decoration: none;
    color: #707070;
    line-height: 31px;
    display: block;
    height: 31px;
    float: left;
    background: transparent url(../_images/arrow.png) right 0 no-repeat
}

ul#breadcrumb li a:hover {
    color: #000
}

div.c50l .subcl {
    width: 49%;
    float: left;
    margin-right: 5px
}

div.c50r .subcr {
    width: 49%;
    float: right
}

div.c33l .subcl, div.c33l .subc {
    width: 32%;
    float: left;
    margin-right: 5px
}

div.c33r .subcr {
    width: 32%;
    float: right
}

div.c33l .subcl {
    width: 33%;
    float: left;
    margin-right: 5px
}

div.c66r .subcr {
    width: 66%;
    float: right
}

div.c66l .subcl {
    width: 66%;
    float: left;
    margin-right: 5px
}

div.c33r .subcr {
    width: 33%;
    float: right
}

.cruise-container {
    margin-bottom: 30px
}

#accordion .ui-state-default .ui-icon, #accordion .ui-state-active .ui-icon {
    background: none
}

.ui-widget {
    font-family: 'Arial';
    font-size: 12px
}

#accordion .ui-accordion-header, #accordion .ui-helper-reset, #accordion .ui-state-default, #accordion .ui-corner-all, #accordion .ui-corner-all, #accordion .ui-corner-bottom, #accordion .ui-corner-right, #accordion .ui-corner-br, #accordion .ui-corner-all, #accordion .ui-corner-bottom, #accordion .ui-corner-left, #accordion .ui-corner-bl, #accordion .ui-corner-all, #accordion .ui-corner-top, #accordion .ui-corner-right, #accordion .ui-corner-tr, #accordion .ui-corner-all, #accordion .ui-corner-top, #accordion .ui-corner-left, #accordion .ui-corner-tl {
    border: none
}

#accordion .ui-state-default, #accordion .ui-widget-content .ui-state-default, #accordion .ui-widget-header .ui-state-default {
    background: none;
    border: none
}

#accordion span.ui-icon {
    display: none
}

#accordion .ui-widget-content a {
    color: #fff;
    background-color: transparent
}

#accordion {
    margin-bottom: 15px
}

#accordion h5 {
    margin: 0 0 1px 0
}

#accordion h5 a {
    display: block;
    background: transparent url(../_images/bg-h5.png) 0 0 no-repeat;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    width: 660px;
    text-decoration: none;
    color: #fff;
    font-weight: 700
}

#accordion h5 a:hover, #accordion h5.ui-state-active a {
    background-position: 0 -35px;
    color: #00AEEF
}

#accordion h5 b {
    padding-left: 40px
}

.subcolumns {
    margin-bottom: 20px
}

.cruise-container table {
    border: solid 1px #c2c2c2
}

.cruise-container table td {
    border-bottom: solid 1px #fff
}

td.td-even {
    background-color: #ebebeb
}

a.booking-link, a.deckdetail-link {
    display: block;
    text-decoration: none;
    width: 150px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    background: transparent url(../_images/sprite.png) -129px -1352px no-repeat;
    text-align: center;
    font-weight: 700
}

a.deckdetail-link {
    width: 129px;
    background-image: url(../_images/sprite.png);
    background-position: 0 -1352px;
    font-weight: 400
}

a.deckdetail-link:hover {
    background-position: 0 -1377px
}

a.booking-link:hover {
    background-position: -129px -1377px
}

.cruise-container span.price b {
    font-weight: 700;
    color: red
}

.cruise-container span.price {
    font-size: 14px
}

.right {
    text-align: right
}

.center {
    text-align: center
}

table.mini-cart {
    margin-top: 16px;
    width: 270px
}

table.mini-cart td {
    border-bottom: solid 1px silver;
    padding: 5px 0 5px 0
}

table.mini-cart td.sum {
    font-weight: 700;
    border-bottom: solid 2px silver
}

.order-breadcrumb {
    width: 660px;
    height: 33px;
    background: transparent url(../_images/sprite.png) -1042px -1013px no-repeat;
    margin-bottom: 15px
}

.step {
    width: 120px;
    height: 33px;
    line-height: 33px;
    float: left;
    text-align: center;
    color: #9BDCF2;
    margin-right: 12px
}

.step-done {
    color: #fff
}

table.order-table {
    width: 660px
}

table.order-table td {
    border-bottom: solid 1px silver;
    vertical-align: middle
}

td.order-label {
    width: 120px
}

td.order-input {
    width: 210px
}

table.order-table input {
    height: 28px;
    line-height: 28px;
    font-weight: 400;
    width: 205px;
    border: solid 1px #d0d0d0;
    background: #fff url(../_images/bg-input.png) repeat-x 0 0
}

table.order-table td.radio-box input {
    width: 30px
}

.rs-carousel .rs-carousel-mask {
    overflow: hidden
}

.rs-carousel .rs-carousel-runner {
    position: relative;
    list-style: none
}

.rs-carousel.rs-carousel-horizontal .rs-carousel-item {
    float: left
}

.rs-carousel-item a.page-home-linkwrap {
    display: block;
    width: 2000px;
    height: 600px;
    text-decoration: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-align: left
}

#rs-carousel .rs-carousel-item {
    width: 2000px;
    height: 600px;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat
}

#rs-carousel .rs-carousel-action-next, #rs-carousel .rs-carousel-action-prev {
    cursor: pointer
}

#rs-carousel .rs-carousel-pagination-link {
    display: inline;
    height: 20px
}

#rs-carousel .rs-carousel-pagination-link a {
    background: url(../_images/circle.png) repeat-x scroll 0 -20px transparent;
    display: block;
    float: left;
    height: 20px;
    margin-right: 5px;
    width: 20px;
    text-decoration: none
}

#rs-carousel .rs-carousel-pagination-link a:hover, #rs-carousel .rs-carousel-pagination-link-active a {
    background-position: 0 0
}

#rs-carousel.rs-carousel-disabled .rs-carousel-pagination-link a, #rs-carousel.rs-carousel-disabled .rs-carousel-action-next, #rs-carousel.rs-carousel-disabled .rs-carousel-action-prev, #rs-carousel .rs-carousel-action-disabled {
    color: gray;
    cursor: default
}

#rs-carousel .rs-carousel-mask {
    width: 2000px;
    height: 600px
}

ol.rs-carousel-pagination {
    display: block;
    text-align: left;
    height: 20px;
    margin: -205px 0 0 425px;
    position: absolute;
    left: 0
}

a.image-link {
    display: block;
    width: 120px;
    height: 65px;
    background-position: 0 0;
    background-repeat: no-repeat
}

a.image-link strong {
    display: block;
    width: 27px;
    height: 100%;
    background: transparent url(../_images/zoom.png) 2px bottom no-repeat
}

.pricetable-textline {
    margin-bottom: 5px
}

td.pricetable-price {
    width: 160px
}

div.ka-panel {
    margin-top: 8px;
    margin-bottom: 1px
}

div.ka-panel h2 {
    padding-left: 40px;
    margin-bottom: 7px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 35px;
    height: 35px
}

div.ka-panel.close {
    xheight: 35px;
    background: url(../_images/bg-h5-ext.png) no-repeat top left
}

div.ka-panel.open, div.ka-panel.close.hover {
    background: url(../_images/bg-h5-ext.png) no-repeat -660px 0
}

div.ka-panel.open h2, div.ka-panel.close.hover h2 {
    color: #00AEEF
}

div.ka-panel.open h6, div.ka-panel.close.hover h6 {
    color: #00AEEF
}

div.ka-content {
    padding-bottom: 0
}

div.ka-panel div.subcolumns {
    margin-bottom: 0
}

div.ka-panel div.subcolumns div.csc-textpic div.csc-textpic-single-image img {
    margin-bottom: 0
}

div.page-col-left div.csc-default {
    background-color: #F6F6F6;
    background: transparent url(../_images/bg-search.png) 0 bottom no-repeat;
    margin-bottom: 20px
}

div.page-col-left div.csc-default h2 {
    background: transparent url(../_images/sprite.png) 0 -1044px no-repeat;
    height: 33px;
    line-height: 33px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    padding-left: 15px
}

div.page-col-left div.csc-default h6 {
    background: transparent url(../_images/sprite.png) 0 -1044px no-repeat;
    height: 33px;
    line-height: 33px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    padding-left: 15px
}

div.page-col-left div.csc-default h2:hover {
    cursor: pointer
}

div.page-col-left div.csc-default p.bodytext, div.page-col-left fieldset {
    margin: 25px 25px 0 25px;
    padding-bottom: 25px
}

p#contact-tel {
    padding-bottom: 0
}

p#contact-mail {
    padding-bottom: 25px
}

p#contact-mail a {
    text-decoration: none
}

.cal {
    width: auto;
    float: left;
    padding-right: 20px
}

.cal td.cal-header {
    font-size: 11px;
    padding: 3px;
    margin: 3px;
    color: #B3B3B3
}

.cal a.cal-free {
    color: #8A8A8A;
    text-decoration: none
}

.cal .cal-monat {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #686868
}

.cal td.calendar-td {
    font-size: 13px;
    padding: 3px;
    margin: 3px;
    text-decoration: none
}

.cal td.calendar-td a {
    font-size: 13px;
    text-decoration: none
}

h1.calendar-navi a {
    color: #00AFEF;
    font-weight: 700;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
    text-decoration: none
}

h1.calendar-navi {
    color: #000;
    font-size: 24px;
    font-weight: 700
}

.col3-wrapper.dreispalter {
    background: none
}

.col3-wrapper.dreispalter div.subcolumns {
    overflow: hidden;
    padding-top: 15px;
    margin-bottom: 0;
    background: url(../_images/bg-3col-wrapper.png) no-repeat scroll 0 0 transparent
}

.col3-wrapper.dreispalter div.subcl, .col3-wrapper.dreispalter div.subc, .col3-wrapper.dreispalter div.subcr {
    padding: 10px
}

.col3-wrapper.dreispalter div.subcr {
    background-position: left center
}

.col3-wrapper.dreispalter div.subc {
    background: none
}

.col3-wrapper.dreispalter div.c33l .subcl, div.col3-wrapper.dreispalter div.c33r .subcr {
    width: 310px
}

.col3-wrapper.dreispalter div.c33l .subcl {
    margin-right: 10px
}

.col3-wrapper.dreispalter div.c33r .subcr {
    margin-left: 10px
}

.col3-wrapper.dreispalter div.subcolumns h2 {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 12px
}

.col3-wrapper.dreispalter div.clearer {
    width: 1000px;
    height: 15px;
    background: transparent url(../_images/bg-3col-bottom01.png) 0 bottom no-repeat
}

.extern-detail-itinary {
    margin: 10px 0 20px
}

.extern-detail-itinary table td {
    border-bottom: solid 1px silver
}

.extern-detail-c33r {
    float: right;
    width: 220px
}

.extern-detail-c33l {
    float: left;
    width: 220px
}

p.msc-flight-advice {
    font-style: italic;
    margin-bottom: 12px
}

p.extern-cabin-advice {
    font-style: italic;
    margin: 12px 0 12px 0
}

p.extern-advice {
    font-style: italic
}

table.order-table td, #page-booking-container table td {
    border-bottom: solid 1px silver;
    vertical-align: top
}

table.order-table textarea {
    height: 28px;
    line-height: 28px;
    font-weight: 700;
    width: 600px;
    border: solid 1px #d0d0d0;
    background: #fff url(../_images/bg-input.png) repeat-x 0 0
}

.extern-costa-imagerow {
    text-align: center
}

.extern-costa-imagerow img {
    margin: 0 3px 0 3px
}

div#termine h2 {
    margin-bottom: 12px
}

span.external-transfer-advice, b span.external-transfer-advice {
    font-weight: 400
}

ul.list-tooltips {
    margin: 0 0 12px 0;
    list-style: none
}

ul.list-tooltips li {
    padding: 4px 0 4px 0;
    border-bottom: solid 1px silver
}

.page-col-main p {
    line-height: 18px
}

div.asr-content-container-routen p b, div.asr-content-container-transfer span.empasize {
    display: block;
    border-bottom: solid 2px silver;
    margin: 4px 0 4px 0;
    font-weight: 700
}

div.asr-content-container-transfer h3 {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 12px 0
}

table.table-transfers {
    width: 100%;
    margin-bottom: 12px
}

table.table-transfers td {
    padding: 3px 1px 3px 1px;
    border-bottom: solid 1px silver
}

span#extern-msc-search-advice {
    visibility: hidden;
    font-weight: 700
}

#page-booking-container td.transfer-radio-box, #page-booking-container td.radio-box {
    width: 30px;
    text-align: center
}

#page-booking-container td.extern-transfer-titel, #page-booking-container td.transfer-titel {
    width: 330px
}

#page-booking-container td.extern-transfer-select, #page-booking-container td.transfer-select {
    width: 350px;
    text-align: right
}

#page-booking-container td.price {
    width: 70px
}

#page-booking-container td.erv-title {
    width: 560px
}

input.radio, table.order-table input.radio {
    width: auto;
    height: auto;
    line-height: auto;
    margin-top: 4px
}

#page-booking-container select, #page-booking-container option {
    width: 240px;
    padding: 1px
}

#page-booking-container select {
    border: solid 1px silver
}

p.error, div.error {
    background-color: #FFB6C1;
    border: solid 1px #7F0000;
    color: #600;
    font-weight: 700;
    margin-bottom: 12px;
    padding: 4px
}

p.info, div.info {
    margin-bottom: 12px;
    padding: 4px;
    background-color: #FFF68F;
    border: solid 1px #EEE685
}

#page-booking-container h2 {
    border-bottom: solid 1px #0090C0
}

#page-booking-container .extern-cabin-select select, #page-booking-container .extern-cabin-select option {
    width: 330px
}

a.imagepop span {
    display: none
}

a.imagepop:hover span {
    display: block;
    position: absolute;
    top: 2em;
    left: 2em
}

a.imagepop:hover {
    z-index: 2
}

a.imagepop {
    z-index: 1;
    position: relative
}

a.imagepop2 span {
    display: none
}

a.imagepop2:hover span {
    display: block;
    position: absolute;
    top: 1em;
    left: -400px
}

a.imagepop2:hover {
    z-index: 2
}

a.imagepop2 {
    z-index: 1;
    position: relative
}

#page-booking-container table.customer-data td {
    vertical-align: middle
}

img#extern-erv-logo {
    float: right;
    margin: 0 0 0 12px
}

select#extern-cc-month {
    width: 40px
}

select#extern-cc-year {
    width: 80px
}

td#extern-cc-institutions select {
    width: 160px
}

#page-booking-container table#extern-erv option, #page-booking-container table#pers-data option {
    width: auto
}

td#form-input-pruefziffer input {
    width: 60px
}

.searchcontainer-inputs input.check {
    float: left;
    margin: 10px 5px 0 8px;
    width: auto !important
}

.search-input-wrap span {
    display: inline-block;
    margin: 10px 0 0 0;
    width: 225px;
    font-size: 11px
}

.search-input-wrap img {
    margin-top: 5px
}

table.order-table input.big {
    width: 100%
}

table.order-table input.sml {
    width: 20px;
    text-align: center
}

table.order-table select {
    width: 150x
}

table.order-table input[type="radio"] {
    width: auto !important
}

table.order-table.col2 td.order-label {
    width: 230px
}

table.order-table.col2 textarea {
    width: 400px;
    height: 75px;
    background: url(../_images/textarea-bg.png) repeat-x
}

.search-input-wrap .ic-inclusiv {
    margin-top: 1px;
    margin-right: 8px;
    margin-top: 5px;
    float: left;
    width: 24px
}

.search-input-wrap .inclusiv {
    width: 190px;
    float: left
}

#page-booking-container td.select-wide select {
    width: 440px
}

#page-booking-container option {
    width: 620px
}

.geotrust-box {
    margin: 10px 5px 10px 0
}

table.order-table input.form-input-error, input.form-input-error, table.order-table select.form-input-error, select.form-input-error {
    background-color: #FFB6C1;
    background-image: none;
    border: 1px solid #7F0000
}

#page-booking-container td.order-input option {
    width: auto !important
}

@media all and (max-width: 480px) and (min-width: 320px) {
    .page-homepage-carousel {
        display: none
    }
}

input.pager {
    margin: 4px;
    width: 35px;
    height: 35px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #0094FF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

input.pager:hover {
    background: #009DDC;
    color: #fff !important
}

input.pager[disabled="disabled"] {
    color: #ccc
}

input.pager[disabled="disabled"]:hover {
    background: #fff;
    color: #ccc !important
}

.searchcontainer-inputs input#datepicker_hin, .searchcontainer-inputs input#datepicker_rueck {
    margin-left: 0;
    position: relative;
    left: 18px;
    top: 2px
}

form#parkplatzdeutschland div.style2 {
    background: url(../_images/powermail-input.gif) no-repeat bottom left;
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
    width: 270px;
    height: 50px
}

form#parkplatzdeutschland div.style2 label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700
}

form#parkplatzdeutschland div.style2 input {
    display: block;
    border: medium none;
    font-size: 13px;
    margin: 10px 0 0 15px;
    padding: 0;
    width: 240px
}

form#parkplatzdeutschland div.style1 input.powermail_radio {
    margin-right: 10px
}

form#parkplatzdeutschland div.powermail_radio_inner {
    margin-bottom: 5px
}

form#parkplatzdeutschland fieldset.style3 legend {
    display: block;
    width: 620px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    margin-bottom: 15px;
    padding-left: 40px;
    background: url(../_images/bg-h5-ext.png) no-repeat scroll left top transparent
}

form#parkplatzdeutschland div.style1 legend {
    display: block;
    margin-bottom: 5px;
    padding-bottom: 0;
    width: auto;
    background-image: none;
    color: #000;
    line-height: inherit;
    height: auto;
    font-weight: 700;
    padding-left: 0;
    font-size: 12px
}

form#parkplatzdeutschland input[type="submit"] {
    margin-top: 8px;
    background: url(../_images/submit-button-large.png) no-repeat scroll 0 0 transparent;
    width: 300px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    border: none
}

form#parkplatzdeutschland input[type="submit"]:hover {
    background: url(../_images/submit-button-large.png) no-repeat 0 -25px
}

.tx-powermail-pi1_confirmation p {
    font-weight: 700;
    font-size: 15px;
    padding-bottom: 7px
}

.tx-powermail-pi1_confirmation td.powermail_all_label {
    font-size: 13px;
    background: #fff;
    width: 100px
}

.tx-powermail-pi1_confirmation td.powermail_all_value {
    background: #efefefe;
    width: 200px
}

.tx-powermail-pi1_confirmation input.tx-powermail-pi1_confirmation {
    display: block;
    margin-top: 10px;
    margin-right: 15px;
    float: left;
    background: url(../_images/sprite.png) no-repeat scroll 0 -1352px transparent;
    border: medium none;
    color: #fff;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    width: 129px
}

select.select-width-transfer-costa, #page-booking-container select.select-width-transfer-costa {
    width: 220px;
    margin-bottom: 3px
}

select.select-width-transfer-costa option, #page-booking-container select.select-width-transfer-costa option {
    width: auto
}

p.info-loader {
    background-image: url(../_images/loader.gif);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 15px 10px 15px 60px;
    font-weight: 700;
    display: none
}

.td-no-padding {
    padding: 0
}

.td-no-padding p {
    margin: 0
}

td.pricetable-price-value {
    width: 100px
}

div.ka-panel h2:hover {
    cursor: pointer
}

.page-in-head-wrapper.pop {
    position: relative;
    width: 700px;
    height: 112px;
    margin: 0 auto 20px auto;
    background: url(../_images/sprite.png) no-repeat scroll -1042px -495px transparent
}

.page-in-wrapper.pop, .page-in-wrapper.pop #page-content-container-top, .page-in-wrapper.pop #page-content-container {
    width: 700px
}

.page-in-wrapper.pop #page-content-container-top {
    height: 15px;
    background: url(../_images/popoup-top-bg.png) no-repeat
}

.page-in-wrapper.pop #page-content-container-bottom {
    height: 15px;
    background: url(../_images/popoup-bot-bg.png) no-repeat
}

.page-in-wrapper.pop #page-content-container {
    background: url(../_images/popoup-main-bg.png) repeat-y
}

.page-in-wrapper.pop .page-col-main {
    float: none
}

.page-in-wrapper.pop #page-footer-wrapper, .page-in-wrapper.pop #page-content-container {
    position: relative;
    text-align: left
}

.page-in-wrapper.pop #page-footer-top {
    background: url(../_images/popoup-foot-top-bg.gif) no-repeat
}

.page-in-wrapper.pop #page-footer {
    overflow: hidden;
    background: url(../_images/popoup-foot-main-bg.gif) repeat-y
}

.page-in-wrapper.pop #page-footer ul {
    margin-left: 13px
}

div.ka-panel.close.hover, div.ka-panel.open.hover {
    cursor: pointer;
    background: url(../_images/bg-h5-ext.png) no-repeat -1320px 0
}

div.ka-panel.open h2 {
    cursor: pointer;
    color: #fff
}

div.ka-panel.close.hover h2, div.ka-panel.open.hover h2 {
    color: #00AEEF
}

div.ka-panel.open h6 {
    cursor: pointer;
    color: #fff
}

div.ka-panel.close.hover h6, div.ka-panel.open.hover h6 {
    color: #00AEEF
}

.newsletter-container-in {
    padding: 0 25px 0 25px
}

.newsletter-container-in p, p.newsletter-link-bottom {
    border-top: solid 1px silver;
    padding: 5px 0 10px 0
}

.newsletter-container-in a.newsletter-unsubscribe {
    color: #505050
}

.newsletter-container-in a.newsletter-unsubscribe:hover {
    color: #000
}

div.page-col-left fieldset.newsletter-container {
    padding-bottom: 10px
}

.newsletter-container-out {
    padding: 0 25px 0 25px
}

p.newsletter-container-paragraph {
    padding: 0 25px 0 25px
}

div.ka-panel.open h2, div.ka-panel.close.hover h2 {
    color: #202020
}

div.ka-panel.open h2 {
    cursor: pointer;
    color: #202020
}

div.ka-panel.close.hover h2, div.ka-panel.open.hover h2 {
    color: #202020
}

div.ka-panel h2 {
    padding-left: 5px
}

.anythingWindow div.csc-textpic img {
    border-color: green !important
}

div.anythingSlider-minimalist-round.activeSlider .anythingWindow {
    border: none
}

div.anythingSlider-minimalist-round {
    padding: 0 !important
}

.page-in-head-wrapper, .tx-jfmulticontent-pi1 {
    min-width: 1044px !important
}

#boxOverlay {
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    display: none
}

div.page-col-left div.csc-default h6 {
    background: url(../_images/leftcol-h6.jpg) no-repeat top left;
    font-size: 19px;
    height: 46px;
    line-height: 50px
}

input.cal {
    background: url(../_images/leftcol-cal.gif) no-repeat scroll right 0 transparent
}

.page-col-left .searchcontainer-inputs input#datepicker_hin, .page-col-left .searchcontainer-inputs input#datepicker_rueck {
    padding-bottom: 2px
}

.page-col-left table {
    width: auto;
    margin-left: 22px;
    margin-bottom: 13px
}

div.page-col-left div.csc-default table p.bodytext {
    padding: 0 0 .7em 0;
    margin: 0;
    color: #505050;
    font-size: 13px
}

div.page-col-left div.csc-default table p.bodytext a, div.page-col-left div.csc-default table p.bodytext a:visited {
    text-decoration: none;
    color: #505050
}

div.page-col-left div.csc-default table p.bodytext a:hover {
    text-decoration: underline
}

div.page-col-left .more {
    padding-left: 12px;
    font-size: 13px;
    color: #009EDD;
    text-decoration: none;
    background: url(../_images/icon-more.png) no-repeat scroll left center transparent
}

.page-col-left table.partner {
    margin: 0 auto 18px auto;
    background: url(../_images/leftcol-partner.png) repeat-y scroll center -1px transparent
}

.page-col-left table.partner td {
    vertical-align: middle;
    text-align: center;
    width: 50%
}

div.page-col-left div.csc-default table.partner p.bodytext {
    padding: 0 0 .3em 0
}

.page-col-left table.partner img {
    width: 150px !important;
    height: auto !important;
    position: relative;
    top: 6px
}

div.page-col-left #c9744.csc-default, div.page-col-left #c19028.csc-default, div.page-col-left #c14161.csc-default {
    margin-bottom: 0;
    background-image: none
}

div.page-col-left #c19028.csc-default .subcolumns, div.page-col-left #c14161.csc-default .subcolumns {
    margin-bottom: 0
}

div.page-col-left #c3296.csc-default h6 {
    margin-top: 0
}

.hideme4reiseverlaufstabelle a.xcr_nav_sch, .hideme4reiseverlaufstabelle a.xcr_nav_rdr, .hideme4reiseverlaufstabelle a.xcr_nav_rsv, .hideme4reiseverlaufstabelle a.xcr_nav_nkl, .hideme4reiseverlaufstabelle a.xcr_nav_zsp, .hideme4reiseverlaufstabelle a.xcr_nav_trn, .hideme4reiseverlaufstabelle a.xcr_nav_buc {
    text-indent: -9999px;
    outline: none;
    width: 84px;
    height: 66px;
    display: inline-block;
    margin-right: 4px;
    float: left;
    text-indent: -9999px-;
    outline: none;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, .59);
    -moz-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, .59);
    box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, .59)
}

.hideme4reiseverlaufstabelle a.xcr_nav_sch {
    background: url(../_images/xcruis_schiff.png) no-repeat
}

.hideme4reiseverlaufstabelle a.xcr_nav_rdr {
    background: url(../_images/xcruis_reederei.png) no-repeat
}

.hideme4reiseverlaufstabelle a.xcr_nav_rsv {
    background: url(../_images/xcruis_karte.png) no-repeat
}

.hideme4reiseverlaufstabelle a.xcr_nav_nkl {
    background: url(../_images/xcruis_eingschll.png) no-repeat
}

.hideme4reiseverlaufstabelle a.xcr_nav_zsp {
    background: url(../_images/xcruis_zusatzl.png) no-repeat
}

.hideme4reiseverlaufstabelle a.xcr_nav_trn {
    background: url(../_images/xcruis_anreise.png) no-repeat
}

.hideme4reiseverlaufstabelle a.xcr_nav_buc {
    background: url(../_images/xcruis_up.png) no-repeat
}

.hideme4reiseverlaufstabelle a.xcr_nav_sch:hover, .hideme4reiseverlaufstabelle a.xcr_nav_rdr:hover, .hideme4reiseverlaufstabelle a.xcr_nav_nkl:hover, .hideme4reiseverlaufstabelle a.xcr_nav_rsv:hover, .hideme4reiseverlaufstabelle a.xcr_nav_zsp:hover, .hideme4reiseverlaufstabelle a.xcr_nav_trn:hover, .hideme4reiseverlaufstabelle a.xcr_nav_buc:hover {
    background-position: 0 -71px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(187, 187, 187, 1);
    -moz-box-shadow: 2px 2px 5px 0 rgba(187, 187, 187, 1);
    box-shadow: 2px 2px 5px 0 rgba(187, 187, 187, 1)
}

.holderror.tolong, .holderror.tolate {
    padding: 25px 10px 25px 75px;
    background: url(../_images/counter02.png) no-repeat 15px center #fff;
    -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .28);
    -moz-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .28);
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .28);
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 3px solid #00688E
}

.holderror.tolate {
    padding: 30px 10px 30px 75px;
    background: url(../_images/tolate.png) no-repeat 15px center #fff
}

.description_klick {
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../_images/buchung/details_plus.gif) no-repeat scroll center center transparent;
    text-indent: -9999px;
    outline: none;
    margin-right: 8px;
    position: relative;
    top: -2px
}

.description_klick:hover {
    background: url(../_images/buchung/details_plus.gif) no-repeat scroll center center transparent
}

.description_pk {
    padding: 20px;
    color: #202020;
    line-height: 1.3;
    font-size: 105%;
    width: 475px;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 20px;
    z-index: 100;
    background-color: #fff;
    border: 1px solid silver
}

.closebutton {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../_images/close.png) no-repeat transparent;
    width: 30px;
    height: 33px
}

img[src*="ic-1.jpg"], img[src*="ic-2.jpg"], img[src*="ic-3.jpg"], img[src*="ic-4.jpg"], img[src*="ic-5.jpg"], img[src*="ic-6.jpg"] {
    width: 30px;
    height: 29px
}

img[src*="bewert02.png"], img[src*="bewert03.png"], img[src*="bewert04.png"], img[src*="bewert05.png"] {
    width: 123px;
    height: 24px
}

img[src*="social_twitter.jpg"], img[src*="social_google.jpg"], img[src*="social_facebook.jpg"] {
    width: 35px;
    height: 35px
}

.check {
    display: inline-block;
    width: 154px;
    height: 91px;
    background: url(../_images/check.png) no-repeat
}

.tx-asrrating-pi1 table td {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
    position: relative
}

.tx-asrrating-pi1 table tr td:last-child {
    width: 130px
}

.rate01 .photo {
    padding-right: 15px
}

.tx-asrrating-pi1 table img {
    position: relative;
    top: -5px
}

.tx-asrrating-pi1 table small {
    position: absolute;
    top: 17px;
    left: 10px
}

.rate01 {
    padding-left: 8px
}

.rate01 h2 {
    padding-left: 0 !important
}

ul.ship-navi li a {
    width: 154px
}

ul.ship-navi li a.last {
    width: 198px
}

ul.ship-navi li#nav_bewertung {
    display: none
}

#page-footer-left .csc-default {
    width: 180px;
    float: left;
    margin: 0 10px 0 10px;
    background: transparent url(../_images/3col-separator.png) right center repeat-y
}

#page-footer-left .csc-default ul, #page-footer-left .csc-default p {
    margin-top: 15px
}

#page-footer-left .csc-default ul li {
    list-style: none;
    padding-bottom: 6px
}

#page-footer-left .csc-default a {
    color: #707070;
    text-decoration: none
}

#page-footer-left .csc-default a:hover {
    text-decoration: underline;
    color: #202020
}

#asr_tree {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    height: 100%;
    color: #707070
}

#asr_tree div {
    width: 179px;
    float: left;
    margin: 0 10px;
    background: transparent url(/fileadmin/templates/_images/3col-separator.png) repeat-y scroll right center
}

#asr_tree div.asr_tree_column_4 {
    background: none !important
}

#asr_tree div a {
    display: block;
    text-decoration: none;
    color: #707070
}

#asr_tree div a:hover {
    text-decoration: underline;
    color: #202020
}

#tableform table tr td input[type="text"] {
    background: url(../_images/bg-input.png) repeat-x scroll 0 0 #fff;
    border: 1px solid #D0D0D0;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    width: 205px;
    text-indent: 10px
}

#tableform table tr td select {
    background: url(../_images/bg-input.png) repeat-x scroll 0 0 #fff;
    border: 1px solid #D0D0D0;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    width: 205px;
    text-indent: 10px
}

#tableform table tr td input[type="submit"] {
    background-color: #0099E5;
    border: 1px solid #D0D0D0;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    width: 205px;
    text-indent: 10px;
    color: #fff
}

#tableform table tr td:first-child {
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    width: 135px;
    text-indent: 0
}

#tableform table tr td div.label {
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    width: 100%;
    text-indent: 0
}

p.newsletter span.message {
    font-size: 14px;
    color: #336;
    font-weight: 700
}

p.newsletter span.error {
    font-size: 14px;
    color: #633;
    font-weight: 700
}

.fehler {
    float: left;
    width: 28px;
    height: 28px;
    margin: 0 15px 0 0;
    background: url(../_images/buchung/icon-fehler.png) no-repeat scroll top left transparent
}

.fehlerbox {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    padding: 10px;
    width: 596px
}

#powermaildiv_uid173, #powermaildiv_uid174 {
    display: none
}

#page-footer-left div.csc-default:last-child {
    background: none
}

#page-606 .hide606 {
    display: none
}

.csc-header.foto-titel {
    display: table;
    margin-bottom: 10px;
    background: #f1f1f2;
    width: 100%
}

.csc-header.foto-titel span {
    display: table-cell;
    width: 120px
}

.csc-header.foto-titel img {
    display: block;
    float: none;
    height: 50px
}

.csc-header.foto-titel h2 {
    display: table-cell;
    vertical-align: middle
}

.csc-header.foto-titel h2 span {
    display: inline;
    width: auto
}

.csc-header h3 a {
    text-decoration: none
}

.csc-header h3 a:hover {
    text-decoration: underline
}

.csc-menu {
    margin: 0 0 .9em 0;
    padding: 20px 20px 12px 20px;
    list-style: none;
    background: #EEE
}

.csc-menu li {
    display: inline-block;
    padding: 0 .95em .55em 0
}

.csc-menu li a {
    text-decoration: none
}

.csc-menu li a:hover {
    text-decoration: underline
}

table.facts {
    width: 100%;
    background: #FCFCFC
}

table.facts td {
    padding: 4px 12px
}

table.facts tr td {
    background: rgb(255, 255, 255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(221, 221, 221, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0)
}

table.facts td:first-child, table.facts th:first-child {
    width: 1%;
    background: none !important;
    background: #F3F3F4 !important
}

.teaser_51 {
    margin-top: 1em;
    padding: 20px;
    background: url(../_images/icon-fernglas-orange.jpg) no-repeat 96% 22px #fff
}

.teaser_51 h2 {
    color: #F08226
}

.teaser_51 h3 {
    margin: .75em 0 .55em 0;
    font-size: 17px;
    font-weight: 400
}

.teaser_51 li {
    padding-left: 12px;
    list-style: none;
    padding-bottom: .7em;
    background: url(../_images/listpunkt-whitebox.gif) no-repeat 0 .35em
}

.teaser_51 ul li:last-child {
    padding-bottom: 0
}

div.buchung ul li.headline_transfer b {
    line-height: 15px;
    font-size: 13px;
    color: #333;
    display: table-cell;
    vertical-align: middle;
    height: 30px;
    width: 390px
}

div.buchung ul li.headline_transfer {
    padding: 2px 10px 5px 4px;
    background: url(../_images/buchung/h6-background.png) no-repeat scroll top left transparent;
    margin: 10px 0 5px 20px;
    list-style: none
}

div.buchung ul li.headline_transfer b {
    padding-top: 1px
}

div.buchung ul li.headline_transfer button {
    background: #fff;
    background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 80%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 80%);
    background: linear-gradient(to bottom, #ffffff 0%, #dddddd 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
    border: 1px solid #bbb;
    border-radius: 3px;
    cursor: pointer;
    display: table-cell;
    float: right;
    height: 27px;
    line-height: 10px;
    margin-right: 20px;
    margin-top: 3px;
    padding: 0 5px;
    vertical-align: middle;
    width: 170px
}

div.buchung ul li.headline_transfer button:hover {
    background: #ddd;
    background: -moz-linear-gradient(top, #dddddd 20%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #dddddd 20%, #ffffff 100%);
    background: linear-gradient(to bottom, #dddddd 20%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff', GradientType=0)
}

div.buchung ul li.headline_transfer button span {
    border: 1px solid #666;
    border-radius: 2px;
    padding: 0 4px;
    margin-right: 5px
}

div.buchung ul li ul li.headline_transfer {
    background-image: none;
    padding-left: 0 !important
}

div.buchung .bus, div.buchung .taxi, div.buchung .flug, div.buchung .fly, div.buchung .bahn, div.buchung .zug, div.buchung .auto, div.buchung .parken {
    display: inline-block;
    float: left;
    margin: 2px 4px 0 0;
    width: 28px;
    height: 38px;
    background: url(../_images/buchung/icon-bus.png) no-repeat scroll top left transparent
}

div.buchung .flug, div.buchung .fly {
    background: url(../_images/buchung/icon-flug.png) no-repeat scroll top left transparent
}

div.buchung .bahn, div.buchung .zug {
    background: url(../_images/buchung/icon-train.png) no-repeat scroll top left transparent
}

div.buchung .auto {
    background: url(../_images/buchung/icon-auto.png) no-repeat scroll top left transparent
}

div.buchung .parken {
    background: url(../_images/buchung/icon-parken.png) no-repeat scroll top left transparent
}

div.buchung .subheadline_transfer {
    padding: 10px 200px 10px 0;
    margin: 0 0 0 30px;
    list-style: none;
    width: 400px
}

div.buchung .border {
    border-bottom: 1px solid #ccc
}

div.buchung .description {
    padding: 3px 0 3px 20px;
    xmax-width: 465px;
    width: 600px
}

div.buchung .description_transferangebot {
    xline-height: 1.3;
    xfont-size: 105%;
    xmax-width: 470px;
    width: 600px;
    xpadding: 0 10px 10px 10px;
    xbackground: #eee
}

div.buchung .add_more {
    cursor: pointer
}

div.buchung .preis {
    float: right;
    position: relative;
    top: .2em;
    font-size: 110%;
    color: #00709A;
    margin-right: -200px
}

.port-description {
    margin-bottom: 20px;
    line-height: 18px
}

div.ka-panel .port-description h2 {
    padding-left: 0;
    height: auto;
    line-height: 1.5
}

.port-description p {
    margin-bottom: .9em
}

.writemebigger a {
    text-decoration: none;
    color: #202020
}

ul#breadcrumb li:last-child {
    color: #707070;
    display: block;
    float: left;
    height: 31px;
    line-height: 31px;
    padding-left: 10px;
    padding-right: 20px;
    text-decoration: none
}

.page-in-center-wrapper {
    position: relative
}

.tuevlogo-header {
    position: absolute;
    width: 50px;
    height: 50px;
    display: block;
    right: 73px;
    top: 33px
}

@charset "UTF-8";
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active, a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    overflow: visible
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
    box-sizing: border-box;
    font-size: 100%
}

*, *::before, *::after {
    box-sizing: inherit
}

body {
    margin: 0;
    padding: 0;
    background: #fefefe;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 3px
}

select {
    width: 100%;
    border-radius: 3px
}

.map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 3px;
    background: transparent;
    line-height: 1
}

[data-whatinput='mouse'] button {
    outline: 0
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em, i {
    font-style: italic;
    line-height: inherit
}

strong, b {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: 80%;
    line-height: inherit
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    line-height: 0;
    color: #cacaca
}

h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h3 {
    font-size: 1.1875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h5 {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h6 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

@media print, screen and (min-width: 40em) {
    h1 {
        font-size: 3rem
    }

    h2 {
        font-size: 2.5rem
    }

    h3 {
        font-size: 1.9375rem
    }

    h4 {
        font-size: 1.5625rem
    }

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1rem
    }
}

a {
    line-height: inherit;
    color: #2ba6cb;
    text-decoration: none;
    cursor: pointer
}

a:hover, a:focus {
    color: #258faf
}

a img {
    border: 0
}

hr {
    clear: both;
    max-width: 62.5rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}

ul, ol, dl {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    margin-left: 1.25rem;
    list-style-type: disc
}

ol {
    margin-left: 1.25rem
}

ul ul, ol ul, ul ol, ol ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl {
    margin-bottom: 1rem
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

blockquote, blockquote p {
    line-height: 1.6;
    color: #8a8a8a
}

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

cite:before {
    content: "— "
}

abbr {
    border-bottom: 1px dotted #0a0a0a;
    color: #0a0a0a;
    cursor: help
}

figure {
    margin: 0
}

code {
    padding: .125rem .3125rem .0625rem;
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: 400;
    color: #0a0a0a
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #0a0a0a;
    border-radius: 3px
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p + .stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print, screen and (min-width: 40em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media print, screen and (min-width: 64em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: black !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print {
        display: table-cell !important
    }

    th.show-for-print {
        display: table-cell !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    .ir a:after, a[href^='javascript:']:after, a[href^='#']:after {
        content: ''
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre, blockquote {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 3px;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    color: #0a0a0a;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #cacaca
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #cacaca
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #cacaca
}

input::placeholder, textarea::placeholder {
    color: #cacaca
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed
}

[type='submit'], [type='button'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px
}

input[type='search'] {
    box-sizing: border-box
}

[type='file'], [type='checkbox'], [type='radio'] {
    margin: 0 0 1rem
}

[type='checkbox'] + label, [type='radio'] + label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0
}

[type='checkbox'] + label[for], [type='radio'] + label[for] {
    cursor: pointer
}

label > [type='checkbox'], label > [type='radio'] {
    margin-right: .5rem
}

[type='file'] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a
}

label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group > :first-child {
    border-radius: 3px 0 0 3px
}

.input-group > :last-child > * {
    border-radius: 0 3px 3px 0
}

.input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%;
    height: 100%
}

.input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
    height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem
}

.input-group .input-group-button {
    display: table-cell
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    max-width: 100%;
    margin-bottom: .5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}

.fieldset legend {
    margin: 0;
    margin-left: -.1875rem;
    padding: 0 .1875rem;
    background: #fefefe
}

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 3px;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    line-height: normal;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}

@media screen and (min-width: 0\0
) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
    }
}

select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    border-color: #c60f13;
    background-color: #f8e6e7
}

.is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #c60f13
}

.is-invalid-input:not(:focus)::-moz-placeholder {
    color: #c60f13
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #c60f13
}

.is-invalid-input:not(:focus)::placeholder {
    color: #c60f13
}

.is-invalid-label {
    color: #c60f13
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700;
    color: #c60f13
}

.form-error.is-visible {
    display: block
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix::before, .clearfix::after {
    display: table;
    content: ' '
}

.clearfix::after {
    clear: both
}

.invisible {
    visibility: hidden
}

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print, screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print, screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 63.9375em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.show-on-focus:active, .show-on-focus:focus {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto
}

.show-for-landscape, .hide-for-portrait {
    display: block !important
}

@media screen and (orientation: landscape) {
    .show-for-landscape, .hide-for-portrait {
        display: block !important
    }
}

@media screen and (orientation: portrait) {
    .show-for-landscape, .hide-for-portrait {
        display: none !important
    }
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {
    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: block !important
    }
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 3px;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #2ba6cb;
    color: #fefefe
}

[data-whatinput='mouse'] .button {
    outline: 0
}

.button:hover, .button:focus {
    background-color: #258dad;
    color: #fefefe
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button.primary {
    background-color: #2ba6cb;
    color: #0a0a0a
}

.button.primary:hover, .button.primary:focus {
    background-color: #2285a2;
    color: #0a0a0a
}

.button.secondary {
    background-color: #e9e9e9;
    color: #0a0a0a
}

.button.secondary:hover, .button.secondary:focus {
    background-color: #bababa;
    color: #0a0a0a
}

.button.alert {
    background-color: #c60f13;
    color: #fefefe
}

.button.alert:hover, .button.alert:focus {
    background-color: #9e0c0f;
    color: #fefefe
}

.button.success {
    background-color: #5da423;
    color: #0a0a0a
}

.button.success:hover, .button.success:focus {
    background-color: #4a831c;
    color: #0a0a0a
}

.button.warning {
    background-color: #ffae00;
    color: #0a0a0a
}

.button.warning:hover, .button.warning:focus {
    background-color: #cc8b00;
    color: #0a0a0a
}

.button.body-font {
    background-color: #222;
    color: #fefefe
}

.button.body-font:hover, .button.body-font:focus {
    background-color: #1b1b1b;
    color: #fefefe
}

.button.header {
    background-color: #222;
    color: #fefefe
}

.button.header:hover, .button.header:focus {
    background-color: #1b1b1b;
    color: #fefefe
}

.button.hollow {
    border: 1px solid #2ba6cb;
    color: #2ba6cb
}

.button.hollow, .button.hollow:hover, .button.hollow:focus {
    background-color: transparent
}

.button.hollow:hover, .button.hollow:focus {
    border-color: #165366;
    color: #165366
}

.button.hollow.primary {
    border: 1px solid #2ba6cb;
    color: #2ba6cb
}

.button.hollow.primary:hover, .button.hollow.primary:focus {
    border-color: #165366;
    color: #165366
}

.button.hollow.secondary {
    border: 1px solid #e9e9e9;
    color: #e9e9e9
}

.button.hollow.secondary:hover, .button.hollow.secondary:focus {
    border-color: #757575;
    color: #757575
}

.button.hollow.alert {
    border: 1px solid #c60f13;
    color: #c60f13
}

.button.hollow.alert:hover, .button.hollow.alert:focus {
    border-color: #63080a;
    color: #63080a
}

.button.hollow.success {
    border: 1px solid #5da423;
    color: #5da423
}

.button.hollow.success:hover, .button.hollow.success:focus {
    border-color: #2f5212;
    color: #2f5212
}

.button.hollow.warning {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:hover, .button.hollow.warning:focus {
    border-color: #805700;
    color: #805700
}

.button.hollow.body-font {
    border: 1px solid #222;
    color: #222
}

.button.hollow.body-font:hover, .button.hollow.body-font:focus {
    border-color: #111;
    color: #111
}

.button.hollow.header {
    border: 1px solid #222;
    color: #222
}

.button.hollow.header:hover, .button.hollow.header:focus {
    border-color: #111;
    color: #111
}

.button.disabled, .button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
    background-color: #2ba6cb;
    color: #fefefe
}

.button.disabled.primary, .button[disabled].primary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus {
    background-color: #2ba6cb;
    color: #fefefe
}

.button.disabled.secondary, .button[disabled].secondary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
    background-color: #e9e9e9;
    color: #fefefe
}

.button.disabled.alert, .button[disabled].alert {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
    background-color: #c60f13;
    color: #fefefe
}

.button.disabled.success, .button[disabled].success {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
    background-color: #5da423;
    color: #fefefe
}

.button.disabled.warning, .button[disabled].warning {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
    background-color: #ffae00;
    color: #fefefe
}

.button.disabled.body-font, .button[disabled].body-font {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.body-font:hover, .button.disabled.body-font:focus, .button[disabled].body-font:hover, .button[disabled].body-font:focus {
    background-color: #222;
    color: #fefefe
}

.button.disabled.header, .button[disabled].header {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.header:hover, .button.disabled.header:focus, .button[disabled].header:hover, .button[disabled].header:focus {
    background-color: #222;
    color: #fefefe
}

.button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset .4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    margin-left: 1em
}

.button.arrow-only::after {
    top: -.1em;
    float: none;
    margin-left: 0
}

.close-button {
    position: absolute;
    color: #8a8a8a;
    cursor: pointer
}

[data-whatinput='mouse'] .close-button {
    outline: 0
}

.close-button:hover, .close-button:focus {
    color: #0a0a0a
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button, .close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.button-group {
    margin-bottom: 1rem;
    font-size: 0
}

.button-group::before, .button-group::after {
    display: table;
    content: ' '
}

.button-group::after {
    clear: both
}

.button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: .9rem
}

.button-group .button:last-child {
    margin-right: 0
}

.button-group.tiny .button {
    font-size: .6rem
}

.button-group.small .button {
    font-size: .75rem
}

.button-group.large .button {
    font-size: 1.25rem
}

.button-group.expanded {
    margin-right: -1px
}

.button-group.expanded::before, .button-group.expanded::after {
    display: none
}

.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
    display: inline-block;
    width: calc(50% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
    display: inline-block;
    width: calc(33.33333% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
    display: inline-block;
    width: calc(25% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
    display: inline-block;
    width: calc(20% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
    display: inline-block;
    width: calc(16.66667% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
    margin-right: -6px
}

.button-group.primary .button {
    background-color: #2ba6cb;
    color: #0a0a0a
}

.button-group.primary .button:hover, .button-group.primary .button:focus {
    background-color: #2285a2;
    color: #0a0a0a
}

.button-group.secondary .button {
    background-color: #e9e9e9;
    color: #0a0a0a
}

.button-group.secondary .button:hover, .button-group.secondary .button:focus {
    background-color: #bababa;
    color: #0a0a0a
}

.button-group.alert .button {
    background-color: #c60f13;
    color: #fefefe
}

.button-group.alert .button:hover, .button-group.alert .button:focus {
    background-color: #9e0c0f;
    color: #fefefe
}

.button-group.success .button {
    background-color: #5da423;
    color: #0a0a0a
}

.button-group.success .button:hover, .button-group.success .button:focus {
    background-color: #4a831c;
    color: #0a0a0a
}

.button-group.warning .button {
    background-color: #ffae00;
    color: #0a0a0a
}

.button-group.warning .button:hover, .button-group.warning .button:focus {
    background-color: #cc8b00;
    color: #0a0a0a
}

.button-group.body-font .button {
    background-color: #222;
    color: #fefefe
}

.button-group.body-font .button:hover, .button-group.body-font .button:focus {
    background-color: #1b1b1b;
    color: #fefefe
}

.button-group.header .button {
    background-color: #222;
    color: #fefefe
}

.button-group.header .button:hover, .button-group.header .button:focus {
    background-color: #1b1b1b;
    color: #fefefe
}

.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
    width: 100%
}

.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
        width: auto;
        margin-bottom: 0
    }
}

@media print, screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
        width: auto;
        margin-bottom: 0
    }
}

@media screen and (max-width: 39.9375em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }

    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0
    }
}

.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .5rem;
    background-color: #cacaca;
    transition: all 0.2s ease-in-out
}

.slider-fill.is-dragging {
    transition: all 0s linear
}

.slider-handle {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 3px;
    background-color: #2ba6cb;
    transition: all 0.2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[data-whatinput='mouse'] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #258dad
}

.slider-handle.is-dragging {
    transition: all 0s linear
}

.slider.disabled, .slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.slider.vertical .slider-fill {
    top: 0;
    width: .5rem;
    max-height: 100%
}

.slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.switch {
    height: 2rem;
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: .875rem;
    font-weight: 700;
    color: #fefefe;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: 3px;
    background: #cacaca;
    transition: all 0.25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer
}

input + .switch-paddle {
    margin: 0
}

.switch-paddle::after {
    position: absolute;
    top: .25rem;
    left: .25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    transform: translate3d(0, 0, 0);
    border-radius: 3px;
    background: #fefefe;
    transition: all 0.25s ease-out;
    content: ''
}

input:checked ~ .switch-paddle {
    background: #2ba6cb
}

input:checked ~ .switch-paddle::after {
    left: 2.25rem
}

[data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0
}

.switch-active, .switch-inactive {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked + label > .switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked + label > .switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: .625rem
}

.switch.tiny .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 1rem;
    height: 1rem
}

.switch.tiny input:checked ~ .switch-paddle::after {
    left: 1.75rem
}

.switch.small {
    height: 1.75rem
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: .75rem
}

.switch.small .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 1.25rem;
    height: 1.25rem
}

.switch.small input:checked ~ .switch-paddle::after {
    left: 2rem
}

.switch.large {
    height: 2.5rem
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem
}

.switch.large .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 2rem;
    height: 2rem
}

.switch.large input:checked ~ .switch-paddle::after {
    left: 2.75rem
}

.menu {
    margin: 0;
    list-style-type: none
}

.menu > li {
    display: table-cell;
    vertical-align: middle
}

[data-whatinput='mouse'] .menu > li {
    outline: 0
}

.menu > li > a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1
}

.menu input, .menu select, .menu a, .menu button {
    margin-bottom: 0
}

.menu > li > a img, .menu > li > a i, .menu > li > a svg {
    vertical-align: middle
}

.menu > li > a img + span, .menu > li > a i + span, .menu > li > a svg + span {
    vertical-align: middle
}

.menu > li > a img, .menu > li > a i, .menu > li > a svg {
    margin-right: .25rem;
    display: inline-block
}

.menu > li, .menu.horizontal > li {
    display: table-cell
}

.menu.expanded {
    display: table;
    width: 100%;
    table-layout: fixed
}

.menu.expanded > li:first-child:last-child {
    width: 100%
}

.menu.vertical > li {
    display: block
}

@media print, screen and (min-width: 40em) {
    .menu.medium-horizontal > li {
        display: table-cell
    }

    .menu.medium-expanded {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .menu.medium-expanded > li:first-child:last-child {
        width: 100%
    }

    .menu.medium-vertical > li {
        display: block
    }
}

@media print, screen and (min-width: 64em) {
    .menu.large-horizontal > li {
        display: table-cell
    }

    .menu.large-expanded {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .menu.large-expanded > li:first-child:last-child {
        width: 100%
    }

    .menu.large-vertical > li {
        display: block
    }
}

.menu.simple li {
    display: inline-block;
    margin-right: 1rem;
    line-height: 1
}

.menu.simple a {
    padding: 0
}

.menu.align-right::before, .menu.align-right::after {
    display: table;
    content: ' '
}

.menu.align-right::after {
    clear: both
}

.menu.align-right > li {
    float: right
}

.menu.icon-top > li > a {
    text-align: center
}

.menu.icon-top > li > a img, .menu.icon-top > li > a i, .menu.icon-top > li > a svg {
    display: block;
    margin: 0 auto .25rem
}

.menu.icon-top.vertical a > span {
    margin: auto
}

.menu.nested {
    margin-left: 1rem
}

.menu .active > a {
    background: #2ba6cb;
    color: #fefefe
}

.menu.menu-bordered li {
    border: 1px solid #e6e6e6
}

.menu.menu-bordered li:not(:first-child) {
    border-top: 0
}

.menu.menu-hover li:hover {
    background-color: #e6e6e6
}

.menu-text {
    padding-top: 0;
    padding-bottom: 0;
    padding: .7rem 1rem;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.menu-centered {
    text-align: center
}

.menu-centered > .menu {
    display: inline-block
}

.no-js [data-responsive-menu] ul {
    display: none
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

.is-drilldown li {
    display: block
}

.is-drilldown.animate-height {
    transition: height 0.5s
}

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    transition: transform 0.15s linear
}

.is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.is-drilldown-submenu.is-closing {
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.drilldown-submenu-cover-previous {
    min-height: 100%
}

.is-drilldown-submenu-parent > a {
    position: relative
}

.is-drilldown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #2ba6cb;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem
}

.js-drilldown-back > a::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #2ba6cb transparent transparent;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem;
    border-left-width: 0
}

.is-accordion-submenu-parent > a {
    position: relative
}

.is-accordion-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #2ba6cb transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem
}

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #2ba6cb transparent transparent;
    right: 5px;
    margin-top: -3px
}

[data-whatinput='mouse'] .dropdown.menu a {
    outline: 0
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical > li > a::after {
    right: 14px
}

.dropdown.menu.vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #2ba6cb transparent transparent
}

.dropdown.menu.vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #2ba6cb
}

@media print, screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #2ba6cb transparent transparent;
        right: 5px;
        margin-top: -3px
    }

    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.medium-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #2ba6cb transparent transparent
    }

    .dropdown.menu.medium-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #2ba6cb
    }
}

@media print, screen and (min-width: 64em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #2ba6cb transparent transparent;
        right: 5px;
        margin-top: -3px
    }

    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.large-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #2ba6cb transparent transparent
    }

    .dropdown.menu.large-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #2ba6cb
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-menu.vertical.align-right {
    float: right
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%
}

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #cacaca;
    background: #fefefe
}

.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #2ba6cb transparent transparent
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #2ba6cb
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu > li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.title-bar {
    padding: .5rem;
    background: #0a0a0a;
    color: #fefefe
}

.title-bar::before, .title-bar::after {
    display: table;
    content: ' '
}

.title-bar::after {
    clear: both
}

.title-bar .menu-icon {
    margin-left: .25rem;
    margin-right: .25rem
}

.title-bar-left {
    float: left
}

.title-bar-right {
    float: right;
    text-align: right
}

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700
}

.top-bar {
    padding: .5rem
}

.top-bar::before, .top-bar::after {
    display: table;
    content: ' '
}

.top-bar::after {
    clear: both
}

.top-bar, .top-bar ul {
    background-color: #e6e6e6
}

.top-bar input {
    max-width: 200px;
    margin-right: 1rem
}

.top-bar .input-group-field {
    width: 100%;
    margin-right: 0
}

.top-bar input.button {
    width: auto
}

.top-bar .top-bar-left, .top-bar .top-bar-right {
    width: 100%
}

@media print, screen and (min-width: 40em) {
    .top-bar .top-bar-left, .top-bar .top-bar-right {
        width: auto
    }
}

@media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right {
        width: 100%
    }
}

@media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right {
        width: 100%
    }
}

.top-bar-title {
    display: inline-block;
    float: left;
    padding: .5rem 1rem .5rem 0
}

.top-bar-title .menu-icon {
    bottom: 2px
}

.top-bar-left {
    float: left
}

.top-bar-right {
    float: right
}

.breadcrumbs {
    margin: 0 0 1rem 0;
    list-style: none
}

.breadcrumbs::before, .breadcrumbs::after {
    display: table;
    content: ' '
}

.breadcrumbs::after {
    clear: both
}

.breadcrumbs li {
    float: left;
    font-size: .6875rem;
    color: #0a0a0a;
    cursor: default;
    text-transform: uppercase
}

.breadcrumbs li:not(:last-child)::after {
    position: relative;
    top: 1px;
    margin: 0 .75rem;
    opacity: 1;
    content: "/";
    color: #cacaca
}

.breadcrumbs a {
    color: #2ba6cb
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed
}

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

.pagination::before, .pagination::after {
    display: table;
    content: ' '
}

.pagination::after {
    clear: both
}

.pagination li {
    margin-right: .0625rem;
    border-radius: 3px;
    font-size: .875rem;
    display: none
}

.pagination li:last-child, .pagination li:first-child {
    display: inline-block
}

@media print, screen and (min-width: 40em) {
    .pagination li {
        display: inline-block
    }
}

.pagination a, .pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 3px;
    color: #0a0a0a
}

.pagination a:hover, .pagination button:hover {
    background: #e6e6e6
}

.pagination .current {
    padding: .1875rem .625rem;
    background: #2ba6cb;
    color: #fefefe;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: not-allowed
}

.pagination .disabled:hover {
    background: transparent
}

.pagination .ellipsis::after {
    padding: .1875rem .625rem;
    content: '\2026';
    color: #0a0a0a
}

.pagination-previous a::before, .pagination-previous.disabled::before {
    display: inline-block;
    margin-right: .5rem;
    content: '\00ab'
}

.pagination-next a::after, .pagination-next.disabled::after {
    display: inline-block;
    margin-left: .5rem;
    content: '\00bb'
}

.accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none
}

.accordion-item:first-child > :first-child {
    border-radius: 3px 3px 0 0
}

.accordion-item:last-child > :last-child {
    border-radius: 0 0 3px 3px
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: .75rem;
    line-height: 1;
    color: #2ba6cb
}

.accordion-title:hover, .accordion-title:focus {
    background-color: #e6e6e6
}

.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: '+'
}

.is-active > .accordion-title::before {
    content: '–'
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #0a0a0a
}

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: block;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 3px;
    background-color: #fefefe;
    font-size: 1rem
}

.dropdown-pane.is-open {
    visibility: visible
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.is-off-canvas-open {
    overflow: hidden
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    background: rgba(254, 254, 254, .25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible
}

.js-off-canvas-overlay.is-closable {
    cursor: pointer
}

.js-off-canvas-overlay.is-overlay-absolute {
    position: absolute
}

.js-off-canvas-overlay.is-overlay-fixed {
    position: fixed
}

.off-canvas-wrapper {
    position: relative;
    overflow: hidden
}

.off-canvas {
    position: fixed;
    z-index: 1;
    transition: transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput='mouse'] .off-canvas {
    outline: 0
}

.off-canvas.is-transition-overlap {
    z-index: 10
}

.off-canvas.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(10, 10, 10, .7)
}

.off-canvas.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-absolute {
    position: absolute;
    z-index: 1;
    transition: transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput='mouse'] .off-canvas-absolute {
    outline: 0
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 10
}

.off-canvas-absolute.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(10, 10, 10, .7)
}

.off-canvas-absolute.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.position-left {
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
    overflow-y: auto
}

.position-left.is-open ~ .off-canvas-content {
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

.position-left.is-transition-push::after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    box-shadow: 0 0 10px rgba(10, 10, 10, .7);
    content: " "
}

.position-left.is-transition-overlap.is-open ~ .off-canvas-content {
    -ms-transform: none;
    transform: none
}

.position-right {
    top: 0;
    right: 0;
    width: 250px;
    height: 100%;
    -ms-transform: translateX(250px);
    transform: translateX(250px);
    overflow-y: auto
}

.position-right.is-open ~ .off-canvas-content {
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

.position-right.is-transition-push::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    box-shadow: 0 0 10px rgba(10, 10, 10, .7);
    content: " "
}

.position-right.is-transition-overlap.is-open ~ .off-canvas-content {
    -ms-transform: none;
    transform: none
}

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    -ms-transform: translateY(-250px);
    transform: translateY(-250px);
    overflow-x: auto
}

.position-top.is-open ~ .off-canvas-content {
    -ms-transform: translateY(250px);
    transform: translateY(250px)
}

.position-top.is-transition-push::after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    box-shadow: 0 0 10px rgba(10, 10, 10, .7);
    content: " "
}

.position-top.is-transition-overlap.is-open ~ .off-canvas-content {
    -ms-transform: none;
    transform: none
}

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    -ms-transform: translateY(250px);
    transform: translateY(250px);
    overflow-x: auto
}

.position-bottom.is-open ~ .off-canvas-content {
    -ms-transform: translateY(-250px);
    transform: translateY(-250px)
}

.position-bottom.is-transition-push::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    box-shadow: 0 0 10px rgba(10, 10, 10, .7);
    content: " "
}

.position-bottom.is-transition-overlap.is-open ~ .off-canvas-content {
    -ms-transform: none;
    transform: none
}

.off-canvas-content {
    transition: transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media print, screen and (min-width: 40em) {
    .position-left.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

    .position-left.reveal-for-medium ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

    .position-right.reveal-for-medium ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

    .position-top.reveal-for-medium ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

    .position-bottom.reveal-for-medium ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media print, screen and (min-width: 64em) {
    .position-left.reveal-for-large {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

    .position-left.reveal-for-large ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-large {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

    .position-right.reveal-for-large ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-large {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

    .position-top.reveal-for-large ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-large {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

    .position-bottom.reveal-for-large ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #fefefe;
    list-style-type: none
}

.tabs::before, .tabs::after {
    display: table;
    content: ' '
}

.tabs::after {
    clear: both
}

.tabs.vertical > li {
    display: block;
    float: none;
    width: auto
}

.tabs.simple > li > a {
    padding: 0
}

.tabs.simple > li > a:hover {
    background: transparent
}

.tabs.primary {
    background: #2ba6cb
}

.tabs.primary > li > a {
    color: #0a0a0a
}

.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
    background: #299ec1
}

.tabs-title {
    float: left
}

.tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .75rem;
    line-height: 1;
    color: #2ba6cb
}

.tabs-title > a:hover {
    background: #fefefe;
    color: #258faf
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: #e6e6e6;
    color: #2ba6cb
}

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fefefe;
    color: #0a0a0a;
    transition: all 0.5s ease
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 1rem
}

.tabs-panel[aria-hidden="false"] {
    display: block
}

.callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, .25);
    border-radius: 3px;
    background-color: #fff;
    color: #0a0a0a
}

.callout > :first-child {
    margin-top: 0
}

.callout > :last-child {
    margin-bottom: 0
}

.callout.primary {
    background-color: #def2f8;
    color: #0a0a0a
}

.callout.secondary {
    background-color: #fcfcfc;
    color: #0a0a0a
}

.callout.alert {
    background-color: #fcd6d6;
    color: #0a0a0a
}

.callout.success {
    background-color: #e6f7d9;
    color: #0a0a0a
}

.callout.warning {
    background-color: #fff3d9;
    color: #0a0a0a
}

.callout.body-font {
    background-color: #dedede;
    color: #0a0a0a
}

.callout.header {
    background-color: #dedede;
    color: #0a0a0a
}

.callout.small {
    padding-top: .5rem;
    padding-right: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem
}

.callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem
}

.card {
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background: #fefefe;
    box-shadow: none;
    overflow: hidden;
    color: #0a0a0a
}

.card > :last-child {
    margin-bottom: 0
}

.card-divider {
    padding: 1rem;
    background: #e6e6e6
}

.card-divider > :last-child {
    margin-bottom: 0
}

.card-section {
    padding: 1rem
}

.card-section > :last-child {
    margin-bottom: 0
}

.media-object {
    display: block;
    margin-bottom: 1rem
}

.media-object img {
    max-width: none
}

@media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1rem;
        display: block
    }

    .media-object.stack-for-small .media-object-section img {
        width: 100%
    }
}

.media-object-section {
    display: table-cell;
    vertical-align: top
}

.media-object-section:first-child {
    padding-right: 1rem
}

.media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem
}

.media-object-section > :last-child {
    margin-bottom: 0
}

.media-object-section.middle {
    vertical-align: middle
}

.media-object-section.bottom {
    vertical-align: bottom
}

body.is-reveal-open {
    overflow: hidden
}

html.is-reveal-open, html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(10, 10, 10, .45);
    overflow-y: scroll
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 3px;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

[data-whatinput='mouse'] .reveal {
    outline: 0
}

@media print, screen and (min-width: 40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column, .reveal .columns, .reveal .columns {
    min-width: 0
}

.reveal > :last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 40em) {
    .reveal {
        width: 600px;
        max-width: 62.5rem
    }
}

@media print, screen and (min-width: 40em) {
    .reveal .reveal {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

.reveal.collapse {
    padding: 0
}

@media print, screen and (min-width: 40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 62.5rem
    }
}

@media print, screen and (min-width: 40em) {
    .reveal.small {
        width: 50%;
        max-width: 62.5rem
    }
}

@media print, screen and (min-width: 40em) {
    .reveal.large {
        width: 90%;
        max-width: 62.5rem
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width: 39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 3px
}

table thead, table tbody, table tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe
}

table caption {
    padding: .5rem .625rem .625rem;
    font-weight: 700
}

table thead {
    background: #f8f8f8;
    color: #0a0a0a
}

table tfoot {
    background: #f1f1f1;
    color: #0a0a0a
}

table thead tr, table tfoot tr {
    background: transparent
}

table thead th, table thead td, table tfoot th, table tfoot td {
    padding: .5rem .625rem .625rem;
    font-weight: 700;
    text-align: left
}

table tbody th, table tbody td {
    padding: .5rem .625rem .625rem
}

table tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1
}

table.unstriped tbody {
    background-color: #fefefe
}

table.unstriped tbody tr {
    border-bottom: 0;
    border-bottom: 1px solid #f1f1f1;
    background-color: #fefefe
}

@media screen and (max-width: 63.9375em) {
    table.stack thead {
        display: none
    }

    table.stack tfoot {
        display: none
    }

    table.stack tr, table.stack th, table.stack td {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

.table-scroll table {
    width: auto
}

.badge {
    display: inline-block;
    min-width: 2.1em;
    padding: .3em;
    border-radius: 50%;
    font-size: .6rem;
    text-align: center;
    background: #2ba6cb;
    color: #fefefe
}

.badge.primary {
    background: #2ba6cb;
    color: #0a0a0a
}

.badge.secondary {
    background: #e9e9e9;
    color: #0a0a0a
}

.badge.alert {
    background: #c60f13;
    color: #fefefe
}

.badge.success {
    background: #5da423;
    color: #0a0a0a
}

.badge.warning {
    background: #ffae00;
    color: #0a0a0a
}

.badge.body-font {
    background: #222;
    color: #fefefe
}

.badge.header {
    background: #222;
    color: #fefefe
}

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    border-radius: 3px;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: #2ba6cb;
    color: #fefefe
}

.label.primary {
    background: #2ba6cb;
    color: #0a0a0a
}

.label.secondary {
    background: #e9e9e9;
    color: #0a0a0a
}

.label.alert {
    background: #c60f13;
    color: #fefefe
}

.label.success {
    background: #5da423;
    color: #0a0a0a
}

.label.warning {
    background: #ffae00;
    color: #0a0a0a
}

.label.body-font {
    background: #222;
    color: #fefefe
}

.label.header {
    background: #222;
    color: #fefefe
}

.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 3px;
    background-color: #cacaca
}

.progress.primary .progress-meter {
    background-color: #2ba6cb
}

.progress.secondary .progress-meter {
    background-color: #e9e9e9
}

.progress.alert .progress-meter {
    background-color: #c60f13
}

.progress.success .progress-meter {
    background-color: #5da423
}

.progress.warning .progress-meter {
    background-color: #ffae00
}

.progress.body-font .progress-meter {
    background-color: #222
}

.progress.header .progress-meter {
    background-color: #222
}

.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #2ba6cb;
    border-radius: 3px
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #fefefe;
    white-space: nowrap;
    border-radius: 3px
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: none;
    font-weight: 700;
    cursor: help
}

.tooltip {
    position: absolute;
    top: calc(100% + 0.6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: .75rem;
    border-radius: 3px;
    background-color: #24375B;
    font-size: 80%;
    color: #fefefe
}

.tooltip::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #0a0a0a;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #24375B transparent transparent;
    top: 100%;
    bottom: auto
}

.tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #0a0a0a;
    top: 50%;
    bottom: auto;
    left: 100%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #24375B transparent transparent;
    top: 50%;
    right: 100%;
    bottom: auto;
    left: auto;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.responsive-embed, .flex-video {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

.responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.responsive-embed.widescreen, .flex-video.widescreen {
    padding-bottom: 56.25%
}

.orbit {
    position: relative
}

.orbit-container {
    position: relative;
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.orbit-slide {
    width: 100%
}

.orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0
}

.orbit-figure {
    margin: 0
}

.orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 1rem;
    background-color: rgba(10, 10, 10, .5);
    color: #fefefe
}

.orbit-previous, .orbit-next {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fefefe
}

[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0
}

.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(10, 10, 10, .5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput='mouse'] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    border-radius: 50%;
    background-color: #cacaca
}

.orbit-bullets button:hover {
    background-color: #8a8a8a
}

.orbit-bullets button.is-active {
    background-color: #8a8a8a
}

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: solid 4px #fefefe;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(10, 10, 10, .2);
    line-height: 0
}

a.thumbnail {
    transition: box-shadow 200ms ease-out
}

a.thumbnail:hover, a.thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(43, 166, 203, .5)
}

a.thumbnail image {
    box-shadow: none
}

.sticky-container {
    position: relative
}

.sticky {
    position: relative;
    z-index: 0;
    transform: translate3d(0, 0, 0)
}

.sticky.is-stuck {
    position: fixed;
    z-index: 5
}

.sticky.is-stuck.is-at-top {
    top: 0
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0
}

.sticky.is-anchored {
    position: relative;
    right: auto;
    left: auto
}

.sticky.is-anchored.is-at-bottom {
    bottom: 0
}

.row {
    max-width: 62.5rem;
    margin-right: auto;
    margin-left: auto
}

.row::before, .row::after {
    display: table;
    content: ' '
}

.row::after {
    clear: both
}

.row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0
}

.row .row {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print, screen and (min-width: 40em) {
    .row .row {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

@media print, screen and (min-width: 64em) {
    .row .row {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}

.column, .columns {
    width: 100%;
    float: left;
    padding-right: .625rem;
    padding-left: .625rem
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left
}

.column.row.row, .row.row.columns {
    float: none
}

.row .column.row.row, .row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.small-1 {
    width: 8.33333%
}

.small-push-1 {
    position: relative;
    left: 8.33333%
}

.small-pull-1 {
    position: relative;
    left: -8.33333%
}

.small-offset-0 {
    margin-left: 0%
}

.small-2 {
    width: 16.66667%
}

.small-push-2 {
    position: relative;
    left: 16.66667%
}

.small-pull-2 {
    position: relative;
    left: -16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    width: 25%
}

.small-push-3 {
    position: relative;
    left: 25%
}

.small-pull-3 {
    position: relative;
    left: -25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    width: 33.33333%
}

.small-push-4 {
    position: relative;
    left: 33.33333%
}

.small-pull-4 {
    position: relative;
    left: -33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    width: 41.66667%
}

.small-push-5 {
    position: relative;
    left: 41.66667%
}

.small-pull-5 {
    position: relative;
    left: -41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    width: 50%
}

.small-push-6 {
    position: relative;
    left: 50%
}

.small-pull-6 {
    position: relative;
    left: -50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    width: 58.33333%
}

.small-push-7 {
    position: relative;
    left: 58.33333%
}

.small-pull-7 {
    position: relative;
    left: -58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    width: 66.66667%
}

.small-push-8 {
    position: relative;
    left: 66.66667%
}

.small-pull-8 {
    position: relative;
    left: -66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    width: 75%
}

.small-push-9 {
    position: relative;
    left: 75%
}

.small-pull-9 {
    position: relative;
    left: -75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    width: 83.33333%
}

.small-push-10 {
    position: relative;
    left: 83.33333%
}

.small-pull-10 {
    position: relative;
    left: -83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    width: 91.66667%
}

.small-push-11 {
    position: relative;
    left: 91.66667%
}

.small-pull-11 {
    position: relative;
    left: -91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1 > .column, .small-up-1 > .columns {
    float: left;
    width: 100%
}

.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both
}

.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left
}

.small-up-2 > .column, .small-up-2 > .columns {
    float: left;
    width: 50%
}

.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both
}

.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left
}

.small-up-3 > .column, .small-up-3 > .columns {
    float: left;
    width: 33.33333%
}

.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both
}

.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left
}

.small-up-4 > .column, .small-up-4 > .columns {
    float: left;
    width: 25%
}

.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both
}

.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left
}

.small-up-5 > .column, .small-up-5 > .columns {
    float: left;
    width: 20%
}

.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both
}

.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left
}

.small-up-6 > .column, .small-up-6 > .columns {
    float: left;
    width: 16.66667%
}

.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both
}

.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left
}

.small-up-7 > .column, .small-up-7 > .columns {
    float: left;
    width: 14.28571%
}

.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both
}

.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left
}

.small-up-8 > .column, .small-up-8 > .columns {
    float: left;
    width: 12.5%
}

.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both
}

.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left
}

.small-collapse > .column, .small-collapse > .columns {
    padding-right: 0;
    padding-left: 0
}

.small-collapse .row {
    margin-right: 0;
    margin-left: 0
}

.expanded.row .small-collapse.row {
    margin-right: 0;
    margin-left: 0
}

.small-uncollapse > .column, .small-uncollapse > .columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.small-centered {
    margin-right: auto;
    margin-left: auto
}

.small-centered, .small-centered:last-child:not(:first-child) {
    float: none;
    clear: both
}

.small-uncentered, .small-push-0, .small-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0
}

@media print, screen and (min-width: 40em) {
    .medium-1 {
        width: 8.33333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .medium-offset-0 {
        margin-left: 0%
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        position: relative;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        left: -25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        left: -50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        position: relative;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        left: -75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-1 > .column, .medium-up-1 > .columns {
        float: left;
        width: 100%
    }

    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
        float: left
    }

    .medium-up-2 > .column, .medium-up-2 > .columns {
        float: left;
        width: 50%
    }

    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
        float: left
    }

    .medium-up-3 > .column, .medium-up-3 > .columns {
        float: left;
        width: 33.33333%
    }

    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
        float: left
    }

    .medium-up-4 > .column, .medium-up-4 > .columns {
        float: left;
        width: 25%
    }

    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
        float: left
    }

    .medium-up-5 > .column, .medium-up-5 > .columns {
        float: left;
        width: 20%
    }

    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
        float: left
    }

    .medium-up-6 > .column, .medium-up-6 > .columns {
        float: left;
        width: 16.66667%
    }

    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
        float: left
    }

    .medium-up-7 > .column, .medium-up-7 > .columns {
        float: left;
        width: 14.28571%
    }

    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
        float: left
    }

    .medium-up-8 > .column, .medium-up-8 > .columns {
        float: left;
        width: 12.5%
    }

    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
        float: left
    }

    .medium-collapse > .column, .medium-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .medium-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .medium-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .medium-uncollapse > .column, .medium-uncollapse > .columns {
        padding-right: .625rem;
        padding-left: .625rem
    }

    .medium-centered {
        margin-right: auto;
        margin-left: auto
    }

    .medium-centered, .medium-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .medium-uncentered, .medium-push-0, .medium-pull-0 {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

@media print, screen and (min-width: 64em) {
    .large-1 {
        width: 8.33333%
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .large-offset-0 {
        margin-left: 0%
    }

    .large-2 {
        width: 16.66667%
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        position: relative;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        left: -25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        left: -50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        position: relative;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        left: -75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-1 > .column, .large-up-1 > .columns {
        float: left;
        width: 100%
    }

    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
        float: left
    }

    .large-up-2 > .column, .large-up-2 > .columns {
        float: left;
        width: 50%
    }

    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
        float: left
    }

    .large-up-3 > .column, .large-up-3 > .columns {
        float: left;
        width: 33.33333%
    }

    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
        float: left
    }

    .large-up-4 > .column, .large-up-4 > .columns {
        float: left;
        width: 25%
    }

    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
        float: left
    }

    .large-up-5 > .column, .large-up-5 > .columns {
        float: left;
        width: 20%
    }

    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
        float: left
    }

    .large-up-6 > .column, .large-up-6 > .columns {
        float: left;
        width: 16.66667%
    }

    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
        float: left
    }

    .large-up-7 > .column, .large-up-7 > .columns {
        float: left;
        width: 14.28571%
    }

    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
        float: left
    }

    .large-up-8 > .column, .large-up-8 > .columns {
        float: left;
        width: 12.5%
    }

    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
        float: left
    }

    .large-collapse > .column, .large-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .large-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .large-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .large-uncollapse > .column, .large-uncollapse > .columns {
        padding-right: .625rem;
        padding-left: .625rem
    }

    .large-centered {
        margin-right: auto;
        margin-left: auto
    }

    .large-centered, .large-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .large-uncentered, .large-push-0, .large-pull-0 {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

.column-block {
    margin-bottom: 1.25rem
}

.column-block > :last-child {
    margin-bottom: 0
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    content: ''
}

.menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    content: ''
}

.menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a
}

.slide-in-down.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.slide-in-left.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.slide-in-up.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.slide-in-right.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.slide-out-down.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.slide-out-right.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.slide-out-up.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.slide-out-left.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.fade-in.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
    opacity: 1
}

.fade-out.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}

.hinge-in-from-top.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-right.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-bottom.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(90deg);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-left.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(90deg);
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-out-from-top.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-top.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-right.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.hinge-out-from-bottom.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-left.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.scale-in-up.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(.5);
    transform: scale(.5);
    transition-property: transform, opacity;
    opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale-in-down.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    transition-property: transform, opacity;
    opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale-out-up.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: transform, opacity;
    opacity: 1
}

.scale-out-up.mui-leave.mui-leave-active {
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

.scale-out-down.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: transform, opacity;
    opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
    -ms-transform: scale(.5);
    transform: scale(.5);
    opacity: 0
}

.spin-in.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(-0.75turn);
    transform: rotate(-0.75turn);
    transition-property: transform, opacity;
    opacity: 0
}

.spin-in.mui-enter.mui-enter-active {
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.spin-out.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: transform, opacity;
    opacity: 1
}

.spin-out.mui-leave.mui-leave-active {
    -ms-transform: rotate(0.75turn);
    transform: rotate(0.75turn);
    opacity: 0
}

.spin-in-ccw.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(0.75turn);
    transform: rotate(0.75turn);
    transition-property: transform, opacity;
    opacity: 0
}

.spin-in-ccw.mui-enter.mui-enter-active {
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.spin-out-ccw.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: transform, opacity;
    opacity: 1
}

.spin-out-ccw.mui-leave.mui-leave-active {
    -ms-transform: rotate(-0.75turn);
    transform: rotate(-0.75turn);
    opacity: 0
}

.slow {
    transition-duration: 750ms !important
}

.fast {
    transition-duration: 250ms !important
}

.linear {
    transition-timing-function: linear !important
}

.ease {
    transition-timing-function: ease !important
}

.ease-in {
    transition-timing-function: ease-in !important
}

.ease-out {
    transition-timing-function: ease-out !important
}

.ease-in-out {
    transition-timing-function: ease-in-out !important
}

.bounce-in {
    transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}

.bounce-out {
    transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}

.short-delay {
    transition-delay: 300ms !important
}

.long-delay {
    transition-delay: 700ms !important
}

.shake {
    animation-name: shake-7
}

@keyframes shake-7 {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
        transform: translateX(7%)
    }
    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
        transform: translateX(-7%)
    }
}

.spin-cw {
    animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(-1turn)
    }
    100% {
        transform: rotate(0)
    }
}

.spin-ccw {
    animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(1turn)
    }
}

.wiggle {
    animation-name: wiggle-7deg
}

@keyframes wiggle-7deg {
    40%, 50%, 60% {
        transform: rotate(7deg)
    }
    35%, 45%, 55%, 65% {
        transform: rotate(-7deg)
    }
    0%, 30%, 70%, 100% {
        transform: rotate(0)
    }
}

.shake, .spin-cw, .spin-ccw, .wiggle {
    animation-duration: 500ms
}

.infinite {
    animation-iteration-count: infinite
}

.slow {
    animation-duration: 750ms !important
}

.fast {
    animation-duration: 250ms !important
}

.linear {
    animation-timing-function: linear !important
}

.ease {
    animation-timing-function: ease !important
}

.ease-in {
    animation-timing-function: ease-in !important
}

.ease-out {
    animation-timing-function: ease-out !important
}

.ease-in-out {
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}

.bounce-out {
    animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}

.bounce-in-out {
    animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}

.short-delay {
    animation-delay: 300ms !important
}

.long-delay {
    animation-delay: 700ms !important
}

input::-webkit-input-placeholder {
    color: #666 !important
}

input:-moz-placeholder {
    color: #666 !important;
    opacity: 1 !important
}

input::-moz-placeholder {
    color: #666 !important;
    opacity: 1 !important
}

input:-ms-input-placeholder {
    color: #666 !important
}

input::-ms-input-placeholder {
    color: #666 !important
}

input::placeholder {
    color: #666 !important
}

textarea::-webkit-textarea-placeholder {
    color: #666 !important
}

textarea:-moz-placeholder {
    color: #666 !important;
    opacity: 1 !important
}

textarea::-moz-placeholder {
    color: #666 !important;
    opacity: 1 !important
}

textarea:-ms-textarea-placeholder {
    color: #666 !important
}

textarea::-ms-textarea-placeholder {
    color: #666 !important
}

textarea:-ms-input-placeholder {
    color: #666 !important
}

textarea::-ms-input-placeholder {
    color: #666 !important
}

textarea::placeholder {
    color: #666 !important
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../_fonts/open-sans-v29-latin-ext_latin-300.eot);
    src: local(''), url('../_fonts/open-sans-v29-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), url(../_fonts/open-sans-v29-latin-ext_latin-300.woff2) format('woff2'), url(../_fonts/open-sans-v29-latin-ext_latin-300.woff) format('woff'), url(../_fonts/open-sans-v29-latin-ext_latin-300.ttf) format('truetype'), url('../_fonts/open-sans-v29-latin-ext_latin-300.svg#OpenSans') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../_fonts/open-sans-v29-latin-ext_latin-regular.eot);
    src: local(''), url('../_fonts/open-sans-v29-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),   format('truetype'), url('../_fonts/open-sans-v29-latin-ext_latin-regular.svg#OpenSans') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url(../_fonts/open-sans-v29-latin-ext_latin-500.eot);
    src: local(''), url('../_fonts/open-sans-v29-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), url(../_fonts/open-sans-v29-latin-ext_latin-500.woff2) format('woff2'), url(../_fonts/open-sans-v29-latin-ext_latin-500.woff) format('woff'), url(../_fonts/open-sans-v29-latin-ext_latin-500.ttf) format('truetype'), url('../_fonts/open-sans-v29-latin-ext_latin-500.svg#OpenSans') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local(''), url('../_fonts/open-sans-v29-latin-ext_latin-600.svg#OpenSans') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../_fonts/open-sans-v29-latin-ext_latin-700.eot);
    src: local(''), url('../_fonts/open-sans-v29-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), url(../_fonts/open-sans-v29-latin-ext_latin-700.woff2) format('woff2'), url(../_fonts/open-sans-v29-latin-ext_latin-700.woff) format('woff'), url(../_fonts/open-sans-v29-latin-ext_latin-700.ttf) format('truetype'), url('../_fonts/open-sans-v29-latin-ext_latin-700.svg#OpenSans') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url(../_fonts/open-sans-v29-latin-ext_latin-800.eot);
    src: local(''), url('../_fonts/open-sans-v29-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), url(../_fonts/open-sans-v29-latin-ext_latin-800.woff2) format('woff2'), url(../_fonts/open-sans-v29-latin-ext_latin-800.woff) format('woff'), url(../_fonts/open-sans-v29-latin-ext_latin-800.ttf) format('truetype'), url('../_fonts/open-sans-v29-latin-ext_latin-800.svg#OpenSans') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url(../_fonts/open-sans-v29-latin-ext_latin-300italic.eot);
    src: local(''), url('../_fonts/open-sans-v29-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), url(../_fonts/open-sans-v29-latin-ext_latin-300italic.woff2) format('woff2'), url(../_fonts/open-sans-v29-latin-ext_latin-300italic.woff) format('woff'), url(../_fonts/open-sans-v29-latin-ext_latin-300italic.ttf) format('truetype'), url('../_fonts/open-sans-v29-latin-ext_latin-300italic.svg#OpenSans') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url(../_fonts/open-sans-v29-latin-ext_latin-italic.eot);
    src: local(''), url('../_fonts/open-sans-v29-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), url(../_fonts/open-sans-v29-latin-ext_latin-italic.woff2) format('woff2'), url(../_fonts/open-sans-v29-latin-ext_latin-italic.woff) format('woff'), url(../_fonts/open-sans-v29-latin-ext_latin-italic.ttf) format('truetype'), url('../_fonts/open-sans-v29-latin-ext_latin-italic.svg#OpenSans') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 500;
    src: url(../_fonts/open-sans-v29-latin-ext_latin-500italic.eot);
    src: local(''), url('../_fonts/open-sans-v29-latin-ext_latin-500italic.eot?#iefix') format('embedded-opentype'), url(../_fonts/open-sans-v29-latin-ext_latin-500italic.woff2) format('woff2'), url(../_fonts/open-sans-v29-latin-ext_latin-500italic.woff) format('woff'), url(../_fonts/open-sans-v29-latin-ext_latin-500italic.ttf) format('truetype'), url('../_fonts/open-sans-v29-latin-ext_latin-500italic.svg#OpenSans') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url(../_fonts/open-sans-v29-latin-ext_latin-600italic.eot);
    src: local(''), url('../_fonts/open-sans-v29-latin-ext_latin-600italic.eot?#iefix') format('embedded-opentype'), url(../_fonts/open-sans-v29-latin-ext_latin-600italic.woff2) format('woff2'), url(../_fonts/open-sans-v29-latin-ext_latin-600italic.woff) format('woff'), url(../_fonts/open-sans-v29-latin-ext_latin-600italic.ttf) format('truetype'), url('../_fonts/open-sans-v29-latin-ext_latin-600italic.svg#OpenSans') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url(../_fonts/open-sans-v29-latin-ext_latin-700italic.eot);
    src: local(''), url('../_fonts/open-sans-v29-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), url(../_fonts/open-sans-v29-latin-ext_latin-700italic.woff2) format('woff2'), url(../_fonts/open-sans-v29-latin-ext_latin-700italic.woff) format('woff'), url(../_fonts/open-sans-v29-latin-ext_latin-700italic.ttf) format('truetype'), url('../_fonts/open-sans-v29-latin-ext_latin-700italic.svg#OpenSans') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url(../_fonts/open-sans-v29-latin-ext_latin-800italic.eot);
    src: local(''), url('../_fonts/open-sans-v29-latin-ext_latin-800italic.eot?#iefix') format('embedded-opentype'), url(../_fonts/open-sans-v29-latin-ext_latin-800italic.woff2) format('woff2'), url(../_fonts/open-sans-v29-latin-ext_latin-800italic.woff) format('woff'), url(../_fonts/open-sans-v29-latin-ext_latin-800italic.ttf) format('truetype'), url('../_fonts/open-sans-v29-latin-ext_latin-800italic.svg#OpenSans') format('svg');
    font-display: swap
}

body {
    font-family: 'Open Sans', Arial, Sans-Serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35em;
    color: #222;
    background: #F5F7F8
}

a, a:hover {
    color: #21385c
}

.outline {
    outline: 1px solid navy
}

.dashed {
    outline: 1px dashed purple
}

.teaser_62 .content, .teaser_62 {
    overflow: visible;
    background: #fff
}

.teaser_61 {
    background: #F5F7F8
}

@media (min-width: 40em) {
    .grey {
        border-bottom: 1px solid #D2D6DE
    }
}

.grey.noborder {
    border-bottom: none;
    padding-bottom: 0
}

@media (max-width: 39.9375em) {
    .content.grey.noborder + .content.grey, .content.grey.noborder {
        background: #fff
    }

    .content.grey.noborder {
        border-top: 1px solid #D2D6DE
    }
}

.content.grey.noborder + .content.grey {
    padding-top: 10px
}

.switch-js {
    display: block
}

@media (min-width: 40em) {
    .switch-js {
        display: none
    }
}

.wrap-in {
    margin: 0 auto;
    max-width: 960px
}

.csc-default {
    clear: both
}

#content {
    position: relative
}

@media (min-width: 48em) {
    #suche #content {
        margin-top: 0
    }

    header {
        height: 150px;
        overflow: hidden
    }

    #angebot header {
        height: 120px
    }
}

@media (min-width: 940px) {
    #angebot header {
        height: 150px
    }
}

#content.sticky {
    position: relative;
    z-index: 3
}

.header-inner.sticky {
    z-index: inherit
}

.meta-blue, .meta-blue-search {
    background: #21385c none repeat scroll 0 0;
    width: 100%
}

.meta-blue.sticky, .meta-blue-search {
    position: fixed;
    top: 0;
    width: 100%;
    height: 40px;
    z-index: 10
}

@media (min-width: 48em) {
    .meta-blue {
        background: #21385c none repeat scroll 0 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 3
    }
}

.header-white {
    width: 100%;
    background: #fff;
    position: relative;
    width: 100%
}

@media (min-width: 48em) {
    .header-white {
        margin-top: 0;
        width: 100%;
        background: #fff;
        position: fixed;
        width: 100%;
        top: 40px;
        z-index: 102
    }
}

.header-white.sticky {
    position: relative;
    z-index: 2
}

@media (max-width: 39.9375em) {
    .meta-blue, .meta-blue-search {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .header-white.sticky {
        position: fixed;
        top: 15px;
        z-index: 2
    }

    .header-white {
        box-shadow: 0 4px 5px 0 rgba(0, 34, 72, .1)
    }
}

@media (min-width: 40em) {
    .header-white.sticky {
        position: fixed;
        top: 15px;
        z-index: 2
    }

    .booking .header-white.sticky {
        position: relative;
        top: 0
    }

    .header-white.sticky.change {
        position: relative;
        z-index: 2
    }
}

.header-inner {
    background: #fff;
    box-shadow: 0 4px 5px 0 rgba(0, 34, 72, .1)
}

.header-inner.noshadow {
    box-shadow: none
}

.blue-ribbon-outer {
    position: relative;
    z-index: 1;
    background: #21385c
}

.blue-ribbon {
    display: table;
    overflow: hidden;
    width: 100%;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16.79px
}

@media (min-width: 40em) {
    .blue-ribbon {
        padding-left: .625rem;
        padding-right: .625rem
    }
}

.ribbon-left, .ribbon-right {
    display: table;
    height: 40px
}

.ribbon-left {
    float: left
}

.ribbon-right {
    float: right
}

.ribbon-left div, .ribbon-right div, #metanav {
    display: table-cell;
    vertical-align: middle;
    height: 40px
}

.blue-ribbon a {
    color: #8692A7;
    text-decoration: none
}

#phone-mobile {
    display: none
}

@media (max-width: 47.9999em) {
    #phone-mobile {
        display: inline-block;
        float: right;
        width: 40px;
        height: 40px;
        background: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Crect id='a' width='40' height='40' rx='3'/%3E%3Cmask id='b' x='0' y='0' width='40' height='40' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cuse stroke='%2321385c' mask='url(%23b)' stroke-width='2' xlink:href='%23a'/%3E%3Cpath d='M14.218 19.924a13.465 13.465 0 0 0 5.858 5.858l1.955-1.955c.24-.24.596-.32.907-.214a10.14 10.14 0 0 0 3.173.507c.489 0 .889.4.889.889v3.102c0 .489-.4.889-.889.889C17.764 29 11 22.236 11 13.889c0-.489.4-.889.889-.889H15c.489 0 .889.4.889.889 0 1.111.178 2.178.507 3.173a.892.892 0 0 1-.223.907l-1.955 1.955z' fill='%2321385c'/%3E%3Ccircle fill='%237ED321' cx='25' cy='15' r='3'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 100%;
        text-indent: -9999px;
        outline: none
    }
}

#phone-mobile a {
    display: block;
    width: 40px;
    height: 40px
}

#phone a::before {
    content: url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.657 10.785l1.65-1.65a.746.746 0 0 1 .766-.18c.84.277 1.747.427 2.677.427.412 0 .75.338.75.75v2.618c0 .412-.338.75-.75.75C5.707 13.5 0 7.792 0 .75 0 .338.337 0 .75 0h2.625c.412 0 .75.338.75.75 0 .938.15 1.838.427 2.678a.753.753 0 0 1-.187.764l-1.65 1.65a11.361 11.361 0 0 0 4.942 4.943z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
    position: relative;
    margin-right: 6px;
    top: 3px;
    width: 14px
}

#phone, #phone a {
    color: #fff;
    text-decoration: none
}

#phone a {
    display: inline-block;
    margin: 0
}

#phone {
    margin-left: 1em
}

.circle {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #7ED321
}

.mega-menu-logo {
    display: none
}

.mega-menu-logo.active {
    display: block;
    position: absolute;
    margin-top: 55px;
    margin-left: -217px;
    width: 252px;
    height: 47px;
    background: url(/fileadmin/templates/_images2017/logoseereisedienstde-frei.svg) no-repeat -1px -1px;
    background-size: 252px 48px;
    z-index: 10
}

@media (max-width: 767px) {
    .mega-menu-logo.active {
        display: none
    }
}

.mega-nav {
    height: auto;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0
}

@media (min-width: 768px) {
    .mega-nav {
        display: table
    }
}

.mega-nav a {
    color: #21385c
}

#meta-nav {
    max-height: calc(100% - 100px);
    position: fixed;
    top: 60px;
    left: 50%;
    width: 100%;
    max-width: 1100px;
    transform: translate(-50%, -50%);
    z-index: 5;
    visibility: hidden;
    opacity: 0;
    transition: .3s ease
}

@media (max-width: 767px) {
    #meta-nav {
        top: 140px
    }
}

#meta-nav.active {
    visibility: visible;
    opacity: 1;
    z-index: 9
}

.mega-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(33, 56, 92, 0);
    opacity: 0;
    transition: .1s ease;
    z-index: -1
}

.mega-overlay.active {
    opacity: 1;
    z-index: 4;
    width: 100%;
    height: 100% !important
}

.mega-nav-outer {
    display: block;
    position: relative;
    height: 400px;
    overflow-y: scroll;
    padding: 1em 1em 3em 1em;
    background: rgba(245, 247, 248, 1);
    -webkit-box-shadow: 0 1px 5px 0 rgba(33, 56, 92, .3);
    -moz-box-shadow: 0 1px 5px 0 rgba(33, 56, 92, .3);
    box-shadow: 0 1px 5px 0 rgba(33, 56, 92, .3)
}

@media (min-width: 768px) {
    .mega-nav-outer {
        overflow-y: inherit;
        height: auto;
        padding: 6em 4.6em 3em 4.6em
    }
}

.mega-list-one, .mega-list-two, .mega-list-three {
    display: block;
    width: 100%;
    overflow: hidden;
    padding-left: .625rem;
    padding-right: .625rem
}

@media (max-width: 767px) {
    .mega-list-one, .mega-list-two, .mega-list-three {
        margin-bottom: 2em;
        padding-left: .625rem;
        padding-right: .625rem
    }
}

@media (min-width: 768px) {
    .mega-list-one, .mega-list-two, .mega-list-three {
        display: table-cell;
        width: 33.333%;
        overflow: hidden;
        padding-left: 1.4em;
        padding-right: 1.4em
    }
}

@media (min-width: 768px) {
    .mega-list-two {
        padding-left: 0;
        padding-right: 0
    }
}

.mega-kreuz-second, .mega-fluss-second, .mega-reise-second {
    margin: 0;
    padding: 0;
    list-style: none
}

.mega-kreuz-second li, .mega-fluss-second li, .mega-reise-second li {
    margin-bottom: .35em;
    padding-left: .45em
}

.mega-nav li.go-left a {
    position: relative;
    white-space: nowrap;
    text-indent: -121px;
    display: block;
    overflow: hidden
}

a.m-kreuz, a.m-fluss, span.reise {
    display: block;
    padding: 0 .25em .22em .25em;
    margin-bottom: 1em;
    text-decoration: none;
    font-weight: 600;
    color: #21385c;
    font-size: 20px;
    border-bottom: 1px solid #B7BECB
}

@media (min-width: 768px) {
    .mega-kreuz-second li:nth-last-child(1), .mega-fluss-second li:nth-last-child(1) {
        position: absolute;
        bottom: 1em;
        padding-right: .45em;
        border-bottom: 1px solid #B7BECB
    }

    .mega-kreuz-second li:nth-last-child(1) a, .mega-fluss-second li:nth-last-child(1) a {
        font-weight: 600;
        padding-bottom: .25em
    }
}

@media (max-width: 767px) {
    .mega-fluss-second li:nth-last-child(1) {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .mega-fluss-second li:nth-last-child(1) {
        margin-left: 5rem
    }
}

.m-trenner, .abst-top {
    margin-top: 1.5em
}

.m-trenner, .trenner {
    font-weight: 600;
    color: #21385c
}

.open-megamenu {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    padding-right: 34px;
    height: 40px;
    cursor: pointer
}

@media (max-width: 767px) {
    .open-megamenu {
        padding-right: 14px
    }
}

.open-megamenu.active {
    cursor: pointer
}

.open-megamenu i {
    display: none
}

@media (min-width: 360px) {
    .open-megamenu i {
        font-style: normal;
        color: #fff;
        padding-left: .5em;
        display: inline-block
    }
}

.open-megamenu::before {
    content: url("data:image/svg+xml,%3Csvg width='19' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='nonzero'%3E%3Crect width='19' height='3' rx='1.5'/%3E%3Crect y='5' width='19' height='3' rx='1.5'/%3E%3Crect y='10' width='19' height='3' rx='1.5'/%3E%3C/g%3E%3C/svg%3E");
    left: 0;
    position: relative;
    top: 1px
}

.open-megamenu.active::after {
    content: url("data:image/svg+xml,%3Csvg width='18' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.286 9.165L8.91.482l8.935 8.683z' fill='%23F5F5F5' fill-rule='evenodd'/%3E%3C/svg%3E");
    position: absolute;
    left: 1px;
    bottom: -4px;
    z-index: 9
}

@media (max-width: 767px) {
    .open-megamenu.active::after {
        content: url("data:image/svg+xml,%3Csvg width='18' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.286 9.165L8.91.482l8.935 8.683z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E")
    }
}

.close-megamenu {
    position: absolute;
    top: 2em;
    right: 5.2em;
    cursor: pointer;
    font-weight: 600;
    color: #21385c;
    font-size: 16px
}

.close-megamenu::after {
    content: url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-5-5h24v24H-5z'/%3E%3Cpath d='M13.3.71a.996.996 0 0 0-1.41 0L7 5.59 2.11.7A.996.996 0 1 0 .7 2.11L5.59 7 .7 11.89a.996.996 0 1 0 1.41 1.41L7 8.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L8.41 7l4.89-4.89c.38-.38.38-1.02 0-1.4z' fill='%2321385C' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
    position: relative;
    top: 2px;
    left: 4px
}

.reset-drp {
    position: absolute;
    top: 2em;
    right: 5.2em;
    cursor: pointer;
    font-weight: 600;
    color: #21385c;
    font-size: 16px
}

.reset-drp::after {
    content: "";
    xbackground: url(/fileadmin/templates/_images2017/reset-drp.svg);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48' %3E%3Cpath fill='%2321385C' d='M22.55 41.9Q16.4 41.4 12.2 36.85Q8 32.3 8 26.05Q8 22.2 9.775 18.8Q11.55 15.4 14.75 13.25L16.9 15.4Q14.1 17.05 12.55 19.925Q11 22.8 11 26.05Q11 31.05 14.3 34.7Q17.6 38.35 22.55 38.9ZM25.55 41.9V38.9Q30.55 38.3 33.8 34.675Q37.05 31.05 37.05 26.05Q37.05 20.6 33.275 16.825Q29.5 13.05 24.05 13.05H23.05L26.05 16.05L23.9 18.2L17.25 11.55L23.9 4.9L26.05 7.05L23.05 10.05H24.05Q30.75 10.05 35.4 14.725Q40.05 19.4 40.05 26.05Q40.05 32.3 35.875 36.85Q31.7 41.4 25.55 41.9Z'/%3E%3C/svg%3E%0A");
    position: relative;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    display: block;
    background-size: cover
}

@media (max-width: 767px) {
    .close-megamenu {
        top: 1em;
        right: 1.7em
    }

    .reset-drp {
        top: 1em;
        right: 1.7em
    }
}

.newsl-abo .mob {
    font-size: 12px
}

.newsl-abo .desktop {
    color: #fff;
    display: none
}

@media (min-width: 848px) {
    .newsl-abo .desktop {
        display: block
    }

    .newsl-abo .mob {
        display: none
    }
}

@media (max-width: 767px) {
    body.active {
        overflow: hidden;
        width: 100%;
        position: fixed
    }
}

_:-ms-fullscreen, :root .open-megamenu::before {
    content: url(/fileadmin/templates/_images2017/burger-for-ie11.png)
}

_:-ms-fullscreen, :root .open-megamenu.active::after {
    content: url(/fileadmin/templates/_images2017/triangle-for-ie11.png)
}

.m-dot {
    display: inline-block;
    height: 10px;
    padding-left: 11px;
    padding-right: 11px;
    background: url("data:image/svg+xml,%3Csvg width='5' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' fill='%23B7BECB' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat;
    background-position: 50% 55%
}

@media (min-width: 950px) {
    .ribbon-right .newsl-abo {
        position: relative;
        top: 0;
        color: #fff
    }
}

.newsl-abo img {
    position: relative;
    top: -1px;
    padding-right: 3px
}

.newsl-abo a {
    color: #fff
}

.newsl-abo a[href*="/newsletter/"] {
    margin-right: 34px;
    margin-left: 6px;
    display: inline-block;
    color: #fff;
    padding: 4px 4px 5px 4px;
    border-radius: 3px;
    background: rgba(134, 146, 167, .65)
}

@media (max-width: 359px) {
    #newsl-abo a[href*="/newsletter/"] {
        margin-right: 5px
    }
}

@media (max-width: 39.9375em) {
    .blue-ribbon-outer {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    #phone {
        display: none
    }

    .ribbon-right {
        height: 36px;
        float: left
    }

    #newsl-abo a span {
        display: none
    }
}

.bord {
    position: relative;
    top: 0;
    padding-right: 37px;
    padding-left: 24px;
    display: table-cell;
    vertical-align: middle;
    height: 19px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M2.75 1c-.964.004-1.743.899-1.742 2L1 19c0 1.1.778 2 1.742 2H13.25c.965-.003 1.747-.897 1.75-2V7L9.75 1h-7z' stroke='%23FFF' stroke-width='2'/%3E%3Cpath fill='%23FFF' d='M8 3l5 5H8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 5px center;
    background-size: 12px;
    outline: none;
    color: #fff !important
}

_:-ms-fullscreen, :root .bord {
    background-position-y: 43%
}

@media (max-width: 699px) {
    .bord {
        display: none
    }
}

@media (min-width: 848px) and (max-width: 940px) {
    .bord {
        display: none
    }
}

@media (max-width: 699px) {
    .formu {
        display: none
    }
}

@media (max-width: 359px) {
    .logo-wrap.for-mobile {
        width: 122px
    }
}

@media (min-width: 40em) {
    .logo-wrap.for-mobile {
        display: none
    }
}

.trust-top a {
    position: relative;
    top: 0;
    display: inline-block
}

@media (max-width: 39.9375em) {
    .trust-top {
        position: absolute;
        right: 1.25rem;
        top: 5px
    }

    .trust-top a {
        position: relative;
        top: -1px
    }
}

#logo-seereise {
    position: relative;
    top: 5px;
    float: left;
    width: 252px;
    height: 47px
}

#logo-seereise.sticky {
    width: 250px;
    height: 44.41px
}

.wrapper-for-fixed-search #logo-seereise, .wrapper-for-fixed-search-normal #logo-seereise {
    display: none
}

@media (min-width: 48em) {
    .wrapper-for-fixed-search.sticky #logo-seereise, .wrapper-for-fixed-search-normal.sticky #logo-seereise {
        position: absolute;
        left: 9px;
        top: 23px;
        display: inline-block;
        width: 200px
    }

    .wrapper-for-fixed-search, .wrapper-for-fixed-search-normal {
        display: table-cell;
        vertical-align: middle;
        width: 100%
    }

    .wrapper-for-fixed-search-normal.sticky #logo-seereise.sticky img {
        width: 100%;
        height: auto
    }

    #suche .wrapper-for-fixed-search.sticky #logo-seereise.sticky {
        display: none
    }
}

#logo-seereise a {
    display: block;
    overflow: hidden;
    height: auto;
    width: 100%
}

@media (min-width: 768px) {
    #logo-seereise a {
        position: relative;
        top: -0.25rem !important;
        width: 252px !important;
        height: 47px !important
    }

    #maske .sticky #logo-seereise a {
        top: 0 !important
    }
}

@media (max-width: 39.9375em) {
    #logo-seereise {
        margin-top: 0;
        float: left;
        width: 180px;
        top: 5px
    }

    #logo-seereise img.mobile {
        width: 180px;
        height: auto
    }

    #logo-seereise.sticky {
        margin-top: 0;
        float: left;
        width: 180px;
        height: 37px
    }

    #logo-seereise a {
        width: 166px;
        height: 37px
    }
}

@media (min-width: 40em) {
    .home #logo-seereise img.mobile {
        display: none
    }

    .home #logo-seereise img.desktop {
        display: block
    }

    #logo-seereise img.desktop {
        display: block;
        image-rendering: -webkit-optimize-contrast;
        width: 248px;
        height: 45.05px
    }

    #logo-seereise img.mobile {
        display: none
    }

    #logo-seereise.sticky img.mobile.sticky {
        display: block;
        width: 180px;
        height: auto
    }
}

#logo-seereise img.desktop {
    opacity: 0;
    display: none
}

#logo-seereise a {
    background: url(/fileadmin/templates/_images2017/logoseereisedienstde-frei.svg) no-repeat -1px -1px;
    background-size: 252px 48px
}

@media (max-width: 767px) {
    #logo-seereise a {
        height: 47px !important;
        background-size: 100%
    }
}

#logo-seereise, #nav {
    display: inline-block
}

.header {
    display: table;
    height: 80px;
    width: 100%;
    position: relative
}

.header img {
    display: block
}

.header .table-cell {
    position: relative;
    top: 3px
}

.header-inside {
    display: table-cell;
    vertical-align: middle
}

@media (min-width: 40em) {
    .header-inside {
        padding-left: .625rem;
        padding-right: .625rem
    }
}

@media (max-width: 868px) {
    #nav-mobile {
        display: inline-block
    }
}

@media (min-width: 869px) {
    #nav-mobile {
        display: none
    }
}

@media (max-width: 47.9999em) {
    .header-inside {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    #nav-mobile {
        position: relative;
        margin-left: .625rem;
        display: inline-block;
        float: right;
        width: 40px;
        height: 40px;
        background: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23FFF' fill-rule='nonzero' x='1' y='1' width='39' height='38' rx='3'/%3E%3Crect stroke='%2321385C' x='.5' y='.5' width='39' height='39' rx='3'/%3E%3Crect x='.5' y='.5' width='39' height='39' rx='3' stroke='%23283C62'/%3E%3Cpath d='M24.5 24h-.79l-.28-.27A6.471 6.471 0 0 0 25 19.5a6.5 6.5 0 1 0-6.5 6.5c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L29.49 29l-4.99-5zm-6 0c-2.49 0-4.5-2.01-4.5-4.5s2.01-4.5 4.5-4.5 4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5z' fill='%2321385C' fill-rule='nonzero'/%3E%3Cpath d='M9 10h24v24H9z'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 100%;
        cursor: pointer
    }
}

#suche #nav-mobile, #angebot #nav-mobile {
    display: none
}

@media (max-width: 39.9375em) {
    #nav {
        display: none
    }
}

@media (max-width: 39.9375em) {
    #nav {
        display: none
    }
}

#nav {
    margin-left: 40px;
    float: right;
    width: 103px;
    height: 50px;
    border: 2px solid #21385c;
    border-radius: 3px;
    position: relative;
    background: url(../_images2017/menu.svg) no-repeat 10px 55%
}

.header-inner.sticky {
    position: fixed;
    top: 20px;
    width: 100%;
    z-index: 10
}

.booking .header-inner.sticky {
    top: 40px
}

.header-white {
    clear: both
}

.header-white.sticky {
    background: #fff none repeat scroll 0 0;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
}

@media (max-width: 39.9375em) {
    .wrapper.hero {
        display: none
    }
}

.minify-hero {
    min-height: 536px
}

.wrapper.hero {
    position: relative;
    overflow: hidden;
    margin-top: -30px
}

.wrapper-hero {
    position: relative
}

.hero-stage {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100%
}

.hero-stage img {
    width: 100%;
    height: 100%;
    display: block
}

.hero-stage .wrap-in {
    position: relative;
    top: 14.1%
}

.teaser {
    position: absolute;
    right: .625rem;
    top: 70px;
    width: 460px;
    min-height: 197px;
    border-radius: 5px;
    background: -moz-linear-gradient(top, rgba(40, 60, 98, 1) 0%, rgba(43, 151, 197, .46) 100%);
    background: -webkit-linear-gradient(top, rgba(40, 60, 98, 1) 0%, rgba(43, 151, 197, .46) 100%);
    background: linear-gradient(to bottom, rgba(40, 60, 98, 1) 0%, rgba(43, 151, 197, .46) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21385c', endColorstr='#752b97c5', GradientType=0)
}

@media not all and (min-resolution: .001dpcm) {
    @media {
        .teaser {
            background: transparent;
            -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px)
        }
    }
}

@media (min-width: 768px) and (max-width: 960px) {
    .teaser {
        right: 20px
    }
}

.teaser-inner {
    padding-top: 15px;
    padding-left: 25px
}

.hero-name {
    display: inline-block;
    margin-right: 21px;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 36px;
    color: #FFF;
    letter-spacing: 0;
    line-height: 54px
}

.hero-rate {
    position: relative;
    top: -5px;
    padding-right: 25px;
    padding-left: 2px;
    display: inline-block
}

.hero-rate img {
    width: 14px;
    margin-right: 7px;
    float: left
}

.hero-rate img:nth-last-of-type(1) {
    margin-right: 0
}

.hero-text {
    clear: both;
    padding-right: 58px;
    padding-bottom: 68px;
    font-size: 16px;
    color: #FFF;
    letter-spacing: 0;
    line-height: 27px
}

.details {
    position: absolute;
    display: table;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.inclusive {
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle
}

.hero-stage .inclusive {
    padding: 0 25px
}

.inclusive span {
    display: inline-block;
    margin-right: 13px;
    float: left;
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 3px
}

.inclusive span.flight-2, .inclusive span.beaverage {
    width: 15px;
    height: 17px
}

.inclusive span:nth-last-of-type(1) {
    margin-right: 0
}

.price {
    display: table-cell;
    vertical-align: middle;
    font-weight: 600px;
    font-size: 20px;
    color: #21385c;
    line-height: 30px;
    text-align: center
}

.price::before {
    content: 'ab ';
    font-size: 14px;
    color: #222
}

.price::after {
    content: ' p.P.';
    font-size: 14px;
    color: #222
}

.link-angebot {
    display: table-cell;
    vertical-align: middle;
    float: right;
    width: 157px;
    height: 60px
}

.link-angebot a {
    width: 157px;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    font-weight: 600;
    font-size: 14px;
    color: #FFF;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
    background: #F23C55;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px
}

.wrapper.logo-partner {
    overflow: hidden;
    background: #fff
}

.wrapper.logo-partner .wrap-in {
    max-width: 1184px
}

.wrapper.logo-partner .columns {
    height: 80px
}

.fourparts {
    background: #fff;
    border-bottom: 1px solid #E9EBEF
}

.sticky-part {
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 100
}

@media (min-width: 48em) {
    .sticky-part {
        padding-top: 15px
    }
}

.sticky-part.sticky-not {
    position: relative;
    bottom: inherit;
    -webkit-transition: all 2s;
    transition: all 2s;
    z-index: inherit
}

.row.huge {
    width: 100%;
    max-width: none;
    display: block;
    padding-top: 10px;
    padding-bottom: 12px;
    -webkit-box-shadow: 0 -2px 5px 0 rgba(36, 55, 91, .4);
    -moz-box-shadow: 0 -2px 5px 0 rgba(36, 55, 91, .4);
    box-shadow: 0 -2px 5px 0 rgba(36, 55, 91, .4);
    background-color: #fff;
    text-align: center;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.ship-wrap {
    display: block;
    margin: 0 auto;
    white-space: nowrap;
    width: 1222px
}

.ship-wrap img {
    margin-right: 5px;
    height: 60px
}

.ship-wrap a[title*="Azamara"] img {
    position: relative;
    right: -4px
}

.search {
    background: #fff
}

.search-container {
    padding-top: 10px;
    text-align: center;
    height: 50px;
    outline: 1px solid #ededed
}

.wrapper.search center {
    position: relative;
    top: 12px
}

@media (min-width: 40em) {
    .search-container.sticky {
        margin-left: 250px;
        position: fixed;
        top: 60px;
        width: auto;
        z-index: 100
    }
}

}
.fourparts h2 {
    padding-top: 29px;
    padding-bottom: 19px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px
}

@media (max-width: 48em) {
    .fourparts h2.mobile {
        display: none
    }
}

@media (max-width: 48em) {
    .werbung-wrapper {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-top: 15px
    }
}

h3.weitere_a {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 40px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 48em) {
    h3.weitere_a {
        letter-spacing: .5px;
        font-size: 14px
    }
}

h3.weitere_a span {
    background: url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41 0L0 1.38l4.853 4.752L6 7.256l1.122-1.099L12 1.381 10.59 0 6 4.436z' fill='%2321385c' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 10px center;
    border: 1px solid #21385c;
    border-radius: 3px;
    cursor: pointer;
    display: table-cell;
    height: 45px;
    padding: 0 22px 0 30px;
    vertical-align: middle
}

h3.weitere_a::before {
    right: 2.9%
}

h3.weitere_a::before, .wrapper h3.weitere_a::after {
    border-top: 1px solid #D2D6DE;
    content: "";
    display: table-cell;
    position: relative;
    top: .5em;
    width: 45%
}

h3.weitere_a::after {
    left: 2.9%
}

h3.weitere_a::before, .wrapper h3.weitere_a::after {
    border-top: 1px solid #D2D6DE;
    content: "";
    display: table-cell;
    position: relative;
    top: 1.6em;
    width: 45%
}

h3.weitere_a {
    display: table;
    margin: 20px auto;
    overflow: hidden;
    white-space: nowrap;
    max-width: 940px
}

.angebote {
    color: #21385c;
    letter-spacing: .5px;
    line-height: 19px
}

.angebote::before {
    content: url("data:image/svg+xml,%3Csvg width='17' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2321385c' fill-rule='evenodd'%3E%3Cpath d='M11 8.825L14.709 5 11 1.175 12.142 0 17 5l-4.858 5z'/%3E%3Cpath d='M0 4h16v2H0z'/%3E%3C/g%3E%3C/svg%3E");
    padding-right: 10px
}

@media (min-width: 40em) {
    .angebote {
        padding-top: 12px;
        color: #21385c;
        letter-spacing: .5px;
        line-height: 19px;
        float: right
    }
}

.three-teaser, .double-teaser {
    margin-top: 10px
}

#start .three-teaser {
    margin-top: 0
}

.teaser-single {
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1);
    border-radius: 5px;
    background: #fff
}

.teaser-single picture img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.travel-inside, .travel-target {
    overflow: hidden
}

.travel-inside {
    padding-top: 16px
}

.travel-inside p {
    margin-bottom: 0
}

.travel-link-wrap {
    display: block;
    overflow: hidden;
    background: #FFF;
    border-radius: 5px
}

.travel-pin {
    position: absolute;
    right: 20px;
    display: table;
    margin-top: -70px;
    width: 80px;
    height: 80px;
    background: #2EABE1;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 16.79px;
    z-index: 1
}

.travel-pin span {
    padding: 5px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.teaser-single h3, .teaser-single .h3 {
    padding-left: .9375rem;
    padding-right: .9375rem;
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 600;
    color: #21385c;
    line-height: 23.79px;
    white-space: nowrap
}

.teaser-single h3::before, .teaser-single .h3::before {
    content: url(../_images2017/teaser-single-ausgrauen.png);
    position: absolute;
    top: 0;
    right: 0
}

.flow {
    overflow: hidden;
    position: relative
}

.saison .flow img[src*="invers"] {
    display: none
}

p.travel-text, div.travel-text {
    padding-right: .9375rem;
    padding-left: .9375rem;
    color: #21385c;
    line-height: 21px;
    margin-bottom: 10px
}

.travel-inside .from-to, .travel-inside .season {
    padding-right: .9375rem;
    padding-left: .9375rem
}

.travel-icons {
    width: 55%;
    float: left
}

.inclusive-container {
    margin: 15px 0 8px 0;
    display: block;
    min-height: 40px;
    background: url(../_images2017/angebots-teaser-line-horiz.png) no-repeat center;
    text-align: center
}

.incl-cont-inner {
    display: inline-block;
    padding: 8px 20px 10px 20px;
    margin: 0 auto;
    border: 1px solid #8692A7;
    background: #fff;
    border-radius: 100px
}

.incl-cont-inner span {
    position: relative;
    margin-left: 10px !important;
    margin-right: 0 !important;
    display: inline-block;
    width: 15px;
    height: 17px;
    top: 3px
}

.incl-cont-inner span:nth-of-type(8), .incl-cont-inner span:nth-of-type(9), .incl-cont-inner span:nth-of-type(10) {
    display: none
}

.incl-cont-inner span:nth-of-type(1) {
    top: 0;
    margin-left: 0 !important
}

.incl-cont-inner span {
    background-size: 100%
}

.incl-cont-inner .flight {
    background: url(../_images2017/Icon-Airplane-Blue.svg) no-repeat center;
    background-size: 100%
}

.incl-cont-inner .beverage {
    background: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%238692A7' width='40' height='40' rx='3'/%3E%3Cpath d='M13 12l1.675 15.495c.1.85.8 1.505 1.658 1.505h8.334c.858 0 1.558-.654 1.658-1.505L28 12H13zm7.5 14.45c-1.383 0-2.5-1.139-2.5-2.55 0-1.7 2.5-4.59 2.5-4.59S23 22.2 23 23.9c0 1.411-1.117 2.55-2.5 2.55zm5.275-9.35h-10.55l-.367-3.4h11.275l-.358 3.4z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E") no-repeat center
}

.incl-cont-inner .train {
    background: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%238692A7' width='40' height='40' rx='3'/%3E%3Cpath d='M20 12c-3.5 0-7 .447-7 3.579v8.5c0 1.727 1.374 3.132 3.063 3.132l-1.313 1.342V29h1.951l1.75-1.79h3.299L23.5 29h1.75v-.447l-1.313-1.342c1.69 0 3.063-1.405 3.063-3.132v-8.5C27 12.447 23.867 12 20 12zm-3.938 13.421c-.726 0-1.312-.6-1.312-1.342 0-.743.586-1.342 1.313-1.342.726 0 1.312.6 1.312 1.342 0 .743-.586 1.342-1.313 1.342zm3.063-6.263H14.75v-3.58h4.375v3.58zm1.75 0v-3.58h4.375v3.58h-4.375zm3.063 6.263c-.727 0-1.313-.6-1.313-1.342 0-.743.586-1.342 1.313-1.342.726 0 1.312.6 1.312 1.342 0 .743-.586 1.342-1.313 1.342z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E") no-repeat center
}

span.incl-text {
    width: auto;
    height: auto;
    color: #21385c
}

span.incl-text:hover {
    color: #21385c
}

.travel-icons span {
    margin-right: 3%;
    width: 35px;
    height: 35px;
    display: inline-block
}

.travel-icons span:nth-of-type(4), .travel-icons span:nth-of-type(5), .travel-icons span:nth-of-type(6) {
    display: none
}

.tooltip {
    max-width: 20rem;
    border-radius: 3px
}

.travel-cabin {
    position: relative;
    padding-top: 6px;
    padding-left: .9375rem;
    margin-top: 5px;
    float: left;
    width: 48%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #222;
    line-height: 21px
}

.travel-cabin::before {
    content: url(../assets/teaser-single-ausgrauen.png);
    position: absolute;
    right: 0;
    top: 0
}

.travel-price {
    margin-top: 5px;
    float: right;
    padding-right: .9375rem;
    width: 52%;
    font-size: 14px;
    font-weight: 400;
    color: #21385c;
    line-height: 25.5px;
    text-align: right;
    white-space: nowrap
}

.travel-price b {
    font-size: 20px;
    font-weight: 700
}

.travel-price::before {
    font-weight: 700;
    line-height: 25.5px
}

.travel-inside .date-from::before {
    content: 'vom '
}

.travel-inside .date-to::before {
    content: 'bis '
}

p.travel-target, div.travel-target {
    margin-top: 20px;
    margin-bottom: 0;
    overflow: hidden;
    clear: both
}

.teaser-single p.travel-target {
    padding-right: .9375rem;
    padding-left: .9375rem
}

.travel-target .button {
    padding: 1.02em;
    background: #21385c;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    color: #FFF;
    letter-spacing: .5px;
    line-height: 19px;
    text-transform: uppercase
}

@media (min-width: 640px) and (max-width: 920px) {
    .travel-inside .travel-icons, .travel-inside .travel-price {
        float: none;
        width: 100%
    }
}

@media (min-width: 980px) {
    .teaser-single {
        margin-bottom: 30px
    }

    .teaser-single h3, .teaser-single .h3 {
        margin-top: 20px;
        font-size: 20px;
        line-height: 25px
    }

    .travel-icons span {
        height: 40px;
        width: 40px
    }

    .travel-price {
        font-size: 20px
    }

    .travel-target .button {
        margin-bottom: 20px
    }
}

.best .travel-pin {
    background: #2eabe1 none repeat scroll 0 0;
    font-size: 10px;
    font-weight: 600;
    height: 15px;
    letter-spacing: .5px;
    line-height: 10px;
    margin-top: -10px;
    position: absolute;
    right: inherit;
    left: .9375rem;
    width: auto;
    z-index: 1
}

.best .travel-pin span {
    padding-left: 6px;
    padding-right: 6px
}

.teaser-single.best h3 {
    margin-top: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 0;
    color: #fff
}

.teaser-single.best h3 {
    background: #21385c
}

.teaser-single.best h3::before {
    content: url(../_images2017/teaser-single-ausblauen.png)
}

.best .flow img {
    display: none
}

.best .flow img[src*="invers"] {
    display: inline-block
}

.double-teaser .teaser-single.best h3 {
    white-space: normal;
    font-size: 17px;
    color: #FFF;
    letter-spacing: 0;
    line-height: 23.79px
}

.double-teaser .teaser-single.best h3::before {
    content: ''
}

@media (min-width: 980px) {
    .double-teaser .teaser-single.best h3 {
        font-size: 20px;
        line-height: 30px
    }
}

.double-teaser .travel-text ul li {
    position: relative;
    padding-left: 12px;
    list-style: none;
    line-height: 21px
}

.double-teaser .travel-text ul {
    margin-left: 0;
    margin-bottom: 0
}

.double-teaser .travel-text ul li::before {
    content: '\00b7';
    font-size: 30px;
    position: absolute;
    left: 0
}

.double-teaser .travel-target {
    margin-top: 0;
    padding-top: 20px;
    border-top: 1px solid #E9EBEF
}

.double-teaser .travel-target .button.hollow, .double-teaser .travel-target .button.hollow:hover, .double-teaser .travel-target .button.hollow:focus {
    background: transparent;
    color: #21385c;
    border: 2px solid #21385c
}

.double-teaser .travel-price {
    float: right;
    margin-top: 0;
    margin-bottom: 15px;
    padding-right: 0
}

@media (min-width: 768px) {
    .double-teaser .travel-text ul li {
        display: inline-block;
        position: relative;
        float: left;
        padding-left: 12px;
        width: 50%;
        list-style: none;
        line-height: 21px
    }

    .double-teaser .travel-target {
        margin-top: 20px
    }

    .double-teaser .travel-price {
        float: left;
        margin-top: 8px;
        margin-bottom: 0;
        padding-right: .625rem
    }

    .double-teaser .travel-target .button {
        width: 50%
    }
}

.two-columned {
    padding-top: 11px !important;
    padding-bottom: 14px !important
}

.tx-asrsuche-pi1 .right {
    text-align: left
}

.h1.left {
    font-weight: 600;
    color: #21385c;
    font-size: 20px !important;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 0
}

.ctabutton {
    position: relative;
    top: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: #21385c;
    letter-spacing: .5px;
    line-height: 19px;
    background-size: 17px 17px;
    text-align: left
}

.ctabutton:before {
    content: url("data:image/svg+xml,%3Csvg width='17' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2321385c' fill-rule='evenodd'%3E%3Cpath d='M11 8.825L14.709 5 11 1.175 12.142 0 17 5l-4.858 5z'/%3E%3Cpath d='M0 4h16v2H0z'/%3E%3C/g%3E%3C/svg%3E");
    padding-right: 10px
}

.center .ctabutton {
    padding: 15px 10px 15px 10px;
    border: 2px solid #21385c;
    border-radius: 3px;
    text-align: center
}

.center .ctabutton:before {
    content: '';
    padding-right: 0
}

.leftline {
    width: 100%;
    max-width: 960px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin: 0 auto
}

.cta {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    text-align: left
}

.center .cta {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.cta {
    display: block;
    margin-bottom: 15px;
    width: 100%
}

@media (min-width: 768px) {
    .leftline {
        padding-right: .625rem;
        padding-left: .625rem
    }

    .h1.left {
        font-weight: 600;
        color: #21385c;
        font-size: 28px !important;
        display: block;
        padding-bottom: 5px;
        margin-bottom: 0;
        margin-top: 15px;
        float: left;
        max-width: 50%
    }

    .cta {
        display: block;
        text-align: right;
        margin: 0 auto;
        margin-bottom: 5px;
        width: 100%;
        max-width: 960px;
        padding-right: .625rem;
        padding-left: .625rem
    }

    .center .cta {
        text-align: center
    }

    .ctabutton {
        display: inline-block;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .center .ctabutton {
        padding: 15px 50px 15px 50px
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    .h1.left {
        max-width: 45%;
        line-height: 1.2
    }
}

.teaser-single {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1);
    margin-bottom: 20px;
    position: relative;
    z-index: 0
}

.double-teaser-rte .csc-default {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1);
    margin-bottom: 20px;
    position: relative;
    z-index: 0
}

.double-teaser-rte .csc-textpic-imagewrap {
    width: 100% !important
}

.double-teaser-rte .csc-textpic img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 0 !important
}

.double-teaser-rte DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
    float: none;
    margin: 0 !important
}

.double-teaser-rte h4 {
    padding: 0 6px;
    background: #2eabe1 none repeat scroll 0 0;
    font-size: 10px;
    font-weight: 600;
    height: 20px;
    text-align: center;
    letter-spacing: .5px;
    border-radius: 3px;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    right: inherit;
    left: .9375rem;
    width: auto;
    color: #fff;
    z-index: 1
}

.double-teaser-rte h3::before {
    content: ""
}

.double-teaser-rte h3::before {
    position: absolute;
    right: 0;
    top: 0
}

.double-teaser-rte h3 {
    color: #fff;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 23.79px;
    white-space: normal
}

.double-teaser-rte h3 {
    overflow: hidden;
    position: relative;
    padding-bottom: 16px;
    padding-top: 16px
}

.double-teaser-rte h3 {
    color: #21385c;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 0 !important;
    margin-top: 0;
    padding-left: .9375rem;
    padding-right: .9375rem
}

.double-teaser-rte .csc-default ul {
    margin-bottom: 10px;
    overflow: hidden;
    margin-left: 0;
    padding-left: .9375rem;
    padding-right: .9375rem;
    margin-bottom: .5rem
}

.double-teaser-rte ul li {
    line-height: 21px;
    color: #21385c;
    list-style: outside none;
    padding-left: 12px;
    position: relative
}

@media (min-width: 768px) {
    .double-teaser-rte ul li {
        display: inline-block;
        position: relative;
        float: left;
        padding-left: 12px;
        width: 50%;
        list-style: none;
        line-height: 21px
    }
}

.double-teaser-rte ul li::before {
    content: ".";
    font-size: 30px;
    left: 0;
    position: absolute
}

.double-teaser-rte p {
    color: #21385c;
    line-height: 21px;
    padding-left: .9375rem;
    padding-right: .9375rem
}

.double-teaser-rte .csc-default table {
    margin-top: 0
}

.double-teaser-rte .csc-default table td:first-child {
    margin-top: 20px;
    padding-bottom: 0
}

.double-teaser-rte .csc-default table b {
    color: #21385c;
    font-size: 20px;
    font-weight: 700;
    line-height: 25.5px;
    white-space: nowrap;
    text-align: right
}

.double-teaser-rte .csc-textpic-text {
    padding-bottom: .9em
}

.double-teaser-rte table td:last-child a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    text-align: center;
    line-height: 19px;
    padding: 1.02em;
    text-transform: uppercase;
    width: 100%;
    background: #21385c;
    border-radius: 3px;
    color: #fff
}

.double-teaser-rte table, .double-teaser-rte table tbody {
    margin: 10px 0 0 0;
    border-radius: 0;
    border: none
}

.double-teaser-rte table tbody {
    margin: 0
}

.double-teaser-rte table p {
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 39.9375em) {
    .double-teaser-rte table, .double-teaser-rte table tbody, .double-teaser-rte table tr, .double-teaser-rte table td {
        width: 100%;
        display: block
    }

    .double-teaser-rte table td {
        padding: 0 .9375rem 0 .9375rem
    }
}

@media (min-width: 768px) {
    .double-teaser-rte table {
        position: absolute;
        bottom: 20px
    }

    .double-teaser-rte table td:last-child {
        max-width: 103px;
        width: auto
    }

    .double-teaser-rte .csc-textpic-text {
        padding-bottom: 85px
    }

    .double-teaser-rte .columns .csc-default {
        margin-bottom: 0;
        overflow: hidden
    }
}

.double-teaser-rte table td:first-child {
    text-align: right
}

.epic {
    overflow: hidden;
    background: #fff;
    background-repeat: no-repeat !important
}

.epic > .wrap-in.row {
    max-width: inherit;
    margin: 0
}

.wrap-in.row.inside {
    max-width: 960px;
    margin: 0 auto
}

.epic DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    margin-bottom: 0
}

.epic .columns, .epic .csc-default {
    position: relative
}

@media (max-width: 39.9375em) {
    .epic {
        background-image: none !important
    }

    .epic .columns {
        padding-right: 0;
        padding-left: 0
    }

    .epic .csc-textpic-imagewrap img {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .epic-bg, .epic-bg .wrap-in.row.inside .columns .csc-default {
        height: auto !important
    }
}

.epic img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.epic .csc-textpic-imagewrap {
    width: 100% !important
}

.epic .csc-textpic-imagewrap img {
    width: 100% !important;
    height: auto !important;
    border-radius: 5px
}

.epic .csc-header.csc-header-n1 {
    position: absolute;
    left: 20px;
    bottom: 20px
}

@media (min-width: 40em) {
    .epic .csc-header.csc-header-n1 {
        left: 50px;
        bottom: 30px
    }
}

.epic .csc-default:nth-of-type(1) .csc-header.csc-header-n1 h2 {
    font-weight: 700;
    font-size: 28px;
    color: #FFF;
    line-height: 35px
}

@media (min-width: 40em) {
    .epic .csc-default:nth-of-type(1) .csc-header.csc-header-n1 h2 {
        font-size: 36px;
        line-height: 54px
    }
}

.epic .csc-default:nth-of-type(2) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    width: 100%;
    background: #fff
}

@media (min-width: 40em) {
    .epic .csc-default:nth-of-type(2) {
        padding-left: 0;
        padding-right: 0
    }
}

.epic .csc-default:nth-of-type(2) h4 {
    position: relative;
    top: -13px;
    left: 0;
    display: inline-block;
    padding: 4px 6px;
    font-weight: 600;
    font-size: 10px;
    color: #FFF;
    letter-spacing: .5px;
    line-height: 14px;
    background: #2EABE1;
    border-radius: 3px
}

@media (min-width: 40em) {
    .epic .csc-default:nth-of-type(2) h4 {
        left: 50px;
        padding: 5px 8px;
        font-size: 12px;
        line-height: 15px
    }
}

.epic .csc-default:nth-of-type(2) p {
    padding-left: 50px;
    padding-right: 50px;
    width: 100%
}

.epic .csc-default ul {
    position: relative;
    overflow: hidden;
    margin-left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    list-style: none
}

.epic .csc-default ul li {
    margin-bottom: 20px
}

@media (min-width: 40em) {
    .epic .csc-default ul {
        width: 62.5%;
        position: relative;
        overflow: hidden;
        margin-left: 50px;
        margin-bottom: 0;
        padding-bottom: 16px;
        list-style: none
    }

    .epic .csc-default ul li {
        float: left;
        margin-bottom: 8px;
        width: 50%
    }
}

.epic .csc-default ul li img {
    padding-right: 10px
}

.epic p.travel-target {
    position: relative;
    margin-top: 0
}

.epic .csc-default:nth-of-type(2) p.travel-target {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 40em) {
    .epic p.travel-target {
        position: absolute;
        right: 25px;
        bottom: 32px;
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
        transform: scale(.95)
    }
}

@media (min-width: 730px) {
    .epic p.travel-target {
        right: 50px;
        transform: inherit
    }
}

.epic .csc-default:nth-of-type(2) p.travel-target {
    padding-left: 0;
    padding-right: 0;
    width: 25%
}

}
.epic .travel-target .button {
    margin-bottom: 0
}

.epic .travel-target .button, .epic .travel-target .button:hover, .epic .travel-target .button:focus {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #21385c;
    color: #21385c
}

.content.epic {
    padding-top: 0;
    padding-bottom: 0
}

.wrap-in.row.inside {
    padding-top: 0;
    padding-bottom: 0
}

@media (min-width: 40em) {
    .wrap-in.row.inside {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width: 63em) {
    .wrap-in.row.inside {
        padding-top: 80px;
        padding-bottom: 60px
    }
}

.blur-color, .blur-effect {
    width: 110%;
    position: absolute;
    margin-left: -10px
}

.blur-color {
    background: #fff
}

.blur-effect {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15');
    -webkit-filter: blur(20px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
    opacity: .95;
    background-size: 100% !important;
    background-repeat: no-repeat
}

.content {
    position: relative;
    padding-bottom: 30px;
    padding-top: 18px
}

#suche .content {
    padding: 0
}

@media (min-width: 40em) {
    .content {
        padding-top: 38px;
        padding-bottom: 38px
    }

    .teaser_64 .sub100 {
        background: #FFF
    }
}

.teaser_64 .sub100 .clearer {
    border-top: 1px solid #D2D6DE;
    height: 1px;
    margin: 10px 0 30px
}

.teaser_64 .sub100 .csc-default {
    padding-bottom: 25px;
    margin-bottom: 15px
}

.teaser_64 .sub100 .csc-default:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.cards.single .clearer {
    margin: 0;
    border-top: none;
    height: 0
}

@media (min-width: 40em) {
    .teaser_64 .sub100 {
        padding: 40px 50px 40px 50px;
        margin-bottom: 20px;
        box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1);
        border-radius: 5px
    }

    .cards.single {
        padding-bottom: 40px
    }

    .teaser_64 .sub100 .clearer {
        margin: 20px 0 40px
    }
}

@media (max-width: 39.9375em) {
    .teaser_64 .sub100 {
        padding-right: 0;
        padding-left: 0;
        background: #fff
    }

    #content .csc-frame.teaser_64 {
        padding-top: 20px !important;
        background: #fff
    }

    .columns.cards.single .sub100 {
        padding-left: 0;
        padding-right: 0
    }

    .cards.single {
        margin-bottom: 30px;
        border-bottom: 1px solid #D2D6DE
    }

    .column.cards.single, .columns.cards.single {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: auto
    }
}

@media (min-width: 40em) {
    .columns.cards.single {
        margin-bottom: 0;
        padding-top: 0;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        background: transparent;
        border-radius: 0;
        box-shadow: none
    }

    .columns.cards.single .sub100 {
        padding: 40px 50px;
        background: #fff;
        box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1);
        border-radius: 5px
    }
}

@media (min-width: 48em) {
    .columns.cards.single {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
}

@media (min-width: 63em) {
    .columns.cards.single {
        padding-right: .625rem;
        padding-left: .625rem
    }
}

.teaser_62 .csc-textpic-imagewrap img {
    width: 100% !important;
    height: auto !important;
    max-width: 940px
}

.teaser_62 .csc-textpic.csc-textpic-left.csc-textpic-above, .teaser_62 .csc-textpic-imagewrap.csc-textpic-single-image {
    width: 100% !important
}

.cards.single .csc-default {
    margin-bottom: 0
}

.cards .subcl {
    margin-bottom: 20px
}

.cards > .csc-default:nth-last-of-type(1) {
    margin-bottom: 0
}

.sub100.cards > .csc-default:nth-last-of-type(1) .clearer {
    border: none;
    margin-bottom: 0
}

@media (min-width: 40em) {
    .subcolumns {
        display: table;
        width: 100%
    }

    .c50l, .c50r {
        display: table-cell;
        vertical-align: top;
        width: 50%;
        position: relative
    }

    .c50l {
        width: 38.00475%
    }

    .c50r {
        width: 61.757719715%;
        padding-left: 30px
    }
}

.c50l img {
    width: 100% !important;
    height: auto !important
}

.csc-default p:nth-last-of-type(1) {
    margin-bottom: 0
}

.cards .subcolumns:nth-last-of-type(1), .cards .ka-panel .subcolumns {
    border: none
}

h1, h2, h3, h5, h6, .sitemap-ueberschrift {
    color: #21385c;
    font-family: 'Open Sans', Arial, Sans-Serif
}

h2, h1, .sitemap-ueberschrift {
    padding-bottom: 9px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px
}

.sitemap-ueberschrift {
    position: relative;
    top: 4px;
    display: block;
    font-size: 20px !important;
    padding-bottom: 0
}

#seo .sitemap-ueberschrift {
    padding-bottom: 9px
}

.sitemap-ueberschrift p {
    margin-bottom: 0
}

@media (min-width: 40em) {
    h2, h1 {
        font-size: 28px;
        line-height: 42px
    }
}

h3 {
    margin-bottom: 9px;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px
}

p {
    margin: 0 0 .9em
}

p, ul, table {
    line-height: 23.79px
}

.csc-default ul {
    margin-bottom: .8em;
    margin-left: 1em;
    list-style: disc;
    list-style-position: inherit
}

#seo ul.csc-menu, ul.csc-menu.csc-menu-def, ul.csc-menu.csc-menu-1 {
    margin-left: 0
}

.wrapper.trust {
    padding: 20px 0;
    border-top: 1px solid #E9EBEF;
    background: #fff
}

.trust .wrap-in > .columns {
    padding-top: 20px;
    padding-bottom: 20px
}

.seal {
    width: 40px;
    height: 40px;
    position: relative
}

.seal a {
    display: block;
    width: 40px;
    height: 40px
}

.head-h5 {
    margin-bottom: 0;
    font-size: 14px;
    color: #21385c;
    font-weight: 600;
    font-family: 'Open Sans', Arial, Sans-Serif;
    text-rendering: optimizeLegibility
}

.seal-text p {
    margin: 0;
    line-height: 21px;
    color: #222
}

.commerz a img {
    position: absolute;
    bottom: 1px
}

@media (max-width: 39.9375em) {
    .trust .wrap-in {
        padding-left: 1.25rem
    }

    .trust .small-3 {
        width: 15%
    }

    .trust .small-9 {
        width: 85%
    }

    .seal-text {
        padding-left: .625rem
    }
}

@media (min-width: 769px) {
    .seal {
        width: 60px;
        height: 60px
    }

    .seal.commerz img {
        width: 58px;
        height: 58px;
        position: absolute;
        bottom: 1px
    }

    .wrapper.trust {
        padding: 0
    }
}

@media (min-width: 820px) {
    .seal a {
        width: 60px;
        height: 60px
    }
}

.submarine {
    background: #21385c;
    color: #fff;
    font-size: 14px
}

.submarine .wrap-in {
    padding-top: 40px
}

.kontakt-font {
    font-size: 14px
}

.submarine a {
    color: #fff
}

.submarine .head-h4 {
    margin-bottom: 0;
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    line-height: 19px
}

@media (max-width: 767px) {
    .submarine .columns {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .submarine .head-h4 {
        padding: 25px 0 22px 25px;
        border-top: 1px solid #566684;
        cursor: pointer;
        font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif
    }

    .submarine h4.norm, .submarine .head-h4.norm {
        margin-left: 20px;
        margin-right: 20px
    }

    .submarine .head-h4::before, .submarine .head-h4.norm::before {
        content: url("data:image/svg+xml,%3Csvg width='7' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.823 0L3.5 2.472 6.178 0 7 .761 3.5 4 0 .761z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
        position: absolute;
        top: 22px;
        left: 8px
    }

    .submarine .head-h4.up::before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 28px
    }

    .submarine .head-h4.kontakt::before {
        content: url("data:image/svg+xml,%3Csvg width='7' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.823 0L3.5 2.472 6.178 0 7 .761 3.5 4 0 .761z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
        display: none
    }

    .submarine .head-h4.kontakt {
        margin-bottom: 0;
        cursor: text;
        background: #21385c;
        border-top: none
    }

    .kontakt-font {
        overflow: hidden;
        margin-left: 0;
        padding-bottom: 10px;
        background: #21385c;
        border-bottom: 1px solid #566684
    }
}

.submarine ul {
    margin-bottom: 0;
    list-style: none
}

.submarine li {
    line-height: 30px
}

@media (max-width: 767px) {
    .submarine .head-h4.norm + ul {
        visibility: hidden;
        position: absolute
    }

    .submarine .head-h4.norm.up + ul {
        visibility: inherit;
        position: static;
        margin-top: -10px;
        margin-bottom: 16px;
        margin-left: 20px
    }
}

@media (max-width: 767px) {
    .submarine li {
        padding-left: 25px
    }
}

@media (min-width: 768px) {
    .submarine ul {
        margin: 9px 0 35px 0
    }

    .submarine ul li {
        padding-right: 10px
    }
}

.submarine ul.kontakt-font li {
    padding-bottom: 20px;
    line-height: normal
}

@media (min-width: 1024px) {
    .kontakt-font {
        position: relative;
        width: 260px
    }
}

@media (min-width: 1144px) {
    .kontakt-font {
        width: 320px
    }
}

.kontakt-font span.type-blue {
    margin: 0;
    margin-right: 0;
    float: none;
    width: auto;
    height: auto;
    color: #8692A7
}

.kontakt-font span {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 15px;
    float: left;
    overflow: hidden;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-position: bottom left
}

.kontakt-font span:nth-last-of-type(1) {
    margin-right: 0
}

.kontakt-font span a {
    display: block;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    outline: none
}

a[href*="tel"] {
    display: inline-block
}

.twitter {
    background: url(../_images2017/Twitter_Logo_White_On_Blue.svg) no-repeat
}

.google {
    background: url(../_images2017/Google_plus.png) no-repeat
}

.facebook {
    background: url(../_images2017/FB-fLogo-Blue-broadcast-2.png) no-repeat
}

.youtube {
    background: url(../_images2017/YouTube-social-square_redx_.png) no-repeat
}

.instagram {
    background: url(../_images2017/instagram-logo.png) no-repeat
}

.partner {
    background: #21385c
}

.partner-text {
    padding-top: 46px;
    padding-bottom: 22px;
    text-align: center;
    color: #fff;
    letter-spacing: .5px;
    text-transform: uppercase
}

.logo div {
    margin-bottom: 20px
}

@media (max-width: 39.9375em) {
    .partner-text {
        padding-top: 26px
    }

    .logo .columns:nth-of-type(odd) {
        text-align: right
    }
}

.deep-sea {
    padding: 20px 0;
    background: #1C2C4B;
    text-align: center
}

#copy, #imprint {
    font-size: 12px;
    color: #8692A7
}

#copy {
    padding-bottom: 5px;
    white-space: nowrap
}

#imprint a {
    display: inline-block;
    color: #fff
}

#imprint a:nth-last-of-type(2) {
    margin: 0 10px
}

@media (min-width: 40em) {
    .deep-sea {
        padding: 9px 0;
        text-align: left
    }

    #copy {
        padding-bottom: 0;
        float: left;
        width: auto
    }

    #imprint {
        text-align: right;
        float: right;
        width: auto
    }

    #imprint a:nth-last-of-type(2) {
        margin: 0 10px
    }
}

@media (min-width: 40em) {
    .teaser_67 .subcolumns {
        display: block;
        margin-bottom: 0
    }
}

@media (max-width: 39.9375em) {
    .teaser_67 ul {
        display: none
    }
}

@media (min-width: 768px) {
    .teaser_67 select {
        display: none
    }

    .teaser_67 ul {
        display: block !important
    }
}

.teaser_67 ul {
    position: relative;
    margin-left: 0;
    height: 28px;
    margin-bottom: 0 !important
}

.teaser_67 ul::after {
    content: '';
    display: inline-block;
    width: 100%
}

.teaser_67 ul li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin-right: 3%
}

.teaser_67 a {
    font-size: 14px;
    font-weight: 600;
    color: #8692A7
}

@media (min-width: 40em) {
    .teaser_67 h2 {
        display: none
    }

    .teaser_67 .content {
        padding-top: 22px;
        padding-bottom: 12px
    }
}

@media (min-width: 40em) and (max-height: 760px) {
    .teaser_67 .content {
        padding-top: 25px;
        padding-bottom: 17px
    }
}

.teaser_67 select {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 30px;
    height: 50px;
    border: 1px solid #D2D6DE;
    font-size: 14px;
    color: #222;
    line-height: 21px;
    background: #fff url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.59 0L6 4.58 1.41 0 0 1.41l6 6 6-6z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 95% center
}

.card-mini {
    margin-bottom: 1.25rem;
    background: #fff;
    box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1);
    border-radius: 3px;
    display: table;
    min-height: 100px;
    width: 100%
}

.first .columns:nth-of-type(1) .card-mini div {
    display: table-cell;
    display: inline-block;
    margin: 0 auto;
    overflow: hidden;
    vertical-align: middle;
    width: 100%
}

div.ka-panel.close:hover {
    cursor: pointer
}

div.ka-panel {
    width: 100%;
    max-width: 940px;
    margin: 0 auto
}

div.ka-panel {
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

div.ka-panel + div.ka-panel {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

div.ka-panel.close, div.ka-panel.open, div.ka-panel.open:hover, div.ka-panel.close:hover {
    background-image: none;
    background-color: #fff
}

div.ka-panel.close {
    background: #fff;
    border-bottom: 1px solid #E9EBEF
}

div.ka-panel.close:nth-last-of-type(1) {
    border-bottom: none
}

@media (max-width: 39.9375em) {
    .akkordeon .sub100 div.ka-panel:nth-of-type(1), {
        border-top: 1px solid #e9ebef
    }
}

.ka-handler {
    padding: 14px 0
}

.ka-panel.open .ka-handler {
    background: #F5F7F8
}

@media (min-width: 40em) {
    .ka-handler {
        padding: 31px 0 34px 0 !important
    }
}

.ka-handler h6, .tx-asrangebot-pi1 .ka-handler h6 {
    font-family: 'Open Sans', Arial, Sans-Serif;
    position: relative;
    margin-bottom: 0 !important;
    padding-right: 1.25rem !important;
    padding-left: 3.3rem !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    color: #21385c;
    line-height: 23.79px !important
}

.tx-asrangebot-pi1 div.ka-panel.open h6, .tx-asrangebot-pi1 div.ka-panel.close.hover h6 {
    color: #21385c
}

div.ka-panel.open h6, div.ka-panel.close.hover h6 {
    color: #21385c
}

@media (min-width: 40em) {
    .ka-handler h6 {
        padding-left: 3.25rem;
        font-size: 20px;
        line-height: 30px
    }

    .ka-handler h6 {
        padding-right: 130px
    }
}

.ka-panel.close .ka-handler h6::before {
    position: absolute;
    left: 1.25rem;
    top: 0;
    content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.ka-panel.open .ka-handler h6::before {
    position: absolute;
    left: 1.25rem;
    top: 0;
    content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.762 9L7.5 3.437 13.237 9 15 7.287 7.5 0 0 7.287z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E")
}

@media (min-width: 40em) {
    .teaser_65 .ka-panel.close .ka-handler h6::after {
        position: absolute;
        left: 80.8%;
        top: 9px;
        content: 'Details einblenden';
        font-family: 'Open Sans', Arial, Sans-Serif;
        font-weight: 400;
        font-size: 12px;
        color: #222;
        line-height: 16.79px
    }

    .teaser_65 .ka-panel.open .ka-handler h6::after {
        position: absolute;
        left: 80.8%;
        top: 9px;
        content: 'Details ausblenden';
        font-family: 'Open Sans', Arial, Sans-Serif;
        font-weight: 400;
        font-size: 12px;
        color: #222;
        line-height: 16.79px
    }
}

@media (min-width: 64em) {
    .teaser_65 .ka-panel.close .ka-handler h6::after {
        left: 86.8%
    }

    .teaser_65 .ka-panel.open .ka-handler h6::after {
        left: 86.8%
    }
}

.teaser_65 .ka-panel.open .ka-handler h6::before {
    position: absolute;
    left: 1.25rem;
    top: -3px;
    content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.762 9L7.5 3.437 13.237 9 15 7.287 7.5 0 0 7.287z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.ka-handler + .ka-content {
    padding-top: 15px;
    padding: 15px 2.65rem;
    background: #F5F7F8
}

@media (min-width: 40em) {
    .ka-handler + .ka-content {
        padding: 15px 3.3rem
    }
}

@media (max-width: 39.9375em) {
    .teaser_65 .column {
        padding-left: 0;
        padding-right: 0
    }
}

.teaser_65 .sub100 {
    background: #FFF;
    border-radius: 5px
}

div.ka-panel:first-child {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

div.ka-panel:nth-last-child(1) {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.csc-default p.link-forward {
    margin-bottom: 18px
}

@media (min-width: 40em) {
    .csc-default p.link-forward.bottom {
        position: absolute;
        margin-bottom: 0;
        bottom: 20px
    }
}

@media (min-width: 64em) {
    .small-12.medium-3.columns .link-forward {
        text-align: right
    }
}

.link-forward a {
    padding-left: 25px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    color: #21385c;
    letter-spacing: .5px;
    line-height: 19px;
    background: url(../_images2017/ic_arrow_forward.png) no-repeat 0 3px;
    background-size: 16px 12px
}

.csc-default p.link-kf-suche {
    margin-bottom: 18px;
    text-align: right
}

.link-kf-suche a {
    display: none
}

@media (min-width: 64em) {
    .link-kf-suche a {
        padding-top: 15px;
        padding-right: 26px;
        padding-bottom: 15px;
        padding-left: 50px;
        display: inline-block;
        font-weight: 600;
        font-size: 14px;
        color: #21385c;
        letter-spacing: .5px;
        line-height: 19px;
        background: url(../_images2017/Icon-Search.svg) no-repeat 25px center;
        background-size: 17px 17px;
        border: 2px solid #21385c;
        border-radius: 3px
    }
}

cite {
    font-style: normal;
    font-size: 16px;
    color: #566684;
    line-height: 27px
}

cite::before {
    content: ""
}

cite br {
    display: block;
    margin-bottom: 10px
}

.datum {
    font-size: 14px;
    color: #8692A7;
    line-height: 21px
}

.content.coral {
    padding-top: 45px
}

.content.coral .wrap-in.row {
    padding-bottom: 15px
}

.content.coral {
    padding-bottom: 0
}

@media (min-width: 48em) {
    .content.coral .wrap-in.row {
        padding-bottom: 4px
    }

    .content.coral {
        min-height: 536px;
        padding-bottom: 56px
    }

    .content.coral.unternehmen .wrap-in {
        margin-top: 8%
    }
}

@media (min-width: 64em) {
    .content.coral {
        padding-top: 45px;
        padding-bottom: 56px
    }
}

.coral, .header-detail {
    background: #fff
}

.coral h1 {
    padding-bottom: 22px;
    font-weight: 600;
    font-size: 28px;
    color: #FFF;
    line-height: 39.2px;
    text-align: center
}

@media (min-width: 40em) {
    .coral h1 {
        font-weight: 700;
        font-size: 36px;
        color: #FFF;
        letter-spacing: 0;
        line-height: 54px;
        text-align: center
    }
}

#angebot :last-child > .accordion-content:last-child {
    border-bottom: none
}

#angebot .teaser_65 {
    padding-top: 20px;
    padding-bottom: 20px
}

#angebot .grey {
    border-bottom: none
}

#angebot #content > .csc-default {
    padding-top: 0;
    padding-bottom: 0
}

.content.header-detail {
    padding-bottom: 16px;
    min-height: 300px;
    display: table;
    width: 100%
}

@media (min-width: 48em) {
    .content.header-detail {
        height: auto;
        min-height: 536px
    }

    .teaser-content .inner-card {
        margin-top: 30px
    }
}

@media (min-width: 940px) {
    .content.header-detail {
        padding-top: 38px !important
    }
}

#angebot .breadcrumb {
    display: none
}

.breadcrumb ul {
    display: none
}

@media (min-width: 48em) {
    .breadcrumb {
        display: block;
        position: absolute;
        bottom: -50px;
        z-index: 9
    }

    .header-inner.sticky .breadcrumb {
        display: none
    }

    .breadcrumb ul {
        display: block;
        margin-left: 0;
        list-style: none
    }

    .breadcrumb ul li {
        display: inline-block;
        padding-right: 10px;
        padding-left: 6px;
        line-height: 12px;
        font-size: 12px;
        color: #21385c
    }

    .breadcrumb.light ul li {
        color: #fff
    }

    .breadcrumb ul li:first-child {
        padding-left: 0
    }

    .breadcrumb ul li:last-child {
        background-image: none
    }

    .breadcrumb a {
        font-size: 12px;
        color: #21385c;
        line-height: 21px
    }

    .breadcrumb.light a {
        color: #fff
    }
}

#start .breadcrumb {
    display: none
}

.header-detail .wrap-in.row {
    max-width: none
}

.header-detail .columns {
    padding: 0
}

.plus-teasercontent {
    display: block;
    margin: 0 auto 20px auto;
    max-width: 960px;
    width: 100%
}

@media (min-width: 768px) {
    .plus-teasercontent {
        margin-top: 20px
    }
}

.plus-teasercontent span {
    display: block;
    padding: 7px;
    border: 1px solid #21385c;
    border-radius: 3px;
    color: #21385c
}

@media (max-width: 58.6875em) {
    .plus-teasercontent span p {
        line-height: 16.8px;
        font-size: 12px
    }
}

.plus-angebot-image {
    background: #fff;
    padding-bottom: 0;
    padding-top: 38px
}

.plus-angebot-image .columns {
    text-align: center
}

.plus-angebot-image .columns img {
    display: block;
    margin: 0 auto 10px auto
}

.plus-angebot-image .columns img:nth-last-of-type(1) {
    margin-bottom: 0
}

.plus-angebot-image .columns span {
    display: block
}

.plus-angebot-image .columns img {
    position: relative;
    display: block
}

@media (min-width: 58.75em) {
    .wrap-for-desktop {
        max-width: 960px;
        margin: 0 auto;
        padding-left: .625rem;
        padding-right: .625rem
    }
}

.teaser-content {
    padding-top: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    clear: both;
    background-size: 100%
}

@media (min-width: 58.75em) {
    .teaser-content {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    #angebot #content .wrapper.content.header-detail .wrap-in.row > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .wrapper.content.header-detail {
        padding-top: 0;
        margin-top: -30px
    }
}

.teaser-content .inner-card {
    position: relative;
    padding-bottom: 0;
    box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1);
    border-radius: 5px
}

.teaser-content.list .wrap-for-desktop {
    box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1)
}

.teaser-content.list .inner-card {
    box-shadow: none
}

.teaser-content img {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.teaser-video, .teaser-galery {
    display: none
}

.teaser-content .picture-for-desktop img {
    width: 100%
}

@media (min-width: 58.75em) {
    .teaser-content .picture-for-desktop img {
        PLMmargin-left: -40px;
        max-width: inherit;
        width: auto !important;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0
    }

    .teaser-video, .teaser-galery {
        display: inline-block;
        position: absolute
    }

    .teaser-video {
        top: 45%;
        left: 42%;
        width: 50px;
        height: 50px;
        background: url("data:image/svg+xml,%3Csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 0C11.2 0 0 11.2 0 25s11.2 25 25 25 25-11.2 25-25S38.8 0 25 0zm-5 36.25v-22.5L35 25 20 36.25z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat;
        background-size: cover;
        text-indent: -9999px;
        outline: none
    }

    .teaser-galery {
        bottom: 10px;
        left: 10px;
        padding-left: 25px;
        height: 20px;
        background: url(../_images2017/Icon-Galery.svg) no-repeat;
        outline: none;
        font-size: 12px;
        color: #FFF;
        line-height: 1.8
    }

    .teaser-galery:hover {
        color: #FFF
    }

    .teaser-content .inner-card {
        padding-bottom: 0
    }
}

.features-float-desktop {
    position: relative;
    background: #fff;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

@media (min-width: 58.75em) {
    .features-float-desktop {
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0
    }
}

.teaser-target .travel-icons span img {
    border-radius: 0
}

.features-float-desktop .travel-pin.orange {
    right: inherit;
    left: 15px;
    margin-top: -40px;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background: #F9AF11;
    display: none
}

.teaser-features h3 {
    font-weight: 600;
    font-size: 20px;
    color: #21385c;
    line-height: 30px
}

@media (min-width: 58.75em) {
    .teaser-features h3 {
        font-weight: 600;
        font-size: 28px;
        color: #21385c;
        letter-spacing: 0;
        line-height: 42px;
        overflow: hidden;
        white-space: nowrap
    }

    .teaser-features h3::before {
        content: url(../_images2017/teaser-single-ausgrauen.png);
        position: absolute;
        right: 0;
        top: 0
    }
}

.teaser-features .untertitel {
    font-size: 18px;
    color: #21385c;
    line-height: 25px;
    margin-bottom: 9px
}

.teaser-features h4 {
    font-size: 14px;
    color: #21385c;
    line-height: 21px
}

.teaser-features h5 {
    position: relative;
    font-size: 12px;
    color: #21385c;
    line-height: 16.8px
}

#ergebnis .teaser-features h5 {
    cursor: inherit
}

@media (min-width: 58.75em) {
    .teaser-features h5 {
        max-height: 35px;
        overflow: hidden
    }
}

.teaser-features h5 img {
    width: 100%;
    max-width: 28px;
    border-radius: 0
}

.teaser-features h5 span {
    position: relative
}

.teaser-features h5 span i {
    position: relative;
    font-style: normal;
    top: -2px
}

.from-to, .season, .s_bezeichnung {
    margin-bottom: 3px;
    font-weight: 600;
    color: #21385c;
    line-height: 21px;
    position: relative
}

.season::before {
    content: url("data:image/svg+xml,%3Csvg width='9' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5H2v1h1v-1zm2 0H4v1h1v-1zm2 0H6v1h1v-1zM3 7H2v1h1V7zm2 0H4v1h1V7zm3-6h-.5V0h-1v1h-4V0h-1v1H1a.995.995 0 0 0-.995 1L0 9a1 1 0 0 0 1 1h7c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zM1 9V3.5h7V9H1z' fill='%2321385c' fill-rule='evenodd'/%3E%3C/svg%3E");
    margin-right: 8px
}

.s_bezeichnung::before {
    content: ' ';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48' fill-rule='nonzero' fill='%2321385c' %3E%3Cpath d='M6.45 37.55 3.55 27.2q-.35-1.35.05-2.5.4-1.15 1.35-1.5l1.9-.6V11.05q0-1.65 1.25-2.85Q9.35 7 11 6.95h6.3v-6h13.45v6h6.2q1.7 0 2.975 1.225Q41.2 9.4 41.2 11.05v11.6l1.95.6q.7.25 1.225 1.25.525 1 .075 2.65l-2.9 10.4q-3-.2-5.45-1.25t-4-2.6q-1.7 1.8-3.7 2.825-2 1.025-4.35 1.025-2.45 0-4.475-1.025Q17.55 35.5 15.95 33.7q-1.6 1.55-4.05 2.6-2.45 1.05-5.45 1.25Zm-2.4 9.5V42.4H8.1q2.05 0 4.075-.65Q14.2 41.1 16 39.9q1.8 1.2 3.875 1.8 2.075.6 4.125.6t4.1-.6q2.05-.6 3.85-1.8 1.85 1.2 3.875 1.85 2.025.65 4.125.65h4v4.65H39.9q-2 0-3.975-.5T32 45q-1.95 1.05-4 1.55t-4 .5q-1.95 0-4-.5T16 45q-1.9 1.05-3.875 1.55t-4.075.5Zm7.4-25.85 12.55-4 12.5 4.05V11.6H11.45Z'/%3E%3C/svg%3E");
    margin-right: 7px;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-size: cover
}

.from-to::before {
    content: url("data:image/svg+xml,%3Csvg width='7' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 0A3.497 3.497 0 0 0 0 3.5C0 6.125 3.5 10 3.5 10S7 6.125 7 3.5C7 1.565 5.435 0 3.5 0zm0 4.75a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5z' fill-rule='nonzero' fill='%2321385c'/%3E%3C/svg%3E");
    margin-right: 8px
}

@media (min-width: 58.75em) {
    .from-to {
        overflow: hidden;
        white-space: nowrap
    }

    .from-to::after {
        content: url(../_images2017/teaser-single-ausgrauen.png);
        position: absolute;
        right: 0;
        top: 0
    }
}

.teaser-features {
    margin-bottom: 20px;
    padding: 17px 15px 0 26px
}

@media (max-width: 58.6875em) {
    .teaser-features {
        padding: 17px 15px 0 15px
    }

    .teaser-features ul {
        display: none
    }
}

.teaser-features ul {
    margin-top: 12px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: .625rem;
    list-style: none
}

.teaser-features ul li {
    margin-bottom: 5px;
    padding-left: 18px;
    line-height: 23px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.4 4.4L0 5.8l4.6 4.6 9-9L12.2 0 4.6 7.6z' fill='%2321385c' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 0 5px
}

@media (min-width: 58.75em) {
    .teaser-features ul li {
        margin-bottom: 8px;
        font-size: 13px;
        line-height: 18px
    }
}

.teaser-features ul li:last-child {
    margin-bottom: 0
}

.inner {
    margin-bottom: 6px;
    overflow: hidden;
    clear: both
}

.cabin {
    display: inline-block;
    float: left;
    line-height: 21px;
    font-weight: 600;
    font-size: 14px;
    color: #21385c;
    line-height: 21px
}

.cabin-price {
    display: inline-block;
    float: right;
    font-weight: 700;
    font-size: 16px;
    color: #21385c;
    line-height: 24px
}

.from {
    font-weight: 400;
    color: #222;
    font-size: 14px
}

.teaser-cabins {
    margin-top: 10px 0 17px 0;
    padding: 0 15px 10px 15px
}

.teaser-inclusive {
    display: table;
    padding: 0 15px 7px 15px;
    margin-bottom: 22px;
    width: 100%;
    border-bottom: 1px solid rgba(0, 34, 72, .1)
}

.teaser-inclusive.none {
    display: none
}

@media (min-width: 58.75em) {
    .teaser-inclusive.none {
        display: block;
        border-bottom: 1px solid #fff
    }

    .teaser-inclusive {
        padding: 17px 0 7px 0;
        margin-bottom: 0;
        height: 55px
    }
}

.teaser-inclusive-icons, .teaser-inclusive-icons .incl {
    display: table-cell
}

.teaser-inclusive .incl {
    font-weight: 600;
    font-size: 20px;
    color: #21385c;
    line-height: 30px
}

.teaser-inclusive-icons {
    text-align: right
}

.teaser-inclusive-icons span, .lp-icon span {
    margin-right: 12px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100%
}

.lp-icon span {
    width: 30px;
    height: 30px;
    margin-right: 0;
    float: left
}

.hero span {
    margin-right: 6px
}

.teaser-inclusive-icons span.ic-1, .hero span.ic-1, .incl-cont-inner span.ic-1, .lp-icon span.ic-1 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M12 2c-4.1 0-8.2.5-8.2 4.2v10c0 2 1.6 3.7 3.6 3.7l-1.5 1.6v.5h2.3l2.1-2.1h3.9l2.1 2.1h2.1v-.5l-1.5-1.6c2 0 3.6-1.7 3.6-3.7v-10C20.2 2.5 16.5 2 12 2M7.4 17.8c-.9 0-1.5-.7-1.5-1.6 0-.9.7-1.6 1.5-1.6s1.5.7 1.5 1.6c0 .9-.7 1.6-1.5 1.6m3.6-7.4H5.8V6.2H11v4.2zm2-4.2h5.1v4.2H13V6.2zm3.6 11.6c-.9 0-1.5-.7-1.5-1.6 0-.9.7-1.6 1.5-1.6.9 0 1.5.7 1.5 1.6.1.9-.6 1.6-1.5 1.6' clip-path='url(%23b)' fill='%2321385c'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='c' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='d'%3E%3Cuse xlink:href='%23c' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M21.3 23.1c1.6-1 2.7-2.8 2.7-4.8 0-3.1-2.6-5.5-5.8-5.5-3.2 0-5.7 2.6-5.6 5.7 0 3.1 2.6 5.5 5.8 5.5.9 0 1.7-.2 2.5-.6 0-.1.2-.2.4-.3' clip-path='url(%23d)' fill='%23fff'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='e' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='f'%3E%3Cuse xlink:href='%23e' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M18.9 20.6c-.2.2-.4.3-.6.3h-.1c-.2 0-.4-.1-.6-.2l-2.2-1.9c-.4-.3-.4-.9-.1-1.3.3-.4 1.3-.9 1.6-.6l1.1 1.8 3.3-3.5-.1-.1c-.8-.7-1.9-1.1-3.1-1.1-2.5 0-4.5 2-4.5 4.5 0 2.4 2.1 4.4 4.6 4.4 2.5 0 4.5-2 4.5-4.5 0-.6-.1-1.1-.3-1.6 0-.1-3.5 3.8-3.5 3.8' clip-path='url(%23f)' fill='%2376b32b'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: cover
}

.teaser-inclusive-icons span.ic-2, .hero span.ic-2, .incl-cont-inner span.ic-2, .lp-icon span.ic-2 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M22 16v-2l-8.5-5V3.5c0-.8-.7-1.5-1.5-1.5s-1.5.7-1.5 1.5V9L2 14v2l8.5-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5l-2-1.5v-5.5L22 16z' clip-path='url(%23b)' fill='%2321385c'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='c' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='d'%3E%3Cuse xlink:href='%23c' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M21.3 23.1c1.6-1 2.7-2.8 2.7-4.8 0-3.1-2.6-5.5-5.8-5.5-3.2 0-5.7 2.6-5.6 5.7 0 3.1 2.6 5.5 5.8 5.5.9 0 1.7-.2 2.5-.6 0-.1.2-.2.4-.3' clip-path='url(%23d)' fill='%23fff'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='e' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='f'%3E%3Cuse xlink:href='%23e' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M18.9 20.6c-.2.2-.4.3-.6.3h-.1c-.2 0-.4-.1-.6-.2l-2.2-1.9c-.4-.3-.4-.9-.1-1.3.3-.4 1.3-.9 1.6-.6l1.1 1.8 3.3-3.5-.1-.1c-.8-.7-1.9-1.1-3.1-1.1-2.5 0-4.5 2-4.5 4.5 0 2.4 2.1 4.4 4.6 4.4 2.5 0 4.5-2 4.5-4.5 0-.6-.1-1.1-.3-1.6 0-.1-3.5 3.8-3.5 3.8' clip-path='url(%23f)' fill='%2376b32b'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: cover
}

.teaser-inclusive-icons span.ic-3, .hero span.ic-3, .incl-cont-inner span.ic-3, .lp-icon span.ic-3 {
    background: url("data:image/svg+xml,%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cstyle%3E.st0%7Bfill:%2321385c%7D%3C/style%3E%3Cg id='Ebene_4'%3E%3Cpath class='st0' d='M11 14c0-1 1-9 1-10S7 3 7 3 2 3 2 4s1 9 1 10 3 3 3 3v2c0 2-3 1.8-3 2.1v.9h8v-1.1S8 21 8 19v-2s3-2 3-3'/%3E%3Cpath class='st0' d='M14.5 11L8.3 5.1h8.5L18.9 2H20l-2.1 3.1H22L15.8 11v8.9c0 .6.4 1 1 1h2.3V22H11l-.3-.6.3-.5h2.5c.6 0 1-.4 1-1V11z'/%3E%3Cpath fill='%23fff' d='M8.3 5.1h8.5l-.4-.7h-10l1.4 1.3 5.9 5.6.8-.3z'/%3E%3C/g%3E%3Cdefs%3E%3Cpath id='SVGID_1_' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M21.3 23.1c1.6-1 2.7-2.8 2.7-4.8 0-3.1-2.6-5.5-5.8-5.5-3.2 0-5.7 2.6-5.6 5.7 0 3.1 2.6 5.5 5.8 5.5.9 0 1.7-.2 2.5-.6 0-.1.2-.2.4-.3' clip-path='url(%23SVGID_2_)' fill='%23fff'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='SVGID_3_' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M18.9 20.6c-.2.2-.4.3-.6.3h-.1c-.2 0-.4-.1-.6-.2l-2.2-1.9c-.4-.3-.4-.9-.1-1.3.3-.4 1.3-.9 1.6-.6l1.1 1.8 3.3-3.5-.1-.1c-.8-.7-1.9-1.1-3.1-1.1-2.5 0-4.5 2-4.5 4.5 0 2.4 2.1 4.4 4.6 4.4 2.5 0 4.5-2 4.5-4.5 0-.6-.1-1.1-.3-1.6 0-.1-3.5 3.8-3.5 3.8' clip-path='url(%23SVGID_4_)' fill='%2376b32b'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: cover
}

.teaser-inclusive-icons span.ic-4, .hero span.ic-4, .incl-cont-inner span.ic-4, .lp-icon span.ic-4 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M21.5 11.2c-.1 0-.3 0-.4.3-.2.5-.7.8-1.1 1.1-.9-3-4.2-5-8-5-1.1 0-3.2 1.2-4.2 1.5-.6-.9-1.8-1-1.8-1h-.3v2.1l-.1.1c-1.1.8-.9.8-1.3 1.9v.1H2.4s-.1.1-.1.2c-.1.2-.2.5-.2.7-.1.5-.1 1.1-.1 1.6 0 .7.2 1.4.6 2 .1.1.2.3.3.4.1.1.2.3.3.3.6.3 1.2.5 1.9.5h.1l.1.1c.6.7 1.3 1.3 2.2 1.8 0 0 .1 0 .1.1v1.6c0 .2.2.3.3.3h2.5c.2 0 .3-.2.3-.3V21c.4.1.9.1 1.3.1s.8 0 1.2-.1v.5c0 .2.2.4.4.4H16c.2 0 .3-.2.3-.3V20s.1 0 .1-.1c2.1-1.1 3.6-3 3.8-5.1v-.1c1.5-.6 1.7-1.9 1.7-2.4.1-.4 0-1.1-.4-1.1' clip-path='url(%23b)' fill='%2321385c'/%3E%3Cdefs%3E%3Cpath id='c' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='d'%3E%3Cuse xlink:href='%23c' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M16.7 10.2c-2.5-.9-5.1-.9-8 0v-.5c2.7-1.1 5.3-1.1 8 0v.5z' clip-path='url(%23d)' fill='%23fff'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='e' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='f'%3E%3Cuse xlink:href='%23e' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M12.7 9.1c-2.1 0-3.8-1.7-3.8-3.8s1.7-3.8 3.8-3.8 3.8 1.7 3.8 3.8c0 2.1-1.7 3.8-3.8 3.8' clip-path='url(%23f)' fill='%2321385c'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='g' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='h'%3E%3Cuse xlink:href='%23g' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M12.7 2c1.9 0 3.4 1.5 3.4 3.4s-1.5 3.4-3.4 3.4-3.4-1.6-3.4-3.5S10.8 2 12.7 2m0-.8c-2.3 0-4.2 1.9-4.2 4.2 0 2.3 1.9 4.2 4.2 4.2 2.3 0 4.2-1.9 4.2-4.2 0-2.4-1.9-4.2-4.2-4.2' clip-path='url(%23h)' fill='%23fff'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='i' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='j'%3E%3Cuse xlink:href='%23i' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M13.9 7.6c-.2.2-.6.3-1.1.3-.6 0-1.2-.2-1.6-.7-.3-.3-.5-.8-.6-1.3h-.5v-.4h.4v-.1-.3H10v-.4h.5c.1-.5.3-1 .6-1.3.4-.4.9-.6 1.5-.6.5 0 .8.1 1 .2l-.2.5c-.2-.1-.5-.2-.9-.2s-.8.1-1 .4c-.2.2-.4.6-.5 1h2.2v.4H11v.4h2.2v.4H11c.1.4.2.8.4 1 .3.3.7.4 1.1.4.4 0 .8-.2.9-.3l.5.6z' clip-path='url(%23j)' fill='%23f9f9f7'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='k' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='l'%3E%3Cuse xlink:href='%23k' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M7.5 12c0 .6-.4 1-1 1s-1-.4-1-1 .4-1 1-1 1 .4 1 1' clip-path='url(%23l)' fill='%23fff'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M13.2 22.2h2l-2-2.3z'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='m' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='n'%3E%3Cuse xlink:href='%23m' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M21.3 23.1c1.6-1 2.7-2.8 2.7-4.8 0-3.1-2.6-5.5-5.8-5.5-3.2 0-5.7 2.6-5.6 5.7 0 3.1 2.6 5.5 5.8 5.5.9 0 1.7-.2 2.5-.6 0-.1.2-.2.4-.3' clip-path='url(%23n)' fill='%23fff'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='o' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='p'%3E%3Cuse xlink:href='%23o' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M18.9 20.6c-.2.2-.4.3-.6.3h-.1c-.2 0-.4-.1-.6-.2l-2.2-1.9c-.4-.3-.4-.9-.1-1.3.3-.4 1.3-.9 1.6-.6l1.1 1.8 3.3-3.5-.1-.1c-.8-.7-1.9-1.1-3.1-1.1-2.5 0-4.5 2-4.5 4.5 0 2.4 2.1 4.4 4.6 4.4 2.5 0 4.5-2 4.5-4.5 0-.6-.1-1.1-.3-1.6 0-.1-3.5 3.8-3.5 3.8' clip-path='url(%23p)' fill='%2376b32b'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: cover
}

.teaser-inclusive-icons span.ic-5, .hero span.ic-5, .incl-cont-inner span.ic-5, .lp-icon span.ic-5 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M3.6 16.7c0 .9.4 1.8 1.1 2.3v3H8v-2.2h8.4V22H19.7v-3c.6-.6 1.1-1.4 1.1-2.3V6.2C20.4 2.5 16.7 2 12 2c-4.7 0-8.4.5-8.4 4.2v10.5zm3.7 1.1c-.9 0-1.6-.7-1.6-1.6 0-.9.7-1.6 1.6-1.6.9 0 1.6.7 1.6 1.6-.1.9-.8 1.6-1.6 1.6m9.4 0c-.9 0-1.6-.7-1.6-1.6 0-.9.7-1.6 1.6-1.6.9 0 1.6.7 1.6 1.6 0 .9-.7 1.6-1.6 1.6m1.6-6.3H5.7V6.2h12.6v5.3z' clip-path='url(%23b)' fill='%2321385c'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='c' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='d'%3E%3Cuse xlink:href='%23c' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M21.3 23.1c1.6-1 2.7-2.8 2.7-4.8 0-3.1-2.6-5.5-5.8-5.5-3.2 0-5.7 2.6-5.6 5.7 0 3.1 2.6 5.5 5.8 5.5.9 0 1.7-.2 2.5-.6 0-.1.2-.2.4-.3' clip-path='url(%23d)' fill='%23fff'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='e' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='f'%3E%3Cuse xlink:href='%23e' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M18.9 20.6c-.2.2-.4.3-.6.3h-.1c-.2 0-.4-.1-.6-.2l-2.2-1.9c-.4-.3-.4-.9-.1-1.3.3-.4 1.3-.9 1.6-.6l1.1 1.8 3.3-3.5-.1-.1c-.8-.7-1.9-1.1-3.1-1.1-2.5 0-4.5 2-4.5 4.5 0 2.4 2.1 4.4 4.6 4.4 2.5 0 4.5-2 4.5-4.5 0-.6-.1-1.1-.3-1.6 0-.1-3.5 3.8-3.5 3.8' clip-path='url(%23f)' fill='%2376b32b'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: cover
}

.teaser-inclusive-icons span.ic-6, .hero span.ic-6, .incl-cont-inner span.ic-6, .lp-icon span.ic-6 {
    background: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(0.30286,0,0,0.350764,1.45017,1.24361)'%3E%3Cg id='Ai'%3E%3Cpath d='M43.086,59L37.456,43.344L15.9,43.344L10.386,59L0.668,59L21.761,2.391L31.788,2.391L52.881,59L43.086,59ZM35.027,35.4L29.744,20.052C29.358,19.024 28.825,17.404 28.143,15.193C27.462,12.983 26.993,11.363 26.736,10.335C26.042,13.497 25.026,16.954 23.69,20.708L18.599,35.4L35.027,35.4ZM68.422,59L59.359,59L59.359,16.35L68.422,16.35L68.422,59ZM58.82,5.052C58.82,3.432 59.263,2.185 60.15,1.311C61.037,0.437 62.303,0 63.948,0C65.542,0 66.783,0.437 67.67,1.311C68.557,2.185 69,3.432 69,5.052C69,6.594 68.557,7.809 67.67,8.696C66.783,9.583 65.542,10.026 63.948,10.026C62.303,10.026 61.037,9.583 60.15,8.696C59.263,7.809 58.82,6.594 58.82,5.052Z' style='fill:rgb(40,60,98);'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M21.3,23.1C22.9,22.1 24,20.3 24,18.3C24,15.2 21.4,12.8 18.2,12.8C15,12.8 12.5,15.4 12.6,18.5C12.6,21.6 15.2,24 18.4,24C19.3,24 20.1,23.8 20.9,23.4C20.9,23.3 21.1,23.2 21.3,23.1' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M18.9,20.6C18.7,20.8 18.5,20.9 18.3,20.9L18.2,20.9C18,20.9 17.8,20.8 17.6,20.7L15.4,18.8C15,18.5 15,17.9 15.3,17.5C15.6,17.1 16.6,16.6 16.9,16.9L18,18.7L21.3,15.2L21.2,15.1C20.4,14.4 19.3,14 18.1,14C15.6,14 13.6,16 13.6,18.5C13.6,20.9 15.7,22.9 18.2,22.9C20.7,22.9 22.7,20.9 22.7,18.4C22.7,17.8 22.6,17.3 22.4,16.8C22.4,16.7 18.9,20.6 18.9,20.6' style='fill:rgb(118,179,43);fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: cover
}

.teaser-inclusive-icons span.ic-7, .hero span.ic-7, .incl-cont-inner span.ic-7, .lp-icon span.ic-7 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M13.9 5.8s1.7-.2 1.7-2.2c0-1.9-3.4-1-3.6-.8-.3-.2-3-1.9-3 0 0 2 1 3 1 3 1.3-.1 2.6-.1 3.9 0' clip-path='url(%23b)' fill='%2321385c'/%3E%3Cdefs%3E%3Cpath id='c' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='d'%3E%3Cuse xlink:href='%23c' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M12 8.7c-1 0-3.2-.4-3.2-.4-6.5 1.5-6.9 7.2-6.7 9.7 0 .3.2 1.2.7 1.7.5.5 1.4.7 1.9.9 1.6.8 4.2 1.4 7.3 1.4 4.9 0 10-2.7 10-3.5 0 0 .5-8.2-6.9-10.2 0 0-2 .4-3.1.4z' clip-path='url(%23d)' fill='%2321385c'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='e' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='f'%3E%3Cuse xlink:href='%23e' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M13.6 18.7c-.4.3-1 .5-1.9.5-1 0-1.9-.4-2.5-1.1-.5-.5-.8-1.3-.9-2.1h-.8v-.6h.7v-.2-.6h-.7V14h.8c.2-.9.5-1.6 1-2.1.6-.7 1.5-1 2.5-1 .7 0 1.3.2 1.7.4l-.2.7c-.3-.2-.8-.4-1.4-.4-.7 0-1.2.2-1.6.7-.4.4-.6.9-.8 1.6H13v.6H9.4v.7H13v.6H9.5c.1.7.3 1.3.7 1.6.5.5 1.1.7 1.7.7.7 0 1.2-.2 1.5-.4l.2 1z' clip-path='url(%23f)' fill='%23f9f9f7'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='g' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='h'%3E%3Cuse xlink:href='%23g' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23h)'%3E%3Cpath d='M14.9 7.5s-1.9.2-3 .2c-1 0-2.7-.2-2.7-.2s-.4-.3-.3-.4c.4-.5 1.7-.6 3.1-.6 1.4 0 2.7.1 3.1.6.1.1-.2.4-.2.4z' fill='%23283c62'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='i' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='j'%3E%3Cuse xlink:href='%23i' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M21.3 23.1c1.6-1 2.7-2.8 2.7-4.8 0-3.1-2.6-5.5-5.8-5.5-3.2 0-5.7 2.6-5.6 5.7 0 3.1 2.6 5.5 5.8 5.5.9 0 1.7-.2 2.5-.6 0-.1.2-.2.4-.3' clip-path='url(%23j)' fill='%23fff'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='k' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='l'%3E%3Cuse xlink:href='%23k' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M18.9 20.6c-.2.2-.4.3-.6.3h-.1c-.2 0-.4-.1-.6-.2l-2.2-1.9c-.4-.3-.4-.9-.1-1.3.3-.4 1.3-.9 1.6-.6l1.1 1.8 3.3-3.5-.1-.1c-.8-.7-1.9-1.1-3.1-1.1-2.5 0-4.5 2-4.5 4.5 0 2.4 2.1 4.4 4.6 4.4 2.5 0 4.5-2 4.5-4.5 0-.6-.1-1.1-.3-1.6 0-.1-3.5 3.8-3.5 3.8' clip-path='url(%23l)' fill='%2376b32b'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: cover
}

.teaser-inclusive-icons span.ic-8, .hero span.ic-8, .incl-cont-inner span.ic-8, .lp-icon span.ic-8 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M16 20v-6.1c0-1.1-.9-2-2-2H9c-1.1 0-2 .9-2 2V20H6v-7.4c0-.4-.1-.7-.3-1L12 4.9l6.3 6.6c-.2.3-.3.6-.3 1V20h-2z' clip-path='url(%23b)' fill='%2321385c'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='c' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='d'%3E%3Cuse xlink:href='%23c' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M12 7.8l2 2.1h-4l2-2.1zM12 2L2 12.6h2V22h5v-8.1h5V22h6v-9.4h2L12 2z' clip-path='url(%23d)' fill='%2321385c'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='e' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='f'%3E%3Cuse xlink:href='%23e' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M21.3 23.1c1.6-1 2.7-2.8 2.7-4.8 0-3.1-2.6-5.5-5.8-5.5-3.2 0-5.7 2.6-5.6 5.7 0 3.1 2.6 5.5 5.8 5.5.9 0 1.7-.2 2.5-.6 0-.1.2-.2.4-.3' clip-path='url(%23f)' fill='%23fff'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='g' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='h'%3E%3Cuse xlink:href='%23g' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M18.9 20.6c-.2.2-.4.3-.6.3h-.1c-.2 0-.4-.1-.6-.2l-2.2-1.9c-.4-.3-.4-.9-.1-1.3.3-.4 1.3-.9 1.6-.6l1.1 1.8 3.3-3.5-.1-.1c-.8-.7-1.9-1.1-3.1-1.1-2.5 0-4.5 2-4.5 4.5 0 2.4 2.1 4.4 4.6 4.4 2.5 0 4.5-2 4.5-4.5 0-.6-.1-1.1-.3-1.6 0-.1-3.5 3.8-3.5 3.8' clip-path='url(%23h)' fill='%2376b32b'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: cover
}

.teaser-inclusive-icons span.ic-9, .hero span.ic-9, .incl-cont-inner span.ic-9, .lp-icon span.ic-9 {
    width: 23px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M13.8 3.8L9.7 12l3.3 6-1.5 1.5c-1.5-2.8-4-7.5-4-7.5L2 22h20L13.8 3.8z' clip-path='url(%23b)' fill='%2321385c'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='c' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='d'%3E%3Cuse xlink:href='%23c' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M9 6c0 1.7-1.3 3-3 3S3 7.6 3 6c0-1.7 1.3-3 3-3s3 1.3 3 3' clip-path='url(%23d)' fill='%2321385c'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='e' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='f'%3E%3Cuse xlink:href='%23e' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M21.3 23.1c1.6-1 2.7-2.8 2.7-4.8 0-3.1-2.6-5.5-5.8-5.5-3.2 0-5.7 2.6-5.6 5.7 0 3.1 2.6 5.5 5.8 5.5.9 0 1.7-.2 2.5-.6 0-.1.2-.2.4-.3' clip-path='url(%23f)' fill='%23fff'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='g' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='h'%3E%3Cuse xlink:href='%23g' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M18.9 20.6c-.2.2-.4.3-.6.3h-.1c-.2 0-.4-.1-.6-.2l-2.2-1.9c-.4-.3-.4-.9-.1-1.3.3-.4 1.3-.9 1.6-.6l1.1 1.8 3.3-3.5-.1-.1c-.8-.7-1.9-1.1-3.1-1.1-2.5 0-4.5 2-4.5 4.5 0 2.4 2.1 4.4 4.6 4.4 2.5 0 4.5-2 4.5-4.5 0-.6-.1-1.1-.3-1.6 0-.1-3.5 3.8-3.5 3.8' clip-path='url(%23h)' fill='%2376b32b'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: 100%
}

.teaser-inclusive-icons span.ic-11, .hero span.ic-11, .incl-cont-inner span.ic-11, .lp-icon span.ic-11 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M14.7 17.3c-1.7-1-3.8-1-5.4 0L12 22l2.7-4.7z' clip-path='url(%23b)' fill='%2321385c'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='c' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='d'%3E%3Cuse xlink:href='%23c' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M16.5 14.1l1.8-3.1c-3.9-2.3-8.8-2.3-12.7 0l1.8 3.1c2.9-1.6 6.3-1.6 9.1 0' clip-path='url(%23d)' fill='%2321385c'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='e' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='f'%3E%3Cuse xlink:href='%23e' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M20.2 7.8L22 4.7c-6.2-3.6-13.8-3.6-20 0l1.8 3.1c5.1-2.9 11.3-2.9 16.4 0' clip-path='url(%23f)' fill='%2321385c'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='g' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='h'%3E%3Cuse xlink:href='%23g' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M21.3 23.1c1.6-1 2.7-2.8 2.7-4.8 0-3.1-2.6-5.5-5.8-5.5-3.2 0-5.7 2.6-5.6 5.7 0 3.1 2.6 5.5 5.8 5.5.9 0 1.7-.2 2.5-.6 0-.1.2-.2.4-.3' clip-path='url(%23h)' fill='%23fff'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='i' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='j'%3E%3Cuse xlink:href='%23i' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M18.9 20.6c-.2.2-.4.3-.6.3h-.1c-.2 0-.4-.1-.6-.2l-2.2-1.9c-.4-.3-.4-.9-.1-1.3.3-.4 1.3-.9 1.6-.6l1.1 1.8 3.3-3.5-.1-.1c-.8-.7-1.9-1.1-3.1-1.1-2.5 0-4.5 2-4.5 4.5 0 2.4 2.1 4.4 4.6 4.4 2.5 0 4.5-2 4.5-4.5 0-.6-.1-1.1-.3-1.6 0-.1-3.5 3.8-3.5 3.8' clip-path='url(%23j)' fill='%2376b32b'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: cover
}

.teaser-inclusive-icons span.ic-12, .hero span.ic-12, .incl-cont-inner span.ic-12, .lp-icon span.ic-12 {
    background: url("data:image/svg+xml,%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cstyle%3E.st0%7Bfill:%2321385c%7D%3C/style%3E%3Cpath class='st0' d='M14 13.1h-.8v8h-2.4v-8H4.2V22H19.7s0-.1.1-.1v-8.8H14zM20.5 6.6H18c.3-.2.5-.5.6-.8.1-.3 0-.7-.2-1L16.9 3c-.2-.3-.5-.5-.9-.5s-.7.1-1 .3L12.5 5 9.4 2.3c-.3-.3-.7-.4-1.1-.4-.4 0-.8.2-1 .5L5.6 4.6c-.2.3-.3.7-.2 1.1.1.4.3.7.7.9H3.5c-.3 0-.6.3-.6.6v4.2c0 .3.3.6.6.6h7.3V7.5h2.4V12h7.2c.3 0 .6-.3.6-.6V7.2c.1-.3-.2-.6-.5-.6zm-9.7 0H8.3l-1.7-.9c-.1-.1-.1-.1-.1-.2s0-.2.1-.3L8.3 3h.1c.1 0 .2 0 .3.1l3 2.7-.9.8zm6.9-1s0 .1-.1.2l-1.1.8h-4.3l3.5-3.1c.1-.1.2-.1.2-.1s.1 0 .2.1l1.5 1.9c.1.1.1.2.1.2z'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='SVGID_1_' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M21.3 23.1c1.6-1 2.7-2.8 2.7-4.8 0-3.1-2.6-5.5-5.8-5.5-3.2 0-5.7 2.6-5.6 5.7 0 3.1 2.6 5.5 5.8 5.5.9 0 1.7-.2 2.5-.6 0-.1.2-.2.4-.3' clip-path='url(%23SVGID_2_)' fill='%23fff'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='SVGID_3_' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M18.9 20.6c-.2.2-.4.3-.6.3h-.1c-.2 0-.4-.1-.6-.2l-2.2-1.9c-.4-.3-.4-.9-.1-1.3.3-.4 1.3-.9 1.6-.6l1.1 1.8 3.3-3.5-.1-.1c-.8-.7-1.9-1.1-3.1-1.1-2.5 0-4.5 2-4.5 4.5 0 2.4 2.1 4.4 4.6 4.4 2.5 0 4.5-2 4.5-4.5 0-.6-.1-1.1-.3-1.6 0-.1-3.5 3.8-3.5 3.8' clip-path='url(%23SVGID_4_)' fill='%2376b32b'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: 100%
}

.teaser-inclusive-icons span.ic-13, .hero span.ic-13, .incl-cont-inner span.ic-13, .lp-icon span.ic-13 {
    background: url("data:image/svg+xml,%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cstyle%3E.st3%7Bfill:%23283c62%7D%3C/style%3E%3Cg id='Ebene_6'%3E%3Cg id='XMLID_95_'%3E%3Cpath id='XMLID_98_' class='st3' d='M7.6 14.3l-5.4 5.4L4.4 22l6.6-6.6L9.7 14l-2.1.3z'/%3E%3Cpath id='XMLID_97_' class='st3' d='M21.3 6.1l-3.4 3.4c-.3.3-1.3.8-1.6.5-.3-.3.1-1.3.5-1.6L20.1 5l-.9-.9-3.3 3.3c-.3.3-1.3.8-1.6.5-.3-.3.1-1.3.5-1.6l3.4-3.4-1-.9-3.8 3.8c-.9.9-1 2.5-.7 3.7l1.9 1.9c1.2.3 2.9.3 3.8-.6L22.1 7l-.8-.9z'/%3E%3Cpath id='XMLID_96_' class='st3' d='M3.8 2.4c-.1-.1-.3-.2-.5-.2h-.1c-.2 0-.4.2-.5.4-1.1 2.3-.6 5 1.1 6.8L7 12.6c.2.2.6.5.6.5h.7l1.9-.2 8.1 8.8c.1.1.3.2.5.2s.4-.1.5-.2l1.4-1.4c.1-.1.2-.3.2-.5s-.1-.4-.2-.5L3.8 2.4z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cpath id='SVGID_3_' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M21.3 23.1c1.6-1 2.7-2.8 2.7-4.8 0-3.1-2.6-5.5-5.8-5.5-3.2 0-5.7 2.6-5.6 5.7 0 3.1 2.6 5.5 5.8 5.5.9 0 1.7-.2 2.5-.6 0-.1.2-.2.4-.3' clip-path='url(%23SVGID_4_)' fill='%23fff'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='SVGID_5_' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3CclipPath id='SVGID_6_'%3E%3Cuse xlink:href='%23SVGID_5_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M18.9 20.6c-.2.2-.4.3-.6.3h-.1c-.2 0-.4-.1-.6-.2l-2.2-1.9c-.4-.3-.4-.9-.1-1.3.3-.4 1.3-.9 1.6-.6l1.1 1.8 3.3-3.5-.1-.1c-.8-.7-1.9-1.1-3.1-1.1-2.5 0-4.5 2-4.5 4.5 0 2.4 2.1 4.4 4.6 4.4 2.5 0 4.5-2 4.5-4.5 0-.6-.1-1.1-.3-1.6 0-.1-3.5 3.8-3.5 3.8' clip-path='url(%23SVGID_6_)' fill='%2376b32b'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: 95%
}

.teaser-inclusive-icons span.ic-14, .hero span.ic-14, .incl-cont-inner span.ic-14, .lp-icon span.ic-14 {
    background: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1.07041,0,0,1.15077,-0.969338,-2.1661)'%3E%3Cg id='Ebene_11'%3E%3Cg%3E%3Cpath d='M18.92,6.01C18.72,5.42 18.16,5 17.5,5L6.5,5C5.84,5 5.29,5.42 5.08,6.01L3,12L3,20C3,20.55 3.45,21 4,21L5,21C5.55,21 6,20.55 6,20L6,19L18,19L18,20C18,20.55 18.45,21 19,21L20,21C20.55,21 21,20.55 21,20L21,12L18.92,6.01ZM7.5,16C6.67,16 6,15.33 6,14.5C6,13.67 6.67,13 7.5,13C8.33,13 9,13.67 9,14.5C9,15.33 8.33,16 7.5,16ZM16.5,16C15.67,16 15,15.33 15,14.5C15,13.67 15.67,13 16.5,13C17.33,13 18,13.67 18,14.5C18,15.33 17.33,16 16.5,16ZM5.81,10L6.85,7L17.14,7L18.18,10L5.81,10Z' style='fill:rgb(40,60,98);fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M21.3,23.1C22.9,22.1 24,20.3 24,18.3C24,15.2 21.4,12.8 18.2,12.8C15,12.8 12.5,15.4 12.6,18.5C12.6,21.6 15.2,24 18.4,24C19.3,24 20.1,23.8 20.9,23.4C20.9,23.3 21.1,23.2 21.3,23.1' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M18.9,20.6C18.7,20.8 18.5,20.9 18.3,20.9L18.2,20.9C18,20.9 17.8,20.8 17.6,20.7L15.4,18.8C15,18.5 15,17.9 15.3,17.5C15.6,17.1 16.6,16.6 16.9,16.9L18,18.7L21.3,15.2L21.2,15.1C20.4,14.4 19.3,14 18.1,14C15.6,14 13.6,16 13.6,18.5C13.6,20.9 15.7,22.9 18.2,22.9C20.7,22.9 22.7,20.9 22.7,18.4C22.7,17.8 22.6,17.3 22.4,16.8C22.4,16.7 18.9,20.6 18.9,20.6' style='fill:rgb(118,179,43);fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: 95%
}

.teaser-inclusive-icons span.ic-15, .hero span.ic-15, .incl-cont-inner span.ic-15, .lp-icon span.ic-15 {
    background: url("data:image/svg+xml,%3Csvg width='22' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M15.006 2s-3.07 3.114-3.97 3.453C-.94 9.96 4.938 16.853 5.104 16.88c0 0 .495-1.465 1.404-2.134 5.774-4.245 5.8-6.805 5.8-6.805s.03 3.846-5.106 7.504c-.756.538-1.406 1.794-1.95 3.766.442.403.733.604.872.604.135-.88.417-1.722.894-2.475 7.179.855 9.66-4.903 9.837-6.947C17.272 5.617 15.006 2 15.006 2z' fill='%2320375D'/%3E%3Cpath d='M19.3 21.1c1.6-1 2.7-2.8 2.7-4.8 0-3.1-2.6-5.5-5.8-5.5-3.2 0-5.7 2.6-5.6 5.7 0 3.1 2.6 5.5 5.8 5.5.9 0 1.7-.2 2.5-.6 0-.1.2-.2.4-.3' fill='%23FFF'/%3E%3Cpath d='M16.9 18.6c-.2.2-.4.3-.6.3h-.1c-.2 0-.4-.1-.6-.2l-2.2-1.9c-.4-.3-.4-.9-.1-1.3.3-.4 1.3-.9 1.6-.6l1.1 1.8 3.3-3.5-.1-.1c-.8-.7-1.9-1.1-3.1-1.1-2.5 0-4.5 2-4.5 4.5 0 2.4 2.1 4.4 4.6 4.4 2.5 0 4.5-2 4.5-4.5 0-.6-.1-1.1-.3-1.6 0-.1-3.5 3.8-3.5 3.8' fill='%2376B32B'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: 95%
}

.teaser-inclusive-icons span.ic-16, .hero span.ic-16, .incl-cont-inner span.ic-16, .lp-icon span.ic-16 {
    background: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg id='Ebene_11'%3E%3Cpath d='M12,2L4,5L4,11.09C4,16.14 7.41,20.85 12,22C16.59,20.85 20,16.14 20,11.09L20,5L12,2ZM18,11.09C18,15.09 15.45,18.79 12,19.92C8.55,18.79 6,15.1 6,11.09L6,6.39L12,4.14L18,6.39L18,11.09Z' style='fill:rgb(40,60,98);fill-rule:nonzero;'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M21.3,23.1C22.9,22.1 24,20.3 24,18.3C24,15.2 21.4,12.8 18.2,12.8C15,12.8 12.5,15.4 12.6,18.5C12.6,21.6 15.2,24 18.4,24C19.3,24 20.1,23.8 20.9,23.4C20.9,23.3 21.1,23.2 21.3,23.1' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M18.9,20.6C18.7,20.8 18.5,20.9 18.3,20.9L18.2,20.9C18,20.9 17.8,20.8 17.6,20.7L15.4,18.8C15,18.5 15,17.9 15.3,17.5C15.6,17.1 16.6,16.6 16.9,16.9L18,18.7L21.3,15.2L21.2,15.1C20.4,14.4 19.3,14 18.1,14C15.6,14 13.6,16 13.6,18.5C13.6,20.9 15.7,22.9 18.2,22.9C20.7,22.9 22.7,20.9 22.7,18.4C22.7,17.8 22.6,17.3 22.4,16.8C22.4,16.7 18.9,20.6 18.9,20.6' style='fill:rgb(118,179,43);fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: 95%
}

.lp-icon span.ic-13 {
    background-size: 100%;
    background-position: 42% center
}

.lp-icon span.ic-1 {
    background-size: 100%
}

.lp-icon span.ic-2 {
    background-size: 100%
}

.lp-icon span.ic-3 {
    background-size: 100% x
}

.lp-icon span.ic-4 {
    background-size: 100%
}

.lp-icon span.ic-5 {
    background-size: 100%
}

.lp-icon span.ic-6 {
    background-size: 100%
}

.lp-icon span.ic-7 {
    background-size: 100%
}

.lp-icon span.ic-8 {
    background-size: 100%
}

.lp-icon span.ic-9 {
    background-size: 100%
}

.lp-icon span.ic-11 {
    background-size: 100%
}

.lp-icon span.ic-12 {
    background-size: 100%
}

.lp-icon span.ic-14 {
    background-size: 100%
}

.lp-icon span.ic-15 {
    background-size: 100%
}

.lp-icon span.ic-16 {
    background-size: 100%
}

.flight-2 {
    top: 5px;
    background: url("data:image/svg+xml,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.025 13.733L11.187 5.67l3.424-3.424c.517-.517.519-1.349.005-1.862a1.315 1.315 0 0 0-1.862.005L9.33 3.813 1.267 1.975.022 3.22l6.507 3.394-3.424 3.424-2.171-.304-.934.934 2.789 1.543L4.332 15l.934-.934-.304-2.171L8.386 8.47l3.394 6.507 1.245-1.245z' fill='%2321385c' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat
}

.beaverage {
    top: 4px;
    height: 17px !important;
    background: url("data:image/svg+xml,%3Csvg width='15' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l1.675 15.495c.1.85.8 1.505 1.658 1.505h8.334c.858 0 1.558-.654 1.658-1.505L15 0H0zm7.5 14.45c-1.383 0-2.5-1.139-2.5-2.55 0-1.7 2.5-4.59 2.5-4.59S10 10.2 10 11.9c0 1.411-1.117 2.55-2.5 2.55zm5.275-9.35H2.225l-.367-3.4h11.275l-.358 3.4z' fill-rule='nonzero' fill='%2321385c'/%3E%3C/svg%3E") no-repeat
}

.star {
    top: 5px;
    width: 16px !important;
    background: url("data:image/svg+xml,%3Csvg width='20' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-2-2h24v24H-2z'/%3E%3Cpath fill='%2321385c' fill-rule='nonzero' d='M10 15.27L16.18 19l-1.64-7.03L20 7.24l-7.19-.61L10 0 7.19 6.63 0 7.24l5.46 4.73L3.82 19z'/%3E%3Cpath d='M-2-2h24v24H-2z'/%3E%3C/g%3E%3C/svg%3E") no-repeat
}

.depart {
    top: 4px;
    width: 14px !important;
    height: 17px !important;
    background: url("data:image/svg+xml,%3Csvg width='14' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.5 0 0 .447 0 3.579v8.5c0 1.727 1.374 3.132 3.063 3.132L1.75 16.553V17h1.951l1.75-1.79H8.75L10.5 17h1.75v-.447l-1.313-1.342c1.69 0 3.063-1.405 3.063-3.132v-8.5C14 .447 10.867 0 7 0zM3.062 13.421c-.726 0-1.312-.6-1.312-1.342 0-.743.586-1.342 1.313-1.342.726 0 1.312.6 1.312 1.342 0 .743-.586 1.342-1.313 1.342zm3.063-6.263H1.75v-3.58h4.375v3.58zm1.75 0v-3.58h4.375v3.58H7.875zm3.063 6.263c-.727 0-1.313-.6-1.313-1.342 0-.743.586-1.342 1.313-1.342.726 0 1.312.6 1.312 1.342 0 .743-.586 1.342-1.313 1.342z' fill-rule='nonzero' fill='%2321385c'/%3E%3C/svg%3E") no-repeat
}

.teaser-inclusive-icons span:nth-last-of-type(1) {
    margin-right: 0
}

.teaser-target {
    display: table;
    padding: 0 15px 0 15px;
    width: 100%
}

.teaser-target .travel-target {
    display: table-cell;
    margin-top: 0;
    padding: 0;
    vertical-align: top
}

@media (min-width: 58.75em) {
    .bookmarks {
        display: none
    }
}

@media (max-width: 58.6875em) {
    .travel-target a span.desktop {
        display: none
    }
}

@media (min-width: 58.75em) {
    .travel-target a span.mobile {
        display: none
    }
}

.teaser-content.list {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 20px
}

@media (min-width: 58.75em) {
    .teaser-content.list {
        margin-bottom: 30px
    }

    .list .wrap-for-desktop {
        padding-left: 0;
        padding-right: 0
    }

    .list .travel-pin {
        top: 20px;
        left: -70px;
        margin-top: 0;
        right: inherit
    }

    .list .travel-pin.orange {
        margin-top: 0;
        right: inherit;
        top: 110px;
        left: -40px
    }

    .list .teaser-features {
        padding-left: 30px
    }

    .list .bookmarks {
        display: table-cell
    }

    .list .teaser-target {
        bottom: 20px;
        position: absolute;
        max-width: 254px
    }

    .list .teaser-target .travel-target {
        display: table-cell;
        margin-top: 0
    }
}

.number-helper-wrap {
    margin-top: 20px;
    text-align: center
}

@media (min-width: 58.75em) {
    .number-helper-wrap {
        padding-top: 20px;
        padding-left: .625rem;
        padding-right: .625rem;
        margin: 0 auto;
        max-width: 960px
    }

    .helper {
        display: inline-block;
        float: right
    }

    .number-detail {
        display: inline-block;
        float: left;
        text-align: left
    }
}

.number-helper-wrap span {
    display: inline-block;
    margin-right: 7px;
    width: 36px;
    height: 36px;
    background-size: cover;
    opacity: .65
}

.number-helper-wrap span:nth-last-of-type(1) {
    margin-right: 0
}

#angebot .download {
    position: relative;
    background: url("data:image/svg+xml,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M2.895 8.465h.597c.559 0 .977-.11 1.254-.331.277-.22.416-.542.416-.964 0-.426-.116-.74-.349-.943-.232-.204-.596-.305-1.092-.305h-.826v2.543zm4.101-1.36c0 .922-.288 1.627-.864 2.116-.576.488-1.396.732-2.458.732h-.78V13H1.079V4.434h2.736c1.04 0 1.83.223 2.37.67.542.448.812 1.115.812 2.001zm8.725 1.53c0 1.41-.402 2.49-1.204 3.24-.803.75-1.962 1.125-3.478 1.125H8.613V4.434h2.69c1.398 0 2.484.369 3.258 1.107.773.738 1.16 1.77 1.16 3.094zm-1.887.047c0-1.84-.813-2.76-2.438-2.76h-.966V11.5h.779c1.75 0 2.625-.94 2.625-2.818zM19.284 13h-1.788V4.434h4.91v1.488h-3.123V8.13h2.906v1.482h-2.906V13z' id='a'/%3E%3C/defs%3E%3Cg transform='translate(1 1)' fill='none' fill-rule='evenodd'%3E%3Crect stroke='%2321385c' stroke-width='2' width='34' height='34' rx='4'/%3E%3Cg transform='translate(6 8)' fill-rule='nonzero'%3E%3Cuse fill='%23000' xlink:href='%23a'/%3E%3Cuse fill='%2321385c' xlink:href='%23a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

#angebot .print {
    background: url("data:image/svg+xml,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect stroke='%2323365C' stroke-width='2' x='1' y='1' width='34' height='34' rx='4'/%3E%3Cg transform='translate(6 6)'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M19 8h-1V3H6v5H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zM8 5h8v3H8V5zm8 14H8v-4h8v4zm2-4v-2H6v2H4v-4c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v4h-2z' fill='%2321385c' fill-rule='nonzero'/%3E%3Ccircle fill='%2321385c' cx='18' cy='11.5' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

#angebot .mail {
    background: url("data:image/svg+xml,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect stroke='%2323365C' stroke-width='2' x='1' y='1' width='34' height='34' rx='4'/%3E%3Cpath d='M6 6h24v24H6z'/%3E%3Cpath d='M26 10H10c-1.1 0-1.99.9-1.99 2L8 24c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V12c0-1.1-.9-2-2-2zm0 14H10V14l8 5 8-5v10zm-8-7l-8-5h16l-8 5z' fill='%2323365C' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E")
}

#angebot .share {
    background: url(../_images2017/Icon-Share.png)
}

@media (max-width: 1024px) {
    a[title~="Druckversion"] {
        display: none
    }
}

.number-detail {
    text-align: center;
    font-size: 16px;
    color: #21385c;
    line-height: 27px
}

.picture-for-desktop.has_video {
    cursor: pointer
}

.picture-for-desktop.has_video::before {
    content: url("data:image/svg+xml,%3Csvg width='25' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 0C5.6 0 0 5.6 0 12.5S5.6 25 12.5 25 25 19.4 25 12.5 19.4 0 12.5 0zM10 18.125V6.875l7.5 5.625-7.5 5.625z' fill-rule='nonzero' fill='%23FFF'/%3E%3C/svg%3E");
    left: 45%;
    position: absolute;
    top: 12%
}

@media (min-width: 640px) {
    .picture-for-desktop.has_video {
        cursor: pointer
    }

    .picture-for-desktop.has_video::before {
        content: url("data:image/svg+xml,%3Csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 0C11.2 0 0 11.2 0 25s11.2 25 25 25 25-11.2 25-25S38.8 0 25 0zm-5 36.25v-22.5L35 25 20 36.25z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
        position: absolute;
        left: 45%;
        top: 17%;
        width: 50px;
        height: 50px
    }
}

.belegung {
    line-height: 1.3;
    display: block;
    margin-bottom: .35em
}

.belegung small {
    position: relative;
    display: block
}

.belegung small span {
    position: relative;
    display: block
}

#angebot .belegung small span span.has-tip {
    display: none
}

.belegung small span.has-tip {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/fileadmin/templates/_images2017/buchung/details_plus.png);
    text-indent: -9999px;
    outline: none
}

@media (max-width: 767px) {
    .belegung small span.has-tip {
        display: none
    }
}

.teaser-cabins.mobile {
    display: none
}

@media (min-width: 58.75em) {
    .picture-for-desktop.has_video {
        cursor: pointer
    }

    .picture-for-desktop.has_video::before {
        left: 39.6%;
        top: 42%
    }

    .teaser-content .inner-card {
        display: table;
        width: 100%;
        height: 305px
    }

    .picture-float-desktop {
        display: table-cell;
        vertical-align: top
    }

    .teaser-features {
        margin-bottom: 0;
        display: block;
        float: left;
        width: 58.5%
    }

    .teaser-cabins {
        display: block
    }

    .inner {
        width: 100%
    }

    .picture-float-desktop {
        width: 220px;
        border-bottom-left-radius: 5px;
        position: relative;
        overflow: hidden;
        background: url(../_images2017/list-spacer-picture.png) bottom left repeat-x
    }

    .picture-for-desktop {
        position: absolute;
        overflow: hidden;
        width: 220px;
        height: 305px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px
    }

    .features-float-desktop {
        position: relative;
        display: table-cell;
        background: #fff url(../_images2017/angebots-teaser-line.png) no-repeat 58.5% 0
    }

    .tx-asrangebot-pi1 .travel-pin.orange {
        display: none
    }

    .tx-asrangebot-pi1 .travel-pin, .tx-asrroute-pi1 .travel-pin {
        right: inherit;
        margin-top: 0;
        left: -80px;
        top: 20px
    }

    .teaser-features ul {
        margin-top: 9px;
        width: 100%;
        margin-bottom: 9px
    }

    .teaser-right-for-desktop {
        bottom: 0;
        float: right;
        padding-right: 15px;
        position: absolute;
        right: 0;
        width: 37.5%;
        height: 300px
    }

    .teaser-target {
        padding-right: 0;
        padding-left: 0;
        width: 100%
    }

    .tt-wrap {
        display: table-cell;
        vertical-align: top
    }

    .teaser-cabins {
        padding: 10px 0 0 0;
        max-height: 125px
    }

    .teaser-target .travel-target {
        display: block;
        margin-top: 55px
    }

    .tx-asrangebot-pi1 .teaser-target .travel-target {
        bottom: 20px;
        width: 100%;
        max-width: 254px;
        position: absolute;
        margin-top: 0
    }

    .teaser-target .travel-target .button {
        margin-bottom: 0
    }
}

@media (min-width: 64em) {
    .teaser-target .travel-icons span:nth-of-type(5), .teaser-target .travel-icons span:nth-of-type(6) {
        display: inline-block
    }
}

.selection select {
    position: relative;
    padding: .5rem 2.2rem .5rem .5rem;
    font-size: 14px;
    height: 50px;
    color: #222;
    line-height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    border-color: #E9EBEF;
    background-size: 12px 7px;
    background-position: right -1.2rem center;
    cursor: pointer
}

.selection {
    position: relative
}

.singleroute .selection-outer .selection:nth-of-type(1) {
    display: none
}

@media (min-width: 940px) {
    .singleroute .detail-name {
        display: none
    }

    .wrapper.angebot-for-sticky-outer.sticky .detail-name {
        position: relative;
        padding-left: 0;
        padding-right: 20px;
        margin-right: 0;
        max-width: 270px;
        overflow: hidden;
        white-space: nowrap;
        padding-top: 10px
    }

    #content .wrapper-it h2.detail-name {
        width: auto;
        max-width: inherit;
        float: left
    }

    .wrapper.angebot-for-sticky-outer.sticky .detail-name::before {
        content: url(../_images2017/teaser-single-ausgrauen.png);
        position: absolute;
        right: 0;
        top: 0
    }
}

@media (max-width: 939px) {
    .tab-content .columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.angebot-wrapper-for-sticky-inner {
        margin: 0;
        padding-top: 1.25rem;
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
}

.detail-name {
    display: none
}

.wrapper.angebot-for-sticky-outer.sticky .detail-name {
    visibility: inherit
}

.verf_check {
    display: block;
    padding: .625rem
}

.verf_check span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    top: 3px;
    left: 10px
}

.verf_check i {
    font-style: normal;
    line-height: 1;
    padding-left: 10px;
    font-size: 14px
}

.verf_check input {
    margin-bottom: 0;
    min-width: 16px;
    min-height: 16px
}

@media (min-width: 940px) {
    .wrapper-it.singleroute {
        min-height: inherit
    }

    #tab-1.tab {
        padding-top: 30px
    }

    .row.angebot-wrapper-for-sticky-inner {
        margin: 0;
        padding-right: 0;
        padding-left: 0
    }

    .wrapper.angebot-for-sticky-outer.sticky {
        position: fixed;
        top: 40px;
        left: 0;
        height: 80px;
        width: 100%;
        z-index: 102;
        background: #fff
    }

    .wrapper.angebot-for-sticky-outer.sticky .wrap-in.row.angebot-wrapper-for-sticky-inner {
        margin: 0 auto
    }

    .angebot-for-sticky-outer.sticky h2, .angebot-for-sticky-outer.sticky .selection-outer {
        display: inline-block;
        float: left;
        margin-right: 10px
    }

    .angebot-for-sticky-outer.sticky .wrap-in {
        padding-top: 16px;
        padding-bottom: 10px;
        padding-left: .625rem;
        padding-right: 0;
        background: rgba(255, 255, 255, 1)
    }

    .angebot-for-sticky-outer.sticky .selection select {
        margin-bottom: 0
    }

    .angebot-for-sticky-outer.sticky br {
        display: none
    }

    .singleroute .angebot-for-sticky-outer.sticky .selection-outer .selection {
        width: 33.3%
    }

    .angebot-for-sticky-outer.sticky .selection-outer .selection select {
        max-width: 190px
    }

    .singleroute .angebot-for-sticky-outer.sticky .selection-outer .selection select {
        max-width: inherit
    }

    .wrap-in.row.angebot-wrapper-for-sticky-inner {
        margin: 0
    }

    .selection-outer {
        position: relative;
        display: table;
        width: 100%
    }

    .singleroute .selection-outer {
        display: inline-block;
        float: right;
        position: relative;
        width: 100%
    }

    .selection-outer .selection select {
        margin-bottom: 0
    }

    .angebot-for-sticky-outer.sticky .selection-outer {
        display: inline;
        float: right;
        width: 99%
    }

    .singleroute .angebot-for-sticky-outer.sticky .selection-outer {
        display: inline-block;
        float: right;
        width: 99%
    }

    .selection-outer .selection, .verf_check {
        display: table-cell;
        width: 25%
    }

    .selection-outer .selection.zeitraum {
        width: 25%
    }

    .selection-outer .selection.clubcard {
        width: 25%
    }

    .singleroute .selection-outer .selection.clubcard {
        width: 25%
    }

    .verf_check {
        display: table-cell;
        width: 1%;
        padding: 0 .625rem 0 .625rem
    }

    .angebot-for-sticky-outer.sticky .angebot-icon-calendar {
        float: left;
        position: relative;
        top: 10px;
        margin-right: 10px;
        display: inline-block;
        background: url("data:image/svg+xml,%3Csvg width='18' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9H4v2h2V9zm4 0H8v2h2V9zm4 0h-2v2h2V9zm-8 5H4v2h2v-2zm4 0H8v2h2v-2zm6-12h-1V0h-2v2H5V0H3v2H2C.89 2 .01 2.9.01 4L0 18a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 16H2V7h14v11z' fill='%2321385c' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat center center;
        width: 25px;
        height: 25px;
        cursor: pointer;
        display: none
    }

    #angebot .selection {
        padding-left: 1.125rem
    }

    #angebot .selection-outer .selection:first-child {
        padding-left: 0
    }
}

.child_info::before {
    content: url(/fileadmin/templates/_images2017/buchung/details_plus.png);
    position: relative;
    top: 3px;
    z-index: 1
}

@media (max-width: 939px) {
    .selection.has_info {
        width: 90%
    }

    .wrapper-it {
        height: auto !important
    }

    .child_info {
        float: right;
        position: relative;
        top: -50px;
        cursor: pointer;
        height: 0
    }

    .child_info + span {
        display: none
    }

    .ct_d_only {
        display: none
    }

    .ct_m_only .child_text {
        padding: 10px;
        background: #21385c;
        color: #fff;
        border-radius: 5px;
        margin-bottom: 10px
    }
}

@media (min-width: 940px) {
    .child_info {
        right: inherit;
        bottom: inherit;
        top: inherit;
        display: table-cell;
        width: 1%;
        position: relative;
        z-index: 10;
        left: 10px;
        cursor: pointer;
        outline: 1px solid transparent
    }

    .ct_d_only .child_text {
        padding: 10px;
        background: #21385c;
        color: #fff;
        border-radius: 5px;
        margin-bottom: 10px
    }

    .ct_m_only, .child_info + span {
        display: none
    }

    .wrap-in.row.angebot-wrapper-for-sticky-inner {
        position: relative
    }

    .wrapper.angebot-for-sticky-outer.sticky .wrap-in.row.angebot-wrapper-for-sticky-inner {
        background: transparent
    }

    .wrap-in.row.angebot-wrapper-for-sticky-inner .ct_d_only {
        position: relative;
        top: -4px;
        right: 0;
        clear: both;
        overflow: hidden;
        display: block;
        z-index: 9
    }

    .wrap-in.row.angebot-wrapper-for-sticky-inner {
        overflow: hidden
    }

    .wrapper.angebot-for-sticky-outer.sticky .wrap-in.row.angebot-wrapper-for-sticky-inner .ct_d_only {
        padding-right: .625rem;
        top: 5px
    }
}

li.accordion-item {
    padding: 25px 1.25rem 20px 1.25rem;
    border-bottom: 1px solid #E9EBEF;
    list-style: none
}

li.accordion-item.is-active {
    background: #566684
}

@media (min-width: 48em) {
    .wrapper-it + .accordion-wrap ul li.is-active {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }
}

.accord-title-outer {
    display: block
}

.accordion-title {
    padding: 0;
    margin-right: 3px;
    display: inline-block;
    border: none;
    border-radius: none
}

span.accordion-title {
    border: 1px solid #21385c;
    border-radius: 3px
}

.accordion-item.is-active span.accordion-title {
    border-color: #fff
}

@media (min-width: 22.5em) {
    .accordion-title {
        margin-right: 0
    }
}

@media (min-width: 48em) {
    .accordion-title {
        margin-right: 13px
    }
}

.accordion-title:nth-last-of-type(1) {
    margin-right: 0
}

.accordion-title::before {
    content: ''
}

.is-active > .accordion-title::before {
    content: ''
}

.accordion-title:hover, .accordion-title:focus {
    background-color: transparent
}

.accordion-content {
    clear: both
}

.accord-time {
    position: relative;
    margin-right: 0;
    margin-bottom: 15px;
    display: block;
    float: none;
    font-weight: 600;
    font-size: 17px;
    color: #21385c;
    line-height: 23.79px
}

@media (min-width: 50.0625em) {
    .accord-time {
        position: relative;
        margin-right: 0;
        margin-bottom: 0;
        top: 18px;
        display: inline-block;
        float: left;
        padding-right: 38px;
        font-weight: 600;
        font-size: 20px;
        color: #21385c;
        letter-spacing: 0;
        line-height: 30px
    }
}

.accord-time::before, .is-active .accord-time::before {
    content: url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.59 0L6 4.58 1.41 0 0 1.41l6 6 6-6z' fill='%2321385c' fill-rule='evenodd'/%3E%3C/svg%3E");
    position: relative;
    right: inherit;
    top: -2px;
    margin-right: 5px
}

.is-active .accord-time::before {
    content: url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41 7.41L6 2.83l4.59 4.58L12 6 6 0 0 6z' fill-rule='nonzero' fill='%23FFF'/%3E%3C/svg%3E");
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.is-active .accord-time {
    color: #fff
}

.button-accord {
    position: relative;
    padding: 12px 10px;
    display: inline-block;
    float: left
}

@media (max-width: 39.9375em) {
    .accordion-title.cabins {
        width: 48.2%
    }
}

@media (min-width: 40em) {
    .accordion-title.cabins {
        margin-right: 2%;
        width: 23%
    }

    .accordion-title.cabins:nth-last-of-type(1) {
        margin-right: 0
    }
}

@media (min-width: 50.0625em) {
    .accordion-title.cabins {
        margin-right: 1%;
        width: 14.3%
    }
}

@media (min-width: 55em) {
    .accordion-title.cabins {
        margin-right: 1.4%;
        width: 15.6%
    }
}

@media (min-width: 48em) {
    .button-accord {
        margin-bottom: 0
    }
}

.is-active .button-accord {
    border-color: #fff
}

.is-active .accordion-title .button-accord, .is-active .accordion-title .button-accord .button-price {
    color: #fff
}

:last-child:not(.is-active) > .accordion-title.accord-time {
    border-bottom: none
}

.soldout {
    pointer-events: none;
    cursor: text
}

.accordion-title.soldout {
    border: 1px solid #E9EBEF
}

.button-accord span {
    display: block;
    float: left
}

.button-accord .button-title, .button-accord .button-price-prefix, .button-accord .button-price-suffix {
    display: inline-block
}

.button-accord .button-price {
    clear: both;
    display: inline-block
}

.button-accord .button-price-suffix {
    margin-top: 3px;
    margin-left: 5px
}

.button-accord .button-price-prefix {
    margin-left: 5px
}

.accordion-title .button-accord {
    font-size: 12px;
    color: #222;
    line-height: 16.79px
}

.accordion-title .button-soldout {
    font-size: 14px;
    color: #8692A7;
    letter-spacing: 0;
    line-height: 21px
}

.button-price {
    font-weight: 600;
    font-size: 16px;
    color: #21385c;
    line-height: 24px;;
    margin-bottom: 3px
}

.accordion-content {
    padding: 0;
    margin-top: 16px;
    border: none;
    background: #566684
}

.detail-view {
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border-radius: 5px
}

.detail-features {
    padding: .9375rem .9375rem 0 .9375rem
}

.detail-price .travel-price {
    font-weight: 400;
    color: #222;
    font-size: 14px
}

.cabin-view img {
    width: 100%;
    height: auto
}

.button-price-list {
    clear: both
}

@media (min-width: 40em) {
    .cabin-view {
        width: 280px;
        height: 187px;
        overflow: hidden
    }

    .detail-features {
        padding: 1.25rem 1.25rem 0
    }

    .dt-inner {
        display: table;
        width: 100%
    }

    .cabin-view, .detail-features {
        display: table-cell;
        vertical-align: top
    }

    .cabin-view {
        height: auto
    }
}

.detail-features h3 {
    font-weight: 600;
    font-size: 17px;
    color: #21385c;
    letter-spacing: 0;
    line-height: 23.79px
}

@media (min-width: 48em) {
    .detail-features h3 {
        margin-bottom: 3px;
        font-size: 20px;
        line-height: 22px
    }
}

.detail-features .inclusive {
    padding: 0;
    overflow: hidden
}

@media (max-width: 767px) {
    .detail-features .inclusive {
        display: block
    }
}

@media (min-width: 48em) {
    .detail-features h4 {
        display: block;
        margin-bottom: 20px;
        font-size: 14px;
        color: #222;
        letter-spacing: 0;
        line-height: 21px
    }

    .detail-features .inclusive {
        display: block
    }
}

.cabin-view, .detail-features {
    position: relative
}

@media (min-width: 48em) {
    .cabin-view, .detail-features {
        display: table-cell
    }

    .detail-features .text-wrap {
        display: block;
        width: 60%;
        max-width: 400px
    }
}

span.price-alert {
    background: #2EABE1;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 3px;
    letter-spacing: .5px;
    padding: 2px 6px;
    max-width: 230px;
    white-space: nowrap
}

span.price-alert::after {
    content: url(../_images2017/ausblauen-kabine.png);
    position: absolute;
    right: 0;
    top: 3px
}

@media (max-width: 51em) {
    span.price-alert {
        max-width: inherit;
        display: block;
        margin-bottom: 10px;
        padding: 7px 6px 6px 6px;
        line-height: 1.3;
        white-space: inherit
    }

    span.price-alert::after {
        content: '';
        position: inherit;
        right: inherit;
        top: inherit
    }
}

@media (min-width: 48em) and (max-width: 51.1875em) {
    span.price-alert {
        display: block;
        max-width: 50%
    }
}

@media (min-width: 51.25em) {
    span.price-alert {
        position: absolute;
        right: .9375rem;
        top: 15px
    }
}

@media (min-width: 48em) {
    .detail-features .inclusive {
        float: left;
        width: 74%
    }

    .detail-features .detail-price {
        position: absolute;
        bottom: 0;
        right: 1.25rem
    }

    .detail-features .detail-price p {
        padding-right: 0;
        margin-bottom: 0
    }
}

.detail-price {
    padding-bottom: 10px
}

@media (min-width: 48em) {
    .detail-price {
        padding-top: 13px
    }
}

.detail-price .travel-price {
    float: none;
    display: block;
    text-align: right;
    width: 100%
}

.detail-price .travel-price b {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 28px;
    color: #21385c;
    line-height: 30px
}

.detail-price .travel-price.small b {
    font-size: 22px;
    line-height: 24px
}

.detail-price .travel-price.small {
    font-size: 14px;
    line-height: 24px
}

.dt-inner-advanced {
    overflow: hidden;
    padding-top: 20px;
    border-top: 1px solid #E9EBEF;
    clear: both
}

.dt-inner-advanced .travel-target .button a {
    margin-bottom: 0
}

.dt-inner-advanced .travel-target {
    margin-top: 0;
    padding: 0;
    padding-left: .9375rem;
    padding-right: .9375rem
}

@media (min-width: 48em) {
    .dt-inner-advanced .travel-target {
        float: right;
        width: 30%;
        margin-right: .9375rem;
        height: 70px;
        padding-left: 0;
        padding-right: 0
    }

    .dt-inner-advanced .transformer-tabs {
        float: left;
        width: 70%
    }

    .tabs.detail.inner {
        float: none;
        width: 100%
    }
}

.detail-features .inclusive span {
    text-indent: -9999px
}

.detail-features .inclusive span {
    margin-bottom: 10px;
    width: auto;
    height: auto;
    background-size: 32px 32px;
    background-color: #8692A7;
    background-position: 0 -3px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    color: #FFF;
    letter-spacing: .5px;
    line-height: 17px;
    text-transform: uppercase;
    text-indent: 0;
    display: inline-block;
    float: left;
    overflow: hidden;
    padding: 4px 10px
}

@media (max-width: 767px) {
    .detail-features .inclusive span {
        float: none;
        display: block;
        margin-right: 0;
        margin-top: 0
    }

    .ausgebucht .detail-features .inclusive span {
        opacity: .3
    }
}

.travel-target .button.button-sold {
    background: #fff;
    border: 2px solid #21385c;
    color: #21385c
}

.detail-view .travel-target .button.button-sold {
    display: none
}

.detail-view.ausgebucht .travel-target .button.button-sold {
    display: block;
    cursor: inherit
}

.travel-target {
    position: relative
}

.selection-waiter {
    display: block;
    float: none;
    margin-left: 0
}

.selection-waiter .travel-target {
    margin-top: 0
}

.button-pricecheck, .selection-waiter .button-pricecheck {
    position: relative;
    display: inline-block;
    padding-left: 50px;
    background: rgba(40, 60, 98, .7) !important
}

.selection-waiter .button-pricecheck {
    padding-left: 80px;
    padding-right: 80px
}

@media (min-width: 58.75em) {
    .selection-waiter {
        display: inline-block;
        float: left;
        margin-left: 20px
    }
}

.wrapper.angebot-for-sticky-outer.sticky .selection-waiter .button-pricecheck {
    margin-bottom: 0
}

@media (max-width: 39.9375em) {
    .selection-waiter {
        margin-left: 0
    }
}

.dt-inner-advanced .travel-target span, .button.button-pricecheck span {
    width: 13px;
    height: 13px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.dt-inner-advanced .travel-target .bounce1, .button.button-pricecheck .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
    position: absolute;
    top: 17px;
    left: 15px
}

.dt-inner-advanced .travel-target .bounce2, .button.button-pricecheck .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    position: absolute;
    top: 17px;
    left: 35px
}

.dt-inner-advanced .travel-target .bounce3, .button.button-pricecheck .bounce3 {
    position: absolute;
    top: 17px;
    left: 55px
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media (max-width: 39.9375em) {
    .subtabs ul {
        display: none
    }
}

@media (min-width: 40em) {
    .subtabs select {
        display: none
    }

    .subtabs ul {
        display: block !important
    }
}

.subtabs ul {
    position: relative;
    margin-left: 0
}

.subtabs ul li {
    position: relative;
    margin-bottom: 10px;
    list-style: none;
    float: left;
    padding-left: 0
}

.subtabs ul li:first-child {
    display: none
}

.subtabs ul li a::after {
    content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E");
    margin-left: 10px;
    margin-top: 7px
}

.transformer-tabs.subtabs a.active {
    background: transparent
}

.tabs.sub > div:nth-of-type(1) {
    display: none
}

.subtabs select {
    margin-top: 10px;
    margin-bottom: 0;
    padding-right: 30px;
    height: 50px;
    border: 1px solid #D2D6DE;
    font-size: 14px;
    color: #222;
    line-height: 21px;
    background: #fff url(../assets/Icon-Arrow-Filter.svg) no-repeat 95% center
}

.side.bar {
    position: relative;
    top: 15px;
    float: left;
    margin-left: 0
}

.tabClicker {
    margin-right: 15px;
    float: left;
    display: inline-block;
    cursor: pointer
}

@media (min-width: 48em) and (max-width: 52em) {
    .tabClicker {
        margin-right: 10px
    }
}

li.tabClicker::before {
    content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E");
    margin-right: 5px
}

li.tabClicker.active::before {
    content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.762 9L7.5 3.437 13.237 9 15 7.287 7.5 0 0 7.287z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E");
    margin-right: 5px
}

.tabContent {
    display: none;
    background: #F5F7F8;
    padding-top: .9375rem;
    padding-left: .9375rem;
    padding-right: .9375rem
}

.spacer {
    overflow: hidden;
    height: .9375rem
}

.dt-inner-advanced .leistung_inkl, .dt-inner-advanced .leistung_exkl, .dt-inner-advanced .leistung_none {
    display: inline-block;
    margin-right: 20px;
    padding-bottom: 15px;
    position: relative;
    cursor: pointer;
    margin-top: 0;
    color: #21385c;
    text-transform: uppercase;
    font-weight: 600
}

.dt-inner-advanced .leistung_inkl.active, .dt-inner-advanced .leistung_exkl.active, .dt-inner-advanced .leistung_none.active {
    color: #21385c
}

@media (max-width: 47.9375em) {
    .dt-inner-advanced .leistung_inkl, .dt-inner-advanced .leistung_exkl, .dt-inner-advanced .leistung_none {
        display: none
    }

    .dt-inner-advanced .leistung_inkl.active, .dt-inner-advanced .leistung_exkl.active, .dt-inner-advanced .leistung_none.active {
        display: inline-block;
        margin-left: .925rem
    }
}

.dt-inner-advanced .leistung_inkl.active::after, .dt-inner-advanced .leistung_exkl.active::after, .dt-inner-advanced .leistung_none.active::after {
    content: '';
    border-bottom: 1px solid #21385c;
    position: absolute;
    bottom: 6px;
    width: 100%;
    left: 0;
    z-index: 1
}

.tab-fake, .tab-fake-show {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    cursor: pointer
}

.tab-fake::after, .tab-fake-show::after {
    content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E");
    margin-left: 10px
}

.content.filter {
    padding-top: 0;
    padding-bottom: 0
}

.content.filter + .content.filter {
    padding-top: 0
}

.pager-wrap {
    overflow: hidden;
    margin-bottom: 30px
}

input.pager {
    margin: 0 5px;
    margin-bottom: 5px;
    display: inline-block;
    width: 34px;
    height: 34px;
    color: inherit;
    font: inherit;
    cursor: pointer;
    line-height: normal;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: transparent;
    border: 1px solid #d0d0d0;
    color: #666
}

input.pager:hover {
    background: url(/fileadmin/templates/img/pager.png) no-repeat 40px bottom;
    color: #666 !important
}

input.pager.navi:hover {
    color: transparent !important
}

@media (max-width: 650px) {
    input.pager:nth-child(5), input.pager:nth-child(6), input.pager:nth-child(7), input.pager:nth-child(8), input.pager:nth-child(9), input.pager:nth-child(10) {
        display: none
    }
}

input.pager[disabled*="disabled"] {
    background: #8692A7 !important;
    color: #fff;
    border-color: #8692A7;
    cursor: inherit;
    display: inline-block;
    text-align: center;
    opacity: 1;
    text-indent: inherit;
    padding: 0
}

input.pager[value*="<<"] {
    background: url("data:image/svg+xml,%3Csvg width='6' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.825L2.292 5 6 1.175 4.858 0 0 5l4.858 5z' fill-rule='nonzero' fill='%2321385c'/%3E%3C/svg%3E") no-repeat center;
    color: transparent;
    display: inline-block
}

input.pager:hover[value*="<<"] {
    background: url("data:image/svg+xml,%3Csvg width='6' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.825L2.292 5 6 1.175 4.858 0 0 5l4.858 5z' fill-rule='nonzero' fill='%2321385c'/%3E%3C/svg%3E") no-repeat center
}

input.pager[value*=">>"] {
    background: url("data:image/svg+xml,%3Csvg width='6' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.175L3.708 5 0 8.825 1.142 10 6 5 1.142 0z' fill-rule='nonzero' fill='%2321385c'/%3E%3C/svg%3E") no-repeat center;
    color: transparent;
    display: inline-block
}

input.pager:hover[value*=">>"] {
    background: url("data:image/svg+xml,%3Csvg width='6' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.175L3.708 5 0 8.825 1.142 10 6 5 1.142 0z' fill-rule='nonzero' fill='%2321385c'/%3E%3C/svg%3E") no-repeat center
}

@media (min-width: 48em) {
    .wrapper.hero-landing {
        display: block;
        margin-top: -30px
    }
}

.hero-stage-landing {
    background-size: cover !important;
    width: 100%;
    min-height: 536px
}

@media (max-width: 959.999px) {
    .hero-stage-landing {
        min-height: 456px
    }
}

@media (max-width: 640px) {
    .hero-stage-landing {
        min-height: 400px
    }
}

.hero-stage-landing .wrap-in.row {
    padding-top: 83px
}

.hero-stage-landing div.h1 {
    text-align: center;
    line-height: 40px
}

@media (max-width: 959.999px) {
    .hero-stage-landing .wrap-in.row {
        padding-top: 35px
    }

    .hero-stage-landing .columns.small-12.medium-3 {
        display: none
    }
}

@media (max-width: 640px) {
    .hero-stage-landing .wrap-in.row {
        padding-top: 20px
    }
}

.hero-stage-landing div.h1 {
    margin-bottom: 25px;
    color: #21385c;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px
}

@media (max-width: 640px) {
    .hero-stage-landing div.h1 {
        margin-bottom: 15px
    }
}

#suche div.h1 {
    margin-bottom: 5px;
    color: #21385c;
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.hero-stage-landing h1.light {
    color: #fff
}

@media (min-width: 960px) {
    .hero-stage-landing div.h1 {
        font-weight: 600 !important;
        text-align: left;
        margin-bottom: 15px;
        padding-right: .625rem;
        padding-left: .625rem
    }

    #suche div.h1 {
        font-size: 28px;
        padding: 1.25rem .625rem
    }
}

.hero-stage-landing .angebote {
    color: #fff
}

.hero-stage-landing .angebote::before {
    content: url(../assets/Icon-Arrow-Link-White.svg);
    padding-right: 10px
}

.angebote.mobile {
    display: none
}

@media (max-width: 39.9375em) {
    .angebote.mobile {
        display: block;
        padding-top: 8px;
        padding-bottom: 15px;
        text-align: center
    }
}

.lp-teaser {
    position: relative
}

.lp-teaser .travel-pin {
    background: none;
    margin: 0 auto;
    position: relative;
    right: inherit;
    min-width: 187px;
    width: auto;
    height: 21px;
    z-index: 2
}

@media (min-width: 960px) {
    .lp-teaser .travel-pin {
        margin-left: 25px;
        margin-right: 0
    }
}

.lp-teaser .travel-pin span {
    padding: 0;
    padding: 0 20px 0 20px;
    background: #2EABE1;
    border-radius: 3px
}

.item.no1 .for-desktop-left {
    display: table;
    height: 150px;
    width: 100%
}

@media (max-width: 959.999px) {
    .item.no2 .for-desktop-left, .item.no3 .for-desktop-left {
        display: table;
        height: 150px;
        width: 100%
    }
}

@media (min-width: 960px) {
    .item.no1 .for-desktop-left {
        display: table;
        height: 242px;
        width: 100%
    }

    .item.no2 .for-desktop-left, .item.no3 .for-desktop-left {
        height: 148px
    }
}

.item.no1 .vcenter, .item.no2 .vcenter, .item.no3 .vcenter {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

@media (min-width: 960px) {
    .item.no2 .vcenter, .item.no3 .vcenter {
        display: inherit
    }
}

.item.no1 .lp-inner div.h3 {
    padding-top: 0 !important
}

@media (max-width: 959.999px) {
    .item.no2 .lp-inner div.h3, .item.no3 .lp-inner div.h3 {
        padding-top: 0 !important
    }
}

.item.no1 .lp-inner p.lp-date {
    margin-bottom: 0 !important
}

@media (max-width: 959.999px) {
    .item.no2 .lp-inner p.lp-date, .item.no3 .lp-inner p.lp-date {
        margin-bottom: 0 !important
    }
}

@media not all and (min-resolution: .001dpcm) {
    @media {
        .lp-inner {
            background: transparent;
            -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px)
        }
    }
}

.lp-inner {
    text-align: left;
    background: rgba(40, 60, 98, .77);
    border-radius: 5px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-top: -10px;
    overflow: hidden
}

.lp-inner div.h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    padding: 42px 16px 10px 16px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    max-width: 460px
}

.lp-inner div.h4 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 16px;
    display: none;
    position: relative;
    margin-bottom: 8px
}

.lp-inner div.h4 span {
    position: relative;
    font-size: 12px
}

.lp-inner div.h4 span i {
    position: relative;
    font-style: normal;
    padding-right: 1px;
    padding-left: 1px
    top: -2px
}

@media (min-width: 960px) {
    .lp-inner div.h3 {
        padding-top: 23px;
        padding-bottom: 8px;
        font-size: 17px;
        font-weight: 600
    }

    .landingpage.owl-carousel .owl-item:first-child .lp-inner div.h3 {
        padding-bottom: 2px;
        padding-top: 48px;
        font-size: 36px;
        font-weight: 700;
        line-height: 42px
    }

    .landingpage.owl-carousel .owl-item:first-child div.h4 {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        overflow: hidden;
        white-space: nowrap;
        max-width: 445px
    }

    .landingpage.owl-carousel .owl-item:first-child p.lp-date {
        margin-bottom: 2.9em
    }

    .landingpage.owl-carousel .owl-item:first-child img {
        width: 30px;
        height: 30px
    }

    .landingpage.owl-carousel .owl-item .lp-icon {
        display: inline-block;
        float: left;
        position: relative
    }

    .landingpage.owl-carousel .owl-item .lp-icon span {
        width: 30px;
        height: 30px;
        background-color: #F5F7F8;
        border-radius: 3px
    }

    .lp-icon span:nth-child(3) {
        margin-right: 0
    }

    .lp-icon span:nth-child(4), .lp-icon span:nth-child(5), .lp-icon span:nth-child(6), .lp-icon span:nth-child(7), .lp-icon span:nth-child(8), .lp-icon span:nth-child(9), .lp-icon span:nth-child(10), .lp-icon span:nth-child(11), .lp-icon span:nth-child(12) {
        display: none
    }

    .lp-icon span {
        width: 22px;
        height: 22px;
        margin-right: 3px
    }

    .landingpage.owl-carousel .owl-item:nth-last-of-type(1) .lp-icon, .landingpage.owl-carousel .owl-item:nth-last-of-type(2) .lp-icon {
        position: relative;
        top: 10px
    }

    @media (min-width: 58.75em) {
        .landingpage.owl-carousel .owl-item:nth-last-of-type(1) .lp-icon span, .landingpage.owl-carousel .owl-item:nth-last-of-type(2) .lp-icon span {
            width: 25px;
            height: 25px
        }
    }.landingpage.owl-carousel .owl-item .lp-incl .price {
         display: inline-block;
         float: right
     }

    .landingpage.owl-carousel .owl-item:first-child .for-desktop-right .lp-incl {
        float: left;
        width: 53%;
        height: 60px
    }

    .landingpage.owl-carousel .owl-item:nth-of-type(3) .lp-incl, .landingpage.owl-carousel .owl-item:nth-of-type(2) .lp-incl {
        padding-left: 10px;
        padding-right: 10px;
        height: 62px
    }

    .landingpage.owl-carousel .owl-item:first-child .for-desktop-right .lp-button {
        float: right;
        width: 47%;
        height: 60px;
        border-radius: 0;
        border-bottom-right-radius: 3px
    }

    .landingpage.owl-carousel .owl-item:first-child .for-desktop-right .lp-button a {
        line-height: 65px
    }

    .landingpage.owl-carousel .owl-item:nth-of-type(3) .lp-button, .landingpage.owl-carousel .owl-item:nth-of-type(2) .lp-button {
        clear: both
    }
}

.lp-inner p {
    padding: 0 16px 0 16px;
    margin-bottom: .1rem;
    color: #fff;
    font-size: 16px;
    letter-spacing: .1px
}

.lp-inner p.lp-ship, .lp-inner p.lp-port {
    overflow: hidden;
    white-space: nowrap;
    position: relative
}

.lp-inner p.lp-date {
    margin-bottom: 1.8em
}

.hero-stage-landing .owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
    margin-right: 3px
}

.lp-incl {
    position: relative;
    padding: 0 15px 0 15px;
    background: #fff;
    text-align: center;
    vertical-align: top;
    z-index: 1
}

.lp-inner .price {
    display: inline-block
}

.lp-inner .price {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.8px
}

.lp-inner .price::before {
    color: #222;
    content: "ab ";
    font-size: 11px;
    font-weight: 400
}

.lp-inner .price::after {
    color: #222;
    content: " p.P.";
    font-size: 11px;
    font-weight: 400
}

.landingpage.owl-carousel .owl-item .lp-icon span {
    margin-top: 15px
}

@media (min-width: 58.6875em) {
    .landingpage.owl-carousel .owl-item .lp-icon span {
        margin-top: 0
    }
}

@media (max-width: 58.6875em) {
    .landingpage.owl-carousel .owl-item .lp-icon {
        display: inline-block
    }

    .landingpage.owl-carousel .owl-item .lp-icon span {
        margin-right: 3px;
        background-color: #f5f7f8;
        border-radius: 3px
    }

    .landingpage.owl-carousel .owl-item .price {
        height: 30px;
        vertical-align: inherit
    }
}

@media (min-width: 58.75em) {
    .landingpage.owl-carousel .owl-item:nth-of-type(3) .lp-inner p.lp-date, .landingpage.owl-carousel .owl-item:nth-of-type(2) .lp-inner p.lp-date {
        margin-bottom: 1em
    }

    .landingpage.owl-carousel .owl-item:nth-of-type(3) .lp-inner .price, .landingpage.owl-carousel .owl-item:nth-of-type(2) .lp-inner .price {
        position: relative;
        top: 10px;
        font-size: 17px;
        line-height: 20px;
        letter-spacing: -.5px
    }

    .lp-incl {
        text-align: left;
        overflow: hidden
    }

    .landingpage.owl-carousel .owl-item:first-child .lp-incl {
        padding: 16px 10px 16px 15px
    }

    .landingpage.owl-carousel .owl-item:first-child .lp-inner .price::before, .landingpage.owl-carousel .owl-item:first-child .lp-inner .price::after {
        font-size: 14px
    }
}

.lp-button {
    background: #F23C55;
    border-radius: 0 0 3px 3px;
    position: relative;
    z-index: 1
}

.lp-button a {
    display: block;
    color: #fff;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 50px;
    text-align: center
}

@media (min-width: 960px) {
    .landingpage.owl-carousel .owl-item:nth-of-type(3) .lp-button, .landingpage.owl-carousel .owl-item:nth-of-type(2) .lp-button {
        background: #21385c;
        border-radius: 0;
        border-bottom-right-radius: 3px;
        height: 58px
    }

    .landingpage .owl-stage {
        width: auto !important;
        transform: none !important
    }

    .landingpage.owl-carousel .owl-item {
        margin-right: 0 !important;
        width: 49% !important;
        float: left
    }

    .landingpage.owl-carousel .owl-item:nth-of-type(3) {
        bottom: 0;
        float: right;
        position: absolute;
        right: 0
    }

    .landingpage.owl-carousel .owl-item:nth-of-type(2) {
        float: right
    }

    .landingpage.owl-carousel .owl-item:nth-of-type(3) .for-desktop-left, .landingpage.owl-carousel .owl-item:nth-of-type(2) .for-desktop-left {
        float: left;
        width: 52.7%;
        height: 148px
    }

    .landingpage.owl-carousel .owl-item:nth-of-type(3) .for-desktop-right, .landingpage.owl-carousel .owl-item:nth-of-type(2) .for-desktop-right {
        float: right;
        width: 47.3%
    }

    .landingpage.owl-carousel .owl-item:nth-of-type(3) .lp-incl, .landingpage.owl-carousel .owl-item:nth-of-type(2) .lp-incl, .landingpage.owl-carousel .owl-item:nth-of-type(3) .lp-button, .landingpage.owl-carousel .owl-item:nth-of-type(2) .lp-button {
        height: 74px
    }

    .landingpage.owl-carousel .owl-item:nth-of-type(3) .lp-button a, .landingpage.owl-carousel .owl-item:nth-of-type(2) .lp-button a {
        height: 74px;
        line-height: 77px
    }
}

@media not all and (min-resolution: .001dpcm) {
    @media {
        .hero-section-inside .text {
            background: transparent;
            -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px)
        }
    }
}

.lp-incl .cabs {
    display: inline-block !important;
    float: right;
    display: inline-block;
    font-size: 12px !important
}

.lp-incl .cabs + .price {
    clear: right;
    line-height: 1 !important
}

.item.no1 .lp-incl .cabs {
    margin-top: -5px
}

.item.no2 .lp-incl .cabs, .item.no3 .lp-incl .cabs {
    margin-top: 15px
}

.item.no2 .lp-incl .cabs + .price, .item.no3 .lp-incl .cabs + .price {
    top: 0 !important
}

@media (max-width: 58.6875em) {
    .lp-incl .cabs {
        float: none;
        display: block !important;
        margin-top: 0
    }

    .item.no2 .lp-incl .cabs, .item.no3 .lp-incl .cabs {
        margin-top: 0
    }
}

.icon-landing-01::before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.496 5.81c-.452-.486-1.072-.743-1.665-.686-.31.029-.536.086-.733.143-.254-.057-.508-.171-.819-.143-.14 0-.649.086-1.156.257C14.135 2.784 11.427.928 8.182.928c-1.044 0-2.031.2-2.906.543C4.316.985 2.37.015 2.37.015c-.141-.057-.282.057-.254.228l.875 2.655c-.677.628-1.242 1.37-1.609 2.198l-.169.17a.613.613 0 0 1-.226.143l-.282.086-.254.057a.626.626 0 0 0-.366.229.326.326 0 0 0-.085.228V8.92c0 .114.028.2.113.286.084.085.197.142.31.2l.367.085c.113.029.226.086.31.143l.226.143c.451 1.141 1.27 2.112 2.285 2.854l.31 1.97c.029.085.057.2.142.256a.45.45 0 0 0 .31.143h1.608a.54.54 0 0 0 .282-.086c.085-.057.17-.142.17-.257l.169-.742c.508.115 1.044.143 1.58.143.62 0 1.213-.057 1.806-.2l.169.8c.028.114.085.2.17.256.084.057.169.086.281.086h1.609a.45.45 0 0 0 .31-.143.75.75 0 0 0 .141-.257l.339-2.14c1.523-1.2 2.482-2.94 2.482-4.91 0-.428-.056-.856-.14-1.256.31-.142.564-.257.874-.342 0 0 .141-.029.085 0-.48.6-.508 1.598.028 2.112.225.228.508.314.818.314.31 0 .62-.114.846-.371.367-.4.593-1.313.113-1.912-.056-.086-.197-.229-.197-.229.508-.2 1.551.514 1.636.514.367-.029.226-.285-.056-.57zm-15.772.199a.57.57 0 0 1-.564-.571.57.57 0 0 1 .564-.57.57.57 0 0 1 .564.57.57.57 0 0 1-.564.57zm6.687-3.368c0 .2-.113.314-.282.257-.17-.086-.65-.314-1.919-.314-1.157 0-1.72.257-1.89.342-.113.057-.254-.057-.282-.257v-.028c0-.171.084-.314.197-.343.028 0 .875-.314 2.003-.314 1.214 0 2.004.314 2.004.314.112.029.197.172.197.343-.028-.029-.028 0-.028 0zm7.138 4.795c-.198.2-.508.228-.705.029-.283-.257-.254-.914.028-1.2l.056-.056c.057-.086.141-.143.226-.2.17.086.31.2.48.428.225.285.084.828-.085 1z' fill='%2321385c' fill-rule='evenodd'/%3E%3C/svg%3E");
    margin-right: 5px
}

.teaser-plug .travel-cabin::before {
    content: url(../_images2017/teaser-single-ausgrauen.png);
    position: absolute;
    right: -8px;
    top: 0
}

.teaser-plug .travel-inside {
    position: relative
}

.teaser-plug .travel-cabin {
    position: relative;
    margin-top: 2px;
    color: #21385c;
    font-weight: 600;
    width: 55%;
    overflow: hidden;
    white-space: nowrap
}

.teaser-plug .travel-price {
    font-weight: 600;
    width: 40%
}

@media (min-width: 58em) {
    .teaser-plug .travel-cabin, .teaser-plug .travel-price {
        position: absolute;
        bottom: 0
    }

    .teaser-plug .travel-price {
        right: 20px;
        bottom: -3px
    }

    .teaser-plug .travel-inside {
        padding-bottom: 20px
    }

    .teaser-plug span.from, .teaser-plug .travel-price .pep {
        font-size: 12px
    }
}

@media (max-width: 48em) {
    .teaser-plug .travel-cabin {
        float: none;
        width: 100%
    }

    .teaser-plug .travel-price {
        float: none;
        padding-left: .9375rem;
        width: 100%;
        margin-top: 0;
        text-align: left
    }
}

.cd-top, #phone-nav {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 60px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(33, 56, 92, .8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23FFF' d='M8 2.8l8 7.9-2.4 2.4-5.5-5.5-5.6 5.6L0 10.7z'/%3E%3C/svg%3E") no-repeat center 50%;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    outline: 1px solid #fff;
    z-index: 10
}

#phone-nav {
    bottom: 10px;
    right: 10px;
    background: rgba(33, 56, 92, .8) url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.657 10.785l1.65-1.65a.746.746 0 0 1 .766-.18c.84.277 1.747.427 2.677.427.412 0 .75.338.75.75v2.618c0 .412-.338.75-.75.75C5.707 13.5 0 7.792 0 .75 0 .338.337 0 .75 0h2.625c.412 0 .75.338.75.75 0 .938.15 1.838.427 2.678a.753.753 0 0 1-.187.764l-1.65 1.65a11.361 11.361 0 0 0 4.942 4.943z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat center 55%;
    background-size: 43%
}

#phone-nav img {
    display: none
}

#phone-nav a {
    display: block;
    height: 40px;
    width: 40px
}

.no-touch .cd-top:hover, .no-touch #phone-nav:hover {
    background-color: #e86256;
    opacity: 1
}

@media only screen and (min-width: 768px) {
    .cd-top, #phone-nav {
        right: 20px;
        bottom: 20px
    }

    #phone-nav {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top, #phone-nav {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px
    }
}

.descript {
    display: none
}

@media only screen and (min-width: 1024px) {
    .descript {
        display: none;;
        position: fixed;
        top: 0;
        background: rgba(255, 255, 255, 1);
        z-index: 99999;
        box-shadow: 0 4px 5px 0 rgba(0, 34, 72, .1)
    }

    .descript ul {
        padding: 20px;
        display: none;
        background: #fff
    }

    .descript p {
        background: #fff;
        cursor: pointer;
        margin-bottom: 0
    }

    .descript p b {
        padding: 10px
    }
}

#angebot .breadcrumb {
    display: block
}

#angebot .breadcrumb ul li a, #angebot .breadcrumb ul li {
    color: #21385c
}

#angebot .breadcrumb[style*="opacity: 0"] {
    z-index: 1;
    display: none
}

#angebot .breadcrumb[style*="opacity: 0"] ul {
    margin-bottom: 0
}

.breadcrumb ul li {
    background: url("data:image/svg+xml,%3Csvg width='1' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5.5v9' stroke='%2323365C' fill='none' fill-rule='evenodd' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat 98% center
}

.breadcrumb.light ul li {
    background: url("data:image/svg+xml,%3Csvg width='1' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5.5v9' stroke='%23FFF' fill='none' fill-rule='evenodd' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat 98% center
}

#angebot .breadcrumb ul li {
    background: url("data:image/svg+xml,%3Csvg width='1' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5.5v9' stroke='%2323365C' fill='none' fill-rule='evenodd' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat 98% center
}

#angebot .breadcrumb ul li:last-child {
    background-image: none
}

.header-white.sticky {
    top: 0
}

#newsletter, #newsletter .row {
    outline: 1px solid #ccc
}

footer {
    position: relative
}

.tx-asrvideo-pi1 {
    position: relative
}

.tx-asrvideo-pi1 {
    width: 100%;
    max-width: 940px;
    margin: 0 auto
}

.responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.responsive-video {
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    background: url(../_images2017/loader.gif) center center no-repeat
}

.responsive-video + br {
    display: none
}

.accordion-body {
    display: none
}

.tab .accordion, .tab .noaccordion {
    background: #fff;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0;
    max-width: inherit !important
}

@media (min-width: 39.9999em) {
    .tab .accordion, .tab .noaccordion {
        box-shadow: 0 0 5px 0 rgba(0, 34, 72, .1)
    }

    .wrapper-it + .accordion-wrap {
        overflow: hidden;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        box-shadow: 0 0 5px 0 rgba(0, 34, 72, .1)
    }

    .tab .accordion-wrap:nth-last-of-type(1) {
        overflow: hidden;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        box-shadow: 0 0 5px 0 rgba(0, 34, 72, .1)
    }
}

.accordion-head {
    display: table;
    vertical-align: middle;
    line-height: 26px;
    position: relative;
    width: 100%;
    font-weight: 600;
    font-size: 17px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 45px;
    cursor: pointer
}

@media (min-width: 40em) {
    .accordion-head {
        line-height: 90px;
        width: 100%;
        font-weight: 400;
        font-size: 18px;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 50px;
        border-bottom: 1px solid #ebedf1
    }

    .accordion-head div {
        float: left
    }

    .accordion-head.empty {
        cursor: text;
        background: #f5f7f8
    }
}

@media (max-width: 39.9999em) {
    .accordion-head {
        background: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 17px 20px;
        border-bottom: 1px solid #d2d6de
    }

    .accordion:nth-last-of-type(1) .accordion-head {
        border-bottom: none
    }

    .accordion-head.open {
        background: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.762 9L7.5 3.437 13.237 9 15 7.287 7.5 0 0 7.287z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 17px 20px #f5f7f8;
        border-bottom: none
    }

    .accordion-head.empty {
        background-image: none;
        background-color: #F5F7F8
    }
}

@media (min-width: 40em) {
    .accordion-head.close {
        border-bottom: 1px solid #d2d6de
    }
}

.accordion-head .date1, .accordion-head .date2 {
    font-weight: 600
}

.accordion-head .time {
    width: 175px
}

.accordion-head .place {
    font-weight: 400
}

@media (min-width: 40em) {
    .accordion-head .date1 {
        width: 90px
    }

    .accordion-head .date2 {
        width: 180px
    }

    .accordion-head .time {
        width: 135px
    }

    .accordion-head .place {
        white-space: nowrap;
        overflow: hidden;
        max-width: 190px;
        font-weight: 600;
        position: relative
    }

    .accordion-head .place:after {
        content: url(../_images2017/teaser-single-ausgrauen.png);
        position: absolute;
        top: 0;
        right: 0
    }

    .accordion-head.open .place:after {
        content: '';
        position: absolute
    }

    .accordion-head::after {
        position: absolute;
        left: 78%;
        font-weight: 400;
        font-size: 12px;
        color: #222
    }

    #gm_map {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px
    }
}

@media (max-width: 39.99999em) {
    .accordion-head.close:after {
        content: "";
        display: block;
        margin: 0 auto;
        width: 90%;
        border-bottom: 1px solid #d2d6de;
        margin-left: -30px;
        right: inherit;
        position: absolute;
        bottom: 0
    }

    .accordion-head.open:before {
        content: "";
        display: block;
        margin: 0 auto;
        width: 100%;
        border-bottom: 1px solid #d2d6de;
        right: inherit;
        position: absolute;
        top: -1px;
        left: 0
    }

    .accordion-head.open:after {
        border-bottom: 1px solid #F5F7F8
    }
}

@media (min-width: 48em) {
    .accordion-head .place {
        max-width: 220px;
        width: 100%
    }

    .accordion-head.close.empty::before {
        content: ''
    }

    .accordion-head.close::before {
        content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E");
        position: absolute;
        left: 20px
    }

    _:-ms-fullscreen, :root .accordion-head.close::before {
        content: url(/fileadmin/templates/_images2017/Icon-Dropwdown-Closed.png)
    }

    .accordion-head.trip.close::after {
        content: 'Details und Ausflüge einblenden';
        line-height: 18px;
        top: 36px
    }

    .accordion-head.notrip.close::after {
        content: 'Details einblenden';
        line-height: 18px;
        top: 36px;
        left: 86.8%
    }

    .accordion-head.notrip.empty::after {
        content: ''
    }

    .accordion-head.trip.open::after {
        content: 'Details und Ausflüge ausblenden';
        content: 'Ausblenden';
        line-height: 18px;
        top: 36px
    }

    .accordion-head.notrip.open::after {
        content: 'Details ausblenden';
        line-height: 18px;
        top: 36px;
        left: 86.8%
    }

    .accordion-head.open::before {
        content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.762 9L7.5 3.437 13.237 9 15 7.287 7.5 0 0 7.287z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E");
        position: absolute;
        left: 20px
    }

    _:-ms-fullscreen, :root .accordion-head.open::before {
        content: url(/fileadmin/templates/_images2017/Icon-Dropwdown-Open.png)
    }
}

.accordion-head.close.notrip.empty .place:after {
    content: ''
}

@media (min-width: 58em) {
    .accordion-head .place {
        max-width: 410px;
        width: 100%
    }

    .accordion-head .time {
        width: 175px
    }
}

.accordion-head .date1, .accordion-head .date2, .accordion-head .place, .accordion-head .time {
    display: inline-block;
    color: #21385c
}

.accordion-body {
    padding: 20px 50px;
    background: #f5f7f8
}

.accordion-body.transfer {
    padding: 0 0 0 0
}

@media (min-width: 40em) {
    .accordion-body {
        padding-right: 20%;
        padding-top: 0
    }

    .tx-asrangebot-pi1 .accordion-body.transfer .buchung ul {
        margin-bottom: 0
    }
}

.ausflug_button {
    padding: 5px 10px;
    text-align: center;
    background: #21385c;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.ausflug_button.close::after {
    content: ' einblenden'
}

.ausflug_button.open::after {
    content: ' ausblenden'
}

.ausflug_button:hover {
    color: #fff
}

.ausflug_pack {
    padding: 8px;
    border: 1px solid #eee;
    background: #fff;
    margin-bottom: 24px
}

@media (max-width: 39.9999em) {
    .accordion-head .date1, .accordion-head .date2, .accordion-head .place, .accordion-head .time {
        display: block;
        color: #21385c
    }

    .accordion-body {
        padding: 5px 20px 20px 20px
    }
}

.tx-asrtrip-pi1 #subrealcontent div {
    width: 70% !important;
    height: auto !important
}

.tx-asrtrip-pi1 #subrealcontent h1 {
    font-size: 17px !important;
    line-height: 17px;
    display: none
}

.tx-asrtrip-pi1 #subrealcontent h2 {
    font-size: 28px !important;
    white-space: nowrap;
    display: none
}

.tx-asrtrip-pi1 #subrealcontent h2 > br {
    display: none !important
}

.trip-content h3 {
    color: #21385c !important;
    border-top: 1px solid #21385c !important;
    padding-top: 0.6em !important
}

.tx-asrtrip-pi1 #subrealcontent.content {
    padding-bottom: 0
}

.tx-asrtrip-pi1 #subrealcontent.content > div img {
    display: none
}

.tx-asrangebot-pi1 .ka-content, .tx-asrangebot-pi1 .port-description {
    line-height: 23.79px
}

.tx-asrangebot-pi1 .port-description {
    margin-bottom: 0
}

.tx-asrangebot-pi1 .trip-content table {
    margin-top: 10px;
    background: #fff !important;
    border: none !important;
    box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1)
}

.tx-asrangebot-pi1 .trip-content table tbody tr:nth-child(2n) {
    background: #fff
}

.tx-asrangebot-pi1 .trip-content table tbody tr td {
    border-bottom: 1px solid #F5F7F8
}

.tx-asrangebot-pi1 .trip-content table tbody tr:nth-child(2n) td {
    border: none
}

.tx-asrangebot-pi1 .trip-content table tbody tr td:first-child {
    padding-right: 0
}

.tx-asrangebot-pi1 .trip-content table tbody tr td:nth-child(2n) {
    padding-left: 2px
}

.tx-asrangebot-pi1 .trip-content table td {
    white-space: nowrap;
    font-size: 14px
}

.tx-asrangebot-pi1 .trip-content table td b {
    font-weight: normal !important
}

.accordion-head.open {
    border-bottom: 1px solid #f5f7f8
}

.rv_accordeon {
    box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1);
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

#gm_map {
    box-shadow: 0 -3px 13px 0 rgba(0, 34, 72, .1);
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.rv_accordeon {
    border-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden
}

@media (min-width: 40em) {
    .accordion-head.open {
        background: #f5f7f8;
        border-bottom: 1px solid #f5f7f8
    }

    .rv_accordeon .accordion:nth-last-of-type(1) .accordion-head {
        border-bottom: 0
    }

    .accordion-head.close::after {
        content: 'Details einblenden';
        line-height: 18px;
        top: 36px;
        left: 86.8%
    }

    .accordion-head.open::after {
        content: 'Details ausblenden';
        line-height: 18px;
        top: 36px;
        left: 86.8%
    }
}

@media (max-width: 58.6875em) {
    .angebot-tabnav.desktop, .angebot-tabcontent.desktop {
        display: none
    }
}

.angebot-tabnav ul {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    max-width: inherit !important;
    position: relative;
    notext-align: justify;
    height: 50px;
    top: 2px;
    z-index: 1
}

.angebot-tabnav {
    padding-bottom: 0;
    background: #fff
}

.angebot-tabcontent {
    padding-bottom: 0
}

.angebot-tabcontent .columns {
    padding-right: 0;
    padding-left: 0
}

.angebot-tabnav ul::after {
    content: "";
    display: inline-block;
    width: 100%
}

.angebot-tabnav ul li {
    display: inline-block;
    list-style: outside none none;
    position: relative;
    cursor: pointer;
    color: #8692a7;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 19px
}

.angebot-tabnav ul li a {
    display: block;
    padding: 19px 39px 10px 39px;
    color: #8692a7
}

.angebot-tabnav ul li a.active {
    background: #f5f7f8;
    color: #21385c
}

@media (max-width: 58.6875em) {
    .wrapper.content.angebot-akkordeon.mobile.white {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-bottom: 1.25rem;
        background: #fff
    }

    .wrapper.content.angebot-akkordeon.mobile.white .buchung {
        box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1)
    }
}

.angebot-akkordeon.mobile ul {
    margin-left: 0;
    padding-top: 10px
}

.angebot-akkordeon.mobile ul > b {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: block
}

@media (min-width: 58.75em) {
    .angebot-akkordeon.mobile {
        display: none
    }
}

.angebot-akkordeon.mobile ul {
    margin: 0
}

.angebot-tabcontent-mobile .buchung ul {
    padding-top: 0
}

.angebot-akkordeon.mobile .columns {
    padding: 0
}

.angebot-tabcontent-mobile li {
    margin: 0;
    height: auto
}

.angebot-akkordeon.mobile li {
    list-style: none;
    width: 100%
}

div.buchung .subheadline_transfer {
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    width: auto
}

@media (max-width: 39.9375em) {
    div.buchung .subheadline_transfer {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.angebot-akkordeon.mobile ul li span a {
    background: #fff url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.59 0L6 4.58 1.41 0 0 1.41l6 6 6-6z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 95% center;
    border: 1px solid #d2d6de;
    color: #222;
    font-size: 14px;
    height: 50px;
    line-height: 21px;
    margin-bottom: 0;
    margin-top: 5px;
    border-radius: 3px;
    padding: 15px;
    width: 100%;
    display: block
}

.angebot-akkordeon.mobile ul li span a.active {
    background: #fff url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41 8L6 3.42 10.59 8 12 6.59l-6-6-6 6z' fill-rule='nonzero' fill='%238692A7'/%3E%3C/svg%3E") no-repeat scroll 95% center
}

.angebot-akkordeon.mobile ul li td span {
    padding: 0
}

ul.angebot-tabcontent-mobile li {
    background: #f5f7f8;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (max-width: 39.9375em) {
    div.buchung .auto {
        width: 24px;
        height: 24px;
        padding-right: 0 !important;
        background: url(../_images2017/Icon-Cars.svg) no-repeat scroll 0 5px
    }

    div.buchung .parken, div.buchung .fly, div.buchung .bus, div.buchung .taxi, {
        display: none
    }

    div.buchung .allopen .fly {
        display: inline-block;
        background: url(../_images2017/Icon-plane-blue.svg) no-repeat scroll 0 5px !important
    }

    .tx-asrangebot-pi1 div.buchung ul.allopen li.headline_transfer {
        padding-left: .9375rem
    }

    .angebot-akkordeon.mobile li.subheadline_transfer div {
        margin-left: 0
    }

    .angebot-akkordeon.mobile li.subheadline_transfer div span {
        padding-right: 0;
        text-align: left
    }

    .angebot-akkordeon.mobile li.subheadline_transfer div.single-price {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    div.buchung .description_transferangebot {
        padding-right: 0 !important;
        padding-left: 0 !important;
        width: auto;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.angebot-tabcontent-mobile {
    display: none
}

@media (max-width: 47.9375em) {
    .angebots-tab-level2.desktop {
        display: none
    }
}

@media (min-width: 48em) {
    .angebots-tab-level2.mobile {
        display: none
    }
}

.angebots-tab-level2 {
    overflow: hidden;
    padding-right: .9375rem;
    padding-bottom: .9375rem;
    padding-left: .9375rem;
    position: relative
}

.ausgebucht .angebots-tab-level2.mobile {
    display: none
}

.angebots-tab-level2.desktop .lv2-content {
    clear: both
}

.tabClicker {
    font-weight: 600;
    color: #21385c;
    line-height: inherit
}

.wrapper.content.angebot-tabcontent {
    padding-top: 0
}

@media (max-width: 58.6875em) {
    .tab.desktop h1, .angebot-tabcontent-mobile h1 {
        padding-left: .925rem
    }
}

@media (min-width: 58.75em) {
    .wrapper.content.angebot-tabcontent .columns {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .tab.desktop {
        padding-top: 40px;
        padding-bottom: 20px
    }

    .tab.desktop .leistung_inkl, .tab.desktop .leistung_exkl, .tab.desktop .leistung_none {
        display: inline-block;
        padding-bottom: 26px;
        color: #8692a7;
        cursor: pointer;
        font-weight: 600;
        text-transform: uppercase;
        position: relative
    }

    .columns .tab.desktop:nth-of-type(4) .leistung_inkl, .columns .tab.desktop:nth-of-type(4) .leistung_exkl {
        margin-right: 20px
    }

    #tab-4.tab.desktop div:nth-last-of-type(1) {
        margin-right: 0
    }

    .tab.desktop .leistung_inkl.active, .tab.desktop .leistung_exkl.active, .tab.desktop .leistung_none.active {
        color: #21385c;
        border-bottom: 1px solid #21385c
    }

    .tab.desktop .leistung_inkl, .tab.desktop .leistung_exkl, .tab.desktop .leistung_none {
        margin-bottom: 20px
    }

    .grey-line-tab-lv2 {
        border-bottom: 1px solid #d2d6de;
        left: 0;
        margin-top: -21px;
        position: absolute;
        width: 100%;
        z-index: 0
    }

    .dt-inner-advanced .grey-line-tab-lv2 {
        position: relative;
        margin-top: -7px;
        z-index: 0
    }

    .dt-inner-advanced .leistungen-wrap, .dt-inner-advanced .not-leistungen-wrap {
        margin-top: 20px
    }
}

.button-select {
    background: #fff url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.59 0L6 4.58 1.41 0 0 1.41l6 6 6-6z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 95% center;
    border: 1px solid #d2d6de;
    border-radius: 3px;
    color: #222;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 21px;
    margin-bottom: 0;
    margin-top: 5px;
    padding: 15px;
    width: 100%;
    cursor: pointer;
    text-transform: uppercase
}

.button-select.open {
    background: #fff url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41 8L6 3.42 10.59 8 12 6.59l-6-6-6 6z' fill-rule='nonzero' fill='%238692A7'/%3E%3C/svg%3E") no-repeat scroll 95% center;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none
}

.button-select span.hide {
    display: none
}

.button-select-content {
    display: block;
    font-weight: 600;
    color: #21385c;
    font-size: 14px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: .5px;
    cursor: pointer;
    border: 1px solid #d2d6de;
    overflow: hidden;
    position: relative;
    text-indent: 10px;
    margin-top: 0;
    background: #fff
}

.button-select-content span {
    border-top: 1px solid #e9ebef;
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4.5' cy='4.5' r='4.5' transform='translate(1 1)' stroke-width='2' stroke='%238692A7' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 1.1em 1.45em;
    color: #8692a7;
    display: block;
    padding-left: 23px;
    position: relative
}

.button-select-content span:nth-of-type(1) {
    border-top: none
}

.button-select-content span.open {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4.5' cy='4.5' r='4.5' transform='translate(1 1)' stroke-width='2' stroke='%2321385c' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll .75em 1.45em
}

.button-select-content span.open::after {
    content: ' ausblenden'
}

.button-select-content span.open {
    color: #21385c
}

.tx-asrangebot-pi1 div.buchung ul li.headline_transfer {
    background-color: #fff;
    background-image: none
}

.tx-asrangebot-pi1 div.buchung ul li.headline_transfer {
    position: relative;
    padding-left: 50px;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat #fff 17px 20px;
    border-top: 1px solid #d2d6de;
    cursor: pointer
}

.tx-asrangebot-pi1 div.buchung ul li.headline_transfer:first-child {
    border-top: none
}

.tx-asrangebot-pi1 div.buchung ul {
    margin-left: 0
}

.tx-asrangebot-pi1 div.buchung ul.allopen, .tx-asrangebot-pi1 .static {
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 34, 72, .1);
    margin-bottom: 0;
    padding-bottom: 10px
}

.tx-asrangebot-pi1 .static {
    padding: 10px
}

.tx-asrangebot-pi1 div.buchung ul.allopen .headline_transfer, .tx-asrangebot-pi1 div.buchung ul.allopen .subheadline_transfer {
    background: #f5f7f8
}

.angebot-tabcontent-mobile div.buchung ul.allopen {
    padding-bottom: 0
}

.tx-asrangebot-pi1 .tabContent.tab-3 .static {
    padding: 0
}

.tx-asrangebot-pi1 div.buchung ul.allopen .preis .vp, .angebot-tabcontent-mobile div.buchung ul.allopen .preis .vp {
    padding-left: 0;
    float: right;
    position: relative;
    right: 40px;
    top: 10px;
    z-index: 1
}

@media (max-width: 39.9999em) {
    .tx-asrangebot-pi1 div.buchung ul.allopen .preis .vp, .angebot-tabcontent-mobile div.buchung ul.allopen .preis .vp {
        float: none;
        right: inherit;
        top: inherit;
        margin-bottom: 10px
    }
}

@media (min-width: 40em) {
    .tx-asrangebot-pi1 div.buchung ul.allopen .preis .vp, .angebot-tabcontent-mobile div.buchung ul.allopen .preis .vp {
        right: 100px
    }
}

@media (min-width: 58em) {
    .tx-asrangebot-pi1 div.buchung ul.allopen .preis .vp, .angebot-tabcontent-mobile div.buchung ul.allopen .preis .vp {
        right: 0
    }
}

div.buchung span.preis .vp {
    text-align: inherit;
    float: none;
    top: inherit;
    font-size: inherit
}

div.buchung span.preis input.submit-button {
    width: auto !important;
    max-width: 250px;
    height: auto;
    cursor: pointer;
    padding: 1.02em 1.02em .8em 1.02em;
    background: #21385c;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    color: #FFF;
    letter-spacing: .5px;
    line-height: 19px;
    text-transform: uppercase;
    letter-spacing: .5px;
    background-image: none
}

@media (max-width: 39.9999em) {
    div.buchung span.preis input.submit-button {
        width: 100% !important;
        max-width: inherit;
        margin-bottom: 15px
    }

    .tx-asrangebot-pi1 div.buchung ul li.headline_transfer {
        border-radius: 0
    }

    .tx-asrangebot-pi1 div.buchung ul li.headline_transfer span {
        display: none
    }

    .tx-asrangebot-pi1 div.buchung ul li.headline_transfer.active::after {
        border-bottom: none
    }

    .tx-asrangebot-pi1 div.buchung ul li.headline_transfer:first-child {
        background-color: #F5F7F8;
        border-bottom: none
    }

    .accordion-body.transfer div.buchung ul li.headline_transfer:first-child {
        background-image: none;
        padding-left: .9375rem
    }

    .tx-asrangebot-pi1 div.buchung ul li.headline_transfer.active:first-child::after {
        border: none
    }

    .tx-asrangebot-pi1 div.buchung ul li.headline_transfer.active {
        border-bottom: none
    }

    .tx-asrangebot-pi1 div.buchung ul li.headline_transfer.active {
        background: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.762 9L7.5 3.437 13.237 9 15 7.287 7.5 0 0 7.287z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat #F5F7F8 17px 20px
    }

    @media (max-width: 39.9375em) {
        .tx-asrangebot-pi1 div.buchung ul li.headline_transfer.active + li {
            background: #F5F7F8
        }
    }.angebot-akkordeon.mobile ul li .text a {
         background: none;
         border: 0;
         border-radius: 0;
         color: #21385c;
         font-size: 14px;
         height: auto;
         line-height: 21px;
         margin-bottom: 0;
         margin-top: 0;
         padding: 0;
         display: inline-block;
         font-weight: 600;
         position: relative;
         width: 155px
     }

    .angebot-akkordeon.mobile ul li .text a::before {
        content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E");
        position: absolute;
        right: 0
    }

    .angebot-akkordeon.mobile ul li .text a.open::before {
        content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.762 9L7.5 3.437 13.237 9 15 7.287 7.5 0 0 7.287z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E");
        position: absolute;
        right: 0
    }

    .angebot-akkordeon.mobile ul li .text a::after {
        content: " einblenden"
    }

    .angebot-akkordeon.mobile ul li .text a.open::after {
        content: " ausblenden"
    }

    .angebot-akkordeon.mobile ul li span.zug {
        display: none
    }
}

@media (min-width: 40em) {
    .tx-asrangebot-pi1 div.buchung ul li.headline_transfer {
        padding-left: 20px;
        padding-top: 0;
        padding-bottom: 0;
        background-color: #fff;
        background-image: none;
        padding-right: 20%
    }
}

div.buchung ul li.headline_transfer b {
    height: auto;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    color: #21385c
}

@media (min-width: 40em) {
    .tx-asrangebot-pi1 div.buchung ul li.headline_transfer {
        min-height: 70px;
        cursor: pointer;
        position: relative
    }

    .tx-asrangebot-pi1 div.buchung ul li.headline_transfer:before {
        content: "Details einblenden";
        color: #222;
        font-size: 12px;
        font-weight: 400;
        left: 80%;
        position: absolute;
        text-align: right;
        top: 20px;
        xleft: 86.8%;
        width: 18%
    }

    .tx-asrangebot-pi1 div.buchung ul.allopen li.headline_transfer:before, .tx-asrangebot-pi1 div.buchung ul li.headline_transfer.permaopen:before {
        content: ""
    }

    .tx-asrangebot-pi1 #tab-3 div.buchung ul li.headline_transfer:first-child:before {
        content: "Details einblenden"
    }

    .tx-asrangebot-pi1 #tab-3 div.buchung ul.allopen li.headline_transfer:first-child:before {
        content: ""
    }

    .tx-asrangebot-pi1 div.buchung ul li.headline_transfer.active::before {
        content: "Details ausblenden" !important
    }

    .tx-asrangebot-pi1 div.buchung ul li.headline_transfer:first-child {
        border-top: none;
        border-bottom: none
    }

    .tx-asrangebot-pi1 div.buchung ul.allopen li.headline_transfer:first-child, .tx-asrangebot-pi1 div.buchung ul li.headline_transfer.permaopen {
        border-top: none;
        border-bottom: none;
        background: #F5F7F8
    }

    .tx-asrangebot-pi1 div.buchung ul li:first-child {
        margin-top: 0
    }

    .tx-asrangebot-pi1 div.buchung {
        box-shadow: 0 0 5px 0 rgba(0, 34, 72, .1)
    }

    .tx-asrangebot-pi1 div.buchung .subheadline_transfer {
        padding: 0 20px 10px 20px;
        border-top: 1px solid #E9EBEF;
        overflow: hidden;
        background: #fff;
        margin-left: 0
    }

    .tx-asrangebot-pi1 div.buchung .subheadline_transfer.show {
        background: #F5F7F8
    }

    .tx-asrangebot-pi1 div.buchung ul li:nth-of-type(2) {
        border-top: none;
        background: #F5F7F8
    }

    .tx-asrangebot-pi1 div.buchung li.headline_transfer.active {
        background: #F5F7F8;
        border-bottom: none
    }

    .tx-asrangebot-pi1 .buchung ul, .tx-asrangebot-pi1 .buchung ul li {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: inherit !important
    }

    .tx-asrangebot-pi1 .buchung ul {
        border: 1px solid #E9EBEF;
        border-radius: 5px;
        overflow: hidden;
        margin-bottom: 40px
    }

    .tx-asrangebot-pi1 div.buchung .subheadline_transfer div {
        position: relative
    }

    .subheadline_transfer .text {
        width: 75%;
        float: left
    }

    .subheadline_transfer .preis {
        float: right;
        top: 0
    }
}

@media (max-width: 39.9375em) {
    div.buchung ul li.headline_transfer button {
        display: none
    }
}

div.buchung ul li.headline_transfer button {
    margin-top: 0;
    position: relative;
    top: 18px
}

div.buchung .add_more {
    position: relative;
    top: 0
}

div.buchung .add_more span {
    top: -1px !important
}

.details_button {
    width: 100% !important;
    padding-left: 20px !important;
    position: relative;
    top: -4px;
    display: block;
    font-weight: 600
}

@media (min-width: 40em) {
    .details_button {
        top: -4px
    }
}

.details_button::before {
    content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    width: 15px
}

@media (max-width: 39.9999em) {
    .buchung .subheadline_transfer .details_button {
        padding-right: 20px !important;
        text-align: right
    }

    .buchung .subheadline_transfer .details_button::before {
        right: 0;
        left: auto
    }
}

.details_button.open::before {
    content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.762 9L7.5 3.437 13.237 9 15 7.287 7.5 0 0 7.287z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.details_button::after {
    content: " einblenden"
}

.details_button.open::after {
    content: " ausblenden"
}

div.buchung .description_transferangebot {
    padding: 10px 0 !important;
    width: 95%
}

.subheadline_transfer.border {
    position: relative
}

div.buchung .preis {
    margin-right: 0;
    color: #21385c;
    font-weight: 600;
    font-size: 18px;
    text-align: right;
    float: none
}

@media (min-width: 40em) {
    div.buchung .preis {
        float: right
    }
}

.pep, .praefix {
    font-weight: 400;
    font-size: 14px;
    color: #222;
    padding: 0 !important;
    display: inline !important
}

.cabin-price .pep {
    font-size: 11px
}

.cabin-price .secondpax .from {
    padding-left: 2px;
    font-size: 11px
}

.cabin-price .firstpax .from {
    font-size: 11px
}

.cabin-price .secondpax {
    font-weight: 700;
    font-size: 16px;
    color: #21385c;
    line-height: 24px;
    padding-left: 4px
}

.cabin-price .secondpax .inkl {
    font-weight: 400;
    font-size: 11px
}

.cabin-price .thirdpax.hide {
    display: none
}

.teaser-cabins .cabin {
    position: relative;
    top: 3px
}

div.buchung .border {
    border: none
}

.subheadline_transfer div:nth-last-of-type(1) {
    padding-top: 3px
}

.subheadline_transfer div:nth-last-of-type(1) br {
    display: block;
    margin: 3px 0
}

.subheadline_transfer div {
    overflow: hidden
}

div.buchung ul li.headline_transfer b {
    color: #21385c;
    font-weight: 600;
    font-size: 17px;
    line-height: 23px
}

@media (min-width: 40em) {
    div.buchung ul li.headline_transfer b {
        position: relative;
        xtop: 19px;
        font-size: 18px;
        width: auto;
        line-height: 24px;
        max-width: 660px;
        padding-top: 19px;
        padding-bottom: 5px
    }
}

@media (min-width: 40em) {
    div.buchung .bus, div.buchung .taxi, div.buchung .flug, div.buchung .fly, div.buchung .bahn, div.buchung .zug, div.buchung .auto, div.buchung .parken {
        position: relative;
        top: 22px;
        margin: 0 10px 0 0
    }
}

div.buchung .auto {
    position: relative;
    background: transparent url(../_images2017/Icon-Cars.svg) no-repeat scroll 0 5px
}

@media (min-width: 40em) {
    div.buchung .parken {
        background: transparent url(../_images2017/Icon-Parking.svg) no-repeat scroll left top
    }

    div.buchung .fly {
        background: transparent url(../_images2017/Icon-plane-blue.svg) no-repeat scroll left top
    }

    div.buchung .bahn, div.buchung .zug {
        background: transparent url(../_images2017/Icon-train-blue.svg) no-repeat scroll left top
    }

    div.buchung .bus {
        background: transparent url(../_images2017/Icon-bus-blue.svg) no-repeat scroll left top;
        background-size: 73%
    }

    div.buchung .taxi {
        background: transparent url(../_images2017/buchung/icon-taxi.svg) no-repeat scroll left -4px top;
        background-size: 100%
    }

    .tx-asrangebot-pi1 div.buchung ul li.headline_transfer.permaopen::before {
        content: '' !important
    }
}

.leistungen-wrap {
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 34, 72, .1);
    margin-bottom: 40px;
    overflow: hidden
}

.not-leistungen-wrap .leistung_exkl_item {
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid rgba(0, 34, 72, .1)
}

.not-leistungen-wrap {
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 34, 72, .1);
    margin-bottom: 40px
}

.leistungen-wrap hr {
    border-color: currentcolor currentcolor #cacaca;
    border-style: none none solid;
    border-width: 0 0 1px;
    border: none;
    clear: both;
    height: 0;
    max-width: none
}

.leistung_inkl_item .item_text, .leistung_none_item .item_text {
    font-size: 17px;
    padding: 30px 20px 30px 20px;
    font-weight: 600;
    color: #21385c;
    background: #fff;
    line-height: 23px;
    border-bottom: 1px solid #d2d6de
}

@media (max-width: 58.6875em) {
    .leistung_inkl_item .item_text, .leistung_none_item .item_text {
        padding-left: .925rem
    }
}

.leistung_inkl_item .item_text small, .leistung_none_item .item_text small {
    font-size: 14px;
    color: #222;
    font-weight: 400;
    line-height: inherit
}

@media (max-width: 58.6875em) {
    .leistung_inkl_item .item_text, .leistung_none_item .item_text {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 15px;
        line-height: 18px;
        border: none
    }
}

.leistung_inkl_item .item_text, .leistung_inkl_item .item_sign, .leistung_none_item .item_sign, .leistung_none_item .item_text {
    display: table-cell;
    vertical-align: middle
}

@media (max-width: 58.6875em) {
    .leistung_inkl_item .item_text, .leistung_inkl_item .item_sign, .leistung_none_item .item_sign {
        vertical-align: top
    }
}

.leistung_inkl_item .item_sign, .leistung_none_item .item_sign {
    padding: 10px;
    background: #f5f7f8;
    width: 23%;
    text-align: center;
    border-bottom: 1px solid #d2d6de
}

@media (max-width: 58.6875em) {
    .leistung_inkl_item .item_sign, .leistung_none_item .item_sign {
        background: #fff;
        border: none
    }

    .leistung_inkl_item .item_sign img, .leistung_none_item .item_sign img {
        width: 20px;
        padding-top: 20px
    }
}

.tab.desktop .leistungen-wrap:nth-last-of-type(1) .leistung_none_item:nth-last-of-type(1) .item_sign, .tab.desktop .leistungen-wrap:nth-last-of-type(1) .leistung_none_item:nth-last-of-type(1) .item_text, .tab.desktop .leistungen-wrap .leistung_inkl_item:nth-last-of-type(1) .item_text, .tab.desktop .leistungen-wrap .leistung_inkl_item:nth-last-of-type(1) .item_sign {
    border-bottom: none !important
}

.leistung_inkl_item, .leistung_none_item {
    margin-right: 0 !important;
    display: table;
    width: 100%;
    background: #fff;
    position: relative
}

@media (max-width: 58.6875em) {
    .leistung_inkl_item, .leistung_none_item {
        border-bottom: 1px solid #d2d6de
    }

    .angebot-tabcontent-mobile .leistung_inkl, .angebot-tabcontent-mobile .leistung_exkl, .angebot-tabcontent-mobile .leistung_none {
        display: none
    }

    .angebot-tabcontent-mobile .leistung_inkl.active, .angebot-tabcontent-mobile .leistung_exkl.active, .angebot-tabcontent-mobile .leistung_none.active {
        display: inline-block;
        font-weight: 600;
        position: relative;
        text-transform: uppercase;
        border-bottom: 1px solid #21385c;
        color: #21385c;
        margin-bottom: 10px;
        margin-left: .925rem;
        padding-bottom: 8px
    }

    .leistung_inkl_item::after, .leistung_none_item::after {
        border-bottom: 1px solid #d2d6de;
        bottom: 0;
        content: "";
        display: block !important;
        margin: 0 auto;
        width: 90%
    }
}

#leistung_inkl {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 34, 72, .1)
}

.leistung_exkl_item .item_text small {
    font-size: 100%;
    line-height: 23.79px
}

.leistung_exkl_item .item_text span, .leistung_inkl_item .item_text span {
    font-weight: 600;
    font-size: 17px;
    color: #21385c;
    padding-bottom: 0;
    display: block;
    line-height: 23px
}

@media (max-width: 39.9375em) {
    .leistung_exkl_item .item_text span {
        font-size: 15px;
        line-height: 18px
    }
}

.leistung_exkl_item .item_text {
    display: table-cell;
    padding: 30px 20px
}

.leistung_exkl_item .item_sign {
    display: table-cell;
    padding: 30px 20px;
    width: 230px;
    background: #F5F7F8;
    line-height: 23.79px
}

.price-line.cruise, .price-line.night {
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 16px;
    color: #21385c
}

.price-line.night {
    margin-top: 20px
}

.aged-price .single-price {
    text-align: right;
    font-weight: 700;
    color: #21385c;
    font-size: 14px
}

@media (max-width: 39.9375em) {
    .aged-price .single-price {
        padding-bottom: 8px
    }
}

.ages {
    float: left;
    display: inline-block;
    font-weight: 400;
    color: #222;
    font-size: 14px
}

.leistung_exkl_item {
    display: table;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 34, 72, .1);
    border-radius: 5px
}

#leistung_exkl hr {
    margin: 0
}

@media (max-width: 58.6875em) {
    .leistung_exkl_item {
        display: block;
        width: 100%
    }

    .leistung_exkl_item .item_text, .leistung_exkl_item .item_sign {
        display: block;
        font-size: 15px;
        line-height: 18px;
        padding-bottom: 20px;
        padding-top: 20px;
        width: 100%
    }

    .angebot-akkordeon.mobile ul li .item_text span, .angebot-akkordeon.mobile ul li .item_text span, .single-price span {
        padding: 0 !important
    }

    .aged-price .single-price {
        text-align: right
    }
}

#angebot .single-price {
    overflow: hidden;
    clear: both
}

#angebot .single-price .ages {
    float: right;
    padding-left: 8px
}

@media (max-width: 639px) {
    #angebot .single-price .ages {
        float: left;
        padding-left: 8px !important
    }
}

#angebot .single-price .agepreis, #angebot .single-price .inklusive, #angebot .single-price .pep, #angebot .single-price .praefix {
    float: left
}

#angebot .single-price .pep {
    padding-left: 5px !important
}

#angebot .single-price .praefix {
    padding-right: 5px !important
}

.tx-asrrating-pi1 table img {
    top: 0
}

div.c66l {
    width: 48.5%;
    margin: 0;
    float: left
}

div.c66l + div.c33r {
    width: 50%;
    padding-left: 20px;
    float: left
}

div.c66l .subcl {
    float: left;
    margin-right: 0;
    width: 100%
}

div.c33r .subcr {
    float: right;
    width: 100%
}

div.c33r {
    width: 33%;
    float: right
}

div.c33m {
    width: 33%;
    float: left
}

div.c33l {
    width: 33%;
    float: left
}

div.c33l, div.c33r {
    padding-right: 10px
}

div.c33l .subcl, div.c33l .subc, div.c33m .subc {
    width: 100%;
    margin: 0
}

.c100l .c50l, .c100l .c50r {
    width: 50%
}

.c100l {
    width: 100%
}

@media (max-width: 39.9375em) {
    .csc-textpic-imagewrap.csc-textpic-single-image[style*="width:660px;"] {
        width: 100% !important
    }

    div.c66l {
        float: none;
        width: 100%
    }

    div.c66l + div.c33r {
        float: none;
        padding-left: 0;
        width: 100%
    }

    div.c33l, div.c33r, div.c50l, div.c50r {
        width: 100%;
        padding-right: 0;
        float: none
    }

    div.c50r .subcr, div.c50l .subcr {
        float: none;
        width: 100%
    }
}

div.c33l .csc-textpic.csc-textpic-left.csc-textpic-above, div.c33r .csc-textpic.csc-textpic-left.csc-textpic-above, div.c33l .csc-textpic-imagewrap.csc-textpic-single-image, div.c33r .csc-textpic-imagewrap.csc-textpic-single-image {
    width: 100%
}

.csc-header b {
    font-weight: 600;
    color: #21385c;
    font-size: 20px !important;
    display: block
}

.csc-header b.csc-firstHeader {
    font-weight: 600;
    color: #21385c;
    font-size: 20px !important;
    display: block;
    padding-bottom: 5px
}

.tx-asrangebot-pi1 .hide606, .tx-asrroute-pi1 .hide606 {
    display: none
}

.tx-asrangebot-pi1 #c41891 {
    display: none
}

.csc-header.foto-titel {
    display: none
}

.seebewert_abst span {
    display: block
}

@media (min-width: 58.75em) {
    .seebewert_abst span {
        display: inline-block
    }
}

.angebot-tabcontent-mobile div.ka-panel:nth-last-child(1) .ka-content {
    padding-left: 0;
    padding-right: 0
}

.tx-asrrating-pi1 .rate01 {
    padding: 0
}

.tolow {
    padding: .925rem
}

@media (max-width: 58.6875em) {
    .tx-asrrating-pi1 {
        padding-top: 20px;
        box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1);
        background: #fff
    }

    .seebewert_abst {
        padding-left: .925rem;
        padding-right: .925rem
    }

    .rate01 .photo {
        padding-right: 0
    }
}

.tx-asrrating-pi1 table tr td {
    padding-left: 0;
    border-bottom: 1px solid #d2d6de;
    font-size: inherit
}

.tx-asrrating-pi1 table tr td:first-child {
    padding-left: .925rem
}

.tx-asrrating-pi1 table tr td:last-child {
    width: 135px;
    padding-left: 0;
    position: relative
}

.tx-asrrating-pi1 table {
    border-collapse: collapse
}

.tx-asrrating-pi1 table tbody th {
    padding: 0 0 8px 0;
    border: none
}

.tx-asrrating-pi1 table tbody th:nth-of-type(1) {
    padding-left: .925rem;
    text-align: left
}

@media (min-width: 58.75em) {
    .tx-asrrating-pi1 table {
        overflow: hidden;
        border-radius: 5px;
        box-shadow: 0 0 5px 0 rgba(0, 34, 72, .1)
    }

    .seebewert_abst {
        padding: .925rem;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 0 5px 0 rgba(0, 34, 72, .1)
    }

    .rate01 .photo {
        padding-right: 0
    }

    .tx-asrrating-pi1 table tbody th {
        text-align: left;
        padding: 15px 0 20px 0
    }
}

.tx-asrrating-pi1 table tbody {
    border: none
}

.tx-asrrating-pi1 table tbody th b {
    font-weight: 400;
    font-size: 17px;
    color: #21385c
}

@media (min-width: 58.75em) {
    .tx-asrrating-pi1 table tbody th b {
        font-size: 20px
    }

    .ka-content .tx-asrrating-pi1 table tbody th {
        vertical-align: top
    }
}

.tx-asrrating-pi1 table small {
    left: inherit;
    position: relative;
    top: inherit;
    font-size: 12px
}

.tx-asrrating-pi1 img[src*="bewert02.png"], img[src*="bewert03.png"], img[src*="bewert04.png"], img[src*="bewert05.png"] {
    height: auto
}

.tx-asrrating-pi1 table tr:last-child td {
    border-bottom: medium none
}

.tx-asrrating-pi1 table td {
    padding: 8px 0 8px 0;
    vertical-align: middle
}

@media (max-width: 39.9375em) {
    .foto-titel span {
        padding-right: 0;
        padding-left: 0
    }

    .seebewert_abst span {
        padding-right: 0;
        padding-left: 0;
        display: inline-block
    }

    .ka-content .tx-asrrating-pi1 table tr th:nth-of-type(2), .ka-content .tx-asrrating-pi1 table tr td:nth-of-type(2), .ka-content .tx-asrrating-pi1 table tr th:nth-of-type(3), .ka-content .tx-asrrating-pi1 table tr td:nth-of-type(3), {
        display: none
    }

    .tx-asrrating-pi1 table tr th:nth-of-type(2), .tx-asrrating-pi1 table tr td:nth-of-type(2), .tx-asrrating-pi1 table tr th:nth-of-type(4), .tx-asrrating-pi1 table tr td:nth-of-type(4), .tx-asrrating-pi1 table tr td:nth-of-type(7), .tx-asrrating-pi1 table tr th:nth-of-type(7) {
        display: none
    }

    .tx-asrrating-pi1 table tr th:nth-of-type(3), .tx-asrrating-pi1 table tr th:nth-of-type(5) {
        text-align: left
    }

    .tx-asrrating-pi1 table tr td:nth-of-type(4), .tx-asrrating-pi1 table tr td:nth-of-type(9) {
        padding-left: .625rem
    }

    .tx-asrrating-pi1 table tr td:nth-of-type(3), .tx-asrrating-pi1 table tr td:nth-of-type(4) .tx-asrrating-pi1 table tr td:nth-of-type(8) {
        padding-right: .625rem
    }

    .tx-asrrating-pi1 table tr td {
        line-height: normal
    }
}

table.facts td:first-child, table.facts th:first-child {
    background: none !important;
    padding-left: 0;
    text-align: left
}

table.facts td:first-child p, table.facts th:first-child p {
    font-weight: 400;
    color: #21385c;
    font-size: 18px
}

table.table-grau, table.facts {
    background: none;
    width: 100%;
    border-radius: 0;
    margin-top: .5rem;
    margin-bottom: 0;
    color: #6f7989;
    border-collapse: collapse
}

table.table-grau td:first-child, table.facts td:first-child {
    background: none
}

table.table-grau tr td, table.table-grau tbody, table.facts tr td, table.facts tbody {
    background: none
}

table.table-grau td, table.facts td {
    font-size: 14px;
    padding: 10px 40px 10px 0;
    line-height: 23.79px;
    vertical-align: middle
}

table tbody tr:nth-child(2n) {
    background: none;
    border-bottom: 0 none
}

table.table-grau thead, table.table-grau tbody, table.table-grau tfoot, table.facts thead, table.facts tbody, table.facts tfoot {
    background: none;
    border: none
}

table.table-grau td b, table.facts td b {
    font-size: 18px;
    font-weight: 400;
    color: #21385c
}

table.table-grau tr td, table.facts tr th, table.facts tr td {
    border-bottom: 1px solid #D2D6DE
}

table.facts tr th, table.facts tr td {
    padding: 10px 40px 10px 0
}

table.table-grau tr:last-child td, table.facts tr:last-child td {
    border-bottom: none
}

table.table-grau + p, table.facts + p {
    margin-bottom: 2rem !important
}

@media (max-width: 47.9375em) {
    table.table-grau, table.table-grau tr, table.table-grau td, table.table-grau tbody, table.facts, table.facts tr, table.facts td, table.facts tbody {
        display: block
    }

    table.table-grau td b, table.facts td b {
        font-size: 17px
    }

    table.table-grau td, table.facts td {
        padding: 5px 20px 5px 0;
        vertical-align: middle
    }

    table.table-grau tr:last-child td, table.facts tr:last-child td {
        border-bottom: 1px solid #D2D6DE
    }

    table.table-grau tr:last-child td:last-child, table.facts tr:last-child td:last-child {
        border-bottom: none
    }
}

.tx-asrrating-pi1 table.order-table {
    width: 100% !important
}

.tx-asrrating-pi1 table.order-table tr td:first-child {
    width: 40%;
    vertical-align: middle
}

.tx-asrrating-pi1 table.order-table tr td:last-child {
    padding: 1.25rem;
    width: 60%;
    vertical-align: middle
}

.tx-asrrating-pi1 table.order-table input {
    height: auto;
    line-height: normal;
    font-weight: 400;
    width: auto;
    border: solid 1px #d0d0d0;
    background-image: none
}

.tx-asrrating-pi1 table.order-table input, .tx-asrrating-pi1 table.order-table select, .tx-asrrating-pi1 table.order-table textarea {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    width: auto
}

.tx-asrrating-pi1 table.order-table input.sml {
    width: 40px;
    text-align: center
}

.tx-asrrating-pi1 table.order-table.col2 textarea {
    width: 400px;
    height: 75px;
    background-image: none
}

.tx-asrrating-pi1 table.order-table tr:last-child td input {
    padding: .9em .9em .6em .9em;
    background: #21385c;
    width: 250px !important;
    font-weight: 600;
    font-size: 14px;
    color: #FFF;
    letter-spacing: .5px;
    line-height: 23px;
    text-transform: uppercase;
    height: auto;
    border-radius: 5px;
    border: none;
    cursor: pointer
}

@media (max-width: 47.9375em) {
    .tx-asrrating-pi1 table.order-table tr td:first-child {
        width: 100%;
        vertical-align: top;
        display: block;
        color: #21385c;
        padding-left: .925rem
    }

    .tx-asrrating-pi1 table.order-table tr td:last-child {
        width: 100%;
        vertical-align: top;
        display: block;
        padding-left: .925rem
    }

    .tx-asrrating-pi1 table.order-table.col2 textarea {
        width: 100%
    }

    .tx-asrrating-pi1 table.order-table tr:last-child td input {
        width: 100% !important
    }

    .tx-asrrating-pi1 table.order-table tr:last-child td:first-child {
        display: none
    }

    .tx-asrrating-pi1 h3 {
        padding-left: 1.25rem
    }
}

#content > .csc-default .csc-textpic, #content > .csc-default .csc-header, #content > .csc-default .csc-menu, #content > .csc-default .tx-asrsearch-pi1, #content > .csc-default .tx-asrcrmnewsletter-pi1, #content > .csc-default h2, #content > .csc-default p.bodytext, .tx-asrrating-pi1 {
    width: 100%;
    max-width: 960px;
    margin: 0 auto
}

#content > .csc-default h2, #content > .csc-default p.bodytext {
    max-width: 976px
}

#content > .csc-default h3 {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    margin-bottom: 9px
}

#content > .csc-default ul {
    width: 100%;
    max-width: 935px;
    margin-right: auto
}

#content > .csc-default .subcolumns {
    width: 100%;
    max-width: 960px;
    margin: 0 auto
}

#content > .csc-default {
    max-width: inherit
}

#content > .ka-panel {
    width: 100%;
    max-width: 960px;
    margin: 0 auto
}

#seo {
    margin: 0 auto;
    max-width: 960px;
    overflow: hidden;
    padding-right: .625rem;
    padding-left: .625rem;
    width: 100%
}

.teaser_61 .c50l, .teaser_61 .c50r {
    width: 100%
}

.c50r {
    padding-left: 0
}

.teaser_61 div.c50l .subcl, .teaser_61 div.c50r .subcr, .teaser_62 div.c50l .subcl, .teaser_62 div.c50r .subcr {
    float: none;
    margin-right: 0;
    width: 100%
}

.ship-deck-01 span {
    display: block;
    font-size: 12px
}

.ship-deck-02 {
    position: relative;
    overflow: hidden;
    width: 100%
}

.ship-deck-02 img {
    max-width: inherit;
    position: absolute;
    right: 0;
    top: 0
}

.ship-deck-03 {
    float: right
}

.subcolumns {
    margin-bottom: 0
}

.csc-header.csc-header-n7 h6 {
    margin: 0 auto;
    max-width: 960px;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    font-size: 20px;
    font-weight: 600;
    color: #21385c
}

@media (min-width: 58.75em) {
    .csc-header.csc-header-n7 h6 {
        font-size: 28px;
        line-height: 42px;
        padding-right: .625rem;
        padding-left: .625rem
    }
}

#content .csc-default, #content .csc-frame {
    padding-top: 15px;
    padding-bottom: 14px
}

#start #content .csc-default, #start #content .csc-frame {
    padding-top: 0;
    padding-bottom: 0
}

#content .csc-frame, #content .csc-frame:nth-of-type(1) {
    padding-top: 30px
}

#content .csc-frame:nth-of-type(1) {
    padding-top: 0
}

#jsmaske + .csc-default, #content .csc-frame.teaser_67, #content .teaser_67 .csc-default, #content div.ka-panel > div:first-of-type, #content .teaser_62 .double-teaser-rte .csc-default, #content .teaser_61 .double-teaser-rte .csc-default {
    padding-top: 0;
    padding-bottom: 0;
    border: none
}

.content {
    padding-top: 0;
    padding-bottom: 0
}

#newsletter {
    display: none
}

h2 {
    padding-top: 20px;
    padding-bottom: 10px;
    line-height: 23px;
    font-size: 20px
}

.teaser_62 h2 {
    padding-top: 0
}

#start h2 {
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px
}

#start .heroteaser-2022 h2 {
    padding-bottom: 10px
}

@media (min-width: 40em) {
    #start h2 {
        font-size: 20px;
        line-height: 42px
    }
}

#seo {
    padding-top: 15px;
    padding-bottom: 35px
}

#start #seo h2, #seo h2, #start #seo h1, #seo h1, #start #seo h3, #seo h3 {
    padding-top: 20px;
    padding-bottom: 10px;
    line-height: 23px;
    font-size: 20px
}

.csc-menu {
    overflow: hidden;
    margin: 0 0 .9em 0;
    padding: 20px 20px 20px 20px;
    list-style: none;
    background: #678AB0;
    border-radius: 0
}

.csc-menu li a {
    color: #fff;
    font-weight: 600
}

.csc-menu li {
    display: inline-block;
    float: left;
    width: 46%;
    padding: 0;
    overflow: hidden;
    height: 22px;
    margin: 8px 20px 8px 0
}

.csc-menu li:nth-child(2n+2) {
    margin-right: 0
}

@media (min-width: 48em) {
    .csc-menu li {
        width: 30.5%
    }

    .csc-menu li:nth-child(3n) {
        margin-right: 0
    }

    .csc-menu li:nth-child(2n+2) {
        margin-right: 20px
    }
}

@media (min-width: 58.75em) {
    .csc-menu {
        border-radius: 5px
    }

    .csc-menu li {
        position: relative;
        display: inline-block;
        float: left;
        width: 23.2%;
        padding: 0;
        overflow: hidden;
        height: 22px;
        margin: 8px 20px 8px 0
    }

    .csc-menu li::after {
        content: '';
        position: absolute;
        right: 0;
        width: 10px;
        height: 50px;
        background: -moz-linear-gradient(left, rgba(37, 141, 200, 0) 0%, rgba(86, 139, 182, 0) 74%, rgba(103, 138, 176, 1) 100%);
        background: -webkit-linear-gradient(left, rgba(37, 141, 200, 0) 0%, rgba(86, 139, 182, 0) 74%, rgba(103, 138, 176, 1) 100%);
        background: linear-gradient(to right, rgba(37, 141, 200, 0) 0%, rgba(86, 139, 182, 0) 74%, rgba(103, 138, 176, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00258dc8', endColorstr='#678ab0', GradientType=1)
    }

    .csc-menu li:nth-child(2n+2) {
        margin-right: 20px
    }

    .csc-menu li:nth-child(3n) {
        margin-right: 20px
    }

    .csc-menu li:nth-child(5n) {
        margin-right: 20px
    }

    .csc-menu li:nth-child(4n) {
        margin-right: 0
    }
}

.teaser_50 .csc-menu {
    overflow: inherit;
    margin-bottom: .8em;
    margin-left: 1em !important;
    padding: 0;
    list-style-type: disc;
    list-style-position: outside;
    background: transparent;
    border-radius: 0
}

.teaser_50 .csc-menu li a, .teaser_50 .csc-menu li a:hover {
    color: #21385c;
    font-weight: 400
}

.teaser_50 .csc-menu li {
    display: list-item;
    float: none;
    width: 100%;
    padding: 0;
    overflow: inherit !important;
    height: auto;
    margin: 0
}

.teaser_50 .csc-menu li:nth-child(2n+2) {
    margin-right: inherit
}

@media (min-width: 48em) {
    .teaser_50 .csc-menu li {
        width: 100%
    }

    .teaser_50 .csc-menu li:nth-child(3n) {
        margin-right: 0
    }

    .teaser_50 .csc-menu li:nth-child(2n+2) {
        margin-right: 0
    }
}

@media (min-width: 58.75em) {
    .teaser_50 .csc-menu {
        margin-bottom: .8em;
        margin-left: 1em !important
    }

    .teaser_50 .csc-menu li {
        position: relative;
        display: list-item;
        float: none;
        width: 100%;
        padding: 0;
        overflow: auto;
        height: auto;
        margin: 0
    }

    .teaser_50 .csc-menu li::after {
        content: '';
        position: static;
        right: 0;
        width: 0;
        height: 0;
        background: none
    }

    .teaser_50 .csc-menu li:nth-child(2n+2) {
        margin-right: 0
    }

    .teaser_50 .csc-menu li:nth-child(3n) {
        margin-right: 0
    }

    .teaser_50 .csc-menu li:nth-child(5n) {
        margin-right: 0
    }

    .teaser_50 .csc-menu li:nth-child(4n) {
        margin-right: 0
    }
}

.tx-asrcrmnewsletter-pi1 {
    border-radius: 5px;
    box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1);
    padding: .625rem;
    background: #fff
}

#tx-asrcrmnewsletter-pi1 {
    padding: 10px
}

@media (min-width: 960px) {
    #tx-asrcrmnewsletter-pi1 {
        padding: 20px
    }
}

#tx-asrcrmnewsletter-pi1 table {
    border-collapse: collapse;
    margin-bottom: 0;
    font-size: 14px
}

#tx-asrcrmnewsletter-pi1 tbody {
    border: none
}

#tx-asrcrmnewsletter-pi1 #tableform table tr td:first-child {
    font-weight: 400;
    line-height: normal;
    width: 135px;
    text-indent: 0;
    font-size: 14px
}

#tx-asrcrmnewsletter-pi1 #tableform table tr td {
    vertical-align: middle !important
}

#tx-asrcrmnewsletter-pi1 #tableform table tr td input[type="text"] {
    margin-bottom: 0;
    height: 45px;
    color: #666;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #c9cbcc;
    border-radius: 3px;
    box-shadow: none;
    display: block;
    font-family: inherit;
    font-weight: 400;
    cursor: pointer;
    background: none;
    width: 205px
}

#tx-asrcrmnewsletter-pi1 #tableform table tr td input[type="submit"] {
    padding: .9em .9em .6em .9em;
    background: #21385c;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    color: #FFF;
    letter-spacing: .5px;
    line-height: 23px;
    text-transform: uppercase;
    height: auto;
    border-radius: 5px;
    border: none;
    cursor: pointer
}

@media (max-width: 40em) {
    #tx-asrcrmnewsletter-pi1 #tableform table tr td:first-child {
        height: auto
    }

    #tx-asrcrmnewsletter-pi1 #tableform table td {
        display: block;
        width: 100% !important
    }

    #tx-asrcrmnewsletter-pi1 #tableform table tr:last-child td:first-child {
        display: none
    }

    #tx-asrcrmnewsletter-pi1 #tableform.step3 table tr:last-child td:first-child {
        display: block
    }

    #tx-asrcrmnewsletter-pi1 #tableform.step3 table tr td input[type="submit"] {
        font-size: 13px !important
    }
}

p.newsletter span.error {
    color: red
}

p.newsletter span.message {
    font-size: 14px;
    color: #21385c;
    font-weight: 400
}

.step1 table tr:nth-child(2) td:first-child {
    white-space: nowrap
}

.step1 table tr:nth-child(2) td input {
    width: 100% !important
}

@media (min-width: 960px) {
    .step1 table tr:nth-child(2) td input, #tx-asrcrmnewsletter-pi1 #tableform.step1 table tr td input[type="submit"] {
        max-width: 400px
    }
}

.step2 table {
    background: #fff
}

.step2 table tr:nth-child(2) td:first-child, .step2 table tr:nth-child(4) td:first-child, .step2 table tr:nth-child(5) td:first-child {
    display: none !important
}

#tableform table tr td select {
    width: 100%
}

#tableform.step2 table tr select {
    height: auto !important;
    line-height: auto !important;
    margin-bottom: 0;
    background: #fff url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 98.9% 52% !important;
    padding-right: 2.3em
}

#tableform.step2 table tr select {
    width: 100%
}

@media (min-width: 768px) {
    #tx-asrcrmnewsletter-pi1 #tableform.step2 table tr td input[type="submit"], #tableform.step2 table tr select {
        max-width: 400px
    }
}

.step3 .label {
    background: #21385c
}

#tableform.step3 table tr td div.label {
    font-weight: 600;
    height: auto;
    line-height: normal;
    width: 100%;
    text-indent: 0
}

#tableform.step3 table {
    width: 100%;
    max-width: 400px
}

#tableform.step3 table select, #tableform.step3 table input {
    height: auto !important;
    width: 100% !important
}

#tableform.step3 table tr:first-child select {
    background: #fff url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 93.7% 52% !important
}

#tableform.step3 table tr:nth-child(3) input {
    width: 100% !important
}

.teaser_51 {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1)
}

.teaser_51 h2 {
    padding-top: 20px;
    padding-bottom: 10px;
    line-height: 23px;
    font-size: 20px;
    color: #21385c
}

.teaser_51 ul {
    margin-left: 0
}

.teaser_51 li {
    padding-left: 12px;
    list-style: none;
    padding-bottom: .7em;
    background: url(../_images/listpunkt-whitebox.gif) no-repeat 0 .65em
}

.teaser_51 {
    margin-top: 1em;
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: url(../_images/icon-fernglas-orange.jpg) no-repeat 96% 22px #fff
}

.tx-asrcustomer-pi1 {
    width: 100%;
    max-width: 960px;
    margin: 0 auto
}

.tx-asrcustomer-pi1 .error {
    width: 100%;
    color: red
}

.tx-asrcustomer-pi1 .success {
    width: 100%;
    color: green
}

.tx-asrcustomer-pi1 table {
    border-collapse: collapse;
    background-color: none;
    width: auto
}

.tx-asrcustomer-pi1 table tr td:first-child, .tx-asrcustomer-pi1 table tr td.reisepass {
    padding-left: 0
}

.tx-asrcustomer-pi1 table thead, .tx-asrcustomer-pi1 table tbody, .tx-asrcustomer-pi1 table tfoot {
    background-color: transparent
}

.tx-asrcustomer-pi1 table thead, .tx-asrcustomer-pi1 table tbody, .tx-asrcustomer-pi1 table tfoot {
    border: none
}

.tx-asrcustomer-pi1 #tableform table tr td div.label {
    padding-left: 0;
    font-weight: 400;
    height: auto;
    font-size: 14px;
    width: auto;
    text-indent: 0;
    border-radius: 0;
    background: none;
    color: #222
}

.tx-asrcustomer-pi1 #tableform table tr td:first-child div {
    font-weight: 400;
    font-size: 14px;
    height: auto;
    line-height: auto;
    width: auto;
    text-indent: 0;
    padding: .33333rem .5rem;
    padding-left: 0
}

.tx-asrcustomer-pi1 #change_btn {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #21385c;
    font-size: 14px;
    width: 100% !important;
    padding: .625rem;
    cursor: pointer
}

.tx-asrcustomer-pi1 th[colspan] {
    padding-left: 0;
    text-align: left;
    font-size: 14px;
    font-weight: 400
}

.tx-asrcustomer-pi1 #tableform table tr td input[type="text"] {
    margin-bottom: 0;
    height: 45px;
    color: #666;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #c9cbcc;
    border-radius: 3px;
    box-shadow: none;
    display: block;
    font-family: inherit;
    font-weight: 400;
    cursor: pointer;
    background-image: none;
    width: 250px
}

.tx-asrcustomer-pi1 #tableform select {
    margin-bottom: 0;
    height: 45px;
    color: #666;
    font-size: 14px;
    background-color: # #fff;
    border: 1px solid #c9cbcc;
    border-radius: 3px;
    box-shadow: none;
    display: block;
    font-family: inherit;
    font-weight: 400;
    cursor: pointer;
    background: #fff url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 93.7% 52%;
    width: 250px
}

.tx-asrcustomer-pi1 #tableform table tr td input[type="submit"] {
    padding: .9em .9em .6em .9em;
    background: #21385c;
    width: 250px !important;
    font-weight: 600;
    font-size: 14px;
    color: #FFF;
    letter-spacing: .5px;
    line-height: 23px;
    text-transform: uppercase;
    height: auto;
    border-radius: 5px;
    border: none;
    cursor: pointer
}

@media (max-width: 40em) {
    .tx-asrcustomer-pi1 #tableform table td, .tx-asrcustomer-pi1 #tableform table td div, .tx-asrcustomer-pi1 #tableform table td input, .tx-asrcustomer-pi1 #tableform table td select {
        display: block
    }

    .tx-asrcustomer-pi1 #tableform table, .tx-asrcustomer-pi1 #tableform table tr td input, .tx-asrcustomer-pi1 #tableform table tr td select {
        width: 100% !important
    }

    .tx-asrcustomer-pi1 {
        padding-right: .625rem;
        padding-left: .625rem
    }

    .tx-asrcustomer-pi1 #tableform table tr td:first-child {
        width: 100%;
        height: auto
    }

    .tx-asrcustomer-pi1 #tableform table tr td {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .tx-asrcustomer-pi1 #tableform table tr td:last-child {
        padding-right: 0
    }

    .tx-asrcustomer-pi1 #tableform table tr td input[type="submit"] {
        margin-top: 10px;
        width: 100% !important
    }
}

.tx-asrcustomer-pi1 .person {
    display: table;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1rem
}

@media (min-width: 769px) {
    .tx-asrcustomer-pi1 .person div {
        display: table-cell
    }

    .status {
        padding-right: .625rem;
        padding-left: .625rem
    }

    .manifest-button {
        text-align: right
    }

    .manifest-button .travel-target .button {
        margin-bottom: 0
    }

    .tx-asrcustomer-pi1 .manifest-persons .name {
        width: 30%
    }

    .tx-asrcustomer-pi1 .manifest-persons .status {
        width: 50%
    }

    .tx-asrcustomer-pi1 .manifest-persons .icon {
        width: 20%
    }
}

@media (min-width: 980px) {
    .travel-target.manifest-button .button {
        margin-bottom: 0
    }
}

.tx-asrcrmmanifest-pi1 {
    width: 100%;
    max-width: 960px;
    margin: 0 auto
}

.tx-asrcrmmanifest-pi1 .fehlerbox {
    width: 100%
}

.tx-asrcrmmanifest-pi1 table {
    border-collapse: collapse;
    background-color: none;
    width: auto
}

.tx-asrcrmmanifest-pi1 table tr td:first-child, .tx-asrcrmmanifest-pi1 table tr td.reisepass {
    padding-left: 0
}

.tx-asrcrmmanifest-pi1 table thead, .tx-asrcrmmanifest-pi1 table tbody, .tx-asrcrmmanifest-pi1 table tfoot {
    background-color: transparent
}

.tx-asrcrmmanifest-pi1 table thead, .tx-asrcrmmanifest-pi1 table tbody, .tx-asrcrmmanifest-pi1 table tfoot {
    border: none
}

.tx-asrcrmmanifest-pi1 #tableform table tr td div.label {
    padding-left: 0;
    font-weight: 400;
    height: auto;
    font-size: 14px;
    width: auto;
    text-indent: 0;
    border-radius: 0;
    background: none;
    color: #222
}

.tx-asrcrmmanifest-pi1 #tableform table tr td:first-child div {
    font-weight: 400;
    font-size: 14px;
    height: auto;
    line-height: auto;
    width: auto;
    text-indent: 0;
    padding: .33333rem .5rem;
    padding-left: 0
}

.tx-asrcrmmanifest-pi1 #change_btn {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #21385c;
    font-size: 14px;
    width: 100% !important;
    padding: .625rem;
    cursor: pointer
}

.tx-asrcrmmanifest-pi1 th[colspan] {
    padding-left: 0;
    text-align: left;
    font-size: 14px;
    font-weight: 400
}

.tx-asrcrmmanifest-pi1 #tableform table tr td input[type="text"], .tx-asrkreditkarte-pi1 #tableform table tr td input[type="text"] {
    margin-bottom: 0;
    height: 45px;
    color: #666;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #c9cbcc;
    border-radius: 3px;
    box-shadow: none;
    display: block;
    font-family: inherit;
    font-weight: 400;
    cursor: pointer;
    background-image: none;
    width: 250px
}

.tx-asrcrmmanifest-pi1 #tableform select {
    margin-bottom: 0;
    height: 45px;
    color: #666;
    font-size: 14px;
    background-color: # #fff;
    border: 1px solid #c9cbcc;
    border-radius: 3px;
    box-shadow: none;
    display: block;
    font-family: inherit;
    font-weight: 400;
    cursor: pointer;
    background: #fff url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 93.7% 52%;
    width: 250px
}

.tx-asrcrmmanifest-pi1 #tableform table tr td input[type="submit"], .tx-asrkreditkarte-pi1 #tableform table tr td input[type="submit"] {
    padding: .9em .9em .6em .9em;
    background: #21385c;
    width: 250px !important;
    font-weight: 600;
    font-size: 14px;
    color: #FFF;
    letter-spacing: .5px;
    line-height: 23px;
    text-transform: uppercase;
    height: auto;
    border-radius: 5px;
    border: none;
    cursor: pointer
}

@media (max-width: 40em) {
    .tx-asrcrmmanifest-pi1 #tableform table td, .tx-asrcrmmanifest-pi1 #tableform table td div, .tx-asrcrmmanifest-pi1 #tableform table td input, .tx-asrcrmmanifest-pi1 #tableform table td select {
        display: block
    }

    .tx-asrcrmmanifest-pi1 #tableform table, .tx-asrcrmmanifest-pi1 #tableform table tr td input, .tx-asrcrmmanifest-pi1 #tableform table tr td select {
        width: 100% !important
    }

    .tx-asrcrmmanifest-pi1 {
        padding-right: .625rem;
        padding-left: .625rem
    }

    .tx-asrcrmmanifest-pi1 #tableform table tr td:first-child {
        width: 100%;
        height: auto
    }

    .tx-asrcrmmanifest-pi1 #tableform table tr td {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .tx-asrcrmmanifest-pi1 #tableform table tr td:last-child {
        padding-right: 0
    }

    .tx-asrcrmmanifest-pi1 #tableform table tr td input[type="submit"] {
        margin-top: 10px;
        width: 100% !important
    }
}

.tx-asrcrmmanifest-pi1 .person {
    display: table;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1rem
}

@media (min-width: 769px) {
    .tx-asrcrmmanifest-pi1 .person div {
        display: table-cell
    }

    .status {
        padding-right: .625rem;
        padding-left: .625rem
    }

    .manifest-button {
        text-align: right
    }

    .manifest-button .travel-target .button {
        margin-bottom: 0
    }

    .tx-asrcrmmanifest-pi1 .manifest-persons .name {
        width: 30%
    }

    .tx-asrcrmmanifest-pi1 .manifest-persons .status {
        width: 50%
    }

    .tx-asrcrmmanifest-pi1 .manifest-persons .icon {
        width: 20%
    }
}

@media (min-width: 980px) {
    .travel-target.manifest-button .button {
        margin-bottom: 0
    }
}

.tx-asrtrip-pi1 {
    width: 100%;
    max-width: 960px;
    margin: 0 auto
}

. .tx-asrtrip-pi1 .fehlerbox {
    width: 100%
}

.tx-asrtrip-pi1 input[type="submit"] {
    padding: .9em .9em .6em .9em;
    background: #21385c;
    width: 250px !important;
    font-weight: 600;
    font-size: 14px;
    color: #FFF;
    letter-spacing: .5px;
    line-height: 23px;
    text-transform: uppercase;
    height: auto;
    border-radius: 5px;
    border: none;
    cursor: pointer
}

.tx-asrkreditkarte-pi1 {
    width: 100%;
    max-width: 960px;
    margin: 0 auto
}

.tx-asrkreditkarte-pi1 h3 {
    display: inline-block;
    float: left;
    margin-bottom: 10px
}

.tx-asrkreditkarte-pi1 img {
    display: inline-block;
    position: relative !important;
    right: inherit !important;
    top: inherit !important;
    float: right;
    margin-bottom: 10px !important
}

.tx-asrkreditkarte-pi1 #tableform table {
    border-collapse: collapse
}

.tx-asrkreditkarte-pi1 #tableform {
    padding-left: 10px;
    width: 100%
}

.tx-asrkreditkarte-pi1 #tableform table tr td:first-child {
    font-weight: 600;
    height: auto;
    line-height: normal;
    width: 135px;
    text-indent: 0
}

.tx-asrkreditkarte-pi1 table thead, .tx-asrkreditkarte-pi1 table tbody, .tx-asrkreditkarte-pi1 table tfoot, .tx-asrkreditkarte-pi1 table td {
    border: none;
    background-color: #fff
}

.tx-asrkreditkarte-pi1 #tableform table tr td div.label {
    font-weight: 400;
    height: auto;
    line-height: normal;
    width: 100%;
    text-indent: 0;
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    color: #0a0a0a
}

.tx-asrkreditkarte-pi1 tr:last-child td img {
    float: none
}

@media (max-width: 40em) {
    .tx-asrkreditkarte-pi1 #tableform table tr td {
        width: 100% !important;
        display: block
    }

    .tx-asrkreditkarte-pi1 #tableform table tr td input[type="text"] {
        width: 100%
    }

    .tx-asrkreditkarte-pi1 #tableform table tr td:last-child label {
        display: none
    }

    .tx-asrkreditkarte-pi1 #tableform table tr td input[type="submit"] {
        width: 100% !important
    }

    .tx-asrkreditkarte-pi1 h3 {
        padding-left: .625rem;
        display: block
    }

    .tx-asrkreditkarte-pi1 tr:last-child td img {
        padding-left: 0
    }
}

.csc-textpic.csc-textpic-center.csc-textpic-below .csc-textpic-imagewrap.csc-textpic-single-image {
    width: 100% !important
}

.teaser_62 .csc-header {
    padding-top: 15px;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding-right: .625rem;
    padding-left: .625rem
}

.teaser_62 .csc-header b {
    padding-bottom: 0;
    line-height: 1.3
}

.csc-header b {
    padding-bottom: 0
}

.teaser_62 + .teaser_62, .teaser_62 + .teaser_62 .content {
    padding-top: 0 !important
}

div.type66 div.teaser_60, div.type66 div.tx-asrsuche-pi1 {
    display: none
}

#content .teaser_60 {
    padding-top: 0;
    padding-bottom: 0;
    border: none
}

#stickysuche .bg-white .columns {
    max-height: 90px
}

#angebot #content .angebot-tabcontent .type66 .teaser_67, #angebot #content .angebot-tabcontent-mobile .type66 .teaser_67 {
    display: none;
    padding-top: 0;
    padding-bottom: 0
}

#angebot #content .angebot-tabcontent .type66 .teaser_62, #angebot #content .angebot-tabcontent-mobile .type66 .teaser_62 {
    padding-top: 0;
    padding-bottom: 0;
    display: none
}

#angebot #content .angebot-tabcontent .type66 .teaser_63, #angebot #content .angebot-tabcontent-mobile .type66 .teaser_63 {
    padding-top: 0;
    padding-bottom: 0;
    display: none
}

#angebot #content .angebot-tabcontent .type66 .teaser_70, #angebot #content .angebot-tabcontent-mobile .type66 .teaser_70 {
    padding-top: 0;
    padding-bottom: 0;
    display: none
}

.azptlink {
    cursor: pointer
}

.azptlink::after {
    position: relative;
    top: 2px;
    content: url(../_images2017/icon-azptlink-wh.png);
    width: 16px;
    height: 16px;
    margin-left: 6px
}

.ship-deck-01 {
    background: #fff;
    border-radius: 5px;
    padding: 10px
}

.ship-deck-03 p {
    font-size: 12px;
    margin-top: -4px;
    line-height: 24px
}

.ship-deck-02 {
    border-radius: 5px
}

.csc-default p.bodytext {
    padding-bottom: .5em;
    margin-bottom: 0
}

.csc-default p.bodytext:nth-last-of-type(1) {
    padding-bottom: 0;
    margin-bottom: 0
}

.csc-frame.teaser_68 p.bodytext:nth-last-of-type(1) {
    padding-bottom: 0;
    margin-bottom: 0
}

#pdfform, #pdf {
    margin: auto;
    max-width: 960px;
    padding: 10px;
    margin-top: 20px
}

#pdfform input[type=radio] {
    display: block;
    float: left;
    margin-top: 2px;
    margin-right: 10px
}

#pdfform td {
    line-height: 1.4em;
    padding: 10px;
    vertical-align: top
}

#pdfform #pdftable td:nth-child(2) {
    width: 80%
}

#pdfform #senderform_neu td {
    padding-right: 10px
}

#pdfform input[type=button] {
    padding: 1.02em;
    background: #21385c;
    font-weight: 600;
    color: #FFF;
    letter-spacing: .5px;
    line-height: 19px
}

#pdf div.success {
    background-color: #b6ffbb;
    border: solid 1px #007f15;
    color: #00661b;
    font-weight: 700;
    margin-bottom: 12px;
    padding: 4px
}

#pdfform #pdftable td:first-child {
    font-weight: 700;
    font-size: 14px
}

#pdfform #pdftable tbody {
    background: none
}

#pdfform #pdftable .e {
    background-color: #f0f0f0
}

#pdfform #pdftable .p {
    background-color: #e0e0e0
}

#pdfform #pdftable .d {
    background-color: #d0d0d0
}

#pdfform #pdftable .neu {
    background-color: silver
}

#pdfform #pdftable .abstand td {
    padding: 3px
}

#pdftable {
    margin: 0
}

#pdfform {
    border: 10px solid #fff;
    background-color: #fff
}

#pdfform #pdftable .button {
    width: 555px;
    float: right;
    margin: 0
}

#pdfform #pdftable .info_text {
    font-size: 13px !important;
    border: 1px solid #333;
    color: #000
}

.dt-inner .travel-price {
    white-space: nowrap;
    position: relative;
    z-index: 1
}

.dt-inner .travel-price .child_info {
    display: inline;
    left: 3px;
    top: inherit;
    float: none
}

.dt-inner .detail-price .ct_d_only, .dt-inner .ct_m_only {
    position: absolute;
    width: 100%;
    right: 0;
    z-index: 1
}

@media (min-width: 768px) {
    .dt-inner .detail-price .ct_d_only, .dt-inner .ct_m_only {
        min-width: 680px;
        right: 5px
    }
}

@media (min-width: 940px) {
    .dt-inner .detail-price .ct_d_only, .dt-inner .ct_m_only {
        min-width: 850px
    }
}

@media (min-width: 48em) {
    .detail-features .inclusive {
        float: left;
        width: 50%
    }
}

@media (min-width: 64em) {
    .detail-features .inclusive {
        float: left;
        width: 62%
    }
}

@supports (-webkit-background-clip:text) and (-webkit-text-fill-color:transparent) {
    .lp-inner div.h4, .lp-inner div.h3, .lp-inner p.lp-ship, .lp-inner p.lp-port {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 98%, rgba(255, 255, 255, .8) 1%, rgba(255, 255, 255, .3) 1%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@supports not (-webkit-background-clip:text)

and

(
-webkit-text-fill-color:transparent

)
{
.item.no1 .lp-inner:after, .item.no2 .vcenter:after, .item.no3 .vcenter:after {
    content: url(/fileadmin/templates/_images2017/lp-ausgrauen-7.png);
    position: absolute;
    right: 0;
    top: 12px
}

.item.no2 .vcenter:after, .item.no3 .vcenter:after {
    content: url(/fileadmin/templates/_images2017/lp-ausgrauen-6.png);
    position: absolute;
    right: 0;
    top: 0
}

}
_:-ms-input-placeholder, :root .item.no1 .lp-inner:after, _:-ms-input-placeholder, :root .item.no2 .vcenter:after, .item.no3 .vcenter:after {
    content: url(/fileadmin/templates/_images2017/lp-ausgrauen-7.png);
    position: absolute;
    right: 0;
    top: 12px
}

_:-ms-input-placeholder, :root .item.no2 .vcenter:after, _:-ms-input-placeholder, :root .item.no3 .vcenter:after {
    content: url(/fileadmin/templates/_images2017/lp-ausgrauen-6.png);
    position: absolute;
    right: 0;
    top: 0
}

_:-ms-input-placeholder, :root .item.no1 .lp-inner:after, _:-ms-input-placeholder, :root .item.no2 .vcenter:after, .item.no3 .vcenter:after {
    content: url(/fileadmin/templates/_images2017/lp-ausgrauen-7.png);
    position: absolute;
    right: 0;
    top: 12px
}

_:-ms-input-placeholder, :root .item.no2 .vcenter:after, _:-ms-input-placeholder, :root .item.no3 .vcenter:after {
    content: url(/fileadmin/templates/_images2017/lp-ausgrauen-6.png);
    position: absolute;
    right: 0;
    top: 0
}

.flightwrapper .description_transferangebot {
    width: 100% !important
}

.flightplan {
    position: relative;
    display: table;
    width: 100%
}

.subheadline_transfer div.flightplan {
    overflow: visible
}

.airline {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 170px;
    padding-left: .925em;
    padding-right: .925em
}

.airline_text {
    position: relative;
    font-size: 12px;
    padding-top: 0 !important;
    display: inline-block
}

.airline_text::before {
    position: relative;
    font-size: 12px
}

.airline img {
    margin-right: 10px
}

.plane-airline {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1.3
}

.flights {
    overflow: visible !important;
    position: relative;
    display: table-cell;
    padding-left: 1.625em;
    padding-right: .925em;
    vertical-align: middle;
    border-left: 2px dotted #21385c
}

.flights::before {
    content: url("data:image/svg+xml,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='3' fill='%2321385c' fill-rule='evenodd'/%3E%3C/svg%3E");
    position: absolute;
    top: -11px;
    left: -4px
}

.flights::after {
    content: url("data:image/svg+xml,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='3' fill='%2321385c' fill-rule='evenodd'/%3E%3C/svg%3E");
    position: absolute;
    bottom: -7px;
    left: -4px
}

.flights img {
    margin-right: 15px
}

@media (max-width: 640px) {
    .airline {
        width: 120px;
        padding-right: 0
    }

    .flights {
        padding-right: 0;
        padding-left: .925em
    }

    .flights img {
        min-width: 25px
    }

    .flight-date-time {
        font-size: 12px
    }
}

.flightplan + .line {
    border-top: 1px solid #E9EBEF;
    margin: 16px 0
}

.start, .land {
    padding: 8px 0 !important;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

.flight-date-time span {
    display: block;
    line-height: 1.4
}

.vorbehalt {
    margin-top: 20px;
    margin-bottom: 20px
}

.vorbehalt br {
    display: block !important;
    margin: inherit !important
}

@media (min-width: 940px) {
    .buchung ul li {
        background: #fff url(/fileadmin/templates/_images2017/backgr_Line.png) repeat-y right !important
    }

    .buchung ul.allopen {
        padding-bottom: 0 !important
    }
}

@media (min-width: 940px) {
    .tabContent div.buchung ul li.headline_transfer b {
        PLMdisplay: block;
        max-width: 580px
    }
}

.tx-asrdeck-pi1 {
    background-color: #fff;
    padding: 20px
}

.cbn .cabin-outer {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 280px;
    margin: 0 auto;
    box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1);
    border-radius: 5px;
    outline: 1px solid #efefef
}

.cbn .cabinwrapper {
    position: relative;
    width: 100%;
    height: 300px;
    overflow-x: scroll;
    overflow-y: hidden;
    overflow-y: -moz-hidden-unscrollable;
    outline: 2px solid #ccc
}

.cbn .cabinwrapper img {
    position: absolute;
    border-left: solid 40px #fff;
    border-right: solid 40px #fff;
    height: 280px;
    max-width: unset !important;
    top: 0
}

_:-ms-fullscreen, :root .cbn .cabinwrapper img {
    max-width: none
}

.cbn .turn {
    position: absolute;
    z-index: 999;
    width: 40px;
    height: 300px;
    display: table;
    vertical-align: middle
}

.cbn .turn button {
    position: absolute;
    bottom: 100px;
    height: 70px;
    width: 70px;
    border: none;
    font-size: 16px;
    font-weight: 700;
    color: #ccc;
    cursor: pointer
}

.cbn .turn div {
    position: absolute;
    bottom: 100px;
    height: 70px;
    width: 70px;
    border: none;
    font-size: 16px;
    font-weight: 700;
    color: #ccc;
    cursor: pointer
}

#moveleft {
    background: url(../_images2017/buchung/to-the-left.png) no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    outline: none
}

#moveright {
    background: url(../_images2017/buchung/to-the-right.png) no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    outline: none
}

.cbn .turn-left {
    left: 0
}

.cbn .turn-right {
    right: 0;
    margin-right: 30px
}

.cbn .trans-left {
    left: 0;
    background: #fff;
    z-index: 100;
    position: absolute;
    width: 40px;
    height: 300px;
    border-bottom: 20px solid #aeaeae;
    box-shadow: 0 4px 5px 0 rgba(0, 34, 72, .2)
}

.cbn .trans-right {
    right: 0;
    background: #fff;
    z-index: 100;
    position: absolute;
    width: 40px;
    height: 300px;
    border-bottom: 20px solid #aeaeae;
    box-shadow: 0 4px 5px 0 rgba(0, 34, 72, .2)
}

.extern-cabin-select select {
    width: auto !important
}

.extern-cabin-select h5 {
    margin-top: 16px !important
}

.legende {
    margin-top: 40px
}

.legende img {
    max-width: 45%;
    margin-right: 2%;
    vertical-align: top
}

.legende div {
    font-size: 89%
}

@media (max-width: 768px) {
    .legende img {
        max-width: 100%;
        margin-right: 0
    }
}

.tx-asrdeck-pi1 {
    padding-bottom: 25px;
    margin-bottom: 15px;
    box-shadow: 0 0 5px 0 rgba(0, 34, 72, .1);
    border-radius: 5px;
    position: relative;
    z-index: 1
}

.turn-left, .turn-right {
    cursor: pointer
}

.cabin-outer + div {
    position: relative;
    padding: 3px;
    margin-top: 10px
}

.tx-asrdeck-pi1 select {
    padding-right: 1rem;
    background-color: #21385c;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 15px;
    background-position: 100% .66rem;
    border: none;
    color: #fff;
    cursor: pointer;
    text-align: center
}

.tx-asrdeck-pi1 select option {
    background: #fff;
    color: #21385c;
    text-align: center
}

#content .csc-frame.teaser_68, #content .csc-frame.teaser_68 h2, #content .csc-frame.teaser_68 h3, #content .csc-frame.teaser_68 p {
    padding-top: 0;
    padding-bottom: 0
}

#content .csc-frame.teaser_68 {
    margin-top: 12px
}

#content .teaser_61 p + ul {
    margin-top: .55em
}

.csc-frame.teaser_68 {
    width: 100%;
    max-width: 960px;
    margin: 0 auto
}

#content > .csc-default .subcolumns.hide606 {
    padding-right: .625rem;
    padding-left: .625rem
}

.tx-asrflotte-pi1 {
    max-width: 942px
}

.tx-asrroute-pi1 .route-more {
    text-align: right;
    width: 100%;
    padding: 5px 10px 0 0
}

.tx-asrroute-pi1 .route-more img {
    margin-right: 5px;
    margin-top: -2px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media (max-width: 39.9375em) {
    .csc-textpic-imagewrap, .csc-textpic-imagewrap + div {
        display: block;
        float: none !important;
        margin-left: 0 !important;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .csc-textpic-imagewrap {
        text-align: center
    }

    .csc-textpic-imagewrap + div {
        margin-right: 0 !important
    }

    .csc-textpic div.csc-textpic-imagewrap.csc-textpic-single-image {
        margin-left: 0 !important
    }

    .csc-textpic.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap.csc-textpic-single-image {
        margin-right: 0 !important
    }
}

.teaser_69 .teaser_62 {
    background-color: transparent
}

.teaser_69 .teaser_62 .center {
    background-color: #fff
}

.teaser_62 .teaser_69 .csc-header {
    padding: 0
}

.teaser_69 .center .cta {
    padding-left: 0;
    padding-right: 0
}

.teaser_69 .cta {
    margin-bottom: 0
}

@media (max-width: 40em) {
    .teaser_62 .teaser_69 .csc-header h2 {
        padding-top: 0
    }

    #content .teaser_69 .csc-default {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (min-width: 40em) {
    .teaser_69 .csc-default, .teaser_69 .csc-frame.teaser_62 {
        overflow: hidden;
        float: left;
        width: 50%;
        clear: inherit
    }

    .teaser_69 .csc-default:nth-child(odd), .teaser_69 .csc-frame.teaser_62:nth-child(odd) {
        padding-right: 1.25rem
    }

    .teaser_69 .csc-default:nth-child(even), .teaser_69 .csc-frame.teaser_62:nth-child(even) {
        padding-left: 1.25rem
    }

    .teaser_69 .ctabutton {
        overflow: hidden
    }

    .teaser_69 .center .cta {
        padding-left: 0;
        padding-right: 0
    }

    .teaser_69 .teaser_62 {
        margin-bottom: 1.35rem
    }

    .teaser_69 .teaser_62:nth-last-of-type(2), .teaser_69 .teaser_62:nth-last-of-type(1) {
        margin-bottom: 0 !important
    }

    #content .teaser_69 .csc-frame {
        padding-bottom: 0
    }

    .teaser_69 .center .ctabutton {
        border: none;
        padding: 0
    }

    .teaser_69 .center {
        padding: 15px 50px 15px 50px;
        border: 2px solid #21385c;
        border-radius: 3px
    }

    .teaser_69 .center {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.teaser_69 .csc-default, .teaser_69 .csc-header, .teaser_69 .csc-frame.teaser_62 {
    overflow: hidden
}

#content .csc-frame.teaser_69 {
    padding-top: 0
}

#content .teaser_69 .csc-default:nth-child(1), #content .teaser_69 .csc-default:nth-child(2) {
    padding-top: 0
}

h6.aktions-button, h6.aktions-button-50, h6.aktions-button-33, p.aktions-button, p.aktions-button-long {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 40px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 48em) {
    h6.aktions-button, h6.aktions-button-50, h6.aktions-button-33, p.aktions-button, p.aktions-button-long {
        letter-spacing: .5px;
        font-size: 14px
    }
}

h6.aktions-button a, h6.aktions-button-50 a, h6.aktions-button-33 a, p.aktions-button a, p.aktions-button-long a {
    border: 1px solid #21385c;
    border-radius: 3px;
    cursor: pointer;
    display: table-cell;
    padding: 22px;
    vertical-align: middle;
    background: #21385c;
    color: #fff
}

@media (max-width: 767px) {
    h6.aktions-button p.aktions-button, p.aktions-button-long {
        padding-left: .625rem;
        padding-right: .625rem
    }

    h6.aktions-button.long, h6.aktions-button-50, h6.aktions-button-33, p.aktions-button-long {
        padding-left: 0rem;
        padding-right: 0rem
    }
}

h6.aktions-button, p.aktions-button, p.aktions-button-long {
    display: table;
    margin: 20px auto;
    overflow: hidden;
    max-width: 940px
}

h6.aktions-button.long, p.aktions-button-long {
    width: 100%;
    margin-top: 0
}

@media (min-width: 768px) {
    h6.aktions-button, p.aktions-button {
        white-space: normal
    }

    h6.aktions-button.long, p.aktions-button-long {
        white-space: inherit
    }
}

h6.aktions-button-50, h6.aktions-button-33 {
    margin-top: 20px;
    margin-bottom: 0
}

h6.aktions-button-50 a, h6.aktions-button-33 a {
    display: block;
    width: 100%
}

h6.aktions-button-50 + h6.aktions-button-50 {
    margin-bottom: 0
}

@media (min-width: 768px) {
    h6.aktions-button-50 {
        display: inline-block;
        width: 49.5%
    }

    h6.aktions-button-33 {
        display: inline-flex;
        width: 33%
    }
}

@media (max-width: 767px) {
    .tooltip {
        display: none !important
    }

    .has-tip {
        cursor: inherit
    }
}

#content .wrapper-it h2.detail-name span {
    font-weight: 400;
    font-size: 13px;
    display: inline-block;
    padding-left: 30px
}

#content .wrapper-it h2.detail-name span input {
    margin-right: 10px;
    position: relative;
    top: 2px
}

#content .wrapper-it .sticky h2.detail-name span {
    display: block;
    padding-left: 0
}

@media (min-width: 768px) {
    #content .wrapper-it .sticky h2.detail-name {
        max-width: 310px
    }

    .wrapper.angebot-for-sticky-outer.sticky .detail-name::before {
        content: url(../_images2017/teaser-single-short-ausgrauen.png)
    }
}

@media (max-width: 939px) {
    #content .wrapper-it h2.detail-name span {
        display: block;
        padding-left: 0;
        margin-top: 10px
    }
}

@media (min-width: 940px) {
    .wrapper-it {
        height: 74px
    }
}

@media (max-height: 760px) {
    .teaser_67.remove-sticky .wrapper.content {
        position: relative;
        z-index: inherit;
        bottom: inherit
    }
}

@media (max-width: 768px) {
    .teaser_67 .wrapper.content {
        position: relative
    }
}

.teaser_67 .wrapper.content.fixed-sticky {
    position: fixed;
    top: 145px;
    left: calc(50vw - 480px - 220px);
    width: auto;
    background: unset;
    bottom: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    z-index: 9;
    padding: 0
}

.teaser_67 .wrapper.content.fixed-sticky ul {
    top: 0;
    width: 200px
}

.teaser_67 .wrapper.content.fixed-sticky ul li {
    display: block;
    margin-bottom: 10px
}

.teaser_67 .wrapper.content.fixed-sticky .subcolumns {
    display: inline-block
}

.teaser_67 .wrapper.content.fixed-sticky .columns {
    padding: 0
}

#bload .seebewert_abst {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#bload .more {
    display: block;
    margin-top: 5px
}

#bload .seebewert_abst span {
    font-weight: 700
}

.ka-panel .c66l .csc-textpic-imagewrap img {
    width: 100%;
    height: auto;
    display: block
}

.responsive-video.lazy {
    width: 100%;
    height: auto;
    display: block
}

.ka-content .mail {
    background-image: none
}

.leistung_exkl_item table tbody, .getraenke-plus table tbody {
    background: transparent
}

.leistung_exkl_item table td, .getraenke-plus table td {
    font-size: 14px;
    border-bottom: 1px solid #e5e7e8;
    border-right: 1px solid #e5e7e8;
    line-height: 21px
}

.leistung_exkl_item table td p, .getraenke-plus table td p {
    line-height: 21px
}

.leistung_exkl_item table tr:first-child td, .getraenke-plus table tr:first-child td {
    vertical-align: middle;
    background: #F5F7F8
}

.leistung_exkl_item table tr td:last-child, .getraenke-plus table tr td:last-child {
    border-right: none
}

.leistung_exkl_item table tr:last-child td, .getraenke-plus table tr:last-child td {
    border-right: none
}

@media (max-width: 768px) {
    .getraenke-plus {
        display: none
    }
}

@media (max-width: 939px) {
    .tx-asrrating-pi1 h1 {
        padding-left: .75em
    }

    .tx-asrrating-pi1 h2 {
        padding-left: .75em
    }
}

@media (max-width: 768px) {
    .tx-asrrating-pi1 table.order-table tr td:first-child h3 {
        padding-right: 1.25em;
        padding-left: 0
    }
}

.child_info.active, #angebot.active .wrapper.angebot-for-sticky-outer.sticky {
    z-index: 0
}

.teaser_62 .csc-textpic-imagewrap img, .teaser_62 .csc-textpic-imagewrap data-src {
    display: block;
    width: 100%;
    height: auto !important
}

NOpicture {
    opacity: 0;
    transition: opacity 0.3s
}

.style-route .double-teaser-rte .csc-textpic-text {
    padding-bottom: 0
}

#content.style-route .csc-frame.teaser_61 {
    padding-top: 0
}

.style-route .teaser_64 .sub100 {
    margin-bottom: 0
}

.style-route h6.aktions-button.long {
    margin-bottom: 0
}

#content.style-route .csc-frame.teaser_62, .content.style-route.two-columned {
    padding-top: 0;
    padding-bottom: 0
}

.style-route .two-columned .wrap-in {
    margin-top: 1rem
}

@media (max-width: 39.9375em) {
    .style-route .two-columned .wrap-in .columns:nth-last-of-type(1) {
        margin-top: 2em
    }
}

.rotate {
    padding: 20px
}

.tx-asrdeck-pi1 .cbn {
    display: none
}

@media (min-width: 420px) {
    .rotate {
        display: none
    }

    .tx-asrdeck-pi1 .cbn {
        display: block
    }
}

.asrvideo .picture-float-desktop {
    display: none
}

.asrvideo .features-float-desktop {
    position: relative;
    top: 2rem;
    right: inherit;
    max-width: none;
    background-image: none;
    webkit-border-bottom-right-radius: 5px;
    webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 2rem
}

@media (min-width: 58.75em) {
    .asrvideo .features-float-desktop {
        padding-bottom: 2rem
    }
}

@media (min-width: 58.75em) {
    .asrvideo .features-float-desktop {
        position: absolute;
        right: 2rem;
        max-width: 300px;
        padding-bottom: 0
    }
}

.teaser-content .asrvideo .inner-card {
    overflow: hidden;
    height: auto
}

.asrvideo .teaser-features h3 {
    margin-top: 0rem !important;
    font-size: 24px;
    line-height: 26px
}

@media (min-width: 58.75em) {
    .asrvideo .teaser-features h3 {
        margin-top: 0.8rem !important
    }
}

.asrvideo .teaser-features ul {
    display: none
}

.asrvideo .teaser-features h5, .asrvideo .teaser-features h4, .asrvideo .teaser-features p {
    overflow: hidden;
    position: relative
}

@media (min-width: 58.75em) {
    .asrvideo .teaser-features h5, .asrvideo .teaser-features h4, .asrvideo .teaser-features p {
        white-space: nowrap
    }
}

.asrvideo .teaser-inclusive {
    padding: 0 0 7px 0;
    margin-bottom: 0;
    height: auto
}

.asrvideo .teaser-inclusive-icons, .asrvideo .teaser-cabins {
    padding-left: 1rem;
    padding-right: 1rem
}

.asrvideo .teaser-inclusive .incl {
    margin-top: .625rem;
    padding-left: 1rem
}

.asrvideo .teaser-features, .asrvideo .teaser-right-for-desktop {
    position: relative;
    padding-right: 0;
    float: none;
    width: 100%;
    height: auto
}

.asrvideo .teaser-right-for-desktop, .asrvideo .teaser-target {
    webkit-border-bottom-right-radius: 5px;
    webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

@media (min-width: 40em) and (max-width: 58.69em) {
    .asrvideo .flow {
        margin-top: -20px
    }
}

.asrvideo .teaser-features {
    padding: 1rem 1rem 0 1rem
}

@media (max-width: 58.69em) {
    .tx-asrangebot-pi1 .asrvideo .teaser-target {
        display: block
    }
}

.tx-asrangebot-pi1 .asrvideo .teaser-target .travel-target {
    position: relative;
    bottom: inherit;
    max-width: none;
    padding: 0 0 1rem 0;
    height: auto;
    width: 100%;
    display: block
}

@media (min-width: 58.75em) {
    .tx-asrangebot-pi1 .asrvideo .teaser-target .travel-target {
        padding: 0 1rem 1rem;
        width: auto
    }
}

@media (max-width: 58.69em) {
    .asrvideo .travel-target .button {
        margin-bottom: 0
    }
}

.asrvideo .teaser-cabins {
    max-height: none;
    padding-top: .625rem;
    padding-bottom: 0
}

.asrvideo .travel-pin {
    left: inherit;
    right: inherit;
    margin-top: -20px;
    margin-right: 1rem;
    margin-left: 1rem;
    width: auto;
    height: auto;
    position: relative;
    max-width: 240px
}

@media (min-width: 40em) and (max-width: 58.69em) {
    .asrvideo .travel-pin {
        float: right
    }
}

@media (min-width: 58.75em) {
    .asrvideo .travel-pin {
        left: .625rem;
        margin-top: -35px;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 15px
    }
}

.asrvideo .travel-pin span {
    text-align: left;
    line-height: 1.2
}

.do_off, .do_on {
    display: none
}

@media (min-width: 940px) {
    .do_off, .do_on {
        position: absolute;
        top: -18px;
        right: -15px;
        display: block;
        width: 36px;
        height: 36px;
        cursor: pointer;
        background: url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-5-5h24v24H-5z'/%3E%3Cpath d='M13.3.71a.996.996 0 0 0-1.41 0L7 5.59 2.11.7A.996.996 0 1 0 .7 2.11L5.59 7 .7 11.89a.996.996 0 1 0 1.41 1.41L7 8.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L8.41 7l4.89-4.89c.38-.38.38-1.02 0-1.4z' fill='%2321385C' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center #fff;
        border-radius: 36px;
        -webkit-box-shadow: 0 0 7px 0 rgba(0, 34, 72, .3);
        -moz-box-shadow: 0 0 7px 0 rgba(0, 34, 72, .3);
        box-shadow: 0 0 7px 0 rgba(0, 34, 72, .3);
        z-index: 1
    }

    .do_on {
        display: none
    }

    .is_off .do_on {
        display: block;
        transform: rotate(-45deg)
    }

    .is_on .do_off, .is_off .do_off {
        display: none
    }

    .features-float-desktop.is_off {
        background: transparent;
        -webkit-transition: background 0.3s ease;
        -moz-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
        transition: background 0.3s ease
    }

    .asrvideo .is_off .travel-pin, .is_off .flow, .is_off .teaser-right-for-desktop {
        opacity: 0;
        -webkit-transition: opacity 0.3s ease;
        -moz-transition: opacity 0.3s ease;
        -o-transition: background 0.3s ease;
        transition: opacity 0.3s ease
    }

    .asrvideo .is_on .travel-pin, .is_on .flow, .is_on .teaser-right-for-desktop {
        opacity: 1;
        -webkit-transition: opacity 0.3s ease;
        -moz-transition: opacity 0.3s ease;
        -o-transition: background 0.3s ease;
        transition: opacity 0.3s ease
    }

    .asrvideo .is_on .teaser-features h5::before, .asrvideo .is_on .teaser-features h4::before, .asrvideo .is_on .teaser-features p::before {
        content: '';
        position: absolute;
        right: 0;
        top: 0
    }
}

.themap {
    width: 99.9%
}

.themap.full {
    width: 100%
}

@media (max-width: 479px) {
    .themap iframe {
        display: block;
        visibility: hidden;
        width: 1px;
        position: absolute
    }

    .themap {
        background: url(../_images2017/rotate.png) no-repeat;
        min-height: 80px;
        background-size: 90px;
        background-position-y: 0
    }

    .themap::before {
        content: 'Zur Anzeige der Karte bitte das Smartphone ins Querformat drehen.';
        padding: 10px 20px 0 100px;
        min-height: 80px;
        position: relative;
        display: block;
        margin-top: 0
    }
}

@media (min-width: 480px) {
    .themap iframe {
        visibility: visible;
        position: relative;
        width: 100%
    }

    .themap {
        background: none;
        min-height: none
    }
}

.shipcard-content .themap {
    overflow: hidden
}

.shipcard-content .themap iframe {
    margin-top: -20px
}

.scrolloff {
    pointer-events: none
}

.abst-zero {
    padding-top: 0
}

.ages.long-ages {
    position: relative;
    top: 3px;
    max-width: 190px;
    line-height: 1.4;
    display: block;
    margin-bottom: 5px;
    float: left
}

@media (min-width: 768px) {
    .ages.long-ages {
        max-width: 120px
    }

    .parents {
        display: block;
        margin-left: -120px
    }
}

@media (min-width: 940px) {
    .ages.long-ages {
        max-width: 90px
    }

    .parents {
        margin-left: -190px
    }
}

@media (min-width: 768px) {
    .simple-hero {
        margin-top: -30px;
        min-height: 536px
    }

    .simple-hero .columns {
        max-width: 50%
    }

    .simple-hero .wrap-in.row {
        padding-top: 68px
    }
}

@media (max-width: 39.9375em) {
    #content .csc-frame.teaser_64.simple-hero {
        background-color: transparent !important;
        padding-top: 0
    }
}

.simple-hero {
    background-size: cover;
    background-repeat: no-repeat
}

.simple-hero .csc-header h1 {
    padding-bottom: 9px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px
}

@media (min-width: 40em) {
    .simple-hero .csc-header h1 {
        font-size: 28px;
        line-height: 42px
    }
}

#content .simple-hero .csc-default {
    padding: 0;
    margin-bottom: 0
}

.simple-hero .csc-textpic-text {
    background: #fff;
    padding: 22px 16px;
    box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .3);
    border-radius: 5px
}

.simple-hero.teaser_64 .sub100 {
    background: transparent;
    padding: 0;
    box-shadow: none
}

.simple-hero .csc-textpic-text h2 {
    padding-top: 0
}

@media (min-width: 768px) {
    .simple-hero-background {
        margin-top: -30px;
        min-height: 536px
    }
}

@media (min-width: 40em) {
    #content .csc-frame.simple-hero-background {
        padding-top: 75px
    }
}

.teaser_64.simple-hero-background .sub100 {
    margin-bottom: 20px !important
}

@media (max-width: 39.9375em) {
    #content .csc-frame.teaser_64.simple-hero-background {
        background-color: transparent !important;
        padding-top: 0;
        background-size: cover
    }
}

.simple-hero-background {
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 39.9375em) {
    .simple-hero-background .csc-default {
        background: #fff;
        padding: 22px 16px;
        box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .3);
        border-radius: 5px
    }
}

.teaser_64.simple-hero-background .sub100 {
    background: transparent
}

@media (min-width: 40em) {
    .teaser_64.simple-hero-background .sub100 {
        background: #fff
    }

    .teaser_64.simple-hero-background .sub100 .csc-default {
        padding-bottom: 0 !important
    }
}

.teaser_64.simple-hero-background .sub100 .csc-default:nth-last-of-type(1) {
    padding: 0 !important
}

#zooming.overlay {
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fffff;
    background-color: rgba(255, 255, 255, .9);
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    z-index: 111
}

#zooming.overlay {
    display: flex;
    align-items: center;
    justify-content: center
}

#zooming .modal {
    background: rgb(255, 255, 255, 1);
    padding: 0;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border--radius: 5px;
    max-width: 95vw;
    max-height: 95vh;
    text-align: center
}

#zooming .modal-close {
    position: absolute;
    top: 5px;
    right: 5px;
    stroke: #283C62;
    padding: 8px;
    fill: transparent;
    stroke-linecap: round;
    stroke-width: 5;
    cursor: pointer;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border--radius: 20px;
    background: #fff;
    z-index: 101;
    box-shadow: 0 0 5px #999
}

#zooming .modal img {
    max-height: 90vh !important;
    max-width: 90vw !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border--radius: 5px
}

.cabin-view .zoom {
    display: none
}

@media (min-width: 40em) {
    .cabin-view .zoom {
        display: block;
        cursor: pointer
    }
}

.tx-asrcabininfo-pi1 .zoom {
    display: none
}

@media (min-width: 40em) {
    .tx-asrcabininfo-pi1 .zoom {
        display: block;
        cursor: pointer
    }
}

div.static .cabininfo {
    padding: 20px
}

div.static .cabininfo div {
    margin-bottom: 10px
}

div.teaser_50 .cabininfo {
    padding-left: 0;
    line-height: 23.79px
}

@media (min-width: 40em) {
    div.teaser_50 .cabininfo {
        padding-left: 0;
        padding-top: 15px
    }
}

div.teaser_50 .cabininfo div {
    margin-bottom: 10px
}

div.teaser_50 div.cabininfo b.cabinhead {
    color: #21385c;
    font-size: 20px !important;
    font-weight: 600 !important
}

div.tx-asrcabininfo-pi1 .csc-textpic-imagewrap {
    margin-bottom: 30px
}

div.group-view {
    display: none;
    padding-top: 20px;
    background: #F5F7F8
}

div.group-view div.cabin-view {
    display: none
}

div.group-view div.detail-view {
    margin-bottom: 10px
}

div.group-view div.dt-inner-advanced {
    border: none;
    padding-top: 10px
}

@media (min-width: 768px) {
    div.group-view div.text-wrap {
        max-width: 70% !important;
        width: 70% !important
    }

    div.group-view div.inclusive {
        max-width: 70% !important;
        width: 70% !important
    }
}

@media (max-width: 768px) {
    div.group-view .detail-features {
        height: auto !important
    }
}

.ka-handler h2, .tx-asrangebot-pi1 .ka-handler h2 {
    font-family: 'Open Sans', Arial, Sans-Serif;
    position: relative;
    margin-bottom: 0 !important;
    padding-right: 1.25rem !important;
    padding-left: 3.3rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    color: #21385c !important;
    line-height: 23.79px !important;
    height: auto !important
}

.tx-asrangebot-pi1 div.ka-panel.open h2, .tx-asrangebot-pi1 div.ka-panel.close.hover h2 {
    color: #21385c
}

div.ka-panel.open h2, div.ka-panel.close.hover h2 {
    color: #21385c
}

@media (min-width: 40em) {
    .ka-handler h2 {
        padding-left: 3.25rem;
        font-size: 20px;
        line-height: 30px
    }

    .ka-handler h2 {
        padding-right: 130px
    }
}

.ka-panel.close .ka-handler h2::before {
    position: absolute;
    left: 1.25rem;
    top: 0;
    content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.ka-panel.open .ka-handler h2::before {
    position: absolute;
    left: 1.25rem;
    top: 0;
    content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.762 9L7.5 3.437 13.237 9 15 7.287 7.5 0 0 7.287z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E")
}

@media (min-width: 40em) {
    .teaser_65 .ka-panel.close .ka-handler h2::after {
        position: absolute;
        left: 80.8%;
        top: 9px;
        content: 'Details einblenden';
        font-family: 'Open Sans', Arial, Sans-Serif;
        font-weight: 400;
        font-size: 12px;
        color: #222;
        line-height: 16.79px
    }

    .teaser_65 .ka-panel.open .ka-handler h2::after {
        position: absolute;
        left: 80.8%;
        top: 9px;
        content: 'Details ausblenden';
        font-family: 'Open Sans', Arial, Sans-Serif;
        font-weight: 400;
        font-size: 12px;
        color: #222;
        line-height: 16.79px
    }
}

@media (min-width: 64em) {
    .teaser_65 .ka-panel.close .ka-handler h2::after {
        left: 86.8%
    }

    .teaser_65 .ka-panel.open .ka-handler h2::after {
        left: 86.8%
    }
}

.teaser_65 .ka-panel.open .ka-handler h2::before {
    position: absolute;
    left: 1.25rem;
    top: -3px;
    content: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.762 9L7.5 3.437 13.237 9 15 7.287 7.5 0 0 7.287z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E")
}

div.csc-default > br + br {
    display: none
}

div.csc-default > br:first-child {
    display: none
}

xDIV.csc-textpic DIV.csc-textpic-single-image {
    width: 100% !important
}

xDIV.csc-textpic DIV.csc-textpic-single-image IMG {
    width: 100% !important
}

#content .wrapper-it .sticky h2.detail-name {
    display: none
}

.fixed-sticky a.active {
    color: #21385c
}

.fixed-sticky a.active::before {
    content: "\00BB ";
    margin-right: 5px
}

div.dsgvo22gm, div.dsgvo22yt, div.dsgvo22vm {
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    padding: 20px;
    margin: 20px;
    position: relative
}

div.dsgvo22gm a, div.dsgvo22yt a, div.dsgvo22vm a {
    cursor: pointer;
    color: #21385c;
    font-weight: 600
}

div.picture-tag {
    height: 100%;
    overflow: overlay
}

div.picture-tag img.d-top {
    display: block
}

div.picture-tag img.m-bil {
    display: block
}

@media (max-width: 58.75em) {
    div.picture-tag img.d-top {
        display: none
    }

    div.picture-tag img.m-bil {
        display: block
    }
}

@media (min-width: 58.75em) {
    div.picture-tag img.d-top {
        display: block;
        float: right
    }

    div.picture-tag img.m-bil {
        display: none
    }
}

.heroteaser-2022 div.picture-tag img.d-top {
    display: none
}

.heroteaser-2022 div.picture-tag img.m-bil {
    display: block
}

.vegas-loading {
    border-radius: 10px;
    background: #000;
    background: rgba(0, 0, 0, .7);
    background: url(images/loading.gif) no-repeat center center;
    height: 32px;
    left: 20px;
    position: fixed;
    top: 20px;
    width: 32px;
    z-index: 0
}

.vegas-overlay {
    background: transparent url(overlays/01.png);
    z-index: -1
}

.vegas-background {
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality;
    max-width: none !important;
    z-index: -2
}

.vegas-overlay, .vegas-background {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#suche .meta-blue {
    z-index: 99
}

#maske #logo-seereise {
    display: none
}

#suche .breadcrumb {
    display: none
}

.wrapper.content.filter-content {
    position: relative;
    top: 0
}

.flabel {
    display: block;
    height: 30px;
    line-height: 48px
}

.wrapper.content.button-filter-mobile {
    display: none
}

#suche .wrapper.content.button-filter-mobile {
    display: block
}

@media (min-width: 768px) {
    #suche .wrapper.content.button-filter-mobile {
        display: none
    }
}

@media (min-width: 768px) {
    .flabel {
        height: 50px
    }
}

.filter-sort-mobile {
    display: block;
    padding-top: .925rem
}

#suche .content.bg-for-mob-desk {
    background: rgba(0, 0, 0, 0) linear-gradient(45deg, #64b9bd 0%, #427596 58%, #2b4d87 100%) repeat scroll 0 0;
    position: relative;
    padding-top: 1.7rem
}

.content.bg-for-mob-desk {
    background: rgba(0, 0, 0, 0) linear-gradient(45deg, #64b9bd 0%, #427596 58%, #2b4d87 100%) repeat scroll 0 0;
    position: relative;
    padding-top: 1.7rem;
    padding-bottom: 0
}

.promoheader {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24.2px;
    margin-bottom: 13px;
    margin-top: 2px;
    text-align: center
}

#ergebnis h1 {
    padding: .625rem 1.25rem
}

.searchcontent {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 20px;
    position: relative;
    width: 100%
}

.zielgebiet, .schiff, .absenden, .reisezeitraum {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
    height: 50px
}

.zielgebiet, .schiff {
    margin-bottom: 10px
}

.reisezeitraum {
    margin-bottom: 20px
}

.reisezeitraum {
    background: transparent none repeat scroll 0 0;
    border: medium none
}

.absenden {
    background: #21385c none repeat scroll 0 0;
    border: 1px solid #21385c;
    border-radius: 3px;
    cursor: pointer
}

.absenden {
    margin-bottom: 0
}

.absenden a::before {
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
    margin-right: 0;
    position: relative;
    top: 5px
}

.absenden a {
    border: medium none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: 50px;
    letter-spacing: .5px;
    line-height: 49px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.direktabsenden {
    float: right
}

@media (max-width: 768px) {
    .direktabsenden {
        display: none
    }
}

.searchcontent input, .searchcontent select, .date1 label, .searchcontent span.select2-selection__rendered {
    font-size: 14px
}

.searchcontent input, .searchcontent select {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    height: 48px;
    width: 112%
}

.wrap-date {
    display: table;
    height: 50px;
    width: 100%
}

.wrap-date .date1 {
    display: table-cell;
    vertical-align: middle
}

.date-from, .date-to {
    position: relative;
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    float: left;
    padding: 10px 1em 10px 1em;
    text-align: left;
    width: 48%
}

.searchcontent .date-to {
    float: right
}

.date-from label {
    float: left;
    position: relative;
    color: #666;
    line-height: 1.8
}

.date1 label, .searchcontent span.select2-selection__rendered {
    box-shadow: none;
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    transition: none 0s ease 0s;
    line-height: 1.8
}

.searchcontent select, .date1 label {
    float: none;
    display: block;
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg width='18' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9H4v2h2V9zm4 0H8v2h2V9zm4 0h-2v2h2V9zm-8 5H4v2h2v-2zm4 0H8v2h2v-2zm6-12h-1V0h-2v2H5V0H3v2H2C.89 2 .01 2.9.01 4L0 18a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 16H2V7h14v11z' fill='%238692A7' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat scroll 93% center
}

@media (min-width: 768px) {
    .searchcontent select, .date1 label {
        background-position: 90% center
    }
}

@media (min-width: 780px) {
    .searchcontent select, .date1 label {
        background-position: 85% center
    }
}

.wrap-date .date1 label span {
    display: none
}

.wrap-date .date1 input {
    margin: 8px 0 0 0;
    padding: 1px;
    width: 1px;
    height: 0;
    position: absolute;
    left: 0;
    opacity: 0
}

.wrap-date .date1 .dto input {
    left: -5px
}

.pills {
    display: block;
    float: none
}

.pills-inner div {
    background: #e9ebef none repeat scroll 0 0;
    border-radius: 3px;
    color: #222;
    display: table;
    float: left;
    font-size: 12px;
    margin-bottom: 15px;
    margin-right: 15px;
    position: relative
}

@media (max-width: 767px) {
    .pills-and-more {
        position: relative;
        width: 100%
    }

    .pills-inner div {
        margin-bottom: 0
    }

    .pills-inner {
        max-height: 45px;
        overflow-x: scroll;
        white-space: nowrap;
        width: 100%
    }

    .pills-inner div {
        display: inline-block;
        float: none;
        font-size: 12px;
        margin-bottom: 5px;
        position: relative;
        margin-right: 10px;
        margin-top: 3px
    }

    div.pillslabel {
        background: none
    }

    div.pillslabel span {
        display: table-cell;
        height: 30px;
        vertical-align: middle;
        background: none
    }

    #ergebnis h1 {
        font-size: 18px
    }
}

.pills-inner a {
    display: table-cell;
    height: 30px;
    vertical-align: middle
}

.pills-inner a span::before {
    content: url("data:image/svg+xml,%3Csvg width='31' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h28c1.657 0 3 1.347 3 3v24c0 1.657-1.352 3-3 3H0V0z' fill='%23D2D6DE'/%3E%3Cpath d='M15.5 16.666l3.75 3.75.584.584L21 19.834l-.583-.584-3.75-3.75 3.75-3.75.583-.584L19.834 10l-.584.583-3.75 3.75-3.75-3.75-.584-.583L10 11.166l.583.584 3.75 3.75-3.75 3.75-.583.584L11.166 21l.584-.583 3.75-3.75z' fill='%238692A7' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px
}

.pills-inner a span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 40px 0 10px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap
}

.pills-inner div.newitem a {
    border-radius: 3px;
    background-color: #e9ebef;
    color: #21385c;
    animation-name: greento;
    animation-duration: 5s
}

@keyframes greento {
    from {
        background-color: #50B629;
        color: #fff
    }
    60% {
        background-color: #50B629;
        color: #fff
    }
    to {
        background-color: #e9ebef;
        color: #21385c
    }
}

@media (min-width: 768px) {
    .pills-inner div {
        display: inline-block
    }

    .pills-inner a {
        display: block
    }
}

_:-ms-fullscreen, :root .pills-inner div.newitem a {
    height: 29px
}

.filterblock {
    x-color: #21385c;
    font-weight: 500 !important
}

span.select2-container {
    color: #21385c !important;
    font-weight: 500 !important
}

.filterblock input, .filterblock select, .filterblock select option {
    margin-bottom: 0;
    position: relative;
    z-index: 9;
    height: 50px;
    color: #21385c;
    font-size: 14px;
    background-color: # #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: none;
    display: block;
    font-family: inherit;
    font-weight: 500;
    cursor: pointer;
    background: #fff url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 92.7% 52%
}

@media (min-width: 420px) {
    #suche .filterblock input, #suche .filterblock select {
        background-position: 93.7% 52%
    }
}

@media (min-width: 640px) {
    #suche .filterblock input, #suche .filterblock select {
        background-position: 94.7% 52%
    }
}

@media (min-width: 880px) {
    #suche .filterblock input, #suche .filterblock select {
        background-position: 88.7% 52%
    }
}

.filterblock input:focus, .filterblock select:focus {
    border: 1px solid #d6d6d6
}

.columns.transport .selectborder, .columns.tarif .selectborder {
    position: relative;
    overflow: hidden;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 3px !important;
    background: #fff
}

#suche .content.bg-grey, #suche .content.bg-white {
    padding-top: .925rem;
    padding-bottom: .925rem;
    position: relative;
    z-index: 1;
    overflow: visible
}

#suche .content.bg-white {
    padding-bottom: 0
}

.filter-content .row {
    padding-bottom: 0
}

.ac_results {
    z-index: 105
}

.ac_results {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-left: 1px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0
}

.ac_results ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%
}

.ac_results li {
    padding: 4px 5px
}

.ac_results li {
    cursor: default;
    display: block;
    color: #666;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    padding: 4px 5px
}

.ac_results li:hover, .ac_results li.ac_even:hover {
    background: #21385c;
    color: #fff
}

.ac_results li.ac_even {
    background: #F5F7F8
}

@media (max-width: 767px) {
    #maske {
        height: auto !important
    }

    .filter-sort-mobile .filter-button::before {
        content: url("data:image/svg+xml,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.667 15h1.666v-5h-1.666v5zm-10 0h1.666V6.667H1.667V15zM15 6.667h-1.667V0h-1.666v6.667H10v1.666h5V6.667zm-10 5h1.667V15h1.666v-3.333H10V10H5v1.667zM8.333 0H6.667v8.333h1.666V0zM5 5V3.333H3.333V0H1.667v3.333H0V5h5z' fill-rule='nonzero' fill='%2321385c'/%3E%3C/svg%3E");
        margin-right: 5px;
        position: relative;
        top: 2px
    }

    .filter-sort-mobile .filter-button {
        display: inline-block;
        border-radius: 3px;
        float: left;
        color: #222;
        cursor: pointer;
        font-weight: 400;
        letter-spacing: 0;
        line-height: normal;
        white-space: nowrap;
        width: 49%;
        height: 47px;
        line-height: 47px;
        padding: 0 10px;
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 100%) repeat scroll 0 0;
        border: 1px solid #d1d1d1;
        text-align: center
    }

    .filter-sort-mobile .filter-button::after {
        content: ' einblenden'
    }

    .filter-sort-mobile .filter-button.on::after {
        content: ' ausblenden'
    }

    .sort-by {
        display: inline-block;
        width: 49%;
        background: url(/fileadmin/templates/_images2017/ic-arrow-down-45px.png) no-repeat right 38% #fff;
        position: relative;
        float: none
    }

    .sort-by select {
        height: 30px;
        margin: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: .3rem;
        padding-right: 33px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #d1d1d1;
        border-radius: 3px;
        background-color: transparent;
        font-family: inherit;
        font-size: 14px;
        line-height: normal;
        color: #222;
        background-image: url(/fileadmin/templates/img/select-ausgrauen.png);
        background-origin: content-box;
        background-position: right -.16rem center;
        background-repeat: no-repeat;
        background-size: 3px 45px;
        padding-right: 1.5rem;
        transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
        width: 100%
    }

    .sort-by select option {
        text-align: left
    }

    .filter-content .columns {
        padding-bottom: .625rem
    }

    .filter-content .row:last-child .columns:last-child {
        padding-bottom: 0
    }
}

@media (min-width: 768px) {
    .sort-by select {
        text-align: center
    }
}

@media (min-width: 768px) {
    .sort-by select {
        text-align: left
    }
}

@media (max-width: 63.9375emem) {
    .filter-content .row:last-child .columns:first-child {
        display: none
    }

    .filter-content .medium-up-2 > .column:nth-of-type(2n+1), .filter-content .medium-up-2 > .columns:nth-of-type(2n+1) {
        clear: inherit
    }
}

@media (min-width: 768px) {
    .filter-content .row {
        padding-bottom: .925rem
    }

    .filter-content .row:nth-last-child(1) {
        padding-bottom: 0
    }

    .button-filter-mobile {
        display: none
    }

    .content.bg-grey {
        background: #FFF;
        overflow: hidden;
        border-top: 1px solid #e9ebef
        color: #333
    }

    .bg-white {
        background: #fff;
        overflow: hidden;
        box-shadow: 0 4px 5px 0 rgba(0, 34, 72, .1);
        border-top: 1px solid #e9ebef
    }

    .search-wrapper {
        position: relative;
        padding-left: 285px;
        padding-top: .925rem;
        padding-bottom: .925rem;
        width: 100%
    }

    .searchcontent {
        padding-bottom: 0
    }

    .schiff, .zielgebiet, .reisezeitraum {
        margin-bottom: 0;
        width: 23%;
        float: left;
        border-radius: 0
    }

    .reisezeitraum {
        width: 46%;
        border-top: 1px solid #e9ebef;
        border-bottom: 1px solid #e9ebef
    }

    .zielgebiet {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px
    }

    .date-from, .date-to {
        padding: 12px 0 0 1.3em;
        height: 50px
    }

    .date-from {
        width: 49.5%;
        border-radius: 0
    }

    .absenden {
        border-radius: 0 3px 3px 0;
        width: 8%;
        background: url("data:image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50% center #21385c
    }

    .absenden.direktabsenden {
        width: 206px;
        height: 44px;
        border-radius: 3px;
        background-position: 93% 50%;
        position: relative;
        top: 2px
    }

    .absenden.direktabsenden a {
        text-indent: 12px;
        line-height: 2.9;
        text-align: left
    }

    .part_two .absenden {
        border: 2px solid #fff
    }

    .absenden a::before {
        content: ''
    }

    .absenden a {
        text-indent: -9999px
    }

    .ac_results {
        position: fixed !important
    }

    #suche .content.bg-for-mob-desk {
        padding-top: 0;
        background: #fff
    }

    .pills-and-more {
        position: relative;
        display: table;
        overflow: hidden;
        width: 100%
    }

    .pills-inner {
        min-height: 45px
    }

    .filter-content .row.medium-up-2.large-up-4 .filter-button {
        opacity: 0
    }

    .filter-button.desktop {
        display: none
    }

    .filter-button.desktop {
        display: table-cell;
        position: absolute;
        top: -65px;
        left: 5px;
        float: left;
        background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.667 15h1.666v-5h-1.666v5zm-10 0h1.666V6.667H1.667V15zM15 6.667h-1.667V0h-1.666v6.667H10v1.666h5V6.667zm-10 5h1.667V15h1.666v-3.333H10V10H5v1.667zM8.333 0H6.667v8.333h1.666V0zM5 5V3.333H3.333V0H1.667v3.333H0V5h5z' fill-rule='nonzero' fill='%23283C62'/%3E%3C/svg%3E") no-repeat scroll left center;
        border-radius: 0;
        color: #222;
        cursor: pointer;
        font-weight: 400;
        height: auto;
        letter-spacing: 0;
        line-height: normal;
        padding-left: 20px;
        text-align: left;
        text-transform: inherit;
        width: auto;
        margin-right: .925rem;
        vertical-align: top;
        white-space: nowrap;
        z-index: 10000
    }

    .bg-grey[style*="none"] + .bg-white > .wrap-in.row > .columns .filter-button.desktop {
        position: relative;
        top: -8px;
        left: inherit
    }

    .filter-button.desktop.off::after {
        content: ' einblenden'
    }

    .filter-button.desktop::after {
        content: ' ausblenden'
    }

    .sort-by.desktop {
        display: table-cell;
        float: none;
        vertical-align: top
    }

    .pills {
        display: table-cell;
        float: none;
        vertical-align: top;
        width: 100%
    }

    .sort-by.desktop {
        background: #fff url(../_images2017/ic-arrow-down-select.png) no-repeat scroll right 53%;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .03), 0 3px 1px -2px rgba(0, 0, 0, .03), 0 1px 5px 0 rgba(0, 0, 0, .03);
        color: #666;
        float: right;
        height: 34px;
        margin: 0 3px 0 0;
        max-width: 210px;
        min-width: 210px;
        position: relative;
        right: inherit;
        width: 20%
    }

    .sort-by.desktop select[name="sort"], .sort-by.desktop select {
        height: auto;
        margin: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: .3rem;
        padding-right: 33px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #d1d1d1;
        border-radius: 3px;
        background-color: transparent;
        font-family: inherit;
        font-size: 14px;
        line-height: normal;
        color: #222;
        background-image: url(/fileadmin/templates/img/select-ausgrauen.png);
        background-origin: content-box;
        background-position: right -.16rem center;
        background-repeat: no-repeat;
        background-size: 3px 45px;
        padding-right: 1.5rem;
        transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
        width: 100%
    }

    .sort-by.desktop select:focus {
        box-shadow: none
    }

    @media (min-width: 768px) {
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
            .sort-by.desktop select[name="sort"], .sort-by.desktop select {
                height: 34px
            }
        }
    }.promoheader {
         display: none
     }

    #maske .sticky #logo-seereise {
        display: inline-block;
        width: 252px;
        left: 0;
        position: absolute;
        text-indent: -9999px;
        top: .95rem
    }

    .bg-grey {
        background: #F5F7F8;
        overflow: hidden
    }

    .bg-white {
        background: #fff;
        overflow: hidden
    }

    .content.bg-for-mob-desk {
        padding-top: 0;
        background: #fff;
        padding-bottom: 0
    }

    #stickysuche {
        width: 100%;
        background: #fff;
        overflow: hidden;
        padding-top: 20px
    }

    .tx-asrsuche-pi1 .sticky {
        position: fixed;
        top: 40px;
        left: 0;
        z-index: 2;
        box-shadow: 0 4px 5px 0 rgba(0, 34, 72, .1)
    }

    _:-ms-fullscreen, :root .tx-asrsuche-pi1 .sticky {
        box-shadow: none
    }

    .sticky .content.bg-for-mob-desk {
        z-index: 4
    }

    .sticky .searchcontent {
        z-index: 100
    }
}

.bg-white {
    display: none
}

#suche .bg-white {
    display: block
}

.change-search, .scroll-search {
    clear: both;
    display: block;
    padding-bottom: 10px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative;
    width: 100%;
    background: #fff;
    margin-top: -8px;
    box-shadow: 0 4px 5px 0 rgba(0, 34, 72, .1)
}

.change-search-button::before {
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
    margin-right: 5px;
    position: relative;
    top: 5px
}

.change-search-button {
    background: #21385c none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    height: 50px;
    letter-spacing: .5px;
    line-height: 49px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600
}

@media (min-width: 768px) {
    .change-search, .scroll-search {
        display: none
    }
}

.ui-widget {
    font-family: 'Open Sans', Arial
}

.ui-datepicker {
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 6px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -11px;
    top: 50%;
    margin-top: -10px
}

.ui-datepicker .ui-datepicker-next span {
    margin-left: -7px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
    text-indent: 4px
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .4em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0 .2em .4em;
    cursor: pointer;
    padding: .3em .6em .2em;
    width: auto;
    overflow: visible;
    font-size: 14px;
    font-weight: 600
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    border: 1px solid #fff
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: 600;
    color: #21385c
}

.ui-datepicker-close.ui-state-default {
    line-height: 23px
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #c77405
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
    color: #c77405;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #eb8f00
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    background-image: none;
    opacity: .35
}

select.ui-datepicker-month, select.ui-datepicker-year {
    background: url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 93.7% 52% #fff
}

select.ui-datepicker-month {
    margin-right: 0.1rem !important
}

select.ui-datepicker-year {
    margin-left: 0.1rem !important
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    background-image: none;
    opacity: .35
}

.ui-widget {
    font-size: 17px
}

.ui-widget .ui-datepicker-title {
    font-size: 14px
}

.ui-widget-content {
    background-image: none;
    background-color: #fff
}

#ui-datepicker-div {
    background: #fff !important;
    opacity: 1 !important
}

.ui-widget-header {
    background-image: none;
    background-color: #21385c;
    border: 1px solid #21385c
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    height: auto;
    padding: inherit
}

.ui-datepicker-calendar .ui-state-default, .ui-datepicker th {
    color: #666;
    font-weight: 600;
    font-size: 15px
}

.ui-datepicker-calendar .ui-state-default {
    font-size: 18px
}

.ui-icon-circle-triangle-w {
    background: url(../_images2017/icon-calendar-left.png) no-repeat center !important
}

.ui-icon-circle-triangle-e {
    background: url(../_images2017/icon-calendar-right.png) no-repeat center !important
}

.ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all {
    border: none
}

.ui-datepicker-header .ui-state-hover {
    background-image: none;
    background-color: #8692A7
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center
}

.ui-widget-content .ui-state-default {
    background-color: #fff
}

.ui-state-default.ui-state-active, .ui-state-default.ui-state-hover {
    color: #fff;
    border: 1px solid #21385c;
    background-image: none;
    background-color: #21385c
}

.ui-icon {
    width: 20px;
    height: 20px;
    outline: none;
    text-indent: -9999px
}

@media (max-width: 640px) {
    #ui-datepicker-div {
        left: 4% !important
    }

    .ui-datepicker {
        width: 92%;
        margin: 0 auto
    }

    #suche #ui-datepicker-div {
        position: fixed !important;
        top: 15px !important
    }
}

.anpassen {
    display: none
}

#suche .scheck span {
    color: #FFF
}

.searchplus, .searchminus {
    display: block;
    padding: 0 0 0 1.33rem;
    margin: .2rem 0;
    color: #fff;
    cursor: pointer;
    position: relative
}

.searchcheck {
    display: block;
    padding: 0;
    margin: .2rem 0;
    color: #fff;
    cursor: pointer;
    position: relative
}

.searchplus::before, .searchminus::before {
    position: absolute;
    top: 5px;
    left: 2px;
    content: '';
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg width='23' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M.885 15.885L7.755 9 .885 2.115 3 0l9 9-9 9z'/%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M11.885 15.885L18.755 9l-6.87-6.885L14 0l9 9-9 9z'/%3E%3Cpath d='M-7-9h36v36H-7z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100%
}

#suche .cp_ziel .zielgebiet, #suche .cp_reed .schiff, #suche .cp_anre .date-to, #suche .cp_abre .date-from, #suche .cruneo-date-from .selectborder, #suche .shafen .selectborder, #suche .uhafen .selectborder, #suche .zhafen .selectborder, #suche .angebot .selectborder, #suche .routenname .selectborder, #suche .country .selectborder {
    width: 100%;
    padding: 0;
    height: 50px
}

#suche .cd-top {
    height: 44px;
    width: 200px;
    right: 30px;
    bottom: 30px;
    border-radius: 3px;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='200' height='50' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M57.082 28.286c0 .889-.321 1.586-.964 2.092-.642.506-1.529.759-2.659.759s-2.055-.176-2.775-.527v-1.545c.455.215.94.383 1.452.506.513.123.99.185 1.432.185.647 0 1.125-.123 1.432-.37.308-.245.462-.576.462-.99 0-.374-.141-.69-.424-.95-.282-.26-.866-.568-1.75-.924-.911-.369-1.554-.79-1.928-1.264-.373-.474-.56-1.044-.56-1.71 0-.833.296-1.49.888-1.968.593-.478 1.388-.718 2.386-.718.957 0 1.91.21 2.858.63l-.52 1.332c-.889-.373-1.682-.56-2.379-.56-.528 0-.93.115-1.203.345-.273.23-.41.534-.41.912 0 .26.055.482.164.667.11.185.29.359.54.523.25.164.702.38 1.354.65.733.305 1.271.59 1.613.854.342.264.592.563.752.895.16.333.239.725.239 1.176zm9.969-7.28v6.467c0 .738-.159 1.384-.476 1.938-.316.553-.774.98-1.374 1.278-.599.298-1.315.448-2.15.448-1.239 0-2.203-.328-2.891-.985-.688-.656-1.032-1.558-1.032-2.707v-6.44h1.64v6.324c0 .825.192 1.433.575 1.825.382.392.97.588 1.763.588 1.54 0 2.31-.809 2.31-2.427v-6.31h1.635zm7.008 1.258c-.939 0-1.677.332-2.215.998-.537.665-.806 1.583-.806 2.755 0 1.226.258 2.153.776 2.782.517.629 1.265.943 2.245.943a5.9 5.9 0 0 0 1.23-.126c.397-.085.81-.193 1.238-.325v1.401c-.784.297-1.673.445-2.666.445-1.463 0-2.586-.443-3.37-1.33-.784-.886-1.176-2.154-1.176-3.804 0-1.04.19-1.948.57-2.728.381-.779.932-1.376 1.652-1.79.72-.415 1.565-.623 2.536-.623 1.02 0 1.964.214 2.83.643l-.588 1.36c-.337-.16-.694-.3-1.07-.42a3.854 3.854 0 0 0-1.186-.181zM86.762 31h-1.64v-4.505h-4.608V31H78.88v-9.994h1.634v4.088h4.607v-4.088h1.641V31zm8.485 0h-5.653v-9.994h5.653v1.38h-4.02v2.721h3.767v1.368h-3.766v3.137h4.02V31zm12.397 0l-.998-2.775h-3.821L101.847 31h-1.722l3.74-10.035h1.776L109.381 31h-1.737zm-1.428-4.184l-.937-2.72c-.068-.183-.163-.47-.284-.862-.12-.392-.204-.679-.25-.861a15.32 15.32 0 0 1-.54 1.839l-.901 2.604h2.912zM119.226 31h-2.003l-4.915-7.964h-.054l.034.444c.063.848.095 1.623.095 2.325V31H110.9v-9.994h1.982l4.902 7.923h.04c-.008-.105-.027-.487-.054-1.145a39.565 39.565 0 0 1-.04-1.542v-5.236h1.496V31zm9.456-6.973c0 1.044-.342 1.844-1.025 2.4-.684.556-1.657.834-2.92.834H123.7V31h-1.634v-9.994h2.878c1.248 0 2.184.255 2.806.765.622.51.933 1.263.933 2.256zm-4.983 1.86h.868c.838 0 1.454-.146 1.846-.438.391-.291.587-.747.587-1.367 0-.574-.175-1.003-.526-1.285-.35-.283-.898-.424-1.64-.424h-1.135v3.514zM136.38 31l-.998-2.775h-3.821L130.584 31h-1.722l3.739-10.035h1.777L138.118 31h-1.737zm-1.429-4.184l-.936-2.72a16.8 16.8 0 0 1-.284-.862c-.12-.392-.204-.679-.25-.861a15.32 15.32 0 0 1-.54 1.839l-.902 2.604h2.912zm10.447 1.47c0 .889-.32 1.586-.963 2.092s-1.53.759-2.66.759c-1.13 0-2.055-.176-2.775-.527v-1.545c.456.215.94.383 1.453.506.512.123.99.185 1.432.185.647 0 1.124-.123 1.432-.37.307-.245.461-.576.461-.99 0-.374-.141-.69-.424-.95-.282-.26-.865-.568-1.75-.924-.911-.369-1.554-.79-1.927-1.264-.374-.474-.56-1.044-.56-1.71 0-.833.295-1.49.888-1.968.592-.478 1.388-.718 2.386-.718.957 0 1.91.21 2.857.63l-.52 1.332c-.888-.373-1.681-.56-2.378-.56-.53 0-.93.115-1.204.345-.273.23-.41.534-.41.912 0 .26.055.482.164.667.11.185.29.359.54.523.251.164.702.38 1.354.65.734.305 1.271.59 1.613.854.342.264.593.563.752.895.16.333.24.725.24 1.176zm7.898 0c0 .889-.322 1.586-.964 2.092-.643.506-1.53.759-2.66.759-1.13 0-2.055-.176-2.775-.527v-1.545c.456.215.94.383 1.453.506.513.123.99.185 1.432.185.647 0 1.125-.123 1.432-.37.308-.245.462-.576.462-.99 0-.374-.142-.69-.424-.95-.283-.26-.866-.568-1.75-.924-.912-.369-1.554-.79-1.928-1.264-.374-.474-.56-1.044-.56-1.71 0-.833.296-1.49.888-1.968.593-.478 1.388-.718 2.386-.718.957 0 1.91.21 2.857.63l-.52 1.332c-.888-.373-1.68-.56-2.378-.56-.529 0-.93.115-1.203.345-.274.23-.41.534-.41.912 0 .26.054.482.164.667.109.185.289.359.54.523.25.164.701.38 1.353.65.734.305 1.272.59 1.613.854.342.264.593.563.752.895.16.333.24.725.24 1.176zM161.085 31h-5.654v-9.994h5.654v1.38h-4.02v2.721h3.767v1.368h-3.767v3.137h4.02V31zm10.686 0h-2.003l-4.915-7.964h-.055l.034.444c.064.848.096 1.623.096 2.325V31h-1.483v-9.994h1.982l4.902 7.923h.04c-.009-.105-.027-.487-.054-1.145a39.565 39.565 0 0 1-.041-1.542v-5.236h1.497V31z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%2321385c' fill-rule='nonzero' d='M0 0h200v50H0z'/%3E%3Cpath d='M34.5 28h-.79l-.28-.27A6.471 6.471 0 0 0 35 23.5a6.5 6.5 0 1 0-6.5 6.5c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L39.49 33l-4.99-5zm-6 0c-2.49 0-4.5-2.01-4.5-4.5s2.01-4.5 4.5-4.5 4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5z' fill='%23FFF' fill-rule='nonzero'/%3E%3Cpath d='M19 14h24v24H19z'/%3E%3Cg%3E%3Cuse fill='%23000' xlink:href='%23a'/%3E%3Cuse fill='%23FFF' xlink:href='%23a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

#suche #scrolloben .cd-top {
    position: absolute;
    right: .625rem;
    height: 44px;
    width: 200px;
    left: inherit;
    top: 18px;
    border-radius: 3px;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='200' height='50' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M57.082 28.286c0 .889-.321 1.586-.964 2.092-.642.506-1.529.759-2.659.759s-2.055-.176-2.775-.527v-1.545c.455.215.94.383 1.452.506.513.123.99.185 1.432.185.647 0 1.125-.123 1.432-.37.308-.245.462-.576.462-.99 0-.374-.141-.69-.424-.95-.282-.26-.866-.568-1.75-.924-.911-.369-1.554-.79-1.928-1.264-.373-.474-.56-1.044-.56-1.71 0-.833.296-1.49.888-1.968.593-.478 1.388-.718 2.386-.718.957 0 1.91.21 2.858.63l-.52 1.332c-.889-.373-1.682-.56-2.379-.56-.528 0-.93.115-1.203.345-.273.23-.41.534-.41.912 0 .26.055.482.164.667.11.185.29.359.54.523.25.164.702.38 1.354.65.733.305 1.271.59 1.613.854.342.264.592.563.752.895.16.333.239.725.239 1.176zm9.969-7.28v6.467c0 .738-.159 1.384-.476 1.938-.316.553-.774.98-1.374 1.278-.599.298-1.315.448-2.15.448-1.239 0-2.203-.328-2.891-.985-.688-.656-1.032-1.558-1.032-2.707v-6.44h1.64v6.324c0 .825.192 1.433.575 1.825.382.392.97.588 1.763.588 1.54 0 2.31-.809 2.31-2.427v-6.31h1.635zm7.008 1.258c-.939 0-1.677.332-2.215.998-.537.665-.806 1.583-.806 2.755 0 1.226.258 2.153.776 2.782.517.629 1.265.943 2.245.943a5.9 5.9 0 0 0 1.23-.126c.397-.085.81-.193 1.238-.325v1.401c-.784.297-1.673.445-2.666.445-1.463 0-2.586-.443-3.37-1.33-.784-.886-1.176-2.154-1.176-3.804 0-1.04.19-1.948.57-2.728.381-.779.932-1.376 1.652-1.79.72-.415 1.565-.623 2.536-.623 1.02 0 1.964.214 2.83.643l-.588 1.36c-.337-.16-.694-.3-1.07-.42a3.854 3.854 0 0 0-1.186-.181zM86.762 31h-1.64v-4.505h-4.608V31H78.88v-9.994h1.634v4.088h4.607v-4.088h1.641V31zm8.485 0h-5.653v-9.994h5.653v1.38h-4.02v2.721h3.767v1.368h-3.766v3.137h4.02V31zm12.397 0l-.998-2.775h-3.821L101.847 31h-1.722l3.74-10.035h1.776L109.381 31h-1.737zm-1.428-4.184l-.937-2.72c-.068-.183-.163-.47-.284-.862-.12-.392-.204-.679-.25-.861a15.32 15.32 0 0 1-.54 1.839l-.901 2.604h2.912zM119.226 31h-2.003l-4.915-7.964h-.054l.034.444c.063.848.095 1.623.095 2.325V31H110.9v-9.994h1.982l4.902 7.923h.04c-.008-.105-.027-.487-.054-1.145a39.565 39.565 0 0 1-.04-1.542v-5.236h1.496V31zm9.456-6.973c0 1.044-.342 1.844-1.025 2.4-.684.556-1.657.834-2.92.834H123.7V31h-1.634v-9.994h2.878c1.248 0 2.184.255 2.806.765.622.51.933 1.263.933 2.256zm-4.983 1.86h.868c.838 0 1.454-.146 1.846-.438.391-.291.587-.747.587-1.367 0-.574-.175-1.003-.526-1.285-.35-.283-.898-.424-1.64-.424h-1.135v3.514zM136.38 31l-.998-2.775h-3.821L130.584 31h-1.722l3.739-10.035h1.777L138.118 31h-1.737zm-1.429-4.184l-.936-2.72a16.8 16.8 0 0 1-.284-.862c-.12-.392-.204-.679-.25-.861a15.32 15.32 0 0 1-.54 1.839l-.902 2.604h2.912zm10.447 1.47c0 .889-.32 1.586-.963 2.092s-1.53.759-2.66.759c-1.13 0-2.055-.176-2.775-.527v-1.545c.456.215.94.383 1.453.506.512.123.99.185 1.432.185.647 0 1.124-.123 1.432-.37.307-.245.461-.576.461-.99 0-.374-.141-.69-.424-.95-.282-.26-.865-.568-1.75-.924-.911-.369-1.554-.79-1.927-1.264-.374-.474-.56-1.044-.56-1.71 0-.833.295-1.49.888-1.968.592-.478 1.388-.718 2.386-.718.957 0 1.91.21 2.857.63l-.52 1.332c-.888-.373-1.681-.56-2.378-.56-.53 0-.93.115-1.204.345-.273.23-.41.534-.41.912 0 .26.055.482.164.667.11.185.29.359.54.523.251.164.702.38 1.354.65.734.305 1.271.59 1.613.854.342.264.593.563.752.895.16.333.24.725.24 1.176zm7.898 0c0 .889-.322 1.586-.964 2.092-.643.506-1.53.759-2.66.759-1.13 0-2.055-.176-2.775-.527v-1.545c.456.215.94.383 1.453.506.513.123.99.185 1.432.185.647 0 1.125-.123 1.432-.37.308-.245.462-.576.462-.99 0-.374-.142-.69-.424-.95-.283-.26-.866-.568-1.75-.924-.912-.369-1.554-.79-1.928-1.264-.374-.474-.56-1.044-.56-1.71 0-.833.296-1.49.888-1.968.593-.478 1.388-.718 2.386-.718.957 0 1.91.21 2.857.63l-.52 1.332c-.888-.373-1.68-.56-2.378-.56-.529 0-.93.115-1.203.345-.274.23-.41.534-.41.912 0 .26.054.482.164.667.109.185.289.359.54.523.25.164.701.38 1.353.65.734.305 1.272.59 1.613.854.342.264.593.563.752.895.16.333.24.725.24 1.176zM161.085 31h-5.654v-9.994h5.654v1.38h-4.02v2.721h3.767v1.368h-3.767v3.137h4.02V31zm10.686 0h-2.003l-4.915-7.964h-.055l.034.444c.064.848.096 1.623.096 2.325V31h-1.483v-9.994h1.982l4.902 7.923h.04c-.009-.105-.027-.487-.054-1.145a39.565 39.565 0 0 1-.041-1.542v-5.236h1.497V31z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%2321385c' fill-rule='nonzero' d='M0 0h200v50H0z'/%3E%3Cpath d='M34.5 28h-.79l-.28-.27A6.471 6.471 0 0 0 35 23.5a6.5 6.5 0 1 0-6.5 6.5c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L39.49 33l-4.99-5zm-6 0c-2.49 0-4.5-2.01-4.5-4.5s2.01-4.5 4.5-4.5 4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5z' fill='%23FFF' fill-rule='nonzero'/%3E%3Cpath d='M19 14h24v24H19z'/%3E%3Cg%3E%3Cuse fill='%23000' xlink:href='%23a'/%3E%3Cuse fill='%23FFF' xlink:href='%23a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

#suche #scrolloben {
    opacity: 0
}

#suche .pills-inner div.pillslabel span i {
    font-style: normal
}

@media (max-width: 767px) {
    #suche .cd-top {
        right: 10px;
        bottom: 60px
    }

    #suche .pills-inner div.pillslabel span i {
        display: none
    }
}

#suche .cookie-wrap {
    display: none
}

@media (min-width: 768px) {
    #suche .cookie-wrap {
        xbottom: auto;
        xtop: 104px;
        padding: .1em 1.8em;
        z-index: 9
    }

    #suche .cookievisible {
        xheight: auto;
        height: 60px
    }

    #suche .header-white {
        z-index: 9
    }

    #suche .tx-asrsuche-pi1 .sticky {
        position: relative;
        top: inherit;
        left: inherit
    }

    #suche header {
        height: 120px
    }

    #suche .search-wrapper {
        display: none
    }

    #suche .date-to label, #suche .date-from label, #suche .belegung label {
        display: none
    }

    #suche .filterblock .scheck {
        padding-bottom: 10px
    }

    #suche .anpassen {
        display: inline-block;
        position: fixed;
        bottom: 95px;
        right: 30px;
        z-index: 99999
    }

    #suche .logo-wrap {
        display: none
    }

    #suche .filter-content .absenden, #suche .anpassen {
        width: auto;
        padding-left: 20px;
        padding-right: 30px;
        border-radius: 5px;
        display: inline-block;
        float: right;
        background-image: none;
        background-color: #21385c
    }

    #suche .anpassen {
        margin-bottom: 5px
    }

    #suche .filter-content .absenden a, #suche .anpassen a {
        text-indent: inherit;
        width: auto;
        overflow: hidden;
        color: #fff;
        height: 50px;
        letter-spacing: .5px;
        line-height: 49px
    }

    #suche .filter-content .absenden a::before, #suche .anpassen a::before {
        content: url(/fileadmin/templates/_images2017/lupe-suche.png);
        position: relative;
        margin-right: 10px;
        margin-top: 4px
    }

    #suche .anpassen a::before {
        position: relative;
        top: 4px
    }

    #suche .pills-inner div.pillslabel {
        margin-bottom: 0;
        background: none;
        font-size: inherit;
        vertical-align: middle
    }

    #suche .pills-inner div.pillslabel span {
        vertical-align: middle;
        position: relative;
        top: 3px
    }

    #suche .bluebottomnav {
        display: none
    }
}

@media (min-width: 769px) and (max-width: 1023px) {
    #suche .filter-content .row {
        padding-bottom: 0
    }
}

.filterblock .scheck input {
    position: relative;
    margin-right: 3px;
    height: auto;
    display: inline
}

.filter-content .columns.empty {
    display: none
}

.paxes {
    position: relative;
    height: 50px;
    width: 100%;
    overflow: hidden;
    background: #fff;
    display: table;
    border-radius: 3px
}

.pax_minus, .pax_plus, .pax_disabled {
    background: rgba(178, 186, 199, .25);
    height: 50px;
    width: 35px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #21385c;
    cursor: pointer
}

.pax_disabled {
    color: rgba(36, 55, 91, .3)
}

.pax_text {
    display: table
}

.pax_number, .pax_legend {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.pax_legend {
    font-size: 12px;
    line-height: 1.3;
    text-align: left;
    color: #21385c
}

.pax_number {
    font-size: 22px;
    font-weight: 600;
    color: #21385c;
    padding: 10px
}

@media (max-width: 768px) {
    .pax_head {
        height: 65px
    }

    .pax_head small {
        padding-left: 0;
        display: block
    }

    .pax_head.empty {
        display: none
    }
}

span.ic-99 {
    width: 16px;
    height: 16px;
    background: url(/fileadmin/templates/_images2017/buchung/details_plus.png);
    text-indent: -9999px;
    outline: none
}

@media (max-width: 767px) {
    #stickysuche span.ic-99 {
        background: url(../_images2017/icon-azptlink-wh.png)
    }
}

@media (min-width: 768px) {
    #suche .zielgebiet, #suche .schiff, #suche .zielgebiet, #suche #dfrom {
        border-radius: 3px
    }
}

#suche .wrapper.content.bg-for-mob-desk {
    display: none
}

#suche .part_zero .columns, #suche .part_one .columns {
    padding-right: 0;
    padding-left: 0
}

.l_ppda, .l_ppa, .l_ppdva, .l_ppdvb, .l_ppva, .l_ppvb, .l_bega, .l_begb, .l_ppb, .l_ppdb {
    background: rgba(255, 255, 255, .45);
    padding-bottom: 0 !important;
    padding-left: 5px !important;
    border-radius: 3px;
    height: 50Px
}

#suche .date-from label, #suche .date-to label, #suche .belegung label, {
    display: none
}

#suche .date-from, #suche .date-to {
    float: none;
    width: 100%
}

#suche .date-from, #suche .date-to {
    padding: 0
}

#suche .zielgebiet, #suche .schiff {
    margin-bottom: 0
}

#suche input::placeholder, #suche textarea::placeholder {
    color: #666;
    opacity: 1
}

#suche input::-ms-input-placeholder {
    color: #666;
    opacity: 1
}

#suche .part_zero, #suche .part_one, #suche .part_two .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap
}

#suche .part_div div #suche .part_one div {
    -webkit-flex: 1 auto;
    flex: 1 auto
}

@media (min-width: 641px) {
    #suche .part_zero, #suche .part_one, #suche .part_two .row {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    #suche .part_zero div, #suche .part_one div {
        -webkit-flex: 0 1 49%;
        flex: 0 1 49%
    }

    #suche .part_two .row .columns:nth-of-type(2) .pax_head {
        display: block
    }

    #suche .part_two .row .columns {
        padding-right: 0
    }

    #suche .part_two .row .columns.transport {
        width: 24%
    }

    #suche .part_two .row .columns.extended_search {
        width: 75%
    }
}

@media (min-width: 40em) {
    #suche .part_two .medium-up-2 > .column:nth-of-type(2n+1), #suche .part_two .medium-up-2 > .columns:nth-of-type(2n+1) {
        clear: inherit
    }
}

@media (max-width: 768px) {
    #suche #ergebnis {
        margin-top: 15px
    }

    #suche .filter-content .columns {
        padding-bottom: .625rem
    }
}

@media (min-width: 769px) {
    #suche .part_zero div, #suche .part_one div {
        -webkit-flex: 0 1 24%;
        flex: 0 1 24%
    }

    #suche .columns.empty {
        display: block
    }

    #suche .filter-content .columns {
        padding-bottom: .925em
    }
}

@media (max-width: 640px) {
    #suche .part_zero, #suche .part_one, #suche .part_two .row {
        display: -webkit-flex;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    #suche .part_one .title {
        color: #fff
    }

    #suche .part_one .kabine-title {
        order: 10
    }

    #suche .part_one .category {
        order: 11
    }

    #suche .part_one .route-title {
        order: 20
    }

    #suche .part_one .routenname {
        order: 21
    }

    #suche .part_one .country {
        order: 22
    }

    #suche .part_one .angebot {
        order: 23
    }

    #suche .part_one .hafen-title {
        order: 30
    }

    #suche .part_one .shafen {
        order: 31
    }

    #suche .part_one .uhafen {
        order: 32
    }

    #suche .part_one .zhafen {
        order: 33
    }

    #suche .part_one .transport-title {
        order: 40
    }

    #suche .part_one .flug {
        order: 41
    }

    #suche .part_one .bus {
        order: 42
    }

    #suche .part_one .bahn {
        order: 43
    }

    #suche .part_one .preisdetail-title {
        order: 50
    }

    #suche .part_one .tarif_e {
        order: 51
    }

    #suche .part_one .tarif_t {
        order: 52
    }

    #suche .part_one .tarif_s {
        order: 53
    }

    #suche .part_one .preis {
        order: 54
    }

    #suche .part_two .transport.scheck {
        order: 1
    }

    #suche .part_two .extended_search {
        order: 2
    }
}

@media (min-width: 641px) and (max-width: 768px) {
    #suche .part_zero, #suche .part_one {
        flex-flow: row wrap
    }

    #suche .part_one .title {
        color: #fff
    }

    #suche .part_one .kabine-title {
        order: 10
    }

    #suche .part_one .columns.empty.line1_1 {
        order: 11
    }

    #suche .part_one .category {
        order: 11
    }

    #suche .part_one .columns.empty.line2_1 {
        order: 12
    }

    #suche .part_one .route-title {
        order: 20
    }

    #suche .part_one .columns.empty.line3_1 {
        order: 21
    }

    #suche .part_one .routenname {
        order: 22
    }

    #suche .part_one .country {
        order: 23
    }

    #suche .part_one .angebot {
        order: 24
    }

    #suche .part_one .columns.empty.line4_3 {
        order: 25
    }

    #suche .part_one .hafen-title {
        order: 30
    }

    #suche .part_one .columns.empty.line5_1 {
        order: 31
    }

    #suche .part_one .shafen {
        order: 32
    }

    #suche .part_one .uhafen {
        order: 33
    }

    #suche .part_one .zhafen {
        order: 34
    }

    #suche .part_one .columns.empty.line6_3 {
        order: 35
    }

    #suche .part_one .transport-title {
        order: 40
    }

    #suche .part_one .columns.empty.line7_1 {
        order: 41
    }

    #suche .part_one .flug {
        order: 42
    }

    #suche .part_one .bus {
        order: 43
    }

    #suche .part_one .bahn {
        order: 44
    }

    #suche .part_one .columns.empty.line8_3 {
        order: 45
    }

    #suche .part_one .preisdetail-title {
        order: 50
    }

    #suche .part_one .columns.empty.line10_1 {
        order: 51
    }

    #suche .part_one .tarif_e {
        order: 52
    }

    #suche .part_one .tarif_t {
        order: 53
    }

    #suche .part_one .tarif_s {
        order: 54
    }

    #suche .part_one .preis {
        order: 55
    }

    #suche .filter-content .part_one .columns.empty.line1_1, #suche .filter-content .part_one .columns.empty.line2_1, #suche .filter-content .part_one .columns.empty.line3_1, #suche .filter-content .part_one .columns.empty.line4_3, #suche .filter-content .part_one .columns.empty.line5_1, #suche .filter-content .part_one .columns.empty.line6_3, #suche .filter-content .part_one .columns.empty.line7_1, #suche .filter-content .part_one .columns.empty.line8_3, #suche .filter-content .part_one .columns.empty.line10_1 {
        display: block
    }

    #suche .filter-content .part_one .columns.preis {
        margin-bottom: 50px
    }
}

.cruneo-date-from .selectborder, .angebot .selectborder, .uhafen .selectborder, .zhafen .selectborder, .shafen .selectborder, .routenname .selectborder, .country .selectborder {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ccc
}

#suche #sharing input[type="text"] {
    margin-bottom: 2px
}

@media (min-width: 769px) {
    #suche .part_two .large-up-4 > .columns {
        float: left;
        width: 24.6%
    }
}

#suche .bg-white .wrap-in.row {
    position: relative
}

#suche #sharing {
    position: absolute;
    z-index: 99;
    border: 1px solid #ccc;
    background: #fff;
    text-align: center;
    width: 100%;
    height: auto;
    padding: 10px;
    margin-top: 40px;
    display: block;
    right: 0
}

@media (min-width: 40em) {
    #suche #sharing {
        width: 350px
    }
}

#suche #sharing input[type="button"] {
    margin-top: 5px;
    width: 100%
}

#suche #sharing input[type="text"] {
    margin-top: 5px;
    width: 100%;
    height: auto;
    font-size: 12px;
    text-align: center
}

#suche #sharing table tr td a {
    display: table-cell;
    vertical-align: middle;
    height: 28px;
    padding: 0 10px;
    border-radius: 3px;
    border: 1px solid #d1d1d1;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);
    cursor: pointer;
    text-decoration: none
}

#suche #sharing table tr td input[type="button"], #suche .share input[type="button"] {
    display: table-cell;
    vertical-align: middle;
    height: 28px;
    padding: 0 10px;
    border-radius: 3px;
    border: 1px solid #d1d1d1;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);
    cursor: pointer
}

#suche #sharing table tr td input[type="button"]:hover, #suche .share input[type="button"]:hover, #suche #sharing table tr td a:hover {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(232, 232, 232, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(232, 232, 232, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(232, 232, 232, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0)
}

#suche #sharing table tr td input[type="button"]::before, #suche .share input[type="button"]::before, #suche #sharing table tr td a::before {
    right: 2.9%
}

#suche #sharing table tr td input[type="button"]::after, #suche .share input[type="button"]::after, #suche #sharing table tr td a::after, #suche #sharing table tr td input[type="button"]::before, #suche .share input[type="button"]::before, #suche #sharing table tr td a::before {
    border-top: 1px solid #d7d7d7;
    content: "";
    display: table-cell;
    position: relative;
    top: .5em;
    width: 45%
}

#suche #sharing table tr td input[type="button"]::after, #suche .share input[type="button"]::after, #suche #sharing table tr td a::after {
    left: 2.9%
}

#suche #sharing table tr td input[type="button"]::after, #suche .share input[type="button"]::after, #suche #sharing table tr td a::after, #suche #sharing table tr td input[type="button"]::before, #suche .share input[type="button"]::before, #suche #sharing table tr td a::before {
    border-top: 1px solid #d7d7d7;
    content: "";
    display: table-cell;
    position: relative;
    top: 1.6em;
    width: 45%
}

#suche #sharing table tr td {
    text-align: center;
    vertical-align: middle;
    height: 30px;
    width: 75px
}

#suche .share {
    float: right;
    display: block;
    height: 30px
}

#suche .share {
    margin: 0 5px 0 5px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .03), 0 3px 1px -2px rgba(0, 0, 0, .03), 0 1px 5px 0 rgba(0, 0, 0, .03);
    background-image: none
}

@media (min-width: 769px) {
    #suche .share {
        margin-top: 0 !important
    }

    #suche .share {
        height: auto
    }
}

#suche .share input[value="Teilen"], #suche .share input[value="Teilen"]:hover {
    background: url(/fileadmin/templates/_images2017/icon-share-bg.png) no-repeat;
    background-color: inherit;
    border-radius: 3px;
    color: #666;
    padding-right: 5px;
    padding-left: 28px;
    font-size: 14px;
    height: 30px !important
}

@media (min-width: 769px) {
    #suche .share input[value="Teilen"], #suche .share input[value="Teilen"]:hover {
        height: 34px !important
    }
}

#suche td.sf, td.st, td.sg {
    position: relative
}

#suche td.sf iframe {
    left: 16px;
    top: 3px
}

#suche td.st iframe {
    left: -5px;
    position: relative !important;
    top: 0
}

#suche td.sg #___plus_0 {
    left: -3px;
    position: relative !important;
    top: 1px;
    height: 30px !important;
    width: auto !important
}

#suche #sharing table tr td.sm a {
    line-height: 1.4;
    top: -2px;
    width: 100%;
    height: 28px !important;
    position: relative;
    display: block
}

#suche .sa h3 {
    margin-bottom: 0;
    line-height: 1.3;
    color: #222
}

td.sa {
    background: #F0F0F0
}

#suche #sharing table tr td {
    height: auto;
    padding-left: 0;
    padding-right: 0
}

#suche #sharing table tr td.se {
    padding-top: 0
}

a.twitter-share-button {
    line-height: 1.4 !important;
    height: auto !important
}

#widget_bounds {
    margin-top: -3px
}

#suche #sharing table tr td.sc {
    position: relative
}

#suche #sharing table tr td.sc a {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    line-height: 1.4;
    border: none;
    font-weight: 700;
    font-size: 15px
}

@media (min-width: 768px) {
    #suche .pills {
        width: 58%
    }
}

@media (min-width: 960px) {
    #suche .pills {
        width: 67%
    }
}

#suche .sort-by.desktop select[name="sort"], #suche .sort-by.desktop {
    min-width: 200px;
    max-width: 200px;
    position: relative;
    top: 0
}

#suche #stickysuche {
    overflow: inherit
}

.wrapper.content.bg-white .row {
    position: relative
}

#suche #stickysuche .bg-white .columns {
    max-height: none
}

#suche .pills-inner div.pillslabel span span {
    display: none
}

@media (min-width: 768px) {
    #suche .pills-inner div.pillslabel span span {
        display: inline
    }
}

#suche .pills-inner div.bluebottomnav {
    display: table;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width: 768px) {
    #suche .pills-inner div.bluebottomnav {
        display: none
    }
}

#suche .bluebottomnav div {
    display: table-cell;
    width: 50%
}

#suche .bluebottomnav div a {
    position: relative;
    display: block;
    padding-top: 10px;
    padding-left: 25px;
    color: #fff;
    background: #21385c;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
    height: 40px;
    text-transform: uppercase
}

#suche .bluebottomnav div a::before {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M17 12.5c-1.25 0-2.45-.2-3.57-.57a1.02 1.02 0 0 0-1.02.24l-2.2 2.2a15.074 15.074 0 0 1-6.59-6.58l2.2-2.21c.28-.27.36-.66.25-1.01A11.36 11.36 0 0 1 5.5 1c0-.55-.45-1-1-1H1C.45 0 0 .45 0 1c0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z' fill='%23FFF'/%3E%3Ccircle fill='%2308FF00' cx='14' cy='2' r='2'/%3E%3C/g%3E%3C/svg%3E");
    margin-left: -25px
}

#suche .bluebottomnav div.jmp a::before, #suche .bluebottomnav div.top a::before {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
    margin-left: -22px
}

#suche .bluebottomnav div.jmp a::after {
    content: 'REISEN ANZEIGEN';
    color: #fff
}

#suche .bluebottomnav div.top a::after {
    content: 'SUCHE ANPASSEN';
    color: #fff
}

#suche .bluebottomnav div.jmp, #suche .bluebottomnav div.top {
    border-radius: 0;
    color: #fff;
    background: #21385c;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    text-align: center;
    height: 30px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    #suche .pills {
    }

    #suche .pills-and-more.height .pills-inner {
        padding-bottom: 5px
    }

    #suche .pills-and-more.height.showmore .pills {
        max-height: none
    }

    #suche .sticky {
        transform: inherit;
        z-index: 6
    }

    #suche .pills-inner {
        white-space: inherit;
        overflow-x: inherit;
        max-height: 95px
    }

    #suche div.pillslabel span {
        position: relative;
        cursor: pointer
    }

    #suche div.pillslabel {
        margin-right: 10px
    }

    #suche .pills-inner a span {
        position: relative
    }

    #suche .pills-and-more.height .pills-inner a span::after {
        content: url(/fileadmin/templates/_images2017/ausgrauen-pills.png);
        position: absolute;
        right: 30px
    }

    #suche .pills-and-more.height.showmore .pills-inner a span::after {
        content: '';
        position: absolute;
        right: 30px
    }

    #suche .pills-and-more.height.showmore .pills-inner {
        max-height: inherit
    }

    #suche .pills-and-more.height.showmore .pills-inner a span {
        max-width: inherit
    }

    #suche .cd-top {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
        width: 40px;
        height: 40px;
        background-position: center
    }

    #suche .teaser-content .inner-card, #suche .teaser-cabins .cabin, #suche .teaser-target .travel-target, #suche .flow, #suche .from-to, #suche .season, #suche .teaser-features h5, #suche footer, #suche .seal {
        position: static
    }

    #suche .travel-pin {
        z-index: 0
    }

    #suche .select2-container {
        z-index: 7
    }
}

#suche .pills-inner a span {
    max-width: 140px
}

@media (min-width: 360px) {
    #suche .pills-inner a span {
        max-width: 160px
    }
}

@media (min-width: 420px) {
    #suche .pills-inner a span {
        max-width: 240px
    }
}

@media (min-width: 480px) {
    #suche .pills-inner a span {
        max-width: inherit
    }
}

@media (max-width: 767px) {
    #suche .scroll-to-top {
        display: none
    }

    .pills-and-more.height .pills-inner .show {
        background: url("data:image/svg+xml,%3Csvg width='73' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M33.299 12l-.838-3.023c-.102-.32-.285-1.065-.55-2.233h-.054c-.226 1.055-.406 1.803-.539 2.244L30.457 12h-1.523l-1.817-6.48h1.406l.827 3.193c.187.789.32 1.465.398 2.027h.035c.04-.285.099-.612.179-.981.08-.37.15-.646.208-.83l.984-3.41h1.512l.955 3.41c.059.192.132.485.22.88.088.394.14.7.155.92h.047c.059-.481.195-1.153.41-2.016l.838-3.193h1.383L34.846 12h-1.547zm7.318.117c-1.008 0-1.796-.294-2.364-.882-.568-.588-.853-1.397-.853-2.428 0-1.059.264-1.891.791-2.496.528-.606 1.252-.909 2.174-.909.856 0 1.531.26 2.028.78.496.52.744 1.234.744 2.144v.744h-4.319c.02.63.19 1.113.51 1.45.32.338.772.507 1.354.507.382 0 .739-.036 1.069-.108.33-.072.685-.192 1.063-.36v1.119c-.335.16-.675.273-1.02.34-.343.066-.735.1-1.177.1zm-.252-5.672c-.437 0-.788.139-1.052.416-.263.278-.42.682-.471 1.213h2.941c-.008-.535-.137-.94-.387-1.216-.25-.275-.593-.413-1.03-.413zM46.078 12h-1.377V5.52h1.377V12zM44.62 3.803c0-.246.068-.436.202-.569.135-.132.327-.199.577-.199.243 0 .431.067.566.2.135.132.202.322.202.568 0 .234-.067.419-.202.553-.135.135-.323.203-.566.203-.25 0-.442-.068-.577-.203-.134-.134-.202-.319-.202-.553zm5.842 7.2c.336 0 .672-.052 1.008-.157v1.037a2.78 2.78 0 0 1-.59.167c-.24.045-.488.067-.746.067-1.305 0-1.957-.687-1.957-2.062V6.563h-.885v-.61l.95-.504.468-1.37h.85v1.44h1.845v1.043H49.56v3.47c0 .331.083.576.249.735.166.158.383.237.653.237zm5.133 1.114c-1.008 0-1.796-.294-2.365-.882-.568-.588-.852-1.397-.852-2.428 0-1.059.264-1.891.791-2.496.527-.606 1.252-.909 2.174-.909.855 0 1.531.26 2.027.78.496.52.744 1.234.744 2.144v.744h-4.318c.02.63.19 1.113.51 1.45.32.338.771.507 1.353.507.383 0 .74-.036 1.07-.108.33-.072.684-.192 1.063-.36v1.119c-.336.16-.676.273-1.02.34-.343.066-.736.1-1.177.1zm-.252-5.672c-.438 0-.788.139-1.052.416-.264.278-.42.682-.472 1.213h2.942c-.008-.535-.137-.94-.387-1.216-.25-.275-.594-.413-1.031-.413zm7.623-1.043c.277 0 .506.02.685.059l-.134 1.283a2.602 2.602 0 0 0-.61-.07c-.55 0-.997.18-1.339.539-.341.36-.512.826-.512 1.4V12h-1.377V5.52h1.078l.181 1.142h.07c.216-.387.496-.693.842-.92.345-.226.717-.34 1.116-.34zm4.476 6.715c-1.007 0-1.795-.294-2.364-.882-.568-.588-.852-1.397-.852-2.428 0-1.059.263-1.891.79-2.496.528-.606 1.253-.909 2.174-.909.856 0 1.532.26 2.028.78s.744 1.234.744 2.144v.744h-4.318c.02.63.189 1.113.51 1.45.32.338.77.507 1.353.507.383 0 .74-.036 1.07-.108.33-.072.684-.192 1.063-.36v1.119c-.336.16-.676.273-1.02.34-.344.066-.736.1-1.178.1zm-.252-5.672c-.437 0-.788.139-1.051.416-.264.278-.421.682-.472 1.213h2.941c-.007-.535-.136-.94-.386-1.216-.25-.275-.594-.413-1.032-.413zM32.04 24l-.275-.902h-.047c-.313.394-.627.663-.944.805-.316.143-.722.214-1.218.214-.637 0-1.134-.172-1.492-.515-.357-.344-.536-.83-.536-1.46 0-.667.248-1.171.744-1.511.497-.34 1.252-.526 2.268-.557l1.12-.035v-.346c0-.414-.097-.723-.29-.928-.194-.205-.494-.308-.9-.308-.332 0-.65.049-.955.147a7.207 7.207 0 0 0-.88.345l-.445-.984a4.792 4.792 0 0 1 1.155-.42 5.312 5.312 0 0 1 1.183-.143c.825 0 1.447.18 1.867.54.42.359.63.923.63 1.693V24h-.985zm-2.05-.938c.5 0 .9-.14 1.203-.418.303-.28.454-.671.454-1.175v-.563l-.832.035c-.648.024-1.12.132-1.415.326-.295.193-.442.489-.442.887 0 .29.086.513.258.671.172.158.43.238.773.238zM40.645 24h-1.382v-3.984c0-.5-.1-.873-.302-1.12-.201-.246-.52-.369-.958-.369-.582 0-1.008.172-1.277.516-.27.344-.405.92-.405 1.728V24h-1.377v-6.48h1.078l.194.85h.07c.195-.31.473-.548.832-.716.36-.168.758-.252 1.195-.252 1.555 0 2.332.791 2.332 2.373V24zm6.247 0h-4.916v-.85l3.275-4.576h-3.076V17.52h4.623v.96l-3.205 4.465h3.299V24zm4.236.117c-1.008 0-1.796-.294-2.364-.882-.569-.588-.853-1.397-.853-2.428 0-1.059.264-1.891.791-2.496.527-.606 1.252-.909 2.174-.909.855 0 1.531.26 2.027.78.496.52.744 1.234.744 2.144v.744H49.33c.02.63.19 1.113.51 1.45.32.338.771.507 1.353.507.383 0 .74-.036 1.07-.108.33-.072.684-.192 1.063-.36v1.119c-.336.16-.676.273-1.02.34-.343.066-.736.1-1.177.1zm-.252-5.672c-.438 0-.788.139-1.052.416-.263.278-.42.682-.471 1.213h2.94c-.007-.535-.136-.94-.386-1.216-.25-.275-.594-.413-1.031-.413zM56.59 24h-1.377v-6.48h1.377V24zm-1.46-8.197c0-.246.068-.436.203-.569.135-.132.327-.199.577-.199.242 0 .43.067.566.2.134.132.202.322.202.568 0 .234-.068.419-.202.553-.135.135-.324.203-.566.203-.25 0-.442-.068-.577-.203-.135-.134-.202-.319-.202-.553zm8.901 1.717v.755l-1.107.205a1.988 1.988 0 0 1 .352 1.137c0 .668-.231 1.194-.692 1.576-.461.383-1.096.575-1.904.575-.207 0-.395-.016-.563-.047-.297.183-.445.398-.445.644 0 .149.07.26.208.334.139.074.393.112.765.112h1.13c.715 0 1.258.152 1.63.457.37.304.556.744.556 1.318 0 .734-.303 1.3-.908 1.7-.606.398-1.48.597-2.625.597-.883 0-1.557-.156-2.022-.469-.465-.312-.697-.758-.697-1.336 0-.398.126-.733.378-1.005.252-.271.604-.46 1.058-.565a1.035 1.035 0 0 1-.455-.378.954.954 0 0 1-.178-.548c0-.242.068-.447.205-.615.137-.168.34-.334.61-.498a1.805 1.805 0 0 1-.818-.706 2.077 2.077 0 0 1-.314-1.146c0-.703.222-1.248.665-1.635.444-.386 1.076-.58 1.896-.58.183 0 .376.013.577.038.201.026.353.052.454.08h2.244zm-5.092 7.488c0 .297.134.525.402.685.267.16.643.24 1.128.24.75 0 1.308-.107 1.676-.322.367-.215.55-.5.55-.855 0-.281-.1-.482-.301-.6-.202-.12-.576-.18-1.123-.18H60.23c-.395 0-.708.093-.94.279a.913.913 0 0 0-.35.753zm.592-5.39c0 .405.105.718.314.937.209.218.509.328.9.328.796 0 1.194-.426 1.194-1.278 0-.421-.098-.747-.295-.975-.198-.229-.498-.343-.9-.343-.398 0-.7.113-.905.34-.205.227-.308.557-.308.99zm8.532 4.5c-1.008 0-1.796-.295-2.365-.883-.568-.588-.852-1.397-.852-2.428 0-1.059.263-1.891.79-2.496.528-.606 1.253-.909 2.175-.909.855 0 1.53.26 2.027.78.496.52.744 1.234.744 2.144v.744h-4.318c.02.63.19 1.113.51 1.45.32.338.77.507 1.353.507.383 0 .74-.036 1.07-.108.33-.072.684-.192 1.063-.36v1.119c-.336.16-.676.273-1.02.34-.344.066-.736.1-1.177.1zm-.252-5.673c-.438 0-.789.139-1.052.416-.264.278-.421.682-.472 1.213h2.942c-.008-.535-.137-.94-.387-1.216-.25-.275-.594-.413-1.031-.413zM77.848 24h-1.383v-3.984c0-.5-.1-.873-.302-1.12-.201-.246-.52-.369-.958-.369-.582 0-1.008.172-1.277.516-.27.344-.405.92-.405 1.728V24h-1.377v-6.48h1.079l.193.85h.07c.196-.31.473-.548.832-.716.36-.168.758-.252 1.196-.252 1.554 0 2.332.791 2.332 2.373V24z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-5 -3)'%3E%3Cuse fill='%23FFF' xlink:href='%23a'/%3E%3Cuse fill='%23222' xlink:href='%23a'/%3E%3C/g%3E%3Cpath fill='%23888' fill-rule='nonzero' d='M0 10h14v3H0z'/%3E%3Cpath fill='%23888' fill-rule='nonzero' d='M8.5 4.5v14h-3v-14z'/%3E%3C/g%3E%3C/svg%3E") center no-repeat;
        background-color: transparent
    }

    .pills-and-more.height.showmore .pills-inner .show {
        background: url("data:image/svg+xml,%3Csvg width='69' height='26' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M29.299 11l-.838-3.023c-.102-.32-.285-1.065-.55-2.233h-.054c-.226 1.055-.406 1.803-.539 2.244L26.457 11h-1.523l-1.817-6.48h1.406l.827 3.193c.187.789.32 1.465.398 2.027h.035c.04-.285.099-.612.179-.981.08-.37.15-.646.208-.83l.984-3.41h1.512l.955 3.41c.059.192.132.485.22.88.088.394.14.7.155.92h.047c.059-.481.195-1.153.41-2.016l.838-3.193h1.383L30.846 11h-1.547zm7.318.117c-1.008 0-1.796-.294-2.364-.882-.568-.588-.853-1.397-.853-2.428 0-1.059.264-1.891.791-2.496.528-.606 1.252-.909 2.174-.909.856 0 1.531.26 2.028.78.496.52.744 1.234.744 2.144v.744h-4.319c.02.63.19 1.113.51 1.45.32.338.772.507 1.354.507.382 0 .739-.036 1.069-.108.33-.072.685-.192 1.063-.36v1.119c-.335.16-.675.273-1.02.34-.343.066-.735.1-1.177.1zm-.252-5.672c-.437 0-.788.139-1.052.416-.263.278-.42.682-.471 1.213h2.941c-.008-.535-.137-.94-.387-1.216-.25-.275-.593-.413-1.03-.413zM46.402 11H45.02V7.016c0-.5-.101-.873-.302-1.12-.201-.246-.52-.369-.958-.369-.582 0-1.008.172-1.278.516-.27.344-.404.92-.404 1.728V11h-1.377V4.52h1.078l.194.85h.07c.195-.31.473-.548.832-.716.36-.168.758-.252 1.195-.252 1.555 0 2.332.791 2.332 2.373V11zm3.293 0h-1.377V4.52h1.377V11zm-1.459-8.197c0-.246.068-.436.202-.569.135-.132.328-.199.578-.199.242 0 .43.067.565.2.135.132.202.322.202.568 0 .234-.067.419-.202.553-.135.135-.323.203-.565.203-.25 0-.443-.068-.578-.203-.134-.134-.202-.319-.202-.553zm8.9 1.717v.755l-1.107.205a1.988 1.988 0 0 1 .352 1.137c0 .668-.23 1.194-.692 1.576-.46.383-1.095.575-1.904.575-.207 0-.394-.016-.562-.047-.297.183-.446.398-.446.644 0 .149.07.26.208.334.139.074.394.112.765.112h1.13c.716 0 1.259.152 1.63.457.37.304.556.744.556 1.318 0 .734-.302 1.3-.908 1.7-.605.398-1.48.597-2.625.597-.883 0-1.556-.156-2.021-.469-.465-.312-.698-.758-.698-1.336 0-.398.126-.733.378-1.005.252-.271.605-.46 1.058-.565a1.035 1.035 0 0 1-.454-.378.954.954 0 0 1-.179-.548c0-.242.069-.447.205-.615.137-.168.34-.334.61-.498a1.805 1.805 0 0 1-.818-.706 2.077 2.077 0 0 1-.313-1.146c0-.703.221-1.248.665-1.635.443-.386 1.075-.58 1.895-.58.184 0 .376.013.577.038.202.026.353.052.455.08h2.244zm-5.091 7.488c0 .297.134.525.401.685.268.16.644.24 1.128.24.75 0 1.309-.107 1.676-.322.367-.215.55-.5.55-.855 0-.281-.1-.482-.301-.6-.201-.12-.575-.18-1.122-.18h-1.043c-.395 0-.708.093-.94.279a.913.913 0 0 0-.35.753zm.592-5.39c0 .405.104.718.313.937.21.218.509.328.9.328.796 0 1.195-.426 1.195-1.278 0-.421-.099-.747-.296-.975-.197-.229-.497-.343-.9-.343-.398 0-.7.113-.905.34-.205.227-.307.557-.307.99zm8.531 4.5c-1.008 0-1.796-.295-2.364-.883-.569-.588-.853-1.397-.853-2.428 0-1.059.264-1.891.791-2.496.528-.606 1.252-.909 2.174-.909.855 0 1.531.26 2.027.78.496.52.745 1.234.745 2.144v.744h-4.319c.02.63.19 1.113.51 1.45.32.338.771.507 1.353.507.383 0 .74-.036 1.07-.108.33-.072.684-.192 1.063-.36v1.119c-.336.16-.676.273-1.02.34-.343.066-.736.1-1.177.1zm-.252-5.673c-.437 0-.788.139-1.052.416-.263.278-.42.682-.471 1.213h2.941c-.008-.535-.137-.94-.387-1.216-.25-.275-.593-.413-1.031-.413zm7.623-1.043c.277 0 .506.02.686.059l-.135 1.283a2.602 2.602 0 0 0-.61-.07c-.55 0-.997.18-1.338.539-.342.36-.513.826-.513 1.4V11h-1.377V4.52h1.078l.182 1.142h.07c.215-.387.495-.693.84-.92.347-.226.719-.34 1.117-.34zM28.04 25l-.275-.902h-.047c-.313.394-.627.663-.944.805-.316.143-.722.214-1.218.214-.637 0-1.134-.172-1.492-.515-.357-.344-.536-.83-.536-1.46 0-.667.248-1.171.744-1.511.497-.34 1.252-.526 2.268-.557l1.12-.035v-.346c0-.414-.097-.723-.29-.928-.194-.205-.494-.308-.9-.308-.332 0-.65.049-.955.147a7.207 7.207 0 0 0-.88.345l-.445-.984a4.792 4.792 0 0 1 1.155-.42 5.312 5.312 0 0 1 1.183-.143c.825 0 1.447.18 1.867.54.42.359.63.923.63 1.693V25h-.985zm-2.05-.938c.5 0 .9-.14 1.203-.418.303-.28.454-.671.454-1.175v-.563l-.832.035c-.648.024-1.12.132-1.415.326-.295.193-.442.489-.442.887 0 .29.086.513.258.671.172.158.43.238.773.238zM36.645 25h-1.382v-3.984c0-.5-.1-.873-.302-1.12-.201-.246-.52-.369-.958-.369-.582 0-1.008.172-1.277.516-.27.344-.405.92-.405 1.728V25h-1.377v-6.48h1.078l.194.85h.07c.195-.31.473-.548.832-.716.36-.168.758-.252 1.195-.252 1.555 0 2.332.791 2.332 2.373V25zm6.247 0h-4.916v-.85l3.275-4.576h-3.076V18.52h4.623v.96l-3.205 4.465h3.299V25zm4.236.117c-1.008 0-1.796-.294-2.364-.882-.569-.588-.853-1.397-.853-2.428 0-1.059.264-1.891.791-2.496.527-.606 1.252-.909 2.174-.909.855 0 1.531.26 2.027.78.496.52.744 1.234.744 2.144v.744H45.33c.02.63.19 1.113.51 1.45.32.338.771.507 1.353.507.383 0 .74-.036 1.07-.108.33-.072.684-.192 1.063-.36v1.119c-.336.16-.676.273-1.02.34-.343.066-.736.1-1.177.1zm-.252-5.672c-.438 0-.788.139-1.052.416-.263.278-.42.682-.471 1.213h2.94c-.007-.535-.136-.94-.386-1.216-.25-.275-.594-.413-1.031-.413zM52.59 25h-1.377v-6.48h1.377V25zm-1.46-8.197c0-.246.068-.436.203-.569.135-.132.327-.199.577-.199.242 0 .43.067.566.2.134.132.202.322.202.568 0 .234-.068.419-.202.553-.135.135-.324.203-.566.203-.25 0-.442-.068-.577-.203-.135-.134-.202-.319-.202-.553zm8.901 1.717v.755l-1.107.205a1.988 1.988 0 0 1 .352 1.137c0 .668-.231 1.194-.692 1.576-.461.383-1.096.575-1.904.575-.207 0-.395-.016-.563-.047-.297.183-.445.398-.445.644 0 .149.07.26.208.334.139.074.393.112.765.112h1.13c.715 0 1.258.152 1.63.457.37.304.556.744.556 1.318 0 .734-.303 1.3-.908 1.7-.606.398-1.48.597-2.625.597-.883 0-1.557-.156-2.022-.469-.465-.312-.697-.758-.697-1.336 0-.398.126-.733.378-1.005.252-.271.604-.46 1.058-.565a1.035 1.035 0 0 1-.455-.378.954.954 0 0 1-.178-.548c0-.242.068-.447.205-.615.137-.168.34-.334.61-.498a1.805 1.805 0 0 1-.818-.706 2.077 2.077 0 0 1-.314-1.146c0-.703.222-1.248.665-1.635.444-.386 1.076-.58 1.896-.58.183 0 .376.013.577.038.201.026.353.052.454.08h2.244zm-5.092 7.488c0 .297.134.525.402.685.267.16.643.24 1.128.24.75 0 1.308-.107 1.676-.322.367-.215.55-.5.55-.855 0-.281-.1-.482-.301-.6-.202-.12-.576-.18-1.123-.18H56.23c-.395 0-.708.093-.94.279a.913.913 0 0 0-.35.753zm.592-5.39c0 .405.105.718.314.937.209.218.509.328.9.328.796 0 1.194-.426 1.194-1.278 0-.421-.098-.747-.295-.975-.198-.229-.498-.343-.9-.343-.398 0-.7.113-.905.34-.205.227-.308.557-.308.99zm8.532 4.5c-1.008 0-1.796-.295-2.365-.883-.568-.588-.852-1.397-.852-2.428 0-1.059.263-1.891.79-2.496.528-.606 1.253-.909 2.175-.909.855 0 1.53.26 2.027.78.496.52.744 1.234.744 2.144v.744h-4.318c.02.63.19 1.113.51 1.45.32.338.77.507 1.353.507.383 0 .74-.036 1.07-.108.33-.072.684-.192 1.063-.36v1.119c-.336.16-.676.273-1.02.34-.344.066-.736.1-1.177.1zm-.252-5.673c-.438 0-.789.139-1.052.416-.264.278-.421.682-.472 1.213h2.942c-.008-.535-.137-.94-.387-1.216-.25-.275-.594-.413-1.031-.413zM73.848 25h-1.383v-3.984c0-.5-.1-.873-.302-1.12-.201-.246-.52-.369-.958-.369-.582 0-1.008.172-1.277.516-.27.344-.405.92-.405 1.728V25h-1.377v-6.48h1.079l.193.85h.07c.196-.31.473-.548.832-.716.36-.168.758-.252 1.196-.252 1.554 0 2.332.791 2.332 2.373V25z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23888' fill-rule='nonzero' d='M0 11h14v3H0z'/%3E%3Cg transform='translate(-5 -2)'%3E%3Cuse fill='%23FFF' xlink:href='%23a'/%3E%3Cuse fill='%23000' xlink:href='%23a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat
    }
}

#suche .pills-inner .show {
    position: absolute;
    right: .625rem;
    width: 80px;
    height: 30px;
    cursor: pointer;
    background-color: transparent
}

@media (min-width: 768px) {
    #suche .pills-inner .show {
        display: none
    }
}

#suche .unbold {
    font-weight: 300
}

.search-send {
    background: #fff !important
}

div#suchesmall .content.bg-white {
    display: none
}

div#suchesmall .part_two .scheck {
    display: none
}

div#suchesmall .part_two .searchplus, div#suchesmall .part_two .searchminus {
    display: none !important
}

div#suchesmall .part_two .row .columns {
    width: 99%
}

div#suchesmall .content.bg-grey {
    background: transparent;
    border: none
}

div#suchesmall #stickysuche {
    background: transparent
}

@media (max-width: 768px) {
    #jsmaske.suchesmall {
        padding-top: 0px !important;
        margin-top: 0;
        height: auto
    }
}

#suche div.columns.shafen, #suche div.columns.uhafen, #suche div.columns.zhafen, #suche div.columns.angebot, #suche div.columns.route, #suche div.columns.routenname, #suche div.columns.country {
    position: relative
}

#suche div.part_one div.columns .del_entry {
    display: none
}

#suche div.part_zero div.columns .del_entry {
    display: none
}

@media (min-width: 641px) {
    #suche div.part_zero div.columns {
        width: 0
    }

    #suche div.part_one div.columns {
        width: 0
    }
}

#suche div.columns.sortsharing {
    width: 100%;
    margin-bottom: 10px
}

#suche div.bg-grey {
    background-color: #576685
}

#suche div.bg-white.zeroheight {
    border: none;
    height: 0
}

#suche div.bg-grey .wrap-in.row {
    padding-right: 60px;
    position: relative
}

#suche div.bg-grey .wrap-in.row .absenden {
    float: right;
    margin-right: -50px;
    border-radius: 5px;
    width: 50px
}

@media (min-width: 640px) {
    #suche div.h1 {
        font-size: 20px;
        padding: 1.25rem .625rem
    }

    #suche div.columns.sortsharing {
        width: auto;
        float: right;
        margin-top: 20px;
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    #suche div.h1 {
        font-size: 28px;
        padding: 1.25rem .625rem
    }

    #suche div.columns.sortsharing {
        width: auto;
        float: right;
        margin-top: 20px;
        margin-bottom: 0
    }

    #suche div.bg-grey {
        background-color: #FFF
    }

    #suche .scheck span {
        color: #222
    }

    .searchplus, .searchminus {
        color: #222
    }

    .searchplus::before, .searchminus::before {
        background: url("data:image/svg+xml,%3Csvg width='23' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23222' fill-rule='nonzero' d='M.885 15.885L7.755 9 .885 2.115 3 0l9 9-9 9z'/%3E%3Cpath fill='%23222' fill-rule='nonzero' d='M11.885 15.885L18.755 9l-6.87-6.885L14 0l9 9-9 9z'/%3E%3Cpath d='M-7-9h36v36H-7z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
        background-size: 100%
    }
}

#suche .part_one .kabine-title {
    background: url(../_images2017/s-kabine.svg) no-repeat;
    background-size: 30px;
    padding-left: 40px;
    padding-top: 10px
}

#suche .part_one .route-title {
    background: url(../_images2017/s-route.svg) no-repeat;
    background-size: 30px;
    padding-left: 40px;
    padding-top: 10px
}

#suche .part_one .hafen-title {
    background: url(../_images2017/s-hafen.svg) no-repeat;
    background-size: 30px;
    padding-left: 40px;
    padding-top: 10px
}

#suche .part_one .transport-title {
    background: url(../_images2017/s-anreise.svg) no-repeat;
    background-size: 30px;
    padding-left: 40px;
    padding-top: 10px
}

#suche .part_one .preisdetail-title {
    background: url(../_images2017/s-reisdetails.svg) no-repeat;
    background-size: 30px;
    padding-left: 40px;
    padding-top: 10px
}

.teaser-content.list .wrap-for-desktop .termine_show {
    position: relative;
    z-index: 4;
    padding: 0 10px;
    margin: -5px 0 0 0;
    background-color: #b0b8c5;
    border-left-bottem-radius: 5px;
    border-right-bottem-radius: 5px
}

.teaser-content.list .wrap-for-desktop .tarif_preise {
    position: relative;
    z-index: 8;
    padding-top: 20px;
    margin-top: -5px;
    background-color: #fff
}

.mobile-tarif-preise {
    display: none
}

.tarif_preise .tarif-outer {
    background: #fff;
    padding: 0
}

.tarif_preise .tarif-inner {
    background: #e7f2f5;
    padding: 5px 0 5px 0
}

@media (max-width: 768px) {
    .desktop-tarif-preise {
        display: none
    }

    .mobile-tarif-preise {
        display: block;
        background: #fff;
        padding: 10px
    }

    .mobile-tarif-preise .tarif-preise-list .tarif-prices {
        padding: 1px;
        clear: both
    }

    .mobile-tarif-preise .tarif-preise-list .tarif-prices .cabin-name {
        float: left;
        margin-top: 3px
    }

    .mobile-tarif-preise .tarif-preise-list .tarif-prices .Xcabin-price {
        float: right
    }

    .mobile-tarif-preise .tarif-name span.tarif-desc-highlight {
        display: inline-block
    }

    #suche .part_one .kabine-title {
        background: url(../_images2017/w-kabine.svg) no-repeat;
        background-size: 30px;
        padding-left: 40px;
        padding-top: 10px
    }

    #suche .part_one .route-title {
        background: url(../_images2017/w-route.svg) no-repeat;
        background-size: 30px;
        padding-left: 40px;
        padding-top: 10px
    }

    #suche .part_one .hafen-title {
        background: url(../_images2017/w-hafen.svg) no-repeat;
        background-size: 30px;
        padding-left: 40px;
        padding-top: 10px
    }

    #suche .part_one .transport-title {
        background: url(../_images2017/w-anreise.svg) no-repeat;
        background-size: 30px;
        padding-left: 40px;
        padding-top: 10px
    }

    #suche .part_one .preisdetail-title {
        background: url(../_images2017/w-reisdetails.svg) no-repeat;
        background-size: 30px;
        padding-left: 40px;
        padding-top: 10px
    }
}

div.mobile-tarif-preise div.tarif-preise-list {
    margin: 10px;
    background-color: #fff;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #eee;
    border-radius: 5px
}

div.mobile-tarif-preise div.tarif-name {
    margin-bottom: 10px
}

div.mobile-tarif-preise span.tarif-name {
    font-size: 14px;
    font-weight: 700;
    padding: 1px;
    margin-right: 10px;
    display: inline-block
}

div.mobile-tarif-preise .firstpax {
    font-size: 12px
}

div.mobile-tarif-preise .secondpax {
    font-size: 12px
}

div.mobile-tarif-preise div.tarif-ang-button {
    margin-top: 10px
}

div.mobile-tarif-preise div.tarif-ang-link .tarif-ang-button a {
    padding-left: 50px;
    padding-right: 50px
}

div.mobile-tarif-preise div.tarif-inner div.clubcard-select {
    margin: 10px 10px 0 10px
}

div.mobile-tarif-preise div.tarif-inner div.clubcard-select select {
    margin: unset
}

.tarif-name span.tarif-desc-highlight {
    background: #2EABE1;
    color: #fff;
    Xposition: relative;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 3px;
    letter-spacing: .5px;
    padding: 2px 6px;
    display: inherit
}

.tarif-name span.tarif-name {
    margin-right: 10px;
    font-weight: 600
}

table.tarif-body td.tarif-name, table.tarif-header td.tarif-name {
    width: 40%
}

table.tarif-body td.tarif-cabin._i, table.tarif-header td.tarif-cabin._i {
    width: 12%;
    border-left: 1px solid #eee
}

table.tarif-body td.tarif-cabin._a, table.tarif-header td.tarif-cabin._a {
    width: 12%;
    border-left: 1px solid #eee
}

table.tarif-body td.tarif-cabin._b, table.tarif-header td.tarif-cabin._b {
    width: 12%;
    border-left: 1px solid #eee
}

table.tarif-body td.tarif-cabin._s, table.tarif-header td.tarif-cabin._s {
    width: 12%;
    border-left: 1px solid #eee
}

table.tarif-body td.tarif-ang-link, table.tarif-header td.tarif-ang-link {
    width: 12%;
    border-left: 1px solid #eee
}

table.tarif-body.roulette td.tarif-name, table.tarif-header.roulette td.tarif-name {
    width: 28%
}

table.tarif-body.roulette td.tarif-cabin._r, table.tarif-header.roulette td.tarif-cabin._r {
    width: 12%;
    border-left: 1px solid #eee
}

table.tarif-body.roulette td.tarif-cabin._i, table.tarif-header.roulette td.tarif-cabin._i {
    width: 12%;
    border-left: 1px solid #eee
}

table.tarif-body.roulette td.tarif-cabin._a, table.tarif-header.roulette td.tarif-cabin._a {
    width: 12%;
    border-left: 1px solid #eee
}

table.tarif-body.roulette td.tarif-cabin._b, table.tarif-header.roulette td.tarif-cabin._b {
    width: 12%;
    border-left: 1px solid #eee
}

table.tarif-body.roulette td.tarif-cabin._s, table.tarif-header.roulette td.tarif-cabin._s {
    width: 12%;
    border-left: 1px solid #eee
}

table.tarif-body.roulette td.tarif-ang-link, table.tarif-header.roulette td.tarif-ang-link {
    width: 12%;
    border-left: 1px solid #eee
}

table.tarif-header td {
    text-align: center
}

table.tarif-header td.clubcard-select select {
    margin: unset
}

.tarif-ang-link .tarif-ang-button a {
    margin: 0;
    width: auto;
    float: right
}

.tarif-body .firstpax {
    font-size: 12px;
    display: block;
    float: right
}

.tarif-body .secondpax {
    font-size: 12px;
    display: block;
    float: right
}

.tarif-body .span {
    font-size: 10px
}

div.tarif-line {
    border: 1px solid #eee;
    border-radius: 5px;
    margin: 15px 0 15px 0;
    padding: 0 10px 0 10px
}

div.tarif-line table {
    margin: 0
}

p.travel-target a.tarif-close {
    border: 2px solid #21385c;
    background-color: #fff;
    color: #21385c
}

div.tarif-line .tarif-header tbody {
    background-color: transparent
}

div.tarif-line.tarif-header {
    margin-bottom: 0
}

div.tarif-line.tarif-header td {
    padding: 0
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea {
    margin: 0 auto;
    max-width: 960px;
    padding: 0 10px;
    PLMheight: 130px;
    padding-top: 10px;
    clear: left
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea .leftarea {
    float: left;
    max-width: 610px;
    margin-top: 90px;
    color: #21385c
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea.overflow .leftarea {
    float: none;
    max-width: auto;
    clear: left
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea .leftarea.dark, div.tx-asrsuche-pi1 .schlitz-2022 .toparea .leftarea.dark h1 {
    color: #21385c;
    margin-bottom: 0
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea .leftarea.light, div.tx-asrsuche-pi1 .schlitz-2022 .toparea .leftarea.light h1 {
    color: #fff;
    margin-bottom: 0
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea .leftarea .head {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 32px
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea .leftarea .subtitle {
    font-size: 18px;
    margin-bottom: 15px !important;
    line-height: 22px;
    margin-top: 0;
    padding: 0;
    font-weight: 400
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea .rightarea {
    margin-top: 40px;
    float: right;
    max-width: 325px
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea.overflow .rightarea {
    float: none;
    max-width: auto;
    clear: left
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea .rightarea .bubble {
    background: #f44074;
    width: 120px;
    height: 110px;
    float: left;
    color: #fff;
    font-weight: 700;
    position: relative;
    border-top-left-radius: 120px;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 90px;
    border-bottom-left-radius: 120px
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea .rightarea .b-inhalt {
    padding: 15px 10px 0 25px;
    width: 120px;
    height: 90px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea .rightarea .b-inhalt.hasinfo {
    height: 75px
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea .rightarea .b-inhalt.hasinfo:after {
    content: 'i';
    position: absolute;
    bottom: 5px;
    left: 55px;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
    font-size: 15px
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea .rightarea .image-one {
    padding: 0;
    margin: 0 0 0 10px;
    height: 100px;
    float: left
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea .rightarea .image-two {
    padding: 0;
    margin: 0 0 0 10px;
    height: 100px;
    float: left
}

div.tx-asrsuche-pi1 .schlitz-2022 .toparea .rightarea img {
    max-height: 110px;
    max-width: 100px
}

div.tx-asrsuche-pi1 .schlitz-2022 {
    background: url(/fileadmin/user_upload/Stammdaten/Themen/himmel-blau-links.svg);
    margin-top: -50px;
    background-size: cover
}

div.tx-asrsuche-pi1 .schlitz-2022 .midarea {
    clear: left
}

div.tx-asrsuche-pi1 .schlitz-2022 .midarea .wrap-in.row {
    background-color: #fff;
    height: 70px;
    border: 1px solid #eee;
    border-radius: 5px;
    max-width: 940px;
    padding: 10px 0
}

div.tx-asrsuche-pi1 .schlitz-2022 .botarea {
    background-color: #f4faff;
    margin-top: 25px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    clear: left
}

div.tx-asrsuche-pi1 .schlitz-2022 .botarea .botarea-inner {
    margin: 0 auto;
    max-width: 960px;
    padding: 0 10px;
    PLMheight: 140px;
    color: #21385c;
    padding-bottom: 20px
}

div.tx-asrsuche-pi1 .schlitz-2022 .botarea .botarea-inner .top-line {
    PLMwhite-space: nowrap;
    padding-top: 15px
}

div.tx-asrsuche-pi1 .schlitz-2022 .botarea .botarea-inner .top-line .high {
    float: left;
    PLMoverflow: hidden;
    max-width: 30%;
    text-align: center;
    PLMwhite-space: nowrap;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #f44074;
    display: inline-block;
    padding: 3px 10px 3px 10px;
    margin-right: 1%;
    border-radius: 5px
}

div.tx-asrsuche-pi1 .schlitz-2022 .botarea .botarea-inner .top-line .low {
    float: left;
    PLMoverflow: hidden;
    max-width: 69%;
    PLMwhite-space: nowrap;
    PLMdisplay: inline-block;
    padding: 3px
}

div.tx-asrsuche-pi1 .schlitz-2022 .botarea .botarea-inner .block {
    PLMoverflow: hidden;
    width: 33%;
    display: block;
    padding: 13px 3px 3px 43px;
    float: left;
    PLMheight: 70px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48' fill='%2321385c' %3E%3Cpath d='M21.05 33.1 35.2 18.95 32.9 16.7 21.05 28.55 15.05 22.55 12.8 24.8ZM24 44Q19.75 44 16.1 42.475Q12.45 40.95 9.75 38.25Q7.05 35.55 5.525 31.9Q4 28.25 4 24Q4 19.8 5.525 16.15Q7.05 12.5 9.75 9.8Q12.45 7.1 16.1 5.55Q19.75 4 24 4Q28.2 4 31.85 5.55Q35.5 7.1 38.2 9.8Q40.9 12.5 42.45 16.15Q44 19.8 44 24Q44 28.25 42.45 31.9Q40.9 35.55 38.2 38.25Q35.5 40.95 31.85 42.475Q28.2 44 24 44ZM24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24ZM24 41Q31.25 41 36.125 36.125Q41 31.25 41 24Q41 16.75 36.125 11.875Q31.25 7 24 7Q16.75 7 11.875 11.875Q7 16.75 7 24Q7 31.25 11.875 36.125Q16.75 41 24 41Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: 5px 10px;
    background-size: 30px
}

div.tx-asrsuche-pi1 .schlitz-2022 .botarea .botarea-inner .l-block {
    clear: left
}

div.tx-asrsuche-pi1 .schlitz-2022 .botarea .botarea-inner .block .high {
    PLMoverflow: hidden;
    max-width: 90%;
    font-weight: 700;
    PLMwhite-space: nowrap;
    display: block
}

@media (max-width: 768px) {
    div.tx-asrsuche-pi1 .schlitz-2022 .toparea {
        padding: 0 1.25rem
    }

    div.tx-asrsuche-pi1 .schlitz-2022 .botarea {
        padding: 0 1.25rem
    }

    div.tx-asrsuche-pi1 .schlitz-2022 .toparea .leftarea {
        float: none;
        clear: left
    }

    div.tx-asrsuche-pi1 .schlitz-2022 .toparea .rightarea {
        float: none;
        clear: left
    }

    div.tx-asrsuche-pi1 .schlitz-2022 .midarea .wrap-in.row {
        height: 135px
    }

    div.tx-asrsuche-pi1 .schlitz-2022 .botarea .botarea-inner .top-line .high {
        max-width: 100%;
        display: block;
        padding: 3px 10px 3px 10px;
        margin-right: 0;
        clear: left
    }

    div.tx-asrsuche-pi1 .schlitz-2022 .botarea .botarea-inner .top-line .low {
        max-width: 100%;
        display: block;
        padding: 3px;
        clear: left
    }

    div.tx-asrsuche-pi1 .schlitz-2022 .botarea .botarea-inner .block {
        width: 100%;
        clear: left
    }

    div.tx-asrsuche-pi1 .schlitz-2022 div.bg-grey .wrap-in.row .absenden {
        border-radius: 5px;
        width: 50px;
        position: absolute;
        bottom: 13px;
        right: 13px;
        margin-right: 0px !important;
        float: none !important
    }
}

@media (max-width: 767px) {
    div.tx-asrsuche-pi1 .schlitz-2022 {
        margin-top: 0;
        padding-top: 10px
    }

    div.tx-asrsuche-pi1 .schlitz-2022 .toparea .leftarea {
        margin-top: 20px;
        color: #21385c
    }

    div.tx-asrsuche-pi1 .schlitz-2022 .botarea {
        margin-top: 10px
    }
}

@media (max-width: 640px) {
    div.tx-asrsuche-pi1 .schlitz-2022 .midarea .wrap-in.row {
        height: 255px
    }

    div.tx-asrsuche-pi1 .schlitz-2022 .botarea {
        margin-top: 10px
    }
}

@media (max-width: 940px) {
    div.tx-asrsuche-pi1 .schlitz-2022 .wrap-in.row {
        margin-left: 10px;
        margin-right: 10px
    }
}

div.tx-asrsuche-pi1 .ergebnis-2022 .title {
    margin: 0 auto;
    max-width: 960px
}

div.tx-asrsuche-pi1 .ergebnis-2022 .title h2 {
    padding: 20px .625rem 0 .625rem
}

@media (max-width: 58.75em) {
    div.tx-asrsuche-pi1 .ergebnis-2022 .picture-for-desktop {
        aspect-ratio: 8/3
    }

    #ergebnis .picture-for-desktop {
        aspect-ratio: 8/3
    }
}

div.tx-asrsuche-pi1 .heroteaser-2022 {
    max-width: 980px;
    margin: 0 auto
}

div.tx-asrsuche-pi1 .heroteaser-2022 .title {
    margin: 0 auto;
    max-width: 960px
}

div.tx-asrsuche-pi1 .heroteaser-2022 .title h2 {
    padding: 20px .625rem 30px .625rem;
}

div.tx-asrsuche-pi1 .heroteaser-2022 .columns {
    width: 100%;
    clear: both;
    padding-right: 0
}

div.tx-asrsuche-pi1 .heroteaser-2022 .column {
    width: 33%;
    float: left;
    margin-bottom: 20px
}

div.tx-asrsuche-pi1 .heroteaser-2022 .wrap-for-desktop {
    padding: 0;
    box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1)
}

div.tx-asrsuche-pi1 .heroteaser-2022 .picture-float-desktop {
    width: 100%;
    clear: both;
    display: block;
    border-radius: 0
}

div.tx-asrsuche-pi1 .heroteaser-2022 .picture-for-desktop {
    width: 100%;
    clear: both;
    display: block;
    position: relative;
    height: auto;
    aspect-ratio: 8/3
}

div.tx-asrsuche-pi1 .heroteaser-2022 .picture-for-desktop img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

div.tx-asrsuche-pi1 .heroteaser-2022 .features-float-desktop {
    background: #fff;
    width: 100%;
    display: inline-block
}

div.tx-asrsuche-pi1 .heroteaser-2022 .features-for-desktop {
    position: relative;
    background: #fff;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 100%
}

div.tx-asrsuche-pi1 .heroteaser-2022 .teaser-features, div.tx-asrsuche-pi1 .heroteaser-2022 .teaser-right-for-desktop {
    position: relative;
    width: 100%;
    float: none;
    padding: 10px 15px 0 15px;
    height: auto
}

div.tx-asrsuche-pi1 .heroteaser-2022 .teaser-features ul {
    display: none
}

div.tx-asrsuche-pi1 .heroteaser-2022 .teaser-inclusive {
    display: none;
    width: 100%;
    border-bottom: 1px solid #eee;
    height: auto;
    margin: 0 0 10px 0;
    padding: 0
}

div.tx-asrsuche-pi1 .heroteaser-2022 .teaser-cabins {
    padding: 0;
    margin--top: 0
}

div.tx-asrsuche-pi1 .heroteaser-2022 .teaser-features .flow {
    text-align: center
}

div.tx-asrsuche-pi1 .heroteaser-2022 .teaser-cabins .inner {
    text-align: center;
    margin-bottom: 0
}

div.tx-asrsuche-pi1 .heroteaser-2022 .teaser-cabins .inner .cabin {
    float: none;
    margin-right: .3em;
    top: 0;
    line-height: 21px
}

div.tx-asrsuche-pi1 .heroteaser-2022 .teaser-cabins .inner .cabin.unbold {
    font-weight: 400
}

div.tx-asrsuche-pi1 .heroteaser-2022 .teaser-cabins .inner .cabin-price {
    float: none;
    font-size: 14px;
    line-height: 21px
}

div.tx-asrsuche-pi1 .heroteaser-2022 .teaser-cabins .inner .cabin-price.unbold {
    font-weight: 400
}

div.tx-asrsuche-pi1 .heroteaser-2022 .teaser-cabins .inner-highlight {
    text-align: center;
    margin: 0 0 10px 0
}

div.tx-asrsuche-pi1 .heroteaser-2022 .teaser-cabins .inner-highlight {
    position: relative;
    font-size: 12px;
    color: #21385c;
    line-height: 16.8px
}

div.tx-asrsuche-pi1 .heroteaser-2022 .teaser-target {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0
}

div.tx-asrsuche-pi1 .heroteaser-2022 .travel-target {
    margin: 0
}

div.tx-asrsuche-pi1 .heroteaser-2022 .travel-pin {
    right: 10px;
    width: auto;
    height: auto;
    margin-top: -20px
}

@media (max-width: 768px) {
    div.tx-asrsuche-pi1 .heroteaser-2022 .columns {
        padding-left: 0
    }

    div.tx-asrsuche-pi1 .heroteaser-2022 .column {
        width: 100%;
        float: none;
        clear: both
    }
}

div.tx-asrsuche-pi1 .banner-2022 {
    max-width: 1000px;
    margin: 0 auto
}

div.tx-asrsuche-pi1 .banner-2022 .image_d {
    padding: 0 .625rem
}

div.tx-asrsuche-pi1 .banner-2022 .image_m {
    padding: 0 .625rem;
    display: none
}

@media (max-width: 768px) {
    div.tx-asrsuche-pi1 .banner-2022 .image_d {
        display: none
    }

    div.tx-asrsuche-pi1 .banner-2022 .image_m {
        display: block
    }
}

div.tx-asrsuche-pi1 .teaser-2022 {
    max-width: 960px;
    margin: 0 auto
}

div.tx-asrsuche-pi1 .teaser-2022 .title {
    width: 100%
}

div.tx-asrsuche-pi1 .teaser-2022 .title h2 {
    padding: 20px .625rem;
    margin-bottom: 20px
}

div.tx-asrsuche-pi1 .teaser-2022 .columns {
    width: 50%;
    float: left
}

div.tx-asrsuche-pi1 .teaser-2022 .darken {
    position: relative
}

div.tx-asrsuche-pi1 .teaser-2022 .darken img {
    width: 100%;
    vertical-align: top
}

div.tx-asrsuche-pi1 .teaser-2022 .darken:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(33, 56, 92, .4);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

div.tx-asrsuche-pi1 .teaser-2022 .bordermaker {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    padding: 20px 20px 20px 20px;
    z-index: 1;
    background: url(../_images2017/SRDBUG.svg) no-repeat;
    background-position-x: center;
    background-position-y: 10px;
    background-size: 40px
}

div.tx-asrsuche-pi1 .teaser-2022 .bordermaker .main-border {
    width: 100%;
    height: 100%;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    xborder-bottom-right-radius: 15px;
    xborder-bottom-left-radius: 15px
}

div.tx-asrsuche-pi1 .teaser-2022 .bordermaker .l-border {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 25%;
    border-top: 2px solid #fff
}

div.tx-asrsuche-pi1 .teaser-2022 .bordermaker .r-border {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 25%;
    border-top: 2px solid #fff
}

div.tx-asrsuche-pi1 .teaser-2022 .t-feature {
    width: 80%;
    height: auto;
    padding: 0;
    position: absolute;
    color: #fff;
    font-weight: 400;
    top: 44%;
    left: 10%;
    z-index: 1;
    text-align: center;
    font-size: 24px;
    line-height: 30px
}

div.tx-asrsuche-pi1 .teaser-2022 .bluebox {
    background-color: #21385c;
    color: #fff;
    padding: 10px 40px 40px 40px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

div.tx-asrsuche-pi1 .teaser-2022 .bluebox .t-target a {
    width: 100%;
    background-color: #F23C55;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 19px
}

div.tx-asrsuche-pi1 .teaser-2022 .bluebox .t-target .button {
    margin: 0
}

div.tx-asrsuche-pi1 .teaser-2022 .bluebox .t-price {
    width: 100%;
    text-align: center;
    margin: 10px 0 20px 0
}

}
div.tx-asrsuche-pi1 .teaser-2022 .flow {
    background-color: #365780;
    color: #fff;
    padding: 15px
}

div.tx-asrsuche-pi1 .teaser-2022 .flow .h4 {
    color: #fff;
    font-size: 16px;
    line-height: 20px
}

div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 {
    padding: 15px 15px 0 15px
}

div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.teaser-inclusive-icons {
    width: 25%;
    float: left;
    overflow: hidden;
    padding-top: 10px;
    white-space: nowrap;
    text-align: left
}

div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.teaser-inclusive-icons span {
    width: 25px;
    height: 25px;
    margin-right: 2px
}

div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.t-price {
    width: 25%;
    float: left;
    text-align: right;
    line-height: 20px;
    color: #21385c
}

div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.t-target {
    width: 50%;
    float: left
}

div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.t-target a {
    float: right;
    background-color: #21385c;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 19px
}

@media (max-width: 810px) {
    div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.teaser-inclusive-icons {
        width: 50%
    }

    div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.t-price {
        width: 50%
    }

    div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.t-target {
        width: 100%;
        float: none;
        clear: left
    }

    div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.t-target a {
        width: 100%
    }
}

@media (max-width: 640px) {
    div.tx-asrsuche-pi1 .teaser-2022 .columns {
        width: 100%;
        float: none
    }

    div.tx-asrsuche-pi1 .teaser-2022 .columns img {
        width: 100%
    }

    div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.teaser-inclusive-icons {
        width: 25%
    }

    div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.t-price {
        width: 25%
    }

    div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.t-target {
        width: 50%;
        float: left;
        clear: none
    }

    div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.t-target a {
        width: auto
    }
}

@media (max-width: 460px) {
    div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.teaser-inclusive-icons {
        width: 50%
    }

    div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.t-price {
        width: 50%
    }

    div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.t-target {
        width: 100%;
        float: none;
        clear: left
    }

    div.tx-asrsuche-pi1 .teaser-2022 .travel-inside-2022 p.t-target a {
        width: 100%
    }
}

#popup-info-window {
    display: none;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fffff;
    background-color: rgba(180, 180, 180, .5);
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    z-index: 99999;
    align-items: center;
    justify-content: center
}

#popup-info-window #popup-info-wrapper {
    background: rgb(255, 255, 255, 1);
    xpadding: 30px 10px 20px 10px;
    xmargin: 10px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 10vh;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border--radius: 5px;
    PLMborder: 2px solid #21385c;
    text-align: left;
    max-width: 640px;
    PLMcolor: #21385c;
    max-height: 80vh;
    xoverflow: auto
}

#popup-info-window #popup-info-content {
    padding: 30px 10px 20px 10px;
    margin: 10px;
    max-height: 70vh;
    overflow: auto
}

.hasinfo {
    cursor: pointer
}

#popup-info-window #popup-info-wrapper .close-megamenu {
    top: 5px;
    right: 10px
}

.select2-container {
    box-sizing: border-box;
    margin: 0;
    position: relative;
    vertical-align: middle;
    z-index: 2
}

.select2-container {
    display: inline-block
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block;
    box-shadow: 0 4px 5px 0 rgba(0, 34, 72, .1)
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

li.select2-results__option span.selected {
    position: relative;
    padding-right: .7em;
    margin-left: 1em;
    display: block
}

.select2-results__option i.haken {
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg width='35' height='35' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%2350B629' d='M0 0h35v35H0z'/%3E%3Cpath fill='%23FFF' d='M7 18.575l2.755-2.499 5.186 5.623L28.673 8 31 10.428 14.94 27z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100%;
    width: 14px;
    height: 14px;
    right: 0;
    top: 5px
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none !important
}

.dto .select2-hidden-accessible, .dfrom .select2-hidden-accessible, .angebot .select2-hidden-accessible, .uhafen .select2-hidden-accessible, .shafen .select2-hidden-accessible, .zhafen .select2-hidden-accessible, .routenname .select2-hidden-accessible, .country .select2-hidden-accessible {
    position: relative !important;
    left: 4px
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #21385c;
    line-height: 28px
}

.select2-selection__rendered {
    color: #21385c
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--ajax .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field, .select2-container--ajax .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options, .select2-container--ajax .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group], .select2-container--ajax .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true], .select2-container--ajax .select2-results__option[aria-disabled=true] {
    color: #999;
    text-decoration: line-through
}

.select2-container--default .loading-results, .select2-container--ajax .loading-results {
    text-decoration: none !important
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--ajax .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option, .select2-container--ajax .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group, .select2-container--ajax .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option, .select2-container--ajax .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--ajax .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--ajax .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--ajax .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--ajax .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--ajax .select2-results__option--highlighted[aria-selected] {
    background-color: #21385c;
    color: #fff
}

.select2-container--default .select2-results__group, .select2-container--ajax .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.select2-container {
    top: 5px;
    width: 93% !important
}

@media (min-width: 400px) {
    .select2-container {
        width: 94% !important
    }
}

@media (min-width: 640px) {
    .select2-container {
        width: 94.8% !important
    }
}

#suche .dto .select2-container, #suche .dfrom .select2-container, #suche .angebot .select2-container, #suche .shafen .select2-container, #suche .uhafen .select2-container, #suche .zhafen .select2-container, #suche .routenname .select2-container, #suche .country .select2-container {
    top: 10px
}

.zielgebiet span.select2-selection__rendered, .schiff span.select2-selection__rendered, .cruneo-date-from span.select2-selection__rendered {
    background: #fff url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 100% 52%
}

#suche .zielgebiet span.select2-selection__rendered, #suche .schiff span.select2-selection__rendered, #suche .cruneo-date-from span.select2-selection__rendered {
    background: #fff url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 100% 52%
}

@media (min-width: 880px) {
    #suche .zielgebiet span.select2-selection__rendered, #suche .schiff span.select2-selection__rendered, #suche.transport span.select2-selection__rendered {
        background-position: 94% 52%
    }
}

.transport span.select2-selection__rendered, .tarif span.select2-selection__rendered {
    background: #fff url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 100% 52%
}

@media (min-width: 880px) {
    .transport span.select2-selection__rendered, .tarif span.select2-selection__rendered {
        background: #fff url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 94% 52%
    }
}

@media (min-width: 950px) {
    #suche .zielgebiet span.select2-selection__rendered, #suche .schiff span.select2-selection__rendered {
        background: #fff url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 93.7% 52%
    }
}

.select2-container--default .select2-selection--single {
    border: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 5px 5px 5px 11px
}

.cruneo-date-from .select2-container .select2-selection--single .select2-selection__rendered {
    margin: 5px 10px 0 0
}

}
.select2-selection__arrow {
    display: none
}

.zielgebiet, .schiff {
    background-image: none
}

.select2-dropdown {
    border: none !important;
    border-radius: none !important;
    position: absolute;
    top: -30px;
    left: 6px !important
}

.columns.transport {
    position: relative
}

@media (max-width: 768px) {
    .select2-dropdown {
        left: 8px !important
    }
}

.select2-results__options, .select2-results {
    border: none !important;
    border-radius: none !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--ajax .select2-results__option--highlighted[aria-selected], .select2-results__option.select2-results__option--highlighted {
    background: #21385c;
    color: #fff
}

li.select2-results__option {
    border-bottom: 1px solid #efefef;
    background: #fff
}

.select2-search--dropdown {
    padding: 0 0 4px 0;
    height: 44px
}

.select2-container--default .select2-search--dropdown .select2-search__field

;
.select2-container--ajax .select2-search--dropdown .select2-search__field {
    width: 98%;
    border: 1px solid #d6d6d6
}

.select2-container--open .select2-dropdown, .ui-datepicker {
    -webkit-box-shadow: 0 1px 5px 0 rgba(33, 56, 92, 1);
    -moz-box-shadow: 0 1px 5px 0 rgba(33, 56, 92, 1);
    box-shadow: 0 1px 5px 0 rgba(33, 56, 92, 1)
}

.zielgebiet, .schiff {
    position: relative
}

@media (min-width: 768px) {
    .zielgebiet, .schiff {
        padding-right: 0
    }
}

.select2-results, li.select2-results__option {
    width: 99%
}

@media (max-width: 330px) {
    .select2-container[style*="2.95px"] {
        top: 258px !important
    }
}

@media (max-width: 767px) {
    .select2-container .select2-selection--single {
        max-width: inherit;
        width: 100% !important
    }
}

@media (max-width: 767px) {
    .select2-results ul li:first-child[aria-selected="true"]::after {
        content: "  (ausblenden)";
        float: right;
        color: #ccc
    }
}

@media (min-width: 767px) {
    @supports (-ms-ime-align:auto) {
        .selection {
            top: 0 !important
        }
    }
}

#suche .select2-search--dropdown {
    padding: 0 0 4px 0;
    height: 64px;
    background: url(/fileadmin/templates/_images2017/tippen-und-waehlen.svg) no-repeat 5px 45px
}

#suche .angebot span.select2-selection__rendered, #suche .uhafen span.select2-selection__rendered, #suche .shafen span.select2-selection__rendered, #suche .zhafen span.select2-selection__rendered, #suche .routenname span.select2-selection__rendered, #suche .country span.select2-selection__rendered {
    background: #fff url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 100% 52%
}

#suche .dto span.select2-selection__rendered, #suche .dfrom span.select2-selection__rendered {
    background: #fff url("data:image/svg+xml,%3Csvg width='18' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9H4v2h2V9zm4 0H8v2h2V9zm4 0h-2v2h2V9zm-8 5H4v2h2v-2zm4 0H8v2h2v-2zm6-12h-1V0h-2v2H5V0H3v2H2C.89 2 .01 2.9.01 4L0 18a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 16H2V7h14v11z' fill='%238692A7' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat scroll 100% 52%
}

@media (min-width: 880px) {
    #suche .dto span.select2-selection__rendered, #suche .dfrom span.select2-selection__rendered, #suche .angebot span.select2-selection__rendered, #suche .uhafen span.select2-selection__rendered, #suche .shafen span.select2-selection__rendered, #suche .zhafen span.select2-selection__rendered, #suche .routenname span.select2-selection__rendered, #suche .country span.select2-selection__rendered {
        background-position: 94% 52%
    }
}

#suche .select2-container.select2-container--default .select2-search--dropdown {
    background: url(/fileadmin/templates/_images2017/tippen-und-waehlen.svg) no-repeat 5px 45px
}

div.select2-close {
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 35px;
    height: 35px;
    z-index: 101;
    background: #fff url("data:image/svg+xml,%3Csvg width='15' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.763 0L7.5 5.563 13.237 0 15 1.713 7.5 9 0 1.713z' fill='%238692A7' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat scroll 93.7% 52%;
    transform: rotate(180deg);
    cursor: pointer
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav [class*="owl-"] {
    background: #d6d6d6 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center
}

@media (max-width: 63.9375em) {
    .owl-nav {
        display: none
    }
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791 none repeat scroll 0 0
}

.owl-theme .owl-dots .owl-dot span {
    backface-visibility: visible;
    background: #d6d6d6 none repeat scroll 0 0;
    border-radius: 30px;
    display: block;
    height: 10px;
    margin: 5px 7px;
    transition: opacity 0.2s ease 0s;
    width: 10px
}

.awards {
    margin-top: 20px
}

.awards img {
    border-bottom: 1px solid #E9EBEF
}

.awards .item span {
    display: inline-block;
    margin: 5px;
    background: #FFF;
    box-shadow: 0 3px 13px 0 rgba(0, 34, 72, .1);
    border-radius: 5px
}

.awards .item h4 {
    margin-top: 16px;
    margin-bottom: 3px;
    padding: 0 15px 0 15px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #21385c;
    line-height: 30px
}

.awards .item p {
    padding: 0 15px 23px 15px;
    text-align: center;
    font-size: 14px;
    color: #222;
    line-height: 21px
}

@media (max-width: 39.9375em) {
    .awards .owl-stage-outer + .owl-nav {
        display: none
    }
}

.awards .owl-stage-outer + .owl-nav .owl-prev {
    float: left;
    margin-left: -50px;
    margin-top: -175px;
    text-indent: -9999px;
    outline: none;
    background-color: transparent;
    background-image: url(../_images2017/ic_arrow_back.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 16px
}

.awards .owl-stage-outer + .owl-nav .owl-next {
    float: right;
    margin-right: -50px;
    margin-top: -175px;
    text-indent: -9999px;
    outline: none;
    background-color: transparent;
    background-image: url(../_images2017/ic_arrow_forward.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 16px
}

.awards.owl-theme .owl-dots {
    margin-top: 23px
}

.awards.owl-theme .owl-dots span {
    margin: 5px;
    background: #E9EBEF;
    width: 14px;
    height: 14px
}

.awards.owl-theme .owl-dots .owl-dot.active span, .awards.owl-theme .owl-dots .owl-dot:hover span {
    background: #21385c
}

.awards .owl-stage-outer {
    padding: 5px 0
}

.coralreef .item img {
    margin: 0 auto;
    max-width: 100px;
    height: auto
}

.coralreef .owl-item span {
    overflow: hidden
}

.coralreef .owl-item h4 {
    margin-top: 15px;
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 20px;
    color: #FFF;
    line-height: 30px;
    text-align: center
}

.coralreef .owl-item p {
    padding-right: 40px;
    padding-left: 40px;
    font-weight: 400;
    font-size: 14px;
    color: #FFF;
    line-height: 21px;
    text-align: center
}

.coralreef.owl-theme .owl-dots {
    margin-top: 50px
}

.coralreef.owl-theme .owl-dots .owl-dot span {
    margin: 5px 3px;
    border-radius: 0;
    width: 86px;
    height: 3px;
    background: rgba(255, 255, 255, .3)
}

.coralreef.owl-theme .owl-dots .owl-dot.active span {
    background: rgba(255, 255, 255, 1)
}

@media (min-width: 64em) {
    .coralreef .item img {
        margin: 0;
        float: left
    }

    .wrp {
        display: inline-block;
        width: 65%
    }

    .coralreef .owl-item h4 {
        margin-top: 0;
        margin-left: 20px;
        margin-bottom: 2px;
        font-weight: 600;
        font-size: 20px;
        color: #FFF;
        line-height: 30px;
        text-align: left
    }

    .coralreef .owl-item p {
        margin-left: 20px;
        padding-right: 0;
        padding-left: 0;
        font-weight: 400;
        font-size: 14px;
        color: #FFF;
        line-height: 21px;
        text-align: left
    }
}

.landingpage.owl-theme .owl-dots .owl-dot span {
    background: #D2D6DE;
    width: 12px;
    height: 12px
}

.landingpage.owl-theme .owl-dots .owl-dot.active span, .landingpage.owl-theme .owl-dots .owl-dot:hover span {
    background: #fff
}

.landingpage .owl-dots {
    margin-top: 10px
}

@media (min-width: 64em) {
    .tx-asrflotte-pi1 .owl-theme .owl-nav {
        position: absolute;
        top: 40%;
        width: 100%;
        z-index: 1
    }

    .tx-asrflotte-pi1 .owl-carousel .owl-stage-outer {
        z-index: 2
    }

    .tx-asrflotte-pi1 .owl-theme .owl-prev {
        position: absolute;
        left: -40px;
        background: url("data:image/svg+xml,%3Csvg width='19' height='31' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%2321385c' fill-rule='nonzero' d='M18.935 3.352L6.787 15.5l12.148 12.148-3.268 3.269L.25 15.5 15.667.083z'/%3E%3Cpath d='M28-3H-9v37h37z'/%3E%3C/g%3E%3C/svg%3E") no-repeat transparent;
        background-size: cover;
        text-indent: -9999px;
        width: 20px;
        height: 33px;
        border-radius: 0
    }

    .tx-asrflotte-pi1 .owl-theme .owl-next {
        position: absolute;
        right: -40px;
        background: url("data:image/svg+xml,%3Csvg width='19' height='31' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%2321385c' fill-rule='nonzero' d='M.065 3.352L12.213 15.5.065 27.648l3.268 3.269L18.75 15.5 3.333.083z'/%3E%3Cpath d='M-9-3h37v37H-9z'/%3E%3C/g%3E%3C/svg%3E") no-repeat transparent;
        background-size: cover;
        text-indent: -9999px;
        width: 20px;
        height: 33px;
        border-radius: 0
    }
}

#waiter {
    position: fixed;
    z-index: 999;
    height: 70%;
    width: 70%;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@media (min-width: 768px) {
    #waiter {
        height: 40%;
        width: 40%
    }
}

#waiter::before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8)
}

#waiter img {
    position: relative;
    width: 100%;
    height: auto;
    display: block
}

.load::before {
    content: '\00a9 smallredgirl / fotolia.com';
    position: absolute;
    top: 5px;
    right: 8px;
    z-index: 99;
    color: #fff;
    font-size: 11px;
    color: rgba(255, 255, 255, .6)
}

.load {
    position: relative;
    display: table;
    color: #fff;
    width: 100%;
    margin: 0 0 0 0;
    font-family: sans-serif;
    font-size: 14px;
    z-index: 1
}

.inner-text {
    display: table-cell;
    padding: 30px 30px 30px 20px;
    background: #24375B;
    vertical-align: middle
}

.inner-circle {
    display: table-cell;
    padding: 10px 0;
    background: #24375b;
    vertical-align: middle;
    padding-left: 15px
}

@media (max-width: 639px) {
    .inner-text {
        padding: 30px 30px 30px 20px
    }
}

.sk-circle {
    width: 50px;
    height: 50px;
    position: relative
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.cookie-wrap {
    opacity: 0;
    width: 1px
}

.cookie-wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 1.8em;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (max-width: 939px) {
    .cookie-wrap {
        padding-top: 1em
    }
}

.cookie-wrap.visible {
    opacity: 1;
    transition: opacity 1.5s linear;
    z-index: 9999;
    width: 100%
}

.cookie-wrap {
    -ms-flex-direction: row;
    flex-direction: row
}

.cookie-wrap {
    color: rgb(255, 255, 255);
    background-color: #21385c
}

.cookie-content {
    width: 100%;
    max-width: 960px;
    padding-right: .625rem;
    padding-left: .625rem;
    margin: 0 auto
}

.cookie-content p {
    margin: 0;
    font-size: 12px
}

.cookie-content a {
    text-decoration: underline;
    color: #fff
}

.cookie-content .text, .choose {
    display: block;
    font-size: 12px
}

.choose {
    padding: 10px 0 10px 0
}

@media (min-width: 481px) {
    .choose {
        margin-top: 10px;
        padding: 0
    }
}

.choose-yes, .choose-no {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    cursor: pointer
}

.choose-yes {
    margin-right: 8px;
    font-weight: 600
}

.choose-yes::after {
    content: url("data:image/svg+xml,%3Csvg width='6' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M-.06 1.06L3.88 5-.06 8.94 1 10l5-5-5-5z'/%3E%3Cpath d='M-3-1H9v12H-3z'/%3E%3C/g%3E%3C/svg%3E");
    position: relative;
    margin-left: 2px;
    top: 1px
}

@media (min-width: 940px) {
    .cookie-content .text {
        float: left
    }

    .choose {
        float: right;
        margin-top: 0
    }

    .choose-yes, .choose-no, .cookie-content .text {
        display: inline-block
    }
}

.cookievisible {
    height: 220px
}

@media (min-width: 420px) {
    .cookievisible {
        height: 200px
    }
}

@media (min-width: 640px) {
    .cookievisible {
        height: 160px
    }
}

@media (min-width: 768px) {
    .cookievisible {
        height: 130px
    }
}

@media (min-width: 940px) {
    .cookievisible {
        height: 98px
    }
}