@font-face {
	font-family: 'Playfair Display';
	src: url('../fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf') format('ttf') tech('variations'),
	     url('../fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf') format('ttf-variations');
	font-weight: 100 1000;
	font-stretch: 25% 151%;
	font-display: swap;
}
@font-face {
	font-style: italic;
	font-family: 'Playfair Display';
	src: url('../fonts/Playfair_Display/PlayfairDisplay-Italic-VariableFont_wght.ttf') format('ttf') tech('variations'),
	     url('../fonts/Playfair_Display/PlayfairDisplay-Italic-VariableFont_wght.ttf') format('ttf-variations');
	font-weight: 100 1000;
	font-stretch: 25% 151%;
	font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}





/* width */
::-webkit-scrollbar {
  width: 0;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: transparent;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
*{
	box-sizing: border-box;
}
body{
	color:#50567B;
	font-family: 'Roboto', sans-serif;
}
a{
	color:#50567B;
}
#home{
	width: 100%;height: 100vh;background-repeat: no-repeat;background-size: cover;
    background-position: center 30%;
    position:relative;
}
#service .image_paragraph{
	margin-bottom:60px;
}
.section_inner_container{
	position: absolute;top: 30%;/*-ms-transform: translateY(-50%);transform: translateY(-50%);*/width:100%;
	width: 100%;
	/*padding: 0 5%;*/
	z-index:1;
}
.element_container{
	float:left;width:33.3333%;text-align:center;
	font-family: 'Playfair Display', serif;
}
.element_inner_container{
	padding: 120px 0;
    font-size: 52px;
    color: #50567b;
    border-left: 1px solid #50567b;
    height: 300px;
}
.element_container:nth-of-type(1) .element_inner_container{
	border-left:none;
}
.element_inner_container a{
	font-size: 52px;color: #50567b;text-decoration:none
}
body.section_active_service .element_inner_container, body.section_active_people .element_inner_container, body.section_active_contact .element_inner_container{
	background-color:#FFF;
}
body .service_inner_container{
	width: 0;
	transition: width 0.5s linear;
}
body.section_active_service .service_inner_container{
	width: 30%;
	transition: margin 0.5s linear, width 0.5s linear, height 0.5s linear;
	padding-bottom: 60px;
}

body.section_active_service .element_container_people{
	width:11.6666%;
	transition: width 0.5s linear;
	margin-left:43%;
	transition: margin 0.5s linear;
}
body.section_active_service .element_container_people .element_inner_container a{
	font-size:30px;
}
body.section_active_service .element_container_contact{
	width:11.6666%;
	transition: width 0.5s linear;
}
body.section_active_service .element_container_contact .element_inner_container a{
	font-size:30px;
}

body.section_active_people .element_container_service{
	width:15%;
	transition: width 0.5s linear;
}
body.section_active_people .element_container_service .element_inner_container a{
	font-size:30px;
}
body.section_active_people .element_container_people{
	margin-left:0;
	width:70%;
	transition: margin 0.5s linear, width 0.5s linear;
}
body.section_active_people .element_container_contact{
	width:15%;
	transition: width 0.5s linear;
}
body.section_active_people .element_container_contact .element_inner_container a{
	font-size:30px;
}


body.section_active_contact .element_container_service{
	width:15%;
	transition: width 0.5s linear;
}
body.section_active_contact .element_container_service .element_inner_container a{
	font-size:30px;
}
body.section_active_contact .element_container_people{
	margin-left:0;
	width:15%;
	transition: margin 0.5s linear, width 0.5s linear;
}
body.section_active_contact .element_container_people .element_inner_container a{
	font-size:30px;
}
body.section_active_contact .element_container_contact{
	width:70%;
	transition: width 0.5s linear;
	
    text-align: right;
    padding-right: 100px;
}

.opacity_hidden{
	display:none;
	transition: opacity 0.5s linear;
}
section{
	
}

#people h2{
	margin-top:0;
}
#people .people_element{
	margin-bottom:60px;
}
#people .people_element img{
	width:80%;
	margin-left:20%;
}
#terms_dialog, #impressum_dialog{
	width:100%;
	height:100%;
	padding-top:80px;
	padding-bottom: 100px;
}
.ui-dialog {
    width: 100% !important;
    height: 100vh !important;
    left: 0 !important;
    top: 0 !important;
}
.ui-widget-header {
    border: none;
    background: transparent;
}
.ui-widget-header .ui-dialog-title{
    display:none;
}

.ui-dialog .ui-dialog-titlebar-close {
	border:none;
	background:transparent;
	/*
	top: 30px;
    right: 60px;
    width:40px;
    height:40px;*/
}
.ui-widget.ui-widget-content{
	border:none;
}
/*
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
    position: absolute;
    top: 30px;
    right: 60px;
    left:unset;
}*/
.terms_dialog_inner{
	width:calc(100% - 450px);
	margin:0 390px 0 60px;
	height: 80vh;
}
.impressum_dialog_inner{
	width:calc(100%);
	height:300px;
}
.ui-dialog .ui-dialog-content {
    padding: 0;
}
/*
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
	width: 80px;
    height: 80px;
    background-image: none;
    background-position: unset;
}
.ui-dialog .ui-dialog-titlebar-close:after {
	content:'✖';
}*/
body {
  opacity: 1;
  transition: opacity 0.3s; 
}
body.custom_fade {
  opacity: 0;
  transition: opacity 0s; 
}
.accordion p{
	margin:10px 0;
}
body.custom_fade_element {
  opacity: 1;
  transition: opacity 1s; 
}
body .ui-widget-content, body .ui-widget-content a{
	color:#50567B;
}
.impressum_dialog_inner p{
	font-size: 18px;
}
.accordion .ui-state-active, .accordion .ui-widget-content .ui-state-active, .accordion .ui-widget-header .ui-state-active, .accordion a.ui-button:active, .accordion .ui-button:active, .accordion .ui-button.ui-state-active:hover {
    border: 1px solid #50567B;
    background: #50567B;
    font-weight: normal;
    color: #fff;
}
.ui-dialog .ui-dialog-titlebar-close {
    text-indent:0;
    width: auto;
    margin: 0;
    right: 60px;
    top: 100px;
    font-size: 28px;
    color: #50567b;
    z-index:9999;
}
.ui-dialog .ui-dialog-titlebar-close .ui-button-icon.ui-icon.ui-icon-closethick{
	display:none;
}
.logo_container img{
	background-color:#FFF;
}
.section_active_home .logo_container img{
	background-color:transparent;
}
.logo_container{
	position: absolute;
    height: 100px;
    z-index: 9999;
    background-color: #FFF;
    width: 100%;
    top:0;
}
.section_active_home .logo_container{
    background-color: transparent;
}
.contact_outer{
   	width: 50%;margin: 30vh 20% 0 30%;position: absolute;
}
#service img{
	width:100%;
}
#service h2, #service p{
	font-size:17px;
	margin-left:150px;
}
#service p.image_paragraph{
	margin-left:0;
}
#service h2{
	font-weight:bold;
}
.people_inner_left2{
	padding-bottom: 100px !important;
}
.section_active_terms .section_inner_container, .section_active_impressum .section_inner_container{
	display:none;
}
.accordion.ui-accordion .ui-accordion-content {
    padding: 5px 20px;
}
.terms_dialog_inner2{
	padding-bottom:60px;
}