/***** Global *****/
@font-face {
    font-family: 'Helvetica';
    src: url("../fonts/Helvetica.ttf");
}

@font-face {
    font-family: 'Helvetica-Bold';
    src: url("../fonts/Helvetica-Bold.ttf");
}

@font-face {
    font-family: 'Helvetica-Light';
    src: url("../fonts/Helvetica-Light.woff2");
}


.slider-titel-inner p, .slider-text p, span.thinn {
    font-family: Helvetica-Light;
    margin: 0 0 0.2em 0;
}

@media (max-width: 768px) {
    .slider-titel-inner p, .slider-text p, span.thinn {
        margin: 0 0 0 0;
    }
}

.rot, strong.rot {
    color: #dc3545;
}

strong.rot {
    text-transform: none;
}

@media (max-width: 768px) {
    .slider-text p {
        font-size: 12px;
    }
}

.slider-text a {
    text-decoration: underline;
}


strong, .slider-titel-inner p strong, .field__label, .views-news-vorschau-header-text h2, .par-social-newsletter h4, #block-newsletterfakeform h3, .more-info-text,
h1, .db544 .selfdb_dialog .selfdb_fieldNewsText, .kontakt-wrapper h2, .kontakt-wrapper h3, .kontakt-wrapper h4
{
    font-family: Helvetica-Bold;
}



/*
.field--name-field-subtitel-optional- {
    font-family: Helvetica-Bold;
}
*/

.color-hell {
    color: #ffffff;
}
.color-dunkel {
    color: #000000;
}
.color-hellblau {
    color: #E4EEF5;
}
.color-beige {
    color: #F1EEE8;
}
.color-dunkelblau {
    color: #475F80;
}
.color-magenta {
    color: #B50247;
}
.color-braun {
    color: #949370;
}
.color-tuerkis {
    color: #93CCDD;
}
.color-mittelblau {
    color: #BBCFDC;
}

* {
    scroll-behavior: smooth;
}

.par-link a {
    width: 100%;
}

.alert {
    z-index: 999;
    width: 90%;
}

.navbar-brand {
    margin-top: -13px;
}

@media (max-width: 575px) {
    .navbar-brand {
        margin-top: 0px;
    }
}

.search-block-form {
    margin-top: -0.75em;
}

.slider-titel strong {
    /*display: inline-block;*/
    display: contents;
}


.page-node-type-news .news-header-bild picture img {
    margin-top: 4em;
}

@media (min-width: 575px) {
    .page-node-type-news .news-header-bild picture img {
        margin-top: 9em;
    }
}

.infosidebar a, .page-content-wrapper .container a, .page-node-type-news main a, .page-node-type-unternehmen a, .institution a, .phpblocks a, .par-textblock-bild-rechts a, .newsletter-inner-wrapper a
{
    text-decoration: underline;
}

@media (max-width: 768px) {
    .view-infosidebar-topnews .row {
        width: 50%;
        flex-wrap: nowrap;
    }
}

.par-social-newsletter .par-subtitle {
    font-weight: normal;
}

.page-content-wrapper *, .news-vorschau-row *, .event-anrisstext-ohnebild * {
    hyphens: auto;
    -webkit-hyphens:auto;
    -moz-hyphens:auto;
}

.page-content-wrapper .container a:hover, .phpblocks a:hover,
.page-content-wrapper .container a:focus, .phpblocks a:focus {
    font-weight: bold;
}

.page-node-type-unternehmen .field {
    margin-bottom: 1em;
}

.date-and-time-wrapper {
    font-size: 12px;
    color: #475f80;
}

.view-events-slider-startseite h4,
.event-anrisstext .field--name-node-title h4 {
    font-weight: bold;
  }

/* @media (max-width: 575px) {
    .phpblocks, .view-auflistung {
        padding: 0 30px;
    }
} */

ol.breadcrumb {
    font-size: 0.8em;
}

@media (max-width: 991px) {
    ol.breadcrumb {
        margin: 1em 0 1em 0;
        font-size: 0.8em;
    }

    .page-with-slider .field--name-field-header-optional- {
        min-height: 56vH;
    }
}

@media (max-width: 575px) {
    ol.breadcrumb {
        margin: 1em 30px 1em 30px;
    }

    .menu--footer-rechtliche-links {
        margin-left: 30px;
    }
}


.node-header-par img {
    margin-top: 3em;
  }

@media (min-width: 991px) {
    .node-header-par img {
        margin-top: 6em;
      }
}

@media (max-width: 991px) {
.par-slider {
    height: 62vH;
}
}

/***** Fixes *****/
@media (min-width: 992px) and (max-width: 1400px) {
    #block-datteln-main-navigation ul.first-line {
        width: 40vw;
    }
}


@media (max-width: 410px) {
    .view-eventkalender.slick-slider:after {
        bottom: 0px;
    }
}

@media (min-width: 991px) {
    .view-eventkalender.slick-slider:after {
        bottom: 0px;
    }
}

.event-kategorie-list {
    margin-left: 1em;
}

@media (max-width: 575px) {
    .slick-dots li button {
        width: 60px;
    }
}


@media (max-height: 800px) and (min-width: 991px) {
    .navbar > .container {
        background-color: transparent;
    }
}

.field--name-field-par-simple-titel {
    margin-bottom: 1em;
}

@media (max-width: 990px) {
    .sliderimg-bg picture img, .sliderimg-bg picture {
        object-position: 70%;
    }
}

/** Kanalknoten-Bild Korrektur **/
.par-textblock-bild-rechts article .field--name-field-media-image .field__item {
    margin-top: 3em;
}


/********* Fixed INFO & KONTAKT Element ************/

@media (max-width: 768px) {
.path-frontpage .infosidebar-btn {
  display: block;
  position: fixed;
  margin-top: calc(100vh - 200px);
  z-index: 9998;
}
}

@media (max-width: 768px) and (max-height: 380px) {
    .path-frontpage .infosidebar-btn {
        margin-top: calc(100vh - 130px);
    }
}


@media (max-width: 768px) {
.infosidebar-btn .more-info-text {
  position: relative;
  bottom: unset;
  writing-mode: unset;
  left: -4em;
  transform: rotate(0deg);
  text-align: center;
  margin-top: 90px;
  bottom: 0.5em;
  font-size: 0.8em;
}

.infosidebar-btn .more-info-text .plusicon {
    width: 26px;
    margin-right: 6px;
  }

.infosidebar-btn .more-info-text .plusicon {
    background-color: #000;
    color: #fff;
    border-radius: 20px;
    font-size: 1em;
    line-height: 14px;
    margin-bottom: 6px;
    padding: 6px 0;
    font-weight: 100;
    display: inline-block;
  }

footer {
    z-index: 9999;
}

}

@media (max-width: 768px) and (max-height: 380px) {
    .infosidebar-btn .more-info-text {
        margin-top: 30px;
      }
}


/** Anker-Links mit oberen Versatz **/
a[name] {
    display: block;
    position: relative;
    top: -160px;
    visibility: hidden;
}

/***** Navigation *****/
.a-dropdown-item {
    padding: 0.5rem 1rem;
}

/***** Includes *****
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    padding-left: 0;
} */

/***** Startseite *****/
.mehr-erfahren {
    visibility: hidden;
}

/***** Abo-Online *****/
.populaereAngebote .ueberschrift, .populaereOE .ueberschrift {
    font-weight: bold;
}

/***** BSO *****/
h1.angebote_ueberschrift, h1.oes_ueberschrift {display:none;}

.alphabet div {float:left;padding:0px 12px 0px 0px ;}
.alphabet {font-size: 120%; float:left; padding-bottom: 15px;}
.alleeintraege {font-size: 120%; /*float: right;*/}
/*.nofloat {}*/

.searchform div {font-size: 100%; }
.searchform input {margin-right: 10px;}
.searchform {float: right;}

.div_hideme {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
   height: 1px;
    overflow: hidden;
}

.menu_formulare + * {clear: both;}

.angebot_detail .ueberschrift, .oe_detail .ueberschrift, .person_detail .ueberschrift {
	margin-top: 12px;
}

div.oe_aktuelleMeldungen .ueberschrift {
    margin-top: 0;
    }

div.oe_aktuelleMeldungen {
    background-color: #E4EEF5;
    }

.ueberschrift {
    font-weight: bold;
}

table.zeiten th {
    padding-right: 5px;
}



.wochentag {font-weight: bold; margin: 5px 10px 5px 0px;}
.zeile_zeiten {margin: 0 0 1em 0;}

@media (min-width: 768px) {
    .tabelle_zeiten {display: table;}
    .zeile_zeiten {display: table-row;}
    .zeitspanne, .anmerkung {display: table-cell; padding: 0 1em;}
    .zeile_zeiten {margin: 0 0 0 0;}
}


/******* DS ******/
.menu_formulare {
    padding-bottom: 10px;
}

.angebot_name .typ {display: none;}

.angebot_wrapper, .oe_wrapper {
		display: grid;
		grid-template-columns: 100%;
		grid-gap: 2em;
}

.angebot_detail img, .oe_detail img{
	max-width: 480px;
}

.angebot_kosten, .angebot_unterlagen, .angebot_formulare, .angebot_voraussetzungen {
	background-color: #F1EEE8;
	padding: 0.5em;
    margin: 5px 5px 5px 0px;
}

.angebot_organisatorischeEinheit, .angebot_link, .oe_oeffnungszeiten, .oe_standardzeiten, .bso_kontakt {
	background-color: #E4EEF5;
	padding: 0.5em;
	margin: 5px 5px 5px 0px;
}

@media (min-width: 990px) {
	.angebot_wrapper, .oe_wrapper {
		grid-template-columns: 50% auto;
	}

	.angebot_bild, .oe_bild {
		display: grid;
		justify-self: end;
	}

	/*.oe_bild {float: right;}*/

	.angebot_bild img, .oe_bild img {
		padding: 1em;
	}

}
/***** SelfDB *****/
/***** Vereine (17) *****/
/** Verzeichnisliste **/
.db17 .selfdb_verzeichnisname, .db17 th.selfdb_name, .db17 th.selfdb_stadt, .db17 td.selfdb_fieldStadt,  .db17 .selfdb_linkstop {
    display: none;
}

.db17 tr.selfdb_grouprow {
    font-weight: bold;
    height: 4em;
    vertical-align: bottom;
}

.db17 .selfdb_linksbottom .selfdb_neuesuchelist {
    margin: 1em 0;
}

.selfdb_linksbottom {
    margin-top: 4em;
}

.selfdb_neuesuchelist a, .selfdb_neuesuche a, .selfdb_neuereintrag a {
	font-family: Helvetica-Light;
	background-color: #93CCDD;
	padding: 1em;
	text-decoration: none;
	border-radius: 4px;
    margin: 1em 0;
}

.selfdb_neuesuchelist, .selfdb_neuesuche, .selfdb_neuereintrag {
    margin: 2em 0;
}



/** Details **/
.db17 .selfdb_dialog .selfdb_fieldName {
    font-weight: bold;
    font-size: 1.4em;
}

.db17 .selfdb_dialog .selfdb_fieldName .selfdb_columnname,
.db17 .selfdb_dialog .selfdb_fieldBeschreibung .selfdb_columnname,
.db17 .selfdb_dialog .selfdb_fieldVtelefon .selfdb_columnname,
.db17 .selfdb_dialog .selfdb_fieldVemail .selfdb_columnname,
.db17 .selfdb_dialog .selfdb_fieldBild .selfdb_columnname {
    display: none;
}

.db17 .selfdb_dialog .selfdb_columnname {
    font-weight: bold;
}

.db17 .selfdb_dialog .selfdb_columnvalue {
    margin-bottom: 1em;
}

.db17 .selfdb_dialog .selfdb_fieldAdresse {
    margin-top: 1em;
}



/***** Schulen(83) *****/
/** Verzeichnisliste **/
.db83 .selfdb_verzeichnisname, .db83 th.selfdb_bild, .db83 th.selfdb_name, .db83 th.selfdb_stadt, .db83 td.selfdb_fieldBild, .db83 td.selfdb_fieldStadt, .db83 .selfdb_linkstop .selfdb_neuesuchelist {
    display: none;
}

.db83 tr.selfdb_grouprow {
    font-weight: bold;
    height: 4em;
    vertical-align: bottom;
}

/*** Überschrieben und Testen!!! Standardwert 60px in der custom.css ***/
.page-with-slider .field--name-field-inhalt {
    padding-bottom: 0px;
  }

.db83 .selfdb_linksbottom .selfdb_neuesuchelist {
    margin: 4em 0;
}

/** Details **/
.db83 .selfdb_dialog .selfdb_fieldName .selfdb_columnname,
.db83 .selfdb_dialog .selfdb_fieldKurzbeschreibung .selfdb_columnname,
.db83 .selfdb_dialog .selfdb_fieldBild .selfdb_columnname,
.db83 .selfdb_dialog .selfdb_fieldStadt {
    display: none;
}

.db83 .selfdb_dialog .selfdb_fieldName {
    font-weight: bold;
    font-size: 1.4em;
}

.db83 .selfdb_dialog .selfdb_columnname {
    font-weight: bold;
}

.db83 .selfdb_dialog .selfdb_fieldKurzbeschreibung {
    margin-bottom: 1em;
}

.db83 .selfdb_dialog .selfdb_columnname {
    margin-top: 1em;
}

.db83 .selfdb_dialog .selfdb_fieldBild {
    width: 50%;
    float: left;
    margin: 0 2em 0 0;
}

/***** Witschafts-News *****/
.db544 .selfdb_verzeichnisname {display:none;}
.db544 .selfdb_columnname {display: none;}

.db544 .selfdb_fieldNewsText {
    font-weight: bold;
    margin-bottom: 0.5em;
}

.db544 .selfdb_weiteredetails {
    margin-bottom: 2em;
}

.db544 .selfdb_reportentry {
    padding: 2em 0 0 0;
    clear:both;
}


/***** Stellenangebote SelfDB 640 *****/
.db640 .selfdb_verzeichnisname {display:none;}
.db640 .selfdb_reportentry {border: none;}
.db640 .selfdb_list .selfdb_fieldBewerbungsfrist, .db640 .selfdb_fieldArbeitgeber {display: none;}
.db640 .selfdb_fieldStellenbezeichnung .selfdb_columnname {display: none; }
.db640 .selfdb_report .selfdb_columnvalue {margin-left: 0px;}


.db640 .selfdb_fieldBewerbungsfrist .selfdb_columnname::after {
  content: ":";
  padding-right: 4px;
}

.db640 .selfdb_report .selfdb_columnname {
    font-weight: bold;
    float: left;
}

.db640 .selfdb_reportentry {
    margin-top: 15px;
}

.db640 .selfdb_reportgroup:first-child {
    font-weight: bold;
    padding-top: 0em;
}

.db640 .selfdb_reportgroup {
    font-weight: bold;
    padding-top: 4em;
}


/******* Views ******/
.view-auflistung {
    margin-bottom: 2em;
}

.view-auflistung a, .view-empty a {
    text-decoration: underline;
}

.view-auflistung, .view-empty {
    margin: 1em;
}


.view-auflistung .views-row {
    margin-bottom: 2em;
}

.view-unternehmen .views-row {
    margin-bottom: 0;
}

.view-unternehmen h2 {
    margin-top: 1em;
}

@media (min-width: 990px) {
    .view-auflistung .views-row {
        padding-top: 2em;
        clear: both;
    }
    .view-auflistung .views-row img.img-fluid {
        max-width: 15%;
        float: left;
        margin: 0 1em 0 0;
    }
}

/* gehört in custom.css */
.kalenderbtn-listenansicht.open,
.kalenderbtn-kalenderansicht.open,
.kalenderbtn-vergangene.open
{
    background-color: #93CCDD !important;
}

.calender-ansicht-btns a:hover {
    text-decoration: none;
}

/******* Webform ******/
.webform-submission-form input[type="text"],
.webform-submission-form input[type="email"],
.webform-submission-form textarea,
.webform-submission-form .chosen-container {
  border: none;
  border-bottom-color: #000;
  border-bottom-style: none;
  border-bottom-width: medium;
  background-color: transparent;
  border-radius: 0;
  color: #000;
  padding: 0;
  padding-bottom: 0px;
  margin-bottom: 50px;
  padding-bottom: 15px;
  border-bottom: 2px solid #000;
}

.startseite_wrapper .webform-submission-form input[type="text"],
.startseite_wrapper .webform-submission-form input[type="email"],
.startseite_wrapper .webform-submission-form textarea,
.startseite_wrapper .webform-submission-form .chosen-container {
    color: #fff;
}

.webform-submission-form .chosen-container {
  border-bottom: 0;
}


/******* Spielplätze *******/
.view-spielplaetze .row {
    --bs-gutter-x: 0rem;
}

/********* Footer ***********/
.region-footer #block-footerimpressum p {
    float:left;
}

.region-footer #block-footerimpressum img {
    margin-left: 2em;
}

main footer {
    background-color: transparent;
    padding-top: 0;
}

main footer button {
    margin-left: 80%;
    background-color: #fff;
    font-weight: 700;
    border: 0;
    padding: 0.5em 1em;
}

a.goto-newsarchiv {
    float: right;
    font-size: 12px;
    font-weight: bold;
}

/** Linke Spalte (Abstand unten) für Mobil reduzieren **/
/** Rechte Spalte (Abstand unten) für Mobil erhöht **/
@media (max-width: 768px) {
    .field--name-field-linke-spalte {
        margin-bottom: -1em;
    }
    .field--name-field-rechte-spalte {
        margin-bottom: 2.5em;
    }
}

/** Readspeaker **/
.open-readspeaker-webreader {
    display: grid;
    justify-items: end;
    float: right;
}


/** Briefwahlantrag **/

button {
    height: 35px;
    cursor: pointer;
    font-size: 120%;
    text-align: center;
    border: 0;
    text-transform: none;
    border-radius: 2px;
    border-bottom: 2px solid #444444;
    cursor: pointer;
    padding-left:15px;
    padding-right:15px;
    OVERFLOW:visible;
    WIDTH:auto;
     transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    background: none repeat scroll 0 0 #575757;
    color: #FFFFFF;

}

.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; }
}

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

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

.navbar-toggler-icon {
    color: black;
}