@charset "UTF-8";
@font-face {
font-family: 'geoaddress';
src: url(//gj-nuernberg.de/wp-content/themes/gj21/lib/libs/geoaddress//iconfont/fonts/geoaddress.eot);
src: url(//gj-nuernberg.de/wp-content/themes/gj21/lib/libs/geoaddress//iconfont/fonts/geoaddress.eot?#iefix) format('embedded-opentype'),
url(//gj-nuernberg.de/wp-content/themes/gj21/lib/libs/geoaddress//iconfont/fonts/geoaddress.woff) format('woff'),
url(//gj-nuernberg.de/wp-content/themes/gj21/lib/libs/geoaddress//iconfont/fonts/geoaddress.ttf) format('truetype'),
url(//gj-nuernberg.de/wp-content/themes/gj21/lib/libs/geoaddress//iconfont/fonts/geoaddress.svg#geoaddress) format('svg');
font-weight: normal;
font-style: normal;
}
[class*='dashicons-ga-']:before{
display: inline-block;
font-family: 'geoaddress';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.dashicons-ga-geoaddress:before{content:'\0041';}
 @font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
src: url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-regular.eot); src: local(''),
url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-regular.eot?#iefix) format('embedded-opentype'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-regular.woff2) format('woff2'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-regular.woff) format('woff'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-regular.ttf) format('truetype'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-regular.svg#TitilliumWeb) format('svg'); } @font-face {
font-family: 'Titillium Web';
font-style: italic;
font-weight: 400;
src: url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-italic.eot); src: local(''),
url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-italic.eot?#iefix) format('embedded-opentype'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-italic.woff2) format('woff2'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-italic.woff) format('woff'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-italic.ttf) format('truetype'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-italic.svg#TitilliumWeb) format('svg'); } @font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 700;
src: url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-700.eot); src: local(''),
url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-700.eot?#iefix) format('embedded-opentype'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-700.woff2) format('woff2'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-700.woff) format('woff'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-700.ttf) format('truetype'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-700.svg#TitilliumWeb) format('svg'); } @font-face {
font-family: 'Titillium Web';
font-style: italic;
font-weight: 700;
src: url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-700italic.eot); src: local(''),
url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-700italic.eot?#iefix) format('embedded-opentype'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-700italic.woff2) format('woff2'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-700italic.woff) format('woff'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-700italic.ttf) format('truetype'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-700italic.svg#TitilliumWeb) format('svg'); } @font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 900;
src: url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-900.eot); src: local(''),
url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-900.eot?#iefix) format('embedded-opentype'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-900.woff2) format('woff2'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-900.woff) format('woff'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-900.ttf) format('truetype'), url(//gj-nuernberg.de/wp-content/themes/gj21/lib/fonts/titillium-web-v9-latin/titillium-web-v9-latin-900.svg#TitilliumWeb) format('svg'); }
html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} :root {
--themepath: './'; --darkgreen: 4, 89, 34;
--lightgreen: 149, 193, 31;
--cerise: 242, 31, 49;
--magenta: 255, 0, 122;
--lightgray: 240, 240, 240;
--textcolor: 0, 0, 0; --gradient-green: linear-gradient(45deg, rgba(var(--darkgreen), 1) 0%, rgba(var(--lightgreen), 1) 100%);
--gradient-magenta: linear-gradient(45deg, rgba(var(--cerise), 1) 0%, rgba(var(--magenta), 1) 100%); --link-color: rgba(var(--magenta), 1);
--link-hover-color: rgba(var(--darkgreen), 1); --textfont: 'Titillium Web', sans-serif;
--textfont-weight-normal: 400;
--textfont-weight-bold: 700;
--textfont-style-normal: normal;
--textfont-style-italic: italic;
--headfont: 'Titillium Web', sans-serif;
--headfont-weight: 700;
--headfont-weight-black: 900;
--headfont-style-normal: normal;
--headfont-style-italic: italic;
--headfont-lineheight: 1.2em;
--iconfont: "Font Awesome 5 Free";
--iconfont-weight: 900;
--iconfont-brands: "Font Awesome 5 Brands";
--iconfont-brands-weight: 400; --font-size-small: 0.8rem;
--font-size-regular: 1rem;
--font-size-medium: 1.2rem;    
--font-size-large: 1.5rem;
--font-size-xlarge: 2rem; --section-padding-top: 3.5rem;
--section-padding-bottom: 3.5rem;
--pagemargin: 1.25rem;
--pagemargin_neg: -1.25rem;
--borderradius: 0.375rem;
--font-awesome: "Font Awesome 5 Free";
--font-awesome-brands: "Font Awesome 5 Brands";
} @media only screen and (min-width: 700px) {
:root {
--font-size-xlarge: 2.5rem;
--section-padding-top: 3.75rem;
--section-padding-bottom: 7rem;
--pagemargin: 2.5rem;
--pagemargin_neg: -2.5rem;
}	
}  * {
font-family: var(--textfont);
font-weight: var(--textfont-weight-normal);
font-style: var(--textfont-style-normal);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.4em;
box-sizing: border-box;
}
html, body {
margin: 0;
padding: 0;
font-size: 16px;
color: rgb(var(--textcolor));
position: relative;
}
b, strong {
font-weight: var(--textfont-weight-bold);
}
a {
color: var(--link-color);
transition: color 0.2s;
cursor: pointer;
text-decoration: none;
}
a:hover {
color: var(--link-hover-color);
}
p {
margin: 0;
padding: 0 0 0.5em 0;
}
p.small {
font-size: var(--font-size-small);
}
p.regular {
font-size: var(--font-size-regular);
} h1.mainh1 {
padding: 0; 
margin: -3.125rem 0 1em 0;
transform: skewY(-0deg);
}
h1.mainh1 span {
background: var(--gradient-magenta);
color: #fff;
display: inline;
padding: 0.5rem 1.5rem;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
font-family: var(--headfont);
font-weight: var(--headfont-weight);
font-style: var(--headfont-style-normal);
text-transform: uppercase;
font-size: var(--font-size-xlarge);
line-height: 1.55em;
} h1 {
color: rgb(var(--darkgreen));
display: inline-block;
padding: 0;
margin: 0 0 3em 0;
font-family: var(--headfont);
font-weight: var(--headfont-weight);
font-style: var(--headfont-style-normal);
text-transform: uppercase;
font-size: var(--font-size-xlarge);
line-height: 1.1em;
}
h2, h3 {
font-family: var(--headfont);
font-weight: var(--headfont-weight);
color: rgb(var(--darkgreen));
text-transform: uppercase;
font-style: var(--headfont-style-italic);	
line-height: var(--headfont-lineheight);
}
h2 {
font-size: var(--font-size-xlarge);
text-align: center;	
margin: var(--section-padding-top) 0 0 0;
padding: 0 0 var(--section-padding-top) 0;		
}
h3 {
font-size: var(--font-size-large);
margin: 0;
padding: 0 0 1em 0;		
}  div.textcontent ul {
list-style-type: none;
margin: 0;
padding: 1em 0;	
}
div.textcontent ul li {
margin: 0;
padding: 0 0 0.5em 1.5rem;
position: relative;
}
div.textcontent ul li:before {
content: '\f138';
font-family: var(--font-awesome);
font-weight: var(--iconfont-weight);
color: rgb(var(--lightgreen));
position: absolute;
left: 0;
}
p.quote {
font-weight: var(--textfont-weight-bold);
font-style: var(--textfont-style-italic);
color: rgb(var(--lightgreen));
padding: var(--pagemargin);
}
.wp-block-image {
padding: 0;
margin: 0 0 1rem 0;
}
.wp-block-image img {
max-width: 100%;
height: auto;
}
.dataTables_scroll {
-webkit-box-shadow: inset -1.25rem 0 1.25rem -0.9375rem rgba(0, 0, 0, 0.41);
-moz-box-shadow: inset -1.25rem 0 1.25rem -0.9375rem rgba(0, 0, 0, 0.41);
box-shadow: inset -1.25rem 0 1.25rem -0.9375rem rgba(0, 0, 0, 0.41);
}
.tablepress tfoot th, .tablepress thead th {
background-color: rgba(var(--lightgreen), 0.3) !important;
font-weight: var(--textfont-weight-bold) !important;
}
.tablepress .row-hover tr:hover td {
background-color: rgba(var(--darkgreen), 0.1) !important;
}
.tablepress td {
border-color: rgba(var(--darkgreen), 0.3) !important;
}
.wp-block-media-text__media img,
.wp-block-media-text__media video {
height: auto;
}
header#siteheader {
position: fixed;
top: 0;
left: 0;
z-index: 2000;
width: 100%; 
height: 15vh;
overflow: visible;
transition: none;
}
header#siteheader::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--gradient-green);
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
}
div#logo {
display: inline-block;
padding: var(--pagemargin);
}
div#logo img {
width: 12.5rem;
height: auto;
transition: all 0.2s;
}
div#logo span {
display: block;
color: #fff;
font-style: var(--textfont-style-italic);
font-size: var(--font-size-regular);
font-weight: var(--textfont-weight-normal);
line-height: 1em;  
margin-left: 3.625rem;
}
div#hero {
position: relative;
transform: skewY(-0deg);
overflow: hidden;
background: var(--gradient-magenta);
margin-top: 20vh;
}
div#hero::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-image: url(https://gj-nuernberg.de/wp-content/themes/gj21/lib/images/hero_01.jpg);
background-image: var(--bgimg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
z-index: -1;
opacity: 0.8;
}
body.page div#hero.nopic,
div#hero.nopic,
body.single div#hero {
height: 4.4rem;
}
div#hero.nopic::after,
body.single div#hero::after {
display: none;
}
div#hero.nopic + div#container > h1.mainh1 {
margin: 1.875rem 0 0 0;
}
div#container {
padding: 0 var(--pagemargin);
position: relative;
}  div#headernavs {
width: 100%;
height: 100%;
position: fixed;
top: 0;
display: none;
background: var(--gradient-green);
padding-top: 5rem;
overflow: scroll;
}
header#siteheader.open div#headernavs {
display: block;
}
header#siteheader.open div#logo {
display: none;
}
button#mobilenav {
background: none;
color: #fff;
border: 0;
text-transform: uppercase;
float: right;
padding: var(--pagemargin);
}
button#mobilenav:after {
content: '\f0c9';
font-family: var(--iconfont);
font-weight: var(--iconfont-weight);
padding-left: 0.3125rem;
}
button#mobilenav_close {
position: absolute;
background: none;
color: #fff;
border: 0;
text-transform: uppercase;
right: 0;
top: 2rem;
z-index: 2001;
padding: var(--pagemargin);
}
button#mobilenav_close:after {
content: '\f00d';
font-family: var(--iconfont);
font-weight: var(--iconfont-weight);
padding-left: 0.3125rem;
} nav#site-navigation ul,
nav#site-navigation ul li {
list-style-type: none;
margin: 0 var(--pagemargin);
padding: 0;
font-size: 0;
}
nav#site-navigation ul li {
display: block;
margin: 0 0 0.375rem 0;
}
nav#site-navigation ul li a {
display: inline-block;
background: #FEFCFF;
margin: 0;
padding: 0.3125rem 0.625rem 0 0.625rem;
text-transform: uppercase;
font-size: var(--font-size-large);
font-weight: var(--textfont-weight-bold);
border-bottom: 0.3125rem solid rgba(0, 0, 0, 0);
} nav#site-navigation ul li#menu-item-171 a {
background: rgba(41, 97, 67, 1);
color: #FEFCFF;
}
nav#site-navigation ul li#menu-item-171 a i {
transform: rotate(-45deg);
font-size: 1rem;
color: rgb(var(--lightgreen));
}
.nav-links {
display: flex;
justify-content: center;
width: 100%;
margin: 1.25rem 0;
}
.nav-links a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.625rem 1.25rem;
margin: 0 0.3125rem;
color: white;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
border-radius: 0.3125rem;
background: var(--gradient-magenta);
transition: background 0.3s ease, transform 0.2s ease;
}
.posts-navigation a:hover {
background: var(--gradient-green);
transform: translateY(-0.125rem);
} nav#site-navigation > ul > li:hover > a,
nav#site-navigation ul li#menu-item-171:hover a {
background: rgba(255, 255, 255, 0);
color: #FEFCFF;
} nav#site-navigation > ul > li.current-menu-item > a,
nav#site-navigation > ul > li.current-menu-parent > a,
nav#site-navigation > ul > li.current-menu-ancestor > a {
background: var(--gradient-magenta);
color: #fff;
}
nav#site-navigation > ul > li > ul > li.current-menu-item > a,
nav#site-navigation > ul > li > ul > li.current-menu-parent > a,
nav#site-navigation > ul > li > ul > li.current-menu-ancestor > a {
background: var(--gradient-magenta);
color: #fff;
} nav#site-navigation ul li ul {
margin: 0;
padding-top: 0.3125rem;
padding-bottom: 0;
}
nav#site-navigation > ul > li > ul {
padding-bottom: 1rem;
}
nav#site-navigation ul li ul li {
width: 100%;
display: block;
margin: 0.0625rem 0.0625rem 0.0625rem 1rem;
}
nav#site-navigation ul li ul li a {
font-size: var(--font-size-regular);
line-height: 1em;
padding: 0.5em 1em;
border-bottom: none;
text-transform: none;
}
nav#site-navigation ul li ul li a:hover {
border-bottom: 0.3125rem solid rgba(0, 0, 0, 0);
background: rgba(255, 255, 255, 0);
color: #fff;
} nav#site-navigation > ul > li > ul > li > ul > li.current-menu-item > a {
border-bottom: none;
background: var(--gradient-magenta);
color: #fff;
}  div#metanav {
margin-top: 1.875rem;
}
div#metanav nav {
display: inline-block;
padding: 0 var(--pagemargin);
}
nav#meta-navigation ul,
nav#meta-navigation ul li {
list-style-type: none;
margin: 0;
padding: 0;
}
nav#meta-navigation ul li a {
display: inline-block;
padding: 0.625rem 0.3125rem;
color: #fff;
}  nav#social-navigation {
width: 100%;
text-align: center;
}
nav#social-navigation ul,
nav#social-navigation ul li {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 0;
}
nav#social-navigation ul {
margin-top: 1.875rem;
}
nav#social-navigation ul li {
display: inline-block;
} nav#social-navigation ul li a:after {
display: inline-block;
width: 2.125rem;
height: 2.125rem;
margin-right: 1.25rem;
text-align: center;
line-height: 2.125rem;
font-size: 1.125rem;
border-radius: 50%;
background: rgba(var(--darkgreen), 0.4);
color: #fff;
font-family: var(--iconfont-brands);
font-weight: var(--iconfont-brands-weight);
transition: all 0.2s;
}
nav#social-navigation ul li:nth-last-child(2) a:after {
margin-right: 0; }
nav#social-navigation ul li a:hover:after {
background: rgb(var(--lightgreen)); color: #fff;
} nav#social-navigation ul li.instagram a:after {
content: '\f16d'; }
nav#social-navigation ul li.facebook a:after {
content: '\f39e'; }
nav#social-navigation ul li.telegram a:after {
content: '\f3fe'; }
nav#social-navigation ul li.twitter a:after {
content: '\f099'; }
nav#social-navigation ul li.youtube a:after {
content: '\f167'; }
nav#social-navigation ul li.tiktok a:after {
content: '\e07b'; }
nav#social-navigation ul li.suche {
display: none; }  form.searchform {
background: var(--gradient-magenta);
padding: 1.25rem; margin-top: 1.875rem; }
form.searchform input {
background: rgba(255, 255, 255, 1);
border: 0;
padding: 0.625rem; width: 100%;
}  section.homesection {
padding-top: var(--section-padding-top);
padding-bottom: var(--section-padding-bottom);
overflow: hidden;
} section#intro {
text-align: center;
font-size: var(--font-size-large);
padding-top: 1em;
} section#machmit {
background: var(--gradient-green);
margin: 0 calc(0px - var(--pagemargin));
padding: var(--pagemargin);
text-align: center;
}
section#machmit h2 {
color: #fff;
margin-top: 0;
padding-bottom: calc(var(--section-padding-bottom) / 3);
} section#machmit nav ul,
section#machmit nav ul li {
display: inline-block; list-style-type: none; margin: 0;
padding: 0;
}
section#machmit nav ul li a {
display: inline-block;
background: #fff;
margin: 0 0.625rem 0.625rem 0; padding: 0.3125rem 0.625rem 0 0.625rem; text-transform: uppercase;
font-size: var(--font-size-regular);
font-weight: var(--textfont-weight-bold);
transition: all 0.4s;
border-bottom: 0.3125rem solid rgba(0, 0, 0, 0); }
section#machmit nav ul li a:hover {
color: #fff; background: var(--gradient-magenta); }  section#news {
background-color: rgba(var(--darkgreen), 0.05);
margin: 0 calc(0px - var(--pagemargin));
text-align: center;
}
section#news a:not(.more) {
color: rgb(var(--textcolor));
overflow: hidden;
display: block;
}
section#news h2 {
width: 100%;
}
body.page section#news h2 {
padding-bottom: 0;
}
body.page section#news div.textcontent {
padding-bottom: var(--section-padding-top);
}
section#news article {
position: relative;
width: 100%;
background: #fff;
margin-bottom: calc(var(--pagemargin) * 2);
text-align: left;
box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.05); }
section#news article img {
width: 100%;
height: auto;
}
section#news article div.content {
padding: var(--pagemargin);
padding-bottom: calc(var(--pagemargin) * 2);
}
section#news article div.content span.thedate {
font-weight: var(--textfont-weight-bold);
}
a.more {
display: inline-block;
background: var(--gradient-magenta);
color: #fff;
font-weight: var(--textfont-weight-bold);
text-transform: uppercase;
padding: 0.2em 0.5em;
transition: all 0.3s;
}
section#news > a.more {
font-size: var(--font-size-large);
margin-top: calc(var(--pagemargin) * 2);
}
section#news article a.more {
color: #fff;
position: absolute;
bottom: -1em;
margin-left: var(--pagemargin);
}  section#positionen {
text-align: center;
font-size: var(--font-size-large);
}
section#positionen ul {
list-style-type: none;
padding: 0;
margin-top: var(--pagemargin);
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
section#positionen ul li {
width: 100%;
height: 9.375rem; background-size: cover;
background-repeat: no-repeat;
}
section#positionen ul li a {
display: flex;
justify-content: center;
align-items: center;
background: rgba(var(--lightgreen), 0);
height: 100%;
transition: background 0.2s;
}
section#positionen ul li a:hover {
background: rgba(var(--lightgreen), 0.6);
}
section#positionen ul li a span {
max-width: 70%;
display: inline-block;
background: #fff;
padding: 0.3em 0.5em;
font-family: var(--headfont);
font-weight: var(--headfont-weight);
font-style: normal;
text-transform: uppercase;
font-size: var(--font-size-large);
line-height: var(--headfont-lineheight);
}  section#vorort {
margin: 0 calc(0px - var(--pagemargin));
text-align: center;
padding-bottom: 0;
}
section#vorort div#vorort_inner {
background-color: rgba(var(--darkgreen), 0.05);
}
div#mapid {
width: 100%;
height: 25rem; margin-bottom: var(--pagemargin);
}
section#vorort form {
width: 80%;
margin: 0 auto;
}
section#vorort input {
width: 100%;
padding: 0.5rem;
border-radius: var(--borderradius);
border: 0.125rem solid rgb(var(--magenta)); background: rgba(var(--darkgreen), 0.05);
outline: none;
}
#fl_notfound {
background: rgba(var(--magenta), 0.05);
color: rgb(var(--magenta));
padding: 0.5em 0 0.5em 1em;
visibility: hidden;
}  ul#fl_list {
width: 100%;
list-style-type: none;
text-align: left;
padding: 0;
margin: 5px 0 0;
}
ul#fl_list li {
width: 100%;
text-align: left;
padding: 0.5rem;
margin-bottom: 1px;
border-bottom: 1px solid rgb(var(--lightgreen));
border-radius: var(--borderradius);
cursor: pointer;
transition: background 0.2s;
}
ul#fl_list li:after {
content: '\f055'; font-family: var(--iconfont);
font-weight: var(--iconfont-weight);
color: rgb(var(--magenta));
float: right;
}
ul#fl_list li:hover {
background: rgba(var(--lightgreen), 0.2);
}
div.fl-popup {
text-align: left;
background: #fff;
border: 2px solid rgb(var(--lightgreen));
border-radius: var(--borderradius);
padding: 1rem;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
display: none; margin-bottom: var(--pagemargin);
}
div.fl-popup.open {
display: block; }
div.fl-popup button {
float: right;
border: none;
background: none;
color: rgb(var(--magenta));
border-radius: 1000px;
cursor: pointer;
outline: none;
}
div.fl-popup button:hover {
color: rgb(var(--lightgreen));
}  section#spenden {
margin: 0 calc(0px - var(--pagemargin));
padding: 0 var(--pagemargin) var(--section-padding-bottom);
background: var(--gradient-magenta);
text-align: center;
color: #fff;
}
section#spenden h2,
section#spenden a {
color: #fff;
}
section#spenden a:hover {
color: rgb(var(--darkgreen));
}
section#spenden div.textcontent {
margin-bottom: calc(var(--pagemargin) * 2);
}
section#spenden .form-donation-paypal .radio-inline input {
visibility: hidden; position: absolute;
top: 0;
left: 0;
}
section#spenden label,
section#spenden input[type=submit] {
display: inline-block;
border: 2px solid #fff;
border-radius: var(--borderradius);
color: #fff;
padding: 0.5rem 0.7rem;
font-weight: var(--textfont-weight-bold);
line-height: 1.2em;
margin: 0 10px 10px 0;
background: none;
text-transform: uppercase;
cursor: pointer;
}
section#spenden input[type=submit] {
background: #fff;
color: rgb(var(--magenta));
margin: 0;
}
section#spenden label:hover,
section#spenden label.active {
background: #fff;
color: rgb(var(--magenta));
}
section#spenden input[type=submit]:hover {
background: rgb(var(--lightgreen));
border-color: rgb(var(--lightgreen));
color: #fff;
}
div.form-group.clear {
display: inline;
}  body.single img.attachment-post-thumbnail {
width: 100%;
height: auto;
margin-bottom: calc(var(--section-padding-bottom) / 2);
}  footer#sitefooter {
background: var(--gradient-green);
color: #fff;
text-align: center;
padding: var(--section-padding-top);
margin: 0;
}
footer#sitefooter a {
color: #fff;
}
footer#sitefooter nav ul {
list-style-type: none;
padding: 1em 0 0;
margin: var(--pagemargin) 0 0;
border-top: 1px solid rgb(var(--lightgreen));
}
footer#sitefooter nav ul li a {
display: block;
padding: 0.5em;
color: #fff;
}
footer #footercredits {
margin-top: 3rem;
font-size: 0.8rem;
}
footer #footercredits p {
opacity: 0.3;
}  .grid {
display: flex;
}
.grid-col {
flex-grow: 1;
}
.grid-col--2,
.grid-col--3 {
display: none;
}  body.page-template-page-termine,
body.single-event {
background-color: rgba(var(--darkgreen), 0.05);
}
body.page-template-page-termine section.eo-events header {
background-color: rgba(var(--darkgreen), 0.12);
padding: 1rem;
margin-bottom: 1rem;
}
body.page-template-page-termine section#maincontent {
padding-top: 0;
overflow: visible;
}
section.eo-events article {
background-color: #fff;
padding-bottom: calc(var(--pagemargin) * 2);
margin-bottom: calc(var(--pagemargin) * 2);
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.05);
position: relative;
}
section.eo-events article a img {
width: 100%;
height: auto;
display: block;
margin: 0;
}
section.eo-events article a span {
font-weight: var(--headfont-weight);
line-height: 2em;
display: inline-block;
color: rgb(var(--darkgreen));
}
section.eo-events article a span.date {
font-size: var(--font-size-large);
display: block;
}
section.eo-events article a span.time {
margin-right: 1rem;
}
section.eo-events article a span.excerpt {
margin: 0 1rem;
color: rgb(var(--textcolor));
}
section.eo-events article a h2 {
font-size: var(--font-size-large);
text-align: left;
padding: 0.5rem 1rem;
}
section.eo-events article a.more {
color: #fff;
position: absolute;
bottom: -10px;
left: 20px;
}
body.single-event h1 {
margin-bottom: calc(var(--pagemargin) * 2);
}
body.single-event ul.eo-event-meta {
background-color: rgba(var(--darkgreen), 0.05);
padding: 1rem;
margin: 0;
}
body.single-event ul.eo-event-meta li:before {
display: none;
}
body.single-event ul.eo-event-meta li i {
width: 1.3em;
font-size: 1.2em;
line-height: 1em;
padding-right: 0.1rem;
color: rgb(var(--lightgreen));
}
.tribe-events {
padding-top: 300px;
}  body.archive,
section#posts {
background-color: rgba(var(--darkgreen), 0.05);
}
section#posts {
margin: 0 var(--pagemargin_neg);
padding: var(--pagemargin);
}
body.archive section#maincontent article,
section#posts article {
background-color: #fff;
padding-bottom: calc(var(--pagemargin) * 2);
margin-bottom: calc(var(--pagemargin) * 2);
position: relative;
border-radius: var(--borderradius);
overflow: hidden;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}
body.archive section#maincontent article a img,
section#posts article a img {
width: 100%;
height: auto;
display: block;
margin: 0;
}
body.archive section#maincontent article a span.thedate,
section#posts article a span.thedate {
font-weight: var(--headfont-weight);
line-height: 2em;
display: block;
margin-top: 1rem;
padding: 0 1rem;
}
body.archive section#maincontent article a div.content,
section#posts article a div.content {
margin: 0 1rem;
padding: 0.5rem 0;
color: rgb(var(--textcolor));
padding-bottom: 2rem; }
body.archive section#maincontent article a.more,
section#posts article a.more {
color: #fff;
position: absolute;
bottom: -10px;
left: 20px;
z-index: 1;
width: auto; height: auto; display: inline-block; flex-direction: initial; padding: 0.2em 0.5em;
margin-bottom: 1em;
} body.archive section#maincontent {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
padding: 2rem var(--pagemargin);
}
body.archive section#maincontent h2 {
text-align: left;
padding: 0.5rem 1rem;
margin: 0.5rem 0;
}
body.archive section#maincontent article a {
display: block;
text-decoration: none;
}  body.search {
background-color: rgba(var(--darkgreen), 0.05);
}
body.search div.search-result-meta {
font-size: var(--font-size-medium);
}
body.search section#maincontent {
padding-top: 0;
overflow: visible;
}
body.search article {
background-color: #fff;
padding-bottom: calc(var(--pagemargin) * 2);
margin-bottom: calc(var(--pagemargin) * 2);
-webkit-box-shadow: 0px 0px 1.125em 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 0px 1.125em 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 1.125em 0px rgba(0, 0, 0, 0.05);    
position: relative;
}
body.search article a img {
width: 100%;
height: auto;
margin: 0;
display: block;
}
body.search article a span.excerpt {
display: inline-block;
margin: 1rem;
color: rgb(var(--textcolor));
}
body.search article a h2 {
font-size: var(--font-size-xlarge);
text-transform: none;
text-align: left;
padding: 1rem;
}
body.search article a.more {
color: #fff;
position: absolute;
bottom: -0.625em;
left: 1.25em;
}  form.visual-form-builder fieldset,
form.vfbp-form {
clear: both;
margin: 1em 0;
padding: 0;
border: 0;
border-radius: 0;
background-color: #fff;
}
form.vfbp-form {
margin: 1em 0 9.375em;
}
form.vfbp-form * {
font-size: var(--font-size-regular) !important;
}
.vfbp-form .vfb-form-control {
height: auto;
}
form.vfbp-form div.vfb-col-12 {
padding-left: 0;
padding-right: 0;
}
form.vfbp-form ul.country-list li:before {
display: none;
}
form.visual-form-builder .vfb-legend {
margin: 0.3125em 0;
padding: 0;
border-bottom: 0;
color: #900;
}
form.visual-form-builder h3,
form.vfbp-form h3 {
font-family: var(--headfont);
font-weight: var(--headfont-weight);
font-style: var(--headfont-style-italic);
font-size: var(--font-size-large) !important;
line-height: var(--headfont-lineheight);
color: rgb(var(--darkgreen));
margin: 0;
padding: 0 0 1em;
} .visual-form-builder ul, 
.entry-content .visual-form-builder ul, 
.comment-content .visual-form-builder ul, 
.mu_register .visual-form-builder ul, 
.visual-form-builder ol, 
.entry-content .visual-form-builder ol, 
.comment-content .visual-form-builder ol, 
.mu_register .visual-form-builder ol {
margin: 0 !important;
font-size: inherit;
line-height: inherit;
}
form.visual-form-builder ul li {
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 1rem !important;
}
form.visual-form-builder ul li:before {
display: none;
} form.visual-form-builder ul li input[type=text],
form.visual-form-builder ul li input[type=tel],
form.visual-form-builder ul li input[type=email] {
width: 100%;
padding: 0.8rem 1rem;
}
form.visual-form-builder ul li select {
width: 100%;
padding: 0.8rem 1rem;
background: #fafafa;
border: 1px solid #ddd;
} form.visual-form-builder ul li input[type=submit],
form.vfbp-form div.vfb-fieldType-submit button {
border: 0;
display: inline-block;
background: var(--gradient-magenta);
color: #fff;
font-weight: var(--textfont-weight-bold);
text-transform: uppercase;
padding: 0.5rem 1rem;
transition: all 0.3s;
border-radius: 0;
}
form.visual-form-builder ul li input[type=submit]:hover,
form.vfbp-form div.vfb-fieldType-submit button:hover {
background: var(--gradient-green);
}  body.woocommerce div.textcontent {
max-width: none;
}
body.woocommerce ul.products li:before,
body.woocommerce ul.woocommerce-error li:before {
display: none;
}
body.woocommerce ul.products li h2 {
text-transform: none;
}  @media only screen and (max-width: 699px) {
header#siteheader {
height: 5rem !important;
}
div#hero {
margin-top: 5rem;
}
div#hero.nopic {
margin-top: 5rem;
}
div#logo {
padding-top: 0.5rem;
z-index: 10;
position: relative;
}
div#logo img {
width: 8rem;
transition: none;
}
div#logo span {
margin-left: 2.25rem;
font-size: 0.85rem;
}
button#mobilenav {
padding: 0.75rem 1rem;
z-index: 10;
position: relative;
}
.avia_transform .avia_start_animation {
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
animation: none !important;
opacity: 1 !important;
} header#siteheader.scrolled {
height: 5rem !important;
}
} @media only screen and (max-width: 375px) {
header#siteheader {
height: 16vh;
}
div#hero {
margin-top: 16vh;
}
div#logo img {
width: 7.5rem;
}
div#logo span {
margin-left: 2rem;
font-size: 0.8rem;
}
} @media only screen and (min-width: 700px) and (max-width: 900px) {
:root {
--font-size-xlarge: 2.5rem;
--section-padding-top: 3.75rem;
--section-padding-bottom: 7rem;
--pagemargin: 2.5rem;
--pagemargin_neg: -2.5rem;
}
header#siteheader {
height: 22vh;
}
div#hero {
margin-top: 22vh;
}
div#logo {
z-index: 10;
position: relative;
}
div#logo img {
width: 10rem;
margin-top: 0.5rem;
}
nav#site-navigation > ul {
bottom: -1em;
margin-left: 1rem;
}
nav#site-navigation ul li a {
font-size: var(--font-size-medium);
padding: 0.25rem 0.5rem 0 0.5rem;
}
div.textcontent {
display: inline-block;
max-width: 40rem;
}
div#hero.nopic+div#container>h1.mainh1 {
margin: 3.125rem 0 0 0;
}
.dataTables_scroll {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;    
}
div.textcontent ul.zweispaltig {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
} @media only screen and (min-width: 901px) and (max-width: 1200px) {
:root {
--font-size-xlarge: 2.5rem;
--section-padding-top: 3.75rem;
--section-padding-bottom: 7rem;
--pagemargin: 2.5rem;
--pagemargin_neg: -2.5rem;
}
header#siteheader {
height: 18vh;
}
div#hero {
margin-top: 18vh;
}
div#logo {
z-index: 10;
position: relative;
}
div#logo img {
width: 11rem;
}
nav#site-navigation > ul {
bottom: -1.1em;
}
div.textcontent {
display: inline-block;
max-width: 40rem;
}
div#hero.nopic+div#container>h1.mainh1 {
margin: 3.125rem 0 0 0;
}
.dataTables_scroll {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;    
}
div.textcontent ul.zweispaltig {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
body.archive section#maincontent {
grid-template-columns: repeat(3, 1fr);
}
} @media only screen and (min-width: 1201px) {
:root {
--font-size-xlarge: 2.5rem;
--section-padding-top: 3.75rem;
--section-padding-bottom: 7rem;
--pagemargin: 2.5rem;
--pagemargin_neg: -2.5rem;
}
header#siteheader {
height: 20vh;
}
div#hero {
margin-top: 16vh;
}
div#hero.nopic {
margin-top: 8vh;
}
div#logo span {
font-size: 1.2em;
margin-left: 4.625rem;
}
div.textcontent {
display: inline-block;
max-width: 40rem;
}
div#hero.nopic+div#container>h1.mainh1 {
margin: 3.125rem 0 0 0;
}
.dataTables_scroll {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;    
}
div.textcontent ul.zweispaltig {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
} @media only screen and (min-width: 700px) {
header#siteheader {
height: 20vh;
}
div#headernavs {
width: auto;
height: auto;
position: static;
padding-top: 0;
display: block;
background: none;
overflow: hidden;
}
button#mobilenav,
button#mobilenav_close {
display: none;
}
nav#site-navigation ul,
nav#site-navigation ul li {
margin: 0;
}
nav#site-navigation ul li {
display: inline-block;
margin: 0 0.25em 0 0;
background: var(--gradient-magenta);
}
nav#site-navigation > ul {
position: absolute;
bottom: -1.25em;
z-index: 1000;
margin-left: var(--pagemargin);
}
nav#site-navigation > ul > li:hover > a, 
nav#site-navigation > ul > li.current-menu-item > a {
background: rgba(255, 255, 255, 0);
color: #fff;
border-bottom: 0.3125em solid red;
}
nav#site-navigation ul li:hover ul {
display: block;
}
nav#site-navigation ul li > ul,
nav#site-navigation ul li.current-menu-item > ul,
nav#site-navigation ul li.current-menu-parent > ul {
display: none;
position: absolute;
top: 100%;
left: 0;
padding-top: 0.3125em;
z-index: 1001;
}
nav#site-navigation > ul > li {
position: relative;
}
nav#site-navigation ul li:hover ul,
nav#site-navigation ul li.current-menu-item:hover ul,
nav#site-navigation ul li.current-menu-parent:hover ul {
display: block;
}
nav#site-navigation ul li ul li a {
display: block;
}
nav#site-navigation ul li ul li a:hover {
font-size: var(--font-size-regular);
border: 0;
}
nav#site-navigation > ul > li > ul > li > ul,
nav#site-navigation > ul > li.current-menu-item > ul > li > ul,
nav#site-navigation > ul > li.current-menu-parent > ul > li > ul,
nav#site-navigation > ul > li.current-menu-ancestor > ul > li > ul {
position: static;
margin: 0;
padding: 0;
}
nav#site-navigation > ul > li > ul > li {
margin: 0;
}
nav#site-navigation > ul > li > ul > li > ul > li {
margin: 0;
}
nav#site-navigation > ul > li > ul > li > ul > li > a {
font-weight: var(--textfont-weight-normal);
padding-left: 2em;
}
nav#site-navigation > ul > li > ul > li > ul > li > ul {
display: none;
}
div#metanav {
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: calc(var(--pagemargin) / 2);
}
div#metanav nav {
padding: 0;
}
nav#meta-navigation ul {
margin-right: 0.3125em;
}
nav#meta-navigation ul li {
display: inline-block;
}
nav#meta-navigation ul li a {
padding: 0 0.3125em;
}
nav#meta-navigation ul li a:hover {
color: rgb(var(--lightgreen));
}
nav#social-navigation {
width: auto;
}
nav#social-navigation ul {
margin-top: 0;
}
nav#social-navigation ul li a:after {
margin-right: 0.625em;
}
nav#social-navigation ul li:nth-last-child(2) a:after {
margin-right: 0.625em;   
}
nav#social-navigation ul li.suche {
display: inline-block;
}
nav#social-navigation ul li.suche a:after {
content: '\f002';
background: rgba(var(--magenta), 1);
color: #fff;    
font-family: var(--iconfont);
font-weight: var(--iconfont-weight);
}
header#siteheader.search nav#social-navigation ul li.suche a:after {
content: '\f00d';
}
nav#social-navigation ul li.suche a:hover:after {
background: rgb(var(--lightgreen));
}
form.searchform {
width: 0;
overflow: hidden;
position: absolute;
border-radius: 1000px;
top: 1.125em;
right: 4.375em;
padding: 0;
margin-top: 0;
transition: width 0.3s;
background: none;
}
header#siteheader.search form.searchform {
width: 60%;
display: block;
}
form.searchform input {
border-radius: 1000px;
outline: none;
}
section#news {
padding: var(--section-padding-top) var(--pagemargin) calc(var(--section-padding-bottom) / 2) var(--pagemargin);
}
section#news div.articlecontainer {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
section#news article {
width: 32.6%;
margin: 0 1% 0 0;
transition: all 0.3s;
}
section#news article:last-child {
margin: 0;
}
section#news article:hover {
margin-bottom: 0.625em;
margin-top: -0.625em;
-webkit-box-shadow: 0px 0px 1.75em 0px rgba(var(--darkgreen), 0.25);
-moz-box-shadow: 0px 0px 1.75em 0px rgba(var(--darkgreen), 0.25);
box-shadow: 0px 0px 1.75em 0px rgba(var(--darkgreen), 0.25);        
}
section#news article div.content {
padding: calc(var(--pagemargin) / 2);
}
section#news article a.more {
margin-left: calc(var(--pagemargin) / 2);
}
a.more:hover, 
input[type=submit]:hover {
background: var(--gradient-green) !important;
cursor: pointer;
}
section#positionen ul {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
section#positionen ul li {
width: 50%;
height: 12.5rem;
}
section#vorort {
display: flex;
}
div#mapid {
width: 50%;
height: 100%;
min-height: 37.5rem;
margin-bottom: 0;
}
div#vorort_inner {
width: 50%;
padding: 0 var(--pagemargin);
}
section#spenden div.textcontent {
width: 50%;        
float: left;
text-align: left;
font-size: var(--font-size-large);
padding-right: var(--pagemargin);
margin-bottom: 0;
}
section#spenden form {
width: 50%; 
float: left;       
}
section#spenden .form-donation-paypal .radio-inline input {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
section#spenden label,
section#spenden input[type=submit] {
padding: 0.3125rem 0.4375rem;
margin: 0 0.625em 0.625em 0;
}
section#spenden label:hover {
color: rgb(var(--magenta));
background: #fff;
}
section#spenden input[type=submit] {
margin: 0;
}
body.page div#hero {
height: 30vh;
}
body.page div#hero::after {
top: -50%;
height: 200%;
}
body.page div#hero.nopic {
height: 2rem;
}
body.page div#hero.nopic::after {
top: -50%;
height: 200%;
}
body.page section#maincontent div.textcontent,
body.single section#maincontent div.textcontent,
body.search section#maincontent div.textcontent {
display: block;
margin: 0 auto;
}
footer#sitefooter {
text-align: left;
padding: var(--section-padding-top) var(--pagemargin) 1rem var(--pagemargin);
}
footer#sitefooter div.textcontent,
footer#sitefooter nav {
display: inline-block;
margin-right: var(--pagemargin);
}
footer#sitefooter nav ul {
padding: 0;
margin: 0;
border-top: none;
}
footer#sitefooter nav ul li a {
display: block;
padding: 0;
}
footer#sitefooter nav ul li a:hover {
color: rgb(var(--lightgreen));
}
footer #footercredits p:hover {
opacity: 1;
}
footer #footercredits a:hover {
color: rgb(var(--magenta));
}
.grid-col {
width: 48%;
}
.grid-col--1 {
margin-right: 2.5%;
}
.grid-col--2 {
display: block;
}
body.page-template-page-termine section.eo-events header {
padding: 1rem;
margin: 0 0 1rem 0;
}
section.eo-events article {
padding-bottom: calc(var(--pagemargin) * 1);
transition: all 0.3s;
}
section.eo-events article:hover {
margin: -0.625rem 0px calc(var(--pagemargin) * 2 + 0.625rem) 0px;
-webkit-box-shadow: 0px 0px 28px 0px rgba(var(--darkgreen), 0.25);
-moz-box-shadow: 0px 0px 28px 0px rgba(var(--darkgreen), 0.25);
box-shadow: 0px 0px 28px 0px rgba(var(--darkgreen), 0.25);
}
body.archive section#maincontent {
grid-template-columns: repeat(2, 1fr);
}
body.archive section#maincontent article,
section#posts article {
padding-bottom: calc(var(--pagemargin) * 1);
transition: all 0.3s;
height: 100%;
display: flex;
flex-direction: column;
}
body.archive section#maincontent article a {
height: 100%;
display: flex;
flex-direction: column;
}
body.archive section#maincontent article a div.content {
flex-grow: 1;
}
body.archive section#maincontent article:hover,
section#posts article:hover {
margin: -0.625rem 0px calc(var(--pagemargin) * 2 + 0.625rem) 0px;
-webkit-box-shadow: 0px 0px 28px 0px rgba(var(--darkgreen), 0.25);
-moz-box-shadow: 0px 0px 28px 0px rgba(var(--darkgreen), 0.25);
box-shadow: 0px 0px 28px 0px rgba(var(--darkgreen), 0.25);
transform: translateY(-5px);
}
body.search article {
padding-bottom: calc(var(--pagemargin) * 1);
transition: all 0.3s;
}
body.search article:hover {
margin: -0.625rem 0px calc(var(--pagemargin) * 2 + 0.625rem) 0px;
-webkit-box-shadow: 0px 0px 28px 0px rgba(var(--darkgreen), 0.25);
-moz-box-shadow: 0px 0px 28px 0px rgba(var(--darkgreen), 0.25);
box-shadow: 0px 0px 28px 0px rgba(var(--darkgreen), 0.25);
}
}