/*****************************
 * News
 *****************************/

/* List and detail */
.news .header h1,
.news .header h3 {
  font-family: Netto-Regular, Arial, sans-serif;
  font-size: 20px;
  margin-top: 0;
}

.news .header h6 {
  font-family: Netto-Regular, Arial, sans-serif;
  font-size: 12px;
  margin-bottom: 6px;
  color: #827a73;
}

.news .article {
  font-size: 16px;
  margin: 40px 0;
}

/* List */
.news .news-list-view .news-img-wrap a {
  border: 6px solid #FFFFFF;
  display: inline-block;
  max-width: 100%;
}

.news .news-list-view .more {
  font-size: 14px;
}

/* Detail */
.news.news-single .news-img-wrap,
.news.news-single .news-img-wrap a {
  display: block;
  /* height: 100%; */
}

.news.news-single .news-img-wrap img,
.news.news-single .news-img-wrap a img {
  border: 5px solid #FFFFFF;
  margin: auto;
}

.news.news-single figure {
  /* height: 200px;
	width: 200px;
	background-color: #FFFFFF; */
}

/* Paging */
.pagination {
  font-size: 14px;
}

/*****************************
 * DCE
 *****************************/

/* Youtube */
.youtube-container .youtube-player {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  cursor: pointer;
}

.youtube-container .youtube-player>img {
  width: 100%;
}

.youtube-container .youtube-player .youtube-play-button {
  background-image: url('/typo3conf/ext/zfz_sitepackage/Resources/Public/Images/yt_icon_rgb.png');
  background-repeat: no-repeat;
  background-size: 120px 85px;
  width: 120px;
  height: 85px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -60px;
  margin-top: -42px;
}

.youtube-container .youtube-player iframe,
.youtube-container .embed-container object,
.youtube-container .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*****************************
 * Rahmen
 *****************************/
.zfz-news h4 {
  font-family: Netto-Regular, Arial, sans-serif;
  color: #589199;

}

.zfz-news h4 small {
  display: block;
}

.zfz-news p {
  font-size: 1rem;
}

/*****************************
 * Anouncement on Home
 * (visible xs)
 *****************************/
.zfz-announcement {
  background-color: #cec9be;
  color: #5e5a52;
  padding: 10px 20px;
  margin-bottom: 15px;
}
.zfz-announcement h4 {
  font-weight: 700;
  color: #5e5a52;
}

.zfz-announcement h4 small {
  display: block;
  margin-bottom: 10px;
}


/*****************************
 * Images content
 *****************************/
figure {
  margin-bottom: 20px;
}

figure figcaption {
  font-size: 14px;
  padding: 2px 5px;
}

/*****************************
 * Form
 *****************************/
label {
  font-weight: 500;
  font-size: 16px;
}

legend {
  font-size: 17px;
  font-weight: 500;
  color: #000;
  font-family: Rooney-Medium, Georgia, serif;
  border-bottom: none;
  padding-top: 28px;
  margin-bottom: 14px;
}

.btn {
  font-size: 18px;
  text-transform: uppercase;
}

.btn-primary[type=submit] {
  background-color: #ea5347;
  border-radius: 4px;
  border-color: #ea5347;
  color: #ffffff;
}

.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #ff665a;
  border-color: #ff665a;
  color: #ffffff;
}

.btn-toolbar {
  justify-content: flex-end;
}

.text-danger {
  color: #ea5347;
  font-size: 18px;
}

/* login and logout */
.logout {
  position: absolute;
  top: -25px;
  right: 0;
}

div.tx-felogin-pi1 form {
  margin-top: 15px;
}

div.tx-felogin-pi1 label {
  display: none;
}

/*****************************
 * New 8.7 Form Extension
 *****************************/
.frame-type-form_formframework legend {
  color: #589199;
  font-size: 20px;
}

.form-navigation .btn-group {
  float: right;
}

#anmeldeformularfrMentoren .text-danger,
#anmeldeformularfrMentees .text-danger {
  color: #ea5347;
  padding-left: 6px;
  font-size: 14px;
}

#anmeldeformularfrMentoren-242-salutation .form-group .radio,
#anmeldeformularfrMentees-241-parent_salutation .form-group .radio,
#anmeldeformularfrMentees-241-single_parent .form-group .radio,
#anmeldeformularfrMentees-241-therapeutic_treatment .form-group .radio {
  display: inline !important;
  margin-right: 10px !important;
}

/* hide invalid text messages */
.invalid-feedback {
  display: none !important;
}

/*****************************
 * menu
 *****************************/
.csc-menu.csc-menu-100 a.big-link {
  font-size: 20px;
}

.csc-menu.csc-menu-100 .row {
  margin-top: 3px;
  margin-bottom: 3px;
}