/*
Theme Name: Hope City

Theme URI: http://hopecity-muenchen.de
Version: 1.00
Author: Erik Pabst, Famethemes
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onepress
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce, blog, portfolio

Theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
 /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0  Reset
2.0  Document
3.0  Layout
4.0  Structure
5.0  Contents
6.0  Elements
7.0  Widgets
8.0  Sections
9.0  External Plugins

--------------------------------------------------------------*/
 /*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
 /* Reset already include in bootstrap */
 /*--------------------------------------------------------------
2.0 Document Setup
--------------------------------------------------------------*/
 @font-face {
   font-family: 'Noticia Text';
   src: url('fonts/NoticiaText-Regular.woff2') format('woff2'), url('fonts/NoticiaText-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
   font-family: 'Noticia Text';
   src: url('fonts/NoticiaText-Italic.woff2') format('woff2'), url('fonts/NoticiaText-Italic.woff') format('woff');
   font-weight: normal;
   font-style: italic;
 }
 @font-face {
   font-family: 'Noticia Text';
   src: url('fonts/NoticiaText-BoldItalic.woff2') format('woff2'), url('fonts/NoticiaText-BoldItalic.woff') format('woff');
   font-weight: bold;
   font-style: italic;
 }
 @font-face {
   font-family: 'Rubik';
   src: url('fonts/Rubik-Regular.woff2') format('woff2'), url('fonts/Rubik-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
   font-family: 'Rubik';
   src: url('fonts/Rubik-Medium.woff2') format('woff2'), url('fonts/Rubik-Medium.woff') format('woff');
   font-weight: 500;
   font-style: normal;
 }
 /*------------------------------
	2.1 Typography
------------------------------*/
 html, body {
   margin: 0;
   padding: 0;
   height: 100%;
 }
 html {
   box-sizing: border-box;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-size: 16px;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
 }
 @media (max-width: 991px) {
   html {
     font-size: 15px;
   }
 }
 @media (max-width: 767px) {
   html {
     font-size: 14px;
   }
 }
 body {
   background: #1B2A48;
   height: 100%;
 }
 .site {
   background: #FFFFFF;
   position: relative;
   overflow: hidden;
 }
 body, button, input, select, textarea {
   font-family: "Noticia Text", Helvetica, Arial, sans-serif;
   font-size: 15px;
   line-height: 1.8;
   color: #000;
 }
 :target::before {
  content: "";
  display: block;
  height: 3em; /* fixed header height*/
  margin: -3em 0 0; /* negative fixed header height */
}
 pre, code, input, textarea {
   font: inherit;
 }
 ::-moz-selection {
   background: #000000;
   color: #FFFFFF;
 }
 ::selection {
   background: #E3A430;
   color: #FFFFFF;
 }
 ::marker {
   color: #E3A430;
   font-weight: bold;
   font-family: "Rubik", Helvetica, Arial, sans-serif;
 }
 :required {
   box-shadow: none;
   border: none;
 }
 /*------------------------------
	2.2 Links
------------------------------*/
 a {
   color: #03c4eb;
   text-decoration: none;
   outline: none;
 }
 a:hover {
   text-decoration: none;
   color: #E3A430;
   text-decoration: underline;
 }
 a:active, a:focus, a:hover {
   outline: none;
 }
 /*------------------------------
	2.3 Heading
------------------------------*/
 h1, h2, h3, h4, h5, h6 {
   clear: both;
   font-weight: 600;
   margin-bottom: 1rem;
   margin-top: 0;
   color: #000;
 }
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
   color: #000;
   text-decoration: none;
 }
 h1 {
 font-family: "Rubik", Helvetica, Arial, sans-serif;
   line-height: 1.3;
   font-size: 33px;
   font-size: 2.0625rem;
 }
 @media (min-width: 768px) {
   h1 {
     font-size: 40px;
     font-size: 2.5rem;
   }
 }
 h1 span {
   font-weight: bold;
 }
 h2 {
   line-height: 1.2;
   font-size: 33px;
 }
 h3 {
   font-size: 20px;
   font-size: 1.25rem;
   font-weight: 600;
 }
 h4 {
   font-size: 17px;
   font-size: 1.0625rem;
   margin-bottom: 12px;
 }
 h5 {
   text-transform: uppercase;
   font-size: 15px;
   font-size: 0.9375rem;
   font-weight: 700;
 }
 h6 {
   font-weight: 700;
   text-transform: uppercase;
   font-size: 12px;
   font-size: 0.75rem;
   letter-spacing: 1px;
 }
 /*------------------------------
	2.4 Base
------------------------------*/
 ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {
   margin-bottom: 15px;
   margin-bottom: 1.1rem;
   margin-top: 0;
 }
 /*------------------------------
	2.5 Content
------------------------------*/
 img {
   height: auto;
   max-width: 100%;
   vertical-align: middle;
 }
 iframe {
   display: block;
   max-width: 100%;
   background: #B5DCDF;
 }
 .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 b, strong {
   font-weight: bold;
 }
 blockquote {
   clear: both;
   margin: 70px 20px 20px 20px;
 }
 blockquote p {
   font-style: italic;
 }
 blockquote cite {
   font-style: normal;
   font-size: 13px;
 }
 dfn, cite, em, i {
   font-style: italic;
 }
 figure {
   margin: 0;
 }
 address {
   margin: 20px 0;
 }
 hr {
   border: 0;
   border-top: 1px solid #e9e9e9;
   height: 1px;
   margin-bottom: 20px;
 }
 tt, kbd, pre, code, samp, var {
   font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
   background-color: #e9e9e9;
   padding: 5px 7px;
   border-radius: 2px;
 }
 pre {
   overflow: auto;
   white-space: pre-wrap;
   max-width: 100%;
   line-height: 1.7;
   margin: 20px 0;
   padding: 20px;
 }
 details summary {
   font-weight: bold;
   margin-bottom: 20px;
 }
 details :focus {
   outline: none;
 }
 abbr, acronym, dfn {
   cursor: help;
   font-size: .95em;
   text-transform: uppercase;
   border-bottom: 1px dotted #e9e9e9;
   letter-spacing: 1px;
 }
 mark {
   background-color: #fff9c0;
   text-decoration: none;
 }
 small {
   font-size: 82%;
 }
 big {
   font-size: 125%;
 }
 ul, ol {
   padding-left: 0px;
 }
 ul {
   list-style: disc;
 }
 ul.arrow-list {
   list-style: none;
 }
 .entry-content ul.arrow-list li:before {
   content: '\e095';
   font-family: 'lg';
   background: #E3A430;
   border-radius: 100%;
   color: white;
   width: 30px;
   height: 30px;
   text-align: center;
   margin-right: 20px;
   position: absolute;
   margin-left: -50px;
   line-height: 1.6;
   font-size: 1.4em;
 }
 ol {
   list-style: none;
   counter-reset: item;
 }
 ol > li {
   counter-increment: item;
   margin-bottom: 5px;
 }
 ol > li:before {
   content: counter(item);
   border: 1px solid #E3A430;
   border-radius: 100%;
   color: #E3A430;
   width: 30px;
   height: 30px;
   text-align: center;
   margin-right: 20px;
   position: absolute;
   margin-left: -50px;
   line-height: 2;
   font-family: "Rubik", Helvetica, Arial, sans-serif;
 }
 ul li, ol li {
   margin: 8px 0;
 }
 dt {
   font-weight: bold;
 }
 dd {
   margin: 0 20px 20px;
 }
 /*------------------------------
	2.6 Table
------------------------------*/
 table {
   width: 100%;
   margin-bottom: 20px;
   border: 1px solid #e9e9e9;
   border-collapse: collapse;
   border-spacing: 0;
 }
 table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
   border: 1px solid #e9e9e9;
   line-height: 1.42857;
   padding: 5px;
   vertical-align: middle;
 }
 table > thead > tr > th, table > thead > tr > td {
   border-bottom-width: 2px;
 }
 table th {
   font-size: 14px;
   letter-spacing: 2px;
   text-transform: uppercase;
 }
 /*------------------------------
	2.7 Form
------------------------------*/
 fieldset {
   padding: 20px;
   border: 1px solid #22355C;
 }
 input[type="reset"], input[type="submit"], input[type="submit"], .pirate-forms-submit-button, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit {
   cursor: pointer;
   background: #03c4eb;
   border: none;
   display: inline-block;
   color: #FFFFFF;
   letter-spacing: 1px;
   line-height: 13px;
   text-align: center;
   padding: 20px;
   border-radius: 4px;
   margin: 3px 0;
   text-decoration: none;
   font-weight: 500;
   font-size: 15px;
   transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
 }
 input[type="reset"]:hover, input[type="submit"]:hover, input[type="submit"]:hover, .pirate-forms-submit-button:hover, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit:hover {
   background: #03c4eb;
   border: none;
 }
 input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus {
   cursor: pointer;
 }
 textarea {
   resize: vertical;
 }
 select {
   max-width: 100%;
   overflow: auto;
   vertical-align: top;
   outline: none;
   border: 1px solid #22355C;
   padding: 10px;
 }
 textarea:not(.editor-post-title__input), input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
   padding: 15px;
   max-width: 100%;
   font-size: 15px;
   font-weight: normal;
   line-height: 1.2;
   background: #fff;
   border: 2px solid #E3A430;
   color: #22355C;
   border-radius: 4px;
   transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
 }
 textarea:not(.editor-post-title__input):focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus {
   background: #fff;
   color: #000;
   border: 2px solid #22355C;
   outline: none;
 }
 button::-moz-focus-inner {
   border: 0;
   padding: 0;
 }
 input[type="radio"], input[type="checkbox"] {
   margin: 0 10px;
 }
 /**/
 #content-inside {
   padding: 0 25px;
 }
 .form-group {
   margin-bottom: 1.9rem;
 }
 /*------------------------------
	2.8 Accessibility
------------------------------*/
 /* Text meant only for screen readers */
 .screen-reader-text {
   clip: rect(1px, 1px, 1px, 1px);
   position: absolute !important;
 }
 .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
   background-color: #f8f9f9;
   border-radius: 3px;
   clip: auto !important;
   color: #03c4eb;
   display: block;
   height: auto;
   left: 5px;
   line-height: normal;
   padding: 17px;
   text-decoration: none;
   top: 5px;
   width: auto;
   z-index: 100000;
   /* Above WP toolbar */
 }
 /*------------------------------
	2.8 Accessibility
------------------------------*/
 /*------------------------------
	2.9 Alignments
------------------------------*/
 .alignleft {
   display: inline;
   float: left;
   margin-right: 3.5em;
 }
 .alignright {
   display: inline;
   float: right;
   margin-left: 3.5em;
 }
 .aligncenter {
   clear: both;
   display: block;
   margin-left: auto;
   margin-right: auto;
 }
 /*------------------------------
	3.0 Clearings
------------------------------*/
 .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
   content: "";
   display: table;
   clear: both;
 }
 .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
   clear: both;
 }
 /*------------------------------
	3.1 Infinite Scroll
------------------------------*/
 /* Globally hidden elements when Infinite Scroll is supported and in use. */
 .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
   /* Theme Footer (when set to scrolling) */
   display: none;
 }
 /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
 .infinity-end.neverending .site-footer {
   display: block;
 }
 /*Post NAV*/
 .navigation.posts-navigation {
   width: 100%;
   text-align: center;
 }
 /*------------------------------
	3.1 Helper.
------------------------------*/
 .hide {
   display: none;
 }
 .clearleft {
   clear: left;
 }
 .break, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, pre {
   word-break: break-word;
   word-wrap: break-word;
 }
 body.mce-content-body {
   margin: 20px 40px;
   font-size: 13px;
 }
 /* Cookie Hinweis*/
 #cookie-info {
   position: fixed;
   bottom: 15px;
   left: 15px;
   right: 15px;
   background: #fff;
   padding: 25px;
   font-size: 14px;
   font-family: verdana;
   z-index: 999999999;
   max-width: 400px;
   border-radius: 4px;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
   color: #22355C;
 }
 #cookie-info a {
   cursor: pointer;
   margin-right: 10px;
   margin-bottom: 0;
 }
 #cookie-info p.cookiemessage {
   display: block;
   padding: 0;
 }
 #cookie-info a.btn {
   width: 50%;
   margin: 0;
   color: #fff;
 }
 #cookie-info a.btn:hover {
   width: 50%;
   margin: 0;
   color: #E3A430 !important;
   border-color: #E3A430 !important;
   background: #fff !important;
 }
 #cookie-info a.btn.mehr {
   width: calc(50% - 10px);
   float: left;
   background: #E3A430;
   border: 2px solid #E3A430;
 }
 #cookie-info a.btn.ok {
   float: right;
   background: #22355C;
   color: #fff;
   border: 2px solid #22355C;
 }
 /*BLOCKS*/
 /*--------------------------------------------------------------
Grids
--------------------------------------------------------------*/
 div[class^="grids-a-"] {
   padding: 15px !important;
 }
 /*--------------------------------------------------------------
3.0 Layout
--------------------------------------------------------------*/
 #primary {
   padding-bottom: 40px;
   padding-top: 40px;
 }
 #no-top {
   margin-top: 0 !important;
 }
 .readwrap {
   margin-bottom: 30px;
 }
 .readwrap img {}
 .page-template-template-frontpage .bg-lg {
   margin: 0 auto;
 }
 .template-fullwidth-stretched #primary, .siteorigin-panels #primary {
   padding: 0;
 }
 .template-fullwidth-stretched .entry-content, .siteorigin-panels .entry-content {
   margin-bottom: 0px;
 }
 #secondary {
   padding-bottom: 40px;
   padding-top: 0;
 }
 @media screen and (min-width: 940px) {
   #secondary {
     padding-top: 40px;
   }
 }
 .content-area {
   width: 100%;
   float: none;
 }
 @media screen and (min-width: 940px) {
   .content-area {
     float: left;
   }
 }
 .sidebar {
   width: 100%;
   float: none;
 }
 @media screen and (min-width: 940px) {
   .sidebar {
     width: 25.2252252252%;
     float: left;
   }
 }
 .left-sidebar .site-main {
   margin-left: auto;
 }
 .no-sidebar .content-area {
   width: 100%;
 }
 .single-post .no-sidebar .site-main, .single-post .no-sidebar .entry-content > * {
   margin-left: auto;
   margin-right: auto;
 }
 @media screen and (min-width: 940px) {
   .left-sidebar .content-area {
     float: right;
     padding-left: 39px;
     border-left: 1px solid #e9e9e9;
     margin-right: 1px;
     width: 74.7747747748%;
   }
   .left-sidebar .sidebar {
     padding-right: 39px;
     border-right: 1px solid #e9e9e9;
     margin-right: -1px;
   }
   .right-sidebar .content-area {
     padding-right: 39px;
     border-right: 1px solid #e9e9e9;
     width: 74.7747747748%;
   }
   .right-sidebar .sidebar {
     padding-left: 39px;
     border-left: 1px solid #e9e9e9;
     margin-left: -1px;
   }
 }
 /* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
 .timeline {
   background: url("assets/images/hc_full-logo-bg.svg") no-repeat center center fixed;
   -webkit-background-size: 400px auto;
   -moz-background-size: 400px auto;
   -o-background-size: 400px auto;
   background-size: 400px auto;
   -webkit-box-shadow: inset 0px 0px 35px 36px rgba(255, 255, 255, 1);
   -moz-box-shadow: inset 0px 0px 35px 36px rgba(255, 255, 255, 1);
   box-shadow: inset 0px 0px 35px 36px rgba(255, 255, 255, 1);
 }
 .timeline ul {
   margin-top: -50px !important;
 }
 .timeline ul li {
   list-style-type: none;
   position: relative;
   width: 2px;
   margin: 0 auto;
   padding-top: 50px;
   background: #E3A430;
   padding-left: 0;
 }
 .timeline ul li::after {
   content: '';
   position: absolute;
   left: 50%;
   bottom: 18px;
   transform: translateX(-50%);
   width: 30px;
   height: 30px;
   border-radius: 50%;
   background: inherit;
 }
 .timeline ul li div {
   position: relative;
   bottom: 0;
   width: 400px;
   padding: 15px;
   background: #22355C;
   color: #fff;
   border-radius: 4px;
 }
 .timeline ul li div::before {
   content: '';
   position: absolute;
   bottom: 20px;
   width: 0;
   height: 0;
   border-style: solid;
 }
 .timeline ul li:nth-child(odd) div {
   left: 45px;
 }
 .timeline ul li:nth-child(odd) div::before {
   left: -14px;
   border-width: 15px 15px 15px 0;
   border-color: transparent #22355C transparent transparent;
 }
 .timeline ul li:nth-child(even) div {
   left: -439px;
 }
 .timeline ul li:nth-child(even) div::before {
   right: -14px;
   border-width: 15px 0 15px 15px;
   border-color: transparent transparent transparent #22355C;
 }
 time {
   display: block;
   font-size: 1.2rem;
   font-weight: bold;
   margin-bottom: 8px;
 }
 /* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
 .timeline ul li::after {
   transition: background .5s ease-in-out;
 }
 .timeline ul li.in-view::after {
   background: #E3A430;
 }
 .timeline ul li div {
   visibility: hidden;
   opacity: 0;
   transition: all .5s ease-in-out;
 }
 .timeline ul li:nth-child(odd) div {
   transform: translate3d(200px, 0, 0);
 }
 .timeline ul li:nth-child(even) div {
   transform: translate3d(-200px, 0, 0);
 }
 .timeline ul li.in-view div {
   transform: none;
   visibility: visible;
   opacity: 1;
 }
 /* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
 @media screen and (max-width: 900px) {
   .timeline ul li div {
     width: 250px;
   }
   .timeline ul li:nth-child(even) div {
     left: -289px;
     /*250+45-6*/
   }
   .timeline {
     background: url("assets/images/hc_full-logo-bg.svg") no-repeat center center fixed;
     -webkit-background-size: 200px auto;
     -moz-background-size: 200px auto;
     -o-background-size: 200px auto;
     background-size: 200px auto;
   }
 }
 @media screen and (max-width: 600px) {
   .timeline ul {
     margin-top: 0px !important;
   }
   .timeline ul li {
     margin-left: 20px;
     padding-top: 0px;
     padding-bottom: 40px;
   }
   .timeline ul li div {
     width: calc(100vw - 91px);
   }
   .timeline ul li:nth-child(even) div, .timeline ul li:nth-child(odd) div {
     left: 35px;
   }
   .timeline ul li:nth-child(even) div::before {
     left: -14px;
     border-width: 15px 15px 15px 0;
     border-color: transparent #22355C transparent transparent;
   }
   .timeline {
     margin-left: -25px !important;
   }
   .timeline ul li::after {
     width: 20px;
     height: 20px;
     bottom: 63px;
   }
 }
 /**
Footer widgets
 */
 .footer-widgets {
   background: #22355C;
 }
 .footer-widgets.section-padding {
   padding: 70px 0px 35px;
   padding: 4.375rem 0px 2.1875rem;
 }
 .footer-widgets table {
   border-collapse: collapse;
 }
 .footer-widgets table > thead > tr > th, .footer-widgets table > thead > tr > td {
   border-width: 1px;
 }
 .footer-widgets table th, .footer-widgets table td {
   border-color: rgba(233, 233, 233, 0.4);
 }
 #colophon .widget-title {
   color: #ffffff;
   text-align: center;
 }
 .footer-widgets .widget-area .widget_categories li, .footer-widgets .widget-area .widget_archive li, .footer-widgets .widget-area .widget_meta li {
   width: 100% !important;
   float: none;
 }
 .footer-widgets .widget_recent_entries ul li, .footer-widgets .widget_recent_comments ul li {
   border-bottom: 0px none;
   padding: 5px 0px;
   margin-bottom: 0px;
 }
 .footer-widgets .sidebar .widget {
   margin-bottom: 50px;
 }
 .footer-widgets .btn {
   border: 1px solid #B5DCDF;
   color: #fff !important;
   text-transform: normal;
 }
 .footer-widgets .btn:hover {
   background: #B5DCDF;
   color: #22355C !important;
   text-decoration: none !important;
 }
 /*--------------------------------------------------------------
4.0 Structure
--------------------------------------------------------------*/
 /* Header
------------------------------*/
 .site-header {
   line-height: 75px;
   position: relative;
   width: 100%;
   z-index: 1000;
   -webkit-transition: all 1s ease-out;
   /* Safari */
   -webkit-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
 }
 .site-header.header-fixed {
   top: 0px;
   left: 0px;
   position: fixed;
   box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06);
   padding-bottom: 0;
   background: #fff;
 }
 .site-header .custom-logo-transparent {
   display: none;
 }
 .followWrap {
   display: block;
 }
 .header-full-width .container {
   max-width: auto;
   width: auto;
 }
 @media screen and (min-width: 940px) {
   .header-full-width .container {
     padding-left: 30px;
     padding-right: 30px;
   }
 }
 .is-transparent .followWrap {
   z-index: 99;
   width: 100%;
   background: transparent;
   position: absolute;
   top: 0px;
   display: block;
 }
 .is-transparent .site-header {
   background: transparent;
   position: fixed;
   top: 0px;
 }
 .is-transparent .site-header.no-sticky {
   position: absolute;
   top: auto;
 }
 .is-transparent .site-header.no-scroll {
   box-shadow: none;
 }
 .is-transparent .site-header.no-scroll .has-t-logo .custom-logo-transparent {
   display: inline-block;
 }
 .is-transparent .site-header.no-scroll .has-t-logo .custom-logo {
   display: none;
 }
 .is-transparent .site-header.no-scroll #nav-toggle span {
   background-color: #ffffff;
 }
 .is-transparent .site-header.no-scroll #nav-toggle span::before, .is-transparent .site-header.no-scroll #nav-toggle span::after {
   background-color: #ffffff;
 }
 .is-transparent .site-header.no-scroll #nav-toggle.nav-is-visible span {
   background-color: transparent;
 }
 .is-transparent .site-header.header-fixed {
   background: #ffffff;
 }
 .is-transparent .site-header.header-fixed.no-scroll {
   background: transparent;
   box-shadow: none;
 }
 .site-header.header-fixed.no-scroll {
   box-shadow: none;
   background: transparent;
 }
 .site-header.header-fixed.no-scroll .topsearch-button button {
   opacity: 1;
   max-height: 200px;
 }
 .btn.fa-search {
   border-radius: 0px 0px 5px 5px !important;
 }
 .site-header.header-fixed .topsearch-button button {
   opacity: 0;
   max-height: 0;
 }
 @media screen and (min-width: 1140px) {
   .is-transparent .no-scroll.site-header .onepress-menu > li > a {
     color: rgba(255, 255, 255, 0.9);
   }
 }
 .is-transparent .hero-slideshow-fullscreen .hero__content {
   padding-top: 50px;
   padding-top: 3.125rem;
 }
 .site-branding {
   float: left;
 }
 .site-branding .site-title, .site-branding .site-text-logo {
   margin: 0px;
   line-height: 1;
   font-family: "Rubik", Helvetica, Arial, sans-serif;
   font-size: 23px;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: #000000;
   display: initial;
   vertical-align: middle;
   font-weight: 600;
 }
 .site-branding .site-title:hover, .site-branding .site-text-logo:hover {
   text-decoration: none;
 }
 .site-branding .site-title {
   display: inline-block;
 }
 .no-scroll .site-branding .site-logo-div img {
   display: block;
   opacity: 1;
   margin-top: 0px;
   margin-bottom: 30px;
 }
 .no-scroll .fixed-scroll-logo {
   opacity: 0;
   position: absolute;
   top: -100px;
 }
 .fixed-scroll-logo {
   width: 43px;
   height: 43px;
   background: url("assets/images/hc_logo-color.png");
   background-size: contain;
   top: 20px;
   position: absolute;
   transition: all 0.8s ease;
   opacity: 1;
 }
 .site-branding .site-logo-div img {
   opacity: 0;
   transition: all 0.6s ease;
   margin-top: -100px;
 }
 .site-branding .site-logo-div {
   line-height: 75px;
   margin-top: -13px;
 }
 .site-logo-div img {
   margin-top: -5px;
 }
 .site-branding .no-logo-img.has-desc, .site-branding .has-logo-img {
   line-height: 60px;
 }
 .site-branding .no-logo-img.has-desc .site-title, .site-branding .has-logo-img .site-title {
   margin-top: -5px;
   position: relative;
 }
 .site-branding .no-logo-img.has-desc .site-description, .site-branding .has-logo-img .site-description {
   font-size: 12px;
   line-height: 14px;
   margin-bottom: 0;
   position: relative;
   top: -15px;
   color: #000000;
 }
 .home.header-transparent .no-scroll .site-brand-inner, .home.header-transparent .no-scroll .site-text-logo {
   color: #fff;
 }
 .header-social {
   margin-left: 0px;
   float: right;
 }
 @media screen and (min-width: 940px) {
   .header-social {
     margin-left: 10px;
   }
 }
 @media screen and (max-width: 576px) {
   .header-social {
     display: none;
   }
 }
 .header-social a {
   display: block;
   height: 100%;
   float: left;
   margin-left: 0px;
   margin-top: -2px;
   color: #03c4eb;
 }
 @media screen and (min-width: 940px) {
   .header-social a {
     margin-left: 3px;
   }
 }
 .header-social a:hover {
   color: #000000;
   -webkit-transition: all 0.2s linear 0s;
   transition: all 0.2s linear 0s;
 }
 .header-social .fa-stack-1x, .header-social .fa-stack-2x {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: center;
 }
 .header-social .fa-stack-1x {
   line-height: inherit;
 }
 .header-social .fa-stack-2x {
   font-size: 2em;
 }
 .header-social .fa-inverse {
   color: #ffffff;
 }
 .header-btn {
   float: right;
 }
 /* Site Navigation */
 .onepress-menu, .onepress-menu * {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .onepress-menu {
   float: right;
 }
 .onepress-menu ul::after {
   content: '';
   display: block;
   border: 1em solid #22355C;
   border-right-color: transparent;
   border-left-color: transparent;
   border-top-color: transparent;
   position: absolute;
   top: -.5em;
   left: 50%;
   -webkit-transform: translate(-50%, 0%);
   transform: translate(-50%, 0%);
   margin: -1.2em 0 0 0em;
   text-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.2);
 }
 .onepress-menu ul {
   position: absolute;
   top: 90%;
   left: 50%;
   -webkit-transform: translate(-50%, 0%);
   transform: translate(-50%, 0%);
   z-index: 99;
   text-align: center;
   visibility: hidden;
   opacity: 0;
   transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
   padding: 10px;
   background: #22355C;
   min-width: 15em;
   *width: 15em;
   border-radius: 3px;
   box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.1);
 }
 .onepress-menu ul ul {
   top: 0;
   left: 100%;
    -webkit-transform: translate(0%, 0%);
   transform: translate(0%, 0%);
   border: 2px solid #fff !important;
 }
  .onepress-menu ul ul::after {
   content: '';
   display: block;
  border-left: 10px solid transparent;
  border-right: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
   position: absolute;
   top: 25px;
   left: -20px;
   -webkit-transform: translate(0%, 0%);
   transform: translate(0%, 0%);
   margin: -1.2em 0 0 0em;
   text-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.2);
 }
 .onepress-menu li {
   position: relative;
 }
 .onepress-menu > li {
   float: left;
 }
 .onepress-menu li:hover > ul, .onepress-menu li.sfHover > ul {
   visibility: visible; /* shows sub-menu */
   opacity: 1;
   z-index: 1;
   transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
 }
 .onepress-menu a {
   display: block;
   position: relative;
 }
 .onepress-menu li {
   white-space: nowrap;
   *white-space: normal;
   -webkit-transition: background 0.2s;
   transition: background 0.2s;
 }
 .onepress-menu li:hover, .onepress-menu li.sfHover {
   -webkit-transition: none;
   transition: none;
 }
 .onepress-menu a {
   color: #000;
   font-family: "Rubik", Helvetica, Arial, sans-serif;
   padding-left: 15px;
   padding-right: 15px;
   font-size: 18px;
   font-weight: 400;
   text-decoration: none;
   letter-spacing: normal;
   transition: all 0.5s ease;
 }
 .onepress-menu a:hover {
   color: #03c4eb;
 }
 .onepress-menu ul li {
   line-height: 26px;
 }
 .onepress-menu ul li a {
   padding: 3px 18px;
   color: #fff;
   font-size: 15px;
   text-transform: none;
   letter-spacing: 0;
   font-weight: normal;
 }
 .onepress-menu ul li a:hover {
   color: #E3A430 !important;
 }
 .onepress-menu li.onepress-current-item > a {}
 .onepress-menu ul li.current-menu-item > a {
   color: #fff !important;
 }
 .onepress-menu > li:last-child > a {
   padding-right: 0px;
 }
 .onepress-menu > li a.menu-actived {
   color: #03c4eb;
 }
 .onepress-menu .nav-toggle-subarrow {
   display: none;
   position: absolute;
   left: 50%;
   bottom: -20px;
   -webkit-transform: translate(-50%, -0%);
   transform: translate(-50%, -0%);
   color: #E3A430;
 }
 #nav-toggle {
   display: none;
   margin: 5px 20px 0px 0px;
 }
 .no-scroll #nav-toggle {
   margin: 10px 20px 0px 0px;
 }
 @media screen and (max-width: 1140px) {
   .main-navigation {
     position: static;
   }
   .main-navigation .onepress-menu {
     width: 100% !important;
     display: block;
     height: 0px;
     overflow: hidden;
     position: fixed;
     background: rgba(34, 53, 92, 0.9);
   }
   .onepress-menu-mobile-opening .onepress-menu {
     left: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
   .onepress-menu-mobile-opening .main-navigation {
     background: #fff;
   }
   .onepress-menu-mobile a {
     color: #fff;
     font-size: 5vw;
     line-height: 1.2;
   }
   .onepress-menu-mobile {
     padding: 20px 0px;
   }
   .onepress-menu.onepress-menu-mobile > li > a {
     padding: 12px 20px;
   }
   .onepress-menu.onepress-menu-mobile li:hover ul, .onepress-menu.onepress-menu-mobile ul {
     display: none;
   }
   .onepress-menu.onepress-menu-mobile ul {
     box-shadow: none;
     border: none;
     position: relative;
     padding-bottom: 30px;
     margin-top: 10px;
     top: 0;
   }
   .onepress-menu.onepress-menu-mobile ul li:last-child {
     border-bottom: none;
   }
   .onepress-menu.onepress-menu-mobile ul li a {
     padding: 5px 20px;
     border-top: none;
     font-size: 16px;
     color: #fff;
   }
   .onepress-menu.onepress-menu-mobile ul li a:hover {}
   .onepress-menu.onepress-menu-mobile ul li li a {
     padding: 12px 70px;
     border-top: none;
   }
   .onepress-menu.onepress-menu-mobile ul li li li a {
     padding: 12px 105px;
   }
   .onepress-menu.onepress-menu-mobile ul ul {
     left: 0px;
   }
      .onepress-menu.onepress-menu-mobile ul ul:after{
     border: .8em solid #fff;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
top: -.5em;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
margin: -1.2em 0 0 0em;
   }
   .onepress-menu.onepress-menu-mobile li {
     line-height: 20px;
     text-align: center;
   }
   .onepress-menu.onepress-menu-mobile > li:first-child {
     border-top: 0px none;
   }
   .onepress-menu.onepress-menu-mobile li.onepress-current-item > a {}
   .onepress-menu.onepress-menu-mobile a {}
   .onepress-menu.onepress-menu-mobile a:hover {}
   .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow {
     display: block;
     font-weight: normal;
     position: absolute;
     cursor: pointer;
     text-align: center;
     padding: 4px;
     z-index: 10;
     font-size: 22px;
     bottom: -25px;
     width: 100%;
     height: 40px;
   }
   .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow .fa-angle-down:before {
     border-radius: 100%;
     background: #E3A430;
     box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
     width: 30px;
     height: 30px;
     display: block;
     color: #fff;
     font-weight: normal;
     position: relative;
     cursor: pointer;
     padding: 4px;
     z-index: 10;
     font-size: 22px;
   }
   .menu-item-has-children {
     margin-bottom: 20px;
     padding-bottom: 10px;
   }
   .menu-item-has-children.nav-toggle-dropdown {
     padding-bottom: 0px;
   }
   .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > .nav-toggle-subarrow {}
   .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > .nav-toggle-subarrow .fa-angle-down:before {
     content: "\f106" !important;
     background: #fff;
     color: #22355C;
   }
   .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > ul {
     display: block !important;
     opacity: 1;
     visibility: visible;
   }
   .onepress-menu ul {
     background: #E3A430;
   }
   .onepress-menu ul::after {
     border: 1em solid #E3A430;
     border-top-color: transparent;
     border-right-color: transparent;
     border-left-color: transparent;
   }
   #nav-toggle {
     display: block;
   }
   .page-header {
     border-top: 2px solid #B5DCDF;
   }
   .page-header.page--cover {
     border-top: 0px;
   }
   .no-scroll .site-branding .site-logo-div img {
     margin-bottom: 0px;
   }
   .onepress-menu.onepress-menu-mobile ul li a:hover {
     color: #22355C;
   }
 }
 #nav-toggle {
   float: right;
   position: relative;
   width: 35px;
   overflow: hidden;
   white-space: nowrap;
   color: transparent;
 }
 #nav-toggle span {
   position: absolute;
   top: 50%;
   right: 5px;
   margin-top: -2px;
   -webkit-transition: rotate 0.2s, translate 0.2s;
   transition: rotate 0.2s, translate 0.2s;
   display: inline-block;
   height: 3px;
   width: 24px;
   background: #000000;
 }
 #nav-toggle span:before {
   top: -8px;
 }
 #nav-toggle span:after {
   top: 8px;
 }
 #nav-toggle span:before, #nav-toggle span:after {
   position: absolute;
   display: inline-block;
   height: 3px;
   width: 24px;
   background: #000000;
   content: "";
   right: 0;
   -webkit-transform: translateZ(0);
   -ms-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transform-origin: 0% 50%;
   -ms-transform-origin: 0% 50%;
   transform-origin: 0% 50%;
   -webkit-transition: -webkit-transform 0.2s;
   transition: -webkit-transform 0.2s;
   transition: transform 0.2s;
   transition: transform 0.2s, -webkit-transform 0.2s;
 }
 #nav-toggle.nav-is-visible span {
   background: transparent;
 }
 #nav-toggle.nav-is-visible span:before {
   -webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
   -ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
   transform: translateX(4px) translateY(-1px) rotate(45deg);
 }
 #nav-toggle.nav-is-visible span:after {
   -webkit-transform: translateX(4px) translateY(0px) rotate(-45deg);
   -ms-transform: translateX(4px) translateY(0px) rotate(-45deg);
   transform: translateX(4px) translateY(0px) rotate(-45deg);
 }
 #nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after {
   background: #000000;
 }
 /* Content
------------------------------*/
 .overflow-wrap {
   overflow-x: hidden;
 }
 .site-content.no-border {
   border-top: none;
 }
 .blog .site-content, .tax-portfolio_cat .site-content, .single-post .site-content, .hiding-page-title .site-content {
   margin-top: 0;
 }
 .page-title {
   text-align: center;
   margin-bottom: 30px;
 }
 .page-header {
   padding: 40px 0 60px 0px;
   position: relative;
 }
 .page-header:before {
   position: absolute;
   top: 0px;
   bottom: 0;
   left: 0;
   width: 100%;
   display: block;
   content: " ";
 }
 .page-header h3 {
   text-align: center;
   font-weight: 400;
   color: #E3A430;
 }
 .page-header .entry-title, .page-header .page-title {
   margin-bottom: 0px;
   font-size: 3rem;
   font-weight: 500;
   letter-spacing: 1px;
   text-transform: uppercase;
   text-align: center;
   color: #E3A430;
 }
 .page-header p {
   margin: 6px 0px 0px 0px;
 }
 .page-header.page--cover {
   position: relative;
   padding: 8% 0px 8% 0;
   text-align: center;
   border-top: 0 none;
   border-bottom: 0 none;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
 }
 .page-header.page--cover:before {
   position: absolute;
   top: 0px;
   bottom: 0;
   left: 0;
   width: 100%;
   display: block;
   content: " ";
   background: #22355C;
   opacity: 0.7;
 }
 .page-header.page--cover .entry-title {
   font-size: 3rem;
   font-weight: 500;
   color: #ffffff;
 }
 .page-header.page--cover .entry-tagline {
   color: #ffffff;
   font-style: italic;
   font-weight: 300;
 }
 @media screen and (min-width: 1140px) {
   .page-header.page--cover .entry-tagline {
     font-size: 20px;
   }
 }
 @media screen and (max-width: 940px) {
   .page-header.page--cover .entry-tagline {
     font-size: 18px;
   }
 }
 @media screen and (max-width: 720px) {
   .page-header.page--cover .entry-tagline {
     font-size: 16px;
   }
 }
 .page-header.page--cover.is-t-above .container {
   margin-top: 30px;
 }
 .entry-date {
   font-size: 13px;
 }
 /* Footer
------------------------------*/
 .site-footer {
   background: #22355C;
   color: #fff;
   font-size: 14px;
   text-align: center;
   font-family: "Rubik", Helvetica, Arial, sans-serif !important;
 }
 .site-footer a {
   color: #B5DCDF !important;
 }
 .site-footer .footer-connect {
   padding: 90px 0px;
   padding: 80px 0px;
   padding: 5rem 0px;
   text-align: center;
 }
 @media (max-width: 767px) {
   .site-footer .footer-connect .footer-subscribe {
     margin-bottom: 40px;
   }
 }
 .site-footer .footer-connect .follow-heading {
   color: #ffffff;
   margin-bottom: 20px;
   letter-spacing: 0.8px;
 }
 .site-footer .footer-connect .subs_input {
   background-color: rgba(255, 255, 255, 0.145);
   color: #cccccc;
   border-bottom: none;
   box-shadow: none;
   padding: 12px 15px 12px;
   border-radius: 2px;
   width: 60%;
   font-size: 13px;
 }
 .site-footer .footer-connect .subs_input:focus {
   border: none;
 }
 @media screen and (max-width: 1140px) {
   .site-footer .footer-connect .subs_input {
     width: 100%;
     margin-bottom: 4px;
   }
 }
 @media screen and (max-width: 940px) {
   .site-footer .footer-connect .subs_input {
     width: 70%;
     margin-bottom: 4px;
   }
 }
 @media screen and (max-width: 720px) {
   .site-footer .footer-connect .subs_input {
     width: 100%;
     margin-bottom: 4px;
   }
 }
 .site-footer .footer-connect .subs-button {
   margin: 0px;
   position: relative;
   top: 0px;
   padding: 16px 23px 16px;
 }
 @media screen and (max-width: 1140px) {
   .site-footer .footer-connect .subs-button {
     width: 100%;
   }
 }
 @media screen and (max-width: 940px) {
   .site-footer .footer-connect .subs-button {
     width: 70%;
   }
 }
 @media screen and (max-width: 720px) {
   .site-footer .footer-connect .subs-button {
     width: 100%;
   }
 }
 .site-footer .footer-connect input[type="text"]:focus {
   border: none !important;
 }
 .site-footer .footer-social {
   text-align: center;
 }
 .site-footer .footer-social a {
   font-size: 30px;
   margin: 0px 13px;
   color: #ffffff;
 }
 .site-footer .footer-social a:hover {
   color: #03c4eb;
 }
 .site-footer .site-info {
   position: relative;
   text-align: center;
   padding: 35px 0px;
   background: #1B2A48;
   font-weight: 300;
   color: #B5DCDF;
 }
 .site-footer .site-info a {}
 .site-footer .site-info a:hover {
   text-decoration: underline;
 }
 .site-footer .site-info .container {
   position: initial;
 }
 .btt {
   display: none;
 }
 .site-footer .btt a {
   border-radius: 4px 4px 0px 0px;
   color: #E3A430;
   background: #fff;
   font-size: 30px;
   display: block;
   height: 40px;
   line-height: 40px;
   margin: auto;
   position: fixed;
   right: 30px;
   bottom: 0px;
   -webkit-transition: all 0.2s linear 0s;
   transition: all 0.2s linear 0s;
   width: 50px;
   z-index: 9;
   box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
 }
 .site-footer .btt a:hover, .site-footer .btt a:focus {
   text-decoration: none;
   color: #fff !important;
   background: #E3A430;
 }
 .site-footer .btt a:after {
   content: '\e098';
   font-family: 'lg';
   display: block;
   text-align: center;
   margin: 0 auto;
   font-size: 20px;
 }
 /* Newsletter 2 Go*/
 .n2go-container {
   z-index: 2;
   display: block;
   background: #fff;
   position: relative;
   padding: 3em 0 2em 0 !important;
   color: #22355C;
   text-align: left;
   box-shadow: 0 5px 30px 0 rgba(50, 50, 50, 0.3);
 }
 .n2go-container .card {
   background-color: transparent !important;
   border: 0 !important;
   border-radius: .25rem;
 }
 .n2go-container .subscripe {
   font-size: 2rem;
   font-weight: 500;
   text-decoration: none;
   position: relative;
   bottom: -20px;
   line-height: normal;
   transition: all 0.5s ease;
    color: #22355C;
 }
 .n2go-container .subscripe:hover {
   background: transparent !important;
 }
 .hc_newsletter {
   width: 100px;
   position: absolute;
   z-index: -1;
   margin-top: -85px;
   left: 50%;
   transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
 }
 .n2go-container label {
   text-align: left !important;
 }
 .n2go-container .btn {
   color: #fff !important;
   width: 100%;
   text-decoration: none;
 }
 .n2go-container .btn:hover {
   color: #fff !important;
   background: #E3A430 !important;
 }
 .n2go-container input.mail {
   width: 100%;
   padding: 1em 2em !important;
   margin-bottom: 20px;
 }
 .n2go-dsgvo, .checkbox-inline {
   padding: 20px;
   transition: all 0.8s ease-in-out;
   text-align: center;
   display: block !important;
 }
 .checkbox-inline label {
   background: transparent !important;
   color: #22355C;
   padding: 0;
 }
 .n2go-dsgvo {
   float: left;
   width: 50%;
   text-align: left;
   font-size: 10px;
 }
 .n2go-footer {
   text-align: left;
 }
 .n2go-container a {
   color: #22355C !important;
   text-decoration: underline;
 }
 .n2go-container a:hover {
   color: #fff !important;
 }
 #n2go-form {
    background: #B5DCDF;
    padding: 30px 20px;
}
 .sticky-events .eap__event.sticky {
   flex: 0 0 100% !important;
   max-width: 100% !important;
 }
 /*--------------------------------------------------------------
5.0 Contents
--------------------------------------------------------------*/
 .container {
   width: 1400px !important;
   max-width: 100%;
 }
 /* Page: 404
------------------------------*/
 .error-404 .search-form, .error-404 .widget {
   margin-bottom: 40px;
 }
 .error-404 .widgettitle, .error-404 .widget-title {
   font-size: 15px;
   text-transform: uppercase;
   letter-spacing: 2px;
   margin-bottom: 13px;
   font-weight: 700;
 }
 .error-404 ul {
   padding-left: 0px;
 }
 .error-404 ul li {
   list-style: none;
 }
 /* Page: Search
------------------------------*/
 .search-results .hentry {
   border-bottom: 2px solid #B5DCDF;
   padding-bottom: 25px;
   margin-bottom: 25px;
   color: #000;
 }
 .search-results .hentry:hover {
   text-decoration: none;
   border-color: #E3A430;
 }
 .search-results a:hover {
   text-decoration: none;
   color: #E3A430 !important;
 }
 .search-results .entry-summary p {
   margin-bottom: 0px;
 }
 .search-results .entry-header .entry-title {
   font-size: 22px;
   line-height: 1.5;
   font-weight: 500;
 }
 .search-results .entry-header .entry-title a:hover {
   text-decoration: none;
 }
 /* Entry Header
------------------------------*/
 .entry-header .entry-title {
   font-weight: 500;
   text-transform: none;
   font-size: 25px;
   line-height: 1.3;
 }
 @media screen and (min-width: 940px) {
   .entry-header .entry-title {
     font-size: 32px;
     line-height: 1.5;
   }
 }
 .entry-thumbnail {
   margin-bottom: 30px;
 }
 .single .entry-header .entry-title {
   margin-bottom: 10px;
   color: #fff;
 }
 .highlight {
   color: #03c4eb;
 }
 /* Entry Content
------------------------------*/
 .entry-content {
 	margin-bottom: 50px !important;
 
 }
 .entry-content h2 {
   margin-bottom: 2rem;
 }
 .entry-header h3 {
   line-height: 1.5;
 }
 .site-content .entry-content, .read {
   margin: 0 auto;
   max-width: 900px;
 }
 .entry-content blockquote:before {
   content: '\201d';
   color: #E3A430;
   line-height: 0px;
   font-size: 4em;
   position: absolute;
   left: 50%;
   -webkit-transform: translate(-50%, -0%);
   transform: translate(-50%, -0%);
   top: 12px;
 }
 .entry-content blockquote {
   position: relative;
   font-style: italic;
   text-align: center;
   font-size: 1.5em;
   line-height: normal;
   max-width: 500px;
   padding-top: 20px;
 }
 .entry-content blockquote p {
   margin: 0px;
 }
 .entry-content h2 {
   font-family: "Noticia Text", Helvetica, Arial, sans-serif;
   font-style: italic;
   margin-top: 2em;
   line-height: 1.7;
 }
 .entry-content h3, .entry-content h2 {
   text-align: center;
 }
 .entry-content h4, .entry-content h3, .entry-content h2 {
   margin-top: 4rem;
 }
 .entry-content h2:first-child {
   margin-top: 0px;
 }
 .entry-content a {
   color: inherit;
   border-bottom: 1px solid #E3A430;
   padding-bottom: 1px;
 }
 .entry-content a:hover {
   color: #E3A430;
   border-bottom: 1px solid #E3A430;
   text-decoration: none;
 }
 .wp-block-cover, .wp-block-cover-image {
   background-color: #22355C;
 }
 .intro-box {
   padding: 50px 30px 50px 30px !important;
   background: #22355C;
   border-radius: 0px 0px 3px 3px;
   margin-top: -70px;
   font-size: 1.3rem;
   font-style: italic;
   text-align: center;
   font-weight: bold;
   color: #fff;
   margin-bottom: 2em;
   width: 100%;
 }
 .info-box {
   padding: 25px !important;
   border: 2px solid #E3A430;
   border-radius: 4px;
 }
 /* Entry Stuff
------------------------------*/
 .entry-meta {
   margin: 30px 0px;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   font-size: 12px;
   font-weight: 600;
   text-align: center;
 }
 .entry-footer {
   margin-bottom: 30px;
   padding-top: 30px;
   border-top: 1px solid #E3A430;
 }
 .entry-footer .cat-links, .entry-footer .tags-links {
   display: block;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   font-size: 12px;
   font-weight: 600;
   margin-top: 5px;
 }
 .nav-links {
   border-left: none;
   border-right: none;
   margin-top: 30px;
   text-align: center;
   padding: 15px;
   border-radius: 4px;
   position: relative;
 }
 .pages-wrap {
   display: inline-block;
   padding: 15px;
   /* box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2); '*/
   border-radius: 4px;
 }
 .nav-links a {
   white-space: nowrap;
   line-height: 3;
   transition: all 0.5s ease;
   display: inline-block;
   width: auto;
   font-family: "Rubik", Helvetica, Arial, sans-serif;
   margin: 5px;
 }
 .nav-links .nav-previous, .nav-links .nav-next, .page-numbers {
   display: inline-block;
 }
 .nav-links .nav-next a:after, .nav-links .nav-previous a:before {
   font-family: 'lg';
   width: 50px;
   height: 50px;
   background: #22355C;
   border-radius: 100%;
   vertical-align: middle;
   line-height: 3.1;
   display: block;
   color: #fff;
   border: 2px solid #22355C;
   transition: all 0.5s ease;
 }
 .nav-links .nav-next a:hover::after, .nav-links .nav-previous a:hover::before {
   background: #fff;
   border: 2px solid #22355C;
   color: #22355C;
   text-decoration: none;
 }
.nav-links .nav-next a:hover, .nav-links .nav-previous a:hover {
      text-decoration: none;
 }
 .nav-links .nav-previous a:before {
   content: '\e096';
 }
 .nav-links .nav-next a:after {
   content: '\e097';
 }
 .nav-links a, .nav-links .page-numbers {}
 @media screen and (max-width: 940px) {
   .nav-links a, .nav-links .page-numbers {}
 }
 .nav-links a:hover {
   background: none !important;
 }
 .nav-links .page-numbers:hover {
   background: none !important;
 }
 .nav-links .page-numbers a {
   width: 50px;
   height: 50px;
   line-height: 3.2;
   border-radius: 4px;
   border: 2px solid rgba(227, 164, 48, 0.3);
 }
 .nav-links .page-numbers a:hover {
   border: 2px solid #E3A430;
   text-decoration: none;
   color: #E3A430 !important;
 }
 .nav-links .page-numbers a.active {
   background: #E3A430;
   text-decoration: none;
   color: #fff;
   border: 2px solid #E3A430;
 }
 .bypostauthor {
   margin: 0;
 }
 .info-circle {
   width: 190px;
   height: 190px;
   border-radius: 100%;
   border: 2px solid #E3A430;
   display: flex;
   justify-content: center;
   text-align: center;
   margin-top: 30px;
 }
 .info-circle p {
   display: table-cell;
   vertical-align: middle;
   height: 190px;
   padding: 20px;
 }
 p.has-background {
   border-radius: 4px;
 }
 /* Sticky Post
------------------------------*/
 .sticky .entry-title {
   padding-left: 20px;
   position: relative;
 }
 .sticky .entry-title:after {
   content: "\f276";
   display: inline-block;
   font-family: "FontAwesome";
   font-style: normal;
   font-weight: normal;
   width: 12px;
   height: 12px;
   position: absolute;
   left: 0px;
   top: 2px;
   font-size: 22px;
   color: #aaaaaa;
 }
 /* WordPress caption style
------------------------------*/
 .wp-caption {
   max-width: 100%;
   font-style: italic;
   line-height: 1.35;
   margin-bottom: 15px;
   margin-top: 5px;
 }
 .wp-caption img[class*="wp-image-"] {
   display: block;
   max-width: 100%;
 }
 .wp-caption .wp-caption-text {
   margin: 10px 0px;
 }
 .wp-caption-text, .entry-thumbnail-caption, .cycle-caption {
   font-style: italic;
   line-height: 1.35;
   font-size: 13px;
 }
 /* WordPress Gallery
------------------------------*/
.blocks-gallery-item{
	padding-left: 0 !important;
}
 .gallery {
   margin-bottom: 1.5em;
 }
 .gallery-item {
   display: inline-block;
   text-align: center;
   vertical-align: top;
   width: 100%;
 }
 .gallery-columns-2 .gallery-item {
   max-width: 50%;
 }
 .gallery-columns-3 .gallery-item {
   max-width: 33.33%;
 }
 .gallery-columns-4 .gallery-item {
   max-width: 25%;
 }
 .gallery-columns-5 .gallery-item {
   max-width: 20%;
 }
 .gallery-columns-6 .gallery-item {
   max-width: 16.66%;
 }
 .gallery-columns-7 .gallery-item {
   max-width: 14.28%;
 }
 .gallery-columns-8 .gallery-item {
   max-width: 12.5%;
 }
 .gallery-columns-9 .gallery-item {
   max-width: 11.11%;
 }
 .gallery-caption {
   display: block;
 }
 /* Comments
------------------------------*/
 #comments {
   padding-top: 30px;
   border-top: 1px solid #e9e9e9;
 }
 #comments .comments-title {
   margin-bottom: 20px;
   font-size: 18px;
   line-height: 26px;
   letter-spacing: 1.5px;
   text-transform: uppercase;
 }
 #comments .comment-list {
   list-style: none;
   padding-left: 0px;
 }
 #comments .comment-list .pingback {
   border-bottom: 1px solid #e9e9e9;
   padding: 20px 0;
   margin: 0;
 }
 #comments .comment-list .pingback p {
   margin: 0px;
 }
 #comments .comment-list .pingback:last-child {
   margin-bottom: 40px;
 }
 #comments .comment-content.entry-content {
   margin-bottom: 0px;
 }
 #comments .comment {
   list-style: none;
   margin: 30px 0;
 }
 #comments .comment .avatar {
   width: 60px;
   float: left;
   border-radius: 3px;
 }
 #comments .comment .comment-wrapper {
   margin-left: 90px;
   padding: 25px 30px 15px 30px;
   background: #f8f9f9;
   position: relative;
 }
 #comments .comment .comment-wrapper:before {
   border-color: rgba(0, 0, 0, 0) #f6f7f9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
   border-style: solid;
   border-width: 0 10px 10px 0;
   content: "";
   height: 0;
   left: -9px;
   position: absolute;
   top: 0;
   width: 0;
 }
 #comments .comment .comment-wrapper .comment-meta .comment-time, #comments .comment .comment-wrapper .comment-meta .comment-reply-link, #comments .comment .comment-wrapper .comment-meta .comment-edit-link {
   color: #aaaaaa;
   text-transform: uppercase;
   letter-spacing: 0.3px;
   font-size: 11px;
 }
 #comments .comment .comment-wrapper .comment-meta .comment-time:hover, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:hover, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:hover {
   color: #03c4eb;
 }
 #comments .comment .comment-wrapper .comment-meta .comment-time:after, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:after, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:after {
   content: "/";
   padding: 0px 5px;
 }
 #comments .comment .comment-wrapper .comment-meta a:last-child:after {
   content: "";
 }
 #comments .comment .comment-wrapper .comment-meta cite .fn {
   font-weight: bold;
   font-style: normal;
   margin-right: 5px;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   font-size: 14px;
 }
 #comments .comment .comment-wrapper .comment-meta cite span {
   padding: 3px 10px;
   background: #e9e9e9;
   border-radius: 4px;
   margin-right: 10px;
 }
 #comments .comment .comment-wrapper a {
   text-decoration: none;
 }
 #comments .comment .children {
   padding-left: 30px;
 }
 #comments .comment .children .children {
   padding-left: 30px;
 }
 #comments .comment .children .children .children {
   padding-left: 0px;
 }
 @media screen and (min-width: 940px) {
   #comments .comment .children {
     padding-left: 90px;
   }
   #comments .comment .children .children {
     padding-left: 90px;
   }
   #comments .comment .children .children .children {
     padding-left: 90px;
   }
 }
 #comments .form-allowed-tags {
   display: none;
 }
 #comments a {
   text-decoration: none;
 }
 #comments a:hover {
   text-decoration: underline;
 }
 .comment-respond textarea, .comment-respond textarea {
   width: 100%;
 }
 /* Comment Form
------------------------------*/
 #respond {
   padding-top: 20px;
 }
 #respond .comment-form label {
   display: block;
   margin-bottom: 4px;
 }
 #respond .form-allowed-tags {
   font-size: 12px;
 }
 #respond .form-allowed-tags code {
   background: none;
 }
 #respond .comment-reply-title {
   font-size: 18px;
   letter-spacing: 1.5px;
   margin-bottom: 20px;
   text-transform: uppercase;
 }
 #respond .comment-notes {
   display: none;
 }
 #respond label {
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: 1.5px;
 }
 .full-screen .comments-area {
   max-width: 1110px;
   margin: 0 auto;
 }
 /* woocommerce
------------------------------*/
 .woocommerce div.product form.cart .variations td.label {
   color: #777;
 }
 /*--------------------------------------------------------------
6.0 Elements
--------------------------------------------------------------*/
 /*arrow*/
 .arrow {
   font-family: 'lg';
   margin: 0px 5px;
   vertical-align: middle;
 }
 /**/
 .grid-center article {
   margin-bottom: 40px;
   overflow: visible !important;
 }
 .btn.more {
   position: absolute;
   left: 50%;
   -webkit-transform: translate(-50%, 0%);
   transform: translate(-50%, 0%);
   bottom: -26px;
 }
 .btn.more:hover {
   background: #B5DCDF;
   border-color: #B5DCDF;
   color: #22355C;
 }
 .btn {
   margin-bottom: 10px;
 }
 .footer-column .btn:nth-child(even) {
   margin-left: 5px;
 }
 .info {
   background-color: #fff;
   border: 2px solid #22355C;
   border-left: 50px solid #22355C;
   color: #22355C;
   width: 100%;
   text-align: center;
   margin: 20px auto;
   margin-bottom: 15px;
   padding: 10px;
   line-height: 1.7;
   position: relative;
   border-radius: 3px;
 }
 .info:before {
   content: 'i';
   color: #fff;
   height: 100%;
   font-weight: 900;
   font-size: 1.4em;
   position: absolute;
   left: -30px;
   top: 3px;
 }
 /* bootstrap close */
 button.close {
   border-radius: 100% !important;
   font-size: 2em !important;
   vertical-align: super;
   line-height: 0;
   text-shadow: none;
   background: #E3A430 !important;
 }
 button.close span {
   top: -2px;
   position: relative;
 }
 /* boostrap dropdowns */
 .dropdown-toggle::after {
   display: none;
 }
 .dropdown-menu li {
   list-style: none;
   padding: 4px 0;
   margin: 0;
   float: left;
   display: inline-block;
 }
 .dropdown-menu ul {
   margin: 0px;
   padding: 0px;
   right: -50% !important;
 }
 .dropdown-menu a {
   list-style: none;
   text-decoration: none;
 }
 .dropdown-menu li a {
   list-style: none;
   text-decoration: none;
   font-weight: normal;
 }
 .dropdown-menu li a:hover {
   list-style: none;
   text-decoration: none;
 }
 .dropdown-menu {
   transition: all 1s ease;
 }
 .dropdown-menu {
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   display: block;
   opacity: 0;
   font-size: 0.9rem;
   text-align: left;
   list-style: none;
   border: 0px;
   max-height: 0px;
   overflow: hidden;
 }
 .show > .dropdown-menu {
   max-height: 1000px;
   opacity: 1;
   top: 50px;
   y-overflow: auto;
 }
 /* Button
------------------------------*/
 .wp-block-button__link, .wp-block-file__button {
   font-family: "Rubik", Helvetica, Arial, sans-serif;
   background-color: #fff;
   border-radius: 4px;
   box-shadow: none;
   cursor: pointer;
   font-size: 15px;
   margin: 0;
   padding: .5rem 1rem !important;
   text-align: center;
   overflow-wrap: break-word;
   border: 2px solid #E3A430 !important;
   color: #000 !important;
   transition: all 0.5s ease;
   width: auto;
 }
 .big .wp-block-button__link {
   min-height: 60px;
   width: 100%;
   display: flex;
   align-items: center;
   padding: 30px !important;
 }
 .btn, .wp-block-button__link, .wp-block-file__button {
   font-family: "Rubik", Helvetica, Arial, sans-serif;
   text-transform: uppercase;
   border-radius: 5px;
   box-shadow: none;
   font-size: 13px;
   font-size: 0.8125rem;
   font-weight: 500;
   background: none;
 }
 .btn:hover {
   background: #E3A430;
 }
 .btn:active, .btn:focus {
   outline: none;
   background: #E3A430;
 }
 .hero__content .btn.btn-secondary-outline {
   color: #fff;
 }
 .btn.btn-secondary-outline {
   box-shadow: none;
   border: 2px solid #E3A430;
   color: #22355C;
 }
 .btn.btn-secondary-outline:hover, .wp-block-button__link:hover {
   background: #E3A430;
   color: #fff !important;
 }
 .btn-secondary {
   background: #E3A430;
   color: #fff;
   border: 2px solid #E3A430;
 }
 .btn-secondary:hover {
   background: none;
   color: #fff;
   border: 2px solid #E3A430;
 }
 .btn-lg {
   font-size: 15px !important;
 }
 .btn-theme-primary {
   background: #22355C !important;
   border: none;
   color: #FFFFFF;
 }
 .btn-theme-primary:hover {
   color: #FFFFFF;
 }
 .btn-theme-primary-outline {
   background-color: transparent;
   background-image: none;
   border-color: #03c4eb;
   color: #03c4eb;
 }
 .btn-theme-primary-outline:hover {
   color: #FFF;
   background-color: #03c4eb;
   border-color: #03c4eb;
 }
 .download .wp-block-button__link:after{
content: '\E0F2';
font-family: 'lg';
color: #E3A430;
padding-left: 10px;
 }
  .download .wp-block-button__link:hover:after{
color: #fff;
 }
 /* Loading
------------------------------*/
 .slider-spinner {
   width: 40px;
   height: 40px;
   position: relative;
   margin: 100px auto;
 }
 .double-bounce1, .double-bounce2 {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: #fff;
   opacity: 0.6;
   position: absolute;
   top: 0;
   left: 0;
   -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
   animation: sk-bounce 2.0s infinite ease-in-out;
 }
 .double-bounce2 {
   -webkit-animation-delay: -1.0s;
   animation-delay: -1.0s;
 }
 @-webkit-keyframes sk-bounce {
   0%, 100% {
     -webkit-transform: scale(0);
   }
   50% {
     -webkit-transform: scale(1);
   }
 }
 @keyframes sk-bounce {
   0%, 100% {
     transform: scale(0);
     -webkit-transform: scale(0);
   }
   50% {
     transform: scale(1);
     -webkit-transform: scale(1);
   }
 }
 /* WP 4.7 Shortcut */
 section > .customize-partial-edit-shortcut {
   z-index: 95;
 }
 section > .customize-partial-edit-shortcut button {
   left: 30px;
 }
 /*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/
 .sidebar .widget {
   margin-bottom: 40px;
 }
 .widget-title {
   font-size: 1.6rem;
   margin-bottom: 30px;
   font-weight: 500;
 }
 .sidebar .widget ul {
   list-style: none;
   padding: 0px;
 }
 .sidebar .widget ul:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
 }
 .sidebar .widget a {
   font-size: 13px;
   letter-spacing: 1px;
 }
 .sidebar .widget a:hover {
   color: #03c4eb;
   text-decoration: underline;
 }
 /* Search
------------------------------*/
 #search-form {
   border: 2px solid #22355C;
   border-radius: 5px;
   overflow: hidden;
 }
 .search-form {
   display: -webkit-box;
   display: flex;
   width: 100%;
   -webkit-box-align: center;
   align-items: center;
 }
 .search-form .search-field {
   width: 100% !important;
   padding: 10px 0px;
   padding: 0.625rem 0.9375rem;
 }
 #search-input {
   width: -webkit-calc(100% - 60px);
   width: calc(100% - 60px);
   border: 0;
   border-radius: 0;
   float: left;
 }
 #search-input:focus {}
 #search-form.focus {
   border-color: #22355C;
 }
 .search-submit {
   padding: 10px;
   margin: 0 !important;
   font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
   text-align: center;
   font-weight: 400;
   bottom: 0;
   overflow: hidden;
   width: 60px;
   border: 0;
   border-radius: 0 !important;
   background: #E3A430;
 }
 .search-submit:hover {
   background: #B5DCDF !important;
 }
 .search-form label {
   -webkit-box-flex: 2;
   flex-grow: 2;
   margin: 0px;
 }
 /* Topsearch */
 .topsearch .search-wrap {
   padding: 3.01em;
   max-width: 1000px;
   position: relative;
   margin: 0 auto;
 }
 .topsearch-button {
   text-align: right;
   width: 100% !important;
   line-height: 0;
   margin-bottom: 5px;
 }
 .topsearch-button button {
   border: 0px;
   box-shadow: none;
   background: #B5DCDF;
   font-size: 15px;
   color: #fff;
   padding: 0px !important;
   height: 43px;
   width: 43px;
 }
 .topsearch-button button:focus {
   box-shadow: none;
 }
 .topsearch {
   border: 0 !important;
   margin: 0 !important;
   position: fixed;
   top: -10em !important;
   right: 0 !important;
   width: 100%;
   padding: 0px;
   background: #22355C;
   box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06);
   transition: all 0.5s ease;
   overflow: visible;
   border-radius: 0;
 }
 .show > .topsearch {
   position: fixed;
   z-index: 9999 !important;
   top: 0 !important;
   overflow: visible;
 }
 .topsearch #search-form {
   text-align: center;
   background: #fff;
 }
 #topsearch-input {
   width: 50%;
   line-height: 0;
 }
 .topsearch .close {
   opacity: 0;
   background: #E3A430 !important;
   position: absolute;
   z-index: 999;
   left: 50%;
   -webkit-transform: translate(-50%, 0%);
   -ms-transform: translate(-50%, 0%);
   transform: translate(-50%, 0%);
   width: 34px;
   height: 34px;
   margin-top: -20px;
 }
 .topsearch .close:hover {
   color: #fff;
   background: #B5DCDF !important;
 }
 .show > .topsearch .close {
   opacity: 1;
 }
 /* Recent Comment
------------------------------*/
 .widget_recent_comments ul {
   margin-top: 25px;
 }
 .widget_recent_comments ul li {
   margin-bottom: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid #e9e9e9;
 }
 .widget_recent_comments ul a {
   font-style: italic;
 }
 .widget_recent_comments .comment-author-link a {
   font-weight: bold;
   font-style: normal;
 }
 /* Recent Categories, Archive, Meta
------------------------------*/
 .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
   float: left;
   margin-bottom: 0;
   width: 50%;
 }
 @media screen and (min-width: 720px) {
   .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
     width: 50%;
   }
 }
 @media screen and (min-width: 940px) {
   .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
     width: 100%;
     float: none;
   }
 }
 @media screen and (min-width: 1140px) {
   .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
     width: 50%;
     float: left;
   }
 }
 .widget_recent_entries ul li {
   margin: 0px;
   padding: 10px 0px 10px 0px;
   border-bottom: 1px solid #e9e9e9;
 }
 .sidebar .widget_calendar a {
   color: #03c4eb;
   text-decoration: underline;
 }
 /*--------------------------------------------------------------
8.0 Sections
--------------------------------------------------------------*/
 .section-news, .section-about, .section-termine, .section-ueber, .section-video {
   margin-top: -30px;
 }
 /* Section Stuffs
------------------------------*/
 .section-padding {
   padding: 100px 0px;
 }
 .section-padding-lg {
   padding: 90px 0px;
   padding: 5.625rem 0px;
 }
 .section-padding-larger {
   padding: 140px 0px;
   padding: 8.75rem 0px;
 }
 .section-meta {
   background-color: #B5DCDF;
 }
 .onepage-section {
   position: relative;
   overflow: hidden;
 }
 .hc-strich {
   background: #e3a430;
   width: 2px;
   height: 60px;
   position: relative;
   margin: 0 auto;
   z-index: 999;
   margin-top: -30px;
   overflow: hidden;
   animation: 3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s infinite normal none running;
 }
  .hc-strich.blau {
   background: #22355C;
 }
  .hc-strich.weiss {
   background: #fff;
 }
 .vision.gelb {
    border-bottom: 5px solid #E3A430;
}
.vision.blau {
    border-bottom: 5px solid #B5DCDF;
}
.vision.marine {
    border-bottom: 5px solid #9099AD;
}
 .onepage-section:before {
   position: absolute;
   left: 0;
   top: 0;
   right: 0px;
   bottom: 0px;
   display: block;
   content: " ";
   z-index: 1;
 }
 .onepage-section .container-fluid, .onepage-section .container {
   position: relative;
   z-index: 5;
 }
 .section-inverse {
   background: #222222;
 }
 .section-inverse .section-title-area .section-title {
   color: rgba(255, 255, 255, 0.99);
 }
 .section-inverse .section-title-area .section-subtitle {
   color: rgba(255, 255, 255, 0.7);
 }
 .section-inverse .section-title-area .section-subtitle::after {
   background: rgba(255, 255, 255, 0.8);
 }
 .section-inverse-extended {
   background: #000;
 }
 .section-inverse-extended .section-title-area .section-title {
   color: rgba(255, 255, 255, 0.99);
 }
 .section-inverse-extended .section-title-area .section-subtitle {
   color: rgba(255, 255, 255, 0.7);
 }
 .section-inverse-extended .section-title-area .section-subtitle::after {
   background: rgba(255, 255, 255, 0.8);
 }
 .section-title {
 font-family: "Rubik", Helvetica, Arial, sans-serif;
   color: #22355C;
 }
 .section-inverse {
   color: rgba(255, 255, 255, 0.5);
 }
 .section-inverse h1, .section-inverse h2, .section-inverse h3, .section-inverse h4, .section-inverse h5, .section-inverse h6 {
   color: rgba(255, 255, 255, 0.9);
 }
 .section-inverse p {
   color: rgba(255, 255, 255, 0.5);
 }
 .section-title-area {
   margin-bottom: 30px;
   text-align: center;
 }
 .section-title-area .section-title {
   font-size: 30px;
   letter-spacing: 2px;
   font-weight: 800;
   position: relative;
   margin-bottom: 60px;;
   text-transform: uppercase;
 }
 @media screen and (min-width: 940px) {
   .section-title-area .section-title {
     font-size: 40px;
   }
 }
 .section-title-area .section-subtitle {
   color: #E3A430;
   font-size: 12px;
   display: inline-block;
   position: relative;
   margin-bottom: 13px;
   margin-bottom: 0.8125rem;
   text-transform: uppercase;
   letter-spacing: 2px;
 }
 @media screen and (min-width: 940px) {
   .section-title-area .section-subtitle {
     font-size: 14px;
   }
 }
 .hero__content, .section-desc {
   font-size: 20px;
 }
 .section-desc {
   margin-bottom: 4%;
   margin-top: 0;
   text-align: center;
 }
 /* Section: Hero
------------------------------*/
 .hero-slideshow-wrapper {
   width: 100%;
   position: relative;
   background-color: #22355C;
   overflow: hidden;
   /* Loading icon */
 }
 .hero-slideshow-wrapper .backstretch img {
   -webkit-animation: myMove 8s 1 ease-in-out;
   -moz-animation: myMove 8s 1 ease-in-out;
   -o-animation: myMove 8s 1 ease-in-out;
   -ms-animation: myMove 8s 1 ease-in-out;
   animation: myMove 8s 1 ease-in-out;
 }
 @keyframes myMove {
   from {
     transform: scale(1.0, 1.0);
     transform-origin: 50% 50%;
   }
   to {
     transform: scale(1.1, 1.1);
     transform-origin: 50% 0%;
   }
 }
 @-webkit-keyframes myMove {
   from {
     -webkit-transform: scale(1.0, 1.0);
     -webkit-transform-origin: 50% 50%;
   }
   to {
     -webkit-transform: scale(1.1, 1.1);
     -webkit-transform-origin: 50% 0%;
   }
 }
 @-o-keyframes myMove {
   from {
     -o-transform: scale(1.0, 1.0);
     -o-transform-origin: 50% 50%;
   }
   to {
     -o-transform: scale(1.1, 1.1);
     -o-transform-origin: 50% 0%;
   }
 }
 @-moz-keyframes myMove {
   from {
     -moz-transform: scale(1.0, 1.0);
     -moz-transform-origin: 50% 50%;
   }
   to {
     -moz-transform: scale(1.1, 1.1);
     -moz-transform-origin: 50% 0%;
   }
 }
 @-ms-keyframes myMove {
   from {
     -ms-transform: scale(1.0, 1.0);
     -ms-transform-origin: 50% 50%;
   }
   to {
     -ms-transform: scale(1.1, 1.1);
     -ms-transform-origin: 50% 0%;
   }
 }
 .hero-slideshow-wrapper:after {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background-color: none !important;
   display: block;
   content: "";
 }
 .hero-slideshow-wrapper .hero__content .hero-large-text, .hero-slideshow-wrapper .hero__content .hero-small-text, .hero-slideshow-wrapper .hero__content .btn, .hero-slideshow-wrapper .hero__content .hcl2-content {
   visibility: hidden;
   opacity: 0;
   -webkit-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all .5s linear;
   transition: all .5s linear;
 }
 .hero-slideshow-wrapper .hero__content .hero-large-text {
   -webkit-transition-delay: 0.7s;
   /* Safari */
   transition-delay: 0.7s;
 }
 .hero-slideshow-wrapper .hero__content .hero-small-text {
   -webkit-transition-delay: 0.8s;
   /* Safari */
   transition-delay: 0.8s;
 }
 .hero-slideshow-wrapper .hero__content .btn {
   -webkit-transition-delay: 1s;
   /* Safari */
   transition-delay: 1s;
 }
 .hero-slideshow-wrapper .hero__content .hcl2-content {
   -webkit-transition-delay: 0.7s;
   /* Safari */
   transition-delay: 0.7s;
 }
 .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
 }
 .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .hero-slideshow-wrapper.loaded .container .hero__content .hero-large-text, .hero-slideshow-wrapper.loaded .container .hero__content .hero-small-text, .hero-slideshow-wrapper.loaded .container .hero__content .btn, .hero-slideshow-wrapper.loaded .container .hero__content .hcl2-content {
   visibility: visible;
   opacity: 1;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
 }
 .hero-slideshow-wrapper .slider-spinner {
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 9999999;
   margin: 0px;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
 .animation-disable .hero-slideshow-wrapper {
   /* Loading icon */
 }
 .animation-disable .hero-slideshow-wrapper .hero__content .hero-large-text, .animation-disable .hero-slideshow-wrapper .hero__content .hero-small-text, .animation-disable .hero-slideshow-wrapper .hero__content .btn, .animation-disable .hero-slideshow-wrapper .hero__content .hcl2-content {
   -webkit-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
 }
 .animation-disable .hero-slideshow-wrapper .hero__content .hero-large-text {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .animation-disable .hero-slideshow-wrapper .hero__content .hero-small-text {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .animation-disable .hero-slideshow-wrapper .hero__content .btn {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .animation-disable .hero-slideshow-wrapper .hero__content .hcl2-content {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn, .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .animation-disable .hero-slideshow-wrapper .slider-spinner {
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 9999999;
   margin: 0px;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
 .js-rotating {
   display: none;
 }
 .js-rotating.morphext {
   display: inline-block;
 }
 .is-customize-preview .slider-spinner {
   display: none !important;
 }
 .is-customize-preview .hero-slideshow-wrapper .hero__content .hero-large-text, .is-customize-preview .hero-slideshow-wrapper .hero__content .hero-small-text, .is-customize-preview .hero-slideshow-wrapper .hero__content .btn, .is-customize-preview .hero-slideshow-wrapper .hero__content .hcl2-content {
   visibility: visible;
   opacity: 1;
   -webkit-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: all 0s linear;
   transition: all 0s linear;
 }
 .is-customize-preview .hero-slideshow-wrapper .hero__content .hero-large-text {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .is-customize-preview .hero-slideshow-wrapper .hero__content .hero-small-text {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .is-customize-preview .hero-slideshow-wrapper .hero__content .btn {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .is-customize-preview .hero-slideshow-wrapper .hero__content .hcl2-content {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
   -webkit-transition-duration: 0s;
   transition-duration: 0s;
 }
 .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
   -webkit-transition-delay: 0s;
   /* Safari */
   transition-delay: 0s;
 }
 .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hero-large-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hero-small-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .btn, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hcl2-content {
   visibility: visible;
   opacity: 1;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
 }
 .hero-slideshow-normal .container {
   padding: 10% 0px;
   position: relative;
   z-index: 80;
 }
 .hero-slideshow-fullscreen .container {
   z-index: 80;
   position: relative;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 .hero__content {
   color: #FFF;
   text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   font-weight: 300;
   text-align: center;
   margin: auto;
 }
 .hero__content h1, .hero__content h2, .hero__content h3, .hero__content h4, .hero__content h5, .hero__content h6 {
   color: #FFF;
   letter-spacing: 2px;
   text-transform: uppercase;
 }
 .hero__content a.btn {
   margin: 10px 10px 20px 0px;
   margin: 0.625rem 0.625rem 1.25rem 0px;
 }
 .hero__content p {
   margin-bottom: 40px;
 }
 .hc-hero-slogan {}
 /* Hero Content Style 2. */
 .hero-content-style2 h1 {
   font-weight: 800;
   font-size: 50px;
   font-size: 3.125rem;
   letter-spacing: 3px;
 }
 .hero-content-style2 .hcl2-content {
   padding: 0px 0px 0px 20px;
   ;
 }
 .hero-content-style2 .hcl2-image {
   max-width: 500px;
 }
 @media (max-width: 1199px) {
   .hero-content-style2 .hcl2-content, .hero-content-style2 .hcl2-image {
     text-align: left;
     padding: 0 20px;
     margin-bottom: 70px;
     max-width: 480px;
   }
 }
 /* Hero Text Style1. */
 .hero-content-style1 {
   text-align: center;
 }
 .hero-content-style1 h2 {
   color: #FFFFFF;
   font-size: 35px;
   letter-spacing: 2px;
   line-height: 1.3;
   text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   font-weight: 800;
   text-transform: uppercase;
 }
 @media screen and (min-width: 720px) {
   .hero-content-style1 h2 {
     font-size: 60px;
     letter-spacing: 3px;
   }
 }
 @media screen and (min-width: 940px) {
   .hero-content-style1 h2 {
     font-size: 75px;
     letter-spacing: 4px;
   }
 }
 .hero-content-style1 h2 strong {
   font-weight: 900;
 }
 .hero-content-style1 p {
   font-size: 14px;
   font-style: italic;
   letter-spacing: 0.4px;
   text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   color: #FFFFFF;
   text-align: center;
   font-weight: 100;
   margin-bottom: 30px;
   margin-bottom: 1.875rem;
 }
 @media screen and (min-width: 940px) {
   .hero-content-style1 p {
     font-size: 18px;
   }
 }
 @media screen and (min-width: 1140px) {
   .hero-content-style1 p {
     font-size: 22px;
   }
 }
 .hero-content-style1 p strong {
   letter-spacing: -0.6px;
 }
 @media (max-width: 767px) {
   .hero-content-style1 .btn {
     display: inline-block;
   }
 }
 .hero-content-style1 a:active, .hero-content-style1 a:focus, .hero-content-style1 .btn:active, .hero-content-style1 .btn:focus {
   outline: none;
 }
 #hero .btn {
   box-shadow: none;
 }
 #hero .btn-theme-primary:focus {
   color: #fff;
 }
 .h-on-top.is-transparent #hero .container .hero__content {
   margin-top: 75px;
 }
 .herotxt {
   margin-bottom: 20px;
 }
 /* Text Rotator */
 .morphext > .animated {
   display: inline-block;
 }
 /**/
 .termine-btn {
   margin-bottom: 0;
   box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
 }
 .termine-btn[aria-expanded="true"] {
   border-bottom: 0px;
   color: #22355C;
   border-radius: 4px 4px 0px 0px;
   background: #B5DCDF;
   box-shadow: none;
 }
 #oldEvents {
   position: relative;
   width: 100%;
   border: 2px solid #B5DCDF;
   border-top: 0px;
   border-radius: 0px 0px 4px 4px;
 }
 .oldevent-box {
   text-align: center;
   padding: 20px 20px 0px 20px;
 }
 #oldEvents .date-row {}
 /* Termine Style */
.keine-termine {
    color: #22355C;
    font-style: italic;
    padding: 20px;
    display: block;
    text-align: center;
}
 .sticky-events {
   width: 100%;
   display: flex;
 }
 .sticky-events .keine-termine {
   display: none;
 }
 .sticky-events .sticky .eap__img:before {
   content: 'save the date';
   position: absolute;
   width: 80px;
   height: 80px;
   background: #E3A430;
   left: -30px;
   top: -35px;
   z-index: 1;
   border-radius: 100%;
   color: #fff;
   font-size: 14px;
   padding: 13px;
   line-height: 1.2;
   box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
   text-align: center;
   /* transform: translateY(-50%); */
 }
 .sticky-events .date-row {
   border: 15px solid #fff;
   border-radius: 4px;
 }
 .eap__list {
   width: 100%;
   justify-content: center;
   margin: auto;
 }
 .eap__event {
   font-family: "Rubik";
   border-radius: 3px;
   min-height: 100px;
   width: 100%;
   background: none !important;
 }
 .eap__event a, #termin-single a {
   transition: all 0.5s ease;
 }
 .eap__event a:hover, #termin-single a:hover {
   text-decoration: none;
 }
 .eap__img {
   min-height: 150px;
   width: 150px;
   display: inline-block;
   background: url("assets/images/hc_logo-white.png") no-repeat center #E3A430;
 }
 .eap__img img {
   height: 100%;
   width: 100%;
   object-fit: cover;
 }
 .eap__img, .eap__img img {
   border-radius: 3px 0px 0px 3px;
 }
 #termin-single {}
 #termin-single .eap__img img {
   border-radius: 3px 0px 0px 3px;
 }
 #termin-single .big-number {
   font-size: 400%;
 }
 #termin-single .eap__details {
   text-align: center;
 }
 .big-number {
   font-size: 250%;
   line-height: 1;
   font-weight: 300;
 }
 .eap__title {
   font-size: 1.2rem;
   height: auto;
   line-height: auto;
   margin: 0px 0px 10px 0px;
   color: #22355C !important;
 }
 @media screen and (min-width: 1180px) {
   .section-termine .sticky .eap__title {
     font-size: 2rem;
   }
   .section-termine .sticky .big-number {
     font-size: 500%;
   }
   .section-termine .sticky .eap__details {
     padding: 30px;
   }
 }
 .eap__date.datum {
   background: #22355C;
   color: #fff;
   text-align: center;
   overflow: hidden;
   min-height: 150px;
   width: 150px;
   display: grid;
   align-content: center;
 }
 .eap__date.bis {
   margin: 5px 10px;
   border-top: 2px solid #E3A430;
   padding-top: 5px;
 }
 .eap__details {
   padding: 12px;
   font-weight: 500;
   background: #fff;
   text-align: center;
   display: grid;
   align-content: center;
   border-radius: 0px 3px 3px 0px;
 }
 .event-archive .eap__details {
   border: 2px solid #22355C;
 }
 .eap__add-info {
   font-weight: 300;
   padding: 5px;
   border: 1px solid #E3A430;
   font-size: 12px;
   margin-top: 20px;
   border-radius: 3px;
   background: #fff;
   color: #E3A430;
   
 }
 .angebote-seite p {
 font-family: 'rubik';
    margin: 0;
}
 #angebote {
   background: #E3A430;
      transition: .8s ease all;
   -webkit-transition: .8s ease all;
   padding-bottom: 150px;
 }
 #angebote .btn{
width: 250px;
height: 250px;
border-radius: 100%;
margin: 20px;
color: #fff;
position: relative;
background-size: 150% auto;
background-repeat: no-repeat;
   transition: .8s ease all;
   -webkit-transition: .8s ease all;
 }
 #angebote .btn:before {
   position: absolute;
   top: 0px;
   bottom: 0;
   left: 0;
   width: 100%;
   display: block;
   content: " ";
   background: #22355C;
   opacity: 0.3;
   border-radius: 100%;
   transition: .5s ease all;
   -webkit-transition: .5s ease all;
 }
   #angebote .btn:hover {
   background-size: 170%;
 }
  #angebote .btn:hover:before {
   background: #E3A430;
   -webkit-box-shadow: 0px 0px 0px 20px #E3A430; 
box-shadow: 0px 0px 0px 20px #E3A430;
   opacity: 0.8;
 }
 #angebote .btn span {
    text-align: left;
    position: absolute;
    left: -20px;
	font-size: 2em;
}
 #angebote .link:after{
content: '\e095';
 font-family: 'lg';
 	font-size: 2.5em;
 color: #E3A430;
 width: 50px;
 height: 50px;
 line-height: 1.6;
 position: absolute;
 background: #fff;
 border-radius: 50px;
 left: -20px;
 bottom: -25px;
    transition: .5s ease all;
   -webkit-transition: .5s ease all;
 }
  #angebote .btn:hover .link:after{
 background: #22355C;
 color: #fff;
 }
 #angebote .btn span p{
	font-size: 15px;
	line-height: 1.5;
	padding-top: 20px;
	font-weight: normal;
}
  #angebote .btn.eins{
 background-image: url('https://hopecity-muenchen.de/wp-content/uploads/2019/11/sonntagabend_platzhalter-768x512.jpg');
 }
   #angebote .btn.zwei{
 background-image: url('https://hopecity-muenchen.de/wp-content/uploads/2021/02/IMG_5032-768x512.jpg');
 background-position: center;
 }
    #angebote .btn.drei{
 background-image: url('https://hopecity-muenchen.de/wp-content/uploads/2021/04/comp_IMG_5137-768x512.jpg');
 background-position: center;
 }
#angebote .btn.vier{
 background-image: url('https://hopecity-muenchen.de/wp-content/uploads/2019/12/DSC_0087-768x512.jpg');
 background-position: center;
 }
 #termine .btn, #ueber .btn, #news .all-news .btn {
   border-color: transparent!important;
   background: #22355C;
   margin-top: 10px;
   text-align: center;
    color: #fff !important;
 }
#termine, #angebote {
    text-align: center;
    margin-top: -30px !important;
}
 #termine .btn:hover, #ueber .btn:hover, #news .all-news .btn:hover {
   border-color: #22355C !important;
   background: transparent;
   color: #22355C !important;
 }
 #termine .eap__add-info, .event-archive .eap__add-info {
   display: none;
 }
 .eap__time {
   color: #E3A430;
   font-size: 1rem;
 }
 .eap__location {
   color: #E3A430;
   font-weight: 300;
 }
 /* Termine Single*/
 .termine-entry-wrap::before {
   content: '';
   display: block;
   border: 1.7em solid #E3A430;
   border-top-color: rgb(227, 164, 48);
   border-right-color: rgb(227, 164, 48);
   border-left-color: rgb(227, 164, 48);
   border-right-color: transparent;
   border-left-color: transparent;
   border-top-color: transparent;
   position: absolute;
   left: 50%;
   -webkit-transform: translate(-50%, 0%);
   transform: translate(-50%, 0%);
   margin: -70px 0 0 0em;
   top: 19px;
 }
 .termine-entry-wrap::after {
   content: '';
   display: block;
   border: 1.6em solid #fff;
   border-top-color: rgb(227, 164, 48);
   border-right-color: rgb(227, 164, 48);
   border-left-color: rgb(227, 164, 48);
   border-right-color: transparent;
   border-left-color: transparent;
   border-top-color: transparent;
   position: absolute;
   left: 50%;
   -webkit-transform: translate(-50%, 0%);
   transform: translate(-50%, 0%);
   margin: -70px 0 0 0em;
   top: 23px;
 }
 .termine-entry-wrap { /* Wrapperfür den Termin-Single Editor-Content */
   background: #fff;
   padding: 30px 30px 30px;
   top: 0;
   max-width: 800px;
   border-radius: 4px;
   margin: 0px auto;
   position: relative;
   border: 2px solid #E3A430;
   text-align: center;
 }
 #termin-single {
   margin-bottom: 40px;
   margin-top: 30px;
 }
 #termin-single .date-row {
   font-family: "Rubik", Helvetica, Arial, sans-serif;
   margin-bottom: 40px !important;
   box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
 }
 .single-eap_event .site-content {}
 #termin-single .eap__img {
   height: auto;
   display: inline-block;
   float: right;
   max-height: 300px;
 }
 #termin-single .eap__date.datum, #termin-single .eap__details {
   float: left;
   min-height: 150px;
   align-content: center;
   display: grid;
   padding: 20px;
 }
 #termin-single .eap__date.datum {
   text-align: center;
 }
 #termin-single .eap__title {
   font-size: 2rem;
   margin-bottom: 0px !important;
 }
 #termin-single .eap__time {
   font-size: 15px;
 }
 /* Section Über Uns */
 .section-ueber {
   overflow: visible;
   text-align: center;
   background: #E3A430 !important;
   color: #22355C;
 }
  .section-ueber h2{
  	color: #fff;
  }
 .section-ueber .container {}
 .section-ueber .btn {
   margin-top: 30px;
   position: relative;
   z-index: 2;
   font-style: normal;
 }
  .section-ueber .btn {
   background: #E3A430; 
 }
 .section-ueber .section-desc p {
   font-style: italic;
   padding: 0 60px;
 }
 .section-ueber .section-title-area {
   margin-bottom: 20px;
 }
 .hc-vision {}
 .hc-vision h2, .hc-vision h3 {
   color: #fff;
   text-align: center;
 }
 .hc-vision li {
   list-style: none;
   border-bottom: 1px solid #fff;
 }
 .awake-border {}
 .vision-border {}
 .hc-vision h2 {
   padding-bottom: 20px;
   border-bottom: 3px solid #fff;
 }
 .hc-vision h3 {
   padding: 10px;
 }
 /**/
 .hc-social {
   display: block;
   text-align: center;
 }
 .hc-social a {
   padding: 10px;
 }
 .hc-social a:hover i {
   color: #B5DCDF;
 }
 .hc-social a i {
   color: #fff;
   font-size: 2.3em !important;
 }
.hc_video_bg{
	background: #22355C;
}
.section-video .section-title{
	color: #E3A430 !important;
}
 .hc_logo-bg {
   position: absolute;
   width: 22%;
   top: 0;
   right: 0;
   min-width: 100px;
   max-width: 700px;
   z-index: 1;
   margin-top: 27%;
 }
 .hc_muc-bg {
   position: absolute;
   width: 50%;
   bottom: 0%;
   left: 0;
   min-width: 400px;
   z-index: 1;
 }
 .hc-logo_footer {
   height: 60px;
   text-align: center;
   display: block;
   margin: 0 auto;
   margin-bottom: 0px;
   margin-bottom: 20px;
 }
 /* Section: Termine */
 .hc_termin_bg.parallax-bg {
   height: 100% !important;
   background-color: #B5DCDF !important;
 }
 .section-termine {}
 .sep-page .grid-view article {
   background: #fff;
 }
 .sep-page .grid-view article .date {
   background-color: #22355C;
   color: #fff;
   margin-left: 0;
   padding: 40px 0;
   position: relative;
   width: 100%;
   height: 150px;
 }
 .sep-page .grid-view [class*="col-sm-"] {
   margin-bottom: 0;
 }
 .sep-page .grid-view article figure {
   height: 150px;
   width: 1500px;
   overflow: hidden;
 }
 .sep-page .grid-view article figure img {
   height: 150px;
   margin-left: -50px;
   max-width: none;
   width: auto;
 }
 /* Section: Features
------------------------------*/
 .icon-background-default {
   color: #03c4eb;
 }
 .feature-item {
   text-align: center;
 }
 .feature-item .feature-icon {
   color: #fff;
 }
 .feature-item .fa-5x {
   font-size: 4em;
 }
 .feature-item:hover .icon-background-default {
   color: #000;
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 @media screen and (min-width: 940px) {
   .feature-item.col-lg-3:nth-child(4n+1), .feature-item.col-lg-4:nth-child(3n+1), .feature-item.col-lg-6:nth-child(2n+1) {
     clear: left;
   }
 }
 .feature-media {
   text-align: center;
   margin-bottom: 20px;
 }
 /* Section: About Us
------------------------------*/
 .section-about .about-image {
   text-align: center;
 }
 .section-about .about-image img {
   margin-bottom: 30px;
 }
 .section-about .section-title-area {
   margin-bottom: 40px;
 }
 .section-about .row > div {
   margin-top: 30px;
 }
 /* Section: Services
------------------------------*/
 .section-services .service-item {
   background: #FFFFFF;
   padding: 30px;
   margin-bottom: 30px;
   position: relative;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
   -webkit-transition: all 100ms ease-out 0s;
   transition: all 100ms ease-out 0s;
 }
 @media screen and (max-width: 720px) {
   .section-services .service-item {
     padding: 20px;
   }
 }
 .section-services .service-item:after {
   content: "";
   display: table;
   clear: both;
   clear: both;
 }
 .section-services .service-item:hover {
   box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09);
 }
 .section-services .service-item .service-image {
   float: left;
   margin-right: 30px;
 }
 .section-services .service-item .service-image img {
   max-width: 120px;
   height: auto;
 }
 .section-services .service-item .service-image i {
   color: #03c4eb;
 }
 @media screen and (max-width: 720px) {
   .section-services .service-item .service-image {
     float: none;
     margin-bottom: 30px;
     margin-top: 10px;
     margin-right: 0px;
     text-align: center;
   }
 }
 .section-services .service-item .service-thumbnail {
   margin-bottom: 25px;
   margin-bottom: 1.5625rem;
 }
 .section-services .service-item .service-content {
   overflow: hidden;
 }
 .section-services .service-item .service-content p {
   margin: 0px;
   font-size: 14px;
   color: #777777;
 }
 @media screen and (max-width: 720px) {
   .section-services .service-item .service-content {
     text-align: center;
     overflow: auto;
   }
 }
 .section-services .service-item .service-title {
   margin-bottom: 10px;
   margin-bottom: 0.625rem;
   color: #000;
 }
 .section-services .service-item .service-link:before {
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0px;
   left: 0px;
   content: "";
 }
 /* Section: Counter
------------------------------*/
 .counter_item {
   text-align: center;
   margin-bottom: 35px;
   margin-bottom: 2.1875rem;
 }
 .counter_item .counter__number {
   font-size: 50px;
   font-size: 3.125rem;
   font-weight: 800;
   color: #03c4eb;
   line-height: 1;
   font-family: serif, sans-serif;
   text-transform: uppercase;
 }
 .counter_item .counter_title {
   font-size: 18px;
   font-size: 1.125rem;
 }
 /* Hero Nav*/
 #next, #prev {
   font-family: 'lg';
   padding: 10px;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
   z-index: 9999;
   position: absolute;
   height: 100px;
   width: 40px;
   cursor: pointer;
   font-size: 25px;
   color: #E3A430;
   transition: 0.5s ease all;
   text-align: center;
   display: none; /* HIDE Slider-Nav*/
 }
 #next:before, #prev:before {
   position: absolute;
 }
 #next:before {
   content: '\e097';
   right: 8px;
 }
 #prev:before {
   content: '\e096';
   left: 8px;
 }
 #next {
   right: 0px;
 }
 #prev {
   left: 0px;
 }
 #next:hover, #prev:hover {
   color: #fff;
   font-size: 30px;
 }
 /* Section: Parallax
------------------------------*/
 #parallax-hero {
   position: relative;
   background: none;
   overflow: hidden;
 }
 #parallax-hero .hero-slideshow-wrapper {
   background: none;
 }
 #parallax-hero .hero-slideshow-wrapper::after {
   background: none;
 }
 .section-parallax, #parallax-hero {
   background: none;
   position: relative;
   overflow: visible;
 }
 .section-parallax > section, .section-parallax .onepage-section, .section-parallax .section-inverse, #parallax-hero > section, #parallax-hero .onepage-section, #parallax-hero .section-inverse {
   background: none;
 }
 .section-parallax .parallax-bg, #parallax-hero .parallax-bg {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: auto;
   min-height: 100%;
   display: block;
   background-size: 100% auto;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: 80% 80%;
 }
 .section-parallax .parallax-bg:before, #parallax-hero .parallax-bg:before {
   content: " ";
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   display: block;
   width: 100%;
   height: 100%;
   z-index: 2;
 }
 .section-parallax .parallax-bg img, #parallax-hero .parallax-bg img {
   position: absolute;
   left: 0;
   bottom: 0;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   max-width: 9999999px;
 }
 .section-parallax .parallax-bg.no-img, #parallax-hero .parallax-bg.no-img {
   height: 120%;
   background-size: cover;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-attachment: scroll;
   background-position: 50% 0;
 }
 .parallax_bg_overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   z-index: 5;
   opacity: 0.4;
 }
 .parallax-content {
   z-index: 10;
   position: relative;
   padding: 100px 0px;
   text-align: center;
 }
 .parallax-content h1, .parallax-content h2, .parallax-content h3, .parallax-content h4, .parallax-content h5, .parallax-content h6 {
   color: #FFFFFF;
   line-height: 1.5;
 }
 .parallax-content p, .parallax-content a {
   color: #FFFFFF;
 }
 /* Section: Team
------------------------------*/
 .section-team .team-member {
   padding: 0px 0.5px;
   text-align: center;
 }
 .section-team .row {
   margin-left: -0.5px;
   margin-right: -0.5px;
 }
 .team-members.row {
   margin-left: 0px;
   margin-left: 0rem;
   margin-right: 0px;
   margin-right: 0rem;
 }
 @media screen and (min-width: 940px) {
   .team-members.row.team-layout-4 .team-member {
     width: 25%;
   }
   .team-members.row.team-layout-4 .team-member:nth-child(4n+1) {
     clear: left;
   }
   .team-members.row.team-layout-3 .team-member {
     width: 33.3333333333%;
   }
   .team-members.row.team-layout-3 .team-member:nth-child(3n+1) {
     clear: left;
   }
   .team-members.row.team-layout-2 .team-member {
     width: 50%;
   }
   .team-members.row.team-layout-2 .team-member:nth-child(2n+1) {
     clear: left;
   }
 }
 @media screen and (max-width: 940px) {
   .team-members.row .team-member {
     width: 50%;
   }
   .team-members.row .team-member:nth-child(2n+1) {
     clear: left;
   }
 }
 @media screen and (max-width: 720px) {
   .team-members.row .team-member {
     width: 50%;
   }
   .team-members.row .team-member:nth-child(2n+1) {
     clear: left;
   }
 }
 @media screen and (max-width: 576px) {
   .team-members.row .team-member {
     width: 100%;
   }
 }
 .team-member {
   margin-bottom: 20px;
   float: left;
 }
 .team-member .member-thumb {
   margin-bottom: 20px;
   position: relative;
   overflow: hidden;
 }
 .team-member .member-thumb:hover .member-profile {
   bottom: 8px;
   -webkit-transition: all 0.1s linear;
   transition: all 0.1s linear;
 }
 .team-member .member-thumb:hover img {
   opacity: 0.7;
   -webkit-transition: all 0.1s linear;
   transition: all 0.1s linear;
 }
 .team-member .member-thumb .member-profile {
   position: absolute;
   text-align: center;
   bottom: -35px;
   left: auto;
   right: auto;
   width: 100%;
 }
 .team-member .member-thumb .member-profile a {
   color: #000000;
 }
 .team-member .member-thumb .member-profile a .fa-inverse {
   color: #ffffff;
 }
 .team-member .member-thumb .member-profile a:hover {
   color: #03c4eb;
 }
 .team-member .member-info {
   margin-top: 0px;
   position: relative;
   z-index: 30;
   text-align: center;
 }
 .team-member .member-name {
   letter-spacing: 2px;
   margin-bottom: 15px;
   position: relative;
 }
 .team-member .member-name:after {
   content: "";
   display: block;
   position: absolute;
   left: 50%;
   margin-left: -15%;
   bottom: -11px;
   width: 30%;
   height: 1px;
   background: #cccccc;
 }
 .team-member .member-position {
   text-transform: uppercase;
   font-size: 10px;
   letter-spacing: 1.3px;
 }
 /* Section: News
------------------------------*/
 .grid-center {
   justify-content: center;
 }
 .all-news {
   text-align: center;
   margin-top: 30px;
   display: block;
 }
 .hc_blog_bg {
   z-index: 0;
   background: #fff;
 }
 .section-news .list-article, .archive .list-article, .blog .list-article {
   border-radius: 4px;
 }
 .section-news .list-article:last-of-type, .archive .list-article:last-of-type, .blog .list-article:last-of-type {}
 .section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
   margin-right: 30px;
   width: 100%;
   max-height: 200px;
   overflow: hidden;
 }
 .section-news .list-article-thumb img, .archive .list-article-thumb img, .blog .list-article-thumb img {
   width: 100%;
   border-radius: 3px 3px 0px 0px;
 }
 .section-news .list-article-thumb a img:hover, .archive .list-article-thumb a img:hover, .blog .list-article-thumb a img:hover {
   opacity: 0.8;
 }
 @media screen and (max-width: 940px) {}
 @media screen and (max-width: 720px) {
   .section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
     width: 100%;
     float: none;
     margin-right: 0px;
     display: block;
   }
   .section-news .list-article-thumb img, .archive .list-article-thumb img, .blog .list-article-thumb img {
     width: 100%;
   }
 }
 .list-article-content {
   float: left;
   background: #22355C;
   text-align: center;
   color: #fff !important;
   min-height: 270px;
 }
 .list-article-content .entry-header a {
   color: #fff;
 }
 .entry-header a {
   font-weight: 500;
 }
 .section-news .list-article-content, .archive .list-article-content, .blog .list-article-content {
   float: none;
   overflow: visible;
   text-align: center;
   padding: 25px;
   border-radius: 0px 0px 3px 3px;
   position: relative;
 }
 .section-news .list-article-meta, .archive .list-article-meta, .blog .list-article-meta {
   font-family: "Rubik";
   font-size: 11px;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 1.2px;
   margin-bottom: 10px;
   color: #E3A430;
   font-weight: normal;
 }
 .section-news .entry-title, .archive .entry-title {
   font-size: 22px;
   line-height: 1.5;
 }
 .section-news .entry-title a:hover, .archive .entry-title a:hover, .blog .entry-title a:hover {
   text-decoration: none;
 }
 .section-news .entry-excerpt p, .archive .entry-excerpt p, .blog .entry-excerpt p {
   margin-bottom: 0px;
 }
 .archive .site-main .list-article:first-child, .blog .site-main .list-article:first-of-type {
   border-top: none;
   padding-top: 0px;
 }
 .page-template-template-blog .section-news .list-article {
   padding: 30px 0px;
 }
 .page-template-template-blog .section-news .list-article:first-of-type {
   border-top: none;
   padding-top: 0px;
 }
 .page-template-template-blog .section-news .list-article:last-of-type {
   border-bottom: none;
 }
 .section-news.section-inverse .list-article {
   border-top: 1px solid rgba(255, 255, 255, 0.2);
 }
 .section-news.section-inverse .list-article:last-of-type {
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 }
 .section-news.section-inverse h1 a, .section-news.section-inverse h2 a, .section-news.section-inverse h3 a, .section-news.section-inverse h4 a, .section-news.section-inverse h5 a {
   color: rgba(255, 255, 255, 0.8);
 }
 .section-news.section-inverse h1 a:hover, .section-news.section-inverse h2 a:hover, .section-news.section-inverse h3 a:hover, .section-news.section-inverse h4 a:hover, .section-news.section-inverse h5 a:hover {
   color: #FFF;
 }
 /* Section: Contact
------------------------------*/
 .section-contact input, .section-contact textarea {
   width: 100%;
 }
 .section-contact .address-contact {
   margin-top: 5px;
   margin-bottom: 15px;
 }
 .section-contact .address-contact span {
   float: left;
   color: #aaaaaa;
 }
 .section-contact .address-contact .address-content {
   display: block;
   padding-left: 45px;
   font-style: italic;
   line-height: 2;
 }
 .section-contact .address-contact .fa-inverse {
   font-size: 12px;
 }
 .section-contact textarea {
   max-height: 190px;
 }
 /* CWPC 7 */
 input[type="text"].wpcf7-form-control, input[type="email"].wpcf7-form-control, textarea[name="your-message"].wpcf7-form-control {
   background: transparent;
   z-index: 2;
   position: relative;
 }
 .wpcf7-form {
   color: #E3A430;
 }
 .wpcf7-form br {
   margin-bottom: 5px;
 }
 .wpcf7-form label {
   width: 100%;
   font-family: 'Rubik';
   color: #22355C;
   z-index: 1;
   position: absolute;
   padding: 12px 10px;
   left: 1.5em;
   margin: 0px;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }
 .form-group.active > label {
   margin-top: -8px;
   color: #E3A430;
   font-size: 10px;
   background: #fff;
   z-index: 3;
   line-height: 0;
   width: auto;
   padding-right: 10px;
   padding-left: 0px;
 }
 div.wpcf7-validation-errors {
   margin: 20px 0px;
   padding: 15px;
 }
 div.wpcf7-response-output {
   margin: 20px 0px;
 }
 .wpcf7-form textarea, .wpcf7-form input {
   width: 100%;
 }
 .wpcf7-form textarea {
   line-height: 1.13em;
 }
 span.wpcf7-not-valid-tip {
   color: #fff;
   font-size: 1em;
   font-weight: normal;
   display: block;
   position: absolute;
   bottom: -2em;
   width: 100%;
   text-align: center;
   background: #22355C;
   z-index: 2;
 }
 .wpcf7-submit.btn:hover {
   background: #22355C;
 }
 /* Section: Videolightbox
------------------------------*/
 .section-videolightbox {
   text-align: center;
 }
 .section-videolightbox .videolightbox__icon {
   margin-bottom: 40px;
   margin-bottom: 2.5rem;
 }
 .section-videolightbox .videolightbox__heading {
   text-transform: uppercase;
   font-size: 38px;
   font-size: 2.375rem;
   letter-spacing: 0px;
   font-weight: 500;
 }
 .section-videolightbox .videolightbox__heading strong {
   font-weight: 800;
 }
 .section-videolightbox .video_icon {
   background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
   border: 4px solid #fff;
   border-radius: 100px;
   height: 50px;
   line-height: 1;
   padding: 10px;
   width: 50px;
   display: inline-block;
 }
 .section-videolightbox .video_icon i {
   color: #fff;
   font-size: 20px;
   margin-left: 6px;
   margin-top: 1px;
   line-height: 1;
 }
 .section-videolightbox .video_icon:hover {
   background: #FFFFFF;
 }
 .section-videolightbox .video_icon:hover i {
   color: #000;
 }
 /* Section: Gallery
------------------------------*/
 .gallery-grid .g-item {
   padding: 10px;
   float: left;
 }
 .all-gallery {
   text-align: center;
   margin-top: 40px;
   display: block;
 }
 .g-zoom-in .g-item {
   display: block;
   overflow: hidden;
 }
 .g-zoom-in .g-item .inner-content {
   display: block;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
 .g-zoom-in .g-item img {
   display: block;
   overflow: hidden;
   -webkit-transition: all 0.5s linear;
   transition: all 0.5s linear;
 }
 .g-zoom-in .g-item:hover img {
   -ms-transform: scale(1.5, 1.5);
   /* IE 9 */
   -webkit-transform: scale(1.5, 1.5);
   /* Safari */
   transform: scale(1.5, 1.5);
 }
 .g-layout-full-width.container {
   width: 100%;
   max-width: none;
   padding: 0px;
 }
 @media screen and (min-width: 720px) {
   .g-col-1 .g-item {
     width: 100%;
   }
   .g-col-1 .g-item:nth-child(1n+1) {
     clear: left;
   }
   .g-col-2 .g-item {
     width: 50%;
   }
   .g-col-2 .g-item:nth-child(2n+1) {
     clear: left;
   }
   .g-col-3 .g-item {
     width: 33.3333333333%;
   }
   .g-col-3 .g-item:nth-child(3n+1) {
     clear: left;
   }
   .g-col-4 .g-item {
     width: 25%;
   }
   .g-col-4 .g-item:nth-child(4n+1) {
     clear: left;
   }
   .g-col-5 .g-item {
     width: 20%;
   }
   .g-col-5 .g-item:nth-child(5n+1) {
     clear: left;
   }
   .g-col-6 .g-item {
     width: 16.6666666667%;
   }
   .g-col-6 .g-item:nth-child(6n+1) {
     clear: left;
   }
 }
 @media screen and (min-width: 576px) and (max-width: 720px) {
   .g-col-1 .g-item {
     width: 100%;
   }
   .g-col-1 .g-item:nth-child(1n+1) {
     clear: left;
   }
   .g-col-2 .g-item {
     width: 50%;
   }
   .g-col-2 .g-item:nth-child(2n+1) {
     clear: left;
   }
   .g-col-3 .g-item {
     width: 33.3333333333%;
   }
   .g-col-3 .g-item:nth-child(3n+1) {
     clear: left;
   }
   .g-col-4 .g-item {
     width: 25%;
   }
   .g-col-4 .g-item:nth-child(4n+1) {
     clear: left;
   }
   .g-col-5 .g-item {
     width: 20%;
   }
   .g-col-5 .g-item:nth-child(5n+1) {
     clear: left;
   }
   .g-col-6 .g-item {
     width: 16.6666666667%;
   }
   .g-col-6 .g-item:nth-child(6n+1) {
     clear: left;
   }
 }
 @media screen and (max-width: 576px) {
   .g-col-1 .g-item {
     width: 100%;
   }
   .g-col-1 .g-item:nth-child(1n+1) {
     clear: left;
   }
   .g-col-2 .g-item {
     width: 50%;
   }
   .g-col-2 .g-item:nth-child(2n+1) {
     clear: left;
   }
   .g-col-3 .g-item {
     width: 33.3333333333%;
   }
   .g-col-3 .g-item:nth-child(3n+1) {
     clear: left;
   }
   .g-col-4 .g-item {
     width: 25%;
   }
   .g-col-4 .g-item:nth-child(4n+1) {
     clear: left;
   }
   .g-col-5 .g-item {
     width: 20%;
   }
   .g-col-5 .g-item:nth-child(5n+1) {
     clear: left;
   }
   .g-col-6 .g-item {
     width: 16.6666666667%;
   }
   .g-col-6 .g-item:nth-child(6n+1) {
     clear: left;
   }
 }
 .gallery-justified {
   width: 100%;
   position: relative;
   overflow: hidden;
 }
 .gallery-justified img {
   max-width: none;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: 0;
   padding: 0;
   border: none;
 }
 .gallery-justified > a, .gallery-justified > div {
   position: absolute;
   display: inline-block;
   overflow: hidden;
   float: left;
 }
 .gallery-masonry {
   width: 100%;
   position: relative;
   display: block;
 }
 .gallery-masonry:after {
   clear: both;
 }
 .gallery-masonry .inner {
   display: block;
 }
 /* Mitarbeiter */
 .hc-partner{
 	margin-bottom: 70px;
 }
 .steckbrief h4, .support h4 {
    margin-top: 0px;
	color: #E3A430;
}
.steckbrief .wp-block-columns {
    padding: 2em;
    background: #22355C;
    background-image: url("assets/images/hc_logo-bg.svg");
    background-repeat: no-repeat;
    background-position: right bottom -30px;
    background-size: 160px;
	border-radius: 5px;
	color: #fff;
}
.steckbrief img {
    margin: 0 auto !important;
    width: 250px;
}
.support .wp-block-column {
    padding: 20px 20px 0px 20px;
	border-radius: 5px;
	border: 1px solid #E3A430;
}
 /* HOPE CITY Struktur */
 .hc_struktur {
   color: #22355C;
   box-shadow: 0 5px 30px 0 rgba(50, 50, 50, 0.3);
   padding: 0 !important;
 }
 .hc_struktur p {
   margin: 0;
 }
 .hc_struktur .wp-block-columns {
   margin: 0 auto;
   overflow: visible;
 }
 .hc_struktur, .hc_struktur .wp-block-group__inner-container, .level_4 h4, .level_5 h4, .begleitung, .level_1 .g-begleitung {
   border-radius: 4px;
 }
 .level_2 figcaption, .level_5 {
   border-radius: 0px 0px 4px 4px;
 }
 .level_2 .wp-block-image img {
   max-width: 200px;
   margin: 0 auto;
   padding: 20px 10px 10px 10px;
 }
 .level_2 figcaption {
   text-align: center;
   font-weight: bold;
 }
 .level_2 .wp-block-columns {
   border-bottom: 2px solid;
   padding-bottom: 30px;
 }
 .level_1 h3 {
   text-align: left !important;
   float: left;
   vertical-align: middle;
   line-height: 2;
 }
 .level_1 h3:before {
   content: '';
   background: url("assets/images/hc-logo-ce.svg") no-repeat;
   width: 50px;
   height: 40px;
   float: left;
   margin-right: 15px;
 }
 .hc_struktur h2, .hc_struktur h3, .hc_struktur h4 {
   font-family: "Rubik", Helvetica, Arial, sans-serif;
   font-style: normal;
   margin: 0;
   text-align: center;
   padding: 1em 1em;
   color: #fff;
 }
 .level_1 .wp-block-media-text__media, .level_2 .wp-block-media-text__media {
   padding: 10px;
   max-width: 7rem;
   opacity: 0.5;
 }
 .level_2 h2 {
   color: #22355C;
 }
 .level_2 h3 {
   color: #22355C;
   text-transform: uppercase;
   font-weight: normal;
   font-size: 30px;
   margin-bottom: 20px;
 }
 .level_2 h2:before {
   content: '';
   /* background: url("assets/images/hc_full-logo-bg.svg"); */
   position: absolute;
   width: 4.5em;
   height: 4.5em;
   display: block;
   text-align: center;
   margin: auto;
   margin-top: -25px;
   left: 10%;
   opacity: 0.5;
 }
 .hc_struktur .g-begleitung {
   font-family: "Rubik", Helvetica, Arial, sans-serif;
   margin: 0;
   font-size: 15px;
   font-size: 1.0625rem;
   color: #fff;
   background: #22355C;
   padding: 0.5em 0.5em;
 }
 .level_1, .level_2, .level_3, .level_4 h4 {
   position: relative;
 }
 .level_1:after, .level_2:after, .level_4 h4:after, .level_5 h4:after {
   content: " ";
   border: solid transparent;
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(136, 183, 213, 0);
   border-width: 30px;
   margin-left: -30px;
   bottom: -3.5em;
   left: 50%;
   display: block;
   border-top-color: #22355C;
   z-index: 1;
 }
 .level_1:after {
   border-top-color: #E3A430;
 }
 .level_2:after {
   bottom: -2.7rem;
 }
 .level_4 h4:after {
   bottom: -2em;
   border-top-color: transparent;
   border-bottom-color: #B5DCDF;
 }
 .level_1 {
   background: #E3A430;
   padding-right: 0 !important;
   padding-left: 0 !important;
 }
 .level_1 h3, .level_3 h2 {
   color: #fff;
   font-weight: normal;
 }
 .begleitung {
   margin-bottom: -40%;
   z-index: 1;
   background: #E3A430;
   padding: 1em;
   height: 100%;
   text-align: center;
   color: #fff;
 }
 .begleitung .wp-block-image {
   max-width: 100%;
 }
.begleitung .wp-block-image img {
    margin: 20px auto 0px auto;
    max-width: 160px;
    width: 100%;
}
 .begleitung.wp-block-column:nth-child(2n), .begleitung.wp-block-column:not(:first-child) {
   margin-left: 0;
 }
 .level_2 {
   background: #fff;
   padding: 1em 1em;
 }
 .level_2 p {
   border-bottom: 3px solid #22355C;
 }
 .level_2 p, .level_3 p {
   padding-bottom: 1em;
 }
 .level_3 {
   background: #22355C;
   color: #fff;
   padding-bottom: 1em;
 }
 .level_3 h2 {
   padding: 20px;
 }
 .level_5 h4 {
   background: #22355C;
   padding: 1em 1em;
   border-radius: 4px 4px 0px 0px;
 }
 .level_5 p {
   color: #22355C;
   text-align: center;
   padding: 15px 5px 10px 5px;
   background: #fff;
   border-radius: 0px 0px 4px 4px;
   margin-bottom: 15px;
 }
 .level_5 p:last-child {
   margin-bottom: 0;
 }
 .level_4 h4 {
   height: 4.2em;
   background: #E3A430;
padding: 1.5em .5em;
z-index: 1;
background-image: url("assets/images/hc_logo-bg.svg");
background-repeat: no-repeat;
background-position: right 10px;
background-size: 60px;
text-align: center;
font-size: 20px;
 }
 .level_3 .wp-block-group__inner-container {
   background: #22355C;
 }
 .level_3, .level_4, .level_5 {
   background: #fff;
   padding: 1em;
 }
 .level_5 .wp-block-group__inner-container {
   border: 3px solid #B5DCDF;
   background: #B5DCDF;
   padding: 1em;
 }
 .level_5 h4:first-of-type {
   margin-top: 0;
 }
 .level_5 h4:after {
   bottom: -1.2em;
   border-top-color: transparent;
   border-bottom-color: #fff;
 }
 .level_5 h4 {
   padding: 1em 2em;
   margin-top: 10px;
   font-weight: normal;
   background: #22355C;
   position: relative;
   color: #fff;
 }
 /*--------------------------------------------------------------
9.0 External Plugins
--------------------------------------------------------------*/
 /* Magnific Popup CSS */
 .mfp-bg {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1042;
   overflow: hidden;
   position: fixed;
   background: #0b0b0b;
   opacity: 0.8;
   filter: alpha(opacity=80);
 }
 .mfp-wrap {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1043;
   position: fixed;
   outline: none !important;
   -webkit-backface-visibility: hidden;
 }
 .mfp-container {
   text-align: center;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   padding: 0 8px;
   box-sizing: border-box;
 }
 .mfp-container:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
 }
 .mfp-align-top .mfp-container:before {
   display: none;
 }
 .mfp-content {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   margin: 0 auto;
   text-align: left;
   z-index: 1045;
 }
 .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
   width: 100%;
   cursor: auto;
 }
 .mfp-ajax-cur {
   cursor: progress;
 }
 .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
   cursor: -webkit-zoom-out;
   cursor: zoom-out;
 }
 .mfp-zoom {
   cursor: pointer;
   cursor: -webkit-zoom-in;
   cursor: zoom-in;
 }
 .mfp-auto-cursor .mfp-content {
   cursor: auto;
 }
 .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .mfp-loading.mfp-figure {
   display: none;
 }
 .mfp-hide {
   display: none !important;
 }
 .mfp-preloader {
   color: #CCC;
   position: absolute;
   top: 50%;
   width: auto;
   text-align: center;
   margin-top: -0.8em;
   left: 8px;
   right: 8px;
   z-index: 1044;
 }
 .mfp-preloader a {
   color: #CCC;
 }
 .mfp-preloader a:hover {
   color: #FFF;
 }
 .mfp-s-ready .mfp-preloader {
   display: none;
 }
 .mfp-s-error .mfp-content {
   display: none;
 }
 button.mfp-close, button.mfp-arrow {
   overflow: visible;
   cursor: pointer;
   background: transparent;
   border: 0;
   -webkit-appearance: none;
   display: block;
   outline: none;
   padding: 0;
   z-index: 1046;
   box-shadow: none;
 }
 button::-moz-focus-inner {
   padding: 0;
   border: 0;
 }
 .mfp-close {
   line-height: 44px;
   position: absolute;
   right: 0;
   top: 0;
   text-decoration: none;
   text-align: center;
   opacity: 0.65;
   filter: alpha(opacity=65);
   padding: 0 0 18px 10px;
   color: #FFF;
   font-style: normal;
   font-size: 28px;
   font-family: Arial, Baskerville, monospace;
 }
 .mfp-close:hover, .mfp-close:focus {
   opacity: 1;
   filter: alpha(opacity=100);
 }
 .mfp-close:active {
   top: 1px;
 }
 .mfp-close-btn-in .mfp-close {
   color: #333;
 }
 .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
   color: #FFF;
   right: -6px;
   text-align: right;
   padding-right: 6px;
   width: 100%;
 }
 .mfp-counter {
   position: absolute;
   top: 0;
   right: 0;
   color: #CCC;
   font-size: 12px;
   line-height: 18px;
   white-space: nowrap;
 }
 .mfp-arrow {
   position: absolute;
   opacity: 0.65;
   filter: alpha(opacity=65);
   margin: 0;
   top: 50%;
   margin-top: -55px;
   padding: 0;
   width: 90px;
   height: 110px;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 .mfp-arrow:active {
   margin-top: -54px;
 }
 .mfp-arrow:hover, .mfp-arrow:focus {
   opacity: 1;
   filter: alpha(opacity=100);
 }
 .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
   content: '';
   display: block;
   width: 0;
   height: 0;
   position: absolute;
   left: 0;
   top: 0;
   margin-top: 35px;
   margin-left: 35px;
   border: medium inset transparent;
 }
 .mfp-arrow:after, .mfp-arrow .mfp-a {
   border-top-width: 13px;
   border-bottom-width: 13px;
   top: 8px;
 }
 .mfp-arrow:before, .mfp-arrow .mfp-b {
   border-top-width: 21px;
   border-bottom-width: 21px;
   opacity: 0.7;
 }
 .mfp-arrow-left {
   left: 0;
 }
 .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
   border-right: 17px solid #FFF;
   margin-left: 31px;
 }
 .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
   margin-left: 25px;
   border-right: 27px solid #3F3F3F;
 }
 .mfp-arrow-right {
   right: 0;
 }
 .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
   border-left: 17px solid #FFF;
   margin-left: 39px;
 }
 .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
   border-left: 27px solid #3F3F3F;
 }
 .mfp-iframe-holder {
   padding-top: 40px;
   padding-bottom: 40px;
 }
 .mfp-iframe-holder .mfp-content {
   line-height: 0;
   width: 100%;
   max-width: 900px;
 }
 .mfp-iframe-holder .mfp-close {
   top: -40px;
 }
 .mfp-iframe-scaler {
   width: 100%;
   height: 0;
   overflow: hidden;
   padding-top: 56.25%;
 }
 .mfp-iframe-scaler iframe {
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
   background: #000;
 }
 /* Main image in popup */
 img.mfp-img {
   width: auto;
   max-width: 100%;
   height: auto;
   display: block;
   line-height: 0;
   box-sizing: border-box;
   padding: 40px 0 40px;
   margin: 0 auto;
 }
 /* The shadow behind the image */
 .mfp-figure {
   line-height: 0;
 }
 .mfp-figure:after {
   content: '';
   position: absolute;
   left: 0;
   top: 40px;
   bottom: 40px;
   display: block;
   right: 0;
   width: auto;
   height: auto;
   z-index: -1;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
   background: #444;
 }
 .mfp-figure small {
   color: #BDBDBD;
   display: block;
   font-size: 12px;
   line-height: 14px;
 }
 .mfp-figure figure {
   margin: 0;
 }
 .mfp-bottom-bar {
   margin-top: -36px;
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
   cursor: auto;
 }
 .mfp-title {
   text-align: left;
   line-height: 18px;
   color: #F3F3F3;
   word-wrap: break-word;
   padding-right: 36px;
 }
 .mfp-image-holder .mfp-content {
   max-width: 100%;
 }
 .mfp-gallery .mfp-image-holder .mfp-figure {
   cursor: pointer;
 }
 @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
   /**
   * Remove all paddings around the image on small screen
   */
   .mfp-img-mobile .mfp-image-holder {
     padding-left: 0;
     padding-right: 0;
   }
   .mfp-img-mobile img.mfp-img {
     padding: 0;
   }
   .mfp-img-mobile .mfp-figure:after {
     top: 0;
     bottom: 0;
   }
   .mfp-img-mobile .mfp-figure small {
     display: inline;
     margin-left: 5px;
   }
   .mfp-img-mobile .mfp-bottom-bar {
     background: rgba(0, 0, 0, 0.6);
     bottom: 0;
     margin: 0;
     top: auto;
     padding: 3px 5px;
     position: fixed;
     box-sizing: border-box;
   }
   .mfp-img-mobile .mfp-bottom-bar:empty {
     padding: 0;
   }
   .mfp-img-mobile .mfp-counter {
     right: 5px;
     top: 3px;
   }
   .mfp-img-mobile .mfp-close {
     top: 0;
     right: 0;
     width: 35px;
     height: 35px;
     line-height: 35px;
     background: rgba(0, 0, 0, 0.6);
     position: fixed;
     text-align: center;
     padding: 0;
   }
 }
 @media all and (max-width: 900px) {
   .mfp-arrow {
     -webkit-transform: scale(0.75);
     -ms-transform: scale(0.75);
     transform: scale(0.75);
   }
   .mfp-arrow-left {
     -webkit-transform-origin: 0;
     -ms-transform-origin: 0;
     transform-origin: 0;
   }
   .mfp-arrow-right {
     -webkit-transform-origin: 100%;
     -ms-transform-origin: 100%;
     transform-origin: 100%;
   }
   .mfp-container {
     padding-left: 6px;
     padding-right: 6px;
   }
 }
 .mfp-ie7 .mfp-img {
   padding: 0;
 }
 .mfp-ie7 .mfp-bottom-bar {
   width: 600px;
   left: 50%;
   margin-left: -300px;
   margin-top: 5px;
   padding-bottom: 5px;
 }
 .mfp-ie7 .mfp-container {
   padding: 0;
 }
 .mfp-ie7 .mfp-content {
   padding-top: 44px;
 }
 .mfp-ie7 .mfp-close {
   top: 0;
   right: 0;
   padding-top: 0;
 }
 /* WooCommerce support */
 .woocommerce-result-count {
   font-style: italic;
 }
 .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
   margin-bottom: 1.5em;
 }
 .woocommerce-ordering select {
   padding: 7px;
   margin-top: -10px;
 }
 .woocommerce ul.products li.product h3 {
   font-size: 18px;
   font-size: 1.125rem;
   margin-bottom: 7px;
 }
 .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button.alt {
   background-color: #03c4eb;
   padding: 10px 20px;
   padding: 0.625rem 1.25rem;
   color: #FFF;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   font-size: 13px;
   font-size: 0.8125rem;
   border-radius: 3px;
 }
 .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce button.button.alt:hover {
   background: #22355C;
   color: #FFF;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }
 .woocommerce table.shop_table {
   border-collapse: collapse;
 }
 .woocommerce .quantity .qty {
   padding: 5px;
 }
 .woocommerce span.onsale {
   padding: inherit;
 }
 .related.products h2, #tab-description h2 {
   font-size: 17px;
   font-size: 1.0625rem;
   margin-bottom: 20px;
   text-transform: uppercase;
   letter-spacing: 1px;
 }
 .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
   padding: 9px 14px;
   font-weight: bold;
 }
 .woocommerce #customer_details .col-1, .woocommerce #customer_details .col-2, .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2, .woocommerce .woocommerce-Addresses .col-1, .woocommerce .woocommerce-Addresses .col-2, .woocommerce .woocommerce-customer-details .col-1, .woocommerce .woocommerce-customer-details .col-2 {
   max-width: 100%;
   padding-left: 0px;
   padding-right: 0px;
 }
 .woocommerce .woocommerce-additional-fields h3 {
   margin-top: 20px;
 }
 .woocommerce .cart_totals th {
   text-align: left;
 }
 .woocommerce .cart_totals h2 {
   font-size: 20px;
   font-size: 1.25rem;
 }
 .woocommerce .wc-proceed-to-checkout {
   text-align: center;
 }
 .woocommerce .woocommerce-order-details__title, .woocommerce .woocommerce-customer-details h2 {
   font-size: 20px;
   font-size: 1.25rem;
 }
 .woocommerce ul.products li.product .price del {
   display: inline-block;
 }
 .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
   width: 100%;
   float: none;
 }
 #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
   display: inline-block;
   margin: 0 auto;
 }
 .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
   background-color: #03c4eb;
 }
 .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
   background-color: #03c4eb;
   opacity: .8;
 }
 .woocommerce-MyAccount-navigation ul {
   margin: 0px;
   padding-left: 0px;
 }
 .woocommerce-MyAccount-navigation li {
   list-style: none;
 }
 /* Breadcrumbs
------------------------------*/
 .breadcrumbs {
   font-family: "Rubik";
   font-size: 12px;
   color: #fff;
   text-align: left;
   background: #B5DCDF;
 }
 .breadbox {
   z-index: 9999;
   padding: 4px 20px;
   transition: all 0.2s ease;
 }
 .breadcrumbs i {
   margin: 0px 6px;
 }
 .breadcrumbs a {
   text-decoration: none;
   color: #22355C;
   font-weight: 400;
 }
 .breadcrumbs a:hover {
   text-decoration: underline;
 }
 .breadcrumbs span {
   margin-right: 20px;
   position: relative;
 }
 .breadcrumbs span:last-child {
   margin-right: 0px;
 }
 @media screen and (min-width: 720px) {
   .breadcrumbs span {
     margin-right: 40px;
   }
 }
 .breadcrumbs span span {
   margin-right: 0;
 }
 .breadcrumbs a:before {
   border: solid #fff;
   border-width: 0 1px 1px 0;
   width: 20px;
   height: 20px;
   content: "";
   display: inline-block;
   position: absolute;
   right: -23px;
   top: -3px;
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   overflow: visible;
 }
 .page--cover .breadcrumbs {
   padding-bottom: 13px;
   position: absolute;
   color: #E3A430;
 }
 .page--cover .breadcrumbs a {
   color: #fff;
 }
 .page--cover .breadcrumbs a:before {
   border-color: #fff;
 }
 .page--cover ~ .hc-strich {
   background: #E3A430;
 }
 /* Coursel and slider */
 /**
 * Owl Carousel v2.3.0
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
 /*
 *  Owl Carousel - Core
 */
 .owl-carousel {
   display: none;
   width: 100%;
   -webkit-tap-highlight-color: transparent;
   /* position relative and z-index fix webkit rendering fonts issue */
   position: relative;
   z-index: 1;
 }
 .owl-carousel .owl-stage {
   position: relative;
   touch-action: manipulation;
   -moz-backface-visibility: hidden;
   /* fix firefox animation glitch */
 }
 .owl-carousel .owl-stage:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
 }
 .owl-carousel .owl-stage-outer {
   position: relative;
   overflow: hidden;
   /* fix for flashing background */
   -webkit-transform: translate3d(0px, 0px, 0px);
 }
 .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
 }
 .owl-carousel .owl-item {
   position: relative;
   min-height: 1px;
   float: left;
   -webkit-backface-visibility: hidden;
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
 }
 .owl-carousel .owl-item img {
   display: block;
   width: 100%;
 }
 .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
   display: none;
 }
 .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
   cursor: pointer;
   cursor: hand;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .owl-carousel.owl-loaded {
   display: block;
 }
 .owl-carousel.owl-loading {
   opacity: 0;
   display: block;
 }
 .owl-carousel.owl-hidden {
   opacity: 0;
 }
 .owl-carousel.owl-refresh .owl-item {
   visibility: hidden;
 }
 .owl-carousel.owl-drag .owl-item {
   touch-action: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .owl-carousel.owl-grab {
   cursor: move;
   cursor: -webkit-grab;
   cursor: grab;
 }
 .owl-carousel.owl-rtl {
   direction: rtl;
 }
 .owl-carousel.owl-rtl .owl-item {
   float: right;
 }
 /* No Js */
 .no-js .owl-carousel {
   display: block;
 }
 /*
 *  Owl Carousel - Animate Plugin
 */
 .owl-carousel .animated {
   -webkit-animation-duration: 1000ms;
   animation-duration: 1000ms;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }
 .owl-carousel .owl-animated-in {
   z-index: 0;
 }
 .owl-carousel .owl-animated-out {
   z-index: 1;
 }
 .owl-carousel .fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut;
 }
 @-webkit-keyframes fadeOut {
   0% {
     opacity: 1;
   }
   100% {
     opacity: 0;
   }
 }
 @keyframes fadeOut {
   0% {
     opacity: 1;
   }
   100% {
     opacity: 0;
   }
 }
 /*
 * 	Owl Carousel - Auto Height Plugin
 */
 .owl-height {
   -webkit-transition: height 500ms ease-in-out;
   transition: height 500ms ease-in-out;
 }
 /*
 * 	Owl Carousel - Lazy Load Plugin
 */
 .owl-carousel .owl-item .owl-lazy {
   opacity: 0;
   -webkit-transition: opacity 400ms ease;
   transition: opacity 400ms ease;
 }
 .owl-carousel .owl-item img.owl-lazy {
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
 }
 /*
 * 	Owl Carousel - Video Plugin
 */
 .owl-carousel .owl-video-wrapper {
   position: relative;
   height: 100%;
   background: #000;
 }
 .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
   display: none;
 }
 .owl-carousel .owl-video-tn {
   opacity: 0;
   height: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
   -webkit-transition: opacity 400ms ease;
   transition: opacity 400ms ease;
 }
 .owl-carousel .owl-video-frame {
   position: relative;
   z-index: 1;
   height: 100%;
   width: 100%;
 }
 /**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
 /*
 * 	Default theme - Owl Carousel CSS File
 */
 .owl-theme {
   position: relative;
 }
 .owl-theme .owl-nav button {
   position: absolute;
   top: 50%;
   background-color: rgba(0, 0, 0, 0.45);
   border-radius: 2px;
   color: #999;
   cursor: pointer;
   display: block;
   font-size: 22px;
   margin-top: 0px;
   padding: 4px 10px 5px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   border: 0px none;
 }
 .owl-theme .owl-nav button:focus {
   box-shadow: none;
   outline: none;
 }
 .owl-theme .owl-nav:hover {
   background-color: rgba(0, 0, 0, 0.6);
   color: #fff;
 }
 .owl-theme .owl-nav .owl-prev {
   left: 15px;
 }
 .owl-theme .owl-nav .owl-prev .lg-icon::before {
   content: "\e094";
 }
 .owl-theme .owl-nav .owl-next {
   right: 15px;
 }
 .owl-theme .owl-nav .owl-next .lg-icon::before {
   content: "\e095";
 }
 .owl-theme .owl-nav {
   margin-top: 0px;
   text-align: center;
   -webkit-tap-highlight-color: transparent;
 }
 .gallery-carousel.owl-theme .owl-nav [class*='owl-'] {
   color: #FFF;
   font-size: 14px;
   margin: 5px;
   padding: 4px 7px;
   display: inline-block;
   cursor: pointer;
   border-radius: 3px;
 }
 .owl-theme .owl-nav [class*='owl-']:hover {
   background: #869791;
   color: #FFF;
   text-decoration: none;
 }
 .owl-theme .owl-nav .disabled {
   opacity: 0.5;
   cursor: default;
 }
 .owl-theme .owl-nav.disabled + .owl-dots {
   margin-top: 10px;
 }
 .owl-theme .owl-dots {
   text-align: center;
   -webkit-tap-highlight-color: transparent;
 }
 .owl-theme .owl-dots .owl-dot {
   display: inline-block;
   zoom: 1;
   *display: inline;
   background: none !important;
   box-shadow: none !important;
   outline: none !important;
   border: 0px none;
   padding: 0px;
 }
 .owl-theme .owl-dots .owl-dot span {
   width: 10px;
   height: 10px;
   margin: 5px 7px;
   background: #D6D6D6;
   display: block;
   -webkit-backface-visibility: visible;
   -webkit-transition: opacity 200ms ease;
   transition: opacity 200ms ease;
   border-radius: 30px;
 }
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
   background: #869791;
 }
 /* WP FORMS */
 div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-label, div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-sublabel {
   text-transform: uppercase;
   font-size: 11px;
   letter-spacing: 2px;
   font-weight: 600;
 }
 div.wpforms-container .wpforms-form .wpforms-field-row.wpforms-field-medium {
   max-width: 100% !important;
 }
 div.wpforms-container .wpforms-form .wpforms-field input[type=date], div.wpforms-container .wpforms-form .wpforms-field input[type=datetime], div.wpforms-container .wpforms-form .wpforms-field input[type=datetime-local], div.wpforms-container .wpforms-form .wpforms-field input[type=email], div.wpforms-container .wpforms-form .wpforms-field input[type=month], div.wpforms-container .wpforms-form .wpforms-field input[type=number], div.wpforms-container .wpforms-form .wpforms-field input[type=password], div.wpforms-container .wpforms-form .wpforms-field input[type=range], div.wpforms-container .wpforms-form .wpforms-field input[type=search], div.wpforms-container .wpforms-form .wpforms-field input[type=tel], div.wpforms-container .wpforms-form .wpforms-field input[type=text], div.wpforms-container .wpforms-form .wpforms-field input[type=time], div.wpforms-container .wpforms-form .wpforms-field input[type=url], div.wpforms-container .wpforms-form .wpforms-field input[type=week], div.wpforms-container .wpforms-form .wpforms-field select, div.wpforms-container .wpforms-form .wpforms-field textarea {
   padding: 10px;
   max-width: 100%;
   border: 0px;
   font-size: 15px;
   font-weight: normal;
   line-height: 22px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
   -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
   transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   background-color: #f2f2f2;
   border-bottom: 1px solid #fff;
   box-sizing: border-box;
   color: #000000;
   border-bottom: 1px solid #fff;
 }
 div.wpforms-container .wpforms-form .wpforms-field input[type=date]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=date]:focus, div.wpforms-container .wpforms-form .wpforms-field input[type=datetime]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=datetime]:focus, div.wpforms-container .wpforms-form .wpforms-field input[type=datetime-local]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=datetime-local]:focus, div.wpforms-container .wpforms-form .wpforms-field input[type=email]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=email]:focus, div.wpforms-container .wpforms-form .wpforms-field input[type=month]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=month]:focus, div.wpforms-container .wpforms-form .wpforms-field input[type=number]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=number]:focus, div.wpforms-container .wpforms-form .wpforms-field input[type=password]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=password]:focus, div.wpforms-container .wpforms-form .wpforms-field input[type=range]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=range]:focus, div.wpforms-container .wpforms-form .wpforms-field input[type=search]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=search]:focus, div.wpforms-container .wpforms-form .wpforms-field input[type=tel]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=tel]:focus, div.wpforms-container .wpforms-form .wpforms-field input[type=text]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=text]:focus, div.wpforms-container .wpforms-form .wpforms-field input[type=time]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=time]:focus, div.wpforms-container .wpforms-form .wpforms-field input[type=url]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=url]:focus, div.wpforms-container .wpforms-form .wpforms-field input[type=week]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=week]:focus, div.wpforms-container .wpforms-form .wpforms-field select:hover, div.wpforms-container .wpforms-form .wpforms-field select:focus, div.wpforms-container .wpforms-form .wpforms-field textarea:hover, div.wpforms-container .wpforms-form .wpforms-field textarea:focus {
   border: none;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
   -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
   transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   border-color: #EBEBEB;
   border-bottom: 1px solid #fff !important;
   background: #e9e9e9;
 }
 div.wpforms-container .wpforms-form .wpforms-field textarea {
   min-height: 215px;
 }
 div.wpforms-container .wpforms-form button[type=submit] {
   width: 100%;
   text-align: center;
   display: block;
 }
 /* Pirate Forms */
 .pirate_forms .pirate-forms-fields-container .form_field_wrap {
   width: 100%;
   max-width: 100%;
   padding: 0px;
 }
 .pirate_forms .pirate-forms-fields-container .form_field_wrap .form-control {
   border-radius: 0px;
 }
 .pirate_forms .pirate-forms-fields-container .form_field_wrap .pirate-forms-submit-button {
   display: block;
   width: 100%;
 }
 .pirate_forms .contact_message_wrap #pirate-forms-contact-message {
   border-radius: 0px;
   background-color: #f2f2f2;
   border: 0 none;
   min-height: 245px;
   max-height: 999px;
 }
 /**
* JQuery Bullly
* @see https://github.com/pixelgrade/rellax/blob/gh-pages/assets/css/bully.css
 */
 [class*="c-bully"], [class*="c-bully"]:before, [class*="c-bully"]:after {
   box-sizing: border-box;
 }
 .c-bully {
   position: fixed;
   top: 50%;
   right: 28px;
   font-size: 12px;
   -webkit-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
   z-index: 600;
   color: #333;
   text-transform: uppercase;
 }
 @media screen and (max-width: 940px) {
   .c-bully {
     right: 0px;
   }
 }
 .c-bully.c-bully--inversed {
   color: #fff;
 }
 @media screen and (max-width: 940px) {
   .c-bully.c-bully-hide-on-mobile {
     display: none;
   }
 }
 .onepress-menu-mobile-opening .c-bully {
   z-index: 10;
 }
 .c-bully__bullet {
   padding: 8px;
   opacity: 0;
   cursor: pointer;
   position: relative;
 }
 @media screen and (max-width: 940px) {
   .c-bully__bullet {
     padding: 8px 3px;
   }
 }
 .c-bully__bullet:hover .c-bully__title {
   opacity: 1;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
 }
 .c-bully__title {
   position: absolute;
   right: 26px;
   top: 1px;
   left: auto;
   background: rgba(0, 0, 0, 0.7);
   padding: 1px 10px;
   border-radius: 2px;
   -webkit-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
   display: block;
   opacity: 0;
   white-space: nowrap;
   color: rgba(255, 255, 255, 0.8);
   -webkit-transform: scale(0.6);
   -ms-transform: scale(0.6);
   transform: scale(0.6);
 }
 .c-bully__bullet:after {
   content: "";
   display: block;
   width: 12px;
   height: 12px;
   border: 2px solid currentColor;
   border-radius: 50%;
   will-change: transform;
 }
 @media screen and (max-width: 940px) {
   .c-bully__bullet:after {
     width: 9px;
     height: 9px;
   }
 }
 .c-bully__bullet--active {
   position: absolute;
   top: 0;
   left: 0;
   -webkit-transition: top 0.2s ease-out;
   transition: top 0.2s ease-out;
 }
 .c-bully__bullet--active:before {
   content: "";
   width: 12px;
   height: 12px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   font-size: 14px;
   background: currentColor;
   border-radius: 50%;
 }
 @media screen and (max-width: 940px) {
   .c-bully__bullet--active:before {
     width: 9px;
     height: 9px;
   }
 }
 .c-bully__bullet--active:after {
   border-color: transparent;
 }
 .c-bully__bullet--pop {
   -webkit-animation: bully-pop 0.6s cubic-bezier(0.485, 1.63, 0.43, 2) forwards, fade-in 0.2s 0.2s ease-out forwards;
   animation: bully-pop 0.6s cubic-bezier(0.485, 1.63, 0.43, 2) forwards, fade-in 0.2s 0.2s ease-out forwards;
 }
 .c-bully__bullet--squash {
   opacity: 1;
   -webkit-animation: bully-squash 0.2s ease-out forwards;
   animation: bully-squash 0.2s ease-out forwards;
 }
 @-webkit-keyframes fade-in {
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
 @keyframes fade-in {
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
 @-webkit-keyframes bully-pop {
   50% {
     -webkit-transform: scale(0.7);
     transform: scale(0.7);
   }
   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }
 @keyframes bully-pop {
   50% {
     -webkit-transform: scale(0.7);
     transform: scale(0.7);
   }
   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }
 @-webkit-keyframes bully-squash {
   50% {
     -webkit-transform: scale(0.6, 1.8);
     transform: scale(0.6, 1.8);
   }
   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }
 @keyframes bully-squash {
   50% {
     -webkit-transform: scale(0.6, 1.8);
     transform: scale(0.6, 1.8);
   }
   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }
 .single-post .content-inner {
   margin-left: auto;
   margin-right: auto;
 }
 .entry-content > * {
   margin-left: auto;
   margin-right: auto;
   max-width: 100%;
 }
 .entry-content > .alignwide {
   max-width: calc(100vw - 25px);
   width: 1400px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   left: 50%;
   position: relative;
   padding: 0px 20px;
 }
 .entry-content > .alignfull {
   max-width: 100vw;
   max-width: calc(var(--vw, 1vw) * 100);
   width: 100vw;
   /* Use vh as a fallback for browsers that do not support Custom Properties */
   width: calc(var(--vw, 1vw) * 100);
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   left: 50%;
   position: relative;
 }
 .single-post .right-sidebar .content-inner {
   margin-left: 0px;
 }
 .single-post .left-sidebar .content-inner {
   margin-right: 0px;
 }
 .entry-content ul, .entry-content ol {
   margin: 1.5em auto;
   list-style-position: outside;
 }
 .wp-block-video video {
   max-width: 100%;
 }
 .wp-block-embed {
   margin: 4rem 0;
 }
 .wp-block-embed.is-type-video .wp-block-embed__wrapper {
   width: 100%;
   padding: 0 0 0 0;
   height: auto;
   display: block;
 }
 .wp-block-embed.is-type-video .wp-block-embed__wrapper::before {
   content: "";
   display: block;
 }
 .wp-block-embed.is-type-video .wp-block-embed__wrapper > iframe, .wp-block-embed.is-type-video .wp-block-embed__wrapper > object {
   width: 100%;
   height: 30rem;
 }
 .wp-block-image img {
   display: block;
 }
 .wp-block-image.alignleft, .wp-block-image.alignright {
   width: 100%;
 }
 .wp-block-image.alignfull img {
   width: 100vw;
   width: calc(var(--vw, 1vw) * 100);
 }
 .wp-block-gallery:not(.components-placeholder) {
   margin: 1.5em auto;
 }
 .wp-block-cover-text p {
   padding: 1.5em 14px;
 }
 ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.is-grid.alignwide, ul.wp-block-latest-posts.is-grid.alignwide {
   padding: 0 14px;
 }
 .wp-block-table {
   display: block;
   overflow-x: auto;
 }
 .wp-block-table table {
   border-collapse: collapse;
   width: 100%;
 }
 .wp-block-table td, .wp-block-table th {
   padding: 0.5em;
 }
 .entry-content li {
   padding-left: 25px;
   margin-bottom: 15px;
   margin-left: 25px;
 }
 .entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul {
   margin: 0 auto;
 }
 .entry-content ul ul li, .entry-content ol ol li, .entry-content ul ol li, .entry-content ol ul li {
   margin-left: 0;
 }
 .wp-block-quote {
   border-left-width: 4px;
   border-left-color: currentColor;
 }
 .wp-block-quote.is-style-large {
   padding: 0px;
 }
 .wp-block-quote.is-style-large cite {
   font-size: 13px;
 }
 .wp-block-quote > * {
   margin-left: 16px;
   margin-right: 16px;
 }
 .wp-block-quote cite {
   font-style: normal;
   margin-left: 0px;
   position: relative;
   font-size: 13px;
   display: block;
   color: #E3A430;
   margin-top: 1.2em;
   margin-bottom: 2em;
   font-family: "Rubik", Helvetica, Arial, sans-serif;
 }
 .wp-block-pullquote {
   border-bottom: 4px solid currentColor;
   border-top: 4px solid currentColor;
   margin-top: 1.5em;
   margin-bottom: 1.5em;
   padding: 3em 0;
   text-align: center;
 }
 .wp-block-pullquote.is-style-solid-color {
   border-bottom: 0 none;
   border-top: 0 none;
 }
 .wp-block-pullquote > p:first-child {
   margin-top: 0;
 }
 .wp-block-pullquote cite {
   font-size: 13px;
   font-style: normal;
   text-transform: uppercase;
 }
 .wp-block-pullquote blockquote {
   border-left: 0px;
   background: none;
 }
 .wp-block-separator {
   margin: 3em auto;
   border: none;
   border-bottom: 2px solid currentColor;
 }
 .wp-block-separator:not(.is-style-wide) {
   max-width: 100px;
 }
 .wp-block-separator.is-style-dots {
   border-bottom: none !important;
   text-align: center;
 }
 .wp-block-separator.is-style-dots::before {
   padding-left: 0px;
   font-size: 30px;
 }
 @media screen and (min-width: 768px) { /* IPAD */
   .wp-block-cover-text p {
     padding: 1.5em 0;
   }
   .entry-content > * {
     padding-left: 0px;
     padding-right: 0px;
   }
 }
 /*--------------------------------------------------------------
  # Block Color Palette Colors
  --------------------------------------------------------------*/
 .has-strong-blue-color {
   color: #0073aa;
 }
 .has-strong-blue-background-color {
   background-color: #0073aa;
 }
 .has-lighter-blue-color {
   color: #229fd8;
 }
 .has-lighter-blue-background-color {
   background-color: #229fd8;
 }
 .has-very-light-gray-color {
   color: #eee;
 }
 .has-very-light-gray-background-color {
   background-color: #eee;
 }
 .has-very-dark-gray-color {
   color: #444;
 }
 .has-very-dark-gray-background-color {
   background-color: #444;
 }
 /* Mobile Styles */
 /* Extra large devices (large laptops and desktops, 1200px and up) */
 @media screen and (max-width: 1140px) {
   .level_1 h3 {
     text-align: left !important;
     vertical-align: middle;
     line-height: 1.2;
     clear: both;
   }
   .level_1 h3::before {
     content: '';
     background: url("assets/images/hc-logo-ce.svg") no-repeat;
     width: 100%;
     height: 40px;
     float: left;
     margin-bottom: 10px;
   }
   .section-padding {
     padding: 8% 0px;
   }
   .onepress-menu-mobile-opening .site-header {}
   .hc_logo-bg {
     margin-top: 100%;
     width: 40%;
     max-width: 250px;
   }
   .onepress-menu ul {
     z-index: 1;
     transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
   }
   .btn.fa-search {
   border-radius: 5px !important;
   }
   .topsearch #search-form {
     background: #22355C;
   }
   .topsearch-button button {
     float: right;
   }
   .topsearch-button {
     top: 25px;
     margin: 0;
   }
   .topsearch {
     top: -20px;
   }
   #topsearch-input {
     width: 70%;
   }
   .show > .topsearch {
     position: fixed;
     z-index: 9999 !important;
     top: 0px !important;
     overflow: visible;
     padding: 0px;
   }
   .site-branding .site-logo-div {
     line-height: 55px;
     margin-top: 15px;
     margin-bottom: 15px;
   }
   .site-logo-div img {
     height: 60px !important;
     width: auto;
   }
   .page--cover ~ .container .breadcrumbs {
     top: -55px !important;
   }
 }
 /* Large devices (laptops/desktops, 992px and up) */
 @media all and (max-width: 992px) {
   .eap__list {}
   .eap__details {
     text-align: center;
   }
   #angebote .btn {
   margin-bottom: 50px;
   }
   #angebote {
    padding-bottom: 100px;
}
   #next, #prev {
     font-family: 'lg';
     padding: 10px;
     bottom: 50%;
     -webkit-transform: translate(0%, -50%);
     transform: translate(0%, -50%);
     z-index: 9999;
     position: absolute;
     height: 100px;
     width: 40px;
     cursor: pointer;
     font-size: 25px;
     color: #E3A430;
     transition: 0.5s ease all;
     text-align: center;
   }
   #next:before, #prev:before {
     position: absolute;
   }
   #next:before {
     content: '\e097';
     right: 8px;
   }
   #prev:before {
     content: '\e096';
     left: 8px;
   }
   #next {
     right: 0px;
   }
   #prev {
     left: 0px;
   }
   .hero__content p, .section-desc {
     font-size: 15px;
   }
   .hero-slideshow-normal .container {
     padding: 30% 0 3% 0 !important;
   }
   .breadcrumbs {
     font-size: 11px !important;
   }
 }
 /* Medium devices (landscape tablets, 768px and up) */
 @media all and (max-width: 768px) {
   .level_2::after {
     bottom: -1.6rem !important;
   }
   .level_1::after, .level_2::after, .level_4 h4::after {
     content: " ";
     border-width: 20px !important;
     margin-left: -20px !important;
     bottom: -2.3em;
   }
   .level_4 {
     margin-top: -1em !important;
   }
   .level_4 h4 {
     height: 4.2em;
     background-position: right 20px;
     background-size: 40px;
     margin-top: 1em !important;
   }
   .ce-logo img {
     display: none;
   }
   .section-padding {
     padding: 4em 0;
   }
   .hero__content, .section-desc {
     font-size: 15px;
   }
   .breadcrumbs a::before {
     border: solid black;
     border-top-width: medium;
     border-right-width: medium;
     border-bottom-width: medium;
     border-left-width: medium;
     border-width: 0 1px 1px 0;
     width: 5px;
     height: 5px;
     content: "";
     display: inline-block;
     position: absolute;
     right: -11px;
     top: 4px;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
   }
   .breadcrumbs {
     font-family: "Rubik";
     font-size: 12px;
     display: none;
   }
   #primary {
     padding-top: 20px;
   }
   .list-article-content {
     min-height: 250px;
     padding-bottom: 40px !important;
   }
   .hero__content .hcl2-content, .hero__content {
     text-align: center;
     margin: auto;
   }
   .hero-content-style2 img {
     max-width: 500px;
     width: 100%;
     margin: auto;
     padding: 0 30px !important;
   }
   .herotxt {
     display: none;
   }
   .hero-slideshow-normal .container {
     padding: 30% 0 3% 0 !important;
   }
   .eap__list {}
   .eap__details {
     text-align: center;
   }
   .eap__date.datum {
     min-height: 100px;
     padding: 15px 0 !important;
   }
   .page-header .entry-title, .page-header .page-title, .page-header.page--cover .entry-title, .entry-content h2 {
     font-size: 2rem;
   }
   .intro-box {
     padding: 40px 20px 20px 20px !important;
     background: #22355C;
     border-radius: 0px 0px 3px 3px;
     margin-top: -50px;
     font-size: 1.2rem;
     font-style: italic;
     text-align: center;
     font-weight: bold;
     color: #fff;
     margin-bottom: 2em;
   }
   .kontaktperson .wp-block-image {
     position: absolute;
     top: 15px;
     max-width: 150px;
     width: 100%;
   }
   .kontaktperson h4 {
     text-align: right;
     margin-top: 0;
   }
   .kontaktperson .wp-block-button__link {
     float: right;
     margin-left: 5px;
   }
   .begleitung {
     margin-bottom: 15px !important;
     padding: 1em !important;
   }
   .begleitung .wp-block-image img {
     position: absolute;
     margin: -5px 15px;
     max-width: 85px;
     right: 0;
     text-align: center;
   }
   .begleitung .wp-block-image, .g-begleitung {
     max-width: 65%;
     font-size: 12px !important;
   }
   .level_1 h3 {
     text-align: left !important;
     float: left;
     vertical-align: middle;
     line-height: 1.2;
   }
 }
 /* Kontaktperson */
 .container.kontaktperson {
   padding: 30px 15px;
   margin-top: 50px;
   text-align: right !important;
   border-top: 2px solid #E3A430;
 }
 .kontaktperson .wp-block-columns {
   margin-bottom: 0;
   align-items: center;
 }
 .kontaktperson h4 {
   text-align: right;
   margin-top: 0;
 }
 .kontaktperson .wp-block-button__link {
   float: right;
   margin-left: 5px;
 }
 .kontaktperson .wp-block-image {
   float: left;
   margin-bottom: 0;
 }
 .kontaktperson .wp-block-image img {
   background: #E3A430;
   max-width: 150px;
 }
 /* Small devices (portrait tablets and large phones, 600px and up) */
 @media screen and (max-width: 600px) {
 .support .wp-block-column {
    padding: 0px 20px;
	border-radius: 5px;
	border: 1px solid #E3A430;
	margin-bottom: 20px;
}
   .section-ueber .section-desc p {
     font-style: italic;
     padding: 0 30px;
     font-size: 18px;
   }
   .onepress-menu.onepress-menu-mobile ul li a {
     padding: 5px 20px;
     border-top: none;
     font-size: 14px;
     color: #fff;
   }
   .hero-slideshow-normal .container {
     padding: 40% 0 30px 0 !important;
   }
   .hc_logo-bg {
     margin-top: 5% !important;
     width: 40% !important;
   }
   .hc_muc-bg {
     display: none;
     position: absolute;
   }
   .section-ueber .container {
     overflow: visible;
   }
   .page-header.page--cover {
     position: relative;
     padding: 15% 0px;
   }
   .btt a {
     right: 0 !important;
     left: 0;
   }
   .site-footer .site-info {
     padding: 35px 0px 70px 0px;
   }
 }