/* Theme Name: CasaPress 2 – GG 2022 Edition Theme URI: https://herr-heinze.de Author: Steffen Heinze/Casa Verde Studio Author URI: https://herr-heinze.de Description: Standard Theme der Wordpress-Installation der Goethe-Gesellschaft in Weimar e.V. – Relaunch 2022 Version: 0.9 Text Domain: casapress2 CasaPress 2 WordPress Theme, Copyright © 2021–2022 Steffen Heinze/Casa Verde Studio */ /** ––––––––– **/ /** Inhalt **/ /************* 0A. Includes 0B. Debugging 0C. Reset 01. Variablen/Globale Klassen 02. Typographie 03. Elemente 03. A Formulare 03. B Blog 04. Seitenbereiche 04. A Header 04. B Footer 04. C Content 05. Navigation 05. A Hauptmenu 05. B Untermenus 05. C Widgetmenus 06. Grid 07. WP Blocks 08. Rubriken 09. Blog /* ** ** */ /** 0A. Includes **/ /******************/ /* Standard Font Source Serif */ /*@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /* Standard Font Source Sans */ /*@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /* Standard Icon Font */ @import url("fonts/fontawesome/css/all.min.css"); /* Bootstrap Mobile Menu */ @import url("assets/css/bootstrap.css"); /* ** ** */ /** 0B. Debugging **/ /***********************************/ /* Helper/Debugging */ /* Remove for hiding, add for control -> div { outline: solid 1px rgba(255,0,255,1); } figure { outline: dashed 1px rgba(128,128,255,1); } .gg-page-header { background-color: lightgreen; } .gg-page-content { background-color: lightyellow; } .gg-page-footer { background-color: lightcyan; } /* ** ** */ /** 0C. Reset **/ /***************/ * { margin: 0; padding: 0; border: 0; } /* reset all margins and borders */ * { font-size: 18px; } /* font size base */ /* Media Queries @media only screen and (max-width: 575.98px) { * { font-size: 16px; } /* font size base } @media only screen and (min-width: 1400px) { * { font-size: 20px; } /* font size base } */ table, thead, tbody, th, tr, td { margin: 0; padding: 0; border-width: 0; border-collapse: collapse; } /* basic tables design */ span { font-size: inherit; } /* ** ** */ /** 0D. Fonts **/ /***************/ /* source-sans-pro-regular - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: url('assets/fonts/source-sans-pro-v21-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/source-sans-pro-v21-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-italic - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; src: url('assets/fonts/source-sans-pro-v21-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/source-sans-pro-v21-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-700 - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: url('assets/fonts/source-sans-pro-v21-latin-ext_latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/source-sans-pro-v21-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-700italic - latin-ext_latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; src: url('assets/fonts/source-sans-pro-v21-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/source-sans-pro-v21-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/source-sans-pro-v21-latin-ext_latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-serif-pro-regular - latin-ext_latin */ @font-face { font-family: 'Source Serif Pro'; font-style: normal; font-weight: 400; src: url('assets/fonts/source-serif-pro-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/source-serif-pro-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-regular.svg#SourceSerifPro') format('svg'); /* Legacy iOS */ } /* source-serif-pro-italic - latin-ext_latin */ @font-face { font-family: 'Source Serif Pro'; font-style: italic; font-weight: 400; src: url('assets/fonts/source-serif-pro-v15-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/source-serif-pro-v15-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-italic.svg#SourceSerifPro') format('svg'); /* Legacy iOS */ } /* source-serif-pro-700 - latin-ext_latin */ @font-face { font-family: 'Source Serif Pro'; font-style: normal; font-weight: 700; src: url('assets/fonts/source-serif-pro-v15-latin-ext_latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/source-serif-pro-v15-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-700.svg#SourceSerifPro') format('svg'); /* Legacy iOS */ } /* source-serif-pro-700italic - latin-ext_latin */ @font-face { font-family: 'Source Serif Pro'; font-style: italic; font-weight: 700; src: url('assets/fonts/source-serif-pro-v15-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/source-serif-pro-v15-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/source-serif-pro-v15-latin-ext_latin-700italic.svg#SourceSerifPro') format('svg'); /* Legacy iOS */ } /** 01. Variablen und Globale Klassen **/ /***************************************/ /* Breakpoints XS < 576 px (Mobiltelefon) SM => 576 px (Mobiltelefon quer/kleines Tablet) MD => 768 px (Tablet Hochformat) LG => 992 px (Tablet Querformat) XL => 1200 px (Desktop klein) XXL => 1400 px (Desktop groß) */ :root { /* Fonts */ --global-primary-font: "Source Serif Pro", Times New Roman, Times, serif; --global-secondary-font: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; --global-icon-font: "Font Awesome 5 Free"; /* Schriftgrößen */ --global-font-size-std: 1rem; --global-font-size-xl: 1.5rem; --global-font-size-sm: .8rem; --global-font-size-xs: .5rem; /* Original: 3, 2, 1.5, 1.25, 1, 1 */ --global-font-size-h1: calc(2.5 * var(--global-font-size-std)); --global-font-size-h2: calc(1.75 * var(--global-font-size-std)); --global-font-size-h3: calc(1.5 * var(--global-font-size-std)); --global-font-size-h4: calc(1.25 * var(--global-font-size-std)); --global-font-size-h5: var(--global-font-size-std); --global-font-size-h6: var(--global-font-size-std); --global-line-height-std: 1.25rem; --global-line-height-text: 1.5rem; /* Display-Breakpoints */ --display-xs-max: 575.98px; --display-sm-min: 576px; --display-sm-max: 767.98px; --display-md-min: 768px; --display-md-max: 991.98px; --display-lg-min: 992px; --display-lg-max: 1199.98px; --display-xl-min: 1200px; --display-xl-max: 1399.98px; --display-xxl-min: 1400px; /* Abstände & Ränder */ --global-margins-std: 1.5rem; /* Standard Abstand zwischen Elementen */ --global-margins-xl: 3rem; --global-margins-sm: 1rem; /* Standard-Padding von Elementen */ --global-margins-xs: .5rem; /* Standard-Dicke von Umrandungen */ /* Umrandungen */ --global-border-std: solid 2px; --global-border-thin: solid 1px; --global-border-box: solid var(--global-margins-xs); /* Rubrik/Template-Farben */ --top-main-color: hsl(20,90%,45%); /* Standard-Rubrikfarbe Top-Level (Home, Blog) */ --top-text-color: hsl(20,90%,40%); /* Top-Level Text (Header, etc.) */ --vag-main-color: hsl(220,90%,45%); /* Standard-Rubrikfarbe Veranstaltungen (blau) */ --vag-text-color: hsl(220,90%,40%); /* Veranstaltungen Text (Header, etc.) */ --pub-main-color: hsl(340,90%,45%); /* Standard-Rubrikfarbe Publikationen (rot) */ --pub-text-color: hsl(340,90%,40%); /* Publikationen Text (Header, etc.) */ --sti-main-color: hsl(40,90%,45%); /* Standard-Rubrikfarbe Stipendien (gelb) */ --sti-text-color: hsl(40,90%,40%); /* Stipendien Text (Header, etc.) */ --ges-main-color: hsl(100,80%,45%); /* Standard-Rubrikfarbe Gesellschaft (grün) */ --ges-text-color: hsl(100,80%,40%); /* Gesellschaft Text (Header, etc.) */ --net-main-color: hsl(280,90%,45%); /* Standard-Rubrikfarbe Netzwerk (violett) */ --net-text-color: hsl(280,90%,40%); /* Netzwerk Text (Header, etc.) */ --com-main-color: hsl(0,0%,50%); /* Standard-Rubrikfarbe allgemein (grau) */ --com-text-color: hsl(0,0%,45%); /* Allgemein Text (Header, etc.) */ /* Rubrik/Template Backgrounds/Borders */ --top-bg-color-light: hsl(20,75%,95%); --top-bg-color-std: hsl(20,75%,90%); --top-border-color-std: hsl(20,75%,85%); --vag-bg-color-light: hsl(220,75%,97.5%); --vag-bg-color-std: hsl(220,75%,95%); --vag-border-color-std: hsl(220,75%,85%); --pub-bg-color-light: hsl(340,75%,95%); --pub-bg-color-std: hsl(340,75%,90%); --pub-border-color-std: hsl(340,75%,85%); --sti-bg-color-light: hsl(40,75%,95%); --sti-bg-color-std: hsl(40,75%,90%); --sti-border-color-std: hsl(40,75%,85%); --ges-bg-color-light: hsl(100,75%,95%); --ges-bg-color-std: hsl(100,75%,90%); --ges-border-color-std: hsl(100,75%,85%); --net-bg-color-light: hsl(280,75%,95%); --net-bg-color-std: hsl(280,75%,90%); --net-border-color-std: hsl(280,75%,85%); --com-bg-color-light: hsl(0,0%,95%); --com-bg-color-std: hsl(0,0%,90%); --com-border-color-std: hsl(0,0%,75%); /* Globale Farben */ --std-text-color: #000; /* Textfarbe (normal) */ --std-copy-color: #202020; /* Textfarge (Copy) */ --std-quote-color: #404040; /* Zitate */ --std-mute-color: #808080; /* heller Text */ --std-link-color: hsl(200,90%,40%); /* Links im Lauftext */ --std-alert-color: #f00; /* Alarm-Farbe (rot) */ } /* Allgemeine Textformatierungen */ .text-center { text-align: center !important; } .text-right { text-align: right !important; } .text-left { text-align: left !important; } .text-mute { color: var(--std-mute-color) !important; } .text-small { font-size: var(--global-font-size-sm) !important; } .text-capitalize { text-transform: uppercase !important; } .text-warning { color: red; font-weight: bold !important; border: var(--global-border-std) red; padding: var(--global-margins-xs); } /* Allgemeine Bildformatierung */ .img-noscale { width: auto; height: auto; } /* FontAwesome Korrekturen */ i.fa, svg.svg-inline--fa { margin-right: calc(var(--global-font-size-std) / 2); } .gg-top p i.fa, .gg-top p svg.svg-inline--fa { color: var(--top-text-color); } .gg-vag p i.fa, .gg-vag p svg.svg-inline--fa { color: var(--vag-text-color); } .gg-pub p i.fa, .gg-pub p svg.svg-inline--fa { color: var(--pub-text-color); } .gg-sti p i.fa, .gg-sti p svg.svg-inline--fa { color: var(--sti-text-color); } .gg-ges p i.fa, .gg-ges p svg.svg-inline--fa { color: var(--ges-text-color); } .gg-net p i.fa, .gg-net p svg.svg-inline--fa { color: var(--net-text-color); } .gg-com p i.fa, .gg-com p svg.svg-inline--fa { color: var(--com-text-color); } /* Farbkorrektur bei individuellen Elementen */ .has-top-color { color: var(--top-text-color) !important; } .has-vag-color { color: var(--vag-text-color) !important; } .has-pub-color { color: var(--pub-text-color) !important; } .has-sti-color { color: var(--sti-text-color) !important; } .has-ges-color { color: var(--ges-text-color) !important; } .has-net-color { color: var(--net-text-color) !important; } .has-com-color { color: var(--com-text-color) !important; } .has-top-background { background-color: var(--top-bg-color-light) !important; border-color: var(--top-bg-color-std) !important; } .has-vag-background { background-color: var(--vag-bg-color-light) !important; border-color: var(--vag-bg-color-std) !important; } .has-pub-background { background-color: var(--pub-bg-color-light) !important; border-color: var(--pub-bg-color-std) !important; } .has-sti-background { background-color: var(--sti-bg-color-light) !important; border-color: var(--sti-bg-color-std) !important; } .has-ges-background { background-color: var(--ges-bg-color-light) !important; border-color: var(--ges-bg-color-std) !important; } .has-net-background { background-color: var(--net-bg-color-light) !important; border-color: var(--net-bg-color-std) !important; } .has-com-background { background-color: var(--com-bg-color-light) !important; border-color: var(--com-bg-color-std) !important; } /* Clearfix */ .clear-fix { clear: both; } /* ** ** */ /** 02. Typographie **/ /*********************/ /* Font */ html { font-family: var(--global-primary-font); } /* Header */ h1, h2, h3, h4, h5, h6 { font-weight: bold; color: inherit; } h1, h2, h3, h4, h5 { color: var(--com-text-color); } h1 { font-size: var(--global-font-size-h1); margin-bottom: var(--global-margins-xl); margin-top: var(--global-margins-std); line-height: calc(var(--global-font-size-h1) + .5rem); } h2 { font-size: var(--global-font-size-h2); margin-bottom: var(--global-margins-std); line-height: calc(var(--global-font-size-h2) + .5rem); } h3 { font-size: var(--global-font-size-h3); margin-bottom: var(--global-margins-std); line-height: calc(var(--global-font-size-h3) + .5rem); } h4 { font-size: var(--global-font-size-h4); margin-bottom: var(--global-margins-std); line-height: calc(var(--global-font-size-h4) + .5rem); } h5 { font-size: var(--global-font-size-h5); margin-bottom: 0; line-height: var(--global-line-height-text); } h6 { font-size: var(--global-font-size-h6); margin-bottom: 0; line-height: var(--global-line-height-text); } @media (max-width: 599.98px) { h1, h2, h3, h4, h5, h6 { hyphens: auto; hyphenate-limit-chars: 12; hyphenate-limit-lines: 3; -webkit-hyphens: auto; -webkit-hyphenate-limit-chars: 12; -webkit-hyphenate-limit-lines: 3; word-wrap: break-word; } } /* Rubrik Styles */ .gg-top h1, .gg-top h2, .gg-top h3, .gg-top h4, .gg-top h5 { color: var(--top-text-color); } .gg-vag h1, .gg-vag h2, .gg-vag h3, .gg-vag h4, .gg-vag h5 { color: var(--vag-text-color); } .gg-pub h1, .gg-pub h2, .gg-pub h3, .gg-pub h4, .gg-pub h5 { color: var(--pub-text-color); } .gg-sti h1, .gg-sti h2, .gg-sti h3, .gg-sti h4, .gg-sti h5 { color: var(--sti-text-color); } .gg-ges h1, .gg-ges h2, .gg-ges h3, .gg-ges h4, .gg-ges h5 { color: var(--ges-text-color); } .gg-net h1, .gg-net h2, .gg-net h3, .gg-net h4, .gg-net h5 { color: var(--net-text-color); } .gg-com h1, .gg-com h2, .gg-com h3, .gg-com h4, .gg-com h5 { color: var(--com-text-color); } /* Paragraphs */ p { color: var(--std-copy-color); font-weight: normal; font-size: var(--global-font-size-std); line-height: var(--global-line-height-text); margin-bottom: var(--global-margins-std); } /* Paragraph Drop Cap */ .has-drop-cap::first-letter { float: left; font-size: calc(5 * var(--global-font-size-std)) !important; text-transform: uppercase; color: var(--com-text-color); margin: 0; padding: 0; line-height: calc(4.25 * var(--global-font-size-std)) !important; } /* Rubrik Styles */ .gg-top .has-drop-cap::first-letter { color: var(--top-text-color); } .gg-vag .has-drop-cap::first-letter { color: var(--vag-text-color); } .gg-pub .has-drop-cap::first-letter { color: var(--pub-text-color); } .gg-sti .has-drop-cap::first-letter { color: var(--sti-text-color); } .gg-ges .has-drop-cap::first-letter { color: var(--ges-text-color); } .gg-net .has-drop-cap::first-letter { color: var(--net-text-color); } .gg-com .has-drop-cap::first-letter { color: var(--com-text-color); } /* Links */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-size: inherit; } a, a:visited, a:active, a:focus, a:link { color: var(--std-link-color); text-decoration: none; } a:hover { text-decoration-line: underline; text-decoration-style: solid; cursor: pointer; } a:hover { text-decoration-skip: ink; text-underline-position: under; } /* Blockquotes */ .wp-block-quote { margin-bottom: var(--global-margins-std); } .wp-block-quote p { color: var(--std-quote-color); font-style: italic; margin-bottom: 0; padding-right: var(--global-margins-std); padding-left: var(--global-margins-std); } .wp-block-quote cite { color: var(--std-quote-color); display: block; margin-top: var(--global-margins-xs); text-align: right !important; } .wp-block-quote cite:before { content: "– "; } .wp-block-quote cite:after { content: " –"; } .wp-block-pullquote { margin-top: var(--global-margins-std); margin-bottom: var(--global-margins-std); padding: var(--global-margins-std); border-top: var(--global-border-std) var(--com-border-color-std); border-bottom: var(--global-border-std) var(--com-border-color-std); background-color: var(--com-bg-color-light) !important; } .wp-block-pullquote p { color: var(--std-quote-color) !important; font-size: var(--global-font-size-xl) !important; font-style: italic; line-height: calc(var(--global-line-height-text) + .5rem) !important; margin-bottom: 0; } /* Rubrik Styles */ .gg-top .wp-block-pullquote { border-color: var(--top-border-color-std); background-color: var(--top-bg-color-light) !important; } .gg-vag .wp-block-pullquote { border-color: var(--vag-border-color-std); background-color: var(--vag-bg-color-light) !important; } .gg-pub .wp-block-pullquote { border-color: var(--pub-border-color-std); background-color: var(--pub-bg-color-light) !important; } .gg-sti .wp-block-pullquote { border-color: var(--sti-border-color-std); background-color: var(--sti-bg-color-light) !important; } .gg-ges .wp-block-pullquote { border-color: var(--ges-border-color-std); background-color: var(--ges-bg-color-light) !important; } .gg-net .wp-block-pullquote { border-color: var(--net-border-color-std); background-color: var(--net-bg-color-light) !important; } .gg-com .wp-block-pullquote { border-color: var(--com-border-color-std); background-color: var(--com-bg-color-light) !important; } /* Lists */ ul, ol { color: var(--std-copy-color); line-height: var(--global-line-height-text); } ul { list-style-type: disc; list-style-position: outside; padding-left: var(--global-margins-std); margin-bottom: var(--global-margins-std); } ol { list-style-type: decimal; list-style-position: outside; padding-left: var(--global-margins-std); margin-bottom: var(--global-margins-std); } ul ul { list-style-type: circle; margin-bottom: 0; } ol ol { list-style-type: lower-alpha; margin-bottom: 0; } ul ul ul { list-style-type: square; margin-bottom: 0; } ol ol ol { list-style-type: lower-roman; margin-bottom: 0; } /* Tabellen */ table * { vertical-align: top; border: 0; text-align: left; color: var(--std-copy-color); } /* alle Tabellenelemente oben anordnen */ table td, table th { padding: var(--global-margins-xs); } table tr { border-bottom: var(--global-border-std) var(--com-border-color-std); } table { border-top: var(--global-border-std) var(--com-border-color-std); } table th { font-weight: bold; color: var(--std-text-color); background-color: var(--com-bg-color-std); } tfoot td { background-color: var(--com-bg-color-std); } .wp-block-table.is-style-stripes tbody tr:nth-child(even) { background-color: var(--com-bg-color-light); } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: transparent; } .wp-block-table.is-style-stripes { border-bottom: 0; } .wp-block-table.is-style-regular table tr:hover { background-color: var(--com-bg-color-light); } /* Rubrik Styles */ .gg-top table tr { border-color: var(--top-border-color-std); } .gg-vag table tr { border-color: var(--vag-border-color-std); } .gg-pub table tr { border-color: var(--pub-border-color-std); } .gg-sti table tr { border-color: var(--sti-border-color-std); } .gg-ges table tr { border-color: var(--ges-border-color-std); } .gg-net table tr { border-color: var(--net-border-color-std); } .gg-com table tr { border-color: var(--com-border-color-std); } .gg-top table { border-color: var(--top-border-color-std); } .gg-vag table { border-color: var(--vag-border-color-std); } .gg-pub table { border-color: var(--pub-border-color-std); } .gg-sti table { border-color: var(--sti-border-color-std); } .gg-ges table { border-color: var(--ges-border-color-std); } .gg-net table { border-color: var(--net-border-color-std); } .gg-com table { border-color: var(--com-border-color-std); } .gg-top table th { color: var(--top-text-color); background-color: var(--top-bg-color-std); } .gg-top tfoot td { background-color: var(--top-bg-color-std); } .gg-vag table th { color: var(--vag-text-color); background-color: var(--vag-bg-color-std); } .gg-vag tfoot td { background-color: var(--vag-bg-color-std); } .gg-pub table th { color: var(--pub-text-color); background-color: var(--pub-bg-color-std); } .gg-pub tfoot td { background-color: var(--pub-bg-color-std); } .gg-sti table th { color: var(--sti-text-color); background-color: var(--sti-bg-color-std); } .gg-sti tfoot td { background-color: var(--sti-bg-color-std); } .gg-ges table th { color: var(--ges-text-color); background-color: var(--ges-bg-color-std); } .gg-ges tfoot td { background-color: var(--ges-bg-color-std); } .gg-net table th { color: var(--net-text-color); background-color: var(--net-bg-color-std); } .gg-net tfoot td { background-color: var(--net-bg-color-std); } .gg-com table th { color: var(--com-text-color); background-color: var(--com-bg-color-std); } .gg-com tfoot td { background-color: var(--com-bg-color-std); } .gg-top .wp-block-table.is-style-stripes tbody tr:nth-child(even) { background-color: var(--top-bg-color-light) !important; } .gg-top .wp-block-table.is-style-regular table tr:hover { background-color: var(--top-bg-color-light); } .gg-vag .wp-block-table.is-style-stripes tbody tr:nth-child(even) { background-color: var(--vag-bg-color-light) !important; } .gg-vag .wp-block-table.is-style-regular table tr:hover { background-color: var(--vag-bg-color-light); } .gg-pub .wp-block-table.is-style-stripes tbody tr:nth-child(even) { background-color: var(--pub-bg-color-light) !important; } .gg-pub .wp-block-table.is-style-regular table tr:hover { background-color: var(--pub-bg-color-light); } .gg-sti .wp-block-table.is-style-stripes tbody tr:nth-child(even) { background-color: var(--sti-bg-color-light) !important; } .gg-sti .wp-block-table.is-style-regular table tr:hover { background-color: var(--sti-bg-color-light); } .gg-ges .wp-block-table.is-style-stripes tbody tr:nth-child(even) { background-color: var(--ges-bg-color-light) !important; } .gg-ges .wp-block-table.is-style-regular table tr:hover { background-color: var(--ges-bg-color-light); } .gg-net .wp-block-table.is-style-stripes tbody tr:nth-child(even) { background-color: var(--net-bg-color-light) !important; } .gg-net .wp-block-table.is-style-regular table tr:hover { background-color: var(--net-bg-color-light); } .gg-com .wp-block-table.is-style-stripes tbody tr:nth-child(even) { background-color: var(--com-bg-color-light) !important; } .gg-com .wp-block-table.is-style-regular table tr:hover { background-color: var(--com-bg-color-light); } /* Bildunterschriften */ figcaption { font-family: var(--global-secondary-font), var(--global-primary-font); color: var(--std-mute-color); font-size: var(--global-font-size-sm); text-align: center; } /* ** ** */ /** 03. Elemente **/ /******************/ .img-fluid { width: 100%; height: auto; } hr, .wp-block-separator { margin-top: var(--global-margins-std); margin-bottom: var(--global-margins-std); border: 0; border-bottom: var(--global-border-std) var(--com-border-color-std); } /* Rubrik Styles */ .gg-top hr, .gg-top .wp-block-separator { border-color: var(--top-border-color-std); } .gg-vag hr, .gg-vag .wp-block-separator { border-color: var(--vag-border-color-std); } .gg-pub hr, .gg-pub .wp-block-separator { border-color: var(--pub-border-color-std); } .gg-sti hr, .gg-sti .wp-block-separator { border-color: var(--sti-border-color-std); } .gg-ges hr, .gg-ges .wp-block-separator { border-color: var(--ges-border-color-std); } .gg-net hr, .gg-net .wp-block-separator { border-color: var(--net-border-color-std); } .gg-com hr, .gg-com .wp-block-separator { border-color: var(--com-border-color-std); } .wp-block-embed, .wp-block-gallery, .wp-block-image, .wp-block-table, .wp-block-video { margin-bottom: var(--global-margins-std); } /* 03. A Formulare */ /*******************/ input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], textarea { font-family: inherit; border: var(--global-border-std) var(--com-border-color-std); border-radius: calc(.5 * var(--global-margins-xs)); padding: var(--global-margins-xs); width: calc(100% - 2* var(--global-margins-xs)); line-height: var(--global-font-size-std); } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, textarea:focus { border-color: var(--com-main-color); background-color: var(--com-bg-color-light); } textarea { resize: none; } /* select form styling */ form select, .wpcf7-select { font-family: inherit; font-size: var(--global-font-size-std) !important; border: var(--global-border-std) var(--com-border-color-std); border-radius: calc(.5 * var(--global-margins-xs)); width: 100%; line-height: var(--global-font-size-std) !important; height: calc( var(--global-font-size-std) + 3 * var(--global-margins-xs)); } form select option { padding: var(--global-margins-xs) !important; } /* checkbox form styling */ input[type=checkbox] { float: left; width: auto; margin-top: .25rem; } /* form select, input[type=date] { width: auto; } /* form select, input[type=date], input[type=checkbox] { appearance: none; -webkit-appearance: none; -moz-appearance: none; } /* remove standard browser styling */ /* form select option { padding: var(--global-margins-xs); } /* input[type=submit] => Buttons (WP Blocks) */ /* input[type=submit] { margin-bottom: 0 !important; } /* Checkboxen input[type=checkbox] { float: left; width: auto; width: 1rem; height: 1rem; border: solid 2px inherit; margin: 0; padding: .5rem; } /* input[type=checkbox]:checked { background-color: hsla(100,100%,50%,.5); } input[type=checkbox]:checked:before { font-family: var(--global-icon-font); position: relative; top: -.5rem; left: -.5rem; content: "\f00c"; background-color: var(--com-main-color); border-color: var(--com-main-color) !important; color: white; }*/ .wpcf7-list-item-label { display: block; margin-left: calc( 2 * var(--global-margins-sm)); } form label { font-weight: bold; } /* label styling */ .wpcf7-list-item-label { font-weight: normal; } /* labels of list normal font weight */ /* radio buttons styling */ input[type=radio] { font-family: inherit; display: inline; } .wpcf7-radio .wpcf7-list-item-label { display: inline; margin-left: var(--global-margins-xs); padding: 0; } .wpcf7-list-item { display: block;} /* WPCF7 Anpassungen */ /* .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } */ .wpcf7-list-item { margin: 0 !important; /* changed 0 0 0 1em */ } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: "" !important; /* changed " " */ } /* .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } */ /* ** ** */ /** 04. Seitenbereiche **/ /************************/ /* Globale Ränder */ .gg-page-header, .gg-page-content, .gg-single-content, .gg-page-footer { padding: var(--global-margins-xl); } .gg-child-pages-nav, .gg-blog-pages-nav { padding: var(--global-margins-sm) var(--global-margins-xl); } /* .gg-single-content { max-width: 1000px; margin: 0 auto; } /* give Single Article an A4 width */ /* Media Queries */ @media only screen and (max-width: 599.98px) { .gg-page-content, .gg-single-content, .gg-page-footer { padding: var(--global-margins-std) var(--global-margins-sm); } .gg-page-header { padding: 0; } .gg-child-pages-nav, .gg-blog-pages-nav { padding: var(--global-margins-sm) var(--global-margins-sm); } } /* 04. A Header */ /****************/ .gg-page-header { height: 10rem; } .gg-page-header { background-color: var(--com-bg-color-std); background-image: url("assets/img/bg-allgemein.jpg"); background-size: cover; background-position: center; } /* Standard Hintergrund */ /* Rubrik Styles */ .gg-top .gg-page-header { background-color: var(--top-bg-color-std); background-image: url("assets/img/bg-startseite.jpg"); } .gg-vag .gg-page-header { background-color: var(--vag-bg-color-std); background-image: url("assets/img/bg-veranstaltungen.jpg");} .gg-pub .gg-page-header { background-color: var(--pub-bg-color-std); background-image: url("assets/img/bg-publikationen.jpg");} .gg-sti .gg-page-header { background-color: var(--sti-bg-color-std); background-image: url("assets/img/bg-stipendien.jpg");} .gg-ges .gg-page-header { background-color: var(--ges-bg-color-std); background-image: url("assets/img/bg-gesellschaft.jpg");} .gg-net .gg-page-header { background-color: var(--net-bg-color-std); background-image: url("assets/img/bg-netzwerk.jpg"); } .gg-com .gg-page-header { background-color: var(--com-bg-color-std); background-image: url("assets/img/bg-allgemein.jpg"); } .gg-blog .gg-page-header { background-color: var(--top-bg-color-std); background-image: url("assets/img/bg-blog.jpg");} /* Standard Hintergrundfarbe, falls Bild fehlt */ /* Media Queries */ @media only screen and (max-width: 599.98px) { .gg-page-header { height: auto; } } /* Brand */ .gg-brand { display: inline-block; background-color: var(--com-main-color); background-image: url("assets/img/bg-brand.png"); background-position: center; background-repeat: no-repeat; border: var(--global-border-box) rgba(255,255,255,.5); filter: blur(5); filter: opacity(.8); } .gg-brand-text:hover { text-decoration: none; } /* Rubrik Styles */ .gg-top .gg-brand { background-color: var(--top-main-color); } .gg-vag .gg-brand { background-color: var(--vag-main-color); } .gg-pub .gg-brand { background-color: var(--pub-main-color); } .gg-sti .gg-brand { background-color: var(--sti-main-color); } .gg-ges .gg-brand { background-color: var(--ges-main-color); } .gg-net .gg-brand { background-color: var(--net-main-color); } .gg-com .gg-brand { background-color: var(--com-main-color); } .gg-blog .gg-brand { background-color: var(--top-main-color); } .gg-brand-text { font-size: var(--global-font-size-h4); font-weight: bold; line-height: calc(var(--global-font-size-h4) + .25rem); color: white !important; text-shadow: 1px 1px 2px rgba(0,0,0,.5); display: block; padding: var(--global-margins-sm); height: 7rem; } @media (max-width: 599.98px) { .gg-brand { display: block; } .gg-brand { width: 100%; border: 0; } .gg-brand-text { display: inline-block; height: auto; } } @media (min-width: 600px) { .gg-brand { float: left; } } @media (min-width: 600px) and (max-width: 1149.98px) { .gg-brand { height: 6rem; } .gg-page-header { height: 7rem; } } /* Media Queries @media only screen and (max-width: 599.98px) { .gg-brand { display: block; } .gg-brand { width: 100%; border: 0; } .gg-brand-text { display: inline-block; height: auto; } } @media (min-width: 600px) and (max-width: 1150px) { .gg-brand-text { height: 4.5rem; } .gg-top-menu { margin-bottom: 7rem !important; } } @media (min-width: 600px) { .gg-brand { float: left; } }*/ /* 04. B Content */ /*****************/ .gg-blog-single-container { border: var(--global-border-thin) var(--com-border-color-std); border-radius: 3px; padding: var(--global-margins-xl); padding-bottom: var(--global-margins-std); margin-bottom: var(--global-margins-std); box-shadow: 0 0 20px rgba(0,0,0,.2); } @media (min-width: 1200px) { .gg-blog-single-container { padding: calc(2 * var(--global-margins-xl)); padding-bottom: calc(3 * var(--global-margins-std)); } } @media (max-width: 781.98px) { .gg-blog-single-container { padding: 0; border: 0; box-shadow: none; border-bottom: var(--global-border-std) var(--com-border-color-std); } } /* 04. C Footer */ /****************/ .gg-page-footer { background-color: var(--com-bg-color-light); border-top: var(--global-border-std) var(--com-bg-color-std); padding-bottom: calc(var(--global-margins-xl) - var(--global-margins-std)); } .gg-page-footer hr { border-color: var(--com-border-color-std) !important; } /* Page Footer Widgets */ .gg-footer-widget h5 { color: var(--std-text-color) !important; margin-bottom: 0; } /* ** ** */ /** 05. Navigation **/ /********************/ /* .gg-[location]-menu = menu/navigation container ** .gg-[location]-nav = menu/navigation nav-tag ** .gg-[location]-navbar = menu/navigation bar (horizontal stacking) /* Remove list styles in all navs */ /* ******************************* */ .gg-top-navbar, .gg-main-navbar, .gg-footer-nav, .sub-menu { list-style: none; padding: 0; margin: 0; } /* 05. A Responsive Menu Styling > Mobile */ .gg-menu-collapse { background-color: white; } .gg-menu-collapse, .gg-menu-button { display: none; background-color: white; border-bottom: var(--global-border-std) var(--com-border-color-std); } /* Menu toggle & Nav Icon */ .navbar-toggler { display: block; width: 100%; cursor: pointer; font-family: var(--global-primary-font); background-color: #fff; border-bottom: var(--global-border-std) var(--com-border-color-std); color: black !important; } .navbar-toggler-text { float: left; padding: var(--global-margins-xs) var(--global-margins-sm); } .navbar-toggler a { color: black !important; } .navbar-toggler-icon { float: right; padding: var(--global-margins-xs) var(--global-margins-sm); border-left: var(--global-border-std) var(--com-border-color-std); } .navbar-toggler-icon i, .navbar-toggler-icon svg { margin-right: 0; } /* Menu Items (Links) */ .gg-top-navbar .menu-item a, .gg-main-navbar .menu-item a { color: inherit; font-weight: bold; display: block; padding: var(--global-margins-xs) var(--global-margins-sm); border-bottom: var(--global-border-thin) var(--com-border-color-std); } /* 05. B Responsive Menu Styling > Tablet */ @media (min-width: 600px) and (max-width: 1149.98px) { .navbar-toggler { display: inline !important; width: 12rem; float: right !important; background-color: rgba(255,255,255,.5); border: 0; margin-top: 4.5rem; } .gg-menu-collapse { position: absolute; top: 10rem; right: 3rem; width: 12rem; display: block; background-color: rgba(255,255,255,.8); backdrop-filter: blur(3px); -o-backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); -mozilla-backdrop-filter: blur(3px); border: var(--global-border-thin) var(--com-border-color-std); border-bottom: 0; z-index: 9999; } } /* 05. C Responsive Menu Styling > Desktop */ @media (min-width: 1150px) { .navbar-toggler { display: none; } .gg-top-navbar, .gg-main-navbar { text-align: right; } /* Menu elements right align */ .gg-top-navbar .menu-item a, .gg-main-navbar .menu-item a { display: inline-block; padding: 0; border: 0; } /* remove responsive */ .gg-top-navbar .menu-item , .gg-main-navbar .menu-item { display: inline; } /* horizontal stacking */ .gg-menu-collapse { background-color: transparent; border: 0; display: block; position: static; } .collapse { visibility: visible; } /* Main Menu */ .gg-main-navbar .menu-item a { font-weight: normal; font-size: var(--global-font-size-h4); line-height: 1rem; padding: .5rem; margin: 0 -.1rem; } .gg-main-navbar .menu-item a:hover { text-decoration: none; color: white; text-shadow: 0px 1px 1px rgba(0,0,0,.25); } /* Main Menu Hover State */ .gg-main-navbar > .menu-item:hover:nth-child(1) a { background-color: hsla(220,90%,45%,.75); } .gg-main-navbar > .menu-item:hover:nth-child(2) a { background-color: hsla(340,90%,45%,.75); } .gg-main-navbar > .menu-item:hover:nth-child(3) a { background-color: hsla( 40,90%,45%,.75); } .gg-main-navbar > .menu-item:hover:nth-child(4) a { background-color: hsla(100,90%,45%,.75); } .gg-main-navbar > .menu-item:hover:nth-child(5) a { background-color: hsla(280,90%,45%,.75); } .gg-main-navbar > .menu-item:hover:nth-child(6) a { background-color: hsla(20,90%,45%,.75); } /* neu */ /* Main Menu Active State */ .gg-main-navbar li.current-menu-item a, .gg-main-navbar li.current-page-ancestor a { color: white; text-shadow: 0px 1px 1px rgba(0,0,0,.25); } .gg-main-navbar li.current-menu-item:nth-child(1) a, .gg-main-navbar li.current-page-ancestor:nth-child(1) a { background-color: hsla(220,90%,45%,.75); } .gg-main-navbar li.current-menu-item:nth-child(2) a, .gg-main-navbar li.current-page-ancestor:nth-child(2) a { background-color: hsla(340,90%,45%,.75); } .gg-main-navbar li.current-menu-item:nth-child(3) a, .gg-main-navbar li.current-page-ancestor:nth-child(3) a { background-color: hsla( 40,90%,45%,.75); } .gg-main-navbar li.current-menu-item:nth-child(4) a, .gg-main-navbar li.current-page-ancestor:nth-child(4) a { background-color: hsla(100,90%,45%,.75); } .gg-main-navbar li.current-menu-item:nth-child(5) a, .gg-main-navbar li.current-page-ancestor:nth-child(5) a { background-color: hsla(280,90%,45%,.75); } .gg-main-navbar li.current-menu-item:nth-child(6) a, .gg-main-navbar li.current-page-ancestor:nth-child(6) a { background-color: hsla(20,90%,45%,.75); } /* neu */ /* Top Menu */ .gg-top-menu { margin: 0; margin-bottom: 6rem;} .gg-top-navbar .menu-item a { padding: .25rem; } .gg-top-navbar .current-menu-item a, .gg-top-navbar .current-page-ancestor a, .gg-top-navbar .current_page_parent a { text-decoration: underline; text-decoration-skip: ink; text-underline-position: under; } } /* 05. C Child Pages Menu */ .gg-child-pages-nav { background-color: var(--com-bg-color-light); } .gg-blog-pages-nav { background-color: var(--top-bg-color-light); } /* Rubrik Styles */ .gg-top .gg-child-pages-nav { background-color: var(--top-bg-color-light); } .gg-vag .gg-child-pages-nav { background-color: var(--vag-bg-color-light); } .gg-pub .gg-child-pages-nav { background-color: var(--pub-bg-color-light); } .gg-sti .gg-child-pages-nav { background-color: var(--sti-bg-color-light); } .gg-ges .gg-child-pages-nav { background-color: var(--ges-bg-color-light); } .gg-net .gg-child-pages-nav { background-color: var(--net-bg-color-light); } .gg-com .gg-child-pages-nav { background-color: var(--com-bg-color-light); } .gg-child-pages-nav ul, .gg-blog-pages-nav ul { list-style: none; padding: 0; margin: 0; display: inline; } .gg-blog-pages-nav ul { float: right; } .gg-child-pages-nav ul li { display: inline; margin-right: var(--global-margins-xs); } .gg-child-pages-nav ul li:last-child { margin-right: 0; } .gg-blog-pages-nav ul li { display: inline; margin-left: var(--global-margins-xs); } .gg-blog-pages-nav ul li:first-child { margin-left: 0; } .gg-child-pages-nav ul li a, .gg-blog-pages-nav ul li a { color: inherit; } .gg-blog-pages-nav a { font-weight: bold; } .gg-child-pages-nav .current-menu-item a { font-weight: bold; } /* Rubrik Styles */ .gg-top .gg-child-pages-nav .current-menu-item a { color: var(--top-text-color); } .gg-vag .gg-child-pages-nav .current-menu-item a { color: var(--vag-text-color); } .gg-pub .gg-child-pages-nav .current-menu-item a { color: var(--pub-text-color); } .gg-sti .gg-child-pages-nav .current-menu-item a { color: var(--sti-text-color); } .gg-ges .gg-child-pages-nav .current-menu-item a { color: var(--ges-text-color); } .gg-net .gg-child-pages-nav .current-menu-item a { color: var(--net-text-color); } .gg-com .gg-child-pages-nav .current-menu-item a { color: var(--com-text-color); } /* Additional styling for navbars */ /* ****************************** */ /* .gg-top-navbar, .gg-main-navbar { text-align: right; } /* Display options for navbars */ /* *************************** .gg-top-navbar .menu-item, .gg-main-navbar .menu-item { display: inline; } /* horizontal stacking */ /* 05. A Hauptmenu */ /*******************/ /* .gg-main-menu { margin: 0 -.5rem; } .gg-main-navbar .menu-item a { color: inherit; line-height: 1rem; } @media (min-width: 1400px) { .gg-main-navbar a { font-size: 1.5rem; } } @media (max-width: 1399.98px) { .gg-main-navbar a { font-size: 1.4rem; } } .gg-main-navbar .menu-item { padding: .825rem .5rem .5rem .5rem; } /* 05. A Untermenus */ /********************/ /* Top Menu */ /* ******** */ /* /* 05. A Widgetmenus */ /*********************/ .gg-page-footer ul.nav { list-style: none; margin: 0; padding: 0; margin-bottom: var(--global-margins-std); } .gg-page-footer ul.nav li a { color: inherit; } @media only screen and (max-width: 599.98px) { .gg-page-footer ul.nav li { padding: calc(var(--global-margins-xs) / 2) 0; } /* größeres Padding für bessere UX */ } /* ** ** */ /** 06. Grid **/ /**************/ .container, .container-fluid { width: 100%; margin: 0 auto; } @media only screen and (min-width: 1200px) { .container { width: calc(1200px - (2 * var(--global-margins-xl))); } /*.gg-single-content .container { max-width: 900px; }*/ } /* Columns */ .row { display: flex; flex-wrap: wrap; margin-right: calc(var(--global-margins-std) / -2); margin-left: calc(var(--global-margins-std) / -2); } .row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--global-margins-std) / 2); padding-left: calc(var(--global-margins-std) / 2); } .col { flex: 1 0 0%; } .col-auto { flex: 0 0 auto; width: auto; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333333%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-8 { flex: 0 0 auto; width: 66.66666666667; } .col-9 { flex: 0 0 auto; width: 75%; } @media (max-width: 599.98px) { .col-3 { flex: 0 0 auto; width: 100%; } .col-4 { flex: 0 0 auto; width: 100%; } .col-6 { flex: 0 0 auto; width: 100%; } .col-8 { flex: 0 0 auto; width: 100%; } .col-9 { flex: 0 0 auto; width: 100%; } } @media (min-width: 600px) and (max-width: 999.98px) { .col-3 { flex: 0 0 auto; width: 50%; } } /* ** ** */ /** 07. WP Blocks **/ /*******************/ /* Buttons */ .wp-block-buttons { margin-bottom: var(--global-margins-std) !important; } .wp-block-button { margin-bottom: var(--global-margins-xs) !important; } .wp-block-button .wp-block-button__link, .wp-block-button .wp-block-button__link:visited, .wp-block-file .wp-block-file__button, .wp-block-file .wp-block-file__button:visited, .wp-block-search__button, input[type=submit], input[type=submit]:visited { font-family: inherit; display: inline-block; border-radius: calc(.5 * var(--global-margins-xs)); /* box properties */ background-color: var(--com-text-color); /* invert main text color */ padding: var(--global-margins-xs); padding-top: var(--global-margins-xs); margin-right: var(--global-margins-xs); box-shadow: 0 2px 4px rgba(0,0,0,.25); text-align: center; /* text properties */ font-weight: bold; color: white !important; text-decoration: none; cursor:pointer; } .wp-block-search__button { margin-bottom: 0; } /* Correction for search block button */ .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:active { color: inherit; } .wp-block-button .wp-block-button__link:active, input[type=submit]:active, .wp-block-search__button:active { transform: translate(0, 2px); box-shadow: none; } .wp-block-button.is-style-outline .wp-block-button__link { color: var(--com-text-color) !important; border-radius: calc(.5 * var(--global-margins-xs)) !important; /* box properties */ border: var(--global-border-std) var(--com-text-color); background-color: transparent !important; } /* Rubrik Styles */f .gg-top .wp-block-button .wp-block-button__link, .gg-top .wp-block-button .wp-block-button__link:visited, .gg-top .wp-block-file .wp-block-file__button, .gg-top .wp-block-file .wp-block-file__button:visited, .gg-top input[type=submit], .gg-top input[type=submit]:visited { background-color: var(--top-text-color); /* invert main text color */ } .gg-vag .wp-block-button .wp-block-button__link, .gg-vag .wp-block-button .wp-block-button__link:visited, .gg-vag .wp-block-file .wp-block-file__button, .gg-vag .wp-block-file .wp-block-file__button:visited, .gg-vag input[type=submit], .gg-vag input[type=submit]:visited { background-color: var(--vag-text-color); /* invert main text color */ } .gg-pub .wp-block-button .wp-block-button__link, .gg-pub .wp-block-button .wp-block-button__link:visited, .gg-pub .wp-block-file .wp-block-file__button, .gg-pub .wp-block-file .wp-block-file__button:visited, .gg-pub input[type=submit], .gg-pub input[type=submit]:visited { background-color: var(--pub-text-color); /* invert main text color */ } .gg-sti .wp-block-button .wp-block-button__link, .gg-sti .wp-block-button .wp-block-button__link:visited, .gg-sti .wp-block-file .wp-block-file__button, .gg-sti .wp-block-file .wp-block-file__button:visited, .gg-sti input[type=submit], .gg-sti input[type=submit]:visited { background-color: var(--sti-text-color); /* invert main text color */ } .gg-ges .wp-block-button .wp-block-button__link, .gg-ges .wp-block-button .wp-block-button__link:visited, .gg-ges .wp-block-file .wp-block-file__button, .gg-ges .wp-block-file .wp-block-file__button:visited, .gg-ges input[type=submit], .gg-ges input[type=submit]:visited { background-color: var(--ges-text-color); /* invert main text color */ } .gg-net .wp-block-button .wp-block-button__link, .gg-net .wp-block-button .wp-block-button__link:visited, .gg-net .wp-block-file .wp-block-file__button, .gg-net .wp-block-file .wp-block-file__button:visited, .gg-net input[type=submit], .gg-net input[type=submit]:visited { background-color: var(--net-text-color); /* invert main text color */ } .gg-com .wp-block-button .wp-block-button__link, .gg-com .wp-block-button .wp-block-button__link:visited, .gg-com .wp-block-file .wp-block-file__button, .gg-com .wp-block-file .wp-block-file__button:visited, .gg-com input[type=submit], .gg-com input[type=submit]:visited { background-color: var(--com-text-color); /* invert main text color */ } .gg-top .wp-block-button.is-style-outline .wp-block-button__link { color: var(--top-text-color) !important; border-color: var(--top-text-color); } .gg-vag .wp-block-button.is-style-outline .wp-block-button__link { color: var(--vag-text-color) !important; border-color: var(--vag-text-color); } .gg-pub .wp-block-button.is-style-outline .wp-block-button__link { color: var(--pub-text-color) !important; border-color: var(--pub-text-color); } .gg-sti .wp-block-button.is-style-outline .wp-block-button__link { color: var(--sti-text-color) !important; border-color: var(--sti-text-color); } .gg-ges .wp-block-button.is-style-outline .wp-block-button__link { color: var(--ges-text-color) !important; border-color: var(--ges-text-color); } .gg-net .wp-block-button.is-style-outline .wp-block-button__link { color: var(--net-text-color) !important; border-color: var(--net-text-color); } .gg-com .wp-block-button.is-style-outline .wp-block-button__link { color: var(--com-text-color) !important; border-color: var(--com-text-color); } /* Columns */ @media (min-width: 600px) and (max-width: 781px) { .column-wrap-correction { flex-wrap: nowrap !important; } } .gg-blog-single-content .wp-block-columns { margin-bottom: 0 !important; } /* Cover */ .wp-block-cover { margin-top: var(--global-margins-std); margin-bottom:var(--global-margins-std); padding: 0 !important; background-position: center bottom !important; } .wp-block-cover.has-background-dim:not(.has-background-gradient)::before { opacity: .1 !important; } .wp-block-cover .wp-block-cover__inner-container { border: solid calc(var(--global-margins-std)/2) rgba(255,255,255,.75); padding: var(--global-margins-std); min-height: inherit; } .wp-block-cover p { color: white; font-weight: bold; font-size: var(--global-font-size-h2); line-height: calc(var(--global-font-size-h2) + .5rem); text-align: left !important; text-shadow: 1px 1px 4px rgba(0,0,0,.5); } /* Image */ .wp-block-image { margin-bottom: var(--global-margins-std); } .wp-block-image img { width: 100%; height: auto; margin-bottom: 0 !important; } .wp-block-image figcaption { margin-top: var(--global-margins-xs) !important; } /* Sitemap */ .wp-block-page-list { list-style: none; margin: 0; padding: 0; } .wp-block-page-list .wp-block-pages-list__item a { font-weight: bold; } .wp-block-page-list a { color: inherit; } .wp-block-pages-list__item { margin-bottom: var(--global-margins-sm); } .submenu-container { list-style: none; } .submenu-container .wp-block-pages-list__item { margin-bottom: 0; } .submenu-container .wp-block-pages-list__item a { font-weight: normal; } /* .wp-block-pages-list__item a::before { content: "\f067"; margin-right: var(--global-margins-xs); font-family: "Font Awesome 5 Free"; font-size: 80%; color: var(--com-main-color); } .wp-block-pages-list__item a:hover::before { text-decoration: none; text-decoration-line: none; cursor: pointer; } .submenu-container .wp-block-pages-list__item__link::before { content: "\f105"; }*/ .wp-block-page-list > .wp-block-pages-list__item a { color: var(--com-text-color); } .wp-block-page-list > .wp-block-pages-list__item:nth-child(2) a { color: var(--top-text-color); } .wp-block-page-list > .wp-block-pages-list__item:nth-child(3) a { color: var(--vag-text-color); } .wp-block-page-list > .wp-block-pages-list__item:nth-child(4) a { color: var(--pub-text-color); } .wp-block-page-list > .wp-block-pages-list__item:nth-child(5) a { color: var(--sti-text-color); } .wp-block-page-list > .wp-block-pages-list__item:nth-child(6) a { color: var(--ges-text-color); } .wp-block-page-list > .wp-block-pages-list__item:nth-child(7) a { color: var(--net-text-color); } .wp-block-page-list .wp-block-pages-list_item::after { content: "+"; margin-right: 1rem; } /* Tables */ .wp-block-table figcaption { margin-top: var(--global-margins-xs); } /* Textbox */ .wp-block-textbox { border: var(--global-border-box) var(--com-bg-color-std); background-color: var(--com-bg-color-light); padding: var(--global-margins-sm); } div.wp-block-textbox { margin-bottom: var(--global-margins-std); padding-bottom: 0; } /*div.wp-block-column.wp-block-textbox { margin-bottom: 0 !important; } */ /* @media (max-width: 599.98px) { div.wp-block-column.wp-block-textbox { margin-bottom: var(--global-margins-std) !important; } div.wp-block-column.wp-block-textbox:last-child { margin-bottom: 0 !important; } }*/ /* Rubrik Styles */ .gg-top .wp-block-textbox, .wp-block-textbox.gg-top { border-color: var(--top-bg-color-std); background-color: var(--top-bg-color-light); } .gg-vag .wp-block-textbox, .wp-block-textbox.gg-vag { border-color: var(--vag-bg-color-std); background-color: var(--vag-bg-color-light); } .gg-pub .wp-block-textbox, .wp-block-textbox.gg-pub { border-color: var(--pub-bg-color-std); background-color: var(--pub-bg-color-light); } .gg-sti .wp-block-textbox, .wp-block-textbox.gg-sti { border-color: var(--sti-bg-color-std); background-color: var(--sti-bg-color-light); } .gg-ges .wp-block-textbox, .wp-block-textbox.gg-ges { border-color: var(--ges-bg-color-std); background-color: var(--ges-bg-color-light); } .gg-net .wp-block-textbox, .wp-block-textbox.gg-net { border-color: var(--net-bg-color-std); background-color: var(--net-bg-color-light); } .gg-com .wp-block-textbox, .wp-block-textbox.gg-com { border-color: var(--com-bg-color-std); background-color: var(--com-bg-color-light); } /* Anpassung für Stack! */ div.wp-block-textbox p, div.wp-block-textbox h2, div.wp-block-textbox h3, div.wp-block-textbox h4 { margin-bottom: var(--global-margins-sm); } /* Suche */ .gg-search-results h5 a { color: inherit; } /* ** ** */ /** 09. Blog **/ /**************/ /* Blog Header */ .gg-blog-single-header { margin-bottom: var(--global-margins-std); } .blog-single-category a { color: var(--top-text-color); font-weight: bold; } .blog-article-widget-text a, .gg-blog-archive-header h4, .gg-blog-archive-header a { color: black; } .blog-single-title { color: var(--std-copy-color) !important; margin-bottom: 0; margin-top: calc( var(--global-margins-xs) / 2 ); margin-bottom: 0; } .blog-single-author { font-size: var(--global-font-size-h4); color: var(--com-text-color); font-weight: bold; font-style: italic; } /* Blog Posts Pagination */ .blog-pagination .pagination { margin-bottom: var(--global-margins-std); } .pagination .nav-links .page-numbers { color: black; background-color: var(--top-bg-color-light); padding: var(--global-margins-xs) var(--global-margins-sm); border-radius: 3rem; margin-bottom: var(--global-margins-xs); display: inline-block; } .pagination .nav-links .page-numbers:hover, .pagination .nav-links .current { background-color: var(--top-bg-color-std); } @media (max-width: 599.98px) { .pagination .nav-links .page-numbers:first-child, .pagination .nav-links .page-numbers:last-child { display: block; max-width: 7rem; margin-left: auto; margin-right: auto; } } /* Blog Overview/Categories */ .blog-article-widget { /*border: solid 1px black;*/ background-color: var(--top-bg-color-light); margin-bottom: var(--global-margins-std); padding: 0; margin-left: calc( var(--global-margins-std) / 2 ); margin-right: calc( var(--global-margins-std) / 2 ); width: calc(33.333% - var(--global-margins-std)); } .home .wp-block-post { /*border: solid 1px black;*/ background-color: var(--top-bg-color-light); /*margin-bottom: var(--global-margins-std);*/ padding: 0; /*margin-left: calc( var(--global-margins-std) / 2 ); margin-right: calc( var(--global-margins-std) / 2 ); /*width: calc(33.333% - var(--global-margins-std));*/ } @media (max-width: 599.98px) { .blog-article-widget { width: calc(100% - var(--global-margins-std)); } } @media (min-width: 600px) and (max-width: 1149.98px) { .blog-article-widget { width: calc(50% - var(--global-margins-std)); } } /* @media (min-width: 600px) and (max-width: 999.98px) { .home .wp-block-post { width: calc(50% - .66rem) !important; } } */ .blog-article-widget:hover, .home .wp-block-post:hover { background-color: var(--top-bg-color-std); } .blog-article-widget-thumbnail img, .home .wp-block-post-featured-image img { width: 100%; height: 16rem !important; object-fit: cover !important; object-position: 50% 20% !important; } .home .wp-block-post-featured-image img { margin-bottom: var(--global-margins-sm); } .blog-article-widget-thumbnail figure { margin: 0; !important } p.blog-article-widget-date { font-weight: bold; margin-bottom: 0 !important; } .wp-block-post-date { color: var(--top-text-color) !important; font-weight: bold; } .blog-article-widget-text, .gg-frontpage-blog-overview .wp-block-post-date, .gg-frontpage-blog-overview .wp-block-post-title, .gg-frontpage-blog-overview .wp-block-post-excerpt { padding: var(--global-margins-sm); } .gg-frontpage-blog-overview .wp-block-post-date, .gg-frontpage-blog-overview .wp-block-post-title, .gg-frontpage-blog-overview .wp-block-post-excerpt { padding-bottom: 0; margin-bottom: 0; } .gg-frontpage-blog-overview .wp-block-post-title { padding-top: 0; } .gg-frontpage-blog-overview .wp-block-post-title { margin-bottom: var(--global-margins-sm); } .wp-block-post-title a, .wp-block-post-excerpt a { color: black; } /* Margins correction */ .blog-article-widget-text p, .blog-article-widget-text h3 { margin-top: 0; margin-bottom: var(--global-margins-sm); } /* Blog Single Content */ .gg-blog-single-content .has-drop-cap::first-letter { color: var(--top-text-color); } hr.blog-single-seperator { border-color: var(--top-border-color-std); } .gg-blog-single-content figure { margin-bottom: var(--global-margins-std); } /* Block Post Navigation */ .post-navigation .nav-links { display: flex; } .post-navigation a { display: inline-block; } .post-navigation a:hover { text-decoration: none; } .post-navigation .post-title:hover { text-decoration: underline; } .post-navigation { line-height: var(--global-line-height-text); } .post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next { width: 50%; } .post-navigation .nav-links div:only-child { width: 100%; } .post-navigation .nav-links .nav-next { text-align: right; } .post-navigation .meta-nav { color: var(--std-mute-color); font-weight: bold; display: block; } @media (max-width: 599.98px) { .post-navigation .nav-links { display: block; margin-bottom: var(--global-margins-std); } .post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next { width: 100%; margin-bottom: var(--global-margins-std); } .post-navigation .nav-links .nav-next { text-align: left; } } /* Search Page Widgets */ /* Blog Categories Widget */ .wp-block-categories-list, .wp-block-archives-list { list-style: none; margin: 0; padding: 0; margin-bottom: var(--global-margins-std); } .wp-block-categories-list a, .wp-block-archives-list a { color: inherit; } @media (max-width: 599.98px) { .wp-block-categories-list li { padding: calc(var(--global-margins-xs) / 2) 0; } /* größeres Padding für bessere UX */ .wp-block-archives-list li { padding: calc(var(--global-margins-xs) / 2) 0; } /* größeres Padding für bessere UX */ } /* Tag Cloud Widget */ .wp-block-tag-cloud { text-align: center; border: var(--global-border-box) var(--com-bg-color-std); background-color: var(--com-bg-color-light); padding: var(--global-margins-sm); } .wp-block-tag-cloud a { color: inherit; } /* Frontpage Widgets (Latest Posts Block) */ /* .frontpage-all-posts .frontpage-news-posts li { display: flex; flex-flow: column-reverse; } .frontpage-news-posts ul { padding-left: var(--global-margins-sm); } .frontpage-news-posts li { padding-left: var(--global-margins-sm); margin-bottom: var(--global-margins-std); line-height: var(--global-line-height-std); } .frontpage-news-posts li:last-child { margin-bottom: 0; } .frontpage-news-posts a { color: inherit; } .frontpage-news-posts time { font-size: var(--global-font-size-std); font-weight: bold; color: var(--top-text-color); } */ /* Tags */ .blog-single-tags ul { list-style: none; margin: 0; padding: 0; } .blog-single-tags ul li { float: left; } .blog-single-tags ul li a { color: inherit; display: inline-block; border-radius: .25rem; padding: .25rem .5rem; background-color: var(--top-bg-color-light); margin-right: .5rem; margin-bottom: .5rem; } .blog-single-tags ul li a:hover { background-color: var(--top-bg-color-std); }