@charset "UTF-8";
/*
 Theme Name:   Formlos Skelett Crossroads Child
 Description:  Child-Theme für Crossroads
 Author:       FORMLOS
 Author URI:   https://www.formlos-berlin.de
 Template:     Formlos-Skelett-3.0
 Version:      3.0
 Text Domain:  Formlos-Skelett-3.0-crossroads-child
*/
#wrapper {
  padding: 0;
}

#main {
  padding: 0;
}

header {
  padding-top: 0.5rem;
  background-color: #fff;
}

.header_inner {
  background-color: #fff;
  padding: 0 20px;
}

nav#meta-nav-wrapper ul li a {
  color: #0077C8;
}

nav#meta-nav-wrapper ul li.font_trigger,
nav#meta-nav-wrapper ul li.font_trigger a {
  background-color: white;
}

nav#meta-nav-wrapper ul li.high_contrast a::before,
nav#meta-nav-wrapper ul li.leichte_sprache a::before {
  background: url("img/high_contrast_icon.svg") center center no-repeat;
  background-size: 100% auto;
}

nav#meta-nav-wrapper ul li.leichte_sprache a::before {
  background: url("img/einfache_sprache_icon.svg") center center no-repeat;
  background-size: auto 100%;
}

footer #footer-inner {
  padding-top: 3rem;
}

#footer_meta_content {
  margin-top: 100px;
  background: #4FBFE7;
}

#footer_meta_content > div a {
  color: #004F71;
}

nav#meta-nav-wrapper ul {
  text-align: right;
}

nav#meta-nav-wrapper ul li {
  margin-bottom: 1.5rem;
}

.farbe-1 {
  background: #0077C8;
  color: white;
}

.farbe-2 {
  background: #E35205;
  color: white;
}

.farbe-3 {
  background: #4FBFE7;
  color: #004F71;
}

.farbe-4 {
  background: #004F71;
  color: white;
}

.farbe-3 h1,
.farbe-3 h2,
.farbe-3 h3,
.farbe-3 h4,
.farbe-3 h5,
.farbe-3 h6,
.farbe-3 p,
.farbe-3 li,
.farbe-3 a,
.farbe-3 span {
  color: #004F71;
}

.farbe-1 h1,
.farbe-1 h2,
.farbe-1 h3,
.farbe-1 h4,
.farbe-1 h5,
.farbe-1 h6,
.farbe-1 p,
.farbe-1 li,
.farbe-1 a,
.farbe-1 span,
.farbe-4 h1,
.farbe-4 h2,
.farbe-4 h3,
.farbe-4 h4,
.farbe-4 h5,
.farbe-4 h6,
.farbe-4 p,
.farbe-4 li,
.farbe-4 a,
.farbe-4 span,
.farbe-2 h1,
.farbe-2 h2,
.farbe-2 h3,
.farbe-2 h4,
.farbe-2 h5,
.farbe-2 h6,
.farbe-2 p,
.farbe-2 li,
.farbe-2 a,
.farbe-2 span {
  color: white;
}

#cookie_notice_container {
  display: none !important;
}

.testimonial.border-farbe-1 .fl-row-content {
  border-color: #0077C8;
}

.testimonial.border-farbe-2 .fl-row-content {
  border-color: #E35205;
}

.testimonial.border-farbe-3 .fl-row-content {
  border-color: #4FBFE7;
}

.testimonial.border-farbe-4 .fl-row-content {
  border-color: #004F71;
}

#header_main_site_title > a,
.mobile_nav_container a.site_title {
  background: #E35205;
}

#footercontent ul {
  padding: 0;
}

#footercontent ul.sub-menu {
  display: block;
  padding-right: 10px;
}

#footercontent ul li#menu-item-122 {
  min-width: 160px;
}

#footercontent ul li {
  display: block;
  text-align: left;
  font-weight: 500;
  width: 25%;
}

#footercontent ul li a {
  text-decoration: none;
}

#footercontent ul li a:hover,
#footercontent ul li.current-menu-item > a {
  text-decoration: underline;
}

#footercontent ul.sub-menu li {
  font-weight: 300;
  width: 100%;
  margin-top: 0.75rem;
}

.farbe-4 a.external-link:after {
  background-image: url(img/icon-external-link-white.svg);
}

.farbe-4 .fl-accordion-content a.external-link:after,
.farbe-4 .weisse-boxen a.external-link:after {
  background-image: url(img/icon-external-link.svg);
}

#roadbox-ul-li-inhaltsverzeichnis a {
  text-decoration: none;
}

#roadbox-ul-li-inhaltsverzeichnis a:hover {
  text-decoration: underline;
}

.infobox_selbstverstaendnis.infobox_big .fl-col-content {
  background: white;
  border: 5px solid #E35205;
  max-width: 350px;
  width: 100%;
  margin: 20px;
}

.infobox_selbstverstaendnis .fl-rich-text {
  max-width: 350px;
  padding: 20px;
  border: 5px solid #E35205;
}

.infobox_selbstverstaendnis.infobox_big .fl-rich-text {
  max-width: 100%;
  border: 0px solid #E35205;
  padding: 0;
}

/*.infobox_selbstverstaendnis .fl-module{
	background:white;
	border:2px solid #E35205;
	max-width:350px;
	width:100%;
	padding:20px;
}*/
.infobox_selbstverstaendnis.infobox_big .fl-col-content {
  max-width: 100%;
}

.infobox_selbstverstaendnis .fl-rich-text p,
.infobox_selbstverstaendnis .fl-rich-text h2,
.infobox_selbstverstaendnis .fl-rich-text h3,
.infobox_selbstverstaendnis .fl-rich-text li,
.infobox_selbstverstaendnis .fl-rich-text span {
  color: #004F71;
}

.infobox_selbstverstaendnis .fl-rich-text h4 {
  color: #E35205;
}

/* Veranstaltungsmodul */
.farbe-4 .veranstaltungsliste,
.farbe-4 .veranstaltungsliste p,
.farbe-4 .veranstaltungsliste a {
  color: #fff;
}

.farbe-4 .veranstaltungsliste-item .veranstaltungsliste-link a {
  color: var(--dunkelblau);
}

.farbe-2 .veranstaltungsliste-item .veranstaltungsliste-link a {
  color: #E35205;
}

.single-veranstaltung .webinar_link {
  padding-top: 0;
}

.single-veranstaltung .downloads {
  margin-bottom: 2rem;
}

.single-veranstaltung .sidebar .webinar_link a {
  background-color: #fff;
  color: var(--dunkelblau);
  border: 2px solid var(--dunkelblau);
}

/* Blogroll */
body #hi-crossroads-blogroll .fl-post-grid-title {
  font-size: 1.5rem;
  line-height: normal;
}

body #hi-crossroads-blogroll .fl-post-grid-content,
body #hi-crossroads-blogroll .fl-post-grid-content p {
  font-size: 1.25rem;
  line-height: 1.875rem;
}

body #hi-crossroads-blogroll .fl-post-grid-post .fl-post-grid-meta,
body #hi-crossroads-blogroll .fl-post-grid-post .fl-post-grid-meta-terms {
  font-size: 1rem;
  letter-spacing: 0.15rem;
}

body #hi-crossroads-blogroll .fl-post-grid-post .fl-post-grid-meta-terms {
  margin-bottom: 0.8rem;
}

body #hi-crossroads-blogroll .fl-post-grid-post .fl-post-grid-more {
  font-family: Arial, sans-serif;
  text-decoration: underline;
}

body #hi-crossroads-blogroll .fl-builder-pagination li a.page-numbers,
body #hi-crossroads-blogroll .fl-builder-pagination li span.page-numbers {
  border: 2px solid #fff;
  color: #fff;
}

body #hi-crossroads-blogroll .fl-builder-pagination li a.page-numbers.prev,
body #hi-crossroads-blogroll .fl-builder-pagination li a.page-numbers.next {
  border: none;
}

body #hi-crossroads-blogroll .fl-builder-pagination li .page-numbers,
body #hi-crossroads-blogroll .fl-builder-pagination li a.page-numbers:hover {
  text-decoration: none;
  background-color: transparent;
}

body #hi-crossroads-blogroll .fl-builder-pagination li span.current,
body #hi-crossroads-blogroll .fl-builder-pagination li span.current {
  color: #004F71;
  background-color: #fff;
}

/*Language Switcher */
body.has-wpml-translation nav#meta-nav-wrapper ul,
body.has-wpml-translation nav#meta-nav-wrapper ul li {
  display: inline-block;
  margin-bottom: 0;
}

/*TOOLBOX*/
#header_main_site_title {
  _transition: all 0.2s;
}

.page-template-toolbox-page header .header_inner #header_logo_meta {
  z-index: 4;
}

.page-template-toolbox-page-ohne-inhaltsverzeichnis header.fl_fixed,
.page-template-toolbox-page header.fl_fixed {
  box-shadow: rgba(0, 0, 0, 0.2) 1px 0px 21px;
}

.page-template-toolbox-page header.fl_fixed,
.page-template-toolbox-page-ohne-inhaltsverzeichnis header.fl_fixed {
  overflow: hidden;
}

.page-template-toolbox-page header.fl_fixed nav#meta-nav-wrapper ul li,
.page-template-toolbox-page-ohne-inhaltsverzeichnis header.fl_fixed nav#meta-nav-wrapper ul li {
  _margin-bottom: 0;
}

.page-template-toolbox-page header #header_main_site_title,
.page-template-toolbox-page-ohne-inhaltsverzeichnis header #header_main_site_title {
  _transition: all 0.2s;
  _margin-left: 0;
  _position: relative;
}

.page-template-toolbox-page header.fl_fixed #header_main_site_title,
.page-template-toolbox-page-ohne-inhaltsverzeichnis header.fl_fixed #header_main_site_title {
  _position: absolute;
  _margin-left: -100vw;
  _z-index: 1;
  _width: 100%;
}

.page-template-toolbox-page .fl-rich-text li {
  margin-bottom: 0.5rem;
}

.page-template-toolbox-page .fl-rich-text ul,
.page-template-toolbox-page .fl-rich-text ol {
  padding-left: 40px;
}

#toggleMenu {
  display: none;
}

#toggleMenu:hover {
  cursor: pointer;
}

.page-template-toolbox-page #main,
.page-template-toolbox-page-ohne-inhaltsverzeichnis #main {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

#toolbox_content {
  padding-left: 20px;
  width: 70%;
}

#toolbox_sidebar {
  width: 30%;
  position: relative;
}

#toolbox_sidebar .menu-toolbox-navigation-container form {
  padding: 0 0 20px 20px !important;
}

#toolbox_sidebar .menu-toolbox-navigation-container form.is-form-style .is-search-icon {
  border: 2px solid white !important;
}

#toolbox_sidebar .menu-toolbox-navigation-container form.is-form-style input.is-search-input {
  border: 2px solid white !important;
}

#toolbox_sidebar .menu-toolbox-navigation-container.slide_in {
  max-height: 200px;
  overflow: hidden;
}

#toolbox_sidebar .menu-toolbox-navigation-container.slide_in::after {
  position: absolute;
  width: 100%;
  height: 100px;
  background: rgb(255, 255, 255);
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(0, 79, 113) 100%);
  z-index: 3;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  content: "";
}

.font-medium #toggleMenu,
.font-big #toggleMenu {
  top: 0;
}

.font-medium #toolbox_sidebar .menu-toolbox-navigation-container.fixed {
  top: 114px;
}

.font-big #toolbox_sidebar .menu-toolbox-navigation-container.fixed {
  top: 154px;
}

#toolbox_sidebar .menu-toolbox-navigation-container {
  background: #004F71;
  padding: 20px 20px 20px 0;
  position: relative;
  width: 100%;
  max-width: 460px;
  transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
  max-height: 100%;
  margin-bottom: 2rem;
}

#toolbox_sidebar .menu-toolbox-navigation-container.fixed {
  position: fixed;
  z-index: 30;
  height: 75vh;
  overflow: auto;
  width: 30%;
  top: 127px;
  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}

#toolbox_sidebar .menu-toolbox-navigation-container.fixed::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.fl_fixed #toolbox_sidebar .menu-toolbox-navigation-container {
  _position: fixed;
  _top: 170px;
  _overflow: hidden;
  _height: 120px;
  _transform: scaleY(0.5);
}

#toolbox_sidebar #menu-toolbox-navigation {
  list-style-type: none;
}

#toolbox_sidebar #menu-toolbox-navigation a {
  color: white;
  text-decoration: none;
  display: block;
  padding-bottom: 10px;
  padding-top: 10px;
}

#toolbox_sidebar #menu-toolbox-navigation li {
  line-height: 1.5rem;
  border-bottom: 1px solid white;
  transition: all 0.2s;
  margin-bottom: 0;
}

#toolbox_sidebar #menu-toolbox-navigation li > .sub-menu {
  margin-top: 10px;
  padding-left: 0;
  list-style-type: none;
}

#toolbox_sidebar #menu-toolbox-navigation li > .sub-menu li a {
  display: block;
  padding-left: 30px;
  position: relative;
  font-weight: 300;
  padding: 5px 0 5px 30px;
}

#toolbox_sidebar #menu-toolbox-navigation li > .sub-menu li {
  border-bottom: 0;
  padding: 0;
}

#toolbox_sidebar #menu-toolbox-navigation li > .sub-menu li a::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: white;
  position: absolute;
  left: 0;
  top: 5px;
  background: url("img/arrow_roadbox_white.svg") center center no-repeat;
  background-size: 20px auto;
  _padding-left: 20px;
}

#toolbox_sidebar #menu-toolbox-navigation .current-menu-item {
  padding-left: 10px;
  background: rgba(255, 255, 255, 0.3);
}

#toolbox_sidebar #menu-toolbox-navigation .current-menu-item > a,
#toolbox_sidebar #menu-toolbox-navigation li:hover a {
  _text-decoration: underline;
}

#toolbox_sidebar #menu-toolbox-navigation li:hover {
  padding-left: 10px;
  background: rgba(255, 255, 255, 0.3);
}

#toolbox_sidebar #menu-toolbox-navigation li.no_hover:hover {
  background: transparent;
  padding-left: 0;
}

#toolbox_sidebar #menu-toolbox-navigation li.no_hover:hover a {
  text-decoration: none;
  cursor: default;
}

#toolbox_sidebar #menu-toolbox-navigation li.no_hover:hover ul li a {
  cursor: pointer;
}

#toolbox_sidebar #menu-toolbox-navigation li.no_hover ul.sub-menu li {
  padding: 10px 0;
}

#toolbox_sidebar #menu-toolbox-navigation li.no_hover > .sub-menu li.current-menu-item {
  padding: 10px;
}

#toolbox_sidebar #menu-toolbox-navigation li.no_hover ul.sub-menu li:hover {
  padding-left: 10px;
}

#toolbox_content .fl-accordion-small .fl-accordion-content,
#roadbox-akkordeon-inhaltsverzeichnis .fl-accordion-small .fl-accordion-content {
  padding: 20px 30px;
}

#toolbox_content .formlos_btn,
#toolbox_content .fl-accordion-button-label,
#roadbox-akkordeon-inhaltsverzeichnis .fl-accordion-button-label {
  font-weight: 700;
}

#toolbox_content .formlos_btn {
  font-size: 1.5rem;
}

#toolbox_content .fl-accordion-button-label,
#roadbox-akkordeon-inhaltsverzeichnis .fl-accordion-button-label {
  font-size: 1.25rem;
}

#toolbox_content .bb-formlos-button {
  text-align: left;
}

#toolbox_content .fl-col-group-nested > .fl-col:first-child > .fl-col-content {
  padding-left: 20px;
}

.font-medium .is-form-style,
.font-medium #toolbox_content table,
.font-medium #toolbox_content .fl-accordion-item,
.font-medium .toolbox_txt .fl-accordion-content p,
.font-medium #roadbox-akkordeon-inhaltsverzeichnis .fl-accordion-item,
.font-medium #roadbox-akkordeon-inhaltsverzeichnis .fl-accordion-content p,
.font-medium .toolbox_txt .fl-rich-text p,
.font-medium .toolbox_txt .fl-rich-text ol,
.font-medium .toolbox_txt .fl-rich-text ul,
.font-medium #toolbox_content .fl-rich-text p,
.font-medium #toolbox_content .fl-rich-text ul,
.font-medium #toolbox_content .fl-rich-text ol,
.font-medium .toolbox_txt .fl-rich-text h2,
.font-medium .toolbox_txt .fl-rich-text h3,
.font-medium .toolbox_txt .fl-rich-text h4,
.font-medium #toolbox_content .fl-rich-text h2,
.font-medium #toolbox_content .fl-rich-text h3,
.font-medium #toolbox_content .fl-rich-text h4,
.font-big .is-form-style,
.font-big #toolbox_content table,
.font-big #toolbox_content .fl-accordion-item,
.font-big .toolbox_txt .fl-accordion-content p,
.font-big #roadbox-akkordeon-inhaltsverzeichnis .fl-accordion-item,
.font-big #roadbox-akkordeon-inhaltsverzeichnis .fl-accordion-content p,
.font-big .toolbox_txt .fl-rich-text p,
.font-big .toolbox_txt .fl-rich-text ol,
.font-big .toolbox_txt .fl-rich-text ul,
.font-big #toolbox_content .fl-rich-text p,
.font-big #toolbox_content .fl-rich-text ul,
.font-big #toolbox_content .fl-rich-text ol,
.font-big .toolbox_txt .fl-rich-text h2,
.font-big .toolbox_txt .fl-rich-text h3,
.font-big .toolbox_txt .fl-rich-text h4,
.font-big #toolbox_content .fl-rich-text h2,
.font-big #toolbox_content .fl-rich-text h3,
.font-big #toolbox_content .fl-rich-text h4 {
  max-width: 100%;
}

.is-form-style,
#toolbox_content table,
#toolbox_content .fl-accordion-item,
.toolbox_txt .fl-accordion-content p,
#roadbox-akkordeon-inhaltsverzeichnis .fl-accordion-item,
#roadbox-akkordeon-inhaltsverzeichnis .fl-accordion-content p,
.toolbox_txt .fl-rich-text p,
.toolbox_txt .fl-rich-text ol,
.toolbox_txt .fl-rich-text ul,
#toolbox_content .fl-rich-text p,
#toolbox_content .fl-rich-text ul,
#toolbox_content .fl-rich-text ol,
.toolbox_txt .fl-rich-text h2,
.toolbox_txt .fl-rich-text h3,
.toolbox_txt .fl-rich-text h4,
#toolbox_content .fl-rich-text h2,
#toolbox_content .fl-rich-text h3,
#toolbox_content .fl-rich-text h4 {
  max-width: 700px;
}

#toolbox_content .fl-accordion-item,
#roadbox-akkordeon-inhaltsverzeichnis .fl-accordion-item {
  border: 3px solid #004F71;
}

#toolbox_content table td {
  border: 1px solid #004F71;
  padding: 5px;
}

#toolbox_content table {
  border-collapse: collapse;
}

#toolbox_content h2,
.toolbox_txt h2 {
  padding-bottom: 10px;
  border-bottom: 3px solid #004F71;
  max-width: 700px;
}

.roadbox_pdf_download .fl-col-content {
  padding: 0 30px;
}

.roadbox_pdf_download .fl-col-content p {
  height: 0;
  margin: 0;
}

#chapter_name {
  display: none;
}

.pdfprnt-buttons {
  display: flex;
  justify-content: flex-end;
}

.roadbox_pdf_download .fl-col-content .pdfprnt-buttons a {
  display: table;
  background: #004F71;
  color: white;
  margin-left: 20px;
  padding: 5px 10px;
  margin-top: 20px;
  text-align: right;
}

.roadbox_pdf_download .fl-col-content .pdfprnt-buttons .pdfprnt-button img {
  max-width: 40px;
  height: auto;
}

#progress_bar {
  position: sticky;
  top: 140px;
  max-width: 460px;
}

.font-medium #progress_bar {
  top: 90px;
}

#toggle_progressbar_mobile,
#progressbar_mobile,
#toggle_progressbar_mobile {
  display: none;
}

#toggle_progressbar_mobile {
  display: block;
  position: fixed;
  top: 35vh;
  left: 0;
  width: auto;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  border-top: 3px solid #004F71;
  border-bottom: 3px solid #004F71;
  border-right: 3px solid #004F71;
  background: white;
  padding: 5px 2px;
  font-size: 1.25rem;
  margin-left: -100px;
  transition: all 0.2s;
}

#progressbar_mobile .big_font {
  display: table;
}

#progressbar_mobile {
  display: block;
  position: fixed;
  margin-left: -150vw;
  z-index: 30;
  background: white;
  transition: margin-left 0.2s;
  width: 100vw;
  _height: 100vw;
}

#progressbar_mobile.show {
  position: fixed;
  top: 160px;
  left: 0;
  bottom: 0;
  right: 0;
  margin-left: 0vw;
  padding: 50px 20px;
  transition: margin-left 0.2s;
}

#progressbar_mobile.show #progress_bar_inner {
  height: 60vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

#progress_bar_mobile_close {
  _display: none;
}

#progressbar_mobile.show #progress_bar_mobile_close {
  display: block;
  position: absolute;
  top: 50px;
  right: 20px;
  width: 30px;
  height: 30px;
  background: url("img/close.svg") center center no-repeat;
  background-size: contain;
  z-index: 31;
}

#toggle_progressbar_mobile.show {
  margin-left: 0;
}

#progress_bar_inner {
  max-height: 50vh;
  overflow: auto;
  _padding: 15px;
  border: 3px solid #004F71;
}

#progress_bar_inner::-webkit-scrollbar {
  _display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#progress_bar_inner {
  _-ms-overflow-style: none; /* IE and Edge */
  _scrollbar-width: none; /* Firefox */
}

#progress_bar_inner ul {
  padding-left: 0;
}

#progress_bar p.big_font {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 20px;
}

#progress_bar_inner a {
  text-decoration: none;
}

#progress_bar_inner a.scroll_to_link.link_h2 {
  _margin: 20px 0;
  font-weight: 700;
  padding-left: 20px;
  padding-right: 20px;
  border-top: 1px solid #004f71;
}

#progress_bar_inner a.scroll_to_link {
  padding-bottom: 8px;
  padding-top: 5px;
  transition: border 0.2s;
  border-left: 5px solid #fff;
}

#progress_bar_inner a.scroll_to_link.highlight,
#progress_bar_inner a.scroll_to_link:hover {
  border-left: 5px solid #004f71;
}

#progress_bar_inner a.scroll_to_link,
#progress_bar_inner a.scroll_to_link.h3 {
  display: block;
  text-decoration: none;
  transition: all 0.2s;
}

#progress_bar_inner a.scroll_to_link.h3 {
  padding-left: 40px;
  margin-top: 10px;
}

#progress_bar_inner a.scroll_to_link:hover,
#progress_bar_inner a.scroll_to_link.h3:hover,
#progress_bar_inner a.scroll_to_link.highlight {
  _font-weight: 700;
  text-decoration: none;
}

#progress_bar_inner a.link_h3 {
  padding-left: 40px;
  padding-right: 20px;
}

#progress_bar_inner a.link_accBtn {
  padding-left: 40px;
  font-size: 0.85rem;
}

.toolbox_txt.toolbox_txt_weiterfuehrendes .fl-col-content {
  background: #ededed;
}

.toolbox_txt.toolbox_txt_weiterfuehrendes .fl-col-content .fl-module-bb-formlos-download,
.toolbox_txt.toolbox_txt_weiterfuehrendes .fl-col-content .fl-module-bb-formlos-button {
  display: inline-block;
  width: calc(50% - 20px);
}

.text_highlight {
  position: relative;
}

.text_highlight::before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 7px;
  margin-left: -30px;
  width: 30px;
  height: 30px;
  background-image: url("img/highlight_arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  z-index: 2;
  animation: fade_out 3s ease-in-out;
}

.fl-accordion-item {
  overflow: visible !important;
}

@keyframes fade_out {
  0% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.kacheln.kacheln-3.toolbox_kacheln, .kacheln.kacheln-4.toolbox_kacheln, .faq.toolbox_kacheln {
  margin-bottom: 0px;
}

#toggleMenu {
  position: fixed;
  top: 80px;
  background: #004F71;
  color: white;
  padding: 5px 20px;
  font-size: 1.5rem;
  z-index: 200;
  width: 30%;
  max-width: 460px;
}

.easy-footnote-title {
  padding-left: 50px;
}

.easy-footnotes-wrapper {
  padding: 0 50px 50px 70px;
}

.easy-footnote {
  margin: 0 5px 0 3px;
  line-height: 1;
}

.easy-footnote sup {
  font-weight: 700;
  _color: #E35205;
}

.easy-footnote-single {
  word-break: break-all;
}

.fl-embed-video iframe {
  max-width: 100%;
  width: 100%;
  height: 400px;
}

/****Buddypress****/
#buddypress {
  max-width: 1100px;
  margin: 0 auto;
}

/** Informationsmaterialien Modul**/
.infomaterial_kategorien .kategorien_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.infomaterial_kategorien .kategorien_container a {
  display: block;
  width: calc(25% - 12px);
  margin-bottom: 16px;
  text-decoration: none;
  background: #0077C8;
  justify-content: stretch;
  transition: all 0.2s;
  min-height: 350px;
}
.infomaterial_kategorien .kategorien_container a article {
  height: 100%;
}
.infomaterial_kategorien .kategorien_container a article div {
  height: 50%;
  display: flex;
  justify-content: center;
  padding: 20px;
}
.infomaterial_kategorien .kategorien_container a article div.infomaterial_icon {
  display: flex;
  align-items: center;
}
.infomaterial_kategorien .kategorien_container a article img {
  max-width: 120px;
  max-height: 80px;
  display: block;
  height: auto;
}
.infomaterial_kategorien .kategorien_container a article h3 {
  color: white;
  text-align: center;
  margin-bottom: 0;
  font-weight: 300;
  font-size: 1.75rem;
}
.infomaterial_kategorien .kategorien_container a:hover {
  background: #E35205;
}
.infomaterial-template-default .bg_image .fl-col-content {
  background-size: 70% auto;
}

.spezial_disclaimer .fl-rich-text {
  padding: 20px;
  background: #ffe18e;
  border: 6px dashed #ecbe3e;
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 1645px) {
  nav#main-nav ul li a {
    padding: 20px 10px;
  }
}
@media (max-width: 1640px) {
  .page-template-toolbox-page-ohne-inhaltsverzeichnis #main,
  .page-template-toolbox-page #main {
    padding: 0 20px;
  }
}
@media (max-width: 1600px) {
  #header_main_site_title > a {
    font-size: 2rem;
  }
}
@media (max-width: 1355px) {
  #toggleMenu {
    top: 104px;
  }
  #progress_bar {
    top: 170px;
  }
  .font-medium #toggleMenu,
  .font-big #toggleMenu {
    top: 0;
  }
  .font-medium #toolbox_sidebar .menu-toolbox-navigation-container.fixed {
    top: 110px;
  }
  .font-big #toolbox_sidebar .menu-toolbox-navigation-container.fixed {
    top: 140px;
  }
  #toolbox_sidebar .menu-toolbox-navigation-container {
    background: #004F71;
    padding: 20px 20px 20px 0;
    position: relative;
    width: 100%;
    max-width: 420px;
    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
    max-height: 100%;
    margin-bottom: 2rem;
  }
  #toolbox_sidebar .menu-toolbox-navigation-container.fixed {
    top: 151px;
  }
  .fl-embed-video iframe {
    height: 300px;
  }
  #ukraine_faq .farbe-1 .fl-accordion-button,
  #ukraine_faq .farbe-2 .fl-accordion-button,
  #ukraine_faq .farbe-3 .fl-accordion-button,
  #ukraine_faq .farbe-4 .fl-accordion-button {
    font-size: 1.5rem;
  }
  #ukraine_faq .fl-col .fl-col-content {
    padding: 30px 0px;
  }
}
@media (max-width: 1310px) {
  nav#main-nav > div > ul > li > a {
    font-size: 1.25rem;
  }
  nav#main-nav ul {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  nav#main-nav > div > ul > li {
    width: 25%;
  }
  nav#main-nav ul li a {
    padding: 20px 10px !important;
  }
  #header_main_site_title > a {
    padding: 48px 20px !important;
  }
  nav#main-nav ul.sub-menu li a {
    padding: 10px 10px !important;
  }
  nav#main-nav ul li:hover > .sub-menu li a, nav#main-nav ul li:focus > .sub-menu li a {
    white-space: break-spaces;
  }
  nav#main-nav ul li:hover > ul.sub-menu, nav#main-nav ul li a:focus ~ ul.sub-menu, nav#main-nav ul li:focus-within ul.sub-menu {
    right: 0;
  }
}
@media (max-width: 1120px) {
  .infomaterial_kategorien .kategorien_container {
    justify-content: normal;
  }
  .infomaterial_kategorien .kategorien_container a {
    width: calc(33.33% - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1110px) {
  nav#main-nav > div > ul > li > a {
    font-size: 1.15rem;
  }
  #toolbox_sidebar #menu-toolbox-navigation li,
  #toggleMenu,
  #header_main_site_title > a {
    font-size: 1.25rem;
  }
}
@media (max-width: 1050px) {
  nav#main-nav > div > ul > li > a {
    font-size: 1.05rem;
  }
  #ukraine_faq .fl-col {
    float: none !important;
    width: 100%;
  }
  #ukraine_faq .fl-col .fl-col-content {
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .font-medium #toolbox_sidebar .menu-toolbox-navigation-container.fixed,
  .font-big #toolbox_sidebar .menu-toolbox-navigation-container.fixed {
    top: 60px;
  }
  .page-template-toolbox-page #main {
    display: block;
    padding-top: 60px;
  }
  #toolbox_sidebar,
  #toolbox_content {
    width: 100%;
    padding: 0;
  }
  #progress_bar,
  #toolbox_sidebar .menu-toolbox-navigation-container {
    max-width: 100%;
    padding: 20px;
  }
  #toggleMenu {
    display: block;
    width: 100%;
    max-width: 100%;
    left: 0;
    text-align: center;
    top: 236px;
    transition: all 0.5s;
    font-size: 1.5rem;
  }
  .fixed_header #toggleMenu {
    top: 103px;
  }
  #toggleMenu.menu_open {
    display: block;
    width: 100%;
    left: 0;
    text-align: center;
    top: 0px;
    background: #E35205;
  }
  #toolbox_sidebar .menu-toolbox-navigation-container form {
    margin: 20px auto;
  }
  #toolbox_sidebar .menu-toolbox-navigation-container.open {
    top: 40px;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 230;
    width: 100%;
  }
  #toolbox_sidebar .menu-toolbox-navigation-container {
    position: fixed;
    z-index: 230;
    overflow: auto;
    display: none;
  }
  .roadbox_menu_open {
    overflow: hidden;
  }
  #progress_bar {
    position: relative;
    top: 0;
  }
  #progress_bar_inner {
    height: 45vh;
  }
}
@media (max-width: 960px) {
  #toggleMenu {
    top: 200px;
  }
  .infomaterial_kategorien .kategorien_container a {
    width: calc(50% - 20px);
  }
}
@media (max-width: 810px) {
  #main .roadbox_logo img {
    max-width: 300px;
    margin: 0 auto;
  }
}
@media (max-width: 640px) {
  #toggleMenu {
    top: 152px;
  }
  #toggle_progressbar_mobile {
    _display: block;
    z-index: 20;
  }
  #chapter_name {
    display: none;
  }
  .infomaterial_kategorien .kategorien_container a {
    width: 100%;
    margin-right: 0;
  }
}
@media (max-width: 400px) {
  #toggleMenu {
    top: 135px;
  }
}/*# sourceMappingURL=style.css.map */