/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary, div {
  display: block;
  border:0px;
}

body {
    width: 100%;
height:100%;
font-size:20px;
background:#000;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
font-family: 'Merriweather', serif;
}

html {
    width: 100%;
    height: 100%;
}


a{
color:#e3a531;
text-decoration:none;

}
a:hover{
color:#e3a531;
text-decoration:none;
}
.panel-heading a{
color:#fff;
font-weight:bold;
text-decoration:none;
}
.panel-heading{
  background:#e3a531 !important;
  color:#ffffff !important;
}
.panel-default{
  border: 1px solid #e3a531 !important;
}

.nav-tabs a{
color:#000;
font-weight:bold;
text-decoration:none;
}

.nav-tabs a:hover{
color:#000;
text-decoration:none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{

color:#e3a531 !important;
text-decoration:none;
}

h1{
  margin:0px;
  margin-bottom:10px;
font-size:40px;
font-weight:bold;
font-family: 'Merriweather', serif;
}
h2{
  margin:0px;
  margin-bottom:10px;
font-size:40px;
font-weight:bold;
font-family: 'Merriweather', serif;
}
h3,h4{
    color:#e3a531;
  margin:0px;
margin-bottom:10px;
font-family: 'Merriweather', serif;
font-weight:bold;
}

.navbar-default {
background:transparent;
background-position:center bottom;
border:0px;
height:90px;
padding:25px 0 ;
top:-100px;
}
.navbar-brand{
padding:0px;
padding-left:10px;
padding-right:15px;
padding-top:14px;
font-size:28px;
line-height:22px;
color:#fff !important;
font-family: 'Merriweather', serif;
font-weight:800;
text-shadow:0 0 10px rgba(0,0,0,0.5);
}
.headbg .navbar-brand{
text-shadow:none;
color:#fff !important;
}
.logo{
  width:160px;
  height:auto;
  margin-top:5px;
  filter: invert(0%) contrast(200%) saturate(1%) brightness(200%);
    -webkit-filter: invert(0%) saturate(1%) contrast(200%) brightness(200%);
}
.headbg{
  background:rgba(0,0,0,0.8);
  transition: 1s;
}
.headbg img{
  filter: invert(0%) brightness(100%);
  -webkit-filter: invert(0%) brightness(100%);
}

.navbar-nav {
    float: right;
    margin: 0;
}
.navbar-header{
  z-index:999;
  position:relative;
}
.navbar-default .navbar-collapse{
  z-index:998;
  position:relative;
  border:0px;
  border-color:transparent;
  box-shadow:unset;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
text-decoration:none;
font-weight:bold;
font-family: 'Merriweather', serif;
text-shadow:0 0 10px rgba(0,0,0,0.5);
}
.headbg .navbar-nav > li > a {
    color: #fff;
    text-shadow:none;
}
.navbar-default .navbar-nav > li > a:focus {
    color:#e3a531;
font-weight:bold;
background:transparent;
}
.navbar-default .navbar-nav > li > a:hover {
    color:#e3a531;
font-weight:bold;
background:transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color:#e3a531;
font-weight:bold;
background:transparent;
}
.navbar-toggle {
    background-color: transparent !important;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 2px;
    padding: 2x;
    position: relative;
font-size:25px;
color:#fff;
}
.fancybox-opened {
z-index: 9999 !important;
}
.navbar-toggle-out{
  display:none;
}
figure img{
width:calc(100% - 15px);
margin-bottom:15px;
}
footer {
    margin: 50px 0;
}
p{
min-height:16px;
}
a.btn{
  color:#fff;
  background:#e3a531;
}
a.btn:hover{
  color:#fff;
  background:#000;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 26
}
.navbar-toggle span{
  color:#fff;
}
.headbg .navbar-toggle span{
  color:#fff;
}


/* Standard Sektionen */
.standard-section {
    height: auto;
    padding-top: 150px;
    padding-bottom:150px;
    text-align: center;
    background: #19140d;
background-size:cover;
background-position:center center;
color:#fff;
position:relative;
display:block;
}
.fullsize-section {
    height: 100vh;
    padding-top: 100px;
    padding-bottom:100px;
    text-align: center;
    background: #000;
background-size:cover;
background-position:center center;
color:#fff;
position:relative;
display:block;
}
#datenschutz{
  display:none;
  font-size:16px;
  max-height:90%;
}
.fancybox-opened {
z-index: 9999;
}
.fancybox-opened .fancybox-skin{
  padding-top:25px !important;
}

.cky-revisit-bottom-left{
  display:none !important;
}

/* Editor Styles */
.sc-content p.boxed {
  background: #fff;
  color: #000;
  padding: 15px;
}
.sc-content img.rounded {
  border-radius:50%;
  overflow:hidden;
}
.sc-content p.button a {
  display: inline-block;
  padding: 10px 20px;
  background: #e3a531;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}
.sc-content p.left-align,
.sc-content h2.left-align,
.sc-content h3.left-align,
.sc-content h4.left-align {
  text-align: left;
}
.sc-content p.center-align,
.sc-content h2.center-align,
.sc-content h3.center-align,
.sc-content h4.center-align {
  text-align: center;
}
.sc-content p.right-align,
.sc-content h2.right-align,
.sc-content h3.right-align,
.sc-content h4.right-align {
  text-align: right;
}
.sc-content p.boxed-left-align {
  text-align: left;
  background:#f4f4f4;
  padding:15px;
}
.sc-content p.boxed-center-align {
  text-align: center;
  background:#f4f4f4;
  padding:15px;
}
.sc-content p.boxed-right-align {
  text-align: right;
  background:#f4f4f4;
  padding:15px;
}

/* Animationen */
a:hover,.zoomit:hover{
  transform: scale(1.1) !important;
  transition: all 0.3s ease !important;
}
.fade-in {
  opacity: 0;
}
.plopp-in {
  opacity: 0;
}
.fade-in-visible {
  animation: FadeIn 2.4s forwards;
}
.plopp-in-visible {
  animation: ploppIn 2.1s forwards;
}


@keyframes ploppIn {
  0% {
    opacity: 0;
		transform: scale(0);

  }
	50% {
    opacity: 1;
		transform: scale(1.05);
  }
  100% {
		transform: scale(1);
    opacity: 1;
  }
}
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
100% {
		  opacity: 1;
  }
}






/* Standard Mobile Styles */
@media(max-width:768px) {
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
  padding:0px;
  margin:0px;
  width:100%;
  height:100%;
  text-align:center;
}

.navbar-collapse .navbar-nav {
  width:100%;
  padding:0px;
  margin:0px;
  margin-top:35px;
}
.navbar-collapse .navbar-nav li a{
  width:100%;
  padding-top:10px;
  padding-bottom:10px;
  margin-top:20px;
  margin-bottom:20px;
}
.standard-section .container{
padding:25px;
}
}

@media(max-width:400px) {
h1, h2, h3, h4, h5{
word-wrap: break-word;
}
}



/* Introbereich */
.intro-section {
    height: calc(100vh);
    padding-top: 120px;
padding-bottom:150px;
    text-align: center;
    background:transparent;
    background-size:cover !important;
color:#000;
display:block;
width:100%;
animation-name: start;
overflow:hidden;
    animation-duration: 1s;
    background:url(../images/intro.png);
}


.intro-section .container{
  height:100%;
}
.intro-section h1, .intro-section span{
font-size:40px;
color:#fff;
}
.intro-section h2{
  font-size:25px;
  color:#fff;
  padding-top:10px;
}
.introbox{
  min-width:300px;
  max-width:400px;
  position:absolute;
  bottom:-400px;
  background:rgba(0,0,0,0.8) !important;
  padding:25px;
  text-align:left;
  color:#fff
}

.black-bg{
  background:#000 !important;
  color:#fff !important;
}



/* Footer Sektion */
#footer{
  background:transparent;
  position:fixed;
  bottom:0px;
  height:60px;
  z-index:9999;
  width:100%;
  padding-top:10px;
}
#footer a{
font-size:14px;
color:#fff;
}