/*
Theme Name: Eidelstedt
Theme URI: 
Author: Marco Heckler
Author URI: http://hecklerundkolb.de
Description: Eidelstedt Theme 2018
*/


/* ==========================================================================
   Eidelstedt custom styles
   ========================================================================== */


/* Layout helper */

.red {
    border-bottom: 1px solid red;
    background-color: red;
}

.blue {
    background-color: blue;
}


.grey {
    background-color: grey;
}


.green {
    background-color: green;
}

.white {
    background-color: white;
}

.yellow {
    background-color: yellow;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;

    > .col,
    > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
}


/* Google Fonts Stuff */


/* open-sans-regular - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../eidelstedt/fonts/open-sans-v15-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../eidelstedt/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../eidelstedt/fonts/open-sans-v15-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../eidelstedt/fonts/open-sans-v15-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../eidelstedt/fonts/open-sans-v15-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../eidelstedt/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* open-sans-italic - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../eidelstedt/fonts/open-sans-v15-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../eidelstedt/fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../eidelstedt/fonts/open-sans-v15-latin-italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../eidelstedt/fonts/open-sans-v15-latin-italic.woff') format('woff'),
        /* Modern Browsers */
        url('../eidelstedt/fonts/open-sans-v15-latin-italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('..//eidelstedtfonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* open-sans-600 - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../eidelstedt/fonts/open-sans-v15-latin-600.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../eidelstedt/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../eidelstedt/fonts/open-sans-v15-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../eidelstedt/fonts/open-sans-v15-latin-600.woff') format('woff'),
        /* Modern Browsers */
        url('../eidelstedt/fonts/open-sans-v15-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../eidelstedt/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* open-sans-700 - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../eidelstedt/fonts/open-sans-v15-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../eidelstedt/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../eidelstedt/fonts/open-sans-v15-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../eidelstedt/fonts/open-sans-v15-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('../eidelstedt/fonts/open-sans-v15-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../eidelstedt/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* open-sans-condensed-300 - latin */

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('../eidelstedt/fonts/open-sans-condensed-v12-latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url('../eidelstedt/fonts/open-sans-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../eidelstedt/fonts/open-sans-condensed-v12-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../eidelstedt/fonts/open-sans-condensed-v12-latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('../eidelstedt/fonts/open-sans-condensed-v12-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../eidelstedt/fonts/open-sans-condensed-v12-latin-300.svg#OpenSansCondensed') format('svg');
    /* Legacy iOS */
}


/* open-sans-condensed-700 - latin */

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../eidelstedt/fonts/open-sans-condensed-v12-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url('../eidelstedt/fonts/open-sans-condensed-v12-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../eidelstedt/fonts/open-sans-condensed-v12-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../eidelstedt/fonts/open-sans-condensed-v12-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('../eidelstedt/fonts/open-sans-condensed-v12-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../eidelstedt/fonts/open-sans-condensed-v12-latin-700.svg#OpenSansCondensed') format('svg');
    /* Legacy iOS */
}


/* pt-serif-700italic - latin */

@font-face {
    font-family: 'PT Serif';
    font-style: italic;
    font-weight: 700;
    src: url('../eidelstedt/fonts/pt-serif-v9-latin-700italic.eot');
    /* IE9 Compat Modes */
    src: local('PT Serif Bold Italic'), local('PTSerif-BoldItalic'), url('../fonts/pt-serif-v9-latin-700italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../eidelstedt/fonts/pt-serif-v9-latin-700italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../eidelstedt/fonts/pt-serif-v9-latin-700italic.woff') format('woff'),
        /* Modern Browsers */
        url('../eidelstedt/fonts/pt-serif-v9-latin-700italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../eidelstedt/fonts/pt-serif-v9-latin-700italic.svg#PTSerif') format('svg');
    /* Legacy iOS */
}


/* Eidelstedt Logo Font Stuff */

@charset "UTF-8";

@font-face {
    font-family: "eidelstedt";
    src: url("../eidelstedt/fonts/eidelstedt.eot");
    src: url("../eidelstedt/fonts/eidelstedt.eot?#iefix") format("embedded-opentype"), url("../eidelstedt/fonts/eidelstedt.woff") format("woff"), url("../eidelstedt/fonts/eidelstedt.ttf") format("truetype"), url("../eidelstedt/fonts/eidelstedt.svg#eidelstedt") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "eidelstedt" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "eidelstedt" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-eidelstedt-logo:before {
    content: "\65";
}


/* Basics & typo stuff */

#wpadminbar {
    visibility: hidden;
}

html {
    font-size: 62.5%;
    overflow-x: hidden;
}

body {
    font-size: 1.4rem;
    /* =14px */
}

h1 {
    font-size: 2.6rem;
    /* =24px */
}

body {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #4c4c4c;
    font-family: 'Open Sans', sans-serif;
    color: #484747;
}


/****
@media (min-width: 768px) {
    body {
        padding-top: 20px;
        padding-bottom: 20px;
}
}
****/
.baublog_head,
.akt_head,
.page-template-baublog h1,
.page-template-aktuelles h1,
.eidelstedt-event-list h1,
.eideltstedt-single-event h1,
.home h1,
.page-id-69 h1,
.page-id-105 h1,
.page-id-115 h1,
.page-id-141 h1,
.page-id-164 h1,
.page-id-167 h1,
.single-stadtteil_eidelstedt h1,
.page-id-138 h1,
.single-glossary h1,
.single-kultur_freizeit h1,
.single-beratung_gesundheit h1,
.single-engagement_politik h1,
.single-bildung_lernen h1,
.single-einkaufen_gewerbe h1,
.page-id-63 h1,
.page-template-eidelstedt_standard h1,
.tax-einkaufen_kat h1 {
    font-family: 'PT Serif';
    font-style: italic;
    font-weight: 700;
    margin-bottom: 40px;
    font-size: 2.6rem;
}

.page-id-15 h3 {
    font-family: 'PT Serif';
    font-style: italic;
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 2.6rem;
}

.akt_head::before,
.page-template-aktuelles h1::before,
.eidelstedt-event-list h1::before,
.eideltstedt-single-event h1::before,
.home h1::before,
.single-stadtteil_eidelstedt h1::before,
.page-id-138 h1::before,
.single-glossary h1::before,
.page-id-63 h1::before,
.page-template-eidelstedt_standard h1::before {
    content: url(../eidelstedt/img/icon_stadtteil_28px.gif);
    margin-left: 0px;
    padding-right: 10px;
}

.page-id-105 h1::before,
.single-kultur_freizeit h1::before {
    content: url(../eidelstedt/img/icon_kultur_28px.gif);
    margin-left: 0px;
    padding-right: 10px;
}

.page-id-115 h1::before,
.single-beratung_gesundheit h1::before {
    content: url(../eidelstedt/img/icon_beratung_28px.gif);
    margin-left: 0px;
    padding-right: 10px;
}

.page-id-141 h1::before,
.single-engagement_politik h1::before {
    content: url(../eidelstedt/img/icon_engagement_28px.gif);
    margin-left: 0px;
    padding-right: 10px;
}

.page-id-164 h1::before,
.single-bildung_lernen h1::before {
    content: url(../eidelstedt/img/icon_bildung_28px.gif);
    margin-left: 0px;
    padding-right: 10px;
}

.page-id-167 h1::before,
.single-einkaufen_gewerbe h1::before,
.tax-einkaufen_kat h1::before {
    content: url(../eidelstedt/img/icon_einkaufen_28px.gif);
    margin-left: 0px;
    padding-right: 10px;
}

.page-id-69 h1::before {
    content: url(../eidelstedt/img/icon_karte_28px.png);
    margin-left: 0px;
    padding-right: 10px;
}

.page-template-baublog h1::before, .baublog_head::before, .page-id-15 h3::before  {
    content: url(../eidelstedt/img/icon_baublog_2_28px.png);
    margin-left: 0px;
    padding-right: 10px;
}


@media (min-width: 768px) {
    .akt_head::before,
    .baublog_head::before,
    .page-template-baublog h1::before,
    .page-template-aktuelles h1::before,
    .home h1::before,
    .page-id-105 h1::before,
    .page-id-115 h1::before,
    .page-id-141 h1::before,
    .page-id-164 h1::before,
    .page-id-167 h1::before,
    .single-stadtteil_eidelstedt h1::before,
    .page-id-69 h1::before,
    .page-id-138 h1,
    .single-glossary h1,
    .single-kultur_freizeit h1::before,
    .single-kultur_freizeit h1::before,
    .single-beratung_gesundheit h1::before,
    .single-engagement_politik h1::before,
    .single-bildung_lernen h1::before,
    .single-einkaufen_gewerbe h1::before,
    .page-id-63 h1::before,
    .page-template-eidelstedt_standard h1::before,
    .page-id-15 h3::before {
        margin-left: -40px !important;
    }
}

h2,
h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6rem;
    font-weight: 700 !important;
    margin-bottom: 15px;
}


/* Colors */


/** Mega menu Sub Menu **/

.mega-sub-menu {
    background-color: #f4f4f2 !important;
    border-bottom: 3px solid #4c4c4c !important;
}

.mega-menu-description {
    visibility: hidden;
}

/*** Farben STADTTEIL */

.stadtteil {
    background-color: #c4b620;
}

.page-id-63 .logo,
.page-template-eidelstedt_standard .logo,
.page-template-aktuelles .logo,
.single-aktuelles .logo
{
    color: #e2007a;
}
.page-template-baublog .logo,
.page-template-baublog_content .logo,
.single-baublog_content .logo {
    color: #dcd22f;
}

.page-id-18 .head::before,
.page-id-18 .head::after,
.page-id-63 .head::before,
.page-id-63 .head::after,
.search .head::before,
.search .head::after,
.tribe-theme-eidelstedt .head::before,
.tribe-theme-eidelstedt .head::after,
.page-template-eidelstedt_standard .head::before,
.page-template-eidelstedt_standard .head::after,
.page-template-aktuelles .head::before,
.page-template-aktuelles .head::after
{
    background-color: #c4b620;
}

.single-stadtteil_eidelstedt .head::before,
.single-stadtteil_eidelstedt .head::after,
.single-aktuelles .head::before,
.single-aktuelles .head::after
{
    background-color: #c4b620 !important;
}

.page-template-baublog .head::before,
.page-template-baublog .head::after,
.single-baublog_content .head::before,
.single-baublog_content .head::after
{
    background-color: #ef7d00;
}

.page-template-baublog a.mehr,
.page-template-baublog a.mehr:visited,
.single-baublog_content a.zurueck,
.single-baublog_content a.zurueck:visited,
.single-baublog_content a.mehr,
.single-baublog_content a.mehr:visited
{
    color: #ef7d00;
}


.single-stadtteil_eidelstedt .logo,
.search .logo,
.page-id-18 .logo,
.tribe-theme-eidelstedt .logo {
    color: #e2007a;
}

.page-id-63 a.mehr,
.page-id-63 a.mehr:visited,
.single-stadtteil_eidelstedt a.zurueck,
.single-stadtteil_eidelstedt a.zurueck:visited,
.page-template-aktuelles a.mehr,
.page-template-aktuelles a.mehr:visited,
.single-aktuelles a.zurueck,
.single-aktuelles a.zurueck:visited,
.page-template-start a.mehr,
.page-template-start a.mehr:visited,


{
    color: #c4b620 !important;
}

.page-template-aktuelles a.mehr:hover,
.page-template-baublog a.mehr:hover
{
    color: #a1a198 !important;
}




/*** Farben KULTUR */

.kultur {
    background-color: #5768b2;
}

.page-id-105 a.mehr,
.page-id-105 a.mehr:visited,
.single-kultur_freizeit a.zurueck,
.single-kultur_freizeit a.zurueck:visited,
.single-kultur_freizeit .oeffn,
.single-kultur_freizeit .ansprech,
.single-kultur_freizeit .barrierefr {
    color: #5768b2 !important;
}

.page-id-105 .logo,
.single-kultur_freizeit .logo {
    color: #b0c70d;
}

.page-id-105 .head::before,
.page-id-105 .head::after,
.single-kultur_freizeit .head::before,
.single-kultur_freizeit .head::after {
    background-color: #5768b2;
}

.page-id-105 .collapseomatic,
.page-id-105 .oeffn,
.page-id-105 .ansprech,
.page-id-105 .barrierefr,
.single-kultur_freizeit .collapseomatic,
.single-kultur_freizeit .oeffn,
.single-kultur_freizeit .ansprech,
.single-kultur_freizeit .barrierefr,
    {
    color: #5768b2;
}

.page-id-105 .ausklapplinie,
.single-kultur_freizeit .ausklapplinie {
    border-top: 1px solid #5768b2 !important;
}


/*** Farben BERATUNG */

.beratung {
    background-color: #e4613e;
}

.page-id-115 .logo,
.single-beratung_gesundheit .logo {
    color: #647be0;
}

.page-id-115 .head::before,
.page-id-115 .head::after,
.single-beratung_gesundheit .head::before,
.single-beratung_gesundheit .head::after {
    background-color: #e4613e;
}

.page-id-115 .collapseomatic,
.page-id-115 .oeffn,
.page-id-115 .ansprech,
.page-id-115 .barrierefr,
.page-id-115 a.mehr,
.page-id-115 a.mehr:visited,
.single-beratung_gesundheit .collapseomatic,
.single-beratung_gesundheit .oeffn,
.single-beratung_gesundheit .ansprech,
.single-beratung_gesundheit .barrierefr,
.single-beratung_gesundheit a.zurueck,
.single-beratung_gesundheit a.zurueck:visited {
    color: #e4613e;
}

.page-id-115 .ausklapplinie,
.single-beratung_gesundheit .ausklapplinie {
    border-top: 1px solid #e4613e !important;
}


/*** Farben ENGAGEMENT */

.engagement {
    background-color: #237fa4;
}

.page-id-141 .logo,
.single-engagement_politik .logo {
    color: #dcd22f;
}

.page-id-141 .head::before,
.page-id-141 .head::after,
.single-engagement_politik .head::before,
.single-engagement_politik .head::after {
    background-color: #237fa4;
}

.page-id-141 .collapseomatic,
.page-id-141 .oeffn,
.page-id-141 .ansprech,
.page-id-141 .barrierefr,
.page-id-141 a.mehr,
.page-id-141 a.mehr:visited,
.single-engagement_politik .collapseomatic,
.single-engagement_politik .oeffn,
.single-engagement_politik .ansprech,
.single-engagement_politik .barrierefr,
.single-engagement_politik a.zurueck,
.single-engagement_politik a.zurueck:visited {
    color: #237fa4;
}

.page-id-141 .ausklapplinie,
.single-engagement_politik .ausklapplinie {
    border-top: 1px solid #237fa4 !important;
}


/*** Farben BILDUNG */

.bildung {
    background-color: #db3e67;
}

.page-id-164 .logo,
.single-bildung_lernen .logo {
    color: #dcd22f;
}

.page-id-164 .head::before,
.page-id-164 .head::after,
.single-bildung_lernen .head::before,
.single-bildung_lernen .head::after {
    background-color: #db3e67;
}

.page-id-164 .collapseomatic,
.page-id-164 .oeffn,
.page-id-164 .ansprech,
.page-id-164 .barrierefr,
.page-id-164 a.mehr,
.page-id-164 a.mehr:visited,
.single-bildung_lernen .collapseomatic,
.single-bildung_lernen .oeffn,
.single-bildung_lernen .ansprech,
.single-bildung_lernen .barrierefr,
.single-bildung_lernen a.zurueck,
.single-bildung_lernen a.zurueck:visited {
    color: #db3e67 !important;
}

.page-id-164 .ausklapplinie,
.single-bildung_lernen .ausklapplinie {
    border-top: 1px solid #db3e67 !important;
}


/*** Farben EINKAUFEN */

.einkaufen {
    background-color: #a7c115;
}

.page-id-167 .logo,
.single-einkaufen_gewerbe .logo,
.tax-einkaufen_kat .logo {
    color: #f05c09;
}

.page-id-167 .head::before,
.page-id-167 .head::after,
.single-einkaufen_gewerbe .head::before,
.single-einkaufen_gewerbe .head::after,
.tax-einkaufen_kat .head::before,
.tax-einkaufen_kat .head::after {
    background-color: #a7c115;
}

.page-id-167 .collapseomatic,
.page-id-167 .oeffn,
.page-id-167 .ansprech,
.page-id-167 .barrierefr,
.page-id-167 a.mehr,
.page-id-167 a.mehr:visited,
.single-einkaufen_gewerbe .collapseomatic,
.single-einkaufen_gewerbe .oeffn,
.single-einkaufen_gewerbe .ansprech,
.single-einkaufen_gewerbe .barrierefr,
.single-einkaufen_gewerbe a.zurueck,
.single-einkaufen_gewerbe a.zurueck:visited,
.tax-einkaufen_kat a.mehr,
.tax-einkaufen_kat a.mehr:visited
{
    color: #a7c115 !important;
}

.page-id-167 .ausklapplinie,
.single-einkaufen_gewerbe .ausklapplinie {
    border-top: 1px solid #a7c115 !important;
}


@media (min-width: 768px) {
    .eink_kat_head {
        margin-left: -40px !important;
    }
}

.eink_kat_head a {
    text-decoration: none !important;
    cursor:default !important;
}


.trennlinie_tax {
    border-top: 1px solid #4c4c4c !important;
    margin: 30px 0px 50px 0px;
}
/*** Farben KARTE */

.page-id-69 .logo {
    color: #e2007a;
}

.page-id-69 .head::before,
.page-id-69 .head::after {
    background-color: #c4b620;
}


/* Farben GLOSSAR */

.single-glossary .logo,
.page-id-138 .logo {
    color: #e2007a;
}

.single-glossary .head::before,
.single-glossary .head::after {
    background-color: #c4b620;
}

.page-id-138 .head::before,
.page-id-138 .head::after {
    background-color: #c4b620;
}

#glossaryList-nav {
    margin-bottom: 25px !important;
}

.cmtt_related_articles_wrapper {
    margin-bottom: 25px !important;
}

span.glossaryLink,
a.glossaryLink {
    border-bottom: dotted 1px #484747 !important;
    color: #484747 !important;
}



/* Head Rubrik */

.head {
    overflow: hidden !important;
    height: 389px;
    position: relative;
}

@media (min-width: 1px) and (max-width: 500px) {
    .head {
        overflow: hidden !important;
        height: 105px;
        position: relative;
    }

    .head::after {
        right: -210px !important;
    }

    .head::before {
        left: -300px !important;
        height: auto;
    }

    .logo {
        font-size: 6rem !important;
        top: 0px !important;
        left: 15px !important;
    }
}

@media (min-width: 501px) and (max-width: 765px) {
    .head {
        height: 165px;
    }

    .logo {
        font-size: 10rem !important;
        top: 0px !important;
    }

    .head::before {
        left: -260px !important;
    }

    .head::after {
        right: -195px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .head {
        height: 245px;
    }

    .head::before {
        left: -225px !important;
    }

    .head::after {
        right: -180px !important;
    }

    .logo {
        font-size: 14rem !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .head {
        height: 325px;
    }

    .logo {
        font-size: 18rem;
    }
}

.head::before {
    content: '';
    display: block;
    position: absolute;
    background: red;
    width: 300px;
    height: 410px;
    transform: skewx(-16deg);
    left: -135px;
    top: 0;
    z-index: 2;
}

.head::after {
    content: '';
    display: block;
    position: absolute;
    background: green;
    width: 300px;
    height: 410px;
    transform: skewx(-16deg);
    right: -135px;
    top: 0;
    z-index: 2;
}

.logo {
    width: 200px;
    height: 200px;
    position: relative;
    z-index: 5;
    top: 25px;
    left: 50px;
    font-size: 18rem;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.start-logo-stadteil {
    color: #e2007a;
    position: absolute;
    top: 59px;
    left: 52px;
    z-index: 5;
    font-size: 11.32rem;
    -webkit-transform: rotate(22deg);
    -moz-transform: rotate(12deg);
    -o-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
}

.start-logo-kultur {
    color: #a7c115;
    position: absolute;
    top: 128px;
    left: 135px;
    z-index: 5;
    font-size: 11.32rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.start-logo-beratung {
    color: #627adb;
    position: absolute;
    top: 72px;
    left: 134px;
    z-index: 5;
    font-size: 11.32rem;
    -webkit-transform: rotate(17deg);
    -moz-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg);
}

.start-logo-engagement {
    color: #e5dd43;
    position: absolute;
    top: 115px;
    left: 170px;
    z-index: 5;
    font-size: 11.32rem;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.start-logo-bildung {
    color: #6ec9b5;
    position: absolute;
    top: 132px;
    left: 161px;
    z-index: 5;
    font-size: 11.32rem;
    -webkit-transform: rotate(22deg);
    -moz-transform: rotate(12deg);
    -o-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
}

.start-logo-einkaufen {
    color: #e4613e;
    position: absolute;
    top: 55px;
    left: 68px;
    z-index: 5;
    font-size: 11.32rem;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}


/** Start Logos Responsive Anpassungen **/


@media (min-width: 1px) and (max-width: 320px) {

    .start-logo-stadteil {
        font-size: 6em;
        top: 59px;
        left: 42px;
    }

    .start-logo-kultur {
        font-size: 6em;
        top: 65px !important;
        left: 100px !important;
    }

    .start-logo-beratung {
        font-size: 6em;
        top: 62px;
        left: 114px;
    }

    .start-logo-engagement {
        font-size: 6em;
        top: 62px;
        left: 190px;
    }

    .start-logo-bildung {
        font-size: 6em;
        top: 62px;
        left: 120px;
    }

    .start-logo-einkaufen {
        font-size: 6em;
        top: 55px;
        left: 50px;
    }

}



@media (min-width: 321px) and (max-width: 510px) {

    .start-logo-stadteil {
        font-size: 6em;
        top: 59px;
        left: 42px;
    }

    .start-logo-kultur {
        font-size: 6em;
        top: 85px !important;
        left: 100px !important;
    }

    .start-logo-beratung {
        font-size: 6em;
        top: 62px;
        left: 134px;
    }

    .start-logo-engagement {
        font-size: 6em;
        top: 75px;
        left: 230px;
    }

    .start-logo-bildung {
        font-size: 6em;
        top: 82px;
        left: 140px;
    }

    .start-logo-einkaufen {
        font-size: 6em;
        top: 65px;
        left: 50px;
    }

}

@media (min-width: 768px) {
    .start-logo-kultur {
        top: 88px;
        left: 135px;
    }

    .start-logo-beratung {
        top: 62px;
        left: 134px;
    }

    .start-logo-engagement {
        top: 102px;
        left: 170px;
    }

    .start-logo-bildung {
        top: 92px;
        left: 181px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .start-logo-kultur {
        top: 95px;
        left: 135px;
    }

    .start-logo-beratung {
        top: 50px;
        left: 90px;
    }

    .start-logo-engagement {
        top: 100px;
        left: 170px;
    }

    .start-logo-bildung {
        top: 92px;
        left: 161px;
    }
}

/** End Logos Responsive Anpassungen **/

.header-image {
    background: #a1a198;
    /*height: 400px;*/
    width: 100%;
    position: absolute;
    z-index: 1;
}

.shape-left-container {
    float: left;
    background-color: azure;
    width: 225px;
    overflow: hidden !important;
}

.shape-left-color {
    width: 300px;
    height: 410px;
    transform: skewx(-16deg);
    margin-left: -135px;
    background-color: yellow;
}

.shape-right-container {
    float: right;
    background-color: aqua;
    width: 100px;
    height: 300px;
}


/* Head Start */

.teaserblock {
    height: 195px;
    /*width: 300px;*/
    padding: 0px !important;
    position: relative;
    overflow: hidden;
}

@media (min-width: 500px) {
    .teaserblock {
        height: 240px;
        
    }
}

@media (min-width: 990px) {
    .teaserblock {
        height: 240px;
    }
}

@media (min-width: 1191px) {
    .teaserblock {
        height: 285px;
    }
}

.bunterkasten {
    position: absolute;
}

.rubrik {
    width: 290px;
    height: 45px;
    position: relative;
    overflow: hidden;
}

.search-results .rubrik {
    width: 100%;
}

.farbflaeche {
    position: absolute;
    z-index: 900;
    width: 300px;
    height: 150px;
    transform: skewx(-25deg);
    margin-left: -45px;
}

.rubrikname {
    position: absolute;
    z-index: 999 !important; /* was 9999*/
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 2.3rem;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 0px 0px 20px;
}

.rubrikbild {
    position: absolute;
}


/* sh: make teaserblock adjust to scaled image size */

@media (max-width: 320px) {

 .rubrikname {
        font-size: 1.5em;
    }
    
.start-logo-stadteil, .start-logo-kultur, .start-logo-beratung, .start-logo-engagement, .start-logo-bildung, .start-logo-einkaufen {
    font-size: 4.5em !important;
    left: 80px !important;
    }    
}

@media (max-width: 767px) {
    .teaserblock {
        height: /*auto*/ 180px;
    }
    
    .rubrik {
        height: 90px;
    }

    .rubrikbild {
        position: relative;
        margin-top: 70px;
        min-width: 210px !important;
    }
    
    .rubrikname {
        line-height: 100%;
    }
    
    .farbflaeche {
        visibility: hidden;
    }
    
    .start-logo-stadteil {
    top: 10px;
    left: 90px;
    font-size: 5.5em;
    }
    
    .start-logo-kultur {
    top: 15px !important;
    left: 100px !important;
    font-size: 5.5em;
    }
    
    .start-logo-beratung {
    font-size: 5.5em;
    top:12px;
    left: 114px;
    }
    
    .start-logo-engagement {
    font-size: 5.5em;
    top: 15px;
    left: 100px;
}
    
    .start-logo-bildung {
    font-size: 5.5em;
    top: 12px;
    left: 100px;
}
    .start-logo-einkaufen {
    font-size: 5.5em;
    top: 15px;
    left: 100px;
    
    }
}

@media (min-width: 768px) {
    .dynbr {
        display: none;
    }
}

.ausblenden:hover {
    opacity: .25;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
}


/* Navi */

.navi {
    height: 95px;
    padding-top: 4px;
    background-color: white;
    border-top: 3px solid #494848;
    border-bottom: 3px solid #494848;
    z-index: 9999;
}

@media (min-width: 1px) and (max-width: 1000px) {
    .navi {
        height: 50px !important;
    }
}


/* Spalten */

.content {
    margin-top: 50px;
    margin-bottom: 50px;
}

.zusatzinhalt {
    margin-top: 50px;
}

.col_left {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.col_left img {
    max-width: 100% !important;
    height: auto !important;
}

.col_right {
    margin-top: 40px;
    padding-top: 20px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-left: 0px;
    border-top: 1px solid #4c4c4c !important;
}

@media (min-width: 576px) {

    .col_left,
    .col_right {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (min-width: 992px) {
    .col_right {
        margin-top: 0px;
        padding-top: 0px;
        border-left: 1px solid #4c4c4c !important;
        border-top: 0px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.col_left a,
.col_left a:active,
.col_left a:visited {
    color: #484747;
    text-decoration: underline;
}

.col_left a:hover {
    color: #484747;
    text-decoration: none;
}

.entries {
    margin-left: 15px !important;
    margin-right: -15px;
}

.entry-foto {}

.abstandlinks {
    padding-left: 30px;
}

@media (min-width: 993px) and (max-width: 1199px) {
    .abstandlinks {
        padding-left: 65px;
    }
}

@media (min-width: 1px) and (max-width: 992px) {
    .abstandlinks {
        padding-left: 15px;
        padding-top: 20px;
    }
}

.abstandunten {
    padding-bottom: 20px;
}

.abstandunten_akt {
    padding-bottom: 0px;
}

.entry-title {
    font-weight: 600;
    font-size: 1.6rem;
    padding-bottom: 10px;
}

.entry-left {}

.entry-right {}

.entry-descr {}

.entry-logo img {
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 200px !important;
    max-height: auto;
}

.pnopadding {
    margin-top: 0px !important;
    padding: 0px !important;
}

.telblock {
    margin: 10px 0px;
}

.telblock p {
    margin: 0;
    Padding: 0;
}

.verlinkung a,
.ansprech a {
    text-decoration: underline;
    color: #484747;
}

.verlinkung a:hover,
.ansprech a:hover {
    text-decoration: none;
    color: #484747;
}

.entries-socialmedia {
    font-size: 2rem;
    margin-top: 10px;
}

.entries-socialmedia a {
    color: #484747;
}

.fa-facebook,
.fa-instagram,
.fa-twitter {
    padding-right: 5px;
}

.colomat-hover {
    color: #a1a198 !important;
}

.oeffn::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f017";
    padding-right: 5px;
}

.oeffn,
.barrierefr,
.ansprech {
    font-weight: 600;
    margin-top: 20px;
}

.ansprech::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f27a";
    padding-right: 5px;
}

.barrierefr::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f193";
    padding-right: 5px;
}

.karten {
    margin-top: 40px;
}

.trennlinie {
    border-top: 1px solid #4c4c4c !important;
    margin-bottom: 20px;
}

.trennlinie_akt {
    border-top: 1px solid #4c4c4c !important;
    margin-bottom: 30px;
}

.ersterblock {
    margin-bottom: 35px;
}

/* Footer */

.footer {
    background-color: #a1a198;
    border-top: 20px solid #4c4c4c;
    padding: 45px 0px 45px 0px;
}

.footer a {
    font-weight: 600;
    color: #4c4c4c;
}

.footer ul {
    list-style-type: none !important;
    margin: 0;
    /* To remove default bottom margin */
    padding: 0;
    /* To remove default left padding */
}

.footer h2 {
    color: white;
}

.footer_left,
.footer_right {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

@media (min-width: 576px) {

    .footer_left,
    .footer_right {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

.footer_left img {
    margin-top: 10px;
    margin-bottom: 10px;
}

.img-resp img {
    max-width: 100%;
    height: auto;
}

.mehr {
    margin-bottom: 60px;
    margin-top: 30px;
}

.imgabstandunten {
    margin-bottom: 60px;
}

@media (min-width: 1px) and (max-width: 991px) {
    .imgabstandunten {
        margin-bottom: 0px;
    }
}

a.mehr,
a.zurueck {
    font-size: 1.4rem;
    text-transform: uppercase;
    font-family: 'Open Sans';
    font-weight: 700;
    background-image: none !important;
    text-decoration: none;
}

a:hover.mehr,
a:hover.zurueck,
.zurueck:hover
{
    text-decoration: none !important;
    color: #a1a198 !important;
}

.mehr::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f35a";
}

.zurueck::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f359";
}

.zusatznavielemente {
    margin-top: 50px;
    text-align: right;
}


/**** RESPONSIVE STUFF ****/


/* Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */

.footer_left,
.footer_right {
    text-align: center;
}


/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
    .head {
        /* height: 50px !important;*/
    }
}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {

    .footer_left,
    .footer_right {
        text-align: left;
    }
}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {}


/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {}


/* Collapsomatic */

.collapseomatic {
    color: #a1a198;
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 30px;
    background-image: none !important;
    text-decoration: none;
    padding: 0px 0px 15px 0px !important;
}

.collapseomatic:hover {
    text-decoration: none;
    color: green;
}

.collapseomatic::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f055";
}

.colomat-close {}

.colomat-close::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f056";
}

.colomat-visited {}

.collapseomatic_excerpt,
.collapseomatic_content {
    margin-top: 0px;
    margin-left: 0px !important;
    padding: 0px;
}


/* Hauptmenü Anpassungen */


/* Used to prevent scrolling of body content when menu is visible. */

@media (min-width: 1px) and (max-width: 1000px) {
    .no-scroll {
        overflow: hidden;
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    line-height: 30px !important;
    padding: 7px 15px 0px 15px !important;
    font-weight: 600 !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li#mega-menu-item-48 > a.mega-menu-link {
    padding-top: 22px !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li#mega-menu-item-192 .mega-search .search-icon {
    font-size: 30px !important;
}

.mega-search-wrap {
    /*border-left: 1px solid black !important;*/
    /* sh: no border because it is right aligned */
    height: 81px !important;
}

.col-xs-12 {
    width: 100% !important;
    /* sh: in order to have the search component right aligned */
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:focus {
    /* sh: disabled this style (moved speech balloon to mega-sub-menu) */
    /* background-image: url('../eidelstedt/img/navi_over.png') !important;
    background-repeat: no-repeat !important;
    background-position: center bottom -10px !important;
    background-color: aqua !important;*/
}

.mega-sub-menu {
    /*z-index; 998;*/
    /* sh: not valid */
}


/* sh: general settings to have speech balloon on top of sub menu (set specific settings - content and left - for the specific menu items below) */

.mega-sub-menu::before {
    display: inline !important;
    position: absolute;
    top: -3px;
    z-index: 10000;
}


/* Home */

.mega-menu-item-48 a:hover {
    color: grey !important;
}

.mega-menu-item-48.mega-current-menu-item a {
    color: grey !important;
}


/* Stadtteil */

.mega-menu-item-4243 a:hover {
    color: #c4b620 !important;
}

.mega-menu-item-4243.mega-current-menu-item a {
    color: #c4b620 !important;
}

.mega-menu-item-4243 > .mega-sub-menu::before {
    content: url('../eidelstedt/img/navi_over.png');
    left: 108px !important;
}

.mega-menu-item-4243.mega-current-menu-parent a {
    color: #c4b620 !important;
}


/* Kultur */

.mega-menu-item-107 a:hover {
    color: #5768b2 !important;
}

.mega-menu-item-107.mega-current-menu-item a {
    color: #5768b2 !important;
}

.mega-menu-item-107 > .mega-sub-menu::before {
    content: url('../eidelstedt/img/navi_over.png');
    left: 213px !important;
}


/* Beratung */

.mega-menu-item-118 a:hover {
    color: #e4613e !important;
}

.mega-menu-item-118.mega-current-menu-item a {
    color: #e4613e !important;
}

.mega-menu-item-118 > .mega-sub-menu::before {
    content: url('../eidelstedt/img/navi_over.png');
    left: 326px !important;
}


/* Engagement */

.mega-menu-item-143 a:hover {
    color: #237fa4 !important;
}

.mega-menu-item-143.mega-current-menu-item a {
    color: #237fa4 !important;
}

.mega-menu-item-143 > .mega-sub-menu::before {
    content: url('../eidelstedt/img/navi_over.png');
    left: 462px !important;
}


/* Bildung */

.mega-menu-item-166 a:hover {
    color: #db3e67 !important;
}

.mega-menu-item-166.mega-current-menu-item a {
    color: #db3e67 !important;
}

.mega-menu-item-166 > .mega-sub-menu::before {
    content: url('../eidelstedt/img/navi_over.png');
    left: 580px !important;
}


/* Einkaufen */

.tax-einkaufen_kat .mega-menu-item-17283 a {
    color: #a7c115 !important;
}

.mega-menu-item-17283 a:hover {
    color: #a7c115 !important;
}

.mega-menu-item-17283.mega-current-menu-item a {
    color: #a7c115 !important;
}

.mega-menu-item-17283 > .mega-sub-menu::before {
    content: url('../eidelstedt/img/navi_over.png');
    left: 688px !important;
}



.tax-einkaufen_kat .mega-menu-item-17332 a {
    color: #a7c115 !important;
}

.mega-menu-item-17332 a:hover {
    color: #a7c115 !important;
}

.mega-menu-item-17283.mega-current-menu-item a {
    color: #a7c115 !important;
}

.mega-menu-item-17332 > .mega-sub-menu::before {
    content: url('../eidelstedt/img/navi_over.png');
    left: 688px !important;
}



/* Karte */

.mega-menu-item-72 a:hover {
    color: grey !important;
}

.mega-menu-item-72.mega-current-menu-item a {
    color: grey !important;
}


/* sh: burger menu: adjustments */

@media (max-width: 992px) {

    /* no speech balloon in burger menu */
    .mega-sub-menu::before {
        content: '' !important;
    }

    /* adjust menu item content */
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        line-height: 15px !important;
        padding-top: 4px !important;
        padding-bottom: 2px !important;
    }
    
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:first-of-type {
        margin-bottom: 15px;
    }

    /* adjust home icon menu item location */
    #mega-menu-wrap-header-menu #mega-menu-header-menu li#mega-menu-item-48 > a.mega-menu-link {
        padding-top: 8px !important;
        padding-bottom: 3px !important;
        height: 33px !important;
    }

    .mega-sub-menu {
        border-bottom: 0px !important;
    }

    .mega-sub-menu li {
        width: 100% !important;
    }

    /* less height for search field in burger menu */
    .mega-search-wrap {
        height: 58px !important;
        border-bottom: 3px solid #494848 !important;
    }

    .mega-search-wrap form,
    .mega-search-wrap span,
    .mega-search-wrap input {
        height: 40px !important;
        line-height: 1em !important;
    }

    .search-icon::before {
        line-height: 1.4em !important;
    }
}


/****** MAPS MARKER PRO tweaks ******/

.leaflet-control-layers-selector {
    border: 5px solid red;
}

.maps-marker-pro .mmp-list-below {
    border-left: 0px solid #ccc !important;
    border-right: 0px solid #ccc !important;
    border-bottom: 0px solid #ccc !important;
}

.maps-marker-pro a {
    color: black !important;
}

.maps-marker-pro a:hover {
    text-decoration: underline !important;
}

.maps-marker-pro .mmp-list-row {
    margin: 15px 0px 15px 0px !important;
}

.mmp-list-address {
    margin-bottom: 15px;
}


/** div.leaflet-control-layers.leaflet-control {
    visibility: hidden;
    width: 0px;
    height: auto;
}

div.mmp-control-filters.leaflet-control {
    margin-top: -40px;
} **/

/** Anker Positionierung **/

.position::before {
    display: block;
    content: "";
    height: 110px;
    margin-top: -110px;
    visibility: hidden;
}


/** Events Calender **/

.tribe-mini-calendar thead {
    background-color: black !important;
    color: white;
}

.tribe-mini-calendar-nav {
    background-color: black !important;
}

.tribe-mini-calendar td,
.tribe-mini-calendar th {
    border: 1px solid black !important;
}

.list-date {
    font-weight: 600;
}

.tribe-events-title a,
.tribe-events-title h2 {
    color: #484747;
    font-weight: 600 !important;
    font-size: 1.6rem;
}

.tribe-events-duration {
    margin-top: -15px;
}

.tribe-events-cal-links {
    height: 1px;
    overflow: hidden;
    visibility: hidden;
}

#ajax-loading-mini {
    visibility: hidden;
    height: 0px !important;
}

.tribe-mini-calendar-nav-link.prev-month,
.tribe-mini-calendar-nav-link.next-month {
    color: white;
}

.tribe-mini-calendar-nav span {
    margin: 0 5px !important;
}

/*.tribe-bar-disabled {
    visibility: hidden;
}*/


/* Text meant only for screen readers. */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}


/******************************************** EVENTS CALENDAR CONTENT - ADJUSTMENTS **************************/

abbr[data-original-title],
abbr[title] {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
}

@media (min-width: 992px) {

    .eidelstedt-event-list h1,
    .eideltstedt-single-event {
        margin-left: -40px !important;
    }

    .eidelstedt-event-list .row,
    .eideltstedt-single-event .row {
        margin-left: 25px;
    }
}

.eideltstedt-single-event {
    margin-top: -5px !important;
}

.eideltstedt-single-event .tribe-events-event-image {
    text-align: left !important;
}

.eideltstedt-single-event-content {
    margin-bottom: 40px;
}

.eideltstedt-single-event-content hr {
    border-top-color: #c4b620;
}

.eideltstedt-single-event .tribe-events-meta-group-venue .tribe-events-single-section-title,
.eideltstedt-single-event .tribe-events-event-categories-label,
.eidelstedt-event-navigation-previous::before,
.eidelstedt-event-navigation-next::before {
    color: #c4b620;
}

.eideltstedt-single-event .tribe-events-meta-group-venue .tribe-events-single-section-title::before,
.eideltstedt-single-event .tribe-events-event-categories-label::before,
.eidelstedt-event-navigation-previous::before,
.eidelstedt-event-navigation-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1ad";
    padding-right: 5px;
}

.eideltstedt-single-event .tribe-events-event-categories-label::before {
    content: "\f02b";
}

.eidelstedt-event-navigation-previous::before {
    padding-right: 0px;
    content: "\f359";
}

.eidelstedt-event-navigation-next::before {
    content: "\f35a";
}

.eidelstedt-event-navigation {
    margin-top: 60px;
    text-align: right;
    width: 100%;
}

.eidelstedt-event-navigation a {
    text-decoration: none;
}

.eidelstedt-event-navigation-overview {
    text-decoration: underline !important;
}

.eideltstedt-single-event .entry-foto img {
    max-width: 225px;
    height: auto;
}

.eidelstedt-event-list .rubrik {
    width: 100%;
}

a.tribe-mini-calendar-day-link,
a.tribe-mini-calendar-day-link:visited {
    color: #484747 !important;
}

a.tribe-mini-calendar-day-link:hover {
    text-decoration: underline;
}

.tribe-mini-calendar-no-event {
    padding-top: 17px !important;
}


/** SUCHE **/

h2.suchheadline {
    margin-top: 30px;
}

.mobile_tel {
    max-width: auto;
}


/** Sidebar: alle Veranstaltungen-Link **/

a.alleveranst,
a.alleveranst:visited {
    display: block;
    margin: 20px 0px 0px 0px !important;
    color: #484747 !important;
    text-decoration: underline;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6rem;
    font-weight: 700 !important;
}

a.alleveranst:hover {
    text-decoration: none;
}




/*** Menu Tweaking ***/

@media (min-width: 1000px) {

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        padding: 15px 5px 0px 15px !important;
        width: 100%;
    }

    /**
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:first-child  {
padding: 15px 5px 5px 15px !important;
width: 100%;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:last-child  {
padding: 10px 5px 15px 15px !important;
width: 100%;
}
   **/

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12 {
        padding: 0px 0px 15px 0px !important;
    }

}

/** Relevanssi Tweaking **/

.relevanssi-query-term { color: #c4b620;}

/** Navi: mobil suche einblenden **/

.mobilsuche {
    float: right;
    border: 1px solid red;
    z-index: 999;
    position: absolute;
    margin-left: 20px;
}

.mobilsuchblock {
    float: left;
    z-index: 9999 !important;
    background-color: red;
    height: 200px;
    width: 400px;
    margin-top: -50px;
}

/* .mega-menu-toggle {
    border: 3px solid pink;
    width: 30%;
    float: right;
}*/

.mega-toggle-blocks-left {
    visibility: hidden !important;
}

/** Aktuelles: neue Beitragsstruktur **/

.aktuelles-bild {
    margin-bottom: 25px;
}

.aktuelles-uberschrift {
font-family: 'Open Sans', sans-serif;
font-size: 1.6rem;
font-weight: 600 !important;
margin-bottom: 15px;
}

.akt_date {
    font-style: italic;
}

/** Baublog **/

.webcam img {
    margin: 5px 0px 13px 0px !important;
}

.baublog-circle {
    width: 160px;
    height: 160px;
    margin-top: 200px;
    margin-left: 850px;
    z-index: 9999;
    position: absolute;
    background-image: url('../eidelstedt/img/baublog_kreis_160px.png');
    background-repeat: no-repeat;    
}

@media (min-width: 992px) and (max-width: 1192px) {
    
    .baublog-circle {
        margin-top: 145px;
        margin-left: 700px;
}
    .baublog_img img{
        max-width: 210px !important;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    
    .baublog-circle {
        width: 110px;
        height: 110px;
        margin-top: 115px;
        margin-left: 530px;
        background-size: 100% 100%; 
}
}

@media (max-width: 768px) {
    
    .baublog-circle {
      visibility: hidden; 
}
}

.baublog_col_re {
    padding-bottom: 20px;
}

.baublog_col_re h2 {
    font-weight: 600 !important;
    font-size: 1.6rem;
    padding-top: 10px;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
}

.baublog_col_re h3 {
    font-weight: 700 !important;
    font-size: 1.4rem;
    padding-top: 10px;
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
}

.baublog_col_re img {
    max-width: 225px;
    height: auto;
    margin: /*10px 0px*/ 20px 0px 30px 0px;
   
}

.baublog_button {
       width: 100px;
    height: 100px;
    margin-top:-120px;
     z-index: 9999;
    margin-left: 990px;
}

/** Navi Mobil **/


@media (min-width: 995px) {
	.mobil_nav {
		visibility: hidden;
		height: 0px;
	 
	}
}

#mobile-menu-container {
	display: none;
}

@media (max-width: 994px) {
	.naviblock {
		position:absolute;
		top:30px;
		background-color: grey;
	}
    
    .headerblock {
        margin-top:48px;
    }
	
	#mobile-menu-container {
		display: block;
	}
	
	#default-menu-container {
		visibility: hidden;
		max-height: 0;
	}
    
    
}

/** Baublog Gallery **/

.baublog_gal {
    margin-top: 70px;
    margin-bottom: 50px;
}