@import url('/export/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency.css');
@import url('/.themes/fonts/modern/font.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/mercury/main-skf.css');
@import url('/export/sites/demo-s-11/0-mercury-update-fix/fix.css');

.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}


.map-full .maplibregl-map {
    height: 500px !important;
}

:root {
    --my-body-font-family: 'Source Sans Pro', sans-serif;
    --my-body-font-size: 1.5rem;
    --my-body-font-weight: 300;
    --my-body-line-height: 1.5;
    --my-font-weight-bold: 600;
    --my-disabled-color: #ddd;
    --my-disabled-fg-color: #444;
    --my-main-theme-base: #af1044;
    --my-grey-lighter: #eee;
    --my-grey-light: #ddd;
    --my-grey: #aaa;
    --my-text-dark: #444;
    --my-text-light: #fff;
    --my-nav-toggle-bg: var(--my-main-theme);
    --my-nav-toggle-fg: var(--my-main-theme-fg);
    --my-font-family-headings: 'Source Sans Pro', sans-serif;
    --my-btn-font-family: 'Source Sans Pro', sans-serif;
    --my-btn-hover-bg: #444;
    --my-font-weight-headings: 600;
    --my-font-style-headings: normal;
    --my-border-radius: 0;
    --my-btn-border-radius: 0;
    --my-image-border-radius: 10px 0 10px 0;
    --my-default-margin: 2rem;
    --my-default-margin-small: 1rem;
    --my-default-margin-verysmall: 0.5rem;
    --my-element-margin: 2rem;
    --my-ws-margin: 1rem;
    --my-box-padding: 20px;
    --my-paragraph-margin-bottom: 1rem;
    --my-headings-margin-bottom: 1.5rem;
}
.box-theme {
    --my-body-bg: #af1044;}

small, .small {
    font-size: 1.7rem;
 }
h2:before, h1:before, .first:before, .border-top h3:before, .type-contact h3:before {
    border-top: 9px solid #af1044;
    content: "";
    width: 20%;
    display: block;
    margin-bottom: 20px;
}
.piece.pac h2:before, .piece.pac h1:before, .piece.pac h3:before {
    border-top: 9px solid #af1044;
    content: "";
    width: 20%;
    display: block;
	margin: 0 auto;
    margin-bottom: 20px;
}

.btn {
    background-color: #af1044;
    border-radius: 10px 0 10px 0;
    border: 0;
    
    padding: 17px 35px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1.8px;
    font-weight: 500;
    margin-top: 17px;
    font-size: 17px;
}
.box.box2 {    background: #f4f4f4;}
.btn:hover {background: #444;}
.filterbox .btn {margin-top: 0;}
.subline p:first-child {
    color: #af1044;
    font-weight: 400;
}
.type-iconbox .icon-image {
   
    font-size: 72px;}
.type-iconbox {
   
    background-color: #fff;
   
    border-radius: 15px 0;
   
    max-width: max-content;
    margin: auto;
    border: 4px dotted #af1044;
    color: #af1044;
}
#mercury-page, .area-header .sticky.csssetting > .isfixed {
    max-width: 90%;
    margin: 0 auto;
}
.full-width .container {max-width:100%;}

.h-info .type-linksequence li a {
    padding: 0 0 0 10px;
    background: transparent;
    border-radius: 0;
    color: #333 !important;
}
.area-header .header-links > ul > li > a {
    font-size: 18px;
	    
    padding: 6px 10px 6px 0;
}
.home2 a:before {content: "\f015"; font-family: 'ForkAwesome';  margin-right: 7px; font-size: 21px;}
.spenden-main a:before {content: "\f004"; font-family: 'ForkAwesome'; color:#af1044; margin-right: 7px; font-size: 19px;}

.nav-main-items > li.expand > a.nav-label + a[aria-controls]{display: none !important;}

@keyframes myAnim {
	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}



.check[value="Ich bestätige hiermit, die Datenschutzerklärung gelesen und verstanden zu haben."] {background-color: yellow;}


.type-map .map-marker .marktxt {line-height: 1.4;}
.maplibregl-marker  svg {display: none;}

.maplibregl-marker {
    width: 50px;
    height: 72px;
    background: url(/export/sites/demo-s-11/0-caritas-shared/mercury/marker-skf.png) no-repeat 0 0;
}
.lotse img, .variant-tile-accordion .freefloat img {filter: grayscale(.9); transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}
.variant-tile-accordion .freefloat img
.lotse img:hover, .variant-tile-accordion .freefloat img:hover, .variant-tile-accordion .collapse-trigger[aria-expanded="true"] .freefloat img {filter: grayscale(0) !important;  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}

.cite {background: #ee0000 url(/.galleries/bilder/.system/watermark-single.png) no-repeat 15% center;}

li.mega > a {
    background-color:transparent ;}

.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {
        padding: 0;
    background: transparent;}
.type-slider .slide-wrapper .caption small {
    color: #fff;
    
    padding: 0 !important;
    font-size: 25px;
    
    background: transparent;
}

.type-slider .slider-box, .type-slider .image-src-box.presized img, .area-wide.area-full-row .type-slider .slide-wrapper img {border-top-left-radius: 20px !important; border-bottom-right-radius: 20px !important;}

.type-slider .slide-container, .type-slider .slide-wrapper {
    
    border-radius: 15px 0 15px 0;}
.slide-wrapper .caption.top.left{
	width: 400px;
    background: #eee;
    left: 50px;
    top: 50px;
    padding: 50px;
}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption{
	color: #444;
    text-shadow: none !Important;
}
.type-slider .slide-wrapper .caption strong span.first, .type-slider .slide-wrapper .caption .titlecaption span.first{
	font-size: 25px;
    font-weight: 300;
	display: block;
	line-height: .5;
}
.type-slider .slide-wrapper .caption strong span.second, .type-slider .slide-wrapper .caption .titlecaption span.second{
	font-size: 50px;
    font-weight: 400;
	display: block;
	line-height: 1.1;
    margin: 15px 0;
	
}
.type-slider .slide-wrapper .caption small{
	color: #444;
    text-shadow: none !Important;
    padding: 20px 10px;
	font-size: 18px;
    font-weight: 300;
}
.type-slider .slide-wrapper .caption small a{
    background: transparent;
    border: 1px solid #444;
    padding: 10px 50px;
    font-size: 20px;
	color: #444;
	font-weight: 300;
}
.type-slider .slide-wrapper .caption small a.btn:hover {background:rgba(183, 39, 75, .6);}
.type-slider .slide-wrapper .caption small a.btn {

    
    color: #fff;

  margin-top: 35px;
	border: 1px solid #fff;
}

.slide-wrapper .caption.top.left {
    width: 550px;
    background: rgba(0,0,0,.4);
    left: 0;
    top: 50px;
    padding: 50px;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {
    color: #fff;
    text-shadow: none !Important;
}
.type-slider .slide-wrapper .caption small {
    text-align: justify;
    color: #fff;
    text-shadow: none !Important;
    padding: 5px 10px 20px;
    font-size: 19px;
    font-weight: 300;
}

.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {line-height: 1.4;}

.type-slider .slide-wrapper .caption .second {
  hyphens: none;}

.slider-dots li button.dot-btn::before{background-image: url('/.galleries/bilder/.system//Download2.svg'); border: 12px solid #ddd; border-radius: 50%;}
.slider-dots li button.active::before{background-image: url('/.galleries/bilder/.system/dot2.svg'); border: 12px solid #af1044; border-radius: 50%;}
.slider-dots {bottom: 23px;}

@media (max-width: 763.98px){
.type-slider.text-below-on-xs .captions {background-color: #333;}
.slide-wrapper .caption.top.left {width: 100%;}
.type-slider .slide-wrapper .caption strong span.second, .type-slider .slide-wrapper .caption .titlecaption span.second {font-size: 47px;}
.type-slider .slide-wrapper .caption strong span.first, .type-slider .slide-wrapper .caption .titlecaption span.first {font-size: 20px; margin-bottom: 5px;}
.type-slider .slide-wrapper .caption small {font-size: 16px; padding: 0;}
.type-slider .slide-wrapper .caption small a.btn {padding: 11px 10px;font-size: 16px; width: 50%; margin-top: 20px;}
.type-slider.text-below-on-xs .slide-wrapper small {display: block;}
.slide-wrapper .caption.top.left {background: #333;}
}

.lotse .piece > .visual .subtitle, .icons .piece > .visual .subtitle {
   background: rgba(175, 16, 68, .9); font-weight: 500;     border-radius: 0px 0 10px 0;}
.area-foot .subfoot {
    background-color: #af1044;}
.area-foot .topfoot {
    background: transparent; background-image: none;}
.topfoot .type-contact, .area-foot .topfoot a:not(.btn), .area-foot .topfoot a:not(.btn):focus, .area-foot .topfoot a:not(.btn):hover, .area-foot .topfoot h1, .area-foot .topfoot h2, .area-foot .topfoot h3, .area-foot .topfoot h4, .area-foot .topfoot h5, .area-foot .topfoot h6, .area-foot .topfoot {
      color: #444;
}
.topfoot .styled-form label {
    color: #444;
}
.topfoot .styled-form .input input, .topfoot .styled-form .textarea textarea, .topfoot .styled-form .select select, .topfoot .styled-form .checkbox i {
    background-color: transparent !important;
    color: #444;
    border-color: #444;
}
.topfoot .type-webform .formbtn-row .formbtn {
    margin-left: 0;
    margin-right: 0;
    background-color: transparent;
    border: 1px solid #444;
    color: #444;
	    padding: 5px 30px;
	border-radius: 0 !important;
	margin-top: 30px;
}

.spendenformular.type-webform h2:before {border-top: none;}
.spendenformular.type-webform h2{margin-top: 28px;}

.spendenformular .styled-form .inline-group {max-width: 100% !important;}


.topfoot .social-icons ul {
    justify-content: center;
}

/*.topfoot .social-icons .ico, .topfoot .social-icons .fa, .topfoot .social-icons .fas, .topfoot .social-icons .fab {
    width: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 30px !important;
}*/
.topfoot .social-icons li {border: 1px solid;
    border-radius: 50%;}
/*.topfoot .social-icons li a {
   
    width: 60px;
    height: 60px;}
.topfoot .type-contact h3 {
    font-size: 24px !important;
}*/

/*######################### Kontakte #######################*/
.type-contact h3 {    font-size: 1.8rem; font-weight: 500;}

.flex-col .type-contact {flex-grow: 1;}
.type-contact .text, .type-contact .h4 {
    font-size: 1.7rem;
}
.type-contact img {border-radius: 10px 0 0px 0;}


/*######################### NEWS #######################*/
.type-article.in-list:hover:before, .type-decoy.in-list:hover:before {
    width: 100%;
    transition: width .4s cubic-bezier(.4,0,.51,1.07);
	z-index: 999999;
	
}
.type-article.in-list:before, .type-decoy.in-list:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background-color: rgba(239,239,239, .8);
    transition: width .7s cubic-bezier(.4,0,.51,1.07);
	
}

.type-article.in-list:hover, .type-decoy.in-list:hover  {
    opacity: 1;
    transition: opacity .7s cubic-bezier(.4,0,.51,1.07);

	
}

.type-article.in-list a, .type-decoy.in-list a {z-index: 999999; position: relative;}



.area-content.news-wrap {margin-top: 20px; margin-bottom: 30px; padding-bottom: 15px; padding-top: 50px; border-top-left-radius: 20px;    border-bottom-right-radius: 20px;}
.news-wrap .teaser {background: #fff; border-top-left-radius: 10px;    border-bottom-right-radius: 10px; }
	.news-wrap .teaser .body {padding: 20px 30px 30px; font-size: 18px;}
.news-wrap .teaser	h3.intro-headline {margin-bottom: 5px;}
.news-wrap .teaser-tile .teaser.piece > .body > .heading .headline {font-weight: 600;}
.teaser .image-src-box > img {
    border-radius: 0;
}
.news-wrap .teaser .intro {    padding: 4px 15px;
    background: #af1044;
    max-width: max-content;
    margin-bottom: 15px;
   font-size: 80%;
    color: #fff;
    border-radius: 2px;
}
.teaser .teaser-date {
    font-weight: 600;
}
.news-wrap .teaser .teaser-date:before {font-family: forkawesome;
    content: "\f274";
    margin-right: 8px;
    font-weight: 300;}
.list-entries.row ~ .list-pagination {
    margin-top: 50px;
}
.list-pagination .btn.btn-append {
    
    background: #eee;
    border-radius: 0;
    border: 0;
    color: #444;
   
    font-size: 25px;}
.list-pagination .btn.btn-append:hover {
    color: #af1044;
    background: #eee;
}


/*######################### Counter #######################*/

.features:after {display: none;}
.row-count {max-width: 80%;margin: 0 auto; color: #444;}
.features span.counter {font-size: 85px;  font-weight: 600;display: inline-block; margin-bottom: -20px}
.features-info {    display: block;
    font-size: 20px;
    font-weight: 400;
    padding-top: 20px;
    border-top: 2px solid #444;
	max-width: 80%;
    margin: 0 auto;
    margin-top: 20px;
}
.features {text-align: center;}
.counter-plus {font-weight: 500;     font-size: 30px;}





/***************** BG-parallax + drei-boxen-weiss-grün ******************/
.effect-parallax-bg {border-radius: 15px 0 15px 0;}
.box-green .btn, .box-white .btn, .box-green .btn:hover, .box-white .btn:hover {background: transparent; border: 0; color: transparent;}
.bg-para-box-white-green{padding-top: 80px; padding-bottom: 80px;}
.bg-para-box-white-green .box-green{background-color: #af1044; padding: 81px 24px 30px; color: #fff; border-radius: 10px 0 10px 0;}
.bg-para-box-white-green .box-white{background-color: #fff; padding: 81px 24px 30px; color: #444; border-radius: 10px 0 10px 0;}
 .box-white.paypal {background-color: #ffc44b; padding: 81px 24px 30px; color: #444; border-radius: 10px 0 10px 0;}
 .box-white.paypal h3:before{font-family: forkawesome; content: "\f1ed"; font-size: 52px; font-weight: 100; color: #fff; top: 17px; left: 20px; position: absolute; background: #003087; border-radius: 50%;  width: 85px; height: 85px; padding-left: 21px; padding-top: 7px;}
.box-green.cutlery h3:before{font-family: forkawesome; content: "\f0f5"; font-size: 52px; font-weight: 100; color: #af1044; top: 17px; left: 20px; position: absolute; background: #fff; border-radius: 50%;  width: 85px; height: 85px; padding-left: 21px; padding-top: 7px;}
.box-green.users h3:before{font-family: forkawesome; content: "\f0c0"; font-size: 52px; font-weight: 100; color: #af1044; top: 17px; left: 20px; position: absolute; background: #fff; border-radius: 50%;  width: 85px; height: 85px; padding-left: 16px; padding-top: 8px;}
 .box-white.paypal h3, .bg-para-box-white-green .box-white.paypal {color:#fff;}
.bg-para-box-white-green .box-white.cart h3:before{font-family: forkawesome; content: "\f291"; font-size: 52px; font-weight: 100; color: #fff; top: 17px; left: 20px; position: absolute; background: #af1044; border-radius: 50%;  width: 85px; height: 85px; padding-left: 13px; padding-top: 7px;}
.bg-para-box-white-green .box-white.tafel h3:before{font-family: forkawesome; content: "\f291"; font-size: 52px; font-weight: 100; color: #fff; top: 17px; left: 20px; position: absolute; background: #af1044; border-radius: 50%;  width: 85px; height: 85px; padding-left: 13px; padding-top: 7px;}
.bg-para-box-white-green .box-green.scissors h3:before{font-family: forkawesome; content: "\f0c4"; font-size: 52px; font-weight: 100; color: #af1044; top: 17px; left: 20px; position: absolute; background: #fff; border-radius: 50%;  width: 85px; height: 85px; padding-left: 18px; padding-top: 7px;}
.bg-para-box-white-green .box-green.cart h3:before {font-family: forkawesome; content: "\f07a"; font-size: 52px; font-weight: 100; color: #af1044; top: 17px; left: 20px; position: absolute; background: #fff; border-radius: 50%;  width: 85px; height: 85px; padding-left: 17px; padding-top: 7px;}
.bg-para-box-white-green .box-green.support h3:before {font-family: forkawesome; content: "\f1cd"; font-size: 52px; font-weight: 100; color: #af1044; top: 17px; left: 20px; position: absolute; background: #fff; border-radius: 50%;  width: 85px; height: 85px; padding-left: 17px; padding-top: 7px;}
.bg-para-box-white-green .box-green h3 {color: #fff; font-size: 25px; font-weight: 700; padding-top: 50px; margin-bottom: 6px;}
.bg-para-box-white-green .box-white h3 {color: #444; font-size: 25px; font-weight: 700; padding-top: 50px; margin-bottom: 6px;}
.bg-para-box-white-green .container {max-width: 1320px;}
.bg-para-box-white-green .link {width: 100%; height: 100%; position: absolute; top: -25px; left: 0;}
.bg-para-box-white-green .link a {width: 100%; height: 100%;}
	
/************************** Kachel-Akkordeon ******************************************/
.variant-tile-accordion .collapse-trigger .text-overlay {
    border-radius: 0px 0 10px 0;
    display: flex;
    align-items: center;
    background: rgba(175, 16, 68, .9);
    width: auto;
    text-align: left;
    bottom: 10px;
    padding: 10px 20px;
}

.variant-tile-accordion .collapse-trigger .text-overlay:before {    transform: rotate(-180deg);transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}


.variant-tile-accordion .collapse-trigger.collapsed .text-overlay:before {content: "\f067"; font-family: 'ForkAwesome'; color: #fff; 
    margin-right: 9px;}
.variant-tile-accordion .collapse-trigger .text-overlay:before {content: "\f068"; font-family: 'ForkAwesome'; color: #fff; 
    margin-right: 9px;}
.variant-tile-accordion .piece.pac .heading > .piece-heading {font-weight: 300;
    font-style: normal;
    font-size: 22px;
    text-align: left; -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.variant-tile-accordion .content-box {
    border-radius: 10px 0 10px 0;}
.variant-tile-accordion .collapse-target {background: #fff;
  box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 10%);
    padding: 20px 30px 45px;
    margin-bottom: 30px;}
.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {bottom: -45px; background: #af1044; color: #fff;}

.variant-tile-accordion .collapse-trigger .piece-heading {
    font-weight: 400;}
.tile-col.freefloat .copyright {font-size: 11px;
    padding: 6px 10px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3); border-bottom-right-radius: 15px;
}
.variant-tile-accordion.show-border .collapse-trigger .content-box {
    outline: 4px solid var(--my-body-bg); padding: 6px;}
/***************** Akkordeon ******************/
.accordion .acco-header .acco-toggle::after {
        top: 0px !important;
	border-left: 3px solid #fff;
    background: #eee;
    color: #444;
    border-right: 0;}
.accordion .acco-toggle.collapsed::after {
border-right: 3px solid #fff;
    border-bottom: 0;
    background: #eee;
    color: #444;
    border-top: 0;
	border-left: 0;
}
.accordion .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after {
    width: 65px;
}

.accordion:before {
    border-top: 3px solid #af1044;
    content: "";
    width: 8%;
    display: block;
    margin-bottom: 4px;
}
.accordion {
    margin-bottom: 18px;}

.accordion .acco-toggle::after {
  
    background: #444;}
h2.acco-header:before {display: none;}
.accordion .acco-header > .acco-toggle:focus, .accordion .acco-header > .acco-toggle:hover {
    
    background: #f5f5f5;
    color: #444;
}
.accordion .acco-header .acco-toggle { overflow: visible; padding: 1.7rem 1rem 1.7rem 80px ; }
.accordion .acco-toggle::after, .accordion .acco-toggle::before { height: 100%;   border-radius: 0;}
.accordion .acco-toggle {line-height: 1.3 !important;    }
/***************** Testimonial ******************/
.testi .body{padding: 70px 160px;
    color: #fff;
    font-size: 32px;
    font-weight: 500;}
.testi .text::before {content: '\f10d';
    font-family: 'ForkAwesome';
    font-size: 70px;
    position: absolute;
    left: 70px;
    top: 10px;
    opacity: 0.5;}
.testi-bg {background:  #af1044  url(/.galleries/bilder/.system/SkF-Logo.png) no-repeat 100% 50% ; background-size: 400px; border-radius: 0 0 15px 0;}
.testi-bg1 {background: url(/.galleries/bilder/bence-halmosi-0eErMhzFgvE-unsplash.jpg) no-repeat 0 50% ; background-size: cover; border-radius: 15px 0 0 0;}

.box-white.paypal.plus {
    background-color: #ffc44b;
    padding: 111px 24px 0px;
    color: #444;
    border-radius: 10px 0 10px 0;
	    margin-top: 0;
}
.box-white.paypal.plus .btn {margin-top: -12px;}

@media (min-width: 1400px) {
	header.fh.ls-2 .h-logo {flex: 0 0 285px; max-width: 285px;}
}

@media (min-width: 1200px) {
	header.fh.nav-disp-big.nav-right .nav-main-items > li > a {font-size: 26px; font-weight: 500;}
}

@media (min-width: 1014px) and (max-width: 1500px){
	.testi .body {padding: 100px 60px; font-size: 24px;}
}

@media (min-width: 1014px) {
.type-webform h2{font-size: 33px; line-height: 1;}
	header.fh.nav-disp-big.nav-right .nav-main-items > li > a {font-size: 26px; font-weight: 500; padding-left: 2px;}
	header.fh.header-isfixed.fix-overlay .h-logo {flex: 0 0 176px; max-width: 176px;}
	.subline .heading + p:first-child {font-size: 3rem;}
	.topfoot .type-shariff {margin-top: -20px;}
	.topfoot .type-webform .formbtn-row {display: inline-block; float: right; margin-top: -90px; margin-right: 15px;}
	.topfoot .styled-form .inline-group .checkbox {margin-right: 0; font-size: 11px;}
	.topfoot .styled-form {border: 0; padding: 0px 0 0px 20px;}
	.styled-form .inline-group {display: inline-flex; max-width: 250px}
	li.mega > a {color: inherit!important;}
	.h-group .h-info {padding-right: 0 !important;}
	.h-nav .co-lg-xl {padding-right: 0px;}
	.spacer-top {margin-top:50px;}
	.spacer-top-big {margin-top:80px;}
	.spacer-bottom {margin-bottom: 50px;}
	.box-white {margin-top: 90px;}
	.box-green {margin-bottom: 90px;}
	.head.isfixed .header-image.image-src-box.presized img {background: transparent; padding: 0; box-shadow: none; border: 0;}
	.header-image.image-src-box.presized img {top: 0; z-index: 10; background: transparent; padding: 0; box-shadow: none;}
}

@media (min-width: 764px) {
	.topfoot .styled-form section:nth-of-type(n+3) {width: 100%;}
	.area-header .sticky.csssetting > .isfixed, .area-header .sticky.always > .isfixed, .area-header .sticky.upscroll > .isfixed {box-shadow: none;}
}
@media (max-width: 1199.98px) {
	.slider-dots{display: none;}
}

@media (max-width: 1013.98px) {
	.spacer-top {margin-top:30px;}
	.spacer-top-big {margin-top:50px;}
	.spacer-bottom {margin-bottom: 50px;}
	.type-contact {margin-bottom: 30px !important;}
	#nav_nav-main-addition a {padding-left: 15px;}
	#nav_nav-main-addition li:before {border-top: 5px solid #af1044; content: ""; width: 35px; display: block; margin-bottom: 0;}
	a#label_nav-main-addition {display: none;}
	.area-foot .topfoot {background: #fff  !important; background-image: none !important;}
	.slide-wrapper .caption.top.left {width: 500px;}
	.type-slider .slide-wrapper .caption strong span.second, .type-slider .slide-wrapper .caption .titlecaption span.second{font-size: 40px; margin: 8px 0;}
	.type-slider .slide-wrapper .caption strong span.first, .type-slider .slide-wrapper .caption .titlecaption span.first{font-size: 22px;}
	.type-slider .slide-wrapper .caption small a.btn {margin-top: 17px;}
	.type-slider .slide-wrapper .caption small {word-spacing: -1px;}
	.testi .body{padding: 80px 110px;}
}

@media (min-width: 763.98px) and (max-width: 1013.98px){
	.news-wrap .teaser .body {padding: 12px 13px 14px;}
}

@media (max-width: 763.98px){
	.testi .body {padding: 89px 70px; font-size: 27px;}
	.slide-wrapper .caption.top.left {width: 100%;}
	.type-slider.text-below-on-xs .slide-wrapper .subcaption {padding: 0;}
	.slide-wrapper .caption.top.left {padding: 10px 40px 30px;}
	
}

@media (max-width: 549.98px) {
	.testi .body {padding: 89px 50px 60px; font-size: 23px;}
	.type-slider .slide-wrapper .caption small a.btn {padding: 8px 5px;}
	.type-slider .slide-wrapper .caption strong span.second, .type-slider .slide-wrapper .caption .titlecaption span.second{font-size: 33px; margin: 10px 0 0;}
	.type-slider .slide-wrapper .caption strong span.first, .type-slider .slide-wrapper .caption .titlecaption span.first{font-size: 20px;}
	.bg-para-box-white-green .box-green h3, .bg-para-box-white-green .box-white h3 {font-size: 21px;}
	.bg-para-box-white-green .box-green .text, .bg-para-box-white-green .box-white .text {font-size: 17px;}
	.teaser .intro-headline{font-size: 20px !Important;}
	.news-wrap .teaser .intro { margin-bottom: 10px;}
	.mv-40, .mb-40 {margin-bottom: 20px !important;}
	.mv-30, .mt-30 {margin-top: 15px !important;}
	.mv-20, .mt-20 {margin-top: 10px;}
	.pv-10, .pb-10 {padding-bottom: 0 !important;}
	.area-content.news-wrap {margin-top: 0px; padding-bottom: 0px; padding-top: 20px;}
	.features span.counter {font-size: 60px;}
	.features-info {font-size: 17px;}
	.lotse .piece > .visual .subtitle{font-size: 19px; padding: 10px 10px;}
}



.lotse img:hover {filter: grayscale(0) !important;}