body {
  background-color: #ffffff;
  font-family: 'h-font', 'Trebuchet MS', sans-serif;
  color: #ffffff;
  font-size: calc(18px + 12 * ((100vw - 1024px) / 1536));
  line-height: 1.4em;
  font-weight: normal;
  /*letter-spacing: 1px;*/
}

p {
	margin-bottom: 1em;
}

.s-hidden-small {
	display: inherit !important;
}
.s-hidden-main {
	display: none !important;
}

h1 {
  position: relative;
  z-index: 11;
  margin-top: 0vw;
  margin-bottom: 0vw;
  padding-top: 0;
  color: #fff;
  font-size: calc(60px + 40 * ((100vw - 1024px) / 1536));
  line-height: 1em;
  font-weight: 400;
  text-transform: uppercase;
}
.subpage h1 {
  font-size: 2rem;
  line-height: 1em;
	color: #000;
}
.subpage a {
	color: #000;
	text-decoration: underline;
}
.subpage a:hover {
	color: #000;
}

h2 {
  margin-top: 0.7vw;
  margin-bottom: 0px;
  font-size: calc(26px + 12 * ((100vw - 1024px) / 1536));
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 15%;
}
.subpage h2 {
  font-size: 1.3rem;
  line-height: 1.2em;
  margin-top: 0.5em;
}

h3 {
  margin-top: 0.5vw;
  margin-bottom: 1em;
  font-size: calc(18px + 12 * ((100vw - 1024px) / 1536));
  line-height: 1em;
  font-weight: 700;
  letter-spacing: -0.02em;
  /*text-transform: uppercase;*/
}

h4 {
  margin-top: 0.2vw;
  margin-bottom: 0px;
  font-family: simsim, 'Trebuchet MS', sans-serif;
  font-size: 1vw;
  line-height: 1em;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1px;
}

h5 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  letter-spacing: 0em;
}

h6 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: simsim, 'Trebuchet MS', sans-serif;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}

::-moz-selection { 
	background: #ffffff;
	color: #000000;
}
::selection { 
	background: #ffffff;
	color: #000000; 
}
.subpage ::-moz-selection { 
	background: #000;
	color: #fff;
}
.subpage ::selection { 
	background: #000;
	color: #fff; 
}


.r-font {
  font-family: 'r-font', 'Trebuchet MS', sans-serif;
}
.h-font-medium {
	  font-family: 'h-font-medium', 'Trebuchet MS', sans-serif;
}
.h-font-bold {
	font-family: 'h-font-bold';
}
.p-font {
	  font-family: 'p-font', 'Trebuchet MS', sans-serif;
}
.and-font {
	  font-family: 'and-font', 'Trebuchet MS', sans-serif;
}
.imprint {
	font-size: 0.875em;
	margin-top: 2em;
	opacity: 0.5;
}
.subpage {
	color: #000;
}

.services {
	font-size: calc(30px + 12 * ((100vw - 1024px) / 1536));
	line-height: 1.5em;
    margin: 0;
	padding: 0;
	list-style-type: none;
}
.services li {
	list-style: none;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	display: block;
    padding-left: 7vw;
}

h2.services {
	text-transform: none;
	line-height: 1.3em;
	margin-bottom: .7em;
}

.subpage .services li {
	list-style: none;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	display: block;
	padding-left:40px;
}
.subpage .services.resume li {
	list-style: none;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	display: block;
	padding-left:40px;
	margin-bottom: 0.7em;
}


.services li::before {
	position: relative;
    width: 5vw;
    height: 1px;
	margin-right: 30px;
	left:-7vw;
	background-color: #ffffff;
	display: block;
    content: "";
	top:1em;
}

.subpage .services {
	font-size:calc(18px + 12 * ((100vw - 1024px) / 1536));
	line-height: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 2em;
	padding-right: 3.2vw;
}


.subpage .services li .content {
	padding-left:0;
	margin-left: 0;
}

.subpage .services li::before {
	position:relative;
    width: 20px;
    height: 1px;
	margin-right: 30px;
	left:-30px;
	background-color: #000;
	display: block;
    content: "";
	top:1em;}

a {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #ffffff;
  text-decoration: none;
}

a:hover {
  color: #fff;
}

.link__back {
	position: relative;
 top: 0;
left: 0;
bottom: 0;
/*width: 100%;*/
z-index: 2;
	margin-right: 30px;
}

.link__back .svg-back {
    transform: rotate(-90deg);
}
.svg-back g {
    transition: transform .4s cubic-bezier(0.4, 0, 0, 1);
}
.svg-back g:last-child {
    transform: translateY(100%);
}
.link__back:hover .svg-back g:first-of-type {
 transform:translateY(-115%)
}
.link__back:hover .svg-back g:last-child {
 transform:translateY(0%)
}

.hamburger {
	display: block;
	position: absolute;
	width:40px;
	height:30px;
	top:73px;
	left:22px;
	border-top: 2px solid #fff;
}
.hamburger::before {
	content: "";
	display: block;
	margin-top:8px;
	border-bottom: 2px solid #fff;
	width: 100%;
	-webkit-transition-timing-function: cubic-bezier(.16,0,.12,1);
    transition-timing-function: cubic-bezier(.16,0,.12,1);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}
.hamburger::after {
	content: "";
	display: block;
	margin-top:8px;
	border-top: 2px solid #fff;
	width: 70%;
	-webkit-transition-timing-function: cubic-bezier(.16,0,.12,1);
    transition-timing-function: cubic-bezier(.16,0,.12,1);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}
.hamburger:hover::before {
	width: 70%;
}
.hamburger:hover::after {
	width: 100%;
}
.subpage .hamburger, .subpage .hamburger::after {
	border-top: 2px solid #000;
}
.subpage .hamburger::before {
	border-bottom: 2px solid #000;
}

.read-more {
	text-transform: uppercase;
	margin-top: 19em;
	position: relative;
	display: inline-flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#p2 .lawyer__container {
	display: flex;
	flex-wrap: wrap;

}
#p2 .lawyer__container .content.lawyer{
	flex-basis: calc(85vw / 2);
	flex-grow: 1;
	flex-shrink: 1;
}

.cell-lawyer .lawyer-title, .content.lawyer .lawyer-title{
	display: inline-flex;
	text-transform: uppercase;
	font-size: calc(18px + 12 * ((100vw - 1024px) / 1536));
	margin-top:1vw;
}
.cell-lawyer h2 {
	margin-top:2vw;
}
.cell-lawyer .title {
	text-transform: uppercase;
	margin-right: 10px;
}
.cell-lawyer .arrow, .content.lawyer .arrow {
	position: relative;
	display: inline-flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	/*margin-top: .3em;*/
	margin-left: 1em;
}
.cell-lawyer .arrow::before, .content.lawyer .arrow::before {
    position: relative;
    width: 45px;
    height: 1px;
	/*left:20px;*/
	background-color: #ffffff;
	display: block;
    content: "";
    -webkit-transition-timing-function: cubic-bezier(.16,0,.12,1);
    transition-timing-function: cubic-bezier(.16,0,.12,1);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}
.lawyer__link:hover .cell-lawyer .arrow::before {
    width: 5vw;
    height: 1px;
}
.cell-lawyer .arrow::after, .content.lawyer .arrow::after {
	display: block;
    content: "";
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
	position: absolute;
    left: 40px;
    width: 10px;
    height: 10px;
    visibility: visible;
    opacity: 1;
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform,-webkit-transform;
    transition-duration: .2s, .2s;
    transition-timing-function: ease, ease;
    -webkit-transition-timing-function: cubic-bezier(.16,0,.12,1);
    transition-timing-function: cubic-bezier(.16,0,.12,1);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transform: rotate(-45deg) translateX(-50%) translateY(-50%) scale(1);
    transform: rotate(-45deg) translateX(-50%) translateY(-50%) scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
.lawyer__link:hover .cell-lawyer .arrow::after {
    visibility: visible;
	left:4.3vw;
    opacity: 1;
    -webkit-transform: rotate(-45deg) translateX(0) translateY(0) scale(1);
    transform: rotate(-45deg) translateX(0) translateY(0) scale(1);
}
.read-more.title {
	position: relative;
}

.grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bg-color-green {
  background-color: #284F50;
}

.grid.bg-color-red {
  background-color: #CB3E38;
}

.grid.bg-color-blue {
  background-color: #242D3E;
}
.grid.bg-color-grey {
  background-color: #EBEAE9;
}


.grid.bg-color-orange {
  background-color: #eb6325;
}

.grid.bg-color-orange-copy {
  background-color: #6607a5;
}

#wdymenu {
	position: fixed;
	left:0px;
	top:0;
	height: 100vh;
	width:88px;
	z-index: 999;
	border-right:1px solid #ffffff;
	display: block;
}


.logo-p0{
  position: absolute;
  left: 40vw;
  top: 42%;
  z-index: 1000;
  width: 20vw;
}
.logo-menu{
  position: absolute;
  left: -40px;
  top: 45%;
  width: 160px;
 transform: rotate(-90deg);
 /*-ms-transform: rotateY(-90deg);*/
 -webkit-transform: -webkit-rotateY(-90deg);
 -moz-transform: -moz-rotateY(-90deg);
 -o-transform: rotateY(-90deg);
}

.logo {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.main {
  padding-left:88px;
}
.main.scroll {
	width:auto;
}


.subpage #wdymenu {
	border-right:1px solid #000;
}

#p0 {
	z-index: 999;
}

.cell {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}



.cell._1x_first {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90px;
}

.cell._1x {
  -webkit-box-flex: 8.33%;
  -webkit-flex: 8.33%;
  -ms-flex: 8.33%;
  flex: 8.33%;
}

.cell._2x {
  -webkit-box-flex: 16.66%;
  -webkit-flex: 16.66%;
  -ms-flex: 16.66%;
  flex: 16.66%;
}

.cell._3x {
  -webkit-box-flex: 25%;
  -webkit-flex: 25%;
  -ms-flex: 25%;
  flex: 25%;
}

.cell._4x {
  -webkit-box-flex: 33.33%;
  -webkit-flex: 33.33%;
  -ms-flex: 33.33%;
  flex: 33.33%;
}
.cell.portrait {
  -webkit-box-flex: 33.33%;
  -webkit-flex: 33.33%;
  -ms-flex: 33.33%;
  flex: 33.33%;
}

.cell._5x {
  -webkit-box-flex: 41.66%;
  -webkit-flex: 41.66%;
  -ms-flex: 41.66%;
  flex: 41.66%;
}

.cell._6x {
  -webkit-box-flex: 50%;
  -webkit-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
}

.cell._7x {
  -webkit-box-flex: 58.33%;
  -webkit-flex: 58.33%;
  -ms-flex: 58.33%;
  flex: 58.33%;
}

.cell._8x {
  -webkit-box-flex: 66.66%;
  -webkit-flex: 66.66%;
  -ms-flex: 66.66%;
  flex: 66.66%;
}
.cell.info {
  -webkit-box-flex: 66.66%;
  -webkit-flex: 66.66%;
  -ms-flex: 66.66%;
  flex: 66.66%;
}

.cell._9x {
  -webkit-box-flex: 75%;
  -webkit-flex: 75%;
  -ms-flex: 75%;
  flex: 75%;
}

.cell._10x {
  -webkit-box-flex: 83.33%;
  -webkit-flex: 83.33%;
  -ms-flex: 83.33%;
  flex: 83.33%;
}

.cell._11x {
  -webkit-box-flex: 91.66%;
  -webkit-flex: 91.66%;
  -ms-flex: 91.66%;
  flex: 91.66%;
}

.cell._12x {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
}



.cell-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cell-content.bg-grey {
  background-color: rgba(0, 0, 0, .1);
}

.cell-content.bg-black {
  background-color: #141313;
  color: #fff;
}

.cell-content.bg-color-red {
  background-color: #f03749;
}

.cell-content.bg-color-gold {
  background-color: #A07743;
}

.cell-content.bg-color-green {
  background-color: #284F50;
}

.cell-content.bg-color-orange {
  background-color: #CB3E38;
}

.cell-content.bg-color-blue {
  background-color: #242D3E;
}

.cell-content.bg-color-white {
  background-color: #fff;
  color: #141313;
}

.cell-content.line-green-bottom {
  border-bottom: 1px solid #009146;
}

.cell-content.bg-01 {
  border-bottom: 1px solid #000;
  background-image: url('../images/01_falafel_im_arabischen_brot.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.cell-content.line-left {
  border-left: 1px solid #fff;
}

.cell-content.line-left-bottom {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}



.lawyer__link::before, .lawyer__link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1);
}

.lawyer__link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
}
.lawyer__link::before {
    transform-origin: top;
    width: 1px;
    height: 17.5vw;
    transform: scaleY(0);
}
.lawyer__link:hover::before {
    transform: scaleY(1);
    transition-duration: 0.6s;
}
.lawyer__link::after {
    transform-origin: left;
    width: 100%;
    height: 1px;
}
.lawyer__link:hover::after {
    transform: scaleX(0.85);
}
.lawyer__link:hover ~ .tile__image {
    transform: translateX(2em);
    transition-duration: 0.5s;
}
.solid__image {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	padding-top:65vh;
    /*outline: 1px solid #ebeae9;*/
    /*border: 1px solid #ebeae9;*/
    /*z-index: 0;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);*/
}

.subpage .solid__image {
	padding-top:25vw;
}

.tile__image {
    position: relative;
    overflow: hidden;
    margin-top: 2.8vw;
    margin-bottom: 0;
    width: 85.27778%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /*outline: 1px solid #ebeae9;*/
    /*border: 1px solid #ebeae9;*/
    z-index: 0;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
}
.tile__image--cropped, .tile__image--empty {
    padding-top: 60%;
}
.tile__image [data-imagefill], .solid__image [data-imagefill] {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
}

.cell-content.line-top:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background: #ffffff;
    left: 10%;
    width: 80%;
    top: 5%;
}
.cell-content.line-bottom:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background: #ffffff;
    left: 10%;
    width: 80%;
    bottom: 5%;
}
.subpage .cell-content.line-bottom:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background: #000;
    left: 50px;
    width: calc(100% - 50px);
    bottom: 5%;
}

.cell-content.line-right:after {
    content: "";
    display: block;
    position: absolute;
    height: 70%;
    background: #ffffff;
    right: 0;
    width: 1px;
    top: 15%;
}
.line-left:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    background: #ffffff;
    left: 0;
    width: 1px;
    top: 0;
}
.border-left {
	border-left:1px solid #000;
	padding-left: 2vw;
}
.subpage .line-left:before {
    background: #000;
	
}
.cell-content.bg-02 {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  background-image: url('../images/02_falafel_teller.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.cell-content.hummus-01 {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  background-image: url('../images/Humus-NL.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}


.cell-content.line-top-left {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}

.cell-content.bg-03 {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  background-image: url('../images/03_hummus.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.cell-content.bg-04 {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  background-image: url('../images/04_baba_ganoush.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.cell-lawyer {
  position: relative;
  width: 100%;
  height: 95%;
  margin: 0 10%;

}
.cell-full-dimension {
  position: relative;
  width: 100%;
  height: 100%;
}
.cell-padding {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 3.2vw;
}
.subpage .cell-padding {
  padding: 50px;
}
.subpage .cell-padding {
  padding: 50px;
}

.cell-padding.bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.cell-padding.centerOld{
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /*text-align: center;*/
}

.cell-padding.v-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  /*-webkit-align-items: center;*/
  /*-ms-flex-align: center;*/
  /*align-items: center;*/
  /*text-align: center;*/
}
.subpage .cell-padding.v-center {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: left;
  justify-content: left;
	align-items: center;
	-webkit-align-items: center;
}

.cell-padding.top-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.cell-padding.top {
    padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.cell-padding.left {
    padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
}
.cell-padding.left-right {
	padding-bottom: 0;
	padding-top: 0;
}

.cell-padding.middle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.align-center {
  text-align: center;
}

.bg-color-black {
  background-color: #141313;
  color: #fff;
}

.font-color-blue {
  color: #0756a5;
}

.font-color-orange {
  color: #eb6325;
}

.font-color-yellow {
  color: #fee600;
}

.font-color-green {
  color: #009146;
}

.font-color-red {
  color: #f03749;
}

.font-color-black {
  color: #141313;
}

.p {
  margin-bottom: 20px;
}

.align-right {
  text-align: right;
}

.italic {
  font-style: italic;
}

.halfscreen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  min-height: 50vh;
}

._90degree {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  text-align: center;
}

.font-color-white {
  color: #fff;
}

.img {
  height: 16vh;
}

.img.home {
  width: auto;
  height: auto;
}

.bg-color-gold {
  background-color: #A07743;
}

.sr-only {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    clip: rect(0 0 0 0);
}


.dreiviertelscreen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 75vh;
  min-height: 75vh;
}

.einviertelscreen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 25vh;
  min-height: 25vh;
}

.screenrow60 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60vh;
  min-height: 60vh;	
}

.screenrow40 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40vh;
  min-height: 40vh;	
}
.screenrow35 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 35vh;
  min-height: 35vh;	
}
.main.scroll .screenrow35 {
  width: calc(100vw - 88px);
}
.screenrow25 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 25%;
  min-height: 25%;	
}
.screenrow65 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 65vh;
  min-height: 65vh;	
}
.screenrow65.scroll {
  overflow:hidden;
	width:200vw;
}
.subpage .screenrow20 {
  position: absolute;
	top:0;
	left:88px;
	height: 150px;
	width: calc(100% - 138px);
}
.subpage .screenrow80 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  /*height: 100vh;*/
  min-height: 100vh;
	padding-top: 200px;
}

.subpage .screenrow80 .portrait {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(886px * 999 - 100% * 999);
}
.subpage .screenrow80 .info {
  flex-grow: 2;
  flex-shrink: 1;
  flex-basis: calc(886px * 999 - 100% * 999);
  flex-wrap: wrap;
}
.subpage .screenrow80 .wrap {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(885px * 999 - 100% * 999);
}

.description {
  margin-bottom: 0px;
  font-size: 2vw;
  line-height: 1.3em;
  font-weight: 300;
  letter-spacing: 0.01em;
  text-transform: none;
}

.price {
  margin-top: 0.6vw;
  margin-bottom: 0px;
  font-family: Sportinggrotesque, 'Palatino Linotype', sans-serif;
  font-size: 3vw;
  line-height: 0.8em;
  font-weight: 400;
  letter-spacing: 0em;
  text-transform: none;
}

.emoji-2 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin-bottom: 0px;
  margin-left: -6px;
  font-family: 'Drukxcond super web';
  font-size: 4vw;
  line-height: 1.3em;
  font-weight: 400;
  letter-spacing: 0em;
  text-transform: none;
}

.background-video {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.bold-text {
  position: relative;
  bottom: 1.3vw;
  border-bottom: 1px solid #000;
  font-size: 1.3vw;
  font-weight: 400;
}

.circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 5vw;
  height: 5vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10000px;
  background-color: #fff;
  color: #141313;
}

.horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.horizontal.space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.wrapper-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}

.wrapper-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}

.halfscreen-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.halfscreen-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

#move-top, #move-bottom, #move-first, #move-last {
  -webkit-transition: all .5s cubic-bezier(0,0,0.25,1);
  -moz-transition: all .5s cubic-bezier(0,0,0.25,1);
  -o-transition: all .5s cubic-bezier(0,0,0.25,1);
  transition: all .5s cubic-bezier(0,0,0.25,1);
}

.fp-tableCell {
	display:flex;
	width: 100%;
}

.img-home {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.img-home._01 {
  background-image: url('../img/rhp_kanzlei.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.img-home._02 {
  background-image: url('../img/rhp_team.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.img-home._03 {
  background-image: url('../img/rhp_leistungen.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.img-home._04 {
  background-image: url('../img/rhp_kontakt.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.map {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.emoji {
  position: relative;
}

.emoji-1 {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin-bottom: 0px;
  font-family: 'Drukxcond super web';
  font-size: 4vw;
  line-height: 1.3em;
  font-weight: 400;
  letter-spacing: 0em;
  text-transform: none;
}

.logo-heading {
  position: fixed;
  left: 40vw;
  top: 44%;
  z-index: 1000;
  width: 20vw;
}

.utility-page-wrap {
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

html.w-mod-js *[data-ix="hide"] {
  display: none;
  opacity: 0;
}



@media (max-width: 767px) {
  h4 {
    font-size: 14px;
  }
  .img {
    height: auto;
  }

  .logo-heading {
    position: absolute;
    left: 30vw;
    width: 40vw;
  }

}

@media (max-width: 1024px) {
	.subpage .solid__image {
    padding-top: 40vh;
		margin-bottom:50px;
	}
}
	
@media (max-width: 815px) and (orientation: landscape){
	.subpage .solid__image {
    padding-top: 50%;
		width: 40%;
	}
}

@media screen and (max-width: 812px){
	.subpage .solid__image {
		/*padding-top:120vh;*/
	}

	.screenrow80 .portrait .cell-padding.left {
		padding-right:50px;
	}
}

@media screen and (max-width: 1024px) {
	
	#fullpage #p1.section, #fullpage #p2.section, #fullpage #p3.section, #fullpage #p4.section {
		height:auto !important;
	}
	.s-hidden-main {
		display: inherit !important;
	}
	.s-hidden-small {
		display: none !important;
	}
	body {
		font-size: 18px;
	}
	h1 {
		font-size: 40px;
		margin-bottom: 20px;
	}
	h2 {
		font-size: 26px;margin-top: 20px;
	}
	.services {
		font-size: 18px;
	}
	.subpage .cell-content h3 {
		font-size: 18px;
		line-height: 1.4em;
	}
	.subpage .services li {
		font-size: 18px;
		line-height: 1.4em;
	}
	.cell-lawyer .lawyer-title, .content.lawyer .lawyer-title {
		font-size: 18px;
		margin-top: 15px;
	}
	#wdymenu {
		position: absolute 0 0; 
		position: fixed;
		height: 70px;
		width:100vw;
		background-color: #000;
		z-index: 1999;
		border-right:none;
	}
	.logo-menu{
	  position: absolute;
	  left: 0px;
	  top: 0;
	  width: 140px;
		height: 73px;
	 transform: rotate(0deg);
		-ms-transform: rotateY(0deg);
     -webkit-transform: -webkit-rotateY(0deg);
     -moz-transform: rotateY(0deg);
     -o-transform: rotateY(0deg);
	}
	.hamburger {
	display: block;
	position: absolute;
	width:35px;
	height:30px;
	top:24px;
	right:20px;
		left:auto;
	border-top: 2px solid #fff;
	}
	.main {
  		padding: 10vh 0 10vh 0;
	}
	.subpage .main {
  		padding: 50px 0 30px 0;
	}
	#p0 .main {
		padding-top:70px;
		padding-bottom: 0;
	}
	.logo-p0{
	display: none;
	}
	
	#p1.section, #p2.section, #p3.section, #p4.section {
		height:auto;
	}
	
	.content {
		margin:20px;
		width:100%;
	}
	
	.content.line-bottom {
		border-bottom: 1px solid #fff;
		padding-bottom: 30px;
	}
	
	.solid__image {
		padding-top:60%;
	}
	
	.cell-padding {
		height:auto;
	}
	
	.content.lawyer {
		width: 100%;
		position: relative;
		margin-bottom:35px;
	}
	
	.content.lawyer .tile__image {
		width:100%;
		margin-top:25px;
	}
	
	.content.lawyer .no__image {
		width:100%;
		margin-top:25px;
	}
	
	.content.lawyer .read-more {
		margin-top: calc(60% + 90px);
	}
	
	.content.lawyer .read-more .arrow::before{
		width:50px;
	}
	
	.content.lawyer .read-more .arrow::after{
		left:46px;
	}
	.screenrow80 .border-left {
		border-left: none;
	}
	.subpage .hamburger, .subpage .hamburger::after {
    border-top: 2px solid #fff;
	}
		.subpage .hamburger::before {
    border-bottom: 2px solid #fff;
	}
	.subpage .screenrow20 {
    position: relative;
    top: 0px;
    left: 0;
	padding-top:70px;
	width: calc(100% - 30px);
	}
	.subpage .cell-padding {
    padding: 15px !important;
	}
	.subpage h1 {
    font-size: 1.6rem;
		margin-bottom: 0px;
	}
	.subpage .cell-content.line-bottom::after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background: #000;
    left: 15px;
    width: 100%;
    bottom: -20px;
	}
	.subpage .screenrow80 {
    height: 100%;
    min-height: 100%;
    padding-top: 90px;
	}
	.subpage .solid__image {
    margin-bottom: 10px;
	}
	
   .lawyer__link:hover::before {
    transform: scaleY(0);
    }
	.lawyer__link:hover::after {
		transform: scaleX(1);
	}
	.lawyer__link:hover ~ .tile__image {
		transform: translateX(0vw);
		transition-duration: 0.5s;
	}

	
}



@font-face {
  font-family: "h-font";
  src: url("../fonts/Madera-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Madera-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Madera-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Madera-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Madera-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Madera-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Madera-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "h-font-medium";
  src: url("../fonts/Madera-Medium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Madera-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Madera-Medium.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Madera-Medium.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Madera-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Madera-Medium.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Madera-Medium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "h-font-bold";
  src: url("../fonts/Madera-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Madera-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Madera-Bold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Madera-Bold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Madera-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Madera-Bold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Madera-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "r-font";
  src: url("../fonts/Knile-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Knile-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Knile-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Knile-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Knile-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Knile-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Knile-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "p-font";
  src: url("../fonts/AWConquerorInline-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/AWConquerorInline-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/AWConquerorInline-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/AWConquerorInline-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/AWConquerorInline-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/AWConquerorInline-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/AWConquerorInline-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'and-font';
    src: url('../fonts/salome-webfont.eot');
    src: url('../fonts/salome-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/salome-webfont.woff2') format('woff2'),
         url('../fonts/salome-webfont.woff') format('woff'),
         url('../fonts/salome-webfont.ttf') format('truetype'),
         url('../fonts/salome-webfont.svg#salomeregular') format('svg');
    font-weight: normal;
    font-style: normal;

	}