/*------------------------------------------------------------------
Pränatale Diagnostik Dr. med. John Hartung Theme
Version: 1.0;
Author: -
Copyright: -

/*-----------------------------------------------------------------*/

/*------------------------------------------------------------------
[ Fonts ]
*/
/* fira-sans-300 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/fira-sans-v10-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Light'), local('FiraSans-Light'),
       url('../fonts/fira-sans-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v10-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v10-latin-300.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Regular'), local('FiraSans-Regular'),
       url('../fonts/fira-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v10-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-600 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/fira-sans-v10-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'),
       url('../fonts/fira-sans-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v10-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v10-latin-600.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/playfair-display-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v21-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/*------------------------------------------------------------------
[ General]
*/
html {
	-webkit-font-smoothing: antialiased;
	font-size: 62.5%;
}
html, body {
	max-width: 100%;
}
body { 
	margin:0;
	padding:0;
	color: #72695D;
    font-family: 'Fira Sans';
	font-weight: 300;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
    background: #FFFCF8 url(../images/bg-top.svg) left top no-repeat;
    background-size: 100%;
    overflow-x: hidden;
	overflow-y: scroll;
}
*,
*:before,
*:after {
	box-sizing: border-box;
}
.divider, hr {
	border: none;
	border-bottom: 0px solid #eaeaea;
	padding: 4rem 0;
	height: 0;
}

/*------------------------------------------------------------------
[ Grid ]
*/
.container {
	width: 100%;
	max-width: 162rem;
	margin: 0 auto;
    padding: 0 2rem;
	position: relative;
}
.grid {
	display: block;
    clear: both;
    width: 100%;
    margin: 0 auto;
}
.grid .col,
[class*="content-grid"] .grid-item {
	float: left;
	width: 100%;
	padding: 0 2rem;
}
.grid .grid {
	width: auto;
}

/* Kill nested padding */
.col .col:not(.pull-right):first-child { padding-left: 0;}
.col .col:not(.pull-left):last-child { padding-right: 0;}
.col .col:only-child {
    padding-right: 2rem !important;
}
.col[class*='offset-']:only-child {
    padding-left: 2rem !important;
    padding-right: 0 !important;
}

/* No gutter */
.no-gutter .col,
.col.no-gutter {
	padding: 0 !important;
}

/* Column Widths */
.grid .span-1	{width: 8.33333%;}
.grid .span-2	{width: 16.66667%;}
.grid .span-3	{width: 25%;}
.grid .span-4	{width: 33.33333%;}
.grid .span-5	{width: 41.66667%;}
.grid .span-6	{width: 50%;}
.grid .span-7	{width: 58.33333%;}
.grid .span-8	{width: 66.66667%;}
.grid .span-9	{width: 75%;}
.grid .span-10	{width: 83.33333%;}
.grid .span-11	{width: 91.66667%;}
.grid .span-12	{width: 100%;}

/* Rearrange Columns */
.col.pull-left    { float: left;}
.col.pull-right   { float: right;}
.col .col.pull-left    { padding-left: 0;}
.col .col.pull-right   { padding-right: 0;}

/* Offset */
.grid .offset-1    {margin-left: 8.33333%;}
.grid .offset-2	   {margin-left: 16.66667%;}
.grid .offset-3	   {margin-left: 25%;}
.grid .offset-4	   {margin-left: 33.33333%;}
.grid .offset-5	   {margin-left: 41.66667%;}
.grid .offset-6	   {margin-left: 50%;}
.grid .offset-7	   {margin-left: 58.33333%;}
.grid .offset-8	   {margin-left: 66.66667%;}
.grid .offset-9    {margin-left: 75%;}
.grid .offset-10   {margin-left: 83.33333%;}
.grid .offset-11   {margin-left: 91.66667%;}

/* Clearfix*/
.grid {
 	*zoom: 1;
}
.grid:before, .grid:after {
	display: table;
	content: "";
	line-height: 0;
}
.grid:after {
	clear: both;
}
[class*="content-grid"] {
    margin-left: -2rem;
    margin-right: -2rem;
    overflow: hidden;
}
[class*="content-grid"] .grid-item {
	margin: 0 0 4rem;
	float: left;
}
[class*="content-grid"] .thumbnail {
	float: none;
    margin: 0;
}

/* Item Widths */
.content-grid-1 .grid-item {
	width: 100%;
}
.content-grid-2 .grid-item {
	width: 50%;
}
.content-grid-3 .grid-item {
	width: 33.33333%;
}
.content-grid-4 .grid-item {
	width: 25%;
}
.content-grid-5 .grid-item {
	width: 20%;
}
.content-grid-6 .grid-item {
	width: 16.66667%;
}
[class*="content-grid"].no-gutter,
[class*="content-grid"].no-gutter .grid-item {
    margin: 0;
    padding: 0;
}

/*------------------------------------------------------------------
[ Typography ]
*/
h1, .elementor-widget-heading h1.elementor-heading-title,
h2, .elementor-widget-heading h2.elementor-heading-title,
h3, .elementor-widget-heading h3.elementor-heading-title,
h4, .elementor-widget-heading h4.elementor-heading-title,
h5, .elementor-widget-heading h5.elementor-heading-title,
h6, .elementor-widget-heading h6.elementor-heading-title {
    line-height: 1;
    color: #000;
    font-weight: normal;
	margin: 0;
}
h1,
.elementor-widget-heading h1.elementor-heading-title {
    font-family: 'Playfair Display';
	font-size: 5.6rem;
    font-weight: 400;
    color: #655C50;
}
.header h1,
.header .elementor-widget-heading h1.elementor-heading-title {
    color: #fff;
    text-shadow: 0px 3px 6px rgba(0,0,0,.3);
}
h2,
.elementor-widget-heading h2.elementor-heading-title {
    font-family: 'Playfair Display';
	font-size: 4.2rem;
    font-weight: 400;
    color: #655C50;
}
h3,
.elementor-widget-heading h3.elementor-heading-title {
    font-family: 'Fira Sans';
	font-size: 2.2rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #E86E65;
    letter-spacing: .5px;
}
.elementor-widget div:not(.elementor-element-overlay) ul li h3 {
    line-height: 3.4rem;
}
h4,
.elementor-widget-heading h4.elementor-heading-title {
    font-family: 'Fira Sans';
	font-size: 2.2rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #655C50;
    letter-spacing: .5px;
}
h5,
.elementor-widget-heading h5.elementor-heading-title {
    font-family: 'Fira Sans';
	font-size: 2rem;
    font-weight: 400;
    color: #EE967F;
    letter-spacing: .4px;
}
h6,
.elementor-widget-heading h6.elementor-heading-title {
    font-family: 'Fira Sans';
	font-size: 1.6rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #72695D;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {
    color: inherit;
}
p,
.elementor-widget-heading p.elementor-heading-title {
    color: #72695D;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.6;
	margin: 0;
}
a, p a,
a:visited, p a:visited,
a:active, p a:active {
	color: #E86E65;
    font-weight: 400;
	text-decoration: none;
	outline: none;
    transition: all 0.25s ease-out;
}
a:hover, 
p a:hover{
	color: #E86E65;
	text-decoration: underline;
}
a:focus {
   outline: none;
}
strong, b {
    font-weight: 400;
}
.multi-column {
    margin: 0 auto;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    max-width: 100rem;
}
.elementor-heading-title,
.elementor-slide-description,
.elementor-gallery-item__description,
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    white-space: pre-line;
}

/* Text Highlight */
::selection {
	background: #333;
	color: #fff;
}
::-moz-selection {
	background: #333;
	color: #fff;
}

/*------------------------------------------------------------------
[ Lists ]
*/
ul, ol {
	margin: 0 0 3rem 0;
	padding: 0;
}
ul {
	list-style: disc outside;
    padding: 0 2rem;
}
ol {
	list-style: decimal inside;
    padding: 0 2rem;
}
ol li {
    position: relative;
    list-style: none;
    counter-increment: listStyle;
}
ul ul, ul ol,
ol ol, ol ul {
	margin: 0.3rem 0 0.3rem 2rem;
	list-style: inherit;
}
ol ul {
	list-style: disc inside;
}
.elementor-widget div:not(.elementor-element-overlay) ol,
.elementor-widget div:not(.elementor-element-overlay) ul {
    margin: 2rem 0;
}
.elementor-widget div:not(.elementor-element-overlay) ul li,
.elementor-widget div:not(.elementor-element-overlay) ol li {
    position: relative;
    padding-left: 3rem;
    list-style: none;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 3.4rem;
    color: #72695D;
}
.elementor-widget div:not(.elementor-element-overlay) ol:not(.elementor-icon-list-items) li::before {
    content: counter(listStyle, decimal);
    position: absolute;
    top: 0;
    left: 0;
    color: #72695D;
    font-size: 1.8rem;
    font-weight: 300;
    display: inline-block; 
    width: 2rem;
    text-align: right;
}
.elementor-widget div:not(.elementor-element-overlay) ul:not(.elementor-icon-list-items) li::before {
    content: '';
    position: absolute;
    top: .5rem;
    left: 0;
    display: inline-block; 
    background: #E86E65;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: .7rem;
}

/*------------------------------------------------------------------
[ Top Bar ]
*/
/* regular styling (for scrolling up) */
.top {
	position: fixed;
    top: 0;
    z-index: 1010;
    width: 100%;
    height: 26rem;
    margin: 0;
	padding: 0;
    visibility: visible;
    opacity: 1;
    transition: all 0.25s ease-out;
}
body.admin-bar .top {
    top: 3.2rem;
}
.logo {
    position: absolute;
    top: 6rem;
	padding: 0;
    opacity: 1;
    transition: all 0.25s ease-out;
}
.logo img {
    width: 11rem;
    vertical-align: top;
    transition: all 0.25s ease-out;
}
.logo a:hover {
    text-decoration: none;
}
.logo .sitename {
    display: inline-block;
    padding: 0 1.0rem;
}
.logo .sitename h2 {
    font-family: 'Fira Sans';
    margin: .5rem 0;
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    color: #72685B;
    transition: all 0.25s ease-out;
}
.logo .sitename h2:first-line {
    letter-spacing: 0.5px;
}
.logo .sitename h4 {
    font-size: 1.7rem;
    font-weight: 300;
    color: #72685B;
    text-transform: none;
    letter-spacing: normal;
    transition: all 0.25s ease-out;
}

/* styling for scrolling past header section */
.top.down {
    padding: 0;
    height: 12rem;
    background: #fff1e4;
}
.top.down .logo {
    top: 1rem;
}
.top.down .logo img {
    width: 9rem;
}
.top.down .logo .sitename h2 {
    font-size: 2.6rem;
}
.top.down .logo .sitename h4 {
    font-size: 1.4rem;
}
.top.down .menu {
    top: 3.5rem;
}
.top.down .meta {
    top: 4rem;
}

/* styling for scrolling down */
.top.shrink {
    opacity: 0;
    visibility: hidden;
}

/* styling for opened overlay */
.top.force {
    opacity: 1 !important;
    visibility: visible !important;
}
.top.force #nav-icon span {
    background: #E86E65 !important;
}

/*------------------------------------------------------------------
[ Navigation ]
*/
.menu,
.menu ul {
	margin: 0;
	padding: 0;
}
.menu {
    position: absolute;
	top: 18rem;
	right: 18rem;
	display: block;
	width: auto;
    transition: all 0.25s ease-out;
}
.menu a:focus {
   outline: none;
}
.menu li {
	display: inline-block;
	position: relative;
	z-index: 100;
}
.menu > li > a {
    height: 4.5rem;
}
.menu li a {
    font-family: 'Fira Sans';
    position: relative;
	font-size: 2rem;
	font-weight: 300;
	text-decoration: none;
	padding: .5rem 2rem;
	display: block;
	color: #72695D;
    border-radius: 1.5rem;
}
.menu > li.current-menu-item > a,
.menu > li.current_page_item > a,
.menu > li.current-page-parent > a,
.menu > li.current_page_ancestor > a,
.menu > li.current-page-ancestor > a,
.menu > li.current-menu-ancestor > a,
.menu > li.current a,
.menu > li:hover > a {
    color: #fff;
    background: #E86E65;
}
.menu > li:hover > a {
    color: #72695D;
    background: #FFE1D2;
}
.menu > li.current-menu-item > a,
.menu > li.current_page_item > a,
.menu > li.current-page-parent > a,
.menu > li.current_page_ancestor > a,
.menu > li.current-page-ancestor > a,
.menu > li.current-menu-ancestor > a,
.menu > li.current a {
    font-weight: 400;
}
/*
.menu li.has-child > a:after {
    content: '';
    position: absolute;
    bottom: 1rem;
    left: 50%;
    margin-left: -.3rem;
    width: .6rem;
    height: .6rem;
    background: url(../images/sub-indicator.png) no-repeat center center;
}
*/
.menu ul { 
	display: none;
	position: absolute;
	top: 4rem;
	left: 0;
    width: 100vw;
    padding: 0;
    border-radius: 2rem;
}
.menu li:hover > ul { 
	display: block;
    opacity: 1;
	-webkit-animation: fadeIn .5s both;
    animation: fadeIn .5s both;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
.menu > li.current-menu-item ul,
.menu > li.current_page_item ul,
.menu > li.current-page-parent ul,
.menu > li.current_page_ancestor ul,
.menu > li.current-page-ancestor ul,
.menu > li.current-menu-ancestor ul { 
	display: block;
}
.menu ul li a {
	display: block;
    padding: .3rem 1rem;
    font-size: 1.5rem;
	color: #4d4d4d;
    background: rgba(255,255,255,.95);
}
.menu ul li.current-menu-item > a,
.menu ul li.current_page_item > a,
.menu ul li.current-page-parent > a,
.menu ul li.current_page_ancestor > a,
.menu ul li.current-page-ancestor > a,
.menu ul li.current-menu-ancestor > a,
.menu ul li a:hover,
.menu ul li:hover > a {
	color: #63b32e;
}
.menu ul ul {
	top: 0;
	left: 26rem;
}

/*------------------------------------------------------------------
[ Meta Menu ]
*/
.meta {
    position: absolute;
	top: 14.5rem;
	right: 2rem;
	display: block;
	width: auto;
    transition: all 0.25s ease-out;
}
.meta ul {
    list-style: none;
    margin: 0;
    padding-right: 0;
}
.meta ul li {
    display: inline-block;
}
.meta ul li:not(:last-child) {
    border-right: 1px solid #72695D;
}
.meta ul li a {
    font-family: 'Fira Sans';
    position: relative;
	font-size: 1.6rem;
	font-weight: 300;
	text-decoration: none;
    line-height: 1;
	padding: 0 1rem;
	display: block;
	color: #72695D;
}
.meta ul li a:hover {
    color: #111;
}
.meta li.current-menu-item a,
.meta li.current_page_item a,
.meta li.current-page-parent a,
.meta li.current_page_ancestor a,
.meta li.current-page-ancestor a,
.meta li.current-menu-ancestor a { 
    font-weight: 400;
}
.translatepress-de_DE .meta li.de a,
.translatepress-en_GB .meta li.en a,
.translatepress-ru_RU .meta li.ru a {
    font-weight: 400;
}

/*------------------------------------------------------------------
[ Overlay Navigation]
*/
.navigation {
    display: none;
	position: absolute;
    z-index: 1002;
    right: 2rem;
    top: 3rem;
    height: 6rem;
    background: #FFE1D2;
    padding: 1.8rem 3.6rem;
	cursor: pointer;
    border-radius: 2rem;
}
#nav-icon {
	width: 3rem;
	height: 3rem;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	cursor: pointer;
	float: right;
}
#nav-icon span {
	display: block;
	position: absolute;
	height: .2rem;
	width: 100%;
	background: #E86E65;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
	top: 0;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;
}
#nav-icon span:nth-child(2) {
	top: .8rem;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;
}
#nav-icon span:nth-child(3) {
	top: 1.6rem;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;
}
#nav-icon.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
	left: 4px;
}
#nav-icon.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}
#nav-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 2.2rem;
	left: .4rem;
}
#nav-icon span:nth-child(2) {
	width: 80%;
    margin-left: 20%;
}
#nav-icon:not(.open):hover span:nth-child(2) {
    width: 100%;
    margin-left: 0;
}
#nav-icon:not(.open):hover span:nth-child(1),
#nav-icon:not(.open):hover span:nth-child(3) {
    width: 80%;
    margin-left: 20%;
}
.mainnavigation {
    position: relative;
	display: block;
	margin: 0;
	padding: 0;
}
ul.mainnavigation {
    margin-top: 0;
    margin-bottom: 5.4rem;
    padding-left: 0;
}
.mainnavigation li {
    position: relative;
	display: block;
	margin:0;
	padding:0;
}
.mainnavigation li a {
    font-size: 2rem;
    font-weight: 300;
    text-decoration: none;
    margin-bottom: .5rem;
	padding: 1rem 2rem;
	display: block;
	color: #72695D;
    line-height: 1;
    border-radius: 1.5rem;
	transition: all 0.25s ease-out;	
}
.mainnavigation li a:hover,
.mainnavigation li.active > a,
.mainnavigation li:hover > a {
	color: #72695D;
    background: #FFE1D2;
}
.mainnavigation li.current-menu-item > a,
.mainnavigation li.current_page_item > a,
.mainnavigation li.current-page-parent > a,
.mainnavigation li.current_page_ancestor > a,
.mainnavigation li.current-page-ancestor > a,
.mainnavigation li.current-menu-ancestor > a {
    color: #fff;
    background: #E86E65;
}
.mainnavigation ul {
    display: none;
	margin: 0;
	padding: 0;
    padding-left: 1rem;
}
.mainnavigation ul li { 
	display: block;
	margin: 0;
    width: 100%;
}
.mainnavigation ul li a {
	display: block;
    font-weight: 300;
	color: #666;
    padding: 1rem .5rem;
	transition: all 0.2s linear;
}
.mainnavigation ul ul li a {
    font-size: 1.4rem;
    font-weight: 400;
}
.mainnavigation ul li.current-menu-item > a,
.mainnavigation ul li.current_page_item > a,
.mainnavigation ul li.current-page-parent > a,
.mainnavigation ul li.current_page_ancestor > a,
.mainnavigation ul li.current-page-ancestor > a,
.mainnavigation ul li.current-menu-ancestor > a,
.mainnavigation ul li.current_page_ancestor > a,
.mainnavigation ul li a:hover,
.mainnavigation ul li.active > a,
.mainnavigation ul li:hover > a {
	color: #72695D;
}
.mainnavigation .expand {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: .4rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #72695D;
    line-height: 1;
    font-size: 2.5rem;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    width: 3.6rem;
    height: 3.6rem;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.mainnavigation ul .expand {
    padding-top: .8rem;
}
.mainnavigation .expand:after {
    content: '+';
}
.mainnavigation .expand.active:after {
    content: '-';
}

/*------------------------------------------------------------------
[ Overlay / Navigation ]
*/
.overlay {
    position: fixed;
    right: -100%;
    z-index: 1001;
    overflow: auto;
    width: 32rem;
    height: 100%;
    background: rgba(255,255,255,.95);
    box-shadow: 0px 3px 30px #e5ddd1;
    opacity: 0;
    transition: right .5s, opacity 0.5s ease;
}
.overlay.active {
    right: 0;
    opacity: 1;
    transition: right .3s, opacity .5s cubic-bezier(.14,.62,0,1);
}
.overlay .container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    padding-top: 18rem;
}
.overlay .grid.navigations {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    opacity: 0;
}
.overlay.active .grid.navigations {
    padding-top: 0;
    opacity: 1;
    transition: padding 1s cubic-bezier(.14,.62,0,1), opacity .4s linear;
    transition-delay: .3s;
}

/*------------------------------------------------------------------
[ Buttons ]
*/

.button,
button,
.content .elementor-button,
.elementor-popup-modal .elementor-button,
.news-button .elementor-button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    font-family: 'Fira Sans';
	display: inline-block;
    margin: .5rem .5rem 0 .5rem;
	padding: 1.2rem 2rem;
	color: #72695D;
	text-align: center;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 2rem;
	text-decoration: none;
	white-space: nowrap;
	background-color: #FFE1D2;
	border: 1px solid transparent;
	cursor: pointer;
	transition: all 0.25s ease-out;
    border-radius: 2rem;
}
.content .elementor-button:focus,
.content .elementor-button:visited,
.elementor-popup-modal .elementor-button:focus,
.elementor-popup-modal .elementor-button:visited,
.news-button .elementor-button:focus,
.news-button .elementor-button:visited {
     color: #72695D;
}
.button:hover,
button:hover,
.content .elementor-button:hover,
.elementor-popup-modal .elementor-button:hover,
.news-button .elementor-button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
.content .elementor-button:focus,
.elementor-popup-modal .elementor-button:focus,
.news-button .elementor-button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: #fff;
    text-decoration: none;
	border-color: transparent;
    background-color: #E86E65;
	outline: 0; 
}

/*------------------------------------------------------------------
[ Forms ]
*/
input {
	transition: all 0.25s ease-out;
}
.content .elementor-field-group .elementor-field-textual {
    font-family: 'Fira Sans';
    font-size: 2.2rem;
    font-weight: 400;
    padding: 1.8rem;
    color: #655C50;
    border: 1px solid #F7CEBA;
    border-radius: 1.8rem;
    background: none !important;
    transition: all .25s ease-out;	
}
.content .elementor-field-group .elementor-field-textual:focus {
    border-color: #E86E65;
}
.content .elementor-field-type-submit .elementor-button {
    margin-top: 2rem;  
    padding: 1.2rem 2rem;
}
textarea {
	min-width: 10rem;
	min-height: 10rem;
}
.no-resize {
	resize: none;
}
label {
	margin-bottom: 0.8rem;
	color: #666;
	font-size: 1.2rem;
	display: block;
}

/*------------------------------------------------------------------
[ Images ]
*/
img {
    display: inline-block;
	max-width: 100%;
	height: auto;
    vertical-align: middle;
    border: none;
    outline: 0;
}
img.float-left,
.thumbnail.float-left {
    margin: 0 2rem 1rem 0;
}
img.float-right,
.thumbnail.float-right {
    margin: 0 0 1.5rem 2rem;
}
.thumbnail {
    margin-bottom: 3rem;
    position: relative;
    overflow: hidden;
}

/*------------------------------------------------------------------
[ Helper Utilities ]
*/

/* Text Alignments */
.align-center { text-align: center; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }

/* Element Floats */
.float-left { float: left !important; }
.float-right { float: right !important; }

/* Clearfix */
.clearfix:before,
.clearfix:after {
	height: 0;
	content: ".";
	display: block;
	overflow: hidden;
}
.clearfix:after {
	clear: both;
}
.clear {
	width: 0;
	height: 0;
	display: block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

/* Kill Margin */
.no-margins { margin: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-right { margin-right: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-margin-left{ margin-left: 0 !important; }

/* Kill Padding */
.no-padding { padding: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-right { padding-right: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-padding-left { padding-left: 0 !important; }

/*------------------------------------------------------------------
[ Tables ]
*/
table {
	border: none;
	border-collapse: collapse;
	width: 100%;
}
table caption { 
    color: #444;
    margin: 1rem;
}
table thead th {
    color: #fff;
    text-align: left;
    background: #444;
    border: none;
}
td, th {
    padding: 0.6rem 0;
	border: none;
    vertical-align: top;
    color: #020400;
    font-size: 1.46rem;
    font-weight: normal;
    line-height: 2.2rem;
}
table td:first-of-type {
    padding-right: 2rem;
    text-align: right;
    color: #63b32e;
    width: 40% !important;
}

/*------------------------------------------------------------------
[ Theme Stuff ]
*/
.wrapper {
    padding-top: 26rem;
    overflow-x: hidden;
}
.content {
	padding: 0;
}
.elementor-widget.quote {
    position: relative;
}
.elementor-widget.quote::before,
.elementor-widget.quote::after {
    content: '';
    position: absolute;
    top: 1rem;
    left: -8rem;
    width: 5rem;
    height: 3.5rem;
    background: url(../images/quote-top.svg) top left no-repeat;
}
.elementor-widget.quote::after {
    top: auto;
    bottom: -1rem;
    left: auto;
    right: -1rem;
    background-image: url(../images/quote-bottom.svg)
}
.elementor-widget.quote .elementor-widget-container::before {
    content: '';
    position: absolute;
    top: 50% !important;
    left: -9.5rem !important;
    width: 0 !important;
    height: 0 !important;
    margin-top: -1.6rem;
    border-top: 16px solid transparent !important;
    border-bottom: 16px solid transparent !important;
    border-right: 25px solid #fff !important;
}
.content .aktuelles-button .elementor-button,
.news-button .elementor-button {
    font-size: 2.2rem;
    padding: 1.8rem 2.5rem;
}
.news-button.start .elementor-button {
	background: #E86E65;
}
.news-button.start .elementor-button:hover,
.news-button.start .elementor-button:visited,
.news-button.start .elementor-button:active {
	background: #CC635C !important;
}
.news-button.start .elementor-button a,
.news-button.start .elementor-button a:hover,
.news-button.start .elementor-button a:visited,
.news-button.start .elementor-button a:active {
	color: #fff !important;
	text-decoration: none !important;
}
.news-button .elementor-button {
    margin: 0;
    border-radius: 2rem 0 0 2rem;
}
.news-button {
    position: absolute;
    top: 5rem;
    right: 0;
    z-index: 9999;
}

/* Header */
.header {
    position: relative;
    box-shadow: 0px 3px 30px #9C8D793D;
}
.header .elementor-slides .swiper-slide-inner .elementor-slide-heading {
    font-family: 'Playfair Display';
    font-size: 5.4rem;
    font-weight: 400;
    font-style: normal;
    line-height: 6.4rem;
    color: #655C50;
}
.header .elementor-slides .swiper-slide-inner .elementor-slide-description {
    font-family: 'Fira Sans';
    font-size: 1.8rem;
    font-weight: 300;
    font-style: normal;
    line-height: 1.6;
    color: #72695D;
}
.header .elementor-slides .swiper-slide-inner .elementor-slide-button {
    font-family: 'Fira Sans';
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    color: #fff;
    background: #009BEB;
    border: none;
}
.header .elementor-slides .swiper-slide-inner .elementor-slide-button:hover {
    background: #007EBF;
}
.header .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: auto;
    top: 15%;
    text-align: right;
    padding-right: 5rem;
}
.header .swiper-pagination-bullet {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: .7rem;
    background: #009BEB;
}
.header .elementor-slides .swiper-slide-bg {
    transition: none !important;
}
.header .elementor-slides .swiper-slide {
    background: #dae8f5 !important;
}

/* Custom Tabs */
.elementor-widget-tabs.custom .elementor-tabs-wrapper {
    padding-top: 10%;
    width: 12rem !important;
    overflow: inherit;
}
.elementor-widget-tabs.custom .elementor-tab-title {
    font-family: 'Fira Sans';
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 1rem;
    padding: 3rem;
    background: #FFE1D2;
    border-radius: 2rem 0 0 2rem;
}
.elementor-widget-tabs.custom .elementor-tab-title.elementor-tab-mobile-title {
    border-radius: 2rem;
}
.elementor-widget-tabs.custom .elementor-tab-title a {
    font-weight: 600;
}
.elementor-widget-tabs.custom .elementor-tab-title.elementor-active {
    position: relative;
    color: #fff;
    background: #E86E65;
    border-radius: 2rem;
    width: 14rem;
}
.elementor-widget-tabs.custom .elementor-tab-title.elementor-active::after {
    content: '';
    position: absolute;
    top: 40% !important;
    right: -20px !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 15px solid transparent !important;
    border-bottom: 15px solid transparent !important;
    border-left: 20px solid #E86E65 !important;
}
.elementor-widget-tabs.custom .elementor-tabs-content-wrapper {
    padding: 5rem 4rem;
    /*background: #fff;
    box-shadow: 0px 3px 30px #e5ddd1;*/
    min-height: 60rem;
}
.elementor-widget-tabs.custom .elementor-tab-content {
    opacity: 0;
    padding: 2rem !important;
}
.elementor-widget-tabs.custom .elementor-tab-content.elementor-active {
   -webkit-animation: fadeIn .5s both;
    animation: fadeIn .5s both;
    animation-delay: .35s;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
.elementor-widget-tabs.custom .elementor-tab-content div:not(.elementor-element-overlay) ol,
.elementor-widget-tabs.custom .elementor-tab-content div:not(.elementor-element-overlay) ul {
    padding: 0;
}
.elementor-widget-tabs.custom .elementor-tabs-content-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 12rem;
    width: calc(50% - 9rem);
    height: 100%;
    background: #fff;
    box-shadow: 0px 3px 30px #e5ddd1;
    z-index: -1;
}
.elementor-widget-tabs.custom .elementor-tabs-content-wrapper::after {
    content: '';
    position: absolute;
    top: 40% !important;
    /*
    right: -2.5rem !important;
    */
    left: 50%;
    margin-left: 3rem;
    width: 0 !important;
    height: 0 !important;
    border-top: 16px solid transparent !important;
    border-bottom: 16px solid transparent !important;
    border-left: 25px solid #fff !important;
}

/* Custom Accordions */
.elementor-accordion-title span {
    visibility: hidden;
	position: absolute;
	width: 0;
	height: 0;
}

/*------------------------------------------------------------------
[ Footer ]
*/
.footer {
    position: relative;
    padding: 3rem 0 6rem 0;
    background: url(../images/bg-bottom.svg) left bottom no-repeat;
    background-size: 100%;
    min-height: 50rem;
    min-height: 20vw;
    display: flex;
    align-items: flex-end;
}
.footer .container {
    padding: 0 1rem;
}
.footer .elementor-widget div:not(.elementor-element-overlay) ul {
    margin: 0;
    padding: 0;
}
.footer ul li {
    display: inline-block;
    list-style: none;
    line-height: 2.2rem;
}
.footer p,
.footer ul li a {
    padding: 0 1rem;
    color: #72695D;
    font-size: 1.6rem;
    font-weight: 300;
    text-transform: uppercase;
}
.footer ul li a:hover,
.footer ul li a:active {
    color: #E86E65;
}
.footer ul li:not(:last-child) a {
    border-right: 1px solid #72695D;
}
.footer .elementor-widget div:not(.elementor-element-overlay) ul li,
.footer .elementor-widget div:not(.elementor-element-overlay) ol li {
    padding-left: 0;
}
.footer .elementor-widget div:not(.elementor-element-overlay) ul li::before {
    display: none;   
}

/*------------------------------------------------------------------
[ Media Queries ]
*/
/* iPad Pro Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) {

}
/* iPad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) {
    
}
/*iPad Pro 9.7"*/
/* Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 768px) {
    
}
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    
}
@media only screen and (max-width: 1480px) {
    .content .aktuelles-button .elementor-button,
    .news-button .elementor-button {
        font-size: 1.6rem;
        padding: 1.2rem 2rem;
    }
    .news-button {
        top: 2rem;
        right: 16rem;
    }
    .news-button .elementor-button {
        border-radius: 2rem;
    }
    body.admin-bar .news-button {
        top: 5.2rem;
    }
    .top .logo {
        top: 2rem;
    }
    .top .meta {
        top: 2rem;
    }
    .top.down .meta {
        top: 1.5rem;
    }
    .menu {
        top: 16rem;
        right: 1rem;  
    }
    .top.down .menu {
        top: 5rem;
    }
    .header .elementor-slides .swiper-slide-inner .elementor-slide-description {
        display: none;   
    }
    .header .elementor-slides .swiper-slide-inner .elementor-slide-button {
        font-size: 1.6rem;
    }
}
@media only screen and (max-width: 1280px) {
    /* Item Widths */
    .content-grid-5 .grid-item,
    .content-grid-6 .grid-item {
        width: 25%;
    }
    .menu li a {
        padding: .5rem 1.5rem;
        font-size: 1.8rem;
        line-height: 2;
    }
}
@media only screen and (max-width: 1112px) {
    .header .elementor-slides .swiper-slide {
        height: 50rem !important;
    }
}
@media only screen and (max-width: 1100px) {
    .elementor-widget-tabs.custom .elementor-tabs-content-wrapper .grid .col {
        width: 100%;
        margin-bottom: 4rem;    
    }
    .elementor-widget-tabs.custom .elementor-tabs-content-wrapper::before,
    .elementor-widget-tabs.custom .elementor-tabs-content-wrapper::after {
        display: none;
    }
    .elementor-widget-tabs.custom .elementor-tabs-content-wrapper {
        background: #fff;
        box-shadow: 0px 3px 30px #e5ddd1;
    }
}
@media only screen and (max-width: 1024px) {
    /* Grid */
	.grid .col .grid .col { 
		width: 100%;
		padding-right: 0;
		padding-left: 0;
        margin-left: 0;
	}
    .col .col:only-child,
    .col[class*='offset-']:only-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* Item Widths */
    .content-grid-4 .grid-item,
    .content-grid-5 .grid-item,
    .content-grid-6 .grid-item {
        width: 33.33333%;
    }
    .top {
        height: 16rem;
    }
    .news-button {
        top: 3rem;
    }
    body.admin-bar .news-button {
        top: 6.2rem;
    }
    /* Menu */
	.menu,
    .meta {
		display: none;
	}
    .navigation {
		display: block;
	}
    .wrapper {
        padding-top: 16rem;
    }
}
@media only screen and (max-width: 900px) {
    .header,
    body.home .header {
        height: auto;
        overflow: hidden;
    }
    .header .container {
        display: block;
        padding-right: 0;
    }
    h1, .elementor-widget-heading h1.elementor-heading-title,
    .header .elementor-slides .swiper-slide-inner .elementor-slide-heading {
        font-size: 4rem;
        line-height: 1.2;
        font-weight: 400;
    }
    .header h1, .header .elementor-widget-heading h1.elementor-heading-title {
        font-size: 4rem;
        line-height: 1.2;
        text-shadow: 0px 3px 6px rgba(0,0,0,.3);
    }
    h2, .elementor-widget-heading h2.elementor-heading-title {
        font-size: 3.2rem;
    }
    h3, .elementor-widget-heading h3.elementor-heading-title {
        font-size: 2.2rem;
        font-weight: 600;
        letter-spacing: .5px;
    }
    .elementor-widget div:not(.elementor-element-overlay) ul li h3 {
        line-height: 3.4rem;
    }
    h4, .elementor-widget-heading h4.elementor-heading-title {
        font-size: 2.2rem;
        font-weight: 400;
        letter-spacing: .5px;
    }
    h5, .elementor-widget-heading h5.elementor-heading-title {
        font-family: 'Fira Sans';
        font-size: 2rem;
        font-weight: 400;
        letter-spacing: .4px;
    }
    h6, .elementor-widget-heading h6.elementor-heading-title {
        font-size: 1.6rem;
        font-weight: 400;
    }
    .content .elementor-field-group .elementor-field-textual {
        font-size: 1.8rem;
    }
    .elementor-widget-tabs.custom .elementor-tabs-content-wrapper::after {
        display: none;
    }
}
@media only screen and (max-width: 834px) {
    .header .elementor-slides .swiper-slide {
        height: 40rem !important;
    }
}
@media only screen and (max-width: 782px) {
    body.admin-bar .top {
        top: 4.6rem;
    }
    body.admin-bar .news-button {
        top: 14.6rem;
    }
}
@media only screen and (max-width: 768px) {
	.container {
		max-width: 100%;
	}
    .divider, hr {
        padding: 2rem 0;
    }
	/* Grid */
	.grid .col,
	.grid.no-gutter .col,
	.grid.no-gutter .col.col {
		width: 100%;
	}
    /* Item Widths */
    .content-grid-3 .grid-item,
    .content-grid-4 .grid-item,
    .content-grid-5 .grid-item,
    .content-grid-6 .grid-item {
        width: 50%;
    }
    /* Tables */
    table {
		width: 100%;	
	}
    table thead { 
        display: none; 
    }
	td, th {
		display: block;
		float: left;
		width: 100% !important;
        height: auto !important;
        text-align: left !important;
	}
    .elementor-widget.quote::before {
        top: -1rem;
        left: -2rem;
    }
    .header .elementor-slides .swiper-slide-contents {
        padding: 5rem 2rem !important;   
    }
    .header .swiper-container-horizontal > .swiper-pagination-bullets {
        display: none;
    }
    .elementor-widget-tabs.custom .elementor-tabs-content-wrapper {
        padding: 3rem 2rem;
    }
    .elementor-widget-tabs.custom .elementor-tab-title,
    .elementor-widget-tabs.custom .elementor-tab-title.elementor-active {
        width: 100%;
    }
    .elementor-widget-tabs.custom .elementor-tab-title br {
        display: none;   
    }
    .elementor-widget-tabs.custom .elementor-tab-title.elementor-active::after {
        content: '';
        position: absolute;
        top: auto !important;
        bottom: -14px !important;
        right: 50% !important;
        margin-right: -10px;
        border-left: 15px solid transparent !important;
        border-bottom: none !important;
        border-right: 15px solid transparent !important;
        border-top: 20px solid #E86E65 !important;
    }
    .elementor-widget-tabs.custom .elementor-tab-title {
        font-size: 1.6rem;
    }
    .elementor-widget-tabs.custom .elementor-tab-content {
        padding: 2rem 0 !important;
    }
    
    .elementor-widget-tabs.custom .elementor-tab-content .grid .col {
        padding: 0 1rem;
    }
    .news-button {
        top: 10rem;
        right: 2rem;
        /*z-index: -1;*/
    }
    body.admin-bar .news-button {
        top: 14.6rem;
    }
    .button, button,
    .content .elementor-button,
    .elementor-popup-modal .elementor-button,
    .news-button .elementor-button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
        font-size: 1.4rem;
    }
    .header .swiper-slide-inner {
        align-items: flex-end !important;
        padding: 0 !important;
    }
    .header .elementor-slides .swiper-slide-bg {
        background-size: cover !important;
        background-position: top left !important;
    }
    .header .elementor-slides .swiper-slide-contents {
        /*background: linear-gradient(0deg, rgba(218, 232, 245,1) 0%, rgba(218, 232, 245,1) 80%, rgba(218, 232, 245,0) 100%);*/
        max-width: 100% !important;
        width: 100%;
        padding: 5rem !important;
    }
    .header .elementor-slides .swiper-slide-contents .elementor-slide-heading {
        background: rgba(255,255,255,.5);
        display: inline;
        line-height: 1.5;
    }
    .header .elementor-slides .swiper-slide-inner .elementor-slide-button {
        float: right;
        font-size: 1.6rem;
    }
}
@media only screen and (max-width: 568px) {
    .logo img {
        width: 8rem !important;
    }
    .top .logo .sitename h2,
    .top.down .logo .sitename h2 {
        font-size: 2rem;
    }
    .top .logo .sitename h4,
    .top.down .logo .sitename h4 {
        font-size: 1.2rem;
    }
    .header .elementor-slides .swiper-slide-bg {
        background-size: 150% !important;
        background-position: top left !important;
    }
}
@media only screen and (max-width: 480px) {
    .content-grid-2 .grid-item,
    .content-grid-3 .grid-item,
    .content-grid-4 .grid-item,
    .content-grid-5 .grid-item,
    .content-grid-6 .grid-item {
        width: 100%;
    }
}