@charset "UTF-8";
/* CSS Document */

:root {
    --h3: 36px;
    --h1: 72px;
    --p: 18px;
    --ms5: all 0.5s;
    --radius50: 50px;
    --colorAccent: #C88C49;
    --white: #ffffff;
    --black: #000000;
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --fontSizeSmallest: 12px;
    --fontSizeSmaller: 14px;
    --fontSizeSmall: 21px;
    --fontSizeMed: 24px;
    --fontSizeLarge: 32px;
    --fontSizeLarger: 42px;
    --fontSizeLargest: 150px;
}
@media(max-width:500px) {
    :root {
        --fontSizeLarger: 38px;
        --fontSizeLarge: 26px;
        --fontSizeMed: 22px;
    }
}

@font-face {
    font-family: 'BlackSingature';
    src: url('../fonts/BlackSingature.otf') format('opentype');
}
@font-face {
    font-family: 'Lato';
    src: url(../fonts/Lato-Regular.ttf) format('truetype'),
    url(../fonts/Lato-BlackItalic.ttf) format('truetype'),
    url(../fonts/Lato-Bold.ttf) format('truetype'),
    url(../fonts/Lato-BoldItalic.ttf) format('truetype'),
    url(../fonts/Lato-Italic.ttf) format('truetype'),
    url(../fonts/Lato-Light.ttf) format('truetype'),
    url(../fonts/Lato-LightItalic.ttf) format('truetype'),
    url(../fonts/Lato-Black.ttf) format('truetype'),
    url(../fonts/Lato-Thin.ttf) format('truetype'),
    url(../fonts/Lato-ThinItalic.ttf) format('truetype');
}

.preload {
    background: url(../images/close.png) -9999px -9999px;
}

body, html {
	font-weight: 400;
	font-style: normal;
    font-family: 'Lato';
    font-size: var(--fontSizeSmall);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  	overflow-x: hidden !important;
}

::selection {
    color: #000000;;
    background: var(--colorAccent);
}

body.noscroll {
    overflow-x: hidden;
    background: #ffffff;
}

.main {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #ffffff;
}

.noscroll .main {
}


a{ outline: none !important;}

a, a:hover {
    color: #000;
    text-decoration: none;
}

.fa-asterisk {
    color:   #E23634 !important;
}

/* Google Maps */
.responsive_map {
    height: 0;
    overflow: hidden;
    padding-bottom: 56%;
    position: relative;
}

.responsive_map iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* Video */
.responsive_video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.responsive_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* SF Menü */

sf-menu ul.nav-child {
    margin-left: -34px;
    margin-top: -1px;
}

.sf-menu ul.nav-child li a {
    border-left: 1px solid #fff;
    border-bottom: 0px;
}

.sf-menu ul.nav-child li:last-child a {
    border-bottom: 1px solid #fff;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: calc(100% + 16px);
    background: #fff;
    left: -22px !important;
    z-index: 99;
    min-width: 192px;
    border-bottom: 4px solid #a1d0ec;
}


/* ToTop Button */


#totop {
    position: fixed;
    bottom: 36px;
    width: 74px;
    height: 74px;
    z-index: 999999;
    right: 36px;
    text-align: center;
    opacity: 0.8;
    background: #ffffff;
    border-radius: 50%;
    border: solid 1px #000;
    cursor: pointer;
    transition: all 0.3s;
}

#totop a {
    color: #333;
    text-decoration: none;
}

div#totop:before {
    content: "";
    float: left;
    height: 16px;
    width: 16px;
    border-top-color: #000;
    border-top-style: solid;
    border-top-width: 2px;
    border-left-color: #000;
    border-left-style: solid;
    border-left-width: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%) rotate(45deg);
    transition: all 0.3s;
}

#totop:hover {
    opacity: 1;
    bottom: 44px;
}

#totop:hover:before {
    transform: translate(-50%, -50%) rotate(45deg);
}


/* Tabelle mit 2 Spalten */

.spalten2 {
    width: 100%;
}

.spalten2 td {
    width: 50%;
    vertical-align:  text-top;
}

.spalten2 td:first-child {
    padding-right: 30px;
}

.spalten2 td:last-child {
    padding-left: 30px;
}

/* Responsive Menü */

.menutopxsbtn {
        float: right;
        margin-top: 20px;
        margin-right: 40px;
        display: block;
    }


.menutopxs {
    position: absolute;
    top: 190px;
    left: -500px;
    width: 490px;
    display: none;
    padding: 0px 0px;
    z-index: 999999999999;
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.8);
}

.menutopxs ul {
    width: 90%;
    margin: 15px;
    padding: 0;
    list-style: none;
}

.menutopxs li {
    float: none !important;
    background:  none !important;
    width: 100%;
    margin-bottom: 0px; /*§*/
}
li.deeper.parent {
    margin-bottom: 20px;
}

.menutopxs li a, .menutopxs li span {
    padding: 6px 10px !important;
    color: #010000;
    font-weight: 700;
    font-size: var(--fontSizeSmall);
    text-align: center;
    transition: color 0.5s;
    padding-bottom: 0px;
    display: block;
    text-align: left;
    position: relative;
    z-index: 5;
}

.menutopxs li a span {
    font-size: 15px;
    font-weight: 400;
    display: block;
}

.menutopxs li a:hover, .menutopxs li.active>a {
    color: #a51f16;
    background: none !important;
}

.menutopxs .parent .nav-child li:last-child {
    border-bottom: 0;
}

.menutopxs .parent .nav-child {
}


.menutopxs li li a {
    border-bottom: 0px;
    font-size: var(--fontSizeSmall);
    color: #010000;
    text-decoration: none;
    display:  block;
    overflow: hidden;
    padding-left: 10px !important;
    font-weight: 400;
}

.menutopxs ul ul {
    margin: 0;
    padding: 0;
    padding-left: 15px;
}

.menutopxs h1 {
    font-weight: 700;
    letter-spacing: -3px;
    font-size: 50px;
    cursor: pointer;
    margin: 0px;
    padding: 30px 15px;
    text-align: center;
    color: #010000;
}

.menutopxs h1 img {
    width: 45px;
    height: auto,
}

.menutopxs li.active ul.nav-child {
    display: block;
}

.menutopxs li .parentnavimg, .menutopxs li .parentnavclose {
    display: none !important;
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 10;
}

/* Hamburger Menu Icon - to X */

.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s; }

.c-hamburger:focus {
  outline: none; }

.c-hamburger span {
  display: block;
  position: absolute;
  top: 22px;
  left: 9px;
  right: 9px;
  height: 4px;
  background: #010101; }

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #010101;
  content: ""; }

.c-hamburger span::before {
  top: -10px; }

.c-hamburger span::after {
  bottom: -10px; }

.c-hamburger--htx {
  background-color: #fff; }

.c-hamburger--htx span {
  transition: background 0s 0.3s; }

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s; }

.c-hamburger--htx span::before {
  transition-property: top, transform; }

.c-hamburger--htx span::after {
  transition-property: bottom, transform; }

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: #fff; }

.c-hamburger--htx.is-active span {
  background: none; }

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg); }

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg); }

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s; }


/* Btn Primary Bootstrap Override */

.btn-primary {
    background: #e4a443 !important;
    border: 0px !important;
    color: #fff !important;
    font-size: 18px !important;
}

.btn-primary:hover {
    background: #544c3e !important;
    border: 0px !important;
}

.parentnavimg {
    display: none;
}


.logo {
    position: relative;
    margin: 24px 0px;
    height: 100%;
    width: auto;
    /*padding: 32px 0px;*/
  	padding: 32px 0px 16px 0px;
}
.navigation, nav.navbar.navbar-default {
    height: 130px !important;
}
.logoimg {
    position: relative;
    height: 100%;
    width: auto;
}

nav.navbar.navbar-default {
    background: transparent;
    box-shadow: none;
    height: 140px;
    display: block;
}

.nav li {
    float: left;
}

.nav li a, .nav li span {
    padding: 16px 32px 16px 0px;
    font-size: var(--fontSizeMed);
    color: var(--colorAccent);
    font-weight: 600;
    letter-spacing: 1px;
}

ul.nav.menu {
    float: right;
}

div#navbar-collapse {
    float: right;
    width: 66.66666667%;
    top: 50%;
    transform: translateY(-50%);
}

.logo img {
    /* left: 50%; */
    position: relative;
    /* transform: translateX(-50%); */
    width: 100%;
    padding-right: 92px;
    padding-left: 30px;
    height: 100%;
    object-fit: contain;
    object-position: left;
    object-position: left top;
}
ul.nav.menu {
    float: left;
    right: 0;
    position: relative;
    transform: translateX(0%);
}


.navbar-toggle {
    position: relative;
    float: left;
    margin-right: 0px;
    padding: 9px 10px;
    margin-top: 0px;
    margin-bottom: 15px;
    background-color: white;
    background-image: none;
    border: 0px;
    border-radius: 4px;
    left: 50%;
    transform: translateX(-50%);
}


.container-fluid {
    padding-left: 0;
    padding-right: 0;
    height: 140px !important;
}

body.home .slideshow .container {
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0px 30px;
}

body.home .slideshow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100vh;
    background: url(../../../images/Startseite/header-elisabeth-schlierenzauer-2022.jpg);
    background-position: 50% 10% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
body.home .text {
    position: relative;
    display: inline-block;
    margin-bottom: 300px;
}
@media(max-width:991px) AND (min-width:768px) {
    body.home .text .custom img {
        max-width: 450px;
    }
}

@media(max-width:1024px) {
    body.home .text {
        margin-bottom: 0 !important;
    }
}
@media(max-width:768px) {
    body.home .slideshow .container {
        align-items: left;
    }
    body.home .text .custom img {
        width: 100% !important;
        height: auto;
    }
    body.home .slideshow {
        background-position: 75% 50% !important;
    }

    body.home .text {
        display: none !important;
    }


}
@media(min-width:1900px) {
    body.home .slideshow {

    }
}
ul.nav-child {
    list-style: none;
}

ul.nav-child li {
    float: none;
    text-align: left;
    padding: 0px 0px 0px 22px;
    border-left: 0px solid #a1d0ec;
    transition: all 0.3s;
}

ul.nav-child li a {
    padding: 6px 0px;
}

ul.nav-child.unstyled.small {
    list-style: none;
    padding: 0px;
}

ul.nav-child li {
    float: none;
    padding: 0px 0px; /*§*/
}

.menutopxs.height100 {
  	height: calc(100vh + 0px) !important;
    /* left: -100px; */
    padding-top: 160px !important;
    overflow-y: scroll;
}
.menutopxs {
    position: absolute;
    top: 160px;
    width: 100%;
    left: -100%;
    display: block;
    padding: 0px 0px;
    z-index: 999999999999;
}

.navigation .container {
    padding: 0;
    position: relative;
}

.menutopxs .nav li a, .menutopxs .nav li span {
    color: var(--colorAccent);
    text-align: left;
    display: inline-block;
}
.nav li.active>a:before {
    content: '';
    position: absolute;
    /* display: block; */
    width: 100%;
    height: 100%;
    margin-top: -10px;
    /* margin-left: -10px; */
    border-bottom: 0px solid var(--colorAccent);
    width: calc(100% - 20px);
}
.nav li.active>a, .nav li a:hover {
  text-decoration: underline;
}
.nav li a:before {
    content: '';
    position: absolute;
    /* display: block; */
    width: 100%;
    height: 100%;
    margin-top: -10px;
    /* margin-left: -10px; */
    border-bottom: 0px solid var(--colorAccent);
    width: 0%;
    transition: all 0.3s;
}
.nav li a:hover:before {
    width: calc(100% - 20px);
}
.menutopxs .nav li {
    display: inline-block;
    width: 100%;
}

.menutopxs ul.nav.menu {
    float: right;
    right: calc(50% - 15px);
    position: relative;
    transform: translateX(50%);
}

.menutopxs .nav li:before {
    top: 50%;
}

.menutopxs .nav li:hover:before {
    top: 50%;
}

.c-hamburger--htx, .c-hamburger--htx.is-active {
    background-color: transparent;
}

.c-hamburger span, .c-hamburger span:before, .c-hamburger span:after {
    background: #000000;
    height: 2px;
}


.c-hamburger span, .c-hamburger span:before, .c-hamburger span:after {
    background: #000000;
    height: 2px;
    border-radius: 20px !important;
}
.c-hamburger span {
    width: 40px;
    left: 5px !important;
    right: 0px !important;
    transition: all 0.3s;
}
.c-hamburger span:before, .c-hamburger span:after {
    width: 30px;
    margin-left: 5px;
}
.navigation {
    position: fixed;
    z-index: 99999999;
    width: 100%;
    background: #ffffffcc;
    height: 140px !important;
    transition: all 0.3s;
}
.navigation.slideUp {
    transform: translateY(-100%);
}
nav.navbar.navbar-default {
    height: 160px;
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
}
.menutopxsbtn {
    float: right;
    margin-top: 0px;
    margin-left: 0px;
    right: 0;
    margin-right: 0;
    transform: translate(0%, -50%);
    position: relative;
    top: 50%;
    position: absolute;
    border-radius: 50px;
    z-index: 9999999999;
}
div#navbar-collapse {
    display: none !important;
}
.menutopxsbtn, .menutopxs {
    display: block !important;
    padding: 12px;
    padding-right: 30px;
    padding-top: 0px !important;
    margin-top: 0px !important;
}
@media(max-width:567px) {
  .menutopxsbtn, .menutopxs {
      margin-top: 0px;
  }
}

@media(min-width:567px) {
  .menutopxsbtn>p { 
  	margin-bottom: 0px;
  	margin-top: 8px;
  }

}
.menutopxs.height100 {
    top: 0;
    height: calc(100vh + 160px) !important;
    /* left: -100px; */
    padding-top: 160px;
    min-height: 936px;
    max-width: 500px;
    padding-left: 40px;
    box-shadow: -1px 1px 8px #00000033;
    transition: padding-top .7s ease;
    position: fixed;
    z-index: 99;
}

.menutopxs {
    position: absolute;
    right: -100%;
    left: unset !important;
    top: 0px;
    width: 35%;
    left: -100%;
    display: none;
    padding: 0px 0px;
    padding-top: 120px;
    background: #ffffff;
    z-index: 1;
}


footer.footer {
    background: #ffffff;
    display: flex;
    text-align: left;
    font-weight: 500 !important;
    padding: 0px 30px;
    padding-bottom: 30px;
}
.footer .container {
    padding: 20px 0px 0px 0px;
    margin-top: 54px;
    border-top: var(--colorAccent) 2px solid;
}
footer.footer p {
    font-size: var(--fontSizeSmaller) !important;
    margin-bottom: 0px;
    color: #000000;
    font-weight: 500;
}
.footer a {
    width: auto;
    color: #000000;
}
.footer .custom>div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
}
.footer .custom div div {
    padding-bottom: 35px;
}
h4 {
    margin-top: 4px;
    margin-bottom: 0;
    color: var(--colorAccent);
    font-size: var(--fontSizeSmaller);
    text-transform: uppercase;
}
h1 {
    font-family: 'BlackSingature';
    font-size: var(--fontSizeLargest);
    margin-bottom: -60px;
}
h2 {
    font-size: var(--fontSizeLarger);
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 74px;
    letter-spacing: 2px;
  hyphens: auto;
}
h3 {
    font-size: var(--fontSizeMed);
    font-weight: 400;
    color: var(--colorAccent);
}
.area1 h3 {
    margin-bottom: 40px;
}
.area1 .custom {
    display: grid;
    grid-template-columns: 50% 50%;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.area1 .custom img {
    width: 100%;
    height: auto;
}

.area1 .container {
    padding: 0px;
}
.container {
    padding: 0px;
}
.area1 {
    padding: 100px 30px 90px 30px;
    display: flex;
}
.area1 .custom div {
    padding: 0px 30px;
}
.area1 .custom div:nth-of-type(2) {
    padding-right: 0px;
}
.area2 {
    padding: 100px 30px 100px 30px;
    display: flex;
    background: var(--colorAccent);
}
.area2 .custom div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
    grid-gap: 8px;
}
.area2 .custom div div {
    background: #fff;
    padding: 30px 30px;
    /*margin: 0px 4px;*/
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 8px; */
    color: var(--colorAccent);
    box-shadow: 0px 4px 10px #00000042;
    width: 100%;
}


.area2 .custom>div:nth-of-type(2) {
    margin: 25px 0px 85px 0px;
}
.area2 h2 {
    color: #ffffff;
    grid-column: 1/5;
}
.area2 .custom div div:before {
    content: '';
    width: 0%;
    height: 0%;
    position: absolute;
    /* margin-left: -10px; */
    /* margin-top: -10px; */
    border-top: solid 2px var(--colorAccent);
    border-right: solid 2px var(--colorAccent);
    left: 14px;
    top: 14px;
    transition: all 0.5s;
    visibility: hidden;
}
.area2 .custom div div:after {
    content: '';
    width: 0%;
    height: 0%;
    position: absolute;
    /* margin-left: -10px; */
    /* margin-top: -10px; */
    border-bottom: solid 2px var(--colorAccent);
    border-left: solid 2px var(--colorAccent);
    right: 14px;
    bottom: 13px;
    transition: all 0.5s;
    visibility: hidden;
}

.area2 .custom div div {
    position: relative;
}

@keyframes frame {
    0% {width:0%; height: 0%; visibility: visible;}
    50% {width: calc(100% - 27px); height: 0%}
    100% {width: calc(100% - 27px); height: calc(100% - 27px); visibility: visible;}
}
@keyframes frame2 {
    0% {width:0%; height: 0%; }
    50% {width: calc(100% - 27px); height: 0%; visibility: visible;}
    100% {width: calc(100% - 27px); height: calc(100% - 27px); visibility: visible;}
}

.area2 .custom div div.hover:before {
    animation: frame 0.5s both ease-in-out;
}
.area2 .custom div div.hover:after {
    animation: frame2 0.5s both 0.5s ease-in-out;
}
.area3 .custom {
    display: grid;
    grid-template-columns: 38% 12% 12% 38%;
    position: relative;
    align-items: center;
    justify-content: center;
}

.area3 .custom div {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.area3 .custom div img {
    width: 100%;
    object-fit: cover;
    height: 100% !important;
    transition: all 0.5s;
}
.area3 .custom div:nth-of-type(1), .area3 .custom div:nth-of-type(2) {
    filter: grayscale(1);
    transition: all 0.5s;
}
.area3 .custom div:hover {
    filter: grayscale(0);
}
.area3 .custom h2 {
    position: absolute;
    bottom: 20px;
    /* margin-top: 0px !important; */
    grid-row: 1/1;
    color: #fff;
    max-width: 200px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0px;
}
.home .area3 .custom div:first-of-type h2{
    max-width: 310px;
}
.area3 .custom div p {
    width: 100%;
    height: 100%;
    margin: 0;
}

.area3 .custom div:nth-of-type(3) {
    grid-column: 2/4;
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    background: #fff;
    padding: 50px 40px;
    width: 100%;
    position: absolute;
    align-items: normal;
    box-shadow: 0px 4px 10px #00000042
}

.area3 .custom div:nth-of-type(1) {
    grid-column: 1/3;
}
.area3 .custom div:nth-of-type(2) {
    height: 100%;
    grid-column: 3/5;
}
.area3 .custom h3 {
    text-transform: uppercase;
    text-decoration: underline;
    margin-top: 0;
    margin-bottom: 20px;
}
a.btn-more, button#Absenden {
    color: var(--colorAccent);
    border: 2px solid var(--colorAccent);
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
    padding: 15px 25px;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s;
    margin-top: 15px;
    font-size: var(--fontSizeMed);
    font-weight: 600;
  letter-spacing: 2px;
}

.btn-more, button#Absenden {
  z-index: 0 !important;
  position: relative;
  overflow: hidden;
}
.btn-more:before, button#Absenden:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(-100% - 50px);
  right: 0;
  border-right: 0px solid transparent;
  border-bottom: 80px solid var(--colorAccent);
  transform: translateY(-100%) rotate(-90deg);
  transition: all 0.3s;
  transform-origin: bottom right;
  width: calc(100% + 50px);
  z-index: -1 !important;
  box-sizing: border-box;
}
.btn-more:hover:before, button#Absenden:hover:before {
  transform: translateY(-100%) rotate(-180deg);
}
.btn-more:hover, button#Absenden:hover {
   color: #fff;
}
/*a.btn-more:hover, button#Absenden:hover {
    text-decoration: none;
    background: var(--colorAccent);
    color: #fff;
}*/
.area4 .custom h2 {
    margin-bottom: 32px;
}
.area4 .custom p:nth-of-type(3) {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.area4 {
    padding: 0px 30px;
    display: flex;
}
.area5 {
    padding: 0px 30px;
    display: flex;
}
.area5 .custom iframe {
    width: 100%;
    max-width: 800px;
}
.footer .custom div div:nth-of-type(3) {
    display: flex;
}
.footer .custom div div:nth-of-type(3) div {
    margin-right: 15px;
    background: #000;
    border-radius: 50%;
    height: 48px;
    width: 48px;
}
.footer .custom div div:nth-of-type(3) div img {
    /* background: #000; */
    border-radius: 50%;
    padding: 8px;
    filter: contrast(0.5) brightness(4);
    width: 100%;
}
.menutopxsbtn>p {
  	font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 0px;

}
.footer .custom div:nth-of-type(2) div:nth-of-type(3) div {
    transition: all 0.3s;
}
.footer .custom div:nth-of-type(2) div:nth-of-type(3) div:nth-of-type(2):hover {
    background: #e4405f;
}

.footer .custom div:nth-of-type(2) div:nth-of-type(3) div:nth-of-type(1):hover {
    background: #1877F2;
}
.col-md-6 {
    padding: 0;
}
main.contentarea {
    padding: 30px;
}
input[type="text"] {
    width: calc(100% - 40px);
    padding: 20px !important;
    border: 2px solid var(--colorAccent) !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    font-size: var(--fontSizeMed) !important;
}
label.formControlLabel {
    float: none !important;
    width: 100% !important;
    text-align: left !important;
}
.formControls {
    width: 100%;
    margin: 0 !important;
}
form#userForm {
    margin-top: 40px;
}
strong.formRequired {
    display: none;
}
label[for="Check0"] {
    font-size: var(--fontSizeSmaller) !important;
}
input#Check0 {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
}
.formResponsive input[type="text"] {
    width: calc(100% - 40px) !important;
}
.area2 .custom div a {
    display: flex;
}
p {
    line-height: initial;
}
.area3 .custom div img {
    opacity: 0;
    transition: opacity 1s;
    transition-delay: 0.5s;
}
.area3 .custom div img.fadein {
    opacity: 1;
}


body.home.home .preload {
    grid-row: 1/2;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: slideup 1.5s both ease-in-out;
    animation-delay: 3.4s;
}
body.home.home .main {
    grid-row: 2/3;
}
body.home.home {
    overflow: hidden;
    animation: beingabletoscrollagain 1s both;
    animation-delay: 3.4s;
}
/*
.preload div:before {
    content: '';
    width: calc(100% + 60px);
    height: calc(100% + 90px);
    position: absolute;
    display: flex;
    right: -40px;
    top: -40px;
    background: #fff;
    filter: blur(12px);
    animation: slidefade 102.4s both ease-in-out;
    animation-delay: 1s;
}
*/

.preload div.img:before {
    content: '';
    width: calc(100% + 40px);
    height: 100vh;
    position: absolute;
    display: flex;
    right: -20px;
    top: 0px;
    background: #fff;
    filter: blur(12px);
    animation: slidefade 2.4s both ease-in-out;
    animation-delay: 1s;
}
.preload div.img.ios:before {
  filter: blur(0px);
}
body.home.home .preload div {
    position: relative;
    height: 100%;
    width: 100%;
}
@keyframes slidefade {
    0% {width: 105%; width: calc(100% + 60px);}
    40% {width: 55%; width: calc(50% + 0px);}
    60% {width: 55%; width: calc(50% + 0px);}
    100% {width: 0%; width: calc(0% + 0px);}
}
@keyframes slideup {
    0% {height: 100vh;}
    100% {height: 0vh;}
}
@keyframes beingabletoscrollagain {
    0% {overflow: hidden}
    1% {overflow: hidden}
    100% {overflow: unset}
}
body.home.home .preload div img {
    width: 100%;
    padding: 30px;
}
body.home.home .preload div div.img {
    background: url(../../../images/subline.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 887px;
    max-width: 887px;
    margin: 0 auto;
    background-attachment: fixed;
}
body.home.home .preload div div.img.ios {
    max-width: unset;
    background-attachment: unset;
}
@media(max-width:887px) {
    body.home.home .preload div div.img {
        background-size: calc(100% - 60px);
    }
}

.c-hamburger span {
    background: url(../../../images/menu.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100%;
    top: 0;
    width: 100%;
    left: 0px !important;
}
.c-hamburger--htx.is-active span {
    background: url(../../../images/menu-open.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100%;
    top: 0;
    width: 100%;
    left: 0px !important;
}
.c-hamburger span:before, .c-hamburger span:after {
    display: none;
}
.area4 .custom {
    display: grid;
    grid-template-columns: calc(50% - 8px) calc(50% - 7px);
    grid-gap: 0px 15px;
}
.area4 .custom p {
    grid-column: 1/4;
}
.area3 .custom div a {
    width: 100%;
    height: 100%;
}
/*
.tp-bgimg.defaultimg {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: 0% 30% !important;
}
*/
@media(min-width:991px) {
    .tp-caption.tp-fade.start {
        transform: scale(0.8) !important;
        margin-left: -60px;
    }
}
@media(max-width:1200px) {
  .tp-bgimg.defaultimg {
      background-position: 60% 50% !important;
  }
}
.area4 .custom div:nth-of-type(1) {
    grid-row: 1/1;
    grid-column: 1/2;
}
.area4 .custom div:nth-of-type(3) {
    grid-row: 2/2;
    grid-column: 1/1;
}
.area4 .custom div:nth-of-type(4) {
    grid-row: 2/2;
    grid-column: 2/2;
}
.area4 .custom div:nth-of-type(5) {
    grid-row: 3/3;
    grid-column: 1/2;
}
.area3 .custom div:nth-of-type(1) a, .area3 .custom div:nth-of-type(2) a {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}




.item-page iframe {
    max-width: 100%!important;
}

.m-icon span {
    display: none;
}
nav {
    position: relative;
}

.item-page a, footer a, .main a {
    text-decoration: underline;
    transition: all 0.8s;
}

footer a, .area2 a, .area3 a, .area4 a {
    text-decoration: none !important;
}

.item-page a:hover, footer a:hover, .main a:hover {
    color: #C88C49;
}

.area4 a:hover {
    color: #fff;
}

.item-page img {
    max-width: 100%;
    height: auto;
}

.area2 .custom div div p {
    margin-bottom: 0;
}

.orangearea {
    background: #c88c49;
    color: #fff;
    width: 100%;
    padding: 30px 15px;
}

.orangearea img {
    float: left;
    margin-right: 185px;
    margin-left: 85px;
    max-width: 100%;
    height: auto;
}

.orangearea h3 {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 14px;
    padding-bottom: 0;
    margin-top: 0;y
    padding-top: 0;
}

.orangearea p {
    color: #fff;
}

.orangearea a.btn-more {
    color: #fff;
}

.orangearea a.btn-more {
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
    padding: 15px 25px;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s;
    margin-top: 15px;
    font-size: var(--fontSizeMed);
    font-weight: 600;
  letter-spacing: 2px;
    text-decoration: none !important;
}

.orangearea .btn-more {
  z-index: 0 !important;
  position: relative;
  overflow: hidden;
}
.orangearea .btn-more:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(-100% - 50px);
  right: 0;
  border-right: 0px solid transparent;
  border-bottom: 80px solid #fff;
  transform: translateY(-100%) rotate(-90deg);
  transition: all 0.3s;
  transform-origin: bottom right;
  width: calc(100% + 50px);
  z-index: -1 !important;
  box-sizing: border-box;
}
.orangearea .btn-more:hover:before {
  transform: translateY(-100%) rotate(-180deg);
}
.orangearea .btn-more:hover {
   color: var(--colorAccent);
}


/*******************************************************/
/*********** START  MEDIA            ******************/
/*******************************************************/
/*******************************************************/


@media(max-width:1200px) {
    .area3 .custom div:nth-of-type(3) {
        padding: 10px 15px;
    }
    .area4 .custom img {
        width: 100%;
        height: auto;
    }
    
    .orangearea img {
        float: left;
        margin-right: 185px;
        margin-left: 45px;
    }
}

@media(max-width:1024px) {
    .menutopxs {
        width: 45%;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .area2 {
        padding: 60px 30px 60px 30px;
    }
    
    .fullwidthbanner-container, .fullwidthabanner {
        height: 500px !important;
        
    }

}

@media (max-height:880px){
  
  .m-icon span {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        margin-top: 100%;
        margin-right: 3%;
        color: #c88c49;
        transform: rotate(0deg);
        transition: transform .7s ease;
    }
}


@media (min-width:769px) and (max-height:880px){
  
  
    .area2 .custom div div p {
        text-align: center;
    }
    .area3 .custom div p {
        font-size: 16px;
    }
    .area3 .custom h2 {
        bottom: 3px;
        font-size: 40px;
    }
    .area2 .custom div div {
        width: 100%;
        height: 135px;
    }
    .area2 .custom div {
        grid-template-columns: calc(7.7% - 7px) calc(16.7% - 7px) calc(7.7% - 7px) calc(16.7% - 7px) calc(16.7% - 7px) calc(16.7% - 7px);
        grid-gap: 10px;
    }
    .area2 h2 {
        color: #ffffff;
        grid-column: 1/6;
    }
    
    .area2 .custom div {
        display: flex;
        flex-wrap: wrap;
    }
    
    .area2 .custom div a:nth-child(3) {
        flex-basis: 32%;
    }
    
    .area2 .custom div a {
        display: flex;
        width: 32%;
        margin-right: 5px;
        margin-top: 5px;
        margin-bottom: 0px;
    }
    
    .menutopxs.height100 ul.nav {
        height: calc(100vh - 160px) !important;
        overflow-y: scroll;
        overflow-x: hidden;
        padding-bottom: 50px;
    }
}


@media(max-width:1024px) AND (min-width:767px) {
    .menutopxs.height100.m-active {
        padding-top: 0px!important;
        transition: padding-top .7s ease;
    }
    .m-icon.m-active__icon span {
        transform: rotate(180deg);
        transition: transform .7s ease;
    }
    .m-icon span {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        margin-top: 100%;
        margin-right: 3%;
        color: #c88c49;
        transform: rotate(0deg);
        transition: transform .7s ease;
    }
    .area2 .custom div a:nth-of-type(1) {
    grid-column: 1/3;
    }
    .area2 .custom div a:nth-of-type(2) {
    grid-column: 3/5;
    }
    .area2 .custom div a:nth-of-type(3) {
    grid-column: 5/7;
    }
    .area2 .custom div a:nth-of-type(4) {
    grid-column: 1/3;
    grid-row: 2;
    }
    .area2 .custom div a:nth-of-type(5) {
    grid-column: 3/5;
    grid-row: 2;
    }

    .tp-caption.tp-fade.start {
            transform: scale(0.8) !important;
    }
    
    
}

@media(max-width:991px) {
    .orangearea {
        text-align: center;
    }
    
    .orangearea img {
        float: none;
        margin-right: auto;
        margin-left: auto;
    }
    
   .area2 .custom div {
    display: grid;
    grid-template-columns: calc(16.7% - 7px) calc(16.7% - 7px) calc(16.7% - 7px) calc(16.7% - 7px) calc(16.7% - 7px) calc(16.7% - 7px);
    grid-gap: 8px;
    }
    div#navbar-collapse {
        top: 0px;
        transform: none;
    }

    div#navbar-collapse {
        width: 100%;
    }

    ul.nav.menu {
        padding: 0px 0px 30px 0px;
    }

    .area3 .custom {
        align-items: unset;
    }
    .area4 .custom p:nth-of-type(3) {
        align-items: center;
        justify-content: center;
    }
    .area4 .custom img {
        width: 100%;
      	height: auto;
    }
}

@media(min-width:991px) {
    .col-md-6:nth-of-type(1) {
        padding-right: 30px;
    }
    .col-md-6:nth-of-type(2) {
        padding-left: 30px;
    }
  }
  

@media(max-width:768px) AND (orientation:portrait) {
    body.home .tp-bgimg.defaultimg {
        background-position: calc(100% + 100px) 50% !important;
    }
}
@media(max-width:768px) AND (orientation:landscape) {
    .tp-caption.tp-fade.start {
        top: unset !important;
        left: unset !important;
    }
    li.tp-revslider-slidesli.active-revslide.current-sr-slide-visible {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media(max-width:1024px) AND (orientation:landscape) {
    /* .tp-caption img {
        transform: scale(0.6);
    } */

}

@media(min-width:769px) {
    body.home .navigation {
        background: transparent;
        pointer-events: none;
    }

    body.home .logo {
        max-height: 0px !important;
        overflow: hidden;
    }

    body.home .menutopxsbtn, body.home .menutopxs.height100 {
        pointer-events: all;
    }
}


@media(max-width:768px) {
    /* .area3 .custom div p {
        font-size: var(--fontSizeSmall);
    } */
    .m-icon {
        display: none;
    }
    .area2 .custom div div p {
    margin-bottom: 0px;
}
    .preload div.img:before {
     	filter: blur(8px);
    }
    .preload div.img:before {
        content: '';
        width: calc(100% + 0px);
        right: 0px;
    }

    .menutopxsbtn {
        display: block;
    }

    .menutopxs {
        display: block;
    }
    .menutopxs {
        width: 100%;
    }
    .area1 .custom div:nth-of-type(2) {
        margin-top: 50px;
    }

    /* .parentnavimg {
        display: block;
    } */
    .area1 .custom {
        grid-template-columns: 100%;
    }
    .area1 .container {
        width: 100%;
    }
    .area1 .custom div:nth-of-type(2) {
        padding-right: 0px;
    }
    .area1 .custom div {
        padding: 0px 0px;
    }
    .area3 .custom {
        grid-template-columns: 100%;
    }
    .area3 .custom div {
        grid-column: unset !important;
    }
    .area3 .custom div:nth-of-type(2) h2 {
        grid-row: 2/3;
    }
    .area3 .custom div:nth-of-type(3) {
        padding: 50px 40px;
        position: relative;
        align-items: center;
        text-align: center;
    }
    .area5 {
        display: block;
    }
    div[class^="area"] .container {
        width: 100%;
    }
    footer.footer {
        display: block;
    }
    .area4 h2 {
        word-break: break-word;
    }
    .area1, .area2 {
        padding: 0px 30px 90px 30px;
    }
    .area2 {
        padding: 0px 30px 0px 30px;
    }
    .menutopxs.height100 ul.nav {
        height: calc(100vh - 200px) !important;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .container {
        width: 100%;
    }
    .area4 .custom {
        grid-template-columns: 100%;
    }
  .area4 .custom div:nth-of-type(4) {
    grid-column: 1/2;
    grid-row: 3;
}
.area4 .custom div:nth-of-type(5) {
    grid-column: 1/2;
    grid-row: 4;
}
  .tp-caption.tp-fade.start {
      width: 100%;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0 !important;
  }

  .logo img {
    max-height: 79%;
    margin-top: 6px;
  }

  .menutopxsbtn > p {
    margin-top: 0;
  }
  .area3 .custom h2 {
        bottom: 20px;
    }
    body .slideshow {
        margin-top: 140px;
    }
}

@media(max-width:767px) {
  
  body.home .slideshow {
    height: 60vh;
  }


    .logo img {
        padding-left: 16px;
    }
    /* Chronoforms Responsive */

    .gbs3 .chronoform .gcore-input{width:100% !important;}
    .gbs3 .chronoform .form-control{width:100% !important;}

    div#rev_slider_13_1 .tp-bgimg.defaultimg,
    div#rev_slider_14_1 .tp-bgimg.defaultimg {
        background-position: 75% 50%!important;
    }
    
    .area2 .custom div {
        display: block !important;
        width: 100% !important;
        margin-bottom: 10px;
    }

    main.contentarea {
        padding-bottom: 0px;
    }
    
    .footer .container {
        margin-top: 0;
    }
}

@media(max-width:700px) {
    .menutopxs.height100 {
        padding-left: 0px;
    }
}



@media(max-width:567px) {
    
    .item-page h2 {
        margin-top: 30px;
    }
    
   .tp-bgimg.defaultimg {
        background-position: 40% 50%!important;
    }
    div#rev_slider_4_1_wrapper .tp-bgimg.defaultimg {
        background-position: 30% 50%!important;
    }
    div#rev_slider_8_1_wrapper .tp-bgimg.defaultimg {
        background-position: 15% 50%!important;
    }
    .fullwidthbanner-container, .fullwidthbanner-container .fullwidthabanner {
/*        height: 100vh!important;*/
    }
    h2 {
        font-size: var(--fontSizeLarge);
        /* word-break: break-all; */
    }
    h1 {
        font-family: 'BlackSingature';
        font-size: 100px;
        margin-bottom: -40px;
    }
    .menutopxs {
        width: 100%;

    }
    .navigation, nav.navbar.navbar-default {
        height: 130px !important;
    }
    .menutopxs.height100 {
        padding-top: 130px !important;
    }
    .menutopxs.height100 ul.nav {
        height: calc(100vh - 160px) !important;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .logo {
        padding: 32px 0px 16px 0px;
    }
    
    h2 {
        font-size: 20px;
    }
    
    .menutopxs ul.nav.menu {
        float: none;
        right: 0;
        transform: none;
    }
    
    .menutopxs .nav li a, .menutopxs .nav li span {
        font-size: 18px;
    }
    
    .fullwidthbanner-container, .fullwidthabanner {
        height: 300px !important;
        
    }
}

@media(min-width:500px) {
    .tp-caption, .tp-caption img {
        min-width: 400px;
        height: auto !important;
    }
}

@media(max-width:500px) {
    .tp-caption.tp-fade.start img {
        width: 100% !important;
        height: auto !important;
        padding: 30px;
    }

    .tp-caption.tp-fade.start {
        width: 100%;
    }
    .area3 .custom h2 {
        max-width: 1200px;
        width: 100% !important;
    }

}
@media(max-width:484px) {
    .area2 .custom div div {
        justify-content: flex-start;
        height: auto;
    }
}




@media(max-width:370px) {
  .menutopxsbtn>p {
    margin-top: 0px;
    margin-bottom: 6px;
  }
    
    .item-page h2 {
        font-size: 18px;
        letter-spacing: 1px;
    }

  .custom h2 {
    font-size: 24px !important;
  }
    
    .area2 .custom div a {
        min-height: 150px;
        justify-content: center;
        flex-direction: column;
    }
    
     .area2 .custom div a div {
        min-height: 150px;
         display: flex !important;
         justify-content: center;
        flex-direction: column;
    }

}

/* .col-md-6 img {
    width: 100%;
} */
.slideshow:before {
    width: 44px;
    height: 44px;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url(../../../images/scroll.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 30px;
  z-index: 99;
  animation: updown 2s ease both;
  animation-delay: 2s;
  filter: drop-shadow(0px 2px 4px #fcba6f);
}
.slideshow {
  position: relative;
}
@keyframes updown {
  0% {bottom:0px}
  50% {bottom:20px}
}

body.mobile .slideshow:before {
    visibility: hidden;
}
.mesopeel .col-md-3 {
    width: 100%;
    padding: 0;
    border: 2px solid #c88c49;
    padding: 32px 40px 20px 40px;
    box-shadow: 0px 4px 8px #00000042;
}
.mesopeel .col-md-3:nth-of-type(2n+1) {
    padding: 18px 40px 20px 40px;
}
.mesopeel .col-md-3:nth-of-type(2n+2) a {
    align-self: flex-end;
    justify-content: flex-end;
}
.mesopeel .col-md-3:nth-of-type(2n+1) p.p1 {
    position: absolute;
    bottom: 0;
    bottom: -20px;
}
.mesopeel .col-md-3:nth-of-type(2n+1) p {
    margin-bottom: 25px;
}
.mesopeel h3 {
    margin-top: 5px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.mesopeel .col-md-3 a {
    color: #c88c49;
    display: flex;
}
.mesopeel>p {
    display: none;
}
.mesopeel {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    justify-content: stretch;
    grid-column-gap: 30px;
    grid-row-gap: 36px;
    position: relative;
}

.middle h3, .middle h4, .middle p, .middle a {
    color: #fff;
}
.middle a:hover {
    color: #fff !important;
  	padding-left: 30px;
}

.mesopeel .middle {
    position: absolute;
    background: #c88c49;
    padding: 18px 40px;
    width: auto;
    display: flex;
    align-self: center;
    justify-self: center;
    flex-direction: column;
    margin-top: -100px;
    box-shadow: 0px 4px 8px #00000042;
}
.mesopeel ul {
    line-height: 24px;
    padding-left: 20px;
    margin-bottom: 35px;
}
.mesopeel ul li {
    border-left: 10px solid #ffffff00;
}
@media(max-width:768px) {
    .mesopeel {
        grid-template-columns: 100%;
        grid-row-gap: 25px;
    }
    .mesopeel .middle {
        position: relative;
        margin-top: 0;
        width: 100%;
        margin-bottom: 0;
        grid-row: 5;
    }
    .mesopeel .col-md-3:nth-of-type(1n+1) a {
        align-self: flex-end;
        justify-content: flex-end;
    }
    .mesopeel .col-md-3:nth-of-type(2n+1) p.p1 {
        position: relative;
        bottom: -40px;
    }
    .middle p {
        text-align: right;
    }
    .mesopeel h3 {
        margin-bottom: 0px;
    }
    .mesopeel ul {
        line-height: 26px;
        padding-left: 15px;
    }
    .mesopeel .col-md-3 {
        padding: 24px 30px;
    }
    .mesopeel .middle {
        padding: 25px 30px;
    }
}
@media(max-width:567px) {
    .mesopeel ul {
        line-height: 26px;
        padding: 0;
    }
}
.col-md-3 h3, .col-md-3 h4 {
    font-weight: 700;
}


@media (max-width: 768px) {
  .zweispaltig,
  .zweispaltig tbody,
  .zweispaltig tr,
  .zweispaltig td {
    display: block;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}