/* DARK MODE      var(--borderstart-color);                    */
.t4-palette-bread {
    background-color: var(--bread-bg-color);
    color: #a6a6a6;
}
.t4-palette-jobst-dark-white a {
    color: #1c1c1c;
}
body {
  --bread-bg-color: #efefef;
  --h-color: #082a4e;
  --sub-color: #082a4e;
  --borderstart-color: #f7f7f7;
  --moduletitlebg-color: #f7f7f7;
  --moduletitleh4-color: #082a4e;
  --diy-h3-color: #082a4e;
  --diy-h4-color: #082a4e;
  --diya-bg-color: #f5f5f5;
  --diytble-bg1-color: #f5f5f5;
  --sliderhead-bg-color: #f4f5f6;
  --sliderhead-bg2-color: #e6e8ec;
  --sliderhead-bgu-color: #f5f5f5;
  --sliderinner-bg-color: #f5f5f5;
  --diy-a-links-color: #005dbd;
  --diy-a-linkshov-color: #007dfd;
  --tag1-color: #666666;
  --tag1-bg-color: #fbfbfb;
  --tag1-bg-hover-color: #e5e5e5;
  --tag1-hover-color: #000000;
  --tag1-border-color: #eeeeee;
  --diycat-desc-bg-oben: #efefef;
  --tool-bg: #ffffff;
  --tool-fielddbg: #f9f9f9;
  --tool-fontblue: #082a4e;
  --tool-linkblue: #224588;
  --tool-subheadings: #f1f1f1;
  --tool-subheadingsmsg: #f1f1f1;
  --tool-subheadingstxt: #0f2a4d;
}
body.dark-active {
  --body-bg-color: #101010;
  --t4-body-bg-rgb: 0, 0, 0;
  --body-text-color: rgba(255, 255, 255, 0.8);
  --headings-color: #fff;
  --masthead-bg-color: rgba(255,255,255,0.075);
  --bread-bg-color: #1c1c1c;
  --t4-border-color: rgba(255,255,255,0.075);
  --t4-white: #000;
  --tpl-base-100: var(--t4-gray-900);
  --tpl-base-200: var(--t4-gray-700);
  --tpl-base-300: var(--t4-gray-500);
  --footer-bg-color: #1c1c1c;
  --footer-text-color: rgba(255,255,255,0.8);
  --footer-link-color: rgba(255,255,255,0.8);
  --footer-link-hover-color: #fff;
  --h-color: #4f8ddd;
  --sub-color: #a9a9a9;
  --borderstart-color: #393939;
  --t4-gray-600: #d9d9d9;
  --moduletitlebg-color: #393939;
  --moduletitleh4-color: #bdbdbd;
  --diy-h3-color: #007bff;
  --diy-h4-color: #0761c1;
  --diya-bg-color: #212121;
  --diytble-bg1-color: #212121;
  --sliderhead-bg-color: #212121;
  --sliderhead-bg2-color: #2f2f2f;
  --sliderhead-bgu-color: #0e0e0e;
  --sliderinner-bg-color: #0e0e0e;
  --diy-a-links-color: #00aaff;
  --diy-a-linkshov-color: #73d0ff;
  --tag1-color: #bfbfbf;
  --tag1-bg-color: #212121;
  --tag1-bg-hover-color: #595959;
  --tag1-hover-color: #999999;
  --tag1-border-color: #575757;
  --diycat-desc-bg-oben: #1c1c1c;
  --tool-bg: #0f1a3c;
  --tool-fielddbg: #272727;
  --tool-fontblue: #b7b7b7;
  --tool-linkblue: #71b6ff;
  --tool-subheadings: #c1c1c1;
  --tool-subheadingsmsg: #cfcfcf;
  --tool-subheadingstxt: #0f2a4d;
}
/* END DARK MODE */

/* Allgemein */
.hidden {
	display: none !important;
}
a {
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.item-page .tags a {
    background: var(--tag1-bg-color);
    border: 1px solid;
	border-color: var(--tag1-border-color);
    border-radius: 3px;
    color: var(--tag1-color);
    padding: 5px;
	font-size: 10px;
    font-weight: 600;
    line-height: 1;
	text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.item-page .tags a:hover, .item-page .tags a:focus, .item-page .tags a:active {
    background: var(--tag1-bg-hover-color);
    border-color: var(--tag1-border-color);
    color: var(--tag1-hover-color);
}
.item-page.layout-default.no-sidebar img {
    border-radius: 4px;
}

/* END Allgemein */
/* Kategorien */
.blog.layout_default .cols-1 {
    max-width: 1200px;
    margin: auto;
}
.blog.layout_default .cols-1 .item-content {
    max-width: 900px;
    margin: auto;
}
.sb-daten1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 350px;
    min-width: 234px;
}
.porfolio .p-thumb .el-thumb2 {
    margin-bottom: 40px;
}
.com-content-category-blog__items.blog-items .item {
    border: var(--borderstart-color) 1px solid;
    border-radius: 10px;
}
@media (min-width: 768px) {
    .blog .item-inner, .blog-featured .item-inner {
        margin-bottom: 1rem;
        padding-bottom: 0rem;
    }
}
.com-content-category-blog.blog.layout_masonry.view-masonry .item {
    position: unset!important;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.com-content-category-blog.blog.layout_masonry.view-masonry .category-desc p, .com-content-category.category-list .category-desc p, .com-content-categories.categories-list .category-desc p {
    margin-top: 0;
    margin-bottom: 0rem;
}
.com-content-category-blog.blog.layout_masonry.view-masonry  .category-desc, .com-content-category.category-list .category-desc, .com-content-categories.categories-list .category-desc {
    border: 1px solid var(--t4-border-color);
    background: var(--diycat-desc-bg-oben);
	border-bottom: 1px solid #c7c7c7;
}
.com-content-category-blog.blog.layout_masonry.view-masonry .item .page-header h2 a{
    width: 100%;
    display: inline-block;
	border-bottom: 1px solid var(--t4-border-color);
}
.com-content-category-blog.blog.layout_masonry.view-masonry .article-info {
    opacity: 0.6;
}




.com-content-categories__item .item-inner .com-content-categories__description.category-desc {
	margin: 0px 5px 0px 5px;
	padding: 15px 2px 15px 2px;
}


.categories-list .com-content-categories__items .com-content-categories__item .item-inner {
    padding: 0rem;
    border-color: var(--t4-border-color);
}
.com-content-categories__items .com-content-categories__item .page-header.item-title a {
	margin-left: auto;
    margin-right: auto;
	width: 100%;
    text-align: center;
	color: white;
}
.categories-list .com-content-categories__item .page-header.item-title {
	gap: 0;
    background: #0f2a4d;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
}	
.com-content-categories.categories-list .category-desc.base-desc, .com-content-category-blog .category-desc.clearfix{
	text-align: center;
    font-weight: 500;
    font-size: 16px;
}
/* END Kategorien */
/* Headers */
@media (min-width: 768px) {
    .t4-masthead-inner {
        padding: 10px 0;
		color: #999999;
		font-size: 20px;
}
.t4-masthead .t4-masthead-detail {
    max-width: 800px;
}
.t4-masthead-inner h2 {
        color: white;
		font-size: 50px;
		margin-top: 0;
		margin-bottom: 0;
		line-height: 50px;
}
.logo-image {
        max-width: 130px;
}
}
.t4-masthead-inner {
	color: #999999;
}
.logo-image {
        max-width: 130px;
}
.t4-topbar {
    padding-top: 4px;
    padding-bottom: 4px;
}
.t4-megamenu .navbar-nav > li > a,
.t4-megamenu .navbar-nav > li > .nav-link {
  height: 40px;
  line-height: 40px;
}
.t4-offcanvas-toggle {
	color: #9f9f9f;
}
.mod-languages__select .btn, .blog-list .item-readmore a {
    --t4-btn-padding-x: 6px;
    --t4-btn-padding-y: 2px;
    --t4-btn-font-family: ;
    --t4-btn-font-size: .875rem;
    --t4-btn-font-weight: 500;
    --t4-btn-line-height: 1.5;
}
.t4-masthead-inner {
	background-color: #1c304b;
}
.t4-section.t4-breadcrumbs .breadcrumb {
    padding: 4px 0;
}

/* Blendet die innere Beitrags-Sidebar (Autor/Infos) komplett aus */
.t4-section.t4-main-body .t4-section-inner .article-inner .row .col-12.col-md-3 {
    display: none !important; 
}
/* Zwingt den eigentlichen Text-Bereich der Komponente auf 100% Breite */
.t4-section.t4-main-body .t4-section-inner .article-inner .row .col-12.col-md-9  {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.t4-main-body {
  padding-top: 10px;
  padding-bottom: 2rem;
}
.t4-section .section-1  {
}
.homepos1c {
    text-align: center;
    border: 2px solid;
	border-color: var(--borderstart-color);
    border-radius: 6px;
    min-height: 215px;
}
.homepos1c:hover {
    background: #f7f7f7;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s;
    filter: opacity(0.9);
}
.homepos1c h4 {
    font-size: 18px;
	margin-top: 10px;
    margin-bottom: 10px;
	font-weight: 500;
    line-height: 1.1;
	color: var(--h-color);
}
.homepos1c img {
	border-radius: 6px;
    mask-image: linear-gradient(to bottom, transparent 0%, black 2%, black 98%, transparent 100%), linear-gradient(to right, transparent 0%, black 2%, black 98%, transparent 100%);
    mask-composite: intersect;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 2%, black 98%, transparent 100%), linear-gradient(to right, transparent 0%, black 2%, black 98%, transparent 100%);
    -webkit-mask-composite: source-in;
}
.homepos1c span {
    font-style: italic;
    font-size: 13px;
	color: var(--sub-color);
}
.homepos5c {
    text-align: center;
    border: 2px solid;
	border-color:var(--borderstart-color);
    border-radius: 6px;
    min-height: 180px;
    margin-bottom: 10px;
}
.homepos5c:hover {
    background: #f7f7f7;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s;
    filter: opacity(0.8);
}
.homepos5c a {
    display: block;
}
.homepos5c a:hover {
    text-decoration: none;
    color: unset;
}
.homepos5c img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
	transition: filter 0.2s ease-in-out !important;
}
.homepos5c a:hover {
    text-decoration: none;
    color: unset;
}
.module-title {
    background: #082a4e;
    color: #eeeeee;
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 10px 0;
    padding: 10px 0px 10px 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
	text-transform: none;
}
.t4-section-inner .bottom-d {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
#Mod218, #Mod226 {
    border: 1px solid;
	border-color: var(--borderstart-color);
    border-radius: 6px;
    height: 180px;
}
#Mod218 .module-title, #Mod226 .module-title {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: var(--moduletitlebg-color);
    color: var(--moduletitleh4-color);
}
.bottom-d .module-ct .mod-articles-title  {
    font-size: 15px;
    line-height: 1.4;
}
.bottom-d .module-ct > ul, .module-ct .custom > ul, .module-ct > ol, .module-ct .custom > ol {
    margin-left: 20px;
    padding-left: 0;
}
.bottom-d .module-ct .latestnews li {
    padding: 2px 0px 2px 0;
}
.bottom-d .mod-articles-items {
	color: #174072;
}

.t4-masthead-inner {
	padding: 8px;
}
/* END Headers */

/* Megamenü */
.t4-megamenu .dropdown-menu {
    background: #0f1a3d;
}
.t4-megamenu .t4-module .module-title span, .t4-megamenu .mega-col-nav .mega-col-title span, .t4-megamenu .mega-col-module .mega-col-title span {
    color: #bdbdbd;
}
.t4-megamenu .t4-module .module-title, .t4-megamenu .mega-col-nav .mega-col-title, .t4-megamenu .mega-col-module .mega-col-title {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
	margin: 0 0 4px;
}
.t4-megamenu .t4-module .module-title span, .t4-megamenu .mega-col-nav .mega-col-title span, .t4-megamenu .mega-col-module .mega-col-title span {
    padding: 0 0 2px 0;
}
.t4-palette-jobst-main-nav.t4-megamenu .mega-inner .mega-nav > li.nav-item a:hover, 
.t4-palette-jobst-main-nav .t4-megamenu .mega-inner .mega-nav > li.nav-item .nav-link:hover {
    color: #b5b4b4!important;
}

.t4-palette-jobst-main-nav .t4-megamenu .navbar-nav .mega-inner .mega-nav li.active .nav-link {
    color: #2f8aff;
}
.t4-palette-jobst-main-nav .t4-megamenu .nav > li.show a, 
.t4-palette-jobst-main-nav .t4-megamenu .nav > li.show .nav-link {
    color: #ffffff;
}
.t4-palette-jobst-main-nav .t4-megamenu .navbar-nav > li.active > a, .t4-palette-jobst-main-nav .t4-megamenu .navbar-nav > li.active > .nav-link {
    font-weight: 900;
}
/* END Megamenü */


/* FOOTER  transition: all 0.2s; */
.t4-footnav .t4-module .company-name {
	font-weight: 400;
	color: #d9d9d9;
	text-transform: uppercase;
}
.t4-footnav .t4-module ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}
.t4-footnav .t4-module ul > li {
    color: #d9d9d9;
    padding: 0px 0px;
	line-height: 24px;
	font-size: 14px;
}
.t4-footnav .t4-module ul > li > a {
    color: #d9d9d9;
    padding: 0px 0px;
	transition: all 0.2s;
}
.t4-footnav .t4-module ul > li > a:hover {
    color: #666666;
    padding: 0px 0px;
	transition: all 0.2s;
}
.t4-footnav .t4-module .fa, 
.t4-footnav .t4-module .fas, 
.t4-footnav .t4-module .fab, 
.t4-footnav .t4-module .far {
    min-width: 18px;
}

@media (min-width: 768px){
.t4-footnav .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
}
.t4-footnav .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
}
.t4-footnav .module-ct {
	max-width: 220px;
	margin-left: auto;
}}
/* END FOOTER */


/* HOME und Artikel */
.item-page.layout-default.no-sidebar .bottom-article-info {
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
}

.item-page.layout-1 .top-article-info {
    max-width: 100%;
}
[class*="home-cols"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
	align-items: center;
	padding-bottom: 10px;
    }
.home-cols-2.home-gutter-10 > * {
    width: calc((100% - 10px) / 2);
    }
.home-cols-2 > * {
    width: 50%;
	font-size: 14px;
    }
.home-cols-2 a {
    color: #3a87ad;
    }
.home-cols-2 a:hover {
    color: #082a4e;
	text-decoration: none;
    }
[class*="home-gutter"] > * {
    flex: 0 1 auto;
    }
[class*="home-cols"] > * {
    flex: 1 1 auto;
    box-sizing: border-box;
    }
.home-cols-2 img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    vertical-align: middle;
    border: 0;
	border-radius: 2px;
}
.centerimage1 {
    text-align: center;
}
.centermiddle100 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  text-align: center;
}
.centermiddlehome {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 76px;
  border: 3px solid #0c1a3e;
  margin: 20px 15px 20px 15px;
  padding: 0px;
  text-align: center;
  min-width: 240px;
}
#Mod165,#Mod166, #Mod174, #Mod178, #Mod179 {
    padding: 0px;
    }
.homeimage {
    padding: 10px;
    }
.feature-ct .home-cols-2 h2 {
    font-weight: normal;
    font-size: 28px;
}
@media screen and (max-width: 575px){
[class*="home-cols"].home-stack-2 {
    flex-direction: column;
	word-break: break-word;
    }
[class*="home-cols"].home-stack-2 > * {
    width: auto !important;
    }
.home-cols-2 img {
    max-width: 100%;
    height: auto;
    }
.centerimageresp {
    text-align: center;
    }
.feature-ct .home-cols-2 h2, a.readmore-home {
    text-align: center;
    }
}
.t4-module .module-ct .homepos1c {
	margin-bottom: 20px;
    }
/* END HOME und Artikel */


/* DIY Artikel */	

.sb-beitrag a, .sb-beitrag-mitte a, .sb-beitrag-oben a, .sb-beitrag-unten a   {
  color: var(--diy-a-links-color);
}
.sb-beitrag a:hover, .sb-beitrag-mitte a:hover, .sb-beitrag-oben a:hover, .sb-beitrag-unten a:hover   {
  color: var(--diy-a-linkshov-color);
}
.sb-beitrag {
  border: #999999;
  border-style: solid;
  border-radius: 10px;
  border-width: 1px;
  padding: 4px;
}
.sb-beitrag-oben {
    min-width: 300px;
    margin-left: 20px;
}
.sb-beitrag-mitte {
    min-width: 300px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    background-color: var(--diya-bg-color);
    padding: 0px 0px 20px 0px;
    border-radius: 10px;
}
.sb-beitrag-left {
    float: left;
    max-width: 420px;
    min-width: 300px;
    padding-bottom: 10px;
}
.sb-beitrag-left-beschr {
    float: left;
    max-width: 720px;
    min-width: 300px;
    margin-left: 10px;
    margin-right: 10px;
}
.sb-table-left {
    max-width: 350px;
    min-width: 300px;
    margin-left: 10px;
}
.sb-table-left-beschr {
    max-width: 720px;
    min-width: 300px;
	font-size: 14px;
}



.sb-beitrag-right {
    margin-left: auto;
    max-width: 350px;
}
@media (max-width: 767px) {
    .sb-beitrag-right {
        max-width: 420px;
        min-width: 265px;
        margin-left: unset;
    }
}
.sb-beitrag-right-daten {
    margin-left: auto;
    max-width: 350px;
    padding-left: 0px;
}
@media (max-width: 1199px) {
.sb-beitrag-right-daten {
    margin-left: unset;
    max-width: 420px;
    min-width: 265px;
	padding-left: 0px;
  }
}
.sb-table-right {
    max-width: 330px;
    min-width: 300px;
    margin-left: 10px;
}

.sb-beitrag-right-daten .sb-table-right tr:nth-child(even) {
	background: var(--diytble-bg1-color)
}
.sb-beitrag-right-daten .sb-table-right tr:nth-child(odd) {
	background: none;
}
.sb-table-right-info {
    max-width: 350px;
    min-width: 300px;
    margin-left: 0px;
}
@media (max-width: 767px) {
    .sb-table-right-info {
        max-width: 330px;
        min-width: 300px;
        margin-left: 0px;
    }
}

.sb-beitrag-unten {
    min-width: 300px;
    margin-left: 20px;
    margin-top: 20px;
}
.sb-beitrag-unten-dl {
    border: #999999;
    border-style: solid;
    border-radius: 10px;
    border-width: 1px;
    padding: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    min-width: 350px;
}



.info-table-middle-mess {
    margin-left: 10px;
    margin-top: 12px;
    margin-right: 8px;
    width: 97%;
}
.info-table-middle-dsp {
    margin-left: 10px;
    margin-top: 12px;
    margin-right: 10px;
}

.dl-h3 {
    margin-left: 10px;
    padding-top: 10px;
	color: var(--diy-h3-color);
	font-size: 22px;
    font-weight: 600;
	line-height: 1.1;
}
.dl-table-middle-nb {
    margin-left: 0px;
	font-size: 13px;
}

.dl-table-left {
    max-width: 480px;
    min-width: 290px;
    margin-left: 10px;
    margin-right: 10px;
}
@media (max-width: 990px) {
    .dl-table-left {
        margin-bottom: 20px;
    }
}
.dl-table-right {
    max-width: 330px;
    min-width: 300px;
    margin-left: 10px;
}
.dl-table-right-ver {
    max-width: 380px;
    min-width: 300px;
    margin-left: 10px;
	font-size: 14px;
}
@media (max-width: 990px) {
    .dl-table-right-ver {
        margin-left: 10px;
        max-width: 420px;
        min-width: 265px;
    }
}
.dl-beitrag-left {
    float: left;
    max-width: 500px;
    min-width: 290px;
}
.dl-beitrag-right {
    margin-left: auto;
    max-width: 400px;
}
@media (max-width: 767px) {
    .dl-beitrag-right {
        max-width: 420px;
        min-width: 265px;
        margin-left: unset;
    }
}
@media (max-width: 990px) {
    .dl-beitrag-right {
        max-width: 420px;
        min-width: 265px;
        margin-left: unset;
    }
}
.dl-beitrag-mitte {
    margin-left: 10px;
    margin-top: 12px;
    margin-right: 10px;
}
.dl-beitrag-mitte .dlhead {
    font-weight: bold;
    margin-bottom: 2px;
	font-size: 14px;
	color: var(--diy-h4-color); 
}
.dl-beitrag-mitte .dltext {
    font-size: 12px;
}


.sb-beitrag h3, .sb-beitrag .h3, .sb-beitrag h3, .sb-beitrag .h3, .dl-table-middle-nb h3, .dl-table-middle-nb .h3 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
    color: var(--diy-h3-color); 
    line-height: 1.1;
}

.sb-beitrag h4, .sb-beitrag h5, .sb-beitrag h6 {
    margin-top: 10px;
    margin-bottom: 10px;
	color: var(--diy-h4-color); 
	font-size: 18px;
	line-height: 1.1;
	font-weight: 500;
}
.sb-beitrag-unten h4, .sb-beitrag-unten h5, .sb-beitrag-unten h6 {
    margin-top: 10px;
    margin-bottom: 10px;
	color: var(--diy-h4-color); 
	font-size: 18px;
	line-height: 1.1;
	font-weight: 500;
}
.sb-beitrag-unten-dl h4, .sb-beitrag-unten-dl h5, .sb-beitrag-unten-dl h6 {
    margin-top: 10px;
    margin-bottom: 10px;
	color: var(--diy-h4-color); 
	font-size: 18px;
	line-height: 1.1;
	font-weight: 500;
}

.maleft {
    margin-left: 10px;
}
.hr-sb-daten {
    margin-top: 10px;
    margin-bottom: 2px;
    border-top: 1px solid #7f7f7f;
    width: 99%;
}
.hr-art-top {
    margin-top: 0px;
    margin-bottom: 0px;
}
.p-thumb {
  border: #999999;
  border-style: solid;
  border-radius: 10px;
  border-width: 0px;
  padding: 10px;
  min-width: 250px;

}
.el-thumb
{
  border: #dddddd;
  border-style: solid;
  border-radius: 10px;
  border-width: 1px;
  float: left !important;
  max-width: fit-content;
  max-height: 100px;
}
.el-thumb2
{
  border-width: 0px;
  float: right !important;
  max-width: 100px;
}

[data-rlta-element=container] {
    min-width: 300px;
    margin-left: 10px;
    background-color: var(--sliderhead-bgu-color);
    margin-right: 10px;
    border-radius: 10px;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button] {
    background-color: var(--sliderhead-bg-color);
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:hover {
    background-color: var(--sliderhead-bg2-color);
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel] {
    background: var(--sliderinner-bg-color);
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening] {
    background-color: var(--sliderhead-bg2-color);
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening]:hover
 {
    background-color: var(--sliderhead-bg2-color);
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading] {
    font-size: 14px;
    font-weight: 400;
}
.porfolio .p-thumb .el-thumb
{
  border-radius: 3px;
  margin-bottom: 10px;
}
.porfolio .p-thumb .el-left {
    width: 124px;
    min-height: 100px;
    display: inline-block;
    float: left;
}



a.readmore-home {
    background: #082a4e;
    color: white!important;
    padding: 6px 10px;
    border-radius: 20px;
    margin: 10px auto 0 0;
    display: inline-block;
    transition: all 0.2s;
	font-size: 13px;
    }
a.readmore-home:hover {
    background: #666;
	text-decoration: none;
	color: white;
    }
a.readmore-diy {
    background: #082a4e;
    color: white!important;
    padding: 6px 10px;
    border-radius: 20px;
    margin: 10px auto 0 0;
    display: inline-block;
    transition: all 0.2s;
	font-size: 13px;
    }
a.readmore-diy:hover {
    background: #666;
	text-decoration: none;
	color: white;
    }
.readmore .btn-default {
    text-wrap: wrap;
    font-style: italic;
    font-size: 11px;
	background: aliceblue;
    }
.readmore .btn-default:hover {
	background: #bee1ff;
    }
.items-more {
    margin-top: 12px;
}
hr.cup {
    border: 0;
    height: 2px;
    background: #0c1a3e;
    background-image: linear-gradient(to right, #ffffff, #0c1a3e, #ffffff);
}


/* END DIY Artikel */	

/* CALCS */	
#calculators {
    min-width: 290px !important;
	max-width: 900px;
	background: var(--tool-bg);
}
#calculators h1 {
    color: #fff;
	font-size: 32px;
}
#calculators table {
    word-break: break-word;
    min-width: 280px !important;
}
#calculators input {
    width: 80%;
}
#calculators textarea {
    width: 80% !important;
}
#calculators select, #calculators input, #calculators textarea {
    border: 1px solid #e9ecef;
    border-radius: 5px;
    padding: 8px 6px;
}
#calculators button, #articles button {
    color: #ffffff;
    background-color: #082a4e;
    border-color: #081129;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 10px;
    margin-top: 5px;
}
#calculators button:hover {
    color: #ffffff;
    background-color: #114985;
    border-color: #081129;
}
#calculators .cap input, #calculators .cap textarea {
    width: 70% !important;
}
#calculators .cap tr td {
    vertical-align: middle;
}
#calculators select, #calculators textarea, #calculators input[type="text"], #calculators input[type="password"], #calculators input[type="datetime"], #calculators input[type="datetime-local"], #calculators input[type="date"], #calculators input[type="month"], #calculators input[type="time"], #calculators input[type="week"], #calculators input[type="number"], #calculators input[type="email"], #calculators input[type="url"], #calculators input[type="search"], #calculators input[type="tel"], #calculators input[type="color"], #calculators .inputbox {
    display: inherit;
    width: 100%;
    height: 30px;
    padding: 4px 4px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #666666;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#calculators .klirrcalc input[type="text"] {
    max-width: 100px !important;
    display: inherit;
}

#calculators .calclimiter input, #calculators .calclimiter textarea {
    width: 70% !important;
    max-width: 80px !important;
    min-width: 62px !important;
}
#calculators .calclimiter button, #articles2 button {
    color: #ffffff;
    background-color: #082a4e;
    border-color: #081129;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	margin-bottom: 10px;
    margin-top: 5px;
	}
#calculators .calclimiter {
	min-width: 290px!important;
	}
#calculators .calclimiter table {
	word-break: break-word;
	min-width: 280px!important;
	}
#calculators .calclimiter td div {
	word-break: break-all;
	min-width: 80%!important;
	}
#calculators .calclimiter input, #calculators .calclimiter  textarea {
    width: 70%!important;
    max-width: 80px!important;
    min-width: 62px!important;
	}	
#calculators .calclimiter td {
    vertical-align: middle;
	}	
#calculators .calclimiter input[type="text"][readonly] {
	cursor: not-allowed;
    background-color: #4f4f4f08;
	}	


#calculators .calculator-row.quer {
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    padding: 6px;
	width: 90%;
    max-width: 620px;
    margin: auto;
}
#calculators .calculator-row.quer input {
	max-width: 350px;
    width: 100% !important;
}

#calculators .widerstandcalc .cup td input  {
	min-width: 56px;
    max-width: 150px;
    width: auto;
	margin: auto;
}


#calculators .audiopegel .cup {
	background: white;
}

#calculators .audiopegel .cup {
	background: white;
}

#calculators .audiopegel .cup h2 {
    padding: 2px;
    margin: 0;
}
#calculators .audiopegel button {
    margin-bottom: 0px;
}

#calculators .audiopegel .messagecontainer {
    min-height: 26px;
    padding: 4px 10px 2px 10px;
    margin-top: 4px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid rgb(204 204 204);
    border-radius: 4px;
    background-color: var(--tool-subheadingsmsg);
    display: block;
    color: rgb(204, 0, 0);
    max-width: 100%;
    text-align: center;
}

#calculators .audiopegel .calheading {
    background: var(--tool-subheadings);
    border-radius: 6px;
}
#audio11\.matrixsheet {
	background: var(--tool-fielddbg)!important;
}	
	
#calculators .audiopegel .calheading h3 {
	font-size: 16px;
    color: #0f2a4d;
    font-weight: bold;
    border-bottom: 2px solid #0f2a4d;
    padding: 5px 5px 5px 5px;
	margin-bottom: 4px;
}


#calculators .pegelpower .tbottom td {
padding: 9px 1px 1px 0px;
}


.top-article-info .bottom-meta.d-flex, .com-content-article.item-page.layout-1 .bottom-meta.d-flex {
	margin-top: 90px;
}

/* =========================================================================
   AUDIO-TOOLBOX: ANKER-NAVIGATION & SMOOTH SCROLLING (NUR FÜR DIESE SEITE)
   ========================================================================= */

/* Aktiviert das weiche Scrollen und den Abstand AUSSCHLIESSLICH auf dieser Seite */
.audiopegel table {
    scroll-margin-top: 30px; /* Hält beim Anspringen einen Puffer über der Überschrift frei */
}


/* Styling für die Schnellzugriff-Box ganz oben */
.toolbox-nav {
    background-color: var(--tool-fielddbg)!important;
    border: 1px solid #dddddd !important;
    border-radius: 4px;
    padding: 12px !important;
    margin-top: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
	max-width: 850px;
}

/* Überschrift innerhalb der Schnellzugriff-Box */
.toolbox-nav strong {
    color: var(--tool-fontblue)!important;
    font-family: inherit;
    display: block;
    margin-bottom: 8px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 4px;
}

/* Das Spalten-Raster für die Links (Responsive Grid) */
.toolbox-nav ul {
    margin: 0 !important;
    padding: 0 0 0 18px !important;
    list-style-type: square !important;
    /* Erzeugt automatisch so viele Spalten wie Platz ist, mindestens 220px breit */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 6px 12px;
}

/* Styling für die einzelnen Listenpunkte und Links */
.toolbox-nav ul li {
    margin: 0 !important;
    padding: 2px !important;
	list-style: none;
}

.toolbox-nav ul li a {
    color: var(--tool-linkblue) !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 600;
    transition: color 0.15s ease-in-out;
}

/* Hover-Effekt: Links werden beim Drüberfahren leicht heller/blau */
.toolbox-nav ul li a:hover {
    color: #024385 !important;
    text-decoration: underline !important;
}





.spatei td {
    border-top: 0px none;
    vertical-align: middle;
}
.cup td {
    border-top: 0px none;
}
.cup select {
    display: inherit;
}
.nix:hover, .donhover:hover {
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.4s;
    filter: opacity(0.8);
}
/* END CALCS */		
	
/* KONTAKT */
.conta-beitrag {
    min-width: 350px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}	
.conta-beitrag-left {
    float: left;
    max-width: 420px;
    min-width: 250px;
}
.conta-beitrag-right {
    margin-left: auto;
    max-width: 350px;
}
.conta-table-right {
    max-width: 330px;
    min-width: 250px;
    margin-left: 10px;
}
@media (max-width: 991px) {
    .conta-beitrag {
        min-width: 250px;
    }
}
@media (max-width: 991px) {
    .conta-beitrag-left {
	float: none;
    min-width: 250px;
    margin-left: auto;
    margin-right: auto;
    }
}
@media (max-width: 991px) {
    .conta-beitrag-right {
    margin-left: auto;
    margin-right: auto;
    }
}
/* END KONTAKT */
	
/* COOKIEBANNER */
#cookiesck_interface {
    max-height: 100vh !important; /* Verhindert, dass der Banner höher als der Bildschirm wird */
    overflow-y: auto !important;  /* Fügt automatisch eine Scrollbar hinzu, wenn der Text zu lang ist */
    top: 50% !important;
    left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 90% !important;
    max-width: 1000px !important; /* Maximale Breite für Desktop-Monitore */
	position: fixed;
	border-radius: 10px;
    background: #fff;
    border: 2px solid #ccc;
    margin: 10px;
    box-sizing: border-box;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: fit-content;
    background: #0f2a4d;
    color: white;
}
.cookiesck-category-name {
    font-size: 22px;
    color: #ffb203;
    line-height: 20px;
	font-weight: 600;
}
.cookiesck-category-desc {
    margin: 3px 4px;
    color: #e3e3e3;
    font-weight: 400;
}
.cookiesck-main-close {
	border-radius: 6px;
    background: #0f1a3d;
    color: #ffffff;
    font-weight: 800;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.cookiesck-main-close:hover {
    background: #ffffff;
    color: #0f1a3d;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.coffee img {
	-webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.coffee img:hover  {
	filter: opacity(0.8);
	-webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
/* END COOKIEBANNER */


.com-content-article .datenschutz {
    word-break: break-word;
    text-align: left;
}
.com-content-article .datenschutz h3 {
    font-size: 20px;
}

/* Muss ans Ende  */
input[type="text"][readonly] {
    opacity: 1;
	cursor: not-allowed;
    background-color: #f4f4f4;
}