/*Styles Bürgerservice Bereiche, BM 31.08.2023*/
.bwul li {
    padding-top:20px;
}

.bwul li a, .bwul li a:visited, .bwul li a:active, .bwul li a:focus {
    line-height: 24px;
    border-bottom-color: var(--color-transparent);
    transition: border-color var(--transition-speed) var(--transition-ease);
}

.bwul li a:hover {
    border-bottom-color: var(--color-yellow)!important;
}

.bwul ul {
	padding-bottom:40px;
	list-style-image: url('/themes/custom/castrop_rauxel/img/icons/rathaus.svg');	
}

.bwul ul ul {
 	list-style-image: url('/themes/custom/castrop_rauxel/img/icons/ordner.svg');	/*Muss noch ausgetauscht werden*/
}


/*Styles Bürgerservice DL, Matzmorr 31.08.2023*/

/* Container noch nicht korrekt u.g. würde klappen, aber müsste angepasst werden für andere Auflösungen
.block-external-content {
 background-color: var(--color-white);
    padding: 0px 176px 0px 176px;
 }
 */
 
.angebote {
	list-style-type: none;
	padding-left: 0;
}

.angebote li {
    padding-top:20px;
    color: var(--color-black);
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin-bottom: 16px;
    width: 100%;
    position: relative;
    box-shadow: 0px 1px 0px var(--color-darker-grey);
    transition: box-shadow var(--transition-speed) var(--transition-ease);
    margin-top: 40px;
    padding-bottom: 20px;
   
}

.angebote li:after {
	content: url(../img/icons/chevron-chevron_right.svg);	
    position: absolute;
    width: 16.49px;
    height: 16px;
    right: 0px;
    bottom: 26px;
    cursor: pointer;
}

.angebote li:hover {
    box-shadow: 0px 2px 0px var(--color-yellow);
}
.angebote li a {
   border-bottom-width:0;
}

@media only screen and (min-width: 800px) {
    .row .ueberschrift {
        width: 10%; float:left; 
    }
}

.angebot_organisatorischeEinheit ul li {
    list-style: none;    
    margin-left: -32px;
}

/* Styles Ortsrecht, Matzmorr 31.08.2023 */

.formulare_bezeichnung {
    padding-top: 10px;
}

.formulare_beschreibung {
    box-shadow: 0px 1px 0px var(--color-darker-grey);
    padding-bottom: 20px;  
}

.gross {	/* Headline*/
    color: var(--color-blue);
    font-family: GilroySemiBold;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 29px;
    word-wrap: break-word;
}
    
/* Bekanntmachungen */
.columnname {
    float: left;
}

.bekanntm_art .columnname, .bekanntm_titel .columnname, .bekanntm_link .columnname {
    display: none;
}

#block-bekanntmachungen h2:not(:first-child) {
	padding-top: 50px;
}

.bekanntmachung {
    padding-top:10px;
    color: var(--color-black);
    font-size: 1.125rem;
    letter-spacing: 0.5px;
    line-height: 24px;
    width: 100%;
    position: relative;
    box-shadow: 0px 1px 0px var(--color-darker-grey);
    transition: box-shadow var(--transition-speed) var(--transition-ease);
    padding-bottom: 25px;
}

.distributor-teaser-list-bottom {
    text-align: center;
    margin-top: 2em;
}

/** i#10 **/
main p, .accordion .accordion-item .accordion-body p {
    line-height: 26px;
}

iframe.iframepar {
    width: 100%;
    aspect-ratio: 800/533;
    padding: 2em;
}

/*** Briefwahlantrag ***/

.persoenlicheDaten, .wahlen, .stimmbezirk, .waehlerverzeichnisnummer {display:table;}
.familienname, .vorname, .geburtsdatum, .wahl, .akademischergrad, .strasse, .hausnummer {display:table-row;}
.columnname, .columnvalue {display:table-cell; padding: 5px 10px 5px 0px;}
.columnzusatz {display:table-cell;  }

.briefwahlantrag {padding-top:20px;}
.persoenlicheDaten, .wahlinfos {padding-bottom: 30px;}
.buttons {padding-top: 20px;}

form > div.persoenlicheDaten > div, 
form > div.wahlinfos > div
{margin-bottom: 5px; }
.columnname {font-weight:bold; }
.columnvalue {padding-right:5px;}

.versand .columnname  {width: auto; }
.versandanschrift .columnname {font-weight:bold; width: auto;}
.versandanschrift output {display: block;}

form#neuerAntragForm {padding-top:60px;}

@media screen and (max-width:510px) {
    .wahl .columnvalue {padding-left: 0%;}
    .wrap-all { width: 90%; margin: 0 auto; }
    .columnzusatz, .columnname, .columnvalue {display:block; padding: 0px 0px 5px 0px;}
}

@media screen and (max-width:510px) {
.wahl .columnvalue {padding-left: 0%;}
.wrap-all { width: 90%; margin: 0 auto; }
}

form#antragForm {
margin-top:12px;
}

output.wichtig {
margin-bottom: 18px;
}


.page-node-type-startseite .form-type-select {
    display: none;
}

#easy-speech-custom-including-tooltip {
    margin: 2.2em 0 0 0.2em;
}