/* ############################ reset.css ############################ */
article, aside, audio, command, datagrid, details, dialog, embed,
figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
video, wbr {
	display: block;
}

bdi, figcaption, keygen, mark, meter, progress, rp, rt, ruby, time {
	display: inline;
}

acronym, applet, big, center, dir, font, frame, frameset, noframes, s,
strike, tt, u, xmp {
	display: none;
}

a, abbr, area, article, aside, audio, b, bdo, blockquote, body, button,
canvas, caption, cite, code, col, colgroup, command, datalist, dd, del,
details, dialog, dfn, div, dl, dt, em, embed, fieldset, figure, form,
h1, h2, h3, h4, h5, h6, head, header, hgroup, hr, html, i, iframe, img,
input, ins, keygen, kbd, label, legend, li, map, mark, menu, meter, nav,
noscript, object, ol, optgroup, option, output, p, param, pre, progress,
q, rp, rt, ruby, samp, section, select, small, span, strong, sub, sup,
table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
	background: transparent;
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	outline: none;
	padding: 0;
	text-align: left;
	text-decoration: none;
	vertical-align: baseline;
    /* z-index: 1; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

body {
    color: #575756;
    font-family: "VolkswagenSerial-Medium","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:1rem;
    line-height:1.3;
    color: #333;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
select{
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;  /* Safari 3-4, iOS 1-3.2, Android 1.6- */  /* Firefox 1-3.6 */     
    border-radius: 0;  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
select::-ms-expand {
    display: none;
}
select:focus::-ms-value {
    background-color: transparent;
}
/* ############################ adjust.css ############################ */
html {
    font-size: calc(1em + 1vw);
    line-height:1.3;
}

@media (min-width: 300px) { /*Breakpoint 720x480 WVGA */
    html {
        font-size: 10px;
        line-height:1.3;
    }
}
@media (min-width: 350px) { /*Breakpoint 720x480 WVGA */
    html {
        font-size: 12px;
        line-height:1.3;
    }
}
@media (min-width: 720px) { /*Breakpoint 720x480 WVGA */
    html {
        font-size: 13px;
        line-height:1.3;
    }
}
@media (min-width: 1024px) { /*Breakpoint 1024x768 EVGA */
    html {
        font-size: 9px;
        line-height:1.3;
    }
}
@media (min-width: 1280px) { /*Breakpoint 1280x768 WXGA */
    html {
        font-size: 13px;
        line-height:1.3;
    }
}

@media (min-width: 1366px) { /*Breakpoint 1366x768 WXGA */
    html {
        font-size: 14px;
        line-height:1.3;
    }
}

@media (min-width: 1920px) { /*Breakpoint 1920x1080 HD1080, 1080p */ 
    html {
        font-size: 20px;
        line-height:1.3;
    }
} 
@media (min-width: 2560px) { /*Breakpoint 2560x1080 WQHD, 1440p */ 
    html {
        font-size: 26px;
        line-height:1.3;
    }
} 

/* ############################ wenn benötigt einzelne animate.css klassen ############################ */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

50% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
    transform: scale3d(1.25, 1.25, 1.25);
}

to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}

@keyframes pulse {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

50% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
    transform: scale3d(1.25, 1.25, 1.25);
}

to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
/* ############################ fonts ############################ */

/* 
#   verwendet:
#
#   OpenSans-Semibold.ttf
#   
#   NotoSerif-Regular.ttf
#   NotoSerif-Bold.ttf
#   
#   Overpass-Light.ttf
#   Overpass-Regular.ttf
#   Overpass-Bold.ttf 
*/

@font-face { font-family: 'Overpass';
    src: url('../fonts/Overpass-ExtraLight.ttf') format('truetype'); 
    font-weight:200;
    font-style:normal;
}
@font-face { font-family: 'Overpass';
    src: url('../fonts/Overpass-Light.ttf') format('truetype'); 
    font-weight:300;
    font-style:normal;
}
@font-face { font-family: 'Overpass';
    src: url('../fonts/Overpass-Regular.ttf') format('truetype'); 
    font-weight:400;
    font-style:normal;
}
@font-face { font-family: 'Overpass';
    src: url('../fonts/Overpass-Bold.ttf') format('truetype'); 
    font-weight:700;
    font-style:normal;
}

@font-face { font-family: 'NotoSerif';
    src: url('../fonts/NotoSerif-Regular.ttf') format('truetype'); 
    font-weight:normal;
    font-style:normal;
}
@font-face { font-family: 'NotoSerif';
    src: url('../fonts/NotoSerif-Bold.ttf') format('truetype'); 
    font-weight:bold;
    font-style:normal;
}
@font-face { font-family: 'NotoSerif';
    src: url('../fonts/NotoSerif-Italic.ttf') format('truetype'); 
    font-weight:normal;
    font-style:italic;
}
@font-face { font-family: 'NotoSerif';
    src: url('../fonts/NotoSerif-BoldItalic.ttf') format('truetype'); 
    font-weight:bold;
    font-style:italic;
}

@font-face { font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Light.ttf') format('truetype'); 
    font-weight:300;
    font-style:normal;
}
@font-face { font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype'); 
    font-weight:400;
    font-style:normal;
}
@font-face { font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Semibold.ttf') format('truetype'); 
    font-weight:600;
    font-style:normal;
}
@font-face { font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype'); 
    font-weight:700;
    font-style:normal;
}



/* ############################ globale styles ############################ */

html,
body{
    font-family: Overpass;
    color:rgb(87,87,86);
    background-color:#FFFFFF;
    max-width:100%;
    overflow-x:hidden;
    position: relative;
    min-height: 100%;
}
body.modal-open {
    overflow: hidden;
}
html>body picture.img{
    background:rgb(143, 143, 143) url('../images/loader.gif') center center no-repeat;
    background-size: auto;
    height:100%;
    min-height:150px;
    display: block;
    position: relative;
}
html>body picture.img img{
    min-height:1px;
}
html>body picture.img.b-loaded{
    background:transparent;
    min-height:0;
}

html>body h3,
html>body .hyphens{
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
html>body .ellipsis{
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden; 
    width: 160px; 
    height: 1.2em; 
    white-space: nowrap;
}
html>body input.ellipsis,
html>body select.ellipsis{
    width: inherit; 
    height: inherit; 
}
html>body textarea[aria-invalid="true"],
html>body textarea.invalid,
html>body input.invalid,
html>body input[aria-invalid="true"],
html>body input[aria-invalid="true"] ~ span,
html>body input.invalid ~ span{
    border-bottom:2px solid rgba(234,54,25,1) !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
html>body input.invalid{
    border-bottom:2px solid rgba(234,54,25,1) !important;
}
html>body input.invalid ~ span{
    background-color:rgba(234,54,25,1) !important;
}
picture>img{
    width: 100%;
}
picture.full>img{
    height:100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    font-family: 'object-fit: cover; object-position: center;';
}
.gallery{
    position:relative;
}
.gallery:after{
    content:'';
    position:absolute;
    bottom:0;
    right:0;
    height:8.10vh;
    width:14.40vw;
    background-color:#ECECEC;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    content: '';
    background-image: url(../images/icons/icon_galerie.svg);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}
.gallery a:not(:first-child){
    display:none;
}
a, a:hover, a:active, a:focus{
    color:inherit;
    text-decoration:inherit;
}
.copyright{
    position: absolute;
    left:0;
    top:0;
    background-color:rgba(255,255,255,0.5);
    padding:5px;
    font-size:0.8rem;
    content:'©'
}
.copyright:before{
    content:'\00a9';
    margin-right:0.15rem;
}
h1{
    font-family: Overpass;
    font-weight:700;
    font-size:2.5833rem;
    color:#0D509E;
    text-align:center;
    margin-bottom:8.1vh;
}
select, input{
    -webkit-appearance: none;
    border:1px solid rgba(112,112,112,0.5);
    color:#0072AB;
    padding:0.7500rem 0.5rem;
    font-size:1.5000rem;
    border-bottom-right-radius: 0.7rem;
    background-color:#ffffff;
    width:100%;
    position:relative;
}
select{
    padding-right:3rem;
    cursor:pointer;
}
select.simple-select{
    height:auto;
    font-size:1.1667rem;
    padding:0.3333rem;
    background-color:#ECECEC;
    color:#707070;
    border-radius: 0;
    border:0;
    text-align: center;
    padding-right:3.9999rem;
}
select{
    cursor: pointer;
}
.wrapper{
    width:100%;
    position: relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.wrapper:after{
    content:'';
    display:inline-block;
    width:1.3333rem;
    height:1.3333rem;
    margin-left:auto;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    position: absolute;
    right: 1.3333rem;
    top: calc(50% - 0.66665rem);
    pointer-events: none;
}
.select.wrapper:after{
    background-image:url('../images/icons/chevrondown.svg');
}
.select.simple-select.wrapper:after,
.select.wrapper.gray:after{
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.search.wrapper:after{
    background-image:url('../images/icons/lupe.svg');
    width:1.7825rem;
    height:1.7825rem;
    top:calc(50% - 0.89125rem);
}
.currency.wrapper:after{
    content: '\20AC';
    font-size: inherit;
    height: 100%;
    top: 0;
    right: 0;
    padding: 1rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 3rem;
    border-radius: 0.15rem;
    border-left: 1px solid rgba(112,112,112,0.5);
}

::-webkit-input-placeholder{opacity:1;color:#0072AB;}
::-moz-placeholder{opacity:1;color:#0072AB;}
:-ms-input-placeholder{opacity:1;color:#0072AB;}

input[type=text]{
    cursor: text;
}
input[type=submit],
button.red,
button.submit,
.dropdown-toggle{
    cursor: pointer;
}
button{
    cursor: pointer;
}
.chkbx-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.chkbx-wrapper label,
.chkbx-wrapper label.checkbox{
    margin:0;
}
.chkbx-wrapper>*:first-child{
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    margin-bottom:2.0833rem;
}
.chkbx-wrapper>*:last-child{
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 90%;
    flex-basis: 90%;
}
.chkbx-wrapper .chkbx-custom{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position:relative;
}
.chkbx-wrapper .chkbx-custom>span{
    display:inline-block;
    width:1.5rem;
    height:1.5rem;
    border:1px solid #707070;
    border-radius: 100%;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.chkbx-wrapper .chkbx-custom>span:after {
    content: "";
    display: none;
    top:0;
    left:0;
    width:0;
    height:0;
    border:0.5rem solid #0D509E;
    border-radius: 100%;
}
.chkbx-wrapper .chkbx-custom>input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width:1.5rem;
    height:1.5rem;
}
.chkbx-wrapper .chkbx-custom>input:checked:active ~ span:after,
.chkbx-wrapper .chkbx-custom>input:checked ~ span:after {
    display:block;
}
.pagination-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top:1.6667rem;
    margin-bottom:1.3333rem;
}
.pagination-wrapper a:first-child img{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.pagination-wrapper a{
    height:2.25rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.pagination-wrapper a img{
    height:47.37%;
}
.pagination-wrapper .pagination{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    font-size:1.5rem;
    margin:0 0.9167rem;
}
.pagination-wrapper .pagination li{
    width:2.25rem;
    height:2.25rem;
    color:#0072AB;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding:0.25rem;
}
.pagination-wrapper .pagination li.disabled{
    display: none;
}
.pagination-wrapper .pagination li.active{
    background-color:#0072AB;
    color:#ffffff;
}
#not-found{
    display:none;
    font-weight:700;
    font-size:1.5rem;
    color:#707070;
    text-align: center;
    margin:1rem;
}
p{
    margin-bottom:1rem;
}
.shadow-button-outer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}
.shadow-button-outer .shadow-button{
    padding:2.4167rem 2.0833rem;
    font-size:1.7500rem;
    height:6.0550rem;
    width:80vw;
    margin-right:1.7500rem;
    margin-bottom:6.30vh;
    -webkit-box-shadow: -6px 6px 5px 3px rgba(0,0,0,0.16);
    box-shadow: -6px 6px 5px 3px rgba(0,0,0,0.16);
    background-color:#0D509E;
    color:#ffffff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.shadow-button-outer.small{
    max-width: 57.33vw;
    margin-left: auto;
    margin-right: 1rem;
}
.shadow-button-outer .shadow-button:after{
    content:'';
    position:absolute;
    top:0;
    left:100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #0D509E;
    border-width: 3.0275rem 0 3.0275rem 1.7500rem;
}
ul.orange li:not(.special-wrap):not(.strong){
    position:relative;
    margin-bottom:0.8333rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:0  1.8333rem;
    word-wrap: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}
ul.orange > li:not(.special-wrap).strong{
    padding-top:1rem;
}
ul.orange > li:not(.special-wrap).strong>strong{
    font-weight:700;
    margin-left:2.38075rem;
    display:block;
}
ul.orange li:not(.special-wrap):not(.strong):before{
    content:'';
    position:relative;
    top:0;
    left:-0.75rem;
    border-style: solid;
    border-width: 0.5rem 0 0.5rem 0.75rem;
    border-color: transparent transparent transparent #FF963A;
    margin-top:0.25rem;
}
.special-wrap{
    position: relative;
    margin-top:2.0833rem;
    background: rgb(255,150,58);
    background: -o-linear-gradient(bottom, rgba(255,150,58,1) 0%, rgba(255,153,65,1) 10%, rgba(255,156,71,1) 20%, rgba(255,158,77,1) 30%, rgba(255,160,82,1) 40%, rgba(255,162,86,1) 50%, rgba(255,163,89,1) 60%, rgba(255,164,91,1) 70%, rgba(255,165,93,1) 80%, rgba(255,165,93,1) 90%, rgba(255,165,93,1) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,150,58,1)), color-stop(10%, rgba(255,153,65,1)), color-stop(20%, rgba(255,156,71,1)), color-stop(30%, rgba(255,158,77,1)), color-stop(40%, rgba(255,160,82,1)), color-stop(50%, rgba(255,162,86,1)), color-stop(60%, rgba(255,163,89,1)), color-stop(70%, rgba(255,164,91,1)), color-stop(80%, rgba(255,165,93,1)), color-stop(90%, rgba(255,165,93,1)), to(rgba(255,165,93,1)));
    background: linear-gradient(0deg, rgba(255,150,58,1) 0%, rgba(255,153,65,1) 10%, rgba(255,156,71,1) 20%, rgba(255,158,77,1) 30%, rgba(255,160,82,1) 40%, rgba(255,162,86,1) 50%, rgba(255,163,89,1) 60%, rgba(255,164,91,1) 70%, rgba(255,165,93,1) 80%, rgba(255,165,93,1) 90%, rgba(255,165,93,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff963a",endColorstr="#ffa55d",GradientType=1); 
    width:calc(100% + 1rem);
    left:-1rem;
    padding:1.25rem 1rem 1.25rem 1.8333rem;
    font-weight:700;
    font-size:1.3333rem;
    color:#ffffff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.special-wrap:after{
    content:'';
    position: absolute;
    top:-1rem;
    left:0;
    border-style: solid;
    border-width: 0.5rem;
    border-color: transparent #FF963A #FF963A transparent;
}
.special-wrap>*{
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.special-wrap .price{
    text-align: right;
    font-size:2rem;
}
.special-wrap .price>span:last-child{
    font-size: 3.0833rem;
}
table{
    margin:0 auto;
}
table tr td{
    border:1px solid #7d7d7d;
    padding:1rem;
}
html>body label a,
html>body p a,
html>body .text a{
    font-weight:300;
    color:#0072AB;
    display:inline-block;
}
html>body .text a:not(:first-of-type){
    margin-top:2.5833rem;
}
#scroll-up{
    font-family:OpenSans;
    font-weight:600;
    color:rgba(65,64,64,0.3);
    font-size:1.1667rem;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding:2.8333rem 1.5rem 1.5833rem 1.5rem;
    cursor: pointer;
}
#scroll-up>object{
    fill:rgba(65,64,64,0.3);
    stroke:rgba(65,64,64,0.3);
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    max-height:1.80vh;
    max-width:6.13vw;
    margin-right:0.5833rem;
}
form fieldset:last-of-type{
    margin-bottom:1rem;
}
/* ############################ header styles ############################ */
header{
    height: 5.7rem;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding:1.6rem 1.4167rem 0.8rem ;
    z-index:5;
}

header.active{
    height: 100%;
    position:relative;
}
header.relative{
    position:relative;
}
header .logo{
    min-height: 3.55rem;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    margin-left:0;
    width:16.17rem;
    margin-bottom:-0.8rem;
}
/* ############################ navbar styles ############################ */
header .menu{
    background-color:#ffffff;
    top:0;
    left:0;
    position: absolute;
    width:100%;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: 0.25s opacity, 0.25s -webkit-transform;
    transition: 0.25s opacity, 0.25s -webkit-transform;
    -o-transition: 0.25s transform, 0.25s opacity;
    transition: 0.25s transform, 0.25s opacity;
    transition: 0.25s transform, 0.25s opacity, 0.25s -webkit-transform;
    z-index: -1;
    opacity:0;
}
header.active .menu{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity:1;
    position: relative;    
}
header .menu>ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color:#0D509E;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 2.3333rem;
    font-weight: bold;
    margin:0;
    width:100%;
}
header .menu ul>li{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin:0;
    width:100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
header .menu>ul>li>a{
    border-bottom:1px solid #707070;
    padding:1.2500rem 0;
    width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
header .menu>ul>li.dropdown>a:after{
    content:'';
    display:inline-block;
    width:1.3333rem;
    height:1.3333rem;
    margin-left:auto;
    background-image:url('../images/icons/chevrondown.svg');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    -webkit-transition: 0.25s -webkit-transform ease-in-out;
    transition: 0.25s -webkit-transform ease-in-out;
    -o-transition: 0.25s transform ease-in-out;
    transition: 0.25s transform ease-in-out;
    transition: 0.25s transform ease-in-out, 0.25s -webkit-transform ease-in-out;
}
header .menu>ul>li.dropdown.active>a:after{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
header .menu ul li ul.dropdown-menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size:0.8889rem;
    background-color:#ffffff;
    font-weight:normal;
    color:#707070;
    height:0;
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transition: 0.25s height ease-in-out, 0.25s -webkit-transform ease-in-out;
    transition: 0.25s height ease-in-out, 0.25s -webkit-transform ease-in-out;
    -o-transition: 0.25s transform ease-in-out, 0.25s height ease-in-out;
    transition: 0.25s transform ease-in-out, 0.25s height ease-in-out;
    transition: 0.25s transform ease-in-out, 0.25s height ease-in-out, 0.25s -webkit-transform ease-in-out;
    overflow: hidden;
    -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
            transform-origin: 100% 0;
}
header .menu ul li.active ul.dropdown-menu{
    -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
            transform: scaleY(1);
    height:calc(100% - 5rem);
}
header .menu ul li ul.dropdown-menu li{
    width:100%;
}
header .menu ul li ul.dropdown-menu li>a:hover{
    color:#0072AB;
    background-color:#ECECEC;
}
header .menu ul li ul.dropdown-menu li>a{
    width:100%;
    display: block;
    white-space: nowrap;
    font-size:1.6667rem;
}   
header .menu ul li.dropdown ul.dropdown-menu>li:not(:first-child):not(:last-child)>a{
    padding:0.75rem 0;
}       
header .menu ul li.dropdown ul.dropdown-menu>li:first-child>a{
    padding-top:0.9167rem;
    padding-bottom:0.75rem;
}       
header .menu ul li.dropdown ul.dropdown-menu>li:last-child>a{
    padding-top:0.75rem;
    padding-bottom:0.9167rem;
}       
header .burger{
    height:3.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
header .burger svg{
    height:40px;
    width:38px;
}
header .burger svg #Gruppe_1 #Linie_1,
header .burger svg #Gruppe_1 #Linie_2{
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
header .burger svg #Gruppe_1 #Linie_1{
    -webkit-transform-origin: 50%;
        -ms-transform-origin: 50%;
            transform-origin: 50%;
}
header .burger svg #Gruppe_1 #Linie_2{
    -webkit-transform-origin: 50% calc(50% + 7px);
        -ms-transform-origin: 50% calc(50% + 7px);
            transform-origin: 50% calc(50% + 7px);
}
header .burger svg #Gruppe_2{
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
header.active .burger svg #Gruppe_2{
    opacity: 0;
}

header.active .burger svg #Gruppe_1 #Linie_1{
    -webkit-transform: translateY(12%) rotate(45deg);
        -ms-transform: translateY(12%) rotate(45deg);
            transform: translateY(12%) rotate(45deg);
}
header.active .burger svg #Gruppe_1 #Linie_2{
    -webkit-transform: translateY(-12%) rotate(-45deg);
        -ms-transform: translateY(-12%) rotate(-45deg);
            transform: translateY(-12%) rotate(-45deg);
}
/* ############################ main styles ############################ */
.main{
    width:100%;
    height:auto;
    padding:0;
    margin:0;
    padding-top:10.34vh;
}
.main .h-image{
    height:calc((25em - 100%) * 1000);
    max-height:76.86vh;
    min-height:68.38vh;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left;
       object-position: left;
    font-family: 'object-fit: contain; object-position: left;';
    width: 100%;
    overflow:hidden;
    margin-top:-10.34vh;
}

/* ############################ reisefinder styles ############################ */
.reisefinder{
    background-color:#ECECEC;
    width:100%;
    min-height:259px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding:2.6667rem 1.4167rem;
}
.reisefinder h1{
    font-family: NotoSerif, 'Times New Roman', Times, serif;
    font-size: 2.8333rem;
    color:#707070;
    margin-bottom:1.5833rem;
    text-align: center;
    font-weight:400;
    width:100%;
}
.reisefinder select,
.reisefinder input:not([type=search]){
    margin-bottom:0.4167rem;
}
.reisefinder span{
    margin-top:1.0833rem;
    margin-bottom:0.5833rem;
    width:100%;
}
.reisefinder>*:last-child{
    margin:0;
}
.reisefinder #suchen{
    width: 100%;
    padding:1.1667rem;
    background-color:#0D509E;
    font-size:1.3889rem;
    font-weight:700;
    color:#ffffff;
    margin-left: auto;
    width: auto;
    margin-top: 1.0833rem;
}
/* ############################ banner styles ############################ */
.banner{
    min-height: 21.48vh;
    background: rgb(1,78,159);
    background: -o-linear-gradient(bottom, rgba(1,78,159,1) 0%, rgba(0,82,161,1) 10%, rgba(0,86,163,1) 20%, rgba(0,90,165,1) 30%, rgba(0,94,167,1) 40%, rgba(0,97,169,1) 50%, rgba(0,101,171,1) 60%, rgba(0,105,173,1) 70%, rgba(0,109,175,1) 80%, rgba(0,112,177,1) 90%, rgba(0,115,178,1) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(1,78,159,1)), color-stop(10%, rgba(0,82,161,1)), color-stop(20%, rgba(0,86,163,1)), color-stop(30%, rgba(0,90,165,1)), color-stop(40%, rgba(0,94,167,1)), color-stop(50%, rgba(0,97,169,1)), color-stop(60%, rgba(0,101,171,1)), color-stop(70%, rgba(0,105,173,1)), color-stop(80%, rgba(0,109,175,1)), color-stop(90%, rgba(0,112,177,1)), to(rgba(0,115,178,1)));
    background: linear-gradient(0deg, rgba(1,78,159,1) 0%, rgba(0,82,161,1) 10%, rgba(0,86,163,1) 20%, rgba(0,90,165,1) 30%, rgba(0,94,167,1) 40%, rgba(0,97,169,1) 50%, rgba(0,101,171,1) 60%, rgba(0,105,173,1) 70%, rgba(0,109,175,1) 80%, rgba(0,112,177,1) 90%, rgba(0,115,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#014e9f",endColorstr="#0073b2",GradientType=1); 
    padding:1.1667rem 1rem;
    color:#ffffff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.banner .titel{
    font-size: 2.0833rem;
    font-weight:300;
}
.banner .telefon{
    font-size: 2.8333rem;
    font-weight:700;
    margin:1.3333rem 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width:100%;
}
.banner .telefon img{
    width:3rem;
    margin-right:1.5rem;
}
.banner .open{
    font-size: 1.5833rem;
    font-weight:300;
    -ms-flex-item-align: end;
        align-self: flex-end;
}
.banner-wrapper .firma{
    color:#707070;
    font-size:1.3333rem;
    -ms-flex-preferred-size:100%;
        flex-basis:100%;
    text-align: center;
    padding:1.4167rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}
/* ############################ reiseübersicht styles ############################ */
.reiseihvz h1,
.reiseuebersicht h1{
    margin:0 1.5rem;
    padding:1.8333rem 1.25rem;
    border-top:1px solid #707070;
    border-bottom:1px solid #707070;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    margin-bottom:1.0833rem;
}
.reiseuebersicht .empty{
    margin:1.5rem 0;
}
.reiseuebersicht .sort{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    margin:0 1.5rem;
}
.reiseuebersicht .sort span{
    font-size:1.1667rem;
}
.reiseuebersicht .sort .select.wrapper{
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 63.29%;
    flex-basis: 63.29%;
}
.reiseuebersicht #reise-list .list .reise{
    min-height:14.0833rem;
    background-color:rgba(236,236,236,0.5);
    padding:1.8333rem 1.4167rem;
    margin-right:2.0833rem;
    position: relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.reiseuebersicht #reise-list .list .reise .title{
    font-size:2rem;
    font-weight:700;
    color:#0D509E;
    margin-bottom:1.1667rem;
    text-transform: uppercase;
}
.reiseuebersicht #reise-list .list .reise .subtitle{
    font-size:1.6667rem;
    font-weight:700;
    color:#707070;
    margin-bottom:2.2500rem;
}
.reiseuebersicht #reise-list .list .reise .datumausgabe,
.reiseuebersicht #reise-list .list .reise .dauer,
.reiseuebersicht #reise-list .list .reise .minpreis{
    width:100%;
    display:block;
}
.reiseuebersicht #reise-list .list .reise .datumausgabe,
.reiseuebersicht #reise-list .list .reise .dauer{
    font-size:1.5000rem;
    color:#0D509E;
}
.reiseuebersicht #reise-list .list .reise .datumausgabe{
    font-weight:700;
    margin-bottom:0.75rem;
}
.reiseuebersicht #reise-list .list .reise .dauer{
    margin-bottom:0.4167rem;
}
.reiseuebersicht #reise-list .list .reise .minpreis{
    font-size:1.3333rem;
    color:#707070;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: end;
}
.reiseuebersicht #reise-list .list .reise .minpreis>span{
    font-size:1.8333rem;
    font-weight:700;
    margin-left:1.2500rem;
}
.reiseuebersicht #reise-list .list .reise .more{
    position: absolute;
    top:0;
    left:100%;
    height:100%;  
    width:2.0833rem; 
    padding:1.8333rem 0.6667rem;
    background: rgb(1,78,159);
    background: -o-linear-gradient(bottom, rgba(1,78,159,1) 0%, rgba(0,82,161,1) 10%, rgba(0,86,163,1) 20%, rgba(0,90,165,1) 30%, rgba(0,94,167,1) 40%, rgba(0,97,169,1) 50%, rgba(0,101,171,1) 60%, rgba(0,105,173,1) 70%, rgba(0,109,175,1) 80%, rgba(0,112,177,1) 90%, rgba(0,115,178,1) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(1,78,159,1)), color-stop(10%, rgba(0,82,161,1)), color-stop(20%, rgba(0,86,163,1)), color-stop(30%, rgba(0,90,165,1)), color-stop(40%, rgba(0,94,167,1)), color-stop(50%, rgba(0,97,169,1)), color-stop(60%, rgba(0,101,171,1)), color-stop(70%, rgba(0,105,173,1)), color-stop(80%, rgba(0,109,175,1)), color-stop(90%, rgba(0,112,177,1)), to(rgba(0,115,178,1)));
    background: linear-gradient(0deg, rgba(1,78,159,1) 0%, rgba(0,82,161,1) 10%, rgba(0,86,163,1) 20%, rgba(0,90,165,1) 30%, rgba(0,94,167,1) 40%, rgba(0,97,169,1) 50%, rgba(0,101,171,1) 60%, rgba(0,105,173,1) 70%, rgba(0,109,175,1) 80%, rgba(0,112,177,1) 90%, rgba(0,115,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#014e9f",endColorstr="#0073b2",GradientType=1); 
}
.reiseuebersicht #reise-list .list a:first-child{
    margin-top:0;
}
.reiseuebersicht #reise-list .list a:last-child{
    margin-bottom:0;
}
.reiseuebersicht #reise-list .list a{
    margin-top:0.8333rem;
    margin-bottom:0.8333rem;
    display:block;
}
/* ############################ reisedetail styles ############################ */
.reisedetail h1{
    text-transform: uppercase;
    padding-bottom:1.4167rem;
    margin:0 1.4167rem 1.1667rem 1.4167rem;
    border-bottom:1px solid #707070;
    font-family: NotoSerif, 'Times New Roman', Times, serif;
    font-size: 2.8333rem;
    color:#707070;
    margin-bottom:1.5833rem;
    font-weight:400;
    text-align: left;
    -webkit-hyphens:inherit;
        -ms-hyphens:inherit;
            hyphens:inherit;
}
.reisedetail h2{
    font-family: NotoSerif;
    font-size: 1.9167rem;
    color:#F99D2F;
    margin:0 1.4167rem 2rem 1.4167rem;
}
.reisedetail #action-bar{
    font-family: OpenSans;
    font-weight:600;
    font-size:1.1667rem;
    color:rgba(65,64,64,0.3);
    height:1.8333rem;
    margin-bottom:1rem;
    -webkit-transition: height 0.25s ease-in-out;
    -o-transition: height 0.25s ease-in-out;
    transition: height 0.25s ease-in-out;
}
.reisedetail #action-bar.show{
    height:8rem;
}
.reisedetail #action-bar>div{
    padding:0 1.3333rem;
    width:100%;
    height:1.8333rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.reisedetail #action-bar>.share a,
.reisedetail #action-bar>.share{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    height:5.1667rem;
    padding:0.5rem 0;
    background-color:#ECECEC;
}
.reisedetail #action-bar>.share img{
    height:100%;
    margin:0.5rem;
}
.reisedetail #action-bar>div:not(:last-child){
    margin-bottom:1rem;
}
.reisedetail #action-bar .icon-wrapper,
.reisedetail #action-bar svg{
    height:100%;
    fill:rgba(65,64,64,0.3);
    cursor: pointer;
}
.reisedetail #action-bar svg#back{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    stroke:rgba(65,64,64,0.3);
    margin-right: auto;
}
.reisedetail #action-bar svg#merken{
    -webkit-transition:fill 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition:fill 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    -o-transition:fill 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition:fill 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition:fill 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.reisedetail #action-bar svg#merken.active{
    fill:rgb(207,49,26);
    -webkit-animation-name: pulse;
            animation-name: pulse;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
}
.reisedetail #action-bar .icon-wrapper{
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.reisedetail #action-bar .icon-wrapper:not(:last-child){
    margin-right:2rem;
}
.reisedetail #action-bar .icon-wrapper>svg{
    margin-right:0.6667rem;
}

.reisedetail .reise-bild{
    max-height:31.48vh;
    min-height:31.48vh;
    height:31.48vh;
    margin-bottom:1.8333rem;
    position:relative;
}
.reisedetail .reise-bild .gallery{
    height:100%;
}
.reisedetail .reise-bild .teaser{
    position: absolute;
    top: 1.379em;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.reisedetail .reise-bild .teaser>span{
    padding: 0.5rem 1rem;
    color:
    #fff;
    background: -webkit-gradient(linear,left top, right top,from(rgba(207,49,26,1)), color-stop(10%, rgba(221,43,28,1)), color-stop(20%, rgba(215,50,26,1)), color-stop(30%, rgba(220,51,26,1)), color-stop(40%, rgba(224,52,25,1)), color-stop(50%, rgba(229,53,25,1)), color-stop(60%, rgba(234,54,25,1)), color-stop(70%, rgba(239,55,25,1)), color-stop(80%, rgba(244,56,24,1)), color-stop(90%, rgba(249,57,24,1)),to(rgba(254,58,24,1)));
    background: -o-linear-gradient(left,rgba(207,49,26,1) 0%, rgba(221,43,28,1) 10%, rgba(215,50,26,1) 20%, rgba(220,51,26,1) 30%, rgba(224,52,25,1) 40%, rgba(229,53,25,1) 50%, rgba(234,54,25,1) 60%, rgba(239,55,25,1) 70%, rgba(244,56,24,1) 80%, rgba(249,57,24,1) 90%,rgba(254,58,24,1) 100%);
    background: linear-gradient(90deg,rgba(207,49,26,1) 0%, rgba(221,43,28,1) 10%, rgba(215,50,26,1) 20%, rgba(220,51,26,1) 30%, rgba(224,52,25,1) 40%, rgba(229,53,25,1) 50%, rgba(234,54,25,1) 60%, rgba(239,55,25,1) 70%, rgba(244,56,24,1) 80%, rgba(249,57,24,1) 90%,rgba(254,58,24,1) 100%);
    margin-bottom: 0.5rem;
}
.reisedetail .reise-bild .img>img{
    height:100%;
    width:100%;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: 'object-fit: cover;';
}
.reisedetail .reise-einleitung{
    font-weight:700;
    font-size:1.5rem;
    color:#F99D2F;
    margin-bottom:2rem;
    padding:0 1.3333rem;
}
.reisedetail .texte{
    margin:0 1.3333rem;
}
.reisedetail .texte:not(:last-child){
    margin-bottom:0.4167rem;
}
.reisedetail .texte:last-child{
    margin-bottom:1.5rem;
}
.reisedetail .texte .wrapper:after{
    background-image:url('../images/icons/pfeil_weiss.svg');
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: 0.25s -webkit-transform ease-in-out;
    transition: 0.25s -webkit-transform ease-in-out;
    -o-transition: 0.25s transform ease-in-out;
    transition: 0.25s transform ease-in-out;
    transition: 0.25s transform ease-in-out, 0.25s -webkit-transform ease-in-out;
}
.reisedetail .texte.active .wrapper:after{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.reisedetail .texte h3{
    font-size:1.5833rem;
    font-weight:700;
    color:#fff;
    text-transform: uppercase;
    background-color:#0D509E;
    border-bottom-right-radius:1rem;  
    padding:0.8333rem 0.5667rem;
    width:100%;
}
.reisedetail .texte h4{
    font-size:1.6667rem;
    color:#000000;
    margin:1rem 0;
}
.reisedetail .reise-leistungen{
    background-color:#ECECEC;
}
.reisedetail .reise-leistungen > ul{
    padding-top: 1.6667rem;
    font-size:1.5rem;
    font-weight:300;
    display:none;
}
.reisedetail .reise-leistungen.active > ul{
    display:inherit;
}
.reisedetail .reise-leistungen ul > li:not(.special-wrap):last-of-type{
    padding-bottom:1.6667rem;
}
.reisedetail .reise-zusatz .inhalt{
    padding:1.5833rem 0.2500rem;
    font-size:1.5rem;
    font-weight:300;
    display:none;
}
.reisedetail .reise-zusatz.active .inhalt{
    display:inherit;
}
.reisedetail .reise-zusatz .inhalt>div{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.reisedetail .reise-zusatz .inhalt>div>span:not(:last-child){
    margin-bottom:0.8333rem;
}
.reisedetail .reise-verlauf .inhalt{
    padding-top:0.6667rem;
    padding-bottom:4.5833rem;
    font-size:1.5rem;
    display:none;
}
.reisedetail .reise-verlauf.active .inhalt{
    display:inherit;
}
.reisedetail .reise-verlauf .inhalt h5{
    font-weight:700;
    color:#F99D2F;
    margin-top:2.25rem;
    margin-bottom:0.75rem;
}
.reisedetail .reise-verlauf .inhalt p{
    font-weight:300;
    color:#686867;
}
.reisedetail .reise-hotel .inhalt{
    padding:1.2500rem 0;
    font-size:1.5rem;
    font-weight:300;
    display:none;
}
.reisedetail .reise-hotel.active .inhalt{
    display:inherit;
}
.reisedetail .reise-zustieg .inhalt{
    padding:1.2500rem 0;
    font-size:1.5rem;
    font-weight:300;
    display:none;
}
.reisedetail .reise-zustieg .inhalt table{
    margin:0;
}
.reisedetail .reise-zustieg .inhalt table tr:not(:last-child){
    border-bottom:1px solid #0D509E;
}
.reisedetail .reise-zustieg .inhalt table tr:nth-child(2n+1){
    background-color:#ECECEC;
}
.reisedetail .reise-zustieg .inhalt table tr td{
    border:0;
    padding:0.5rem 1rem;
}
.reisedetail .reise-zustieg.active .inhalt{
    display:inherit;
}
.reisedetail .reise-termine .inhalt{
    display:none;
    font-size:1.3333rem;
    font-weight:300;
}
.reisedetail .reise-termine.active .inhalt{
    display:inherit;
}
.reisedetail .reise-termine .inhalt .termin:not(:last-child){
    margin-bottom:1.2500rem;
}
.reisedetail .reise-termine .inhalt .termin:last-of-type{
    margin-bottom:3.3333rem;
}
.reisedetail .reise-termine .inhalt .termin>*{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.reisedetail .reise-termine .inhalt .termin .preise span:last-child{
    font-size:1.5rem;
}
.reisedetail .reise-termine .inhalt .termin .preise:not(:last-child){
    margin-bottom:0.75rem;
}
.reisedetail .reise-termine .inhalt .termin .preise:last-child{
    margin-bottom:1rem;
}
.reisedetail .reise-termine .inhalt .termin a{
    margin-left: auto;
    display: table;
}
.reisedetail .reise-termine .inhalt .termin button{
    padding:0.8333rem 2.0833rem;
    background: rgb(207,49,26);
    background: -o-linear-gradient(bottom, rgba(207,49,26,1) 0%, rgba(211,49,26,1) 10%, rgba(215,50,26,1) 20%, rgba(220,51,26,1) 30%, rgba(224,52,25,1) 40%, rgba(229,53,25,1) 50%, rgba(234,54,25,1) 60%, rgba(239,55,25,1) 70%, rgba(244,56,24,1) 80%, rgba(249,57,24,1) 90%, rgba(254,58,24,1) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(207,49,26,1)), color-stop(10%, rgba(211,49,26,1)), color-stop(20%, rgba(215,50,26,1)), color-stop(30%, rgba(220,51,26,1)), color-stop(40%, rgba(224,52,25,1)), color-stop(50%, rgba(229,53,25,1)), color-stop(60%, rgba(234,54,25,1)), color-stop(70%, rgba(239,55,25,1)), color-stop(80%, rgba(244,56,24,1)), color-stop(90%, rgba(249,57,24,1)), to(rgba(254,58,24,1)));
    background: linear-gradient(0deg, rgba(207,49,26,1) 0%, rgba(211,49,26,1) 10%, rgba(215,50,26,1) 20%, rgba(220,51,26,1) 30%, rgba(224,52,25,1) 40%, rgba(229,53,25,1) 50%, rgba(234,54,25,1) 60%, rgba(239,55,25,1) 70%, rgba(244,56,24,1) 80%, rgba(249,57,24,1) 90%, rgba(254,58,24,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cf311a",endColorstr="#fe3a18",GradientType=1); 
    font-size: 1.6667rem;
    font-weight:700;
    color:#ffffff;
    text-transform: uppercase;
}
.reisedetail .reise-termine .inhalt .hinweis{
    font-size:1.3333rem;
    font-weight:300;
    color:#707070;
    margin-bottom:1.5rem;
}
/* ############################ reiseihvz styles ############################ */
.reiseihvz h2{
    font-size:2rem;
    font-weight:700;
    color:#0D509E;
    margin-top:2.0833rem;
    margin-bottom:0.75rem;
    padding:0 1.5rem;
}
.reiseihvz .content-row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    padding:0.8333rem 1.5rem;
}
.reiseihvz a:nth-child(odd) .content-row{
    background-color:#ECECEC;
}
.reiseihvz .content-row .vonbis,
.reiseihvz .content-row .dauer{
    font-size:1.3333rem;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    color:#707070;
}
.reiseihvz .content-row .dauer{
    margin-left:0.4167;
}
.reiseihvz .content-row .reise{
    margin-top:0.8333rem;
    font-size:1.5rem;
    color:#0072AB;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

/* ############################ formular styles ############################ */

.formular{
    padding-left:1.2500rem;
    padding-right:1.2500rem;
}
.formular h1{
    font-size:2.6667rem;
}
.formular h2{
    font-family: NotoSerif;
    font-size:2.8333rem;
    color:#707070;
    border-bottom:1px solid #707070;
    padding-bottom:1.3333rem;
    margin-bottom:1.2500rem;
    text-transform: uppercase;
}
.formular h3{
    font-family: NotoSerif;
    font-size:1.9167rem;
    color:#F99D2F;
    margin-bottom:1.5rem;
}
.formular ::-webkit-input-placeholder{opacity:1;color:#707070;padding:0.5833rem;font-size:1.1667rem;line-height:2.25rem;}
.formular ::-moz-placeholder{opacity:1;color:#707070;padding:0.5833rem;font-size:1.1667rem;line-height:2.25rem;}
.formular :-ms-input-placeholder{opacity:1;color:#707070;padding:0.5833rem;font-size:1.1667rem;line-height:2.25rem;}

.formular .wrapper,
.formular textarea,
.formular input,
.formular select{
    color:#000000;
    font-size:1.5rem;
}
.formular textarea,
.formular input,
.formular select{
    border:1px solid rgba(112,112,112,0.5);
    border-radius:0.15rem;
    margin-bottom:0.3333rem;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.formular .wrapper{
    margin-bottom:0.3333rem;
}
.formular .wrapper input{
    margin-bottom:0;
}
.formular select.date{
    font-size:1.6667rem;
}
.formular label{
    margin-top:1.6667rem;
    margin-bottom:0.6667rem;
    display: inline-block;
    color:#414040;
    font-size:1.1667rem;
}
.formular label.checkbox{
    color:#707070;
}
.formular button.red{
    background: rgb(207,49,26);
    background: -o-linear-gradient(bottom, rgba(207,49,26,1) 0%, rgba(211,49,26,1) 10%, rgba(215,50,26,1) 20%, rgba(220,51,26,1) 30%, rgba(224,52,25,1) 40%, rgba(229,53,25,1) 50%, rgba(234,54,25,1) 60%, rgba(239,55,25,1) 70%, rgba(244,56,24,1) 80%, rgba(249,57,24,1) 90%, rgba(254,58,24,1) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(207,49,26,1)), color-stop(10%, rgba(211,49,26,1)), color-stop(20%, rgba(215,50,26,1)), color-stop(30%, rgba(220,51,26,1)), color-stop(40%, rgba(224,52,25,1)), color-stop(50%, rgba(229,53,25,1)), color-stop(60%, rgba(234,54,25,1)), color-stop(70%, rgba(239,55,25,1)), color-stop(80%, rgba(244,56,24,1)), color-stop(90%, rgba(249,57,24,1)), to(rgba(254,58,24,1)));
    background: linear-gradient(0deg, rgba(207,49,26,1) 0%, rgba(211,49,26,1) 10%, rgba(215,50,26,1) 20%, rgba(220,51,26,1) 30%, rgba(224,52,25,1) 40%, rgba(229,53,25,1) 50%, rgba(234,54,25,1) 60%, rgba(239,55,25,1) 70%, rgba(244,56,24,1) 80%, rgba(249,57,24,1) 90%, rgba(254,58,24,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cf311a",endColorstr="#fe3a18",GradientType=1); 
    border:0;   
    color:#ffffff;
    text-transform: uppercase;
    font-size:1.6667rem;
    font-weight:700;
    text-align:center;
    padding:1.1667rem;
    margin:3.25rem 0;
    width:100%;
}
.formular textarea{
    width:100%;
    border:1px solid rgba(112,112,112,0.5);
    min-height:22.19vh;
    margin-bottom:1rem;
}

body .formular .teilnehmerAuswahl{
    margin-bottom:2.25rem;
}
body .formular .teilnehmerAuswahl .label-wrapper{
    margin-right: 0;
}
body .formular #TeilnehmerFieldset{
    margin-bottom: 0.5rem;
}
body .formular #TeilnehmerFieldset .LeistungsBoxWrapper{
   display: flex;
   margin-bottom: 0.5rem;
   flex-wrap: wrap;
}
body .formular #TeilnehmerFieldset .LeistungsBoxWrapper > div{
   width: 100%;
   align-items: center;
   margin-bottom: 0.5rem;
   margin-top: 0.5rem;
}
body .formular #TeilnehmerFieldset .LeistungsBoxWrapper > div > div{
   margin-bottom: 0;
}
body .formular #TeilnehmerFieldset .LeistungsBoxWrapper label{
   margin: 0;
}
body .formular #TeilnehmerFieldset p{
    border-bottom: 2px solid #000;
    margin-bottom: 1rem;
    margin-top: 1rem;
    font-size: 1.1667rem;
}
body .formular #TeilnehmerFieldset .chkbx-wrapper{
    margin-left: 0;
}
body .formular #TeilnehmerFieldset > .chkbx-wrapper{
    margin-top: 1rem;
    margin-bottom: 1rem;
    align-items: center;
}
body .formular #TeilnehmerFieldset > .chkbx-wrapper > .chkbx-custom{
    margin-bottom:0;
}
body .formular #TeilnehmerFieldset > h3{
    margin-top: 1rem;
}
body .formular fieldset#TeilnehmerFieldset .select.wrapper{
    margin-bottom: 0.5rem;
}
body .formular fieldset#TeilnehmerFieldset .versicherungsInfo{
    /* font-size: 0.5rem; */
    color:#707070;
    width: 100%;
}
body .formular fieldset#TeilnehmerFieldset .versicherungsInfo a{
    color:#0072AB;
}

/* ############################ erfolgreich/fehlgeschlagen styles ############################ */

.response{
    font-family: NotoSerif;
}
.response h1{
    font-size:2.8333rem;
    color:#707070;
    border-bottom:1px solid #707070;
    padding-left:1.3333rem;
    padding-right:1.3333rem;
    padding-bottom:1.5rem;
    font-family: NotoSerif;
    font-weight:400;
}
.response h2{
    font-size:1.9167rem;
    color:#0D509E;
    margin-bottom:1.5rem;
    padding-left:1.3333rem;
    padding-right:1.3333rem;
}
.response h3{
    text-align:center;
    font-family:Overpass;
    font-size:1.2rem;
    margin-bottom:1.5rem;
    padding-left:1.3333rem;
    padding-right:1.3333rem;
}
.response h3>span{
    font-weight:700;
}
.response>span{
    margin-bottom:7.05vh;
    display: block;
    text-align: center;
    padding-left:1.3333rem;
    padding-right:1.3333rem;
}
.response a{
    color:#0D509E;
    text-decoration: underline;
}
.response img{
    width:100%;
}

/* ############################ kundenstimmen styles ############################ */

.kundenstimmen{
    font-family: Overpass;
}
.kundenstimmen h1{
    font-size:2.6667rem;
}
.kundenstimmen h2{
    font-family: NotoSerif;
    font-size:1.9167rem;
    color:#0D509E;
    margin-bottom:4.4167rem;
    padding:0 1.4167rem;
}
.kundenstimmen .kunden-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap: wrap;
}
.kundenstimmen .kunden-head > section:first-child{
    flex:0 1 50rem;
}
.kundenstimmen .kunden-head > section:last-child{
    flex:0 1 30rem;
}
.kundenstimmen .search-outer{
    padding:0 1.4167rem;
}
.kundenstimmen .search.wrapper{
    margin-top:1.9167rem;
    margin-bottom:2.7500rem;
}
.kundenstimmen h3{
    font-size:1.3333rem;
    color:#707070;
    padding:0 1.4167rem;
    margin-bottom:3.2500rem;
}
.kundenstimmen #review-list{
    margin-bottom:7.80vh;
}
.kundenstimmen #review-list .review{
    background-color:#ECECEC;
    padding:1.8333rem 1.5rem;
}
.kundenstimmen #review-list .review:first-child{
    margin-bottom:1.0833rem;
}
.kundenstimmen #review-list .review .title{
    font-weight: 700;
    font-size:2rem;
    color:#0D509E;
    margin-bottom:1rem;
}
.kundenstimmen #review-list .review .date{
    font-weight: 700;
    font-size:1.6667rem;
    color:#0D509E;
    margin-bottom:1.8333rem;
}
.kundenstimmen #review-list .review .text{
    font-weight: 300;
    font-size:1.5rem;
    color:rgba(104,104,103,0.9);
    margin-bottom:2rem;
}

.kundenstimmen #review-list .review .reise-pdf{
    background-color:#0D509E;
    color:#ffffff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.kundenstimmen #review-list .review .reise-pdf{
    padding-top:0.5833rem;
    padding-bottom:0.5833rem;
    padding-left:0.75rem;
    padding-right:0.25rem;
    max-width:34.93vw;
    height:6vh;
    margin-left:auto;
    margin-right:1.25rem;
    font-size:0.9167rem;
}
.kundenstimmen #review-list .review .reise-pdf:after{
    content:'';
    position:absolute;
    top:0;
    left:100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #0D509E;
}
.kundenstimmen #review-list .review .reise-pdf:after{
    border-width: 3vh 0 3vh 1.25rem;
}
.kundenstimmen #review-list .review .reise-pdf > img{
    height:1.8042rem;
    margin-left:0.8333rem;
}
.kundenstimmen h4{
    font-size:1.7500rem;
    font-weight:700;
    padding:0 2.0833rem 2.4167rem 2.0833rem;

}

/* ############################ kontakt styles ############################ */

.kontakt .anschrift,
.kontakt .kontakt_info{
    font-size:1.6667rem;
    font-weight:300;
    color:rgba(104, 104, 103, 0.9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
    padding:0 16.27vw;
    margin-bottom:1.8333rem;
}
.kontakt .anschrift>img,
.kontakt .kontakt_info>img{
    width:2.5000rem;
    margin-right:2.3333rem;
}
.kontakt .mailto{
    margin-left:31.73vw;
    color:#0072AB;
    font-size:1.6667rem;
    font-weight:300;
    text-decoration: underline;
    margin-bottom:2.9167rem;
    display:inline-block;
}
.kontakt .map{
    width: 100%;
    height:35.23vh;
    background-color:#ECECEC;
}
.kontakt .text{
    padding:2.5833rem 2.9167rem;
    font-size:1.5rem;
    font-weight:300;
    color:rgba(104, 104, 103, 0.9);
}

/* ############################ busflotte styles ############################ */
    .busflotte .gallery picture.img{
        height:37.93vh;
    }
    .busflotte h2{
        font-size:1.6667rem;
        font-weight:700;
        color:#707070;
        padding:1.3333rem 0.6667rem;
    }
    .busflotte h2:not(:first-of-type){
        margin-top:7.50vh;
    }
    .busflotte .text{
        padding:3.5833rem 0 1rem 0;
        background-color:#ECECEC;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .busflotte .text,
    .busflotte p{
        color:#686867;
        font-size:1.5rem;
        font-weight:300;
    }
    .busflotte p.light{
        font-size:1.5rem;
        font-weight:300;
        color: rgba(104, 104, 103, 0.9);
    }
    .busflotte h3{
        text-align: center;
        color:#0D509E;
        font-size:2.0833rem;
        font-weight:700;
        text-transform: uppercase;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
-ms-flex-negative: 0;
    flex-shrink: 0;
-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    }
    .busflotte .text ul{
        color: rgba(104, 104, 103, 0.9);
    }
    .busflotte .text ul>li:not(:last-child){
        margin-bottom:1.6667rem;
    }
    .busflotte .text ul,
    .busflotte .text p{
        padding:1.8333rem;
    }
    .busflotte .text picture.img{
        margin:0 0.5rem;
        width:100%;
    }
    .busflotte .text a{
        padding:0 1.8333rem;
        display: block;
        width: 100%;
    }
    .busflotte .text a:not(:first-of-type){
        margin-top:0.5rem;
    }
    .busflotte h3:last-of-type{
        margin-top:3rem;
        margin-bottom:1.6667rem;
    }
    .busflotte p.button-text{
        padding:0 1.2500rem;
        margin-bottom:2.5rem;
    }

/* ############################ beiträge styles ############################ */
.content{
    background-color:#ECECEC;
}
.content .row-3{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.content .row-3>*{
    min-width:320px;
    max-width:calc(95% / 3);
}
.content .row-3>hr{
    min-width:320px;
    max-width:95vw;
    width:95vw;
}
.content section{
    padding:1.6667rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.content section.column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
}
.content section.column h2{
    text-align: center;
}
.content section.spacing:not(:first-child){
    margin-bottom:1rem;
}
.content section>.text ~ img,
.content section>img{
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.content section>p{
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.content h1{
    margin-bottom:1rem;
    font-size:2.25rem;
    text-align: left;
    width:100%;
}
.content h2{
    font-size:1.6667rem;
    font-weight:700;
    color:#707070;
    padding:1.3333rem 0;
    width:100%;
}
.content h3{
    font-size: 1.5rem;
    font-weight:700;
    margin-bottom:0.5rem;
    margin-top:0.5rem;
}
.content strong{
    font-weight:700;
}
.content hr{
    margin:0.5rem 1.6667rem;
    border-bottom:1px solid #c6c6c6;
}
.content section hr{
    margin:0.5rem 0;
    width:100%;
}
.content .text,
.content ul,
.content ol,
.content p{
    color:#686867;
    font-size:1.5rem;
    font-weight:300;
}
.content p.light{
    font-size:1.5rem;
    font-weight:300;
    color: rgba(104, 104, 103, 0.9);
}
.content p.details{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size:1.25rem;
    margin-bottom:0;
}
.content p.details.left{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.content p.details>span:not(:first-child){
    border-left: 1px solid #686867;
    margin-left:0.5rem;
    padding-left:0.5rem; 
}
.content figure picture.img {
    height:auto;
}
.content figure figcaption {
    display:block;
    text-align: center;
    margin-top:0.5rem;
    font-size:0.75rem;
}
.content figure:not(:last-of-type){
    margin-bottom:1rem;
}
.content ol,
.content ul{
    width:100%;
    margin-bottom:1rem;
}
.content ol{
    list-style-type:decimal;
    list-style-type:decimal-leading-zero;
}
.content ol li{
    margin-left:2rem;
    padding:0.25rem 0;
}
.content li>a{
    color:#0072AB;
    display:inline-block;
}
.content button.red{
    padding:0.8333rem 2.0833rem;
    background: rgb(207,49,26);
    background: -o-linear-gradient(bottom, rgba(207,49,26,1) 0%, rgba(211,49,26,1) 10%, rgba(215,50,26,1) 20%, rgba(220,51,26,1) 30%, rgba(224,52,25,1) 40%, rgba(229,53,25,1) 50%, rgba(234,54,25,1) 60%, rgba(239,55,25,1) 70%, rgba(244,56,24,1) 80%, rgba(249,57,24,1) 90%, rgba(254,58,24,1) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(207,49,26,1)), color-stop(10%, rgba(211,49,26,1)), color-stop(20%, rgba(215,50,26,1)), color-stop(30%, rgba(220,51,26,1)), color-stop(40%, rgba(224,52,25,1)), color-stop(50%, rgba(229,53,25,1)), color-stop(60%, rgba(234,54,25,1)), color-stop(70%, rgba(239,55,25,1)), color-stop(80%, rgba(244,56,24,1)), color-stop(90%, rgba(249,57,24,1)), to(rgba(254,58,24,1)));
    background: linear-gradient(0deg, rgba(207,49,26,1) 0%, rgba(211,49,26,1) 10%, rgba(215,50,26,1) 20%, rgba(220,51,26,1) 30%, rgba(224,52,25,1) 40%, rgba(229,53,25,1) 50%, rgba(234,54,25,1) 60%, rgba(239,55,25,1) 70%, rgba(244,56,24,1) 80%, rgba(249,57,24,1) 90%, rgba(254,58,24,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cf311a",endColorstr="#fe3a18",GradientType=1); 
    font-size: 1.6667rem;
    font-weight:700;
    color:#ffffff;
    text-transform: uppercase;
    margin-top:1rem;
}
/* ############################ footer styles ############################ */
footer{
    padding:0 1rem 1.5rem 1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
footer .footer-menu{
    -ms-flex-preferred-size:100%;
        flex-basis:100%;
}
footer .footer-menu ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    font-size:1.0833rem;
    opacity:0.5;
}
footer .footer-menu ul li{
    padding-left:1.6667rem;
    position: relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    min-height:1.2500rem;
}
footer .footer-menu ul li:not(:first-child){
    margin-left:1.3333rem;
}
footer .footer-menu ul li.impressum:before,
footer .footer-menu ul li.agb:before,
footer .footer-menu ul li.datenschutz:before,
footer .footer-menu ul li.info-pauschal:before,
footer .footer-menu ul li.reiseversicherung:before,
footer .footer-menu ul li.job:before,
footer .footer-menu ul li.download:before{
    content:'';
    position:absolute;
    background-position:center center;
    background-repeat: no-repeat;
    background-size: contain;
    height:100%;
    width:1.5rem;
    top:0;
    left:0;
}
footer .footer-menu ul li.impressum:before{
    background-image: url('../images/icons/impressum.svg');
}
footer .footer-menu ul li.agb:before{
    background-image: url('../images/icons/agb.svg');
}
footer .footer-menu ul li.datenschutz:before{
    background-image: url('../images/icons/datenschutz.svg');
}
footer .footer-menu ul li.info-pauschal:before{
    background-image: url('../images/icons/info.svg');
}
footer .footer-menu ul li.reiseversicherung:before{
    background-image: url('../images/icons/versicherung.svg');
}
footer .footer-menu ul li.job:before{
    background-image: url('../images/icons/job.svg');
}
footer .footer-menu ul li.download:before{
    background-image: url('../images/icons/download.svg');
}
/* ############################ plugin styles ############################ */

/*~~~~ custom datepicker ~~~~*/
#datepickers-container .datepicker{
    background-color: rgba(87,87,86,0.9);
    color:rgb(255,255,255);
}
#datepickers-container .datepicker--pointer{
    background:rgba(87,87,86,0.9);
}
#datepickers-container .datepicker--nav-action:hover, #datepickers-container .datepicker--nav-title:hover{
    background:transparent;
    border: 1px solid rgb(255,255,255);
}
#datepickers-container .datepicker--cell.-in-range-{
    background: rgba(219,7,32,.1);
    color: rgb(255,255,255);
    border-radius: 0;
}
#datepickers-container .datepicker--cell.-selected-, #datepickers-container .datepicker--cell.-selected-.-current-{
    background: rgba(219,7,32,.8);
}
#datepickers-container .datepicker--cell.-focus-{
    background: rgba(219,7,32,.8);
}

/*~~~~ easypaginate ~~~~*/
.easyPaginateList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.easyPaginateNav {
	text-align: center;
	font-size: 0.75rem;
	margin: 0.5rem 0;
}

.easyPaginateNav a{
    padding: 5px;
}

.easyPaginateNav a.page.current {
    background-color: rgb(219,7,32);
    color: #fff;
}
/*~~~~ basicLightbox ~~~~*/
body .basicLightbox{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
    padding:1.3rem;
}
body .basicLightbox>div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: 100%;
    width:100%;
    position:relative;
}
.basicLightbox .close-wrapper{
    padding:2rem;
    position:absolute;
    top:0;
    right:0;
    cursor: pointer;
}
.basicLightbox .close-wrapper .close{
    width:1.8190rem;
    height:1.8190rem;
    background-image:url('../images/icons/kreuz.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.basicLightbox .lb-header{
    margin-right:auto;
    width:100%;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-top:5rem;
}
.basicLightbox .lb-header .lb-header-data{
    display:none;
}
.basicLightbox .lb-header .lb-header-data.active{
    display:block;
}
.basicLightbox .lb-header h1{
    font-family: NotoSerif;
    font-size:1.75rem;
    color:#ffffff;
    text-align:center;
    margin-bottom:2rem;
}
.basicLightbox .lb-header p{
    font-family: Overpass;
    font-size:1rem;
    font-weight:700;
    color:#ffffff;
    max-height: 20vh;
    overflow: scroll;
}
.basicLightbox .lb-thumbnails-wrapper{
    width:100%;
    max-height:8.3785rem;
    overflow-y:hidden;
    overflow-x:scroll;
}
.basicLightbox .lb-thumbnails{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.basicLightbox .lb-thumbnails .lb-thumbs{
    width:8.3785rem;
    height:8.3785rem;
    border:0.1rem solid #ffffff;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
-ms-flex-negative: 0;
    flex-shrink: 0;
-ms-flex-preferred-size: 8.3785rem;
    flex-basis: 8.3785rem;
    background-size: cover;
    background-position: center center;
    position:relative;
    cursor: pointer;
}
.basicLightbox .lb-thumbnails .lb-thumbs::before{
    content:'';
    height:100%;
    width:100%;
    background-color:rgba(255,255,255,0.45);
    position: absolute;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition: 0.25s opacity ease-in-out;
    -o-transition: 0.25s opacity ease-in-out;
    transition: 0.25s opacity ease-in-out;
}
.basicLightbox .lb-thumbnails .lb-thumbs.active::before{
    opacity:1;
}
.basicLightbox .lb-image-large{
    max-width: 100%;
    display: none;
    height: auto;
    margin: 0 auto;
    max-height:30rem;
}
.basicLightbox .lb-image-large.active{
    display:block;
}
.basicLightbox .lb-image-large>img{
    width: 100%;
    height: 100%;
    max-height:30rem;
    -o-object-fit: contain;
       object-fit: contain;
    font-family: 'object-fit: contain;';
}

/* ############################ querys ############################ */
@media (max-width: 1023px){
    html>body .hide-mobile{
        display:none !important;
    }
}
@media (min-width: 1024px){ 
    body{
        padding: 0;
    }
    body select, body input{
        font-size:1.15rem;
    }
    body select{
        padding-top:0.75rem;
        padding-bottom:0.65rem;
        padding-left:0.4rem;
    }
    body input{
        padding:0.75rem 0.4rem 0.65rem 0.4rem;
    }
    body .drop-shadow{
        -webkit-box-shadow: 6px -6px 6px 0px rgba(0,0,0,0.16);
                box-shadow: 6px -6px 6px 0px rgba(0,0,0,0.16);
    }    
    body .copyright{
        font-size:0.35rem;
    }    
    html>body .hide-desktop{
        display:none !important;
    }
    html>body .wrapper:after{
        height:0.4rem;
        width:0.8rem;
        top:calc(50% - 0.2rem);
    }
    html>body .gallery:after{
        height:3.7rem;
        width:3.7rem;
    }
    body .pagination-wrapper{
        margin:0;
    }
    body .pagination-wrapper .pagination{
        font-size:0.8rem;
    }
    body .pagination-wrapper a,
    body .pagination-wrapper .pagination li{
        height:0.9870rem;
        width:0.9870rem;
    }
    body fieldset.border{
        padding:0.25rem;
        /* border:1px solid #707070; */
        margin-bottom:1.75rem;
    }
    body fieldset.border legend{
        padding: 0 0.8rem;
    }
    body fieldset.border legend h1,
    body fieldset.border legend h2,
    body fieldset.border legend h3,
    body fieldset.border legend h4{
        margin:0;
    }
    /* ############################ header-desktop ############################ */
    body header {
        padding:0 7.19vw;
        background-color:rgba(255,255,255,0.8);
    }
    body header.relative.ignore-desktop {
        position: absolute;
    }
    body header .logo{
        position: relative;
        top: 1.84vh;
        height:9.81vh;
        width:auto;
        margin-bottom:0;
    }
    body header .menu{
        position:relative;
        width:auto;
        padding:0 ;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        z-index:0;
        opacity:1;
        background-color:transparent;
        font-size:1rem;
    }
    body header .menu>ul{
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        font-weight: normal;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        width: 56.5rem;
        font-size:1.04rem;

    }
    body header .menu>ul>li{
        position: relative;
        margin-bottom:1rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
        width:auto;
    }
    body header .menu>ul>li>a{
        border-bottom:0;
        padding:0;
    }
    body header .menu ul li.dropdown>a:after{
        height:0.3889rem;
        width:0.6667rem;
        margin-left:0.3889rem;
    }
    body header .menu ul li.dropdown.active ul.dropdown-menu,
    body header .menu ul li ul.dropdown-menu{
        top:100%;
        padding-top:1rem;
        display:none;
        position: absolute;
        background-color: transparent;
        height: auto;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        right: 0;
    }  
    body header .menu ul li.dropdown.active ul.dropdown-menu,
    body header .menu ul li.dropdown:hover ul.dropdown-menu{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
    }
    body header .menu ul li ul.dropdown-menu li>a{
        border:1px solid #ECECEC;
        font-size:0.8rem;
        background-color:#ffffff;
    }
    body header .menu ul li.dropdown ul.dropdown-menu>li:not(:first-child):not(:last-child)>a,
    body header .menu ul li.dropdown ul.dropdown-menu>li:first-child>a,
    body header .menu ul li.dropdown ul.dropdown-menu>li:last-child>a{
        padding:0.8889rem;
    }       
    body #main{
        padding-top:0;
    }       
    /* ############################ slider-desktop ############################ */
    body #main .slider-wrapper{
        height:76.85vh;
        position:relative;
        margin-bottom:6.94vh;
    }       
    body #main .slider-wrapper .slider{
        height:100%;
    }       
    body #main .slider-wrapper .slider .copyright{
        bottom:0;
        left:0;
        top:auto;
    }       
    body #main .slider-wrapper .sehnsucht{
        position: absolute;
        top:18.15vh;
        left:7.03vw;
        max-height:36.94vh;
        max-width:13.3167rem;
        height:100%;
    }       
    body #main .slider-wrapper .promo{
        position: absolute;
        bottom:1.55rem;
        right:6.95rem;
        /* width:25.8rem; */
        width:30.8rem;
        height:8.9640rem;
        padding:0.35rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color:#ffffff;
    }          

    body #main .slider-wrapper .promo picture.img{
        /* width:11.1350rem; */
        width:16.135rem;
        height:8.2580rem;
    }       
    body #main .slider-wrapper .promo picture.img>img{
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        height: 100%;
        width: 100%;
        font-family: 'object-fit: cover; object-position: center;';
        border-top: 1px solid #7d7d7d;
        border-left: 1px solid #7d7d7d;
        border-bottom: 1px solid #7d7d7d;
    }       
    body #main .slider-wrapper .promo picture.img>.copyright{
        font-size:0.35rem;
    }       
    body #main .slider-wrapper .promo>.kategorie-container{
        height:100%;
        width:13.9230rem;
        background: -o-linear-gradient(bottom, rgba(1,78,159,1) 0%, rgba(0,82,161,1) 10%, rgba(0,86,163,1) 20%, rgba(0,90,165,1) 30%, rgba(0,94,167,1) 40%, rgba(0,97,169,1) 50%, rgba(0,101,171,1) 60%, rgba(0,105,173,1) 70%, rgba(0,109,175,1) 80%, rgba(0,112,177,1) 90%, rgba(0,115,178,1) 100%);
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(1,78,159,1)), color-stop(10%, rgba(0,82,161,1)), color-stop(20%, rgba(0,86,163,1)), color-stop(30%, rgba(0,90,165,1)), color-stop(40%, rgba(0,94,167,1)), color-stop(50%, rgba(0,97,169,1)), color-stop(60%, rgba(0,101,171,1)), color-stop(70%, rgba(0,105,173,1)), color-stop(80%, rgba(0,109,175,1)), color-stop(90%, rgba(0,112,177,1)), to(rgba(0,115,178,1)));
        background: linear-gradient(0deg, rgba(1,78,159,1) 0%, rgba(0,82,161,1) 10%, rgba(0,86,163,1) 20%, rgba(0,90,165,1) 30%, rgba(0,94,167,1) 40%, rgba(0,97,169,1) 50%, rgba(0,101,171,1) 60%, rgba(0,105,173,1) 70%, rgba(0,109,175,1) 80%, rgba(0,112,177,1) 90%, rgba(0,115,178,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#014e9f",endColorstr="#0073b2",GradientType=1); 
        color:#ffffff;  
        padding:1.25rem 0.65rem;
    }
    body #main .slider-wrapper .promo>.kategorie-container>span{
        font-size:1rem;
        font-weight:300;
    }
    body #main .slider-wrapper .promo>.kategorie-container>span>strong{
        font-weight:700;
    }
    body #main .slider-wrapper .promo>.kategorie-container>button{
        position: absolute;
        right: 0;
        bottom: 1rem;
        /* width: 15.35rem;
        padding: 0.5rem; */
        width: 10.2275rem;
        padding:0.35rem;
        background: rgb(207,49,26);
        background: -o-linear-gradient(bottom, rgba(207,49,26,1) 0%, rgba(211,49,26,1) 10%, rgba(215,50,26,1) 20%, rgba(220,51,26,1) 30%, rgba(224,52,25,1) 40%, rgba(229,53,25,1) 50%, rgba(234,54,25,1) 60%, rgba(239,55,25,1) 70%, rgba(244,56,24,1) 80%, rgba(249,57,24,1) 90%, rgba(254,58,24,1) 100%);
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(207,49,26,1)), color-stop(10%, rgba(211,49,26,1)), color-stop(20%, rgba(215,50,26,1)), color-stop(30%, rgba(220,51,26,1)), color-stop(40%, rgba(224,52,25,1)), color-stop(50%, rgba(229,53,25,1)), color-stop(60%, rgba(234,54,25,1)), color-stop(70%, rgba(239,55,25,1)), color-stop(80%, rgba(244,56,24,1)), color-stop(90%, rgba(249,57,24,1)), to(rgba(254,58,24,1)));
        background: linear-gradient(0deg, rgba(207,49,26,1) 0%, rgba(211,49,26,1) 10%, rgba(215,50,26,1) 20%, rgba(220,51,26,1) 30%, rgba(224,52,25,1) 40%, rgba(229,53,25,1) 50%, rgba(234,54,25,1) 60%, rgba(239,55,25,1) 70%, rgba(244,56,24,1) 80%, rgba(249,57,24,1) 90%, rgba(254,58,24,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cf311a",endColorstr="#fe3a18",GradientType=1); 
        /* font-size: 1.25rem; */
        font-size: 1rem;
        font-weight:700;
        color:#ffffff;   
        text-align:center;
    }
    /* ############################ main-desktop ############################ */
    body #main .main-desktop{
        padding:0 7.34vw 16.67vh 7.34vw;
    }   
    body #main .main-desktop .reisekategorien{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width:100%;
    }   
    body #main .main-desktop .reisekategorien .kategorie{
        height:30.65rem;
        width:19.55rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-transition: -webkit-transform 0.25s ease-in-out;
        transition: -webkit-transform 0.25s ease-in-out;
        -o-transition: transform 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        cursor: pointer;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        align-items: center;
        position: relative;
    }
    body #main .main-desktop .reisekategorien .kategorie:hover{
        -webkit-transform:scale(1.05);
            -ms-transform:scale(1.05);
                transform:scale(1.05);
    }
    body #main .main-desktop .reisekategorien .kategorie>span{
        height: 3.4585rem;
        width:100%;
        background: rgb(1,78,159);
        background: -o-linear-gradient(bottom, rgba(1,78,159,1) 0%, rgba(0,82,161,1) 10%, rgba(0,86,163,1) 20%, rgba(0,90,165,1) 30%, rgba(0,94,167,1) 40%, rgba(0,97,169,1) 50%, rgba(0,101,171,1) 60%, rgba(0,105,173,1) 70%, rgba(0,109,175,1) 80%, rgba(0,112,177,1) 90%, rgba(0,115,178,1) 100%);
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(1,78,159,1)), color-stop(10%, rgba(0,82,161,1)), color-stop(20%, rgba(0,86,163,1)), color-stop(30%, rgba(0,90,165,1)), color-stop(40%, rgba(0,94,167,1)), color-stop(50%, rgba(0,97,169,1)), color-stop(60%, rgba(0,101,171,1)), color-stop(70%, rgba(0,105,173,1)), color-stop(80%, rgba(0,109,175,1)), color-stop(90%, rgba(0,112,177,1)), to(rgba(0,115,178,1)));
        background: linear-gradient(0deg, rgba(1,78,159,1) 0%, rgba(0,82,161,1) 10%, rgba(0,86,163,1) 20%, rgba(0,90,165,1) 30%, rgba(0,94,167,1) 40%, rgba(0,97,169,1) 50%, rgba(0,101,171,1) 60%, rgba(0,105,173,1) 70%, rgba(0,109,175,1) 80%, rgba(0,112,177,1) 90%, rgba(0,115,178,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#014e9f",endColorstr="#0073b2",GradientType=1); 
        color:#ffffff;
        text-align:center;
        font-size:1.5rem;
        font-weight:700;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    body #main .main-desktop .reisekategorien .kategorie>img{
        width:100%;
        height:27.2000rem;
        -o-object-fit: cover;
           object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    body #main .main-desktop h1{
        font-size:2.2500rem;
        font-weight:700;
        text-align:left;
        margin-bottom:4.35vh;
    }
    body .rb-wrapper{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height:20.2rem;
        padding:0 7.34vw;
        margin-bottom:4.1rem;
    }
    /* ############################ reisefinder-desktop ############################ */
    body .rb-wrapper .reisefinder{
        width:49.22vw;
        height:100%;
        min-height:0;
        padding: 3.1rem 1.25rem;
        -ms-flex-line-pack: start;
            align-content: flex-start;
        position: relative;
    }
    body .rb-wrapper .reisefinder select{
        margin:0;
    }
    body .rb-wrapper .reisefinder>div:last-of-type{
        margin-top:1.25rem;
    }
    body .rb-wrapper .reisefinder h1{
        font-size:1.75rem;
        text-align: left;
    }
    body .rb-wrapper .reisefinder .wrapper:not(:last-of-type){
        width:22.40vw;
    }
    body .rb-wrapper .reisefinder button#suchen{
        position:absolute;
        right:0;
        bottom:0.85rem;
        padding:1rem 1.75rem 1rem 1rem;
        display:block;
    }
    /* ############################ banner-desktop ############################ */
    body .rb-wrapper .banner-wrapper{
        width:34.11vw;
        height:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
        position:relative;
    }
    body .rb-wrapper .banner-wrapper>*{
        height:100%;
    }
    body .rb-wrapper .banner-wrapper .img img{
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: right;
           object-position: right;
        font-family: 'object-fit: cover; object-position: right;';
        height: 100%;
        width:14.22vw;
    }
    body .rb-wrapper .banner-wrapper .banner{
        width:19.90vw;
        padding:0.8rem;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
    body .rb-wrapper .banner-wrapper .banner .titel{
        margin-top:2.5500rem;
    }
    body .rb-wrapper .banner-wrapper .banner .titel,
    body .rb-wrapper .banner-wrapper .banner .telefon{
        font-size:1.75rem;
    }
    body .rb-wrapper .banner-wrapper .banner .telefon{
        margin-top: 5.4rem;
        margin-bottom: 1rem;
    }
    body .rb-wrapper .banner-wrapper .banner .telefon img{
        width:2.2895rem;
        margin-right:1.05rem;
    }
    body .rb-wrapper .banner-wrapper .banner .open{
        font-size:1.25rem;
    }
    body .rb-wrapper .banner-wrapper .firma{
        position: absolute;
        bottom: 0.85rem;
        right: 0;
        width: 19.90vw;
        height: auto;
        display: block;
        font-size:0.8rem;
        color:#ffffff;
        padding:0;
    }
    /* ############################ zufallsreisen-desktop ############################ */
    body .recommended{
        padding:0 7.34vw;
    }
    body .recommended h1{
        width:100%;
        display:inline-block;
        text-align: left;
        font-size:1.25rem;
        margin-bottom:1.3rem;
    }
    body .recommended .zufallsreisen{
        border-top:1px solid rgba(112, 112, 112, 0.5);
        border-bottom:1px solid rgba(112, 112, 112, 0.5);
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
            -ms-flex-pack:justify;
                justify-content:space-between;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding-top:2.5rem;
        padding-bottom:1.35rem;
    }
    body .recommended .zufallsreisen>a{
        display:block;
    }
    body .recommended .zufallsreisen .zufall-item{
        width:19.55rem;
        height:22.60rem;
        position:relative;
        cursor: pointer;
    }
    body .recommended .zufallsreisen .zufall-item img{
        height:100%;
        width:100%;
        -o-object-fit: cover;
           object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    body .recommended .zufallsreisen .zufall-item .item-info{
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
        height:6.8rem;
        background-color:rgba(0,0,0,0.4);
        padding:1.3rem 1.5rem 1.1rem 0.6rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-transition: height 0.25s ease-in;
        -o-transition: height 0.25s ease-in;
        transition: height 0.25s ease-in;
    }
    body .recommended .zufallsreisen .zufall-item:hover .item-info{
        height:100%;
    }
    body .recommended .zufallsreisen .zufall-item .item-info>*{
        color:#ffffff;
        font-size:1rem;
    }
    body .recommended .zufallsreisen .zufall-item .item-info h1{
        width:100%;
        margin-bottom:0.6rem;

    }
    body .recommended .zufallsreisen .zufall-item .item-info h2{
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
-ms-flex-negative: 0;
    flex-shrink: 0;
-ms-flex-preferred-size: 75%;
    flex-basis: 75%;
        max-width: 75%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; 
        height:auto;
        white-space: initial;
    }
    body .recommended .zufallsreisen .zufall-item .item-info span{
        margin-left:auto;
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 25%;
    flex-basis: 25%;
        text-align:right;
    }
    /* ############################ footer-desktop ############################ */
    body footer{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align:start;
            -ms-flex-align:start;
                align-items:flex-start;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        padding: 1.2rem 7.34vw;
        margin-top:4.3000rem;
    }
    body footer>*:nth-child(n+3){
        border-left:1px solid rgba(112, 112, 112, 0.25);
        padding:0 0.65rem;
    }
    body footer>div,
    body footer>nav{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align:start;
            -ms-flex-align:start;
                align-items:flex-start;
        min-height:11.7rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    body footer .feedback-footer{
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 33.07vw;
    flex-basis: 33.07vw;
    }
    body footer .feedback-footer button.kontakt,
    body footer .feedback-footer button.feedback{
        width:15.47vw;
        font-size:1.05rem;
        padding:1.1rem;
        height:3.2010rem;
        margin-right:1.65rem;
        margin-bottom:0;
    }
    body footer .feedback-footer button.kontakt:after,
    body footer .feedback-footer button.feedback:after{
        border-width: 1.6005rem 0 1.6005rem 1.65rem;
    }
    body footer nav.footer-menu{
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 18.5vw;
    flex-basis: 18.5vw;
    }
    body footer .kontakt h4,
    body footer nav.footer-menu h4{
        margin-left:1.15rem;
    }
    body footer nav.footer-menu>ul{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        opacity:1;
    }
    body footer nav.footer-menu>ul>li{
        width:100%;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size:1rem;
        padding-left:0;
        color:#707070;
    }
    body footer nav.footer-menu ul li.impressum:before,
    body footer nav.footer-menu ul li.agb:before,
    body footer nav.footer-menu ul li.datenschutz:before,
    body footer nav.footer-menu ul li.info-pauschal:before,
    body footer nav.footer-menu ul li.reiseversicherung:before,
    body footer nav.footer-menu ul li.job:before,
    body footer nav.footer-menu ul li.download:before{
        width:0.7295rem;
        height:0.7295rem;
        position:relative;
        margin-right:0.5rem;
    }
    body footer nav.footer-menu>ul>li:not(:last-child){
        margin-bottom:0.15rem;
    }
    body footer .footer-menu ul li:not(:first-child){
        margin:0;
    }
    body footer h4{
        font-size:1.05rem;
        font-weight:700;
        color:#707070;
        margin-bottom:1rem;
        width:100%;
    }
    body footer .kontakt-short{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        height:2.9rem;
        padding:0;
        font-size:1rem;
    }
    body footer .kontakt-short input{
        border-radius: 0;
        border:1px solid #707070;
        padding:0.75rem;
        width:14.8500rem;
        font-size:1rem;
        height:2.9rem;
        margin-bottom:0;
    }
    body footer .kontakt-short button.submit{
        background:#707070;
        color:#ffffff;
        font-size:1rem;
        width:6.5000rem;
        text-align: center;
        border:1px solid #707070;
        position:relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
        padding:0.75rem;
        background-image:none;
        margin:0;
        text-transform: initial;
        font-weight: 400;
        font-size:1rem;
    }
    body footer .kontakt-short button.submit:after{
        content: '';
        width: 0.9330rem;
        height: 0.6515rem;
        background-image: url('../images/icons/briefumschlag.svg');
        display: block;
        background-position: center center;
        background-repeat: no-repeat;
    }
    body footer .kontakt-short input::-webkit-input-placeholder{opacity:1;color:rgba(112, 112, 112, 0.8);padding:inherit;font-size:inherit;line-height:inherit;}
    body footer .kontakt-short input::-moz-placeholder{opacity:1;color:rgba(112, 112, 112, 0.8);padding:inherit;font-size:inherit;line-height:inherit;}
    body footer .kontakt-short input:-ms-input-placeholder{opacity:1;color:rgba(112, 112, 112, 0.8);padding:inherit;font-size:inherit;line-height:inherit;}
    body footer .kontakt .anschrift,
    body footer .kontakt .kontakt_info,
    body footer .kontakt .kontakt_info a{
        font-size: 1rem;
        padding: 0;
        margin: 0;
        width: 100%;
        color:#707070;
        font-weight: 400;
    }
    body footer .kontakt .anschrift,
    body footer .kontakt .kontakt_info{
        margin-bottom:0.75rem;
    }
    body footer .kontakt p{
        margin-bottom:0;
    }
    body footer .kontakt .anschrift img,
    body footer .kontakt .kontakt_info img{
        width:0.7140rem;
        height:0.7620rem;
        margin-right:0.5rem;
    }
    body footer .kontakt .kontakt_info .mailto{
        text-decoration: none;
    }
    /* ############################ reiseuebersicht-desktop ############################ */
    body .reiseuebersicht{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 0 7.34vw;
        margin-bottom:13.43vh;
    }
    body .reiseuebersicht h1,
    body .reiseihvz h1{
        font-size: 2.2500rem;
        text-align: left;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        border: 0;
        width: auto;
        display: inline-block;
        padding-left:0;
        padding-right:0;
    }
    body .reiseuebersicht h1,
    body .reiseuebersicht .sort{
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 50%;
    flex-basis: 50%;
        margin:0;
    }
    body .reiseuebersicht #reise-list{
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: auto;
    flex-basis: 100%;
    }
    body .reiseuebersicht .sort{
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
    body .reiseuebersicht .sort .select.wrapper{
        -webkit-box-flex:0;
            -ms-flex:none;
                flex:none;
        width:10.9535rem;
    }
    body .reiseuebersicht .sort .select.wrapper select,
    body .reiseuebersicht .sort span{
        font-size:0.7rem;
        padding-right:2rem;
    }
    body .reiseuebersicht .sort .wrapper:after{
        width:0.8rem;
        height:100%;
        right:0.5rem;
        top:calc(50% - 0.7rem);
    }
    body .reiseuebersicht #reise-list{
        position:relative;
        padding-bottom:1.2rem;
        border-bottom:1px solid rgba(112, 112, 112, 0.5);
    }
    body .reiseuebersicht #reise-list .pagination-wrapper{
        position:absolute;
        width:7rem;
        margin:0 auto;
        left: 0;
        right: 0;
    }
    body .reiseuebersicht #reise-list .pagination-wrapper:first-child{
        top:-3.35rem;
    }
    body .reiseuebersicht #reise-list .pagination-wrapper:last-child{
        bottom:-3.35rem;
    }
    body .reiseuebersicht #reise-list .pagination-wrapper a{
        height:1rem;
    }
    body .reiseuebersicht #reise-list .pagination-wrapper .pagination{
        font-size:0.85rem;
    }
    body .reiseuebersicht #reise-list .pagination-wrapper .pagination li{
        width:1rem;
        height:1rem;
    }
    body .reiseuebersicht #reise-list .list{
        display:-ms-grid;
        display:grid;
        -ms-grid-columns: 1fr 2.2500rem 1fr 2.2500rem 1fr;
        grid-template-columns: repeat(3, 1fr);
        -ms-grid-rows: 1fr 3.6500rem 1fr 3.6500rem 1fr;
        grid-template-rows: repeat(3, 1fr);
        grid-gap:3.6500rem 2.2500rem;
    }
    body .reiseuebersicht #reise-list .list > *:nth-child(1){
		-ms-grid-row: 1;
		-ms-grid-column: 1;
    }
    body .reiseuebersicht #reise-list .list > *:nth-child(2){
		-ms-grid-row: 1;
		-ms-grid-column: 3;
    }
    body .reiseuebersicht #reise-list .list > *:nth-child(3){
		-ms-grid-row: 1;
		-ms-grid-column: 5;
    }
    body .reiseuebersicht #reise-list .list > *:nth-child(4){
		-ms-grid-row: 3;
		-ms-grid-column: 1;
    }
    body .reiseuebersicht #reise-list .list > *:nth-child(5){
		-ms-grid-row: 3;
		-ms-grid-column: 3;
    }
    body .reiseuebersicht #reise-list .list > *:nth-child(6){
		-ms-grid-row: 3;
		-ms-grid-column: 5;
    }
    body .reiseuebersicht #reise-list .list > *:nth-child(7){
		-ms-grid-row: 5;
		-ms-grid-column: 1;
    }
    body .reiseuebersicht #reise-list .list > *:nth-child(8){
		-ms-grid-row: 5;
		-ms-grid-column: 3;
    }
    body .reiseuebersicht #reise-list .list > *:nth-child(9){
		-ms-grid-row: 5;
		-ms-grid-column: 5;
    }
    body .reiseuebersicht #reise-list .list>a picture:before{
        content:'';
        background-color: rgba(0, 114, 171, 0.4);
        background-image: url('../images/icons/pfeil-im-kreis.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16.75%;
        height:100%;
        width:100%;
        top:-100%;
        left:0;
        position:absolute;
        -webkit-transition:top 0.25s ease-in-out;
        -o-transition:top 0.25s ease-in-out;
        transition:top 0.25s ease-in-out;
    }
    body .reiseuebersicht #reise-list .list>a:hover picture:before{
        top:0;
    }
    body .reiseuebersicht #reise-list .list>a,
    body .reiseuebersicht #reise-list .list>a>.reise{
        margin:0;
        padding:0;
    }
    body .reiseuebersicht #reise-list .list>a picture.img{
        width:100%;
        height:17.5500rem;
        position: relative;
        overflow:hidden;
    }
    body .reiseuebersicht #reise-list .list>a picture img{
        width:100%;
        height:100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        font-family: 'object-fit: cover; object-position: center;';
    }
    body .reiseuebersicht #reise-list .list>a{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    body .reiseuebersicht #reise-list .list>a li.reise{
        padding:0.8rem 1.2rem 00.8rem 1.7rem;
        -webkit-box-orient: row;
        -webkit-box-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        height: 100%;
        max-height:22.36rem;
        -ms-flex-line-pack: justify;
            align-content: space-between;
    }
    body .reiseuebersicht #reise-list .list>a li.reise h2.title{
        margin-bottom:0.9rem;
    }
    body .reiseuebersicht #reise-list .list>a li.reise h3.subtitle{
        margin-bottom:3.15rem;
    }
    body .reiseuebersicht #reise-list .list>a li.reise h2.title,
    body .reiseuebersicht #reise-list .list>a li.reise h3.subtitle{
        font-size:1.5rem;
        min-height:1.5rem;
        min-width:50%;
        max-width:100%;
    }    
    body .reiseuebersicht #reise-list .list>a li.reise>div>span{
        display:block;
    }
    body .reiseuebersicht #reise-list .list>a li.reise>div{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
        width:100%;
    }
    body .reiseuebersicht #reise-list .list>a li.reise .datumausgabe{
        font-weight:700;
        margin-bottom:0.5rem;
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: auto;
    flex-basis: 100%;
    }
    body .reiseuebersicht #reise-list .list>a li.reise .datumausgabe,
    body .reiseuebersicht #reise-list .list>a li.reise .dauer{
        font-size:1rem;
    }
    body .reiseuebersicht #reise-list .list>a li.reise .minpreis{
        font-size:0.8rem;
    }
    body .reiseuebersicht #reise-list .list>a li.reise .minpreis>span{
        font-size:1.5rem;
        margin-left:1.7rem;
    }
    body .reiseuebersicht #reise-list .list>a li.reise .dauer,
    body .reiseuebersicht #reise-list .list>a li.reise .minpreis{
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 0;
    flex-shrink: 0;
-ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    }

    /* ############################ reisedetail-desktop ############################ */
    body .reisedetail{
        display:-ms-grid;
        display:grid;
        -ms-grid-columns: 28.2rem auto;
        grid-template-columns: 28.2rem auto;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
            grid-template-areas: 
        "headline bild"
        "einleitung bild"
        "schnellbucher bild"
        ". infos";
        padding:5.56rem 6.8500rem 0 6.8500rem;
        justify-items: flex-start;
        -webkit-box-align:start;
            -ms-flex-align:start;
                align-items:flex-start;
        margin-bottom:5rem;
        position:relative;

    }
    body .reisedetail .headlines{
        grid-area: headline;
    }
    body .reisedetail .headlines h1,
    body .reisedetail .headlines h2{
        margin:0;
        padding:0.6rem 0.15rem;
        display: inline-block;
    }
    body .reisedetail .headlines h1{
        font-size:1.75rem;
        border-bottom-color:#ECECEC;
    }
    body .reisedetail .headlines h2{
        font-size:1.25rem;
    }
    body .reisedetail .reise-bild{
        grid-area: bild;
        max-height:56.94vh;
        height: 100%;
        margin:0;
        /* width: 53.9rem; */
        width: 100%;
    }
    body .reisedetail #action-bar{
        position: absolute;
        right: 6.8500rem;
        top:6.91rem; 
        z-index: 1;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align:start;
            -ms-flex-align:start;
                align-items:flex-start;
        height:auto;
        width: auto;
        display: block;
    }
    body .reisedetail #action-bar>div{
        height:100%;
        padding:0;
        max-height:auto;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width:5.8095rem;
    }
    .reisedetail #action-bar .icon-wrapper:not(:last-child){
        margin-right:0;
    }
    body .reisedetail #action-bar .icon-wrapper{
        margin-bottom:0.4rem;
        font-size: 0.55rem;
        text-align:center;
        color:#ffffff;
        background: rgb(207,49,26);
        background: -o-linear-gradient(left, rgba(207,49,26,1) 0%, rgba(221,43,28,1) 10%, rgba(215,50,26,1) 20%, rgba(220,51,26,1) 30%, rgba(224,52,25,1) 40%, rgba(229,53,25,1) 50%, rgba(234,54,25,1) 60%, rgba(239,55,25,1) 70%, rgba(244,56,24,1) 80%, rgba(249,57,24,1) 90%, rgba(254,58,24,1) 100%);
        background: -webkit-gradient(linear, left top, right top, from(rgba(207,49,26,1)), color-stop(10%, rgba(221,43,28,1)), color-stop(20%, rgba(215,50,26,1)), color-stop(30%, rgba(220,51,26,1)), color-stop(40%, rgba(224,52,25,1)), color-stop(50%, rgba(229,53,25,1)), color-stop(60%, rgba(234,54,25,1)), color-stop(70%, rgba(239,55,25,1)), color-stop(80%, rgba(244,56,24,1)), color-stop(90%, rgba(249,57,24,1)), to(rgba(254,58,24,1)));
        background: linear-gradient(90deg, rgba(207,49,26,1) 0%, rgba(221,43,28,1) 10%, rgba(215,50,26,1) 20%, rgba(220,51,26,1) 30%, rgba(224,52,25,1) 40%, rgba(229,53,25,1) 50%, rgba(234,54,25,1) 60%, rgba(239,55,25,1) 70%, rgba(244,56,24,1) 80%, rgba(249,57,24,1) 90%, rgba(254,58,24,1) 100%);
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding:1rem 0.5rem;
        width: 100%;
    }
    body .reisedetail #action-bar > .share a, 
    body .reisedetail #action-bar > .share{
        padding:0;
        background:transparent;
        height:auto;
    }
    body .reisedetail #action-bar > .share{
        opacity:0;
        -webkit-transform: translateX(150%);
            -ms-transform: translateX(150%);
                transform: translateX(150%);
        -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        -o-transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        width:5.8095rem;
        height:5.0055rem;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        position: absolute;
        left: 100%;
        top: 0;
        margin-left:1rem;
    }
    body .reisedetail #action-bar.show{
        height: auto;
    }
    body .reisedetail #action-bar.show > .share{
        opacity:1;
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }
    body .reisedetail #action-bar > .share img{
        margin:0;
        height:2.50275rem;
        width:2.50275rem;
    }
    body .reisedetail #action-bar .icon-wrapper>svg{
        width:1.4910rem;
        height:1.3025rem;
        margin:0;
        fill:#ffffff;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
-ms-flex-negative: 0;
    flex-shrink: 0;
-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
        margin-bottom:0.4rem;
    }
    body .reisedetail #action-bar svg#merken{
        fill:transparent;
        stroke:#ffffff;
        stroke-width:1.5;
    }
    body .reisedetail #action-bar svg#merken.active{
        fill:#ffffff;
        stroke-width:0;
    }
    body .reisedetail .reise-einleitung{
        grid-area: einleitung;
        margin-top:4.7500rem;
        font-size:1rem;
        padding:0;
        -webkit-hyphens:auto;
            -ms-hyphens:auto;
                hyphens:auto;
        margin-bottom:2rem;
    }
    body .reisedetail .headlines,
    body .reisedetail .reise-einleitung,
    body .reisedetail .special-wrap{
        margin-right:4.7500rem;
    }
    body .reisedetail .infos{
        grid-area: infos;
        width:100%;
        margin-top:2.5rem;
        position: relative;
    }
    body .reisedetail .infos .toggle-bar{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align:start;
            -ms-flex-align:start;
                align-items:flex-start;
        width: 100%;
    }
    body .reisedetail .infos .texte{
        margin:0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
-ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 10.78rem;
        flex-basis: 10.78rem;
        background:transparent;
    }
    body .reisedetail .infos .texte .wrapper{
        position: relative;
    }
    body .reisedetail .infos .texte.active .wrapper h3,
    body .reisedetail .infos .texte .wrapper:hover h3{
        background-color:#0072AB;
    }
    body .reisedetail .infos .texte .wrapper:after{
        content: '';
        background: initial;
        position: absolute;
        top: 100%;
        left: 0;
        width: 0;
        height: 0;
        margin: 0 auto;
        -webkit-transform: translate(0,0) scale(1) rotate(0deg);
            -ms-transform: translate(0,0) scale(1) rotate(0deg);
                transform: translate(0,0) scale(1) rotate(0deg);
    }
    body .reisedetail .infos .texte.active .wrapper:after{
        border-width: 0.2rem 0.4rem;
        border-style: solid;
        border-color:#0072AB transparent transparent transparent;
    }
    body .reisedetail .infos .texte .wrapper h3{
        font-size:0.822rem;
        border-radius: 0;
        text-align: center;
    }
    body .reisedetail .infos .texte .cnt{
        position:relative;
        left:0;
        top:0;
        width:100%;
        padding:1.4rem 1.8rem;
        background:transparent;
    }
    body .reisedetail .infos .data .reise-leistungen{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:start;
            -ms-flex-pack:start;
                justify-content:flex-start;
        -webkit-box-align:start;
            -ms-flex-align:start;
                align-items:flex-start;
    }
    body .reisedetail .infos .data>div>.cnt h4{
        font-size:0.9rem;
        font-weight:700;
        margin-bottom:1.45rem;
        margin-top:0;
        color:#707070;
    }
    body .reisedetail .infos .data>div>.cnt .DateHeadline{
        margin-top: 1rem;
        margin-bottom:0.5rem;
    }
    body .reisedetail .infos .data>div>.cnt h5{
        font-size:0.9rem;
        font-weight:400;
        margin:0;
    }
    body .reisedetail .infos .data>div>.cnt>span,
    body .reisedetail .infos .data>div>.cnt>p,
    body .reisedetail .infos .data>div>.cnt li,
    body .reisedetail .infos .data>div>.cnt{
        font-size:0.9rem;
        font-weight:300;
        margin:0;
    }
    body .reisedetail .infos .data>div>.cnt span{
        display:inline-block;
    }
    body .reisedetail .infos .data>div>.cnt p{
        margin-bottom:1.35rem;
    }
    body .reisedetail .infos .data>div>.cnt table{
        margin:0;
    }
    body .reisedetail .infos .data>div>.cnt table tr:nth-child(2n+1){
        background-color:#ECECEC;
    }
    body .reisedetail .infos .data>div>.cnt table tr td{
        border:0;
        padding:0.5rem 1rem;
    }
    body .reisedetail .infos .data>div>.cnt .termin{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        color:#000000;
    }
    body .reisedetail .infos .data>div>.cnt .termin:not(:first-child){
        margin-top:4.3rem;
    }
    body .reisedetail .infos .data>div>.cnt .termin a{
        margin:0;
    }
    body .reisedetail .infos .data>div>.cnt .termin button{
        font-size:1rem;
        font-weight:700;
        padding:0.5rem 1.25rem;
    }

    body .reisedetail .infos .data>div>.cnt .termin .date-preis{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-right:5.65rem;
        flex-basis:19.0625rem;
    }
    body .reisedetail .infos .data>div>.cnt .termin .date-preis>h4{
        font-size:1rem;
        font-weight:700;
        margin-top:0;
        margin-bottom:0.75rem;
        color:#000000;
    }
    body .reisedetail .infos .data>div>.cnt .termin .date-preis>.preise{
        font-size:0.9rem;
        font-weight:300;
        color:rgb(112, 112, 112);
    }
    body .reisedetail .infos .data>div>.cnt .termin .date-preis>.preise>span:last-child{
        font-size:1rem;
        font-weight:500;
    }
    body .reisedetail .infos .data>div>.cnt .termin .date-preis>.preise,
    body .reisedetail .infos .data>div>.cnt .termin .date-preis>h4{
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
-ms-flex-negative: 0;
    flex-shrink: 0;
-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    body .reisedetail .infos .data>div>.cnt .hinweise{
        font-size:0.8rem;
    }
    body .reisedetail .infos .data>div>.cnt li:before{
        border-width:0.2840rem 0.27775rem;
    }
    body .reisedetail .infos .data>div>.cnt{
        display:none;
    }
    body .reisedetail .infos .data>div.active>.cnt{
        display:block;
    }
    body .reisedetail .special-wrap{
        grid-area: schnellbucher;
        font-size: 1rem;
        max-width: 22rem;
        margin-top: 0;
        padding: 1rem;
    }
    body .reisedetail .special-wrap .price{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        line-height: 1;
    }
    body .reisedetail .special-wrap .price span:first-child{
        font-size:1.55rem;
    }
    body .reisedetail .special-wrap .price span:last-child{
        font-size:2.3500rem;
    }

    /* ############################ formular-desktop ############################ */
    body .formular form ::-webkit-input-placeholder{opacity:1;color:#000000;padding:initial;font-size:1rem;line-height:initial;}
    body .formular form ::-moz-placeholder{opacity:1;color:#000000;padding:initial;font-size:1rem;line-height:initial;}
    body .formular form :-ms-input-placeholder{opacity:1;color:#000000;padding:initial;font-size:1rem;line-height:initial;}

    body .formular{
        padding:5.56rem 6.8500rem 0 6.8500rem;
        max-width:calc(63.44vw + 6.8500rem * 2);
    }
    body .formular .headlines{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align:start;
            -ms-flex-align:start;
                align-items:flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    body .formular h1,
    body .formular .headlines h1{
        text-align:left;
        font-size:2.25rem;
        padding:1.35rem 0;
        border-top:1px solid #707070;
        border-bottom:1px solid #707070;
        margin-bottom:2.2rem;
    }
    body .formular .headlines h2{
        font-size:1.75rem;
        border-bottom-color: #ECECEC;
        padding-bottom:0.8rem;
    }
    body .formular .headlines h3{
        font-size:1.25rem;
        margin-bottom:1.5rem;
        padding-bottom:0;
    }
    body .formular .seldate{
        max-width:18.80rem;
        /* margin-bottom:2.25rem; */
    }
    body .formular .teilnehmerAuswahl{
        max-width:18.80rem;
        margin-bottom:2.25rem;
    }
    body .formular .teilnehmerAuswahl .label-wrapper{
        margin-right: 0;
    }
    body .formular select.date{
        font-size:1.25rem;
    }
    body .formular h1,
    body .formular fieldset{
        width:100%;
    }
    body .formular #TeilnehmerFieldset{
        margin-bottom: 0.5rem;
    }
    body .formular #TeilnehmerFieldset .select.full,
    body .formular #TeilnehmerFieldset .filterZustiegWrapper{
        width: 95%
    }
    body .formular #TeilnehmerFieldset .filterZustiegWrapper  .select.wrapper{
       margin-bottom: 0rem;
    }
    body .formular #TeilnehmerFieldset .LeistungsBoxWrapper{
       display: flex;
       margin-bottom: 0.5rem;
       flex-wrap: wrap;
    }
    body .formular #TeilnehmerFieldset .LeistungsBoxWrapper > div{
       width: 25%;
    }
    body .formular #TeilnehmerFieldset .LeistungsBoxWrapper label{
       margin: 0;
    }
    body .formular #TeilnehmerFieldset  .zusatzSelect {
        margin-bottom: 1.4rem;
    }
    body .formular #TeilnehmerFieldset p{
        border-bottom: 2px solid #000;
        margin-bottom: 0.5rem;
        margin-top: 1rem;
        width: 95%;
    }
    body .formular #TeilnehmerFieldset .chkbx-wrapper{
        margin-left: 0;
        margin-bottom: 0;
    }
    body .formular fieldset.grid>div{
        display:-ms-grid;
        display:grid;
        -ms-grid-columns: 17.25rem 2.25rem 17.25rem 2.25rem 17.25rem;
        grid-template-columns: repeat(3, 17.25rem);
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        grid-gap:1.45rem 2.25rem;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        grid-auto-flow: row;
    }
    body .formular fieldset .flexInput{
        display:flex;
        justify-content: unset;
    }
    body .formular fieldset .flexInput input{
        width: 17.25rem;
        margin-bottom: 0.725rem;
        margin-top: 0.725rem;
    }
    body .formular fieldset .flexSelect{
        display:flex;
        justify-content: unset;
        align-items: baseline;
        margin-top: 0.725rem;
    }
    body .formular fieldset .flexSelect > div:first-child{
        margin-bottom: 1.45rem;
    }
    body .formular fieldset .flexSelect > div,
    body .formular fieldset .flexSelect > input{
        width: 17.25rem;
        /* margin-bottom: 1.45rem!important; */
    }
    body .formular fieldset#TeilnehmerFieldset .select.wrapper{
        margin-bottom: 0;
    }
    body .formular fieldset#TeilnehmerFieldset .versicherungsInfo{
        font-size: 0.5rem;
        color:#707070;
        width: 100%;
    }
    body .formular fieldset#TeilnehmerFieldset .versicherungsInfo a{
        color:#0072AB;
    }
    body .formular #buchungsformular .chkbx-wrapper{
        margin-left: 0;
    }
    body .formular fieldset.grid>div > *:nth-child(1){
		-ms-grid-row: 1;
		-ms-grid-column: 1;
    }
    body .formular fieldset.grid>div >p{
		-ms-grid-row: 1;
		grid-column: 1 / -1;
    }
    body .formular fieldset.grid>div > *:nth-child(2){
		-ms-grid-row: 1;
		-ms-grid-column: 3;
    }
    body .formular fieldset.grid>div > *:nth-child(3){
		-ms-grid-row: 1;
		-ms-grid-column: 5;
    }
    body .formular fieldset.flex>div{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    body .formular fieldset{
        padding:1.9rem 1.55rem;
        border:1px solid #707070;
        margin-bottom:2.75rem;
    }
    body .formular fieldset legend{
        color:#707070;
        font-size:0.9rem;
        margin-left:5.9rem;
        padding:0 0.8rem;
    }
    body .formular fieldset select,
    body .formular fieldset .select.wrapper,
    body .formular fieldset .currency.wrapper,
    body .formular fieldset input{
        /* max-width:17.25rem; */
        margin-bottom:0;
    }
    body .formular fieldset div.wrapper:first-of-type + label,
    body .formular fieldset input:first-of-type + label{
        margin-right:36.75rem;
    }

    body .formular fieldset .select.wrapper:not(:last-child),
    body .formular fieldset .flexSelect > div:not(:last-child),
    body .formular fieldset input:not(:last-child){
        margin-right:2.25rem;
    }
    body .formular ::-webkit-input-placeholder{opacity:1;color:#000000;padding:0.5833rem;font-size:1rem;line-height:1;}
    body .formular ::-moz-placeholder{opacity:1;color:#000000;padding:0.5833rem;font-size:1rem;line-height:1;}
    body .formular :-ms-input-placeholder{opacity:1;color:#000000;padding:0.5833rem;font-size:1rem;line-height:1;}

    body .formular .wrapper,
    body .formular textarea,
    body .formular input,
    body .formular select{
        color:#000000;
        font-size:1rem;
    }
    body .formular .label-wrapper{
        max-width:17.25rem;
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 17.25rem;
    flex-basis: 17.25rem;
        margin-right:2.25rem;
    }
    body .formular .label-wrapper.full{
        flex-basis: 36.75rem;
        max-width: 36.75rem;
        margin-right: 17.25rem;
    }
    body .formular .label-wrapper:last-child{
        max-width:36.75rem;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
-ms-flex-negative: 0;
    flex-shrink: 0;
-ms-flex-preferred-size: 36.75rem;
    flex-basis: 36.75rem;
    }
    body .formular .chkbx-wrapper label{
        font-size:0.7rem;
    }
    body .formular .chkbx-wrapper .chkbx-custom{
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 1.4rem;
    flex-basis: 1.4rem;
        margin-bottom:1rem;
    }
    body .formular .chkbx-wrapper .chkbx-custom > span,
    body .formular .chkbx-wrapper .chkbx-custom > input{
        width:0.95rem;
        height:0.95rem;
    }
    body .formular .submit-wrapper,
    body .formular .chkbx-wrapper{
        margin-left:1.55rem;
        max-width:36.55rem;
    }
    body .formular .submit-wrapper{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    body .formular .submit-wrapper button.red{
        font-size:1rem;
        padding:0.7rem;
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 16rem;
    flex-basis: 17rem;
    }
    /* ############################ erfolgreich/fehlgeschlagen-desktop ############################ */
    body .response{
        padding:3.8rem 7.1rem 0 7.1rem;
    }
    body .response p,
    body .response span,
    body .response h3,
    body .response h2,
    body .response h1{
        max-width:63.33vw;
        text-align:left;
        padding:0;
    }
    body .response h1{
        font-size:2.5rem;
        border-top:1px solid #707070;
        border-bottom:1px solid #707070;
        padding:1.25rem 0;
        margin-bottom:2.85rem;
    }
    body .response h2{
        font-size:2rem;
        padding:0;
    }
    body .response img{
        width:93vw;
    }
    /* ############################ reiseihvz-desktop ############################ */
    body .reiseihvz{
        padding:5.35rem 26.7308rem 3.125rem 7.1rem;
    }
    body .reiseihvz h1,
    body .reiseihvz h2{
        padding:0;
        margin:0;
    }
    body .reiseihvz h1{
        margin-bottom:4rem;
    }
    body .reiseihvz h2{
        font-size:1.5rem;
        padding:1rem 1.5rem;
    }
    body .reiseihvz h2:not(:first-of-type){
        margin-top:2.1500rem;
    }
    body .reiseihvz .content-row{
        padding:0.25rem 1rem;
    }
    body .reiseihvz .content-row .vonbis,
    body .reiseihvz .content-row .dauer{
        font-size:1rem;
    }
    body .reiseihvz .content-row .vonbis{
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 20.25rem;
    flex-basis: 20.25rem;
    }
    body .reiseihvz .content-row .dauer{
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: 11.45rem;
    flex-basis: 5.45rem;
    }
    body .reiseihvz .content-row .reise{
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 1;
    flex-shrink: 1;
-ms-flex-preferred-size: auto;
    flex-basis: auto;
        margin:0;
        font-size:1rem;
    }
    body .reiseihvz #scroll-up{
        position: fixed;
        background-color:#0072AB;
        right:0;
        bottom:15rem;
        padding:0.85rem;
        opacity:0;
        -webkit-transform:translateX(100%);
            -ms-transform:translateX(100%);
                transform:translateX(100%);
        -webkit-transition: 0.25s opacity ease-in-out, 0.25s -webkit-transform ease-in-out;
        transition: 0.25s opacity ease-in-out, 0.25s -webkit-transform ease-in-out;
        -o-transition: 0.25s opacity ease-in-out, 0.25s transform ease-in-out;
        transition: 0.25s opacity ease-in-out, 0.25s transform ease-in-out;
        transition: 0.25s opacity ease-in-out, 0.25s transform ease-in-out, 0.25s -webkit-transform ease-in-out;
    }
    body .reiseihvz #scroll-up:after{
        content:'';
        width:100%;
        height:100%;
        opacity:0;
        position:absolute;
        top:0;
        left:0;
    }
    body .reiseihvz #scroll-up>object{
        height:1.35rem;
        width:1.45rem;
        stroke:#ffffff;
        margin:0;
    }
    body .reiseihvz #scroll-up.show{
        opacity:1;
        -webkit-transform:translateX(0);
            -ms-transform:translateX(0);
                transform:translateX(0);
    }

    /* ############################ kundenstimmen-desktop ############################ */
    body .kundenstimmen{
        padding:5.35rem 7.1rem 0 7.1rem;
    }
    body .kundenstimmen h1{
        text-align: left;
        font-size:2.25rem;
        margin-bottom:3.25rem;
    }
    body .kundenstimmen h2{
        font-size:1.75rem;
        margin-bottom:1.75rem;
    }
    body .kundenstimmen h2,
    body .kundenstimmen h3,
    body .kundenstimmen h4,
    body .kundenstimmen .search-outer{
        padding:0;
    }
    body .kundenstimmen .search-outer{
        width:26.7205rem;
    }
    body .kundenstimmen h3{
        font-size:0.7rem;
        margin-bottom:0;
        height:0.9870rem;
        position: absolute;
        padding:0 0.15rem 0 1.2rem;
    }
    body .kundenstimmen h4{
        font-size:1.7rem;
        padding-left:0.5rem;
        margin-bottom:2rem;
    }
    body .kundenstimmen #review-list .list{
        padding:3.125rem 1.125rem;
    }
    body .kundenstimmen #review-list .list .review{
        margin:2rem 0;
        padding:1.2rem 1.2rem 0.55rem 1.2rem;
    }
    body .kundenstimmen #review-list .list .review .title{
        font-size:1.2rem;
    }
    body .kundenstimmen #review-list .list .review .date{
        font-size:1rem;
    }
    body .kundenstimmen #review-list .list .review .text{
        font-size:0.9rem;
    }
    body .kundenstimmen #review-list .review .reise-pdf>img{
        height:1.0825rem;
        margin-left:0.6rem;
    }
    body .kundenstimmen #review-list .review .reise-pdf{
        font-size:0.55rem;
        width:6.9890rem;
        height:1.9840rem;
        margin-right:0.4rem;
        padding:0.5rem;
    }
    body .kundenstimmen #review-list .review .reise-pdf:after{
        border-width:0.992rem 0 0.992rem 0.4rem
    }
    body .kundenstimmen .shadow-button-outer{
        display:inline-block;
        margin-left:0.5rem;
    }
    body .kundenstimmen .shadow-button-outer .feedback{
        width:22.55rem;
        padding:1.85rem;
    }
    /* ############################ kontakt-desktop ############################ */
    body *:not(footer) .kontakt{
        padding:5.35rem 7.1rem 0 7.1rem;
        display:-ms-grid;
        display:grid;
        -ms-grid-columns: 28.10rem auto;
        grid-template-columns: 28.10rem auto;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
            grid-template-areas: 
        "head head"
        "kontakt map"
        "text map";
    }
    body .kontakt h1{
        grid-area: head;
        text-align:left;
        font-size:2.25rem;
    }
    body .kontakt a.mailto,
    body .kontakt .kontakt_info a{
        color:inherit;
        text-decoration: none;
    }
    body .kontakt .info{
        grid-area: kontakt;
    }
    body .kontakt .info .anschrift,
    body .kontakt .info .kontakt_info,
    body .kontakt .info .mailto,
    body .kontakt .text{
        margin:0;
        padding:0;
        font-size:1rem;
    }
    body .kontakt .anschrift > img,
    body .kontakt .kontakt_info > img{
        width:0.8495rem;
        margin-right:1.25rem;
    }
    body .kontakt .info .mailto{
        margin-left:2.0995rem;
        margin-bottom:5.25rem;
    }
    body .kontakt .info,
    body .kontakt .text{
        padding-right:2.25rem;
    }

    body .kontakt .map{
        height:100%;
        grid-area: map;
    }
    body .kontakt .text{
        grid-area: text;
    }
    /* ############################ kontakt-desktop ############################ */
    body .busflotte{
        padding:5.35rem 7.1rem 0 7.1rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    body .busflotte h1{
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
-ms-flex-negative: 0;
    flex-shrink: 0;
-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
        text-align:left;
        font-size:2rem;
        margin-bottom:2.25rem;
    }
    body .busflotte h3{
        font-size:1.75rem;
        text-align:left;
    }
    body .busflotte .bus-mieten{
        max-width:53.9rem;
    }
    body .busflotte .bus-mieten p.button-text{
        margin:0 0 1.55rem 0;
        padding:0;
        font-size:0.9rem;
        max-width:53.9rem
    }
    body .busflotte .bus-mieten a{
        width:14.8495rem;
        display:block;
        margin-left:auto;
    }
    body .busflotte .bus-mieten a .shadow-button{
        font-size:1rem;
        height:3.2010rem;
        padding:0 0 0 4.75rem;
    }
    body .busflotte .bus-mieten a .shadow-button:after{
        border-width: 1.6rem 0 1.6rem 1.7500rem;
    }
    body .busflotte .flotte{
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 0;
    flex-shrink: 0;
-ms-flex-preferred-size: 25.8420rem;
    flex-basis: 25.8420rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
    }
    body .busflotte .flotte h2{
        font-size:1.25rem;
        padding:0;
        margin-bottom:1.85rem;
    }
    body .busflotte .flotte .gallery picture.img{
        height:17.2075rem;
    }
    body .busflotte .flotte .text{
        padding:2.6rem 1.7rem 2.6rem 1.7rem;
        display:block;
        -webkit-box-flex : 1;
            -ms-flex-positive : 1;
                flex-grow : 1;
    }
    body .busflotte .flotte .text,
    body .busflotte .flotte p{
        font-size:0.9rem;
    }
    body .busflotte .flotte ul,
    body .busflotte .flotte p{
        padding:0;
        margin:0;
    }
    body .busflotte .flotte .text h3{
        font-size:1.5rem;
        margin-bottom:1.25rem;
        margin-top:0;
    }
    .busflotte .flotte .text ul > li:not(:last-child){
        margin-bottom:0.9rem;
    }
    .busflotte .flotte .text ul > li:before{
        border-width: 0.2840rem 0 0.2840rem 0.4555rem;
    }
    /* ############################ beiträge-desktop ############################ */
    body .content .content-flex-container section.grid.fill{
        display:grid;
        grid-template-rows: repeat(2, min-content);
        grid-auto-rows: min-content;
        grid-gap:1.5rem;
        justify-items: start;
        align-items: start;
    }
    body .content .content-flex-container section.grid.three-col{
        grid-template-columns: repeat(3, 1fr);
    }
    body .content .content-flex-container section.grid.two-col{
        grid-template-columns: repeat(2, 1fr);
    }
    body .content .content-flex-container section.grid.col{
        grid-auto-flow: column;
    }
    body .content .content-flex-container section.grid > div.text{
        padding:1.7rem;
        height:100%;
        width: 100%;
    }
    body .content .content-flex-container section.grid > .text table{
        border-collapse:separate; 
        border-spacing:0 0.5rem;
    }
    body .content .content-flex-container section.grid > .text td{
        padding:0 0.5rem;
        border:0;
        font-size:0.75rem;
    }
    body .content .content-flex-container section.grid > .text td:first-child{
        border-right:1px solid #7d7d7d;
        min-width:9rem;
        text-align: right;
    }
    body .content .content-flex-container section.grid > .text h2{
        margin-bottom:1rem;
        min-height:auto;
    }

    body .content-head{
        text-align:left;
        font-size:2rem;
        margin-bottom:2.25rem;
        padding:5.35rem 7.1rem 0 7.1rem;
    }
    body .content{
        padding:0 7.1rem 0 7.1rem;
        background-color:transparent;
    }
    body .content .content-flex-container{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    body .content .content-flex-container section:not(.full){
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
-ms-flex-negative: 0;
    flex-shrink: 0;
-ms-flex-preferred-size: 25.8420rem;
    flex-basis: 25.8420rem;
        padding:0;
        /* margin-bottom:2.25rem; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        padding:3.125rem 1.125rem;
    }
    body .content .content-flex-container section.full{
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 0;
    flex-shrink: 0;
-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 3.125rem 1.125rem;
    }
    body .content .content-flex-container section.full .text{
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 0;
    flex-shrink: 0;
-ms-flex-preferred-size: 25.8420rem;
    flex-basis: 25.8420rem;
        margin-right:1.5rem;
    }
    body .content .content-flex-container section.full figure{
        margin-left:auto;
    }

    body .content .content-flex-container section h2{
        font-size:1.25rem;
        padding:0;
        margin-bottom:1.85rem;
        text-align: left;
        width:100%;
        min-height: 3.275rem;
    }
    body .content .content-flex-container section h3{
        font-size: 1.75rem;
        text-align: left;
        color:#0D509E;
        font-weight: 700;
        text-transform: uppercase;
    }
    body .content .content-flex-container section picture{
        height:auto;
    }
    body .content .content-flex-container section picture.border>img{
        border:1px solid #7d7d7d;
    }
    body .content .content-flex-container section>figure,
    body .content .content-flex-container section>picture{
        max-height:17.7425rem;
    }
    body .content .content-flex-container section figure{
        margin:0;
        padding-bottom:1rem;
    }
    body .content .content-flex-container section:not(.full) .text{
        background-color: #ECECEC;
        padding: 2.6rem 1.7rem 8.5rem 1.7rem;
    }
    body .content .content-flex-container section .text{
        -webkit-box-flex:1;
            -ms-flex-positive:1;
                flex-grow:1;
    }
    body .content .content-flex-container section .text p{
        font-size: 0.9rem;
        display: block;
    }
    body .content .content-flex-container section .text p small{
        font-size:0.7rem;
    }
    body .content .content-flex-container section table{
        font-size: 0.9rem;
        margin:0;
        font-weight:300;
    }
    body .content .content-flex-container section table td{
        font-size: 0.9rem;
        padding:0.75rem;
    }
    body .content .content-flex-container section table td.tr-head{
        border-left:0px;
        border-right:0px;
        padding-top:1rem;
        font-size: 1.25rem;
    }
    body .content .content-flex-container section a{
        margin:0;
        width:14.8495rem;
        display:block;
    }
    body .content .content-flex-container section a .shadow-button{
        font-size:1rem;
        height:3.2010rem;
        padding:0 0 0 4.75rem;
    }
    body .content .content-flex-container section a .shadow-button:after{
        border-width: 1.6rem 0 1.6rem 1.7500rem;
    }
    /*~~~~ basicLightbox ~~~~*/
    body .basicLightbox{
        padding:4.3rem;
    }
    body .basicLightbox > div{
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    body .basicLightbox .lb-header{
        max-width: 55.85rem;
        margin-top:auto;
    }    
    body .basicLightbox .lb-header h1{
        text-align:left;
    }
    body .basicLightbox .lb-header p{
        max-height: 6.1rem;
        height: 6.1rem;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }   
    body .basicLightbox .lb-image-large{
        margin:0;
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 0;
    flex-shrink: 0;
-ms-flex-preferred-size: 70.35vw;
    flex-basis: 70.35vw;
        max-height: 30.6rem;
        height: 100%;
    }
    body .basicLightbox .lb-image-large > img{
        -o-object-position: top left;
           object-position: top left;
        font-family: 'object-position: top left;object-fit: contain;';
    }
    body .basicLightbox .lb-thumbnails-wrapper{
        margin:0;
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
-ms-flex-negative: 0;
    flex-shrink: 0;
-ms-flex-preferred-size: 17.42rem;
    flex-basis: 17.42rem;
        max-height: 30.6rem;
        height:100%;
        overflow-x:auto;
        overflow-y:scroll;
    }
    body .basicLightbox .lb-thumbnails-wrapper .lb-thumbnails{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    } 
}
@media (min-width: 1024px) {
    body .kontakt h1{
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
    }
    body .kontakt .info{
		-ms-grid-row: 2;
		-ms-grid-column: 1;
    }
    body .kontakt .map{
		-ms-grid-row: 2;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
    }
    body .kontakt .text{
		-ms-grid-row: 3;
		-ms-grid-column: 1;
    }
}
@media (min-width: 1024px) {
    body .reisedetail .headlines{
		-ms-grid-row: 1;
		-ms-grid-column: 1;

    }
    body .reisedetail .reise-bild{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 2;

    }
    body .reisedetail .reise-einleitung{
		-ms-grid-row: 2;
		-ms-grid-column: 1;

    }
    body .reisedetail .infos{
		-ms-grid-row: 4;
		-ms-grid-column: 2;

    }
    body .reisedetail .special-wrap{
		-ms-grid-row: 3;
		-ms-grid-column: 1;

    }
}