.cky-btn-revisit-wrapper { width: 30px !important; height: 30px !important; background: var(--gold) !important; }
.cky-btn-revisit-wrapper .cky-btn-revisit img { width: 20px !important; height: 20px !important; }

/*----------------------------------------------------------------------------------
GALERIE
----------------------------------------------------------------------------------*/
.sl-wrapper { position: fixed; z-index: 999999999; }
.sl-overlay { z-index: 99999; }
.sl-counter { display: none !important; }

@media only screen and (max-width: 854px) {
.ngg-gallery-thumbnail-box { max-width: 182px !important; }
}
@media only screen and (max-width: 580px) {
.ngg-gallery-thumbnail-box { max-width: 162px !important; }
}
@media only screen and (max-width: 514px) {
.ngg-gallery-thumbnail-box { max-width: 142px !important; }
}
@media only screen and (max-width: 450px) {
.ngg-gallery-thumbnail-box { max-width: 124px !important; }
}
@media only screen and (max-width: 400px) {
.ngg-gallery-thumbnail-box { max-width: 108px !important; }
}
/*----------------------------------------------------------------------------------
SECTION
----------------------------------------------------------------------------------*/
section { position: relative; overflow: hidden; }
section#startseite { height: auto; z-index: 10; background: var(--white); overflow: hidden; padding: 100px 0 0 0; }

section#youtube { height: auto; padding: 60px 5%; background: var(--white); }
section#galerie { height: auto; padding: 60px 5%; background: var(--gold); }
section#kontakt { height: auto; padding: 60px 5%; background: var(--white); }

#imprint { padding: 160px 5% 60px 5%; }
#imprint, #imprint p { text-align: left; }

@media only screen and (max-width: 854px) {
section#youtube { padding: 60px 2.5%; }
section#galerie { padding: 60px 2.5%; }
section#kontakt { padding: 60px 2.5%; }

#imprint { padding: 160px 2.5% 60px 2.5%; }
}
/*----------------------------------------------------------------------------------
ALLGEMEIN || FONT
----------------------------------------------------------------------------------*/
header#header, header.header, footer#footer, #sidebar, header, footer { display: none; }

body { font-family: 'Helvetica'; font-size: 22px; color: var(--black); }
a, a:hover { cursor: pointer !important; }
p { margin-bottom: 18px; line-height: 1.5; }
p:last-of-type { margin-bottom: 0; }
p:empty { display: none; }

p { font-weight: 500; text-align: center; hyphens: auto; -webkit-hyphens: auto; word-spacing: -1px; }
.notice p { margin-bottom: 0; }
.notice a { color: var(--black); text-decoration: underline; }
.important { font-weight: bold; color: red; }

h1, h2, h3, ul#menu li a { font-family: 'Helvetica'; line-height: 1; letter-spacing: 0.5px; }
h2 { font-size: 2.25em; margin-bottom: 60px; position: relative; z-index: 1; text-align: center; display: block; }
h3 { font-size: 1.5em; margin-top: 40px; margin-bottom: 20px; position: relative; z-index: 1; width: fit-content; }
#galerie h3 { font-size: 1.25em; margin-top: 40px; margin-bottom: 20px; position: relative; z-index: 1; width: 100%; text-align: center; color: var(--white); }

ul li a { font-size: 0.8em; color: var(--white); text-decoration: none; }
#imprint a { color: var(--black); text-decoration: underline; }

div#footer { font-size: 0.65em; }
div#footer a { color: var(--white); text-decoration: none; }

@media only screen and (max-width: 854px) {
body { font-size: 18px; }
}
@media only screen and (max-width: 348px) {
body { font-size: 16px; }
}




/*----------------------------------------------------------------------------------
HEADER
----------------------------------------------------------------------------------*/
div#header { position: fixed; height: 100px; width: 100%; padding: 30px 5%; display: flex; align-items: center; justify-content: space-between; z-index: 99999; background: var(--gold); }

div#header .col img { height: 90px; width: auto; }

ul#menu, ul#menu li a { display: inline-flex; align-items: center; height: 100%; }
ul#menu { list-style: none; padding: 0; margin: 0; }
ul#menu li { height: 100%; padding: 0 10px; position: relative; }
ul#menu li a { height: 100px; padding: 0 12px; }

@media only screen and (max-width: 854px) {
div#header { flex-direction: column; justify-content: center; }
div#header .col img { height: 62px; width: auto; }
ul#menu li a { height: 100%; padding: 0 12px; }
}
@media only screen and (max-width: 568px) {
div#header .col img { height: 52px; width: auto; }
ul#menu li a { height: 100%; padding: 0 8px; }
}
/*----------------------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------------------*/
div#footer { position: relative; padding: 20px 5%; width: 100%; height: auto; color: var(--white); background: var(--black); display: flex; justify-content: space-between; align-items: center; }
/*----------------------------------------------------------------------------------
STARTSEITE
----------------------------------------------------------------------------------*/
#img-box { position: relative; width: 100%; height: 65vh; min-height: 600px; max-height: 600px; }
#img-box img { z-index: 10; width: 100%; height: 100%; object-position: right; object-fit: cover; }
.img-overlay { z-index: 20; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--gold); opacity: 0.85; }
.notice { z-index: 30; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 2.5%; word-break: none; }
/*----------------------------------------------------------------------------------
YOUTUBE
----------------------------------------------------------------------------------*/
.youtube-box { position: relative; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; }
.youtube-box iframe { margin-bottom: 60px; width: 560px; height: 301px; } 

.video-container { width: 45%; max-width: 534px; height: auto; overflow: hidden; margin-bottom: 30px; }
.youtube-video { position: relative; height: 301px; width: 100%; }
.youtube-video img { height: 100%; width: 100%; object-fit: cover; }
.youtube-titel { display: block; margin-top: 10px; text-align: center; }

.youtube-video .play-button { position: absolute; width: 90px; height: 60px; background-color: #FF0000; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); z-index: 1; opacity: 0.8; border-radius: 6px; }
.youtube-video .play-button:before { position: absolute; content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff; }
.youtube-video img, .youtube-video .play-button { cursor: pointer; }
.youtube-video .play-button,
.youtube-video .play-button:before { top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 );}

@media only screen and (max-width: 1024px) {
.youtube-video { height: 248px; }
}
@media only screen and (max-width: 854px) {
.youtube-video { height: 194px; }
}
@media only screen and (max-width: 744px) {
.youtube-video { height: 172px; }
}
@media only screen and (max-width: 568px) {
.video-container { width: 100%; }
.youtube-video { height: 294px; }
}
@media only screen and (max-width: 500px) {
.youtube-video { height: 254px; }
}
@media only screen and (max-width: 424px) {
.youtube-video { height: 224px; }
}
@media only screen and (max-width: 392px) {
.youtube-video { height: 208px; }
}
/*----------------------------------------------------------------------------------
COLOR THEME
----------------------------------------------------------------------------------*/
:root {
  --black: #1c1c1c;
  --white: #ffffff;
  --gold: #E1A34A;
}
.entry-contenttttt { box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.35); }

/*----------------------------------------------------------------------------------
CSS RESET
----------------------------------------------------------------------------------*/
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; scroll-padding: 60px; }
html, body { height: 100%; }
body { line-height: calc(1em + 0.5rem); text-rendering: optimizeSpeed; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6, p { overflow-wrap: break-word; }
ul[role='list'], ol[role='list'] { list-style: none; }
img, picture, video, canvas, svg, iframe { display: block; max-width: 100%; }
a:not([class]) { text-decoration-skip-ink: auto; }
a, area, button, input, label, select, summary, textarea, [tabindex] { -ms-touch-action: manipulation; touch-action: manipulation; }
input, button, textarea, select { font: inherit; }
strong { font-weight: bolder; }
:where(button, [type='button' i], [type='reset' i], [type='submit' i]) { -webkit-appearance: button; }
small { font-size: 80%; }
table { border-collapse: collapse; border-spacing: 0; caption-side: bottom; }
textarea { white-space: revert; }
@media (prefers-reduced-motion: no-preference) {  html:focus-within { scroll-behavior: smooth; }  }
@media (prefers-reduced-motion: reduce) {  html:focus-within { scroll-behavior: auto; }  }
/*----------------------------------------------------------------------------------
MAX-WIDTH PAGE
----------------------------------------------------------------------------------*/
.entry-content, #header { max-width: 1900px; margin: 0 auto; }
@media only screen and (min-width: 1900px) {
  #header { left: 50%; transform: translateX(-50%); }
}



/*----------------------------------------------------------------------------------
SHADOW || TRANSITION
----------------------------------------------------------------------------------*/
div#header, .entry-content {
-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);
-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);
}
ul#menu li a:hover {
-webkit-box-shadow: inset 8px 0px 8px -8px rgba(0, 0, 0, 0.35), inset -8px 0px 8px -8px rgba(0, 0, 0, 0.35);
box-shadow: inset 8px 0px 8px -8px rgba(0, 0, 0, 0.35), inset -8px 0px 8px -8px rgba(0, 0, 0, 0.35);
} 
ul#menu li a {
     -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}