/*------------------------------------------------------------------
Heads for Events GmbH

Version: 1.0;
Author: -
Copyright: -

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

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

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v27-latin-regular.svg#OpenSans') 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: #CDE6F9;
    font-family: 'Open Sans';
	font-weight: normal;
	font-style: normal;
	font-size: 1.6rem;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
    background: #313131;
    overflow-x: hidden;
	overflow-y: scroll;
}
*,
*:before,
*:after {
	box-sizing: border-box;
}
hr {
    border: none;
    border-top: 3px dotted #6e6d6d;
    margin: 2rem 0;
}

/*------------------------------------------------------------------
[ Grid ]
*/
.container {
	width: 100%;
	max-width: 164rem;
	margin: 0 auto;
	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.2;
	color: #474747;
    font-weight: normal;
    text-transform: uppercase;
	margin: 0;
}
h1,
.elementor-widget-heading h1.elementor-heading-title {
    font-size: 4.4rem;
    color: #fff;
}
h2,
.elementor-widget-heading h2.elementor-heading-title {
	font-size: 3.8rem;
    color: #CDE6F9;
}
h3,
.elementor-widget-heading h3.elementor-heading-title {
	font-size: 2.8rem;
    color: #fff; 
}
h4,
.elementor-widget-heading h4.elementor-heading-title {
	font-size: 2.6rem;
    color: #CDE6F9;
    font-weight: 300;
    text-transform: none;
}
h5,
.elementor-widget-heading h5.elementor-heading-title {
	font-size: 2.4rem;
    font-weight: 300;
    color: #fff;
    text-transform: none;
}
h6,
.elementor-widget-heading h6.elementor-heading-title {
	font-size: 1.8rem;
    font-weight: 300;
    color: #CDE6F9;
}
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: #CDE6F9;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 2.6rem;
	margin: 0 0 2rem 0;
}
.content a, .content p a,
.content a:visited, .content p a:visited,
.content a:active, .content p a:active {
	color: #CDE6F9;
	outline: none;
    text-decoration: underline;
    transition: all 0.25s ease-out;
}
.content a:hover, 
.content p a:hover {
	color: #fff;
}
a:focus {
   outline: none;
}
strong, b {
    font-weight: bold;
}
.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,
.elementor-carousel-image-overlay,
.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 1rem 0;
	padding: 0;
}
ul {
	list-style: disc outside;
    padding: 0;
    line-height: 2;
}
ol {
	list-style: decimal outside;
    padding: 0;
    line-height: 2;
}
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 .elementor-widget-container ul li,
.elementor-widget .elementor-widget-container ol li {
    position: relative;
    padding-left: 2.6rem;
    font-size: 1.6rem;
    color: #CDE6F9;
    list-style: none;
}
.elementor-widget .elementor-widget-container ol li {
    color: #fff;
}
.elementor-widget .elementor-widget-container ul li::before {
    content: '';
    position: absolute;
    top: 1.1rem;
    left: 0;
    width: 2rem;
    height: 1rem;
    background: url(../images/icon-ul.png) no-repeat center center;
    background-size: 2rem 1rem;
}
.elementor-widget .elementor-widget-container ol li::before {
    content: counter(listStyle, decimal);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 1.6rem;
    display: inline-block; 
    width: 2rem;
    text-align: right;
    background: url(../images/icon-ol.png) no-repeat center left;
    background-size: 1rem;
}

/*------------------------------------------------------------------
[ Top Bar ]
*/
body.admin-bar .top {
    margin-top: 3.2rem;
}
/* regular styling (for scrolling up) */
.top {
	position: fixed;
    top: 0;
    width: 100%;
    margin: 0;
	padding: 0;
    z-index: 1010;
    min-height: 28rem;
    visibility: visible;
    opacity: 1;
    transition: all 0.25s ease-out;
}
.logo {
    position: absolute;
    top: 4rem;
    left: 6rem;
    opacity: 1;
    transition: all 0.25s ease-out;
    z-index: 1;
}
.logo img {
    max-width: 28.6rem;
    transition: all 0.25s ease-out;
}
/* styling for scrolling past header section */
.top.down {
    min-height: 17rem;
    background: #313131;
    background: linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(49,49,49,1) 70%, rgba(49,49,49,0) 100%);
}
.top.down .logo {
    top: 1rem;
}
.top.down .logo img {
    max-width: 20rem;
}
.top.down .menu,
.top.down .navigation {
    top: 4.5rem;
}
/* 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: #fff !important;
}

/*------------------------------------------------------------------
[ Navigation ]
*/
.menu,
.menu ul {
	margin: 0;
	padding: 0;
}
.menu {
    position: absolute;
	top: 11rem;
    right: 2rem;
	display: block;
	width: 100%;
    text-align: right;
    padding-left: 38rem;
    transition: all 0.25s ease-out;
}
.menu a:focus {
   outline: none;
}
.menu li {
	display: inline-block;
	position: relative;
	z-index: 100;
    transition: top 0.25s ease-out;
}
.menu > li {
	margin-left: .4rem;
}
.menu li a {
    position: relative;
    margin: .5rem 1.4rem;
	font-size: 2rem;
	font-weight: 400;
    line-height: 4rem;
	text-decoration: none;
	display: block;
    text-transform: uppercase;
	color: #CDE6F9;
    transition: all 0.25s ease-out;
}
.menu > li > a {
    height: 4rem;
}
.menu li.facebook {
    float: left;   
}
.menu li.facebook a {
    font-size: 0;
    color: transparent;
}
.menu li.facebook a::after {
    content: '';
    position: relative;
    top: .5rem;
    left: 0;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background: url(../images/icon-fb.png) no-repeat center center;
    background-size: contain;
}
.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 {
	color: #fff;
}
.menu > li.current-menu-item > a::after,
.menu > li.current_page_item > a::after,
.menu > li.current-page-parent > a::after,
.menu > li.current_page_ancestor > a::after,
.menu > li.current-page-ancestor > a::after,
.menu > li.current-menu-ancestor > a::after,
.menu li.current > a::after {
    content: '';
    position: absolute;
    top: -1.5rem;
    left: 50%;
    margin-left: -1rem;
	color: #fff;
    width: 2rem;
    height: 6.4rem;
    background: url(../images/navi-active.png) no-repeat center center;
    background-size: contain;
}
.menu li > a:hover,
.menu li:hover > a {
    color: #fff;
}
/*
.menu li.has-child > a:after {
    content: '';
    position: absolute;
    bottom: 1rem;
    left: 50%;
    margin-left: -.3rem;
    width: .9rem;
    height: .5rem;
    background: url('../images/sub-indicator.svg') no-repeat center center;
}
*/
.menu ul { 
	display: none;
	position: absolute;
    padding: 2rem 0 1rem 0;
	top: 4rem;
	left: 0;
	width: 24rem;
    background: #fff;
}
.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 ul li { 
	display: block;
	float: none;
}
.menu ul li a {
	display: block;
    font-weight: normal;
    line-height: 1.5;
}
.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 {
    color: #1D845B;
}
.menu ul > li.current > a,
.menu ul > li:hover > a {
    color: #D8364A;
}
.menu ul ul {
	top: 0;
	left: 24rem;
}

/*------------------------------------------------------------------
[ Overlay Navigation]
*/
.top .navigation {
    display: none;
	position: absolute;
    z-index: 1002;
    top: 6rem;
    right: 1rem;
    height: 6rem;
    padding: 1.8rem;
	cursor: pointer;
    transition: all .25s ease-in-out;
}
#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: #fff;
	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;
    width: 100%;
    margin-left: 0;
}
#nav-icon span:last-child {
	width: 80%;
    margin-right: 20%;
}
#nav-icon:not(.open):hover span:last-child {
    width: 100%;
    margin-right: 0;
}
.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.facebook a {
    position: relative;
    font-size: 0;
    color: transparent;
}
.mainnavigation li.facebook a::after {
    content: '';
    position: relative;
    top: .5rem;
    left: 0;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background: url(../images/icon-fb.png) no-repeat center center;
    background-size: contain;
}
.mainnavigation li a {
    font-size: 1.6rem;
    text-transform: uppercase;
    text-decoration: none;
	padding: 1rem;
	display: block;
	color: #CDE6F9;
    line-height: 1;
    border: 1px solid transparent;
	transition: all 0.25s ease-out;	
}
.mainnavigation li a:hover,
.mainnavigation li:hover > a {
	color: #CDE6F9;
}
.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 {
    font-weight: 400;
    color: #fff;
}
.mainnavigation ul {
    display: none;
	margin: 0;
	padding: 0;
    padding-bottom: 2rem;
}
.mainnavigation ul li { 
	display: block;
	margin: 0;
    width: 100%;
}
.mainnavigation ul li a {
	display: block;
    font-size: 1.6rem;
    font-weight: 400;
    text-transform: none;
	color: #CDE6F9;
    padding: 1rem;
	transition: all 0.25s linear;
}
.mainnavigation ul ul li a {
    font-size: 1.42rem;
}

.mainnavigation ul li a:hover,
.mainnavigation ul li:hover > a {
    color: #CDE6F9;
}
.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 {
	font-weight: 400;
    color: #fff;
}
.mainnavigation .expand {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: .4rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #CDE6F9;
    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: #313131;
    background: linear-gradient(270deg, rgba(49,49,49,1) 0%, rgba(49,49,49,1) 90%, rgba(49,49,49,0) 100%);
    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: 16rem 2rem 0 5rem;
}
.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,
.site-content a.elementor-button,
.footer a.elementor-button,
.elementor-popup-modal .elementor-button,
.content .elementor-field-type-submit .elementor-button,
.content .elementor-slides .swiper-slide-inner .elementor-slide-button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    position: relative;
	display: inline-block;
    margin: 0 1rem 1rem 0;
    padding: 1.8rem 2rem;
	color: #CDE6F9;
	text-align: center;
	font-size: 2rem;
	font-weight: normal;
	line-height: 2rem;
	text-decoration: none !important;
    text-transform: uppercase;
    border: 1px solid #CDE6F9;
    border-radius: 1rem;
	background-color: transparent;
	cursor: pointer;
	transition: all 0.25s ease-out;
}
.site-content a.elementor-button:focus,
.site-content a.elementor-button:visited,
.footer a.elementor-button:focus,
.footer a.elementor-button:visited,
.elementor-popup-modal .elementor-button:focus,
.elementor-popup-modal .elementor-button:visited {
     color: #CDE6F9;
}
.button:hover,
button:hover,
.site-content a.elementor-button:hover,
.footer a.elementor-button:hover,
.elementor-popup-modal .elementor-button:hover,
.content .elementor-field-type-submit .elementor-button:hover,
.content .elementor-slides .swiper-slide-inner .elementor-slide-button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
.site-content a.elementor-button:focus,
.footer a.elementor-button:focus,
.elementor-popup-modal .elementor-button:focus,
.content .elementor-field-type-submit .elementor-button:focus,
.content .elementor-slides .swiper-slide-inner .elementor-slide-button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: #CDE6F9 !important;
    background-color: #651010;
    border: 1px solid #651010;
	outline: 0; 
}
.content .elementor-slides .swiper-slide-inner .elementor-slide-button:hover,
.content .elementor-slides .swiper-slide-inner .elementor-slide-button:focus {
    color: #fff;
    border-color: #272625;
    background-color: #272625;
}

/*------------------------------------------------------------------
[ Forms ]
*/
input {
	transition: all 0.25s ease-out;
}
.content .elementor-field-group.elementor-field-type-select,
.content .elementor-field-group.elementor-field-type-email,
.content .elementor-field-group.elementor-field-type-tel,
.content .elementor-field-group.elementor-field-type-text,
.content .elementor-field-group.elementor-field-type-textarea {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    flex-direction: column-reverse;
}
.content .elementor-field-group .elementor-field-textual {
    font-family: 'Open Sans';
    font-size: 1.8rem;
    font-weight: 400;
    padding: 1.2rem 1.2rem 1.2rem 0;
    color: #fff;
    border: none;
    border-bottom: 1px solid #707070;
    border-radius: 0;
    background: none !important;
    outline: none;
    width: 100%;
    transition: all .25s ease-out;	
}
.content .elementor-field-group .elementor-field-textual:focus {
    border-color: #707070;
    box-shadow: none !important;
}
.content .elementor-field-type-submit .elementor-button {
    font-family: 'Open Sans';
    color: #CDE6F9 !important;
    margin-top: 2rem;  
    margin-right: 0;
}
.content .elementor-field-type-submit .elementor-button:hover,
.content .elementor-field-type-submit .elementor-button:focus {
    color: #fff;
}
.content .elementor-field-group .elementor-select-wrapper {
    min-height: 5rem;   
}
.content .elementor-field-group .elementor-select-wrapper::before {
    right: 2rem;
    text-shadow: none;
}
.content .elementor-field-type-textarea {
    margin-top: 4rem;
}
.content .elementor-field-group textarea.elementor-field-textual {
    font-family: 'Open Sans';
    padding: 1.2rem;
    font-size: 1.6rem;
	min-width: 10rem;
	min-height: 16rem;
    border: 1px solid #707070;
    border-radius: 1rem;
    resize: none;
}
.no-resize {
	resize: none;
}
.elementor-field-label {
    display: block;
    font-family: 'Open Sans';
	margin-top: 1.2rem;
	color: #CDE6F9;
	font-size: 1.8rem;
    font-weight: 300;
    text-transform: uppercase;
    width: 100%;
}
/* Making checkbox and radio button invisible */
.elementor-field-option input[type="checkbox"],
.elementor-field-option input[type="radio"]{
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.elementor-field-type-checkbox > div label:before,
.elementor-field-type-acceptance > div label:before,
.elementor-field-type-radio > div label:before {
	content: "";
	display: inline-block;
	width: 3.4rem;
	height: 3.4rem;
	margin-right: 0.5em;
	vertical-align: -1rem;
    border: 1px solid #707070;
	padding: 0;
	background-color: transparent;
	background-clip: content-box;
	transition: all 0.2s ease;
}
.elementor-field-type-radio > div label:before {
    border-radius: 100%;
}
.elementor-field-type-checkbox > div label,
.elementor-field-type-acceptance > div label,
.elementor-field-type-radio > div label {
	margin-right: 1em;
}
.elementor-field-type-checkbox > div input:hover + label:before,
.elementor-field-type-acceptance > div input:hover + label:before,
.elementor-field-type-radio > div input:hover + label:before {
	border-color: #707070;
}
.elementor-field-type-checkbox > div input:checked + label:before,
.elementor-field-type-acceptance > div input:checked + label:before,
.elementor-field-type-radio > div input:checked + label:before {
	background-color: rgba(255,255,255,.5);
    padding: .6rem;
}
*::-webkit-input-placeholder {
    color: #fff !important;
    font-size: 1.6rem !important;
}
*:-moz-placeholder {
    color: #fff !important;
    opacity: 1 !important;
    font-size: 1.8rem !important;
}
*::-moz-placeholder {
    color: #fff !important;
    opacity: 1 !important;
    font-size: 1.8rem !important;
}
*:-ms-input-placeholder {
    color: #fff !important;
    font-size: 1.8rem !important;
}
*::-ms-input-placeholder {
    color: #fff !important;
    font-size: 1.8rem !important;
}
*::placeholder {
    color: #fff !important;
    font-size: 1.8rem !important;
}
.content .elementor-field-group.elementor-field-type-checkbox,
.content .elementor-field-group.elementor-field-type-acceptance {
    margin-top: 2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: inherit;
}
.content .elementor-field-option a {
    color: #fff;
    text-decoration: underline;
}

/*------------------------------------------------------------------
[ 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;
}
.content a.elementor-gallery-item {
    border: none;
}

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

/*------------------------------------------------------------------
[ Theme Stuff ]
*/
.wrapper {
    position: relative;
    padding-top: 28rem;
    transition: padding-top .25s ease-out;
    overflow: hidden;
}
body.home .wrapper {
    padding-top: 0;
}
.logo,
.navigation {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 
}
.content {
	padding: 0 2rem;
}
body.home h1,
body.home .elementor-widget-heading h1.elementor-heading-title {
    font-size: 7.4rem;    
}
body.home h2,
body.home .elementor-widget-heading h2.elementor-heading-title {
    font-size: 4.4rem;    
}
#haftungsausschluss {
    height: 30rem;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    background: rgba(0,0,0,.5);
    padding: 1.6rem;
}
.page-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    z-index: -1;
}

/*------------------------------------------------------------------
[ Header ]
*/
.header {
    position: relative;
}
body:not(.home) .header {
    background: #F4F4F4;
}
.header h2, 
.header .elementor-widget-heading h2.elementor-heading-title {
    position: relative;
    font-size: 3.6rem;
    font-weight: 500;
    color: #474747;
}
.header h2 span, 
.header .elementor-widget-heading h2.elementor-heading-title span {
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 1.8rem;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    color: #707070;
}

/*------------------------------------------------------------------
[ Accordions ]
*/
.content .elementor-accordion .elementor-accordion-item {
    margin-bottom: .5rem;
}
.content .elementor-accordion .elementor-tab-title {
    padding-left: 0 !important;
    position: relative;
    font-size: 2rem;
    font-weight: normal;
    color: #474747;
}
.content .elementor-accordion .elementor-tab-title a {
    color: #474747;
}
.content .elementor-accordion .elementor-tab-title a:hover {
    color: #D00706;
}
.content .elementor-accordion .elementor-tab-title::after {
    content: '';
    position: absolute;
    top: 2rem;
    right: 2rem;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: .6rem solid transparent;
    border-right: .6rem solid transparent;
    border-top: .6rem solid #707070;
}
.content .elementor-accordion .elementor-tab-title.elementor-active,
.content .elementor-accordion .elementor-tab-title.elementor-active a {
    color: #1D845B;
}
.content .elementor-accordion .elementor-tab-title.elementor-active::after {
    border-top: none;
    border-bottom: .6rem solid #D8364A;
}
.content .elementor-accordion .elementor-tab-content {
    padding-left: 0 !important;
}

/*------------------------------------------------------------------
[ Media Image Carousel ]
*/
.elementor-widget-media-carousel.custom .elementor-main-swiper {
    height: 17vw !important;
}

/*------------------------------------------------------------------
[ Tables ]
*/
table {
	border: none;
	border-collapse: collapse;
	width: 100%;
}
table caption { 
    font-size: 2rem; 
    color: #444;
    margin: 1rem;
}
table thead th {
    color: #fff;
    text-align: left;
    background: #444;
    border: none;
}
td, th {
    padding: 1.2rem;
    line-height: 1.6;
	border: none;
}
/*
tbody tr:nth-of-type(2n) {
	background-color: #f6f4f4;
}
*/

/*------------------------------------------------------------------
[ Footer ]
*/
.footer {
    position: relative;
}

/*------------------------------------------------------------------
[ Media Queries ]
*/
@media (min-width:768px) {
     .content .elementor-column.elementor-col-20,
     .content .elementor-column[data-col="20"] {
         width: 16.6665%
     }
    .elementor-column.elementor-col-50:nth-child(2n+1),
    .elementor-column[data-col="50"]:nth-child(2n+1) {
        padding-right: 8rem !important;
    }
}
@media only screen and (max-width: 1600px) {
    .menu li a {
        font-size: 1.42rem;
        line-height: 4rem;
    }
}
@media only screen and (max-width: 1280px) {
    .wrapper {
        padding-top: 18rem;
    }
    .top,
    .top.down {
        min-height: 12rem;
    }
    .logo {
        top: 2rem;
        left: 3rem;
    }
    .logo img {
        max-width: 20rem;
    }
    .menu {
		display: none;
	}
    .top .navigation {
		display: block;
	}
    /* Item Widths */
    .content-grid-5 .grid-item,
    .content-grid-6 .grid-item {
        width: 25%;
    }
}
@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%;
    }
    h1,
    .elementor-widget-heading h1.elementor-heading-title,
    .header h2, 
    .header .elementor-widget-heading h2.elementor-heading-title{
        font-size: 2.6rem;
    }
    h2,
    .elementor-widget-heading h2.elementor-heading-title {
        font-size: 2rem;
    }
    h3,
    .elementor-widget-heading h3.elementor-heading-title {
        font-size: 1.8rem;
    }
    h4,
    .elementor-widget-heading h4.elementor-heading-title {
        font-size: 1.6rem;
    }
    p,
    .elementor-widget-heading p.elementor-heading-title {
        font-size: 1.6rem;
        margin: 0 0 2rem 0;
    }
    body.home h1,
    body.home .elementor-widget-heading h1.elementor-heading-title {
        font-size: 4rem;    
    }
    body.home h2,
    body.home .elementor-widget-heading h2.elementor-heading-title {
        font-size: 2.8rem;    
    }
    .button,
    button,
    .site-content a.elementor-button,
    .elementor-popup-modal .elementor-button,
    .content .elementor-field-type-submit .elementor-button,
    .content .elementor-slides .swiper-slide-inner .elementor-slide-button,
    .footer a.elementor-button,
    .site-content .elementor-post__read-more,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
        padding: 1.2rem 2rem;
        font-size: 1.42rem;
        line-height: 2rem;
    }
    .elementor-widget div:not(.elementor-element-overlay) ul li,
    .elementor-widget div:not(.elementor-element-overlay) ol li {
        margin-bottom: 1rem;
        font-size: 1.6rem;
        line-height: 1.4;
    }
    .elementor-widget div:not(.elementor-element-overlay) ol:not(.elementor-icon-list-items) li::before {
        top: 0;
        font-size: 1.6rem;
        width: 2rem;
    }
    .elementor-widget div:not(.elementor-element-overlay) ul:not(.elementor-icon-list-items) li::before {
        top: .6rem;
        left: 0;
    }
    .content .elementor-tabs .elementor-tab-content .grid .col:first-child,
    .content .elementor-tabs .elementor-tab-content .grid .col:last-child {
        width: 100%;
        padding: 0;
    }
    .elementor-widget-media-carousel.custom .elementor-main-swiper {
        height: 30vw !important;
    }
}
@media only screen and (max-width: 782px) {
    body.admin-bar .top {
        margin-top: 4.6rem;
    }
}
@media only screen and (max-width: 767px) {
	.container {
		max-width: 100%;
	}
	/* Grid */
	.grid .col,
	.grid.no-gutter .col,
	.grid.no-gutter .col.col {
		width: 100%;
	}
    /* Tables */
    table {
		width: 100%;
	}
    /*
    tbody tr:nth-of-type(2n) {
        background: #f6f4f4;;
    }
    */
    table thead { 
        display: none; 
    }
	td, th {
		display: block;
		float: left;
		width: 100% !important;
        height: auto !important;
        padding: 0;
	}
    td a {
        line-height: 1.8;
    }
    tr td:last-child {
        margin-bottom: 2rem;
    }
    /* Item Widths */
    .content-grid-3 .grid-item,
    .content-grid-4 .grid-item,
    .content-grid-5 .grid-item,
    .content-grid-6 .grid-item {
        width: 50%;
    }
    .elementor-widget-media-carousel.custom .elementor-main-swiper {
        height: 48vw !important;
    }
}
@media only screen and (max-width: 568px) {

}
@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%;
    }
}