/*!
 * 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;
}
.fancybox-opened {
z-index: 9999 !important;
}
body {
    width: 100%;
height:100%;
font-size:20px;
background:#fff;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
font-family: 'Varela Round';
}

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


a{
color:#61c2d0;
text-decoration:none;

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

.nav-tabs a{
color:#373736;
font-weight:bold;
text-decoration:none;
font-family: 'Varela Round';
}

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

color:#61c2d0 !important;
text-decoration:none;
}

h1{
  margin:0px;
  margin-left:-1px;
font-size:40px;
margin-bottom:10px;
font-weight:bold;
font-family: 'Varela Round';
}
h2{
  margin:0px;
  margin-left:-1px;
font-size:40px;
margin-bottom:10px;
font-weight:bold;
font-family: 'Varela Round';
color:#b7100f;
}
h3,h4{
    color:#61c2d0;
  margin:0px;
margin-bottom:10px;
font-family: 'Varela Round';
font-weight:bold;
}

.navbar-default {
background:#fff;
background-position:center bottom;
border:0px;
height:90px;
padding:25px 0 ;
}
.navbar-brand{
padding:0px;
padding-left:10px;
padding-right:15px;
padding-top:4px;
font-size:28px;
line-height:22px;
color:#fff !important;
font-family: 'Varela Round';
}
.logo{
  width:60px;
  height:auto;
  margin-top:-15px;
}

.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: #61c2d0;
text-decoration:none;
font-weight:bold;
font-family: 'Varela Round';
}
.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
  color: #fff;
text-decoration:none;
font-weight:bold;
}
.headbg .navbar-nav > li > a {
    color: #61c2d0;
}
.headbg .navbar-nav > li > a:focus {
    color:#b7100f;
font-weight:bold;
background:transparent;
}
.headbg .navbar-nav > li > a:hover {
    color:#b7100f;
font-weight:bold;
background:transparent;
}
.headbg .navbar-nav > .active > a, .headbg .navbar-nav > .active > a:focus, .headbg .navbar-nav > .active > a:hover {
    color:#b7100f;
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:#373736;
}
.navbar-toggle-out{
  display:none;
}
figure img{
width:calc(100% - 15px);
margin-bottom:15px;
}
footer {
    margin: 50px 0;
}
p{
min-height:30px;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 26
}
.navbar-toggle span{
  color:#fff;
}
.headbg .navbar-toggle span{
  color:#373736;
}
.headbg{
  background:#fff;
  transition: 1s;
  color:#61c2d0;
}
.headbg img{
  filter: invert(0%) brightness(100%);
  -webkit-filter: invert(0%) brightness(100%);
}
.headbg .navbar-brand{
  color:#61c2d0 !important;
}





/* Standard Sektionen */
.standard-section {
    height: auto;
    padding-top: 100px;
    padding-bottom:100px;
    text-align: center;
    background: #fff;
background-size:cover;
background-position:center center;
color:#373736;
position:relative;
display:block;
}
.fullsize-section {
    height: 100vh;
    padding-top: 100px;
    padding-bottom:100px;
    text-align: center;
    background: #fff;
background-size:cover;
background-position:center center;
color:#373736;
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: #373736;
  padding: 15px;
}
.sc-content img.rounded {
  border-radius:50%;
  overflow:hidden;
}
.sc-content p.button a {
  display: inline-block;
  padding: 10px 20px;
  background: #61c2d0;
  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 - 50px);
    padding-top: 120px;
padding-bottom:150px;
    text-align: center;
    background:url(https://dieblachenmacher.ch/bg.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
color:#373736;
display:table;
width:100%;
animation-name: start;
    animation-duration: 1s;
}
.intro-section video{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1;
}
.intro-section .container{
  width:100%;
}
.intro-section h1, .intro-section span{
font-size:80px;
color:#fff;
}

.intro-section h2{
  font-size:28px;
  color:#fff;
  padding-top:10px;
}
#intro img{
  height:50vh;
  max-height:350px;
  width:auto;
}
@media(max-width:800px) {
  .intro-section h1, .intro-section span{
  font-size:65px;
  color:#fff;
  }
  .intro-section h2{
    font-size:23px;
    color:#fff;
    padding-top:10px;
  }
}
#ueber-uns{

}
#highlights{

}
.green-bg{
  padding-top:100px;
  padding-bottom:100px;
  color:#fff;
  overflow:hidden;
  background:#61c2d0;
}
.green-bg a{
color:#fff;
}
.green-bg h1,.green-bg h2,.green-bg h3,.green-bg h4{
color:#fff;
}
.green-bg::before {
width: 0px;
height: 0px;
content: "";
border-top: 10px solid transparent;
border-right: 2000px solid transparent;
border-bottom: 60px solid transparent;
border-left: 2000px solid white;
position:absolute;
top:-10px;
left:0px;
}
.green-start::before {
width: 0px;
height: 0px;
content: "";
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
border-left: 0px solid white;
position:absolute;
top:-10px;
left:0px;
}
.green-bg::after {
width: 0px;
height: 0px;
content: "";
border-top: 60px solid transparent;
border-right: 2000px solid transparent;
border-bottom: 10px solid transparent;
border-left: 2000px solid white;
position:absolute;
bottom:-10px;
left:0px;
}
#dienstleistungen{

}

#team{

}

#kontakt{

}



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