@font-face {
  font-family: 'CaustenRound';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundBlack/font.woff) format('woff');
  font-weight: 900;
  }
  
@font-face {
  font-family: 'CaustenRound';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundExtraBold/font.woff) format('woff');
  font-weight: 800;
  }
  
@font-face {
  font-family: 'CaustenRound';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundSemiBold/font.woff) format('woff');
  font-weight: 700;
  }

@font-face {
  font-family: 'CaustenRound';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundBold/font.woff) format('woff');
  font-weight: 600;
  }

@font-face {
  font-family: 'CaustenRound';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundMedium/font.woff) format('woff');
  font-weight: 500;
  }

@font-face {
  font-family: 'CaustenRound';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundRegular/font.woff) format('woff');
  font-weight: 400;
  }

@font-face {
  font-family: 'CaustenRound';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundExtraLight/font.woff) format('woff');
  font-weight: 300;
  }
  
@font-face {
  font-family: 'CaustenRound;
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundLight/font.woff) format('woff');
  font-weight: 200;
  }

@font-face {
  font-family: 'CaustenRound';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundThin/font.woff) format('woff');
  font-weight: 100;
  }



/*OBLIQUE*/

@font-face {
  font-family: 'CaustenRoundOblique';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundBlackOblique/font.woff) format('woff');
  font-weight: 900;
  }
  
@font-face {
  font-family: 'CaustenRoundOblique';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundExtraBoldOblique/font.woff) format('woff');
  font-weight: 800;
  }
  
@font-face {
  font-family: 'CaustenRoundOblique';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundSemiBoldOblique/font.woff) format('woff');
  font-weight: 700;
  }

@font-face {
  font-family: 'CaustenRoundOblique';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundBoldOblique/font.woff) format('woff');
  font-weight: 600;
  }

  @font-face {
  font-family: 'CaustenRoundOblique';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundMediumOblique/font.woff) format('woff');
  font-weight: 500;
  }

@font-face {
  font-family: 'CaustenRoundObliqu';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundRegularOblique/font.woff) format('woff');
  font-weight: 400;
  }

@font-face {
  font-family: 'CaustenRoundOblique';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundExtraLightOblique/font.woff) format('woff');
  font-weight: 300;
  }
  
@font-face {
  font-family: 'CaustenRoundOblique';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundLightOblique/font.woff) format('woff');
  font-weight: 200;
  }

@font-face {
  font-family: 'CaustenRoundOblique';
  src: url(/wp-content/themes/zeen-child/fonts/causten/webFonts/CaustenRoundThinOblique/font.woff) format('woff');
  font-weight: 100;
  }


/* HEADER-ANPASSUNGEN 2023: Vergrößerung der Social Icons/des Abonnieren Icon sowie des Textes "Abonnieren" */
/* Update 2023: Logos verkleinert, damit sie besser zu "Trending" passen und Font-Weight von bold auf normal geändert. */


.menu-icon a, .secondary-wrap .trending-icon-solo {
  font-size: 19px;
  font-weight: normal;
	}

.logo span {
  font-size: 16px;
	font-weight: 500
}

.logo-subtitle {
  margin-top: 5px;
	margin-bottom: 10px;
}

.secondary-wrap .menu-icon a
{
  font-size: 18px;
}

.secondary-wrap .menu-icon--text {
  font-size: 17px;
  font-weight: normal;
}

/* LET'S REVIEW: Text in Review Fesnter von Let's Review war schwarz, war aber in weiß gewünscht */
.lets-review-block__main-title {color:white;}

/* TEAM-MITGLIEDER (alt) in "Redaktion/Über uns": Text(zB. Beschriftung) in einzelnen "User-Boxen" war weiß bis hellgrau und durch den weißen Hintergrund kaum sichtbar, deswegen in schwarz geändert 
.user-page-box-3  {color:black;}*/

/* SPECIAL POST MENU: beim Menü in Beiträgen hat es nicht das eingestellte Padding übernommen, deswegen musste es hier nochmal eingestellt werden */
.body-header-style-50s .site-header-52 .header-padding {padding: 20px;}

/* NEWSLETTER: war sehr verwurschtelt und konnte nur hier "designt" werden */

.newsletterdatenschutz {
	text-align:left;
	line-height:100%; 
}

table{
	width:100%;
}

table td {
	padding: 15px 5px;
	border:none;
	text-align:left;
}

.newslettercheckbox {
	-moz-appearance: checkbox; 
	-webkit-appearance: checkbox;
}

.linkdatenschutz {
	text-decoration:underline;
}

.mc4wp-form-fields .newslettercheckbox {
	width:auto;
	vertical-align: middle;
}

.mailing-wrap .mc4wp-form-fields {
	margin:0 auto;
	display:flex;
	flex-direction:column;
	width: 100%;
	}
.block-wrap-32 .mc4wp-form-fields p:not(.zeen-checkbox) 
{display:inline-block;
	padding: 5px 0px;
	width: 100%;
}


/* Newsletteradaptierung - SendinBlue */

.newsletteritems-1 {
	color: #ffffff;
	
	background: linear-gradient(130deg, #f56300 0%, #f56300 80%);
	
	border-radius: 2px;
	cursor: not-allowed !important;
	
	text-align: center;
	 height: 48px; 
	}


.newsletteritems-1 .button-title {
	font-size: 15px;
	padding: 10px;
	
}


/* KATEGORIEN-FARBEN-CHEAT: Kategorie, die auf Beiträgen wie farbige Sticker zu sehen sind: Wenn nicht "Studieren" oder "Leben" als Primärkategorie ausgewählt wurde, bei denen die Kategoriefarbe festgelegt ist, wurde die Standart Akzentfarbe, in unserem Fall immer "orange" angezeigt, obwohl die "Studieren" oder "Leben" -Farbe zu sehen sein sollte. Das wurde hier festgelegt  */
.category-studieren .cat-with-bg  {background-color: #201a9a !important;}


.category-leben .cat-with-bg  {background-color: #f96400 !important;}

/* KATEGORIE-TAGS und Datum in Mobile Ansicht sichtbar machen 
.preview-grid .tipi-m-typo .byline, .block-wrap-grid .tipi-s-typo .byline, .preview-grid.tipi-m-typo .byline {
	display:block !important;
} */

/* KATEGORIE-TAGS und Datum in niedrigem Fesnter sichtbar machen*/
.tipi-fs .block-94 {
	max-height:none;
}

/* INITIALBUCHSTABE: Schriftart, Größe, Dicke und Farbe geändert */
.has-drop-cap:not(:focus):first-letter{	
	font-size: 5em;
  font-family: CaustenRound, sans-serif;
	font-weight: 550;
	color:black;
}


/* ZITATE: Schrift zu Causten  und font-weight geändert */
.quotes-f2 blockquote{
	font-family: CaustenRound, sans-serif;
	font-weight: 550 !important;
}

cite {
	font-size: 15px !important;
	font-weight: 450 !important;
}

/* 404-ERROR Seite: H1 ausgeblendet */
.error404 .error404-main h1{
	display:none;}

/* E-Mail Social-Share (bei Video-Post) auf Orange gesetzt*/
.share-it-bold .share-button-em {
	background:#f55e00;}

/* Schriftfarbe vom Teamtool angepasst, weil sonst nicht sichtbar*/
.awsm-personal-info h3 {
	color: black !important;
}
.awsm-personal-info span {
	color: #777777 !important;
}

/* Blocküberschriften bei Team-Überschrift angepasst*/
#block-wrap-45723 .block-title-1, #block-wrap-45723 .module-block-title {
    margin-bottom: 0px;
}
#block-wrap-16778 .block-title-1, #block-wrap-16778 .module-block-title {
    margin-bottom: 0px;
}

/* Pfeile bei Indexseiten "Leben" und "Studieren. Jeweils bei orangen oder blauen Hintergrund. Zuerst Block-Wrap der Leben-Seite und dann Studieren-Seite*/
#block-wrap-34151 .tipi-arrow {
	border-color: white;
	color: white;
}
#block-wrap-24153 .tipi-arrow {
	border-color: white;
	color: white;
}

.module-block-title {border-bottom-style: none;}

/* Play-Taste entfernt außerhalb von Videobeiträgen mit der man automatisch das Video starten kann ohne in den Beitrag zu klicken.*/
.mask .icon-base-3 {
	display: none;
}

/* Contents Box - als Inhaltsverzeichnis mit Anker für lange Service-Artikel - die Links sollen darin jeweils in weiß angezeigt werden (unabhängig vom link status wie active/hover/etc.)*/
.contents-box a:link {
	color: white;
}
.contents-box a:hover {
	color: #efefef;
}
.contents-box a:visited {
	color: #efefef;
}

.sib-form {
	padding-top: 0px !important;
}

#sib-container {
	padding-top: 0px !important;
}

.content-subscribe-inner {
	height: 600px; }

.block-css-15510 {.custom-dropdown {
    position: absolute; /* Das Element wird absolut positioniert */
    z-index: 9999;      /* Ein hoher Z-Index, um über anderen Elementen zu schweben */
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    display: none;      /* Am Anfang versteckt */
}

.custom-dropdown.active {
    display: block;     /* Beim Aktivieren anzeigen */
}

}