@font-face {
  font-family: 'SourceSansPro';
  src: url(../fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) format('truetype');
}
/* CSS to style Presentation Plugin slides */
#start {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.bricklayer-column-sizer {
  width: 100%;
}
@media screen and (max-width: 900px) {
  #start {
    max-width: 100%;
  }
}
.reveal .slides {
  text-align: left;
}
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  text-transform: unset !important;
}
.header-dark.header-transparent #header:not(.scrolled) {
  background: rgba(255, 255, 255, 0.8);
}
.header-dark #header:not(.scrolled) a {
  color: #454d5d !important;
}
.header-dark #header:not(.scrolled) a.active {
  color: #be2629 !important;
}
.header-dark #header:not(.scrolled) a:hover {
  color: #be2629 !important;
}
.header-dark #header:not(.scrolled) .dropmenu ul li a:hover {
  color: #be2629 !important;
}
.hero.hero-large {
  min-height: 350px;
}
.body-wrapper h1,
.body-wrapper h2,
.body-wrapper h3,
.body-wrapper h4,
.body-wrapper h5,
.body-wrapper h1 a,
.body-wrapper h2 a,
.body-wrapper h3 a,
.body-wrapper h4 a,
.body-wrapper h5 a {
  color: #db0029;
}
.body-wrapper #sidebar .sidebar-content h6 a {
  color: #454d5d;
}
.body-wrapper a.u-url {
  font-size: 0.9rem;
  color: #2c73bf;
}
.body-wrapper time.dt-published {
  font-size: 0.8rem;
  color: #454d5d;
}
.body-wrapper #sidebar .sidebar-content h1 {
  color: #2c73bf;
  margin-top: 0px;
}
.body-wrapper #sidebar h4 {
  color: #2c73bf;
  font-weight: 800;
}
.body-wrapper #sidebar .sidebar-content a,
.body-wrapper #sidebar .sidebar-content p {
  font-size: 0.8rem;
  text-align: left;
  font-weight: 500;
  color: #2c73bf;
}
.btn {
  color: white;
  background: #084c8d;
  border-color: #084c8d;
  transition: transform 0.3s ease;
}
.btn:visited {
  color: white;
}
.btn:hover,
.btn:focus {
  background: #084c8d;
  border-color: #084c8d;
  transform: scale(1.1);
}
.navbar .navbar-section:not(:first-child):last-child {
  -ms-flex-pack: end;
  justify-content: inherit;
}
#header {
  font-size: 0.7rem;
  font-weight: 700;
  width: 100%;
  height: fit-content;
  color: #454d5d;
  border-bottom: 1px solid rgba(172, 179, 194, 0.2);
  background: #fff;
}
#header .navbar-section {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}
.dropmenu ul li a::before {
  box-sizing: inherit;
  color: #be2629;
}
.dropmenu ul li a.active,
.dropmenu ul li a:focus,
.dropmenu ul li a:hover {
  color: #be2629 !important;
}
body.header-fixed.header-animated #header.scrolled {
  height: fit-content;
}
#header a {
  color: #454d5d;
}
.navbar {
  display: -ms-flexbox;
  display: block;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  background: white;
}
.container.grid-lg {
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}
section.section {
  position: inherit;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bg-gray {
  background: #b8b9b9 !important;
}
/*edit footer*/
#footer {
  padding: 1rem 1rem 0;
  text-align: left;
  color: #000;
}
#footer a {
  color: #454d5d;
  /*padding: 0 3rem 0 3rem;*/
  font-size: 0.7rem;
  font-weight: 700;
}
#footer a:hover,
#footer a:visited,
#footer a:active,
#footer a:focus,
#footer a {
  color: #980003;
}
/*
.overlay-dark-gradient .image-overlay {
    /* background: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.2));
}
*/
/*edit Hero*/
#blog-hero {
  padding-top: 250px;
  padding-bottom: 0;
  margin-top: 8rem;
}
#blog-hero h1 {
  text-shadow: none;
}
#blog-hero h2 {
  text-shadow: none;
}
.hero h1,
.hero h2 {
  font-size: 1.25rem;
  padding: 10px;
  max-width: max-content;
}
.hero.text-light h2 {
  color: rgba(255, 255, 255);
  font-weight: normal;
}
.hero h2 {
  background-color: #be2629;
}
.hero h1 {
  background-color: #2c73bf;
  margin-bottom: 5px;
}
/* edit content */
.body-wrapper h1 {
  font-size: 1rem;
}
.body-wrapper h2 {
  font-size: 0.8rem;
}
.body-wrapper h3,
.body-wrapper h4,
.body-wrapper h5 {
  font-size: 0.8rem;
  color: #2c73bf;
}
.body-wrapper h3,
.body-wrapper h4,
.body-wrapper h5 .sidebar-content {
  color: #2c73bf;
}
.body-wrapper h3 {
  font-size: 0.9rem;
}
.body-wrapper h4 {
  font-size: 0.7rem;
}
.body-wrapper p {
  text-align: left;
  color: #333;
}
.extra-spacing:not(.col-12),
:not(.col12) > .e-content {
  padding-right: 3rem;
}
.modular-text h1 {
  margin-top: 0px;
}
.modular-text img {
  max-width: 150px;
  width: max-content;
  height: auto;
}
/*Column Modular*/
div.column.col-md-4.column {
  max-width: max-content;
}
section.section.modular-text {
  padding-left: 0;
}
/* other */
body {
  font-family: 'SourceSansPro';
}
/**/
/* In Webseite enthaltenes Stil-Dokument #13 | https://iks.greenscale.it/anmeldung-als-kindertagespflegeperson */
.form-input-wrapper.small {
  width: 36%;
  display: inline-block;
}
.form-field.form-group {
  width: max-content;
  display: block;
}
.form-input-wrapper.small {
  width: 39vw;
}
.form-input-wrapper {
  max-width: 100%;
}
.form-field.form-group {
  margin-right: 1vw;
  max-width: 100%;
}
.form-input,
.form-input-wrapper.dropzone.files-upload.form-input-file.dz-clickable {
  width: 1200px;
}
.radio {
  width: 80vw;
  max-width: 100%;
}
.switch-toggle input:checked + label {
  background: #2c73bf;
}
@media screen and (max-width: 600px) {
  .form-input-wrapper.small {
    width: 79vw;
  }
}
#start a,
#start a:visited,
.ui-widget-content a,
.ui-widget-content a:visited
:not (.btn) {
  color: #00F !important;
}
.btn {
  background-color: #2c73bf;
}
.video_box {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  overflow: hidden;
  background-color: #eff5ff;
  padding: 10px;
}
.video_box > video {
  width: 100%;
  margin: 1em 0;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: #2c73bf !important;
  border-color: #2c73bf !important;
}
.ui-accordion-content img {
  max-width: 200px;
  width: auto;
  height: auto;
}
.section.blog-listing img.float-left,
.ui-accordion-content img.float-left {
  margin-right: 1.2em;
}
.accordion .content a {
  color: #2c73bf;
  text-decoration: underline;
}
img {
  width: auto;
  height: auto;
}
.iks_search {
  display: flex;
  flex-flow: row nowrap;
}
.iks_search i {
  color: white;
  background: #db0029;
  padding: 0.5em;
  width: 5%;
  text-align: center;
}
.iks_search_input {
  width: 80%;
  flex-grow: 1;
}
.iks_search_item {
  border-bottom: rgba(0, 0, 0, 0.2) 2px solid;
}
.iks_search_item.hidden {
  display: none;
}
.iks_search_item .split {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  align-content: flex-start;
}
.iks_search_item .split .content {
  flex-basis: 67%;
  flex-grow: 1;
  flex-shrink: 0;
}
.iks_search_item .split .image {
  flex-basis: 300px;
  flex-shrink: 1;
  flex-grow: 1;
}
.iks_search_item .tableish {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  align-items: start;
}
.iks_search_item table {
  color: #333;
  margin-bottom: 1rem;
  border-collapse: collapse;
}
.iks_search_item td,
.iks_search_item th {
  padding: .2em .5em .2em 0;
  vertical-align: top;
}
.iks_search_item tr + tr td,
.iks_search_item tr + tr th {
  border-top: 1px solid #ddd;
}
.iks_search_item th {
  width: 30%;
  text-align: left;
}
.iks_search_item th:after {
  content: ": ";
}
.iks_search_item table.medium th {
  width: 50%;
}

.section.blog-listing .blicklayer {
  padding: 1em;
  margin-bottom: 5em;
  border-bottom: 2px solid rgba(0, 0, 0, 0.13);
}
.body-wrapper .container.grid-lg.vvd_flyer {
  padding-top: 0;
  padding-bottom: 0;
}
.section.modular-text {
  padding: 0 0 2rem 0;
}
@media screen and (max-width: 900px) {
  .iks_search_item .tableish {
    flex-flow: column nowrap;
    align-items: flex-start;
  }
  .iks_search_item .split {
    flex-flow: column-reverse;
  }
  .iks_search_item .split .image {
    flex-basis: 0;
  }
  .tui_calendar {
    overflow: auto;
  }
  .tui_calendar > div {
    width: 150vw;
  }
}
.modular-text .columns.left {
  flex-direction: row;
}
.modular-text .columns.right {
  flex-direction: row-reverse;
}
@media screen and (min-width: 839px) {
  .placeholder .emptyness {
    width: 150px;
    max-width: 150px;
    max-height: 201px;
  }
}
#header .logo img {
  height: 73px;
  margin-top: 10px;
}
.colum video {
  max-width: 100%;
}