/*
Template: eud
Theme Name: eud child theme
Theme URI: http://eud.com
Description: eud Theme
Version: 1.0
Author: eud
*/


/************************************************************************************

eud CHILD THEME CONTENT

*************************************************************************************/

/************************************************************************************
----------------------------------------------------------------
LOAD LOCAL FONTS
----------------------------------------------------------------
*************************************************************************************/

/* Phone detection off */
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*PP FONT */
@font-face 
{font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PP-Bold';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/PP-Bold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.ppbold
{font-family: 'PP-Bold';
  font-style: normal;}

/* EUD */
@font-face 
{font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PP-medium';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/PP-Medium.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.ppmedium
{font-family: 'PP-medium';
  font-style: normal;}

input, select, textarea
{font-family: 'Montserrat' !important;}

/************************************************************************************
----------------------------------------------------------------
CONTAINER GLOBAL
----------------------------------------------------------------
*************************************************************************************/

.header
{border-radius: 20px;
position: relative;
  left: 50% !important;
  right: 50% !important;
  width: calc(100vw - 40px) !important;
  margin-left: calc(-50vw + 20px) !important;
  margin-right: calc(-50vw + 20px) !important;
  max-width: unset !important;}

.roundcolumn
{border-radius: 20px;
	position: relative;
  left: 50% !important;
  right: 50% !important;
  width: calc(100vw - 40px) !important;
  margin-left: calc(-50vw + 20px) !important;
  margin-right: calc(-50vw + 20px) !important;
  max-width: unset !important;}

.lefted
{margin-left: 50px}

.padrow
{position: relative;
  left: 50% !important;
  right: 50% !important;
  width: calc(100vw - 40px) !important;
  margin-left: calc(-50vw + 20px) !important;
  margin-right: calc(-50vw + 20px) !important;
  max-width: unset !important;}


/************************************************************************************
----------------------------------------------------------------
Menü
----------------------------------------------------------------
*************************************************************************************/

#header_container.eud_opaque_header
{background: none !important}

.header_main 
{background: none !important;
  border: none !important;
	margin-left: 20px;
	margin-right: 20px
}

.header_main .eud_container { 
	background: #fff;
  border-radius: 1px 1px 40px 40px;
}

.tt-main-navigation > div > ul > li > a span, 
.tt-main-navigation.tt-vertical-navigation span
{font-family: 'Montserrat';
font-weight: 500;}

 ul > li:not(.eud_megamenu) .sub-menu li.current-menu-item > a > span
{box-shadow: none !important;}

/*** Megamenue ***/

.megmenue > ul > li .sub-menu li.current-menu-item > a > span
{color: #601f59 !important}

.megmenue .allfunction
{font-weight: 600;}

.tt-main-navigation:not(.tt-vertical-navigation) .eud_megamenu > .sub-menu
{width: 100% !important;
left: 0px !important;
right: 0px !important;
background: #FFF !important;
padding: 60px 100px;
border-radius: 0px 0px 40px 40px;
top:30px !important}

.tt-main-navigation:not(.tt-vertical-navigation) .eud_megamenu a.highlighted + ul.sub-menu.mega-menu
{display: grid;
  grid-auto-flow: row dense;
grid-template-columns: repeat(4, 1fr);
}

.tt-main-navigation:not(.tt-vertical-navigation) .eud_megamenu > .sub-menu > li > a > span
{text-transform: none !important;
letter-spacing: 0px !important;
margin-bottom: 10px;
}

.tt-main-navigation:not(.tt-vertical-navigation) > div > ul > li.eud_megamenu .sub-menu > li > a > span
{padding: 0px !important}

.tt-main-navigation:not(.tt-vertical-navigation) .eud_megamenu > .sub-menu > li.rowtitle > a
{color: #F59C1A !important;
font-weight: 600 !important}

.tt-main-navigation:not(.tt-vertical-navigation) .eud_megamenu > .sub-menu > li.rowtitle > a span
{color: #F59C1A !important;}


.tt-main-navigation:not(.tt-vertical-navigation) .eud_megamenu > .sub-menu > li
{border: none !important}

.tt-main-navigation:not(.tt-vertical-navigation) .eud_megamenu > .sub-menu > li > a > span::after
{background: none !important;
display: none !important}

.tt-main-navigation:not(.tt-vertical-navigation) .sub-menu li > a > span:hover
{background: inherit !important}

.eud_megamenu > .sub-menu > li.row1
{grid-column: 1;}

.eud_megamenu > .sub-menu > li.row2
{grid-column: 2;}

.eud_megamenu > .sub-menu > li.row3
{grid-column: 3;}

.eud_megamenu > .sub-menu > li.row4
{grid-column: 4;}

/* Untere Reihe */


.tt-main-navigation:not(.tt-vertical-navigation)
.eud_megamenu > .sub-menu > li.underline-heading 
 {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 0 0 15px 0 !important;
    border: 0 !important;
}

.tt-main-navigation:not(.tt-vertical-navigation)
.eud_megamenu > .sub-menu > li.underline-heading > a > span
{font-weight: 600}

/* Beide Elemente nebeneinander */
.tt-main-navigation:not(.tt-vertical-navigation)
.eud_megamenu > .sub-menu > li.row5 {
    grid-column: 1 !important;
    width: max-content !important;
    max-width: max-content !important;
    margin-right: 30px !important;
}

/* row6 direkt daneben */
.tt-main-navigation:not(.tt-vertical-navigation)
.eud_megamenu > .sub-menu > li.row6 {
    grid-column: 2 !important;
    width: max-content !important;
    max-width: max-content !important;
}

.tt-main-navigation:not(.tt-vertical-navigation) .eud_megamenu > .sub-menu > li.row5 a span,
.tt-main-navigation:not(.tt-vertical-navigation) .eud_megamenu > .sub-menu > li.row6 a span
{color: #601f59 !important}

/* Keine künstliche Breite durch das Theme */
.tt-main-navigation:not(.tt-vertical-navigation)
.eud_megamenu > .sub-menu > li.row5 > a,
.tt-main-navigation:not(.tt-vertical-navigation)
.eud_megamenu > .sub-menu > li.row6 > a {
    width: max-content !important;
    max-width: max-content !important;
}


/*** Allgemeine Breitenbegrenzung des Themes überschreiben ***/

.tt-main-navigation:not(.tt-vertical-navigation)
.eud_megamenu > .sub-menu > li.row5,
.tt-main-navigation:not(.tt-vertical-navigation)
.eud_megamenu > .sub-menu > li.row6 {
    flex: none !important;
}

.tt-main-navigation:not(.tt-vertical-navigation)
.eud_megamenu > .sub-menu > li.megamenu-divider {
    grid-column: 1 / 5;
    width: 100% !important;
    height: 1px;
    min-height: 1px;
    padding: 0 !important;
    margin: 20px 0 !important;
    border-top: 1px solid #ddd !important;
}

.eud_megamenu > .sub-menu > li.megamenu-divider > a {
    display: none !important;
}

.tt-main-navigation:not(.tt-vertical-navigation) .eud_megamenu > .sub-menu > li {
  border: none !important;
}

.tt-main-navigation:not(.tt-vertical-navigation) .mega-col-4 > .sub-menu > li
{width: 100% !important}

.tt-main-navigation:not(.tt-vertical-navigation) > div > ul > li.eud_megamenu .sub-menu li.current-menu-item > a > span::after
{display: none !important}

.sub-menu > li > a > span
{margin-bottom: 10px}

/*** Megamenue Icons ***/


.rowicon a span
{margin-bottom: 0px !important}

.rowicon a span img
{width: 60px;
height: 60px}


.header_mobile
	{margin-left: 20px;
  width: calc(100% - 40px) !important;
  top: 0px;
  z-index: 1;
border-radius: 0px 0px 40px 40px;
max-height: calc(-106px + 100vh) !important;
  height: auto !important;
  padding-bottom: 20px;
}

.tt-mobile-navigation
{margin-top: 60px}

.header_mobile .tt-mobile-navigation .rowicon
{display: none !important}

.header_mobile li span
{border: none !important}

.header_mobile span
{font-weight: 500}

.header_mobile .sub-menu  > li > a > span
{margin-bottom: 0px}

/************************************************************************************
----------------------------------------------------------------
Seitenmenü
----------------------------------------------------------------
*************************************************************************************/



/************************************************************************************
----------------------------------------------------------------
Header
----------------------------------------------------------------
*************************************************************************************/

.eud_sh_video_bg
{width: 100% !important;
height: 100% !important;
object-fit: cover;}

/* .headersofted video
{filter: brightness(0.7);} */
	

.eud_row_has_headersoft .eud_row_overlay{
    content:"";
    inset:0;
    background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%,rgba(156, 145, 177, 0.4) 35%,rgba(101, 57, 117, 0.7)70%) !important;
	mix-blend-mode: multiply;
    pointer-events:none;
}


/************************************************************************************
----------------------------------------------------------------
Typo
----------------------------------------------------------------
*************************************************************************************/

h1,
h2,
h3,
h4,
h5
{font-weight: inherit}

body
{font-family: 'Montserrat'}

.medium
{font-weight: 500}

.semibold
{font-weight: 600}

.bold
{font-weight: 700}

.montserrat
{font-family: 'Montserrat'}


.fs64 {
    font-size: clamp(30px, 4.2vw, 64px);
    line-height: clamp(38px, 5vw, 80px);
}

.fs48 {
    font-size: clamp(26px, 3.4vw, 48px);
    line-height: clamp(34px, 4.2vw, 64px);
}

.fs40 {
    font-size: clamp(24px, 2.8vw, 40px);
    line-height: clamp(31px, 3.5vw, 56px);
}

.fs32 {
    font-size: clamp(21px, 2.2vw, 32px);
    line-height: clamp(28px, 2.8vw, 40px);
}

.fs24 {
    font-size: clamp(19px, 1.6vw, 24px);
    line-height: clamp(26px, 2.1vw, 32px);
}

.fs22 {
    font-size: clamp(18px, 1.45vw, 22px);
    line-height: clamp(24px, 1.9vw, 30px);
}

.fs18 {
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: clamp(21px, 1.55vw, 24px);
}

.fs16 {
    font-size: clamp(15px, 1.05vw, 16px);
    line-height: clamp(20px, 1.4vw, 22px);
}

.lila
{color: #601F59}

.orange
{color: #F59C1A}

.text
{color: #3C103E}

.weiss
{color: #FFF}

.schwarz
{color: #000}

.left .eud_container.eud_inner_row_ctn 
{margin-right:0px}

.right .eud_container.eud_inner_row_ctn 
{margin-left:0px}

.automarg
{margin-left: auto;
margin-right: auto}

/************************************************************************************
----------------------------------------------------------------
Buttons
----------------------------------------------------------------
*************************************************************************************/

/* Button 1 */
/*.eud_button_small 
{color: #601F59 !important;
background: #F59C1A !important;
border: 1px solid #F59C1A !important;
border-radius: 25px !important;
font-size: clamp(16px, 1.5vw, 18px) !important;
font-weight: 500 !important ;
font-family: 'Montserrat';
height: auto !important;
padding: 0px 10px;
text-transform: none !important;
	transition: padding 0.3s ease;}
*/

.eud_button_small{
    position: relative;
    display: inline-block;
    color: #601F59 !important;
    background: #F59C1A !important;
    border: 1px solid #F59C1A !important;
    border-radius: 25px !important;
    font-size: clamp(1.50, 1.40 + 0.15vw, 1.65)  !important;
    font-weight: 500 !important;
    font-family: 'Montserrat';
    padding: 0px 18px;
    text-transform: none !important;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
	height: auto
}

.eud_button_small::before{
    content:"";
    position:absolute;
    inset:0;
    width:0%;
    height:100%;
    background:#C640B8;
    transition:width 0.3s ease;
    z-index:-1;
}

.eud_button_small:hover::before{
    width:100%;
}

.eud_button_small:hover{
    color:#fff !important;
}

.eud_button_small .eud_button_ctn
{line-height: 25px}

/* Button 2 */
/*
.eud_button_medium
{color: #601F59 !important;
background: transparent !important;
border: 1px solid #601F59 !important;
border-radius: 25px !important;
font-size: clamp(16px, 1.5vw, 18px) !important;
font-weight: 500 !important ;
font-family: 'Montserrat';
height: auto !important;
padding: 0px 10px;
text-transform: none !important;
transition: padding 0.3s ease;
line-height: 40px !important}
*/

.eud_button_medium{
    position: relative;
    display: inline-block;
    color: #601F59 !important;
    background: transparent !important;
    border: 1px solid #601F59 !important;
    border-radius: 25px !important;
    font-size: clamp(1.50, 1.40 + 0.15vw, 1.65) !important;
    font-weight: 500 !important;
    font-family: 'Montserrat';
    height: auto !important;
    padding: 0 20px;
    text-transform: none !important;
    text-decoration: none;
    line-height: 40px !important;
    overflow: hidden;
    z-index: 1;
    transition:
        color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;}

.eud_button_medium::before{
    content: "";
    position: absolute;
    inset: 0;
    width: 0%;
    height: 100%;
    background: #601F59;
    transition: width 0.3s ease;
    z-index: -1;}

.eud_button_medium:hover::before{
    width: 100%;
}

.eud_button_medium:hover{
    color: #fff !important;
    border-color: #601F59 !important;
}
	
.eud_button_medium .eud_button_ctn
{line-height: 25px}

/* Button 3 */
/*.eud_button_large
{color: #FFF !important;
background: transparent !important;
border: 1px solid #F59C1A !important;
border-radius: 25px !important;
font-size: clamp(16px, 1.5vw, 18px) !important;
font-weight: 500 !important ;
font-family: 'Montserrat';
height: auto !important;
padding: 0px 10px;
text-transform: none !important;
transition: padding 0.3s ease;
line-height: 40px !important
	
}


.eud_button_large .eud_button_ctn
{line-height: 25px}

*/

.eud_button_large{
    position: relative;
    display: inline-block;
    color: #FFF !important;
    background: transparent !important;
    border: 1px solid #F59C1A !important;
    border-radius: 25px !important;
    font-size: clamp(1.50, 1.40 + 0.15vw, 1.65) !important;
    font-weight: 500 !important;
    font-family: 'Montserrat';
    height: auto !important;
    padding: 0 20px;
    text-transform: none !important;
    text-decoration: none;
    line-height: 40px !important;
    overflow: hidden;
    z-index: 1;
    transition:
        color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}

.eud_button_large::before{
    content: "";
    position: absolute;
    inset: 0;
    width: 0%;
    height: 100%;
    background: #F59C1A;
    transition: width 0.3s ease;
    z-index: -1;
}

.eud_button_large:hover::before{
    width: 100%;
}

.eud_button_large:hover{
    color: #601F59 !important;
    border-color: #F59C1A !important;
}

.eud_button_large .eud_button_ctn{
	 line-height: 25px;
}

/* Button 4 */
.eud_button_down{
    position: relative;
    display: inline-block;
    color: #fff !important;
    background: #601F59 !important;
    border: 1px solid #601F59 !important;
    border-radius: 25px !important;
    font-size: clamp(1.50, 1.40 + 0.15vw, 1.65)  !important;
    font-weight: 500 !important;
    font-family: 'Montserrat';
    padding: 0px 18px;
    text-transform: none !important;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
	height: auto
}

.eud_button_down::before{
    content:"";
    position:absolute;
    inset:0;
    width:0%;
    height:100%;
    background:#F59C1A;
    transition:width 0.3s ease;
    z-index:-1;
}

.eud_button_down:hover::before{
    width:100%;
}

.eud_button_down:hover{
    color:#fff !important;
}

.eud_button_down .eud_button_ctn
{line-height: 25px}

/* Button 5 */
.eud_button_five{
    position: relative;
    display: inline-block;
    color: #F59C1A !important;
    background: transparent !important;
    border: 1px solid #F59C1A !important;
    border-radius: 25px !important;
    font-size: clamp(1.50, 1.40 + 0.15vw, 1.65) !important;
    font-weight: 500 !important;
    font-family: 'Montserrat';
    height: auto !important;
    padding: 0 20px;
    text-transform: none !important;
    text-decoration: none;
    line-height: 40px !important;
    overflow: hidden;
    z-index: 1;
    transition:
        color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;}

.eud_button_five::before{
    content: "";
    position: absolute;
    inset: 0;
    width: 0%;
    height: 100%;
    background: #601F59;
    transition: width 0.3s ease;
    z-index: -1;}

.eud_button_five:hover::before{
    width: 100%;
}

.eud_button_five:hover{
    color: #fff !important;
    border-color: #F59C1A !important;
}
	
.eud_button_five .eud_button_ctn
{line-height: 25px}


/*Termin*/
.terminbtn .eud_button_text::before
  {content: "";
    position: absolute;
    left: 0;
    top: 0.45em;
    width: 20px;
    height: 25px;
    background: url("images/icons/termin.svg") no-repeat center center;
    background-size: contain;
	  padding-left: 10px
}

.terminbtn .eud_button_text
{padding-left: 25px}

.fa-arrow-left::before {
  content: url('images/icons/pfeil-links.svg');
}

.eud_button_icon_hover.eud_button_icon_left:not(.eud_button_icon_boxed):hover i
{line-height: 40px}

.eud_button_sub_ctn.eud_button_icon_hover.eud_button_icon_left span.eud_button_text
{line-height: 36px}

.btnrow .wpb_wrapper .wpbsctn
{width: auto;
float: left;
margin-right: 20px;
margin-bottom: 20px;}

/************************************************************************************
----------------------------------------------------------------
GLOBAL
----------------------------------------------------------------
*************************************************************************************/

.verlauf
{background: linear-gradient(-45deg, #94D8BB, #005697);}

.lined .wpb_text_column.wpb_content_element .wpb_wrapper
{border-bottom: 1px solid #005697}


.arrowlink {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

/* Pfeil startet mit 0 Breite (kein Platz!) */
.arrowlink::before {
  content: "";
  width: 0;
  height: 19px;
  background-image: url("images/icons/pfeil-weiter.svg");
  background-repeat: no-repeat;
  background-size: 110px 19px;
  opacity: 0;
  transition: width 0.4s ease, opacity 0.25s ease;
}


.arrowlink:hover::before {
  width: 110px;
  opacity: 1;
}


.arrowlink {
  transition: transform 0.4s ease;
}

.arrowlink:hover {
  transform: translateX(20px);
}

a.arrowlink2
{color:#005697}

a.arrowlink2:hover
{color:#94DBBB}

.arrowlink2 {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
	gap: 12px
}

.arrowlink2::after{
  content: "";
	position:relative;
    right:0;
  width: 110px;
  height: 19px;
  background-image: url("images/icons/pfeil-weiter.svg");
  background-repeat: no-repeat;
  background-size: 110px 19px;
	transition:transform 0.3s ease-in;
}

.arrowlink2:hover::after{
	transform:translateX(10px);}

.right .wpb_wrapper p
{text-align: right}

/* Spalten Link */

.vc-column-link{
    display:block;
    overflow:hidden;
}

.vc-column-link .vc_column-inner{
    isplay: block;
    width: 100%;
    height: auto;
	background-size:cover;
    transition:all .4s ease;
}

.vc-column-link:hover > .vc_column-inner{
    background-size:120% !important;
	transition:all .4s ease;
}



/*
.vc-column-link
{
    display: block;
    overflow: hidden; 
}

.vc-column-link .vc_column-inner
{ display: block;
    width: 100%;
    height: auto;
    transition: transform 0.4s ease;}

.vc-column-link:hover .vc_column-inner {
    transform: scale(1.1); 
}
*/



/* Seitentitel */

.more
{
font-family: 'Instrument Sans';
font-weight: 500;
border: 1px solid #94DBBB;
border-radius: 50px;
padding: 0px 40px;
width: auto;
display: inline-block;
line-height: 40px}

/* Listen */

.arrowlist ul {
    list-style: none;
    padding-left: 0;
	margin-left:  0px !important
}

.arrowlist ul li {
    position: relative;
    padding-left: 28px;
	margin-left:  0px !important;
	padding-bottom: 16px
}

.arrowlist ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.45em;
    width: 14px;
    height: 14px;
    background: url("images/icons/pfeil-liste.svg") no-repeat center center;
    background-size: contain;
}

.iconlist ul {
    list-style: none;
    padding-left: 0;
	margin-left:  0px !important
}

.iconlist ul li {
    position: relative;
    padding-left: 35px;
  margin-bottom: 15px;
	margin-left: 0px;
	font-size: clamp(16px, 1.5vw, 18px);
	font-weight: 600
 
}

.iconlist ul li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    background: url("images/icons/Icon-check.svg") no-repeat center center;
    background-size: contain;
}

.iconlist ul li .sub
{  font-size: clamp(15px, 1.2vw, 16px);
    line-height: clamp(18px, 1.8vw, 22px);
font-weight: 400;
max-width: 80%;
margin-top: 10px}

.iconlist ul li .sub2
{  font-size: clamp(16px, 1.5vw, 18px);
    line-height: clamp(20px, 2vw, 24px);
font-weight: 400;
max-width: 80%;
margin-top: 10px}

.iconlist2 ul {
    list-style: none;
    padding-left: 0;
	margin-left:  0px !important
}

.iconlist2 ul li {
    position: relative;
    padding-left: 35px;
  margin-bottom: 20px;
	margin-left: 0px;
	font-size: clamp(15px, 1.2vw, 16px);
	font-weight: 400
 
}

.iconlist2 ul li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    background: url("images/icons/Icon-check-lila.svg") no-repeat center center;
    background-size: contain;
}

.iconlist3 ul {
    list-style: none;
    padding-left: 0;
	margin-left:  0px !important
}

.iconlist3 ul li {
    position: relative;
    padding-left: 35px;
  margin-bottom: 20px;
	margin-left: 0px;
	font-size: clamp(15px, 1.2vw, 16px);
	font-weight: 400
 
}

.iconlist3 ul li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    background: url("images/icons/achtung-icon.svg") no-repeat center center;
    background-size: contain;
}

.overflow .vc_column-inner
{overflow: visible}

.reverscheck::after{
    content: "";
    position: absolute;
    margin-left: 20px;
    width: 25px;
    height: 25px;
    background: url("images/icons/Icon-check.svg") no-repeat center center;
    background-size: contain;
}

.headingicon img
{float:left !important;
border-radius: 9px;
background-color: #601F59;
width: 60px}

.headingicon{
  float: none;
    display: inline-flex;
    vertical-align: middle;
    margin-right: 15px;
}

.headingicon img{
    display:block;
}


/* WICHTIG: erstes H2 neben Icon ausrichten */
.headingicon + h2{
   display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    width: calc(100% - 80px);
}


/************************************************************************************
----------------------------------------------------------------
HOME
----------------------------------------------------------------
*************************************************************************************/


/*FAQ - Accordeon 1*/

.eud_accordion .panel-title
{border-radius: 10px;
padding: 15px}

.eud_acc_1 .panel-title,
.eud_acc_1 .panel-title.active
{background: #fff !important;
width: 90%;
border: none !important}

.eud_acc_1 .panel-title a
{color: #601F59 !important;
text-transform: none !important;
font-weight: 500 !important;
font-size: clamp(16px, 1.5vw, 18px);
	line-height: clamp(20px, 2vw, 24px);
letter-spacing: 0 !important;
padding: 0px !important;}

.eud_acc_1 .panel-body
{padding: 10px 5px !important;
color: #601F59 !important;
font-size: clamp(16px, 1.5vw, 18px);
max-width: 80%}

.eud_acc_1 .panel-title.active .plus-minus-toggle::after, 
.eud_acc_1 .panel-title.active .plus-minus-toggle::before,
.eud_acc_1 .panel-title .plus-minus-toggle::after, 
.eud_acc_1 .panel-title .plus-minus-toggle::before
{background: #F59C1A !important}

.plus-minus-toggle::before,
.plus-minus-toggle::after
{width: 20px !important}

.plus-minus-toggle {
  height: 4px;
  position: absolute;
  width: 25px;
  right: 2vh;
  top: 50%;
}

/*Accordeon 2 */

.eud_acc_2 .panel{
    border: 1px solid #F59C1A;
    border-radius: 35px;
    overflow: hidden;
    transition: border-radius 0.3s ease;
}

.eud_acc_2 .panel-body {
  padding: 5px 35px;
background-color: #3C103E
}

.eud_acc_2 .panel-title
{padding: 10px 0px;
background: inherit !important;
border: none !important
}

.eud_acc_2 .panel-title.active
{background-color: #3C103E !important;
border-radius: 0px}

.eud_acc_2 .panel.active
{border-bottom: 0px !important;
border-radius: 35px 35px 0 0 !important;}

.eud_acc_2 .panel-title a,
.eud_acc_2 .panel-title.active a
{color: #fff !important;
text-transform: none !important;
font-weight: 500 !important;
font-size: clamp(16px, 1.8vw, 22px) !important;
	line-height: clamp(22px, 2.4vw, 30px) !important;}

.eud_acc_2.panel-title
{background: inherit !important}


.eud_acc_2 .panel-title a{
    display:flex;
    align-items:center;
    gap:14px;
}

.eud_acc_2 .panel-title.active .plus-minus-toggle::after, 
.eud_acc_2 .panel-title.active .plus-minus-toggle::before,
.eud_acc_2 .panel-title .plus-minus-toggle::after, 
.eud_acc_2 .panel-title .plus-minus-toggle::before
{background: #F59C1A !important}


/* Accordeon Icon Allgemein */

.eud_acc_2 .panel-title a::before{
    content:"";
    width:50px;
    height:50px;
    display:block;
    flex-shrink:0;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
	float: left
}

/* Accordeon Icons */

.eud_acc_2 .panel-title a.rechnungswesen::before{
    background-image:url("images/icons/Rechnungswesen_white.svg");
}

.eud_acc_2 .panel-title a.warenwirtschaft::before{
    background-image:url("images/icons/Warenwirtschaft_white.svg");
}

.eud_acc_2 .panel-title a.workflow-und-dokumentenmanagement::before {
    background-image:url("images/icons/Workflow-DM_white.svg");
}

.eud_acc_2 .panel-title a.business-intelligence::before{
    background-image:url("images/icons/Business Intelligence_white.svg");
}

/* Rechnungswesen */

.eud_acc_2 .panel-title a.finanzbuchhaltung-igsmtf::before{
    background-image:url("images/icons/IGSMTFinanzbuchhaltung.svg");
}

.eud_acc_2 .panel-title a.anlagenbuchhaltung-igsmta::before{
    background-image:url("images/icons/IGSMTAnlagenmanagement.svg");
}

.eud_acc_2 .panel-title a.controlling-igsmtc::before{
    background-image:url("images/icons/IGSMTControlling.svg");
}

.eud_acc_2 .panel-title a.bilanzmanagement-igsmtc::before{
    background-image:url("images/icons/IGSMTBilanzmanagement.svg");
}

.eud_acc_2 .panel-title a.konsolidierung-igsmtc::before{
    background-image:url("images/icons/IGSMTKonsolidierung.svg");
}

.eud_acc_2 .panel-title a.leistungsverrechnung-igsmtlv::before{
    background-image:url("images/icons/IGSMTLVLeistungsverrechnung.svg");
}

/* Warenwirtschaft */

.eud_acc_2 .panel-title a.einkauf::before{
    background-image:url("images/icons/IGSMTFinanzbuchhaltung.svg");
}

.eud_acc_2 .panel-title a.verkauf::before{
    background-image:url("images/icons/IGSMTAnlagenmanagement.svg");
}

.eud_acc_2 .panel-title a.produktion::before{
    background-image:url("images/icons/IGSMTControlling.svg");
}

.eud_acc_2 .panel-title a.warehouse::before{
    background-image:url("images/icons/IGSMTWarehouse.svg");
}



.eud_acc_2 .panel-title a.echtzeit-reporting-igsmtmwh::before{
    background-image:url("images/icons/IGSMTKonsolidierung.svg");
}

.eud_acc_2 .panel-title a.rm-kundenmanagement::before{
    background-image:url("images/icons/IGSMTLVLeistungsverrechnung.svg");
}

.eud_acc_2 .panel-title a.lager-logistik::before{
	background-image:url("images/icons/Lager-Logistik.svg");}

.eud_acc_2 .panel-title a.xrm-kundenmanagement::before{
	background-image:url("images/icons/XRM-Kundenmanagement.svg");}

/* Workflow */

.eud_acc_2 .panel-title a.workflowmanagement::before {
    background-image:url("images/icons/Workflowmamangement.svg");
}

.eud_acc_2 .panel-title a.dokumentenmanagement::before {
    background-image:url("images/icons/Dokumentenmanagement.svg");
}

.eud_acc_2 .panel-title a.mailservice::before {
    background-image:url("images/icons/Mailservice.svg");
}

.eud_acc_2 .panel-title a.dokumenten-konverter-fuer-xml-und-ocr::before {
    background-image:url("images/icons/Dokumenten-Konverter.svg");
}

.eud_acc_2 .panel-title a.api-webservices::before{
    background-image:url("images/icons/API_Webservices.svg");
}

.eud_acc_2 .panel-title a.import-scan-workstation::before {
	background-image:url("images/icons/ImportScan-Workstation.svg");}



/* Business Intelligence */

.eud_acc_2 .panel-title a.analyse-visualisierungsfunktionen::before{
    background-image:url("images/icons/Analyse_weiss.svg");
}

.eud_acc_2 .panel-title a.berichtgenerator::before{
    background-image:url("images/icons/Berichtgenerator_weiss.svg");
}

.eud_acc_2 .panel-title a.drill-down-bis-zum-beleg::before{
    background-image:url("images/icons/Drill-Down_weiss.svg");
}

.eud_acc_2 .panel-title a.echtzeit-datenbasis::before{
    background-image:url("images/icons/Echtzeit-Daten_weiss.svg");
}

.eud_acc_2 .panel-title a.konzernreporting-konsolidierung::before{
    background-image:url("images/icons/Konzernreporting_weiss.svg");
}

.eud_acc_2 .panel-title a.integriertes-reporting::before{
    background-image:url("images/icons/Reporting_weiss.svg");
}

/* KI */

.eud_acc_2 .panel-title a.dokumentenmanagement-wissensbasis::before{
    background-image:url("images/icons/Dokumentenmanagement.svg");
}

.eud_acc_2 .panel-title a.dokumentenkonverter-ocr::before{
    background-image:url("images/icons/Dokumenten-Konverter.svg");
}

.eud_acc_2 .panel-title a.workflow-prozesssteuerung::before{
    background-image:url("images/icons/Workflowmamangement.svg");
}

.eud_acc_2 .panel-title a.rechnungswesen-warenwirtschaft::before{
    background-image:url("images/icons/Rechnungswesen-Warenwirtschaft.svg");
}

.eud_acc_2 .panel-title a.eigenes-drucksystem::before{
    background-image:url("images/icons/Drucksystem.svg");
}





/* Accordeon Icon Leistungsumfang */
/*
.eud_acc_2.leistungsacclinks .panel:nth-child(1) .panel-title a::before{
    background-image:url("images/icons/Workflowmamangement.svg");
}

.eud_acc_2.leistungsacclinks .panel:nth-child(2) .panel-title a::before{
    background-image:url("images/icons/Dokumentenmanagement.svg");
}

.eud_acc_2.leistungsacclinks .panel:nth-child(3) .panel-title a::before {
    background-image:url("images/icons/Mailservice.svg");
}

.eud_acc_2.leistungsaccrechts .panel:nth-child(1) .panel-title a::before{
    background-image:url("images/icons/Dokumenten-Konverter.svg");
}

.eud_acc_2.leistungsaccrechts .panel:nth-child(2) .panel-title a::before{
    background-image:url("images/icons/API_Webservices.svg");
}

.eud_acc_2.leistungsaccrechts .panel:nth-child(3) .panel-title a::before {
    background-image:url("images/icons/ImportScan-Workstation.svg");
}
*/

.logoarrow
{display: block;
 position: absolute;
 left: 60%;
 top: -100px;}

.logoarrow2
{display: block;
 position: absolute;
 left: 30%;
 bottom: -150px;}

.logoarrow3
{bottom: -360px;
  position: absolute;
  right: 0px;}


/************************************************************************************
----------------------------------------------------------------
BOXED LAYOUTS
----------------------------------------------------------------
*************************************************************************************/


.hover-box{
    position:relative;
   z-index:1;
    isolation:isolate;
	margin-right: 20px}


.hover-box::after{
    content:"";
    position:absolute;
    inset:0;
    border:1px solid #F59C1A;
    pointer-events:none;
    transition: transform .35s ease, border-color .35s ease;
    z-index:5;
  border-radius: 30px;}

.hover-box:hover::after{
    transform: scale(1.05);}

.hover-box::before{
        content:"";
    position:absolute;
    inset:0;
    background:#3C103E8F; 
    transform:scale(1);
    transition:transform .6s ease;
    z-index:-1;
    will-change:transform;
  border-radius: 30px}

.hover-box:hover::before{
    transform:scale(1.05);
  background: #3c103e}


.hover-box2 .vc_column-inner > .wpb_wrapper{
    position:relative;
   z-index:1;
    isolation:isolate;
padding: 30px 15px 30px 15px;
min-height: 270px}

.hover-box2 .vc_column-inner > .wpb_wrapper::after{
    content:"";
    position:absolute;
    inset:0;
    border:1px solid #F59C1A;
    pointer-events:none;
    transition: transform .35s ease, border-color .35s ease;
    z-index:5;
  border-radius: 30px;}

.hover-box2 .vc_column-inner > .wpb_wrapper:hover::after{
    transform: scale(1.05);}

.hover-box2 .vc_column-inner > .wpb_wrapper::before{
        content:"";
    position:absolute;
    inset:0;
    background:#3C103E8F; 
    transform:scale(1);
    transition:transform .6s ease;
    z-index:-1;
    will-change:transform;
  border-radius: 30px}

.hover-box2 .vc_column-inner > .wpb_wrapper:hover::before{
    transform:scale(1.05);
  background: #3c103e}


.headerbox {
    border: 1px solid #F59C1A;
    padding: 15px 25px !important;
    border-radius: 10px;
    max-width: 550px;
}

.verlaufbox
{background: linear-gradient(60deg, #D9CAF0 0%, #FFFFFFB1 100%);
box-shadow: 0px 0px 30px #D68AE37E;
border: 1px solid #FFFFFF;
border-radius: 30px;
max-width: 600px;}

.verlaufbox .vc_column-inner
{padding: 30px 50px !important;}

.verlaufbox2 .vc_column-inner > .wpb_wrapper
{background: linear-gradient(60deg, #D9CAF0 0%, #FFFFFFB1 100%);
box-shadow: 0px 0px 30px #D68AE37E;
border: 1px solid #FFFFFF;
border-radius: 30px;
min-height: 330px;
padding: 40px 30px}

.verlaufbox2 .vc_column-inner
{padding: 0px 30px !important;}

.verlaufbox3 .vc_column-inner > .wpb_wrapper
{background: linear-gradient(60deg, #D9CAF0 0%, #FFFFFFB1 100%);
box-shadow: 0px 0px 30px #D68AE37E;
border: 1px solid #FFFFFF;
border-radius: 30px;
min-height: 330px;
padding: 60px 60px}

.verlaufbox3 .vc_column-inner
{padding: 0px 30px !important;}

.verlaufbox4 .vc_column-inner > .wpb_wrapper
{background: linear-gradient(60deg, #D9CAF0 0%, #FFFFFFB1 100%);
box-shadow: 0px 0px 30px #D68AE37E;
border: 1px solid #FFFFFF;
border-radius: 30px;
min-height: 330px;
padding: 15px 15px}

.verlaufbox4 .vc_column-inner
{padding: 0px 30px !important;}

.karrierebox 
{border: 1px solid #94DBBB;
  width: 300px;
  padding: 25px;
}

.vorteilbox .vc_column-inner > .wpb_wrapper
{background: #fff;
box-shadow: 0px 0px 30px #D68AE37E;
border: 1px solid #FFFFFF;
border-radius: 30px;
min-height: 330px;
padding: 40px 40px}

.vorteilbox .vc_column-inner
{padding: 0px 30px !important;}


.leistungsbox .wpb_wrapper,
.leistungsbox2 .wpb_wrapper
{border-radius: 35px;}

.leistungsbox .vc_column-inner > .wpb_wrapper
{min-height: 350px !important;
padding: 20px 20px;
align-content: center;
border: 1px solid #F59C1A}

.leistungsbox2 .vc_column-inner > .wpb_wrapper
{padding: 30px 60px;
align-content: center;
border: 1px solid #F59C1A}

.lilabox .vc_column-inner > .wpb_wrapper
{background: #3C103E;
	border: 1px solid #601F59;
border-radius: 20px;
padding: 50px !important;
	min-height: 380px
}

.orangebox .vc_column-inner > .wpb_wrapper
{	  border: 1px solid #F59C1A;
    border-radius: 20px;
    padding: 40px 30px !important;
    min-height: 330px !important;
}

.txtspalte
{margin-left: 100px;
margin-right: -100px}

.vc_col-sm-pull-6.txtspalte
{margin-left: 0px;
margin-right: 0px}

.txtspalte .vc_column-inner .wpb_wrapper
{width: 90%}

.highlight 
{display: inline-block;
    margin: 10px 10px 0px 0px;
	vertical-align: middle;}


/************************************************************************************
----------------------------------------------------------------
SLIDER
----------------------------------------------------------------
*************************************************************************************/

.wpcpro-wrapper .wpcp_readmore
{padding: 0px !important}



/************************************************************************************
----------------------------------------------------------------
TEAM
----------------------------------------------------------------
*************************************************************************************/

.team .wpb_text_column
{margin-bottom: 5px !important}

.team .vc_column-inner .wpb_wrapper .vc_row.wpb_row.vc_inner
{margin-bottom: 50px}

/************************************************************************************
----------------------------------------------------------------
Hoverbox
----------------------------------------------------------------
*************************************************************************************/

.smallbox
{max-width: 1300px}

.box1 .vc_column-inner
{height: 550px}

.box1 .vc_column-inner > .wpb_wrapper
{padding: 20px}

.boxtexthover,
.boxtext
{ position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.4s ease;
margin-left: 0px !important
}

.box1 .vc_column-inner {
  position: relative;
}

.boxtext {
  opacity: 1;
  z-index: 2;
}

.boxtexthover {
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}


.box1 .vc_column-inner:hover .boxtext {
  opacity: 0;
}

.box1 .vc_column-inner:hover .boxtexthover {
  opacity: 1;
  pointer-events: auto;
}
  
.box1 .vc_column-inner:hover
{background: #005697 !important}


.box2 .vc_column-inner
{height: 370px}

.box2 .vc_column-inner > .wpb_wrapper
{padding: 20px}

.vc-column-has-linkinner a.vc-column-linkinner
{width: 100%;
padding: 0px 15px}


/************************************************************************************
----------------------------------------------------------------
Blog
----------------------------------------------------------------
*************************************************************************************/

.eud_blog_m_title a
{color: #005697 !important;
font-family: 'Instrument Sans' !important;
font-weight: 500!important;
font-size: calc(19px + (22 - 19) * ((100vw - 320px) / (1903 - 320)))!important;
line-height: calc(27px + (30 - 27) * ((100vw - 320px) / (1903 - 320)))!important;
margin-bottom: 5px !important}

.eud_blog_m_title a:hover
{color: #005697}

.eud_blog_m_entry
{color: #000;
font-family: 'Instrument Sans' !important;
font-weight: 400;
font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1903 - 320)) )!important;
line-height: calc(23px + (24 - 23) * ((100vw - 320px) / (1903 - 320))) !important;
padding: 0px !important}

.single-post .eud_gallery_img img
{border-radius: 20px}

.wpcp-post-title a
{font-size: clamp(18px, 1.45vw, 22px) !important;
    line-height: clamp(24px, 1.9vw, 30px) !important;
}

.sp-wpcp-read-more a
 {
    font-size: clamp(15px, 1.05vw, 16px) !important;
    line-height: clamp(20px, 1.4vw, 22px) !important;
}

.wpcp-all-captions .sp-wpcp-read-more a
{font-size: clamp(15px, 1.2vw, 16px) !important;;
	line-height: clamp(18px, 1.8vw, 22px) !important;;}

.wpcp-all-captions .wpcp-post-title a
{font-size: clamp(18px, 1.8vw, 22px) !important;;
    line-height: clamp(24px, 2.5vw, 30px) !important;;}

 .wpcp-post-meta .post-categories a
{font-size: clamp(15px, 1.2vw, 16px) !important;;
line-height: clamp(18px, 1.8vw, 22px) !important;;
border: 1px solid #F59C1A;
  border-radius: 25px;
  padding: 2px 10px;
  background-color: #F59C1A;
  color: #fff !important;}

.wpcp-post-title
{min-height: 75px}

/************************************************************************************
----------------------------------------------------------------
Referenzen
----------------------------------------------------------------
*************************************************************************************/

.eud_portfolio_m_title  a
{color: #005697 !important;
font-family: 'Instrument Sans' !important;
font-weight: 500!important;
font-size: calc(19px + (22 - 19) * ((100vw - 320px) / (1903 - 320)))!important;
line-height: calc(27px + (30 - 27) * ((100vw - 320px) / (1903 - 320)))!important;
margin-bottom: 5px !important}

.eud_portfolio_m_title  a:hover
{color: #005697}

.eud_portfolio_m_entry
{color: #000;
font-family: 'Instrument Sans' !important;
font-weight: 400;
font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1903 - 320)) )!important;
line-height: calc(23px + (24 - 23) * ((100vw - 320px) / (1903 - 320))) !important;
padding: 0px !important}

.eud_portfolio_ctn .eud_portfolio_m_thumbnail a
{
    display: block;
    overflow: hidden; /* Bild bleibt im Rahmen */
}

.eud_portfolio_ctn .eud_portfolio_m_thumbnail a img
{ display: block;
    width: 100%;
    height: auto;
    transition: transform 0.4s ease;}

.eud_portfolio_ctn .eud_portfolio_m_thumbnail a:hover img {
    transform: scale(1.1); /* leichte Vergrößerung */
}

.reihe1,
.reihe2,
.reihe3,
.reihe4,
.reihe5,
.reihe6,
.reihe7{
    border-bottom:1px solid #94DBBB;
}

.reihe1 .wpb_wrapper,
.reihe2 .wpb_wrapper,
.reihe3 .wpb_wrapper,
.reihe4 .wpb_wrapper,
.reihe5 .wpb_wrapper,
.reihe6 .wpb_wrapper,
.reihe7 .wpb_wrapper{
    display:flex;
    align-items:center;
    gap:20px;
    padding:12px 0;
}

/* Icon */
.iconspalte{
    width:32px;
    min-width:32px;
}

/* Linke Spalte */
.spalte1{
    width:200px;
	font-weight: 500
}

/* Rechte Spalte */
.spalte2{    flex:1;
}

.reihe1 .iconspalte::before
{  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("images/icons/person.svg") no-repeat center;
  background-size: contain;
}

.reihe2 .iconspalte::before
{  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("images/icons/nutzungsart.svg") no-repeat center;
  background-size: contain;
}

.reihe3 .iconspalte::before
{  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("images/icons/leistungen.svg") no-repeat center;
  background-size: contain;
}

.reihe4 .iconspalte::before
{  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("images/icons/status.svg") no-repeat center;
  background-size: contain;
}

.reihe5 .iconspalte::before
{  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("images/icons/status.svg") no-repeat center;
  background-size: contain;
}

.reihe6 .iconspalte::before
{  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("images/icons/status.svg") no-repeat center;
  background-size: contain;
}

.reihe7 .iconspalte::before
{  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("images/icons/status.svg") no-repeat center;
  background-size: contain;
}


/* Carousel Setting */
/*
.wpcp-carousel-wrapper .wpcp-ticker .wpcp-single-item .wpcp-all-captions
{border-radius: 50px !important;
  width: 200px;
  left: inherit !important;
  right: -50px !important;}


.wpcp-carousel-wrapper .wpcp-ticker .wpcp-single-item .wpcp-all-captions .wpcp-image-description
{margin-left: -50px !important}


*/

.wpcp-all-captions div.wpcp-image-description
{position: absolute;
bottom: 20px;
font-weight: 700;
font-size: clamp(20px, 2vw, 24px);
line-height: clamp(26px, 3vw, 32px);}

/************************************************************************************
----------------------------------------------------------------
Kontakt
----------------------------------------------------------------
*************************************************************************************/

.tel::before
{content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("images/icons/Icon-tel.svg") no-repeat center;
	background-size: contain;
float:left;
margin-right: 5px}

.email::before
{content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("images/icons/Icon-mail.svg") no-repeat center;
	background-size: contain;
	float:left;
	margin-right: 5px}

.half {
  width:49.5%;
  float:left;
  padding-right:60px;
  padding-bottom:20px
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus {
  border-radius: 10px;
	background-color: #fff !important;
	width: 90%;
}
.site-main input[type="text"],
.site-main input[type="email"],
.site-main input[type="tel"]{
  font-size:16px;
	border-radius: 10px !important;
	background-color: #fff !important;
	height: 40px;
	margin-top: 10px;
	padding-left: 20px;
	width: 100%;
}

select.wpcf7-form-control.wpcf7-select {
  font-size:16px;
  border-radius: 10px;
	background-color: #fff !important;
	height: 45px;
	width: 100%;
	margin-bottom: 35px !important;
	margin-top: 10px;
	line-height: 19px;
	padding-left: 20px
}


.site-main textarea
{border-radius: 10px;
	background-color: #fff !important;
margin-bottom: 35px !important;
margin-top: 15px !important;
    resize: none;}

.wpcf7-form.init label
{color: #3C103E;
font-size: clamp(16px, 1.5vw, 18px);
line-height: clamp(20px, 2vw, 24px);
font-weight: 500;
margin-bottom: 5px}

.site-main input[type="checkbox"]
{border: none !important;
background-color: #fff !important;
box-shadow: none !important;
width: 27px;
height: 27px;
border-radius: 10px}

input[type="checkbox"]:checked::before
{font-size: 18px !important;
  line-height: 26px;
  left: 3px;}

.wpcf7-not-valid-tip
{color: #f59c1a !important;
margin-top: 10px !important}

.wpcf7-form-control.wpcf7-submit
{background-color: #601F59 !important;
color: #fff;
border-radius: 25px;
padding: 0px 18px;
line-height: 45px}

.disclaimer
{font-size: 16px}

.disclaimer a
{text-decoration: underline}

.disclaimer a:hover
{color: #601F59}

.txtfield
{width:calc(99% - 60px)}

.selectfield
{width: 55%}

/************************************************************************************
----------------------------------------------------------------
Side panel
----------------------------------------------------------------
*************************************************************************************/

.side_tab {
  position: fixed;
  right: 0;
  top: 300px;
  display: flex;
  align-items: center;
  transform: translateX(calc(100% - 60px));
  transition: transform 0.4s ease;
  z-index: 99999;
}

.side_tab + .side_tab {
  margin-top: 65px;
}

.side_tab + .side_tab + .side_tab {
  margin-top: 130px;
}

/* OPEN STATE */
.side_tab.open {
  transform: translateX(0);
}


/* =========================
   ICON BUTTON (immer sichtbar)
========================= */
.side_btn {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #005697;
  color: #fff;
  flex-shrink: 0;
  cursor: pointer;
  z-index: 2;
 border-radius:  50px 0px 0px 50px
}


/* =========================
   ICON FONT
========================= */
.phoneiconsidebar::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("images/icons/phone.svg") no-repeat center;
  background-size: contain;
}

.mailiconsidebar::before {
content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("images/icons/mail.svg") no-repeat center;
  background-size: contain;
}

.linkedinsidebar::before {
content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("images/icons/linkedin.svg") no-repeat center;
  background-size: contain;
}

/* =========================
   PANEL (Textbereich)
========================= */
.side_panel {
  height: 50px;
  background: #005697;
  color: #fff;
  padding: 0 20px;
  display: flex;
  align-items: center;
  white-space: nowrap;
 width: clamp(200px, 18vw, 220px);
}


/* =========================
   LINKS
========================= */
.side_panel a,
.side_panel a:hover{
  color: #fff !important;
  text-decoration: none;
}



/************************************************************************************
----------------------------------------------------------------
Images
----------------------------------------------------------------
*************************************************************************************/

.imgrnd
{border-radius: 20px;}

.imgrndborder
{border: 1px solid #601F59;
	border-radius: 20px;}

/************************************************************************************
----------------------------------------------------------------
Contact
----------------------------------------------------------------
*************************************************************************************/


/************************************************************************************
----------------------------------------------------------------
FOOTER
----------------------------------------------------------------
*************************************************************************************/

.entry-footer
{padding-top: 0px}

.eud_f_widget_title
{font-size: clamp(16px, 1.5vw, 18px);
line-height: 1.45;
font-weight: 600 !important;
margin-bottom: 20px !important;
	color: #F59C1A !important;
	text-transform: none !important
}

.footer_widget.eud_col-lg-2-4.first_col .eud_f_widget.widget_text
{padding-top: 0px !important}

.footer_widget.eud_col-lg-2-4.first_col .eud_f_widget.widget_media_image
{padding-bottom: 5px !important;
padding-top: 45px !important}

.textwidget
{  font-size: clamp(15px, 1.2vw, 16px);
    line-height: 1.55;}

.footerhead
{font-weight: 500;
font-size: calc(42px + (50 - 42) * ((100vw - 320px) / (1903 - 320)));
line-height: calc(52px + (60 - 52) * ((100vw - 320px) / (1903 - 320)));
margin-bottom: 30px}


.f_text_one,
.f_text_two,
.f_text_three
{font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1903 - 320))) !important;
line-height: calc(23px + (24 - 23) * ((100vw - 320px) / (1903 - 320))) !important;
font-weight: 500 !important}

.subfooterlink:nth-of-type(-n+2) 
{margin-right: 25px}

.textwidget .phone
{margin-bottom: 30px}

.textwidget .phone::before
{content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("images/icons/Icon-tel.svg") no-repeat center;
	background-size: contain;
float:left;
margin-right: 5px}

.textwidget .mail::before
{content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("images/icons/Icon-mail.svg") no-repeat center;
	background-size: contain;
	float:left;
	margin-right: 5px}

/************************************************************************************
----------------------------------------------------------------
HEIGHTS
----------------------------------------------------------------
*************************************************************************************/

.mh300
{min-height: 300px}

.mh400
{min-height: 400px}

.mh500
{min-height: 500px}

.mh600
{min-height: 600px}

.mh700
{min-height: 700px}

.mh850
{min-height: 850px}


/************************************************************************************
----------------------------------------------------------------
MARGINS / PADDINGS
----------------------------------------------------------------
*************************************************************************************/

.vc_row.vc_column-gap-50 > .vc_column_container
{padding: 25px;}

.vc_row.vc_column-gap-100 > .vc_column_container
{padding: 50px;}

.z9
{z-index: 9}

.bott10
{bottom:10px}

.bott20
{bottom:20px}

.bott30
{bottom:30px}

.bott40
{bottom:40px}

.bott50
{bottom:50px}

.bott60
{bottom:60px}

.bott70
{bottom:70px}

.bott80
{bottom:80px}

.bott90
{bottom:90px}

.bott100
{bottom:100px}

.bott150
{bottom:150px}

.bott200
{bottom:200px}

/***********************************************************************************
 *	+ RESTRICT WIDTH
 ***********************************************************************************/

.max_w95
{max-width: 95% }

.max_w90
{max-width: 90% }

.max_w85
{max-width: 85%}

.max_w80
{max-width: 80%}

.max_w70
{max-width: 70%}

.max_w60
{max-width: 60%}

.max_w50
{max-width: 50%}

.max_w40
{max-width: 40%}

.fullwidth
{width: 100%}

.automarg{
margin-left: auto !important;
margin-right: auto !important }

.center
{text-align: center}

.marg_b0
{margin-bottom: 0px !important}

.marg_b5
{margin-bottom: 5px !important}

.marg_b10
{margin-bottom: 10px !important}

.marg_b20
{margin-bottom: 20px !important}

.marg_b30
{margin-bottom: 30px !important}

.marg_b40
{margin-bottom: 40px !important}

.marg_b50
{margin-bottom: 50px !important}

.marg_b60
{margin-bottom: 60px !important}

.marg_b70
{margin-bottom: 70px !important}

.marg_b80
{margin-bottom: 80px !important}

.marg_b90
{margin-bottom: 90px !important}

.marg_b100
{margin-bottom: 100px !important}

.marg_t10
{margin-top: 10px !important}

.marg_t20
{margin-top: 20px !important}

.marg_t30
{margin-top: 30px !important}

.marg_t40
{margin-top: 40px !important}

.marg_t50
{margin-top: 50px }

.marg_t60
{margin-top: 60px !important}

.marg_t70
{margin-top: 70px !important}

.marg_t80
{margin-top: 80px !important}

.marg_t90
{margin-top: 90px !important}

.marg_t100
{margin-top: 100px !important}

.marg_l50
{margin-left: 50px !important}

.marg_r-50
{margin-right: -50px !important}


.pad_r10 {padding-right:clamp(4px, 0.5vw, 10px)}

.pad_r20 {padding-right:clamp(8px, 0.9vw, 20px)}

.pad_r30 {padding-right:clamp(12px, 1.3vw, 30px)}

.pad_r40 {padding-right:clamp(16px, 1.7vw, 40px)}

.pad_r50 {padding-right:clamp(20px, 2.1vw, 50px)}

.pad_r60 {padding-right:clamp(24px, 2.5vw, 60px)}

.pad_r70 {padding-right:clamp(28px, 2.9vw, 70px)}

.pad_r80 {padding-right:clamp(32px, 3.3vw, 80px)}

.pad_r90 {padding-right:clamp(36px, 3.7vw, 90px)}

.pad_r100 {padding-right:clamp(40px, 4.1vw, 100px)}



.pad_t10 {padding-top:clamp(4px, 0.5vw, 10px)}

.pad_t20 {padding-top:clamp(8px, 0.9vw, 20px)}

.pad_t25 {padding-top:25px !important}

.pad_t30 {padding-top:clamp(12px, 1.3vw, 30px)}

.pad_t40 {padding-top:clamp(16px, 1.7vw, 40px)}

.pad_t50 {padding-top:clamp(20px, 2.1vw, 50px)}

.pad_t60 {padding-top:clamp(24px, 2.5vw, 60px)}

.pad_t70 {padding-top:clamp(28px, 2.9vw, 70px)}

.pad_t80 {padding-top:clamp(32px, 3.3vw, 80px)}

.pad_t90 {padding-top:clamp(36px, 3.7vw, 90px)}

.pad_t100 {padding-top:clamp(40px, 4.1vw, 100px)}

.pad_t150 {padding-top:clamp(60px, 6vw, 150px)}

.pad_t200 {padding-top:clamp(80px, 8vw, 200px)}

.pad_t250 {padding-top:clamp(100px, 10vw, 250px)}

.pad_t300 {padding-top:clamp(120px, 12vw, 300px)}


.pad_b10 {padding-bottom:clamp(4px, 0.5vw, 10px)}

.pad_b20 {padding-bottom:clamp(8px, 0.9vw, 20px)}

.pad_b25 {padding-bottom:25px !important}

.pad_b30 {padding-bottom:clamp(12px, 1.3vw, 30px)}

.pad_b40 {padding-bottom:clamp(16px, 1.7vw, 40px)}

.pad_b50 {padding-bottom:clamp(20px, 2.1vw, 50px)}

.pad_b60 {padding-bottom:clamp(24px, 2.5vw, 60px)}

.pad_b70 {padding-bottom:clamp(28px, 2.9vw, 70px)}

.pad_b80 {padding-bottom:clamp(32px, 3.3vw, 80px)}

.pad_b90 {padding-bottom:clamp(36px, 3.7vw, 90px)}

.pad_b100 {padding-bottom:clamp(40px, 4.1vw, 100px)}

.pad_b150 {padding-bottom:clamp(60px, 6vw, 150px)}

.pad_b200 {padding-bottom:clamp(80px, 8vw, 200px)}

.pad_b250 {padding-bottom:clamp(100px, 10vw, 250px)}


.nomarg
{margin: 0px !important}

.z-index1,
.z-index2,
.z-index3,
.z-index4,
.z-index5,
.z-index6,
.z-index7,
.z-index8,
.z-index9,
.z-index99
{position: relative}


.z-index99
{z-index: 99 !important}

/************************************************************************************
----------------------------------------------------------------
Tablet
----------------------------------------------------------------
*************************************************************************************/
@media (min-width: 1048px) and (max-width: 1499px) 
{

.tt-main-navigation:not(.tt-vertical-navigation) .eud_megamenu a.highlighted + ul.sub-menu.mega-menu
	{grid-template-columns: repeat(2, 1fr);}

.eud_megamenu > .sub-menu > li.row1
{grid-column: 1;}

.eud_megamenu > .sub-menu > li.row2
{grid-column: 2;}

.eud_megamenu > .sub-menu > li.row3
{grid-column: 1;}

.eud_megamenu > .sub-menu > li.row4
{grid-column: 2;}
}

@media (max-width: 1599px) 
{
 
	.specialbox_1 .vc_col-sm-2\/5
	{width: 50% !important}
	
	.specialbox_1 .vc_col-sm-1\/5
	{width: 50% !important}
}


@media (max-width: 1024px) 
{
 .vc_col-sm-10
	{width: 100% !important}
	
.specialrow1 .wpb_column.vc_column_container.vc_col-sm-3 .vc_column-inner .wpb_wrapper
	{width: 100%;
	float: left}
	
.specialrow1 .wpb_column.vc_column_container.vc_col-sm-3 .vc_column-inner .wpb_wrapper h2
	{width: 100%}
	
 .specialrow1 .wpb_column.vc_column_container.vc_col-sm-3 .vc_column-inner
	{justify-content: normal !important}
	
 .specialrow1 .wpb_column.vc_column_container.vc_col-sm-3
	{align-items: inherit !important;
	width: 25% !important}
	

.vc_col-sm-3 
	{width: 50% !important;
	float: left}
	
	.eud_acc_1 .panel-title, 
.eud_acc_1 .panel-title.active
	{width: 100%}
	
.eud_acc_1 .panel-title a,
	.eud_acc_2 .panel-title a
	{width: 90%}

.eud_acc_2 .panel-title a::before
	{width: 30px;
	height: 30px}
	
.footer_widget.eud_col-lg-2-4.first_col
	{width: 100%}
	
	.footer_widget.eud_col-lg-2-4
	{width: 50%;
	float: left}
	
	.footer_widget .eud_f_widget
	{padding: 0px !important}
	
	.verlaufbox2 .vc_column-inner > .wpb_wrapper
	{padding: 20px 5px;
	min-height: 370px}
	
	.roundcolumn.specialrow3 .vc_col-sm-3
	{margin-bottom: 25px}
	
	.icon-70	
	{width: 70%;
     margin-left: auto;
     margin-right: auto;
     display: block;}
	
}

@media (max-width: 834px) 
{
	.vc_col-sm-2,
	.vc_col-sm-2\/5,
	.vc_col-sm-6,
	.vc_col-sm-3\/5,
	.vc_col-sm-8
	{width: 100% !important;
		float: left !important}
	
	
	.specialrow4 .vc_col-sm-6
	{width: 50% !important}
	
	.sepcialrow5 .vc_col-sm-8
	{width: 66.6666666% !important}
	
   .specialrow6 .vc_col-sm-4
	{width: 100% !important}
	
	.specialrow7 .vc_col-sm-4
	{width: 100% !important}
	
	.specialrow8 .vc_col-sm-4
	{width: 50% !important}
	
	
	
	.verlaufbox2 .vc_column-inner > .wpb_wrapper
	{min-height: auto !important}
	
	.verlaufbox2.wpb_column.vc_column_container.vc_col-sm-4
	{width: 100% !important;
	float: left}
	
.verlaufbox2 .vc_column-inner {
    margin-bottom: 20px;
  }
		
			.hover-box2 .vc_column-inner > .wpb_wrapper{
    position:relative;
   z-index:1;
    isolation:isolate;
padding: 5px 0px;
min-height: 180px}
	
	.hover-box2 .vc_column-inner > .wpb_wrapper .wpb_single_image,
	.hover-box2 .vc_column-inner > .wpb_wrapper .wpb_content_element
	{margin-bottom: 5px !important}
	
	.hover-box2
	{margin-bottom: 10px}
	
	.verlaufbox4 .vc_column-inner {
  padding: 0px !important;
}
	
	.verlaufbox4 .vc_column-inner > .wpb_wrapper
	{background: none !important;
		box-shadow: none !important;
		border: none !important;
		min-height: inherit !important;
	padding: 0px !important}
	
	.vc_col-sm-push-6
	{left: 0 !important}
	
	 .vc_col-sm-pull-6
	{right: 0 !important}
	
	.eud_button_small,
.eud_button_medium,
.eud_button_large,
.eud_button_down,
.eud_button_five
{line-height: 20px !important;
	padding: 10px 0px}
	
.eud_button_small.eud_button_left.terminbtn
	{line-height: 40px !important;
    padding: 0px 18px;}
	
.icon-mobil	
	{max-width: 30%;}
}


/************************************************************************************
----------------------------------------------------------------
MOBILE KLASSE
----------------------------------------------------------------
*************************************************************************************/



@media (max-width: 767px) 
{
.max_w95,
.max_w90,
.max_w85,
.max_w80,
.max_w70,
.max_w60,
.max_w50,
.max_w40,
.iconlist ul li .sub,
.iconlist ul li .sub2,
.eud_acc_1 .panel-body,
.eud_acc_1 .panel-title, 
.eud_acc_1 .panel-title.active
{max-width: 100% !important}
	
	 .specialrow1 .wpb_column.vc_column_container.vc_col-sm-3
	{align-items: inherit !important;
	width: 100% !important}
	
	.specialrow1 .wpb_column.vc_column_container.vc_col-sm-3 .vc_column-inner .wpb_wrapper h2
	{width: calc(100% - 80px)}
	
	.vc_col-sm-3 
	{width: 100% !important;
	}
	
	.specialrow4 .vc_col-sm-6
	{width: 100% !important}
	
	.sepcialrow5 .vc_col-sm-8
	{width: 100% !important}
	
.eud_acc_1 .panel-title, 
.eud_acc_1 .panel-title.active
	{width: 100%}
	
.eud_acc_1 .panel-title a,
	.eud_acc_2 .panel-title a
	{width: 90%}

.eud_acc_2 .panel-title a::before
	{width: 30px;
	height: 30px}
	
.videorow
	{width: 100vw}
	
.eud_button_small,
.eud_button_medium,
.eud_button_large,
.eud_button_down,
.eud_button_five
{line-height: 20px !important;
	padding: 10px 0px}
	
.eud_button_small.eud_button_left.terminbtn
	{line-height: 40px !important;
    padding: 0px 18px;}

.footer_widget .eud_f_widget
	{padding: 10px 0px !important}
	
.footer_widget.eud_col-lg-2-4
	{padding-bottom: 0px !important}

	.mobilebox_1 .vc_single_image-img
	{width: 50%;
	text-align: left !important}
	
	.mobilebox_1 .vc_align_center
	{background-position: left !important;
	padding-left:0px !important}
	
	.hover-box2 .vc_column-inner > .wpb_wrapper{
    position:relative;
   z-index:1;
    isolation:isolate;
padding: 5px 0px;
min-height: inherit}
	
	.hover-box2 .vc_column-inner > .wpb_wrapper .wpb_single_image,
	.hover-box2 .vc_column-inner > .wpb_wrapper .wpb_content_element
	{margin-bottom: 5px !important}
	
	.hover-box2
	{margin-bottom: 10px}
	
	.verlaufbox4 .vc_column-inner {
  padding: 0px !important;
}
	
	.verlaufbox4 .vc_column-inner > .wpb_wrapper
	{background: none !important;
		box-shadow: none !important;
		border: none !important;
		min-height: inherit !important;
	padding: 0px !important}
	
	.verlaufbox2 .vc_column-inner
	{margin-bottom: 20px}
	
.txtfield
{width:100%}

.selectfield
{width: 100%}
	
.half
{width: 100%;
padding-right: 0px }
	
.wpcf7-form-control.wpcf7-submit
{width: 100% }

	
	.specialbox_1 .vc_col-sm-1\/5,
	.specialbox_1 .vc_col-sm-2\/5
	{width: 100% !important}
	
	.eud_overflow_img_left .vc_single_image-wrapper,
	.eud_overflow_img_right .vc_single_image-wrapper
	{width: inherit !important;
	position: relative !important}
	
	.eud_overflow_img_left,
	.eud_overflow_img_right 
	{min-height: inherit !important}
	
	.footer_sub
	{display: none}
	
	.footer_widget.eud_col-lg-2-4.first_col
	{width: 100%}
	
	.footer_widget.eud_col-lg-2-4
	{width: 50%;
	float: left}
	

	
	}