:root {
  --color_grey: #3f3e3c;   /* gray */
  /*--color_bluegrey: #566275;   !* blue gray *!*/
}
/* Regionale Webseite ------------------------------------------------------------------------------------------------*/
/* Regionale Header-Size */
@media (min-width: 401px) and (max-width: 992px) {
  h1.website_header {
    font-size: 40px !important;
  }

  h2.website_header {
    font-size: 30px !important;
  }
}

@media (max-width: 400px) {
  h1.website_header {
    font-size: 32px !important;
  }

  h2.website_header {
    font-size: 25px !important;
  }
}

@media(max-width: 991px){
  .mobile_padding {
    padding-top: 20px;
  }
}

/* ICONS*/
.faq_arrow {
  padding: 2px 25px 4px !important;
  font-size: 14px !important;
}

.faq_arrow:after {
  position: relative;
  top: 1px !important;
  content: " \2794";
  font-size: 20px;
  color: white;
}

@media(min-width: 1200px){
  .tec_header {
    min-width: 359px;
  }
  .faq_padding {
    padding-left: 40px;
  }
  .padding_anker {
    padding-top: 20px !important;
  }
}

@media(min-width: 992px) and (max-width: 1199px){
  .tec_header {
    min-width: auto;
  }
  .faq_padding {
    padding-left: 70px;
  }
  .padding_anker {
    padding-top: 0 !important;
  }
}

@media(min-width: 992px){
  .mitmachen_col10 {
    padding-left: 35px !important;
    margin-top: -20px;
  }

  .mitmachen_lebenretten {
    margin-top: 80px;
  }
}

/* Mobile Retter Leben retten */
.darkblue_box {
  box-sizing: border-box;
  border-radius: 4px;
  width: 160px;
  height: 160px;
  left: 165px;
}

/* Mitmachen */
.gray_box2 {
  box-sizing: border-box;
  border-radius: 4px;
  width: 160px;
  height: 160px;
  left: 165px;
}

@media(max-width: 991px){
  .gray_box2,
  .darkblue_box {
    margin-right: auto;
    width: 55px !important;
    height: 55px !important;
    margin-top: 10px !important;
  }
  .mitmachen_textcontent {
    margin-right: auto;
    text-align: left;
  }
  .container {
    margin-right: initial;
    margin-left: initial;
  }
  .faq_padding {
    padding-left: auto;
  }
  .gray_box {
    margin-left: auto ;
    margin-right: auto ;
  }
  .traeger_icon {
    height: auto;
  }
  .padding_anker {
    padding-top: 0 !important;
  }
}

.hr_content_abnormal {
  display: none;
}

@media (max-width: 1199px){
  .hr_content_abnormal {
    display: block !important;
  }
}


@media (max-width: 767px){
  .hr_content {
    display: none !important;
  }
}

/* allg. Buttons z.B. Trainingsinteresse, Trainingsanmeldung */
@media (min-width: 992px) {
  .region_training_btns {
    text-align: right !important;
  }
}

.training_anmeldungslink {
  font-size: 18px !important;
  text-decoration: none !important;
}

/* Button Trainingsinteresse/ Benachrichtigungen anmelden*/
.interesse_anmelden {
  width: 220px !important;
  font-size: 14px !important;
}

@media (max-width: 991px) {
  .interesse_anmelden {
    margin-bottom: 20px !important;
  }
}

.bildmotive_position {
  margin-left: -15px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: none !important;
}

.center_position {
  margin-right: auto !important;
  margin-left: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: none !important;
}

@media(min-width: 1200px){
  .bildmotive_position,
  .center_position {
    width: 1170px !important;
  }
  .bildmotive_pos_regional {
    width: 585px !important;
  }
}
@media(min-width: 992px) and (max-width: 1200px) {
  .bildmotive_position,
  .center_position {
    width: 970px !important;
  }
  .bildmotive_pos_regional {
    width: 485px !important;
  }
}
@media(min-width: 768px) and (max-width: 991px) {
  .bildmotive_position,
  .center_position {
    width: 750px !important;
  }
  .bildmotive_pos_regional {
    width: 375px !important;
  }
}

/* Regionale Seite - Träger picture*/
.einleitung_pic,
.traeger_icon {
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: auto;
  margin-top: -8px;
}

.versicherungsschutz_image {
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  width: auto;
  height: 250px;
}

.versicherungsschutz_image > .background_transparent_black > .video_play_svg {
  position: relative;
  top: 65px;
  display: block;
  margin: auto !important;
  width: 100px;
  height: 100px;
  fill: white;
}

.einleitung_pic {
  max-height: 300px;
  max-width: 100%;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media(max-width: 991px){
  .mobile_traeger_icon {
    width: 100% !important;
  }
}

/* Bilder */
img.img_region_organisationen {
  width: 100% !important;
}

@media(max-width: 992px){
  img.img_region_organisationen {
    margin-top: 20px !important;
  }
}

@media(min-width: 550px) and (max-width: 992px) {
  .mobile_traeger_icon,
  .funktionsprinzip2022,
  img.img_region_organisationen {
    /*transform: scale(0.8, 0.8);*/
    width: 70% !important;
  }
}

.jetzt_mitmachen_icon {
  width: 100% !important;
  height: auto !important;
  margin-left: 0 !important;
}

.mitmachen_link {
  text-decoration: none;
  font-size: 18px !important;
}
.mitmachen_link:hover {
  text-decoration: none;
}

/* ICONS & Images Positions */
.icon_quotes_svg,
.statement_icon {
  width: 90px;
  height: auto;
  position: relative;
  top: 5%;
  margin-bottom: 20px;
}

.nachsorge_box > .icon_face_agent_svg {
  width: 90px;
  height: auto;
}

.nachsorge_image {
  width: 50px;
  margin-right: 25px;
  height: 50px;
}

@media(min-width: 1200px)  {
  .nachsorge_image {
    margin-top: 39px;
  }
}

@media(max-width: 1199px) {
  .nachsorge_image {
    margin-top: 20px;
  }
}

.icon_smartphone_svg {
  width: 50px;
  margin-right: 15px;
  height: 50px;
  margin-top: 19px;
  margin-left: -10px;
}

.icon_rettungsring_svg,
.icon_contact_bubble_svg,
.icon_faq_svg {
  width: 50px;
  margin-right: 15px;
  height: 50px;
  margin-top: 19px;
}

/* Regionale Vorlage -Icons Einsatzstatistiken */
.show_icon {
  top: 30px;
  position: absolute;
}

/* Check icon */
.check_circle::before {
  position: absolute;
  left: 0;
  content: "\2714";
  border-radius: 50%;
  padding: 0 5px;
  margin-right: 5px;
}

.check_circle_text {
  position: relative !important;
  padding-left: 40px;
}

.icon_key_with_smartphone_svg,
.icon_list_check_svg,
.icon_check_star_svg,
.icon_teacher_svg {
  position: relative;
  width: 60%;
  height: auto !important;
  top: 20%;
  left: 20%;
}

.icon_global_alarmierung_svg {
  position: relative;
  width: 80%;
  height: auto !important;
  top: 10%;
  left: 10%;
}

.icon_google_play_svg,
.icon_apple_store_svg {
  transform: scale(0.8, 0.8);
  margin-left: -15px;
}

@media(min-width: 345px) and (max-width: 991px){
  .icon_apple_store_svg,
  .icon_google_play_svg {
    margin-bottom: 10px !important;
  }
}

@media(max-width: 344px){
  .icon_google_play_svg {
    margin-bottom: 10px !important;
  }
}

/* Regionale Vorlage - Hotline */
.nachsorge_box {
  box-sizing: border-box;
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 15px;
}

@media(max-width: 991px){
  .nachsorge_box {
    margin-top: 30px !important;
  }
}

/* Footer Bild - regionaler Footer */
#face-agent > .icon_face_agent_svg {
  width: 60px;
  height: 60px;
  border-radius: 50% !important;
  border: 1px solid transparent;
  display: inline-flex;
  background: white;
}

@media(max-width: 991px) {
  #face-agent > .icon_face_agent_svg {
    position: relative;
  }
}

@media(min-width: 992px) {
  #face-agent > .icon_face_agent_svg {
    right: 15px;
    position: absolute;
  }
}

/* socialmedia */
.icon_instagram_svg,
.icon_youtube_svg,
.icon_facebook_svg {
  position: relative;
  top: 2px;
}

.socialmedia_box {
  display: inline-block;
  flex-direction: row;
  padding: 10px 12px 12px 12px;
  position: static !important;
  width: 48px !important;
  height: 48px;
  left: 192px;
  top: 0;
  background: white;
  border-radius: 4px;
  flex: none;
  align-self: center;
  margin: 16px 5px 16px 0;
  min-width: 48px;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.footer_links {
  cursor: pointer !important;
  color: white !important;
  font-size: 16px !important;
}
.footer_links:hover {
  text-decoration: underline;
}

/* Regionale FAQ Webseite --------------------------------------------------------------------------------------------*/

.faq_collapse_group {
  background-color: white;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.faq_collapse_button {
  background-color: white;
  cursor: pointer;
  padding: 15px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 15px;
  margin-top: 10px;
  font-weight: bold;
  border-radius: 4px;
}

.faq_collapse_button:after {
  /*content: "\25BC";*/
  position: absolute;
  right: 10px;
}

.faq_collapse_button.active:after {
  /*content: "\25B2";*/
  position: absolute;
  right: 10px;
}

.faq_collapse_button.active,
.faq_collapse_button:hover {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
}
.faq_collapse_button.active {
  border-bottom: none !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.faq_collapse_group.active,
.faq_collapse_group:hover {
  color: white;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.content_faq_header,
.content_email,
.content_faq {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: white;
}

.content_faq_header {
  padding: 0 !important;
}

.content_emailvorlage,
.content_faq_text {
  margin-left: -18px;
  margin-right: -18px;
  padding: 15px;
  color: var(--color_grey);
  background: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: none !important;
}

/* Region Bearbeiten -------------------------------------------------------------------------------------------------*/
.handlungsempfehlung_create {
  width: 200px;
}

.regional_collapse_button {
  background-color: white;
  cursor: pointer;
  padding: 2px 0 10px 0;
  width: 100%;
  text-align: left;
  outline: none;
  font-weight: bold;
  border: none;
}

.regional_collapse_button:after {
  /*content: "\25BC";*/
  position: absolute;
  right: 10px;
  font-size: 18px;
}

.regional_collapse_button.active:after {
  /*content: "\25B2";*/
  position: absolute;
  right: 10px;
}

.regional_collapse_button.active,
.regional_collapse_button:hover {
  cursor: pointer;
}

.regional_content_collapse {
  display: none;
  overflow: hidden;
  background-color: white;
}

.content_regional {
  background: white;
}

/* Region Bildmotive */
.region_editlogo {
  min-width: 100px;
}

.region_editlogo > img {
  max-width: 200px !important;
  border-radius: 4px;
}

/* ArchivDokument */
.bildmotiv_logo {
  position: relative;
  width: 150px;
}

.bildmotiv_traeger,
.bildmotiv_teilnehmende_organisationen,
.bildmotiv_einsatzstatisti {
  position: relative;
  width: 300px !important;
}

/* Green & Red Edit Collapse Label */
.edit_status_green,
.edit_status_red {
  font-style: normal;
  position: absolute;
  right: 40px;
  /*top: 5px;*/
}

/* Show modals Region edit */
#modal_einleitung_pic,
#modal_regional_sponsoren,
#modal_regional_organisation,
#modal_regional_einsatzstatistik,
#modal_regional_traeger,
#modal_regional_logo_zweifarbig,
#modal_regional_logo_einfarbig,
#modal_regional_logo {
  top: 20% !important;
  left: 25%;
}

#modal_regional_sponsoren > .modal-dialog,
#modal_regional_organisation > .modal-dialog,
#modal_regional_einsatzstatistik > .modal-dialog,
#modal_regional_traeger > .modal-dialog,
#modal_einleitung_pic > .modal-dialog,
#modal_regional_logo_zweifarbig > .modal-dialog,
#modal_regional_logo_einfarbig > .modal-dialog,
#modal_regional_logo > .modal-dialog,
#modal_regional_sponsoren > .modal-dialog > .modal-content,
#modal_regional_organisation > .modal-dialog > .modal-content,
#modal_regional_einsatzstatistik > .modal-dialog > .modal-content,
#modal_regional_traeger > .modal-dialog > .modal-content,
#modal_einleitung_pic > .modal-dialog > .modal-content,
#modal_regional_logo_zweifarbig > .modal-dialog > .modal-content,
#modal_regional_logo_einfarbig > .modal-dialog > .modal-content,
#modal_regional_logo > .modal-dialog > .modal-content {
  height: 70% !important;
  width: 50%;
}

#modal_regional_sponsoren > .modal-dialog,
#modal_regional_organisation > .modal-dialog,
#modal_regional_einsatzstatistik > .modal-dialog,
#modal_regional_traeger > .modal-dialog,
#modal_einleitung_pic > .modal-dialog,
#modal_regional_logo_zweifarbig > .modal-dialog,
#modal_regional_logo_einfarbig > .modal-dialog,
#modal_regional_logo > .modal-dialog {
  width: 75% !important;
}

#modal_regional_sponsoren.in > .modal-dialog > .modal-content > .modal-body,
#modal_regional_organisation.in > .modal-dialog > .modal-content > .modal-body,
#modal_regional_einsatzstatistik.in > .modal-dialog > .modal-content > .modal-body,
#modal_einleitung_pic.in > .modal-dialog > .modal-content > .modal-body,
#modal_regional_traeger.in > .modal-dialog > .modal-content > .modal-body {
  height: 100% !important;
  left: auto;
  right: auto;
}

#modal_regional_logo_zweifarbig.in > .modal-dialog > .modal-content > .modal-body,
#modal_regional_logo_einfarbig.in > .modal-dialog > .modal-content > .modal-body,
#modal_regional_logo.in > .modal-dialog > .modal-content > .modal-body {
  height: 100% !important;
  position: relative;
  margin: 1% 23%;
}

/* News */
@media (min-width: 992px) {
  .news_title_padding {
    padding-left: 25px !important;
  }
}

/* Vorsorge Link Box -------------------------------------------------------------------------------------------------*/
.vorsorge_video_link_box {
  background: #e8eff9;
  border-radius: 12px;
  height: 50px;

}

.vorsorge_video_link_box:after {
  content: " \2794";
  position: absolute;
  right: 15px !important;
  font-size: 20px;
  color: #003366;
}

.veranstaltung_icon_box,
.vorsorge_play_video_box {
  background: #003366 !important;
  width: 50px;
  height: 50px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.vorsorge_play_video_box > .video_play_svg {
  fill: white;
  margin-top: 12px;
  height: 25px;
  width: 50px;
}

.veranstaltung_icon_box > .icon_calender_svg{
  fill: white;
  margin-top: 12px;
  height: 25px;
  width: 60px;
}

/* Nachsorge Link Box -------------------------------------------------------------------------------------------------*/
.nachsorge_link_box {
  background: rgba(235,102,45, 0.1);
  border-radius: 12px;
  height: 50px;
}

/*.nachsorge_link_box:after {*/
/*  content: " \2794";*/
/*  position: absolute;*/
/*  right: 15px !important;*/
/*  font-size: 20px;*/
/*  color: #eb662d;*/
/*}*/

.nachsorge_icon_box {
  background: #eb662d !important;
  width: 50px;
  height: 50px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.nachsorge_icon_box > .nachsorge_head_svg {
  fill: white;
  margin-top: 12px;
  height: 25px;
  width: 50px;
}

/* --------------------------------------*/
.text-line-right {
  align-items: center;
  display: flex;
  gap: 10px;
}

.text-line-right > h4 {
  width: 550px;
}

.text-line-right::after {
  content: "";
  width: 100%;
}

/* ------------------------------------- */
@media (min-width: 992px) {
  #project_member {
    display: inline-flex !important;
  }
}

@media (max-width: 991px) {
  #project_member {
    display: block !important;
  }
}

/*-------------*/
/* regionale Position von Icons auf der Webseite (Zahnrad, fuer das Bearbeiten der einzelnen Sektionen) */
.regionales_setting_div > a > .icon_settings_svg {
  fill: var(--color_grey);
  position: absolute;
  right: 0.5px !important;
  top: 0;
}

.regionales_setting_div2 > a > .icon_settings_svg {
  fill: var(--color_grey);
  position: absolute;
  right: 0.5px !important;
}


.regionales_setting_div3 > a > .icon_settings_svg {
  fill: var(--color_grey);
  position: relative;
  top: -10px;
}

/* ESW-Daten in der mobilen Ansicht untereinander und nicht nebeneinander anzeigen */
@media(max-width: 991px) {
  #einleitungssektion.align-items-center {
    display: block !important;
  }
}


/* regioanle News Collapse ---------------------------*/
.regional_news_collapse_button {
  background-color: transparent;
  cursor: pointer;
}

.regional_news_collapse {
  display: none;
  overflow: hidden;
  background-color: transparent;
}

.news_content {
  background: transparent;
}

.regional_news_collapse_button > .align-items-center-gap > .col-md-1 > .contentblock_right > .icon_arrow_down_svg,
.regional_news_collapse_button > .col-md-10 > .align-items-center-gap > .contentblock_right > .icon_arrow_down_svg {
  position: relative;
  top: -2px;
  left: 10px;
  width: 15px;
  visibility: visible;
  display: block !important;
}

.regional_news_collapse_button.active > .align-items-center-gap > .col-md-1 > .contentblock_right > .icon_arrow_down_svg,
.regional_news_collapse_button.active > .col-md-10 > .align-items-center-gap > .contentblock_right > .icon_arrow_down_svg {
  display: none !important;
}

.regional_news_collapse_button.active > .align-items-center-gap > .col-md-1 > .contentblock_right > .icon_arrow_up_svg,
.regional_news_collapse_button.active > .col-md-10 > .align-items-center-gap > .contentblock_right > .icon_arrow_up_svg{
  position: relative;
  top: -2px;
  left: 10px;
  width: 15px;
  visibility: visible;
  display: block !important;
}

.regional_news_collapse_button > .align-items-center-gap > .col-md-1 > .contentblock_right > .icon_arrow_up_svg,
.regional_news_collapse_button > .col-md-10 > .align-items-center-gap > .contentblock_right > .icon_arrow_up_svg {
  display: none !important;
}