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

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

h1, h2, h3, h4, h5, h6 {/*font-weight:bold;*/}

/*hr {background-color: #F0F0F0 !important;}*/

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;*/}

/* 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;*/}

/* SOLR */
.vt_anchor {/*text-decoration:none;color:#000;*/}
.solr-results em {/*background-color:#ff0;font-style:normal;padding:0 1px;*/}
.solr-results a {/*text-decoration:none;*/}

/* shariff MF 19.09.2019 */
.shariff {float:left;width: 100%; text-align:left;}
.shariff .orientation-horizontal li {margin-bottom: 0 !important;}
.shariff {width: 80%;}
.seitennavigation {background:#b9b0a1;margin-top:5%;}
.seitennavigation .wrapper {text-align:right;}
.seitennavigation a {color:#fff; text-decoration:none;}
a.seitennavigation_nonephone, a.seitennavigation_nonephone:link, a.seitennavigation_nonephone:hover, a.seitennavigation_nonephone:active, a.seitennavigation_nonephone:visited {text-align:right;display:inline-block;text-decoration:none;color:#fff;}
.seitennavigation a.seitennavigation_nonephone {display:none;}

.seitennavigation {padding:1% 0;}

.seitennavigation {padding:0.5% 0;margin-top:3%;}
a.seitennavigation_nonephone, a.seitennavigation_nonephone:link, a.seitennavigation_nonephone:hover, a.seitennavigation_nonephone:active, a.seitennavigation_nonephone:visited {color:#fff;}
.seitennavigation a.seitennavigation_nonephone {display:inline-block;}
.seitennavigation_nonephone i {font-size:25px;}

.shariff-button.info::before, .shariff-button.mail::before {content: none;}

/* Wörterbuch Code-Schnipsel aus standard.ikiss.de 20.01.2020 */
.woerterbuch-ausgabe h2,h3,h4 {
    font-weight:bold;
}

.abc-list {
	margin: 1.5em -1px;
	padding: 0;
}
.abc-list li {
	display: inline-block;
	margin: 1px;
	width: 2.95em;
	height: 2.95em;
	line-height: 2.95em;
	text-align: center;
	vertical-align: middle;
	background-color: #eee;
	color: #808080;
}
.abc-list li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #404040;
	font-weight: bold;
}
.com-list li {
	margin-bottom: 0.25em;
}
.unstyled-list li:last-child, .com-list li:last-child {
	margin-bottom: 0;
}
.com-list i.fal, .com-list i.far, .com-list i.fas, .com-list i.fab, .com-list i.fa {
	margin-right: 5px;
}
.inline-list li {
	display: inline-block;
}

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

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

@media screen and (max-width: 960px){
 
    
    
}

@media screen and (max-width: 680px){
    .mt_left, .mt_right, .mt_middle, .mt_noalign {
        float:none;
    }
}

/* Zusatzmodul: Karten (DEV) */
.gmc_page {position:relative;width:100%;height:550px;margin:0;padding:0;}
.gmc_header {position:absolute;top:0;right:0;z-index:48;width:auto;}
.gmc_control {float:none;position:absolute;top:0;bottom:0;min-width:200px;height:100%;background:#fff;background:rgba(255,255,255,0.75);padding:10px;margin:0;z-index:46;}
.gmc_control .inputs.row .column-1 {position:relative;}
.gmc_control .gmc_input {margin-bottom:0;}
.gmc_control button.submit {font-size:16px;cursor:pointer;position:absolute;right:10px;top:0;bottom:0;color:#202020;background-color:transparent;line-height:0.8;border:none;padding:0 15px;}
.gmc_control ul.fancytree-container {font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1em;background-color:transparent;border-bottom:1px solid #ccc;padding:0;}
.gmc_control ul.fancytree-container {}
.gmc_control span.fancytree-node {display:block;position:relative;padding:4px 5px;}
.gmc_control span.fancytree-node:hover, .gmc_control span.fancytree-node:focus, .gmc_control span.fancytree-node.fancytree-expanded {color:#fff;background-color:#202020;}
.gmc_control span.fancytree-checkbox {display:none;}
.gmc_control span.fancytree-icon {display:none;}
div.gmc_control .fancytree-selected span.fancytree-icon {display:inline-block;background:none;width:25px;}
div.gmc_control .fancytree-selected span.fancytree-icon::before {content:'\f00c';font-family:'Font Awesome 5 Pro';font-size:18px; font-weight:900;}
.gmc_control span.fancytree-custom-icon {width:25px;height:18px;font-size:18px;margin:0;vertical-align:middle;}
.gmc_control .fancytree-selected span.fancytree-custom-icon::before {content:'\f00c';/*color:#202020;*/}
.gmc_control span.fancytree-node:hover.fancytree-selected span.fancytree-custom-icon::before, .gmc_control span.fancytree-node:focus.fancytree-selected span.fancytree-custom-icon::before {color:#fff;}
.gmc_control span.fancytree-expander {display:block;position:absolute;top:0;bottom:0;right:0;width:30px;/*height:18px;*/height:100%;text-align:center;background:none;margin:0;z-index:40;}
.gmc_control span.fancytree-expander::after {content:'\f0d7';font-family:'Font Awesome 5 Pro';font-size:18px;font-weight:900;line-height:30px;}
.gmc_control span.fancytree-node.fancytree-expanded .fancytree-expander::after {content:'\f0d8';opacity:0.5;line-height:30px;}
.fancytree-exp-n span.fancytree-expander::after, .fancytree-exp-nl span.fancytree-expander::after {display:none;}
.gmc_control span.fancytree-title {vertical-align:middle;color:#202020;}
.gmc_control .fancytree-plain span.fancytree-node:hover span.fancytree-title, .gmc_control .fancytree-plain span.fancytree-node:focus span.fancytree-title, .gmc_control .fancytree-plain span.fancytree-node.fancytree-expanded span.fancytree-title {color:#fff;background-color:transparent;border:1px solid transparent;border-color:transparent;}
.gmc_control .fancytree-plain span.fancytree-active.fancytree-partsel span.fancytree-title, .gmc_control .fancytree-plain span.fancytree-selected.fancytree-partsel span.fancytree-title {font-weight:700;color:#202020;background-color:transparent;border:1px solid transparent;border-color:transparent;}
.gmc_control .fancytree-plain span.fancytree-node.fancytree-partsel:hover span.fancytree-title, .gmc_control .fancytree-plain span.fancytree-node.fancytree-partsel:focus span.fancytree-title, .gmc_control .fancytree-plain span.fancytree-node.fancytree-expanded.fancytree-partsel span.fancytree-title {color:#fff;}
.gmc_control .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title, .gmc_control .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {background-color:transparent;border-color:transparent;}
.gmc_control .fancytree-plain span.fancytree-active span.fancytree-expander, .gmc_control .fancytree-plain span.fancytree-selected span.fancytree-expander {color:#202020;}
.gmc_control .fancytree-plain span.fancytree-node:hover span.fancytree-expander, .gmc_control .fancytree-plain span.fancytree-node:focus span.fancytree-expander, .gmc_control .fancytree-plain span.fancytree-node.fancytree-expanded span.fancytree-expander {color:#fff;}

#div_gmc_pos {float:right;}
#div_gmc_pos input {width:5em;}

.gmc_cmdbar {width:100%;}
.gmc_cmdbar input {width:auto;margin:3px;padding:0 0.5em !important;font-size:16px;}	
.gmc_cmdbar input[type=button] {margin-left:0px;border:none;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#3d3d3d;font-weight:bold;padding:5px 0.5em !important;}
.gmc_cmdbar .btn {min-width:0;margin:0;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.gmc_cmdbar .btn > i {margin-right:0;}
.gmc_cmdbar .btn:hover, .gmc_cmdbar .btn:focus {color:#fff;background-color:#202020;}
.gmc_cmdbar .btn.active > i::before {content:'\f0c9';}

.gmc_map {float:none;width:100%;height:100%;padding:0;margin:0;}
.gmc_map .gmc_input {z-index:42;float:left;width:250px;left:200px;top:10px;position:relative;}

/* Google Maps - Info-Window */
.gm-style-iw .adr {float:left;margin:5px;}
.gm-style-iw .gm-footer {margin:5px 0;padding:4px;background:#eee;}
.gm-style-iw img {float:right;margin:5px;width:150px;}

/* GMC-Tooltip */
.gmc_tooltip {min-width:150px;max-width:200px;}

.mwl_label {background:#eee;border:1px solid #19252f;width:24px;font-size:10px;text-align:center;}

.gmc_adrlist_link {cursor:pointer;padding:1em 15px 1em 15px;border:none;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.gmc_adrlist_link:hover, .gmc_adrlist_link:focus {background-color:#eee;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.gmc_adrlist_link a, .gmc_adrlist_link a:link, .gmc_adrlist_link a:visited {display:block;min-height:120px;color:#202020;text-decoration:none !important;border-bottom:1px solid #ccc;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.gmc_adrlist_link a:hover, .gmc_adrlist_link a:focus {display:block;min-height:120px;color:#202020;text-decoration:none !important;border-bottom:1px solid #202020;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.gmc_adrlist_link a small {opacity:0.5;}
.gmc_adrlist_link a small i.fa {vertical-align:baseline;}

#ikiss_gmc_tree_wrapper {clear:both;height:100%;height:calc(100% - 75px);padding-top:25px;overflow:auto;}
.ikiss_cattree ul li {padding:0;margin:0;}
.ikiss_cattree ul {list-style:none;padding:0;margin:0;}
.ikiss_cattree input {display:none;}
.ikiss_cattree span label img {display:inline;vertical-align:middle;margin-right:10px;}  /* PNG-icons */
.ikiss_cattree span label i {display:inline;vertical-align:middle;margin-right:10px;font-size:20px;} /* font-awesome icons */
.ikiss_cattree span label {padding:10px;background-color:#e7e8eb;border-bottom:1px solid #fff;margin:0;display:block;cursor:pointer;position:relative;}
.ikiss_cattree span label:hover, .ikiss_cattree span label:focus, #ikiss_gmc_tree_wrapper ul li.active span label {background-color:#eee;}
.ikiss_cattree ul li.active span label::after {content:'\f00c';font-family:'Font Awesome 5 Pro';font-weight:900;position:absolute;display:inline-block;right:10px;top:50%;transform:translateY(-50%);}

img.fancytree-icon {width:25px !important;height:29px !important;margin-top:0 !important;margin-left:0 !important;vertical-align:middle !important;}

.gmc_map > div {
    z-index: 44;
}

/* Abfallmodul */
.abfallmodul .row.collapse {
    margin: 0; /* sonst -15px links und rechts */
}
.abfallmodul .row.collapse [class^="column-"]:not(:last-child) {
    padding-right: 10px;
}
.abfallmodul {
    margin: 20px 0;
}
.abfallmodul.no-icon .tbl_termin +.tbl_termin {
    margin-top: 2px;
}
.abfallmodul .infotext, .abfallmodul .beschreibung, .abfallmodul .bemerkung {
    font-size: 0.825em;
    display: block;
    margin: 2px 0;
    padding: 2px 4px;
    border-radius: 2px;
    font-weight: 500;
}
.abfallmodul .infotext:before,  .abfallmodul .beschreibung:before , .abfallmodul .bemerkung::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 2px;
}
.abfallmodul .bemerkung::before {
    font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f071";
}
.abfallmodul .infotext:before,.abfallmodul .beschreibung::before {
    font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f05a";
}

/* Abfallmodul - Darstellung: Liste */
.abfallmodul .box {
    border: 1px solid #f0f0f0;
}
.abfallmodul .box > div:nth-child(odd) {
    background-color: #f8f8f8;
}
.abfallmodul .unstyled-list {
    margin: 0;
}
.abfallmodul .unstyled-list li {
    padding: 5px 0;
    margin: 0;
}
.abfallmodul .title {
    display: block;
    padding: 15px 10px;
    margin-bottom: 10px;
    margin: 0;
}
.abfallmodul .dates .title {
    padding: 0;
}
.abfallmodul .dates {
    padding: 10px;
}

/* Abfallmodul - Abfallarten Legende */
.abfallmodul .legend {
    display: flex;
}
.abfallmodul .legend-icon {
    border-radius:50%;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.abfallmodul .legend-text {
    margin: 0 10px 0 15px
}


/* jQuery autocomplete */
.ui-autocomplete {
    background-color: #fff;
    border-left: 1px solid #808080;
    border-bottom: 1px solid #808080;
    border-right: 1px solid #808080;
    width: 200px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.ui-autocomplete:hover {
    border-color: #;
}
.ui-menu-item-wrapper {
    display: block;
    padding: 10px 15px;
    cursor: pointer;
}
.ui-menu-item:not(:last-of-type) {
    border-bottom: 1px solid  #f0f0f0;
}
.ui-menu-item-wrapper:hover {
    background-color: #f0f0f0;
    border-color: #808080;
}
.ui-menu-item-wrapper:hover:not(:first-of-type) {
    background-color: #f0f0f0;
    border-color: #808080;
    border-top: 1px solid  #808080;
}
.ui-state-active {
    background-color: #f0f0f0;
}

/* Abfallmodul - Abfallart auswählen */
.checkbox-list {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.checkbox-list li {
    display:inline-block;
}
.checkbox-list li input[type=checkbox]:checked + label {
    font-weight: bold;
}
.checkbox-list li:not(:last-of-type) {
    margin-right: 10px;
}

/* Abfallmodul - Monatskalender */
#calendar .view-buttons {
    display:none;
}
#calendar .title {
    padding: 0;
}
button.svelte-2qdqa1 {
	display: inline-block;
	padding: 7px 15px 10px;
	background-color: #0c2a5f;
	color: #fff;
	border-radius: 3px;
	font-weight: normal;
	font-size: 1em;
	position: relative;
	overflow: hidden;
	box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15);
	border: none !important;
	cursor: pointer;
	-webkit-appearance: none;
}
button.svelte-2qdqa1::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.0);
	top: 0;
	left: 0;
	transition: background-color 0.2s;
}
button.svelte-2qdqa1:hover::after,
button.svelte-2qdqa1:focus::after {
	background-color: rgba(0,0,0,.125);
}

/* Abfallmodul - Jahreskalender */
.abfallmodul table {
  border-collapse: collapse;
  width: 100%;
}
.abfallmodul .calendar-weekend {
    background-color: #f8f8f8;
    padding: 3px;
    font-weight: 500;
}
.abfallmodul table caption {
    text-align: left;
        font-size: 1.4em;
    font-weight: 700;
    margin: 1em 0 0.75em;
    color: #404040;
}
.abfallmodul th {
  font-weight: bold;
  background-color: #f0f0f0;
    padding: 10px 15px;
}
.abfallmodul table,.abfallmodulth,.abfallmodul td {
  border: 1px solid #ddd;
}
.abfallmodul td {
  padding: 5px;
  text-align: left;
  width: 16.666%;
}
.abfallmodul .tbl_termin i:not(.legend) {
	float: right;
}
select.waste-ical-select {
    vertical-align: middle;
    margin-top: -30px;
    margin-right: 10px;
}

@media screen and (min-width: 960px) {
	
	div.gmc_control {
	    width:33.33333%;
	}
	.gmc_adrlist_link:nth-child(3n+1) {
	    clear:both;
	}

}

@media screen and (max-width: 960px) {

	div.gmc_control {
	    width:50%;
	}
	.gmc_adrlist_link:nth-child(2n+1) {
	    clear:both;
	}
	
}

@media screen and (max-width: 680px) {

	div.gmc_page {
	    height: 650;
	}
	div.gmc_control {
	    width: 100% !important;
	    height: auto;
	}
	div.gmc_header {
	    position: relative;
	    top: auto;
	    right: auto;
	    width: 100%;
	}
	div.gmc_control {
	    position: relative;
	    top: auto;
	    bottom: auto;
	    width: 100%;
	}
	div.gmc_map {
	    height: 400px;
	}
	/* Abfallmodul */
    .checkbox-list li {
        display:block;
    }

}
/* TH, 08.06.2021: Iframe-Einbindung von Wetter-Online optimieren */
.iframe-wrap.wetter-online {
    background-color: #eee;
    width: 100%;
}
.wetter-online .iframe-frame {
    width: 300px;
    height: 365px;
    margin: 0 auto;
    display: block;
}
.wetter-online .iframe-preview {
    background-size: 300px 365px;
}