/* Versteckt den Burger-Button */

.menu-toggle,
.slicknav_btn,
.mobile-menu-control {
  display: none !important;
}

body {
  color: black;
}

#page-site-header .page-title {
  display: none;
}

.footer-widgets-area.section-gap.col-1 {
  padding: 0px;
}

.entry-footer {
  display: none;
}

.entry-meta {
  display: none;
}

/* link zum weiterlesen des Beitrags schwarz machen */

.home .post-item .read-more a {
  color: black;
}

/* 1. Beitragsbox bearbeiten */

.home article:first-of-type .post-item {
  background-color: #FF7256;
  /* Deine Wunschfarbe */
  padding: 20px;
  border-radius: 15px;
  /* Schön abgerundet, wie vorhin besprochen */
  border: 1px solid #ddd;
  color: black;
}

/* Den 2. Beitrag ansprechen */

article:nth-of-type(2) .post-item {
  background-color: #4EEE94;
  /* Deine Wunschfarbe */
  padding: 20px;
  border-radius: 15px;
  /* Schön abgerundet, wie vorhin besprochen */
  border: 1px solid #ddd;
  color: black;
}

/* Den 3. Beitrag ansprechen */

article:nth-of-type(3) .post-item {
  background-color: #00CED1;
  /* Deine Wunschfarbe */
  padding: 20px;
  border-radius: 15px;
  /* Schön abgerundet, wie vorhin besprochen */
  border: 1px solid #ddd;
  color: black;
}

.a.mega-menu-link {
  font-family: 'Amatic SC', cursive;
  font-size: 25px;
}

/* Hintergrundfarbe header*/

#masthead {
  background-color: #e2dea1;
}

.navigation.post-navigation {
  background-color: #e2dea1;
}

.footer-widgets-area {
  background-color: #FFA500;
}

/* Banner links und rechts verkleinern */

#page-site-header {
  margin-left: 100px;
  margin-right: 100px;	
	border-radius: 25px;
		
-webkit-mask-image: 
        linear-gradient(to bottom, transparent, black 15%, black 85%, transparent),
        linear-gradient(to right, transparent, black 15%, black 85%, transparent);
    mask-image: 
        linear-gradient(to bottom, transparent, black 15%, black 85%, transparent),
        linear-gradient(to right, transparent, black 15%, black 85%, transparent);
    
    /* WICHTIG: Die Masken müssen kombiniert werden */
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}

/* Versuche das Overlay komplett auszublenden */
#page-site-header::before {
	background-color: transparent;		
		
}

/* Menüleiste breiter machen*/
.wrapper {
		max-width: 100%;
}

#site-navigation {
    margin-left: auto;
    margin-right: auto;
    display: table; /* Oder block, wenn eine width definiert ist */
}

#page-site-header {
		padding-top: 250px;
  padding-bottom: 250px;
}