/*
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 */
}


/* cormorant-regular - 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: 'Cormorant';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cormorant-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* afacad-regular - 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: 'Afacad';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/afacad-v3-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* afacad-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: 'Afacad';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/afacad-v3-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




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

.tt-main-navigation > div > ul > li > a span
{font-family: 'Afacad' !important;
font-weight: 500 !important;
font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1903 - 320))) !important;
line-height: calc(23px + (24 - 23) * ((100vw - 320px) / (1903 - 320)))!important;
letter-spacing: 0px !important;
color: #fff !important}

.tt-main-navigation > div > ul > li > a
{padding: 5px 30px 0px 0px !important}

.main-menu.sm.smart_menu li.contact a span
 {  border: 1px solid #fff;
  padding: 5px 20px;
	 border-radius: 25px;}

/************************************************************************************
----------------------------------------------------------------
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(154,168,170,0.4) 35%,rgba(42,70,75,0.7)70%) !important;
	mix-blend-mode: multiply;
    pointer-events:none;
}


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

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

body
{font-family: 'Afacad'}

.medium
{font-weight: 500}

.regular
{font-weight: 400}

.afacad
{font-family: 'Afacad'}

.cormorant
{font-family: 'Cormorant'}

.fs16 {
font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1903 - 320)));
line-height: calc(23px + (24 - 23) * ((100vw - 320px) / (1903 - 320)));
}

.fs20 {
font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1903 - 320)));
line-height: calc(27px + (30 - 27) * ((100vw - 320px) / (1903 - 320)));
}

.fs24 {
font-size: calc(21px + (24 - 21) * ((100vw - 320px) / (1903 - 320)));
line-height: calc(29px + (34 - 29) * ((100vw - 320px) / (1903 - 320)));
}

.fs30 {
font-size: calc(24px + (30 - 24) * ((100vw - 320px) / (1903 - 320)));
line-height: calc(32px + (40 - 32) * ((100vw - 320px) / (1903 - 320)));
}

.fs32 {
font-size: calc(26px + (32 - 26) * ((100vw - 320px) / (1903 - 320)));
line-height: calc(32px + (40 - 32) * ((100vw - 320px) / (1903 - 320)));
}

.fs40 {
font-size: calc(28px + (40 - 28) * ((100vw - 320px) / (1903 - 320)));
line-height: calc(36px + (50 - 36) * ((100vw - 320px) / (1903 - 320)));
}

.fs50 {
font-size: calc(30px + (50 - 30) * ((100vw - 320px) / (1903 - 320)));
line-height: calc(38px + (60 - 38) * ((100vw - 320px) / (1903 - 320)));
}

.fs64 {
font-size: calc(35px + (64 - 35) * ((100vw - 320px) / (1903 - 320)));
line-height: calc(42px + (70 - 42) * ((100vw - 320px) / (1903 - 320)));
}

.fs76 {
font-size: calc(38px + (76 - 38) * ((100vw - 320px) / (1903 - 320)));
line-height: calc(42px + (70 - 42) * ((100vw - 320px) / (1903 - 320)));
}

.schwarz 
{color: #000}

.weiss
{color: #fff}

.main
{color: #062537}


.eud_button_medium
{border-radius: 25px !important;
text-transform: none !important;
font-family: 'Metropolis Semi' ;
background-color: #fff !important;
color: #F891A5 !important;
border: 1px solid #F891A5 !important;
height: 50px !important;
padding: 0px 10px;
}

.eud_button_medium:hover,
.eud_button_medium:focus{
background-color: #D40057 !important;
color: #fff !important;
border: 1px solid #D40057 !important;}

.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: #fff !important;
background: none !important;
text-transform: uppercase !important;
border: 1px solid #fff !important;
border-radius: 25px !important;
font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1903 - 320))) !important;
font-family: 'Afacad' !important;
height: auto !important;
padding: 0px 20px;
	font-weight: 500 !important;
}

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

.eud_button_small:hover
{background: transparent !important;}

/* Button 2 */

.eud_button_medium{
    position: relative;
    display: inline-block;
    color: #062537 !important;
    background: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 25px !important;
    font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1903 - 320))) !important;
    font-family: 'Afacad' !important;
	font-weight: 500 !important;
    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:hover, 
.eud_button_medium:focus
{background: #fff !important;
border: 1px solid #fff !important;
   color: #062537 !important;}

/* Button 3 */

.eud_button_large{
    position: relative;
    display: inline-block;
    color: #FFF !important;
    background: #062537 !important;
    border: 1px solid #062537 !important;
    border-radius: 25px !important;
  	font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1903 - 320))) !important;
    font-family: 'Afacad' !important;
	font-weight: 500 !important;
    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:hover{
    color: #fff !important;
}



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

.btncenter .vc_column-inner .wpb_wrapper
{text-align: center;
margin-left: auto;
margin-right: auto}


.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}



/* MAP */

.imp-tooltip-content h3
{font-family: 'Afacad' !important;
font-size: calc(21px + (24 - 21) * ((100vw - 320px) / (1903 - 320))) !important;
line-height: calc(29px + (34 - 29) * ((100vw - 320px) / (1903 - 320))) !important;
font-weight: 500 !important;}

.imp-tooltip-content div p
{font-family: 'Afacad' !important;
font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1903 - 320)))  !important;
line-height: calc(23px + (24 - 23) * ((100vw - 320px) / (1903 - 320)))  !important;
font-weight: 400 !important;
border-bottom: 1px solid #062537}

.imp-tooltip-content div a
{font-family: 'Afacad' !important;
font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1903 - 320)))  !important;
font-weight: 500 !important;}

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

.gm
{display: none}


.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;
  color: #fff
}

/* 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: 10px
}

.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: 32px;
  margin-bottom: 20px;
	margin-left: 0px
}

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

.iconlist ul li .sub
{font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1903 - 320)));
line-height: calc(23px + (24 - 23) * ((100vw - 320px) / (1903 - 320)));}

.overflow .vc_column-inner
{overflow: visible}


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


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

.vc_col-sm-pull-6.txtspalte
{margin-left: calc(25% - 100px);
margin-right: calc(-25% - 100px);}

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


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

.cform
{margin-left: 50px;
margin-right: -50px}

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

.contactrow
{width: 100%;
float: left}

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: 40px;
	width: 100%;
	margin-bottom: 25px !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: #062537;
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: #062537 !important;
margin-top: 10px !important}

.wpcf7-form-control.wpcf7-submit
{background-color: #062537 !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: #062537}

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

.selectfield
{width: 55%}

.site-main input[type="checkbox"]:checked::before
{color: #062537 !important;}

input[type="text"]:focus,
input[type="email"]:foczs,
input[type="tel"]:focus,
textarea:focus
{border-color: #062537;}

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

.eud_blog_style_1 .inside_e {
  padding-bottom: 0px;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}


.eud-property-topline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 15px;
}

.eud-property-lot-number
{font-size: calc(21px + (24 - 21) * ((100vw - 320px) / (1903 - 320)));
font-weight: 500;
font-family: 'Afacad';
color: #062537}

.eud-property-topline .eud-property-status
{margin-bottom: 0px;
padding: 0px 20px}

.eud_m_more_link a.eud_btn.read_more_small.eud_btn_rounded
{background-color: #062537 !important;
padding: 10px 20px}

.eud-blog-property-details .eud-referenz-meta
{padding: 0px !important}

.eud-blog-property-details
{margin-bottom: 20px}

.eud_blog_m_content .eud-blog-property-details .eud-referenz-meta
{width: 100%}


/************************************************************************************
----------------------------------------------------------------
Karriere
----------------------------------------------------------------
*************************************************************************************/



.igb-stellen article.igb-stelle h3
{font-family: 'Instrument Sans' !important;
font-weight: 500;
color: #005697;
font-size: calc(24px + (30 - 24) * ((100vw - 320px) / (1903 - 320)));
line-height: calc(32px + (40 - 32) * ((100vw - 320px) / (1903 - 320)));}

.igb-stellen article.igb-stelle .info
{text-transform: uppercase;
	font-family: 'Instrument Sans' !important;
font-weight: 500;
color: #005697;
width: 300px;
display: inline-block}

div.igb-stellen article.igb-stelle div.stellenrow
{font-family: 'Instrument Sans' !important;
width: 40%;
border-bottom: 1px solid #94DBBB;
padding: 4px 0px
}

.igb-stellen article.igb-stelle div.linkrow
{margin-top: 20px}

.igb-stellen article.igb-stelle
{margin-bottom: 50px}

.igb-stellen article.igb-stelle div.linkrow a
{
font-family: 'Instrument Sans';
  font-weight: 500;
  border: 1px solid #94DBBB;
	background-color: #94DBBB;
  border-radius: 50px;
  padding: 0px 40px;
  width: auto;
  display: inline-block;
  line-height: 40px;
	color: #005697
}

/************************************************************************************
----------------------------------------------------------------
Referenzen
----------------------------------------------------------------
*************************************************************************************/
.eud_portfolio_style_1.col_2 .eud_portfolio_m_title 
	{font-size: inherit !important;
  line-height: inherit !important;}
	
.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 */
}

.projektreihe
{border-bottom:1px solid #94DBBB;
display: flex;
  align-items: center;
  gap: 20px;
  padding: 12px 0;}

/*
.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;
	color: #fff;
	text-transform: uppercase
}

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

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

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

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

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

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

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


.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}


.eud_filter_style_5 .eud_filter li.selected a
{color: #005697 !important}

.eud_filter_style_5 .eud_filter li.selected a:hover
{color: #005697 !important}


/* Filter Dropdwon */

.eud_filter .eud_filter_dropdown {
    position: relative;
}

.eud_filter .eud_filter_dropdown > span {
    display: block;
    cursor: pointer;
}

.eud_filter .eud_filter_dropdown > ul {
    display: none;
    position: absolute;
    z-index: 999;
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    min-width: 180px;
	border-radius: 10px;
}

.eud_filter .eud_filter_dropdown:hover > ul {
    display: block;
}

.eud_filter .eud_filter_dropdown > ul > li {
    display: block !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
}

.eud_filter .eud_filter_dropdown > ul > li > a {
    display: block;
    padding: 6px 14px;
    white-space: nowrap;
}

.eud_nav_prev.eud_nav_off,
.eud_nav_next,
.eud_nav_prev
{display: none !important}

.eud_navigation_ctn .eud_nav_center .eud_nav_style_3
{margin-top: 20px}

.eud_nav_number
{height: 4px}


.eud_filter li.eud_filter_dropdown span
{font-family: 'Instrument Sans';
  font-weight: 500;
  border: 1px solid #94DBBB;
  border-radius: 50px;
  padding: 0px 20px;
  width: auto;
  display: inline-block;
  line-height: 30px;
	color: #005697 
}


ul.eud_filter > li > a
{font-family: 'Instrument Sans';
  font-weight: 500;
  border: 1px solid #94DBBB;
  border-radius: 50px;
  padding: 0px 20px;
  width: auto;
  display: inline-block;
  line-height: 30px;
	color: #005697
}

ul.eud_filter li.eud_filter_dropdown.aktiv ul li.eud_filter_dropdown_item.selected a,
ul.eud_filter li.eud_filter_dropdown.aktiv ul li.eud_filter_dropdown_item a,
ul.eud_filter li.eud_filter_dropdown ul li.eud_filter_dropdown_item a
{font-weight: 500 !important}

ul.eud_filter > li.selected > a
{background-color: #94DBBB;
color: #005697 !important}

ul.eud_filter li.eud_filter_dropdown.aktiv
{background-color: #94DBBB;
color: #005697 !important;
 border: 1px solid #94DBBB;
  border-radius: 50px;
  padding: 0px 20px;
  width: auto;
  display: inline-block;
  line-height: 30px;}

ul.eud_filter li.eud_filter_dropdown.aktiv span
{padding: 0px }

ul.eud_filter li.eud_sorter ul,
.eud_filter
{text-transform: none !important;
font-weight: 500 !important}

ul.eud_filter li.eud_sorter ul
{min-width: 180px;
border-radius: 10px;
background-color: #fff;
top:63px !important}


ul.eud_filter li.eud_sorter span::after {
  content: "\f107";
  font-family: "tticons";
	padding-left: 10px;}

.eud_sorter::after
{display: none !important}

.filter_moving_line
{display: none !important}



/* REFERENZ ARCHIV */

.eud-referenz-archiv-item {
	margin-bottom: 50px;
}

.eud-referenz-archiv-content
{display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;}

.eud-referenz-archiv-image img {
	width: 100%;
	height: auto;
	display: block;
}

.eud-referenz-meta {
	border-bottom: 1px solid #062537;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 12px 0;
	width: 80%;
font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1903 - 320)));
line-height: calc(27px + (30 - 27) * ((100vw - 320px) / (1903 - 320)));
	font-family: 'Afacad';
}

.eud-referenz-meta .col1 {
	width: 40%;
	float: left;
  color: #062537;
}

.eud-referenz-meta .col2 {
	width: 60%;
	  color: #062537;
 }


/* Inline */
.eud-referenz-archiv-content.eud-referenz-inline {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	gap: 80px !important;
	justify-content: left
}

.eud-referenz-archiv-content.eud-referenz-inline > .eud-referenz-meta {
	display: flex !important;
	flex-direction: row !important;
	width: auto !important;
	max-width: none !important;
	flex: 0 0 auto !important;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
	border: 0px !important;
	gap: 10px
}

.eud-referenz-archiv-content.eud-referenz-inline > .eud-referenz-meta .col1,
.eud-referenz-archiv-content.eud-referenz-inline > .eud-referenz-meta .col2 {
	display: inline-block !important;
	width: auto !important;
	max-width: none !important;
	float: none !important;
	clear: none !important;
}
	

.eud-property-status {
	display: inline-block;
	margin-bottom: 15px;
	border-radius: 25px;
  padding: 5px 20px;
	color: #fff;
	font-family: 'Afacad';
	font-weight: 500;
	text-transform: uppercase
	
}

.eud-property-status.status-available {
	background: #00DEB4;
}

.eud-property-status.status-reserved {
	background: #DEAB00;
}

.eud-property-status.status-sold {
	background: #C1C9CE;
}


.eud-referenz-inline .eud-referenz-meta-lot-number::before
{  content: "";
  display: block;
   width: 20px;
  height: 20px;
  background: url("images/icons/lot.svg") no-repeat center;
  background-size: contain;
margin-right:  -5px
}

.eud-referenz-inline .eud-referenz-meta-access::before
{  content: "";
  display: block;
   width: 20px;
  height: 20px;
  background: url("images/icons/access.svg") no-repeat center;
  background-size: contain;
	margin-right:  -5px
}

.eud-referenz-inline .eud-referenz-meta-size::before
{  content: "";
  display: block;
 width: 20px;
  height: 20px;
  background: url("images/icons/size.svg") no-repeat center;
  background-size: contain;
	margin-right:  -5px
}


.eud-referenz-inline .eud-referenz-meta-special-feature::before
{  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("images/icons/special.svg") no-repeat center;
  background-size: contain;
	margin-right:  -5px
}

.eud-referenz-inline .eud-referenz-meta-price::before
{  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("images/icons/price.svg") no-repeat center;
  background-size: contain;
	margin-right:  -5px
}

/*----------------------------------------------------------------
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: 30px;
max-width: 850px}




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

.classic_container .entry-content
{border: none !important;
padding-bottom: 0px !important}


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

.post.type-post .entry-footer
{margin-top: 0px !important;}

.eud_f_widget_title
{font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1903 - 320)));
line-height: calc(23px + (24 - 23) * ((100vw - 320px) / (1903 - 320)));
font-weight: 500 !important;
margin-bottom: 20px !important;
border-bottom: 1px solid #FFFFFF;
width: 80%
}

.textwidget
{font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1903 - 320)));
line-height: calc(23px + (24 - 23) * ((100vw - 320px) / (1903 - 320)));}

.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}


.footer_widget.eud_col-lg-2-4.first_col
{width: 100% !important}

.footer_widget.eud_col-lg-2-4
{width: 25% !important}

.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}

.footer_widget .eud_f_widget 
{padding: 40px 0px 0px 0px !important} 

.f_text_three {
    display: flex;
    justify-content: center;
}

.f_text_three span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.f_text_three img {
    width: auto;
    height: auto;
    display: block;
}

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

.mh300
{min-height: 300px}

.mh400
{min-height: 400px}

.mh500
{min-height: 500px}

.mh600
{min-height: 600px}

.mh700
{min-height: 700px}

.mh850
{min-height: 600px}

.newsheader img
{max-height: 400px;
	object-fit: cover;}


/************************************************************************************
----------------------------------------------------------------
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.7vw, 10px)}
.pad_r20 {padding-right:clamp(8px, 1.4vw, 20px)}
.pad_r30 {padding-right:clamp(12px, 2.1vw, 30px)}
.pad_r40 {padding-right:clamp(16px, 2.8vw, 40px)}
.pad_r50 {padding-right:clamp(20px, 3.5vw, 50px)}
.pad_r60 {padding-right:clamp(24px, 4.2vw, 60px)}
.pad_r70 {padding-right:clamp(28px, 4.9vw, 70px)}
.pad_r80 {padding-right:clamp(32px, 5.6vw, 80px)}
.pad_r90 {padding-right:clamp(36px, 6.3vw, 90px)}
.pad_r100 {padding-right:clamp(40px, 7vw, 100px)}

.pad_t10 {padding-top:clamp(4px, 0.7vw, 10px)}
.pad_t20 {padding-top:clamp(8px, 1.4vw, 20px)}
.pad_t25 {padding-top:25px !important}
.pad_t30 {padding-top:clamp(12px, 2.1vw, 30px)}
.pad_t40 {padding-top:clamp(16px, 2.8vw, 40px)}
.pad_t50 {padding-top:clamp(20px, 3.5vw, 50px)}
.pad_t60 {padding-top:clamp(24px, 4.2vw, 60px)}
.pad_t70 {padding-top:clamp(28px, 4.9vw, 70px)}
.pad_t80 {padding-top:clamp(32px, 5.6vw, 80px)}
.pad_t90 {padding-top:clamp(36px, 6.3vw, 90px)}
.pad_t100 {padding-top:clamp(40px, 7vw, 100px)}
.pad_t150 {padding-top:clamp(60px, 10.5vw, 150px)}
.pad_t200 {padding-top:clamp(80px, 14vw, 200px)}
.pad_t250 {padding-top:clamp(100px, 17.5vw, 250px)}
.pad_t300 {padding-top:clamp(120px, 21vw, 300px)}

.pad_b10 {padding-bottom:clamp(4px, 0.7vw, 10px)}
.pad_b20 {padding-bottom:clamp(8px, 1.4vw, 20px)}
.pad_b25 {padding-bottom:25px !important}
.pad_b30 {padding-bottom:clamp(12px, 2.1vw, 30px)}
.pad_b40 {padding-bottom:clamp(16px, 2.8vw, 40px)}
.pad_b50 {padding-bottom:clamp(20px, 3.5vw, 50px)}
.pad_b60 {padding-bottom:clamp(24px, 4.2vw, 60px)}
.pad_b70 {padding-bottom:clamp(28px, 4.9vw, 70px)}
.pad_b80 {padding-bottom:clamp(32px, 5.6vw, 80px)}
.pad_b90 {padding-bottom:clamp(36px, 6.3vw, 90px)}
.pad_b100 {padding-bottom:clamp(40px, 7vw, 100px)}
.pad_b150 {padding-bottom:clamp(60px, 10.5vw, 150px)}
.pad_b200 {padding-bottom:clamp(80px, 14vw, 200px)}
.pad_b250 {padding-bottom:clamp(100px, 17.5vw, 250px)}

.nomarg {margin:0 !important}

/************************************************************************************
----------------------------------------------------------------
Tablet
----------------------------------------------------------------
*************************************************************************************/


@media (max-width: 1024px) 
{
 

.eud_row_has_headersoft .eud_row_overlay
	{background: linear-gradient(180deg, #798E9657 0%, #616C6EA3 50%, #0F1617 100%) !important;}	
	
	.max_w90,
.max_w85,
.max_w80,
.max_w70,
.max_w60,
.max_w50,
.max_w40
	{max-width: 100%}
	
.txtspalte
	{margin-left: 0px;
	margin-right: 0px}
	
.txtspalte .vc_column-inner .wpb_wrapper
	{width: 100%}
	
.vc_col-sm-push-6
	{left: inherit !important}
	
.vc_col-sm-pull-6 
	{right: inherit !important}
	
	.vc_col-sm-pull-6.txtspalte
	{margin-left: 0px;
	margin-right: 0px}
	
	 .vc_col-sm-2
	{width: 33.333333333% !important} 
	
.btnrow .vc_col-sm-6
	{width: 100%}
	
.contactrow .vc_col-sm-4
	{width: 100%}
	
	.cform
	{margin-left: 0px;
	margin-right: 0px}
	
	.footer_widget.eud_col-lg-3
	{width:25% !important;}
	
	.eud-referenz-archiv-content.eud-referenz-inline
	{gap: inherit !important}
	
	.eud-referenz-meta
	{padding: 0px 20px 10px 0px}
	
	.article_ctn .vc_col-sm-8
	{width: 100%}
	
	.article_ctn .vc_col-sm-3
	{width: 50%}
	
	.article_ctn .vc_col-sm-4
	{width: 100%}
	

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



@media (max-width: 767px) 
{
	
	.half
	{width: 100% !important;
	padding-right:0px }
	
	.cform
	{margin: 0px !important}
	
	.full
	{width: 100% !important}
	
	.wpcf7-form-control.wpcf7-submit
	{width: 100% !important}

.videorow
	{width: 100vw}

.logoarrow  img,
.resizeimg img
	{width: 70%}

.logoarrow3
	{display: none !important}
	
.box1 .vc_column-inner
	{height: 350px}
	
.box2 .vc_column-inner
	{height: 200px}
	
.querformatbild img
{height: 250px !important;
object-fit: cover;
	margin-top: 30px}
	
.footer_main .eud_container::before
	{width: 161px;
	height: 161px;
	right: 20px;
    top: -20px;}
	
.footer_widget.eud_col-lg-2-4 
	{width: 100% !important;}
	
.max_w90,
.max_w85,
.max_w80,
.max_w70,
.max_w60,
.max_w50,
.max_w40
	{max-width: 100%}

.side_tab {
  top: inherit;
  bottom: 40px
}

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

.side_tab + .side_tab + .side_tab {
  margin-top: inherit;
	margin-bottom: 130px;
}	
	
.txtspalte
	{margin-left: 0px;
	margin-right: 0px}
	
.txtspalte .vc_column-inner .wpb_wrapper
	{width: 100%}
	
.more
{line-height: inherit;
text-align: center;
padding: 5px 40px}
	
.team .vc_col-sm-3
	{width: 50%;
	float: left}
	
.team .vc_col-sm-3 .vc_column-inner > .wpb_wrapper
	{min-height: 310px}
	
.projektreihe
	{display: block}

.iconspalte
	{float: left;
	width: 50px;
	margin-top: 6px}
	
.spalte2
	{margin-left: 50px}
	
	.eud-referenz-archiv-content.eud-referenz-inline
	{gap: inherit !important}
	
	.eud-referenz-meta
	{width: 100%;
	padding: inherit !important}
	
	.btnrow .wpb_wrapper .wpbsctn
	{float: inherit !important;
	margin-right: 0px !important}

	.eud_blog_style_1.eud_isotope.col_3 .eud_iso_item
	{width: 100% !important}
	
	.vc_col-sm-2
	{width: 100% !important} 
	
	.footer_widget.eud_col-lg-3
	{width: 100% !important} 
	
		
	.article_ctn .vc_col-sm-3
	{width: 100%}
	

	
}