/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/***Global***/
html {
	background:#515151;
}

body{
	max-width:1920px;
	margin:0 auto;
	width:100%;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content a, #content li, #content label, .fusion-tb-header a, span.fusion-button-text, #content div, .fusion-footer p{
	font-family:'Nunito' sans-serif !important;
	font-weight:inherit;
}

.bold, .bold *{
	font-weight:600 !important;
}

.extrabold, .extrabold *{
	font-weight:700 !important;
}

.txt-hyphens, .txt-hyphens *{
	hyphens:auto;
}

.btn100{
	width:100%;
}

.displaynone {
	display:none !important;
}

.column-nomargin .fusion-column-wrapper, .column-nomargin{
	margin-left:0 !important;
	margin-right:0 !important;
	margin-bottom:0 !important;
}

.jmxtxt-highlight {
	padding:0 5px;
	background: var(--awb-color5);
	color:#FFF;
}

.jmxtxt-highlight-lila {
	padding:0 5px;
	background: var(--awb-color4);
	color:#FFF;
}

.jmx-raspberry {
	color: var(--awb-color5);
}

.jmx-content-box .fusion-read-more {
	background: -webkit-linear-gradient(bottom left, rgb(103,35,109) 0%, rgb(158,0,93) 100%);
  	background: -o-linear-gradient(bottom left, rgb(103,35,109) 0%, rgb(158,0,93) 100%);
  	background: linear-gradient(to top right, rgb(103,35,109) 0%, rgb(158,0,93) 100%);
  	color:#FFF;
  	padding: 10px 20px 10px 20px;
	border-radius: 20px;
	transition-property: none !important;
  	transition-duration: none !important;
  	transition-timing-function:none !important;
	float:left;
}

.jmx-content-box .fusion-read-more:hover {
	background: var(--awb-color4) !important;
  	color:#FFF !important;
}

.jmx-content-box .fusion-read-more::after {
	display: none;
}

.solo-wrapper h2 {
	font-size:34px !important;
	margin-bottom: 10px;
  	margin-top: 40px;
	font-weight:600 !important;
}

.solo-wrapper h3 {
	font-size:28px !important;
	margin-bottom: 10px;
  	margin-top: 40px;
	font-weight:600 !important;
}

.solo-wrapper h4 {
	font-size:26px !important;
	margin-bottom: 10px;
  	margin-top: 40px;
	font-weight:600 !important;
}

.fusion-accordian .panel-title a .fa-fusion-box {
	margin-top: -5px !important;
}

.page-id-407 .ilightbox-title {
	display:none;
}

/**Button-Effekt-Bubbly**/
.bubbly-button {
  background: -webkit-linear-gradient(bottom left, rgb(103,35,109) 0%, rgb(158,0,93) 100%);
  background: -o-linear-gradient(bottom left, rgb(103,35,109) 0%, rgb(158,0,93) 100%);
  background: linear-gradient(to top right, rgb(103,35,109) 0%, rgb(158,0,93) 100%);
  	color:white;
  	padding: 10px 20px 13px 20px;
	border-radius: 20px;
  -webkit-appearance: none;
  	appearance: none;
  	border: none;
  	cursor: pointer;
  	position: relative;
  	transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
  	box-shadow: 0 2px 25px rgba(255, 255, 255, 0.1);
}

.bubbly-button:focus {
  	outline: 0;
}

.bubbly-button:before, .bubbly-button:after {
  	position: absolute;
  	content: "";
  	display: block;
  	width: 140%;
  	height: 140%;
  	z-index: -1;
  	background-repeat: no-repeat;
  	transition: all ease-in-out 0.5s;
  	background-size:10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
  background-image:
    radial-gradient(circle, #ac0870 20%, transparent 21%),
    radial-gradient(circle, transparent 19%, #ac0870 20%, transparent 21%),
    radial-gradient(circle, #ac0870 20%, transparent 21%),
    radial-gradient(circle, #ac0870 20%, transparent 21%),
    radial-gradient(circle, transparent 10%, #ac0870 15%, transparent 20%),
    radial-gradient(circle, #ac0870 20%, transparent 21%),
    radial-gradient(circle, #ac0870 20%, transparent 21%),
    radial-gradient(circle, #ac0870 20%, transparent 21%),
    radial-gradient(circle, #ac0870 20%, transparent 21%);
  pointer-events: none;
}

.bubbly-button:before {
  display: none;
  top: -75%;
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}

.bubbly-button:after {
  display: none;
  bottom: -75%;
}

.bubbly-button:active {
  transform: scale(0.9);
  background-color: #e60074;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}

.bubbly-button.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}

.bubbly-button.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}
@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}
/**End-Button-Effekt-Bubbly**/

/***Play-Stop Button BFSG für Header-Video***/
.video-toggle-btn {
  	background: transparent;
  	border: 2px solid #ffffff;
  	color: #ffffff;
  	border-radius: 50%;
  	font-size: 22px;
  	cursor: pointer;
  	position: relative;
  	z-index: 10;
  	bottom: 50px;
  	left: 370px;
  	transition: transform 0.3s ease;
  	height:40px;
  	width:40px;
  	align-items: center;
}

.video-toggle-btn:hover {
  	transform: scale(1.05);
}

.video-toggle-btn .pause-icon {
  	margin-left:0.5px;
}

.video-toggle-btn .play-icon {
  	margin-left:3px;
}

/***Play-Stop Button BFSG für Header-Video***/

/***Play-Stop Button BFSG für Slider***/

#custom-swiper-controls {
  	display: flex;
  	justify-content: center;
  	bottom:10px;
	right:40%;
	z-index:1;
	position:absolute;
	border-left: 1px solid #6b246f;
  	padding-left: 16px;
}

#custom-swiper-controls-2 {
  	display: flex;
  	justify-content: center;
  	bottom:-10px;
	right:39%;
	z-index:1;
	position:absolute;
	border-left: 1px solid #6b246f;
  	padding-left: 16px;
}

.swiper-toggle-autoplay {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 2px solid var(--awb-color4) !important;;
  color: var(--awb-color4) !important;;
  font-size: 22px;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  padding: 0;
}

.swiper-toggle-autoplay svg {
  display: block;
  width: 20px;
  height: 20px;
  stroke: currentColor;
  margin: 0;
}

/***End-Play-Stop Button BFSG für Slider***/

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom:0px !important;	
}

.img-bg-white-round {
	background:#FFF !important;
	border-radius:40px;
	padding:5px;
}

.pewl {
	width:100% !important;
	max-width:1200px !important;
}

/**.header-jmx-round {
	max-width:1500px;
	width:100% !important;
}**/

.header-jmx-round > .fusion-builder-row  {
	background-color: var(--awb-color5);
	background-image: linear-gradient(90deg, var(--awb-color4) 0%,var(--awb-color5) 100%);
	border-radius: 60px;
}

.header-jmx-round-sticky.fusion-sticky-container.fusion-sticky-transition  .fusion-builder-row:not(.awb-menu__mega-wrap .fusion-builder-row),
.header-jmx-round-sticky.mobile  .fusion-builder-row:not(.awb-menu__mega-wrap .fusion-builder-row){
  background-color: var(--awb-color5);
  background-image: linear-gradient(90deg, var(--awb-color4) 0%,var(--awb-color5) 100%);
  border-radius: 60px;
}

.ti-footer-filter-text {
	opacity: 0;
  	cursor: default;
}

.awb-menu__open-nav-submenu-hover {
  padding-inline-start: 0.3em !important;
}
/* Dreh-Animation für den Avada Dropdown-Pfeil */
.awb-menu__open-nav-submenu-hover::before {
  display: inline-block;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.awb-menu__open-nav-submenu-hover.rotate::before {
  transform: rotate(180deg); /* Dreht Pfeil nach oben */
}

/***Sitemap***/
.wsp-container h2 {
	font-size:38px !important;
	margin-bottom:0;
	margin-top:3%;
}

/***End-Sitemap***/

.cases-wrapper .awb-imageframe-style-resa .awb-imageframe-caption-container .awb-imageframe-caption-title {
	font-weight:700 !important;
	padding-top:100%;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
}

.cases-wrapper .awb-imageframe-style-resa:hover .awb-imageframe-caption-container .awb-imageframe-caption-title {
  text-shadow: none !important;
}

.footer-newsletter-form .fusion-form-checkbox.option-inline {
	margin-right:0px !important;
	margin-top:5px;
}

.footer-newsletter-form a {
	color:inherit !important;
}

.footer-newsletter-form a:hover {
	color:var(--awb-color5) !important;
}

.jmx-linked h3.panel-title a {
	color:inherit !important;
	text-decoration:unset;
}

.jmx-linked a {
	color:var(--awb-color5) !important;
	text-decoration:underline;
}

.jmxvideocta video {
	max-height:510px;
	width:100%;
}

.accordian .fusion-toggle-boxed-mode, .accordian .fusion-toggle-boxed-mode i {
	border-radius:30px !important;
}

.jmxm-10 .fusion-image-wrapper {
	margin-bottom:-10px;
}

.awb-imageframe-style-resa .awb-imageframe-caption-container::after {
  border-radius: 30px;
}

.awb-imageframe-style-resa:hover .awb-imageframe-caption-container::after, .awb-imageframe-style-resa:hover .awb-imageframe-caption-container::before {
  border-radius: 30px;
}

.awb-imageframe-style-resa .awb-imageframe-caption-container::after {
  border-radius: 30px;
}

.access-icon img {
	width:40px;
}

/***End-Global***/

/***Menu***/
.menu-item {
    position: relative;
}

/*.menu-item a:focus {
    background: transparent !important;
}*/

.menu-item a .split-hover-text {
    overflow: hidden;
    padding: 0;
    line-height: normal;
}
.split-hover-text {
    position: relative;
}
.menu-item.current-menu-item .v-text.main {
    opacity: 1;
	padding:0px;
}
.menu-item .v-text.main {
    opacity: 1;
}

.v-text.hover {
    position: absolute;
    left: 0;
    bottom: -100%;
}

.v-text__letter {
    display: inline-block;
}

.ellipse {
  display: block;
  position: absolute;
  bottom: -22px;
  left: 0;
  width: 100%;
  height: 60px;
  pointer-events: none;
  z-index: 3;
}

#menu-footer .ellipse{
	bottom:-50px;
}

.paint-marker-stroke {
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;

  /* Rough, painty look */
  stroke-dasharray: 280;
  stroke-dashoffset: 280;
  animation: drawMarker 1.8s ease-out forwards;
}

@keyframes drawMarker {
  to {
    stroke-dashoffset: 0;
  }
}
/***End-Menu***/

/***Mega-Menu***/
.jmx-mega-menu .fusion-content-boxes.content-boxes-icon-on-side .heading {
  margin-bottom: 2px;
}

.awb-menu_row .awb-menu__mega-wrap {
  padding-top: 10%;
}

.jmx-mega-menu a.heading-link:active .icon i{
	border:2px solid fuchsia !important;
}
/***End-Mega-Menu***/

/***Mobile Menu***/
#awb-oc-3648 .off-canvas-content,
#awb-oc-3674 .off-canvas-content,
#awb-oc-3684 .off-canvas-content{
	background: #6B246F !important;
background: linear-gradient(90deg, rgba(107, 36, 111, 1) 0%, rgba(183, 20, 111, 1) 100%) !important;
}

.menu-item.has-sub::after{
	content: "\2b";
  font-family: awb-icons;
  line-height: 1;
	color:white;
	display:inline-block;
	position:absolute;
	right:27%;
	top:3px;
}

/***Startseite-Section***/
.awb-imageframe-caption-title {
	max-width: 340px;
  	width: 100%;
  	line-height: normal;
}

.awb-imageframe-caption-text {
  	max-width: 340px !important;
	width: 100%;
}

.home .awb-imageframe-style-navin .fusion-masonry-element-container {
	opacity:1 !important;	
}

.wdmus-wrapper .jmx-x-cursor * {
	cursor: url("assets/img/x-cursor.png") 32 32, auto !important;
}

.scroll-pin-wrapper {
  height: 200vh;
  position: relative;
  z-index: 1;
}

.scroll-pin-inner {
  height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.hero-text {
  font-size: 2.5rem;
  z-index: 2;
  position: relative;
  transform-origin: center;
  text-align: center;
  will-change: transform;
}

.hero-image {
translate: none;
  rotate: none;
  scale: none;
  transform: scale(5);
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}

.hero-image img {
 position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	object-position: 50% 50%;
  display: block;
	object-fit: cover;
}
/***End-Startseite-Section***/

/***Leistungen-Seite***/

.jmx-content-box .content-box-wrapper .heading, .jmx-content-box .content-box-wrapper .content-container {
	text-align:left !important;
}

/***End-Leistungen-Seite***/

/***Leistungen-Grafikdesign-Seite***/

.wbwn-pad {
	padding-right:18px !important;
	padding-left:18px !important;
}

/***End-Leistungen-Grafikdesign-Seite***/

/***Leistunge-Websites***/
.title-maxw{
	max-width:55% !important;
}

.vorteile-number-column::after{
	display:block;
	content:'';
	width:350px;
	height:50px;
	background:white;
	position:absolute;
	bottom:-50px;
	 --c: 90px;
  height: 240px;
  aspect-ratio: 1;
  mask: radial-gradient(60% var(--c) at 50% var(--c),#0000 calc(100% - 2px),#000) 0 calc(-1*var(--c));
}

.vorteile-number-column.eins::after{
	transform:rotate(40deg);
	right:-130px;
  width: 262px;
  bottom: -145px;
}

.vorteile-number-column.zwei::after{
	transform:rotate(-40deg);
	left:-130px;
  width: 265px;
  bottom: -145px;
}

.vorteile-number-column.drei::after{
	transform:rotate(42deg);
	right:-145px;
  width: 295px;
  bottom: -160px;
}


.vorteile-number-column.vier::after{
	transform:rotate(-40deg);
	left:-135px;
  width: 280px;
  bottom: -155px;
}

.vorteile-number-column.fuenf::after{
	transform:rotate(42deg);
	right:-140px;
  width: 275px;
  bottom: -139px;
}

.vorteile-number-column.sechs::after{
	transform:rotate(-43deg);
	left:-140px;
  width: 285px;
  bottom: -160px;
}

.vorteile-number-column.sieben::after{
	display:none
}

/***Hosting-Performance***/
.custom-pricing-box-column .content-box-column{
	margin-bottom:0 !important;
}

.check-list{
	padding-left:18px;
	list-style-type:none;
}

.check-list li{
	padding-left:10px;
	position:relative;
	line-height:40px;
}

.check-list li::before{
	display:block;
	content:url('/wp-content/uploads/2025/08/checkmark.png');
	position: absolute;
  	left: -20px;
  	top: 5px;
}

.counterstart-4 {
  counter-reset: item 3; /* startet bei 3, erstes <li> wird dann 4 */
}
.counterstart-4 li {
  list-style: none;
  counter-increment: item;
}
.counterstart-4 li::marker {
  /* moderne Browser: Formatierung des Markers beibehalten */
  content: counters(item, ".") ". ";
}

@media all and (max-width:640px){
	.list-column ol{
		margin:0 !important;
		padding-left:20px;
	}
}

/***Blog-Section***/
.blog-section .fusion-post-cards .fusion-title{
	height:90px;
	padding:0 20px;
	margin-bottom:0;
}

.blog-section .fusion-post-cards .fusion-content-tb{
	padding: 0 20px;
	margin-top:20px;
}

.blog-section .fusion-post-cards .fusion-column-wrapper > div:last-child{
	padding:0 20px;
	padding-bottom:20px;
}

.blog-section .fusion-post-cards .fusion-content-tb{
	height:105px;
	overflow:hidden;
	position:relative;
}

.blog-section .fusion-post-cards .fusion-content-tb::after{
	content: "";
  text-align: center;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 2em;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%);
}

.awb-breadcrumb-list .fusion-breadcrumb-item a {
	color:var(--awb-color4) !important;
}

.awb-breadcrumb-list .fusion-breadcrumb-item a:hover {
	color:var(--awb-color5) !important;
}


.blog-wrapper h1 {
	font-size:42px !important;
	line-height:normal !important;
}

.blog-wrapper h2 {
	font-size:36px !important;
	line-height:normal !important;
	font-weight:600 !important;
	margin-bottom:20px;
	margin-top:80px;
}

.blog-wrapper h3 {
	font-size:32px !important;
	line-height:normal !important;
	font-weight:600 !important;
	margin-bottom:20px;
	margin-top:80px;
}


.blog-wrapper h4 {
	font-size:28px !important;
	line-height:normal !important;
	font-weight:600 !important;
	margin-bottom:20px;
	margin-top:80px;
}

.blog-wrapper h5 {
	font-size:24px !important;
	line-height:normal !important;
	font-weight:600 !important;
	margin-bottom:20px;
	margin-top:80px;
}

.blog-wrapper h6 {
	font-size:22px !important;
	line-height:normal !important;
	font-weight:600 !important;
	margin-bottom:20px;
	margin-top:80px;
}


.blog-wrapper .dwik-wrapper h2 {
	color:var(--awb-color4) !important;
	margin-top:-75px;
	margin-bottom:50px;
}

.blog-wrapper .dwik-wrapper .fusion-column-wrapper::before {
	content: '';
  	height: 70px;
  	width: 230px;
  	border-radius: 0;
  	border-top: 3px solid var(--awb-color5);
  	border-left: 3px solid var(--awb-color5);
	position: relative;
 	left: -50px;
  	top: -50px;
}

.blog-wrapper .dwik-wrapper ul {
	padding-left:25px;
	margin-top:0px;
}

.blog-wrapper .dwik-wrapper ul li {
	margin-bottom:20px;
}
/***End-Blog-Section***/


/***Kontakt-Seite***/

.fusion-form-checkbox label::before,
.fusion-form-checkbox label::after{
		top:16px !important;
	}

.kontakt-list-icon .fusion-builder-row-inner {
	margin-bottom:3%;
}

.form-kontakt .fusion-form-checkbox label {
	font-size:22px !important;
}

.form-kontakt .fusion-form-field .fusion-form-checkbox label::before {
  height: 20px !important;
  min-width: 20px !important;
  border: 1px solid #ccc;
}

.form-kontakt .fusion-form-field .fusion-form-checkbox input:checked + label::after {
  width: 14px !important;
  height: 14px !important;
}

.form-kontakt .fusion-form-checkbox-field {
	margin-top:3% !important;
	margin-bottom:3% !important;
	line-height:2em !important;
}

.form-kontakt .fusion-form-text-field {
	margin-top:1% !important;
	margin-bottom:1% !important;
}

.form-kontakt .fusion-form-email-field {
	margin-top:1% !important;
	margin-bottom:1% !important;
}

.form-kontakt .fusion-form-textarea-field{
	margin-top:1% !important;
	margin-bottom:1% !important;
}

.form-kontakt .fusion-form-consent-field {
	margin-top:1% !important;
	margin-bottom:1% !important;
}

.form-kontakt .fusion-form-consent-field label {
	font-size:16px !important;
}

.form-kontakt .fusion-form-consent-field  .fusion-form-checkbox label {
  padding: 0 0 0 1.8em !important;
}

.gradient-icons .fusion-social-network-icon{
	background: #B7146F !important;
background: linear-gradient(160deg, rgba(183, 20, 111, 1) 0%, rgba(107, 36, 111, 1) 100%) !important;
}

.gradient-icons .fusion-social-network-icon:hover{
	background:#6b146f !important;
}

/***End-Kontakt-Seite***/

/***Scroll-Effekt-Home***/


/***END-Scroll-Effekt-Home***/

/***Footer-unterseiten***/
/***Klasse für Container: footer-site-container***/

#content .footer-site-container h1{
	font-size:40px !important;
}

#content .footer-site-container h2{
	font-size:30px !important;
	margin-bottom:10px;
	font-weight: 500 !important;
}

#content .footer-site-container h3{
	font-size: 24px !important;
	font-weight: 500;
	margin-bottom: 10px;
}

#content .footer-site-container h4{
	font-size:20px !important;
	margin-bottom:10px;
	font-weight:500;
}


/***Seo-Iconboxes***/
@media all and (min-width:641px) and (max-width:1200px){
	.seo-iconbox-schmal{
		hyphens:auto;
	}
}

@media all and (min-width:1024px){
	.seo-iconbox-left{
	  top:-150px !important;
	}
	
	.seo-iconbox-LP-left{
	  top:-60px !important;
	}
}

@media all and (max-width:1024px) and (min-width:641px){
	.seo-iconbox-left{
	  top:0px !important;
	}
	
	.seo-iconbox-LP-left{
	  top:0px !important;
	}
	
	.tablet-flex-start{
		align-self:flex-start !important;
	}
	
	#menu-footer{
		justify-content:space-between !important;
	}
	
	.about-us-counter .content-box-counter span{
		font-size:80px;
	}
}

/***Hosting***/
.title-maxwidth{
	max-width:640px !important;
}

.hosting-icon::after{
	display:block;
	content:'';
	width:555px;
	height:2px;
	background:black;
	position:absolute;
	top:98px;
	
}

.hosting-icon.right::after{
	left:170px;
}

.hosting-icon.left::after{
	right:170px;
}

/***Wordpress-Wartung***/
.wp-wartung-txt-border{
	border-top:1px solid black;
	padding-top:15px;
	padding-bottom:30px;
	position:relative;
}

.wp-wartung-txt-border::after{
	display:block;
	content:'';
	width:20px;
	height:2px;
	background:black;
	position:absolute;
	bottom:0;
}

.wp-wartung-txt-border.right{
	border-right:1px solid black;
	border-top-right-radius:15px;
	padding-right:25%;
}

.wp-wartung-txt-border.right::after{
	right:-10px;
}


.wp-wartung-txt-border.left{
	border-left:1px solid black;
	border-top-left-radius:15px;
	padding-left:25%;
}

.wp-wartung-txt-border.left::after{
	left:-10px;
}

.wp-wartung-txt-border.left.last{
	border-left:unset;
	border-right:unset;
	border-radius:unset;
}

.wp-wartung-txt-border.left.last::after{
	height:6px;
	width:6px;
	border-radius:50%;
	bottom:unset;
	top:-3px;
	left:0;
}

.jmx-kstrecke-box .content-box-wrapper {
	padding:22px !important;
}

.jmx-kstrecke-box .content-box-wrapper .heading, .jmx-kstrecke-box .content-box-wrapper .content-container {
  text-align: left !important;
}

.jmx-kstrecke-box .content-box-wrapper .content-container {
  margin-bottom:0 !important;
}

.form-container .fusion-form-field{
	margin:10px 0px !important;
}

@media all and (max-width:1080px) and (min-width:640px){
	.hosting-performance-column{
		top:-36px !important;
	}
}

@media all and (max-width:1024px){
		.hosting-icon.right::after{
			left:110px;
		}

	.hosting-icon.left::after{
			right:110px;
		}
	
	#custom-swiper-controls-2, #custom-swiper-controls{
		position: unset;
  		margin: 0 auto;
    	margin-top: 0px;
  		margin-top: 20px;
  		border-left: unset;
  		padding-left: 0;
  		padding-top: 16px;
  		border-top: 1px solid #6b246f;
		}
	
	#custom-swiper-controls{
		margin-top:0;
	}
	
	.blog-wrapper .dwik-wrapper .fusion-column-wrapper::before {
		top:-30px;
		left:-30px;
	}
}

@media all and (max-width:982px) and (min-width:640px){
	.hosting-loesungen-column{
		top:-36px !important;
	}
}

@media all and (max-width:640px){
	.hosting-icon::after{
	display:none;	
	}
	
	.hosting-icon-title::after{
		display:block;
	content:'';
	width:100%;
	height:2px;
	background:black;
	margin-top:15px;
	}
	
	.hosting-icon img{
		max-width:200px;
	}
	
	.wp-wartung-txt-border{
		--awb-max-width: unset !important;
    	padding: unset !important;
		border:unset !important;
	}
	
	.wp-wartung-txt-border::after{
		display:none;
	}
	
	#menu-footer{
		justify-content:center !important;
	}
	
	#menu-footer > li{
		display:flex;
		flex-basis:100%;
		text-align:center;
	}
	
	.video-toggle-btn {
		left:0;
		top:20px;
		bottom:0;
	}
	
	.long-word{
		hyphens:auto;	
	}
	
	#tlbx ul{
		padding-left:20px;
	}
}

/***Accessibility***/
a:focus{
	outline:1px solid black;
}

.fusion-imageframe a:focus,
.fusion-gallery-image a:focus{
	border:1px solid;
}

.fusion-tb-header .fusion-imageframe a:focus{
	border-color:white;
	outline-color:white;
}

.ot-dark .fusion-imageframe a:focus{
	border-color:black;
}

.ot-light .fusion-imageframe a:focus{
	border-color:white;
}

.fusion-image-element a,
.jmx-ply-btn-postcard-slider .fusion-image-wrapper a{
	display:block;
	height:100%;
}

.ot-dark:focus,
.ot-dark *:focus,
.fusion-button:focus{
	outline:1px solid black !important;
	outline-offset: 5px;
}


.ot-light:focus,
.ot-light *:focus,
.ot-light.fusion-button:focus,
.fusion-menu > li > a:focus,
.fusion-footer a:focus{
	outline:1px solid white !important;
	outline-offset: 5px;
}

.ot-custom-gallery a:focus{
	border:unset;
}

.ot-custom-gallery a:focus .awb-imageframe-caption-container,
.jmx-ply-btn-postcard-slider .fusion-image-wrapper a:focus img{
	border:1px solid black;
	border-radius:15px;
}

.ot-news-cards .fusion-image-wrapper a:focus{
	outline:unset;
}

.ot-news-cards .fusion-image-wrapper a:focus img{
	border:1px solid;
	border-radius:35px;
}

/***Responsive***/

/***Websites-Leistungen***/
@media all and (max-width:1232px){
	.vorteile-number-column.sechs::after{
		transform: rotate(-42deg);
  		left: -135px;
		width: 270px;
		bottom: -155px;
	}
	
	.vorteile-number-column.eins::after{
		transform:rotate(42deg);
		right: -140px;
		width: 275px;
		bottom: -150px;
	}
}

@media all and (max-width:1190px){
	.vorteile-number-column.eins::after{
		transform:rotate(43deg);
		right: -140px;
		width: 285px;
		bottom: -145px;
	}
	
	.vorteile-number-column.zwei::after{
		transform:rotate(-43deg);
		left: -135px;
		width: 270px;
		bottom: -140px;
	}
}

@media all and (max-width:1030px){
	.title-maxw{
	max-width:unset !important;
}

	
	.vorteile-number-column.vier::after{
		transform:rotate(-42deg);
		left:-135px;
		width:270px;
	}
	
	.vorteile-number-column.fuenf::after {
		transform:rotate(42deg);
		right: -135px;
		bottom:-155px;
		width:275px;
	}
	
	  .vorteile-number-column.sechs::after {
    transform: rotate(-44deg);
    left: -140px;
    width: 285px;
    bottom: -145px;
  }
}

@media all and (max-width:1023px){
	.vorteile-number-column::after{
		display:none !important;
	}
}