/* inter-300 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/inter-v8-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/inter-v8-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-600 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/inter-v8-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/inter-v8-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}.splide__container {
	box-sizing: border-box;
	position: relative
}

.splide__list {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	margin: 0!important;
	padding: 0!important;
	transform-style: preserve-3d
}

.splide.is-initialized:not(.is-active) .splide__list {
	display: block
}

.splide__pagination {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
	pointer-events: none
}

.splide__pagination li {
	display: inline-block;
	line-height: 1;
	list-style-type: none;
	margin: 0;
	pointer-events: auto
}

.splide__progress__bar {
	width: 0
}

.splide {
	outline: none;
	position: relative;
	visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
	visibility: visible
}

.splide__slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-sizing: border-box;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	list-style-type: none!important;
	margin: 0;
	outline: none;
	position: relative;
    display: flex;
    align-content: center;
    align-items: center;
	justify-content: center;
}

.splide__slide img {
	vertical-align: bottom
}

.splide__slider {
	position: relative
}

.splide__spinner {
	animation: splide-loading 1s linear infinite;
	border: 2px solid #999;
	border-left-color: transparent;
	border-radius: 50%;
	bottom: 0;
	contain: strict;
	display: inline-block;
	height: 20px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px
}

.splide__track {
	overflow: hidden;
	position: relative;
	z-index: 0
}

@keyframes splide-loading {
	0% {
		transform: rotate(0)
	}
	to {
		transform: rotate(1turn)
	}
}

.splide--draggable>.splide__slider>.splide__track,
.splide--draggable>.splide__track {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.splide--fade>.splide__slider>.splide__track>.splide__list,
.splide--fade>.splide__track>.splide__list {
	display: block
}

.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,
.splide--fade>.splide__track>.splide__list>.splide__slide {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	z-index: 0
}

.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,
.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
	opacity: 1;
	position: relative;
	z-index: 1
}

.splide--rtl {
	direction: rtl
}

.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,
.splide--ttb.is-active>.splide__track>.splide__list {
	display: block
}

.splide__arrows{
    position: absolute;
    right: 15px;
    padding: 15px 5px 0 5px;
    bottom: -84px;
    background: #0074B8;
    
}
.splide__arrow{
	background: #FFF;
    color: #0074B8;
	border: 0;
	cursor: pointer;
	width: 2em;
	height: 2em;
	z-index: 1;
    border-radius: 3px;
}
.splide__arrow--prev{
    background: url('../images/slider/chevron-left.svg') #fff no-repeat center center;
}
.splide__arrow--next{
    background: url('../images/slider/chevron-right.svg') #FFF no-repeat center center;
}

/* .splide__arrow {
	-ms-flex-align: center;
	align-items: center;
	background: #ccc;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	height: 2em;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: .7;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2em;
	z-index: 1
}

.splide__arrow svg {
	fill: #000;
	height: 1.2em;
	width: 1.2em
}

.splide__arrow:hover {
	opacity: .9
}

.splide__arrow:focus {
	outline: none
}

.splide__arrow--prev {
	left: 1em;
    bottom: 1em;
}

.splide__arrow--prev svg {
	transform: scaleX(-1)
}

.splide__arrow--next {
	left: 1em;
    bottom: 1em;
} */

.splide__pagination {
	bottom: .5em;
	left: 0;
	padding: 0 1em;
	position: absolute;
	right: 0;
	z-index: 1
}

.splide__pagination__page {
	background: #ccc;
	border: 0;
	border-radius: 50%;
	display: inline-block;
	height: 8px;
	margin: 3px;
	opacity: .7;
	padding: 0;
	transition: transform .2s linear;
	width: 8px
}

.splide__pagination__page.is-active {
	background: #fff;
	transform: scale(1.4)
}

.splide__pagination__page:hover {
	cursor: pointer;
	opacity: .9
}

.splide__pagination__page:focus {
	outline: none
}

.splide__progress__bar {
	background: #ccc;
	height: 3px
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,
.splide--nav>.splide__track>.splide__list>.splide__slide {
	border: 3px solid transparent;
	cursor: pointer
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,
.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
	border: 3px solid #000
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,
.splide--nav>.splide__track>.splide__list>.splide__slide:focus {
	outline: none
}

.splide--rtl>.splide__arrows .splide__arrow--prev,
.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev {
	left: auto;
	right: 1em
}

.splide--rtl>.splide__arrows .splide__arrow--prev svg,
.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg {
	transform: scaleX(1)
}

.splide--rtl>.splide__arrows .splide__arrow--next,
.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next {
	left: 1em;
	right: auto
}

.splide--rtl>.splide__arrows .splide__arrow--next svg,
.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg {
	transform: scaleX(-1)
}

.splide--ttb>.splide__arrows .splide__arrow,
.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow {
	left: 50%;
	transform: translate(-50%)
}

.splide--ttb>.splide__arrows .splide__arrow--prev,
.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
	top: 1em
}

.splide--ttb>.splide__arrows .splide__arrow--prev svg,
.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg {
	transform: rotate(-90deg)
}

.splide--ttb>.splide__arrows .splide__arrow--next,
.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
	bottom: 1em;
	top: auto
}

.splide--ttb>.splide__arrows .splide__arrow--next svg,
.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg {
	transform: rotate(90deg)
}

.splide--ttb>.splide__pagination,
.splide--ttb>.splide__slider>.splide__pagination {
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	left: auto;
	padding: 1em 0;
	right: .5em;
	top: 0
}@media (max-width: 1220px) {
  .cWrap,
  body.front #rath_company .cWrap {
    width: 90%;
    margin: inherit 5%;
  }
  #rath_head #head_wrap {
    width: 100%;
  }
  body.front #rath_digital,
  body.front #rath_support,
  body.front #rath_digital,
  body.front #rath_customer {
    width: 90%;
    margin: inherit 5%;
  }
  body.front #rath_company h2 {
    width: 50%;
    margin: -30px 25% 30px 25%;
  }
  #footer #footerWrap {
    width: 100%;
  }
  #rath_intro img {
    max-width: 350px;
    height: auto !important;
  }
  body.impressum .cWrap,
  body.intern .cWrap,
  body.datenschutz .cWrap {
    width: 90%;
    margin: auto 5%;
  }
  .mTel {
    display: none;
  }
}
@media (max-width: 890px) {
  #rath_navi ul li {
    padding: 30px 0;
  }
  #rath_navi ul li:after {
    width: 0;
    display: none;
  }
  #rath_intro img {
    max-width: 300px;
    height: auto !important;
  }
  body.leistungen .blog-items .blog-item {
    flex-basis: 50%;
  }
  body.leistungen .blog-items .blog-item .item-image img {
    max-width: 250px;
    height: auto;
  }
  body.leistungen #rath_itemgrid .mgn-items {
    padding: 0;
  }
  .mTel {
    background: url('../../../images/assets/tel.svg');
    width: 80px;
    height: 80px;
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 20000;
    display: block;
  }
  .mTel:hover {
    background: url('../../../images/assets/tel.svg');
  }
}
@media (max-width: 767px) {
  #rath_intro .cWrap {
    flex-direction: column;
  }
  #rath_intro .cWrap img {
    max-width: 80%;
    height: auto !important;
    margin: auto 10%;
  }
  body.front #rath_itemgrid .mgi-wrapper {
    display: grid;
    grid-template: auto / 50% 50%;
    grid-gap: 2px;
    color: #FFF;
    background: #0074B8;
    border-radius: 10px;
  }
  body.front #rath_itemgrid #itemgridwrap {
    width: 100%;
    float: left;
    margin: 0 0 200px 0;
  }
  body.front #rath_itemgrid .mgi-item:nth-child(2) {
    border-radius: 0 10px 0 0;
  }
  body.front #rath_itemgrid .mgi-item:nth-child(3) {
    border-radius: 0 0 0 0;
  }
  body.leistungen .blog-items .blog-item {
    flex-basis: 100%;
    flex-direction: column;
  }
  body.leistungen .blog-items .blog-item .item-image {
    margin: 60px 0 0 0;
  }
  body.leistungen .blog-items .blog-item .item-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #footer #footerWrap {
    flex-direction: column;
  }
  #footer #footerWrap #footerContact {
    max-width: 100%;
    margin: 30px 0;
  }
}
@media (max-width: 682px) {
  #rath_head .mTo {
    width: 46px;
    height: 46px;
    display: block;
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 301;
    cursor: pointer;
    background: url('../../../images/assets/burger.png');
  }
  #rath_head .mTo.close {
    background: url('../../../images/assets/close.png');
  }
  #rath_head img {
    max-width: 100%;
    height: auto;
  }
  #rath_navi {
    width: 100%;
    height: 75px;
    transition: ease-in-out .2s height;
    background: #FFF no-repeat right;
    border-top: 0px;
    background-image: none;
    margin-top: -75px;
  }
  #rath_navi.posFix {
    height: 75px !important;
    background-image: url('../../../images/assets/signet-01.png');
    margin-top: 0px;
  }
  #rath_navi .nav {
    display: none;
    height: 0;
    width: 0;
    background: rgba(255,255,255,0);
  }
  #rath_navi .nav.act {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #rath_navi .nav.act li {
    width: 100%;
    padding: 0;
  }
  #rath_navi .nav.act li a {
    text-align: center;
    width: 100%;
    display: block;
  }
  #rath_navi .nav.act li a:after {
    content: '';
    width: 100px;
    height: 1px;
    background: #0074B8;
    display: block;
    margin: 30px auto 0 auto;
  }
  body.front #rath_intro .cWrap {
    padding: 0;
    float: left;
  }
  body.front #rath_intro #mod-custom111 {
    width: 100%;
  }
  body.front #rath_intro #mod-custom112 {
    width: 100%;
  }
  body.front #rath_itemgrid .mgi-wrapper {
    display: grid;
    grid-template: auto / 100%;
    grid-gap: 2px;
    color: #FFF;
    background: #0074B8;
    border-radius: 10px;
  }
  body.front #rath_itemgrid #itemgridwrap {
    width: 100%;
    float: left;
    margin: 0 0 200px 0;
  }
  body.front #rath_itemgrid .mgi-item:nth-child(1) {
    border-radius: 0 0 0 0;
  }
  body.front #rath_itemgrid .mgi-item:nth-child(2) {
    border-radius: 0 0 0 0;
  }
  body.front #rath_itemgrid .mgi-item:nth-child(3) {
    border-radius: 0 0 0 0;
  }
  body.front #rath_itemgrid #mod-custom122 h2 {
    width: 100%;
  }
  body.front #rath_customer {
    flex-direction: column;
  }
  body.front #rath_customer div {
    width: 100%;
    margin-top: 0;
  }
  body.front #rath_customer div:first-child {
    margin-top: -250px;
    border-radius: 15px 15px 0 0;
    border-bottom: 1px solid #eee;
  }
  body.front #rath_customer div:first-child:after {
    width: 0;
  }
  body.front #rath_support {
    background-position: center;
    overflow: initial;
  }
  body.front #rath_support #mod-custom115 {
    right: 15px;
    left: auto;
    top: 15px;
  }
  body.front #rath_support #mod-custom116 {
    width: 80%;
    margin: 10%;
    bottom: -110px;
    right: initial;
  }
  body.front #rath_support #mod-custom117 {
    display: none;
    position: relative;
    bottom: initial;
    right: initial;
  }
  body.front #rath_digital {
    flex-direction: column;
  }
  body.front #rath_digital #mod-custom118 {
    max-height: 320px;
    border-radius: 15px 15px 0 0;
  }
  body.front #rath_digital #mod-custom118 img {
    margin-top: -60px;
  }
  body.front #rath_digital #mod-custom119 {
    max-height: initial !important;
    height: auto;
    border-radius: 0 0 15px 15px;
  }
  body.front #rath_company {
    padding: 350px 0 170px 0;
  }
  body.front #rath_company h2 {
    width: 80%;
    margin: -30px 10% 0 10%;
  }
  body.leistungen #rath_itemgrid .cWrap {
    padding: 0;
  }
  body.leistungen #rath_itemgrid .mgn-items {
    grid-template: auto / 50% 50%;
    padding: 0;
  }
  #footer #footerWrap {
    padding: 0px;
  }
  #footer #footerWrap img {
    max-width: 100%;
    height: auto;
  }
}
@media (max-width: 448px) {
  #rath_head #mod-custom110 {
    display: none;
  }
  body.leistungen #rath_itemgrid .cWrap {
    padding: 0;
  }
  body.leistungen #rath_itemgrid .mgn-items {
    grid-template: auto / 100%;
    padding: 0;
  }
}