/*
Theme Name: Toastbrot
Author: Mark Oude Elberink	
Author URI: https://toastbrot.org/
Description: Bestes Theme fuer Toastbrot.org
Text Domain: toastbrottheme
Version: 1.1.0
*/
html {
  font-family: 'Poppins';
  --top-height: 50px;
  --top-height-mobile: 25px;
  --footer-height: 50px;
  --scheme-1: #ffffff;
  /* Normal Weiß */
  --scheme-15: #f5f5f5;
  --scheme-2: #eeeeee;
  /* Grau */
  --scheme-25: #aaa;
  --scheme-3: #000000;

  --scheme-nice-Color:#00d084;
  --scheme-nice-Color2:#ff6900;
  /* Schwarz */
  --invertt: 0; }

html, body {
  height: 100%; }

body {
  /*font-family: 'Futura Bk BT'*/
  font-family: 'Poppins', sans-serif;
  margin: 0;
  background-color: var(--scheme-1);
  color: var(--scheme-3);
  word-break: break-word; }

div.main {
  padding-top: var(--top-height-mobile);
  padding-left: 30px;
  padding-right: 30px; }

.header h1, .header a, .header h2 {
  margin: 0;
  font-weight: 400;
  text-align: center;
  width: 100%;
  display: inline-block;
  color: var(--scheme-3); }

.grauer {
  color: var(--scheme-25) !important; }

.menue {
  border: 1px var(--scheme-25) solid;
  border-left: none;
  border-right: none;
  padding: 10px 10px;
  margin: 20px 0; }

.menue ul {
  margin: 0;
  padding: 0; }

.menue li {
  list-style: none;
  height: 40px;
  text-transform: uppercase; }

.menue a {
  font-size: 20px;
  line-height: 40px;
  text-decoration: none;
  text-transform: uppercase; }

.menue .current_page_item {
  background-color: var(--scheme-15); }

.clickonme {
  width: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 40px; }

.ua-mobile #menLink {
  display: none; }

.footer {
  background-color: var(--scheme-15);
  padding: 10px 30px; }

.footer {
  width: calc(100% - 60px);
  /*width:100%;*/
  position: relative;
  margin-top: 15px;
  color: var(--scheme-3);
  text-decoration: none; }

.footer div {
  padding: 10px 0; }

.footer .flinks a {
  color: var(--scheme-3);
  text-decoration: none; }

.notalinklink {
  color: var(--scheme-3);
  text-decoration: none; }

.alink {
  color: var(--scheme-3);
  text-decoration: underline; }

.blog-post a {
  color: var(--scheme-3); }

#clickin {
  transition: 1s all; }

#clickin i {
  font-size: 20px;
  line-height: 40px; }

.ua-desktop #clickin {
  display: none; }

.ua-desktop body {
  font-family: 'Poppins', sans-serif;
  margin: 0;
  background-color: var(--scheme-1);
  color: var(--scheme-3); }

.ua-desktop div.main {
  padding-top: var(--top-height);
  width: 1000px;
  margin: 0 auto; }

.ua-desktop .header img {
  display: block;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px; }

.ua-desktop .header h1, .ua-desktop .header a, .ua-desktop .header h2 {
  margin: 0;
  font-weight: 400;
  text-align: center;
  width: 100%;
  display: inline-block;
  color: var(--scheme-3); }

.ua-desktop .grauer {
  color: var(--scheme-25) !important; }

.ua-desktop .menue {
  border: var(--scheme-25) 1px solid;
  border-left: none;
  border-right: none;
  margin-top: 25px; }

.ua-desktop .menue ul {
  margin: 0;
  padding: 0;
  overflow: auto;
  margin: auto;
  width: max-content; }

.ua-desktop .menue li {
  height: 50px;
  list-style: none;
  float: left;
  display: block;
  padding: 0px 20px;
  text-transform: uppercase; }

.ua-desktop .menue li:hover {
  background-color: var(--scheme-25); }

.ua-desktop .menue li:hover a {
  color: var(--scheme-15); }

.ua-desktop .menue a {
  text-decoration: none;
  line-height: 50px;
  font-size: 25px;
  text-transform: uppercase; }

.ua-desktop .menue {
  border: var(--scheme-25) 1px solid;
  border-left: none;
  border-right: none;
  margin-top: 25px; }

.ua-desktop .menue ul {
  margin: 0;
  padding: 0;
  overflow: auto;
  margin: auto;
  width: max-content; }

.ua-desktop .menue .current_page_item {
  background-color: var(--scheme-15); }

.ua-desktop .content {
  /*padding-top: 25px;*/ }

.ua-desktop .footer {
  width: calc(1000px - 60px);
  position: relative;
  margin-top: 15px;
  color: var(--scheme-3);
  text-decoration: none; }

.ua-desktop .footer .flinks a {
  color: var(--scheme-3);
  text-decoration: none; }

.ua-desktop .notalinklink {
  color: var(--scheme-3);
  text-decoration: none; }

.ua-desktop .alink {
  color: var(--scheme-3);
  text-decoration: underline; }

.headerimage {
  filter:invert(--invertt); }
h2, h3, h4, h5, h6 {
    color: 
    #00d084;
}

.listofposts .blog-post{
  border-top:solid var(--scheme-25);
  padding: 0px 0 20px 0;
}
.more-link{
  color: var(--scheme-nice-Color) !important;
}
.colorful{
  color: var(--scheme-nice-Color) !important;
}
.colorful{
  color: var(--scheme-nice-Color) !important;
}
.indentt{
  margin-left:10px;
}
.categoriesOver a{
  text-decoration: none;
  color: var(--scheme-nice-Color2) !important;
}