@charset "utf-8";
/* CSS Document */


/*Startseite Content*/

.container_ballett{
	background-image: url(../images/bg2024.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}


/*Einrichtungen - Verteilerseite*/

.museenundkulturdienste{
	background-image:url(../icons/museen.svg);
	background-repeat:no-repeat;
	background-position:7px 10px;
	background-size:47px;
}
.kliniken{
	background-image:url(../icons/kliniken.svg);
	background-repeat:no-repeat;
	background-position:7px 10px;
	background-size:47px;
}
.heilpaedagogischehilfen{
	background-image:url(../icons/hph.svg);
	background-repeat:no-repeat;
	background-position:7px 10px;
	background-size:47px;
}
.schulen{
	background-image:url(../icons/schulen.svg);
	background-repeat:no-repeat;
	background-position:7px 10px;
	background-size:47px;
}
.jugendhilferheinland{
	background-image:url(../icons/jugendhilfe.svg);
	background-repeat:no-repeat;
	background-position:7px 10px;
	background-size:47px;
}
.zentralverwaltung{
	background-image:url(../icons/zentrale.svg);
	background-repeat:no-repeat;
	background-position:7px 10px;
	background-size:47px;
}
.mehr{
	background-image:url(../icons/more.svg);
	background-repeat:no-repeat;
	background-position:7px 10px;
	background-size:47px;
}

.einrichtung_list ul .location{
	background-image:url(../icons/arrow.svg);
	background-size:10px;
	background-repeat:no-repeat;
	background-position:0 5px;
	display:inline-block;
}


/*Locations - Standorte*/
.headline_location h2::before{
    background-position: 15px 10px;
    background-repeat: no-repeat;
    background-size: 35px;
    height: 50px;
    width: 50px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}
.headline_location h2.Kliniken::before{
	background-image:url(../icons/kliniken.svg);
}
.headline_location h2.MuseenundKulturdienste::before{
	background-image:url(../icons/museen.svg);
}
.headline_location h2.Schulen::before{
	background-image:url(../icons/schulen.svg);
}
.headline_location h2.Mehr::before{
	background-image:url(../icons/more.svg);
}
.headline_location h2.HeilpaedagogischeHilfen::before{
	background-image:url(../icons/hph.svg);
}
.headline_location h2.Zentralverwaltung::before{
	background-image:url(../icons/zentrale.svg);
}
.headline_location h2.JugendhilfeRheinland::before{
	background-image:url(../icons/jugendhilfe.svg);
}
.telefon{
	background-image:url(../icons/telefon.svg);
	background-size:17px;
	background-repeat:no-repeat;
	color:#1a1a1a;
	display:inline-block;
}
.fax{
	background-image:url(../icons/fax.svg);
	background-size:17px;
	background-repeat:no-repeat;
	color:#1a1a1a;
	display:inline-block;
}
.email{
	background-image:url(../icons/email.svg);
	background-size:25px;
	background-repeat:no-repeat;
	color:#1a1a1a;
	display:inline-block;
}
.web{
	background-image:url(../icons/web.svg);
	background-size:21px;
	background-repeat:no-repeat;
	color:#1a1a1a;
	display:inline-block;
}
.intern{
	background-image:url(../icons/arrow.svg);
	background-size:10px;
	background-repeat:no-repeat;
	background-position:0 1px;
	padding-left:15px;
}
.download{
	background-image:url(../icons/download_list.svg);
	background-size: 15px;
    background-repeat: no-repeat;
    background-position: 0px -1px;
    padding-left: 19px;
}
.anschrift .telefon{
	background-position: 20px 5px;
	padding:3px 0 3px 45px;
}
.anschrift .fax{
	background-position: 16px 4px;
	padding:3px 0 3px 45px;
}
.anschrift .email{
	background-position: 13px 2px;
	padding:3px 0 3px 45px;
}
.anschrift .web{
	background-position: 13px 4px;
	padding:3px 0 3px 45px;
}
.beschreibung .telefon{
	background-position: 0px 5px;
	padding:3px 0 3px 15px;
}
.beschreibung .fax{
	background-position: 0px 4px;
	padding:3px 0 3px 22px;
}
.beschreibung .email{
	background-position: 0px 2px;
	padding:3px 0 3px 27px;
}
.beschreibung .web{
	background-position: 0px 4px;
	padding:3px 0 3px 22px;
	background-size:13%;
}
.list-group .web{
    background-position: 0px 5px;
    padding-left: 21px;
    background-size: 18px;
}
.text_big .telefon{
    padding-left: 16px;
    background-size: 15px;
    background-position: 0px 3px;
}
.text_big .fax{
    padding-left: 22px;
    background-size: 15px;
    background-position: 0px 3px;
}
.text_big .email{
    padding-left: 25px;
    background-size: 20px;
    background-position: 0px 1px;
}
.kartenlink p{
	background-image:url(../icons/anreise.svg);
	background-repeat: no-repeat;
	background-size:40px;
	background-position: 10px center;
}

.zusatz{
	background-image:url(../icons/more.svg);
	background-repeat:no-repeat;
	background-position:7px 10px;
	background-size:47px;
}
.about_location{
	background-image:url(../icons/about_neg.svg);
	background-repeat:no-repeat;
	background-position:7px 10px;
	background-size:47px;
}
.more_buildings{
	background-image:url(../icons/mehr.svg);
	background-repeat:no-repeat;
	background-position:7px 10px;
	background-size:47px;
}
.downloads{
	background-image:url(../icons/downloads.svg);
	background-repeat:no-repeat;
	background-position:7px 10px;
	background-size:47px;
}
.feedback{
	background-image:url(../icons/feedback.svg);
	background-repeat:no-repeat;
	background-position:7px 10px;
	background-size:47px;
}
.locations_more li a{
	background-image:url(../icons/arrow.svg);
	background-size:10px;
	background-repeat:no-repeat;
	background-position:15px 10px;
}
.downloads_list li a{
	background-image:url(../icons/download_list.svg);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:15px 0px;
}


/*Anfahrtswege*/
.headline_anfahrt h2.anfahrt_detail{
	background-image:url(../icons/anreise.svg);
	background-position: 15px 7px;
	background-repeat:no-repeat;
	background-size:35px;
}

.Auto{
	background-color:#9c1006;
	background-image:url(../icons/auto_w.svg);
	background-position:5px center;
	background-repeat: no-repeat;
}
.Bus{
	background-color:#9c1006;
	background-image:url(../icons/bus_w.svg);
	background-position:5px center;
	background-repeat: no-repeat;
}
.Trambahn, .Strassenbahn, .U_Bahn, .Schwebebahn{
	background-color:#9c1006;
	background-image:url(../icons/bahn_w.svg);
	background-position:5px center;
	background-repeat: no-repeat;
}
.Zug, .S_Bahn{
	background-color:#9c1006;
	background-image:url(../icons/zug_w.svg);
	background-position:5px center;
	background-repeat: no-repeat;
}
.location_row input:checked + label.Auto, .location_row label.Auto:hover{
	background-image:url(../icons/auto.svg);
	background-position:5px center;
	background-repeat: no-repeat;
}
.location_row input:checked + label.Bus, .location_row label.Bus:hover{
	background-image:url(../icons/bus.svg);
	background-position:5px center;
	background-repeat: no-repeat;
}
.location_row input:checked + label.Trambahn, .location_row label.Trambahn:hover, .location_row input:checked + label.Strassenbahn, .location_row label.Strassenbahn:hover, .location_row input:checked + label.U_Bahn, .location_row label.U_Bahn:hover, .location_row input:checked + label.Schwebebahn, .location_row label.Schwebebahn:hover{
	background-image:url(../icons/bahn.svg);
	background-position:5px center;
	background-repeat: no-repeat;
}
.location_row input:checked + label.Zug, .location_row label.Zug:hover, .location_row input:checked + label.S_Bahn, .location_row label.S_Bahn:hover{
	background-image:url(../icons/zug.svg);
	background-position:5px center;
	background-repeat: no-repeat;
}
.beschreibung span.blau{
	background-image:url(../icons/weg_blau.svg);
	background-position:0px 2px;
	background-repeat: no-repeat;
}
.beschreibung span.gruen{
	background-image:url(../icons/weg_gruen.svg);
	background-position:0px 2px;
	background-repeat: no-repeat;
}
.beschreibung span.rot{
    background-image:url(../icons/weg_rot.svg);
	background-position:0px center;
	background-repeat: no-repeat;
}
.beschreibung span.ocker{
    background-image:url(../icons/weg_ocker.svg);
	background-position:0px center;
	background-repeat: no-repeat;
}
.beschreibung span.lila{
    background-image:url(../icons/weg_lila.svg);
	background-position:0px center;
	background-repeat: no-repeat;
}

/*MAP - Mapbox*/
#menu a.active::before{
		content: url(../icons/map_icon_active.svg);
	/*	background-repeat: no-repeat;*/
		display: block;
/*		background-size:12%;*/
		position: absolute;
		left:0px;
		margin:0;
		width:20px;
		height:20px;
    }
#menu a:nth-child(1){
        background-image:url(../icons/map_icon_museen.svg);
		background-position:30px center;
		background-size:20px;
		background-repeat: no-repeat;
		padding-left:65px;
    }
#menu a.active:nth-child(1){
		background-position:10px center;
		padding-left:45px;
    }
#menu a:nth-child(2){
        background-image:url(../icons/map_icon_kliniken.svg);
		background-position:30px center;
		background-size:20px;
		background-repeat: no-repeat;
		padding-left:65px;
    }
#menu a.active:nth-child(2){
		background-position:10px center;
		padding-left:45px;
    }
#menu a:nth-child(3){
        background-image:url(../icons/map_icon_hph.svg);
		background-position:30px center;
		background-size:20px;
		background-repeat: no-repeat;
		padding-left:65px;
    }
#menu a.active:nth-child(3){
		background-position:10px center;
		padding-left:45px;
    }
#menu a:nth-child(4){
        background-image:url(../icons/map_icon_schulen.svg);
		background-position:30px center;
		background-size:20px;
		background-repeat: no-repeat;
		padding-left:65px;
    }
#menu a.active:nth-child(4){
		background-position:10px center;
		padding-left:45px;
    }
#menu a:nth-child(5){
        background-image:url(../icons/map_icon_jugend.svg);
		background-position:30px center;
		background-size:20px;
		background-repeat: no-repeat;
		padding-left:65px;
    }
#menu a.active:nth-child(5){
		background-position:10px center;
		padding-left:45px;
		background-color: #9c1006;
    }
#menu a:nth-child(6){
        background-image:url(../icons/map_icon_verwaltung.png);
		background-position:30px center;
		background-size:20px;
		background-repeat: no-repeat;
		padding-left:65px;
    }
#menu a.active:nth-child(6){
		background-position:10px center;
		padding-left:45px;
		background-color: #9c1006;
    }
#menu a:nth-child(7){
        background-image:url(../icons/map_icon_more.svg);
		background-position:30px center;
		background-size:20px;
		background-repeat: no-repeat;
		padding-left:65px;
    }
#menu a.active:nth-child(7){
		background-position:10px center;
		padding-left:45px;
		background-color: #9c1006;
    }