/*** SLIDER ***/

@-webkit-keyframes btnFadeIn {
    from {-webkit-opacity: 0; }
    to {-webkit-opacity: 1; }
}

@keyframes btnFadeIn {
    from {opacity: 0; }
    to {opacity: 1; }
}

.ix-slider-inset {
position: absolute;
top: 65%;
right: 0px;
width: auto;
z-index: 7;
opacity: 0;
animation: btnFadeIn 0.5s forwards;
animation-delay: 1.25s;
display: block;
font-size: 1.45em;
font-weight: var(--medium);
color: var(--white);
text-decoration: none;
background-color: var(--blue);
padding: 0 1.7em 0 0.85em;
height: 2em;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
line-height: 2em;
}

a:hover .ix-slider-inset {
background-color: var(--red);
}


/*** LEISTUNGEN ***/

.ix-leistungen {
gap: 60px 80px;
padding-top: 1em;
margin-right: 0px;
}

.ix-l {
margin-right: 0;
}

.ix-l-container {
display: block;
width: 100%;
position: relative;
margin: 0 0 calc(1.45em + 30px);
}

.ix-l-container img {
display: block;
width: 100%;
z-index: 10;
border-radius: 1em;
opacity: 1;
}

a:hover .ix-l-container img {
opacity: 0.9;
}

.ix-l-overlay {
display: block;
width: 120px;
height: 120px;
background-color: var(--blue40);
text-align: center;
border-radius: 50%;
position: absolute;
bottom: 0px;
left: 50%;
transform: translate(-50%, 30%)
}

a:hover .ix-l-overlay {
background-color: var(--medblue80);
}

.ix-l-overlay > svg {
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

.ix-lo-1 svg {
height: 80%;
width: auto;
}

.ix-lo-2 svg {
width: 80%;
height: auto;
}

.ix-lo-3 svg {
height: 55%;
width: auto;
}

.ix-lo-4 svg {
width: 50%;
height: auto;
}

.ix-lo-6 svg {
width: 60%;
height: auto;
}

.ix-lo-7 svg {
width: 65%;
height: auto;
margin-left: 5%;
}


.ix-l-overlay > svg > g > path, .ix-l-overlay > svg > g > rect, .ix-l-overlay > svg > g > polyline, .ix-l-overlay > svg > g > line {
fill: none;
stroke: var(--white);
transition: all .3s;
}

a:hover .ix-l-overlay > svg > g > path, a:hover .ix-l-overlay > svg > g > rect, a:hover .ix-l-overlay > svg > g > polyline, a:hover .ix-l-overlay > svg > g > line {
fill: none;
stroke: var(--red);
}

.ix-lo-1 svg > g > path {
stroke-width: 0.8px;
}

.ix-lo-2 svg > g > rect {
stroke-width: 0.65px;
}

.ix-lo-3 svg > g > path {
fill: var(--white);
stroke: none;
}

a:hover .ix-lo-3 svg > g > path {
fill: var(--red);
stroke: none;
}

.ix-lo-4 svg > g > polyline, .ix-lo-4 svg > g > line {
stroke-width: 9px;
}

.ix-lo-6 svg > g > path {
stroke-width: 3.2px;
}

.ix-lo-7 svg > g > path {
stroke-width: 5px;
}

h3.ix-l-header {
font-size: 1em;
font-weight: 500;
display: block;
text-align: center;
margin-bottom: 0.65em;
}

.ix-l-text {
font-size: 0.9em;
text-align: justify;
width: 100%;
display: block;
}


/*** VARIOUS ***/

.ix-gw-h1 { display: inline; }
.ix-gw-h2 { display: none; }


/*** HOLIDAY ***/

.c-holiday {
text-align: center;
font-size: 1.2em;
font-weight: var(--medium);
color: var(--white);
text-decoration: none;
background-color: var(--blue);
padding: 0.45em 0.65em !important;
border-radius: 0.85em;
hyphens: none;
}

.c-h-section {
margin-top: 0.25em;
}



/*** RESPONSIVE ***/

@media only screen and (max-width: 1600px) {
	/* LEISTUNGEN */
		.ix-leistungen { gap: 50px 60px; }
}


@media only screen and (max-width: 1280px) {
	/* HOLIDAY */
		.c-h-section { margin-top: 0.65em; }
}


@media only screen and (max-width: 1240px) {
	/* LEISTUNGEN */
		.ix-leistungen { gap: 30px 40px; }
		.ix-l-container { margin: 1em 0 calc(1.45em + 25px); }
		.ix-l-overlay { width: 100px; height: 100px; }
}


@media only screen and (max-width: 1080px) {
	/* LEISTUNGEN */
		.ix-leistungen { gap: 20px 30px; }
	/* HOLIDAY */
		.c-h-section { margin-top: 0.15em; }
}


@media only screen and (max-width: 980px) {
	/* LEISTUNGEN */
		.ix-leistungen { gap: 30px 40px;}
		.ix-leistungen .one-third { width: calc((100% - 40px) / 2); }
		.ix-l-container { margin: 1em 0 calc(1.45em + 25px); }
		.ix-l-overlay { width: 100px; height: 100px; }
}


@media only screen and (max-width: 840px) {
	/* SLIDER */
		.ix-slider-inset {
		font-size: 1.25em;
		padding: 0 1.7em 0 0.85em;
		height: 2em;
		border-top-left-radius: 1em;
		border-bottom-left-radius: 1em;
		line-height: 2em;
		}
}


@media only screen and (max-width: 768px) {
	/* LEISTUNGEN */
		.ix-leistungen { display: flex; gap: 30px 30px; padding-top: 0; }
		.ix-leistungen .one-third { width: calc((100% - 30px) / 2); margin-bottom: 0px; }
		.ix-l-container { margin: 1em 0 calc(1.45em + 22px); }
		.ix-l-overlay { width: 90px; height: 90px; }
	/* VARIOUS */
		.ix-gw-h1 { display: none; }
		.ix-gw-h2 { display: inline; }
}


@media only screen and (max-width: 640px) {
	/* SLIDER */
		.ix-slider-inset {
		top: 60%;
		font-size: 1.2em;
		padding: 0 0.85em;
		height: 1.9em;
		border-top-left-radius: 0.95em;
		border-bottom-left-radius: 0.95em;
		line-height: 1.9em;
		}
	/* LEISTUNGEN */
		.ix-leistungen { gap: 20px 20px; }
		.ix-leistungen .one-third { width: calc((100% - 20px) / 2); }
		.ix-l-container { margin: 1em 0 calc(1.45em + 20px); }
		.ix-l-overlay { width: 80px; height: 80px; }
}


@media only screen and (max-width: 480px) {
	/* HOLIDAY */
		.c-h-section { padding: 0 10px !important; }
}


@media only screen and (max-width: 580px) {
	/* LEISTUNGEN */
		.ix-leistungen { flex-direction: column; gap: 20px; }
		.ix-leistungen .one-third { width: 100%; }
		.ix-l-container { margin: 1em 0 calc(1.45em + 30px); }
		.ix-l-overlay { width: 120px; height: 120px; }
}



@media only screen and (max-width: 480px) {
	/* LEISTUNGEN */
		.ix-l-container { margin: 1em 0 calc(1.45em + 25px); }
		.ix-l-overlay { width: 100px; height: 100px; }
}


@media only screen and (max-width: 440px) {
	/* SLIDER */
		.ix-slider-inset {
		top: 55%;
		font-size: 1.1em;
		padding: 0 0.75em;
		height: 1.7em;
		border-top-left-radius: 0.85em;
		border-bottom-left-radius: 0.85em;
		line-height: 1.7em;
		}
}