@charset "UTF-8";

/************************************************************************************
*
* Theme Name: 		Gemeinde Untermarchtal
* Theme URI:		http://www.gemeinde-untermarchtal.de
* Description: 		WP-Theme Gemeinde Untermarchtal
* Author:			Schlegel Werbung und Gemeinde Untermarchtal
* Author URI:		http://www.schlegel-werbung.de
* Version:			1.4
* License:          Schlegel Werbung
* License URI:      http://www.schlegel-werbung.de
*
************************************************************************************/

@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700");
@import url("genericons/genericons.css");
@import url("css/wp-paginate.css");

/************************************************************************************
*
* RESET AND HELPERS
*
************************************************************************************/

* {
    list-style: none outside none;
    border: none;
    margin: 0;
    padding: 0;
    outline: none;
    text-decoration: none;
    box-sizing: border-box
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
    color: #151515
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
    cursor: pointer
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    -webkit-appearance: none;
    border-radius: 0
}

input[type=checkbox] {
    height: 1rem;
    width: 1rem;
    margin: 0;
    padding: 0
}

.wpcf7-form-control-wrap.accept-this {
    float: left;
    margin: 0 .5rem 0 -1rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: left;
    color: #0063af
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block
}

html {
    font-family: 'Roboto Condensed', sans-serif;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 100%;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: .015rem;
    color: #000;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    vertical-align: baseline;
    text-rendering: optimizelegibility
}

body {
    position: relative;
    background: none no-repeat scroll 0% 0% #fff;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    z-index: 0
}

*:before,
*:after {
    -o-box-sizing: border-box;
    box-sizing: border-box
}

*::before {
    box-sizing: border-box
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

img {
    border: none;
    -ms-interpolation-mode: bicubic
}

a {
    cursor: pointer;
    margin: 0;
    outline: none;
    text-decoration: none
}

a:visited,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
    transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out
}

address,
em,
strong {
    font-style: normal
}

/************************************************************************************
*
* WEBFONTS
*
************************************************************************************/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #0063af
}

ul,
p {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400
}

/************************************************************************************
*
* HELPERS
*
************************************************************************************/

.clearer {
    width: 100%;
    display: block;
    height: 1px;
    margin: 1rem 0
}

.textwidget a .only-phone {
    padding: .5rem 0;
    color: #1d1d1d
}

.responsive-banner {
    width: 100%;
    height: auto;
    margin: 1rem auto
}

/************************************************************************************
*
* SELEKTOREN
*
************************************************************************************/

header[role="banner"] {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

nav[role="navigation"] {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

main[role="main"] {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: none repeat scroll 0% 0%
}

footer[role="contentinfo"] {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: none repeat scroll 0% 0% #0063af
}

/************************************************************************************
*
* FIXED HEADER // NAVIGATION
*
************************************************************************************/

#fixedHeader {
    width: 100%;
    height: 5rem;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 .063em .25em rgba(37, 50, 55, .25);
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    z-index: 100
}

#mainnav-top {
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 0 1rem;
    display: block;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    background: none repeat scroll 0 0
}

.wappen {
    width: 20%;
    height: 5rem;
    display: block;
    float: left
}

.wappen img {
    width: 180px;
    max-width: 100%;
    height: 70px;
    display: block;
    margin: .275rem 0 0 0
}

.main-navigation {
    height: 5rem;
    display: block;
    float: right
}

.main-navigation ul {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 5rem;
    color: #1d1d1d;
    text-transform: uppercase;
    float: right
}

.main-navigation li {
    display: inline-block;
    margin: 0 0 0 1rem
}

.main-navigation li a {
    color: #1d1d1d
}

.main-navigation li a:hover {
    color: #0363A6
}

.main-navigation li.active {
    color: #0363A6
}

.main-navigation .current-menu-item a {
    color: #0363A6
}

/* MOBILE TRIGGER
-------------------------------------------------------------- */

#nav-trigger {
    display: none;
    text-align: center
}

#nav-trigger span {
    display: block;
    padding: 1rem 0;
    background: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #1d1d1d;
    cursor: pointer;
    text-transform: uppercase
}

nav#nav-mobile {
    position: relative;
    display: none
}

nav#nav-mobile ul {
    width: 100%;
    height: 400px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 2.25rem;
    color: #1d1d1d;
    text-transform: uppercase;
    float: none;
    display: none;
    list-style-type: none;
    position: fixed;
    top: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 .063em .25em rgba(37, 50, 55, .25);
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0;
    text-align: center
}

nav#nav-mobile li:last-child {
    border-bottom: none
}

nav#nav-mobile li a {
    display: block;
    color: #1d1d1d;
    padding: 0
}

nav#nav-mobile li a:hover {
    color: #1d1d1d
}

nav#nav-mobile .current-menu-item a {
    color: #0363A6
}

/************************************************************************************
*
* BASE LAYOUT
*
************************************************************************************/

#homepageContent {
    width: 100%;
    max-width: 100vw;
    height: auto;
    margin: 5rem auto 0;
    padding: 0;
    display: block;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    background: none repeat scroll 0 0
}

/************************************************************************************
*
* BACKGROUND COLOR
*
************************************************************************************/

.bkgd-cssfff {
    background: #fff
}

.bkgd-csse3e3e3 {
    background: #e3e3e3
}

.bkgd-css0e97d5 {
    background: #0e97d5
}

.bkgd-css0063af {
    background: #0063af
}


a.btn-backlink {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.275rem;
    color: #0363A6;
    padding: .25rem 0;
    border-bottom: 1px solid #0363A6;
}

a.btn-backlink:hover {
    color: #1d1d1d
}

/************************************************************************************
*
* GENERICONS
*
************************************************************************************/

.genericon-download:before {
    content: '\f50b';
    font-size: .875rem;
    line-height: 1.5rem;
    color: #1d1d1d;
    padding: 0 .5rem 0 0
}

.genericon-next:before {
    content: '\f429';
    font-size: .875rem;
    line-height: 1.5rem;
    ;
    color: #1d1d1d;
    padding: 0 .5rem 0 0
}

span.genericon-download:before {
    content: '\f50b';
    font-size: .875rem;
    line-height: 1.5rem;
    ;
    color: #1d1d1d;
    padding: 0 .5rem 0 0
}

span.genericon-next:before {
    content: '\f429';
    font-size: .875rem;
    line-height: 1.5rem;
    ;
    color: #1d1d1d;
    padding: 0 .5rem 0 0
}

/************************************************************************************
*
* HTML FRONTPAGE-TEMPLATE
*
************************************************************************************/

.frontpage--template {
    width: 100vw;
    max-width: 1280px;
    height: auto;
    margin: 1rem auto 2rem;
    padding: 0 1rem;
    display: block;
    overflow: hidden;
    position: relative;
    box-sizing: border-box
}

.frontpage--template::after {
    content: "";
    display: table;
    clear: both
}

.container-fluid {
    width: 100%;
    display: t;
    float: left;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    clear: both
}

.content-first {
    display: table-cell
}

.content-second {
    display: table-cell
}

.content-third {
    display: table-cell
}

.content-fourth {
    display: table-cell
}

.intro-box-left {
    width: 49%;
    min-height: 500px;
    float: left;
    display: block;
    overflow: hidden;
    position: relative;
    box-sizing: border-box
}

.offset {
    margin: 0 1% 0 0
}

.intro-box-right {
    width: 49%;
    min-height: 500px;
    float: right;
    display: block;
    overflow: hidden;
    position: relative;
    box-sizing: border-box
}

.margin-block {
    margin: 2rem 0
}

.main-content_half {
    display: block;
    padding: 1rem
}

.main-title h1 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2.275rem;
    color: #0063af;
    text-transform: uppercase;
    margin: 0 0 1rem 0
}

.main-text h2 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 2.25rem;
    color: #0063af;
    text-transform: inherit;
    white-space: pre-wrap
}

.main-text p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    color: #1d1d1d;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto
}

.main-text p a {
    display: inline-block;
    color: #1d1d1d;
    text-decoration: underline;
    letter-spacing: .125rem;
    padding: .25rem 0
}

.case-right-panel {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    display: block;
    padding: 1rem 1rem 0
}

.news-wrapper_content {
    width: 100%;
    display: block
}

.news-wrapper_content {
    font-size: 1rem;
    color: #1d1d1d;
    text-transform: inherit;
    line-height: 2.75rem;
    text-align: left;
    margin: 0 0 1.5rem 0
}

.news-wrapper_content h2 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.275rem;
    color: #fff;
    text-transform: uppercase;
    white-space: pre-wrap;
    padding: .5rem;
    background: #0e97d5
}

.news-wrapper_content ul {
    font-size: 1rem;
    color: #1d1d1d;
    text-transform: inherit;
    line-height: 2.75rem;
    text-align: left;
    margin: 0 0 .75rem 0;
    background: #fff
}

.news-wrapper_content li {
    display: list-item;
    padding: 0;
    border-bottom: 1px solid #d3dcf1
}

.news-wrapper_content li:last-child {
    border-bottom: none
}

.news-wrapper_content li span.datetime {
    margin: 0;
    padding: 0;
    font-weight: 400;
    display: inline-block;
    width: 110px
}

.news-wrapper_content li {
    margin: 0;
    padding: 0 .5rem;
    font-weight: 700
}

.news-wrapper_content li a {
    color: #1d1d1d;
    font-weight: 400
}

.news-wrapper_content li > .bnt-more {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #1d1d1d;
    font-weight: 700;
    letter-spacing: .125rem;
    text-transform: uppercase;
    margin: 1rem 0;
    padding: .25rem 0
}

.content-elements {
    display: block;
    overflow: hidden
}

.heading-small-center h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.125rem;
    color: #0063af;
    text-transform: uppercase;
    text-align: center;
    white-space: pre-wrap;
    padding: 4rem 0
}

.display-list-images {
    width: 100%;
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 1rem 0
}

.col {
    float: left;
    position: relative;
    margin: 0;
    padding: 0
}

.link-01,
.link-02,
.link-03,
.link-04 {
    width: 25%
}

.col-image {
    width: 100%;
    display: block;
    margin: 0;
    box-sizing: border-box
}

.col-image img {
    width: 100%;
    max-width: 320px;
    height: auto;
    display: block;
    margin: 0 auto
}

.modules-container {
    display: block;
    position: relative;
    overflow: hidden
}

.box-featured-content {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.box-featured-content p strong {
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.125rem;
    color: #ad2d25;
    text-transform: uppercase;
    white-space: pre-wrap;
    margin: 0 0 .5rem 0
}

.box-featured-content p {
    width: 68%;
    font-size: 1rem;
    color: #ad2d25;
    text-transform: inherit;
    line-height: 1.5rem;
    text-align: left;
    margin: 0 0 1rem 0;
    padding: 1rem;
    box-sizing: border-box
}

.field-image {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.image-large img {
    width: 100%;
    max-width: 640px;
    height: auto;
    float: left;
    display: block
}

.image-small img {
    width: 100%;
    max-width: 320px;
    height: auto;
    float: left;
    display: block
}

.block-left,
.block-right {
    width: 50%;
    float: left
}

.btn {
    display: block;
    padding: 2rem 0;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.site-link {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: .875rem;
    letter-spacing: .125rem;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

.site-link:focus {
    outline: none
}

/************************************************************************************
*
* STARTSEITE TEASER - Februar 2019
*
************************************************************************************/

.container-content {
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 2rem auto;
    padding: 2rem 1rem;
    display: block;
    overflow: hidden;
    position: relative
}

.section-title h2 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.275rem;
    color: #e3e3e3;
    text-transform: uppercase;
}

.section-lastupdate date {
    font-size: .875rem;
    color: #e3e3e3;
    text-transform: inherit;
    line-height: 2.25rem;
    text-align: left;
    margin: .5rem 0
}

.teaser-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: space-between;
    margin: 2rem 0 0 0
}

.teaser-content--item {
    width: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    position: relative;
    height: 240px;
}

.teaser-content--item:last-child {
    padding: 0 1.75rem
}

.teaser-h h3 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.275rem;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 .5rem 0
}

.teaser-p h4 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #0063af;
    text-align: left;
    margin: 0 0 .75rem 0
}

.teaser-p p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    color: #fff;
    text-align: left;
}

.teaser-p p a {
    color: #fff;
    text-decoration: underline
}

.teaser-p ul {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    color: #fff;
    text-align: left;
    margin: .5rem 0;
}

.teaser-p li {
    display: list-item
}

.teaser-p li a {
    color: #fff;
    text-decoration: underline
}

.btn-pagelink {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: .875rem;
    letter-spacing: .125rem;
    font-weight: 700;
    color: #0e97d5;
    text-transform: uppercase;
    text-align: center;
    background: #fff;
    margin: 1rem 0;
    padding: 1rem;
    width: 50%;
    display: block;
    position: absolute;
    bottom: 0;
}

/************************************************************************************
*
* TEMPLATE FRONTPAGE SLIDER
*
************************************************************************************/

.frontpage-slider-container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block
}

.frontpage-slider-container {
    overflow: hidden;
    position: relative
}

.frontpage-slider-container ul li {
    position: absolute;
    display: none;
    float: left;
    left: 0;
    top: 0
}

.frontpage-slider-container ul li:first-child {
    position: relative;
    display: block;
    float: left
}

.frontpage-slider-container ul img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    float: left
}

/************************************************************************************
*
* TEMPLATE DEFAULT // IMAGE BANNER
*
************************************************************************************/

.container--template-default {
    width: 100vw;
    max-width: 1280px;
    height: auto;
    margin: 1rem auto 2rem;
    padding: 0 1rem;
    display: block;
    overflow: hidden;
    position: relative;
    box-sizing: border-box
}

.container--template-default::after {
    content: "";
    display: table;
    clear: both
}

.image-landscape-container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block
}

.image-landscape-container {
    overflow: hidden;
    position: relative
}

.image-landscape-container ul li {
    position: absolute;
    display: none;
    float: left;
    left: 0;
    top: 0
}

.image-landscape-container ul li:first-child {
    position: relative;
    display: block;
    float: left
}

.image-landscape-container ul img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    float: left
}

/************************************************************************************
*
* AKTUELLES 
*
************************************************************************************/

.page-builder--news-entry {
    display: block
}

.page-builder--news-entry {
    width: 100%;
    margin: 0;
    padding: 2rem 1rem;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.articleContainer {
    width: 70%;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

aside#sidebar {
    width: 30%;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.entry-header-content-wrapper {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0
}

h1.entry-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.5rem;
    color: #0363A6;
    text-transform: uppercase;
    white-space: pre-wrap;
    margin: 0 0 2rem 0
}

.wrapper-main-content-single {
    width: 100%;
    margin: 2rem 0;
    text-align: left
}

.wysiwyg-editor {
    width: 95%;
    margin: 0 0 2rem 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.575rem;
    color: #1d1d1d;
    word-wrap: break-word;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto
}

.wysiwyg-editor strong {
    font-weight: 700
}

.wysiwyg-editor h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.175rem;
    line-height: 2.175rem;
    color: #0363A6;
    text-transform: inherit;
    white-space: pre-wrap
}

.wysiwyg-editor h2 a {
    color: #0363A6
}

.wysiwyg-editor h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.275rem;
    line-height: 1.75rem;
    color: #0063af;
    text-transform: inherit;
    white-space: pre-wrap;
    margin: 0 0 1rem 0
}

.wysiwyg-editor h3:nth-child(odd) {
    margin: 1rem 0
}

.wysiwyg-editor h3:nth-child(even) {
    margin: 1rem 0
}

.wysiwyg-editor h3:last-child {
    margin: 1rem 0
}

.wysiwyg-editor h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #0063af;
    text-transform: inherit;
    margin: 1rem 0 .5rem 0
}

.wysiwyg-editor h5 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #1d1d1d;
    text-transform: inherit;
    font-style: italic;
    margin: .5rem 0
}

.wysiwyg-editor h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #1d1d1d;
    text-transform: inherit
}

.blogmeta {
    width: 100%;
    display: block;
    margin: 1rem 0;
    font-size: .875rem;
    font-weight: 700
}

.blogmeta ul {
    margin: 1rem 0;
    font-size: .875rem;
    color: #1d1d1d
}

.blogmeta ul li {
    display: inline-block;
    padding: 0 1rem 0 0;
    color: #0e97d5;
    font-weight: 700
}

.blogmeta ul li a {
    color: #0e97d5
}

.wysiwyg-editor p {
    width: 96%;
    margin: 0 0 .5rem 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.575rem;
    color: #1d1d1d;
    word-wrap: break-word;
    hyphens: auto;
}

.wysiwyg-editor p strong {
    font-weight: 700
}

.wysiwyg-editor p a {
    color: #0e97d5
}

.wysiwyg-editor a {
    color: #0e97d5
}

.wysiwyg-editor ul {
    margin: 0 0 1rem 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #1d1d1d
}

.wysiwyg-editor li {
    display: list-item
}

.wysiwyg-editor ol {
    position: relative;
    margin: 1rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #1d1d1d
}

.wysiwyg-editor ol li {
    display: list-item;
    margin:.25em 0;
}

.wysiwyg-editor ol li::before {
      content: "→";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
}

a.more-link {
    color: #0e97d5;
    display: inline-block
}

.post-navigation {
    width: 100%;
    display: block;
    margin: 4rem 0 2rem 0;
    overflow: hidden
}

.post-navigation a {
    color: #1d1d1d
}

h2.screen-reader-text {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.175rem;
    line-height: 1.5rem;
    color: #0363A6;
    text-transform: inherit;
    white-space: pre-wrap
}

.nav-links {
    width: 100%;
    display: block
}

.nav-previous {
    width: 50%;
    float: left;
    display: inline-block;
    font-size: .875rem;
    line-height: 2rem;
    color: #1d1d1d;
    height: 2rem;
    padding: 1rem 0
}

.nav-previous:hover {
    color: #1d1d1d;
    height: 2rem
}

.nav-next {
    width: 50%;
    float: left;
    display: inline-block;
    font-size: .875rem;
    line-height: 2rem;
    color: #1d1d1d;
    height: 2rem;
    padding: 1rem 0
}

.nav-next:hover {
    color: #1d1d1d;
    height: 2rem
}

.paginate-wrapper {
    width: 100%;
    display: block;
    margin: 0;
    padding: 3rem 0
}

/************************************************************************************
*
* BEITRAGSBILDER UND BILDUNTERSCHRIFT
*
************************************************************************************/

img.alignnone.size-full {
    width: 100%;
    max-width: 760px;
    height: auto;
    display: block;
    margin: 2rem 0
}

p.wp-caption-text {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: .875rem;
    line-height: 1.275rem;
    color: #0363A6;
    margin: 0 0 1rem 0;
    padding: .25rem;
    word-wrap: break-word;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto
}

/************************************************************************************
*
* SIDEBAR FÜR BEITRÄGE
*
************************************************************************************/

aside#sidebar h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    padding: .75rem;
    background: #0e97d5;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.nav-sidebar {
    width: 100%
}

.nav-sidebar {
    display: block;
    margin: 0;
    background: #fff
}

.nav-sidebar ul {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #1d1d1d;
    text-transform: inherit;
    line-height: 2.75rem;
    text-align: left;
    margin: 0 0 2rem 0
}

.nav-sidebar ul li {
    display: list-item;
    padding: 0 .75rem;
    border-bottom: 1px solid #d3dcf1
}

.nav-sidebar ul li:last-child {
    border-bottom: none
}

.nav-sidebar ul li a {
    display: block;
    color: #000
}

aside#sidebar.nav-sidebar.textwidget ul li:last-child {
    border-bottom: none
}

/************************************************************************************
*
* BEITRÄGE NACH THEMEN
*
************************************************************************************/

.postdate {
    width: 100%;
    display: block;
    margin: 0;
    font-size: .875rem
}

.postdate ul {
    margin: 1rem 0;
    font-size: .875rem;
    color: #1d1d1d
}

.postdate ul li {
    display: inline-block;
    padding: 0;
    color: #1d1d1d;
    font-weight: 700
}

/************************************************************************************
*
* TEMPLATE LAYOUT A // 
*
************************************************************************************/

.page-builder--layout_A {
    display: block
}

.page-builder--layout_A {
    width: 100%;
    margin: 0;
    padding: 2rem 1rem;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.page-index-w100 {
    width: 100%;
    display: block
}

.content-left {
    width: 70%;
    display: block;
    float: left
}

.content-right {
    display: block;
    float: left
}

.text-wysiwyg-editor {
    width: 96%;
    margin: 0;
    text-align: left
}

.text-wysiwyg-editor h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.5rem;
    color: #0363A6;
    text-transform: uppercase;
    white-space: pre-wrap;
    margin: 0 0 2rem 0
}

.text-wysiwyg-editor h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.175rem;
    line-height: 2.175rem;
    color: #0363A6;
    text-transform: inherit;
    white-space: pre-wrap;
    margin: 1rem 0 0 0
}

.text-wysiwyg-editor h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #0e97d5;
    text-transform: inherit;
    white-space: pre-wrap;
    margin: 2rem 0 0 0
}

.text-wysiwyg-editor h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #0e97d5;
    text-transform: inherit;
    margin: 1rem 0 .25rem 0
}

.text-wysiwyg-editor,
.text-wysiwyg-editor p {
    width: 86%;
    margin: .5rem 0 1rem 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #1d1d1d;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto
}

.text-wysiwyg-editor p:last-of-type {
    margin: 0 0 1rem 0
}

.text-wysiwyg-editor p a {
    color: #0063af
}

.text-wysiwyg-editor a {
    color: #0063af
}

.text-wysiwyg-editor strong {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 2.5rem
}

.text-wysiwyg-editor ul {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #1d1d1d;
    padding: 1rem
}

.text-wysiwyg-editor li {
    display: list-item;
    list-style-type: disc;
    list-style-position: outside
}

.text-wysiwyg-editor li a {
    display: inline-block;
    color: #0363A6
}

.text-wysiwyg-editor li a:hover {
    color: #1d1d1d;
    text-decoration: underline
}

.text-wysiwyg-editor ul {
    margin: 0 0 1rem 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #1d1d1d
}

.text-wysiwyg-editor li {
    display: list-item
}

/************************************************************************************
*
* WYSIWYG TEXT EDITOR 2
*
************************************************************************************/

.text-wysiwyg-editor__2 {
    width: 96%;
    margin: 0;
    text-align: left
}

.text-wysiwyg-editor__2 h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.5rem;
    color: #0363A6;
    text-transform: uppercase;
    white-space: pre-wrap;
    margin: 0 0 2rem 0
}

.text-wysiwyg-editor__2 h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.175rem;
    line-height: 2.175rem;
    color: #0363A6;
    text-transform: inherit;
    white-space: pre-wrap;
    margin: 1rem 0 0 0
}

.text-wysiwyg-editor__2 h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #0e97d5;
    text-transform: inherit;
    white-space: pre-wrap;
    margin: 2rem 0 0 0
}

.text-wysiwyg-editor__2 h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #0e97d5;
    text-transform: inherit;
    margin: 1rem 0 .25rem 0
}

.text-wysiwyg-editor__2 p {
    width: 91%;
    margin: .5rem 0 1rem 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #1d1d1d;
    white-space: pre-wrap;
    word-wrap: break-word;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto
}

.text-wysiwyg-editor__2 p:last-of-type {
    margin: 0 0 1rem 0
}

.text-wysiwyg-editor__2 p a {
    color: #0063af
}

.text-wysiwyg-editor__2 strong {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem
}

.text-wysiwyg-editor__2 ul {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #1d1d1d;
    padding: .5rem 0
}

.text-wysiwyg-editor__2 li {
    display: list-item
}

.text-wysiwyg-editor__2 li a {
    display: inline-block;
    color: #0063af
}

/************************************************************************************
*
* WIDGET INFOBOX
*
************************************************************************************/

.widget-infobox {
    display: block;
    padding: 1rem .75rem;
    border: 1px solid #0e97d5
}

.widget-infobox {
    text-align: left
}

.widget-infobox h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: #0363A6;
    text-transform: uppercase;
    white-space: pre-wrap;
    margin: 0 0 1rem 0
}

.widget-infobox a {
    color: #0363A6
}

.widget-infobox ul {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #1d1d1d;
    margin: 0
}

.widget-infobox li {
    display: list-item
}

.widget-infobox li strong {
    font-weight: 700
}

.widget-infobox li a {
    color: #0363A6
}

.widget-infobox li a:hover {
    color: #0363A6
}

.widget-infobox .textwidget {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #1d1d1d;
    margin: 0
}

.widget-infobox .textwidget {
    display: list-item
}

.min-width {
    min-width: 300px
}

/************************************************************************************
*
* LAYOUT AC // ACCORDION CSS SYSTEM
*
************************************************************************************/

.layout-content-ac {
    width: 100%;
    display: block;
    padding: 1rem 0;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.ac-container {
    width: 70%;
    margin: 1rem 0;
    text-align: left
}

.ac-container label {
    padding: 1rem;
    position: relative;
    z-index: 20;
    display: block;
    height: auto;
    cursor: pointer;
    color: #1d1d1d;
    font-size: 1.275rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    line-height: 2rem;
    text-transform: uppercase;
    background: #fff;
    margin: 0 0 1rem 0
}

.ac-container label:hover {
    background: #0e97d5;
    transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover {
    background: #0e97d5;
    color: #1d1d1d;
    cursor: pointer
}

.ac-container label:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 32px;
    top: 20px;
    background: transparent url(_svg-icons/down-arrow.svg) no-repeat center center
}

.ac-container input:checked + label:after {
    background-image: url(_svg-icons/up-arrow.svg)
}

.ac-container input {
    display: none
}

.ac-container article {
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
    transition: height .3s ease-in-out, box-shadow .6s linear;
    background: #fff
}

.ac-container input:checked ~ article {
    transition: height .5s ease-in-out, box-shadow .1s linear;
    margin: 0 0 2rem 0;
    border-bottom: 1px solid #0e97d5
}

.ac-container input:checked ~ article.ac-container-1 {
    height: 340px
}

.ac-container input:checked ~ article.ac-container-2 {
    height: 260px
}

.ac-container input:checked ~ article.ac-container-3 {
    height: 400px
}

.ac-container input:checked ~ article.ac-container-4 {
    height: 340px
}

.ac-container input:checked ~ article.ac-container-5 {
    height: 340px
}

.ac-container input:checked ~ article.ac-container-6 {
    height: 260px
}

.ac-container input:checked ~ article.ac-container-7 {
    height: 320px
}

.ac-container input:checked ~ article.ac-container-8 {
    height: 520px
}

.ac-container input:checked ~ article.ac-container-9 {
    height: 360px
}

.ac-container input:checked ~ article.ac-container-10 {
    height: 620px
}

.ac-container input:checked ~ article.ac-container-11 {
    height: 770px
}

.ac-container input:checked ~ article.ac-container-12 {
    height: 260px
}

.ac-container input:checked ~ article.ac-container-13 {
    height: 280px
}

.service-container {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden
}

.flexible_content_field {
    width: 50%;
    margin: 0 0 .5rem 0;
    padding: .5rem 0;
    float: left;
    box-sizing: border-box
}

.flexible_content_field h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.275rem;
    color: #0e97d5;
    text-transform: uppercase;
    text-align: left;
    margin: .5rem 1rem
}

.flexible_content_field p {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    word-wrap: break-word;
    color: #1d1d1d;
    padding: .25rem 1rem
}

.flexible_content_field p strong {
    font-weight: 700
}

.flexible_content_field p a,
.flexible_content_field li a {
    color: #0063af
}

.flexible_content_field p a:hover,
.flexible_content_field li a:hover {
    color: #0063af
}

.flexible_content_field ul {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #1d1d1d;
    padding: .25rem 1rem
}

.flexible_content_field li {
    display: list-item
}

.flexible_content_field li a {
    display: inline-block
}

/************************************************************************************
*
* TEMPLATE UNTERSEITE - LAYOUT 01
*
************************************************************************************/

.wp--acf_content-field {
    width: 100%;
    display: block;
    padding: 1rem 0;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.wp--acf_wrapper-w50 {
    width: 50%;
    float: left;
    display: block;
    position: relative;
    margin: 0
}

.wp--acf_wrapper-w100 {
    width: 100%;
    float: left;
    display: block;
    position: relative
}

.acf-box-pagetext,
.acf-box-picture {
    display: block;
    position: relative;
    overflow: hidden
}

.acf-box-pagetext h3 {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #0363A6;
    text-transform: uppercase;
    line-height: 1.75rem;
    text-align: left;
    margin: 0 0 .75rem 0
}

.acf-box-pagetext ul {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #1d1d1d;
    text-transform: inherit;
    line-height: 1.5rem;
    text-align: left
}

.acf-box-pagetext ul:nth-of-type(1) {
    margin: 0 0 .5rem 0
}

.acf-box-pagetext ul li {
    display: list-item
}

.acf-box-pagetext ul li.blue {
    color: #0363A6
}

.only--resp-image {
    width: 100%;
    display: block
}

.only--resp-image img {
    width: 100%;
    max-width: 760px;
    height: auto;
    display: block
}

.pageNav-left,
.pageNav-right {
    width: 50%;
    float: left
}

/************************************************************************************
*
* GOOGLE MAP
*
************************************************************************************/

.map {
    width: 100%;
    max-width: 760px;
    height: 600px;
    position: relative;
    overflow: hidden;
    display: block;
    border: 1px solid #fff;
    box-sizing: border-box
}

/************************************************************************************
*
* TEMPLATE UNTERMARCHTAL ZWISCHEN GESTERN UND MORGEN - WP_SINGLEPAGE
*
************************************************************************************/

.content-articleBody-text {
    width: 100%;
    display: block;
    float: left
}

/************************************************************************************
*
* TEMPLATE KONTAKT
*
************************************************************************************/

.textInside-wrapper {
    width: 100%;
    display: block;
    float: left;
    text-align: left
}

.textInside-text h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.5rem;
    color: #0363A6;
    text-transform: uppercase;
    white-space: pre-wrap;
    margin: 0 0 1rem 0
}

.textInside-text h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.175rem;
    line-height: 2.175rem;
    color: #0363A6;
    text-transform: inherit;
    white-space: pre-wrap
}

.textInside-text h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #0363A6;
    text-transform: inherit;
    white-space: pre-wrap
}

.textInside-text h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #0e97d5;
    text-transform: inherit
}

.textInside-text h5 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #0e97d5;
    text-transform: inherit
}

.textInside-text p {
    width: 90%;
    margin: 2rem 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #1d1d1d;
    word-wrap: break-word;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto
}

.textInside-text ul {
    margin: 0 0 2rem 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #1d1d1d;
    word-wrap: break-word;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto
}

.textInside-text li {
    display: list-item
}

.layout-content-special {
    width: 100%;
    display: block;
    padding: 0;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.employee-block {
    width: 100%;
    display: block;
    margin: 0 0 2rem 0;
    position: relative;
    overflow: hidden;
    clear: both
}

.textInside-headline h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.175rem;
    line-height: 2.175rem;
    color: #0363A6;
    text-transform: inherit;
    white-space: pre-wrap;
    margin: 2rem 0
}

figure.image-container {
    width: 100%;
    max-width: 300px;
    height: auto;
    display: block;
    box-sizing: border-box
}

.pos01 {
    float: left
}

.pos02 {
    float: left;
    margin: 0 2rem
}

.pos03 {
    float: left
}

figcaption.caption {
    width: 100%;
    max-width: 300px;
    padding: 1rem 1rem 2rem 1rem;
    background: #fff;
    box-sizing: border-box
}

figcaption.caption ul {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #1d1d1d;
    word-wrap: break-word;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto
}

figcaption.caption li {
    display: list-item;
    line-height: 1.5rem
}

figcaption.caption h4 {
    color: #0363A6;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 2.75rem
}

.contact-form-block {
    width: 52%;
    display: block;
    margin: 0;
    position: relative;
    overflow: hidden;
    float: left
}

.textInside-headline h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.175rem;
    line-height: 2rem;
    color: #0363A6;
    text-transform: inherit;
    white-space: pre-wrap;
    margin: 2rem 0
}

/************************************************************************************
*
* FORMULAR
*
************************************************************************************/

.widget-contactForm {
    width: 100%;
    content: "";
    display: block;
    margin: 0 0 2rem 0
}

.wpcf7-form-control-wrap {

    display: block !important;
}

label {
    display: block
}

input {
    width: 91.5%;
    height: 3rem;
    padding: .5rem;
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.5rem;
    text-align: left;
    color: #000;
    background: #fff;
    border: 1px solid #0063af;
    cursor: pointer;
    box-sizing: border-box
}

textarea {
    width: 91.5%;
    height: 12rem;
    margin: 0 0 1rem 0;
    padding: .5rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.5rem;
    text-align: left;
    color: #000;
    background: #fff;
    cursor: pointer;
    resize: vertical;
    overflow: auto;
    border: 1px solid #0063af;
    box-sizing: border-box
}

input[type=submit] {
    width: 45%;
    height: 4rem;
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    background: #0063af;
    -webkit-appearance: none
}

input[type=submit]:hover {
    box-shadow: 1px 1px 2px 1px rgba(29, 29, 29, .4)
}

/************************************************************************************
*
* TEMPLATE FREIZEIT
*
************************************************************************************/

.page-builder--layout_B {
    display: block
}

.page-builder--layout_B {
    width: 100%;
    margin: 0;
    padding: 2rem 1rem;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.page-header_title {
    width: 100%;
    display: block;
    margin: 0;
    text-align: left
}

.page-header_title h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.5rem;
    color: #0363A6;
    text-transform: uppercase;
    white-space: pre-wrap;
    margin: 0 0 2rem 0
}

.inner-page-holder {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    clear: both
}

.content-editorial-box {
    width: 100%;
    display: table;
    margin: 0 0 1rem 0;
    padding: 0;
    box-sizing: border-box;
    clear: both
}

.content_editorial,
.content_editorial_liste {
    width: 100%;
    position: relative;
    display: table;
    margin: 0;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.content_editorial_liste {
    padding: 2rem 0 0 0;
    border-top: solid 1px #d3dcf1
}

.content_is-type-editroial {
    width: 50%;
    float: left;
    display: block;
    position: relative
}

h3.heading-blue {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.175rem;
    line-height: 2.175rem;
    color: #0363A6;
    text-transform: inherit;
    margin: 0 1rem
}

.teaser-text p {
    width: 96%;
    margin: 1rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    white-space: pre-wrap;
    word-wrap: break-word;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    color: #1d1d1d
}

.teaser-list {
    margin: 1rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #1d1d1d
}

.teaser-list ul li {
    display: list-item;
    position: relative
}

.teaser-list ul li a {
    color: #ad2d25
}

.teaser-list ul li a:hover {
    color: #1d1d1d;
    text-decoration: underline
}

.btn-2 {
    display: inline-block;
    margin: 0 1rem;
    padding: .75rem 2rem;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    background: #fff;
    border: 1px solid #0363A6
}

.siteLink-more {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: #0063af;
    text-align: center
}

.media-image {
    width: 50%;
    float: left;
    display: block
}

.media-image img {
    width: 100%;
    max-width: 600px;
    height: auto;
    display: block
}

.divider {
    width: 100%;
    display: inline-block;
    clear: both;
    margin: 0 0 2rem 0;
    min-height: 300px
}

/************************************************************************************
*
* TEMPLATE DEFAULT UNTERSEITE 
*
************************************************************************************/

.featured-resp-image {
    width: 100%;
    float: left;
    display: block
}

.featured-resp-image img {
    width: 100%;
    max-width: 600px;
    height: auto;
    display: block;
    border: 1px solid #fff
}

.layout-content-panel--acf {
    width: 100%;
    display: block;
    padding: 0;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.content-area {
    width: 100%;
    display: block;
    margin: 2rem 0;
    position: relative;
    overflow: hidden;
    clear: both
}

.content-table {
    display: table;
    width: 100%
}

.smallHeadline h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    color: #0363A6;
    display: block;
    word-wrap: break-word;
    margin: 1rem 0 .25rem 0
}

.content-table-block {
    display: table;
    vertical-align: middle
}

.content-text-block {
    display: block;
    vertical-align: middle
}

.block-type p {
    width: 78%;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    word-wrap: break-word;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    color: #1d1d1d;
    margin: 0 0 .5rem 0
}

.block-type p:last-of-type {
    margin: 0 0 2rem 0
}

.block-type p a {
    color: #0063af
}

.block-type p a:hover {
    color: #1d1d1d
}

.block-type ul {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #1d1d1d;
    margin: 0 0 2rem 0
}

.block-type ul li {
    display: list-item
}

.block-type ul li a {
    color: #0063af
}

.block-type ul li a:hover {
    color: #1d1d1d
}

.margin_bottom {
    margin: 0 0 1rem 0
}

.meta-slider-landscape {
    margin: 2rem 0;
    display: block;
    width: 100%
}

.meta-slider-headline h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    color: #0363A6;
    text-transform: inherit;
    white-space: pre-wrap;
    margin: 0 0 1rem 0
}

/************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field // Veranstaltungen
*
************************************************************************************/

.page-builder--layout_B {
    display: block
}

.page-builder--layout_B {
    width: 100%;
    margin: 0;
    padding: 2rem 0;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.table-inner-wrap {
    width: 100%;
    display: block;
    float: left
}

.calender {
    margin: 2rem 0 0 0
}

ul.calender-block {
    width: 100%;
    display: block;
    clear: both
}

li.table-cell-01,
li.table-cell-02,
li.table-cell-03 {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #1d1d1d
}

li.table-cell-01:nth-of-type(odd),
li.table-cell-02:nth-of-type(even),
li.table-cell-03:nth-of-type(odd) {
    color: #0e97d5
}

li.table-cell-01 {
    width: 30%;
    display: inline-block;
    padding: 1rem .5rem;
    margin: 0 0 .25rem 0;
    background: rgba(227, 227, 227, .9)
}

li.table-cell-02 {
    width: 30%;
    display: inline-block;
    padding: 1rem .5rem;
    margin: 0 0 .25rem 0;
    background: rgba(227, 227, 227, .9)
}

li.table-cell-03 {
    width: 30%;
    display: inline-block;
    padding: 1rem .5rem;
    margin: 0 0 .25rem 0;
    background: rgba(227, 227, 227, .9)
}

/************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field // Amtsblatt
*
************************************************************************************/

.box-default__style1 {
    margin: 2rem 0 0 0
}

ul.list-flex__container {
    width: 50%;
    display: block;
    clear: both
}

li.table-cell-time,
li.table-cell-btn-file {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #1d1d1d
}

li.table-cell-time {
    width: 49%;
    display: inline-block;
    padding: 1rem .5rem;
    margin: 0 0 .25rem 0;
    box-sizing: border-box;
    background: rgba(227, 227, 227, .9)
}

li.table-cell-btn-file {
    width: 49%;
    display: inline-block;
    padding: 1rem .5rem;
    margin: 0 0 .25rem 0;
    box-sizing: border-box;
    background: rgba(227, 227, 227, .9)
}

li.table-cell-btn-file a {
    color: #0e97d5
}

/************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field // Notrufnummern
*
************************************************************************************/

li.table-cell-style1,
li.table-cell-style2 {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #1d1d1d
}

li.table-cell-style1 {
    width: 49%;
    display: inline-block;
    padding: 1rem .5rem;
    margin: 0 0 .25rem 0;
    box-sizing: border-box;
    background: rgba(227, 227, 227, .9)
}

li.table-cell-style2 {
    width: 49%;
    display: inline-block;
    padding: 1rem .5rem;
    margin: 0 0 .25rem 0;
    box-sizing: border-box;
    background: rgba(227, 227, 227, .9)
}

/************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field // Gebühren und Steuern
*
************************************************************************************/

.container_fluid__padding {
    width: 100%;
    margin: 0;
    padding: 0 0 2rem 0;
    display: block;
    float: left
}

.block-align-left,
.block-align-right {
    width: 25%;
    float: left
}

.block-align-left ul,
.block-align-right ul {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #1d1d1d
}

.block-align-left li,
.block-align-right li {
    display: list-item
}

/************************************************************************************
*
* TEMPLATE LAYOUT B // WIDGETS
*
************************************************************************************/

.grid-container-horizontal {
    width: 100%;
    display: block;
    margin: 0 0 2rem 0;
    position: relative;
    overflow: hidden;
    clear: both
}

.textInside-headline h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.175rem;
    line-height: 2.175rem;
    color: #0363A6;
    text-transform: inherit;
    white-space: pre-wrap;
    margin: 2rem 0
}

figure.image-container {
    width: 100%;
    max-width: 300px;
    height: auto;
    display: block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.pos01 {
    float: left
}

.pos02 {
    float: left;
    margin: 0 2rem
}

.pos03 {
    float: left
}

.pos04 {
    float: left;
    margin: 2rem 0
}

.pos05 {
    float: left;
    margin: 2rem
}

.pos06 {
    float: left;
    margin: 2rem 0
}

.pos07 {
    float: left
}

.pos08 {
    float: left;
    margin: 0 2rem
}

.pos09 {
    float: left
}

.pos10 {
    float: left;
    margin: 0 2rem
}

figcaption.caption {
    width: 100%;
    max-width: 300px;
    padding: 1rem;
    background: #fff;
    box-sizing: border-box
}

.min-height {
    min-height: 290px
}

figcaption.caption h4 {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 2.75rem;
    color: #0e97d5
}

figcaption.caption .textwidget {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #1d1d1d;
    word-wrap: break-word;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    display: list-item;
    line-height: 1.5rem
}

figcaption.caption .textwidget a {
    color: #0063af
}

figcaption.caption .textwidget a:hover {
    color: #0063af
}

.link-pagelink {
    display: block;
    margin: 1rem 0 0 0;
    position: absolute;
    bottom: 2rem
}

/************************************************************************************
*
* IMPRESSIONEN GALERIE
*
************************************************************************************/

.content-inner-gallery {
    width: 100%;
    max-width: 1280px;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.image-section {
    clear: both;
    margin: 0;
    padding: 0
}

.block-gallery {
    display: block;
    float: left;
    margin: 0 1% 1% 0
}

.img_1_of_4 {
    width: 24%
}

.img_1_of_4 img {
    width: 100%;
    max-width: 293px;
    height: auto;
    display: block
}

/************************************************************************************
*
* ARCHIV SEITEN MENU
*
************************************************************************************/

.archivPage-Container {
    width: 100%;
    display: block;
    margin: 2rem 0 5% 0;
    position: relative;
    overflow: hidden;
    clear: both
}

.pageMenu__menuList {
    width: 45%;
    float: left;
    margin: 0 5% 0 0;
    padding: .5rem;
    box-sizing: border-box;
    background: rgba(227, 227, 227, .9)
}

.pageMenu__menuList h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.175rem;
    line-height: 2.175rem;
    color: #0363A6;
    text-transform: inherit;
    white-space: pre-wrap;
    margin: 0;
    padding: 0 0 1rem 0
}

.pageMenu__menu ul {
    margin: 1rem 0;
    padding: 1rem 0;
    font-weight: 400;
    font-size: 1rem;
    color: #1d1d1d
}

.pageMenu__menu li {
    display: list-item
}

.pageMenu__menu li a {
    display: inline-block;
    line-height: 1.75rem;
    color: #1d1d1d
}

/************************************************************************************
*
* FOOTER
*
************************************************************************************/

.footer-inner-wrap {
    width: 100vw;
    max-width: 1280px;
    height: auto;
    margin: 1rem auto 0;
    padding: 2rem 1rem;
    display: block;
    overflow: hidden;
    position: relative;
    box-sizing: border-box
}

.footer-block01 {
    width: 30%;
    float: left
}

.footer-block02 {
    width: 40%;
    float: left
}

.footer-block01 h5 {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #1d1d1d;
    text-transform: uppercase;
    line-height: 1.75rem;
    text-align: left;
    margin: 0 0 .75rem 0
}

.footer-block01 ul {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #fff;
    text-transform: inherit;
    line-height: 1.5rem;
    text-align: left
}

.footer-block01 ul li {
    display: list-item
}

.footer-block02 h5 {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #1d1d1d;
    text-transform: uppercase;
    line-height: 1.75rem;
    text-align: left;
    margin: 0 0 .75rem 0;
    padding: 0 .5rem
}

.footer-block02 ul {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #fff;
    text-transform: inherit;
    line-height: 1.5rem;
    text-align: left;
    margin: 0 0 2rem 0;
    padding: 0 .5rem
}

.footer-block02 ul li {
    display: list-item
}

.footer-widgetbox h5 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #1d1d1d;
    text-transform: uppercase;
    line-height: 1.75rem;
    text-align: left;
    width: 75%;
    display: block;
    margin: 0;
    padding: 1rem .5rem;
    border-top: 1px solid #fff
}

.footer-widgetbox .textwidget {
    width: 70%;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #fff;
    text-transform: inherit;
    line-height: 1.5rem;
    text-align: left;
    padding: 0 .5rem
}

.footer-navigation {
    width: 30%;
    float: left
}

.footer-navigation h5 {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #1d1d1d;
    text-transform: uppercase;
    line-height: 1.75rem;
    text-align: left;
    margin: 0 0 .75rem 0;
    padding: 0 .5rem
}

.footer-navigation ul {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #000;
    text-transform: inherit;
    line-height: 1.75rem;
    text-align: left;
    padding: 0 .5rem
}

.footer-navigation ul::after {
    content: "";
    height: 1rem;
    display: table;
    clear: both
}

.footer-navigation ul li a {
    display: list-item;
    color: #fff
}

.footer-liste h5 {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #1d1d1d;
    text-transform: uppercase;
    line-height: 1.75rem;
    text-align: left;
    margin: 0 0 .75rem 0;
    padding: 0
}

.footer-liste ul {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #000;
    text-transform: inherit;
    line-height: 1.75rem;
    text-align: left;
    padding: 0 .5rem
}

.footer-liste ul li a {
    display: list-item;
    color: #fff
}

.menu-footer-menu-container ul {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #000;
    text-transform: inherit;
    line-height: 1.5rem;
    text-align: left;
    padding: 0
}

.menu-footer-menu-container ul li a {
    display: list-item
}

.footer-small {
    width: 100vw;
    max-width: 1280px;
    height: auto;
    margin: 1rem auto 0;
    padding: 0 .5rem 1rem;
    display: block;
    overflow: hidden;
    position: relative;
    box-sizing: border-box
}

.footer-small ul {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #1d1d1d;
    text-transform: inherit;
    line-height: 1.125rem;
    text-align: left
}

.footer-small li {
    float: left;
    padding: 0
}

.footer-small li:first-child {
    padding: 0 .5rem 0 0;
    border-right: 1px solid #fff
}

.footer-small li:last-child {
    border-right: none
}

.footer-small li a {
    color: #1d1d1d;
    padding: 0 .5rem;
    border-right: 1px solid #fff
}

.footer-small li:first-child a {
    padding: 0 0;
    border-right: none
}

.footer-small li:last-child a {
    border-right: none
}

/************************************************************************************
*
*  IMAGES WIDGET > SIMPLE IMAGE
*
************************************************************************************/

figure.image-container img {
    position: relative;
    display: block;
    margin: 0
}

figure.image-container > .simple-image img {
    width: 100%;
    max-width: 300px;
    height: auto;
    display: block
}

/************************************************************************************
*
* 404 - SEITE
*
************************************************************************************/

.textInside-404 h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.5rem;
    color: #0363A6;
    text-transform: uppercase;
    white-space: pre-wrap;
    margin: 0 0 1rem 0
}

.textInside-404 h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 1.175rem;
    line-height: 2.175rem;
    color: #0363A6;
    text-transform: inherit;
    white-space: pre-wrap
}

.textInside-404 p {
    width: 56%;
    margin: 1rem 0 0 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #1d1d1d;
    word-wrap: break-word;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto
}

/************************************************************************************
*
* TEXT LINK FADE IN
*
************************************************************************************/

.effect-fade-in::after {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #0e97d5;
    content: '';
    opacity: 0;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.effect-fade-in:hover::after,
.effect-fade-in:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

/************************************************************************************
*
* LINK EMAIL FX
*
************************************************************************************/

figcaption.caption .textwidget a:hover {
    text-decoration: none
}

.link {
    position: relative
}

.link--anim01 {
    color: #1d1d1d
}

.link--anim01:hover {
    color: #0363A6
}

.link--anim01::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 60px;
    height: 2px;
    margin: 5px 0 0 -30px;
    background: #0e97d5;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1)
}

.link--anim01:hover::after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    color: #0363A6
}

/************************************************************************************
*
* MEDIA QUERIES
*
************************************************************************************/

/************************************************************************************
*
* MEDIA QUERIES 80 EM / 1280 PX | iPAD LANDSCAPE
*
************************************************************************************/

@media screen and (max-width:80em) and (min-width:46em) and (orientation:landscape) {

    #fixedHeader {
        width: 100%;
        height: auto;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        box-shadow: 0 .063em .25em rgba(37, 50, 55, .25);
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        z-index: 100
    }

    .wappen {
        width: 15%;
        height: 5rem;
        display: block;
        float: left;
    }

    .wappen img {
        width: 180px;
        max-width: 100%;
        height: auto;
        display: block;
        margin: .275rem 0 0 0
    }

    .main-navigation {
        height: 5rem;
        display: block;
        float: right
    }

    .main-navigation ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 5rem;
        color: #1d1d1d;
        text-transform: uppercase;
        float: right
    }

    /************************************************************************************
*
* HTML FRONTPAGE-TEMPLATE
*
************************************************************************************/
    .frontpage--template {
        width: 100vw;
        max-width: 1280px;
        height: auto;
        margin: 1rem auto 2rem;
        padding: 0 1rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .frontpage--template::after {
        content: "";
        display: table;
        clear: both
    }

    .container-fluid {
        width: 100%;
        display: table;
        float: left;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        clear: both
    }

    .content-first {
        display: table-cell
    }

    .content-second {
        display: table-cell
    }

    .content-third {
        display: table-cell
    }

    .content-fourth {
        display: table-cell
    }

    .intro-box-left {
        width: 49%;
        min-height: 520px;
        float: left;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .offset {
        margin: 0 1% 0 0
    }

    .intro-box-right {
        width: 49%;
        min-height: 520px;
        float: right;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .margin-block {
        margin: 2rem 0
    }

    .main-content_half {
        display: block;
        padding: 1rem
    }

    .tabletHeight-landscape {
        min-height: 568px
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT A // 
*
************************************************************************************/
    .page-builder--layout_A {
        display: block
    }

    .page-builder--layout_A {
        width: 100%;
        margin: 0;
        padding: 2rem 1rem;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .page-index-w100 {
        width: 100%;
        display: block
    }

    .content-left {
        width: 100%;
        display: block;
        float: left
    }

    .content-right {
        display: block;
        float: left;
        margin: 2rem 0 0 0
    }

    .text-wysiwyg-editor {
        width: 100%;
        margin: 0;
        text-align: left
    }

    .text-wysiwyg-editor h1 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2.125rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .text-wysiwyg-editor h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1.175rem;
        line-height: 1.85rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: .5rem 0 0 0
    }

    .text-wysiwyg-editor h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: .5rem 0
    }

    .text-wysiwyg-editor h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit;
        margin: 1rem 0 .25rem 0
    }

    .text-wysiwyg-editor p {
        width: 90%;
        margin: .5rem 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .text-wysiwyg-editor p:last-of-type {
        width: 100%;
        margin: 0 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    /************************************************************************************
*
* LAYOUT AC // ACCORDION CSS SYSTEM
*
************************************************************************************/
    .layout-content-ac {
        width: 100%;
        display: block;
        padding: 1rem 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .ac-container {
        width: 100%;
        margin: 1rem 0;
        text-align: left
    }

    .ac-container label {
        padding: 1rem;
        position: relative;
        z-index: 20;
        display: block;
        height: auto;
        cursor: pointer;
        color: #1d1d1d;
        font-size: 1.275rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        line-height: 2rem;
        text-transform: uppercase;
        background: #fff;
        margin: 0 0 1rem 0
    }

    .ac-container label:hover {
        background: #0e97d5;
        transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out
    }

    .ac-container input:checked + label,
    .ac-container input:checked + label:hover {
        background: #0e97d5;
        color: #1d1d1d;
        cursor: pointer
    }

    .ac-container label:after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        right: 32px;
        top: 20px;
        background: transparent url(_svg-icons/down-arrow.svg) no-repeat center center
    }

    .ac-container input:checked + label:after {
        background-image: url(_svg-icons/up-arrow.svg)
    }

    .ac-container input {
        display: none
    }

    .ac-container article {
        margin-top: -1px;
        overflow: hidden;
        height: 0;
        position: relative;
        z-index: 10;
        transition: height .3s ease-in-out, box-shadow .6s linear;
        background: #fff
    }

    .ac-container input:checked ~ article {
        transition: height .5s ease-in-out, box-shadow .1s linear;
        margin: 0 0 2rem 0;
        border-bottom: 1px solid #0e97d5
    }

    .ac-container input:checked ~ article.ac-container-1 {
        height: 420px
    }

    .ac-container input:checked ~ article.ac-container-2 {
        height: 320px
    }

    .ac-container input:checked ~ article.ac-container-3 {
        height: 400px
    }

    .ac-container input:checked ~ article.ac-container-4 {
        height: 320px
    }

    .ac-container input:checked ~ article.ac-container-5 {
        height: 320px
    }

    .ac-container input:checked ~ article.ac-container-6 {
        height: 280px
    }

    .ac-container input:checked ~ article.ac-container-7 {
        height: 320px
    }

    .ac-container input:checked ~ article.ac-container-8 {
        height: 600px
    }

    .ac-container input:checked ~ article.ac-container-9 {
        height: 360px
    }

    .ac-container input:checked ~ article.ac-container-10 {
        height: 560px
    }

    .ac-container input:checked ~ article.ac-container-11 {
        height: 1200px
    }

    .ac-container input:checked ~ article.ac-container-12 {
        height: 400px
    }

    .service-container {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden
    }

    .flexible_content_field {
        width: 50%;
        padding: 1rem 0;
        float: left;
        box-sizing: border-box
    }

    .sub-heading h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.275rem;
        color: #0e97d5;
        text-transform: uppercase;
        text-align: left;
        padding: 0 1rem
    }

    .content-module {
        margin: 0 0 .5rem 0
    }

    .content-module p {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        color: #1d1d1d;
        padding: .25rem 1rem
    }

    .content-module p a,
    .content-module li a {
        color: #0063af
    }

    .content-module ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d;
        padding: .25rem 1rem
    }

    .content-module li {
        display: list-item
    }

    .content-module li a {
        display: list-item
    }

    span.tel {
        font-weight: 700
    }

    .style-italic {
        font-style: italic;
        font-weight: 400
    }

    /************************************************************************************
*
* TEMPLATE KONTAKT
*
************************************************************************************/
    .textInside-wrapper {
        width: 100%;
        display: block;
        float: left;
        text-align: left
    }

    .textInside-text h1 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 2.5rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .textInside-text h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 600;
        font-size: 1.175rem;
        line-height: 2.175rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap
    }

    .textInside-text h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit;
        white-space: pre-wrap
    }

    .textInside-text h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit
    }

    .textInside-text h5 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        text-transform: inherit
    }

    .textInside-text p {
        width: 90%;
        margin: 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .textInside-text ul {
        margin: 0 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .textInside-text li {
        display: list-item
    }

    .layout-content-special {
        width: 100%;
        display: block;
        padding: 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .employee-block {
        width: 100%;
        display: block;
        margin: 0 0 2rem 0;
        position: relative;
        overflow: hidden;
        clear: both
    }

    .textInside-headline h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1.175rem;
        line-height: 2.175rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: 2rem 0
    }

    figure.image-container {
        width: 100%;
        max-width: 300px;
        height: auto;
        display: block;
        box-sizing: border-box;
        margin: 1rem 2rem 0 0
    }

    .pos01 {
        float: left
    }

    .pos02 {
        float: left;
        margin: 0 2rem 2rem 2rem
    }

    .pos03 {
        float: left
    }

    .pos04 {
        float: left;
        margin: 0 2rem 2rem 2rem
    }

    .pos05 {
        float: left;
        margin: 0 0 2rem 0
    }

    .pos06 {
        float: left;
        margin: 0 2rem 2rem 2rem
    }

    .pos07 {
        float: left;
        margin: 0 0 2rem 0
    }

    img.resp-img {
        width: 100%;
        max-width: 300px;
        height: auto;
        display: block
    }

    figcaption.caption {
        width: 100%;
        max-width: 300px;
        padding: 1rem;
        background: #fff;
        box-sizing: border-box
    }

    figcaption.caption ul {
        margin: 0 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    figcaption.caption li {
        display: list-item
    }

    figcaption.caption strong.blue {
        color: #0363A6;
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 2.75rem
    }

    .contact-form-block {
        width: 74%;
        display: block;
        margin: 0;
        position: relative;
        overflow: hidden;
        float: left
    }



    .textInside-headline h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1.175rem;
        line-height: 2rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: 2rem 0
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field
*
************************************************************************************/
    .calender {
        margin: 2rem 0 0 0
    }

    ul.calender-block {
        width: 100%;
        display: block
    }

    li.table-cell-width {
        width: 100%;
        display: inline-block;
        margin: 0;
        padding: .5rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1.175rem;
        line-height: 1.175rem;
        color: #0363A6;
        text-transform: uppercase
    }

    li.table-cell-01,
    li.table-cell-02,
    li.table-cell-03 {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d
    }

    li.table-cell-01 {
        width: 23%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    li.table-cell-02 {
        width: 23%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    li.table-cell-03 {
        width: 48%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

}

/************************************************************************************
*
* MEDIA QUERIES 80 EM / 1280 PX | Tablet Medion
*
************************************************************************************/

@media screen and (max-width:61.875em) and (min-width:46.625em) and (orientation:landscape) {

    #fixedHeader {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        left: 0;
        background: #fff;
        box-shadow: none;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        z-index: 100
    }

    #mainnav-top {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 1rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        background: none repeat scroll 0 0
    }

    .wappen {
        width: 100%;
        height: auto;
        display: block;
        float: none
    }

    .wappen img {
        width: 180px;
        max-width: 100%;
        height: auto;
        display: block;
        margin: .275rem 0 0 0
    }

    #nav-trigger {
        width: 100%;
        display: block;
        float: none
    }

    nav#nav-mobile {
        display: block;
        margin: 0
    }

    .main-navigation {
        display: none
    }

    /* MOBILE TRIGGER
-------------------------------------------------------------- */
    #nav-trigger span {
        display: block;
        padding: 1rem;
        background: #0063af;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #fff;
        cursor: pointer;
        text-transform: uppercase;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1000
    }

    /************************************************************************************
*
* BASE LAYOUT
*
************************************************************************************/
    #homepageContent {
        width: 100%;
        max-width: 100vw;
        height: auto;
        margin: 1rem auto 0;
        padding: 0;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        background: none repeat scroll 0 0
    }

}

/************************************************************************************
*
* MEDIA QUERIES 80 EM / 1280 PX | iPAD PORTRÄT
*
************************************************************************************/

@media screen and (max-width:80em) and (min-width:46em) and (orientation: portrait) {

    #fixedHeader {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        left: 0;
        background: #fff;
        box-shadow: none;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        z-index: 100
    }

    #mainnav-top {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 1rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        background: none repeat scroll 0 0
    }

    .wappen {
        width: 100%;
        height: auto;
        display: block;
        float: none
    }

    .wappen img {
        width: 180px;
        max-width: 100%;
        height: auto;
        display: block;
        margin: .275rem 0 0 0
    }

    #nav-trigger {
        width: 100%;
        display: block;
        float: none
    }

    nav#nav-mobile {
        display: block;
        margin: 0
    }

    .main-navigation {
        display: none
    }

    /* MOBILE TRIGGER
-------------------------------------------------------------- */
    #nav-trigger span {
        display: block;
        padding: 1rem;
        background: #0063af;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #fff;
        cursor: pointer;
        text-transform: uppercase;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1000
    }

    /************************************************************************************
*
* AKTUELLES 
*
************************************************************************************/
    .page-builder--news-entry {
        display: table-cell
    }

    .page-builder--news-entry {
        width: 100%;
        margin: 0;
        padding: 2rem 1rem;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .articleContainer {
        width: 100%;
        margin: 0;
        padding: 0;
        float: left;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    aside#sidebar {
        width: 100%;
        margin: 0;
        padding: 0;
        float: left;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .entry-header-content-wrapper {
        width: 100%;
        display: block;
        margin: 0;
        padding: 0
    }

    h1.entry-title {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2.5rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 2rem 0
    }

    .wrapper-main-content-single {
        width: 100%;
        margin: 2rem 0;
        text-align: left
    }

    .wysiwyg-editor h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 600;
        font-size: 1.175rem;
        line-height: 2.175rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap
    }

    .wysiwyg-editor h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit;
        white-space: pre-wrap
    }

    .wysiwyg-editor h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit
    }

    .wysiwyg-editor h5 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        text-transform: inherit
    }

    .meta-tags {
        display: block;
        margin: 1rem 0;
        font-size: .75rem;
        color: #1d1d1d;
        font-weight: 700
    }

    .wysiwyg-editor p {
        width: 90%;
        margin: 0 0 1rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .wysiwyg-editor p strong {
        font-weight: 700
    }

    .wysiwyg-editor ul {
        margin: 0 0 1rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d
    }

    .wysiwyg-editor li {
        display: list-item
    }

    /************************************************************************************
*
* SIDEBAR FÜR BEITRÄGE
*
************************************************************************************/
    aside#sidebar h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1rem;
        color: #fff;
        text-transform: uppercase;
        text-align: left;
        padding: .75rem;
        background: #0e97d5;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }

    .nav-sidebar {
        width: 45%;
        margin: 0 5% 5% 0;
        float: left
    }

    #menu-sidebar {
        display: block;
        background: #fff
    }

    ul.menu {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: inherit;
        line-height: 2.75rem;
        text-align: left;
        margin: 0 0 2rem 0
    }

    ul.menu li {
        display: list-item;
        padding: 0 .75rem;
        border-bottom: 1px solid #d3dcf1
    }

    ul.menu li:last-child {
        border-bottom: none
    }

    ul.menu li a {
        display: block;
        color: #000
    }

    /************************************************************************************
*
* HTML FRONTPAGE-TEMPLATE
*
************************************************************************************/
    #homepageContent {
        width: 100%;
        max-width: 100vw;
        height: auto;
        margin: 0 auto;
        padding: 0;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        background: none repeat scroll 0 0
    }

    /************************************************************************************
*
* HTML FRONTPAGE-TEMPLATE
*
************************************************************************************/
    .frontpage--template {
        width: 100vw;
        max-width: 100%;
        height: auto;
        margin: 1rem auto 2rem;
        padding: 0 .5rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .frontpage--template::after {
        content: "";
        display: table;
        clear: both
    }

    .container-fluid {
        width: 100%;
        display: table;
        float: left;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        clear: both
    }

    .content-first {
        display: table-cell
    }

    .content-second {
        display: table-cell
    }

    .content-third {
        display: table-cell
    }

    .content-fourth {
        display: table-cell
    }

    .intro-box-left {
        width: 100%;
        min-height: auto;
        float: none;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .offset {
        margin: 0 0 0 0
    }

    .intro-box-right {
        width: 100%;
        min-height: auto;
        float: none;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .margin-block {
        margin: 0 0 2rem 0
    }

    .main-content_half {
        display: block;
        padding: 1rem .5rem
    }

    .main-title h1 {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.75rem;
        color: #0063af;
        text-transform: uppercase;
        margin: 0 0 1rem 0
    }

    .main-title h2 {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.75rem;
        color: #0063af;
        text-transform: inherit;
        white-space: pre-wrap
    }

    .main-text p {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.75rem;
        color: #1d1d1d;
        text-align: left;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .main-text p a {
        display: inline-block;
        color: #1d1d1d;
        text-decoration: underline;
        letter-spacing: .125rem;
        padding: .25rem 0
    }

    .case-right-panel-01 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        display: block;
        padding: 1rem .5rem 0
    }

    .case-right-panel-02 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        display: block;
        padding: 0 .5rem 0
    }

    .news-wrapper_content {
        width: 100%;
        display: block
    }

    .news-title h2 {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.275rem;
        color: #fff;
        text-transform: uppercase;
        white-space: pre-wrap;
        padding: .5rem;
        background: #0e97d5
    }

    .news-list ul {
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: inherit;
        line-height: 2.75rem;
        text-align: left;
        margin: 0 0 .75rem 0;
        background: #fff
    }

    .news-list li {
        display: list-item;
        padding: 0;
        border-bottom: 1px solid #d3dcf1
    }

    .news-list li:last-child {
        border-bottom: none
    }

    .news-list li span.datetime {
        margin: 0;
        padding: 0;
        font-weight: 400
    }

    .news-list li {
        margin: 0;
        padding: 0 .5rem;
        font-weight: 700
    }

    .news-list li > .bnt-more {
        display: inline-block;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d;
        font-weight: 700;
        letter-spacing: .125rem;
        text-transform: uppercase;
        margin: 1rem 0;
        padding: .5rem 0;
        border-bottom: 2px solid #1d1d1d
    }

    .content-elements {
        display: block;
        overflow: hidden
    }

    .heading-small-center h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.5rem;
        color: #0063af;
        text-transform: uppercase;
        text-align: center;
        white-space: pre-wrap;
        padding: 4rem 0
    }

    .display-list-images {
        width: 100%;
        display: block;
        position: relative;
        float: left;
        margin: 0;
        padding: 1rem 0
    }

    .col {
        float: left;
        position: relative;
        margin: 0;
        padding: 0
    }

    .link-01,
    .link-02,
    .link-03,
    .link-04 {
        width: 50%
    }

    .col-image {
        width: 100%;
        display: block;
        margin: 0;
        box-sizing: border-box
    }

    .col-image img {
        width: 100%;
        max-width: 320px;
        height: auto;
        display: block;
        margin: 0 auto
    }

    .modules-container {
        display: block;
        position: relative;
        overflow: hidden
    }

    .box-featured-content {
        width: 100%;
        margin: 0 0 2rem 0;
        padding: 2rem 1rem;
        box-sizing: border-box;
        border-top: 1px solid #d3dcf1;
        border-bottom: 1px solid #d3dcf1
    }

    .box-featured-title h3 {
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.275rem;
        color: #1d1d1d;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .box-featured-info p {
        width: 100%;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: inherit;
        line-height: 1.75rem;
        text-align: left;
        margin: 0 0 .75rem 0
    }

    .box-featured-info p.style-italic {
        font-weight: 400;
        font-style: italic
    }

    .field-image {
        width: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        float: left;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .image-large img {
        width: 100%;
        max-width: 640px;
        height: auto;
        float: left;
        display: block
    }

    .image-small img {
        width: 100%;
        max-width: 320px;
        height: auto;
        float: left;
        display: block
    }

    .block-left,
    .block-right {
        width: 100%;
        float: left
    }

    .btn {
        display: block;
        padding: 2rem 0;
        vertical-align: middle;
        position: relative;
        z-index: 2;
        -webkit-backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale
    }

    .site-link {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: .875rem;
        letter-spacing: .125rem;
        font-weight: 400;
        color: #fff;
        text-transform: uppercase;
        text-align: center
    }

    .site-link:focus {
        outline: none
    }

    /************************************************************************************
*
* STARTSEITE TEASER - Februar 2019
*
************************************************************************************/
    .container-content {
        width: 100%;
        max-width: 100%
    }

    .section-title h2 {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.275rem;
        color: #e3e3e3;
        text-transform: uppercase;

    }

    .section-lastupdate date {
        font-size: .875rem;
        color: #e3e3e3;
        text-transform: inherit;
        line-height: 2.25rem;
        text-align: left;
        margin: .5rem 0
    }

    .teaser-content {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        align-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin: 2rem 0
    }

    .teaser-content--item {
        width: 100%;
        height: auto
    }

    .teaser-content--item:last-child {
        padding: 0 0
    }


    .btn-pagelink {

        width: 50%;
        position: relative
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT A // 
*
************************************************************************************/
    .container--template-default {
        width: 100vw;
        max-width: 100%;
        height: auto;
        margin: 1rem auto 2rem;
        padding: 0 .5rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .container--template-default::after {
        content: "";
        display: table;
        clear: both
    }

    .page-builder--layout_A {
        display: block
    }

    .page-builder--layout_A {
        width: 100%;
        margin: 0;
        padding: 2rem .5rem;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .page-index-w100 {
        width: 100%;
        display: block
    }

    .content-left {
        width: 100%;
        display: block;
        float: left
    }

    .content-right {
        display: block;
        float: left;
        margin: 2rem 0 0 0
    }

    .text-wysiwyg-editor {
        width: 100%;
        margin: 0;
        text-align: left
    }

    .text-wysiwyg-editor h1 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2.125rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .text-wysiwyg-editor h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1.175rem;
        line-height: 1.85rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: .5rem 0 0 0
    }

    .text-wysiwyg-editor h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: .5rem 0
    }

    .text-wysiwyg-editor h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit;
        margin: 1rem 0 .25rem 0
    }

    .text-wysiwyg-editor p {
        width: 100%;
        margin: .5rem 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .text-wysiwyg-editor p:last-of-type {
        width: 100%;
        margin: 0 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    /************************************************************************************
*
* WIDGET INFOBOX
*
************************************************************************************/
    .widget-infobox {
        display: block;
        padding: .75rem;
        border: 1px solid #0e97d5
    }

    .widget-infobox {
        text-align: left
    }

    .widget-infobox h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.5rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .widget-infobox ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        margin: 0
    }

    .widget-infobox li {
        display: list-item
    }

    /************************************************************************************
*
* LAYOUT AC // ACCORDION CSS SYSTEM
*
************************************************************************************/
    .layout-content-ac {
        width: 100%;
        display: block;
        padding: 1rem 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .ac-container {
        width: 100%;
        margin: 1rem 0 .5rem 0;
        text-align: left
    }

    .ac-container label {
        padding: 1rem;
        position: relative;
        z-index: 20;
        display: block;
        height: auto;
        cursor: pointer;
        color: #1d1d1d;
        font-size: 1rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        line-height: 2rem;
        text-transform: uppercase;
        background: #fff;
        margin: 0 0 1rem 0
    }

    .ac-container label:hover {
        background: #0e97d5;
        transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out
    }

    .ac-container input:checked + label,
    .ac-container input:checked + label:hover {
        background: #0e97d5;
        color: #1d1d1d;
        cursor: pointer
    }

    .ac-container label:after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        right: 16px;
        top: 20px;
        background: transparent url(_svg-icons/down-arrow.svg) no-repeat center center
    }

    .ac-container input:checked + label:after {
        background-image: url(_svg-icons/up-arrow.svg)
    }

    .ac-container input {
        display: none
    }

    .ac-container article {
        margin-top: -1px;
        overflow: hidden;
        height: 0;
        position: relative;
        z-index: 10;
        transition: height .3s ease-in-out, box-shadow .6s linear;
        background: #fff
    }

    .ac-container input:checked ~ article {
        transition: height .5s ease-in-out, box-shadow .1s linear;
        margin: 0 0 2rem 0;
        border-bottom: 1px solid #0e97d5
    }

    .ac-container input:checked ~ article.ac-container-1 {
        height: 860px
    }

    .ac-container input:checked ~ article.ac-container-2 {
        height: 320px
    }

    .ac-container input:checked ~ article.ac-container-3 {
        height: 640px
    }

    .ac-container input:checked ~ article.ac-container-4 {
        height: 480px
    }

    .ac-container input:checked ~ article.ac-container-5 {
        height: 480px
    }

    .ac-container input:checked ~ article.ac-container-6 {
        height: 300px
    }

    .ac-container input:checked ~ article.ac-container-7 {
        height: 420px
    }

    .ac-container input:checked ~ article.ac-container-8 {
        height: 640px
    }

    .ac-container input:checked ~ article.ac-container-9 {
        height: 740px
    }

    .ac-container input:checked ~ article.ac-container-10 {
        height: 520px
    }

    .ac-container input:checked ~ article.ac-container-11 {
        height: 1200px
    }

    .ac-container input:checked ~ article.ac-container-12 {
        height: 400px
    }

    .service-container {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden
    }

    .flexible_content_field {
        width: 100%;
        padding: 1rem 0 0.5rem 0;
        float: none;
        box-sizing: border-box
    }

    .sub-heading h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.275rem;
        color: #0e97d5;
        text-transform: uppercase;
        text-align: left;
        padding: 0 1rem
    }

    .content-module {
        margin: 0 0 .5rem 0
    }

    .content-module p {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        color: #1d1d1d;
        padding: .25rem 1rem
    }

    .content-module p a,
    .content-module li a {
        color: #0063af
    }

    .content-module ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d;
        padding: .25rem 1rem
    }

    .content-module li {
        display: list-item
    }

    .content-module li a {
        display: list-item
    }

    span.tel {
        font-weight: 700
    }

    .style-italic {
        font-style: italic;
        font-weight: 400
    }

    /************************************************************************************
*
* INFOZENTRUM
*
************************************************************************************/
    .wp--acf_content-field {
        width: 100%;
        display: block;
        padding: 1rem 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .wp--acf_wrapper-w50 {
        width: 50%;
        float: left;
        display: block;
        position: relative
    }

    .wp--acf_wrapper-w100 {
        width: 100%;
        float: none;
        display: block;
        position: relative
    }

    .acf-box-pagetext {
        display: block;
        position: relative;
        overflow: hidden
    }

    .acf-box-pagetext h3 {
        display: block;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #0363A6;
        text-transform: uppercase;
        line-height: 1.75rem;
        text-align: left;
        margin: 0 0 .75rem 0
    }

    .acf-box-pagetext ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: inherit;
        line-height: 1.5rem;
        text-align: left
    }

    .acf-box-pagetext ul:nth-of-type(1) {
        margin: 0 0 .5rem 0
    }

    .acf-box-pagetext ul li {
        display: list-item
    }

    .acf-box-pagetext ul li.blue {
        color: #0363A6
    }

    .list-image {
        width: 100%;
        display: block
    }

    .list-image img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block
    }

    .pageNav-left,
    .pageNav-right {
        width: 100%;
        float: none
    }

    /************************************************************************************
*
* GOOGLE MAP
*
************************************************************************************/
    .map {
        position: relative;
        overflow: hidden
    }

    .map iframe,
    .map object,
    .map embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #map-canvas {
        width: 100%;
        max-width: 100%;
        height: 300px;
        margin: 0;
        display: block;
        border: 1px solid #fff;
        box-sizing: border-box
    }

    /************************************************************************************
*
* TEMPLATE FREIZEIT
*
************************************************************************************/
    .page-builder--layout_B {
        display: block
    }

    .page-builder--layout_B {
        width: 100%;
        margin: 0;
        padding: 2rem .5rem;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .page-header_title {
        width: 100%;
        display: block;
        margin: 0;
        text-align: left
    }

    .page-header_title h1 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 2.5rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 2rem 0
    }

    .inner-page-holder {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        clear: both
    }

    .content-editorial-box {
        width: 100%;
        padding: .5rem 0;
        display: table;
        ;
        margin: 0 0 1rem 0;
        box-sizing: border-box
    }

    .content_is-type-editroial {
        width: 100%;
        float: none;
        display: block;
        position: relative
    }

    h3.heading-blue {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1.175rem;
        line-height: 2.175rem;
        color: #0363A6;
        text-transform: inherit;
        margin: 1rem 0 0 0
    }

    .teaser-text p {
        width: 96%;
        margin: 1rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        color: #1d1d1d
    }

    .teaser-list {
        margin: 1rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d
    }

    ul.teaser-list li {
        display: list-item
    }

    ul.teaser-list li a {
        color: #ad2d25
    }

    ul.teaser-list li a:hover {
        color: #1d1d1d
    }

    .btn-2 {
        display: inline-block;
        margin: 0 0;
        padding: .75rem 2rem;
        vertical-align: middle;
        position: relative;
        z-index: 2;
        -webkit-backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        background: #fff;
        border: 1px solid #0363A6
    }

    .siteLink-more {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        text-transform: uppercase;
        color: #0063af;
        text-align: center
    }

    .media-image {
        width: 100%;
        float: none;
        display: block
    }

    .media-image img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block
    }

    /************************************************************************************
*
* WYSIWYG EDITOR BILD
*
************************************************************************************/
    img.alignnone.size-full {
        width: 100%;
        max-width: 500px;
        height: auto;
        display: block;
        margin: 2rem 0 0 0
    }

    img.size-full {
        width: 100%;
        max-width: 500px;
        height: auto;
        display: block;
        margin: 2rem 0 0 0
    }

    /************************************************************************************
*
* TEMPLATE FREIZEIT SINGLEPAGE
*
************************************************************************************/
    .featured-resp-image {
        width: 100%;
        float: left;
        display: block
    }

    .featured-resp-image img {
        width: 100%;
        max-width: 600px;
        height: auto;
        display: block;
        border: 1px solid #fff
    }

    .layout-content-panel--acf {
        width: 100%;
        display: block;
        padding: 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .content-area {
        width: 100%;
        display: block;
        margin: 2rem 0;
        position: relative;
        overflow: hidden;
        clear: both
    }

    .content-table {
        display: table;
        width: 100%
    }

    .smallHeadline h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.5rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .content-table-block {
        display: table;
        vertical-align: middle
    }

    .content-text-block {
        display: block;
        vertical-align: middle
    }

    .block-type p {
        width: 76%;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        color: #1d1d1d;
        margin: 0 0 .5rem 0
    }

    .block-type p:last-of-type {
        margin: 0 0 2rem 0
    }

    .block-type p a {
        color: #0063af
    }

    .block-type p a:hover {
        color: #1d1d1d;
        text-decoration: underline
    }

    .block-type ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d;
        margin: 0 0 2rem 0
    }

    .block-type ul li {
        display: list-item
    }

    .block-type ul li a {
        color: #0063af
    }

    .block-type ul li a:hover {
        color: #1d1d1d;
        text-decoration: underline
    }

    .meta-slider-landscape {
        margin: 2rem 0;
        display: block;
        width: 100%
    }

    .meta-slider-headline h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field
*
************************************************************************************/
    .calender {
        margin: 2rem 0 0 0
    }

    ul.calender-block {
        width: 100%;
        display: block
    }

    li.table-cell-width {
        width: 100%;
        display: inline-block;
        margin: 0;
        padding: .5rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1.175rem;
        line-height: 1.175rem;
        color: #0363A6;
        text-transform: uppercase
    }

    li.table-cell-01,
    li.table-cell-02,
    li.table-cell-03 {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d
    }

    li.table-cell-01 {
        width: 47.5%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    li.table-cell-02 {
        width: 47.5%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    li.table-cell-03 {
        width: 97.75%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field // Notrufnummern
*
************************************************************************************/
    .box-default__style1 {
        margin: 2rem 0 0 0
    }

    ul.list-flex__container {
        width: 80%;
        display: block;
        clear: both
    }

    li.table-cell-style1,
    li.table-cell-style2 {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d
    }

    li.table-cell-style1 {
        width: 49%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        box-sizing: border-box;
        background: rgba(227, 227, 227, .9)
    }

    li.table-cell-style2 {
        width: 49%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        box-sizing: border-box;
        background: rgba(227, 227, 227, .9)
    }

    /************************************************************************************
*
* TEMPLATE KONTAKT
*
************************************************************************************/
    .textInside-wrapper {
        width: 100%;
        display: block;
        float: left;
        text-align: left
    }

    .textInside-text h1 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 2.5rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .textInside-text h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 600;
        font-size: 1.175rem;
        line-height: 2.175rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap
    }

    .textInside-text h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit;
        white-space: pre-wrap
    }

    .textInside-text h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit
    }

    .textInside-text h5 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit
    }

    .textInside-text p {
        width: 100%;
        margin: 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .textInside-text ul {
        margin: 0 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .textInside-text li {
        display: list-item
    }

    .layout-content-special {
        width: 100%;
        display: block;
        padding: 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .employee-block {
        width: 100%;
        display: block;
        margin: 0 0 2rem 0;
        position: relative;
        overflow: hidden;
        clear: both
    }

    .textInside-headline h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1.175rem;
        line-height: 2.175rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: 2rem 0
    }

    figure.image-container {
        width: 100%;
        max-width: 300px;
        height: auto;
        display: block;
        box-sizing: border-box
    }

    .pos01 {
        float: left
    }

    .pos02 {
        float: left;
        margin: 0 2rem 2rem 2rem
    }

    .pos03 {
        float: left
    }

    .pos04 {
        float: left;
        margin: 0 2rem 2rem 2rem
    }

    .pos05 {
        float: left;
        margin: 0 0 2rem 0
    }

    .pos06 {
        float: left;
        margin: 0 2rem 2rem 2rem
    }

    .pos07 {
        float: left;
        margin: 0 0 2rem 0
    }

    img.resp-img {
        width: 100%;
        max-width: 300px;
        height: auto;
        display: block
    }

    figcaption.caption {
        width: 100%;
        max-width: 300px;
        padding: 1rem;
        background: #fff
    }

    figcaption.caption ul {
        margin: 0 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    figcaption.caption li {
        display: list-item
    }

    figcaption.caption strong.blue {
        color: #0363A6;
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 2.75rem
    }

    .contact-form-block {
        width: 100%;
        display: block;
        margin: 0;
        position: relative;
        overflow: hidden;
        float: left
    }

    .textInside-headline h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1.175rem;
        line-height: 2rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: 2rem 0
    }

    /************************************************************************************
*
* FORMULAR
*
************************************************************************************/
    .widget-contactForm {
        width: 100%;
        content: "";
        display: block;
        margin: 0 0 2rem 0
    }

    label {
        display: block
    }

    input {
        width: 100%;
        height: 3rem;
        padding: .5rem;
        margin: 0 0 1rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.5rem;
        text-align: left;
        color: #000;
        background: #fff;
        ;
        border: 1px solid #0063af;
        cursor: pointer;
        box-sizing: border-box
    }

    textarea {
        width: 100%;
        height: 12rem;
        margin: 0 0 1rem 0;
        padding: .5rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.5rem;
        text-align: left;
        color: #000;
        background: #fff;
        cursor: pointer;
        resize: vertical;
        overflow: auto;
        border: 1px solid #0063af;
        box-sizing: border-box
    }

    input[type=submit] {
        width: 100%;
        height: 4rem;
        margin: 0;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 1em;
        line-height: 1em;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        background: #0063af;
        -webkit-appearance: none
    }

    /************************************************************************************
*
* FOOTER
*
************************************************************************************/
    .footer-inner-wrap {
        width: 100vw;
        max-width: 100%;
        height: auto;
        margin: 1rem auto 0;
        padding: 2rem 1rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .footer-block01 {
        width: 50%;
        float: left
    }

    .footer-block02 {
        width: 50%;
        float: left
    }

    .footer-block01 h5 {
        display: block;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: uppercase;
        line-height: 1.75rem;
        text-align: left;
        margin: .75rem 0 .75rem 0
    }

    .footer-block01 ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #fff;
        text-transform: inherit;
        line-height: 1.5rem;
        text-align: left
    }

    .footer-block01 ul li {
        display: list-item
    }

    .footer-block02 h5 {
        display: block;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: uppercase;
        line-height: 1.75rem;
        text-align: left;
        margin: .75rem 0 .75rem 0;
        padding: 0
    }

    .footer-block02 ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #fff;
        text-transform: inherit;
        line-height: 1.5rem;
        text-align: left;
        padding: 0
    }

    .footer-block02 ul li {
        display: list-item
    }

    .footer-widgetbox h5 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: uppercase;
        line-height: 1.75rem;
        text-align: left;
        width: 75%;
        display: block;
        margin: 0;
        padding: 2rem 0 0 0;
        border-top: 1px solid #fff
    }

    .footer-widgetbox .textwidget {
        width: 70%;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #fff;
        text-transform: inherit;
        line-height: 1.5rem;
        text-align: left;
        margin: 0 0 2rem 0;
        padding: 0
    }

    .footer-navigation {
        width: 100%;
        float: none
    }

    .footer-navigation h5 {
        display: block;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: uppercase;
        line-height: 2rem;
        text-align: left;
        margin: .75rem 0 .75rem 0;
        padding: 0
    }

    .footer-navigation ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #000;
        text-transform: inherit;
        line-height: 2rem;
        text-align: left;
        padding: 0 0
    }

    .footer-block01::after,
    .footer-block02::after,
    .footer-navigation ul::after {
        content: "";
        height: 1rem;
        display: table;
        clear: both
    }

    .footer-navigation ul li {
        display: list-item
    }

    .footer-small {
        width: 100vw;
        max-width: 1280px;
        height: auto;
        margin: 0;
        padding: 0 0 2rem .5rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .footer-small ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: inherit;
        line-height: 1.125rem;
        text-align: left
    }

    .footer-small li {
        float: left;
        padding: 0 0;
        border-right: 1px solid #fff
    }

    .footer-small li:first-child {
        padding: 0 .5rem 0 0;
        border-right: 1px solid #fff
    }

    .footer-small li:nth-child(2),
    .footer-small li:last-child {
        border-right: none
    }

}

/************************************************************************************
*
* MEDIA QUERIES 80 EM / 1280 PX | iPhone Landscape UND Tablet-Medion
*
************************************************************************************/

@media screen and (min-width:38em) and (max-width:46em) {

    #fixedHeader {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        left: 0;
        background: #fff;
        box-shadow: none;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        z-index: 100
    }

    #mainnav-top {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 1rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        background: none repeat scroll 0 0
    }

    .wappen {
        width: 100%;
        height: auto;
        display: block;
        float: none
    }

    .wappen img {
        width: 160px;
        max-width: 100%;
        height: auto;
        display: block;
        margin: .125rem 0
    }

    #nav-trigger {
        width: 100%;
        display: block;
        float: none
    }

    nav#nav-mobile {
        display: block;
        margin: 0
    }

    .main-navigation {
        display: none
    }

    /* MOBILE TRIGGER
-------------------------------------------------------------- */
    #nav-trigger span {
        display: block;
        padding: 1rem;
        background: #0063af;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #fff;
        cursor: pointer;
        text-transform: uppercase;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1000
    }

    nav#nav-mobile ul {
        width: 100%;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 2.5rem;
        color: #1d1d1d;
        text-transform: uppercase;
        float: none;
        display: none;
        list-style-type: none;
        position: relative;
        top: 0;
        right: 0;
        margin: 0 auto;
        background: #fff;
        box-shadow: none;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform
    }

    /************************************************************************************
*
* HTML FRONTPAGE-TEMPLATE
*
************************************************************************************/
    #homepageContent {
        width: 100%;
        max-width: 100vw;
        height: auto;
        margin: 0 auto;
        padding: 0;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        background: none repeat scroll 0 0
    }

    /************************************************************************************
*
* HTML FRONTPAGE-TEMPLATE
*
************************************************************************************/
    .frontpage--template {
        width: 100vw;
        max-width: 100%;
        height: auto;
        margin: 1rem auto 2rem;
        padding: 0 .5rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .frontpage--template::after {
        content: "";
        display: table;
        clear: both
    }

    .container-fluid {
        width: 100%;
        display: table;
        float: left;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        clear: both
    }

    .content-first {
        display: table-cell
    }

    .content-second {
        display: table-cell
    }

    .content-third {
        display: table-cell
    }

    .content-fourth {
        display: table-cell
    }

    .intro-box-left {
        width: 100%;
        min-height: auto;
        float: none;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .offset {
        margin: 0 0 0 0
    }

    .intro-box-right {
        width: 100%;
        min-height: auto;
        float: none;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .margin-block {
        margin: 0 0 2rem 0
    }

    .main-content_half {
        display: block;
        padding: 1rem .5rem
    }

    .main-title h1 {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.75rem;
        color: #0063af;
        text-transform: uppercase;

        margin: 0 0 1rem 0
    }

    .main-title h2 {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.75rem;
        color: #0063af;
        text-transform: inherit;
        white-space: pre-wrap
    }

    .main-text p {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.75rem;
        color: #1d1d1d;
        text-align: left;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .main-text p a {
        display: inline-block;
        color: #1d1d1d;
        text-decoration: underline;
        letter-spacing: .125rem;
        padding: .25rem 0
    }

    .case-right-panel-01 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        display: block;
        padding: 1rem .5rem 0
    }

    .case-right-panel-02 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        display: block;
        padding: 0 .5rem 0
    }

    .news-wrapper_content {
        width: 100%;
        display: block
    }

    .news-title h2 {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.275rem;
        color: #fff;
        text-transform: uppercase;
        white-space: pre-wrap;
        padding: .5rem;
        background: #0e97d5
    }

    .news-list ul {
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: inherit;
        line-height: 2.75rem;
        text-align: left;
        margin: 0 0 .75rem 0;
        background: #fff
    }

    .news-list li {
        display: list-item;
        padding: 0;
        border-bottom: 1px solid #d3dcf1
    }

    .news-list li:last-child {
        border-bottom: none
    }

    .news-list li span.datetime {
        margin: 0;
        padding: 0;
        font-weight: 400
    }

    .news-list li {
        margin: 0;
        padding: 0 .5rem;
        font-weight: 700
    }

    .news-list li > .bnt-more {
        display: inline-block;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d;
        font-weight: 700;
        letter-spacing: .125rem;
        text-transform: uppercase;
        margin: 1rem 0;
        padding: .5rem 0;
        border-bottom: 2px solid #1d1d1d
    }

    .content-elements {
        display: block;
        overflow: hidden
    }

    .heading-small-center h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.5rem;
        color: #0063af;
        text-transform: uppercase;
        text-align: center;
        white-space: pre-wrap;
        padding: 4rem 0
    }

    .display-list-images {
        width: 100%;
        display: block;
        position: relative;
        float: left;
        margin: 0;
        padding: 1rem 0
    }

    .col {
        float: left;
        position: relative;
        margin: 0;
        padding: 0
    }

    .link-01,
    .link-02,
    .link-03,
    .link-04 {
        width: 50%
    }

    .col-image {
        width: 100%;
        display: block;
        margin: 0;
        box-sizing: border-box
    }

    .col-image img {
        width: 100%;
        max-width: 320px;
        height: auto;
        display: block;
        margin: 0 auto
    }

    .modules-container {
        display: block;
        position: relative;
        overflow: hidden
    }

    .box-featured-content {
        width: 100%;
        margin: 0 0 2rem 0;
        padding: 2rem 1rem;
        box-sizing: border-box;
        border-top: 1px solid #d3dcf1;
        border-bottom: 1px solid #d3dcf1
    }

    .box-featured-title h3 {
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.275rem;
        color: #1d1d1d;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .box-featured-info p {
        width: 100%;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: inherit;
        line-height: 1.75rem;
        text-align: left;
        margin: 0 0 .75rem 0
    }

    .box-featured-info p.style-italic {
        font-weight: 400;
        font-style: italic
    }

    .field-image {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .image-large img {
        width: 100%;
        max-width: 100%;
        height: auto;
        float: left;
        display: block
    }

    .image-small img {
        width: 50%;
        max-width: 100%;
        height: auto;
        float: left;
        display: block
    }

    .block-left,
    .block-right {
        width: 100%;
        float: left
    }

    .btn {
        display: block;
        padding: 2rem 0;
        vertical-align: middle;
        position: relative;
        z-index: 2;
        -webkit-backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale
    }

    .site-link {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: .875rem;
        letter-spacing: .125rem;
        font-weight: 400;
        color: #fff;
        text-transform: uppercase;
        text-align: center
    }

    .site-link:focus {
        outline: none
    }

    /************************************************************************************
*
* STARTSEITE TEASER - Februar 2019
*
************************************************************************************/
    .container-content {
        width: 100%;
        max-width: 100%
    }

    .section-title h2 {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.275rem;
        color: #e3e3e3;
        text-transform: uppercase;

    }

    .section-lastupdate date {
        font-size: .875rem;
        color: #e3e3e3;
        text-transform: inherit;
        line-height: 2.25rem;
        text-align: left;
        margin: .5rem 0
    }

    .teaser-content {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        align-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin: 2rem 0
    }

    .teaser-content--item {
        width: 100%;
        height: auto
    }

    .teaser-content--item:last-child {
        padding: 0 0
    }


    .btn-pagelink {

        width: 50%;
        position: relative
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT A // 
*
************************************************************************************/
    .container--template-default {
        width: 100vw;
        max-width: 100%;
        height: auto;
        margin: 1rem auto 2rem;
        padding: 0 .5rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .container--template-default::after {
        content: "";
        display: table;
        clear: both
    }

    .page-builder--layout_A {
        display: block
    }

    .page-builder--layout_A {
        width: 100%;
        margin: 0;
        padding: 2rem .5rem;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .page-index-w100 {
        width: 100%;
        display: block
    }

    .content-left {
        width: 100%;
        display: block;
        float: left
    }

    .content-right {
        display: block;
        float: left
    }

    .text-wysiwyg-editor {
        width: 100%;
        margin: 0;
        text-align: left
    }

    .text-wysiwyg-editor h1 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 2.5rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 2rem 0
    }

    .text-wysiwyg-editor p {
        width: 100%;
        margin: 2rem 0 1rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .text-wysiwyg-editor p:last-of-type {
        width: 100%;
        margin: 0 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    /************************************************************************************
*
* LAYOUT AC // ACCORDION CSS SYSTEM
*
************************************************************************************/
    .layout-content-ac {
        width: 100%;
        display: block;
        padding: 1rem 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .ac-container {
        width: 100%;
        margin: 1rem 0;
        text-align: left
    }

    .ac-container label {
        padding: 1rem;
        position: relative;
        z-index: 20;
        display: block;
        height: auto;
        cursor: pointer;
        color: #1d1d1d;
        font-size: 1rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        line-height: 2rem;
        text-transform: uppercase;
        background: #fff;
        margin: 0 0 1rem 0
    }

    .ac-container label:hover {
        background: #0e97d5;
        transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out
    }

    .ac-container input:checked + label,
    .ac-container input:checked + label:hover {
        background: #0e97d5;
        color: #1d1d1d;
        cursor: auto
    }

    .ac-container label:after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        right: 16px;
        top: 20px;
        background: transparent url(_svg-icons/down-arrow.svg) no-repeat center center
    }

    .ac-container input:checked + label:after {
        background-image: url(_svg-icons/up-arrow.svg)
    }

    .ac-container input {
        display: none
    }

    .ac-container article {
        margin-top: -1px;
        overflow: hidden;
        height: 0;
        position: relative;
        z-index: 10;
        transition: height .3s ease-in-out, box-shadow .6s linear;
        background: #fff
    }

    .ac-container input:checked ~ article {
        transition: height .5s ease-in-out, box-shadow .1s linear;
        margin: 0 0 2rem 0;
        border-bottom: 1px solid #0e97d5
    }

    .ac-container input:checked ~ article.ac-small {
        height: 140px
    }

    .ac-container input:checked ~ article.ac-medium {
        height: 280px
    }

    .ac-container input:checked ~ article.ac-large {
        height: 450px
    }

    .service-container {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden
    }

    .flexible_content_field {
        width: 100%;
        padding: 1rem 0;
        float: none;
        box-sizing: border-box
    }

    .sub-heading h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.275rem;
        color: #0e97d5;
        text-transform: uppercase;
        text-align: left;
        padding: 0 1rem
    }

    .content-module {
        margin: 0 0 .5rem 0
    }

    .content-module p {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        color: #1d1d1d;
        padding: .25rem 1rem
    }

    .content-module p a,
    .content-module li a {
        color: #0063af
    }

    .content-module ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d;
        padding: .25rem 1rem
    }

    .content-module li {
        display: list-item
    }

    .content-module li a {
        display: list-item
    }

    span.tel {
        font-weight: 700
    }

    .style-italic {
        font-style: italic;
        font-weight: 400
    }

    /************************************************************************************
*
* TEMPLATE KONTAKT
*
************************************************************************************/
    .textInside-wrapper {
        width: 100%;
        display: block;
        float: left;
        text-align: left
    }

    .textInside-text h1 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 2.5rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .textInside-text h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 600;
        font-size: 1.175rem;
        line-height: 2.175rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap
    }

    .textInside-text h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit;
        white-space: pre-wrap
    }

    .textInside-text h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit
    }

    .textInside-text h5 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit
    }

    .textInside-text p {
        width: 90%;
        margin: 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .textInside-text ul {
        margin: 0 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .textInside-text li {
        display: list-item
    }

    .layout-content-special {
        width: 100%;
        display: block;
        padding: 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .employee-block {
        width: 100%;
        display: block;
        margin: 0 0 2rem 0;
        position: relative;
        overflow: hidden;
        clear: both
    }

    .textInside-headline h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1.175rem;
        line-height: 2.175rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: 2rem 0
    }

    figure.image-container {
        width: 100%;
        max-width: 300px;
        height: auto;
        display: block;
        box-sizing: border-box
    }

    .pos01 {
        float: left
    }

    .pos02 {
        float: left;
        margin: 2rem 0
    }

    .pos03 {
        float: left
    }

}

/************************************************************************************
*
* MEDIA QUERIES 41 EM / 667 PX | Smartphone: iPhone 6 in Landscape
*
************************************************************************************/

@media only screen and (min-device-width:23em) and (max-device-width:41em) and (orientation: landscape) {

    #fixedHeader {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        left: 0;
        background: #fff;
        box-shadow: none;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        z-index: 100
    }

    #mainnav-top {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 1rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        background: none repeat scroll 0 0
    }

    .wappen {
        width: 100%;
        height: auto;
        display: block;
        float: none
    }

    .wappen img {
        width: 180px;
        max-width: 100%;
        height: auto;
        display: block;
        margin: .275rem 0 0 0
    }

    #nav-trigger {
        width: 100%;
        display: block;
        float: none
    }

    nav#nav-mobile {
        display: block;
        margin: 0
    }

    .main-navigation {
        display: none
    }

    /* MOBILE TRIGGER
-------------------------------------------------------------- */
    #nav-trigger span {
        display: block;
        padding: 1rem;
        background: #0063af;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #fff;
        cursor: pointer;
        text-transform: uppercase;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1000
    }

    /************************************************************************************
*
* STARTSEITE TEASER - Februar 2019
*
************************************************************************************/
    .container-content {
        width: 100%;
        max-width: 100%
    }

    .section-title h2 {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.275rem;
        color: #e3e3e3;
        text-transform: uppercase;

    }

    .section-lastupdate date {
        font-size: .875rem;
        color: #e3e3e3;
        text-transform: inherit;
        line-height: 2.25rem;
        text-align: left;
        margin: .5rem 0
    }

    .teaser-content {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        align-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin: 2rem 0
    }

    .teaser-content--item {
        width: 100%;
        height: auto
    }

    .teaser-content--item:last-child {
        padding: 0 0
    }


    .btn-pagelink {

        width: 50%;
        position: relative
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field
*
************************************************************************************/
    .text-wysiwyg-editor p {
        width: 80%;
        text-align: left
    }

    .text-wysiwyg-editor p:last-of-type {
        width: 76%;
        text-align: left
    }

    .calender {
        margin: 2rem 0 0 0
    }

    ul.calender-block {
        width: 100%;
        display: block
    }

    li.table-cell-01,
    li.table-cell-02,
    li.table-cell-03 {
        font-weight: 400;
        font-size: .95rem;
        line-height: 1.5rem;
        color: #1d1d1d
    }

    li.table-cell-01 {
        width: 45.95%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    li.table-cell-02 {
        width: 45.95%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    li.table-cell-03 {
        width: 95%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    /************************************************************************************
*
* LAYOUT AC // ACCORDION CSS SYSTEM
*
************************************************************************************/
    .layout-content-ac {
        width: 100%;
        display: block;
        padding: 1rem 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .ac-container {
        width: 100%;
        margin: 1rem 0;
        text-align: left
    }

    .ac-container label {
        padding: 1rem;
        position: relative;
        z-index: 20;
        display: block;
        height: 2rem;
        cursor: pointer;
        color: #1d1d1d;
        font-size: 1.05rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        line-height: 2rem;
        text-transform: uppercase;
        background: #fff;
        margin: 0 0 1rem 0
    }

    .ac-container label:hover {
        background: #0e97d5;
        transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out
    }

    .ac-container input:checked + label,
    .ac-container input:checked + label:hover {
        background: #0e97d5;
        color: #1d1d1d;
        cursor: auto
    }

    .ac-container label:after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        right: 16px;
        top: 20px;
        background: transparent url(_svg-icons/down-arrow.svg) no-repeat center center
    }

    .ac-container input:checked + label:after {
        background-image: url(_svg-icons/up-arrow.svg)
    }

    .ac-container input {
        display: none
    }

    .ac-container article {
        margin-top: -1px;
        overflow: hidden;
        height: 0;
        position: relative;
        z-index: 10;
        transition: height .3s ease-in-out, box-shadow .6s linear;
        background: #fff
    }

    .ac-container input:checked ~ article {
        transition: height .5s ease-in-out, box-shadow .1s linear;
        margin: 0 0 2rem 0;
        border-bottom: 1px solid #0e97d5
    }

    .ac-container input:checked ~ article.ac-container-1 {
        height: 900px
    }

    .ac-container input:checked ~ article.ac-container-2 {
        height: 320px
    }

    .ac-container input:checked ~ article.ac-container-3 {
        height: 410px
    }

    .ac-container input:checked ~ article.ac-container-4 {
        height: 480px
    }

    .ac-container input:checked ~ article.ac-container-5 {
        height: 480px
    }

    .ac-container input:checked ~ article.ac-container-6 {
        height: 360px
    }

    .ac-container input:checked ~ article.ac-container-7 {
        height: 410px
    }

    .ac-container input:checked ~ article.ac-container-8 {
        height: 640px
    }

    .ac-container input:checked ~ article.ac-container-9 {
        height: 740px
    }

    .ac-container input:checked ~ article.ac-container-10 {
        height: 520px
    }

    .ac-container input:checked ~ article.ac-container-11 {
        height: 900px
    }

    .ac-container input:checked ~ article.ac-container-12 {
        height: 400px
    }

    /************************************************************************************
*
* WYSIWYG EDITOR BILD
*
************************************************************************************/
    img.alignnone.size-full {
        width: 100%;
        max-width: 760px;
        height: auto;
        display: block;
        margin: 2rem 0 0 0
    }

    /************************************************************************************
*
* FORMULAR
*
************************************************************************************/
    .widget-contactForm {
        width: 100%;
        content: "";
        display: block;
        margin: 0 0 2rem 0
    }

    label {
        display: block
    }

    input {
        width: 100%;
        height: 3rem;
        padding: .5rem;
        margin: 0 0 1rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.5rem;
        text-align: left;
        color: #000;
        background: #fff;
        ;
        border: 1px solid #0063af;
        cursor: pointer;
        box-sizing: border-box
    }

    textarea {
        width: 100%;
        height: 12rem;
        margin: 0 0 1rem 0;
        padding: .5rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.5rem;
        text-align: left;
        color: #000;
        background: #fff;
        cursor: pointer;
        resize: vertical;
        overflow: auto;
        border: 1px solid #0063af;
        box-sizing: border-box
    }

    input[type=submit] {
        width: 100%;
        height: 4rem;
        margin: 0;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 1em;
        line-height: 1em;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        background: #0063af;
        -webkit-appearance: none
    }

    /************************************************************************************
*
* FOOTER
*
************************************************************************************/
    .footer-inner-wrap {
        width: 100vw;
        max-width: 100%;
        height: auto;
        margin: 1rem auto 0;
        padding: 2rem 1rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .footer-block01 {
        width: 50%;
        float: left
    }

    .footer-block02 {
        width: 50%;
        float: left
    }

    .footer-block01 h5 {
        display: block;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: uppercase;
        line-height: 1.75rem;
        text-align: left;
        margin: .75rem 0 .75rem 0
    }

    .footer-block01 ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #fff;
        text-transform: inherit;
        line-height: 1.5rem;
        text-align: left
    }

    .footer-block01 ul li {
        display: list-item
    }

    .footer-block02 h5 {
        display: block;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: uppercase;
        line-height: 1.75rem;
        text-align: left;
        margin: .75rem 0 .75rem 0;
        padding: 0
    }

    .footer-block02 ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #fff;
        text-transform: inherit;
        line-height: 1.5rem;
        text-align: left;
        padding: 0
    }

    .footer-block02 ul li {
        display: list-item
    }

    .footer-widgetbox h5 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: uppercase;
        line-height: 1.75rem;
        text-align: left;
        width: 100%;
        display: block;
        margin: 1rem auto 0;
        padding: 1rem 0;
        border-top: 1px solid #fff
    }

    .footer-widgetbox .textwidget {
        width: 100%;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #fff;
        text-transform: inherit;
        line-height: 1.5rem;
        text-align: left;
        padding: 0
    }

    .footer-navigation {
        width: 100%;
        float: none
    }

    .footer-navigation h5 {
        display: block;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: uppercase;
        line-height: 1.75rem;
        text-align: left;
        margin: .75rem 0 .75rem 0;
        padding: 0
    }

    .footer-navigation ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #000;
        text-transform: inherit;
        line-height: 1.75rem;
        text-align: left;
        padding: 0 0
    }

    .footer-block01::after,
    .footer-block02::after,
    .footer-navigation ul::after {
        content: "";
        height: 1rem;
        display: table;
        clear: both
    }

    .footer-navigation ul li {
        display: list-item
    }

    .footer-small {
        width: 100vw;
        max-width: 1280px;
        height: auto;
        margin: 0;
        padding: 0 0 2rem .5rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .footer-small ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: inherit;
        line-height: 1.125rem;
        text-align: left
    }

    .footer-small li {
        float: left;
        padding: 0 0;
        border-right: 1px solid #fff
    }

    .footer-small li:first-child {
        padding: 0 .5rem 0 0;
        border-right: 1px solid #fff
    }

    .footer-small li:last-child {
        border-right: none
    }

}

/************************************************************************************
*
* MEDIA QUERIES 38 EM / 600 PX | iPHONE UND SMARTPHONES
*
************************************************************************************/

@media screen and (max-width:38em) {

    #fixedHeader {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        left: 0;
        background: #fff;
        box-shadow: none;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        z-index: 100
    }

    #mainnav-top {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 1rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        background: none repeat scroll 0 0
    }

    .wappen {
        width: 100%;
        height: auto;
        display: block;
        float: none
    }

    .wappen img {
        width: 160px;
        max-width: 100%;
        height: auto;
        display: block;
        margin: .125rem 0
    }

    #nav-trigger {
        width: 100%;
        display: block;
        float: none
    }

    nav#nav-mobile {
        display: block;
        margin: 0
    }

    .main-navigation {
        display: none
    }

    /* MOBILE TRIGGER
-------------------------------------------------------------- */
    #nav-trigger span {
        display: block;
        padding: 1rem;
        background: #0063af;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #fff;
        cursor: pointer;
        text-transform: uppercase;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1000
    }

    /************************************************************************************
*
* HTML FRONTPAGE-TEMPLATE
*
************************************************************************************/
    #homepageContent {
        width: 100%;
        max-width: 100vw;
        height: auto;
        margin: 0 auto;
        padding: 0;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        background: none repeat scroll 0 0
    }

    /************************************************************************************
*
* HTML FRONTPAGE-TEMPLATE
*
************************************************************************************/
    .frontpage--template {
        width: 100vw;
        max-width: 100%;
        height: auto;
        margin: 1rem auto 2rem;
        padding: 0 .5rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .frontpage--template::after {
        content: "";
        display: table;
        clear: both
    }

    .container-fluid {
        width: 100%;
        display: table;
        float: left;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        clear: both
    }

    .content-first {
        display: table-cell
    }

    .content-second {
        display: table-cell
    }

    .content-third {
        display: table-cell
    }

    .content-fourth {
        display: table-cell
    }

    .intro-box-left {
        width: 100%;
        min-height: auto;
        float: none;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .offset {
        margin: 0 0 0 0
    }

    .intro-box-right {
        width: 100%;
        min-height: auto;
        float: none;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .margin-block {
        margin: 0 0 2rem 0
    }

    .main-content_half {
        display: block;
        padding: 1rem .5rem
    }

    .main-title h1 {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.75rem;
        color: #0063af;
        text-transform: uppercase;
        margin: 0 0 1rem 0
    }

    .main-title h2 {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.75rem;
        color: #0063af;
        text-transform: inherit;
        white-space: pre-wrap
    }

    .main-text p {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.75rem;
        color: #1d1d1d;
        text-align: left;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .main-text p a {
        display: inline-block;
        color: #1d1d1d;
        text-decoration: underline;
        letter-spacing: .125rem;
        padding: .25rem 0
    }

    .case-right-panel-01 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        display: block;
        padding: 1rem .5rem 0
    }

    .case-right-panel-02 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        display: block;
        padding: 0 .5rem 0
    }

    .news-wrapper_content {
        width: 100%;
        display: block
    }

    .news-title h2 {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.275rem;
        color: #fff;
        text-transform: uppercase;
        white-space: pre-wrap;
        padding: .5rem;
        background: #0e97d5
    }

    .news-list ul {
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: inherit;
        line-height: 2.75rem;
        text-align: left;
        margin: 0 0 .75rem 0;
        background: #fff
    }

    .news-list li {
        display: list-item;
        padding: 0;
        border-bottom: 1px solid #d3dcf1
    }

    .news-list li:last-child {
        border-bottom: none
    }

    .news-list li span.datetime {
        margin: 0;
        padding: 0;
        font-weight: 400
    }

    .news-list li {
        margin: 0;
        padding: 0 .5rem;
        font-weight: 700
    }

    .news-list li > .bnt-more {
        display: inline-block;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d;
        font-weight: 700;
        letter-spacing: .125rem;
        text-transform: uppercase;
        margin: 1rem 0;
        padding: .5rem 0;
        border-bottom: 2px solid #1d1d1d
    }

    .content-elements {
        display: block;
        overflow: hidden
    }

    .heading-small-center h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.5rem;
        color: #0063af;
        text-transform: uppercase;
        text-align: center;
        white-space: pre-wrap;
        padding: 4rem 0
    }

    .display-list-images {
        width: 100%;
        display: block;
        position: relative;
        float: left;
        margin: 0;
        padding: 1rem 0
    }

    .col {
        float: left;
        position: relative;
        margin: 0;
        padding: 0
    }

    .link-01,
    .link-02,
    .link-03,
    .link-04 {
        width: 50%
    }

    .col-image {
        width: 100%;
        display: block;
        margin: 0;
        box-sizing: border-box
    }

    .col-image img {
        width: 100%;
        max-width: 320px;
        height: auto;
        display: block;
        margin: 0 auto
    }

    .modules-container {
        display: block;
        position: relative;
        overflow: hidden
    }

    .box-featured-content {
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box
    }

    .box-featured-content p strong {
        display: block;
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.125rem;
        color: #ad2d25;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 .5rem 0
    }

    .box-featured-content p {
        width: 68%;
        font-size: 1rem;
        color: #ad2d25;
        text-transform: inherit;
        line-height: 1.5rem;
        text-align: left;
        margin: 0 0 1rem 0;
        padding: 1rem;
        box-sizing: border-box
    }

    .field-image {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .image-large img {
        width: 100%;
        max-width: 100%;
        height: auto;
        float: left;
        display: block
    }

    .image-small img {
        width: 50%;
        max-width: 100%;
        height: auto;
        float: left;
        display: block
    }

    .block-left,
    .block-right {
        width: 100%;
        float: left
    }

    .btn {
        display: block;
        padding: 2rem 0;
        vertical-align: middle;
        position: relative;
        z-index: 2;
        -webkit-backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale
    }

    .site-link {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: .875rem;
        line-height: 1.25rem;
        letter-spacing: .125rem;
        font-weight: 400;
        color: #fff;
        text-transform: uppercase;
        text-align: center
    }

    .site-link:focus {
        outline: none
    }

    /************************************************************************************
*
* STARTSEITE TEASER - Februar 2019
*
************************************************************************************/
    .container-content {
        width: 100%;
        max-width: 100%
    }

    .section-title h2 {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.275rem;
        color: #e3e3e3;
        text-transform: uppercase;

    }

    .section-lastupdate date {
        font-size: .875rem;
        color: #e3e3e3;
        text-transform: inherit;
        line-height: 2.25rem;
        text-align: left;
        margin: .5rem 0
    }

    .teaser-content {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        align-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin: 2rem 0
    }

    .teaser-content--item {
        width: 100%;
        height: auto
    }

    .teaser-content--item:last-child {
        padding: 0 0
    }


    .btn-pagelink {

        width: 100%;
        position: relative
    }

    /************************************************************************************
*
* AKTUELLES 
*
************************************************************************************/
    .page-builder--news-entry {
        display: table-cell
    }

    .page-builder--news-entry {
        width: 100%;
        margin: 0;
        padding: 2rem .5rem;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .articleContainer {
        width: 100%;
        margin: 0;
        padding: 0;
        float: left;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    aside#sidebar {
        width: 100%;
        margin: 0;
        padding: 0;
        float: left;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .entry-header-content-wrapper {
        width: 100%;
        display: block;
        margin: 0;
        padding: 0
    }

    h1.entry-title {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 2.5rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .wrapper-main-content-single {
        width: 100%;
        margin: 2rem 0;
        text-align: left
    }

    .wysiwyg-editor h1 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2.125rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .wysiwyg-editor h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1.175rem;
        line-height: 1.85rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: .5rem 0 0 0
    }

    .wysiwyg-editor h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: .5rem 0
    }

    .wysiwyg-editor h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        font-style: italic;
        text-transform: inherit;
        margin: 1rem 0 .5rem 0
    }

    .meta-tags {
        display: block;
        margin: 1rem 0;
        font-size: .75rem;
        color: #1d1d1d;
        font-weight: 700
    }

    .wysiwyg-editor p {
        width: 100%;
        margin: .5rem 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .wysiwyg-editor p:last-of-type {
        width: 100%;
        margin: 0 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .wysiwyg-editor p strong {
        font-weight: 700
    }

    .wysiwyg-editor ul {
        margin: 0 0 1rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 2.25rem;
        color: #1d1d1d
    }

    .wysiwyg-editor li {
        display: list-item
    }

    /************************************************************************************
*
* SIDEBAR FÜR BEITRÄGE
*
************************************************************************************/
    aside#sidebar h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1rem;
        color: #fff;
        text-transform: uppercase;
        text-align: left;
        padding: .75rem;
        background: #0e97d5;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }

    .nav-sidebar {
        width: 100%
    }

    #menu-sidebar {
        display: block;
        background: #fff
    }

    ul.menu {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: inherit;
        line-height: 2.75rem;
        text-align: left;
        margin: 0 0 2rem 0
    }

    ul.menu li {
        display: list-item;
        padding: 0 .75rem;
        border-bottom: 1px solid #d3dcf1
    }

    ul.menu li:last-child {
        border-bottom: none
    }

    ul.menu li a {
        display: block;
        color: #000
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT A // 
*
************************************************************************************/
    .container--template-default {
        width: 100vw;
        max-width: 100%;
        height: auto;
        margin: 1rem auto 2rem;
        padding: 0 .5rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .container--template-default::after {
        content: "";
        display: table;
        clear: both
    }

    .page-builder--layout_A {
        display: block
    }

    .page-builder--layout_A {
        width: 100%;
        margin: 0;
        padding: 2rem .5rem;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .page-index-w100 {
        width: 100%;
        display: block
    }

    .content-left {
        width: 100%;
        display: block;
        float: left
    }

    .content-right {
        display: block;
        float: left;
        margin: 2rem 0 0 0
    }

    .text-wysiwyg-editor {
        width: 100%;
        margin: 0;
        text-align: left
    }

    .text-wysiwyg-editor h1 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2.125rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .text-wysiwyg-editor h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1.175rem;
        line-height: 1.85rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: .5rem 0 0 0
    }

    .text-wysiwyg-editor h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: .5rem 0
    }

    .text-wysiwyg-editor h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit;
        margin: 1rem 0 .25rem 0
    }

    .text-wysiwyg-editor p {
        width: 100%;
        margin: .5rem 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .text-wysiwyg-editor p:last-of-type {
        width: 100%;
        margin: 0 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    /************************************************************************************
*
* WYSIWYG TEXT EDITOR 2
*
************************************************************************************/
    .text-wysiwyg-editor__2 {
        width: 100%;
        margin: 0;
        text-align: left
    }

    .text-wysiwyg-editor__2 h1 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2.125rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .text-wysiwyg-editor__2 h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1.175rem;
        line-height: 1.85rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: .5rem 0 0 0
    }

    .text-wysiwyg-editor__2 h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: .5rem 0
    }

    .text-wysiwyg-editor__2 h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit;
        margin: 1rem 0 .25rem 0
    }

    .text-wysiwyg-editor__2 p {
        width: 100%;
        margin: .5rem 0 1rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .text-wysiwyg-editor__2 p:last-of-type {
        margin: 0 0 1rem 0
    }

    .text-wysiwyg-editor__2 p a {
        color: #0063af
    }

    .text-wysiwyg-editor__2 strong {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        line-height: 1.5rem
    }

    .text-wysiwyg-editor__2 ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d;
        padding: .5rem 0
    }

    .text-wysiwyg-editor__2 li {
        display: list-item
    }

    .text-wysiwyg-editor__2 li a {
        display: inline-block;
        color: #0063af
    }

    /************************************************************************************
*
* BEITRÄGE NACH THEMEN
*
************************************************************************************/
    .postdate {
        width: 100%;
        display: block;
        margin: 0;
        font-size: .875rem;
        font-weight: 700
    }

    .postdate ul {
        margin: .25rem 0;
        font-size: .875rem;
        color: #1d1d1d;
        font-weight: 700
    }

    .postdate ul li {
        display: inline-block;
        padding: 0;
        color: #1d1d1d
    }

    /************************************************************************************
*
* LAYOUT AC // ACCORDION CSS SYSTEM
*
************************************************************************************/
    .layout-content-ac {
        width: 100%;
        display: block;
        padding: 1rem 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .ac-container {
        width: 100%;
        margin: 1rem 0;
        text-align: left
    }

    .ac-container label {
        padding: 1rem;
        position: relative;
        z-index: 20;
        display: block;
        height: auto;
        cursor: pointer;
        color: #1d1d1d;
        font-size: 1.05rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        line-height: 2rem;
        text-transform: uppercase;
        background: #fff;
        margin: 0 0 1rem 0
    }

    .ac-container label:hover {
        background: #0e97d5;
        transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out
    }

    .ac-container input:checked + label,
    .ac-container input:checked + label:hover {
        background: #0e97d5;
        color: #1d1d1d;
        cursor: auto
    }

    .ac-container label:after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        right: 16px;
        top: 20px;
        background: transparent url(_svg-icons/down-arrow.svg) no-repeat center center
    }

    .ac-container input:checked + label:after {
        background-image: url(_svg-icons/up-arrow.svg)
    }

    .ac-container input {
        display: none
    }

    .ac-container article {
        margin-top: -1px;
        overflow: hidden;
        height: 0;
        position: relative;
        z-index: 10;
        transition: height .3s ease-in-out, box-shadow .6s linear;
        background: #fff
    }

    .ac-container input:checked ~ article {
        transition: height .5s ease-in-out, box-shadow .1s linear;
        margin: 0 0 2rem 0;
        border-bottom: 1px solid #0e97d5
    }

    .ac-container input:checked ~ article.ac-container-1 {
        height: 760px
    }

    .ac-container input:checked ~ article.ac-container-2 {
        height: 320px
    }

    .ac-container input:checked ~ article.ac-container-3 {
        height: 710px
    }

    .ac-container input:checked ~ article.ac-container-4 {
        height: 660px
    }

    .ac-container input:checked ~ article.ac-container-5 {
        height: 660px
    }

    .ac-container input:checked ~ article.ac-container-6 {
        height: 500px
    }

    .ac-container input:checked ~ article.ac-container-7 {
        height: 500px
    }

    .ac-container input:checked ~ article.ac-container-8 {
        height: 640px
    }

    .ac-container input:checked ~ article.ac-container-9 {
        height: 740px
    }

    .ac-container input:checked ~ article.ac-container-10 {
        height: 520px
    }

    .ac-container input:checked ~ article.ac-container-11 {
        height: 1200px
    }

    .ac-container input:checked ~ article.ac-container-12 {
        height: 400px
    }

    .service-container {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden
    }

    .flexible_content_field {
        width: 100%;
        padding: .5rem 0 0 0;
        float: none;
        box-sizing: border-box
    }

    .sub-heading h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.275rem;
        color: #0e97d5;
        text-transform: uppercase;
        text-align: left;
        padding: 0 1rem
    }

    .content-module {
        margin: 0 0 .25rem 0
    }

    .content-module p {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        color: #1d1d1d;
        padding: .25rem 1rem
    }

    .content-module p a,
    .content-module li a {
        color: #0063af
    }

    .content-module ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 2rem;
        color: #1d1d1d;
        padding: .25rem 1rem
    }

    .content-module li {
        display: list-item
    }

    .content-module li a {
        display: list-item
    }

    span.tel {
        font-weight: 700
    }

    .style-italic {
        font-style: italic;
        font-weight: 400
    }

    /************************************************************************************
*
* TEMPLATE FREIZEIT
*
************************************************************************************/
    .page-builder--layout_B {
        display: block
    }

    .page-builder--layout_B {
        width: 100%;
        margin: 0;
        padding: 2rem .5rem;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .page-header_title {
        width: 100%;
        display: block;
        margin: 0;
        text-align: left
    }

    .page-header_title h1 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 2.5rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 2rem 0
    }

    .inner-page-holder {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        clear: both
    }

    .content-editorial-box {
        width: 100%;
        padding: .5rem 0;
        display: table;
        margin: 0 0 1rem 0;
        box-sizing: border-box
    }

    .content_is-type-editroial {
        width: 100%;
        float: none;
        display: block;
        position: relative
    }

    h3.heading-blue {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1.175rem;
        line-height: 2.175rem;
        color: #0363A6;
        text-transform: inherit;
        margin: 1rem 0 0 0
    }

    .teaser-text p {
        width: 98%;
        margin: 1rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        color: #1d1d1d
    }

    .teaser-list {
        margin: 1rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d
    }

    ul.teaser-list li {
        display: list-item
    }

    ul.teaser-list li a {
        color: #ad2d25
    }

    ul.teaser-list li a:hover {
        color: #1d1d1d
    }

    .btn-2 {
        display: inline-block;
        margin: 0 0;
        padding: .75rem 2rem;
        vertical-align: middle;
        position: relative;
        z-index: 2;
        -webkit-backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        background: #fff;
        border: 1px solid #0363A6
    }

    .siteLink-more {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        text-transform: uppercase;
        color: #0063af;
        text-align: center
    }

    .media-image {
        width: 100%;
        float: none;
        display: block
    }

    .media-image img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block
    }

    /************************************************************************************
*
* WYSIWYG EDITOR BILD
*
************************************************************************************/
    img.alignnone.size-full {
        width: 100%;
        max-width: 320px;
        height: auto;
        display: block;
        margin: 2rem 0 0 0
    }

    img.size-full {
        width: 100%;
        max-width: 320px;
        height: auto;
        display: block;
        margin: 2rem 0 0 0
    }

    /************************************************************************************
*
* INFOZENTRUM
*
************************************************************************************/
    .wp--acf_content-field {
        width: 100%;
        display: block;
        padding: 1rem 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .wp--acf_wrapper-w50 {
        width: 100%;
        float: none;
        display: block;
        position: relative
    }

    .wp--acf_wrapper-w100 {
        width: 100%;
        float: none;
        display: block;
        position: relative
    }

    .acf-box-pagetext {
        display: block;
        position: relative;
        overflow: hidden
    }

    .acf-box-pagetext h3 {
        display: block;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #0363A6;
        text-transform: uppercase;
        line-height: 1.75rem;
        text-align: left;
        margin: 1rem 0
    }

    .acf-box-pagetext ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: inherit;
        line-height: 1.5rem;
        text-align: left
    }

    .acf-box-pagetext ul:nth-of-type(1) {
        margin: 0 0 1rem 0
    }

    .acf-box-pagetext ul li {
        display: list-item
    }

    .acf-box-pagetext ul li.blue {
        color: #0363A6
    }

    .list-image {
        width: 100%;
        display: block
    }

    .list-image img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block
    }

    .pageNav-left,
    .pageNav-right {
        width: 100%;
        float: none
    }

    /************************************************************************************
*
* GOOGLE MAP
*
************************************************************************************/
    .map {
        width: 100%;
        max-width: 600px;
        height: 300px;
        position: relative;
        overflow: hidden;
        display: block;
        border: 1px solid #fff;
        box-sizing: border-box
    }

    /************************************************************************************
*
* WIDGET INFOBOX
*
************************************************************************************/
    .widget-infobox {
        display: block;
        padding: .75rem .5rem;
        border: 1px solid #0e97d5
    }

    .widget-infobox {
        text-align: left
    }

    .widget-infobox h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.5rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .widget-infobox a {
        color: #0363A6
    }

    .widget-infobox ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d;
        margin: 0
    }

    .widget-infobox li {
        display: list-item
    }

    .widget-infobox li strong {
        font-weight: 700
    }

    .widget-infobox li a {
        color: #0363A6
    }

    .widget-infobox li a:hover {
        color: #0363A6
    }

    .widget-infobox .textwidget {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        margin: 0
    }

    .widget-infobox .textwidget {
        display: list-item
    }

    .min-width {
        min-width: 325px
    }

    /************************************************************************************
*
* TEMPLATE FREIZEIT SINGLEPAGE
*
************************************************************************************/
    .featured-resp-image {
        width: 100%;
        float: left;
        display: block
    }

    .featured-resp-image img {
        width: 100%;
        max-width: 600px;
        height: auto;
        display: block;
        border: 1px solid #fff
    }

    .layout-content-panel--acf {
        width: 100%;
        display: block;
        padding: 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .content-area {
        width: 100%;
        display: block;
        margin: 2rem 0;
        position: relative;
        overflow: hidden;
        clear: both
    }

    .content-table {
        display: table;
        width: 100%
    }

    .smallHeadline h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.5rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .content-table-block {
        display: table;
        vertical-align: middle
    }

    .content-text-block {
        display: block;
        vertical-align: middle
    }

    .block-type p {
        width: 100%;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        color: #1d1d1d;
        margin: 0 0 .5rem 0
    }

    .block-type p:last-of-type {
        margin: 0 0 2rem 0
    }

    .block-type p a {
        color: #0063af
    }

    .block-type p a:hover {
        color: #1d1d1d;
        text-decoration: underline
    }

    .block-type ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d;
        margin: 0 0 2rem 0
    }

    .block-type ul li {
        display: list-item
    }

    .block-type ul li a {
        color: #0063af
    }

    .block-type ul li a:hover {
        color: #1d1d1d;
        text-decoration: underline
    }

    .meta-slider-landscape {
        margin: 2rem 0;
        display: block;
        width: 100%
    }

    .meta-slider-headline h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field // Veranstaltungen
*
************************************************************************************/
    .calender {
        margin: 2rem 0 0 0
    }

    ul.calender-block {
        width: 100%;
        display: block
    }

    li.table-cell-01,
    li.table-cell-02,
    li.table-cell-03 {
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.5rem;
        color: #1d1d1d
    }

    li.table-cell-01 {
        width: 42%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    li.table-cell-02 {
        width: 41.95%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    li.table-cell-03 {
        width: 90%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field // Amtsblatt
*
************************************************************************************/
    .box-default__style1 {
        margin: 2rem 0 0 0
    }

    ul.list-flex__container {
        width: 100%;
        display: block;
        clear: both
    }

    li.table-cell-time,
    li.table-cell-btn-file {
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.5rem;
        color: #1d1d1d
    }

    li.table-cell-btn-file {
        width: 50%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        box-sizing: border-box;
        background: rgba(227, 227, 227, .9)
    }

    li.table-cell-time {
        width: 46%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        box-sizing: border-box;
        background: rgba(227, 227, 227, .9)
    }

    li.table-cell-btn-file a {
        color: #1d1d1d
    }

    li.table-cell-btn-file:nth-of-type(odd) a {
        color: #0e97d5
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field // Notrufnummern
*
************************************************************************************/
    li.table-cell-style1,
    li.table-cell-style2 {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d
    }

    li.table-cell-style1 {
        width: 56%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        box-sizing: border-box;
        background: rgba(227, 227, 227, .9)
    }

    li.table-cell-style2 {
        width: 40%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        box-sizing: border-box;
        background: rgba(227, 227, 227, .9)
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field // Gebühren und Steuern
*
************************************************************************************/
    .container_fluid__padding {
        width: 100%;
        margin: 0;
        padding: 0 0 2rem 0;
        display: block;
        float: left
    }

    .block-align-left {
        width: 75%;
        float: left
    }

    .block-align-right {
        width: 22%;
        float: left
    }

    .block-align-left ul,
    .block-align-right ul {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d
    }

    .block-align-left li,
    .block-align-right li {
        display: list-item
    }

    /************************************************************************************
*
* IMPRESSIONEN GALERIE
*
************************************************************************************/
    .content-inner-gallery {
        width: 100%;
        max-width: 1280px;
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }

    .image-section {
        clear: both;
        margin: 0;
        padding: 0
    }

    .block-gallery {
        display: block;
        float: left;
        margin: 0 1% 1% 0
    }

    .img_1_of_4 {
        width: 49%
    }

    .img_1_of_4 img {
        width: 100%;
        max-width: 293%;
        height: auto;
        display: block
    }

    /************************************************************************************
*
* TEMPLATE KONTAKT
*
************************************************************************************/
    .textInside-wrapper {
        width: 100%;
        display: block;
        float: left;
        text-align: left
    }

    .textInside-text h1 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 2.5rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .textInside-text h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1.175rem;
        line-height: 2.175rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap
    }

    .textInside-text h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap
    }

    .textInside-text h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit
    }

    .textInside-text h5 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5;
        text-transform: inherit
    }

    .textInside-text p {
        width: 100%;
        margin: 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .textInside-text ul {
        margin: 0 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .textInside-text li {
        display: list-item
    }

    .layout-content-special {
        width: 100%;
        display: block;
        padding: 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box
    }

    .employee-block {
        width: 100%;
        display: block;
        margin: 0 0 2rem 0;
        position: relative;
        overflow: hidden;
        clear: both
    }

    .textInside-headline h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1.175rem;
        line-height: 2.175rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: 2rem 0
    }

    figure.image-container {
        width: 100%;
        max-width: 300px;
        height: auto;
        display: block;
        box-sizing: border-box
    }

    .pos01 {
        float: left
    }

    .pos02 {
        float: left;
        margin: 2rem 0
    }

    .pos03 {
        float: left
    }

    .pos04 {
        float: left;
        margin: 2rem 0
    }

    .pos05 {
        float: left;
        margin: 0
    }

    .pos06 {
        float: left;
        margin: 2rem 0
    }

    .pos07 {
        float: left;
        margin: 0
    }


    .pos08 {
        float: left;
        margin: 2rem 0
    }


    img.resp-img {
        width: 100%;
        max-width: 300px;
        height: auto;
        display: block
    }

    figcaption.caption {
        width: 100%;
        max-width: 300px;
        padding: 1rem;
        background: #fff
    }

    figcaption.caption ul {
        margin: 0 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    figcaption.caption li {
        display: list-item;
        line-height: 2.25rem
    }

    figcaption.caption strong.blue {
        color: #0363A6;
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 2rem
    }

    .contact-form-block {
        width: 100%;
        display: block;
        margin: 0;
        position: relative;
        overflow: hidden;
        float: left
    }

    .textInside-headline h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1.175rem;
        line-height: 2rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: 2rem 0
    }

    /************************************************************************************
*
* ARCHIV SEITEN MENU
*
************************************************************************************/
    .archivPage-Container {
        width: 100%;
        display: block;
        margin: 2rem 0 0 0;
        position: relative;
        overflow: hidden;
        clear: both
    }

    .archivPage-Container:last-child {
        margin: 0 0 0 0
    }

    .pageMenu__menuList {
        width: 100%;
        float: none;
        margin: 0 0 2rem 0;
        padding: .5rem;
        box-sizing: border-box;
        background: rgba(227, 227, 227, .4)
    }

    .pageMenu__menuList h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1.175rem;
        line-height: 2.175rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: 0;
        padding: 0 0 1rem 0
    }

    .pageMenu__menu ul {
        display: inline-block;
        margin: 1rem 0;
        padding: 1rem 0;
        font-weight: 400;
        font-size: 1rem;
        color: #1d1d1d
    }

    .pageMenu__menu li a {
        display: list-item;
        line-height: 2rem;
        color: #1d1d1d
    }

    /************************************************************************************
*
* FORMULAR
*
************************************************************************************/
    .widget-contactForm {
        width: 100%;
        content: "";
        display: block;
        margin: 0
    }

    label {
        display: block
    }

    input {
        width: 100%;
        height: 3rem;
        padding: .5rem;
        margin: 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.5rem;
        text-align: left;
        color: #000;
        background: #fff;
        ;
        border: 1px solid #0063af;
        cursor: pointer;
        box-sizing: border-box
    }

    textarea {
        width: 100%;
        height: 12rem;
        margin: 0 0 .5rem 0;
        padding: .5rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.5rem;
        text-align: left;
        color: #000;
        background: #fff;
        cursor: pointer;
        resize: vertical;
        overflow: auto;
        border: 1px solid #0063af;
        box-sizing: border-box
    }

    input[type=submit] {
        width: 100%;
        height: 4rem;
        margin: 0;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 1em;
        line-height: 1em;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        background: #0063af;
        -webkit-appearance: none
    }

    /************************************************************************************
*
* FOOTER
*
************************************************************************************/
    .footer-inner-wrap {
        width: 100vw;
        max-width: 100%;
        height: auto;
        margin: 1rem auto 0;
        padding: 2rem 1rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .footer-block01 {
        width: 100%;
        float: none
    }

    .footer-block02 {
        width: 100%;
        float: none
    }

    .footer-block01 h5 {
        display: block;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: uppercase;
        line-height: 1.75rem;
        text-align: center;
        margin: .75rem 0 .75rem 0
    }

    .footer-block01 ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #fff;
        text-transform: inherit;
        line-height: 1.75rem;
        text-align: center
    }

    .footer-block01 ul li {
        display: list-item
    }

    .footer-block02 h5 {
        display: block;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: uppercase;
        line-height: 1.75rem;
        text-align: center;
        margin: .75rem 0 .75rem 0;
        padding: 0
    }

    .footer-block02 ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #fff;
        text-transform: inherit;
        line-height: 1.75rem;
        text-align: center;
        padding: 0
    }

    .footer-block02 ul li {
        display: list-item
    }

    .footer-widgetbox h5 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: uppercase;
        line-height: 2rem;
        text-align: center;
        width: 100%;
        display: block;
        margin: 1rem auto 0;
        padding: 1rem 0;
        border-top: 1px solid #fff
    }

    .footer-widgetbox .textwidget {
        width: 100%;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #fff;
        text-transform: inherit;
        line-height: 1.5rem;
        text-align: center;
        padding: 0
    }

    .footer-navigation {
        width: 100%;
        float: none
    }

    .footer-navigation h5 {
        display: block;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: uppercase;
        line-height: 1.75rem;
        text-align: center;
        margin: .75rem 0 .75rem 0;
        padding: 0
    }

    .footer-navigation ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #000;
        text-transform: inherit;
        line-height: 2.25rem;
        text-align: center;
        padding: 0 0
    }

    .footer-block01::after,
    .footer-block02::after,
    .footer-navigation ul::after {
        content: "";
        height: 1rem;
        display: table;
        clear: both
    }

    .footer-navigation ul li {
        display: list-item
    }

    .footer-small {
        width: 100vw;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 1rem 2rem;
        display: block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .footer-small ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        color: #1d1d1d;
        text-transform: inherit;
        line-height: 2.25rem;
        text-align: center
    }

    .footer-small li {
        float: none;
        padding: 0
    }

    .footer-small li:first-child {
        padding: 0;
        border-right: none
    }

    .footer-small li:last-child {
        border-right: none
    }

    .footer-small li a {
        color: #1d1d1d;
        padding: 0;
        border-right: none
    }

    .footer-small li:first-child a {
        padding: 0;
        border-right: none
    }

    .footer-small li:last-child a {
        border-right: none
    }

    p.wp-caption-text {
        display: none
    }

}

/************************************************************************************
*
* MEDIA QUERIES 20 EM / 320 | Smartphone: iPhone5
*
************************************************************************************/

@media screen and (max-width:20em) and (-webkit-min-device-pixel-ratio: 2) {

    /************************************************************************************
*
* AKTUELLES
*
************************************************************************************/
    .wysiwyg-editor {
        width: 100;
        margin: 0 0 2rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.575rem;
        color: #1d1d1d;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .wysiwyg-editor strong {
        font-weight: 700
    }

    .wysiwyg-editor h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1.1rem;
        line-height: 1.75rem;
        color: #0363A6;
        text-transform: inherit;
        white-space: pre-wrap
    }

    .wysiwyg-editor h2 a {
        color: #0363A6
    }

    .wysiwyg-editor h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.25rem;
        color: #0063af;
        text-transform: inherit;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .wysiwyg-editor p {
        width: 100%;
        margin: 0 0 .5rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto
    }

    .wysiwyg-editor p strong {
        font-weight: 700
    }

    .wysiwyg-editor p a {
        color: #0e97d5
    }

    .wysiwyg-editor a {
        color: #0e97d5
    }

    .wysiwyg-editor ul {
        margin: 0 0 1rem 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.75rem;
        color: #1d1d1d
    }

    .wysiwyg-editor li {
        display: list-item
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field
*
************************************************************************************/
    .calender {
        margin: 2rem 0 0 0
    }

    ul.calender-block {
        width: 100%;
        display: block
    }

    li.table-cell-01,
    li.table-cell-02,
    li.table-cell-03 {
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.5rem;
        color: #1d1d1d
    }

    li.table-cell-01 {
        width: 43%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    li.table-cell-02 {
        width: 43%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    li.table-cell-03 {
        width: 93%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT A // ACCORDION BÜRGERSERVICE
*
************************************************************************************/
    .ac-container label {
        padding: 1rem;
        position: relative;
        z-index: 20;
        display: block;
        height: auto;
        cursor: pointer;
        color: #1d1d1d;
        font-size: .875rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        line-height: 2rem;
        text-transform: uppercase;
        background: #fff;
        margin: 0 0 1rem 0
    }

    .ac-container input:checked ~ article.ac-container-1 {
        height: 760px
    }

    .ac-container input:checked ~ article.ac-container-2 {
        height: 320px
    }

    .ac-container input:checked ~ article.ac-container-3 {
        height: 760px
    }

    .ac-container input:checked ~ article.ac-container-4 {
        height: 700px
    }

    .ac-container input:checked ~ article.ac-container-5 {
        height: 700px
    }

    .ac-container input:checked ~ article.ac-container-6 {
        height: 460px
    }

    .ac-container input:checked ~ article.ac-container-7 {
        height: 520px
    }

    .ac-container input:checked ~ article.ac-container-8 {
        height: 640px
    }

    .ac-container input:checked ~ article.ac-container-9 {
        height: 740px
    }

    .ac-container input:checked ~ article.ac-container-10 {
        height: 520px
    }

    .ac-container input:checked ~ article.ac-container-11 {
        height: 1200px
    }

    .ac-container input:checked ~ article.ac-container-12 {
        height: 400px
    }

    .service-container {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden
    }

    .flexible_content_field {
        width: 100%;
        padding: .5rem 0 0 0;
        float: none;
        box-sizing: border-box
    }

    .sub-heading h3 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.275rem;
        color: #0e97d5;
        text-transform: uppercase;
        text-align: left;
        padding: 0 1rem
    }

    .content-module {
        margin: 0 0 .25rem 0
    }

    .content-module p {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.5rem;
        white-space: pre-wrap;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        color: #1d1d1d;
        padding: .25rem 1rem
    }

    .content-module ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.75rem;
        color: #1d1d1d;
        padding: .25rem 1rem
    }

    /************************************************************************************
*
* WYSIWYG EDITOR BILD
*
************************************************************************************/
    img.alignnone.size-full {
        width: 100%;
        max-width: 280px;
        height: auto;
        display: block;
        margin: 2rem 0 0 0
    }

    img.size-full {
        width: 100%;
        max-width: 280px;
        height: auto;
        display: block;
        margin: 2rem 0 0 0
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field // Veranstaltungen
*
************************************************************************************/
    .calender {
        margin: 2rem 0 0 0
    }

    ul.calender-block {
        width: 100%;
        display: block
    }

    li.table-cell-01,
    li.table-cell-02,
    li.table-cell-03 {
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.5rem;
        color: #1d1d1d
    }

    li.table-cell-01 {
        width: 42%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    li.table-cell-02 {
        width: 45.5%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    li.table-cell-03 {
        width: 95%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        background: rgba(227, 227, 227, .4)
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field // Amtsblatt
*
************************************************************************************/
    .box-default__style1 {
        margin: 2rem 0 0 0
    }

    ul.list-flex__container {
        width: 100%;
        display: block;
        clear: both
    }

    li.table-cell-time,
    li.table-cell-btn-file {
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.5rem;
        color: #1d1d1d
    }

    li.table-cell-time {
        width: 98%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        box-sizing: border-box;
        background: rgba(227, 227, 227, .9)
    }

    li.table-cell-btn-file {
        width: 98%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        box-sizing: border-box;
        background: rgba(227, 227, 227, .9)
    }

    li.table-cell-btn-file a {
        color: #1d1d1d
    }

    li.table-cell-btn-file:nth-of-type(odd) a {
        color: #0e97d5
    }

    /************************************************************************************
*
* TEMPLATE LAYOUT B // PLUGIN ACF - Tabelle Repeater Field // Notrufnummern
*
************************************************************************************/
    li.table-cell-style1 {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d
    }

    li.table-cell-style2 {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #0e97d5
    }

    li.table-cell-style1 {
        width: 96%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        box-sizing: border-box;
        background: rgba(227, 227, 227, .9)
    }

    li.table-cell-style2 {
        width: 96%;
        display: inline-block;
        padding: 1rem .5rem;
        margin: 0 0 .25rem 0;
        box-sizing: border-box;
        background: rgba(227, 227, 227, .9)
    }

    /************************************************************************************
*
* WIDGET CAPTION BOXEN
*
************************************************************************************/
    figcaption.caption h4 {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 2.75rem;
        color: #0e97d5
    }

    figcaption.caption .textwidget {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: .875rem;
        color: #1d1d1d;
        word-wrap: break-word;
        -ms-hyphens: auto;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        display: list-item;
        line-height: 1.5rem
    }

    figcaption.caption .textwidget a {
        color: #0063af
    }

    figcaption.caption .textwidget a:hover {
        color: #0063af
    }

    /************************************************************************************
*
* WIDGET INFOBOX
*
************************************************************************************/
    .widget-infobox {
        display: block;
        padding: .25rem;
        border: 1px solid #0e97d5
    }

    .widget-infobox {
        text-align: left
    }

    .widget-infobox h4 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.5rem;
        color: #0363A6;
        text-transform: uppercase;
        white-space: pre-wrap;
        margin: 0 0 1rem 0
    }

    .widget-infobox a {
        color: #0363A6
    }

    .widget-infobox ul {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        margin: 0
    }

    .widget-infobox li {
        display: list-item
    }

    .widget-infobox li strong {
        font-weight: 700
    }

    .widget-infobox li a {
        display: block;
        color: #0363A6
    }

    .widget-infobox li a:hover {
        color: #0363A6
    }

    .widget-infobox .textwidget {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #1d1d1d;
        margin: 1rem 0
    }

    .widget-infobox .textwidget {
        display: list-item
    }

    .min-width {
        min-width: 280px
    }

}

/************************************************************************************
*
* Update - 24052023
*
************************************************************************************/

.text-wysiwyg-editor ol {
    position: relative;
    margin: 1rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #1d1d1d
}

.text-wysiwyg-editor ol li {
    display: list-item;
    margin:.25em 0;
}

/*
.text-wysiwyg-editor ol li::before {
      content: "→";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
}
*/