/*!
 * Start Bootstrap - Stylish Portfolio v5.0.2 (https://startbootstrap.com/template-overviews/stylish-portfolio)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-stylish-portfolio/blob/master/LICENSE)
 */

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

/*
html {
	scroll-behavior: smooth;
}
*/

body {
    font-family: "Roboto", sans-serif;
	background-color: #202022;
	color: #fff;
}

.btn-xl {
    padding: 1.25rem 2.5rem;
}

.content-section {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}

.content-section-heading h2 {
    font-size: 3rem;
}

.content-section-heading h3 {
    font-size: 1rem;
    text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

p {
    font-size: 1.2em;
}
.text-faded {
    color: rgba(255, 255, 255, 0.7);
}

img {
    width: 100%;
    height: auto;
}
.preview {
    width: 50% !important;
    height: auto;
}
.keyboard {
	width: 100%;
	border: none;
	margin-bottom:10px !important;
}
.description {
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	color: #212529;
}
.klabel {
	font-weight: 500;
}
.disclaimer {
	font-size: 1em;
	font-weight: 400;
}

img.avatar {
	max-width: 120px !important;
	border-radius: 60px;
}
img.totoro {
	max-width: 200px !important;
	border-radius: 15px;
}
/* WCAG OUTLINE FOR KEYBOARD NAVIGATION */
a:focus {
    outline: 1px solid #614ad3;
}

/* Table */
table,
th,
td {
    /* border: 1px solid black; */
    border-collapse: collapse;
}
table {
    align: center;
    text-align: left;
    width: 70%;
}
th,
td {
    padding: 15px;
}

td.link,
th.link {
    width: 75%;
}

td.trial,
th.link {
    width: 25%;
	border: 0px solid black;
	border-radius: 4px;	
}

td.cp {
    width: 25%;
}

td.hollow {
    text-align: center;
    font-weight: bold;
}

td.navm {
    width: 25%;
    text-align: center;
}

table.four td {
    width: 25%;
}

table.psijic td {
    width: auto;
}

td.trial {
    background-color: #fff;
}


td.video {
    background-color: antiquewhite;
    font-weight: bold;
    text-align: center;
}

td.blue {
    background-color: #ebfaff;
}
td.purple {
    background-color: #fdebff;
}
td.green {
    background-color: #edffeb;
}
td.red {
    background-color: #ffebeb;
}
td.orange {
    background-color: #fff3eb;
}
td.white {
    background-color: antiquewhite;
}
td.grey {
    background-color: #ececec;
}
td.yellow {
    background-color: #fff5e1;
}

tr.white {
    background-color: antiquewhite;
}

/* Anchor */
.anchor_spacer, section {
    padding-bottom: 0.75em;
}

/*  HOVER IMAGE */
a > div {
    display: none;
    /*
	display: block; 
	padding-bottom: 0.5em;
*/
}

a:hover > div {
    display: block;
    padding-bottom: 0.5em;
}

/* INFO BOX START */
div.infobox {
	border: #614ad3 solid 1px;
	padding: 1rem;
	margin: auto auto 3rem auto;
	width: 60%;
	position: relative;
	min-width: 300px;
	border-radius: 3px;
}
div.infobox p {
	margin-bottom: 0;
}
div.infobox span {
	font-weight: 400;
	color: #ff7800;
}
/* INFO BOX ENDE */


/* PRGORESSION BAR START */
.progress-header {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  /* background-color: #f1f1f1;  */
}
.progress-container {
  width: 100%;
  height: 	10px;
  /* background: #767676; */
}
.progress-bar {
  height: 10px;
  width: 0%;
  background-color: #656fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='150' height='150'%3E%3Cpath fill='%23333333' fill-opacity='0.4' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
}

div#myBar.orange {
	background-color: #f08d0e;
}
div#myBar.red {
	background-color: #df401b;
}
div#myBar.grey {
	background-color: #888;
}
div#myBar.yellow {
	background-color: #ffb507;
}
div#myBar.green {
	background-color: #19863e;
}

/* PRGORESSION BAR ENDE */

/* Links/Download START */

span.file {
	font-weight: regular;
}

/* Links/Download ENDE */
div.buttoncontainer{
  display: block;
  height: 100%;
  animation: hue-rotate 10s linear infinite;
}

.button {
  -webkit-font-smoothing: antialiased;
  background-color: $dark-blue;
  border: none;
  color: #fff;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 100;
  text-decoration: none;
  user-select: none;
  letter-spacing: 1px;
  color: white;
  padding: 20px 40px;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
&:hover {
    background-color: $action-color;
    color: #fff;
  }
  
  &:active {
    transform: scale(0.95);
  }

  &--bubble {
    position: relative;
    z-index: 2;
    color: white;
    background: none;

    &:hover {
      background: none;
    }

    &:hover + .button--bubble__effect-container .circle {
      background: darken($action-color, 15%);
    }

    &:hover + .button--bubble__effect-container .button {
      background: darken($action-color, 15%);
    }

    &:active + .button--bubble__effect-container {
      transform: scale(0.95);
    }

    &__container {
      position: relative;
      display: inline-block;

      .effect-button {
        position: absolute;
        width: 50%;
        height: 25%;
        top: 50%;
        left: 25%;
        z-index: 1;
        transform: translateY(-50%);
        background: $dark-blue;
        transition: background 0.1s ease-out;
      }
    }
  }
}

.button--bubble__effect-container {
  position: absolute;
  display: block;
  width: 200%;
  height: 400%;
  top: -150%;
  left: -50%;
  -webkit-filter: url("#goo");
  filter: url("#goo");
  transition: all 0.1s ease-out;
  pointer-events: none;

  .circle {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 15px;
    background: $dark-blue;
    transition: background 0.1s ease-out;

    &.top-left {
        top: 40%;
        left: 27%;
    }

    &.bottom-right {
        bottom: 40%;
        right: 27%;
    }
  }
}

.goo {
  position: absolute;
  visibility: hidden;
  width: 1px;
  height: 1px;
}

.button--bubble__container {
  top: 50%;
  margin-top: -25px;
}

@keyframes hue-rotate {
      from {
        -webkit-filter: hue-rotate(0);
        -moz-filter: hue-rotate(0);
        -ms-filter: hue-rotate(0);
        filter: hue-rotate(0);
      }
      to {
        -webkit-filter: hue-rotate(360deg);
        -moz-filter: hue-rotate(360deg);
        -ms-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg);
      }
}
/* NAVIGATION START */

/* Default OLD
nav {
    display: block;
}

.navbar {
    font-size: 0.95em;
    line-height: 1.5em;
    color: #5D6063;
    background-color:#FFF;
    width: 100%;
    height: 3.325em;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    padding: 0 0.875em;
    
    box-shadow: 0 2px 0 rgba(93, 96, 99, .1);
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar__brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar__logo-link:visited:hover,
.navbar__logo-link:hover {
    border-bottom: none;
}

.navbar__logo {
    width: 2em;
    height: auto;
    position: relative;
    top: 3px;
}

.navbar__name {
    position: relative;
    top: 1px;
    margin-left: 1.25em;
}
*/

/* New Responsive*/
.nav {
    position: relative;
    margin: 50px 0;
    display: block !important;
	top: 0em;
}
.nav ul {
    margin: 0;
    padding: 0;
}
.nav li {
    margin: 0 5px 10px 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
.nav a {
    padding: 3px 15px;
    text-decoration: none;
    color: #fff;
    line-height: 100%;
}
.nav a:hover {
    color: #656fff;
    text-decoration: underline;
    text-underline-offset: 0.25em;
}
.nav .current a {
    background: #767676;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
}
/* center nav */
.nav.center ul {
    text-align: center;
}
/* NAVIGATION ENDE */

/*
li {
    display: inline;
    position: relative;
    margin: 1em;
    top: 10px;
}
*/

/* ACCORDION START */
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 70%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active,
.accordion:hover {
    background-color: #ccc;
}

.accordion:after {
    content: "\002B";
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2212";
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
/* ACCORDION ENDE */

/* LIGHTBOX CARD START */
.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    width: 100%;
    padding: 0.5em;
    margin: auto;
}
/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
/* Add some padding inside the card container */
.container {
    padding-top: 1.5em;
}
/* Map */
.map {
    height: 30rem;
    text-align: left;
}
/* LIGHTBOX CARD ENDE */

/* MODAL START */
#lightbox {
      position:fixed; /* keeps the lightbox window in the current viewport */
      top: 0;
      left:0; 
	  align-content: center;
	  display: grid;
      width:100%; 
      height:100%; 
      background:rgba(0,0,0,0.5); 
      text-align:center;
	  padding: 15px;
    }
#lightbox img {
      box-shadow:0 0 25px #111;
      max-width:1200px;
	  border-radius: 5px;
    }
#lightbox p {
      text-align:right; 
      color:#fff; 
      margin-right:20px; 
      font-size:12px; 
    }
/* MODAL ENDE */


.map iframe {
    pointer-events: none;
}

.scroll-to-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: none;
    width: 50px;
    height: 50px;
    text-align: center;
    color: white;
    background: rgba(52, 58, 64, 0.5);
    line-height: 45px;
}

.scroll-to-top:focus,
.scroll-to-top:hover {
    color: white;
}

.scroll-to-top:hover {
    background: #343a40;
}

.scroll-to-top i {
    font-weight: 800;
}

.masthead {
    min-height: 30rem;
    position: inherit; /* relative was old */
    display: table;
    width: 100%;
    height: auto;
    padding-top: 1.5rem;
    padding-bottom: 8rem;
  /*  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1))), url("../img/bg-masthead.jpg");
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.masthead h1 {
    font-size: 1.2rem;
	line-height: 1.5em;
    margin: 0;
    padding: 0;
}

/* PSIJIC TABLE START */

table.psijic thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

table.psijic tr {
    border-bottom: 3px solid #ddd;
    display: block;
}

table.psijic td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: right;
}

table.psijic td::before {
    content: attr(data-label);
    float: left;
}
/* PSIJIC TABLE ENDE */


/* FOOTER START*/
footer {
    text-align: center;
    height: 0px;
    padding-top: 0.75em;
    padding-bottom: 5em;
    margin: 0 auto;
    margin-top: 5em;
    max-width: 840px;
    border-top: 1px solid #313131;
}
footer p {
    font-size: 0.875em;
    color: #313131;
}
/* FOOTER ENDE*/

a {
    color: #0064ff; /* old #009cff*/
}

a:hover,
a:focus,
a:active {
    color: #614ad3;
}

.btn-primary {
    background-color: #1b8b3d !important;
    border-color: #1b8b3d !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #1daf49 !important;
    border-color: #1daf49 !important;
}

.btn-secondary {
    background-color: #ecb807 !important;
    border-color: #ecb807 !important;
    color: #fff !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: #ba9106 !important;
    border-color: #ba9106 !important;
}

.btn-dark {
    color: #fff !important;
}

.btn {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    font-weight: 700;
}

.bg-primary {
    background-color: #1d809f !important;
}

.text-primary {
    color: #1d809f !important;
}

.text-secondary {
    color: #ecb807 !important;
}

/* MEDIA QUERIES START */
@media (max-width: 768px) {
    .navbar__name {
        display: none;
    }
    table {
        width: 95%;
    }
}
@media (max-width: 560px) {
    .navbar__links ul {
        padding-left: 0px;
    }
    .navbar {
        font-size: 0.8em;
    }
}
/* NAVIGATION MEDIA QUERIES START*/
@media screen and (max-width: 600px) {
    .nav {
        position: relative;
        min-height: 40px;
    }
    .nav ul {
        width: 180px;
        padding: 5px 0;
        position: absolute;
        top: 0;
        left: 0;
        border: solid 1px #aaa;
        background: #fff url(img/icon-menu.png) no-repeat 10px 12px;
        border-radius: 5px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }
    .nav li {
        display: none; /* hide all <li> items */
        margin: 0;
    }
    .nav .current {
        display: block; /* show only current <li> item */
    }
    .nav a {
        display: block;
        padding: 5px 5px 5px 32px;
        text-align: left;
		color: #212529;
    }
    .nav .current a {
        background: none;
        color: #212529;
    }

    /* on nav hover */
    .nav ul:hover {
        background-image: none;
    }
    .nav ul:hover li {
        display: block;
        margin: 0 0 5px;
    }
    .nav ul:hover .current {
        background: url(img/icon-check.png) no-repeat 10px 7px;
    }

    /* right nav */
    .nav.right ul {
        left: auto;
        right: 0;
    }

    /* center nav */
    .nav.center ul {
        left: 50%;
        margin-left: -90px;
    }

    a:focus {
        outline: none;
    }
}
/* NAVIGATION MEDIA QUERIES ENDE*/

/* RESPONSIVE TABLE MEDIA QUERIES START */
@media screen and (max-width: 600px) {
    table.responsive thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table.responsive tr {
        /* border-bottom: 3px solid #ddd; */
        display: block;
    }

    table.responsive td {
        border-bottom: 1px solid #ddd;
        display: block;
        text-align: left;
    }

    table.responsive td::before {
        content: attr(data-label);
        float: left;
    }

    td.trial,
    td.cp {
        width: auto;
    }

    table.four td {
        width: auto;
    }

    label {
        font-weight: bold;
    }

    td.neutral {
        background-color: #f2f2f2;
        font-weight: bold;
    }
}
/* RESPONSIVE TABLE MEDIA QUERIES ENDE */

/* LIGHTBOX JQUERY MEDIA QUERIES START */
@media screen and (max-width: 600px) { 
	 a.lightbox_trigger {
		 pointer-events: none;
	 }
	 #lightbox {
		 display: none;
	 }
}
/* LIGHTBOX JQUERY MEDIA QUERIES ENDE */

/* MOBILE APP NAVIGATION BAR START - DESKTOP */
/* Place the navbar at the bottom of the page, and make it stick */
.appnavbar {
    background-color: #fff;
    border: solid 1px #aaa;
    border-radius: 0px 5px 5px 0px;
    overflow: hidden;
    position: fixed;
    bottom: 50%;
    width: 150px;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);
    text-align: left;
}

/* Style the links inside the navigation bar */
.appnavbar a {
    color: rgba(12, 12, 12, 0.8); /*rgba(12, 12, 12, 0.8) ODER  #212529*/
    line-height: 100%;
    text-align: center;
    padding: 8px;
    text-decoration: none;
	transition: all 100ms ease-in-out;
}

.appnavbar ul {
    margin: 0;
    padding: 0;
}
.appnavbar li {
    margin: 10px 15px;
    padding: 0;
    list-style: none;
    display: block;
}

/* Change the color of links on hover */
.appnavbar a:hover,
.appnavbar a:focus {
    text-decoration: underline;
	text-underline-offset: 0.25em;
    color: #303dff;
}

/* SpyScroll Class Appearance */
.appnavbar li.focus a {
    text-decoration: none;
	text-underline-offset: 0.25em;
    color: #303dff;
}

/* MOBILE APP NAVIGATION BAR ENDE - DESKTOP */

/* MOBILE APP NAVIGATION BAR START - 800px */
@media screen and (max-width: 800px) {
/* Place the navbar at the bottom of the page, and make it stick */
.appnavbar {
    border-radius: 5px 5px 0px 0px;
    bottom: 0;
    width: 100%;
    text-align: center;
}

/* Style the links inside the navigation bar */
.appnavbar a {
	padding: 14px 16px;
}

.appnavbar li {
	margin: 10px 0;
    display: inline-block;
}

/* Change the color of links on hover */
.appnavbar a:hover {
    background-color: #ddd;
	text-decoration: none;
}
}
/* MOBILE APP NAVIGATION BAR ENDE - 800px */

@media (max-width: 992px) {
    .map {
        height: 75%;
    }
    img {
        width: 100%;
        height: auto;
    }
	.masthead {
		padding-bottom: 4rem;
	}
	.container {
    padding-right: 15px;
	padding-left: 15px;
}
}

@media (min-width: 992px) {
    .masthead {
        height: 100vh;
    }
    .masthead h1 {
        font-size: 1.25rem;
		line-height: 1.5em;
    }
}

@media (min-width: 992px) {
    .portfolio-item {
        max-width: none;
        margin: 0;
    }
    .portfolio-item .caption {
        -webkit-transition: -webkit-clip-path 0.25s ease-out, background-color 0.7s;
        -webkit-clip-path: inset(0px);
        clip-path: inset(0px);
    }
    .portfolio-item .caption .caption-content {
        -webkit-transition: opacity 0.25s;
        transition: opacity 0.25s;
        margin-left: 5rem;
        margin-right: 5rem;
        margin-bottom: 5rem;
    }
    .portfolio-item img {
        -webkit-transition: -webkit-clip-path 0.25s ease-out;
        -webkit-clip-path: inset(-1px);
        clip-path: inset(-1px);
    }
    .portfolio-item:hover img {
        -webkit-clip-path: inset(2rem);
        clip-path: inset(2rem);
    }
    .portfolio-item:hover .caption {
        background-color: rgba(29, 128, 159, 0.9);
        -webkit-clip-path: inset(2rem);
        clip-path: inset(2rem);
    }
}
/* MEDIA QUERIES ENDE */