/* Theme Name: Gridiculous Pro - Child theme Theme URI: http://www.aikido-plombières.net/ Author: Daniel Hugé Author URI: http://www.huge-gmbh.de/ Description: Child Theme for Gridiculous Pro by c.bavota Version: 1.1.1 Template: gridiculous-pro version: 1.1 Gridiculous Pro WordPress Theme, Copyright 2012 c.bavota Gridiculous Pro is distributed under the terms of the GNU GPL */ /* @import url("../gridiculous-pro/style.css");*/ /* =General -------------------------------------------------------------- */ body { text-shadow:none; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; hyphenate-limit-chars: auto 3; hyphenate-limit-lines: 2; } .nocomments { display:none; } blockquote { background:#f9f9f9; border-left:10px solid #ccc; margin:1.5em 10px; padding:.5em 10px; quotes:"\201C""\201D""\2018""\2019"; } #commentform{font-size:0.9em;} #comments-title,#reply-title {font-size:1.3em;color:#ee6600;} #Artikel-Vorschlag{font-size:0.9em;color:#ee6600;} /* =Pagination, Buttons and more -------------------------------------------------------------- */ #pagination .total-pages, #pagination .page-numbers, #post-pagination a, #pagination .page-numbers.current, #pagination .page-numbers:hover, #post-pagination a:hover, #post-pagination .current-post-page, .more-link, .button, #posts-pagination a, input[type="submit"], .comment-reply-link { font-size:75%; padding:6px 10px; } /* =Navigation -------------------------------------------------------------- */ #site-navigation{ background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(51,51,51)),to(rgb(34,34,34))); background-image:-moz-linear-gradient(bottom,rgb(34,34,34) 100%,rgb(51,51,51) 0%); background-image:-ms-linear-gradient(bottom,rgb(51,51,51) 5%,rgb(42,42,42) 20%,rgb(34,34,34) 100%); background-image:-o-linear-gradient(bottom,rgb(34,34,34) 100%,rgb(51,51,51) 0%); background-image:linear-gradient(bottom,rgb(34,34,34) 100%,rgb(51,51,51) 0%); color:#ccc; } #site-navigation li ul a { border-bottom:1px dotted #555; } #site-navigation ul li:hover > ul { background:#333; } /* =Article -------------------------------------------------------------- */ article { border-bottom:none; } .current-page-item,.current-menu-item,.current-page-ancestor,.current-post-ancestor,.current-post-parent{background:black;color:#6db;} /* =Posts -------------------------------------------------------------- */ .post-title,.entry-title{letter-spacing:-0.01ex;border-bottom:none !important;text-rendering:geometricPrecision;} .post-title a,.entry-title a{font-size:100%;text-decoration:none !important;letter-spacing:-0.01ex;text-rendering:geometricPrecision;} .post-meta,.entry-meta{ text-decoration:none !important;font-size:90%;color:#333; } .post-meta a,.entry-meta a{ text-decoration:none !important;border-bottom:none !important;font-size:90%;color:#333; } .post-meta a:hover,.entry-meta a:hover{ margin-left:1px; } .post-content,.entry-content{ font-size:1.3em; line-height:1.3em; text-rendering:geometricPrecision; } .post-content a,.entry-content a{ text-decoration:none; } .post-category{ display:none; } #Vorschlag-Titel a{ color:#6699CC !important; margin:10px; border-bottom:none; } /* =Kategorie-überschriften ausblenden */ .page-title{ display:none; } /* =Footer -------------------------------------------------------------- */ .footer-widget .widget-title{ color:#6699CC; padding:10px 0; border-bottom:none; box-shadow:none; } #footer{ color:#ccc; background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(51,51,51)),to(rgb(34,34,34))); background-image:-moz-linear-gradient(bottom,rgb(34,34,34) 100%,rgb(51,51,51) 0%); background-image:-ms-linear-gradient(bottom,rgb(51,51,51) 5%,rgb(42,42,42) 20%,rgb(34,34,34) 100%); background-image:-o-linear-gradient(bottom,rgb(34,34,34) 100%,rgb(51,51,51) 0%); background-image:linear-gradient(bottom,rgb(34,34,34) 100%,rgb(51,51,51) 0%); font-size:80%; } #footer a{ color:#ccc; border-bottom:none; text-decoration:none; font-size:1.25em; } .footer-widget ul li a{ text-decoration:none; -o-transition:margin .15s ease-in-out; -ms-transition:margin .15s ease-in-out; -moz-transition:margin .15s ease-in-out; -webkit-transition:margin .15s ease-in-out; transition:margin .15s ease-in-out; } .footer-widget ul li a:hover{ margin-left:5px; } #RichSnippets{ display:none; } /* =404 -------------------------------------------------------------- */ article.error404 .entry-title{ font-size:300%; text-align:center; text-shadow:5px 5px 0 #eee; } article.error404 img{ background:none; border:0; padding:0; margin:0 auto 10px; display:block; } article.error404 .entry-content{ text-align:center; font-size:100%; line-height:1.4; text-transform:none; } /* =Widgets -------------------------------------------------------------- */ .widget{ margin-bottom:20px; width:100%; text-decoration:none; } .widget p{ padding:0 20px; } .widget p a,.widget a,.home-widget a{ text-decoration:none; border-bottom:none; } .widget ul li a{ text-decoration:none; font-size:1.3em; line-height:1.3em; Padding:5px 0 0 0; } .home-widget-title{ margin:5px 5px 0 0; padding-bottom:10px; } #widget_tag_cloud{ text-decoration:none; } .entry-content a{ border-bottom:none; text-decoration:none; } #site-title a,#site-description{ color:#444; } #site-description{ color:#444; font-size:120%; } /* Images */ article img,.home-widget img,.post-content wp-post-image,.entry-content wp-post-image{ margin:0; padding:1px; border:0; background:none; border-radius:6px; } #bavotasan_custom_text_widget-2{ border-left:1px dotted #ddd; border-right:1px dotted #ddd; } #text-6,#text-10,#bavotasan_custom_text_widget-6{ margin:0; line-height:1.4; width:100%; } #text-8{ border:none; } #post-169{ border-bottom:none; hentry:none; } /* heartbeat demo */ @keyframes heartbeat{ 0%{transform:scale(.75)} 20%{transform:scale(1)} 40%{transform:scale(.75)} 60%{transform:scale(1)} 80%{transform:scale(.75)} 100%{transform:scale(.75)} } .entry-content mtest{ animation:heartbeat 1s infinite; } /* =All in one Calendar / ICS / Spider / Misc -------------------------------------------------------------- */ .ai1ec-actions{display:none;} .ai1ec-col-sm-push-7{left:none;} .ai1ec-col-sm-pull-5{right:none;} .ai1ec-pull-left{display:none;} .ai1ec-agenda-widget-view .ai1ec-date{background:none;border:none;} .ai1ec-col-md-5{width:25%;} .ai1ec-col-md-7{width:70%;} .ics-calendar-label{display:none !important;} .ics-calendar-select{margin-bottom:.8em !important;} .calendar_navigation input,.calendar_navigation select{display:none !important;} #icallookmore a#icalalookprev,.calendar_navigation .prevweek,.calendar_navigation .prevmonth{display:none !important;} #icallookmore a#icalalookmore,.calendar_navigation .nextweek,.calendar_navigation .nextmonth{display:none !important;} .icalprop,#events_wrap .icalprop,#multismallcalendar .icalprop{background:none !important;} th{font-size:.7em !important;} #events_wrap table td.pad{background:#f1f1f1;} caption{margin-bottom:20px !important;} .menu-search{float:right !important; padding:10px;} #afterbig1 span,#bigcalendar1 span{font-family:PT Sans,sans-serif !important; font-weight:light !important; text-shadow:none !important;} #afterbig1 .week_days,#bigcalendar1 .week_days{font-family:PT Sans,sans-serif !important;} #afterbig1 .cala_day a:link,#afterbig1 .cala_day a:visited,#bigcalendar1 .cala_day a:link,#bigcalendar1 .cala_day a:visited{font-weight:100 !important; font-family:Nobile !important; font-size:10px !important;} #dayevent h2{font-family:Nobile !important;} .agm_mh_marker_list{width:-100%;} #acx-social-icons-widget-5{border:none;padding-top:0;padding-bottom:0;margin-top:-1em;margin-bottom:0;} #acx-social-icons-widget-5 widget acx-social-icons-desc{margin-bottom:0 !important;} #acx_social_widget img,#acurax_si_widget_simple img,#short_code_si_icon img{margin-top:0px;margin-bottom:4px;} #acx_social_widget img:hover,#short_code_si_icon img:hover,#acurax_si_widget_simple img:hover{opacity:.9;margin-bottom:2px;transition:margin .15s ease-in-out;} #fancybox-close{right:-35px !important;} .ngg-gallery-thumbnail br{display:none} #menu-hauptmenu li.lang-item{float:right;} .related-posts{list-style-type:none !important;margin:30px !important;background-color:#f4f4f4 !important;} #yarpp-related,#Artikel-Vorschlag,#yarpp-thumbnails-horizontal{background-color:#f4f4f4 !important;margin-top:30px !important;padding:10px 30px !important;} /*------------------------------------------------*/ /*-----------[Fast Secure Contact Form]-----------*/ .fscf-div-form{width:99%;max-width:550px;} .fscf-div-left-box{float:left;width:55%;max-width:270px;} .fscf-div-right-box{float:left;width:235px;} .fscf-div-clear{clear:both;} .fscf-div-field-left{clear:left;float:left;width:99%;max-width:550px;margin-right:10px;} .fscf-div-field-prefollow{clear:left;float:left;width:99%;max-width:250px;margin-right:10px;} .fscf-div-field-follow{float:left;padding-left:10px;width:99%;max-width:300px;} .fscf-div-label{text-align:left;padding-top:5px;} .fscf-div-field{text-align:left;} .fscf-div-captcha-sm{width:175px;height:40px;padding-top:2px;} .fscf-div-captcha-m{width:250px;height:40px;padding-top:2px;} .fscf-image-captcha{border-style:none;margin:0 5px 0 0;padding:0px;padding-right:5px;float:left;} .fscf-image-captcha-refresh{border-style:none;margin:0;padding:0px;vertical-align:top;} .fscf-div-submit{text-align:left;clear:both;padding-top:15px;width:150px;height:40px;color:green;font-size:1em;} .fscf-fieldset{border:1px solid #E5E5E5;width:99%;max-width:550px;padding:10px;} .fscf-required-indicator{text-align:left;} .fscf-required-text{text-align:left;} .fscf-hint-text{font-size:x-small;font-weight:normal;} .fscf-div-error{text-align:left;color:red;} .fscf-div-redirecting{text-align:left;} .fscf-fieldset-field{border:1px solid #E5E5E5;width:99%;max-width:550px;padding:10px;} .fscf-label{display:none;} .fscf-option-label{display:inline;} .fscf-input-text{ text-align:left;margin:0;width:99% !important;max-width:550px;height:35px;font-size:.9em;border:1px solid #ddd;border-radius:6px;padding:1% 1%;margin:5px 0 20px 0 !important;} .fscf-input-captcha{ text-align:left;clear:both;margin:0;width:11.8em !important;max-width:550px;height:35px;font-size:.9em;border:1px solid #ddd;border-radius:6px;padding:1% 0 5px 1%;margin:10px 0;float:left;} .fscf-input-textarea{ text-align:left;margin:0;width:99%;max-width:550px;height:100px;font-size:.9em;border:1px solid #ddd;border-radius:6px;padding:1% 1%;margin:5px 0 20px 0 !important;} .fscf-input-select{ text-align:left; } .fscf-input-checkbox{ width:13px; } .fscf-input-radio{ width:13px; } .fscf-button-submit{ cursor:pointer;display:inherit;background-color:#4ca6cf;color:#fff;opacity:.9;padding:10px 35px;width:100px;font-size:1.0em !important;border-radius:6px;border:none; } .fscf-button-submit:hover{ opacity:1; } .fscf-button-reset{ cursor:pointer;margin:0;display:none;} .fscf-button-vcita{ text-decoration:none;display:block;text-align:center;background:linear-gradient(to bottom,#ed6a31 0%,#e55627 100%);color:#fff !important;padding:10px; } .fscf-button-div-vcita{ border-left:1px dashed #ccc;margin-top:25px;height:50px;padding:8px 20px; } .fscf-powered-by{ font-size:x-small;font-weight:normal;padding-top:5px;text-align:center; } /* Placeholder */ ::-webkit-input-placeholder{opacity:.5;color:#333;} :-moz-placeholder{opacity:.5;color:#333;} ::-moz-placeholder{opacity:.5;color:#333;} :-ms-input-placeholder{opacity:.5;color:#333;} /* ========================================================= MOBILE OFFCANVAS – FINAL BLOCK ========================================================= */ :root { --mmh: 48px; } /* Offcanvas-Container */ #left-nav { display: none; position: fixed; left: 0; width: 260px; background: #111; overflow-y: auto; z-index: 10000; } /* Liste + Grundstyles */ #left-nav #site-navigation-offcanvas ul { list-style:none; margin:0; padding:0; } #left-nav #site-navigation-offcanvas li { border-bottom:1px solid #222; position:relative; } #left-nav #site-navigation-offcanvas a { display:block; padding:12px 16px; /* Basis-Einrückung Ebene 1 */ color:#fff; text-decoration:none; } /* Submenüs standardmäßig zu */ #left-nav #site-navigation-offcanvas ul ul { display:none; } /* Sichtbar, wenn LI geöffnet */ #left-nav #site-navigation-offcanvas li.open > ul { display:block; } /* Pfeile für Items mit Untermenü */ #left-nav #site-navigation-offcanvas li.menu-item-has-children > a:after { content: "▸"; float: right; opacity: .7; } #left-nav #site-navigation-offcanvas li.open > a:after { content: "▾"; opacity: 1; } /* -------- Einrückungen der Ebenen -------- */ /* Ebene 2 */ #left-nav #site-navigation-offcanvas ul ul > li > a { padding-left: 32px; /* +16px zur Basis */ font-size: 0.97em; } /* Ebene 3 */ #left-nav #site-navigation-offcanvas ul ul ul > li > a { padding-left: 48px; /* +32px zur Basis */ font-size: 0.95em; } /* Ebene 4+ optional */ #left-nav #site-navigation-offcanvas ul ul ul ul > li > a { padding-left: 64px; font-size: 0.93em; } /* Hover/Active Lesbarkeit */ #left-nav #site-navigation-offcanvas a:hover { background:#1a1a1a; } #left-nav #site-navigation-offcanvas li.open > a { background:#161616; } /* Mobile Breakpoint */ @media (max-width: 768px){ #site-navigation { display:none !important; } #mobile-menu { display:block !important; position:sticky; top:0; z-index:10001; } body.offcanvas #left-nav { display:block; } /* Abstand Titel nur mobil */ #header-group { margin-top:12px; } /* Offcanvas bündig unter Topbar */ #left-nav { top: var(--mmh); max-height: calc(100vh - var(--mmh)); } /* Verbesserte Lesbarkeit für entry-content */ .entry-content { font-size: 1.4em; line-height: 1.5em; padding: 0 1em; text-align: justify; hyphens: auto; word-break: normal; word-wrap: break-word; overflow-wrap: break-word; } } /* Verhindert, dass NextGEN das Logo oder Headerbild als Lightbox behandelt */ .no-lightbox, .no-lightbox img, img.no-lightbox { pointer-events: auto !important; } a.no-lightbox, a.no-lightbox img { cursor: pointer !important; } /* Wichtig: NextGEN globaler Click-Handler umgehen */ a.no-lightbox[data-ngg-no-lightbox], img.no-lightbox[data-ngg-no-lightbox] { pointer-events: auto !important; } #header { position: relative !important; } /* Basis: Logo absolut rechts, über Menü und Headerbild */ #header{ position: relative !important; } /* Das Logo stand hier ein zweites Mal - mit `right: 16px` und `width: auto`, also im Widerspruch zu den elf Stufen weiter unten. Seit dem 2026-09-13 steht es an genau einer Stelle, im Abschnitt "Responsive Header und Logo". Hier bleibt nur, was die Navigation betrifft. */ #site-navigation{ z-index: 1000 !important; } /* Home-Widget-Titel dynamisch & ohne Zeilenumbruch */ .home-widget-title { white-space: nowrap; line-height: 1.15; display: block; } .home-widget-title i { font-size: 1em; margin-right: 6px; } .home-widget-title { font-size: clamp(1.1rem, 2vw, 1.9rem); /* min | fluid | max */ } /* Home-Widget Texte: Blocksatz + Silbentrennung + stabile Wortabstände */ .home-widget .textwidget p, .home-widget .entry-content { text-align: justify; text-justify: inter-word; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; overflow-wrap: anywhere; word-break: normal; letter-spacing: normal; word-spacing: normal; text-align-last: auto; } /* Bild rechts im Text: saubere Abstände */ .home-widget .textwidget img.alignright, .home-widget .entry-content img.alignright { float: right; margin: 0 0 .4em .8em; } /* Optional: Mikrotypografie */ .home-widget .textwidget p { text-rendering: optimizeLegibility; font-kerning: normal; } .cta-fadein { opacity: 0; transform: translateY(30px); animation: fadeInUp 0.8s ease-out 0.3s forwards; } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } @media (min-width: 768px) { .entry-content p { max-width: 36em; margin-left: auto; margin-right: auto; } } .home-widget img[src*="Event_Header"] { transition: transform 0.4s ease, filter 0.3s ease; display: block; width: 100%; height: auto; } .home-widget img[src*="Event_Header"]:hover { transform: scale(1.05); filter: brightness(0.95); } .cta-button { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 24px; font-size: 1rem; font-weight: 600; font-family: inherit; color: #fff; background: #2e77bb; text-decoration: none; border-radius: 6px; box-shadow: 0 1.5px 3px rgba(0,0,0,0.25); text-shadow: 0 1px 1px rgba(0,0,0,0.2); transition: all 0.25s ease-in-out; } .cta-button:hover { background: #005b9a; transform: scale(1.02); } body.postid-8499 #posts-pagination { display: none !important; } /* --- Schnupperkurs: Grundlayout --- */ .aikido-schnupperkurs { position: relative; } .aikido-schnupperkurs::after { content:""; display:block; clear:both; } /* räumt Floats im Artikel */ /* Hero + Sticker */ .aikido-schnupperkurs .hero { position: relative; } .aikido-schnupperkurs .hero img { display:block; width:100%; height:auto; border-radius:4px; } /* Sticker (Badge) */ .aikido-schnupperkurs .sticker { position:absolute; bottom:56px; left:76px; transform:rotate(-10deg); display:flex; align-items:center; justify-content:center; font-family:inherit; font-weight:600; line-height:1.0; white-space:nowrap; color:#000; text-decoration:none; padding:14px 30px; border-radius:4px; background: linear-gradient(to bottom, rgba(255,255,255,.10) 0%, rgba(0,0,0,.08) 100%), #f5a638; box-shadow:0 2px 3px rgba(0,0,0,.25); z-index:50; } .aikido-schnupperkurs .sticker > span { display:block; transform:rotate(2deg); } /* Info-Tabelle */ .aikido-schnupperkurs .snupper-table-wrap { overflow-x:auto; } .aikido-schnupperkurs .snupper-table { border-collapse:separate; border-spacing:0; width:100%; } .aikido-schnupperkurs .snupper-table td { border:2px solid #fff; padding:0.9rem 1rem; vertical-align:top; } .aikido-schnupperkurs .snupper-table td.col-1 { background:#d9d9d9; width:28%; } .aikido-schnupperkurs .snupper-table td.col-2 { background:#f2f2f2; font-size:1.15rem; } .aikido-schnupperkurs .snupper-table td.col-3 { background:#f2f2f2; width:56px; text-align:center; } .aikido-schnupperkurs .snupper-table h4 { margin:0; color:var(--h3-color, #1d4f8b); font-weight:600; } .aikido-schnupperkurs .icon { display:inline-flex; width:28px; height:28px; align-items:center; justify-content:center; text-decoration:none; } .aikido-schnupperkurs .icon svg { width:24px; height:24px; } .aikido-schnupperkurs .icon svg * { stroke:#333; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; } /* Floatende Bilder im Text (nutzt i. d. R. Theme-Klassen) */ .aikido-schnupperkurs img.alignright { float:right; margin:0 0 0.6rem 1rem; border-radius:4px; } /* Mobile-Feinschliff */ @media (max-width:680px){ .aikido-schnupperkurs .sticker{ bottom:4.5vw; left:5.5vw; padding:10px 22px; border-radius:6px; font-size:1.05rem; } .aikido-schnupperkurs .snupper-table td { padding:0.7rem 0.8rem; } .aikido-schnupperkurs .snupper-table td.col-1 { width:36%; } .aikido-schnupperkurs .snupper-table td.col-3 { width:44px; } } /* Fix: Unsichtbare schema.org