header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} .autogrid_grid{display:grid;margin-left:-15px;margin-right:-15px}.autogrid_grid .column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_none{margin-left:0;margin-right:0}.autogrid_grid.gutter_none>.column{padding-left:0;padding-right:0}.autogrid_grid.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_grid.gutter_s>.column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_grid.gutter_m>.column{padding-left:30px;padding-right:30px}.autogrid_grid.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_grid.gutter_l>.column{padding-left:40px;padding-right:40px}.autogrid_grid.same_height>.column>.attributes{height:100%}.autogrid_grid .column .attributes{background-size:cover}.autogrid_grid .column .attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_grid .column .attributes.p-l{padding:160px 40px 160px 40px}.autogrid_grid .column .attributes.p-m{padding:115px 40px 115px 40px}.autogrid_grid .column .attributes.p-s{padding:80px 40px 80px 40px}.autogrid_grid .column .attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_grid .column.align_left_top{text-align:left}.autogrid_grid .column.align_left_center{text-align:left;align-self:center}.autogrid_grid .column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.align_center_top{text-align:center}.autogrid_grid .column.align_center_center{text-align:center;align-self:center}.autogrid_grid .column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.align_right_top{text-align:right}.autogrid_grid .column.align_right_center{text-align:right;align-self:center}.autogrid_grid .column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_grid.same_height>.column{align-self:unset}.autogrid_grid.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_grid.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_grid.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_grid .column>.attributes .image_mob{display:none}.autogrid_wrapper,.autogrid_row{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap;box-sizing:border-box}.autogrid,.autogrid_row>.column{padding-left:15px;padding-right:15px;flex-basis:1;flex-grow:1;width:100%;position:relative;box-sizing:border-box}.autogrid_clear{flex:0 0 100%;height:0}.col_1{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.autogrid_row>.column>.attributes{background-size:cover}.autogrid_row>.column>.attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_row>.column>.attributes.p-l{padding:160px 40px 160px 40px}.autogrid_row>.column>.attributes.p-m{padding:115px 40px 115px 40px}.autogrid_row>.column>.attributes.p-s{padding:80px 40px 80px 40px}.autogrid_row>.column>.attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_wrapper.gutter_none,.autogrid_row.gutter_none{margin-left:0;margin-right:0}.autogrid_wrapper.gutter_none>div,.autogrid_row.gutter_none>div{padding-left:0;padding-right:0}.autogrid_wrapper.gutter_s,.autogrid_row.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_wrapper.gutter_s>div,.autogrid_row.gutter_s>div{padding-left:15px;padding-right:15px}.autogrid_wrapper.gutter_m,.autogrid_row.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_wrapper.gutter_m>div,.autogrid_row.gutter_m>div{padding-left:30px;padding-right:30px}.autogrid_wrapper.gutter_l,.autogrid_row.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_wrapper.gutter_l>div,.autogrid_row.gutter_l>div{padding-left:40px;padding-right:40px}.autogrid_row>.column.align_left_top{text-align:left}.autogrid_row>.column.align_left_center{text-align:left;align-self:center}.autogrid_row>.column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.align_center_top{text-align:center}.autogrid_row>.column.align_center_center{text-align:center;align-self:center}.autogrid_row>.column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.align_right_top{text-align:right}.autogrid_row>.column.align_right_center{text-align:right;align-self:center}.autogrid_row>.column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row.same_height>.column{align-self:unset}.autogrid_row.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_row.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_row.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_row .column>.attributes .image_mob{display:none}.order_1{order:1}.order_2{order:2}.order_3{order:3}.order_4{order:4}.order_5{order:5}.order_6{order:6}.full{flex:0 0 100%}.one_half{flex:0 0 calc(100% / 2)}.one_third{flex:0 0 calc(100% / 3)}.one_fourth{flex:0 0 calc(100% / 4)}.one_fifth{flex:0 0 calc(100% / 5)}.one_sixth{flex:0 0 calc(100% / 6)}.two_third{flex:0 0 calc((100% / 3) * 2)}.two_fourth{flex:0 0 calc((100% / 4) * 2)}.three_fourth{flex:0 0 calc((100% / 4) * 3)}.two_fifth{flex:0 0 calc((100% / 5) * 2)}.three_fifth{flex:0 0 calc((100% / 5) * 3)}.four_fifth{flex:0 0 calc((100% / 5) * 4)}.two_sixth{flex:0 0 calc((100% / 6) * 2)}.three_sixth{flex:0 0 calc((100% / 6) * 3)}.four_sixth{flex:0 0 calc((100% / 6) * 4)}.five_sixth{flex:0 0 calc((100% / 6) * 5)}.offset_col_1{margin-left:calc((100% / 12) * 1)}.offset_col_2{margin-left:calc((100% / 12) * 2)}.offset_col_3{margin-left:calc((100% / 12) * 3)}.offset_col_4{margin-left:calc((100% / 12) * 4)}.offset_col_5{margin-left:calc((100% / 12) * 5)}.offset_col_6{margin-left:calc((100% / 12) * 6)}.offset_col_7{margin-left:calc((100% / 12) * 7)}.offset_col_8{margin-left:calc((100% / 12) * 8)}.offset_col_9{margin-left:calc((100% / 12) * 9)}.offset_col_10{margin-left:calc((100% / 12) * 10)}.offset_col_11{margin-left:calc((100% / 12) * 11)}.autogrid.no_gutter{padding-left:0;padding-right:0}@media only screen and (min-width :768px) and (max-width :1024px){.col_1_t{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_t{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_t{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_t{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_t{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_t{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_t{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_t{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_t{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_t{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_t{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_t{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_t{order:1}.order_2_t{order:2}.order_3_t{order:3}.order_4_t{order:4}.order_5_t{order:5}.order_6_t{order:6}}@media only screen and (max-width:767px){[class*="col_"],.one_half,.one_third,.one_fourth,.one_fifth,.one_sixth,.two_third,.two_fourth,.three_fourth,.two_fifth,.three_fifth,.four_fifth,.two_sixth,.three_sixth .four_sixth,.five_sixth{flex:0 0 100%;max-width:none}.column[class*="col_"]:not([class*="_m"]),.autogrid_grid .column:not([class*="_m"]){padding-left:0!important;padding-right:0!important;margin-bottom:25px}.column[class*="offset_"],.autogrid[class*="offset_"],.autogrid_grid[class*="offset_"]{margin-left:0}.autogrid_wrapper,.autogrid_row,.autogrid_grid{margin-left:0!important;margin-right:0!important}.column:empty{display:none}.autogrid_grid>.column>.attributes.has-image.empty>.image_mob,.autogrid_grid>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob{display:block}.autogrid_grid>.column>.attributes.has-image.empty,.autogrid_row>.column>.attributes.has-image.empty{background:none!important}.col_1_m{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_m{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_m{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_m{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_m{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_m{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_m{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_m{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_m{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_m{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_m{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_m{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_m{order:1}.order_2_m{order:2}.order_3_m{order:3}.order_4_m{order:4}.order_5_m{order:5}.order_6_m{order:6}.autogrid_grid>.column>.attributes.p-xl,.autogrid_grid>.column>.attributes.p-l,.autogrid_grid>.column>.attributes.p-m,.autogrid_grid>.column>.attributes.p-s,.autogrid_grid>.column>.attributes.p-xs,.autogrid_row>.column .attributes.p-xl,.autogrid_row>.column .attributes.p-l,.autogrid_row>.column .attributes.p-m,.autogrid_row>.column .attributes.p-s,.autogrid_row>.column .attributes.p-xs{padding:20px}.autogrid_grid .column.m_align_left_top{text-align:left}.autogrid_grid .column.m_align_left_center{text-align:left;align-self:center}.autogrid_grid .column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.m_align_center_top{text-align:center}.autogrid_grid .column.m_align_center_center{text-align:center;align-self:center}.autogrid_grid .column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.m_align_right_top{text-align:right}.autogrid_grid .column.m_align_right_center{text-align:right;align-self:center}.autogrid_grid .column.m_align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row>.column.m_align_left_top{text-align:left}.autogrid_row>.column.m_align_left_center{text-align:left;align-self:center}.autogrid_row>.column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.m_align_center_top{text-align:center}.autogrid_row>.column.m_align_center_center{text-align:center;align-self:center}.autogrid_row>.column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.m_align_right_top{text-align:right}.autogrid_row>.column.m_align_right_center{text-align:right;align-self:center}.autogrid_row>.column.m_align_right_bottom{text-align:right;align-self:flex-end}}body.edge column[class*="col_"]{flex-basis:1}@media only screen and (max-width:767px){body.edge column[class*="col_"]{flex-basis:100%}} .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;overflow:hidden}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;background:0 0;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc string{color:#fff}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;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}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}} /* NUUNNAV CSS*/ .nuunnavbutton {display: none; width: 38px; background: initial; padding: 0; height: 40px; box-sizing: border-box; border-radius: 0; cursor: pointer; position: fixed; z-index: 2500; top: 29px; right: 5%;} .nuunnavbutton .navline {height: 3px; width: 100%; box-sizing: border-box; margin-bottom: 7px; border-radius: 5px; background: #F7F1E5; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;} .nuunnavbutton.up .navline {background: #30353F;} .nuunnavbutton .navline:last-of-type {margin-bottom: 0;} .nuunnavbutton .navline.mid {opacity: 1;} .nuunnavbutton .navline.top {transform: rotate(0); transform-origin: top right;} .nuunnavbutton .navline.bot {transform: rotate(0); transform-origin: bottom right;} .nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(-1px) translateX(0px); background: #30353F;} .nuunnavbutton.crossed .navline.mid {opacity: 0;} .nuunnavbutton.crossed .navline.bot {margin-left: 0; width: 100%; transform: rotate(-135deg) translateY(-1px) translateX(35px); background: #30353F;} #nuunnav {display: none; padding-top: 0px; padding-bottom: 50px; position: fixed; overflow-y: auto; top: 0; width: 100%; max-width: 500px; background: #F7F1E5; height: 100vh; z-index: 2000; box-sizing: border-box; transition:right 0.4s ease, box-shadow 0.3s ease;} #nuunnav.open {right: 0 !important; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);} #nuunnav .inside {padding: 0 5% 30px 5%;} #nuunnav .mod_navigation {margin-top: 50px; margin-bottom: 20px; display: inline-block; width: 100%; position: relative; overflow: hidden;} #nuunnav li a {font-family: 'poppinssemibold'; color: #30353F; text-decoration: none; padding-bottom: 20px; background-position: bottom left; transition: background 0.3s ease;} #nuunnav ul.level_1 > li > a.active, #nuunnav ul.level_1 > li > a.trail, #nuunnav ul.level_1 > li > a:hover {background: url(../../files/data/graphics/nav-bg-line.svg) no-repeat; background-position: bottom left;} #nuunnav li a.active {color: #D4B038; font-family: 'poppinssemibold'; text-decoration: none;} #nuunnav li a:hover {color: #D4B038;} #nuunnav ul {list-style: none; padding-left: 0; margin-bottom: 0; display: block; width: 100%;} #nuunnav ul.level_1 {margin: 0;} #nuunnav ul.level_1 > li {display: inline-block; width: 100%; border-bottom: 1px solid #30353F;} #nuunnav ul.level_1 > li > a {display: inline-block; font-size: 2.4rem; float: left; clear: left; margin: 0; padding: 4px 0 20px 0px; width: calc(100% - 55px);} #nuunnav ul.level_1 > li.submenu > a {margin-right: 0px; float: left; clear: left;} #nuunnav ul li.submenu .subtoggler {width: 50px; height: 50px; position: relative; top:3px; display: flex; align-items: center; justify-content: center; float: left; cursor: pointer; background: url(../../files/data/nuunnav/graphics/nuunnav-subarrow.svg) center no-repeat;} #nuunnav ul.level_2 li.submenu .subtoggler {height: 34px;} #nuunnav ul li.submenu .subtoggler .subtoggline1 {opacity: 0; width: 18px; height: 2px; background: #30353F;} #nuunnav ul li.submenu .subtoggler .subtoggline2 {opacity: 0; width: 18px; height: 2px; background: #30353F; position: absolute; transform: rotate(90deg); transition: transform 0.3s ease;} #nuunnav ul li.submenu .subtoggler.down .subtoggline2 {transform: rotate(0deg);} #nuunnav ul.level_2 {display: block; width: 100%; position: absolute; top: 0; right: -100%;} #nuunnav ul.level_2 > li > a {font-family: 'poppinssemibold'; display: inline-block; font-size: 2rem; float: left; clear: left; padding: 5px 0 5px 0px;} #nuunnav ul.level_2 li a.active {color: #30353F; font-family: 'poppinssemibold'; text-decoration: underline;} #nuunnav ul.level_2 li a:hover {color: #30353F;} #nuunnav ul.level_2 li.last {padding-bottom: 15px; display: inline-block; width: 100%;} #nuunnav ul.level_3 {display: none; visibility: visible;} #nuunnav ul.level_3 > li > a {font-family: 'poppinssemibold'; display: inline-block; text-transform: none; font-size: 2rem; float: left; clear: left; padding: 5px 0 5px 20px;} #nuunnav ul.level_3 li a.active {color: #30353F; font-family: 'poppinssemibold'; text-decoration: underline;} #nuunnav ul.level_3 li a:hover {color: #30353F;} #nuunnav ul.level_4 {display: none;} #nuunnav ul.level_4 > li > a {display: inline-block; text-transform: none; font-size: 1.5rem; float: left; clear: left; padding: 5px 0 5px 15px;} #nuunnav ul.level_4 li a.active {color: #30353F; font-family: 'poppinssemibold'; text-decoration: underline;} #nuunnav ul.level_4 li a:hover {color: #30353F;} @media screen and (max-width: 1100px) { .nuunnavbutton {display: block;} #nuunnav {display: block;} } /*************************************************************/ /* Design: Travel Service St. Gallen GmbH */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Thomas Dürig, www.nuun.ch */ /* Datum: Juli 2025 */ /* Site: www.finetravel.ch */ /*************************************************************/ /* LAYOUT */ /*************************************************************/ /*FARBEN*/ /* */ /*Mailchimp*/ #container #mc_embed_shell {text-align: center;} #container #mc_embed_signup {background:initial; color: #F7F1E5; width:400px; max-width:100%; display: inline-block;} #container #mc_embed_signup .indicates-required {display: none;} #container #mc_embed_signup input {-webkit-appearance:none;} #container #mc_embed_signup button {-webkit-appearance:none;} #container #mc_embed_signup label {width: 100%; padding-top: 10px; color: #F7F1E5; margin-bottom: 5px; display: inline-block; float: left; text-align: left;} #container #mc_embed_signup input {box-sizing: border-box; border-radius: 30px; width: 100%; padding:4px 15px; margin-bottom: 5px; border:none; background-color: #F7F1E5;} #container #mc_embed_signup input:focus {outline: none;} #container #mc_embed_signup .clear {text-align: center;} #container #mc_embed_signup #mc-embedded-subscribe {margin-top: 20px; display: inline-block; color: #F7F1E5; text-decoration: none; font-size: 2.5rem; font-family: 'poppinssemibold'; padding: 17px 60px 17px 60px; border-radius: 50px; border: 3px solid #F7F1E5; background: #30353F; cursor: pointer; transition: color 0.3s ease, background 0.3s ease;} #container #mc_embed_signup #mc-embedded-subscribe:hover {color: #30353F; background: #F7F1E5;} #container #mc_embed_signup div.mce_inline_error {background: none; font-size: 1.2rem; line-height: 1.6rem; color: #F7F1E5;} #container #mce-success-response {font-size: 1.6rem; line-height: 2.6rem; margin: 5px 0;} #container .map-view.gmap {min-height:800px;} /* GLOBAL */ /*************************************************************/ html, body {position: relative; height: 100%; width:100%; font: 62.5% "poppinslight", Arial, Verdana, Helvetica, sans-serif; letter-spacing:0em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; font-smoothing: antialiased;} body {font-size:25px; font-size:2.5rem; line-height: 4.3rem; color: #30353F; background-color: #F7F1E5;} .invisible {display: none !important;} .schmal50 {width: 50% !important; margin: 0 auto;} .schmal75 {width: 75% !important; margin: 0 auto;} .zentriert {text-align: center;} /*Cookiebar*/ .contao-cookiebar .cc-inner {max-width: 500px; font-size: 1.5rem; line-height: 1.8rem; background: #F7F1E5;} .contao-cookiebar .cc-inner h3 {font-size: 2.4rem; line-height: 3rem;} .contao-cookiebar .cc-inner label {line-height: 1.9rem;} .contao-cookiebar .cc-cookies .cc-cookie p {font-size: 1.5rem; line-height: 1.8rem;} .contao-cookiebar .cc-info > p {font-size: 1.2rem; line-height: 1.6rem;} .contao-cookiebar p a {color:#D4B038; text-decoration: underline;} .contao-cookiebar .highlight .cc-btn.success {background: #D4B038; border-color: #D4B038;} .contao-cookiebar .highlight .cc-btn.success:hover {background: #D4B038; border-color: #D4B038;} .contao-cookiebar input:checked + label:before {background: #ffeba8; border-color: #D4B038;} .contao-cookiebar input:checked + label:after {background: #D4B038;} .ce_cookiebarOpener {margin: 20px 0;} .ce_cookiebarOpener a {display: inline-block; font-size: 3rem; line-height: 4.3rem; color: #12100E; font-family: 'poppinsregular'; text-decoration: none; padding: 4px 23px 2px 23px; background: #E2E4E8; border-radius: 11px; transition: transform 0.3s ease;} .ce_cookiebarOpener a:hover {transform: scale(1.05);} /* HEADER / NAVIGATION */ /*************************************************************/ #header {position: absolute; top: 0; left: 0; width: 100%; height: 270px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%); z-index: 100;} #header .inside {width: 90%; padding: 0 5%;} #header .logo {margin-top: 20px; display: inline-block;} #header .headerrechts {float: right; display: inline-block;} #header .navigation {display: inline-block;} #header .navigation ul {margin-bottom: 0;} #header .navigation ul li {display: inline-block;} #header .navigation ul li a {padding: 0 20px; color: #F7F1E5; font-family: 'poppinsregular'; text-decoration: none; font-size: 2.3rem; transition: color 0.3s ease;} #header .navigation ul li a:hover, #header .navigation ul li a.active {color: #D4B038;} #header .content-hyperlink {display: inline-block;} #header .content-hyperlink a {border: none; color: #30353F; font-size: 2.3rem; line-height: 2.3rem; font-family: 'poppinssemibold'; padding: 17px 20px; border-radius: 40px; background: #F7F1E5;} #header .scrollheader {position: fixed; top: -110px; left: 0; width: 100%; height: 100px; background: #F7F1E5; transition: top 0.5s ease;} #header .scrollheader.up {top: 0;} #header .scrollheader .navigation ul li a {color: #30353F; transition: color 0.3s ease;} #header .scrollheader ul li a:hover, #header .scrollheader ul li a.active {color: #D4B038;} #header .scrollheader .content-hyperlink a {color: #F7F1E5; background: #30353F;} body.keinbild #header {background: initial;} body.keinbild #header .logo img {content: url("../../files/data/graphics/logo-fine-travel-dunkel.svg");} body.keinbild #header .navigation ul li a {color: #30353F; transition: color 0.3s ease;} body.keinbild #header .navigation ul li a:hover, body.keinbild #header .navigation ul li a.active {color: #D4B038;} body.keinbild #header .content-hyperlink a {color: #F7F1E5; background: #30353F;} body.keinbild .nuunnavbutton .navline {background: #30353F;} body.keinbild #container {padding-top: 200px;} #nuunnav {line-height: 4.3rem; padding-bottom: 0;} #nuunnav .logo {margin-top: 20px;} #nuunnav .navigation {height: calc(100vh - 200px); overflow-x: hidden;} #nuunnav .navigation ul.level_1 {position: absolute; top: 0; left: 0; width: 100%; transition: left 0.3s ease;} #nuunnav .navigation.nav1 ul.level_1 {left: -100%;} #nuunnav .navigation ul.level_2 {display: block; width: 100%; position: absolute; top: 0; right: -100%; transition: width 0.3s ease, right 0.3s ease;} #nuunnav .navigation ul.level_2 > li {display: inline-block; width: 100%; border-bottom: 1px solid #30353F;} #nuunnav .navigation ul.level_2 > li > a {display: inline-block; font-size: 2.4rem; float: left; clear: left; margin: 0; padding: 4px 0 20px 0px; width: 100%; background: url(../../files/data/graphics/nuunnav-subarrow.svg) top 15px right 20px no-repeat; transition: background 0.3s ease;} #nuunnav .navigation ul.level_2 > li.active > a {color: #D4B038; background: url(../../files/data/graphics/nuunnav-subarrow-yellow.svg) top 15px right 20px no-repeat;} #nuunnav .navigation ul.level_2 .backbutton {cursor: pointer; display: inline-block; width: 100%; border-bottom: 1px solid #30353F; font-size: 2.4rem; font-family: 'poppinssemibold'; text-align: center; background: url(../../files/data/graphics/nuunnav-subarrow-back.svg) top 15px left no-repeat; margin-bottom: 16px; padding: 4px 0 20px 0px; transition: width 0.3s ease;} #nuunnav .navigation ul.level_2 > li > .subtoggler {display: none;} #nuunnav .navigation.nav2 ul.level_2 {width: 50%; right: -50%} #nuunnav .navigation.nav2 ul.level_2 .backbutton {width: 200%;} #nuunnav .navigation.nav2 ul.level_2 > li > a {font-size: 1.6rem;} #nuunnav .navigation ul.level_3 {display: block; visibility: hidden; padding-top: 9px; width: 100%; height: 342px; position: absolute; top: 68px; right: -150%; box-sizing: border-box; border-left: 1px solid #30353F; opacity: 0; transition: right 0.3s ease, opacity 0.3s ease; z-index: 1; overflow-y: scroll;} #nuunnav .navigation.nav2 ul.level_3 {right: -100%;} #nuunnav .navigation ul.level_2 > li.active ul.level_3 {opacity: 1; z-index: 2; visibility: visible;} #nuunnav .navigation ul.level_3 > li > a {font-family: 'poppinslight'; line-height: 2rem; font-size: 1.6rem; padding: 23px 0 0px 20px;} /* INHALTSELEMENTE */ /*************************************************************/ .mod_article .inside {position: relative; width: 90%; padding: 60px 5%; max-width: 1835px; margin: 0 auto;} .mod_article.gold {background: #E6D7B8;} .mod_article.gelb {background: #D4B038;} .mod_article.dunkel {background: #30353F;} .mod_article.dunkel h1, .mod_article.dunkel h2, .mod_article.dunkel h3, .mod_article.dunkel h4, .mod_article.dunkel p, .mod_article.dunkel a {color: #F7F1E5;} .mod_article.dunkel .content-hyperlink a {color: #F7F1E5; border: 3px solid #F7F1E5; transition: color 0.3s ease, background 0.3s ease;} .mod_article.dunkel .content-hyperlink a:hover {color: #30353F; background: #F7F1E5;} /*Artikel vollbild*/ .mod_article.vollbild {max-width: initial;} .mod_article.vollbild .inside {width: 100%; height: auto; padding: 0; max-width: initial; position: relative;} .mod_article.vollbild .inside .content-image, .mod_article.vollbild .inside .content-player {width: 100%; height: auto; position: relative; overflow: hidden;} .mod_article.vollbild .inside .content-image img, .mod_article.vollbild .inside .content-player video {width: 100%; height: 100%; object-fit: cover;} .mod_article.topbild {position: relative;} .mod_article.topbild .inside {width: 100%; height: 40vw; padding: 0; max-width: initial; position: relative;} .mod_article.topbild .inside .content-image, .mod_article.topbild .inside .content-image figure, .mod_article.topbild .inside .content-player {width: 100%; height: 40vw; position: relative; overflow: hidden;} .mod_article.topbild .inside .content-image img, .mod_article.topbild .inside .content-player video {width: 100%; height: 100%; object-fit: cover;} .mod_article.topbild.fade:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 10vw; z-index: 2; background: linear-gradient(180deg, rgba(48, 53, 63, 0.00) 8.98%, #30353F 100%); visibility: visible;} body.home .mod_article.topbild .inside {width: 100%; height: 100vh; padding: 0; max-width: initial; position: relative;} body.home .mod_article.topbild .inside .content-image, body.home .mod_article.topbild .inside .content-image figure, body.home .mod_article.topbild .inside .content-player {width: 100%; height: 100vh; position: relative; overflow: hidden;} body.home .mod_article.topbild .inside .content-image img, body.home .mod_article.topbild .inside .content-player video {width: 100%; height: 100%; object-fit: cover;} body.home .mod_article.topbild .inside .content-text {position: absolute; bottom: 40px; left: 5%; z-index: 2;} body.home .mod_article.topbild .inside .content-text h1 {color: #F7F1E5; font-family: 'Chillax-Regular'; font-size: 18rem; line-height: 19rem;} body.home .mod_article.topbild .inside .content-text a {display: inline-block; color: #F7F1E5; text-decoration: none; font-size: 2.5rem; font-family: 'poppinssemibold'; padding: 17px 60px; border-radius: 50px; border: 3px solid #F7F1E5; transition: color 0.3s ease, background 0.3s ease;} body.home .mod_article.topbild .inside .content-text a:hover {color: #30353F; background: #F7F1E5;} body.home .mod_article.topbild .inside .scrolldown {position: absolute; bottom: 50px; right: 5%; z-index: 2;} body.home .mod_article.topbild .inside .scrolldown a {color: #F7F1E5; text-decoration: none; font-size: 2rem; line-height: 4.2rem; font-family: 'poppinssemibold'; padding-left: 30px; background: url(../../files/data/graphics/scrollarrow.svg) center left no-repeat;} body.home .mod_article.topbild .inside .content-swiper .swiper-button-prev, body.home .mod_article.topbild .inside .content-swiper .swiper-button-next, body.home .mod_article.topbild .inside .content-swiper .swiper-pagination {display: none;} /*Sliders*/ .testimonials {width: 100%; padding: 50px 0; overflow: hidden;} .testimonials.content-swiper .swiper {width: 150%; margin-left: -25%;} .testimonials.content-swiper .swiper .swiper-slide {padding: 30px 7vw 60px 7vw; border-right: 2px solid #F7F1E5; box-sizing: border-box;} .testimonials.content-swiper .swiper .swiper-slide .content-text img {border-radius: 100px;} .testimonials.content-swiper .swiper .swiper-slide .content-text em {font-family: 'poppinslight';} .testimonials.content-swiper .swiper .swiper-slide .content-text p {font-family: 'poppinsmedium'; font-size: 1.9rem; line-height: 2.8rem;} .testimonials.content-swiper .swiper .swiper-button-prev, .testimonials.content-swiper .swiper .swiper-button-next {display: none;} /*.testimonials.content-swiper .swiper .swiper-button-prev {left: 18%;}*/ .testimonials.content-swiper .swiper .swiper-pagination .swiper-pagination-bullet {width: 14px; height: 14px; border-radius: 20px; border: 2px solid #E6D7B8; background: initial; opacity: 1; transition: background 0.3s ease;} .testimonials.content-swiper .swiper .swiper-pagination .swiper-pagination-bullet:hover, .testimonials.content-swiper .swiper .swiper-pagination .swiper-pagination-bullet-active {background: #E6D7B8;} .fineslider {width: 100%; height: 43vw; padding: 0; max-width: initial; position: relative;} .fineslider .content-text, .fineslider .content-text figure {width: 100%; height: 43vw; position: relative; overflow: hidden;} .fineslider .content-text img {width: 100%; height: 100%; object-fit: cover;} .fineslider .content-text .rte {position: absolute; bottom: 4vw; left: 5%; z-index: 2;} .fineslider .content-text h3 {color: #E6D7B8; font-family: 'Chillax-Light'; font-size: 12rem; line-height: 10rem;} .fineslider .content-text h3 strong {font-family: 'Chillax-Regular';} .fineslider .swiper-button-prev, .fineslider .swiper-button-next, .fineslider .swiper-pagination {display: none;} /*Text*/ h1 {font-family: 'Chillax-Regular'; font-size: 18rem; line-height: 19rem; margin: 20px 0 80px 0; font-variant-ligatures: none;} h2 {font-family: 'poppinsmedium'; font-size: 6rem; line-height: 7.5rem; font-variant-ligatures: none;} h3 {font-family: 'poppinslight'; font-size: 4rem; line-height: 5.5rem; font-variant-ligatures: none;} h4 {font-family: 'poppinssemibold'; font-size: 2.5rem; line-height: 4.3rem; font-variant-ligatures: none;} figure img {max-width: 100%; height: auto;} .content-image.rund img {border-radius: 100%;} #container .content-text {margin-bottom: 30px;} #container .content-text.media--left figure {display: inline-block; width: 42%; margin-right: 3%; vertical-align: top;} #container .content-text.media--left .rte {display: inline-block; width: 54%; vertical-align: top;} #container .content-text.media--right:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #container .content-text.media--right figure {display: inline-block; float: right; width: 42%; margin-left: 3%; vertical-align: top;} #container .content-text.media--right .rte {display: inline-block; width: 54%; vertical-align: top;} .content-text a {color: #30353F; text-decoration: none;} /*Gallery*/ .content-gallery.content-gallery--cols-2 ul li {width: 48.5%; margin-right: 3%; margin-bottom: 20px; display: inline-block; float: left; line-height: 1;} .content-gallery.content-gallery--cols-3 ul li {width: 31.3%; margin-right: 3%; margin-bottom: 20px; display: inline-block; float: left; line-height: 1;} .content-gallery.content-gallery--cols-4 ul li {width: 22.75%; margin-right: 3%; margin-bottom: 20px; display: inline-block; float: left; line-height: 1;} .content-gallery.content-gallery--cols-2 ul li:nth-of-type(2n) {margin-right: 0;} .content-gallery.content-gallery--cols-3 ul li:nth-of-type(3n) {margin-right: 0;} .content-gallery.content-gallery--cols-4 ul li:nth-of-type(4n) {margin-right: 0;} body .content-gallery.masonry ul li {width: calc(25% - 15px); margin-right: 0;} .content-gallery ul li figure {width: 100%; line-height: 0;} .content-gallery ul li figure a {display: block; overflow: hidden;} .content-gallery ul li figure img {width: 100%; height: auto; border-radius: 4px; -webkit-transition: all .5s ease; transition: all .5s ease;} .content-gallery ul li figure:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);} .content-gallery ul li figure figcaption {font-size: 1.5rem; line-height: 1.8rem; margin-top: 7px;} #colorbox #cboxTitle {display: none !important;} #colorbox #cboxCurrent {font-size: 1.5rem;} .masonry .image_container img {border:10px solid #fff;} .content-gallery:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} body .glightbox-clean .gcontainer .gslide-description {display: block;} body .gcontainer .gslide-description {position: absolute; bottom: 0; left: 0; right: 0; background: initial;} body .gcontainer .gslide-description .gdesc-inner {display: inline-block; width: auto;} body .gcontainer .gslide-description .gdesc-inner * {padding: 4px; margin: 0; background: rgba(255,255,255,0.6); font-size: 1.8rem; line-height: 2.4rem;} /*Hyperlink*/ .content-hyperlink {margin: 20px 0;} .content-hyperlink.inline {display: inline-block; margin-right: 20px;} .content-hyperlink a {display: inline-block; color: #30353F; text-decoration: none; font-size: 2.5rem; font-family: 'poppinssemibold'; padding: 17px 60px 17px 60px; border-radius: 50px; border: 3px solid #30353F; transition: color 0.3s ease, background 0.3s ease;} .content-hyperlink a:hover {color: #F7F1E5; background: #30353F;} /*List*/ #main .content-text ul {display: table; margin-bottom: 25px;} #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 20px; background: url(../../files/data/graphics/icon-listbullet.svg) no-repeat top 14px left;} #main .content-text ol { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ } #main .content-text ol > li { position:relative; /* Create a positioning context */ margin:0 0 0 20px; /* Give each list item a left margin to make room for the numbers */ list-style:none; /* Disable the normal item numbering */ } #main .content-text ol > li:before { content:counter(li)"."; /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ position:absolute; left: -18px; top: 1px; font-size: 1.8rem; color: #0088C9; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } /*Downloads*/ .content-download.sc.last, .content-downloads.sc.last {padding-right: 0;} .content-download, .content-downloads {position:relative; width:100%; margin:0; padding:0;} .content-download ul, .content-downloads ul {position:relative; float:left; width:100%; margin:0; padding:0 0 0 0;} .content-download ul li, .content-downloads ul li {position:relative; width:100%; line-height:21px; padding:0 0 0 0; margin:0 0 5px 0; background:#fff;} body #container .content-downloads a, body #container .content-download a, body #container .enclosure a { position:relative; text-decoration: underline; text-decoration-color: #DBDBDB; color: #222222; display:block; padding:8px 30px 8px 40px; margin:0 0 0 0; transition: color 0.5s ease, text-decoration-color 0.3s ease; } body #container .enclosure a:hover, body #container .content-downloads a:hover, body #container .content-downloads a:active, body #container .content-download a:hover, body #container .content-download a:active {color: #D8232A; text-decoration-color: #D8232A;} .download-element a {background: url(../../files/data/graphics/icon-download.svg) top left no-repeat;} .download-element.ext-pdf a {background: url(../../files/data/graphics/icon-pdf.svg) top left no-repeat;} .download-element.ext-doc a {background: url(../../files/data/graphics/icon-doc.svg) top left no-repeat;} .download-element.ext-docx a {background: url(../../files/data/graphics/icon-doc.svg) top left no-repeat;} .download-element.ext-xls a {background: url(../../files/data/graphics/icon-xls.svg) top left no-repeat;} .download-element.ext-xlsx a {background: url(../../files/data/graphics/icon-xls.svg) top left no-repeat;} .download-element.ext-jpg a {background: url(../../files/data/graphics/icon-jpg.svg) top left no-repeat;} .download-element.ext-jpeg a {background: url(../../files/data/graphics/icon-jpg.svg) top left no-repeat;} .download-element.ext-png a {background: url(../../files/data/graphics/icon-png.svg) top left no-repeat;} .download-element.ext-ppt a {background: url(../../files/data/graphics/icon-ppt.svg) top left no-repeat;} .download-element.ext-pptx a {background: url(../../files/data/graphics/icon-ppt.svg) top left no-repeat;} /*Form*/ #container .formbody input {-webkit-appearance:none;} #container .formbody button {-webkit-appearance:none;} #container .content-form {margin-top: 40px; margin-right: auto; margin-left: auto;} #container .formbody label {width: 100%; padding-top: 10px; color: #F7F1E5; margin-bottom: 5px; display: inline-block; float: left;} #container .formbody input {box-sizing: border-box; border-radius: 30px; width: 100%; padding:4px 15px; margin-bottom: 20px; border:none; background-color: #F7F1E5;} #container .formbody input:focus {outline: none;} #container .formbody .widget-textarea {margin-top: 50px;} #container .formbody textarea {box-sizing: border-box; border-radius: 20px; width: 100%; padding:4px 15px; border: none; margin-bottom: 60px; background-color: #F7F1E5;} #container .formbody textarea:focus {outline: none;} #container .formbody .widget-submit {text-align: center;} #container .formbody .submit {display: inline-block; color: #F7F1E5; text-decoration: none; font-size: 2.5rem; font-family: 'poppinssemibold'; padding: 17px 60px 17px 60px; border-radius: 50px; border: 3px solid #F7F1E5; background: #30353F; cursor: pointer; transition: color 0.3s ease, background 0.3s ease;} #container .formbody .submit:hover {color: #30353F; background: #F7F1E5;} #container .formbody select {box-sizing: border-box; width: 100%; padding:4px 15px; margin-bottom: 15px; border:none; background-color: #F7F1E5;} #container .formbody fieldset {margin-bottom: 10px;} #container .formbody fieldset legend {font-size: 1.6rem; margin-bottom: 5px;} #container .formbody fieldset span {width:100%; float: left;} #container .formbody fieldset span input {float: left; width: 5%; height: 26px;} #container .formbody fieldset span label {padding-top: 0; width: 95%;} #container .formbody .widget-captcha {margin-bottom: 40px;} #container .formbody .widget-captcha input {margin-bottom: 5px;} #container .formbody .widget-captcha span {width: 100%; float: left;} #container .formbody .widget-captcha label span.mandatory {width: auto; float: none;} #container .formbody .widget-checkbox input {-webkit-appearance:checkbox;} #container .formbody .widget-checkbox legend span {width: auto; float: none;} #container .formbody .widget-radio input {-webkit-appearance:radio;} /*radio und checkbox templates von scayla*/ #container .formbody .checkbox_container a {color: #d67500; text-decoration: none;} #container .formbody .checkbox_container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; background: #dedede;} #container .formbody .checkbox_container label {cursor: pointer; width: 100%; position: relative; margin-bottom: 40px; display: inline-block;} #container .formbody .checkbox_container span {width: 90px; margin-right: 15px;} #container .formbody .checkbox_container span.lname {width: auto; padding-top: 5px;} #container .formbody .checkbox_container .checkmark {cursor: pointer; position: relative; height: 38px; width: 38px; background-color: #fff; border:1px solid #E9EBF0;} #container .formbody .checkbox_container:hover input ~ .checkmark {background-color: #fff;} #container .formbody .checkbox_container input:checked ~ .checkmark {/*background-color: #EE6930;*/} #container .formbody .checkbox_container .checkmark:after {content: ""; position: absolute; display: none;} #container .formbody .checkbox_container input:checked ~ .checkmark:after {display: block;} #container .formbody .checkbox_container .checkmark:after {top: 0px; left: 0px; width: 38px; height: 38px; background: url(../../files/data/graphics/checkmark.svg) center no-repeat; background-size: 23px;} #container .formbody .radio_container a {color: #d67500; text-decoration: none;} #container .formbody .radio_container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; background: #dedede;} #container .formbody .radio_container label {cursor: pointer; width: 150px; position: relative; margin-bottom: 40px; display: inline-block;} #container .formbody .radio_container span {width: 90px; margin-right: 15px;} #container .formbody .radio_container span.lname {width: auto; padding-top: 5px;} #container .formbody .radio_container .checkmark {cursor: pointer; position: relative; height: 38px; width: 38px; background-color: #fff; border:1px solid #E9EBF0; border-radius: 50px;} #container .formbody .radio_container:hover input ~ .checkmark {background-color: #fff;} #container .formbody .radio_container input:checked ~ .checkmark {/*background-color: #EE6930;*/} #container .formbody .radio_container .checkmark:after {content: ""; position: absolute; display: none;} #container .formbody .radio_container input:checked ~ .checkmark:after {display: block;} #container .formbody .radio_container .checkmark:after {top: 9px; left: 9px; width: 21px; height: 21px; background: #104D73; position: absolute; border-radius: 50px;} /*Columns*/ #container .rs-column.-large-col-2-1 {width: 48.5%; margin-right: 3%;} #container .rs-column.-large-col-2-1.-large-last {margin-right: 0;} #container .rs-column.-large-col-3-1 {width: 31.3%; margin-right: 3%;} #container .rs-column.-large-col-3-1.-large-last {margin-right: 0;} #container .rs-column.-large-col-4-1 {width: 22.75%; margin-right: 3%; margin-top: 0;} #container .rs-column.-large-col-4-1.-large-last {margin-right: 0;} /*Player*/ #container .content-player {clear: both;} #container .content-player embed {max-width: 100%;} #container .content-player video {max-width: 100%; height: auto;} #container .content-player iframe {max-width: 100%;} #container .content-player .me-plugin {max-width: 100%;} #container .content-player .mejs-overlay {max-width: 100% !important;} /*YouTube*/ #container .content-youtube {clear: both;} #container .content-youtube embed {max-width: 100%;} #container .content-youtube video {max-width: 100%;} #container .content-youtube iframe {max-width: 100%;} #container .content-youtube .me-plugin {max-width: 100%;} #container .content-youtube .mejs-overlay {max-width: 100% !important;} /*Google Map*/ .dlh_googlemap {width: 100% !important;} /*Linkboxen*/ .linkboxen {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 0; grid-auto-columns: 1fr;} .linkboxen .box {position: relative;} .linkboxen .box .boxlink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 4;} .linkboxen .image-container {line-height: 0;} .linkboxen .image-container img {width: 100%; height: auto;} .linkboxen .text-container {position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(48, 53, 63, 0.75); opacity: 0; transition: opacity 0.3s ease;} .linkboxen .box:hover .text-container {opacity: 1;} .linkboxen .text-container .textinside {padding: 0 20px;} .linkboxen .text-container .textinside h2 {margin: 0; padding: 0; color: #F7F1E5; text-align: center; font-size: 2.3vw; line-height: 3vw;} .linkboxen .text-container .textinside h3 {margin: 0; padding: 0; color: #F7F1E5; text-align: center; font-size: 1.4vw; line-height: 1.6vw;} .linkboxen .text-container .textinside p {margin: 50px 0 0 0; padding: 0; text-align: center;} .linkboxen .text-container .textinside p span {display: inline-block; color: #F7F1E5; text-decoration: none; font-size: 2.5rem; font-family: 'poppinssemibold'; padding: 17px 60px 17px 60px; border-radius: 50px; border: 3px solid #F7F1E5; transition: color 0.3s ease, background 0.3s ease;} /*Teamboxen*/ .teamboxen {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 2rem; grid-auto-columns: 1fr;} .teamboxen .box {position: relative; margin-bottom: 20px;} .teamboxen .box .boxlink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 4;} .teamboxen .image-container {line-height: 0;} .teamboxen .image-container img {width: 100%; height: auto;} .teamboxen .text-container {position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(48, 53, 63, 0.75); opacity: 0; transition: opacity 0.3s ease;} .teamboxen .box:hover .text-container {opacity: 1;} .teamboxen .text-container .textinside {padding: 0 20px;} .teamboxen .text-container .textinside h2 {margin: 0; padding: 0; color: #F7F1E5; text-align: center;} .teamboxen .text-container .textinside h3 {margin: 0; padding: 0; color: #F7F1E5; text-align: center;} .teamboxen .text-container .textinside p {margin: 50px 0 0 0; padding: 0; text-align: center;} .teamboxen .text-container .textinside p span {display: inline-block; color: #F7F1E5; text-decoration: none; font-size: 2.5rem; font-family: 'poppinssemibold'; padding: 17px 60px 17px 60px; border-radius: 50px; border: 3px solid #F7F1E5; transition: color 0.3s ease, background 0.3s ease;} /*Zehn Schritte*/ .zehnschritte {margin-top: 100px;} #container .zehnschritte .content-text {display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-gap: 30px 60px; grid-auto-columns: 1fr; margin-bottom: 90px;} .zehnschritte .content-text figure {grid-column: span 6 / span 6;} .zehnschritte .content-text .rte {grid-column: span 6 / span 6;} .zehnschritte .content-text .rte h3 {box-sizing: border-box; display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; padding: 0px; border-radius: 40px; background: #D4B038; margin: 0; font-family: 'poppinssemibold'; font-size: 2.5rem; line-height: 4.3rem; font-variant-ligatures: none;} .zehnschritte .content-text:nth-of-type(even) figure {grid-column-end: -1;} .zehnschritte .content-text:nth-of-type(even) .rte {grid-row-start: 1; grid-column-end: inherit; text-align: right;} /*Inhalt Slider*/ .content-swiper .swiper {position: relative; padding-bottom: 50px;} .content-swiper .swiper .swiper-button-prev {z-index: 12; border: none; top: initial; bottom: 0; background: url(../../files/data/graphics/swiper-prev.svg) center no-repeat;} .content-swiper .swiper .swiper-button-prev:after {display: none;} .content-swiper .swiper .swiper-button-next {z-index: 12; border: none; top: initial; bottom: 0; background: url(../../files/data/graphics/swiper-next.svg) center no-repeat;} .content-swiper .swiper .swiper-button-next:after {display: none;} .content-swiper .swiper .swiper-pagination {top: initial; bottom: 0;} .content-swiper .swiper .swiper-pagination .swiper-pagination-bullet {width: 14px; height: 14px; border-radius: 20px; border: 2px solid #30353F; background: initial; opacity: 1; transition: background 0.3s ease;} .content-swiper .swiper .swiper-pagination .swiper-pagination-bullet:hover, .content-swiper .swiper .swiper-pagination .swiper-pagination-bullet-active {background: #30353F;} .content-beraterswiper .beraterswiper {position: relative; padding-bottom: 50px;} .content-beraterswiper .beraterswiper .swiper-button-prev {z-index: 12; border: none; top: initial; bottom: 0; background: url(../../files/data/graphics/swiper-prev.svg) center no-repeat;} .content-beraterswiper .beraterswiper .swiper-button-prev:after {display: none;} .content-beraterswiper .beraterswiper .swiper-button-next {z-index: 12; border: none; top: initial; bottom: 0; background: url(../../files/data/graphics/swiper-next.svg) center no-repeat;} .content-beraterswiper .beraterswiper .swiper-button-next:after {display: none;} .content-beraterswiper .beraterswiper .swiper-pagination {top: initial; bottom: 0;} .content-beraterswiper .beraterswiper .swiper-pagination .swiper-pagination-bullet {width: 14px; height: 14px; border-radius: 20px; border: 2px solid #30353F; background: initial; opacity: 1; transition: background 0.3s ease;} .content-beraterswiper .beraterswiper .swiper-pagination .swiper-pagination-bullet:hover, .content-beraterswiper .beraterswiper .swiper-pagination .swiper-pagination-bullet-active {background: #30353F;} /* Reiseberichte */ /*************************************************************/ .mod_listing-table {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 0; grid-auto-columns: 1fr;} .mod_listing-table .cm_listing {position: relative;} .mod_listing-table .cm_listing figure {line-height: 0;} .mod_listing-table .cm_listing figure img {width: 100%; height: auto;} .mod_listing-table .cm_listing .listoverlay {position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(48, 53, 63, 0.75); opacity: 0; transition: opacity 0.3s ease;} .mod_listing-table .cm_listing:hover .listoverlay {opacity: 1;} .mod_listing-table .cm_listing .listoverlay .textinside {padding: 0 20px;} .mod_listing-table .cm_listing .listoverlay .textinside h3 {margin: 0; padding: 0; color: #F7F1E5; text-align: center; font-family: 'poppinsmedium'; font-size: 2.3vw; line-height: 3vw;} .mod_listing-table .cm_listing .listoverlay .textinside .berater {margin: 0; padding: 0; color: #F7F1E5; text-align: center; font-family: 'poppinslight'; font-size: 1.4vw; line-height: 1.6vw;} .mod_listing-table .cm_listing .listoverlay .textinside .knopf {margin: 50px 0 0 0; padding: 0; text-align: center;} .mod_listing-table .cm_listing .listoverlay .textinside .knopf p {display: inline-block; color: #F7F1E5; text-decoration: none; font-size: 2.5rem; font-family: 'poppinssemibold'; padding: 17px 60px 17px 60px; border-radius: 50px; border: 3px solid #F7F1E5; transition: color 0.3s ease, background 0.3s ease;} .filtercontainer {position: relative; z-index: 3; box-sizing: border-box; padding: 20px 80px 20px 80px; background: #454952; border-radius: 20px;} .filtercontainer .filterbar {display: inline-flex; width: calc(100% - 250px); justify-content: space-between; border-bottom: 2px solid #F7F1E5;} .filtercontainer .filterbar > div {position: relative;} .filtercontainer .filterbar h4 {margin: 0; padding: 10px 30px 10px 0; background: url(../../files/data/graphics/filter-arrow.svg) center right no-repeat;} .filtercontainer .filterbar .flyout {z-index: 4; visibility: hidden; opacity: 0; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); width: 250px; box-sizing: border-box; padding: 20px; background: #454952; transition: opacity 0.3s ease;} .filtercontainer .filterbar .destination .flyout {left: -20px; transform: none;} .filtercontainer .filterbar .flyout.double {width: 500px;} .filtercontainer .filterbar .flyout.double .flyoutlinks {display: inline-block; float: left; width: 230px;} .filtercontainer .filterbar .flyout.double .flyoutrechts {display: inline-block; float: right; width: 230px;} .filtercontainer .filterbar > div:hover .flyout {visibility: visible; opacity: 1;} .filtercontainer .filterbar .flyout button {border: none; display: block; cursor: pointer; background: initial; text-align: left; width: 100%; font-family: 'poppinslight'; font-size: 1.7rem; line-height: 1.6rem; padding: 6px 0; color: #F7F1E5; transition: color 0.3s ease;} .filtercontainer .filterbar .flyout button:hover, .filtercontainer .filterbar .flyout button.mixitup-control-active {color: #D4B038;} .filtercontainer .filterbar .flyout button.big {font-family: 'poppinsmedium'; margin-top: 10px;} .filtercontainer .filterbar .flyout button.big:first-of-type {margin-top: 0;} .filtercontainer .all_filter {cursor: pointer; float: right; display: inline-block; z-index: 2; margin: 10px 0 0 0; position: relative; font-size: 1.9rem; line-height: 1.9rem; padding: 10px 20px; border-radius: 30px; background: #454952; color: #F7F1E5; border: 2px solid #F7F1E5; font-family: 'poppinssemibold'; transition: color 0.3s ease, background 0.3s ease;} .filtercontainer .all_filter:hover {background: #F7F1E5; color: #454952;} .filtercontainer .filterbotbar {padding-top: 20px; min-height: 55px;} .filtercontainer .filterbotbar div {cursor: pointer; display: inline-block; z-index: 2; margin: 0 15px 15px 0; position: relative; font-size: 1.9rem; line-height: 1.9rem; padding: 10px 20px; border-radius: 30px; background: #D4B038; font-family: 'poppinssemibold'; transition: transform 0.3s ease;} .filtercontainer .filterbotbar div:hover {transform: scale(1.05);} .mod_master .topbild {width: 100%; height: 40vw; padding: 0; max-width: initial; position: relative;} .mod_master .topbild figure {width: 100%; height: 40vw; position: relative; overflow: hidden;} .mod_master .topbild img {width: 100%; height: 100%; object-fit: cover;} .mod_master .topbild .berichtfiltercontainer {position: absolute; bottom: 60px; left: 5%; width: 90%;} .mod_master .topbild .berichtfiltercontainer .berichtfilter {display: inline-block; border: none; color: #F7F1E5; font-size: 1.9rem; line-height: 2.3rem; font-family: 'poppinssemibold'; padding: 13px 25px; border-radius: 40px; background: #30353F; margin-right: 40px; margin-bottom: 15px;} .mod_master .cm_master .berichtinhalt .berichtoben {background: #E6D7B8;} .mod_master .cm_master .berichtinhalt .berichtoben .inside {position: relative; width: 90%; padding: 60px 5%; max-width: 1835px; margin: 0 auto;} .mod_master .cm_master .berichtinhalt .berichtoben .einleitung {columns: 2;} .mod_master .cm_master .berichtinhalt .berichtunten {background: #F7F1E5;} .mod_master .cm_master .berichtinhalt .berichtunten .inside {position: relative; width: 90%; padding: 60px 5%; max-width: 1835px; margin: 0 auto;} .mod_master .cm_master .berichtinhalt h1 {font-size: 14rem; line-height: 14.5rem;} .mod_master .cm_master .berichte .box {padding: 40px 0; border-bottom: 2px solid #30353F;} .mod_master .cm_master .berichte .box:last-of-type {border-bottom: 0;} .mod_master .cm_master .berichte .box h2 {margin: 20px 0;} .mod_master .cm_master .berichte .box h2 .tage {font-family: 'poppinslight'; margin-right: 15px;} .mod_master .cm_master .berichte .box.isgrid .inhalt {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 10rem; grid-auto-columns: 1fr;} .mod_master .cm_master .berichte .box.isgrid:nth-of-type(2n-1) .inhalt .text {grid-column-end: -1;} .mod_master .cm_master .berichte .box.isgrid:nth-of-type(2n-1) .inhalt .media {grid-row-start: 1; grid-column-end: inherit;} .mod_master .cm_master .berichte .box .inhalt p a {color: #30353F; text-decoration: underline;} .mod_master .cm_master .berichte .box .swiper {position: relative; padding-bottom: 50px;} .mod_master .cm_master .berichte .box .swiper img {width: 100%; height: auto;} .mod_master .cm_master .berichte .box .swiper .swiper-button-prev {z-index: 12; top: initial; bottom: 0; background: url(../../files/data/graphics/swiper-prev.svg) center no-repeat;} .mod_master .cm_master .berichte .box .swiper .swiper-button-prev:after {display: none;} .mod_master .cm_master .berichte .box .swiper .swiper-button-next {z-index: 12; top: initial; bottom: 0; background: url(../../files/data/graphics/swiper-next.svg) center no-repeat;} .mod_master .cm_master .berichte .box .swiper .swiper-button-next:after {display: none;} .mod_master .cm_master .berichte .box .swiper .swiper-pagination {top: initial; bottom: 0; width: 80%; padding: 0 10%;} .mod_master .cm_master .berichte .box .swiper .swiper-pagination .swiper-pagination-bullet {width: 14px; height: 14px; border-radius: 20px; border: 2px solid #30353F; background: initial; opacity: 1; transition: background 0.3s ease;} .mod_master .cm_master .berichte .box .swiper .swiper-pagination .swiper-pagination-bullet:hover, .mod_master .cm_master .berichte .box .swiper .swiper-pagination .swiper-pagination-bullet-active {background: #30353F;} .mod_listing-table.beraterliste {display: block;} .mod_listing-table.beraterliste .content-beraterswiper {width: 100%; padding: 50px 0; overflow: hidden;} .mod_listing-table.beraterliste .beraterswiper {width: 140%; margin-left: -20%; padding-bottom: 80px;} .mod_listing-table.beraterliste .beraterswiper .swiper-slide {padding: 0px 2vw; border-left: none; border-right: none; box-sizing: border-box;} .mod_listing-table.beraterliste .beraterswiper .swiper-slide a {text-decoration: none;} .mod_listing-table.beraterliste .beraterswiper .swiper-slide figure {line-height: 0;} .mod_listing-table.beraterliste .beraterswiper .swiper-slide figure img {width: 100%; height: auto;} .mod_listing-table.beraterliste .beraterswiper .swiper-slide .textcontainer {background: #E6D7B8; padding: 40px;} .mod_listing-table.beraterliste .beraterswiper .swiper-slide .textcontainer h3 {color: #30353F; text-decoration: none; margin-top: 0; font-size: 3rem; line-height: 3.5rem; margin-bottom: 0; font-family: 'poppinssemibold';} .mod_listing-table.beraterliste .beraterswiper .swiper-slide .textcontainer p {color: #30353F; text-decoration: none; margin-top: 0; font-size: 1.9rem; line-height: 2.8rem;} .mod_listing-table.beraterliste .beraterswiper .swiper-slide .textcontainer .tags {display: flex; justify-content: flex-start; flex-wrap: wrap;} .mod_listing-table.beraterliste .beraterswiper .swiper-slide .textcontainer .tags .tag {display: inline-block; border: none; color: #F7F1E5; font-size: 1.3rem; line-height: 2.3rem; font-family: 'poppinssemibold'; padding: 3px 10px; border-radius: 20px; background: #30353F; margin: 0 5px 10px 5px;} .mod_listing-table.beraterliste .beraterswiper .swiper-button-prev {left: 30vw; z-index: 12; top: initial; bottom: 0; background: url(../../files/data/graphics/swiper-prev.svg) center no-repeat;} .mod_listing-table.beraterliste .beraterswiper .swiper-button-prev:after {display: none;} .mod_listing-table.beraterliste .beraterswiper .swiper-button-next {right: 30vw; z-index: 12; top: initial; bottom: 0; background: url(../../files/data/graphics/swiper-next.svg) center no-repeat;} .mod_listing-table.beraterliste .beraterswiper .swiper-button-next:after {display: none;} .mod_listing-table.beraterliste .beraterswiper .swiper-pagination {top: initial; bottom: 0; width: 80vw; margin-left: 30vw;} .mod_listing-table.beraterliste .beraterswiper .swiper-pagination .swiper-pagination-bullet {width: 14px; height: 14px; border-radius: 20px; border: 2px solid #30353F; background: initial; opacity: 1; transition: background 0.3s ease;} .mod_listing-table.beraterliste .beraterswiper .swiper-pagination .swiper-pagination-bullet:hover, .mod_listing-table.beraterliste .beraterswiper .swiper-pagination .swiper-pagination-bullet-active {background: #30353F;} .mod_listing-table.beraterliste .content-beraterswiper.flexliste .beraterswiper {width: 100%; margin-left: 0;} .mod_listing-table.beraterliste .content-beraterswiper.flexliste .beraterswiper .swiper-wrapper {display: flex; justify-content: center; flex-wrap: wrap;} .mod_listing-table.beraterliste .content-beraterswiper.flexliste .beraterswiper .swiper-wrapper .swiper-slide {max-width: 19vw; margin-bottom: 40px;} .mod_listing-table.beraterliste .content-beraterswiper.flexliste .beraterswiper .swiper-button-prev {display: none;} .mod_listing-table.beraterliste .content-beraterswiper.flexliste .beraterswiper .swiper-button-next {display: none;} .mod_listing-table.beraterliste .content-beraterswiper.flexliste .beraterswiper .swiper-pagination {display: none;} .dunkel .mod_listing-table.beraterliste .beraterswiper .swiper-button-prev {background: url(../../files/data/graphics/swiper-prev-light.svg) center no-repeat;} .dunkel .mod_listing-table.beraterliste .beraterswiper .swiper-button-next {background: url(../../files/data/graphics/swiper-next-light.svg) center no-repeat;} .dunkel .mod_listing-table.beraterliste .beraterswiper .swiper-pagination .swiper-pagination-bullet {border: 2px solid #F7F1E5; background: initial;} .dunkel .mod_listing-table.beraterliste .beraterswiper .swiper-pagination .swiper-pagination-bullet:hover, .dunkel .mod_listing-table.beraterliste .swiper .swiper-pagination .swiper-pagination-bullet-active {background: #F7F1E5;} .ce_listview {display: block;} .ce_listview .content-beraterswiper {width: 100%; padding: 50px 0; overflow: hidden;} .ce_listview .beraterswiper {width: 140%; margin-left: -20%; padding-bottom: 80px;} .ce_listview .beraterswiper .swiper-slide {padding: 0px 2vw; border-left: none; border-right: none; box-sizing: border-box;} .ce_listview .beraterswiper .swiper-slide a {text-decoration: none;} .ce_listview .beraterswiper .swiper-slide figure {line-height: 0;} .ce_listview .beraterswiper .swiper-slide figure img {width: 100%; height: auto;} .ce_listview .beraterswiper .swiper-slide .textcontainer {background: #E6D7B8; padding: 40px;} .ce_listview .beraterswiper .swiper-slide .textcontainer h3 {color: #30353F; text-decoration: none; margin-top: 0; font-size: 3rem; line-height: 3.5rem; margin-bottom: 0; font-family: 'poppinssemibold';} .ce_listview .beraterswiper .swiper-slide .textcontainer p {color: #30353F; text-decoration: none; margin: 3px 0; font-size: 1.9rem; line-height: 2.8rem;} .ce_listview .beraterswiper .swiper-slide .textcontainer .tags {display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 7px;} .ce_listview .beraterswiper .swiper-slide .textcontainer .tags .tag {display: inline-block; border: none; color: #F7F1E5; font-size: 1.3rem; line-height: 2.3rem; font-family: 'poppinssemibold'; padding: 3px 10px; border-radius: 20px; background: #30353F; margin: 0 5px 10px 5px;} .ce_listview .beraterswiper .swiper-button-prev {left: 30vw; z-index: 12; top: initial; bottom: 0; background: url(../../files/data/graphics/swiper-prev.svg) center no-repeat;} .ce_listview .beraterswiper .swiper-button-prev:after {display: none;} .ce_listview .beraterswiper .swiper-button-next {right: 30vw; z-index: 12; top: initial; bottom: 0; background: url(../../files/data/graphics/swiper-next.svg) center no-repeat;} .ce_listview .beraterswiper .swiper-button-next:after {display: none;} .ce_listview .beraterswiper .swiper-pagination {top: initial; bottom: 0; width: 80vw; margin-left: 30vw;} .ce_listview .beraterswiper .swiper-pagination .swiper-pagination-bullet {width: 14px; height: 14px; border-radius: 20px; border: 2px solid #30353F; background: initial; opacity: 1; transition: background 0.3s ease;} .ce_listview .beraterswiper .swiper-pagination .swiper-pagination-bullet:hover, .ce_listview .beraterswiper .swiper-pagination .swiper-pagination-bullet-active {background: #30353F;} .ce_listview .content-beraterswiper.flexliste .beraterswiper {width: 100%; margin-left: 0;} .ce_listview .content-beraterswiper.flexliste .beraterswiper .swiper-wrapper {display: flex; justify-content: center; flex-wrap: wrap;} .ce_listview .content-beraterswiper.flexliste .beraterswiper .swiper-wrapper .swiper-slide {max-width: 19vw; margin-bottom: 40px;} .ce_listview .content-beraterswiper.flexliste .beraterswiper .swiper-button-prev {display: none;} .ce_listview .content-beraterswiper.flexliste .beraterswiper .swiper-button-next {display: none;} .ce_listview .content-beraterswiper.flexliste .beraterswiper .swiper-pagination {display: none;} .dunkel .ce_listview .beraterswiper .swiper-button-prev {background: url(../../files/data/graphics/swiper-prev-light.svg) center no-repeat;} .dunkel .ce_listview .beraterswiper .swiper-button-next {background: url(../../files/data/graphics/swiper-next-light.svg) center no-repeat;} .dunkel .ce_listview .beraterswiper .swiper-pagination .swiper-pagination-bullet {border: 2px solid #F7F1E5; background: initial;} .dunkel .ce_listview .beraterswiper .swiper-pagination .swiper-pagination-bullet:hover, .dunkel .ce_listview .swiper .swiper-pagination .swiper-pagination-bullet-active {background: #F7F1E5;} /* Destinationen */ /*************************************************************/ .destinationenseite #header {background: initial; height: 150px;} .destinationenseite #header .logo img {content: url("../../files/data/graphics/logo-fine-travel-dunkel.svg");} .destinationenseite #header .navigation ul li a {color: #30353F; transition: color 0.3s ease;} .destinationenseite #header .navigation ul li a:hover, .destinationenseite #header .navigation ul li a.active {color: #D4B038;} .destinationenseite #header .content-hyperlink a {color: #F7F1E5; background: #30353F;} .destinationenseite .nuunnavbutton .navline {background: #30353F;} .destinationenseite #container {padding-top: 150px;} .destinationenseite .destinationengoback {position: absolute; top: 60px; right: 5%; cursor: pointer; z-index: 2;} .destinationenseite h1 {font-family: 'poppinsmedium'; font-size: 6rem; line-height: 7.5rem; margin: 0 0 40px 0; padding-right: 30px;} .destinationenseite .hauptnav {display: inline-block; width: 400px; vertical-align: top;} .destinationenseite .hauptnav .hauptlink {cursor: pointer; font-size: 4rem; line-height: 5.5rem; margin-bottom: 30px; transition: color 0.3s ease;} .destinationenseite .hauptnav .hauptlink:hover {color: #D4B038;} .destinationenseite .hauptnav .hauptlink.active {font-family: 'poppinssemibold'; color: #D4B038;} .destinationenseite .hauptcontainer {position: relative; display: inline-block; width: calc(100% - 410px); border-left: 2px solid #30353F;} .destinationenseite .hauptcontainer .untercontainer {display: none;} .destinationenseite .hauptcontainer .untercontainer.afrika {display: block;} .destinationenseite .hauptcontainer .untercontainer .unternav {vertical-align: top; display: inline-block; width: 300px; box-sizing: border-box; padding-left: 100px;} .destinationenseite .hauptcontainer .untercontainer .unternav .unterlink a {cursor: pointer; text-decoration: none; color: #30353F; transition: color 0.3s ease;} .destinationenseite .hauptcontainer .untercontainer .unternav .unterlink:hover a, .destinationenseite .hauptcontainer .untercontainer .unternav .unterlink.active a {color: #D4B038;} .destinationenseite .hauptcontainer .untercontainer .karte {position: relative; vertical-align: top; display: inline-block; width: calc(100% - 310px); /*max-height: 70vh;*/} .destinationenseite .hauptcontainer .untercontainer .karte svg {width: auto; height: 60vh;} .destinationenseite .hauptcontainer .untercontainer.ozeanien .karte svg {width: 100%; height: auto;} .destinationenseite .hauptcontainer .untercontainer .karte svg path {transition: fill 0.3s ease;} .destinationenseite .hauptcontainer .untercontainer .karte svg g {transition: fill 0.3s ease;} .destinationenseite .hauptcontainer .untercontainer .karte svg path.active {fill: #D4B038;} .destinationenseite .hauptcontainer .untercontainer .karte svg g.active {fill: #D4B038;} .destinationenseite .hauptcontainer .untercontainer .karte svg a path:hover {fill: #D4B038;} .destinationenseite .hauptcontainer .untercontainer .karte svg a g:hover path {fill: #D4B038;} .mod_article.topdestinationenartikel .inside {padding-bottom: 30px;} .topdestinationenartikel h2 {margin-top: 80px; text-align: center;} .map-modal-right p a {color: #30353F; text-decoration: underline;} /*.map-view.gmap .fine_cluster {background: url(../../files/data/graphics/favicon.svg) center no-repeat !important; background-size: contain !important;}*/ /* Anfragen */ /*************************************************************/ .anfrageseite {background: #30353F;} .anfrageseite h1 {font-family: 'poppinslight'; font-size: 4rem; line-height: 5.5rem;} .anfrageseite #footer {display: none;} .anfrageseite #main {min-height: 100vh; box-sizing: border-box; padding: 100px 0; display: flex; align-items: center; justify-content: center;} .anfrageseite .backlink {position: absolute; bottom: 0; left: 80px;} .anfrageseite .backlink a {padding-left: 40px; background: url(../../files/data/graphics/backlink-arrow.svg) center left no-repeat;} .anfrageseite.gesendet {background: #D4B038;} .anfrageseite.gesendet .navline {background: #30353F;} .anfrageseite.gesendet #header {background: initial;} .anfrageseite.gesendet #header .logo img {content: url("../../files/data/graphics/logo-fine-travel-dunkel2.svg");} .anfrageseite.gesendet #header .navigation ul li a {color: #30353F;} .anfrageseite.gesendet #header .content-hyperlink a {color: #F7F1E5; background: #30353F;} /* NEWS / TERMINE */ /*************************************************************/ .pagination {clear: both; display: block; width: 100%;} .pagination p {display: inline-block; float: right;} .pagination ul {display: inline-block; float: left;} .pagination ul li {width: auto; margin-right: 5px; margin-bottom: 10px; display: inline-block;} .pagination ul li a, .pagination ul li span {border-radius: 3px; text-decoration: none; padding:1px 0 1px 0; width: 30px; display: block; text-align: center; background: #C32021; color: #fff; transition: color 0.3s ease, background 0.3s ease;} .pagination ul li a:hover, .pagination ul li span.active {background: #C32021; color: #2E2E2E;} .pagination ul li.next a, .pagination ul li.last a, .pagination ul li.first a, .pagination ul li.previous a {width: auto; padding: 1px 7px 1px 7px;} /* FOOTER */ /*************************************************************/ #footer {height: auto; display: block; clear: both; position: relative; background: #30353F;} #footer h1, #footer h2, #footer h3, #footer h4, #footer p, #footer a {color: #F7F1E5;} #footer .inside {width: 90%; padding: 80px 5%;} #footer .logo {margin-bottom: 40px;} #footer p {font-size: 1.5rem; line-height: 2.4rem;} #footer p a {text-decoration: none;} #footer .navigation {display: inline-block;} #footer .navigation a {font-size: 1.5rem; line-height: 2.6rem; text-decoration: none;} #footer .navigation li {line-height: 1.9rem;} #footer .navigation .level_1 > li {display: inline-block; vertical-align: top; margin-right: 30px; width: 135px;} #footer .navigation .level_1 > li > a {font-size: 1.9rem; line-height: 1.9rem; margin-bottom: 20px; display: block;} #footer .extralink {display: inline-block; width: 135px; vertical-align: top; margin-right: 30px;} #footer .extralink a {font-size: 1.9rem; line-height: 1.9rem; margin-bottom: 20px; display: block;} #footer .footersocials p {white-space: nowrap;} #footer .footersocials .logoblock {position: absolute; display: block; bottom: 0; right: 15px;} /* LIGHTBOX */ /*************************************************************/ #cboxTitle {display: none !important;} #cboxLoadedContent {border: none;} #cboxNext {background: url("../../files/data/graphics/lightbox-next.svg"); width: 35px; position: absolute; right: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxPrevious {background: url("../../files/data/graphics/lightbox-prev.svg"); width: 35px; position: absolute; left: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxClose {background: url("../../files/data/graphics/lightbox-close.svg"); width: 35px; position: absolute; right: 15px; top: 15px; height: 35px; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxCurrent {font-size: 14px;} .glightbox-clean .gcontainer .gslide-description {display: none;} /* FIXES */ /*************************************************************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:0px;} .clearfix {display: block;} /* End hide from IE-mac */ /* MEDIA QUERIES */ /*************************************************************/ @media screen and (max-width: 2000px) { .teamboxen .text-container .textinside h2 {font-size: 2.7vw; line-height: 3vw;} .teamboxen .text-container .textinside h3 {font-size: 1.9vw; line-height: 2.4vw;} .mod_listing-table.beraterliste .content-beraterswiper.flexliste .beraterswiper .swiper-wrapper .swiper-slide {max-width: 25vw;} .ce_listview .content-beraterswiper.flexliste .beraterswiper .swiper-wrapper .swiper-slide {max-width: 25vw;} } @media screen and (max-width: 1800px) { #footer .navigation .level_1 > li {margin-right: 10px;} #footer .extralink {margin-right: 10px;} } @media screen and (max-width: 1700px) { .teamboxen .text-container .textinside p {margin-top: 20px;} .teamboxen .text-container .textinside p span {font-size: 1.6rem; line-height: 2.4rem; border-width: 2px; padding: 14px 40px;} /*.destinationenseite .hauptcontainer .untercontainer .karte svg {width: 100%; height: auto;}*/ .mod_listing-table.beraterliste .content-beraterswiper.flexliste .beraterswiper .swiper-wrapper .swiper-slide {max-width: 30vw;} .ce_listview .content-beraterswiper.flexliste .beraterswiper .swiper-wrapper .swiper-slide {max-width: 30vw;} } @media screen and (max-width: 1500px) { #header .logo {width: 172px; margin-top: 30px;} #header .navigation ul li a {padding: 0 10px;} h1 {font-size: 11rem; line-height: 10.5rem; hyphens: auto; margin: 20px 0 60px 0;} body.home .mod_article.topbild .inside .content-text h1 {font-size: 11rem; line-height: 10.5rem; hyphens: auto; margin: 20px 0 60px 0;} .mod_master .cm_master .berichtinhalt h1 {font-size: 11rem; line-height: 10.5rem; hyphens: auto; margin: 20px 0 60px 0;} .linkboxen .text-container .textinside p span {font-size: 1.6rem; line-height: 2.4rem; border-width: 2px; padding: 14px 40px;} .linkboxen .text-container .textinside p {margin-top: 20px;} .mod_listing-table .cm_listing .listoverlay .textinside .knopf {margin-top: 20px;} .mod_listing-table .cm_listing .listoverlay .textinside .knopf p {font-size: 1.6rem; line-height: 2.4rem; border-width: 2px; padding: 14px 40px;} #footer .extralink {display: none;} .destinationenseite .hauptnav {width: 230px;} .destinationenseite .hauptnav .hauptlink {font-size: 2.5rem;} .destinationenseite .hauptcontainer {width: calc(100% - 240px);} .destinationenseite .hauptcontainer .untercontainer .unternav {width: 230px; padding-left: 30px;} .destinationenseite .hauptcontainer .untercontainer .unternav .unterlink a {font-size: 2rem; line-height: 3.5rem;} .destinationenseite .hauptcontainer .untercontainer .karte {width: calc(100% - 240px);} .mod_master .topbild .berichtfiltercontainer {bottom: 30px;} .mod_master .topbild .berichtfiltercontainer .berichtfilter {font-size: 1.5rem; line-height: 2rem; padding: 10px 15px; margin-right: 15px;} .anfrageseite .backlink {left: 5%;} } @media screen and (max-width: 1250px) { #header .logo {width: 172px; margin-top: 30px;} #header .navigation ul li a {font-size: 2rem;} #header .content-hyperlink a {padding: 13px 13px; font-size: 2rem;} #header .content-hyperlink {margin: 25px 0 20px 0;} #footer .footersocials {display: none;} #footer .footernav {display: none;} .filtercontainer {padding: 20px 30px;} .mod_listing-table.beraterliste .content-beraterswiper.flexliste .beraterswiper .swiper-wrapper .swiper-slide {max-width: 46vw;} .ce_listview .content-beraterswiper.flexliste .beraterswiper .swiper-wrapper .swiper-slide {max-width: 46vw;} .destinationenseite .hauptcontainer .untercontainer .karte svg {width: 100%; height: auto;} } @media screen and (max-width: 1100px) { body {font-size: 16px; font-size: 1.6rem; line-height: 2.4rem;} h1 {font-size: 4rem; line-height: 4.2rem; hyphens: auto; margin: 20px 0 30px 0;} body.home .mod_article.topbild .inside .content-text h1 {font-size: 8rem; line-height: 7.2rem; hyphens: auto; margin: 20px 0 30px 0;} .destinationenseite h1 {font-size: 4rem; line-height: 4.2rem; hyphens: auto; margin: 20px 0 30px 0;} .mod_master .cm_master .berichtinhalt h1 {font-size: 4rem; line-height: 4.2rem; hyphens: auto; margin: 20px 0 30px 0;} h2 {font-size: 3rem; line-height: 4.2rem;} h3 {font-size: 2rem; line-height: 2.3rem;} h4 {font-size: 1.6rem; line-height: 2.4rem;} body.home .mod_article.topbild .inside .content-text a {font-size: 1.6rem; line-height: 2.4rem; border-width: 2px; padding: 14px 40px;} .content-hyperlink a {font-size: 1.6rem; line-height: 2.4rem; border-width: 2px; padding: 14px 40px;} .mod_article.dunkel .content-hyperlink a {font-size: 1.6rem; line-height: 2.4rem; border-width: 2px; padding: 14px 40px;} body.home .mod_article.topbild .inside .scrolldown {display: none;} #header {height: 100px;} #header .scrollheader {height: 80px;} #header .logo {margin-top: 20px;} #header .navigation {display: none;} #header .content-hyperlink {display: none;} .mod_article .inside {padding: 30px 5%;} .mod_master .cm_master .berichtinhalt .berichtoben .inside {padding: 30px 5%;} .mod_master .cm_master .berichtinhalt .berichtunten .inside {padding: 30px 5%;} .destinationenseite #header {height: 100px;} .destinationenseite #container {padding-top: 100px;} .destinationenseite .destinationengoback {top: 30px;} .destinationenseite .destinationengoback img {width: 25px;} body.keinbild #container {padding-top: 100px;} .linkboxen {grid-template-columns: repeat(2, minmax(0, 1fr));} .linkboxen .text-container {opacity: 1; background: initial; top: initial; bottom: 0; left: 0; display: block; height: auto; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%); z-index: 3;} .linkboxen .text-container .textinside {padding: 40px 20px 10px 20px;} .linkboxen .text-container .textinside p {display: none;} .linkboxen .text-container .textinside h2 {text-align: left; font-size: 5vw; line-height: 5.6vw;} .linkboxen .text-container .textinside h3 {text-align: left; font-size: 5vw; line-height: 5.6vw;} .mod_listing-table {grid-template-columns: repeat(2, minmax(0, 1fr));} .mod_listing-table .cm_listing .listoverlay {opacity: 1; background: initial; top: initial; bottom: 0; left: 0; display: block; height: auto; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%); z-index: 3;} .mod_listing-table .cm_listing .listoverlay .textinside {padding: 40px 20px 10px 20px;} .mod_listing-table .cm_listing .listoverlay .textinside h3 {text-align: left; font-size: 4vw; line-height: 4.6vw;} .mod_listing-table .cm_listing .listoverlay .textinside .berater {text-align: left; font-size: 4vw; line-height: 4.6vw;} .mod_listing-table .cm_listing .listoverlay .textinside .knopf {display: none;} .testimonials.content-swiper .swiper {width: 200%; margin-left: -50%;} .fineslider .content-text h3 {font-size: 10vw; line-height: 11vw;} #footer .inside {padding: 40px 5%;} .filtercontainer {z-index: 6;} .filtercontainer .filterbar .flyout {top: 43px; width: 200px;} .filtercontainer .filterbar .flyout.double {width: 400px;} .filtercontainer .filterbar .flyout.double .flyoutlinks {width: 180px;} .filtercontainer .filterbar .flyout.double .flyoutrechts {width: 180px;} .filtercontainer .filterbar .flyout button {font-size: 1.6rem; line-height: 2.4rem; padding: 2px 0;} .teamboxen {grid-template-columns: repeat(2, minmax(0, 1fr));} .teamboxen .text-container {position: relative; height: auto; margin-top: 1.5vw; display: block; opacity: 1; background: initial;} .teamboxen .text-container .textinside {padding: 0;} .teamboxen .text-container .textinside h2 {color: #30353F; text-align: left; font-size: 3.7vw; line-height: 4vw;} .teamboxen .text-container .textinside h3 {color: #30353F; text-align: left; font-size: 2.2vw; line-height: 2.9vw;} .teamboxen .text-container .textinside p {display: none;} } @media screen and (max-width: 960px) { #container .rs-column.-large-col-4-1 {width: 48.5%; margin-right: 3%; margin-top: 0;} #container .rs-column.-large-col-4-1:nth-of-type(2n) {margin-right: 0;} .fineslider {height: 70vw;} .fineslider .content-text, .fineslider .content-text figure {height: 70vw;} .testimonials.content-swiper .swiper .swiper-slide .content-text p {font-size: 1.2rem; line-height: 1.8rem;} .testimonials.content-swiper .swiper .swiper-slide {padding-bottom: 30px;} #footer p {font-size: 1.2rem; line-height: 1.8rem;} .filtercontainer h3 {cursor: pointer; background: url(../../files/data/graphics/filter-arrow.svg) center right no-repeat; transition: background 0.3s ease; margin-bottom: 20px;} .filtercontainer h3.active {background: url(../../files/data/graphics/filter-arrow-up.svg) center right no-repeat;} .filtercontainer .filterbotbar {display: none;} .filtercontainer .filterbar {display: block; border: none; width: 100%;} .filtercontainer .filterbar > div {width: 100%;} .filtercontainer .all_filter {float: none; clear: both; margin-top: 30px;} .filtercontainer .filterbar h4 {cursor: pointer; border-bottom: 2px solid #F7F1E5; transition: background 0.3s ease;} .filtercontainer .filterbar h4.active {background: url(../../files/data/graphics/filter-arrow-up.svg) center right no-repeat;} .filtercontainer .filterbar .flyout {display: inline-block; visibility: visible; position: relative; opacity: 1; left: initial; top: initial; transform: none; padding: 20px 0; width: 100%;} .filtercontainer .filterbar .destination .flyout {left: 0;} .filtercontainer .filterbar .flyout.double {width: 100%;} .filtercontainer .filterbar .flyout.double .flyoutlinks {width: 50%;} .filtercontainer .filterbar .flyout.double .flyoutrechts {width: 50%;} .destinationenseite .hauptnav {width: 50%; float: left; padding-bottom: 50px;} .destinationenseite .hauptnav .hauptlink {font-size: 2.5rem; line-height: 3.5rem;} .destinationenseite .hauptcontainer {width: 50%; float: left; box-sizing: border-box; padding-bottom: 50px;} .destinationenseite .hauptcontainer .untercontainer .unternav {width: 100%;} .destinationenseite .hauptcontainer .untercontainer .karte {display: none;} .mod_master .cm_master .berichte .box.isgrid .inhalt {display: block;} .mod_master .cm_master .berichte .box h2 .tage {display: block; font-size: 2rem; line-height: 3rem;} .mod_master .cm_master .berichte .box.isgrid .inhalt .text {margin-bottom: 25px;} .mod_master .cm_master .berichtinhalt .berichtoben .einleitung {columns: 1;} .mod_master .topbild {height: auto; background: #E6D7B8;} .mod_master .topbild .berichtfiltercontainer {position: relative; margin-top: 20px; bottom: 0;} .mod_master .topbild .berichtfiltercontainer .berichtfilter {font-size: 1.4rem; line-height: 2rem; padding: 8px 13px;} .mod_listing-table.beraterliste .beraterswiper {width: 90%; margin-left: 5%;} .mod_listing-table.beraterliste .beraterswiper .swiper-pagination {width: 100%; margin-left: 0;} .mod_listing-table.beraterliste .beraterswiper .swiper-button-next {right: 5%;} .mod_listing-table.beraterliste .beraterswiper .swiper-button-prev {left: 5%;} .mod_listing-table.beraterliste .beraterswiper .swiper-slide .textcontainer h3 {font-size: 2.5rem; line-height: 3rem;} .ce_listview .beraterswiper {width: 90%; margin-left: 5%;} .ce_listview .beraterswiper .swiper-pagination {width: 100%; margin-left: 0;} .ce_listview .beraterswiper .swiper-button-next {right: 5%;} .ce_listview .beraterswiper .swiper-button-prev {left: 5%;} .ce_listview .beraterswiper .swiper-slide .textcontainer h3 {font-size: 2.5rem; line-height: 3rem;} .zehnschritte {margin-top: 40px;} #container .zehnschritte .content-text {grid-gap: 30px 0px; margin-bottom: 50px;} .zehnschritte .content-text figure {grid-column: span 12 / span 12;} .zehnschritte .content-text .rte {grid-column: span 12 / span 12;} .zehnschritte .content-text:nth-of-type(even) figure {grid-column-end: initial;} .zehnschritte .content-text:nth-of-type(even) .rte {grid-row-start: initial; grid-column-end: initial; text-align: left;} } @media screen and (max-width: 767px) { body.home .mod_article.topbild .inside .content-text {width: 90%; text-align: center; bottom: 0;} body.home .mod_article.topbild .inside .content-text h1 {font-size: 6rem; line-height: 6.2rem;} .column[class*="col_"]:not([class*="_m"]), .autogrid_grid .column:not([class*="_m"]) {margin-bottom: 0;} .destinationenseite .hauptnav .hauptlink {font-size: 2rem; line-height: 3rem;} .mod_listing-table.beraterliste .content-beraterswiper.flexliste .beraterswiper .swiper-wrapper .swiper-slide {max-width: 100%;} .ce_listview .content-beraterswiper.flexliste .beraterswiper .swiper-wrapper .swiper-slide {max-width: 100%;} .anfrageseite h1 {font-size: 3rem; line-height: 4rem;} .anfrageseite .autogrid_wrapper.gutter_l>div, .anfrageseite .autogrid_row.gutter_l>div {padding: 0;} .destinationenseite .destinationengoback {display: none;} .mod_listing-table .cm_listing .listoverlay .textinside h3 {text-align: left; font-size: 3.5vw; line-height: 4vw;} .mod_listing-table .cm_listing .listoverlay .textinside .berater {text-align: left; font-size: 3.5vw; line-height: 4vw;} .mod_master .topbild .berichtfiltercontainer {display: none;} .anfrageseite .backlink {bottom: -40px;} #container .content-text.media--left figure {width: 100%; margin-right: 0%;} #container .content-text.media--left .rte {width: 100%;} #container .content-text.media--right figure {float: none; width: 100%; margin-left: 0%;} #container .content-text.media--right .rte {width: 100%;} .schmal75 {width: 100% !important; margin: 0 auto;} .schmal50 {width: 100% !important; margin: 0 auto;} } /* FONTS */ /*************************************************************/ /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on February 22, 2024 */ @font-face { font-family: 'poppinsblack'; src: url('../../files/data/style/Fonts/poppins-black-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/poppins-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsbold'; src: url('../../files/data/style/Fonts/poppins-bold-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/poppins-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsextrabold'; src: url('../../files/data/style/Fonts/poppins-extrabold-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/poppins-extrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsextralight'; src: url('../../files/data/style/Fonts/poppins-extralight-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/poppins-extralight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsitalic'; src: url('../../files/data/style/Fonts/poppins-italic-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/poppins-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinslight'; src: url('../../files/data/style/Fonts/poppins-light-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/poppins-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsmedium'; src: url('../../files/data/style/Fonts/poppins-medium-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/poppins-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsregular'; src: url('../../files/data/style/Fonts/poppins-regular-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/poppins-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsthin'; src: url('../../files/data/style/Fonts/poppins-thin-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/poppins-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinssemibold'; src: url('../../files/data/style/Fonts/Poppins-SemiBold.woff2') format('woff2'), url('../../files/data/style/Fonts/Poppins-SemiBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Chillax-Extralight'; src: url('../../files/data/style/Fonts/Chillax-Extralight.woff2') format('woff2'), url('../../files/data/style/Fonts/Chillax-Extralight.woff') format('woff'), url('../../files/data/style/Fonts/Chillax-Extralight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Chillax-Light'; src: url('../../files/data/style/Fonts/Chillax-Light.woff2') format('woff2'), url('../../files/data/style/Fonts/Chillax-Light.woff') format('woff'), url('../../files/data/style/Fonts/Chillax-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Chillax-Regular'; src: url('../../files/data/style/Fonts/Chillax-Regular.woff2') format('woff2'), url('../../files/data/style/Fonts/Chillax-Regular.woff') format('woff'), url('../../files/data/style/Fonts/Chillax-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Chillax-Medium'; src: url('../../files/data/style/Fonts/Chillax-Medium.woff2') format('woff2'), url('../../files/data/style/Fonts/Chillax-Medium.woff') format('woff'), url('../../files/data/style/Fonts/Chillax-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Chillax-Semibold'; src: url('../../files/data/style/Fonts/Chillax-Semibold.woff2') format('woff2'), url('../../files/data/style/Fonts/Chillax-Semibold.woff') format('woff'), url('../../files/data/style/Fonts/Chillax-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Chillax-Bold'; src: url('../../files/data/style/Fonts/Chillax-Bold.woff2') format('woff2'), url('../../files/data/style/Fonts/Chillax-Bold.woff') format('woff'), url('../../files/data/style/Fonts/Chillax-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } /*Abstaende*/ .oben0 {margin-top: 0px !important;} .oben10 {margin-top: 10px !important;} .oben20 {margin-top: 20px !important;} .oben30 {margin-top: 30px !important;} .oben40 {margin-top: 40px !important;} .oben50 {margin-top: 50px !important;} .oben60 {margin-top: 60px !important;} .oben70 {margin-top: 70px !important;} .oben80 {margin-top: 80px !important;} .oben90 {margin-top: 90px !important;} .oben100 {margin-top: 100px !important;} .oben110 {margin-top: 110px !important;} .oben120 {margin-top: 120px !important;} .oben130 {margin-top: 130px !important;} .oben140 {margin-top: 140px !important;} .oben150 {margin-top: 150px !important;} .unten0 {margin-bottom: 0px !important;} .unten10 {margin-bottom: 10px !important;} .unten20 {margin-bottom: 20px !important;} .unten30 {margin-bottom: 30px !important;} .unten40 {margin-bottom: 40px !important;} .unten50 {margin-bottom: 50px !important;} .unten60 {margin-bottom: 60px !important;} .unten70 {margin-bottom: 70px !important;} .unten80 {margin-bottom: 80px !important;} .unten90 {margin-bottom: 90px !important;} .unten100 {margin-bottom: 100px !important;} .unten110 {margin-bottom: 110px !important;} .unten120 {margin-bottom: 120px !important;} .unten130 {margin-bottom: 130px !important;} .unten140 {margin-bottom: 140px !important;} .unten150 {margin-bottom: 150px !important;}