:root { 
    --getlit-primary: 35, 92, 111;
    --getlit-secondary: 112, 89, 35;
    --getlit-graublau: 103, 150, 170;
    --getlit-gruen: 26, 117, 38; 
    --getlit-accent: 26, 117, 38; 
    --getlit-grau: 103, 150, 170; 
    --getlit-gelb: 239, 195, 26;
    --getlit-hellgruen: 221, 237, 184;
    --getlit-hellorange: 255, 221, 150;
    --getlit-orange: 253, 171, 0;
    --getlit-dunkelgrau: 42, 40, 45;
    --getlit-lila: 26, 102, 173;
}

body {
    overflow-x: hidden !important;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -o-hyphens: auto;
}

.nohyphens {
    hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -o-hyphens: none;
}

html {
    overflow-x: hidden !important;
    hyphens: auto;
}



h1, .h1, h2, .h2 {
    color: rgb(var(--getlit-primary));
    font-weight: 300;
}

h3, .h3, h4, .h4, h5, .h5 {
    color: rgb(var(--getlit-primary));
    font-weight: 400;
}

.text-muted h3, .text-muted .h3, .text-muted h4, .text-muted .h4, .text-muted h5, .text-muted .h5 {
    color: rgba(var(--getlit-primary),.8);
}

h1, .h1 {
    font-size: 2rem;
}

h2, .h2 {
    font-size: 1.5rem;
}

h3, .h3 {
    font-size: 1.25rem;
}

a, .btn-link {
    color: rgba(var(--getlit-lila));
}

img {
    max-width: 100%;
    height: auto;
}

.w-35 {
    width: 40%;
}

.secondary-scheme h1, .secondary-scheme .h1, .secondary-scheme h2, .secondary-scheme .h2,
.secondary-scheme h3, .secondary-scheme .h3, .secondary-scheme h4, .secondary-scheme .h4 {
    color: rgb(var(--getlit-primary));
}

.secondary-scheme h3, .secondary-scheme .h3 {
    font-size: 1.5rem;
}
.secondary-scheme label {
    color: rgba(var(--getlit-primary),.6);
    font-weight: 400;
//    font-size: 1rem;
}

.navbar-getlit {
    background-color: rgba(255,255,255,.9);
}

.navbar-getlit .nav-link {
    height: 2.5rem;
//    padding-bottom: .5rem;
}

.navbar-getlit.navbar-light .navbar-nav .nav-link {
    color: rgb(var(--getlit-primary));
}


.navbar-getlit.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(var(--getlit-primary),.8);
}

.navbar-getlit .nav-link.active {
    color: rgba(var(--getlit-primary),.8);
}


.navbar-getlit.navbar-light .navbar-nav .active > .nav-link, .navbar-getlit.navbar-light .navbar-nav .nav-link.active, .navbar-getlit.navbar-light .navbar-nav .nav-link.show, .navbar-getlit.navbar-light .navbar-nav .show > .nav-link {
    color: rgba(var(--getlit-primary),.8);
}


@media (max-width: 767px) {
    .navbar-social.navbar-nav {
	display: inline;
    }
    .navbar-social .nav-link, .navbar-social > li {
	display: inline;
    }
}


@media (min-width: 768px) {

    .navbar-getlit {
	background-color: rgba(255,255,255,.9);
	box-shadow: inset 0px -.1rem rgba(var(--getlit-primary),.2);
    }

    .navbar-getlit .nav-link:hover {
	border-bottom: .12rem solid rgba(var(--getlit-primary),.3);
	padding-bottom: .35rem;    
    }

    .navbar-getlit .nav-link.active, .navbar-brand.nav-link {
	border-bottom: .12rem solid rgba(var(--getlit-primary),.8);
    }

    .navbar-getlit .nav-link.active {
	border-bottom: .12rem solid rgba(var(--getlit-primary),.8);
    }
    
}

.getlit-header:before { 
    display: block; 
    content: " "; 
    height: 2.5rem;      /* Give height of your fixed element */
    margin-top: -2.5rem; /* Give negative margin of your fixed element */  	
    visibility: hidden; 
}


#home:before { 
    display: block; 
    content: " "; 
    height: 2.5rem;      /* Give height of your fixed element */
    margin-top: 0rem; /* Give negative margin of your fixed element */  	
    visibility: hidden; 
}


.getlit-header {
    position: relative;
}

.getlit-header .header-box {
    /*Fallback for IE*/
    background-color:rgba(35, 92, 111,.9);
    background-color:rgba(var(--getlit-primary),.9);
    color: white;
    padding: 3rem;
}

@media (min-width:576px) {
    .getlit-header .header-box {
	position:absolute;
	top:20vw;
	left:40px;
	border-radius: 4px;
    }
}



.header-box h1 {
    font-size: 2rem;
    font-weight: 400;
    color: white;
    border-bottom: white solid 1.5pt;
}
.header-box h2 {
    font-size: 1.25rem;
    font-weight: 400;
    color: white;
}

.getlit-gray {
    background-color: #e9f4f9;
}
.getlit-gruen {
    color: rgb(var(--getlit-gruen));
}
.getlit-grau {
    color: rgb(var(--getlit-primary));
}
.getlit-gelb {
    background-color: #e9f4f9;
    //background-color: rgba(var(--getlit-hellorange),.2);
    //background-color: #f6f2fc;//f7f2fc;
    
}

.getlit-gelb .card {
    background-color: rgba(255,255,255,1);
}

.getlit-topics h4 {
    font-size: 1.25rem;
}

.getlit-topics {
  scrollbar-width: thin;          /* "auto" or "thin" */
  scrollbar-color: rgba(var(--getlit-primary),.2) rgba(255,255,255,0);   /* scroll thumb and track */
}
.getlit-topics ::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

.getlit-topics ::-webkit-scrollbar-track {
  background: rgba(255,255,255,0);        /* color of the tracking area */
}

.getlit-topics ::-webkit-scrollbar-thumb {
  background-color: rgba(var(--getlit-primary),.2);    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid rgba(255,255,255,0);  /* creates padding around scroll thumb */
}

.getlit-topics img {
    filter: brightness(0);
}


/* Hover effects */

.hover-shadow {
    box-shadow: 0px 0px;
    transition: box-shadow .5s ease-in-out;
}

.hover-shadow:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.09);
}


.border-grow {
  outline: solid 0px rgb(var(--getlit-secondary));
  transition: outline 2s ease-out;
  margin: 0.5em; /* Increased margin since the outline expands outside the element */
}

.border-grow:hover {
    outline-width: 5px;
}

.getlit-gelb .card-img-top {
    height: 10rem;
    object-fit: contain;
}

/* Buttons */


.btn-getlit-primary, a.btn-getlit-primary {
    color:#ffffff;
    background-color: rgba(var(--getlit-primary),.6);
    border-color:rgba(var(--getlit-primary),.6);
}
.btn-getlit-primary:hover, a.btn-getlit-primary:hover {
    color:#ffffff;
    background-color:rgba(var(--getlit-primary),.8);
    border-color:rgb(var(--getlit-primary));
}
.btn-getlit-primary.focus,.btn-getlit-primary:focus {
    box-shadow:0 0 0 .2rem rgba(var(--getlit-primary),.1);
}
.btn-getlit-primary:not(:disabled):not(.disabled).active:focus,.btn-getlit-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-getlit-primary.dropdown-toggle:focus {
    box-shadow:0 0 0 .2rem rgba(var(--getlit-primary),.1);
}
.btn-getlit-primary:not(:disabled):not(.disabled).active,.btn-getlit-primary:not(:disabled):not(.disabled):active,.show>.btn-getlit-primary.dropdown-toggle{color:#ffffff;background-color:rgb(var(--getlit-primary));border-color:rgb(var(--getlit-primary))}



/* Horizontal scroller */

.testimonial-group > .row {
  overflow-x: auto;
  white-space: nowrap;
}
.testimonial-group > .row > .card {
  display: inline-block;
  float: none;
}

.icon-hover-effect img {
  filter: sepia(100%) hue-rotate(150deg) saturate(20%) brightness(90%);
/*  filter: sepia(100%) hue-rotate(20deg) saturate(100%);*/
/*  filter: sepia(100%) hue-rotate(350deg) saturate(50%);*/
/* lila filter: filter: sepia(100%) hue-rotate(300deg) saturate(20%) brightness(90%);*/
/*  filter: hue-rotate(0deg) saturate(20%);*/
  transition: filter 1s ease-out;
}

.icon-hover-effect:hover img {
  filter: sepia(0%) hue-rotate(0deg);
}

/* Swipe symbol */

.swipe-symbol {
    background-image: url(../pics/one_finger_swipe_right.svg);
    background-repeat: no-repeat;
    // background-position: 98% 2rem;
    background-position: 98% 0rem;
    background-size: 2rem auto;
    padding-right: 3rem;
}

@media (min-width: 992px) {
    .swipe-symbol {
	background-image: url(../pics/two_fingers_swipe_right.svg);
    }

}

.swipe-symbol h4 {
    padding-right: 4%;
}