/* Individuelle Anpassungen und Ergänzungen bitte nur hier einfügen! */

body {/*background:#000;*/}

h1, h2, h3, h4, h5, h6 {/*font-weight:bold;*/}
h1.page-title { text-transform: uppercase; }
@media screen and (max-width: 960px){
    h1.page-title { text-transform: none; }
}

hr {/*background-color:#000;*/}

ol { padding-left: 50px; }  /* Einrückungskorrektur für 2stellige Indizes */

a.btn, button.btn, input.btn, .btn a, span.ikiss-field-button input {}
.btn.eventbtn {}

table {/*background-color:transparent;*/}
table tr {/*border-bottom:none;*/}
table th {/*background-color:transparent;border-bottom:none;*/}

::-webkit-input-placeholder {/*color:#000;opacity:1;*/}
::-moz-placeholder {/*color:#000;opacity:1;*/}
:-ms-input-placeholder {/*color:#000;opacity:1;*/}
:-moz-placeholder {/*color:#000;opacity:1;*/}

.einleitung {/*display:block !important;font-style:italic;margin-bottom:20px;*/}

.pagenav a {/*text-decoration:none;*/}

.site-footer.secondary-bg-color a { color: #444; }

/* Datepicker */
.ui-datepicker {/*background-color:#fff;*/}
.ui-datepicker .ui-datepicker-header {/*background-color:#000;*/}
.ui-datepicker th {/*background-color:#000;border-top:1px solid #fff;*/}
.ui-datepicker-calendar td:hover a {/*background-color:#000;*/}
.ui-datepicker-calendar a.ui-state-active {/*color:#000;*/}

/* Volltextsuche */
.vt_anchor {/*text-decoration:none;color:#000;*/}

#pg_translation {  position: relative; display: block; float: left; padding: 0.5em 0; z-index:15000; }
.translate_button { cursor: pointer; display: inline; }
#translate_content { display: none; }
#translate_content #google_translate_element, #translate_content .goog-te-gadget { display: inline; }
#translate_content .goog-te-gadget-simple { font-size: 1.5em; }
#translate_content .goog-te-gadget-simple img { display: none; }

/* CSS für den Abfallkalender */
#mod_abf_search table { background-color: #fff; margin: 0; }
#mod_abf_search > table { width: 98%; }
#mod_abf_search > table > tbody > tr { padding: 0; border: none; }
#mod_abf_search > table > tbody > tr > td { padding: 0; }
#mod_abf_search > table table { width: 100%; }
#mod_abf_search input[type="button"] { width: 100px !important; }

table.abfallkalender_monat  { width:98%; border: 1px solid #ccc; border-collapse: collapse; page-break-inside:avoid; }
.abfallkalender_monat  caption { border: 1px solid #ccc; background: #eee; text-align:center; padding:5px 0;}
.abfallkalender_monat  th { border: 1px solid #ccc; width:14%; height:20px; text-align:center; }
.abfallkalender_monat  td { border: 1px solid #ccc; height:50px; text-align:left; vertical-align:top; }
table.abfallkalender_jahr  { width:96%; border: 1px solid #ccc; border-collapse: collapse; page-break-inside:avoid; }
.abfallkalender_jahr  caption { border: 1px solid #ccc; background: #eee; text-align:center; padding:5px 0;}
.abfallkalender_jahr  th { border: 1px solid #ccc; width:16%; text-align:center; }
.abfallkalender_jahr  td { border: 1px solid #ccc; text-align:left; vertical-align:top; }
.abfallkalender_weekend  { float:left; width:40px; background: #fdd}
table.abfallkalender_jahr  div { float:left }
.abfallkalender_msg { padding: 10px; }
.abfallkalender_msg a { padding: 0 10px 0 0; border-right: 1px solid #eaeaea; }
.abfallkalender_msg a:last-child { border-right: none; }
.abfallkalender_legende table, .abfallkalender_legende td { border: none; height:auto; }

.abfallart_1500_1  { overflow:visible;  display:block; font-size:.5em; padding:2px 0;}
.abfallart_1500_2  { overflow:visible;  display:block; font-size:.5em; padding:2px 0;}
.abfallart_1500_3  { overflow:visible;  display:block; font-size:.5em; padding:2px 0;}
.abfallart_1500_4  { overflow:visible;  display:block; font-size:.5em; padding:2px 0;}
.abfallart_1500_5  { overflow:visible;  display:block; font-size:.5em; padding:2px 0;}
.abfallart_1500_6  { overflow:visible;  display:block; font-size:.5em; padding:2px 0;}
.abfallart_1500_7  { overflow:visible;  display:block; font-size:.5em; padding:2px 0;}
.abfallart_1500_8  { overflow:visible;  display:block; font-size:.5em; padding:2px 0;}
.abfallart_1500_9  { overflow:visible;  display:block; font-size:.5em; padding:2px 0;}
.abfallart_1500_10 { overflow:visible;  display:block; font-size:.5em; padding:2px 0;}
.abfallart_1500_11 { overflow:visible;  display:block; font-size:.5em; padding:2px 0;}
.abfallart_1500_12 { overflow:visible;  display:block; font-size:.5em; padding:2px 0;}
                     
.abfallart_1500_1 img, .abfallart_1500_2 img, .abfallart_1500_3 img, .abfallart_1500_4 img, .abfallart_1500_5 img, .abfallart_1500_6 img, .abfallart_1500_7 img , .abfallart_1500_8 img , .abfallart_1500_9 img , .abfallart_1500_10 img , .abfallart_1500_11 img , .abfallart_1500_12 img  {display:block; border:none;}

/* Readspeaker */
.breadcrumb { width: 74%; }
.readspeaker_hiddenhausen { width: 26%; padding-left: 15px; margin-top: 15px; float: right; }
@media screen and (max-width: 960px){
    .breadcrumb { width: 67.5%; }
    .readspeaker_hiddenhausen { width: 32.5%; }
}
@media screen and (max-width: 680px){
    .breadcrumb { width: 100%; }
    .readspeaker_hiddenhausen { width: 100%; padding-left: 0; margin-top: 0; float: none; }
}
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item.rsbtn_closer, .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item.rsbtn_speed { background-color: inherit; border-bottom: 1px solid #677077; border-top: 1px solid #677077; }
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item.rsbtn_closer { border-right: 1px solid #677077; }

/* Copyright in Themenboxen kleiner */
.cards .image small, .cards .image .mc2_ac {
  font-size: 9px;
}

/* RDFa-Tags bei den Dienstleistungen verstecken */
div[typeof="Zustaendigkeit"] { display: none; }

@media screen and (min-width: 961px){
 
    
    
}

@media screen and (min-width: 681px){
 
    
    
}

@media screen and (max-width: 960px){
    
    ul, ol, dl {
        padding-left:30px;
    }

}

@media screen and (max-width: 680px){
 
    
    
}
/* Textabschnitt mit speziellem Hintergrund */
p:empty { /* leere Absätze durch Codeeinbindungen für BITV ausblenden */
    display: none;
}
.cards {
    color: #404040;
}
.cards > a {
    color: inherit;
}
.colored-container {
    position: relative;
    width: 100%;
    margin: 30px 0;
    padding: 30px;
}
.colored-container.full-width {
    width: calc(100vw - var(--scrollbar-width));
    margin: 30px 0 30px calc(50% - 50vw + calc(var(--scrollbar-width) / 2));
    padding: 30px 0;
}
.colored-container.full-width + .colored-container.full-width,
.colored-container:not(.full-width) + .colored-container:not(.full-width) { /* zwei aufeinanderfolgende Einbindungen sollen keinen Abstand halten */
    margin-top: -30px;
}
[class*="column-"]:not(.column-1) .colored-container.full-width, /* Fallbacks für unzulässige Einbindungen mit voller Breite innerhalb beliebiger Spalten */
[class*="flex-col-"]:not(.flex-col-1) .colored-container.full-width,
.colored-container .colored-container.full-width, /* oder mehrfach ineinander */
.modal-window .colored-container.full-width, /* oder im modalen Fenster */
.mceContentBody .colored-container.full-width { /* auch für den Texteditor im Backend nötig */
    width: 100%;
    margin: 30px 0;
    padding: 30px;
}
[class*="column-"]:not(.column-1) .colored-container.full-width .wrapper, /* Fallbacks für den Wrapper innerhalb unzulässiger Einbindungen mit voller Breite */
[class*="flex-col-"]:not(.flex-col-1) .colored-container.full-width .wrapper,
.colored-container .colored-container.full-width .wrapper, /* oder mehrfach ineinander */
.modal-window .colored-container.full-width .wrapper, /* oder im modalen Fenster */
.mceContentBody .colored-container.full-width .wrapper { /* auch für den Texteditor im Backend nötig */
    max-width: unset;
    width: unset;
    margin: unset;
    padding: unset;
    -moz-transition: unset;
    -webkit-transition: unset;
    transition: unset;
}
.colored-container_image-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.colored-container_image-wrapper.ikiss_norel {
	background-color: #c20000;
}
.colored-container_image-wrapper.ikiss_norel > img {
	opacity: 0.666;
}
.colored-container_image-copyright {
	background-color: #eee;
	background-color: rgba(255,255,255,0.75);
	color: #444;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0.25em 0.375em;
	font-size: 0.75rem;
	line-height: normal;
	max-width: calc(100% - 30px);
	max-height: 100%;
}
@media screen and (max-width: 680px) {
	.colored-container_image-copyright {
		font-size: 0.5rem;
	}
}
.colored-container_image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*pointer-events: none;*/ /* wofür? */
}
.colored-container_image.fixed {
    background-attachment: fixed;
}
@supports (-webkit-touch-callout: none) { /* fixed wird auf iOS-Geräten nicht unterstützt */
    .colored-container_image.fixed {
        background-attachment: scroll;
    }
}
.colored-container_image.bottom {
    background-position: bottom;
    
}
.colored-container_image.top {
    background-position: top;
}
.colored-container_text-wrapper {
    position: relative;
    z-index: 2;
}
.colored-container_text-container {
    position: relative;
}
@media screen and (min-width: 961px){
    .colored-container_text-container.width-33 {
        max-width: 33.333%;
    }
    .colored-container_text-container.width-50 {
        max-width: 50%;
    }
    .colored-container_text-container.width-66 {
        max-width: 66.666%;
    }
    .colored-container_text-container.left {
        margin: 0 auto 0 0 ;
    }
    .colored-container_text-container.right {
        margin: 0 0 0 auto;
    }
    .colored-container_text-container.center {
        margin: 0 auto;
    }
}
.colored-container_text-background {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
     /*pointer-events: none;*/ /* wofür? */
}
.colored-container_text-background + .colored-container_text {
    padding: 15px; /* zusätzlicher Abstand nur, wenn Text mit zusätzlichem Hintergrund erscheint */
}
.colored-container_text.text-color *:not(.img-copyright):not(.mc2_ac):not(p.btn > a):not(.accordion-title):not(.cards) { /* weitere Ausnahmen, die die Schriftfarbe nicht übernehmen sollen, müssen hier ebenfalls mit :not ergänzt werden */
    color: inherit;
    border-color: inherit; /* erstmal ganz allgemein, siehe unten */
}
.colored-container_text.text-color * { /* die Vererbung der border-color ermöglicht, dass Trennlinien in Suchergebnis-Listen passend gefärbt werden. Die Farbe wird im Template auf die Textfarbe gesetzt, jedoch zu 75% durchsichtig. Wenn nötig können noch Ausnahmen wie oben definiert werden. Da aber nur die Farbe gesetzt wird und nicht das border-Attribut, war das bisher nicht nötig */
    border-color: inherit;
}
.colored-container_text :first-child {
    margin-top: 0;
}
.colored-container_text :last-child:not(.cards):not(.text-columns):not(.flex-row):not([class*="flex-col-"]) {
    margin-bottom: 0;
}
.opacity-100 {
    opacity: 1;
}
.opacity-75 {
    opacity: 0.75;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-25 {
    opacity: 0.25;
}