/** LAYOUT ***/
body, html { font-family: 'Sora', sans-serif, Helvetica, Arial, sans-serif; font-size: 18px;  }
.container-fluid { width: 99vw; max-width: 100vw; overflow: hidden; }

/*** COLORS ***/
.bg-grey {  background-color: #eff2f7; }
.bg-green {  background-color: #64abb3;} .bg-green-light {background-color:#82bcc5;}
.bg-yellow {   background-color: #f4f9d6;} .bg-yellow-dark {background-color: #dce0c1;}
.bg-white {  background-color: #FFFFFF;}
.bg-black  {background-color: #060b0c;}

.bg-yellow .container,.bg-green .container,.bg-white .container { padding-top:80px; padding-bottom: 80px;}

.bg-yellow .container { background-color: #f4f9d6; }
.bg-green .container { background-color: #64abb3; }
.bg-white .container { background-color: #ffffff; }

/** NAVIGATION **/
.navbar {background-color: #ffffff ; border-bottom:1px solid #f4f9d6; }
.navbar-collapse { background: transparent;}
.logo {width: 120px; padding: 4px 0px 4px 0px; transition: 500ms linear;} 
.navbar.scrolled .logo {width:100px;transition: 500ms linear; padding: 0px; }
.navbar-toggler {    border:0;font-weight: 800;}
.navbar-toggler svg {    font-weight: 800; border: 0;   height: 40px; width: 40px;color: #000000;}
.nav-item { font-weight: 700;}
.nav-link {  color: #000000;  font-weight: 700;   text-transform: uppercase; }
.navbar.scrolled { background-color: #ffffff !important;  transition: 500ms linear; border-bottom:1px solid #64abb3; }

/** BUTTONS **/
.btn {
    border: 1px solid black;
    border-radius: 0;
    padding: 10px 20px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    margin: 20px 0;
}

.btn-primary {
    background-color: transparent;
    border: 1px solid black;
    color: #000000;
}
.btn-primary:hover {
    background-color: #f4f9d6;
    border: 1px solid black;
}
.btn a {
    text-decoration: none; color: #000000;
}
.btn-primary a { color: #000000;}

.btn-primary a:hover {  color: #000000;  }


.btn-secondary {
    background-color: #f4f9d6;
    border: 0px solid white;
    color: #000000;
}
.btn-secondary:hover {
    background-color: #dce0c1;
    border: 0px solid white;color: #ffffff;
}
.btn-secondary a {
    text-decoration: none; color: #ffffff;
}
.btn-secondary a:hover {   color: #ffffff; }


.slider-text .btn {
    border: 1px solid white; color: white;
}
.slider-text .btn a {
    color: white;
}
.slider-text .btn a:hover {
    color: black;
}

/*** TYPO ***/
h1 { font-weight: 700; margin: 1rem 0 1rem 0;  } .display-2 {font-weight: 700;}
h2 { font-weight: 700;  margin: 1rem 0 1rem 0; }
h3 { font-weight: 700; margin: 1rem 0 1rem 0;}
h4 { font-weight: 700; margin: 1rem 0 1rem 0;} 
h5 { font-weight: 700; margin: 1rem 0 1rem 0;} h5 { font-size: 1rem; text-transform: uppercase; padding-top: 0px; margin-top: 0px;}
p { font-weight: 400; margin-bottom: 10px; }
.lead { font-weight: 400; margin-bottom: 50px;}

a { color: #000000;}
a:hover {color: #000000;}
.title-toggle a, h1 a {  text-decoration: none;}

.navbar a {
  display: inline-block;
}

.navbar a:after {
  content: '';
  width: 0px;
  height: 2px;
  display: block;
  background: black;
  transition: 200ms;
}

.navbar a:hover:after {
	width: 100%;} 

a.navbar-brand:after, 
.footer a:after { height: 0px; }

/** JUMBOTRON / SLIDER **/
.ce_sliderStart { padding-left: 0; padding-right: 0; }
.content-slider { padding-left:0; padding-right: 0; width: 100vw; }
.slider-text-background {
    background-image: linear-gradient(to top, #060b0c 0%, transparent 50%);
    height: 80vh;
}
.slider-item { background: cover; background-position: center; background-size: cover; height: 80vh; width: 100vw;} 
.slider-text  {padding:0px 10px 20px 10px;}
.slider-text h1 { font-weight: 700; color: #ffffff;   }
.slider-text p.lead { font-weight: 700; color: #ffffff; margin-bottom: 0px; text-transform: uppercase;}
.slider-control { position: relative; top: -40px; }

/** Gallery **/
ul.gallery {list-style: none; margin:0; padding: 0;}
ul.gallery li {list-style: none;  }

/** EVENTS **/
.event {border-bottom:1px solid #64abb3; padding-bottom:0px; margin-bottom: 30px; }

.ce_accordion h3 {
    cursor: pointer;
}
.ce_accordionSingle .row {
    border-top: 1px solid #64abb3;
}



.event-details .col-12 {
    padding-top:30px;}

.event-details .bg-white h4,
.event-details .bg-grey h5 {
    border-top: 1px solid grey;
    padding-top: 30px;
}


/** FORMS **/

/*** FORMULARE ***/
.ce_form {
    padding:15px;
}
.form-control {
    padding: 10px; border:0;
    border-radius: 0;
    background-color: #ffffff;
    margin-bottom: 10px;
	max-width: 800px;
}
.widget-text,
.widget-textarea {
    border: 0px solid #000000;
    padding: 0px;
    margin: 10px 0;
    background-color: #ffffff;
}
.form-control input,
.form-control textarea {  background-color: #ffffff; border:0;}
.form-control textarea {    height: 150px;}

.event-details .explanation  {
    padding-top: 30px;
}

/** FOOTER **/
.footer {margin-top: 50px;}
.footer .logo {width: 150px; padding-bottom: 20px;}
.footer a {text-decoration: none;}
.footer .bg-green-light { border:10px solid #64abb3;}


@media (min-width: 576px) {}
@media (min-width: 768px) {	
	.slider-item { height: 80vh;}
	.logo {width: 150px; } 
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}