@charset "UTF-8";
@font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('../Fonts/RobotoSlab-Regular.eot');
    src: url('../Fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/RobotoSlab-Regular.woff') format('woff'),
         url('../Fonts/RobotoSlab-Regular.ttf') format('truetype'),
         url('../Fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('../Fonts/RobotoSlab-Bold.eot');
    src: url('../Fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/RobotoSlab-Bold.woff') format('woff'),
         url('../Fonts/RobotoSlab-Bold.ttf') format('truetype'),
         url('../Fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
  font-family:FontAwesome;
  src:url(/typo3conf/ext/maenner_sitepackage/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.eot?v=4.4.0);
  src:url(/typo3conf/ext/maenner_sitepackage/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.4.0) format('embedded-opentype'),
    url(/typo3conf/ext/maenner_sitepackage/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.woff2?v=4.4.0) format('woff2'),
    url(/typo3conf/ext/maenner_sitepackage/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.woff?v=4.4.0) format('woff'),
    url(/typo3conf/ext/maenner_sitepackage/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.ttf?v=4.4.0) format('truetype'),
    url(/typo3conf/ext/maenner_sitepackage/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format('svg');
  font-weight:400;
  font-style:normal
}

:root { --frame-link-color: #0e7770; }
.frame { --frame-spacing: 0; }
.row { --bs-gutter-x: 20px; }
.frame-container { --bs-gutter-x: 20px; }

.sr-only, .visually-hidden, .visually-hidden-focusable { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; color: #000!important; background-color: #fff!important; font-size: 1rem; }
.sr-only-focusable:active, .visually-hidden-focusable:active, .sr-only-focusable:focus, .visually-hidden-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; font-size: 1rem; }

.hidden { display: none !important; }

body ol.skip { margin: 0; padding: 0; }
body ol.skip li { list-style: outside none none; margin: 0; padding: 0; }
body ol.skip a:focus,
body ol.skip a:active { position: absolute!important; font-size: 1rem; color: #000000; height: auto; width: auto; padding: 0.1em; top: 5px; left: 20px; background-color: #eeefeb; border: 1px ridge; border-color: #333333; }

*:focus-visible { outline: 2px solid #000!important; }
input[type="text"]:focus-visible { outline: 2px solid #000!important; }
input[type="check"]:focus-visible + label { outline: 2px solid #000!important; }
input[type="radio"]:focus-visible + label { outline: 2px solid #000!important; }
input[type="submit"]:focus-visible { outline: 2px solid #000!important; }

html { font-size: 16px; }
html.fontsize_1 { font-size: 17px; }
html.fontsize_2 { font-size: 18px; }

body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 0.8865rem; line-height: 1.151rem; background-color: #dae1eb; color: #54565c; overflow-x: hidden; overflow-y: auto; }
body a { color: #0e7770; outline: 1px solid transparent; }
body a:focus { text-decoration: underline; }
body a:hover { text-decoration: underline; }
acronym, dfn, abbr, span.abbr { border-bottom: 1px dotted black; cursor: help; }
label:hover { cursor: pointer; }

.btn-default { color: #54565c; font-size: 0.938rem; }

h1, h2, h3, h4, h5, h6, legend { line-height: 120%; }
.checkbox, .radio { position: relative; display: block; margin-top: 0.625rem; margin-bottom: 0.625rem; }
legend { font-size: 0.925rem; line-height: 1.321rem; }
.form-control, .form-group input[type="file"] { padding: 0.31rem; font-size: 0.875rem; color: #555; }

ol, 
ul { padding-left: 1.25rem; margin-bottom: 0; }
li { margin: 0.5% 0;  }

.scroll-top { background-color: #0e7770; }

.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #ddd; }

figure .caption { font-size: 70%; text-align: right; font-style: italic; padding-right: 10px; }

.frame-header { margin-bottom: 10px; }
.maincontent-wrap .textmedia, .maincontent-wrap .textpic { display: flex; flex-wrap: wrap; gap: 10px; /*ww 40px;*/ }
.maincontent-wrap .textmedia header > *,
.maincontent-wrap .textpic header > * { padding-bottom: 0 !important; } 
.maincontent-wrap .textmedia-text p:first-child,
.maincontent-wrap .textpic-text p:first-child { margin-top: 0; }

.maincontent-wrap .textmedia.textmedia-intext-left { display: inline-block; width: 100%; padding-top: 0.625rem !important; }
.maincontent-wrap .textmedia.textmedia-intext-left .textmedia-gallery { float: left; padding: 0 10px 0.25rem 0; } 
.maincontent-wrap .textmedia.textmedia-intext-right { display: inline-block; width: 100%; /*ww padding-top: 0.625rem !important;*/ }
.maincontent-wrap .textmedia.textmedia-intext-right .textmedia-gallery { float: right; padding: 0 0 0.25rem 10px; } 
.maincontent-wrap .textmedia.textmedia-intext-right .textmedia-gallery .gallery-row .image .caption { font-size: 70%; text-align: right; font-style: italic; padding-right: 10px; }

/*ww .maincontent-wrap h1:first-child,
.maincontent-wrap h2:first-child { padding-top: 10px; } */

/*ww .maincontent-wrap > div > h1:first-child,
.maincontent-wrap > div > div > h1:first-child { margin-top: 0px !important; } */

.maincontent-wrap p { margin: 0.625rem 0; }
.maincontent-wrap h1 + p,
.maincontent-wrap h2 + p,
.maincontent-wrap h3 + p { margin-top: 0px !important; }

.maincontent-wrap h1 { color: #54565c; background-color: transparent; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.314rem; font-weight: normal; margin: 0; padding-bottom: 10px !important; padding-left: 0; }

.maincontent-wrap h2 { color: #54565c; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.126rem; font-weight: normal; margin: 0; padding-bottom: 10px !important; padding-left: 0; }
.maincontent-wrap > .frame-type-textmedia:nth-child(2) .frame-header ~ .textmedia-text > h2:first-child { margin-top: 10px; }
.maincontent-wrap h3,
.maincontent-wrap h2.h2ash3 { font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.032rem; line-height: 1.24rem; font-weight: normal; margin: 2% 0; padding-left:0; padding-bottom:10px; }

.maincontent-wrap .ce-bodytext h3 { padding-left:0px; }

.maincontent-wrap h4 { font-size: 0.9rem; font-weight: bold; margin: 2% 0; }

.maincontent-wrap input[type="text"] { font-size: 0.875rem; color: #555; }
.maincontent-wrap input.btn-default { font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; line-height: 1.32rem; font-size: 0.925rem; font-weight: normal; color: #ffffff; text-decoration: none; cursor: pointer; padding: 5px 10px 5px 10px; background-position: 15px 12px; background-repeat: no-repeat; border-radius: 0px; border: none; background-color: #0e7770; }
.maincontent-wrap checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] { position: absolute; margin-left: -20px; margin-top: 0.125rem; accent-color: #0e7770; }
.maincontent-wrap .pull-right { float: right !important; }
  
.maincontent-wrap table { border-collapse: separate; border-spacing: 0; }
.maincontent-wrap table td,
.maincontent-wrap table th { font-size: 0.781rem!important; padding: 3px; border: 3px solid #fff; vertical-align: top; line-height: 130% !important; }
.maincontent-wrap table th { background-color: #d8d8d8; }
.maincontent-wrap table th p { margin-top:0px; font-weight:normal; line-height: 140%!important; }
.maincontent-wrap table td { background-color: #efefef; }

.maincontent-wrap span.kleiner, p.kleiner { font-size: 0.772rem; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

body #scrollheader .container { background-color: #fff; }
body #scrollheader #page-header-pre .container { padding-top: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; min-height: 160px; }
body #scrollheader .logo { width: 70px; min-width: 70px; }
body #scrollheader .logo img { width: 100%; height: auto; }
body #scrollheader .logo > a { display: block; }
body #scrollheader #homelink { width: calc(100% - 70px); padding: 0 10px; }
body #scrollheader #metanavigation { width: 100%; position: absolute; top: 3rem; right: 20px; }
body #scrollheader #metanavigation_navigate { text-align: right; list-style-type: none; font-size: 0.73rem; line-height: 1.054rem; padding: 0; margin: 0; }
body #scrollheader #metanavigation_navigate a { color: rgb(84, 86, 92); display: inline-block; white-space: nowrap; }
body #scrollheader #metanavigation_navigate a.gebaerdensprache { /*ww padding-top: 3px;*/ }
body #scrollheader #metanavigation_navigate a.leichtesprache { /*ww padding-top: 3px;*/ }
body #scrollheader #metanavigation_navigate span { padding-left: 0.5rem; }
body #scrollheader #metanavigation_navigate a img { width: 1rem; height: auto; }

body #page-header { box-shadow: none; }
body #page-header .navbar-toggler { display: flex; border: 1px solid #eee; flex-direction: column; justify-content: space-around; padding: 6px 8px; width: 2.7rem; height: 2.3rem; border-radius: 4px; background-color: #ccc; }
body #page-header .navbar-toggler:hover { background-color: #ddd; }
body #page-header .navbar-toggler .icon-bar { display: block; border-top: 2px solid #888; width: 100%; }
body #page-header .mobilenav { display: flex; justify-content: space-between; width: 100%; position: relative; background-color: #757575; padding: 10px; }
body #page-header .mobilenav .search-box-xs { position: relative; width: 80%; }
body #page-header .mobilenav .search-box-xs .suchstart { position: absolute; right: 0; top: 0; margin: 0.25rem; height: 1.5rem; }
body #page-header .dropdown-toggle::after { display: none !important; }
body #mainnavigation .subnavi .nav-link { color: #000; font-size: 1.011rem; line-height: 1.011rem; white-space: normal; margin: 0; padding: 0; width: calc(100% - 2rem); }
body #mainnavigation .subnavi .nav-link:hover, body #mainnavigation .subnavi .nav-link:active, body #mainnavigation .subnavi .nav-link:focus { color: #333 !important; background-color: #fff !important; text-decoration: none; }
body #mainnavigation .subnavi .nav-link.active { color: #ffffff; background-color: #001a8b; }
body #page-header #mainnavigation > .navbar-nav .nav-item > .subnavi > .nav-link.dropdown-toggle > .nav-link-text { font-family: 'RobotoSlab-Bold','DejaVu Serif-Regular'; font-size: 1.025rem; line-height: 1.25rem; letter-spacing: 0.02rem; }
body #mainnavigation .navbar-nav { background-color: #e1e1dc; width: 100%; display: flex; flex-direction: column; margin: 0; padding: 10px; }
body #mainnavigation .navbar-nav .nav-item { border-top: 2px solid transparent; margin: 0; }
body #mainnavigation .navbar-nav .subnavi { display: flex; justify-content: space-between; flex-wrap: wrap; background-color: #eee; padding: 0.3rem; } 
body #mainnavigation .navbar-nav .subnavi input[type="checkbox"]:focus-visible ~ label.opener { background-color: #fff !important; outline: 1px solid #000 !important; }
body #mainnavigation .navbar-nav .subnavi .nav-link:hover { text-decoration: none; color: #262626; background-color: #f5f5f5 !important; }
body #mainnavigation .navbar-nav .subnavi .opener { padding: 0.4rem 0.35rem; width: 1.2rem; min-width: 1.2rem; height: 1.2rem; display: table-cell; border: 1px solid #ccc; background-color: #fff; border-radius: 2px; }
body #mainnavigation .navbar-nav .subnavi .opener .caret { border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; width: 0; height: 0; display: block; }
body #mainnavigation .navbar-nav .subnavi .opener:hover { cursor: pointer; }
body #mainnavigation .navbar-nav .subnavi .chkbox:checked ~ .dropdown-menu { display: block; width: 100%; margin: 0; padding: 0; margin-top: 0.5rem; }
body #mainnavigation .navbar-nav .subnavi .dropdown-menu { border: none; }
body #mainnavigation .navbar-nav .subnavi .dropdown-menu .dropdown-item { margin: 0; padding: 0.4rem 0.6rem; background-color: #fff; border-bottom: 1px solid #b2b7d2; }
body #mainnavigation .navbar-nav .subnavi .dropdown-menu .dropdown-item:hover { text-decoration: none; color: #262626; background-color: #f5f5f5 !important; }
body #mainnavigation .navbar-nav .subnavi .subnavi { border-bottom: 1px solid #b2b7d2; background-color: #fff; }
body #mainnavigation .navbar-nav .subnavi .subnavi .dropdown-item { margin: 0; padding: 3px 8px; background-color: #eee; border-bottom: 2px solid #fff; white-space: normal; }
body #mainnavigation .navbar-nav .subnavi .subnavi .nav-link { }
body #mainnavigation .navbar-nav .subnavi .subnavi .nav-link.dropdown-toggle { background-color: #fff; padding: 0 5px; }
body #mainnavigation .navbar-nav .subnavi .subnavi .subnavi .nav-link {  }
body #mainnavigation .navbar-nav .subnavi .subnavi .subnavi .dropdown-item { }
body #mainnavigation .navbar-nav .subnavi .subnavi .opener { background-color: #fff; }
body #mainnavigation .navbar-nav .subnavi .nav-link.current { color: #a80247 !important; }
body #mainnavigation .navbar-nav .subnavi .subnavi .dropdown-item.current { color: #a80247 !important; }

body #search { display: none; }
body #search form { display: flex; justify-content: end; }
body #search .searchbutton { padding: 0; }

body #page-content {}
body #page-content .frame-container-default { background-color: #fff; padding: 0 20px; }
body #page-content .frame-container .frame-inner > div { padding: 20px 0; }
body #page-content .frame-container .frame-inner:empty { padding: 0 !important; margin-top: -1rem; }
body #page-content .frame-type-textmedia .textmedia .textmedia-gallery:empty { display: none; }
body #page-content div.textmedia-item:empty { display: none; }
body #page-content .frame-type-gridelements_pi1 > .frame-group-container > .frame-group-inner > .frame-container-default { background: none; padding: 0; }
body #page-content .frame-type-gridelements_pi1.frame-layout-merged > .frame-group-container > .frame-group-inner > .frame-container-default { background-color: #fff; padding: 0 20px; }
body_ #page-content .frame-type-gridelements_pi1 > .frame-group-container > .frame-group-inner > .frame-container .frame-inner > div { padding: 0; }

body .breadcrumb-section { background: none; margin-bottom: 1rem; }
body .breadcrumb-section .container { background-color: #fff; }
body .breadcrumb-section .breadcrumbwrap { padding: 10px 20px; display: flex; justify-content: space-between; flex-direction: column; }
body .breadcrumb-section .breadcrumb { padding: 0; font-size: 0.952rem; line-height: 1.36rem; }
body .breadcrumb-section .breadcrumb-link { color: #6c6c6c; }
body .breadcrumb-section .breadcrumb-link:hover { color: #0e7770; text-decoration: none; }
body .breadcrumb-section .breadcrumb-text::before { content: "\203a \0020"; }
body .breadcrumb-item + .breadcrumb-item::before { display: none; }
body .breadcrumb-section .backlink { white-space: nowrap; text-align: right; }
body .breadcrumb-section .backlink span { padding-left: 5px; font-size: 0.945rem; line-height: 1.35rem: }

body #page-content .section-row { flex-wrap: nowrap; }
body #page-content .frame-space-before-extra-small { margin-top: 0.625rem; }
body #page-content .frame-space-before-small { margin-top: 1.25rem; }
body #page-content .frame-space-before-medium { margin-top: 2rem; }
body #page-content .frame-space-after-extra-small { margin-bottom: 0.625rem; }
body #page-content .frame-space-after-small { margin-bottom: 1.25rem; }
body #page-content .frame-space-after-medium { margin-bottom: 2rem; }

body #page-content .subnav-wrap { display: none; }
body #page-content .subnav-wrap header > * { padding-left: 20px; padding-bottom: 10px; padding-right: 10px; padding-top: 10px; background-color: #757575; color: #ffffff; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1rem; font-weight: normal; margin: 0; }
body #page-content .subnav-wrap .subnav-link { border: none; color: rgb(84, 86, 92); font-size: 1rem; }
body #page-content .subnav-wrap .subnav-link:hover { color: #0e7770; }
body #page-content .subnav-wrap .subnav-nav .subnav-nav::before { display: none; }
body #page-content .subnav-wrap .subnav-nav { background-color: #fff; }
body #page-content .subnav-wrap .subnav-nav .subnav-item { position: relative; margin: 0; }
body #page-content .subnav-wrap .subnav-nav .subnav-item:not(.active) .subnav-link.haschildren:hover { background-image: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_subnav01_hover.png"); background-position: right 4px; background-repeat: no-repeat; }
body #page-content .subnav-wrap .subnav-nav .subnav-item .subnav-nav-wrap { display: none; position: absolute; top: 0; right: 100%; left: 100%; z-index: 20; width: 100%; }
body #page-content .subnav-wrap .subnav-nav .subnav-item .subnav-nav-wrap .subnav-nav { border: none; border-top: 1px solid #ccc; }
body #page-content .subnav-wrap .subnav-nav .subnav-item .subnav-nav-wrap .subnav-item { border-bottom: 1px solid #ccc; }
body #page-content .subnav-wrap .subnav-nav .subnav-item.active > .subnav-link { color: #0e7770 !important; font-weight: bold;  }
body #page-content .subnav-wrap .subnav-nav .subnav-item.active > .subnav-link.haschildren { background-position: right 4px; background-repeat: no-repeat; background-image: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_subnav01_open.png"); }
body #page-content .subnav-wrap .subnav-nav .subnav-item.active .subnav-nav-wrap { display: block; position: relative; left: 0; border-left: 1rem solid transparent; }
body #page-content .subnav-wrap .subnav-nav .subnav-item.active .subnav-nav-wrap .subnav-link::before { content: ''; background-image: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_subnav02.png"); background-position: 0.2rem 0.3rem; background-repeat: no-repeat; display: block; width: 1rem; height: 1rem; margin-left: -1rem; padding-right: 1rem; }
body #page-content .subnav-wrap .subnav-nav .subnav-item.active .subnav-nav-wrap header { display: none; }
body #page-content .subnav-wrap .subnav-nav .subnav-item:hover .subnav-nav-wrap { display: block; }
body.escape #page-content .subnav-wrap .subnav-nav .subnav-item:hover .subnav-nav-wrap { display: none; }
body #page-content .subnav-wrap .subnav-nav .subnav-item.active .subnav-nav-wrap .subnav-item .subnav-item .subnav-link { padding-left: 2rem; }

body #page-content .subnav-wrap .newsletter-wrap { padding: 15px !important; background-color: #fff; }
body #page-content .subnav-wrap .newsletter-wrap .newsletter { padding: 10px; background-color: #0e7770; }
body #page-content .subnav-wrap .newsletter-wrap .newsletter header > * { color: #fff; line-height: 1.265rem; font-size: 1.054rem; font-weight: normal; background: none; margin: 0; padding: 0; }
body #page-content .subnav-wrap .newsletter-wrap .newsletter .textfield { margin-top: 0.5rem; margin-bottom: 0.625rem; background-color: #eee; border: 1px solid #eee; width: 100%; padding: 0.2rem 0.5rem; }
body #page-content .subnav-wrap .newsletter-wrap .newsletter .buttondiv { margin-top: 0.5rem; }
body #page-content .subnav-wrap .newsletter-wrap .newsletter .btn { padding: 0.2rem 0.5rem; }

body #page-content .subnav-wrap .socialbookmarks { padding: 20px !important; background-color: #fff; }
body #page-content .subnav-wrap .socialbookmarks ul { padding: 0; margin: 0;  list-style-type: none; display: flex; justify-content: space-between; gap: 1px; /*ww flex-wrap: wrap;*/ }
body #page-content .subnav-wrap .socialbookmarks .sociallink { display: inline-block; }

body #page-content .homerechts .socialbookmarks { padding: 10px 0!important; background-color: #fff; }
body #page-content .homerechts .socialbookmarks ul { padding: 0; margin: 0;  list-style-type: none; display: flex; justify-content: space-between; gap: 1px; /*ww flex-wrap: wrap;*/ }
body #page-content .homerechts .socialbookmarks .sociallink { display: inline-block; }

body #page-content .maincontent-wrap { padding: 0; background-color: #fff; }
body #page-content .maincontent-wrap .frame-container { padding: 0 20px; }
body #page-content .maincontent-wrap .frame-type-list .frame-container,
body #page-content .maincontent-wrap .frame-type-div .frame-container { display: flex; }
body #page-content .maincontent-wrap .frame-type-list .frame-container > .frame-inner, 
body #page-content .maincontent-wrap .frame-type-div .frame-container > .frame-inner { width: 100%; }
body #page-content .maincontent-wrap .frame-type-shortcut .frame-container { padding: 0; }
body #page-content .maincontent-wrap > div:last-child .frame-container { padding-bottom: 20px; }
body #page-content .maincontent-wrap .frame-container .frame-inner > div { padding: 0.625rem 0 0 0; /*ww padding-bottom: 1rem; */ }
body #page-content .maincontent-wrap .frame-type-shortcut .frame-container .frame-inner > div .frame-inner { background-color: #fff; padding: 0 20px 0 /*ww 20px*/ 20px;  }

body #page-content .maincontent-wrap > .frame-type-textmedia:nth-child(2) .frame-container .frame-inner .textmedia { display: block; margin: 0; padding-top: 0 !important; }
body #page-content .maincontent-wrap > .frame-type-textmedia:nth-child(2) .frame-container .frame-inner .textmedia header { margin: 0 -10px; }
body #page-content .maincontent-wrap > .frame-type-textmedia:nth-child(2) .frame-container .frame-inner .textmedia header > * { padding: 10px 20px !important; background-color: #757575; color: #ffffff; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1rem; font-weight: normal; margin: 0 -10px; }
body #page-content .maincontent-wrap > .frame-type-textmedia:nth-child(2) .frame-container .frame-inner .textmedia header > * a { color: #fff; display: block; }
body #page-content .maincontent-wrap > .frame-type-textmedia:nth-child(2) .frame-container .frame-inner .textmedia .textmedia-gallery .gallery-row { margin: 0 -20px; }
body #page-content .maincontent-wrap > .frame-type-textmedia:nth-child(2) .frame-container .frame-inner .textmedia .textmedia-gallery .gallery-row .gallery-item-size-2 { width: 100%; }
body #page-content .maincontent-wrap > .frame-type-textmedia:nth-child(2) .frame-container .frame-inner .textmedia .textmedia-gallery .gallery-row .image .caption { font-size: 70%; text-align: right; font-style: italic; padding-right: 20px; }
body #page-content .maincontent-wrap > .frame-type-textmedia:nth-child(2) .frame-container .frame-inner .textmedia .textmedia-text { padding-top: 20px; }
xbody #page-content .maincontent-wrap > .frame-type-textmedia:nth-child(2) .frame-container .frame-inner .textmedia.textmedia-intext-right header { margin: 0 -10px; }
xbody #page-content .maincontent-wrap > .frame-type-textmedia:nth-child(2) .frame-container .frame-inner .textmedia.textmedia-intext-right header > * { padding: 10px !important; background-color: #757575; color: #ffffff; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1rem; font-weight: normal; margin: 0 -10px; }
xbody #page-content .maincontent-wrap > .frame-type-textmedia:nth-child(2) .frame-container .frame-inner .textmedia.textmedia-intext-right header > * a { color: #fff; display: block; }
body #page-content .maincontent-wrap > .frame-type-header:nth-child(2) .frame-container .frame-inner header { margin: 0 -10px; }
body #page-content .maincontent-wrap > .frame-type-header:nth-child(2) .frame-container .frame-inner header > * { padding: 10px 20px !important; background-color: #757575; color: #ffffff; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1rem; font-weight: normal; margin: 0 -10px; }
body #page-content .maincontent-wrap > .frame-type-header:nth-child(2) .frame-container .frame-inner header > * a { color: #fff; display: block; }

body #page-content .maincontent-wrap > .frame-type-shortcut:nth-child(2) .frame-container .frame-inner > .frame-type-textmedia { padding: 0; }
body #page-content .maincontent-wrap > .frame-type-shortcut:nth-child(2) .frame-container .frame-inner > .frame-type-textmedia .frame-container .frame-inner .textmedia { display: block; margin: 0; padding-top: 0 !important; }
body #page-content .maincontent-wrap > .frame-type-shortcut:nth-child(2) .frame-container .frame-inner > .frame-type-textmedia .frame-container .frame-inner .textmedia header { margin: 0 -10px; }
body #page-content .maincontent-wrap > .frame-type-shortcut:nth-child(2) .frame-container .frame-inner > .frame-type-textmedia .frame-container .frame-inner .textmedia header > * { padding: 10px 20px !important; background-color: #757575; color: #ffffff; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1rem; font-weight: normal; margin: 0 -10px; }
body #page-content .maincontent-wrap > .frame-type-shortcut:nth-child(2) .frame-container .frame-inner > .frame-type-textmedia .frame-container .frame-inner .textmedia header > * a { color: #fff; display: block; }
body #page-content .maincontent-wrap > .frame-type-shortcut:nth-child(2) .frame-container .frame-inner > .frame-type-textmedia .frame-container .frame-inner .textmedia .textmedia-gallery .gallery-row { margin: 0 -20px; }
body #page-content .maincontent-wrap > .frame-type-shortcut:nth-child(2) .frame-container .frame-inner > .frame-type-textmedia .frame-container .frame-inner .textmedia .textmedia-gallery .gallery-row .gallery-item-size-1 { width: 100%; }
body #page-content .maincontent-wrap > .frame-type-shortcut:nth-child(2) .frame-container .frame-inner > .frame-type-textmedia .frame-container .frame-inner .textmedia .textmedia-gallery .gallery-row .image .caption { font-size: 70%; text-align: right; font-style: italic; padding-right: 20px; }
body #page-content .maincontent-wrap > .frame-type-shortcut:nth-child(2) .frame-container .frame-inner > .frame-type-textmedia .frame-container .frame-inner .textmedia .textmedia-text { padding-top: 20px; }
body #page-content .maincontent-wrap > .frame-type-shortcut:nth-child(2) .frame-container .frame-inner > .frame-type-textmedia .frame-container .frame-inner header { margin: 0 -10px; }
body #page-content .maincontent-wrap > .frame-type-shortcut:nth-child(2) .frame-container .frame-inner > .frame-type-textmedia .frame-container .frame-inner header > * { padding: 10px 20px !important; background-color: #757575; color: #ffffff; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1rem; font-weight: normal; margin: 0 -10px; }
body #page-content .maincontent-wrap > .frame-type-shortcut:nth-child(2) .frame-container .frame-inner > .frame-type-textmedia .frame-container .frame-inner header > * a { color: #fff; display: block; }


/*ww body #page-content .maincontent-wrap .frame-container .frame-inner .textmedia.textmedia-above .textmedia-text h1 { color: #54565c; background-color: transparent; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.4em; font-weight: normal; margin: 0; padding-bottom: 10 !important; padding-left: 0; } */
/*ww body #page-content .maincontent-wrap .frame-container .frame-inner .textmedia.textmedia-above .textmedia-text h2 { color: #54565c; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.2em; font-weight: normal; margin: 0; padding-bottom: 10px !important; } */
body #page-content .maincontent-wrap .frame-type-div .frame-inner { width: 100%; }
body #page-content .maincontent-wrap .frame-type-div hr { border: 1px solid #eee !important; opacity: 1; height: auto !important; margin: 1rem 0 !important; }

body.backendlayout-contentrel #page-content .maincontent-wrap { margin: 0; background-color: #fff; }
body.backendlayout-contentrel #page-content .maincontent-wrap .frame-container .frame-inner .textmedia header > * { padding-left: 20px; }

body #page-content .subcontent-wrap { display: none; hyphens: auto; }
body #page-content .subcontent-wrap .frame-container-default { padding: 0; background: none; }

body #page-content .subcontent-wrap .frame-container .frame-inner > div { padding: 0; margin-bottom: 1rem; }
body #page-content .subcontent-wrap .frame-container .frame-inner > div:last-child { margin-bottom: 0; }
body #page-content .subcontent-wrap .frame-container .frame-inner > div .frame-inner { background-color: #fff; padding: 0 10px 10px 10px;  }
body #page-content .subcontent-wrap .frame-container .frame-inner > div .frame-inner .textmedia { display: block; margin: 0; }
body #page-content .subcontent-wrap .frame-container .frame-inner > div .frame-inner .textmedia header { margin: 0; }
body #page-content .subcontent-wrap .frame-container .frame-inner > div .frame-inner .textmedia header > * { padding: 10px; background-color: #757575; color: #ffffff; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1rem; font-weight: normal; margin: 0 -10px; }
body #page-content .subcontent-wrap .frame-container .frame-inner > div .frame-inner .textmedia header > * a { color: #fff; display: block; }
body #page-content .subcontent-wrap .frame-container .frame-inner > div .frame-inner .textmedia .textmedia-text { padding-top: 10px; }

body #page-content .subcontent-wrap .frame:not(.frame-type-shortcut) { padding: 0; margin-bottom: 1rem; }
body #page-content .subcontent-wrap .frame:not(.frame-type-shortcut) .frame-container .frame-inner { background-color: #fff; padding: 0 10px 10px 10px;  }
body #page-content .subcontent-wrap .frame:not(.frame-type-shortcut) .frame-container .frame-inner header > * { padding: 10px; background-color: #757575; color: #ffffff; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1rem; font-weight: normal; margin: 0 -10px; }
body #page-content .subcontent-wrap .frame:not(.frame-type-shortcut) .frame-container .frame-inner header > * a { color: #fff; display: block; }
body #page-content .subcontent-wrap .frame:not(.frame-type-shortcut) .frame-container .frame-inner .no-news-found { padding-top: 10px; color: #54565c; font-style: normal; }

/********************* HOME Themenverwandte Webseiten *********************/
.themenverwandte { margin: 0; }
.themenverwandte h2 { font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.1em; font-weight: normal; padding: 0; margin: 0; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #72767f; }
.themenverwandte .logos { display: flex; padding: 0; flex-direction: column; gap: 20px; }
.themenverwandte .logos .offercontentitem { max-width: 300px; align-self: center; position: relative; }
.themenverwandte .logos a { display: block; }
.themenverwandte .logos img { width: 100%; height: auto; }
.themenverwandte .logos a:hover img { /*ww outline: 1px solid #ff0000;*/ }


.themenverwandte .tooltiphover:hover .tooltipbox, .themenverwandte .tooltiphover:active .tooltipbox { display: inline-block; width: 60%; }
.themenverwandte .tooltiphover > a:focus ~ .tooltipbox { display: inline-block; width: 60%; }
body.escape .themenverwandte .tooltiphover:hover .tooltipbox, body.escape .themenverwandte .tooltiphover > a:focus ~ .tooltipbox, body.escape .themenverwandte .tooltiphover:active .tooltipbox { display: none; }
.themenverwandte .tooltipbox { position: absolute; display: none; bottom: 70%; left: 5%; width: 60%; }
.themenverwandte .tooltipbox .tooltipcontent { display: inline-block; width: 100%; padding: 6px 10px; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; color: #ffffff; background-color: #0e7770; font-size: 0.865rem; -webkit-box-shadow: rgba(0,0,0,0.3) 2px -1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 2px -1px 3px; -ms-box-shadow: rgba(0,0,0,0.3) 2px -1px 3px; box-shadow: rgba(0,0,0,0.3) 2px -1px 3px; }
.themenverwandte .tooltipbox .tooltipbottom { display: inline-block; width: 100%; height: 29px; background-position: bottom left; background-repeat: no-repeat; background-image: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/bg_tooltip.png"); }
.themenverwandte .offercontentitem { padding-left: 0px; padding-right: 0px; }
.themenverwandte_xxx .offercontentitem:nth-child(3) { text-align: right; }

/**** Slick ********************/
.sliderspalte { padding: 0; }
.sliderspalte .slick-slider { margin-bottom: 0; }
.sliderspalte .slick-slide { }
.sliderspalte .slick-slide > div > .frame .frame-container-default { padding: 0 10px !important; }
.sliderspalte .slick-slide > div > .frame .frame-container-default .textmedia-above { position: relative; padding: 0 !important; }
.sliderspalte .slick-slide > div > .frame .frame-container-default .textmedia-above .textmedia-text { position: absolute; bottom: 30px; background-color: #fff; font-size: 0.8865rem; line-height: 1.151rem; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; width: calc(100% - 19px); margin: 10px; }
.sliderspalte .slick-slide > div > .frame .frame-container-default .textmedia-above .textmedia-text h2 { font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.1rem; }
.slick-prev::before, .slick-next::before { display: none; font-family: 'FontAwesome'; color: #000; font-size: 40px; z-index: 100; }
.slick-slider:hover .slick-prev::before, .slick-slider:hover .slick-next::before { display: block; } 
.slick-slider .slick-prev:focus-visible::before, .slick-slider .slick-next:focus-visible::before { display: block; } 
.slick-prev::before { content: '\f053'; }
.slick-next::before { content: '\f054'; }
.slick-prev { left: 10px; width: 40px; height: 40px; z-index: 1; }
.slick-next { right: 10px; width: 40px; height: 40px; z-index: 1; }
.slick-dots li button.playbutton::before { content: '\f04b'; font-family: 'FontAwesome'; color: #000; font-size: 20px; z-index: 100; opacity: 0.7; }
.slick-dots li button.playbutton.pause::before { content: '\f04c'; }
.slick-dots li:not(:last-child) { display: none; }
.sliderspalte .slick-dots { position: absolute; bottom: 15px; right: 20px; text-align: right; }

/**** Slick / Special ********************/
.frame-type-slick.layout-special .slick-list { background-color: #fff; }
.frame-type-slick.layout-special .slick-prev { left: 15px; top: 25%; }
.frame-type-slick.layout-special .slick-next { right: 15px; top: 25%; }
.frame-type-slick.layout-special .textmedia, .frame-type-slick.layout-special .textpic { display: block; }
.frame-type-slick.layout-special .textmedia-text, .frame-type-slick.layout-special .textpic-text { padding: 10px 20px 20px 20px; background-color: #eee; }
.frame-type-slick.layout-special .gallery-row { display: block; }

/**** Slick / Gallery ********************/
.frame-type-slick.layout-gallery { padding: 20px; }
.frame-type-slick.layout-gallery .slick-list { background-color: #fff; }
.frame-type-slick.layout-gallery .slick-slider:not(.slick-sync) .slick-list .slick-slide img { width: 100%; }
.frame-type-slick.layout-gallery .slick-slider.slick-sync .slick-list .slick-slide img { width: calc100%; padding: 2px; }
.frame-type-slick.layout-gallery .slick-slider.slick-sync .slick-list .slick-slide.slick-current { background-color: #eee; }
.frame-type-slick.layout-gallery .slick-prev { left: 0px; }
.frame-type-slick.layout-gallery .slick-next { right: 0px; }
.frame-type-slick.layout-gallery .textmedia, .frame-type-slick.layout-special .textpic { display: block; }
.frame-type-slick.layout-gallery .textmedia-text, .frame-type-slick.layout-special .textpic-text { padding: 10px 20px 20px 20px; background-color: #eee; }
.frame-type-slick.layout-gallery .gallery-row { display: block; }
.frame-type-slick.layout-gallery .caption { position: relative; margin-top: -5px; margin-bottom: 10px; padding: 0.25rem 10px; background-color: #eee; text_align: right; }

.welcomespalte { padding: 0; }
.welcomespalte .mask_toprightbox { margin: 0 10px; display: flex; flex-direction: column; height: calc(100% - 4px); background-color: #dde1e6 !important; }
.welcomespalte .mask_toprightbox_top .frame-container-default { background-color: #0e7770 !important; line-height: 140%; }
.welcomespalte .mask_toprightbox_top .frame-container-default h2 { font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.2rem; }
.welcomespalte .mask_toprightbox_top .frame-container-default h2 a { color: #fff; }
.welcomespalte .mask_toprightbox_bottom .frame-container-default { padding: 0!important; background-color: #dde1e6 !important; } 

/********************* Mask *********************/
.tx_mask_themateaserwrapper .wrap { padding: 0.5rem; border: 1px solid #ccc; display: flex; justify-content: space-between; flex-wrap: wrap; }
.tx_mask_themateaser { width: 100%; margin-bottom: 10px; padding: 0 5px; }
.tx_mask_themateaser a { display: block; position: relative; padding: 0 10px 10px 0; }
.tx_mask_themateaser img { width: 100%; height: auto; }
.tx_mask_themateaser span { position: absolute; right: 0; bottom: 0; background-color: #454545; width: 80%; padding: 3px 10px 3px 8px; font-size: 0.75rem; text-align: right; color: #ffffff; border: 1px solid #454545; }
.tx_mask_themateaser a:hover span { background-color: #eee; color: #000; }
.tx_mask_themateaser a:focus span { background-color: #eee; color: #000; }

/********************* Footer *********************/
#page-footer { margin-top: 1.25rem; }
#page-footer .footer-section .container { font-size: 0.8rem; background-color: #757575; color: #fff; }
#page-footer .footer-section ul { list-style-type: none; margin: 0; padding: 0.2rem 0; display: flex; gap: 0.5rem; justify-content: center; flex-wrap: wrap; }
#page-footer .footer-section ul li::after { content:''; border-left: 1px solid #fff; margin-left: 0.5rem; }
#page-footer .footer-section ul li:last-child::after { display: none; }
#page-footer .footer-section a { color: #fff; }
#page-footer .footer-section .copyright { margin: 0; padding: 0.2rem 0; text-align: center; }

#page-footer .social-section { margin-bottom: 20px; }
#page-footer .social-section .container { background-color: #fff; }
#page-footer .social-section ul { padding: 10px 0; margin: 0;  list-style-type: none; display: flex; justify-content: center; gap: 20px; }


@media (min-width: 321px) {
body #scrollheader #homelink a { font-size: 1.1rem; line-height: 1.1rem; }
}

@media (min-width: 400px) {
body #scrollheader #page-header-pre .container { flex-wrap: inherit; background: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/header_small3.png") no-repeat center bottom #ffffff; }
body #scrollheader #metanavigation { width: 100%; position: relative; top: 0; right: 0; }
body .breadcrumb-section .breadcrumbwrap { flex-direction: row; }
}

@media (min-width: 440px) {
body #scrollheader #metanavigation { width: auto; }
body #scrollheader #homelink { text-align: center; width: inherit; }
body #scrollheader #homelink a { font-size: 1.4rem; line-height: 1.4rem; }
}

@media (min-width: 540px) {
body #scrollheader #homelink a { font-size: 1.8rem; line-height: 1.8rem; }
body #scrollheader #page-header-pre .container { background: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/header_small2.png") no-repeat center bottom #ffffff; }
}

@media (min-width: 576px) {
.container { max-width: 100%; }
.frame-container-default { max-width: 100%; }
}

@media (min-width: 690px) {
body #scrollheader #homelink a { font-size: 2.4rem; line-height: 2.4rem; }
body #scrollheader #page-header-pre .container { background: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/header_small.png") no-repeat center bottom #ffffff; }
}

@media (min-width: 768px) {
body #page-content .themenverwandte .logos { flex-direction: row; gap: 10px; justify-content: space-between; }
.themenverwandte .logos .offercontentitem { width: calc(100% / 3 - 20px); }
body #page-content .subnav-wrap { width: 233px; display: block !important; padding-left: 0; }
body #page-content .maincontent-wrap { width: calc(100% - 240px); }
body.backendlayout-contentrel #page-content .maincontent-wrap { width: 100%; }
#page-footer .social-section { display: none; }
.tx_mask_themateaser { width: 50%; }
}

@media (min-width: 850px) {
body #scrollheader #page-header-pre .container { background: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/header.png") no-repeat center bottom #ffffff; }
}

@media (min-width: 992px) {
.frame-container-default { max-width: 970px; }
.container { max-width: 970px; }
body #search { display: block; }
body #search .searchtext { display: block; margin-top: 3px; margin-right: 5px; font-size: 0.9rem; max-width: 80%; }
body #scrollheader #homelink { text-align: right; max-width: 515px; }
body #scrollheader #homelink a { margin-left: 60px; padding-left: 60px; }
body #page-header #mainnavigation .navbar-nav { background-color: #757575; flex-direction: row; justify-content: space-between; }
body #page-header #mainnavigation > .navbar-nav .nav-item > .subnavi > .nav-link.dropdown-toggle > .nav-link-text { hyphens: auto; white-space: normal; }
body #page-header #mainnavigation .dropdown-hover:hover > .subnavi > .dropdown-menu { display: block !important; }
body.escape #page-header #mainnavigation .dropdown-hover:hover > .subnavi > .dropdown-menu { display: none !important; }
body #page-header #mainnavigation .dropdown-menu { top: 100%; }
body #page-header #mainnavigation .dropdown-hover:last-child .dropdown-menu { right: 0; }
body #page-header .mobilenav { display: none; }
body #mainnavigation .navbar-nav .subnavi .opener { display: none; }

body #mainnavigation .navbar-nav .nav-item { border: none; }
body #mainnavigation .navbar-nav .subnavi { background: none; padding: 0; }
body #mainnavigation .subnavi .nav-link { width: auto; background-color: #757575; color: #fff; font-weight: bold; padding: 0.5rem 0.7rem; white-space: nowrap; }
body #mainnavigation .dropdown-menu { padding: 0; }
body #mainnavigation .navbar-nav .subnavi .subnavi .nav-link.dropdown-toggle { color: #000; font-weight: normal; width: 100%; padding: 0.4rem 0.6rem; }
body #mainnavigation .navbar-nav .subnavi .dropdown-menu .dropdown-item { border: none; }
body #mainnavigation .navbar-nav .subnavi .dropdown-menu .dropdown-item:hover { color: #0e7770; }
body #mainnavigation .navbar-nav .subnavi .subnavi { border: none; }
body #mainnavigation .navbar-nav .subnavi .subnavi .nav-link.dropdown-toggle:hover { color: #0e7770 !important; }
body #mainnavigation .navbar-nav .subnavi .chkbox:checked ~ .dropdown-menu { margin-top: 0; display: none; width: auto; }

body #mainnavigation .nav-item.active .subnavi .nav-link { background-color: #fff; color: rgb(84, 86, 92); }
body #mainnavigation .subnavi .nav-link:hover, body #mainnavigation .subnavi .nav-link:active, body #mainnavigation .subnavi .nav-link:focus { color: #0e7770 !important; }
body #mainnavigation .navbar-nav .subnavi .nav-link.current { color: rgb(84, 86, 92) !important; }
body_xxx #mainnavigation .navbar-nav .subnavi .subnavi .nav-link.current { color: #a80247 !important; }

body .breadcrumb-section .breadcrumbwrap { padding: 10px; }

body #page-content .subnav-wrap { width: 273px; margin: 0 -20px; padding-left: 20px; }
body #page-content .maincontent-wrap { margin: 0 20px; padding: 0; width: calc(100% - 273px - 239px + 40px); background-color: #fff; /*ww padding: 0 20px; width: calc(100% - 273px - 239px + 80px);*/ }
body #page-content .subcontent-wrap { width: 239px; margin: 0 -20px; display: block !important; }

body.backendlayout-contentrel #page-content .maincontent-wrap { background-color: #fff; padding: 0; width: 100%;/*ww auto;*/ }
body.backendlayout-contentrel #page-content .subcontent-wrap { width: 50%; display: block !important; margin: 0 -20px 0 0; }
body.backendlayout-content #page-content .maincontent-wrap { margin: 0 20px; padding: 0; width: calc(100% - 273px + 40px - 10px); background-color: #fff; }

}

@media (min-width: 1200px) {

.frame-container-default { max-width: 1170px; }
.container { max-width: 1170px; }
body #scrollheader #homelink { text-align: right; max-width: 700px; }
body #scrollheader #homelink a { margin-left: 0; padding-left: 0; padding-right: 30px; }
.themenverwandte .logos .offercontentitem { max-width: 370px; }

body #page-content .subnav-wrap { width: 293px; margin: 0 -20px; padding-left: 20px; }
body #page-content .maincontent-wrap { margin: 0 20px; padding: 0; width: calc(100% - 293px - 259px + 40px); background-color: #fff; /*ww padding: 0 20px; width: calc(100% - 293px - 259px + 80px);*/ }
body #page-content .subcontent-wrap { width: 259px; margin: 0 -20px; display: block !important; }

body.backendlayout-content #page-content .maincontent-wrap { margin: 0 20px; padding: 0; width: calc(100% - 293px + 40px + 10px); background-color: #fff;  }

}

/* Sitemap inkl. HOME kleine Sitemap unten *********************/
.sitemapsmall { background-color: #fff; padding: 0px; margin-bottom: 0.375rem; flex-direction: column; font-size: 0.787rem; line-height: 1.124rem; }
.sitemapsmall ul { list-style-type: none; padding-left: 0; }
.sitemapsmall li { margin-bottom: 0.375rem; }
.sitemapsmall li a { color: #54565c !important; }
.sitemapsmall li a:hover, .sitemapsmall li a:active, .sitemapsmall li a:focus { color: #0e7770 !important; }
.sitemapsmallthemes { -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -o-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.sitemapsmalltitle h2, 
.sitemapsmallotherlist h2 { font-size: 0.798rem; line-height: 0.957rem; font-weight: bold; font-family: arial, helvetica, sans-serif, 'Droid Sans-Serif'; margin-bottom: 0px; margin-top: 1.125rem; }
.sitemapsmallotherlist h2 { margin-bottom: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #72767f; }
.sitemapsmalltitle { margin-bottom: 10px; padding-bottom: 8px; font-weight: bold; border-bottom: 1px solid #72767f; }
.sitemapsmallthemelist,
.sitemapsmallother { -webkit-flex-direction: column; -moz-flex-direction: column; -o-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -moz-align-items: stretch; -o-align-items: stretch; -ms-align-items: stretch; align-items: stretch; display: flex; }
.sitemapsmallthemelist { margin-bottom: 6px; }
.sitemapsmallthemecol,
.sitemapsmallotherlist { margin-right: 20px; }
.sitemapsmallthemecol:last-child, 
.sitemapsmallotherlist:last-child { margin-right: 0; }
.sitemapsmallthemecol,
.sitemapsmallotherlist { -webkit-box-flex: 1; -moz-flex: 1; -o-flex: 1; -ms-flex: 1.0; flex: 1;}
.sitemapsmallotherlist li a:active,
.sitemapsmallotherlist li a:focus,
.sitemapsmallotherlist li a:hover { color: #0e7770; text-decoration: underline;}
.sitemapsmallthemelist li a:active,
.sitemapsmallthemelist li a:focus,
.sitemapsmallthemelist li a:hover { color: #0e7770; text-decoration: underline;}

body #page-content .maincontent-wrap .sitemap { font-size: 0.861rem; line-height. 1.118rem; }
body #page-content .maincontent-wrap .sitemap a { color: #54565c; text-decoration: none; }
body #page-content .maincontent-wrap .sitemap a:hover { color: #0e7770; text-decoration: underline; }
body #page-content .maincontent-wrap .sitemap .sitemaptitle h2 { font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.566rem; line-height: 1.875rem; padding-left: 0px; padding-right: 0px; border-bottom: 1px solid #e1e5eb; padding-bottom: 10px; padding-top: 20px; }
body #page-content .maincontent-wrap .sitemap .layer04:nth-child(4).sitemapotherlist { -webkit-column-count: 1; -moz-column-count: 1; -ms-column-count: 1; column-count: 1; -webkit-column-gap: 1%; -moz-column-gap: 1%; -ms-column-gap: 1%; column-gap: 1%; }
body #page-content .maincontent-wrap .sitemap .layer04:nth-child(4) { }
body #page-content .maincontent-wrap .sitemap .sitemapotherlist li { margin-top:0; }

@media (min-width: 768px) {

.sitemapsmallthemelist, .sitemapsmallother { flex-direction: row; }
body #page-content .maincontent-wrap .sitemap .layer04.sitemapotherlist:nth-child(4) { column-count: 3; }

}

/* Quiz  *********************/
.maincontent-wrap .quiz_content,
.maincontent-wrap .ww_quiz_form { padding-left: 20px; padding-right: 20px; }
.maincontent-wrap .quiz_content h3.frage { margin-top: 20px; }
.maincontent-wrap .quiz_content legend.frage {  margin-top: 20px;  margin-left: -20px; width: calc(100% + 20px); padding-left: 0; padding-right: 0; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; line-height: 1.454rem; font-size: 1.018rem; font-weight: normal; }
.maincontent-wrap .quiz_content .ww_quiz_form { display: inline-block; margin-bottom: 60px; width: 100%; }
.maincontent-wrap .quiz_content .ww_quiz_form label { margin-left:-20px; }
.maincontent-wrap .quiz_content h3,
.maincontent-wrap .quiz_content h2 { padding-left: 0px; padding-right: 0px; }
.maincontent-wrap .quiz_content .hrsingle { border-top: 1px dashed #dde1e6; margin-bottom: 20px; }

.welcomespalte .tx-ww-quiz { padding: 0!important; }
.welcomespalte .tx-ww-quiz .quizteaser { }
.welcomespalte .quizteasercontent { padding: 20px; /*ww margin-bottom: 20px !important;*/ }
.welcomespalte .quizteasercontent h2 { font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.095rem; font-weight: normal; margin: 2% 0; }
.welcomespalte .quizteasercontent h3,
.welcomespalte .quizteasercontent legend { font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 0.99rem; font-weight: normal; margin: 2% 0; }
.welcomespalte .quizteasercontent .antwort { float: left; font-size: 0.855rem; font-weight: normal; hyphens: auto; line-height: 0.983rem; }
.welcomespalte .quizteasercontent .formsubmit { clear: left; }
.welcomespalte .quizteasercontent input[type="submit"] { font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 0.894rem; font-weight: normal; text-decoration: none; background-color: #0e7770 !important; color: #ffffff !important; cursor: pointer; padding: 5px 10px 5px 30px; background-image: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_submit_white.png"); background-position: 15px 12px; background-repeat: no-repeat; }

/* FAQ   *******************/
.maincontent-wrap .tx-ww-faq { padding-top: 10px!important; }
.maincontent-wrap .tx-ww-faq .entry h2 { color: #0e7770; cursor: pointer; display: inline-block; margin-left: 24px; text-indent: -24px; }
.maincontent-wrap .tx-ww-faq .entry h2::before { content: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_mehr_text.gif"); margin-right: 6px; }
.maincontent-wrap .tx-ww-faq .entry h2.open::before { content: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_weniger_text.gif");}
.maincontent-wrap .tx-ww-faq .faq-content { overflow: hidden; transition: height 300ms ease-out 0s; padding: 0;}
.maincontent-wrap .tx-ww-faq .pagebrowser { margin-top: 2rem;}
.maincontent-wrap .tx-ww-faq .ptop { text-align: right;}
.maincontent-wrap .tx-ww-faq fieldset { border: 1px solid #0e7770; padding: 0 10px 10px 10px; margin-top: 20px; margin-bottom: 20px;}
.maincontent-wrap .tx-ww-faq fieldset legend { background-color: #0e7770; color: #fff; padding: 2px 10px; margin-top: -10px; }

/*  Content Read More ****************/
.maincontent-wrap .content-readmore { cursor: pointer; display: block; color: #0e7770; text-align: right; }
.maincontent-wrap .content-readmore::before { content: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_klapptext_auf.png"); margin-right: 6px; padding-top: 3px; }
.maincontent-wrap .content-readmore.open::before { content: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_klapptext_zu.png"); }
.maincontent-wrap .content-readmore:hover { text-decoration: underline; }
.maincontent-wrap .readmore-text { display: none; overflow: hidden; -webkit-transition: height 300ms ease-out; -moz-transition: height 300ms ease-out; -o-transition: height 300ms ease-out; -ms-transition: height 300ms ease-out; transition: height 300ms ease-out; }
.maincontent-wrap .readmore-text.shown { display: block; }
.maincontent-wrap .readmore-text p { font-size: 0.876rem; line-height: 1.14rem; }

/*  Content Accordion ****************/
.maincontent-wrap .frame-type-gridelements_pi1 .card { border: none; }
.maincontent-wrap .frame-type-gridelements_pi1 .card-header { padding: 0.75rem 20px; border: none; background-color: transparent; }
.maincontent-wrap .frame-type-gridelements_pi1 .card-header h2 { margin: 0; padding-bottom: 0; }
.maincontent-wrap .frame-type-gridelements_pi1 .card-header button { display:block; padding: 0; font-size: 0.94rem; color: #0e7770; }
.maincontent-wrap .frame-type-gridelements_pi1 .card-header button::before { content: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_klapptext_zu.png"); margin-right: 6px; padding-top: 3px; }
.maincontent-wrap .frame-type-gridelements_pi1 .card-header button.collapsed::before { content: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_klapptext_auf.png"); }
.maincontent-wrap .frame-type-gridelements_pi1 .card-header button:focus { box-shadow: none; }
.maincontent-wrap .frame-type-gridelements_pi1 .card-body { padding: 0; font-size: 0.855rem; }
.maincontent-wrap .frame-type-gridelements_pi1 .card-body .frame-container { padding: 0; }

 
/*  Glossar   **********************/
.maincontent-wrap .tx-ww-glossar h2 { color: #0e7770; cursor: pointer; display: inline-block; width: 100%; margin-left: 24px; text-indent: -24px; }
.maincontent-wrap .tx-ww-glossar h2::before { content: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_mehr_text.gif"); margin-right: 6px; padding-top: 3px; }
.maincontent-wrap .tx-ww-glossar h2.open::before { content: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_weniger_text.gif"); }

.maincontent-wrap .tx-ww-glossar .glossar-content { display: none; overflow: hidden; transition: height 300ms ease-out 0s; padding: 0; font-size: 1.004em; }
.maincontent-wrap .tx-ww-glossar .glossar-content.shown { display: block; }
.maincontent-wrap .tx-ww-glossar .glossar-content .source { font-size: 0.754rem; line-height: 1.077rem; color: #666; margin-bottom: 1.25rem; }
.maincontent-wrap .tx-ww-glossar .pagebrowser { margin-top: 2rem; }

/*  Matomo   **********************/
.maincontent-wrap .ww_bzga_matomo { margin: 1rem -20px 0 -20px!important; padding: 1rem 20px!important; }

/*  Newsletter Subscription   **********************/
.maincontent-wrap .tx-ww-bzga-subscription { display: inline-block!important; width: 100%; }
.maincontent-wrap .tx-ww-bzga-subscription .btn-default { border:none; border-radius: 0px; background-color: #0e7770; cursor: pointer; padding: 5px 10px 5px 30px; background-position: 15px 12px; background-repeat: no-repeat; width: auto; background-image: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_submit_white.png"); box-shadow: none; color: #fff; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; }
.maincontent-wrap .tx-ww-bzga-subscription .btn-default:hover { background-color: #e1e5eb; color: #0e7770; background-image: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_submit_magenta.png"); box-shadow: none;}
.homerechts .tx-ww-bzga-subscription,
.subnav-wrap .tx-ww-bzga-subscription { padding: 0!important; }

/*  SOLR    **********************/
.maincontent-wrap .tx_solr .tx-solr-search-form > h2:first-child { margin-top: 2rem; }
.maincontent-wrap .tx_solr #tx-solr-search-form-pi-results { padding: 10px 0; /*background-color: #ececea;*/ }

.maincontent-wrap .tx_solr .tx-solr-search-form .tx-solr-submit::before { font-family: FontAwesome; content: '\f002'; }

.maincontent-wrap .tx_solr .result-content .results-highlight { font-weight: 700; background: transparent; }
.maincontent-wrap .tx_solr .results-entry { padding: 0; margin-bottom: 0.625rem; border: none; }
.maincontent-wrap .tx_solr .results-entry h3 { margin: 5px 0 0 0; padding-bottom: 0; }
.maincontent-wrap .tx_solr .results-entry p { color: #54565c; }

.maincontent-wrap .tx_solr .solr-pagination { display: flex; justify-content: flex-end; margin: 0 0 1rem 0; padding: 0.5rem; border-top: 1px solid #e1e5eb; border-bottom: 1px solid #e1e5eb; font-size: 0.704rem; line-height: 1rem; color: #71747c; }
.maincontent-wrap .tx_solr .solr-pagination .nbrofpages { }
.maincontent-wrap .tx_solr .solr-pagination .pagination { padding-left: 0.5rem; gap: 0.5rem; }
.maincontent-wrap .tx_solr .relevance { hyphens: auto; word-break: break-word; }
.maincontent-wrap .tx_solr #tx-solr-resultlist { padding: 0; margin: 0; }

/*  Layouts  ************/
body #page-content .maincontent-wrap .frame-type-textmedia > div > div > .frame-container > .frame-inner .textmedia-left,
body #page-content .maincontent-wrap .frame-type-textpic > div > div > .frame-container > .frame-inner .textpic-left,
body #page-content .maincontent-wrap .frame-type-textmedia > div > div > .frame-container > .frame-inner .textmedia-right,
body #page-content .maincontent-wrap .frame-type-textpic > div > div > .frame-container > .frame-inner .textpic-right  { flex-wrap: nowrap; }
body #page-content .maincontent-wrap .frame-type-textmedia > div > div > .frame-container > .frame-inner .textmedia-item.textmedia-gallery,
body #page-content .maincontent-wrap .frame-type-textpic > div > div > .frame-container > .frame-inner .textpic-item.textpic-gallery  { width: auto; /*ww flex-shrink: 0;*/ }
body #page-content .maincontent-wrap .frame-type-textmedia:not(:nth-child(2)) > div > div > .frame-container > .frame-inner .gallery-item.gallery-item-size-1,
body #page-content .maincontent-wrap .frame-type-textpic:not(:nth-child(2)) > div > div > .frame-container > .frame-inner .gallery-item.gallery-item-size-1 { width: auto; }
body #page-content .maincontent-wrap .frame-type-textmedia > div > div > .frame-container > .frame-inner .textmedia-item.textmedia-text,
body #page-content .maincontent-wrap .frame-type-textpic > div > div > .frame-container > .frame-inner .textpic-item.textpic-text { width: 100%; /*ww auto;*/ }

body #page-content .maincontent-wrap > .layout-1 > div > div > .frame-container { padding-left: 20px padding-right: 20px; }
body #page-content .maincontent-wrap .layout-1 > div > div > .frame-container { padding: 0.5rem 29px 0.5rem 20px; }
body #page-content .maincontent-wrap .frame-type-shortcut .layout-1 > div > div > .frame-container { padding-left: 0; padding-right: 0; }
body #page-content .maincontent-wrap .layout-1 > div > div > .frame-container > .frame-inner { border-bottom: 1px solid #dde1e6; margin-bottom: 0.5rem; padding-bottom: 1.0rem!important; }

body #page-content .maincontent-wrap .layout-4 > div > div > .frame-container { padding: 1rem 20px 1rem 20px; }
body #page-content .maincontent-wrap .layout-4 .frame-container .frame-inner > div { padding-top: 0; }
body #page-content .maincontent-wrap .layout-4 > div > div > .frame-container > .frame-inner { padding: 0.5rem 20px 0.625rem 20px; background-color: #f0f3fa; border: 1px solid #dde1e6; }
body #page-content .maincontent-wrap .layout-4 > div > div > .frame-container > .frame-inner h2,
body #page-content .maincontent-wrap .layout-4 > div > div > .frame-container > .frame-inner .textmedia h2,
body #page-content .maincontent-wrap .layout-4 > div > div > .frame-container > .frame-inner h3,
body #page-content .maincontent-wrap .layout-4 > div > div > .frame-container > .frame-inner .textmedia h3 { font-size: 0.945rem; font-weight:bold; font-family: arial, helvetica, sans-serif, "Droid Sans-Serif"; color: #0e7770; padding: 0px; margin: 0.5rem 0; background-color: transparent; }
body #page-content .maincontent-wrap .layout-4 > div > div > .frame-container > .frame-inner p,
body #page-content .maincontent-wrap .layout-4 > div > div > .frame-container > .frame-inner ol,
body #page-content .maincontent-wrap .layout-4 > div > div > .frame-container > .frame-inner ul { font-size: 0.865rem; line-height: 1.236rem; }

body #page-content .maincontent-wrap .layout-7 .textmedia-text p a,
body #page-content .maincontent-wrap .layout-7 .textmedia-text li,
body #page-content .maincontent-wrap .layout-7 .textmedia-text a { font-size: 0.959rem; }
body #page-content .maincontent-wrap .layout-7 .textmedia-text a { display: block; padding: 0 0 10px 0; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; border-top: 1px solid #e1e5eb; border-bottom: 1px solid #e1e5eb; }
body #page-content .maincontent-wrap .layout-7 .textmedia-text a::before { content: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_downloadlink_open_magenta.png"); margin-right: 6px; position: relative; display: inline; top: 0.125rem; }

body #page-content .maincontent-wrap .layout-7 .textmedia-text { padding-top: 1rem; padding-bottom: 1.25rem; }

/*  News & Veranstaltungen  ***********/
.news-list-view .news-list-inner { list-style: none; padding: 0; margin: 0; }

.tab-v1 { background-color: #fff; }
.tab-v1 li { width: 50%; background-color: #757575; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; text-align:center;}
.tab-v1 li:hover { background-color: #fff; }
.tab-v1 li:hover a:link { color: #54565c;}
.tab-v1 li a { color: #fff; }
.tab-v1 li.active { width: 50%; background-color: #fff; color: #54565c; }
.tab-v1 li.active a { color: #54565c; }
.tab-v1 .news .article { margin-top: 0px; margin-bottom: 10px; padding-top: 15px; padding-bottom: 5px; border-top: 1px solid #b5bac0; }
.tab-v1 .news { padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; }
.tab-v1 span.news-list-date,
.tab-v1 span.news-list-date time,
.tab-v1 span.news-ort,
body #page-content .subcontent-wrap span.news-list-date,
body #page-content .subcontent-wrap span.news-list-date time,
body #page-content .subcontent-wrap span.news-ort { color: #72767f; font-size: 0.919rem; }

.tab-v1 .news .header h3,
.tab-v1 .news .header h3, 
.tab-v1 .news .header h3,
body #page-content .subcontent-wrap .news .header h3,
body #page-content .subcontent-wrap .news .header h3,
body #page-content .subcontent-wrap .news .header h3,
.tab-v1 .news .header h2.h2ash3,
.tab-v1 .news .header h2.h2ash3, 
.tab-v1 .news .header h2.h2ash3,
body #page-content .subcontent-wrap .news .header h2.h2ash3,
body #page-content .subcontent-wrap .news .header h2.h2ash3,
body #page-content .subcontent-wrap .news .header h2.h2ash3 { font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular';  color: #0e7770 !important!; font-size: 1.011rem; line-height: 130%; }


.tab-v1 .news .header h3 a:link span,
.tab-v1 .news .header h3 a:active span, 
.tab-v1 .news .header h3 a:visited span,
body #page-content .subcontent-wrap .news .header h3 a:link span,
body #page-content .subcontent-wrap .news .header h3 a:active span,
body #page-content .subcontent-wrap .news .header h3 a:visited span,
.tab-v1 .news .header h2.h2ash3 a:link span,
.tab-v1 .news .header h2.h2ash3 a:active span, 
.tab-v1 .news .header h2.h2ash3 a:visited span,
body #page-content .subcontent-wrap .news .header h2.h2ash3 a:link span,
body #page-content .subcontent-wrap .news .header h2.h2ash3 a:active span,
body #page-content .subcontent-wrap .news .header h2.h2ash3 a:visited span { text-decoration:none; }

.tab-v1 .news .header h3 a:hover,
body #page-content .subcontent-wrap .news .header h3 a:hover,
.tab-v1 .news .header h2.h2ash3 a:hover,
body #page-content .subcontent-wrap .news .header h2.h2ash3 a:hover { text-decoration:none; }

body #page-content .subcontent-wrap .news .infoboximg { margin: 0 -10px; }
body #page-content .subcontent-wrap .news .infoboximg img { width: 100%; }

.subcontent-wrap .news .news-list-view .article { padding-bottom: 0.25rem; margin-bottom: 0.25rem; padding-top: 0.5rem; border-top: 1px solid #b5bac0;}
.subcontent-wrap .news .newsmorelink { text-align: right; border-top: 1px solid #b5bac0; padding-top: 15px; padding-bottom: 5px; margin-left: 10px; margin-right: 10px; }

.news .newsmorelink a:focus,
.news .newsmorelink a:hover { color: #0e7770 !important; }

.subcontent-wrap .news .news-list-view.content-veranstaltungen .article:nth-child(2) { border: none; }

.subcontent-wrap .news .news-list-view .article:first-child { border: none; }
.subcontent-wrap .news .news-list-view .article:last-child { padding-bottom: 0; margin-bottom: 0; }

body #page-content .maincontent-wrap .news .news-list-view .article { border-top: 1px solid #b5bac0; padding-top:15px;}
body #page-content .maincontent-wrap .news .news-list-view .article:first-child { border: none;}
body #page-content .maincontent-wrap .news .news-list-view .news-list-view img { padding-left: -10px;}
body #page-content .maincontent-wrap .news .news-list-view h2 { font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.126rem; font-weight: normal; background-color: #757575; color: #ffffff; margin-top: 30px; margin-bottom: 0px; padding: 10px 10px 10px 20px!important;}
body #page-content .maincontent-wrap .news .news-list-view h3 { margin-top:0px; padding-left: 0px; padding-right: 0px; }
body #page-content .maincontent-wrap .news .news-list-view h3 a { color: #0e7770; }
body #page-content .maincontent-wrap .news .news-list-date,
body #page-content .maincontent-wrap .news .news-list-date time,
body #page-content .maincontent-wrap .news .news-ort { color: #72767f !important; }
body #page-content .maincontent-wrap .news .news-list-view .news-img-wrap { margin-top: 13px; }
body #page-content .maincontent-wrap .news .article .news-img-wrap a { padding: 0px; border:none;}
body #page-content .maincontent-wrap .news .article { padding-bottom: 0px !important;}
body #page-content .maincontent-wrap .news .news-list-view .teaser-text { font-size: 0.946rem; }
body #page-content .maincontent-wrap .news-text-wrap { font-size: 1.003em; }
body #page-content .maincontent-wrap .news .news-list-view .teaser-text p { display:block; margin: 0 0; }
body #page-content .maincontent-wrap .news .news-list-view .teaser-text a.more { float:right; }
body #page-content .maincontent-wrap .news .more { display: none; }
body #page-content .maincontent-wrap .page-navigation { padding-top:8px; padding-bottom:5px; width: 100%; margin-bottom: 20px; color: #71747c; border-top: 1px solid #e1e5eb; }
body #page-content .maincontent-wrap .page-navigation p { margin-top: 0px; margin-bottom: 0px;}
body #page-content .maincontent-wrap .page-navigation .pagination .active a { color: #fff; }

body #page-content .news.news-single { padding-top: 0; }
body #page-content .news .pagebrowser { display: flex; justify-content: space-between; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 15px 0; padding: 10px 0; line-height: 0.8rem; font-size: 0.8rem; }
body #page-content .news .pageback a { color: #0e7770; background: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_pagebrowser_previous.png") bottom left no-repeat; background-position-y: 2px; padding-left: 15px; }
body #page-content .news .pageback a:hover { background-image: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_pagebrowser_previous_hover.png"); }
body #page-content .news .pagecount a { display: inline; color: #71747c; height: 100%; }
body #page-content .news .pagecount a:hover { color: #0e7770; }
body #page-content .news .pagecount a.first { background: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_pagebrowser_first.png") bottom left no-repeat; padding-left: 15px; }
body #page-content .news .pagecount a.first:hover { background-image: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_pagebrowser_first_hover.png"); }
body #page-content .news .pagecount a.previous { background: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_pagebrowser_previous.png") bottom left no-repeat; padding-left: 15px; }
body #page-content .news .pagecount a.previous:hover { background-image: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_pagebrowser_previous_hover.png"); }
body #page-content .news .pagecount a.next { background: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_pagebrowser_next.png") bottom right no-repeat; padding-left: 15px; }
body #page-content .news .pagecount a.next:hover { background-image: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_pagebrowser_next_hover.png"); }
body #page-content .news .pagecount a.last { background: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_pagebrowser_last.png") bottom right no-repeat; padding-left: 15px; }
body #page-content .news .pagecount a.last:hover { background-image: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_pagebrowser_last_hover.png"); }
body #page-content .news .searchfieldbox #selectoptions { width: auto; display: inline-block; }
body #page-content .news .searchfieldbox .searchbottom { margin-left: 0.5rem; }

body #page-content .news .factsheet { margin: 0px 0; border-style: solid; border:none; border-top: 1px solid #e1e5eb; border-bottom: 1px solid #e1e5eb; display: table; width: 100%; font-size: 0.935rem; padding-bottom: 10px; }
body #page-content .news .factsheet .tr { display: table-row; text-align: left !important; }
body #page-content .news .factsheet .tr .td01 { width: 26%; }
body #page-content .news .factsheet .td01, body #page-content .news .factsheet .td02 { display: table-cell; vertical-align: top; padding: 10px 0 0 0; }
body #page-content .news .factsheet .tr .td02 { width: 74%; }
  
/*  Powermail  **************/
body #page-content .maincontent-wrap .tx-powermail input[type="submit"] { border:none !important; border-radius: 0px !important; background-color: #0e7770 !important; cursor: pointer; padding: 5px 10px 5px 30px !important; background-position: 15px 12px; background-repeat: no-repeat; width: auto !important; background-image: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_submit_white.png"); box-shadow: none!important; color: #fff!important; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; }
body #page-content .maincontent-wrap .tx-powermail input[type="submit"]:hover { background-color: #e1e5eb!important; color: #0e7770!important; background-image: url("/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_submit_magenta.png"); box-shadow: none!important;}
body #page-content .maincontent-wrap .tx-powermail input[type="radio"]:hover { color: #0e7770;; border-color: #0e7770;}
body #page-content .maincontent-wrap .tx-powermail .powermail_submit { background-position: 15px 10px !important; }
body #page-content .maincontent-wrap .tx-powermail { margin-top: 0.625rem; }
body #page-content .maincontent-wrap .tx-powermail .col-sm-2,
body #page-content .maincontent-wrap .tx-powermail .col-sm-10,
body #page-content .maincontent-wrap .tx-powermail .container, 
body #page-content .maincontent-wrap .tx-powermail .container-fluid { padding-left: 0px; padding-right: 0px; width: 100%;}
body #page-content .maincontent-wrap .tx-powermail h3,
body #page-content .maincontent-wrap .tx-powermail h2 { display:none;}
body #page-content .maincontent-wrap .tx-powermail .powermail_fieldset > .row { margin: 0; padding: 0; }
body #page-content .maincontent-wrap .tx-powermail .powermail_fieldwrap { padding-top: 0px; padding-left: 0; padding-right: 0; border-top: 1px solid #e1e5eb;}
body #page-content .maincontent-wrap .tx-powermail .control-label { text-align: left; width: 100%; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.065rem; line-height: 1.576rem; font-weight: normal; margin: 2% 0;}
body #page-content .maincontent-wrap .tx-powermail input:not(.btn),
body #page-content .maincontent-wrap .tx-powermail textarea { width: 100%; background-color: #f0f4fa; padding: 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 3px inset; -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 3px inset; -o-box-shadow: rgba(0,0,0,0.2) 0px 0px 3px inset; -ms-box-shadow: rgba(0,0,0,0.2) 0px 0px 3px inset; box-shadow: rgba(0,0,0,0.2) 0px 0px 3px inset; border-radius: 0px; border: 1px solid #f0f4fa;}
body #page-content .maincontent-wrap .tx-powermail .form-control { height: auto;}
body #page-content .maincontent-wrap .tx-powermail .checkbox label { margin-left: 18px; text-indent: -18px; }
body #page-content .maincontent-wrap .tx-powermail .radio { padding-left: 0px;}
body #page-content .maincontent-wrap .tx-powermail .radio label { padding-left: 0px;}
body #page-content .maincontent-wrap .tx-powermail input.powermail_radio { margin-left: 120px; width: auto;}
body #page-content .maincontent-wrap .tx-powermail input.powermail_checkbox {}
body #page-content .maincontent-wrap .tx-powermail .powermail_fieldwrap { padding-top: 20px; margin-top: 20px;}
body #page-content .maincontent-wrap .tx-powermail input.powermail_checkbox { width: auto; }
body #page-content .maincontent-wrap .powermail_fieldwrap_type_submit .col-sm-10 { width: auto; float:right; padding-top:10px; }
body #page-content .maincontent-wrap .powermail_fieldwrap_feedbackpruefen { text-align:right; width:100%;}
body #page-content .maincontent-wrap .powermail_fieldwrap_wiesindsieaufdiesewebseitegekommen.layout2,
body #page-content .maincontent-wrap .powermail_fieldwrap_diemeisten label.powermail_label,
body #page-content .maincontent-wrap .powermail_fieldwrap_welcheinformationen label.powermail_label,
body #page-content .maincontent-wrap .powermail_fieldwrap_wiesindsiemitderstruktur label.powermail_label,
body #page-content .maincontent-wrap .powermail_fieldwrap_hierhabensiediemoeglichkeit label.powermail_label { color: #54565c; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.065rem; line-height: 1.576rem; font-weight: normal;}
body #page-content .maincontent-wrap .powermail_fieldwrap_durcheinenlinkvoneineranderenwebseiteundzwar label.powermail_label,
body #page-content .maincontent-wrap .powermail_fieldwrap_sonstigesundzwar_01 label.powermail_label,
body #page-content .maincontent-wrap .powermail_fieldwrap_sonstigesundzwar label.powermail_label { font-weight: normal;}
body #page-content .maincontent-wrap .powermail_fieldwrap_wiegekommen.nolabel label.powermail_label,
body #page-content .maincontent-wrap .powermail_fieldwrap_datenshutzerklaerung.nolabel label.powermail_label { display:none;}
body #page-content .maincontent-wrap .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_sonstigesundzwar_01,
body #page-content .maincontent-wrap .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_sonstigesundzwar,
body #page-content .maincontent-wrap .tx-powermail .powermail_fieldwrap_wiegekommen,
body #page-content .maincontent-wrap .tx-powermail .powermail_fieldwrap_durcheinenlinkvoneineranderenwebseiteundzwar,
body #page-content .maincontent-wrap .tx-powermail .powermail_fieldwrap_mehrfachnennungmoeglich { border:none; padding-top: 0px; margin-top: 0px;}
body #page-content .maincontent-wrap .tx-powermail .powermail_confirmation h2 { display: block; padding-left: 0px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #e1e5eb;}
body #page-content .maincontent-wrap .tx-powermail .powermail_confirmation .textfeld { width:100%; background-color: #f0f4fa; padding: 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 3px inset; -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 3px inset; -o-box-shadow: rgba(0,0,0,0.2) 0px 0px 3px inset; -ms-box-shadow: rgba(0,0,0,0.2) 0px 0px 3px inset; box-shadow: rgba(0,0,0,0.2) 0px 0px 3px inset;}
body #page-content .maincontent-wrap .tx-powermail input[type="submit"].reset { background-color: #54565c; background-image: url(/typo3conf/ext/maenner_sitepackage/Resources/Public/Images/icon_reset_white.png"); }
body #page-content .maincontent-wrap .tx-powermail input[type="submit"].reset:hover { background-color: #e1e5eb; color: #54565c;}
body #page-content .maincontent-wrap .tx-powermail .angabenpruefen { width:100%;}
body #page-content .maincontent-wrap .tx-powermail h1 { color: #fff; background-color: #757575; padding: 10px 10px 10px 20px; width: 100%; }
body #page-content .maincontent-wrap .tx-powermail .btn-group > form + form { margin-left: 10px; }
body #page-content .maincontent-wrap .tx-powermail.barrieremelden .powermail_fieldwrap { padding-top: 0;  margin-top: 0; border:none; }
body #page-content .maincontent-wrap .tx-powermail.barrieremelden .powermail_fieldwrap . frame-container-default { padding-top: 0;  margin-top: 0;}
body #page-content .maincontent-wrap .tx-powermail.barrieremelden .powermail_fieldwrap_anrede input.powermail_radio { margin-left: 40px;}
body #page-content .maincontent-wrap .tx-powermail.barrieremelden #powermail_field_postleitzahl { width: 8em;}
body #page-content .maincontent-wrap .tx-powermail.barrieremelden .powermail_fieldwrap_einleitung.form-group { margin-left: -20px; margin-right: -20px; margin-bottom: 0;}
body #page-content .maincontent-wrap .tx-powermail.barrieremelden .powermail_fieldwrap_einleitung .ce-bodytext p { font-size: 1.023em; }

body #page-content .homelinks { }
body #page-content .homelinks > div { margin-bottom: 1rem; }
body #page-content .homelinks .textmedia.textmedia-intext-left { display: inline-block; width: 100%; padding: 0; }
body #page-content .homelinks .textmedia.textmedia-intext-left .textmedia-gallery { float: unset; padding: 0 10px 0rem 0; width: calc(100% + 30px); } 
body #page-content .homelinks .textmedia.textmedia-intext-left .textmedia-gallery .gallery-row { margin-left: -20px; }
body #page-content .homelinks .textmedia.textmedia-intext-left .textmedia-gallery .gallery-row .image .caption { font-size: 70%; text-align: right; font-style: italic; padding-right: 20px; }
body #page-content .homelinks .textmedia.textmedia-intext-left .textmedia-text { padding: 20px 0; }
body #page-content .homelinks .textmedia.textmedia-intext-left header { margin: 0 -10px; }
body #page-content .homelinks .textmedia.textmedia-intext-left header > * { padding: 10px !important; background-color: #757575; color: #ffffff; font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1rem; font-weight: normal; margin: 0 -10px; }
body #page-content .homelinks .textmedia.textmedia-intext-left header > * a { color: #fff; display: block; }
body #page-content .homelinks .textmedia.textmedia-intext-left h3 { font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.032rem; line-height: 1.24rem; font-weight: normal; margin: 0; padding-left:0; padding-bottom:10px; }
body #page-content .homelinks .textmedia.textmedia-intext-left h3 a { color: #0e7770; }

body #page-content .homerechts { display: flex; flex-direction: column; }
body #page-content .homerechts > div { margin-bottom: 1rem; }
body #page-content .homerechts > div:first-child { background-color: #fff; height: 100%; }
body #page-content .homerechts .frame-type-gridelements_pi1 .simple-tabs { padding: 0; }
body #page-content .subcontent-wrap .frame-type-gridelements_pi1 .simple-tabs { padding: 0; margin: 0 -10px; }
body #page-content .homerechts .frame-type-gridelements_pi1 .simple-tabs .nav-tabs,
body #page-content .subcontent-wrap .frame-type-gridelements_pi1 .simple-tabs .nav-tabs { justify-content: space-between; }
body #page-content .homerechts .frame-type-gridelements_pi1 .simple-tabs .nav-tabs > a,
body #page-content .subcontent-wrap .frame-type-gridelements_pi1 .simple-tabs .nav-tabs > a { font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1rem; font-weight: normal; padding: 10px; width: 50%; text-align: center; background-color: #757575; color: #fff; border-radius: 0; }
body #page-content .homerechts .frame-type-gridelements_pi1 .simple-tabs .nav-tabs > a.active,
body #page-content .subcontent-wrap .frame-type-gridelements_pi1 .simple-tabs .nav-tabs > a.active { background-color: #fff; color: #54565c; }
body #page-content .homerechts .frame-type-gridelements_pi1 .tab-content { padding: 0; }
body #page-content .subcontent-wrap .frame-type-gridelements_pi1 .tab-content { padding: 0; margin: 0 -10px; }
body #page-content .homerechts .frame-type-gridelements_pi1 .tab-content .frame-container-default,
body #page-content .subcontent-wrap .frame-type-gridelements_pi1 .tab-content .frame-container-default { padding: 0 10px; }
body #page-content .homerechts .frame-type-gridelements_pi1 .tab-content .news-list-view .article,
body #page-content .subcontent-wrap .frame-type-gridelements_pi1 .tab-content .news-list-view .article { border-top: 1px solid #b5bac0; padding-top: 1rem; margin: 0; }
body #page-content .homerechts .frame-type-gridelements_pi1 .tab-content .news-list-view .article h3,
body #page-content .subcontent-wrap .frame-type-gridelements_pi1 .tab-content .news-list-view .article h3 { font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.032rem; line-height: 1.24rem; font-weight: normal; margin: 2% 0; padding-left:0; }
body #page-content .homerechts .frame-type-gridelements_pi1 .tab-content .news-list-view .article h3 a,
body #page-content .subcontent-wrap .frame-type-gridelements_pi1 .tab-content .news-list-view .article h3 a { color: #0e7770; }
body #page-content .homerechts .frame-type-gridelements_pi1 .tab-content .newsmorelink,
body #page-content .subcontent-wrap .frame-type-gridelements_pi1 .tab-content .newsmorelink { text-align: right; border-top: 1px solid #b5bac0; padding-top: 1rem; margin: 0; }
body #page-content .homerechts .frame-type-gridelements_pi1 .tab-content .newsmorelink a,
body #page-content .subcontent-wrap .frame-type-gridelements_pi1 .tab-content .newsmorelink a { color: #54565c; }

body #page-content .homerechts .newsletter { padding: 10px !important; margin: 0 -20px; color: #54565c !important; background-color: #0e7770; }
body #page-content .homerechts .newsletter header > * { font-family: 'RobotoSlab-Regular','DejaVu Serif-Regular'; font-size: 1.032rem; line-height: 1.24rem; font-weight: normal; margin: 0; padding-left:0; padding-bottom: 5px; color: #fff; }
body #page-content .homerechts .newsletter .textbutton { display: flex; gap: 10px; line-height: 1rem; }
body #page-content .homerechts .newsletter .textfield { background-color: #eee; border: 1px solid #eee; width: 100%; padding: 0.2rem 0.5rem; }

@media (max-width: 768px) {
  .sliderspalte, 
  .welcomespalte { width: 100%; }
  body #page-content .homelinks,
  body #page-content .homerechts { width: 100%; }
}

@media (min-width: 768px) {
  body #page-content .homelinks .textmedia.textmedia-intext-left .textmedia-gallery { float: left; padding: 0 10px 0rem 0; width: 250px; } 

}

@media (min-width: 992px) {
  body #page-content .homelinks .textmedia.textmedia-intext-left .textmedia-gallery { float: left; padding: 0 10px 0rem 0; width: 300px; } 

}

/* if flex gap not supported */
@supports (-webkit-touch-callout: none) and (not (translate: none)) {

  .textmedia-left > *:not(:last-child), 
  .textmedia-right > *:not(:last-child), 
  .textpic-left > *:not(:last-child),
  .textpic-right > *:not(:last-child) { margin-right: 20px; }
    
}

/* safari only override above media query */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

html { font-size: 16px; -webkit-text-size-adjust:100%; }
html.fontsize_1 { font-size: 17px; }
html.fontsize_2 { font-size: 18px; }

}}