/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 40px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 40px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 40px; }
    .ce-below .ce-gallery { margin-top: 40px; }

    .ce-column { margin-right: 40px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 40px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }

.magnificpopupgalery-container {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-bottom: 2em;
}
.magnificpopupgalery-container a.magnificpopup:has(.galery-item) {
    display:block;
    height:100%;
    line-height:0.6;
    flex:1 1 50%;
    margin-bottom:1em;
}
.magnificpopupgalery-container a.magnificpopup .galery-item figcaption {
    padding-left: 10px;
    padding-top: 10px;
    line-height: 1.2;
    color: #606060;
    font-weight: 400;
}

.magnificpopupgalery-container[data-preview="0"] { justify-content: flex-start; }
.magnificpopupgalery-container[data-preview="0"] a.magnificpopup:has(.galery-item) { flex: unset; padding-right: 1em; padding-left: 0; }
.magnificpopupgalery-container[data-preview="0"] a.magnificpopup:has(.galery-item) img { width: auto; height: 300px; border: 10px solid white; }

.magnificpopupgalery-container[data-preview="1"] a.magnificpopup:has(.galery-item) { flex:1 1 100%; margin-bottom:0; }
.magnificpopupgalery-container[data-preview="1"] a.magnificpopup:nth-child(odd) figure { padding-right:0.5em; }
.magnificpopupgalery-container[data-preview="1"] a.magnificpopup:nth-child(even) figure { padding-left:0.5em; }

.magnificpopupgalery-container[data-preview="2"] a.magnificpopup:has(.galery-item) { margin-bottom:0; }

.magnificpopupgalery-container[data-preview="3"] a.magnificpopup:has(.galery-item) { flex:1 1 33.3%; }
.magnificpopupgalery-container[data-preview="3"] figure:nth-child(3n-2) { padding-right:0.66em; }
.magnificpopupgalery-container[data-preview="3"] figure:nth-child(3n-1) { padding-left:0.33em; padding-right:0.33em; }
.magnificpopupgalery-container[data-preview="3"] figure:nth-child(3n) { padding-left:0.66em; }

.magnificpopupgalery-container[data-preview="5"] a.magnificpopup:has(.galery-item) { flex:1 1 33.3%; }
.magnificpopupgalery-container[data-preview="5"] figure:nth-child(3n-2) { padding-right:0.66em; }
.magnificpopupgalery-container[data-preview="5"] figure:nth-child(3n-1) { padding-left:0.33em; padding-right:0.33em; }
.magnificpopupgalery-container[data-preview="5"] figure:nth-child(3n) { padding-left:0.66em; }
.magnificpopupgalery-container[data-preview="5"] figure:nth-child(5) { padding-right:0; }

.magnificpopupgalery-container[data-preview="6"] a.magnificpopup:has(.galery-item) { flex:1 1 33.3%; }
.magnificpopupgalery-container[data-preview="6"] figure:nth-child(3n-2) { padding-right:0.66em; }
.magnificpopupgalery-container[data-preview="6"] figure:nth-child(3n-1) { padding-left:0.33em; padding-right:0.33em; }
.magnificpopupgalery-container[data-preview="6"] figure:nth-child(3n) { padding-left:0.66em; }

.magnificpopupgalery-container[data-preview="9"] a.magnificpopup:has(.galery-item) { flex:1 1 33.3%; }
.magnificpopupgalery-container[data-preview="9"] figure:nth-child(3n-2) { padding-right:0.66em; }
.magnificpopupgalery-container[data-preview="9"] figure:nth-child(3n-1) { padding-left:0.33em; padding-right:0.33em; }
.magnificpopupgalery-container[data-preview="9"] figure:nth-child(3n) { padding-left:0.66em; }

@media screen and (max-width:992px) {
    .magnificpopupgalery-container[data-preview="3"] a.magnificpopup:has(.galery-item),
    .magnificpopupgalery-container[data-preview="5"] a.magnificpopup:has(.galery-item),
    .magnificpopupgalery-container[data-preview="6"] a.magnificpopup:has(.galery-item),
    .magnificpopupgalery-container[data-preview="9"] a.magnificpopup:has(.galery-item) { flex:1 1 50.0%; }
    .magnificpopupgalery-container[data-preview="3"] figure:nth-child(3n-2) { padding-right:0; }
    .magnificpopupgalery-container[data-preview="3"] figure:nth-child(3n-1) { padding-left:0; padding-right:0 }
    .magnificpopupgalery-container[data-preview="3"] figure:nth-child(3n) { padding-left:0; }
    .magnificpopupgalery-container[data-preview="5"] figure:nth-child(3n-2) { padding-right:0; }
    .magnificpopupgalery-container[data-preview="5"] figure:nth-child(3n-1) { padding-left:0; padding-right:0 }
    .magnificpopupgalery-container[data-preview="5"] figure:nth-child(3n) { padding-left:0; }
    .magnificpopupgalery-container[data-preview="6"] figure:nth-child(3n-2) { padding-right:0; }
    .magnificpopupgalery-container[data-preview="6"] figure:nth-child(3n-1) { padding-left:0; padding-right:0 }
    .magnificpopupgalery-container[data-preview="6"] figure:nth-child(3n) { padding-left:0; }
    .magnificpopupgalery-container[data-preview="9"] figure:nth-child(3n-2) { padding-right:0; }
    .magnificpopupgalery-container[data-preview="9"] figure:nth-child(3n-1) { padding-left:0; padding-right:0 }
    .magnificpopupgalery-container[data-preview="9"] figure:nth-child(3n) { padding-left:0; }
    .magnificpopupgalery-container[data-preview="3"] figure:nth-child(odd),
    .magnificpopupgalery-container[data-preview="5"] figure:nth-child(odd),
    .magnificpopupgalery-container[data-preview="6"] figure:nth-child(odd),
    .magnificpopupgalery-container[data-preview="9"] figure:nth-child(odd) { padding-left:0; padding-right:0.5em; }
    .magnificpopupgalery-container[data-preview="3"] figure:nth-child(even),
    .magnificpopupgalery-container[data-preview="5"] figure:nth-child(even),
    .magnificpopupgalery-container[data-preview="6"] figure:nth-child(even),
    .magnificpopupgalery-container[data-preview="9"] figure:nth-child(even) { padding-left:0.5em; padding-right:0; }
}

@media only screen and (max-width:800px) {
    .magnificpopupgalery-container[data-preview="0"] a.magnificpopup:has(.galery-item),
    .magnificpopupgalery-container[data-preview="3"] a.magnificpopup:has(.galery-item),
    .magnificpopupgalery-container[data-preview="5"] a.magnificpopup:has(.galery-item),
    .magnificpopupgalery-container[data-preview="6"] a.magnificpopup:has(.galery-item),
    .magnificpopupgalery-container[data-preview="9"] a.magnificpopup:has(.galery-item) { flex:1 1 100%; width: 100%; padding:0; }

    .magnificpopupgalery-container[data-preview="0"] a.magnificpopup:has(.galery-item) img { width:100%; height: auto; }
}


/* PT Sans Narrow Regular */
@font-face {
  font-family: 'PT Sans Narrow';
  src: url('../../../typo3conf/ext/custom_template/Resources/Public/Fonts/PtSansNarrow/PT_Sans-Narrow-Regular.woff');
  font-weight: 400;
  font-style: normal;
}

/* PT Sans Narrow Bold */
@font-face {
  font-family: 'PT Sans Narrow';
  src: url('../../../typo3conf/ext/custom_template/Resources/Public/Fonts/PtSansNarrow/PT_Sans-Narrow-Bold.woff');
  font-weight: 700;
  font-style: normal;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
ul {
    margin-bottom: 0;
}
li {
    margin-left: 1.25em;
}
.navi li {
    list-style: none;
    margin-left: 0;
}
table caption {
    display: none;
}
th {
    text-align: left;
    vertical-align: top;
}
td {
    vertical-align: top;
}
fieldset {
    border: none;
}
iframe {
    border: none;
}
address {
    margin-bottom: 0;
    font-style: normal;
}
img,
embed,
object,
video {
    max-width: 100%;
    height: auto;
    width: auto;
}
strong {
    font-weight: 700;
}


.ce-divider {
    border-color: #00715A;
}


/* for the script on media queries */
html { font-family:"wide-screen"; }
body:after { content:'wide-screen'; display:block; visibility:hidden; width:100px; position:fixed; top:5px; left:20px; z-index:900;  border:1px solid #8a8a8a; padding:3px; background-color:#f8f4f6; opacity:0.75;  font-size:11px; }



/* The Layout */
.contentWrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1600px;
    padding: 0 2em;
}
.pageHeader .contentWrapper {
    position: relative;
    display: flex;
    padding-top: 2em;
}
.logo {
    flex: 1 1 25%;
    max-width: 350px;
    min-width: 210px;
    padding: 1em 0 2em 0;
    border-right: 2px solid #606060;
}
.pageHeader .pagetitle {
    flex: 1 1 calc(75% - 180px);
    padding: 2.75em 0 0 2em;
}
#p-1 .pageHeader .pagetitle h1 {
    display: none;
}
.languageswitcher {
    flex: 1 1 180px;
    max-width: 180px;
    padding: 3em 0 0 0;
}
.languageswitcher ul {
    display:flex;
    justify-content: end;
}
.toggleMainnavi {
    position: absolute;
    top: 5em;
    right: 1em;
    width: 30px;
    height: 30px;
    visibility: hidden;
}
.toggleMainnavi button {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    background-image: url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/icon_navibar.svg');
    background-position: center;
    background-size: 140%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.toggleMainnavi button[data-icon="xmark"] {
    background-image: url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/icon_xmark.svg');
}
.pageContent .contentWrapper {
    display: flex;
}
.contentleft {
    flex: 1 1 25%;
    max-width: 350px;
    min-width: 210px;
    min-height: 550px;
    padding: 0 2em 0 0;
    border-right: 2px solid #606060;
}
.contentmain {
    flex: 1 1 75%;
    padding: 0 0 0 2em;
}
.contentmain .pagetitle {
    display: none;
}

@media only screen and (max-width: 800px) {
    .contentWrapper {
        padding: 0 1em;
    }
    .logo {
        min-width: unset;
        padding-top: 0;
        border-right: 2px solid transparent;
    }
    .pagetitle {
        padding: 0;
    }
    .pageHeader .pagetitle h1 {
        display: none;
    }
    .languageswitcher {
        padding: 0;
    }
    .contentmain .pagetitle {
        display: block;
    }
    .toggleMainnavi {
        visibility: visible;
    }
    .pageContent .contentWrapper {
        display: block;
    }
    .contentleft {
        position: absolute;
        left: 0;
        top: 2em;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: #f8f4f6;
        border-top: 1px solid #606060;
        border-bottom: 1px solid #606060;
        transition: left 800ms;
    }
    .contentleft.hide {
        left: -250px;
    }
    .contentmain {
        flex: 1 1 100%;
        width: 100%;
        padding: 0;
    }
}

.copyright {
    margin-top: 2em;
    margin-bottom: 1em;
}



/* The Styling */
body {
    background-color: #f8f4f6;
    color: #606060;
    font-size: 20px;
    font-family: "PT Sans Narrow",Helvetica,sans-serif;
}

h1 {
    font-size: 1.75em;
    margin-top: 1.75em;
    margin-bottom: 1.75em;
}
h2 {
    font-size: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
h3 {
    font-size: 1.125em;
    margin-top: 1.125em;
    margin-bottom: 1.125em;
}

p,
li,
td,
dd,
label,
input,
textarea {
    font-size: 1em;
    line-height: 1.25em;
    margin-bottom: 1.25em;
}
.copyright p {
    font-size: 0.875em;
    margin-bottom: 0;
}

.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}

/* Links */
.languageswitcher a,
.contentmain a,
.pageFooter .contentWrapper a {
    color: #606060;
    text-decoration: none;
}


/* CE Text&Media */
.ce-left.ce-intext .ce-gallery {
    margin-right: 2em;
}
.image-caption {
    padding-top: 0.875em;
    font-size: 0.875em;
    text-align: right;
}
.ce-textpic img {
    margin-top: 0.25em;
}
.frame header:has(time) {
    position: relative
}
.frame header h1 {
    margin-top: 0;
}

/* date in header of frame */
.ce-textpic:has(time) {
    overflow: visible;
}
.ce-nowrap .ce-bodytext:has(time) {
    overflow: visible;
}
.frame header p:has(time) {
    position: absolute;
    top: -40px;
    right: 0;
}
.ce-right.ce-intext .ce-gallery{
    margin-left: 2em;
}
.ce-left.ce-intext .ce-gallery{
    margin-right: 2em;
}
.ce-above .ce-gallery {
    margin-bottom: 2em;
}
.ce-below .ce-gallery {
    margin-top: 2em;
}

@media only screen and (max-width: 1200px) {
    .ce-intext.ce-nowrap {
        display: flex;
        flex-direction: column;
    }

    .ce-intext.ce-nowrap .ce-bodytext {
        order: 2;
    }

    .ce-intext.ce-nowrap .ce-gallery {
        order: 1;
        margin-bottom: 2em;
    }

    .ce-intext.ce-nowrap .ce-gallery img {
        width: 100%;
    }
}

.languageswitcher ul {
    padding: 0;
}
.languageswitcher li {
    list-style: none;
    display: inline-block;
}
.languageswitcher li:first-child {
    margin-left: 0;
}
.languageswitcher li.active {
    font-weight: bold;
}

.pagetitle {
    height: 2em;
    margin-bottom: 3em;
}
.pagetitle h1 {
    margin: 0;
    font-size: 1.5em;
}


/* Mainnavi */
.mainnavi > ul {
    list-style: none;
}
.mainnavi > ul > li {
    margin-left: 0;
    margin-bottom: 1em;
    font-size: 1em;
    line-height: 1.4;
}
.mainnavi > ul > li.active a {
    font-weight: bold;
}
.mainnavi a {
    color: #606060;
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
    #toggleMainnavi { right:auto; left:10px; top:-55px; }

    .mainnavi .li-level1 { display:block; margin:0.75em 0; padding:0.75em 0; border-bottom:1px solid #00715A; }
    .mainnavi > li:first-child { margin-top:0; padding-top:5px; }
    .mainnavi .a-level1 { border-bottom:none; font-size:1.5em; }
    .mainnavi .a-level1-active { padding:0 10px; background-color:#ecf5f0; }
    .mainnavi .a-level2-active { padding:0 10px; background-color:#ecf5f0; }
    .mainnavi .a-level3 { text-transform:none; }
    .mainnavi .a-level3-active { background-color:#ecf5f0; }

    .mainnavi .ul-level2,
    .mainnavi .ul-level3 { padding-left:20px; }
}

/* border lines */
.link-spacer-before::before {
    content:"---------------";
    display:block;
    padding-bottom: 1.0em;
}

/* coloured links */
/* blue */
.mainnavi > ul > li.blue a:hover,
.mainnavi > ul > li.blue.active a,
body.blue .languageswitcher .active a,
body.blue .contentmain a,
body.blue .pageFooter .contentWrapper a {
    color: #00008B;
}
/* darkgreen */
.mainnavi > ul > li.darkgreen a:hover,
.mainnavi > ul > li.darkgreen.active a,
body.darkgreen .languageswitcher .active a,
body.darkgreen .contentmain a,
body.darkgreen .pageFooter .contentWrapper a {
    color: #009797;
}
/* green */
.mainnavi > ul > li.green a:hover,
.mainnavi > ul > li.green.active a,
body.green .languageswitcher .active a,
body.green .contentmain a,
body.green .pageFooter .contentWrapper a {
    color: #00C800;
}
/* turquois */
.mainnavi > ul > li.turquois a:hover,
.mainnavi > ul > li.turquois.active a,
body.turquois .languageswitcher .active a,
body.turquois .contentmain a,
body.turquois .pageFooter .contentWrapper a {
    color: #00C9FF;
}
/* pink */
.mainnavi > ul > li.pink a:hover,
.mainnavi > ul > li.pink.active a,
body.pink .languageswitcher .active a,
body.pink .contentmain a,
body.pink .pageFooter .contentWrapper a {
    color: #FF1493;
}
/* red */
.mainnavi > ul > li.red a:hover,
.mainnavi > ul > li.red.active a,
body.red .languageswitcher .active a,
body.red .contentmain a,
body.red .pageFooter .contentWrapper a {
    color: #EB1084;
}
/* violet */
.mainnavi > ul > li.violet a:hover,
.mainnavi > ul > li.violet.active a,
body.violet .languageswitcher .active a,
body.violet .contentmain a,
body.violet .pageFooter .contentWrapper a {
    color: #9556F0;
}


/* Buttons */
a.button {
    display: inline-block;
    padding: 0.5em 1em;
    border: 1px solid #606060;
    border-radius: 0.25em;
    background-color: transparent;
}
a.button:hover {
    opacity:0.8;
}
body.blue a.button {
    border-color: #00008B;
    background-color: #00008B;
    color: white;
}
body.darkgreen a.button {
    border-color: #009797;
    background-color: #009797;
    color: white;
}
body.green a.button {
    border-color: #00C800;
    background-color: #00C800;
    color: white;
}
body.turquois a.button {
    border-color: #00C9FF;
    background-color: #00C9FF;
    color: white;
}
body.pink a.button {
    border-color: #FF1493;
    background-color: #FF1493;
    color: white;
}
body.red a.button {
    border-color: #EB1084;
    background-color: #EB1084;
    color: white;
}
body.violet a.button {
    border-color: #9556F0;
    background-color: #9556F0;
    color: white;
}

.mfp-bg { background-color:#f8f4f6 !important; opacity:1.0 !important; }
.green .mfp-bg { background-color:#484446  !important; }

.mfp-close,
.mfp-title,
.mfp-counter { color: #484446 !important; }
.green .mfp-close,
.green .mfp-title,
.green .mfp-counter { color: #f8f4f6 !important; }

@media only screen and (max-width: 980px) {
    .news-list-view .article { width:100%; margin-right:0; margin-bottom:50px; }
    .news-single .news-img-wrap { float:left; width:100%; margin-bottom:30px; }
    .news-single .news-text-wrap { float:left; width:100%; }
}

@media only screen and (max-width: 768px) {
    iframe { width:100%; height:inherit; }
}

@media only screen and (min-width: 1200px) {

}