.infobox_content.new .boxshadow{
	padding: 36px 36px;
	padding-top: 0;
}
.infobox_content.new .grid-50 {
    float: none;
    width: 50%;
    list-style-type: none;
    display: inline-flex;
    flex-direction: row;
    padding: 0;
	padding-top: 36px;
}
.infobox_content.new .grid-50 .photo{
    width: 110px;
	height: 110px;
}
.infobox_content.new .grid-50 .content{
	display: flex;
    flex-direction: column;
    padding: 0;
    justify-content: space-around;
    margin-left: 10px;
}
.infobox_content.new .grid-50 .content h3{
	padding: 0 !important;
	margin: 0;
	color: #7a8285;
}
.infobox_content.new .grid-50 .content a{
    padding-left: 0;
}
.infobox_content.new .grid-50 .content a::after{
    content: '';
	display: none;
}
.infobox_content.new .boxshadow h3,.infobox_content.new .boxshadow p > strong{
	font-size: 2rem;
    font-weight: 600;
    margin: 0;
    color: #1CAC83;
	display: inline-block;
	text-transform: none !important;
	padding: 0px !important;
	padding-top: 36px !important;
	padding-bottom: 9px !important;
}
.infobox_content.new .boxshadow p{
	color: #9B9B9B;
	margin: 0 !important;
}

.infobox_content.new .boxshadow a {
    position: relative;
	padding-left: 20px;
	color: #9B9B9B;
}
.infobox_content.new .boxshadow a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0c1";
    position: absolute;
    top: 3px;
    left: 0px;
    font-size: 1.4rem;
    color: #9B9B9B;
    opacity: 0.8;
}

.yde-footnote {
	text-decoration: none;
	color: #666 !important;
	font-size: 16px !important;
}
.yde-footnote-container {
	background-color: #f5f5f5;
    margin: 0 !important;
    padding: 5px 20px;
	font-size: 16px !important;
}
* {box-sizing: border-box}
body.ehandwierk main > header #nav_main nav ul li a:hover {
                  color: #54c9b4; }

  	.yde-active span { 		text-decoration: none;     color: #ffffff;     font-weight: 600;     font-size: 1.2rem; 	} 
.background-gradient {
	background: linear-gradient(90deg, rgba(11, 94, 69, 0.8) 25%, rgba(11, 94, 69, 0.2) 60%, rgba(11, 94, 69, 0.2) 100%);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.ehandwierk .background-gradient {
	background: linear-gradient(180deg, rgba(0,134,162,.8) 25%, rgba(255,255,255,0) 100%);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.hero {
		background-size: cover !important;
		height: 540px;
		background-repeat: no-repeat;
	}

div .list_box_green{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 24px;
}

div .list_box_green > a{
	width: calc(50% - 24px);
	height: 68px;
	display: flex;
	flex-direction: row;
	background: #cccc33;
    font-size: 2rem;
	line-height: 1em;
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	align-items: center;
    justify-content: space-between;
    padding: 24px;
}
div .list_box_green > a:hover{
	background: #1CAC83;
    color: #ffffff;
}
div .list_box_green > a i{
	-webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

div .list_box_green > a:hover i{
	transform: translate(50px);
}


.language-switcher{
	z-index: 10;
   
    position: fixed;
    bottom: 40vh;
    right: 20px;
    width: 50px;
    height: 50px;
    text-decoration: none;
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff !important;
    line-height: 50px !important;
}
.gradient-ehandwierk{
    background: #54c9b4;
    background: -moz-linear-gradient(45deg, #0086a2 0%, #54c9b4 100%);
    background: -webkit-linear-gradient(45deg, #0086a2 0%, #54c9b4 100%);
    background: -o-linear-gradient(45deg, #0086a2 0%, #54c9b4 100%);
    background: linear-gradient(45deg, #0086a2 0%, #54c9b4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0086a2",endColorstr="#54c9b4)",GradientType=1);
	color: #fff !important;
}
.gradient-event-category-14{
	background-color: #7ddff8 !important;
background-image: linear-gradient(315deg, #7ddff8 0%, #3c9ae5 74%) !important;
	
	
}
.gradient-event-category-15{
background-color: #f9c5d1 !important;
background-image: linear-gradient(315deg, #f9c5d1 0%, #9795ef 74%) !important;
}
.gradient-event-category-17{
background-color: #39e5b6 !important;
background-image: linear-gradient(315deg, #39e5b6≈ 0%, #39e5b6 74%) !important;
}
.gradient-event-category-18{
background-color: #f8ceec !important;
background-image: linear-gradient(315deg, #f8ceec 0%, #a88beb 74%) !important;
}
.badge {
	height: 50px;
    width: 50px;
    position: absolute;
    background-color: rgba(255,255,255,.2);
	border-radius: 50px;
	padding: 8px;
	color: #ffffff;
	font-weight: bold;
	transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s !important;
	z-index: 1;
}
.badge span{
	font-weight: normal;
}
.tab-container .badge {
	height: 40px;
    width: 40px;
	padding: 6px;
}

.pos-bottom-right {
	right: 10px;
    bottom: 10px;
}
.pos-top-right {
	right: 10px;
    top: 10px;
}
.pos-center-center{
	left: 0;
	right: 0;
	top: 0;	
	bottom: 0;
	margin: auto;
}
.tab-container  {
	display: flex;
	flex-direction: column;
}
.sub-tab-container {
	display: flex;
	flex-direction: row;
}

/* Style the tab */
.tab {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    overflow: hidden;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    margin: 22px 0;
	gap: 30px;
}
.sub-tab {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 11px;
	gap: 15px;
	max-width: 25%;
}

/* Style the buttons that are used to open the tab content */
.tab button {
 background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: 0.3s;
    opacity: .7;
    border-radius: 0;
    padding: 10px 0;
	font-size: 22px;
    color: #494949;
    text-transform: uppercase;
    letter-spacing: 2px;
	font-weight: bold;
}
.sub-tab button {
 background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: 0.3s;
    opacity: .7;
    border-radius: 0;
    padding: 10px 10px;
	font-size: 16px;
    color: #494949;
    text-transform: uppercase;
    letter-spacing: 2px;
	font-weight: bold;
	text-align: left;
}
.tab button.active::after {
    background-color: #54c9b4;
	
    content: "";
    height: 3px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    opacity: 1;
}
.sub-tab button.active::after {
    background-color: #54c9b4;
	
    content: "";
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    opacity: 1;
}

/* Change background color of buttons on hover */
.tab button:hover,.sub-tab button:hover {
  opacity: 1;
  color: #54c9b4;
}

/* Create an active/current "tab button" class */
.tab button.active {
	opacity: 1;
	color: #54c9b4;
}
.sub-tab button.active {
	opacity: 1;
	color: #54c9b4;
}

/* Style the tab content */
.tabcontent {
  width: 100%;
  height: 100%;
  border-left: none;
  display: none;
  flex-direction: column;	
  min-height: 80vh;
  padding-bottom: 80px;
}
.sub-tabcontent {
  width: 100%;
  height: 100%;
  border-left: none;
  display: none;
  flex-direction: column;	
  min-height: 40vh;
  padding-bottom: 40px;
}
.tabcontent.active,.sub-tabcontent.active {
  display: flex;
}
.tabcontent h1{
}
.tabcontent.active > h1{
	/*animation: slideinfromleft 1s 1;
	transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s !important;*/
}
.sub-tabcontent.active > h1{
	/*animation: slideinfromleft 1s 1;
	transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s !important;*/
	font-size: 22px;
}

.tabcontent.active > div{
	/*animation: slideinfromleft 1s 1;
	transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s !important;*/
}
.tab-content-container{
	flex: 1;
	position: relative;
	margin-top: 20px;
}
.sub-tab-content-container {
	flex: 1;
	position: relative;
    padding-left: 20px;
    padding-top: 20px;
}

.link-container {
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap:30px;
		margin-bottom: 40px;
		transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s !important;
	}
.tabcontent .link-container {
		gap:10px;
	}
/*
.link-container:before {
		content:' ';
		border-bottom: 1px solid #0086a2;
		position: absolute;
		top: 16px;
		width: 100%;
	}*/
	.link-container > div {
		background: #1CAC83;
		background: -moz-linear-gradient(45deg, #1cac83 0%, #b9d037 100%);
		background: -webkit-linear-gradient(45deg, #1cac83 0%, #b9d037 100%);
		background: -o-linear-gradient(45deg, #1cac83 0%, #b9d037 100%);
		background: linear-gradient(45deg, #1cac83 0%, #b9d037 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1CAC83",endColorstr="#B9D037",GradientType=1);
		width: calc(33.33% - 20px);
		height: 186px;
		background-size: cover;
		text-align: center;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s !important;
		position: relative;
	}

	.ehandwierk .link-container > div {
		background-color: #0086a2;
		background: #54c9b4;
		background: -moz-linear-gradient(45deg, #0086a2 0%, #54c9b4 100%);
		background: -webkit-linear-gradient(45deg, #0086a2 0%, #54c9b4 100%);
		background: -o-linear-gradient(45deg, #0086a2 0%, #54c9b4 100%);
		background: linear-gradient(45deg, #0086a2 0%, #54c9b4 100%);
		width: calc(33.33% - 20px);
		height: 186px;
		background-size: cover;
		text-align: center;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s !important;
		position: relative;
	}
	.link-container > div:hover {
		transform: scale(1.025);
		transform-origin: center center;
	}
	.link-container > div:hover > a span.description{
		 opacity: 1;
		/*
          -webkit-transform: translate(0, -90px);
          -ms-transform: translate(0, -90px);
          transform: translate(0, -90px); */
	}


	/*
	.link-container > div:hover .badge{
		transform: scale(1.2);
		transform-origin: center center;
	}*/

	.tab-container .link-container > div {
		width: calc(282px - 20px);
		height: 150px;
	}
	.tab-container .link-container > div > a span {
		font-size: 1.8rem;
	}


	.link-container.medias > div {
		width: calc(20% - 10px);
		height: 370px;
		background-size: cover;
		text-align: center;
		
	}
	.link-container > div > a{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
    	font-weight: bold;
    	text-transform: uppercase;
		position: relative;
		flex-direction: column;
	}

	.link-container > div > a span{
		color: white !important;
		z-index: 1;
		text-align: center;
		font-size: 2rem;
		font-weight: 700;
		text-transform: uppercase;
		padding: 0 10px;
		line-height: 1em;
    	/*text-shadow: 0px 1px black;*/
	}

	.link-container > div > a span.description{
		padding: 5px 5px;
    	font-size: 16px;
		font-weight: 500;
		opacity: 0;
        text-transform: inherit;
        position: absolute;
        left: 0;
        bottom: 0; 
		/*background: rgba(0,0,0,.5);*/
		transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s !important;
	}



	.link-container > div.bluecolor > a{
		color: white;
	}
	
	.link-container > div > a > p {
		font-size: 1.6rem !important;
		line-height: inherit;
		color: inherit;
		margin-bottom: unset !important;
		padding: 0 10px;
	}
	
	.link-container > h1 {
		width: 100%;
	}

.links-container {
	display: flex;
	flex-direction: column;
	gap:10px;
}
.links-container a{
	font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
}

@keyframes slideinfromleft {
    from { margin-right  : 50px; }
    to   { margin-right  : 0px; }
}

.ehandwierk section:nth-child(odd) {
    background-color: #ffffff !important;
}
.ehandwierk section:nth-child(even) {
    background-color: #f4f4f4 !important;
}
.ourteam-container{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 40px;
    transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s !important;
	align-items: center;
	justify-content: center;
}
.ourteam-container > div {
    width: calc(300px - 60px);
    height: 430px;
    background-size: cover;
    text-align: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s !important;
}
.ourteam-container > div:hover {
    transform: scale(1.025);
	transform-origin: center center;
}

.ourteam-member{
	padding: 20px;
	color: #ffffff;
	font-weight: bold;
	position: relative;
	background-color: #0086a2;
	background: #54c9b4;
    background: -moz-linear-gradient(130deg, #0086a2 0%, #54c9b4 100%);
    background: -webkit-linear-gradient(130deg, #0086a2 0%, #54c9b4 100%);
    background: -o-linear-gradient(130deg, #0086a2 0%, #54c9b4 100%);
    background: linear-gradient(130deg, #0086a2 0%, #54c9b4 100%);
	cursor: default;
}
.ourteam-member > div.membercontent{
	display: flex;
    flex-direction: column;
	align-items: center;
    gap: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-shadow: 1px 1px rgba(0,0,0,.2);
}
.ourteam-member img{
	border-radius: 100px;
    width: 80%;
    height: auto;
    max-width: 160px;
	border: 4px solid #ffffff;
}
.ourteam-member .name{
	font-size: 30px;
}
.ourteam-member .name span{
	display: block;
	font-size: 20px;
	text-transform: uppercase;
}
.ourteam-member .jobtitle{
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
}
.smedias {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
	justify-content: center;
}
.smedia{
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid;
	border-radius: 40px;
	background-color: rgba(255,255,255,.2);
	transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s !important;
}
.smedia:hover{
	transform: scale(1.1);
	background-color: #ffffff;
}
.smedia:hover i{
	color: #ffffff;
}
.smedia a{
	width: 100%;
    height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
	color: #ffffff !important;
}
.smedia:hover i{
	color: #0086a2;
}
.table-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap:10px;
}
.table-container .column{
	display: flex;
	flex-direction: column;
	gap:10px;
}
.article-container {
	/*display: flex;
	justify-content: space-between;*/
	padding: 20px;
    background-color: #f4f4f4;
}
.article-container article{
	/*background-color: #f4f4f4;*/
	/*min-height: 60px;*/
}
.article-container article h1{
	font-size: 16px !important;
	line-height: 16px;
	text-transform: unset !important;
	margin-bottom: 0 !important;
}
.article-container > a{
	display: block;
	width: 100%;
	height: 100%;
	flex: 33.33%;
	margin-right: 8px;
	margin-bottom: 8px;
}
.article-container article h1:before {
    content: '';
    background: url(/images/hand-right-yde.svg);
    height: 11px;
    width: 30px;
    vertical-align: baseline;
    display: inline-block;
    background-repeat: no-repeat;
}
.category-list {
	padding: 2vw;
}
.category-list table{
	width: 100%;
}
.pagination-list li{
	display: inline-block;
	width: 50px;
	text-align: center;
    background-color: #f4f4f4;
    margin: 0px 2px;
}
.pagination-list li.active a{
	color: #fff !important;
	background-color: #1CAC83;
}
.pagination-list a{
	display: block;

}
body .content_section .content ul li > ul{
    list-style: circle;
	font-size: 0.8em;
    padding-top: 8px;
    margin-bottom: 12px;
}
.pagination nav{
	text-align: center;
}
.scrollbox {
	overflow: auto;
    max-width: 100%;
    margin: 0px auto;
    background-image: -webkit-gradient(linear, left top, right top, from(white), to(white)), -webkit-gradient(linear, left top, right top, from(white), to(white)), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 30px 100%, 30px 100%, 20px 100%, 20px 100%;
    background-attachment: local, local, scroll, scroll;
}
.scrollbox .table-color td, .scrollbox .table-color tbody > tr > td {
    background-color: transparent !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 6px 12px;
}
ul.tablegrid {}
body .tableau ul.tablegrid li { display: list-item; }
body .content_section .content ul.tablegrid li, body .content_section .content ol.tablegrid li { color: #474747; margin-bottom: 0 }
ul.tablegrid { border-left: 1px solid rgba(0,0,0,.1); border-right: 1px solid rgba(0,0,0,.1) }
ul.tablegrid li.item { border-top: 1px solid rgba(0,0,0,.1) }
ul.tablegrid li.item:last-child { border-bottom: 1px solid rgba(0,0,0,.1) }

body .tableau ul.tablegrid li.item {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

@media screen and (min-width: 768px){
body .tableau ul.tablegrid li.item div {
    border: 0;
    padding: 6px 12px;
}}
body main > header { padding: 3px; -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); }
.hamburger-box { vertical-align: middle; }
@media screen and (max-width: 767px) {
	
	body main > header #logo_yde { width: 54px; height: 54px; border-radius: 50%; }
	body .decovar { margin: 10px 0 10px; }
}
.content_section.corona h3 {
	background-color: #eaeaea;
    padding: 8px;
    border-radius: 3px;
}
.pulse-box {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
		transform: scale(1);
		animation: pulse 2s infinite;
	}

	@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.list-before-minus:before {
    content: '- ';
    margin-left: -6px;
    position: absolute;
    padding-top: 1px;
}
.greater-text {
	font-size: 2.2rem !important;
}
.greater-text a {
    font-size: 2.2rem !important;
}

body .content_section .content p strong a {
    font-weight: 600;
    
}
.tableau.hoe ul{
	padding-left: 0 !important;
}
.tableau.hoe ul li{
	text-align: center;
}
.tableau.hoe ul li p, .tableau.hoe ul li strong{
	color: #cccc33;
	font-size: 2rem;
}
.tableau.hoe ul li div{
	border: 0;
}

.tableau.hoe ul li div{
	border-right: 1px solid #1CAC83;
}

span[class^="filter_"] {
	margin-left: 2em;
	font-style: italic;
	font-size: smaller;
	display: none;
}
span.filter_4 { display: none}
span.filter_5 { display: none}
span.filter_6 { display: none}
span.filter_7 { display: none}
span.filter_8 { display: none}
span.filter_9 { display: none}
span.filter_15 { display: none}
span.filter_16 { display: none}
span.filter_17 { display: none}
span.filter_18 { display: none}
span.filter_19 { display: none}
span.filter_20 { display: none}

body .newsletter form select {
width: 98%;
    float: left;
    margin-right: 24px;
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    color: #114A3A;
    line-height: 1.3;
    padding: 20px 10px 20px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    margin-bottom: 24px;
}
body .newsletter form label {
    display: inline-block;
    padding: 12px 24px 12px 0;
    margin-right: 24px;
    background: none;
    color: #ffffff;
    margin-bottom: 6px;
}
body .newsletter form  label .inputcool {
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    background: rgba(11, 93, 69, 0.5);
    position: relative;
}
body .newsletter form  label .inputcool::after {
              font-family: "Font Awesome 5 Free";
              font-weight: 900;
              content: "\f00c";
              position: absolute;
              top: 2px;
              right: 3px;
              left: 3px;
              bottom: 0px;
              font-size: 1.8rem;
              color: #ffffff;
              opacity: 0; }


          body .newsletter form label.active .inputcool {
            background: #114A3A; }
            body .newsletter form label.active .inputcool::after {
              opacity: 1; }
body .newsletter form label .text {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    margin-left: 9px;
}

body .newsletter form textarea::-webkit-input-placeholder {
        color: #9B9B9B; }
      body .newsletter form textarea:-ms-input-placeholder {
        color: #9B9B9B; }
      body .newsletter form textarea::-ms-input-placeholder {
        color: #9B9B9B; }
      body .newsletter form textarea::placeholder {
        color: #9B9B9B; }
body .newsletter form textarea {
    background: #ffffff;
    color: #114A3A;
    height: 160px;
    width: calc(100% - 60px);
    padding: 13px 10px 10px;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-weight: 600;
    margin-top: 18px;
	width: 98% !important;
    margin-bottom: 8px !important;
    margin-right: 2% !important;
	margin: 0;
}

.owl-carousel h1{
	transition: all 0.3s;
	font-size: 3.5rem;
	color: #cccc33;
    font-weight: 600;
	text-transform: uppercase;
    margin: 0;
} 
div.sliderphoto {
width: 100%;
    height: 380px;
}
div.sliderphoto img {
		height: 380px;
		width:auto !important;
		float: right;
		display: block;
}
div.shadow {
	position: absolute;
    width: 100%;
    height: 100%;
		background: -moz-linear-gradient(left, #1a1a1a 0%, rgba(204, 204, 51, 0) 70%, rgba(204, 204, 51, 0) 100%);
		background: -webkit-linear-gradient(left, #1a1a1a 0%, rgba(204, 204, 51, 0) 70%, rgba(204, 204, 51, 0) 100%);
		background: -webkit-gradient(linear, lleft, from(#1a1a1a), color-stop(70%, rgba(204, 204, 51, 0)), to(rgba(204, 204, 51, 0)));
		background: -webkit-linear-gradient(lleft, #1a1a1a 0%, rgba(204, 204, 51, 0) 70%, rgba(204, 204, 51, 0) 100%);
		background: -o-linear-gradient(lleft, #1a1a1a 0%, rgba(204, 204, 51, 0) 70%, rgba(204, 204, 51, 0) 100%);
		background: linear-gradient(lleft, #1a1a1a 0%, rgba(204, 204, 51, 0) 70%, rgba(204, 204, 51, 0) 100%);
		background-size: 60% 100%;
		
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-repeat: no-repeat;
	}

@media screen and (max-width: 767px) {
	body .content_section .content .contact_content ul li a.tel{
		padding: 0;
	}
	body .content_section .content .contact_content ul li .photo {
		width: 80px;
	}
	body .content_section .content .contact_content ul li .content {
    width: calc(100% - 80px);
    padding: 0 0 0 12px;
	line-height: 12px;
	}
}
@media screen and (max-width: 767px) {
body #slider_top_v2 .bx-wrapper .bx-viewport .frantome_grid40 {
    margin-top: 40px;
    margin-bottom: 20px;
    max-width: 100%;
    float: right;
    overflow: hidden;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
	
}

body .section_actu ul li article {

    min-height: 490px;
}
body .mail a {
        font-size: 1.4rem;
        text-decoration: none;
        color: #9B9B9B;
        float: left;
        clear: both;
        padding: 10px 0; 

}
body .mail a:before {
    content: "\f1d8";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 12px;
}
        body .contactfooter ul li .mail a i {
          margin-right: 12px; }

ul.clean, ol.clean {
    list-style: none !important;
}
body .content_section .content ul {
    list-style: square;
}
body .color_section h1 .picto {
    display: none;
}
body .content_section .content .lien_box span {
    display: block;
    padding-left: 0;
}
body .content_section .content .lien_box span.picto {
    display: none;
}
body .content_section.ehandwierk .sidebar .second_nav ul li.active a {
    color: #00a1a2;
}
body .section_event ul li article {
    min-height: 250px;
}
body #slider_top_v2 .bx-wrapper .bx-viewport .frantome_grid40 p {
   
    line-height: 1.6;

}
@media screen and (min-width: 768px) {
body #slider_top_v2 .bx-wrapper .bx-viewport .frantome_grid40 h1 {
    font-size: 3.5rem;
    -webkit-transform: translate(-102%, 0);
    -ms-transform: translate(-102%, 0);
    transform: translate(-102%, 0);
}}
#nav_left_info_more {
	color: rgba(0, 0, 0, 0.2);
	text-align: center;
}
body .content_section .sidebar .second_nav ul li.active a {
   
    color: #1CAC83;
}	
	.boxshadow p img {
		width: 25%;
		margin-top: 15px;
	}
	.table-color th, .table-color tbody > tr > th {
		background-color: #B9D037 !important;
		color: #ffffff !important;
		font-weight: 600;
		font-size: 1.8rem;
		padding: 12px 24px;
		text-align: left;
		border: 1px solid rgba(0, 0, 0, 0.1);
	}
	.table-color.bluecolor th, .table-color.bluecolor tbody > tr > th {
		background-color: #1CAC83 !important;
	
	}
	.table-color td, .table-color tbody > tr > td {
		background-color: #ffffff !important;
		border: 1px solid rgba(0, 0, 0, 0.1);
		
		
		padding: 12px 24px;
	}
	.table-color th p, .table-color tbody > tr > th > p{
		
		color: #ffffff !important;
		font-weight: 600;
		font-size: 1.8rem;
		margin: 0 !important;
		padding: 0;
	}
	.table-txtimg {
		margin-top: 30px;
		width: 100% !important;
		
		margin-bottom: 30px;
	}
	.panel-group.faq .panel .panel-heading {
		background-color: #1CAC83; /*#00a1a2;*/
		border-radius: 0;
	}
	.panel-default .panel-heading {
    position: relative;
    border-radius: 0;
    padding-left: 2.143em;
    height: 3.0em;
    padding-top: 0;
    border-bottom-width: 0px !important;
    padding-bottom: 0;
}
	.panel-group.faq .panel .panel-heading .panel-title {
    height: 50px;
}
	.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
	.panel-group.faq .panel .panel-heading .panel-title a {
    display: block;
    transition: all 250ms;
    font-weight: 600;
    font-size: 17px;
    line-height: 48px;
    color: white;
}
	.panel-default .panel-heading a {
    font-size: 1.143em;
    height: 3em;
    line-height: 3em;
		text-decoration: none;
}
	.panel-group.faq .panel .panel-heading .panel-title a i {
    font-size: 22px;
    padding-right: 20px;
    line-height: 48px;
		float: right;
}
	.panel-group.faq .panel .panel-collapse {
    border-top: 1px solid #e7e7e7;
    background-color: white;
    padding: 15px 30px;
}
	li.label {
		font-weight: bold;
		padding-left: 40px;
		color: #8a8a8a !important;
		margin-top: 24px !important;
	}
	li.text {
		font-weight: normal;
		padding-left: 40px;
		
	}
	li:first-of-type.label {
		
		margin-top: 12px !important;
	}
.hand-right {}
.hand-right:before {
    content: '';
    background: url(/images/hand-right-yde.svg);
    height: 11px;
    width: 30px;
    vertical-align: baseline;
    display: inline-block;
    background-repeat: no-repeat;
}
em {
	font-style: italic !important;
}
body .content_section #barscroll {
   background-image: url(../img/bg_section_blue.png) !important;
   
}
	.assoc-flag {
		height: 24px;
		-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
    	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
		transition: transform .5s ease;
	}
	.assoc-flag:hover {
		transform: scale(1.5);
	}
	
	body .content_section.ehandwierk .content .temoignage_content h2, body .content_section.ehandwierk .content .contact_content h2, body .content_section.ehandwierk .content .infobox_content h2, body .content_section.ehandwierk .content .lien_box, body .content_section.ehandwierk .content .social_link ul li a {
		background: #00a1a2;
		color: #fff;
	}
	body .content_section.ehandwierk .content .contact_content h3, body .content_section.ehandwierk .content .infobox_content h3, body .content_section.ehandwierk .content h2, body .content_section.ehandwierk .content h1, body .content_section.ehandwierk .content p a, body .content_section.ehandwierk .content .temoignage_content .intro .content h3 {
		color: #00a1a2;
	}
	.content_section.ehandwierk .panel-group.faq .panel .panel-heading, .ehandwierk .table-color th, .content_section.ehandwierk .table-color tbody > tr > th {
		background-color: #00a1a2 !important;
	}
	body .content_section.ehandwierk .sidebar .current_nav .page_title {
    background: url(/images/bg_section_eh.png) left center repeat-y;
		background-size: 0%;
	}
	body .content_section.ehandwierk #barscroll {
      
      background: url(/images/bg_section_eh.png) left center repeat-y;
		background-size: 0%;
      }
.boxshadow label {
	color: #9B9B9B;
    padding-left: 76px;
    font-weight: 600;
	display: block;
	margin-bottom: 8px;
}
body .content_section .content h1 {
    
    color: #1CAC83;
    
}

body .content_section .sidebar .current_nav ul li {
    margin: 0 0;
}
body .list_recherche .greybox form input {
          width: 100%;
          float: left;
          margin-right: 24px;
          display: block;
          font-size: 1.6rem;
          font-weight: 600;
          
          line-height: 1.3;
          padding: 24px;
          max-width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          margin: 0;
          border: 0px;
          -webkit-box-shadow: none;
          box-shadow: none;
          border-radius: 0px;
          -moz-appearance: none;
          -webkit-appearance: none;
          appearance: none;
          background: #fff;
          margin-bottom: 24px; }
@media screen and (min-width: 480px) {
body .list_recherche .greybox form input {
    width: calc(100% - 104px);
    margin-bottom: 0;
}}

.pl24{
	padding-left: 24px;
}
.pl34{
	padding-left: 34px;
}
.mb44{
	margin-bottom: 44px;
}
h3.heading{
	background-color: #00a1a2;
    font-weight: 600;
    margin-bottom: 24px;
    margin-top: 24px;
    color: #fff !important;
    padding: 16px 0px 16px 16px;
}
.tagbtn {
            padding: 12px 28px 8px;
            border: 1px solid #1CAC83;
            display: inline-block;
            color: #1CAC83;
            text-transform: uppercase;
            line-height: 1;
            font-size: 1.2rem;
            font-weight: 600; }

body .content_section .content p {
    margin-bottom: 8px; /*24px;*/
}

body .content_section .content h2 {
	margin-bottom: 6px;
}

@media screen and (min-width: 768px){
body .content_section .sidebar .second_nav ul {
    padding: 6px 36px;
}}
body .section_event ul li article .date {
    font-size: 1.8rem;
   padding: 7px 14px 5px;
}
body .section_actu ul li article .box_actu_image {
    width: 100%;
    height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 0 70px rgba(0,0,0,0.1) inset;
}
body .content_section .content .lien_box {
    margin-bottom: 60px;
    margin-top: 60px;
}
body .section_event ul li article .lang.lb {
              background: url(../img/luxembourg.svg) center center no-repeat;
              background-size: cover; }
body .content_section .sidebar .second_nav ul li {
    margin: 2px 0;
}
body main > footer .social_link ul li a {
    padding: 13px;
    padding-top: 11px;
}
body main > header #nav_main nav ul li ul {
    min-width: 250px;
}
body a{
    cursor: pointer;
    /*font-size: 1.6rem;*/
    font-weight: 400;
    text-decoration: none;
    line-height: 1.6;
    color: #1CAC83;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
body.ehandwierk a{
    color: #00a1a2;
}

body.ehandwierk footer a{
    color: #fff;
}
body main > header #nav_main nav ul {
	position: relative;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #0086a2;
  /* If you want dots under the hoverable text */
  cursor: pointer; }

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 260px;
  background: #54c9b4;
  background: -moz-linear-gradient(45deg, #0086a2 0%, #54c9b4 100%);
  background: -webkit-linear-gradient(45deg, #0086a2 0%, #54c9b4 100%);
  background: -o-linear-gradient(45deg, #0086a2 0%, #54c9b4 100%);
  background: linear-gradient(45deg, #0086a2 0%, #54c9b4 100%);
  color: #fff;
  text-align: center;
  padding: 20px 10px;
  border-radius: 6px;
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    
}
.tooltip .tooltiptext, .tooltip .tooltiptext p{
	font-size: 16px !important;
	color: #fff !important;
	line-height: 1.2em !important;
	font-weight: bold;
}
/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 25%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0086a2 transparent transparent transparent; }

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1; }

.flag-container {
		text-align: right;
		padding-top: 10px;
	}

body .content_section .content p a {
    /*font-size: 1.6rem;*/
    font-weight: 400;
    text-decoration: none;
    line-height: 1.6;
    color: #1CAC83;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

body .content_section .content p a:hover, body a:hover {
                color: #0B5D45; }

.yde-tile {
   
    border-radius: 3px;
    width: 100%;
    transition: all 250ms linear;
    text-transform: uppercase;
    height: 9em;
    background-color: #0ca783;
    margin-bottom: 30px;
    margin-top: 0;
    background-size: cover !important;
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    color: #fff;
    font-weight: bold;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	/*box-shadow: 0 0 180px rgba(0,0,0,0.8) inset;*/
	text-align: center;
	
	 
}

 a.yde-tile:link, a.yde-tile:visited {
  background-color: #0ca783;
  color: white;
  text-decoration: none;
	 font-family: 'Khand', sans-serif;
}

.yde-tile::before {
	background: rgba(0,0,0,0.3);
}
.yde-tile::after {
	background: rgba(0,0,0,0.3);
}

a.yde-tile:hover, a.yde-tile:active {
  
	color: #b9d037;
	box-shadow:6px 6px 1px 0px rgba(185,208,55,1), 0 0 180px rgba(0,0,0,0.5) inset;
	
}

.yde-gradient {
	
background: #1CAC83;
    background: -moz-linear-gradient(45deg, #1cac83 0%, #b9d037 100%);
    background: -webkit-linear-gradient(45deg, #1cac83 0%, #b9d037 100%);
    background: -o-linear-gradient(45deg, #1cac83 0%, #b9d037 100%);
    background: linear-gradient(45deg, #1cac83 0%, #b9d037 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1CAC83",endColorstr="#B9D037",GradientType=1);
}	

.table2flex-container {
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 1.1em;
	margin-bottom: 10px;
}
.table2flex-container > div{
	flex: 1;
	display: flex;
	padding: 0;
}

.table2flex-container > div:nth-child(2){
	padding-top: 24px;
}
.table2flex-container > div:last-child{
	padding-bottom: 24px;
}
.table2flex-container > div > div{
	flex: 1 1 0px;
}

.table2flex-header{
    font-weight: 600;
    font-size: 1.8rem;
	/*background: rgba(0, 0, 0, 0.1);*/
	display: flex;
	align-items: center;
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	padding: 18px 24px;
}


.table2flex-content{
  
	font-size: 1.6rem;
	color: #474747;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.table2flex-content ul {
	margin: 0 !important;
}
.testimonials-container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
}
.testimonials-container > div{
	width: calc(50% - 10px);
}

.testimonial-container {
	display: flex;
	position: relative;
	cursor: default;
    transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s !important;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
	background-color: #c8e9e3;
}
.testimonial-container > div:nth-child(2){
	background: #54c9b4;
    background: -moz-linear-gradient(130deg, #0086a2 0%, #54c9b4 100%);
    background: -webkit-linear-gradient( 130deg, #0086a2 0%, #54c9b4 100%);
    background: -o-linear-gradient(130deg, #0086a2 0%, #54c9b4 100%);
    background: linear-gradient( 130deg, #0086a2 0%, #54c9b4 100%);
	height: 100%;
	min-height: 330px;
	box-shadow: 0px 0px 6px #a9a9a9;
	transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s !important;
	width: 180px;
}
.testimonial-container:hover > div:nth-child(2){
	transform: scale(1.05);
}
.testimonial-container:hover blockquote{
	color: #00a1a2;
}

.testimonial-text {
	padding: 20px;
	
}
.testimonial-text p{
	/*color: #fff !important;*/
}
.testimonial-person {
	padding: 20px;
    display: flex;
	flex-direction: column;
    align-items: center;
    gap: 20px;
	color: #fff;
    
}
.testimonial-person-photo {
	
}
.testimonial-person-photo img{
	border-radius: 100px;
    width: 180px;
    height: auto;
    max-width: 160px;
    border: 4px solid #ffffff;
	box-shadow: 0px 0px 6px #a9a9a9;
}
.testimonial-person-name {
	text-align: center;
}
blockquote{
	font-size: 1.2em;
	transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s !important;
}
blockquote:before{
	content:"\201C";
	color: #00a1a2;
	font-weight: bold;
	
    margin-right: 5px;
}
blockquote:after{
	content:"\201E";
	color: #00a1a2;
	font-weight: bold;
	
    margin-left: 5px;
}
.bg_img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.6);
		background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.3) 100%);
		background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.3) 100%);
		background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.3)));
		background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.3) 100%);
		background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.3) 100%);
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.3) 100%);
		opacity: 0.6;
	}