/*
Theme Name: Garfield Theme
Version: 1.0
*/
@import url("css/bootstrap.min.css");
@charset "utf-8";


body {
  background-color: #88333c /* #113837 */;
  color: black;
}

a {
  color: black;
  text-decoration: none;
}

a:hover {
  color: black;
  text-decoration: underline;
}

#text {
  display: none !important;
}

/*---header---*/
.headerImage {
  display: none;
}

.home .headerImage {
  display: block;
  width: 100%;
  background-color: #88333c /* #113837 */;
  color: black;
}

.home .headerImage img {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;

}

header.sitehead {
  position: fixed;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  z-index: 1000;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
background-color: #88333c /* #113837 */;
  color: black;
  max-height: 60px;
  line-height: 1;

}

.siteheadContent {
  width: 100% !important;
  max-width: 1200px;
  margin: 0 auto;

}

.siteheadLeft {
  float: left;
  position: relative;
  z-index: 1002;
}

.siteheadLogo, .siteheadTitle {
  max-height: 60px;
  float: left;
}

.siteheadLogo img {
  max-height: 60px;
}

.siteheadTitle div {
  color: #fff;
  text-transform: uppercase;
  margin-left: 5%;
  width: 220px /* 230px */;
}

.siteheadTitle div h2 {
  margin-bottom: 0.25rem;
}

.siteheadTitle .siteheadSlogan {
  margin-left: 0;
}

.siteheadNav {
  width: 100%;
  position: relative;
  z-index: 1001;
  background: #113837 url("images/bg_dark.png") repeat;
  height: 60px;
}

.siteheadMenuDropdown, .siteheadPub, .headerSearch {
  float: right;
  height: 60px;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.headerSearch {
  padding-right: 0;
}

.headerSearch label {
  display: none;
}

.headerSearch input#s {
  height: 34px;
  margin: 13px 0;
  color: silver;
  background-color: #000;
  border: solid thin #3b3b3b;
  padding-left: 5px;
  border-radius: 5px;
}

.headerSearch input#searchsubmit {
  color: white;
  background: none;
  border: none;
  font-size: 1.3rem;
  height: 60px;
}

.siteheadPub a, .dropbtn {
  display: inline-block;
  height: 60px;
  vertical-align: middle;
  padding-top: 20px;
  color: #fff;
  font-size: 1.3rem;
}

.siteheadPub a {
  transition: text-shadow 0.2s ease-in-out;
}

.siteheadPub a:hover {

  transition: all 0.2s ease-in-out;
  text-decoration: none;
}

.siteheadMenuDropdown {
  border-left: dotted 0.5px #777;
}

/*.siteheadMenuDropdown:hover {
  background-color: #fff;
  transition-duration: 1s;
}*/

.siteheadMenuDropdown:hover .dropbtn {
  color: #113837;
}

label.menutoggle {
  height: 60px;
  width: 100%;
  font-size: 1.3rem;
  color: white;
  color: white;
  padding-top: 20px;
}

label.menutoggle:hover {
  cursor: pointer;
}

input#drop {
  display: none;
}

.menuDropdownContent {
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 60px;
  height: 0px;
  z-index: -10;
  background: #595959 url("images/bg_dark.png") repeat;
 
  border-top: solid 2px black;
  min-width: 100%;
  color: #fff;
  cursor: default;
  transition: all 0.4s;
}

.menuDropdownContent .menucolumn {
  visibility: hidden;
}

[id^=drop]:checked + .menuDropdownContent {
  display: block;
  visibility: visible;
  opacity: 1;
  top: 60px;
  transition: all 0.7s;
  height: 220px;
  /*before 140px  now 4 columns*/

  padding: 13px 0 5px 0;
}

[id^=drop]:checked + .menuDropdownContent .menucolumn {
  visibility: visible;
  transition: all 0s 0.5s;
}

.menuDropdownContent div {
  display: inline-block;
  width: 20%;
  /* before 26.6666% now 4 columns */
  margin-left: 4%;
  /* before 5% now 4 columns */
}

.menuDropdownContent div.headerSearchsmall {
  display: none;
}

.menuDropdownContent #menunavigation {
  float: left;
  width: 22%;
  margin-left: 4%;
}

#menunavigation ul {
  border-left: solid 0.5px white;
}

#menunavigation ul li {
  margin-top: 0.8rem;
  margin-left: 1rem;
}

#menunavigation ul li:first-of-type {
  margin-top: 0.7rem;
}

#menunavigation .menuetags {

}

.menuDropdownContent #menucategory {
  float: right;
  width: 67%;
  margin: 0 4% 0 2%;
}

.menuDropdownContent #menucategory h5.menucolumntitle {
  text-align: center;
  display: none;
}

.menuDropdownContent #menucategory ul {
  display: inline-block;
  width: 32.7%;
  border: none;
}

.menuDropdownContent #menucategory ul li {
  height: 40px;
  margin: 0 0 4px 0;
  background-color: #88333c /* #1a1a1a */;
  /* box-shadow: 2px 2px 2px #000; */
}

.menuDropdownContent #menucategory ul li:first-of-type {
  margin-bottom: 6px;
}

.menuDropdownContent #menucategory ul li a.menuetags {
  display: flex;
  height: 40px;
  margin: 0;
  place-content: center;
  place-items: center;
  text-align: center;
}

.menuDropdownContent #menucategory ul li a.menuetags:hover{
  text-decoration: none;
  background-color: #3a3a3a;
}

.menuDropdownContent #menutags {
  float: right;
  width: 67%;
  margin: 0 4% 0 2%;
}

.menuDropdownContent #menutags h5.menucolumntitle {
  text-align: center;
  font-size: 1rem;
  margin: 0;
}

.menuDropdownContent #menutags ul li {
  display: inline-block;
}

.menucolumn ul li {
  display: block;
  margin-top: 0.5rem;
}

.menucolumn a {
  color: white;
}

.menucolumntitletags {
  opacity: 80%;
  text-align: center;
  font-size: 88%;
  /* change size for tags */
}

#menutags .menuetags {
  margin-right: 1rem;
}

/*--Ende header--*/
.row {
  margin-left: 0;
  margin-right: 0;
}

div.container {
  width: 100% !important;
  max-width: 1200px;
  padding: 20px 0 0 0;
  margin: 0 auto;
  background-color: #F4F4F4;
  /* box-shadow: 0px -1px 19px #111; */
}

/*Front Page*/
.categoryTitle {
  display: inline-block;
  margin-left: 0;
  color: #fff;
  background-color: #252525;
  padding: 5px 15px 0px 2%;
  /*transform: skewX(-30deg);*/
  box-shadow: 2px 2px 1px #252525;
  position: relative;
  left: -2px;
  top: 20px;
}

.categoryTitle h3 {
  transition: text-shadow 0.2s ease-in-out;
}

.categoryTitle:hover h3 {
  text-shadow: 0px 0px 15px #fff;
  transition: text-shadow 0.2s ease-in-out;
}

.categoryTitleunlink {
  text-decoration: none;
  color: #fff;
}

.categoryTitleunlink:hover {
  text-decoration: none;
  color: #fff;
}

.contentContainer {
  display: flex;
  padding: 40px 2% 20px 2%;
  background-color: #fff;
  /* box-shadow: 0px 1px 3px #ccc; */
}

.contentContainer2 {
  display: flex;
  padding: 0px 2% 10px 2%;
  background-color: #fff;
}

.bigHighlight {
  margin-right: 1%;
  /*flex-grow: 1;*/
  width: 40%;
  display: flex;
}

.bigHighlight .contentBox {
  padding: 2% !important;
}

.smallHighlights {
  /*flex-grow: 2;*/
  width: 60%;
}

.smallHighlights .contentBox {
  display: block;
  height: 49%;
  width: 100%;
  padding: 2% !important;
}

.smallHighlights .contentBox:nth-of-type(2) {
  margin: 0 0 0 0 !important;
}

.smallHighlights .contentBoxImageContainer {
  width: 40%;
  float: left;
  margin: 0 2% 1.8% 0;
}

.smallHighlights .contentBoxContent .ContentBoxTitle {
  margin-top: 0;
  min-height: 2.4em;
}

.smallHighlights .spacer {
  display: block;
  height: 2%;
}

.smallHighlights .spacer:last-of-type {
  display: none;
}

.contentContainer#highlights {
  margin-bottom: 1rem;
}

.contentBox {
  flex-grow: 1;
  width: 33%;
  /*für Tor Browser*/
  box-shadow: 0px 1px 3px #ccc;
  padding: 1%;
  position: relative;
}

.contentBox:nth-of-type(2) {
  margin: 0 1%;
}

.contentBoxImageContainer {
  width: 100%;
  display: block;
  position: relative;
  background: #f4f4f4;
}

.contentBoxImageContainer:after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

.contentBoxImageContainer img.contentBoxImage {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: auto;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.contentBoxContent p {
  text-align: left;
}

.contentBoxContent .contentBoxlink:hover h5.ContentBoxTitle {
  color: grey;
}

.contentBoxContent .ContentBoxTitle {
  margin: 0.5rem 0 0 0;
}

.contentBoxContent p:nth-of-type(2) {
  padding-bottom: 10px;
}

.contentBoxContent .contentInfo {
  padding-top: 0.5em;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  color: rgba(141, 141, 141);
}

.more-btn {
  display: block;
  position: absolute;
  bottom: 0px;
  right: 10px;
  padding: 5px 10px 5px 10px;
  transform: skewX(-30deg);
  opacity: 0.75;
  color: #000;
}

.categoryLink {
  display: block;
  text-align: center;
  padding: 0.5rem 2%;
  margin-bottom: 1rem;
  color: #000;
  background-color: #fff;
  box-shadow: 0px 1px 3px #ccc;
  transition-duration: 1s;
}

.categoryLink:hover {
  background-color: #252525;
  color: #fff;
  box-shadow: 0px 1px 2px #252525;
  transition-duration: 1s;
  text-decoration: none;
}

.contentBoxlink {
  text-decoration: none;
  color: #252520;
  text-underline: none;
}

.contentBoxlink:hover {
  /*color: #7c7c7c;*/
  text-decoration: none;
}

.contentContainerKalender {
  text-decoration: none;
  text-underline: none;
}

.pressrowcontainer, .contentrowContainer {
  position: relative;
  display: block;
  width: 100%;
  background-color: #fff;
}

.pressrow, .contentrow {
  position: relative;
  display: flex;
  width: 100%;
  padding: 0.25rem 0.5rem;
  margin-bottom: 1%;
  background-color: #fff;
  box-shadow: 0px 1px 3px #ccc;
}

.contentrow {
  margin-bottom: 0;
}

.contentrow:last-of-type {
  margin-bottom: 1%;
}

.contentrow .contentInfo {
  display: none;
}

.contentrow .contentBoxContent h5 {
  margin: 0;
  padding: 0.5rem 0;
}

.contentrow:nth-of-type(1), .contentrow:nth-of-type(2), .contentrow:nth-of-type(3) {
  display: none;
}

.contentInfo .pressauthor {
  margin-right: 2em;
}

.pressauthor::before {
  content: "von: ";
}

.pressdate::before {
  content: "am: ";
}

.date {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 10px;
  padding: 5px 10px 5px 0px;
  /*background: #252525 url("images/bg_dark.png") repeat;*/
  color: rgba(141,141,141);
}

.singledate
{
  display: inline-block;
  margin-right: 2em;
  /*background: #252525 url("images/bg_dark.png") repeat;*/
  color: rgba(141,141,141);
}

.singledate::before {
  content: "";
}

.squat-radar-widget {
  width: 100%;
}

.squat-radar-event_status {
  display: none;
}

.contentContainer .squat-radar-widget .squat-radar a.squat-radar-url-more:hover {
  color: black !important;
}

/*End Front-Page*/
/*Single-Post*/
.postContainer {
  display: flex;
  margin: 20px 2% 20px 2%;
  background-color: #fff;
  box-shadow: 0px 1px 3px #ccc;
}

.postContent {
  flex-grow: 1;
  padding: 1.5rem 4%;
  width: 100%;
}

.categoryInfo {
  display: inline-block;
  margin-top: 0.5rem;
}

.categoryInfo a {
  color: white;
  background-color: #252525;
  padding: 0.2rem;
  margin-left: 1rem;
  border-radius: 5px;
  font-weight: ;
}

.categoryInfo a:first-of-type {
  margin-left: 0;
}

.categoryInfo a:hover {
  text-decoration: none;
}

.tagsInfo {
  float: left;
  max-width: 70%;
}

.tagsInfo span a {
  color: #000;
  background-color: #dbdbdb;
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding: 0.2rem;
  border-radius: 5px;
}

.tagsInfo span a:hover {
  text-decoration: none;
}

.postImageContainer {
  float: left;
  max-width: 50%;
  max-height: 300px;
  display: block;
  position: relative;
  background: #f4f4f4;
  margin: 2rem 2% 2% 0;
  box-shadow: 0px 1px 3px #999;
}

.postImageContainer .postImage {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 300px;
  margin: 0 auto;
}

.postTitle {
  text-align: left;
  margin: 1.25rem 0;
}

.postContent .contentInfo {
  padding-bottom: 0.5em;
  color: rgba(141, 141, 141);
}

.postText {
  margin-bottom: 2rem;
  min-height: 300px;
  text-align: justify;
  padding-top: 2rem;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}

.postText h1, .postText h2, .postText h3 {
  font-size: 1.5rem;
  color: black;
}

.postText a {
  color: black;
  text-decoration: underline dotted gray;
}

.postText blockquote {
  margin-left: 1.5rem;
  font-style: oblique;
}

.postContainer .postContent .postText p a img {
  margin-top: 1rem;
}

.postContent .btn-dark {
  background-color: #252525;
}

.postContainer .contentBoxImageContainer {}

/*End Single Post*/
/*Category-Page*/
.categorySiteTitle {
  display: block;
  margin: 2% 0;
  width: 60%;
  position: relative;
  left: -2px;
  color: #fff;
  background-color: #252525;
  padding: 5px 15px 5px 2%;
  /*transform: skewX(-30deg);*/
  box-shadow: 2px 2px 1px #252525;
}

.categoryContentRow {
  display: block;
  padding: 20px 2% 20px 2%;
  margin: 20px 0px;
  background-color: #fff;
  box-shadow: 0px 1px 3px #ccc;
  position: relative;
}

.postImageContainerSmall {
  display: inline-block;
  width: 25%;
  max-height: 150px;
}

.postImageSmall {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 150px;
  margin: 0 auto;
}

.categoryContentRowContent {
  display: inline-block;
  width: 73%;
  margin-left: 1%;
  vertical-align: top;
}

.categoryContentRowContent a.textLink:hover {
  text-decoration: none;
}

.categoryContentRowContent p {
  text-align: justify;
  /*font-size: 1.175rem;*/
}

.categoryContentRowContent .contentInfo {
  float: left;
  padding-top: 0.5em;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  color: rgba(141, 141, 141);
  max-width: 80%;
}

.contentInfo .author {
  margin-right: 2em;
}

.author::before {
  content: "von: ";
}

.date::before {
  content: "";
}

/* .category::before {
  content: "Kategorie: ";
} */

.categoryContentRow a.read {
  display: block;
  position: absolute;
  bottom: 0.5em;
  right: 2%;
  padding: 5px 10px 5px 10px;
  transform: skewX(-30deg);
  opacity: 0.75;
  font-size: 1.2em;
  color: #000;
}

.categoryContentRow a.read:hover {
  text-decoration: none;
}

#categoryPrefix {
  display: none;
}

body.category-ownmatter #categoryPrefix {
  display: block;
  padding: 0px 2% 20px 2%;
  margin: 20px 0px;
  font-size: 1rem;
  text-align: justify;
}

body.category-ownmatter #categoryPrefix::before {
  content: "An dieser Stelle veröffentlichen wir eigene Mitteilungen oder Stellungnahmen zum Betrieb und zur Nutzung von Kontrapolis. Um Fragen der Moderation möglichst transparent zu machen, geben wir regelmäßig einen Überblick über die eingereichten aber nicht veröffentlichten Beiträge. Für Nachfragen, Kritik und Verbesserungsvorschläge sind wir über unsere Kontaktadresse erreichbar:";
}

body.category-ownmatter #categoryPrefix::after {
  content: "info@kontrapolis.info";
  font-weight: bold;
}

/*Search-No-Results*/

body.search-no-results div.container h3.noSearchResults {
  display: flex;
  min-height: 500px;
  place-content: center;
  text-align: center;
  padding-top: 150px;
}

/*Category-/Search-/Home-Navigation*/

/*Statische Seiten nicht anzeigen*/
#Publish, #Startseite, #Beispiel-Seite, #Kontakt, #Moderationskriterien, #Selbstverständnis, #posts, #publish, div[id="Alle Artikel"] {
  display: none;
}

.postNav {
  margin: 2rem 2%;
  height: 1rem;
}

.postNav span a {
  color: #000;
  background-color: #fff;
  box-shadow: 0px 1px 3px #ccc;
  transition-duration: 1s;
  padding: 0.5em;
  font-weight: bold;
}

.postNav span a:hover {
  background-color: #252525;
  color: #fff;
  box-shadow: 0px 1px 2px #252525;
  transition-duration: 1s;
  text-decoration: none;
}

.newPosts {
  float: right;
}

.oldPosts {
  float: left;
}

/*Start Footer*/
footer.sitefooter {
  z-index: 999;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  color: #fff;
  background: #252525 url("images/bg_dark.png") repeat;
  /*height: 180px;*/
  line-height: 1;
}

.sitefooterContainer {
  margin-top: 40px;
  padding: 20px 2% 20px 2%;
  text-align: center;
}

.sitefooterContainer h4 {
  /* text-shadow: 0px 0px 9px rgba(255, 255, 255, 0.7) */;
}

.sitefooterContainer p:first-of-type {
  display: inline-block;
  padding: 0 2rem;
  /*border-left: solid 1px #fff;
  border-right: solid 1px #fff; */
}

.footerlinkhead {
  text-decoration: none;
  color: #fff;
  display: block;
  margin-top: 0.5rem;
}

.footerlinkhead:hover {
  text-decoration: none;
  color: #fff;
  display: block;
  margin-top: 0.5rem;
}

.footerlinkList {
  margin-top: 2rem;
}

.footerlink {
  display: inline-block;
  width: 24%;
  border-right: solid white thin;
}

.footerlink:last-of-type {
  border-right: none;
}

.footerlink a{
  color: #fff;
  transition: text-shadow 0.2s ease-in-out;
  margin-top: 0.5rem;
}

.footerlink a:hover {
  text-decoration: none;
  color: #fff;
  text-shadow: 0px 0px 15px #fff;
  transition: text-shadow 0.2s ease-in-out;
}

.footerlink ul {
  display: flex;
  justify-content: space-between;
}

ul.no-bullets {
  list-style-type: none;
  /* Remove bullets */
  padding: 0;
  /* Remove padding */
  /*margin: 0;*/
  /* Remove margins */
}

/*End Footer*/
/*Publish Start*/
#user-submitted-posts {
  margin: 0 auto;
}

div#user-submitted-posts fieldset .float-left {
  float: left;
}

div#user-submitted-posts fieldset .usp_text-editor {
  width: 90%;
}

div#usp-upload-message {
  width: 80%;
}

.tooltips {
  position: relative;
  float: right;
  width: 4.3%;
}

.usp-content .tooltips, .usp-tags .tooltips {
  display: block;
  position: relative;
  top: 20px;
}

.tooltips .tooltiptext {
  visibility: hidden;
  position: absolute;
  width: 300px;
  z-index: 100;
  margin-left: -315px;
  background-color: #f2f2f2;
  border: solid thin #dadada;
  top: -15px;
  text-align: left;
  padding: 3px;
  border-radius: 6px;
  box-shadow: 1px 1px 1px #8e8e8e;
  font-size: 0.75rem;
}

.tooltips .tooltiptext::after {
  content: "";
  position: absolute;
  top: 35%;
  left: 100%;
  margin-left: 1px;
  border: solid 9px;
  border-color: transparent transparent transparent #8e8e8e;

}

.tooltips:hover .tooltiptext {
  visibility: visible;
}

.infosvg {
  position: relative;
  float: right;
  width: 100%;
}

/*.infosvg {
  position: relative;
  float: right;
  width: 4.3%;
}*/

/*-- END Publish ---*/

/*-- Anfang error404 --*/

.image404 {
  border-radius: 50%;
  width: 300px;

}
.center404 {
text-align: center;
}

/*-- Gesamte Seite kleiner --*/

.container {
  font-size: 90% !important;
}

h3 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

.contentContainer2 h5 {
  font-size: 1rem;
}


@media only screen and (max-width: 833px) {
  input#s {
    width: 140px;
  }
}


/* For mobile phones: */


@media only screen and (max-width: 768px) {
  body {
    min-width: 350px;
  }

  .siteheadTitle div {
    display: none;
    max-height: 60px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 5%;
    margin-top: 5%;
    width: 220px /* 230px */;
  }

  .siteheadTitle .siteheadSlogan {
    display: none;
    margin-left: 0;
  }

  .headerSearch {
    display: none;
    padding-right: 0;
  }

  .menuDropdownContent div.headerSearchsmall {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    margin-left: 0;
    padding-right: 0;
  }

  .menuDropdownContent div.headerSearchsmall div {
    width: 100%;
    margin-left: 0;
  }

  .headerSearchsmall label {
    display: none;
  }

  .headerSearchsmall input#s {
    height: 41px;
    width: 100%;
    max-width: 250px;
    color: silver;
    background-color: #000;
    border: solid thin #3b3b3b;
    padding-left: 5px;
    border-radius: 5px;
    margin-bottom: 6px;
  }

  .headerSearchsmall input#searchsubmit {
    display: block;
    width: 100%;
    max-width: 250px;
    height: 41px;
    padding: 10px;
    margin-bottom: 12px;
    background-color: #1a1a1a;
    box-shadow: 2px 2px 2px #000;
    color: white;
    font-size: 17px;
    border: 0px solid grey;
    border-left: none;
    cursor: pointer;
  }

  .headerSearchsmall input#searchsubmit:hover {
    text-decoration: none;
    background-color: #3a3a3a;
  }

  .siteheadMenuDropdown:hover .dropbtn {
    color: #252525;
  }

  .menuDropdownContent .menucolumn {
     visibility: hidden;
   }

   .menuDropdownContent .menucolumn#menunavigation {
     width: 42%;
     height: 300px;
     position: absolute;
   }

   #menunavigation ul li:first-of-type {
     margin-top: 0.5rem;
   }

   .menuDropdownContent .menucolumn#menucategory {
     width: 50%;
     margin-left: 0;
   }

  [id^=drop]:checked + .menuDropdownContent {
    visibility: visible;
    height: 320px;
  }

  .menuDropdownContent #menucategory h5.menucolumntitle {
    display: none;
    text-align: right;
  }

  .menuDropdownContent #menucategory ul {
    float: right;
    width: 75%;
    border: none;
    margin-bottom: 0.5rem;
  }

  .menuDropdownContent #menucategory ul li {
    height: 41px;
  }

  .menuDropdownContent #menutags {
    display: none;
  }

  .contentContainer, .contentContainer2 {
    width: 100%;
    flex-direction: column;
    place-items: center;
  }

  .contentContainer p {
    font-size: 80%;
  }

  .contentContainer#highlights {
    place-items: inherit;
  }

  .bigHighlight {
    width: 100%;
  }

  .smallHighlights {
    width: 100%;
  }

  .smallHighlights .contentBox {
    display: flex;
    height: 50%;
    width: 100%;
  }

  .smallHighlights .contentBoxImageContainer {
    width: 25%;
  }

  .contentBox {
    margin-bottom: 4px;
    flex-grow: 1;
    width: 99%;
  }

  .contentrow, .pressrow {
    width: 99%;
    margin: 0 auto 0 auto;
  }

  .contentBox:nth-of-type(2) {
    margin-bottom: 4px;
  }

  /*Single-Post*/

  .postContent .postTitle {
    margin-top: 0;
  }

  .postContent .postText {
    font-size: 90%;
  }

  .footerlink {
    width: 100%;
    margin-bottom: 1rem;
    border-right: none;
  }

  .footerlink ul {
    display: flex;
    text-align: center;
  }

  /*Category, Home, Tag*/

  .categoryContentRow {
    padding: 20px 4%;
  }

  .categoryContentRow .postImageContainerSmall {
    width: 100%;
    background-color: #f4f4f4;
  }

  .categoryContentRow .categoryContentRowContent {
    width: auto;
    margin-left: 0;
  }

  .categoryContentRow .categoryContentRowContent p {
    font-size: 90%;
  }

}

/* für drucker */

@media print {
 /* Singlepost druckbar, ohne Nav Header Footer */
 .headerImage, footer, .btn {
   display: none;
 }

 .siteheadNav {
   visibility: hidden;
 }

 .postContent {
   padding: 0;
 }

 a {
   text-decoration: none !important;
 }

.home .headerImage {
    display: none;
  }

input#s {
    display: none;
  }

input#searchsubmit {
    display: none;
  }

tagsInfo::before {
    content: "Themenfelder: ";
  }

}