/* Theme Name: ars-zone Description: Childtheme zum Theme education-zone Author: MWunderlich Author URI: https://ars-plauen.de Template: education-zone Version: 0.9 Tags: */ /*Füge deinen Code unter dieser Zeile ein. Nutze ggf. !important, um Styles aus dem Haupttheme zu überschreiben.*/ /* gesamte Seite */ .site{color: #042f7e !important; background-color: rgba(255,255,255,0.0) !important; } /******************************************************************************/ /************************ Link-Formatierung **********************************/ /******************************************************************************/ /* alle Links die keinen eigenen Style bekommen aber ein http bzw https im Link */ a[href^="https:"]{ color: #042f7e !important; text-decoration: none !important; } a[href^="http:"] { color: #042f7e !important; text-decoration: none !important; } a[href^="https:"]:hover { color: #042f7e !important; text-decoration: none !important;} a[href^="http:"]:hover { color: #042f7e !important; text-decoration: none !important;} /* Link des Seitentitels keine Farbe die wird weiter unten für die Teile A R S und Plauen festgelegt */ a.ars-title-link { text-decoration: none !important; outline: 0 !important;} a.ars-title-link:focus { text-decoration: none !important; outline: 0 !important;} /*a.ars-title-link :link { color: #141314 !important; text-decoration: underline !important; outline: 0 !important;} */ a.ars-title-link:visited { text-decoration: none !important; outline: 0 !important; } a.ars-title-link:hover { text-decoration: none !important; outline: 0 !important; } a.ars-title-link:active { text-decoration: none !important; outline: 0 !important; } /* Universallink weiss */ a.link-multi-weiss { color: #fff !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important;} a.link-multi-weiss:focus { color: #fff !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important;} /*a.link-multi-weiss:link { color: #fff !important; font-size: 1.0em !important; text-decoration: underline !important; outline: 0 !important;} */ a.link-multi-weiss:visited { color: #fff !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important; } a.link-multi-weiss:hover { color: #fff !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important; } a.link-multi-weiss:active { color: #fff !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important; } /* Universallink blau */ a.link-multi-blau { color: #042f7e !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important;} a.link-multi-blau:focus { color: #042f7e !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important;} /*a.link-multi-blau:link { color: #042f7e !important; font-size: 1.0em !important; text-decoration: underline !important; outline: 0 !important;} */ a.link-multi-blau:visited { color: #042f7e !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important; } a.link-multi-blau:hover { color: #042f7e !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important; } a.link-multi-blau:active { color: #042f7e !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important; } /* Mail-Link weiss */ a.link-mail-weiss { color: #042f7e !important; text-decoration: none !important; outline: 0 !important;} a.link-mail-weiss:focus { color: #042f7e !important; text-decoration: none !important; outline: 0 !important;} /*a.link-mail-weiss :link { color: #042f7e !important; text-decoration: underline !important; outline: 0 !important;} */ a.link-mail-weiss:visited { color: #042f7e !important; text-decoration: none !important; outline: 0 !important; } a.link-mail-weiss:hover { color: #042f7e !important; text-decoration: none !important; outline: 0 !important; } a.link-mail-weiss:active { color: #042f7e !important; text-decoration: none !important; outline: 0 !important; } /* Überschrift in den Info-Boxen der Startseite */ a.ars_info_header_link { color: #fff !important; text-decoration: none !important; outline: 0 !important;} a.ars_info_header_link:focus { color: #fff !important; text-decoration: none !important; outline: 0 !important;} /*a.ars_info_header_link:link { color: #fff !important; text-decoration: underline !important; outline: 0 !important;} */ a.ars_info_header_link:visited { color: #fff !important; text-decoration: none !important; outline: 0 !important; } a.ars_info_header_link:hover { color: #fff !important; text-decoration: none !important; outline: 0 !important; } a.ars_info_header_link:active { color: #fff !important; text-decoration: none !important; outline: 0 !important; } /* ...mehr-Link in den Info-Boxen der Startseite */ a.ars_info_more_link { color: #fff !important; text-decoration: none !important; outline: 0 !important;} a.ars_info_more_link:focus { color: #fff !important; text-decoration: none !important; outline: 0 !important;} /*a.ars_info_more_link:link { color: #fff !important; text-decoration: underline !important; outline: 0 !important;} */ a.ars_info_more_link:visited { color: #fff !important; text-decoration: none !important; outline: 0 !important; } a.ars_info_more_link:hover { color: #fff !important; text-decoration: none !important; outline: 0 !important; } a.ars_info_more_link:active { color: #fff !important; text-decoration: none !important; outline: 0 !important; } /* Cookie-Notice Button Ok */ a#cn-accept-cookie { color: #fff !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important; border: 2px solid #fff !important; border-radius: 11px; padding: 3px; width: 200px;} a.cn-accept-cookie:focus { color: #fff !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important;} /*a.cn-accept-cookie :link { color: #4A88BF !important; font-size: 1.0em !important; text-decoration: underline !important; outline: 0 !important;} */ a.cn-accept-cookie:visited { color: #fff !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important; } a.cn-accept-cookie:hover { color: #d5d5d3 !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important; } a.cn-accept-cookie:active { color: #d5d5d3 !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important; } /* Cookie-Notice Button Datenschutz */ a#cn-more-info { color: #fff !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important; border: 2px solid #fff !important; border-radius: 11px; padding: 3px; width: 200px;} a.cn-more-info:focus { color: #fff !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important;} /*a.cn-more-info:link { color: #4A88BF !important; font-size: 1.0em !important; text-decoration: underline !important; outline: 0 !important;} */ a.cn-more-info:visited { color: #fff !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important; } a.cn-more-info:hover { color: #d5d5d3 !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important; } a.cn-more-info:active { color: #d5d5d3 !important; font-size: 1.0em !important; text-decoration: none !important; outline: 0 !important; } /* Bildquelle auf Bildern Plugin: Image Source Control*/ .isc-source-text { font-size: 0.7em !important; background-color: rgba(63,83,103, 0.7) !important; } .isc_all_image_list_box { overflow: hidden !important; } .isc_all_image_list_box th { text-align: left !important; } /* blendet die Navigation unter dem Beitrag aus */ .post-navigation{ display: none !important; } /******************************************************************************/ /************************ Seitentitel und Beschreibung ***********************/ /************************ (Seitenkopf Logobereich ***********************/ /******************************************************************************/ /* die Farben der einzelnen Buchstaben des Seitentitels */ /* aufgeteilt mit der Funktion ars_split_title() in der functions.php des ars-zone Themes */ /* wenn sich der Seitentitel mal ändern sollte muss dieser dort anders gesplittet werden */ /* 117 155 192 */ /* .ars-title-first { color: #759BC0 !important; font-size: 1.25em !important; } */ /* 184 200 223 */ /* .ars-title-second { color: #B8C8DF !important; font-size: 1.25em !important;} */ /* 254 255 253 */ /* .ars-title-third { color: #FEFFFD !important; font-size: 1.25em !important;} */ /* 255 255 255 */ /* .ars-title-end { color: #ffffff !important; font-size: 1.25em !important;} */ .ars-title-first { color: #b8c2e6 !important; font-size: 1.25em !important; } .ars-title-second { color: #0048a4 !important; font-size: 1.25em !important;} .ars-title-third { color: #042f7e !important; font-size: 1.25em !important;} .ars-title-end { color: #042f7e !important; font-size: 1.25em !important;} /* helles Blau #b8c2e6 mittleres Blau #0048a4 dunkles Blau und Plauen #042f7e */ /* Text unter ARS Plauen "Ambulantes Reha-...."*/ /*.site-description{ color: white !important; font-size: 1.0em !important;}*/ .site-description{ color: #042f7e !important; font-size: 1.0em !important;} /******************************************************************************/ /******************************************************************************/ /************************ Top Header Sektion **********************************/ /************** E-Mail-Adresse und Telefonnummer ganz oben ********************/ /******************************************************************************/ /* Seitenheader ganz oben wo Telefonnummer und Mailadresse stehen */ .header-top {color: #042f7e !important; background-color: rgba(255,255,255,0.0) !important;} .mail-top-right {color: #042f7e !important; float: right !important;} .telefon {color: #042f7e !important; !important; } .site-header .header-top .top-links span a {color: #042f7e !important;} .site-header .header-top .top-links span svg {color: #042f7e !important;} /* Hintergrund Seitentitel, Beschreibung und Suchfeld */ .header-bottom{color: #042f7e !important; background-color: rgba(255,255,255,0.0) !important;} /* Hintergrund bei responsivem Header */ .mobile-header {color: #042f7e !important; background-color: rgba(255,255,255,0.0) !important; } .search-form { background-color: rgba( 184,194,230, 0.7) !important; border: 1px solid #042f7e !important; border-radius: 3px !important; } .search-field { color: #042f7e !important; border: 0px double #042f7e !important; border-radius: 3px !important; height: 85% !important; margin-left: 3px !important; margin-top: 3px !important; margin-bottom: 3px !important; } /******************************************************************************/ /************************ Hauptnavigation *************************************/ /******************************************************************************/ /* Hauptnavigation ohne Rahmenlinie */ /* .main-navigation ul li a {outline: 0 !important;} .main-navigation ul li a:focus {outline: 0 !important;} .main-navigation ul li a:visited {outline: 0 !important;} .main-navigation ul li a:hover {outline: 0 !important;} .main-navigation ul li a:active {outline: 0 !important;} */ .main-navigation ul li a {color: #042f7e !important; outline: 0 !important;} .main-navigation ul li a:focus {color: #042f7e !important; outline: 0 !important;} .main-navigation ul li a:visited {color: #042f7e !important; outline: 0 !important;} .main-navigation ul li a:hover {color: #042f7e !important; outline: 0 !important;} .main-navigation ul li a:active {color: #042f7e !important; outline: 0 !important;} /******************************************************************************/ /**************************** Startseite *************************************/ /******************************************************************************/ /* Info-Boxen */ /* (nur auf Startseite ) */ /* der die Info-Divs umschliessende Container */ .thumb-text { margin-bottom: 11px; } /* der linke Info-DIV */ .thumb-text li .box-1 { /*background-color: rgba(63,83,103, 0.7) !important;*/ /*background-color: rgba(184,194,230, 0.7) !important;*/ background-color: rgba(4,47,126, 0.7) !important; border: 1px double #042f7e !important; border-radius: 11px !important; padding: 28px 28px 26px !important; height: 400px !important; overflow: hidden !important; color: #fff !important; } /* der mittlere Info-DIV */ .thumb-text li .box-2 { /*background-color: rgba(110,67,71, 0.7) !important;*/ background-color: rgba(0,72,164, 0.7) !important; border: 1px double #042f7e !important; border-radius: 11px !important; padding: 28px 28px 26px !important; height: 400px !important; overflow: hidden !important; /*color: #82bf21 !important;*/ color: #fff !important; } /* der rechte Info-DIV */ .thumb-text li .box-3 { /*background-color: rgba(63,83,103, 0.7) !important;*/ /*background-color: rgba(4,47,126, 0.7) !important;*/ background-color: rgba(184,194,230, 0.95) !important; border: 1px double #042f7e !important; border-radius: 11px !important; padding: 28px 28px 26px !important; height: 400px !important; overflow: hidden !important; /*color: #fff !important; */ color: #f5f5dc !important; } /* wird aktuell nicht ausgegeben (siehe section-info.php */ .thumb-text li .box-4 { /* */ } /* Bilder in den Info-Boxen */ /* abgerundete Ecken (Radius wie Info-Divs) */ .image-holder span img{ border-radius: 11px !important; -moz-border-radius: 11px !important; -webkit-border-radius: 11px !important; } /* der Link (...mehr) in den Info-Boxen */ /* die Schriftfarbe wird weiter oben definiert (ars_info_more_link) */ .apply-now {margin: 0 !important; padding: 0 !important; } /* Inhalt Startseite (Welcome-Sektion) */ /* die Überschrift (Welcome-Sektion)*/ .section-title { text-align: center !important; /*color: white !important;*/ color: #0048a4 !important; } /* der Inhalt (Welcome-Sektion) */ .header-part{ background-color: rgba( 184,194,230, 0.7) !important; border: 1px outset #0048a4 !important; border-radius: 11px !important; padding: 25px !important; /*color: white !important;*/ color: #0048a4 !important; text-align: left !important; transition: all 3s; -webkit-transition: all 3s; /* Safari 3.1 bis 6.0 */ } .header-part:hover { background-color: rgba( 184,194,230, 1.0) !important; color: #0048a4 !important; } /* Abstand Info-Boxen und Content-Überschrift zur Hauptnavigation */ .no-banner .thumb-text { margin-top: 11px !important; } div#corona-aktuell { border: 1px outset #042f7e !important; border-radius: 5px !important; color: red !important; padding: 5px !important; font-weight: bold !important; } ul#corona-aktuell { list-style-image: url("") !important; list-style-type: circle !important; list-style-position: outside !important; } /* Infobox Team unsortierte Liste */ .entry-content ul.team_info_ul li.team_info_li { background-image: none !important; list-style-type: disc !important; } .entry-content ul.team_info_ul li.team_info_li::marker { color: #0048a4 !important; } .ars-osm-copyright { color: #0048a4 !important; font-size: 0.7rem !important; } /* Ende Infobox Team unsortierte Liste */ /* Seite Team Definitionsliste */ .team_info_dl {} .team_info_dt { font-weight: normal !important; } .team_info_bull { font-size: 1.25rem !important; /* color: red !important;*/ } /* Ende Definitionsliste */ /******************************************************************************/ .team_info_flexcontainer { display: flex; flex-direction: column; } /* große Viewports */ @media all and (min-width: 10em) { .team_info_flexcontainer { flex-direction: row; } } .team_info_flexitem { border: 1px solid; margin: .5em; padding: .5em; background: lime; } .team_info_flexitem:nth-of-type(2) { background: yellow; } /* .flex-item:nth-of-type(3) { background: #e6f2f7; } .flex-item:nth-of-type(4) { background: #ebf5d7; } */ /******************** Wordauszug Infobox Öffnungszeiten **********************/ /******************** als Tabelle formatiert *******************************/ /* Tabellenzelle links (Wochentage) */ .tbl-beitrag-oez-links { text-align: left !important; } /* Uhrzeiten */ .tbl-beitrag-oez-rechts { text-align: left !important; pdding-left: 51px !important; } /******************************************************************************/ /******************************************************************************/ /******************* normale Seite *******************************************/ /************* für spezielle Seiten (wie z.B. Wellness) ***********************/ /*********** werden weitere Styles weiter unten definiert *********************/ /******************************************************************************/ /* alle Überschriften h3 im content-Bereich */ .entry-content h3 { margin-bottom: 0 !important; } /* Seitentitel */ .page-title { width: 100% !important; /* top right bottom left */ padding: 25px 25px 25px 25px !important; background-color: rgba(184,194,230, 0.3) !important; border: 1px outset #042f7e !important; border-radius: 11px !important; /*color: white !important;*/ color: #0048a4 !important; } /* Seiteninhalt im Bereich article */ .site-content { /* */ } .content-area { /* */ } .entry-content p { /* */ } .site-main article { /* top right bottom left */ padding: 25px 25px 25px 25px !important; background-color: rgba(184,194,230, 0.3) !important; border: 1px outset #042f7e !important; border-radius: 11px; /*color: white !important;*/ color: #0048a4 !important; transition: all 3s; -webkit-transition: all 3s; /* Safari 3.1 to 6.0 */ } /* Seiteninhalt im Bereich article Hintergrund undurchsichtig beim Überfahren */ /* im Zusammenspiel mit site-main article transition */ .site-main article:hover { background-color: rgba(184,194,230, 1.0) !important; border: 1px outset #042f7e !important; /*color: #fff !important;*/ color: #0048a4 !important; } /******************************************************************************/ /********* Widget HTML (rechter Seitenbereich (nicht Footer) ***************/ /******************************************************************************/ #secondary .widget_custom_html h2 { color: white !important; } #secondary .widget_custom_html { color: white !important; padding: 25px 25px 25px 25px !important; background-color: rgba(188,232,152, 0.3) !important; /*background-color: rgba(184,194,230, 0.3) !important;*/ border: 0px double #042f7e !important; border-radius: 11px !important; transition: all 5s; -webkit-transition: all 5s; /* Safari 3.1 to 6.0 */ } #secondary .widget_custom_html:hover { background-color: rgba(188,232,152, 1.0) !important; /*background-color: rgba(184,194,230, 1.0) !important;*/ color: #315000 !important; } /******************************************************************************/ /************************** Footer *******************************************/ /******************************************************************************/ /* Abstand vom Seiteninhalt */ #colophon { margin-top: -91px !important; /* width: 60% !important; max-width: 61% !important; min-width: 59% !important; text-align: center; margin-left: auto !important; margin-right: auto !important; */ /* display: flex; justify-content: center; align-items: center; */ } /* Ausrichtung des gesamten oberen Footer-Inhalts mittig */ #colophon .container { text-align: center !important; /* width: 99%; margin-left: auto; margin-right: auto; */ } .site-footer { background-color: rgba(130,191,33, 0.3) !important; /*background-color: rgba(255, 0, 0, 0.6) !important;*/ border: 1px double #315000 !important; border-radius: 11px !important; color: #315000 !important; margin-left: 45px !important; margin-right: 45px !important; padding: 11px 0 0 11px !important; } .site-info { color: #315000 !important; padding-top: 23px !important; } .site-footer .widget-area { width: 96% !important; /* Test der Ausrichtung (live border 0) */ border: 0px solid red; border-bottom: 1px solid #3a3a3a; padding-bottom: 0px !important; /* Ausrichtung des Textes in den drei Footer-Widgets links */ text-align: left !important; } .footer-overlay { border: 0px solid red;} /******************************************************************************/ /************************** Seite Wellness ************************************/ /******************************************************************************/ .tablepress > :not(caption) > * > * { padding-left: 0rem !important; padding-top: 0.5rem !important; padding-right: 0.5rem !important; padding-bottom: 0.5rem !important; } .tablepress > :where(tbody) > tr > * { color: #0048a4 !important; } .table-wellness { font-size: 1.0em !important; padding-left: 0px !important; } /* Seite Wellness mit Flexboxen */ div.flex-container-oeff, div.flex-container-wellness * { box-sizing : border-box; border-collapse : collapse; /*border: 1px solid red;*/ } .flex-container-oeff, .flex-container-wellness { display : flex; flex-wrap : wrap; font-family : Lato, Helvetica, sans-serif; font-size : 1.1rem; color : #0048a4 !important; /* max-width : 75%; */ /* font-size : 30px;*/ /* text-align : center;*/ } .flex-item-left-oeff, .flex-item-left-wellness { /*background-color: var(--hg-color-left);*/ border : 0px solid red; /* Debug 1px Live 0px */ /* top | right | bottom | left */ /* Text des linken div linksbündig mit darüber- oder darunterstehendem Seitentext ausserhalb der Flexboxen */ padding : 10px 10px 10px 0 !important; flex : 49%; text-align : left; } .flex-item-middle-oeff, .flex-item-middle-wellness { /*background-color: var(--hg-color-middle);*/ border : 0px solid yellow; /* Debug 1px Live 0px */ padding : 10px; flex : 2%; } .flex-item-right-oeff, .flex-item-right-wellness { /*background-color: var(--hg-color-right);*/ border : 0px solid lime; /* Debug 1px Live 0px */ padding : 10px; flex : 49%; text-align : left; } @media (max-width: 720px) { .flex-item-right-oeff, .flex-item-middle-oeff, .flex-item-left-oeff { flex: 100%; padding: 10px 10px 10px 0 !important; } } /* der Umschaltpunkt wurde so hoch gesetzt, weil alle Wellness-Angebote untereinander angezeigt werden sollen */ @media (max-width: 2048px) { .flex-item-right-wellness, .flex-item-middle-wellness, .flex-item-left-wellness { flex: 100%; padding: 10px 10px 10px 0 !important; } } /******************************************************************************/ /**************************** Seite Kurse ************************************/ /******************************************************************************/ /* Wochentag */ #tablepress-1 td{ text-align: left !important; } /* Kursname */ #tablepress-1 td:nth-child(2) { min-width: 170px !important; max-width: 171px !important; } /* Uhrzeit und Kosten */ #tablepress-1 td:nth-child(4) { min-width: 150px !important; max-width: 151px !important; word-break: keep-all; } /* zusätzliche css-Klasse für tablepress-1 */ .ars-res-table { width: 100% !important; border-collapse: separate !important; /* border: 1px double #315000 !important; border-radius: 11px !important; */ /*background-color: rgba( 184,194,230, 0.3) !important;*/ border: 0px outset #0048a4 !important; border-radius: 11px !important; } .ars-res-table td { background-color: rgba( 184,194,230, 0.3) !important; } /******************************************************************************/ /************************** Seite Team ****************************************/ /******************************************************************************/ /* .tablepress-id-3 tr td { border: none !important; white-space: nowrap !important; } */ div.flex-container * { box-sizing : border-box; border-collapse : collapse; } .flex-container { display : flex; flex-wrap : wrap; font-family : Lato, Helvetica, sans-serif; font-size : 1.0rem; color : #042f7e; /* max-width : 75%; */ /* font-size : 30px;*/ /* text-align : center;*/ } .flex-item-left { /*background-color: var(--hg-color-left);*/ border : 0px solid red; /* Debug 1px Live 0px */ padding : 10px; flex : 49%; text-align : left; } .flex-item-middle { /*background-color: var(--hg-color-middle);*/ border : 0px solid yellow; /* Debug 1px Live 0px */ padding : 10px; flex : 2%; } .flex-item-right { /*background-color: var(--hg-color-right);*/ border : 0px solid lime; /* Debug 1px Live 0px */ padding : 10px; flex : 49%; text-align : left; } /* Passbildgrösse 72Dpi 99 x 128 Pixel 150Dpi 207 x 266 Pixel Quelle: https://www.passbildgroesse.de/ */ .team-einzelbild { max-width : 99px !important; max-height : 128px !important; border: 3px solid #042f7e; border-radius: 5px; } /* Responsive layout - makes a one column-layout instead of a two-column layout */ @media (max-width: 720px) { .flex-item-right, .flex-item-middle, .flex-item-left { flex: 100%; } } /******************************************************************************/ /************************** Post (Beiträge) volle Seitenbreite ****************/ /* die Breite des divs mit id primary wird direkt im Template ars-single-post */ /* gesetzt ********************************************************************/ /******************************************************************************/ // Änderung des css mit Hilfe regulärer Ausdrücke (nur Test) // hier für Posts deren id mit 131 enden article[id$='1']{ /* background-color: red !important; */ /*width: 100% !important;*/ } // volle Breite des div's "primary" in der Datei ars-single-post.php // Posts ohne Sidebar /*.ars-postfullwidth {width: 100% !important;}*/ /* div#primary {width: 100% !important;} */ /* abgerundete Ecken der Beitragsbilder (auch auf Beitragsseiten mit rechter Sidebar) */ .post-thumbnail img{border-radius: 11px !important;} /******************************************************************************/ /* word-break: break-all;*/ /******************************************************************************/ /************************** Seite Kontakt ************************************/ /******************************************************************************/ /************* Ninja-Forms ****************************************************/ /* Submit-Button Kontaktformular */ input[type=button]#nf-field-4{ color: #cb0425 !important; background-color: rgba(242, 240, 241, 1.0) !important; border: 1px solid #cb0425 !important; padding: 10px !important; box-shadow: 5px 5px 1px 0 rgba(0,0,0,0.1) !important; } /* das Sternchen für erforderliche Felder */ span.ninja-forms-req-symbol { color: #cb0425 !important; } /* das gesamte Formular linksbündig ohne Abstand */ .nf-form-content { padding: 0px !important; padding-top: 10px !important; width: 95% !important;} /* Fehlermeldung der Formularfelder */ .nf-error-msg { color: red !important; background-color: #fff !important; border: 1px solid #fff !important; padding: 5px !important; } /* Eingabefeldbeschriftung nicht durchgängig in Großbuchstaben */ .nf-field-label label { text-transform: none !important;} /* zusätzliche css-Klassen für jedes Formularfeld */ .mw-nf-select-anrede {color: #cb0425 !important;} /* */ /* Quelle: https://blog.kulturbanause.de/2015/03/formular-styling-mit-css-select-listen-radio-buttons-und-checkboxen-individuell-gestalten/ */ /* Standard-Styles entfernen */ .mw-nf-select-anrede { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; font-size: 1.0em; width: 100% } /* styling */ .mw-nf-select-anrede { width:100%; border: 1px solid #bbb; padding: 0.25em 1em 0.2em 0.3em; box-shadow: 5px 5px 1px 0 rgba(0,0,0,0.1); background-color: rgba(242, 240, 241, 1.0) !important; /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAADLBCUX9dEtAAAAAXRSTlMAQObYZgAAADBJREFUCNdj+MDP8EEehH7YM/yxY/hTx1BTw2D3h8H+BwjJf2DgB6IHIMR+gIG5AQCuoxDflWkREAAAAABJRU5ErkJggg==);*/ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAADLBCUX9dEtAAAAAXRSTlMAQObYZgAAACVJREFUCNdjYICB+n8M9n9ASP4HCPF/YOB/wMB+AISYGxgYoaoABdAKIn48HysAAAAASUVORK5CYII=); background-position: right; background-repeat: no-repeat; } .mw-nf-select-anrede:hover { box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);} /* hide browser-styling (arrow) in IE10 */ .mw-nf-select-anrede::-ms-expand { display:none;} .lt-ie10 .mw-nf-select-anrede { background-image: none;} /*.mw-nf-select-anrede option { background:#222; border-top:1px solid #444; padding:.3em 1em .3em 1em; } */ .mw-nf-input-vorname{color: #cb0425 !important; border: 1px solid rgba(0,0,0,0.5) !important; box-shadow: 5px 5px 1px 0 rgba(0,0,0,0.1) !important;} .mw-nf-input-nachname {color: #cb0425 !important; border: 1px solid rgba(0,0,0,0.5) !important; box-shadow: 5px 5px 1px 0 rgba(0,0,0,0.1) !important;} .mw-nf-input-email {color: #cb0425 !important; border: 1px solid rgba(0,0,0,0.5) !important; box-shadow: 5px 5px 1px 0 rgba(0,0,0,0.1) !important;} .mw-nf-textfield-nachricht {color: #cb0425 !important; border: 1px solid rgba(0,0,0,0.5) !important; box-shadow: 5px 5px 1px 0 rgba(0,0,0,0.1) !important;} .mw-nf-input-spam {color: #cb0425 !important; border: 1px solid rgba(0,0,0,0.5) !important; box-shadow: 5px 5px 1px 0 rgba(0,0,0,0.1) !important;} .mw-nf-checkbox-dsgvo {color: #cb0425 !important; border: 1px solid rgba(0,0,0,0.5) !important; box-shadow: 5px 5px 1px 0 rgba(0,0,0,0.1) !important;} /************************* Ninja-Forms ****************************************/ /***++++++++++++++++++ Ende Seite Kontakt *************************************/ /******************************************************************************/ /******************* Media Queries *******************************************/ /******************************************************************************/ @media only screen and (max-width: 991px) { a.email-link { color: #000 !important; text-decoration: none !important; outline: 0 !important;} a.email-link:focus { color: #042f7e !important; text-decoration: underline !important; outline: 0 !important;} /*a.scrollup-link:link { color: #141314 !important; text-decoration: underline !important; outline: 0 !important;} */ a.email-link:visited { color: #000 !important; text-decoration: none !important; outline: 0 !important; } a.email-link:hover { color: #042f7e !important; text-decoration: none !important; outline: 0 !important; } a.email-link:active { color: #042f7e !important; text-decoration: none !important; outline: 0 !important; } /* die Größe des Seitentitels responsiv*/ .ars-title-first { font-size: 1.0em !important; } /* 117 155 192 */ .ars-title-second { font-size: 1.0em !important;} /* 184 200 223 */ .ars-title-third { font-size: 1.0em !important;} /* 254 255 253 */ .ars-title-end { font-size: 1.0em !important;} /* 255 255 255 */ .site-description { color: #fff !important; font-size: 0.8em !important;} .thumb-text li .box-1 { margin-bottom: 11px !important; } /* der mittlere Info-DIV */ .thumb-text li .box-2 { margin-bottom: 11px !important; } .mobile-menu { background-color: rgba(27,114,193, 1.0) !important; } .welcome-note div.container{ padding: 0 0 !important; } /* normale Seite Inhalt + Titel */ .page-title { padding: 25px !important; } .site-main article { padding: 25px !important; } .wellness-links { padding-top: 5px; width: 100%; } .wellness-rechts{ display: block; float:left; text-align: left; padding-left: 33px; width: 100%; } #colophon {margin-top: 0 !important; width: 100% !important;} .site-footer { margin-left: 0 !important; margin-right: 0 !important; } }