/* Fonts */

@font-face {
    font-family: 'Human Regular';
    src: url(../font/human_sans/HumanSans_OTF/HumanSans-Regular.otf) format("opentype");
}

@font-face {
    font-family: 'Human Bold';
    src: url(../font/human_sans/HumanSans_OTF/HumanSans-Bold.otf) format("opentype");
}

@font-face {
    font-family: 'Romie';
    src: url(../font/ROMIE/RomieTrial-Regular-Italic.otf) format("opentype");
}

@font-face {
    font-family: 'Romie Bold';
    src: url(../font/ROMIE/RomieTrial-Bold.otf) format("opentype");
}


/*Allgemein*/

p {
    font-family: 'Human Regular';
    color: #000000;
    font-size: 13pt;
    line-height: 1.5;
}

h1 {
    font-family: 'Romie' !important;
    color: #000000 !important;
    font-size: 60px !important;
}

h2 {
    font-family: 'Romie' !important;
    font-size: 40px !important;
}

h3 {
    font-family: 'Romie' !important;
    font-size: 30px !important;
}

.headertext {
    font-family: 'Romie' !important;
    font-size: 25pt;
    line-height: 1.3;
}

a {
    font-family: 'Human Bold';
    color: #000000 !important;
}

.containertop {
    margin-top: 5vh !important;
}



/* Navigation */

.navigation {
    font-family: 'Human Bold' !important;
    color: #959595 !important;
    text-decoration: none !important;
}

.navigation:active {
    text-decoration: none !important;
}

.navigationakitv {
    font-family: 'Human Bold' !important;
    color: black !important;
    text-decoration: none !important;
}

.navigationback {
    padding: 15px 25px 15px 25px;
} 

.container {
    width: calc(100% - 3em);
    max-width: 900px;
    margin: 1.5em auto;
}

.uk-navbar-container {
    border-top: 2px solid #000000 ;
}


.hr-dicke {
    border: 0.8px solid #000000;
}

#slider-groesse {
    height: 90vh;
    margin-top: -10vh;
}

.button {
    color: #000000 !important;
    font-family: 'Human Regular' !important;
    border: 1px solid black !important;
    padding: 10px 15px 10px 15px !important;
    border-radius: 50px !important;
}

.abstandfooter {
    height: 10vh;
}



/*Bouncing Icon Startseite Ablage*/

.slide-bottom {
	-webkit-animation: slide-bottom 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate-reverse both;
	        animation: slide-bottom 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate-reverse both;
}

@-webkit-keyframes slide-bottom {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(50px);
              transform: translateY(50px);
    }
  }
  @keyframes slide-bottom {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(50px);
              transform: translateY(50px);
    }
  }
  

/* Switcher Pflanzenunterseiten */


.switcherfont {
    color: rgb(214, 214, 214) !important;
    font-family: 'Romie Bold';
    font-size: 20px !important;}

.uk-tab>.uk-active>a {
    color: #000000 !important;
    border-color: #000000 !important;
    font-family: 'Romie Bold';
    font-size: 20px !important;
}

.cardfont {
    color: #000000 !important;
    border-color: #000000 !important;
    font-family: 'Romie';
    font-size: 40px !important;
}

.cardbutton {
    font-family: 'Human Regular' !important;
    font-size: 13pt !important;
}

.pflanzenseite {
    font-family: 'Romie' !important;
    color: #000000 !important;
    font-size: 40px !important;
    line-height: 1.2;
}

.abstandtitel {
    padding-top: 3vh !important;
}


/* Filter */

.filter {
    color: #000000 !important;
    font-family: 'Human Regular' !important;
    font-size: 15px !important;
    text-decoration: none !important;
}

.filter>.uk-active>a {
    color: #000000 !important;
    background-color: white !important;
    border: 1px solid black !important;
    border-radius: 50px !important;
    padding: 8px 15px 8px 15px !important;
    font-family: 'Human Regular' !important;
    font-size: 15px !important;
    text-decoration: none !important;
}

.badge {
    background-color: black !important;
    border-radius: 0px !important;
    font-family: 'Human Regular' !important;
    font-size: 10pt !important;
}


.stickertitel {
    line-height: 1.3 !important;
    font-size: 15pt;
}


.pflanzenhintergrund {
    margin: 0px !important;
}

/*
.filterstart {
    border: 1px solid black !important;
    border-radius: 25px;
}*/


/* Pflanzenübersicht */

.subnavpflanzen {
    background-color: #000000;
}

.buttonnav {
    padding: 5px;
}

.pflanzentitel {
    color: white !important;
    padding-top: -20vh !important;
}

.pflanzentext {
    color: white !important;
    padding-bottom: 50px;
}

.buttoninfo {
    border: 1px solid white !important;
    padding: 5px !important;
    color: white !important;
}

.buttoninfodark {
    border: 1px solid black !important;
    padding: 15px 11px 15px 11px !important;
    color: black !important;
    float: right;

}

.buttoninfodark.uk-position-fixed {
    right: 1.5em !important;
    bottom: 5.5em !important;
    left: auto !important;
}

.buttoninfo:active {
    border: 1px solid white !important;
    padding: 5px !important;
    background-color: white !important;
    color: #000000 !important;
}

.buttonclosenav {
    float: right;
}

.uk-accordion-title {
    font-family: 'Human Regular' !important;
    font-size: 17px !important;
    color: #000000 !important;
}

.buttondown {
    border: 1px solid black !important;
    padding: 5px !important;
    color: black !important;
    float: right;
}

/* Button weiterlesen*/

.weiterlesen {
    color: #000000;
    font-family: 'Human Regular' !important;
    border: 1px solid black !important;
    padding: 8px 15px 8px 15px !important;
    border-radius: 50px;
    float: left;
}

.weiterlesen:hover {
    color: #000000;
    text-decoration: none;
}

.accordion {
    border-bottom: 2px solid #000000 !important;
    padding-bottom: 15px;
}


.buttonslider {
    float: left;
}

.sectionslider {
    margin-top: 2vh;
    margin-bottom: 2vh;
    height: 5vh;
}

.icons {
    border: 1px solid black !important;
    padding: 5px !important;
    color: black !important;
    float: left;
    margin-right: 10px;
}

.iconslinks {
    float: left;
    clear: both;
    width: 56px !important;
    height: 56px !important;
    margin-right: 10px;
    margin-top: 0;
}

.iconslinks + p {
    min-height: 56px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.projektbutton {
    margin-bottom: 23vh;
} 

.buttondownhell {
    border: 1px solid white !important;
    padding: 5px !important;
    color: white !important;
    float: right;
}