/* Theme Name: RSK Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then. Version: 1.0 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ /*message-Box rechts oben:Schrift größer + Zwischenabstand Stefan HH */ .avia_message_box_content { /*font-size: 1.2em;*/ padding: 20px 0 0 0; } /*#avia-messagebox- {display:none;}*/ /*Hintergrundfarbe je nach Bereich ändern Stefan HH*/ /*####PAGES ANFANG###*/ /*Neu hier? = Erste Hilfe*/ .page-id-1063 #header_main, .page-id-1063 #header_meta, .page-id-1063 div.container.av-logo-container, .page-id-13805 #header_main, .page-id-13805 #header_meta, .page-id-13805 div.container.av-logo-container, .page-id-14311 #header_main, .page-id-14311 #header_meta, .page-id-14311 div.container.av-logo-container { background-color: #ce9423; background-repeat: no-repeat; } /*Mitglieder*/ .page-id-943 #header_main { background-color: #294272; background-repeat: no-repeat; } /*Video*/ .page-id-997 #header_main , .page-id-997 #header_meta, .page-id-997 div.container.av-logo-container { background-color: #3a5fa3; background-repeat: no-repeat; } /*Angehörige*/ .page-id-962 #header_main, .page-id-962 #header_meta, .page-id-962 div.container.av-logo-container { background-color: #49837b; /*von Agentur*/ background-repeat: no-repeat; } /*Fachleute*/ .page-id-3206 #header_main, .page-id-3206 #header_meta {background-color: #a25d7f;} .page-template-fachleute-page #header_main, .page-template-fachleute-page #header_meta {background-color: #a25d7f;} /*Politik*/ .page-id-970 #header_main, .page-id-970 #header_meta, .page-id-970 div.container.av-logo-container { background-color: #ae7893; /*von Agentur*/ background-repeat: no-repeat; } /*Gebiete*/ .page-id-2169 #header_main, .page-id-2169 #header_meta, .page-id-2169 div.container.av-logo-container { background-color: #919292; background-repeat: no-repeat; } /*Infocenter*/ .page-id-1124 #header_main, .page-id-1124 #header_meta, .page-id-1124 div.container.av-logo-container { /*background-color: #a1bedf; von Agentur*/ background-color: #687EA7; background-repeat: no-repeat; } /*events/categories/convention*/ .page-id-2575 #header_main, .page-id-2575 #header_meta, .page-id-2575 div.container.av-logo-container { background-color: #687ea7; background-repeat: no-repeat; } /*Schritte*/ .page-id-982 #header_main, .page-id-982 #header_meta, .page-id-982 div.container.av-logo-container { background-color: #445E8D; background-repeat: no-repeat; } /*Meetingskarte + Meetings finden = Seite mit Tabbed UI*/ /*alte seite mit Meetingskarte*/ .page-id-6385 #header_main, .page-id-6385 #header_meta, .page-id-6385 div.container.av-logo-container { background-color: #e0ac46; background-repeat: no-repeat; } .page-id-3621-off #header_main, .page-id-3621-off #header_meta, .page-id-3621-off div.container.av-logo-container { background-color: #e0ac46; background-repeat: no-repeat; } .page-id-7884 #header_main, .page-id-7884 #header_meta, .page-id-7884 div.container.av-logo-container { background-color: #e0ac46; background-repeat: no-repeat; } .page-id-13822 #header_main, .page-id-13822 #header_meta, .page-id-13822 div.container.av-logo-container { background-color: #e0ac46; background-repeat: no-repeat; } .page-id-14317 #header_main, .page-id-14317 #header_meta, .page-id-14317 div.container.av-logo-container { background-color: #e0ac46; background-repeat: no-repeat; } /*Hintergrundfarbe je nach Bereich ändern Stefan HH*/ /*####PAGES ENDE###*/ /*offene Meetings finden*/ /*blog/portfolio-item/offene-meetings-finden-tabbed-ui*/ .postid-6848 #header_main, .postid-6848 #header_meta, .postid-6848 div.container.av-logo-container { background-color: #dda12c; } /*Gebiete Tabbed UI*/ .page-id-5589 #header_main, .page-id-5589 #header_meta, .page-id-5589 div.container.av-logo-container, .bmlt-page { background-color: #e0ac46 !important; background-repeat: no-repeat; } /*Kaufmanns-und Axel*/ .special_amp { font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit!important; } /*3te Ebene Hintergrundfarbe des Headers tauschen Stefan HH*/ /* header main -- > auf gleiche Farbe setzen, damit mobile rechts und links keine andere Farbe zu sehen ist*/ /*####PORTFOLIOS Ebene 3 Anfang Stefan HH ###*/ /* Erste Hilfe*/ /*portfolio-item/bin-ich-suechtig*/ /*= die letzten beiden Einträge der URL des Portfolios in Ebene 3, dessen Hintergrundfarbe beim Header geändert werden soll*/ .postid-1042 #header_main, .postid-1042 #header_meta, .postid-1042 div.container.av-logo-container {background-color: #ce9423;} .postid-17067 #header_main, .postid-17067 #header_meta, .postid-17067 div.container.av-logo-container {background-color: #ce9423;} .postid-13809 #header_main, .postid-13809 #header_meta, .postid-13809 div.container.av-logo-container {background-color: #ce9423;} .postid-14348 #header_main, .postid-14348 #header_meta, .postid-14348 div.container.av-logo-container {background-color: #ce9423;} /*portfolio-item/fragen-faqs-neue*/ .postid-1048 #header_main, .postid-1048 #header_meta, .postid-1048 div.container.av-logo-container {background-color: #ce9423;} .postid-14457 #header_main, .postid-14457 #header_meta, .postid-14457 div.container.av-logo-container {background-color: #ce9423;} .postid-17432 #header_main, .postid-17432 #header_meta, .postid-17432 div.container.av-logo-container {background-color: #ce9423;} /*portfolio-item/dein-1-meeting*/ .postid-1045 #header_main, .postid-1045 #header_meta, .postid-1045 div.container.av-logo-container {background-color: #ce9423;} .postid-14398 #header_main, .postid-14398 #header_meta, .postid-14398 div.container.av-logo-container {background-color: #ce9423;} /*/blog/portfolio-item/nur-fuer-heute/*/ .postid-10005 #header_main, .postid-10005 #header_meta, .postid-1045 div.container.av-logo-container {background-color: #ce9423;} .postid-13830 #header_main, .postid-13830 #header_meta {background-color: #ce9423;} .postid-14329 #header_main, .postid-14329 #header_meta {background-color: #ce9423;} /*farsi*/ .postid-15844 #header_main, .postid-15844 #header_meta, .postid-15844 div.container.av-logo-container, /*farsi erste Hilfe - siehe /fa/artikel/fragen-und-antworten-fa/ */ .postid-15853 #header_main, .postid-15853 #header_meta, .postid-15853 div.container.av-logo-container{ background-color: #ce9423; /*Farbe von Agentur*/ background-repeat: no-repeat; } /*Akkordeon farsi - Schrift rechts - toggles links - siehe /fa/artikel/fragen-und-antworten-fa/ Stefan*/ .postid-15853 .toggle_icon {right: auto !important; left:10px !important;} .postid-15853 section.av_toggle_section {text-align:right !important;} /*Fachleute / Experten*/ /*portfolio-item/fachinformationen-fachleute + portfolio-item/informationsveranstaltungen-fachleute + portfolio-item/faq-fachleute-behoerden + portfolio-item/literatur-fachleute*/ .postid-1290 #header_main, .postid-1290 #header_meta, .postid-1290 div.container.av-logo-container, .postid-1302 #header_main, .postid-1302 #header_meta, .postid-1302 div.container.av-logo-container, .postid-1296 #header_main, .postid-1296 #header_meta, .postid-1296 div.container.av-logo-container, .postid-1311 #header_main, .postid-1311 #header_meta, .postid-1311 div.container.av-logo-container { background-color: #a25d7f; } /*Politik*/ /*portfolio-item/angebot-politik-behoerden + portfolio-item/statistiken-politik-behoerden + portfolio-item/faq-politik-behoerden + portfolio-item/downloadcenter + portfolio-item/was-ist-na-politik-behoerden + portfolio-item/downloadcenter-politik-behoerden*/ .postid-1341 #header_main, .postid-1341 #header_meta, .postid-1341 div.container.av-logo-container, .postid-4217 #header_main, .postid-4217 #header_meta, .postid-4217 div.container.av-logo-container, .postid-4290 #header_main, .postid-4290 #header_meta, .postid-4290 div.container.av-logo-container, .postid-1183 #header_main, .postid-1183 #header_meta, .postid-1183 div.container.av-logo-container, .postid-5653 #header_main, .postid-5653 #header_meta, .postid-5653 div.container.av-logo-container, .postid-6507 #header_main, .postid-6507#header_meta, .postid-6507 div.container.av-logo-container { background-color: #ae7893; } /*Angehörige*/ /*portfolio-item/hilfe-durch-narcotics-anonymous-angehoerige + portfolio-item/literatur-fuer-angehoerige + portfolio-item/offene-meetings-angehoerige*/ .postid-1209 #header_main, .postid-1209 #header_meta, .postid-1209 div.container.av-logo-container, .postid-1218 #header_main, .postid-1218 #header_meta, .postid-1218 div.container.av-logo-container, .postid-1206 #header_main, .postid-1206 #header_meta, .postid-1206 div.container.av-logo-container { background-color: #49837b; } /*Meetings finden*/ /*Face-to-Face Meetings + Online Meeting + Offene Meetings*/ /*portfolio-item/face-to-face-meetings-in-deiner-stadt + portfolio-item/online-meetings*/ .postid-7916 #header_main, .postid-7916 #header_meta, .postid-7916 div.container.av-logo-container, .postid-7929 #header_main, .postid-7929 #header_meta, .postid-7929 div.container.av-logo-container, .postid-1206 #header_main, .postid-1206 #header_meta, .postid-1206 div.container.av-logo-container, .postid-14423 #header_main, .postid-14423 #header_meta, .postid-14423 div.container.av-logo-container, .postid-14428 #header_main, .postid-14428 #header_meta, .postid-14428 div.container.av-logo-container, .postid-18953 #header_main, .postid-18953 #header_meta, .postid-18953 div.container.av-logo-container, .postid-18964 #header_main, .postid-18964 #header_meta, .postid-18964 div.container.av-logo-container, .postid-18966 #header_main, .postid-18966 #header_meta, .postid-18966 div.container.av-logo-container, .postid-18970 #header_main, .postid-18970 #header_meta, .postid-18970 div.container.av-logo-container, .postid-18956 #header_main, .postid-18956 #header_meta, .postid-18956 div.container.av-logo-container, .postid-18959 #header_main, .postid-18959 #header_meta, .postid-18959 div.container.av-logo-container { background-color: #e0ac46; } /*Mitglieder*/ /*Blog Post Beiträge AS*/ #top .fullsize .template-blog .post .entry-content-wrapper { /*max-width: 100%;*/ } /*Blog Post Beiträge AS Ende*/ /*mediathek conventions AS*/ #top .gallery dl.gallery-item { width: auto; height: auto; } /*mediathek conventions AS Ende*/ /*Mediathek Passwort*/ /*portfolio-item/mediathek-passwort-notwendig*/ .postid-1165 #header_main, .postid-1165 #header_meta, .postid-1165 div.container.av-logo-container { background-color: #294272; } /*NA-INFOCENTER*/ /*portfolio-item/letzte-neuigkeiten + portfolio-item/presse + portfolio-item/erfolgsgeschichten + portfolio-item/infomaterial + portfolio-item/fakten-zu-narcotics-anonymous*/ .postid-1255 #header_main, .postid-1255 #header_meta, .postid-1255 div.container.av-logo-container, .postid-1244 #header_main, .postid-1244 #header_meta, .postid-1244 div.container.av-logo-container, .postid-1258 #header_main, .postid-1258 #header_meta, .postid-1258 div.container.av-logo-container, .postid-1218 #header_main, .postid-1218 #header_meta, .postid-1218 div.container.av-logo-container, .postid-8852 #header_main, .postid-8852 #header_meta, .postid-8852 div.container.av-logo-container { background-color: #687ea7; } /*12 Schritte*/ /*portfolio-item/12-schritte + portfolio-item/12-traditionen + portfolio-item/12-konzepte*/ .postid-1174 #header_main, .postid-1174 #header_meta, .postid-1174 div.container.av-logo-container, .postid-6759 #header_main, .postid-6759 #header_meta, .postid-6759 div.container.av-logo-container, .postid-6763 #header_main, .postid-6763 #header_meta, .postid-6763 div.container.av-logo-container { background-color: #445e8d; } /*####PORTFOLIOS Ebene 3 Ende Stefan HH ###*/ /*####PORTFOLIOS Ebene 4 Anfang Stefan HH ###*/ /*blog/portfolio-item/eine-junge-suechtige + blog/portfolio-item/studierter-suechtiger + blog/portfolio-item/die-einzige-voraussetzung + portfolio-item/gefaengnisse-anstalten-und-genesung + blog/portfolio-item/gelassenheit-im-herzen + blog/portfolio-item/endlich-dazugehoeren*/ .postid-10446 #header_main, .postid-10446 #header_meta, .postid-10446 div.container.av-logo-container, .postid-10472 #header_main, .postid-10472 #header_meta, .postid-10472 div.container.av-logo-container, .postid-10479 #header_main, .postid-10479 #header_meta, .postid-10479 div.container.av-logo-container, .postid-10485 #header_main, .postid-10485 #header_meta, .postid-10485 div.container.av-logo-container, .postid-10492 #header_main, .postid-10492 #header_meta, .postid-10492 div.container.av-logo-container, .postid-10499 #header_main, .postid-10499 #header_meta, .postid-10499 div.container.av-logo-container { background-color: #687ea7; } /*####PORTFOLIOS Ebene 4 Ende Stefan HH ###*/ /*andere Headerfarbe Blog .blog div.container.av-logo-container {background-color: #0000ff;}*/ /*Ebene 1 - graue Linie unterhalb der Überschrift ausblenden Stefan HH #after_section_1.main_color.av_default_container_wrap.container_wrap.fullsize {border:none;}*/ /*Ebene 2 + 3 Anfang - Darstellung der Bereiche mithilfe von Farbesektionen und darin geschachtelten Spalten - Stefan HH*/ /*Ebene 2 - der grauen Line zwischen Überschrift h3 und 1ster Farbsektion custom.css mitgegeben = Klasse .farbsek_1_h3_sep, um Abstand Überschrift - Linie - 1ste Farbsektion zu veringern - im Moment nicht eingesetzt Stefan HH*/ div.hr.hr-full.hr-no-shadow.avia-builder-el-2.el_after_av_heading.avia-builder-el-last.farbsek_1_h3_sep {margin:1vh 0 1vh 0;} /* ################### das ist der wichtigste Abschnitt zur Darstellung von Abständen und Spalten in Ebene 2 und 3 #####################*/ /* ################### das ist der wichtigste Abschnitt zur Darstellung von Abständen und Spalten in Ebene 2 und 3 #####################*/ /*horizontalen Abstand zwischen Spalten bestimmen, die in Farbsektion liegen - Ebene 2 + Ebene 3- Stefan HH*/ /*!!!!!!!!in der Sektion muss unter Section Layout 'Kleiner Innenabstand' eingestellt sein, sonst greift das hier nicht!!!!!!!!*/ #top .av-flex-placeholder { display: table-cell; width: 1%; } /*vertikalen Abstand zwischen zwei Farbsektionen verringern - Ebene 2 + Ebene 3 - Stefan HH*/ #top #main .avia-section .template-page { width: 100%; border: none; margin-left: auto; padding-left: 0; margin-right: auto; padding-top: 0px; padding-bottom: 0.5%; } /*Ebene 2 +3 Ende - Darstellung der Bereiche mithilfe von Farbesektionen und darin geschachtelten Spalten - Stefan HH*/ /* ################### das ist der wichtigste Abschnitt zur Darstellung von Abständen und Spalten in Ebene 2 und 3 #####################*/ /* ################### das ist der wichtigste Abschnitt zur Darstellung von Abständen und Spalten in Ebene 2 und 3 #####################*/ /*Ebene 2 Anfang - Darstellung der Bereiche mithilfe von Gitterreihen und der darin enthaltenen Zellen - Stefan HH*/ /*Gitterreihe in der 2ten Ebene ID mitgegeben = grid_second_level + den darin enthaltenen Zellen border mitgegeben*/ #grid_second_level {border-left:1px solid #fff; border-right:1px solid #fff; border-top:0; border-bottom:0;} #grid_second_level .sec_lev_cell {border: 4px solid #fff;} /* Ebene 2 Anfang - Darstellung der Bereiche mithilfe von Gitterreihen und der darin enthaltenen Zellen - Stefan HH*/ /*Schrift über Kacheln auf erster Seite bei hover vergrößern - zeitgleich mit und bei gleicher Geschwindigkeit wie Kacheln siehe unten bei Media Queries- Stefan HH #top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title { font-size: 51px; transition-timing-function: ease-in-out; transition-delay: .2s; transition-duration: .3s;} #top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title:hover { font-size: 54px; } #top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title { font-size: 51px; -webkit-transition: all 0.3s 0.0s ease-in-out; -moz-transition: all 0.3s 0.0s ease-in-out; -o-transition: all 0.3s 0.0s ease-in-out; transition: all 0.3s 0.0s ease-in-out; } #top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title:hover { font-size: 54px; } */ /*für nicht anklickbare Menüpunkte*/ .nonklick {text-decoration:none !important;} .nonklick > a:hover {cursor:default !important; text-decoration:none !important;} /*Hotspots Imagemap Gebiete Axel (der Spalte die Klasse "areas-imagemap" geben!)*/ .areas-imagemap .av-image-hotspot_inner { background: url(https://narcotics-anonymous.de/wp-content/themes/rsk/images/gebiete-marker.png)!important; background-repeat: no-repeat!important; background-size: contain!important; background-position: 50% 50%!important; font-size: 0; } .areas-imagemap .av-image-hotspot_inner:after { content: '★'; color: #888!important; position: relative; left: -3px; } .responsive .areas-imagemap .av-image-hotspot_inner { color: transparent!important; } .responsive .areas-imagemap .av-image-hotspot { height: 50px; width: 50px; } .responsive .areas-imagemap .av-image-hotspot-pulse { height: 80px; width: 80px; } /*Hotspots Imagemap Gebiete Axel Ende*/ /*BMLT*/ .onoffswitch-inner::after { content: "Meetings heute..."!important; } /*BMLT Ende*/ #top .av-rotator-container-inner { /*min-height: 120px;*/ margin-bottom: 10px; } /*Tabbed UI Farben Anfang Stefan HH*/ #bmlt-formats.btn-xs, #map-button.btn-xs, #share-button.btn-xs, .bmlt-data-row button.get-directions-modal {/*color: #294272; border-color: #ccc;*/ padding: 3px 5px; font-size: 12px; background-color: #F1F1F1; color: #35414F; border-color: #C5C5C5} /*Header + Rahmen Anfang*/ #bmlt-tabs .bmlt-header {background-color: #e0ac46;} /*{background-color: #efefef;} HH*/ ul.nav.nav-tabs {background-color: #e0ac46;} div#nav-days.bmlt-page.show {background-color: #e0ac46;} div#tabs-content.bmlt-page {border:5px solid #e0ac46;} #bmlt-tabs .bmlt-page {background-color: #fff;} #bmlt-tabs .tab-content {background-color: #e0ac46;} /*Header + Rahmen Ende*/ /*#bmlt-tabs .bmlt-page {background-color: #e0ac46};*/ /*{background-color: #efefef;} HH*/ #bmlt-tabs .meeting-name, #bmlt-tabs {color: #294272; font-weight: 500;} .bmlt-data-row.evenRow { background: #F2F2F2 !important; } .bmlt-data-row.oddRow { background: #FFF !important; } #bmlt-tabs .bmlt-day {color: #294272; font-weight: 600;} #bmlt-tabs .bmlt-time-2 {color: #b10606; font-weight: 500;} #bmlt-tabs table {color: #e0ac46;} #bmlt-tabs tr.meeting-header td, #bmlt-table-div .meeting-group .group-header {color: #e0ac46; background-color: #fff; font-size: 15px; text-transform: none; font-weight: 600; border-top: 0; border-color: #ccc; border-collapse: collapse;} #bmlt-tabs .nav-tabs > li > a {color: #294272; background-color: #fff; border-radius: 4px 4px 0 0;} #bmlt-tabs .nav-tabs > li.active > a, #bmlt-tabs .nav-tabs > li.active > a:hover, #bmlt-tabs .nav-tabs > li.active > a:focus {background-color: #fff; color: #b10606; text-decoration: underline;} /*color: #595bca; =hellblau*/ #bmlt-tabs .nav-tabs > li > a:hover { color: #b10606;} #bmlt-tabs #city { color: #294272; background-color: #fff; font-weight:600;} a#city.btn.btn-primary.btn-sm {background-color: #efefef !important; color: #294272 !important;} a:hover#city.btn.btn-primary.btn-sm {background-color: #fff !important; color: #b10606 !important; border-color:#b10606 !important; text-decoration:underline;} a:active#city.btn.btn-primary.btn-sm {background-color: #fff !important; color: #b10606 !important; text-decoration:underline !important;} #select2-e2-container {color:#294272;} .location-text, .meeting-address, .location-information, .bmlt-comments {color: #294272;} div.meeting-name {font-weight:600 !important;} div#tabs-content.bmltpage {color:#dfdfdf !important;} div.meeting-address {color:#b10606;} div.bmlt-time {color: #b10606;} /*bei Meeting Map --> Filter sichtbare Meetings als Liste*/ .modal-tabcontent {background-color: #e0ac46;} button#modal-day-button.modal-tablinks {background-color:#b10606 !important; color:#fff !important; border: 1px solid #294272 !important;} button#modal-day-button.modal-tablinks:hover {background-color:#fff !important; color:#b10606 !important; text-decoration:underline !important;} button#modal-city-button.modal-tablinks {background-color: #efefef !important; color: #294272 !important; border: 1px solid #294272 !important; font-weight:bold;} button#modal-city-button.modal-tablinks:hover {background-color: #fff !important; color: #b10606 !important; text-decoration:underline !important; font-weight:bold;} #table_content .meeting-header {background-color: #fff !important; color: #294272 !important;} div.marker_div_meeting div {color:#b10606;} div.marker_div_meeting div.marker_div_location_text, div.marker_div_meeting div.marker_div_location_info, div.marker_div_meeting div.marker_div_formats {color:#294272 !important;} div.marker_div_meeting h4, div.marker_div_meeting em {color:#294272;} div.marker_div_location_maplink a:hover, div.modal_times {color:#b10606 !important;} /*Tabbed UI - eingebunden in Ebene 3 -- Portfolio - Online Meeting warum extra? der Rahmen rechts links sieht auf 3ter Ebene schmaler aus*/ /* /blog/portfolio-item/online-meetings/ + blog/portfolio-item/offene-meetings*/ .postid-7929 #bmlt-tabs .bmlt-page, .postid-1206 #bmlt-tabs .bmlt-page { background-color: #fff; } /*Header + Rahmen Anfang*/ /*.postid-7929 #bmlt-tabs .bmlt-header {background-color: #e0ac46;}*/ .postid-7929 ul.nav.nav-tabs, .postid-1206 ul.nav.nav-tabs {background-color: #e0ac46;} /*.postid-7929 div#nav-days.bmlt-page.show {background-color: #e0ac46;} .postid-7929 div#tabs-content.bmlt-page {border-right:5px solid #fff; border-bottom:5px solid #fff; border-left:5px solid #fff; }*/ .postid-7929 div#nav-days.bmlt-page.show, .postid-1206 div#nav-days.bmlt-page.show {background-color: #e0ac46;} .postid-7929 div#tabs-content.bmlt-page, .postid-1206 div#tabs-content.bmlt-page {border-right:0px solid #fff; border-bottom:1px solid #fff; border-left:0px solid #fff; } .postid-7929, .postid-1206 #bmlt-tabs .bmlt-page {background-color: #fff;} /*Header + Rahmen Ende*/ /*Tabbed UI - eingebunden in Ebene 3 -- Portfolio - Online Meeting*/ /*Tabbed UI Farben Ende Stefan HH*/ /*divs wie Tabellen benutzen Stefan HH */ .table { margin-left: auto; margin-right: auto; display: table; border-spacing:6px; } .table-row {display: table-row;} .table-cell {display: table-cell; font-size:1.1em;} .table-cell a {text-decoration:none;} .table-cell a:hover {text-decoration:underline;} /*white spacce nicht umbrechen Stefan HH*/ .wrapnot {white-space: nowrap;} /*Form für ja nein test Bereich Erste Hilfe - Stefan HH*/ form.testjanein {font-family: 'source-sans-pro', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif; font-size:15px; line-height: 22px;} /*Farsi Menu rtl*/ .html_av-overlay-side body#top.rtl #wrap_all .av-burger-overlay li a { text-align: right; } body.rtl .av-burger-overlay ul { text-align: right; } /*Polylang Flags in Burger Menu Axel*/ /*"?wpacu_no_load" after a page url-> disables Asset CleanUp*/ .av-burger-overlay ul { text-align: left; } .av-burger-overlay li.lang-item { display: inline-block; margin: 0 20px; } .av-burger-overlay li.lang-item a { padding: 5px!important; } .av-burger-overlay li.lang-item:first-child a { padding: 5px 5px 5px 50px!important; } body.rtl .av-burger-overlay li.lang-item:first-child a { padding: 5px 50px 5px 5px!important; } /*Polylang Flags in Burger Menu Axel End*/ /*Social Icons*/ /*Polylang Flags in Phone Info Axel*/ body.rtl .phone-info { margin-right: 20px } .phone-info .widget.widget_polylang { position: absolute; top: 60px; right: 0; padding: 0; } .phone-info .widget.widget_polylang li.lang-item{ display: inline-block; margin: 0 0 0 20px; padding: 0; } .phone-info .polylang-widget .widget, .phone-info span { vertical-align: top; float: left; } .phone-info .hotline a{ color: #ffffff!important; } .phone-info .hotline a .nr{ /*letter-spacing: 2px;*/ } .phone-info .polylang-widget .widget, .phone-info span a:hover { color: #fff; } .phone-info span.polylang-widget { display: inline-block; margin-right: 20px; } .phone-info .polylang-widget .widget{ display: contents; } .phone-info ul.polylang-flags { display: inline-flex; float: none !important; } .phone-info ul.polylang-flags li{ padding: 0 5px; } /*Polylang Flags in Phone Info Axel Ende*/ /*Axel Meetingssuche Icon*/ #top #wrap_all .social_bookmarks_Anrufen a:before{ /*content: url('/wp-content/uploads/2020/05/telefon.png');*/ content: url('https://narcotics-anonymous.de/wp-content/uploads/icons/smartphone.png'); } #top #wrap_all .social_bookmarks_Meeting a:before{ /*content: url('/wp-content/uploads/2020/05/meetings.png');*/ content: url('https://narcotics-anonymous.de/wp-content/uploads/icons/meetings-finden.png'); } #top #wrap_all .social_bookmarks_Literaturshop a:before{ /*content: url('/wp-content/uploads/2020/05/literatur.png');*/ content: url('https://narcotics-anonymous.de/wp-content/uploads/icons/zum-shop.png'); } /*Axel Meetingssuche Icons Ende*/ /*Axel Dattenschutzeinstellungen wieder aufrufen Button */ /*#av-cookie-consent-badge { width: 100px; height: 20px; padding: 1px; line-height: 12px; } #av-cookie-consent-badge::before { content: 'Cookie Settings'; font-family: sans-serif; font-size: 12px; } */ /*Axel Dattenschutzeinstellungen wieder aufrufen Button Ende*/ /*schwarzer Rand unten bei Ansicht tablet Stefan HH*/ #scroll-top-link, #av-cookie-consent-badge { background-color: #284669; } /*Scroll-to-top-button auf dunklem Hintergrund sichtbar halten - Stefan HH */ #scroll-top-link, #av-cookie-consent-badge { background-color: #fff; } #scroll-top-link, #av-cookie-consent-badge { color: #284669; border: 2px solid #284669; } #scroll-top-link:hover, #av-cookie-consent-badge:hover { color: #990000; border: 2px solid #990000; border-radius: 10px; background-color:#dfdfdf; } /*Schrift auf Kacheln auf Startseite am unteren Rand des Bildes platzieren -- > Masonry mit Bildern und überlagernder Schrift*/ #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos { display: table-cell; vertical-align: bottom; text-align: center; } /*Footer*/ .widget_nav_menu a, .widget_nav_menu a, .widget_nav_menu ul:first-child>.current-menu-item>a, .widget_nav_menu ul:first-child>.current_page_item>a { padding: 0; line-height: 1.3; } /*Footer End*/ /* Media Queries*/ /* Desktop Styles ================================================== */ /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */ /* Add your Desktop Styles here */ /*Hotline im Header*/ @media only screen and (min-width: 1280px){ #header_meta { margin-top:-30px; } .responsive #header.header-scrolled #header_main div.container.av-logo-container{ /*height: 160px;*/ } .responsive #header.header-scrolled #header_main div.container.av-logo-container{ height: 100px!important; } .responsive #header #header_main div.container.av-logo-container{ height: 160px!important; } .responsive #top #header.header-scrolled .logo a{ height: auto; max-height: 160px!important; } #top #header.header-scrolled #header_meta .container{ /*margin-top:-30px;*/ } .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 160px!important; } .responsive #header_main div.container.av-logo-container { max-width: 100%!important; } .phone-info { } .phone-info { font-family: Arvo; color: #ffffff; font-size: 24px; font-weight: 700; text-align: right; position: relative; top: 85px; right: 100px; transition: all ease 0.3s; padding: 0; height: 0; } /*Tel weiss Axel*/ #header.header-scrolled .phone-info { display: inline-block; line-height: 1em; top: 54px; } #top #wrap_all .social_bookmarks { } #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li { background: transparent; color: #ffffff !important; top: 85px; right: 120px; font-size: 40px; transition: all ease 0.3s; width: 60px; } .social_bookmarks_Meeting.av-social-link-Meeting{ } .social_bookmarks_Anrufen.av-social-link-Anrufen a::after { content: "Hotline"; color: #ffffff!important; font-size: 11px; position: relative; top: -5px; left: 0px; display: block; width: 60px; } .social_bookmarks_Meeting.av-social-link-Meeting a::after{ content: "Meetings"; color: #ffffff!important; font-size: 11px; position: relative; top: -5px; left: 0px; display: block; width: 60px; } .social_bookmarks_Literaturshop.social_bookmarks_Literaturshop a::after { content: "Literatur"; color: #ffffff!important; font-size: 11px; position: relative; top: -5px; left: 2px; display: block; width: 60px; } .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks li.social_bookmarks_Anrufen { /* display: none;*/ margin: 0 0 0 30px; width: 60px; } #top #wrap_all header#header.header-scrolled .social_bookmarks a{ top: 54px!important; } div.flex_column.drittel-halb { display: inline-block; min-height: 300px !important; height: 300px; margin-bottom: 20px; padding: 20px 0; } /*Hotline Nummer vergrößern wenn mobile - Stefan HH */ /*Liste alle Servicetermine - Spalten immer auf 100% verbreitern -- Axel*/ .event-list .event-row {width: 100%;} /*Bild darin: */ .event-list .event-image {max-width: 30%;} .event-list .event-data {padding-left: 10px;} /*Schriftgröße unten bei Masonry Startseite Axel*/ #top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title { font-size: 2.4em; } } @media only screen and (max-width: 1279px) { header_color .phone-info { text-align: right; } .header_color .phone-info span { font-family: Arial; color: #ffffff; font-size: 20px; font-family: Arvo; text-align: right; } .phone-info .hotline{ top: 18px; position: relative; line-height: 100%; } } @media only screen and (min-width: 990px) and (max-width: 1279px) { .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 190px !important; } /*Extrawurst für Subdomain Testgebiet Stefan HH*/ #top div.av-masonry.masonry-startseite-testgebiet .av-masonry-entry h3.av-masonry-entry-title.entry-title { /*font-size: 30px;*/ } .responsive.html_mobile_menu_tablet #top #header #header_meta ul.social_bookmarks { display: inline; color: #fff; margin-top: 5px; } .responsive.html_mobile_menu_tablet #top #header #header_meta ul.social_bookmarks li{ width: 60px; font-size: 30px; margin: 0; border: 0; } /*Schrift über Kacheln auf erster Seite bei hover vergrößern - zeitgleich mit und bei gleicher Geschwindigkeit wie Kacheln - Stefan HH */ /*Schriftgröße unten bei Masonry Startseite Axel*/ #top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title { font-size: 1.8em; } } @media only screen and (min-width: 1025px) { /*Laufschrift 'Was ist Narcotics Anonymous' auf Startseite etwas nach unten verrücken + Schrift über Kacheln animieren bie Startseite mit Bildern als Hintergrund und drüberlegter Schrift Stefan HH*/ #top .av-rotator-container { position: relative; top: 20px; } /*Schrift über Kacheln auf erster Seite bei hover vergrößern - zeitgleich mit und bei gleicher Geschwindigkeit wie Kacheln - Stefan HH */ /*Klasse masonry-startseite ist custom - Stefan HH*/ #top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title { -webkit-transition: all 0.3s 0.0s ease-in-out; -moz-transition: all 0.3s 0.0s ease-in-out; -o-transition: all 0.3s 0.0s ease-in-out; transition: all 0.3s 0.0s ease-in-out; white-space: nowrap; } #top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title:hover { font-size: 2.6em; /*2.4em;*/ white-space: nowrap; } /*Extrawurst für Subdomain Testgebiet Stefan HH*/ /*Schrift über Kacheln auf erster Seite bei hover vergrößern - zeitgleich mit und bei gleicher Geschwindigkeit wie Kacheln - Stefan HH */ /*Klasse masonry-startseite ist custom - Stefan HH*/ #top div.av-masonry.masonry-startseite-testgebiet .av-masonry-entry h3.av-masonry-entry-title.entry-title { font-size: 3.2em; /*3.0em*/ -webkit-transition: all 0.3s 0.0s ease-in-out; -moz-transition: all 0.3s 0.0s ease-in-out; -o-transition: all 0.3s 0.0s ease-in-out; transition: all 0.3s 0.0s ease-in-out; white-space: nowrap; } #top div.av-masonry.masonry-startseite-testgebiet .av-masonry-entry h3.av-masonry-entry-title.entry-title:hover { font-size: 3.4em; /*3.2em*/ white-space: nowrap; } } /*Header verhalten Höhe*/ @media (min-width: 990px) and (max-width: 1279px) { #header_meta .container { position: absolute; right: 20px; } /*Header verhalten Höhe*/ } /*Mobile Styles ================================================== */ /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */ @media only screen and (max-width: 989px) { .responsive.html_mobile_menu_tablet.html_header_top #top #main { /*Blau unten raus im Header - nötig wenn Sticky aktiv Axel */ padding-top: 60px !important; background-color: #fff; /*noch zusätzlich auf weiss gesetzt, dann ist nix mehr zu sehen bei beiden Ansichten Portrait+Landscape - Stefan HH */ } /* Schriftgröße unten Masonry Startseite .av-masonry-entry .av-masonry-entry-title { font-family: Arvo; font-size: 26px; font-weight: 700; text-align:left; }*/ /*Sticky Header on mobile*/ #wrap_all { position: relative !important; } .html_header_top.html_header_sticky #header { position: fixed !important; } /****#main { margin-top: 80px!important; }******/ .html_header_top.html_bottom_nav_header #header_main, #wrap-all { max-width: 100%!important; } /*Sticky Header on mobile Ende*/ } @media only screen and (min-width: 768px) and (max-width: 989px) { /* Schriftgröße unten bei Masonry Startseite Axel*/ /*Klasse masonry-startseite ist custom - Stefan HH*/ #top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title{ font-size: 1.2em; } /*Social Icons*/ .responsive.html_mobile_menu_tablet #top #header #header_meta ul.social_bookmarks { display: inline; color: #fff; top: 5px; position: relative; } .responsive.html_mobile_menu_tablet #top #header #header_meta ul.social_bookmarks li{ width: 60px; font-size: 30px; margin: 0; border: 0; } /*Axel Meetingssuche Icon*/ .social_bookmarks li.social_bookmarks_Meeting { /*display: none; border: 3px solid #ffffff; border-radius: 50%; Padding: 2px; font-size: 0.9em;*/ } /*Social Icons Ende*/ } @media only screen and (min-width: 768px) { /* Schriftgröße unten bei Masonry Startseite Axel*/ #top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title { font-family: Arvo; font-weight: 700; /*text-align:left;*/ /*auf mittig gestellt - Stefan HH*/ text-align:center; } /* greift das ? ich seh keine Veränderung nach Auskommentieren - ist für Seite mit Spalten-- >*/ #top div.av-masonry.masonry-startseite .av-masonry-ent div.av_one_third.flex_column.flex_column_table_cell.drittel-halb { display: table; min-height: 200px !important; height: calc(26vw); } } @media only screen and (max-width: 767px) { /*Icons for Farsi */ body.rtl #header #header_meta .social_bookmarks{ right: auto!important; left: 110px } /*Icons for Farsi End*/ /*Polylang Flags in Phone Info Axel*/ .phone-info .widget.widget_polylang { /*display: none;*/ top: 0px; } .phone-info span .hotline { top: 20px; position: relative; } /*Polylang Flags in Phone Info Axel Ende*/ /* Schriftgröße unten bei Masonry Startseite Axel*/ /*Klasse masonry-startseite ist custom - Stefan HH*/ .responsive #top #header.header-scrolled .logo { height: 50px !important; } .responsive #top #header.header-scrolled .logo a{ width: 60px; height: auto; max-height: 60px!important; } .responsive #top #header.header-scrolled #header_meta { height: 0; min-height: 0; } .responsive #top #header.header-scrolled .phone-info { display: none !important; } .responsive.html_mobile_menu_tablet #top #header.header-scrolled #header_meta .social_bookmarks { top: 10px!important; } .phone-info span { float: right; } .phone-info span.polylang-widget { float: none; } #top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title{ font-size: 1.2em; } #top div.av-masonry.masonry-startseite .av-masonry-entry .av-inner-masonry-content { padding: 10px; } .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks { display: inline; position: absolute; top: 65px; right: 80px; transition: all ease 0.3s; width: 180px; padding: 0px; } .responsive.html_mobile_menu_tablet #top #header.header-scrolled #header_meta .social_bookmarks { top: 50px; right: 30px; width: 270px; } .responsive.html_mobile_menu_tablet #top #header.header-scrolled #header_meta .social_bookmarks li { font-size: 40px; } .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks li { border: none; font-size: 40px; width: 55px; margin: auto; } .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks li.social_bookmarks_Anrufen { /* display: none; margin: 0 20px 0 0;*/ } .responsive #top #wrap_all .main_menu { top: 0px; } } /*Shrinking header Mobile*/ @media only screen and (max-width: 599px) { .responsive #top #header .logo a{ content: url(https://narcotics-anonymous.de/wp-content/uploads/2020/05/na-logo-sw.png); height: auto; display: inline; max-width: 25%; z-index: 2; } #top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title{ font-size: 1.1em; } } @media only screen and (max-width: 599px) and (min-width: 480px){ .responsive #top #header .logo a { } } /*Shrinking header Mobile*/ @media only screen and (max-width: 479px) { .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks { top: 75px; right: 75px; } .responsive.html_mobile_menu_tablet #top #header.header-scrolled #header_meta .social_bookmarks { top: 50px; right: 75px; } .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks li { font-size: 40px; } /*Axel Meetingssuche Icon*/ .social_bookmarks li.social_bookmarks_Meeting { /*position: relative; left: -30px;*/ } .phone-info span.polylang-widget { display: inline; margin-right: 0px; float: left; } .phone-info ul.polylang-flags li { padding: 0 2px; width: 26px; line-height: 1; } } @media only screen and (max-width: 359px) { .responsive #top #wrap_all header .container { width: 95%; max-width: 95%; } /* Schriftgröße unten bei Masonry Startseite Axel*/ /*Klasse masonry-startseite ist custom - Stefan HH*/ #top div.av-masonry.masonry-startseite .av-masonry-entry .av-inner-masonry-content { padding: 5px; } #top div.av-masonry.masonry-startseite .av-masonry-entry h3.av-masonry-entry-title.entry-title{ font-size: 16px; line-height: 1; } .phone-info span a{ hyphens: initial; font-size: 18px; } .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks { top: 65px; right: 75px; padding: 0px; /*width: 80%*/ } .responsive.html_mobile_menu_tablet #top #header.header-scrolled #header_meta .social_bookmarks { /*top: 55px;*/ right: 10%; } .responsive.html_mobile_menu_tablet #top #header.header-scrolled #header_meta .social_bookmarks li { font-size: 30px; } .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks li.social_bookmarks_Anrufen { /*display: none;*/ } .menu-item-search, .html_burger_menu #top #avia-menu .menu-item-search-dropdown{ display: none!important; } } @media only screen and (max-width: 299px) { .container .av-logo-container{ } .av-burger-menu-main .menu-item-avia-special a { height: 50px; line-height: 50px; } .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks{ /*top: 90px ;*/ right: 20%; } .responsive.html_mobile_menu_tablet #top #header.header-scrolled #header_meta .social_bookmarks{ /*top: 80px ;*/ right: 20%; } .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks li { width: 40px; } .phone-info ul.polylang-flags li { padding: 0 2px; width: 20px; } .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks { /*width: 100%;*/ } } /*Ebene 2 - bei Sektionen für Überschrift custom ID vergeben, um Hintergrund der Überschrift andersfarbig darzustellen Stefan HH */ /*#headline_second_level {background-color:#dfdfdf; padding-top:10px;}*/ #headline_second_level {background-color: rgba(222, 222, 222, 0.5); padding-top:10px;} /*cutom class : verlinkten Text in Spalten auf Ebene 2 nicht andersfarbig darstellen+kein Unterstrich*/ .text-block-level-2 a {text-decoration:none; color: #666666;} .text-block-level-2 a:hover{text-decoration:underline; color: #666666;} /*#top .flex_column_table_cell h3 {position:absolut; bottom: 10px;}*/ /*###### Ebene 3 #########*/ /*Überschriften in Blogbeiträgen von Mediathek in Ebene3 in Spalten soll gleich aussehen wie Überschriften in Ebene3 in Spalten in anderen Bereichen ohne Mediathek Stefan HH*/ #spalte-blogbeitrag-mediathek div.av-alb-blogposts.template-blog h1.post-title.entry-title {padding: 0; margin: 0; font-size:22px !important; text-transform:none !important; font-family: 'arvo', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif !important; letter-spacing: 0.01em;} #spalte-blogbeitrag-mediathek .av-heading-wrapper h2.post-title.entry-title {padding: 0 0 32px 0; margin: 0; font-size:22px !important; text-transform:none !important; font-family: 'arvo', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif !important; letter-spacing: 0.01em;} #spalte-blogbeitrag-mediathek .av-heading-wrapper span.blog-categories.minor-meta {text-transform:none !important;} /*Stonehenge Slider Ron/Stefan HH*/ .bx-wrapper {margin-bottom:0 !important;} div#em-events-slider.bxslider div p { background-color: #fff !important; padding-left:50px; height:10px !important;} /*Acymailing Anfang Stefan HH */ /*Position+Farbe*/ /*Ausgabetext Abo*/ /*bestätigt Acymailing*/ #acym__callout__container { top: 100px!important; right: 100px!important; color: #f67e09; font-weight: 500; font-size: 1.2em; } /*Warmeldung 'Sie sind nicht verbunden' in NL Popup ausblenden - nicht mehr einsetzen, da auch der Bestätigungscontainer für NL Abos ausgeblendet wird*/ /*.acym_front_message_warning{display:none;}*/ .ast-footer-overlay {background-color:#dfdfdf; color:#333399; border-top-color: #ff0000;} div.ast-small-footer.footer-sml-layout-2 {border-top-color: #333388;} /*Buttons Newsletter abonnieren + Formulare*/ .menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"]{background-color:#6689ac; padding: 0 10px;} /*Höhe Button Newsletter abonnieren*/ .btn.btn-primary.button.subbutton {height:2.6em; border-radius:4px;} input.btn.btn-primary.button.subbutton {font-weight:0.9em; font-weight: 600; letter-spacing: 0.08em; text-transform:uppercase;} /*Größe H2 über Eingabemaske Newsletter abonnieren*/ .widget.widget_acym_subscriptionform_widget > h2.widgettitle {font-size:1.6em;} /*Acym widgets*/ #acym_archive_widget-2 {position: relative; top:200px !important;} /*Acymailing Ende*/ /* Stonehenge alt war noch Container NA News drüber Anfang*/ /*Laufleiste im Stonehenge Slider nach links rücken = weg vom zurück-Button div#em-events-slider.bxslider div p {padding-top:10px; padding-bottom:10px; padding-left:50px; color: #2a4473; font-weight: 500; background-color:#F6F7FC; }*/ /*Dots ausblenden beim Stonehenge Slider div.bx-pager-link, div.bx-pager-item {display: none !important;}*/ /*Container um NA News beim Stonehenge Slider in Höhe begrenzen und Abstand zum Header verringern div.flex_column.av_one_half.flex_column_div.av-zero-column-padding.avia-link-column.av-column-link.avia-builder-el-3.el_after_av_one_half.avia-builder-el-last {max-height:86px !important; margin-top: 2px !important; background-color:#edeef2;}*/ /*dem Schriftzug ++++NA-NEWS++++TOP-EVENTS/AKTUELLES++++ über dem Stonehenge Slider custom ID + custom class verpasst und mithilfe dessen padding-top bestimmt; entsprechende Einstellungen in der Section selbst führen zu unerwarteten Ergebnissen im Zusammenhang mit dem Slider -- Stefan HH section#stonehenge div.avia_textblock.slider.av_inherit_color {padding-top: 10px;}*/ /* Stonehenge alt war noch Container NA News drüber Ende*/ /*Filter für Offene Meetings ausblenden bei Meeting Map Stefan HH*/ #open_filter, #open_filter_text {display:none !important;} /*Buttons für Meetingslisten - unterhalb Meeting Map mehr mittig darstellen Stefan HH*/ .button_meetings_pdf, .button_meetings_liste {padding: 0 10px;} /*bei Veranstaltungen hintergrundfarbe Body ändern*/ .page-id-2575 div#main.all_colors {background-color:#fff !important;} .page-id-2575 div#main.all_colors h3 {padding:30px; font-family: 'arvo', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif; font-weight: 700; font-size:3em; color: #687EA7;} /*Pfeil anzeigen, der Verlinkung verdeutlichen soll vor/hinter Überschriften und href's Stefan HH*/ h1.link_after::after, h2.link_after::after, h3.link_after::after, h4.link_after::after, h5.link_after::after, h6.link_after::after, a.link_after::after, strong.link_after::after, p.link_after::after, div.link_after::after { content: ' \25B7'; } h1.link_before:before, h2.link_before::before, h3.link_before:before, h4.link_before:before, h5.link_before:before, h6.link_before:before, a.link_before:before, strong.link_before:before, p.link_before:before, div.link_before:before { content: ' \25B7'; } /*Hyphens Eigenschaft soll angewendet werden auf die ganze Website*/ body, div, table, h1, h2, h3, h4, h5, h6 { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /*Wortumbruch im content body, div, table {word-wrap: break-word;}*/ /*Ausnahmen hyphens*/ /*Schriftzug Meetings im Header*/ li.social_bookmarks_Anrufen.av-social-link-Anrufen.social_icon_1 a, li.social_bookmarks_Meeting.av-social-link-Meeting.social_icon_2 a, li.social_bookmarks_Literaturshop.av-social-link-Literaturshop.social_icon_3 a {white-space: nowrap !important;} /*Kacheln Startseite Schrift nicht umbrechen - Stefan HH*/ h3.av-masonry-entry-title.entry-title {white-space:nowrap;} /* Startseite: helfen einander clean zu leben - nicht umbrechen - Stefan HH*/ .clean-leben { -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } /*Footer: mehr Platz nach oben unten - Stefan HH*/ div.post-entry-2251 {padding: 20px 0 10px 0;} /*Alert Meeting findet vorüberhende nicht statt - Spalte 1 */ div.bmlt-alert {color:#b10606;} /*Footer Custom Widget Schriftgröße etc. Stefan HH*/ div.textwidget.custom-html-widget {font-size:0.8em; line-height:2.6em;} div.textwidget.custom-html-widget a:hover {text-decoration:none;} /*Footer hintergrundfarbe Stefan HH*/ div#footer.container_wrap.footer_color {background-color:#efefef;} footer#socket.container_wrap.socket_color {background-color:#dfdfdf;} /*auf großen Desktopbildschirmen*/ @media only screen and (min-width: 1025px) { /*Auf der Seite /blog/portfolio-item/online-meetings/ den Anker von 'am Ende dieser Seite' in den sichtbaren Bereich rücken Stefan HH*/ .anker {position:relative; top: -80px;} /*'Aufklappmenü' unter Hamburger verbreitern Stefan HH*/ .html_av-overlay-side .av-burger-overlay-scroll {width:466px;} } /*auf kleineren Bildschirmen*/ @media only screen and (max-width: 1024px) { /*'Aufklappmenü' unter Hamburger verbreitern Stefan HH*/ .html_av-overlay-side .av-burger-overlay-scroll {width:320px;} } /*Zeilenhöhe Footer + Schriftgröße einzelner Elemente*/ ul#menu-footer.menu {line-height:8px;} ul.anderegebiete-footer, ul.quicklinks-footer, ul.welt-footer, ul.anderestaedte-footer {font-size:13px; line-height:16px;} ul.anderestaedte-footer {margin-top:-10px;} /*copyright Hinweis auf kriesi im Footer verbergen*/ .copyright a {display:none;} /*Größe Schrift copyright footer */ .copyright {font-size:12px;} /*in Copyrightzeile im Footer Impressum und Datenschutz zeigen*/ .show-copyright-line {display:initial !important; font-size:12px;} /*Infocneter*/ /*Größe Überschriften im Slider*/ h4.slide-entry-title.entry-title {font-size:22px !important;} /*breadcrumb - Stefan HH*/ div.breadcrumb.breadcrumbs.avia-breadcrumbs {color:#294272; margin-top: -20px; line-height: 12px;} a.trail-begin {color:#294272 !important;} /*Abstand veringern zwischen breadcrumb und Satz'wir helfen einander'*/ div.stretch_full.container_wrap.alternate_color.light_bg_color.empty_title.title_container {height:10px; padding-bottom:20px !important;} /*Breadcrumb mobile oben am Header platzieren Stefan*/ .responsive.html_mobile_menu_tablet.html_header_top #top #main {padding-top: 0px !important;} /* Mediothek iframe, vorübergehend: scrolling einschalten*/ iframe.sroll-mediothek { overflow: scroll; width: 100%; min-height:600px; } /* Download Manager uses CSS Variables, doesn't work in IE, without this workaround */ .w3eden .btn-primary {background-color: #4a8eff; border-color: #4a8eff;} .w3eden .btn-danger { background-color: #ff5062;} /*Button NL bestellen*/ .postid-10005 input.btn.btn-primary.button.subbutton {background-color:#ce9423; border-radius: 4px;} .postid-10005 input#Action1, .postid-10005 input#Action2 {color:#ce9423;} /*Downloadmanager - Farben Buttons */ .w3eden .btn {background-color: #2D5C88; border:none;} .w3eden .btn:hover, .w3eden .btn:visited, .w3eden .btn:focus, .w3eden .btn:active {background-color: #638DB3; border:none;} .w3eden .btn-danger {background-color: #CC4B4C; border-radius: 4px; border:none;} /*Button, um einzuloggen für Mitglieder*/ div.w3eden.d-inline-block #wpdmmodalloginbtn {border-radius: 4px;} /*Kalender alle Servicetermine - Spalten immer auf 100% verbreitern -- Stefan HH*/ table.events-table tr.event-row {width: 100% !important;} /*Farbe für Links -- Stefan HH * * Commented out by Ron. This sort of detail should be in the quick css. p a {color: #C4352D !important;} p a:hover {font-style: italic;} *****/ /*weil links nun alle rötlich, Lupe wieder auf weiß stellen -- Stefan HH*/ .html_burger_menu #top #wrap_all .menu-item-search-dropdown > a {color: #fdfdfd;} /*Höhe des Footers - damit Cookiehinweis Copyright-Hinweis nicht verdeckt - siehe custom css - funktioniert seltsamerweise nur dort - Stefan HH */ /* Was in Quick CSS from Ron */ .page-id-45 .main_color div { border-left-color: transparent; border-right-color: transparent; } .page-id-45 #top select { margin-bottom: 0; padding: 0; background-image: none; } .event-row { display: block; margin-bottom: 5px; margin-right: 5px; padding: 10px; border-style: solid; border-width: 3px; border-color: #294372; } .event-image { display: inline-block; } .event-data { display: inline-block; vertical-align: top; } .events-table { border-style: solid; border-width: 1px; } #swm_anmeldung_table td { font-size: 16px; color: black; } #swm_anmeldung_btn { font-size:16px; width:100%; border-radius:4px; padding-top: 3px; padding-bottom: 3px; } .responsive.html_mobile_menu_tablet #top #header #header_meta ul.social_bookmarks li{ min-width: 55px; border: 0; } } @media only screen and (max-width: 767px) { .event-data { display: block; } .event-row { width: 310px; } .event-row td { display: block; } } .bx-wrapper .event-data { overflow:hidden !important; padding-left: 10px; font-size: 20px; color: #2a4473; line-height: 1.5em; border-style: none; height: 120px; flex-shrink: 1; } .event-slider-item { margin-left: 30px; margin-right: 30px; display: inline-flex; } .bx-wrapper .event-image { flex-shrink: 0; } .bx-viewport { height: 120px !important; } #basic-text-audio .__dt_col_audio_player { min-width: 0px !important; } /*Schriftfarbe im Button 'Cookies nicht akzeptieren' -- siehe custom css in WordPress funktioniert hier nicht dort schon Stefan HH*/ /*Button - hier geht es zur RSK -- siehe custom css in WordPress funktioniert hier nicht dort schon Stefan HH */ /* Buttons im Footer - können auch allgemein eingesetzt werden Stefan HH*/ .butt_blue a {background-color:#2d5c88 !important; padding:5px 16px !important; border-radius:4px; color:#ffffff; font-family: Open Sans; display:inline; color:#ffffff !important; font-family: Open Sans; font-weight:400; font-size:13px; text-transform:uppercase;} .butt_blue a:hover {background-color:#638db3 !important; box-shadow: 0 3px 10px 0 rgba(0,0,0,.17); text-decoration:none; font-style:normal;} .butt_blue a:focus {text-decoration: none;} /*################# FARSI ##################*/ /*Akkordeon farsi - Schrift rechts - toggles links - siehe /fa/artikel/fragen-und-antworten-fa/ Stefan .postid-15853 .toggle_icon {right: auto !important; left:10px !important;} .postid-15853 section.av_toggle_section {text-align:right !important;} */ /*Hintergrundbild für nachrichtenslider tauschen = Pfeile rechts + links*/ /*.bx-wrapper .bx-next background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAA/CAYAAAAfQM0aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRjQ5NEM3RDI5QTkxMUUyOTc1NENCMzI4N0QwNDNCOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRjQ5NEM3RTI5QTkxMUUyOTc1NENCMzI4N0QwNDNCOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJGNDk0QzdCMjlBOTExRTI5NzU0Q0IzMjg3RDA0M0I5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJGNDk0QzdDMjlBOTExRTI5NzU0Q0IzMjg3RDA0M0I5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+WeGRxAAAB2hJREFUeNrUXFts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) -43px -32px no-repeat;}*/ /* siehe quick css .bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px no-repeat !important;} .bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px no-repeat !important;} */ /*Counter Meetingsliste hochsetzen- media max width 300 für galaxy fold - siehe Quick CSS .bmlt_tabs_meeting_count {position: absolute !important; top: -38px !important; right: 0px !important; font-weight:600 !important; color: #333 !important; font-family: rubik; font-size:18px !important;} @media screen and (min-width: 768px) { .bmlt_tabs_meeting_count { top: 4px !important; color:#fff !important; text-shadow: 1px 1px 1px #333; } .show-counter { display:none !important;} } @media screen and (max-width: 300px) { .bmlt_tabs_meeting_count { font-size:15px !important; } } */