/*** Additional CSS für Kornwestheim.de */
/*
#*********************************************************
# kf.Scriptname: /screen.css
#
# kf.Author: Stephan G. Romhart
# kf.E-mail: sr@kreisform.de
# kf.Date: 2020-06-05 16:52:41
#*********************************************************
*/


/** Alles auskommentierte ist in die Produktion übernommen worden - Torsten Kracke 18.6.2020


/*** Ein wichtiger Schnitt (500) der IBM Plex fehlt */

/*
 @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@500&display=swap');
 über head-custom.vm in Produktion übernommen
 */




/*** Hauptnavigation */

/* Trenner fehlen  übernommen
#header .zeile2 .navi > ul > li > a{
	border-left:1px solid #dee9ee;
}
#header .zeile2 .navi > ul > li:last-of-type > a{
	border-right:1px solid #dee9ee;
}

/* Pfeil am Ende des Links fehlt
#header .zeile2 .navi > ul > li > ul > li > a::after{
	content:'';
	position:absolute;
	right:20px;
	top:50%;
	width:8px;
	height:8px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:translateY(-50%) rotate(45deg);
	z-index:2;
}

/* Linkfarbe Leben und Wohnen nachgedunkelt, unser Fehler
.knot_16427867 #main .ym-col1 .ym-cbox ul li.current > a,
.knot_16427867 #main .ym-col1 .ym-cbox ul li.currentParent > a {
	color:#91b015;
}




/*** Subnavigation */

/* Pfeile sind zu gross
#main .ym-col1 .ym-cbox ul li::before {
	width: 6px;
	height: 6px;
	left: 10px;
	top: 14px;
	z-index:2;
}
/* Pfeil in 2. Ebene sitzt falsch
#main .ym-col1 .ym-cbox ul li ul li::before{
	top:10px;
	width:5px;
	height:5px;
}
#main .ym-col1 .ym-cbox ul li ul li.current::before,
#main .ym-col1 .ym-cbox ul li ul li.currentParent::before{
  top:9px;
}
/* Pfeil in 3. Ebene sitzt falsch
#main .ym-col1 .ym-cbox ul li ul li ul li::before{
	left:42px;
}

/* Zeilenhöhe ist zu hoch, font-weight:500 gibt es nicht
#main .ym-col1 .ym-cbox ul li a {
	line-height:1.2;
}
 */

/*
Dann wird die aktuell geöffnete Seite in der Navigation nicht mehr ersichtlich...

/* Die Bereichsfarbe in den current-Links entfernen */
#main .ym-col1 .ym-cbox ul li.current > a,
#main .ym-col1 .ym-cbox ul li.currentParent > a{
	color:#2680b8 !important;
}




/* Abschlusslinie über Button unter aktuelles fehlt
#main .ym-col1 .ym-cbox .ym-vlist > ul > li:nth-child(2){
	border-top:1px solid #d6e2e8;
}


/** Pfeile sind alle gelb bei Aktuelles und Veranstaltungen und sitzen falsch */
/*
Torsten Kracke:  Gelbe Pfeile waren so in der Vorgabe!
/*
#main .ym-col1 .ym-cbox .ym-vlist > ul > li:first-child::before,
#main .ym-col1 .ym-cbox .ym-vlist > ul > li:last-child::before{
	right:15px;
}
/* Leben und Wohnen
.knot_16427867 #main .ym-col1 .ym-cbox .ym-vlist > ul > li:first-child::before,
.knot_16427867 #main .ym-col1 .ym-cbox .ym-vlist > ul > li:last-child::before{
	border-color:#a2c613;
}
/* Bildung
.knot_16427878 #main .ym-col1 .ym-cbox .ym-vlist > ul > li:first-child::before,
.knot_16427878 #main .ym-col1 .ym-cbox .ym-vlist > ul > li:last-child::before{
	border-color:#f07f46;
}
/* Kultur, Sport und Freizeit
.knot_16427889 #main .ym-col1 .ym-cbox .ym-vlist > ul > li:first-child::before,
.knot_16427889 #main .ym-col1 .ym-cbox .ym-vlist > ul > li:last-child::before{
	border-color:#d60d3d;
}
/* Wirtschaft
.knot_16427901 #main .ym-col1 .ym-cbox .ym-vlist > ul > li:first-child::before,
.knot_16427901 #main .ym-col1 .ym-cbox .ym-vlist > ul > li:last-child::before{
	border-color:#2fb7bc;
}



/*** Globale Definitionen - in Produktion übernommen

body{
	color:#34494d;
	line-height:1.4;
}
h1{
	line-height:1.2;
}
h2{
	line-height:1.3;
}
h2 + h1{
	margin-top:-1rem;
}


#content p{
	hyphens:auto;
}
.dateiGroesse{
	color:#9bb5c4;
}
a{
	outline: 0;
}

*/

/* Abstand Icon Externer Link
a.externerLink::after{
	margin:0 0 0 6px;
}
/* Abstand PDF-Icon
a.pdfLink::after{
	margin:0 0 0 6px;
}






Diese beiden Punkte sehe ich aufgrund der Barrierefreiheit kritisch!

/* Link-Unterstreichung bei Listen in der Content-Spalte raus */
#main .ym-col2 #content ul li a {
	text-decoration:none;
}

/* Link-Unterstreichung in der Seiten-Spalte raus */
#main .ym-col3 a {
	text-decoration:none;
}

/* Zeilenhöhe Listen
#main #content .basecontent-list ul li,
#main #service .basecontent-list ul li {
	line-height:1.3;
}

/* Linkfarbe Leben und Wohnen nachgedunkelt, unser Fehler
.knot_16427867 a {
	color:#91b015;
}

/* Button-Animation
#main .ym-col2 #content .linkButton a::after,
.home #main .ym-col2 #content .willkommen .composedcontent-kornwestheim-zeile .basecontent-list ul li a::after{
	transition:all 0.3s ease-in-out;
}
/* Abstand nach unten beim letzten Element bei Aktuelles und Veranstaltungen raus
.home #main .ym-col2 #content .aktuelles > p:last-of-type,
.home #main .ym-col2 #content .aktuelles > p a,
.home #main .ym-col2 #content .veranstaltungen > p:last-of-type,
.home #main .ym-col2 #content .veranstaltungen > p a{
	margin:0;
}




Für alle Module (Stadträte, Vereine etc.) entfernt

/* Link-Unterstreichung bei Unternehmen raus
.Unternehmen #main .ym-col2 #content .zmDetail .category .value a{
	text-decoration:none;
}


/*** Hover-Zustände zurückgesetzt

a:focus,
a:hover{
	background-color: transparent;
}
#main .ym-col2 #content .uebersicht .composedcontent-kornwestheim-box > div:nth-child(2) p a:focus,
#main .ym-col2 #content .uebersicht .composedcontent-kornwestheim-box > div:nth-child(2) p a:hover,
#main .ym-col2 #content .uebersicht .composedcontent-kornwestheim-box > div:nth-child(3) p a:focus,
#main .ym-col2 #content .uebersicht .composedcontent-kornwestheim-box > div:nth-child(3) p a:hover,
#main .ym-col2 #content .uebersicht .composedcontent-kornwestheim-box > div:nth-child(4) p a:focus,
#main .ym-col2 #content .uebersicht .composedcontent-kornwestheim-box > div:nth-child(4) p a:hover{
	text-decoration:none;
}


#main .ym-col2 #content .presse-administration .pm-meldung .pm-teaser-more:hover::after,
#main .ym-col2 #content .presse-uebersicht .pm-meldung .pm-teaser-more:hover::after,
.home #main .ym-col2 #content .veranstaltungen .basecontent-dvv-zm-vk ul li.item .titel a:hover::after,
.home #main .ym-col2 #content .buergerservice .composedcontent-kornwestheim-spalte .basecontent-list ul li a:hover::after,
.Veranstaltungskalender #zmEListe ul li.zmitem .info .detaillink a:hover::after,
#main .mainunten ul li a:focus, #main .mainunten ul li a:hover {
	background-color:transparent;
}


/*** Aufzählungliste Pfeil-Korrektur Größe und Position
#main #content .basecontent-list ul li::before,
#main #service .basecontent-list ul li::before{
	width:6px;
	height:6px;
	left:7px;
	top:14px;
}

/*** Download-Icon Pfeil-Linie fehlt
#main #content .basecontent-list.download ul li::before,
#main #service .basecontent-list.download ul li::before{
	width: 6px;
	height: 6px;
	transform: rotate(135deg);
	top: 14px;
	left:9px;
}
#main #content .basecontent-list.download ul li::after,
#main #service .basecontent-list.download ul li::after{
	content: '';
	width: 2px;
	height: 11px;
	position: absolute;
	left: 12px;
	top: 11px;
	background-color:#ffcc00;
}
/* Leben und Wohnen
.knot_16427867 #main #content .basecontent-list.download ul li::after,
.knot_16427867 #main #service .basecontent-list.download ul li::after{
	background-color:#a2c613;
}
/* Bildung
.knot_16427878 #main #content .basecontent-list.download ul li::after,
.knot_16427878 #main #service .basecontent-list.download ul li::after{
	background-color:#f07f46;
}
/* Kultur, Sport und Freizeit
.knot_16427889 #main #content .basecontent-list.download ul li::after,
.knot_16427889 #main #service .basecontent-list.download ul li::after{
	background-color:#d60d3d;
}
/* Wirtschaft
.knot_16427901 #main #content .basecontent-list.download ul li::after,
.knot_16427901 #main #service .basecontent-list.download ul li::after{
	background-color:#2fb7bc;
}



/* Jalousie-Überschrift fehlt Abstand nach rechts
#main .ym-col2 #content .composedcontent-kornwestheim-zeile .toggle_title,
#main .ym-col2 #content .composedcontent-kornwestheim-zeile .ui-accordion-header,
#main .ym-col2 #content .ui-widget .toggle_title,
#main .ym-col2 #content .ui-widget .ui-accordion-header{
	padding-right:50px;
	line-height:1.2;
}




/*** Falsche Farben */

/* Pfeil-Farben im Content sind überall gelb */

/* Leben und Wohnen
.knot_16427867 #main #content .basecontent-list ul li::before,
.knot_16427867 #main #service .basecontent-list ul li::before{
	border-color:#a2c613;
}
/* Bildung
.knot_16427878 #main #content .basecontent-list ul li::before,
.knot_16427878 #main #service .basecontent-list ul li::before{
	border-color:#f07f46;
}
/* Kultur, Sport und Freizeit
.knot_16427889 #main #content .basecontent-list ul li::before,
.knot_16427889 #main #service .basecontent-list ul li::before{
	border-color:#d60d3d;
}
/* Wirtschaft
.knot_16427901 #main #content .basecontent-list ul li::before,
.knot_16427901 #main #service .basecontent-list ul li::before{
	border-color:#2fb7bc;
}

/*** Verbesserung Tabellen-Farben im Content-Bereich (nicht weiss auf weiss) */

#main .ym-col2 #content .presse-administration .pm-meldung:nth-child(odd),
#main .ym-col2 #content .presse-uebersicht .pm-meldung:nth-child(odd){
	background-color:#f3f7f9;
}
#main .ym-col2 #content .presse-administration .pm-meldung:nth-child(even),
#main .ym-col2 #content .presse-uebersicht .pm-meldung:nth-child(even){
	background-color:#ebf1f5;
}
#main .ym-col2 #content .presse-administration .pm-meldung::before,
#main .ym-col2 #content .presse-uebersicht .pm-meldung::before,
.home #main .ym-col2 #content .veranstaltungen .basecontent-dvv-zm-vk ul li.item::before,
.Veranstaltungskalender #zmEListe ul li.zmitem::before{
	left: -2px;
	border-width:4px !important;
}


/* Alternierende Farbe nicht weiss auf weiss */
.POI #zmEListe .zmitem.even,
.Unternehmen #zmEListe .zmitem.even,
.Vereine #zmEListe .zmitem.even,
.Einzelhandel_und_Dienstleistungen #zmEListe .zmitem.even,
.Gemeinderaete #zmEListe ul.zmDataItems li.zmitem.even {
	background-color: #f3f7f9;
}

/* Zurück-Pfeil ist immer gelb, muss an Kategorie angepasst werden ! */
/* Kultur */
.knot_16427889 .zmzureu a::after {
	border-color:#d60d3d;
}
/* Wirtschaft */
.knot_16427901 .zmzureu a::after {
	border-color:#2fb7bc;
}
.Unternehmen .zmDetail .category .value a::before{
	border-color:#2fb7bc;
}
/* Pfeil Kultur Detail-Button Liste */
.Einzelhandel_und_Dienstleistungen .zmDetail .category .value a::before {
	border-color:#91b015;
}
.knot_16427867 .zmzureu a::after {
	border-color:#91b015;
}


/*** Listen */

/* Mehr Raum bei Listen-Ansichten */
.POI #zmEListe .zmitem,
.Unternehmen #zmEListe .zmitem,
.Einzelhandel_und_Dienstleistungen #zmEListe .zmitem,
.Vereine #zmEListe .zmitem {
	padding: 20px;
}
/* Abstand Buchstaben-Filter korrigieren */
#main .ym-col2 #content #anfangsbuchstaben,
#main .ym-col2 #content .zmNavigClass,
#main .ym-col2 #content .zmRegister{
	margin:0;
}
#main .ym-col2 #content .zmRegister{
	display:flex;
	flex-wrap:wrap;
}
#main .ym-col2 #content .zmRegister a,
#main .ym-col2 #content .zmRegister span {
	padding:5px 2px;
	margin:0 3px 3px 0;
	border:0;
	display:block;
	line-height:1.2;
	white-space:nowrap;
}
#main .ym-col2 #content .zmRegister > *:last-child{
	display:none;
}

/* Abstand Detail-Button */
.POI #zmEListe .zmitem a.details,
.Unternehmen #zmEListe .zmitem a.details,
.Vereine #zmEListe .zmitem a.details,
.Einzelhandel_und_Dienstleistungen #zmEListe .zmitem a.details,
.Gemeinderaete #zmEListe ul.zmDataItems li.zmitem .right a.details {
	margin:1rem 0 0 0;
}
/* Pfeil Wirtschaft Detail-Button Liste */
.knot_16427878.POI #zmEListe .zmitem a.details::after{
	border-color:#f07f46;
}
/* Pfeil Wirtschaft Detail-Button Liste */
.knot_16427901.Unternehmen #zmEListe .zmitem a.details::after{
	border-color:#2fb7bc;
}
/* Pfeil Kultur Detail-Button Liste */
.knot_16427889.Vereine #zmEListe .zmitem a.details::after {
	border-color:#d60d3d;
}
/* Pfeil Leben Detail-Button Liste */
.knot_16427867.Einzelhandel_und_Dienstleistungen #zmEListe .zmitem a.details::after {
	border-color:#91b015;
}


/* Verbesserung der Kontakt-Elemente

#lpSeite h2{
	padding:20px 0;
}
#lpSeite .kontakt{
	padding:10px;
	font-size:17px;
	margin-bottom:2px !important;
}
#lpSeite.maliste .kontakt::after{
	top:20px;
	right:15px;
}
#lpSeite .kontakt.open,
#lpSeite:not(.maliste) .kontakt{
	position:relative;
	min-height:270px;
	padding:20px 20px 20px 200px;
}


#lpSeite.maliste .kontakt.open .ansprechName,
#lpSeite.maliste .kontakt .ansprechName {
    padding-top:0;
}
#lpSeite:not(.maliste) .kontakt::before,
#lpSeite .kontakt.open::before{
	content:'';
	position:absolute;
	left:20px;
	top:20px;
	width:160px;
	height:200px;
	background-color:#d9e5eb;
}

#lpSeite .kontakt img.foto{
	float: none;
	margin:0;
	position:absolute;
	left:20px;
	top:20px;
	width:160px;
	height:auto;
}
#lpSeite .kontakt .ansprechName{
	padding:0;
	margin:0;
}
#lpSeite .kontakt .ansprechKommunikation{
	background-color:#f3f7f9;
	padding:0;
	margin:20px 0 0 0;
}
#lpSeite .kontakt .position {
	padding-left:0;
	margin:0;
}

#lpSeite .kontakt .ansprechKommunikation .responsibilities {
	margin-bottom:20px;
}
#lpSeite .kontakt p,
#lpSeite .kontakt .position p{
	margin:0;
}
#lpSeite .kontakt .ansprechKommunikation .kommunikation-TELEFON::before,
#lpSeite .kontakt .ansprechKommunikation .kommunikation-EMAIL,
#lpSeite .kontakt .ansprechKommunikation .gebaeude,
#lpSeite .kontakt .ansprechKommunikation .raum{
	border-color:#d9e5eb;
}
#lpSeite span.bezeichnung {
	width:100px !important;
}
#main .ym-col2 #content .kontakt a {
	text-decoration: none;
}




/*** Verbesserung Werbefläche das K auf der Startseite */

.home #main .ym-col2 #content .dasK div,
.home #main .ym-col2 #content .dasK figure,
.home #main .ym-col2 #content .dasK p {
	display:flex;
	flex:1;
	align-items: stretch;
}
.home #main .ym-col2 #content .dasK .basecontent-line-break-text .boxChild{
	display:flex;
}
.home #main .ym-col2 #content .dasK a ,
.home #main .ym-col2 #content .dasK .basecontent-line-break-text a {
	padding:0;
	display:flex;
	flex:1;
	align-items:center;
}





/*** Boxen */


/* Link-Text richtig zentriert bei den Kategorie-Seiten
#main .ym-col2 #content .uebersicht .composedcontent-kornwestheim-box{
	display:flex;
	flex-direction:column;
}
#main .ym-col2 #content .uebersicht .composedcontent-kornwestheim-box > div{
	flex:1;
	display:flex;
}
#main .ym-col2 #content .uebersicht .composedcontent-kornwestheim-box > div:nth-child(2) p{
	flex:1;
	display:flex;
}
#main .ym-col2 #content .uebersicht .composedcontent-kornwestheim-box > div:nth-child(2) p a{
	flex:1;
	display:flex;
	align-items:center;
	line-height:1.2;
}

*/


/* Boxen Abstand nach unten korrigiert */
#main .ym-col2 #content .composedcontent-kornwestheim-zeile, #main .ym-col2 #content .ui-widget {
	margin-bottom: 0.6rem;
}

/* Boxen-Bilder leicht entsättigt */
#main .ym-col2 #content .uebersicht .basecontent-image img{
	opacity: 0.8;
}

/* keine Ahnung wofür....
.composedcontent-kornwestheim-box .boxChild:last-child *:last-child{
	margin:0;
}
 */


/*** Veranstaltungen */

#main .ym-col2 #content .veranstaltungen .basecontent-dvv-zm-vk ul li.item.even{
	background-color: #ffffff;
}
#main .ym-col2 #content .veranstaltungen .basecontent-dvv-zm-vk ul li.item .info .zmkurzbeschreibung,
.Veranstaltungskalender #zmEListe ul li.zmitem .info .zmkurzbeschreibung {
	line-height:1.3;
}
#main .ym-col2 #content .veranstaltungen .basecontent-dvv-zm-vk ul li.item .info .zmkurzbeschreibung,
.Veranstaltungskalender #zmEListe ul li.zmitem .info .zmkurzbeschreibung p{
	margin-bottom:10px;
}
#main .ym-col2 #content .veranstaltungen .basecontent-dvv-zm-vk ul li.item .info .zmkurzbeschreibung,
.Veranstaltungskalender #zmEListe ul li.zmitem .info .zmkurzbeschreibung p:last-of-type {
	margin:0;
}
.locationname{
	margin-bottom:10px;
}
.Veranstaltungskalender #zmDetail .vevent .Kopf h2.zeit{
	font-size:18px;
	margin:0;
	padding:0;
}
.Veranstaltungskalender #zmDetail .vevent .Kopf h2.titel{
	font-size:26px;
}
.Veranstaltungskalender #zmDetail .vevent .Kopf h2.zeit abbr{
	border:0;
	text-decoration:none;
}
.Veranstaltungskalender #zmDetail .vevent .Kopf h2.zeit span.dtTimeInfo{
	font-weight:400;
}
.Veranstaltungskalender #zmDetail .vevent .Kopf h2.zeit span.dtTimeInfo::before{
	content:' · ';
}
.Veranstaltungskalender #zmEListe ul li.zmitem.odd{
	background-color:#ebf1f5;
}
.Veranstaltungskalender #zmEListe ul li.zmitem.even{
	background-color:#f3f7f9;
}


/*** Startseite gelbe Leiste */
/*
.home #main .ym-col2 #content .gelb .basecontent-list ul li{
	padding:0;
	margin-left:15px;
	font-weight:400;
	font-size:18px;
}
.home #main .ym-col2 #content .gelb .basecontent-list ul li:first-child{
	margin-left:0;
}

.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(1) a,
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(2) a,
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(3) a,
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(4) a{
	padding:5px 15px 5px 36px;
	background-repeat:no-repeat;
	background-size:18px;
	background-position:10px center;
	font-size:18px;
}
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(1) a::before,
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(2) a::before,
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(3) a::before,
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(4) a::before{
	content:none;
}
*/
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(2) a{
	/* background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232680B8;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M35-0.1c-19.3,0-35,15.7-35,35s15.7,35,35,35s35-15.7,35-35S54.3-0.1,35-0.1z M35,62.4 c-15.2,0-27.5-12.4-27.5-27.5S19.8,7.3,35,7.3s27.5,12.4,27.5,27.5S50.2,62.4,35,62.4z'/%3E%3Cpath class='st0' d='M53.2,33.8H37.5V14.9c0-1.6-1.3-2.9-2.9-2.9s-2.9,1.3-2.9,2.9v21.8c0,1.6,1.3,2.9,2.9,2.9h18.6 c1.6,0,2.9-1.3,2.9-2.9S54.8,33.8,53.2,33.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");

	background-image: url("../img/SVG/blau/icon-oeffnungszeiten-blau.svg"); */

}
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(3) a{
	/*
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' enable-background='new 0 0 70 70' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='%232680B8' d='M68.4,55.2L57.6,44.4c-2.2-2.1-5.7-2.1-7.9,0.1L44.2,50c-0.3-0.2-0.7-0.4-1.1-0.6 c-3.4-1.9-8.1-4.5-13.1-9.5c-5-5-7.6-9.7-9.5-13.1c-0.2-0.4-0.4-0.7-0.6-1l3.7-3.6l1.8-1.8c2.2-2.2,2.3-5.8,0.1-7.9L14.8,1.6 C12.6-0.6,9-0.5,6.8,1.7l-3,3.1l0.1,0.1C2.8,6.2,2,7.7,1.3,9.3c-0.6,1.5-1,3-1.1,4.5c-1.4,11.8,4,22.6,18.7,37.3 c20.3,20.3,36.6,18.8,37.3,18.7c1.5-0.2,3-0.6,4.5-1.1c1.6-0.6,3.1-1.5,4.4-2.5l0.1,0.1l3.1-3C70.5,61,70.6,57.4,68.4,55.2z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-image: url("../img/SVG/blau/icon-telefon-blau.svg"); */

}
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(4) a{
	/*
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cpath fill='%232680B8' d='M507.5,431.9L285,46.6c-12.9-22.3-45.2-22.3-58.1,0L4.5,431.9c-12.9,22.3,3.2,50.3,29,50.3h444.9 C504.2,482.2,520.4,454.2,507.5,431.9z M256.3,165.2c14.3,0,25.8,11.8,25.4,26.1l-4.2,146.3c-0.3,11.5-9.7,20.6-21.3,20.6 s-21-9.2-21.3-20.6l-4.1-146.3C230.5,177.1,242,165.2,256.3,165.2z M256,429.9c-14.6,0-26.4-11.8-26.4-26.4s11.8-26.4,26.4-26.4 c14.6,0,26.4,11.8,26.4,26.4C282.4,418,270.6,429.9,256,429.9z'/%3E%3C/svg%3E");


	background-image: url("../img/SVG/blau/icon-hinweis-blau.svg");

	 */
}

.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(5) a{ 
	/*
	background-image: url(../img/SVG/blau/icon-oeffnungszeiten-blau.svg);
padding: 5px 15px 5px 36px;}
*/

/*** Rechte Seitenleiste */


/* E-Mail-Adressen mit ... abkürzen */
#service .basecontent-dvv-kontaktdaten .mail a,
#service .basecontent-dvv-service-bw-beh-rdendaten .mail a,
#service .basecontent-dvv-service-bw-einzelner-kontakt .mail a,
#service .basecontent-dvv-service-bw-kontakte .mail a,
#service .basecontent-dvv-zm-ez-pers .mail a {
	display:block;
	overflow-wrap:normal;
	word-break: normal;
	width:200px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/*
#service .basecontent-dvv-kontaktdaten .mail a:hover,
#service .basecontent-dvv-service-bw-beh-rdendaten .mail a:hover,
#service .basecontent-dvv-service-bw-einzelner-kontakt .mail a:hover,
#service .basecontent-dvv-service-bw-kontakte .mail a:hover,
#service .basecontent-dvv-zm-ez-pers .mail a:hover{
	display:block;
	overflow-wrap:normal;
	word-break: normal;
	width:auto;
	text-overflow:;
	white-space: nowrap;
	overflow: hidden;
	position:absolute;
	left:13px;
	top:0;
}
*/


/*** Footer */

#main .mainunten ul li a {
	padding: 5px 15px 5px 36px;
	background-position:12px center;
}


/*** Hover nur bei hover-fähigen Geräten */

@media (hover: hover){
	
	
	#main .ym-col1 .ym-cbox ul li a:hover{
		background-color:#2680b8;
		color:#fff;
	}
	#main .ym-col1 .ym-cbox ul li.current > a:hover,
	#main .ym-col1 .ym-cbox ul li.currentParent > a:hover {
		color:#ffffff !important;
	}
	/* Aktuelles-Icons
	#main .ym-col1 .ym-cbox .ym-vlist > ul > li:last-child > a:hover{
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M22.1,6.6c1.1,0,2-0.9,2-2V2.5c0-1.1-0.9-2-2-2s-2,0.9-2,2v2.1C20.1,5.7,21,6.6,22.1,6.6z M29.3,3.9h-4.1v1 c0,1.7-1.4,3.1-3.1,3.1S19,6.6,19,4.9v-1h-8.2v1C10.9,6.7,9.5,8,7.8,8s-3-1.3-3-3V4L0.6,3.9v25.7h26.7h2L29.3,3.9z M27.3,27.5H2.7 V11.1h24.6C27.3,11.1,27.3,27.5,27.3,27.5z M7.8,6.6c1.1,0,2-0.9,2-2V2.5c0-1.1-0.9-2-2-2s-2,0.9-2,2v2.1C5.8,5.7,6.7,6.6,7.8,6.6z M14.1,13.3h-3.2v2.9h3.2V13.3z M19.4,13.3h-3.2v2.9h3.2V13.3z M24.2,13.3H21v2.9h3.2V13.3z M14.1,18h-3.2v2.9h3.2V18z M19.4,18 h-3.2v2.9h3.2V18z M24.2,18H21v2.9h3.2V18z M14.1,22.9h-3.2v2.8h3.2V22.9z M9,18H5.8v2.9H9V18z M9,22.9H5.8v2.8H9V22.9z M19.4,22.9 h-3.2v2.8h3.2V22.9z M24.2,22.9H21v2.8h3.2V22.9z'/%3E%3C/svg%3E");
	}
	/* News-Icon
	#main .ym-col1 .ym-cbox .ym-vlist > ul > li:first-child > a:hover{
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M256,0C114.6,0,0,114.6,0,256s114.6,256,256,256s256-114.6,256-256S397.4,0,256,0z M286,422.4 c0,6.6-5.4,12-12,12h-36c-6.6,0-12-5.4-12-12v-36c0-6.6,5.4-12,12-12h36c6.6,0,12,5.4,12,12V422.4z M289.6,321.1 c-0.1,11.7-9.6,21.3-21.3,21.3h-24.5c-11.7,0-21.3-9.5-21.3-21.3V92.5c0-11.7,9.5-21.3,21.3-21.3h24.5c11.7,0,21.3,9.5,21.3,21.3 V321.1z'/%3E%3C/svg%3E%0A");
	}
	*/

	/* Hover Tabellen PM-Meldung */
	#main .ym-col2 #content .presse-administration .pm-meldung:hover,
	#main .ym-col2 #content .presse-uebersicht .pm-meldung:hover{
		background-color:#d9e5eb;
	}
	.home #main .ym-col2 #content .veranstaltungen .basecontent-dvv-zm-vk ul li.item:hover,
	.Veranstaltungskalender #zmEListe ul li.zmitem:hover{
		background-color:#d9e5eb;
	}
	.home #main .ym-col2 #content .buergerservice .composedcontent-kornwestheim-spalte > div:hover{
		background-color:#ebf1f5;
	}
	/* 17.12.2020
	.home #main .ym-col2 #content .gelb .basecontent-list ul li a:hover{
		background-color:#ffd633;
		color:#2680b8;
	}
	*/
	 */
	#main .mainunten ul li a:focus, #main .mainunten ul li a:hover{
		text-decoration:none;
		background-color:#fff;
		border-color:#667b80;
	}
}

/*** Tablet im Hochformat */

@media (max-width:980px){
	
	#header .zeile1 .kontrast-schrift {
		top: 50%;
		right: 20px;
		transform:translateY(-50%);
		padding:0;
	}
	#lpSeite span{
		display:block !important;
	}
	#lpSeite span.bezeichnung{
		font-weight:500;
	}
	/*
.home #main .ym-col2 #content .gelb .basecontent-list ul{
    display:block;
    padding:20px;
}
.home #main .ym-col2 #content .gelb .basecontent-list ul li{
    display:block;
    padding:0;
    margin:0 0 5px 0;
}

.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(1) a,
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(2) a,
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(3) a,
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(4) a{
    display:block;
    padding:5px 15px 5px 36px;
}
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(1) a::before,
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(2) a::before,
.home #main .ym-col2 #content .gelb .basecontent-list ul li:nth-child(3) a::before{
    content:none;
}
 */
}


/*** Ansicht ohne Sidebar */

@media (max-width:680px){
	#header .zeile1 .logo{
		display:flex;
		justify-content:right;
	}
	#header .zeile1 .logo a {
		margin:0;
	}
}
}




/*** Smartphone-Ansicht 

@media (max-width:480px){
	h1{
		hyphens:auto;
	}
	#lpSeite .kontakt{
		padding:10px !important;
		min-height:0;
		margin-bottom:2px !important;
	}
	#lpSeite .kontakt::before{
		content:none !important;
	}
	#lpSeite.maliste .kontakt .ansprechName {
		padding-top:0;
	}
	#lpSeite .kontakt img.foto,
	#lpSeite .kontakt.open img.foto{
		position:static;
		left:auto;
		top:auto;
		width:50%;
		height:auto;
		display:block;
		margin-bottom:10px;
	}
	#lpSeite.maliste .kontakt.open .ansprechName {
		padding-top:0px;
	}
}