@import url("/sites/ks.eg-liesing.at/files/google-webfonts-helper/roboto/roboto.css");
@import url("/sites/ks.eg-liesing.at/files/google-webfonts-helper/roboto_flex/roboto_flex.css");
@import url("/sites/ks.eg-liesing.at/files/google-webfonts-helper/quitcher/quitcher.css");
/* Custom CSS */

/* Finetuning Fonts */

.site-branding__name-link {font-style: normal; font-weight: 300;}
.site-branding__name-link:link, .site-branding__name-link:visited {color: #461D2A;}
.site-branding__slogan {font-style: normal; font-weight: 200; line-height: 1.2em; width: 70%; color: #461D2A;}
#block-technischedaten, #highlighted .pr-highlighted__rw #block-views-block-veranstaltungen-block-1-2 .view-empty {font-family: "Roboto Flex"; font-style: normal; font-weight: 300; font-size: 1.5em; color: #461D2A;}
#block-technischedaten, #highlighted .pr-highlighted__rw #block-views-block-veranstaltungen-block-1-2 .view-empty strong { font-weight:600;}

/* embedd INTERN GDOCS IFRAME */
html,body        {height: 100%;}
.wrapper         {width: 100%; height: 100%; margin: 0 auto; background: #CCC}
.h_iframe        {position: relative; padding-top: 66%;}
.h_iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.menu a { font-size: 1rem; letter-spacing: 2px; }

ul.menu-name--main { justify-content: flex-end; }
ul.menu-name--footer { justify-content: space-between; }
a.menu__link:hover { color: #9e1915; background: none; }
a.menu__link.is-active { color: #9e1915; }
#menu-name--main__kontakt { border: 1px #9e1915 solid; color: #9e1915; }
#menu-name--main__kontakt a:hover { color: #ffffff; background-color: #9e1915; }

.pr-header { background-color: #f7f7f7;}

.pr-footer { color: #ffffff; background-color: #201a16; }
#block-footerblock, #block-egl-theme-footer { font-size: 14px; text-transform: uppercase; text-decoration: none; }
#block-footerblock { font-size: 1rem; letter-spacing: 1px; }
#block-footerblock div.field__items { text-align: center; }
#block-footerblock a {color: #ffffff;}

.views-field-field-losungsvers p, .views-field-field-lehrvers p { margin: 0px; }
.views-field-field-losungsvers div div, .views-field-field-lehrvers div div { float: right; }

.views-field-field-bibelstelle div div { float: right; margin-right: 58px; }

/* Highlighted Region Settings Background */
/*#highlighted  { background-image: url(/sites/default/files/images_direct_upload/7L8A1267.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;  }*/
#highlighted  { background-image: url(/sites/default/files/images_direct_upload/background_saal.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;  }
#highlighted .regions { background-color: transparent;}
#highlighted .pr-highlighted__rw #block-sitebranding, #highlighted .pr-highlighted__rw #block-sitebranding-2, #highlighted .pr-highlighted__rw #block-views-block-veranstaltungen-block-1-2 { background-color: #f0f0f0bb;}

#highlighted .pr-highlighted__rw #block-sitebranding {margin: 10rem 0 0 0; padding: 2em 0 0 10em;}
#highlighted .pr-highlighted__rw #block-sitebranding-2 {margin: 0 0 10rem 0; padding: 0 0 2em 10em;}
#highlighted .pr-highlighted__rw #block-views-block-veranstaltungen-block-1-2 { margin: 1rem 0 10rem 0; padding: 1.25em;}

#block-technischedaten {background-color: #f0f0f0bb; margin: 15em 0 5em 0; padding: 2em 2em 1em 2.5em;}
#highlighted .pr-highlighted__rw #block-views-block-veranstaltungen-block-1-2 .view-empty { margin: 0; padding: 2em 2em 1em 6em;}

#features { background-color: #f0f0f0; }
//#features .pr-features__rw { background-color: #f0f0f0bb; }
#content-prefix { background-image: url(/sites/default/files/images_direct_upload/7L8A1274.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
#content-prefix .pr-content-prefix__rw { background-color: #f0f0f0bb; }
#content-suffix { background-image: url(/sites/default/files/images_direct_upload/7L8A8406.jpeg); background-position: center; background-repeat: no-repeat; background-size: cover; }
#content-suffix .pr-content-suffix__rw { background-color: #f0f0f0bb; }
#content-suffix .pr-content-suffix__rw .front-block-angebote-link { display: block;}
#content-suffix .pr-content-suffix__rw .front-block-angebote-link h3 { padding: 1.5em; margin: 3.5em; border: 1px solid #201a16; }

.field-paragraph-field-audio, .paragraph--type-paragraphs-document, .paragraph--type-paragraphs-document h3 { text-align: center; }
.paragraph--type-galerie .image-style-media-gallery-image { float: left; margin: 0.5rem; }
.paragraph--type-galerie .field-paragraph--field-beschreibung { clear:both; padding-top: 1rem;}

.paragraph--type-bild-links-text-rechts .field-paragraph--field-bild { float:left; margin-right: 0.5rem; vertical-align: top;}
.paragraph--type-text-links-bild-rechts .field-paragraph--field-bild { float:right; margin-left: 0.5rem; vertical-align: top;}
.paragraph--type-paragraph-text:after, .paragraph--type-galerie:after, .paragraph--type-text-mit-bild-links:after, .paragraph--type-text-mit-bild-rechts:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

.photoswipe-gallery {display: inline-flex; flex-wrap: wrap; gap: 1em; }
.photoswipe-gallery .field-type-image__figure {vertical-align: top;}

/* Finetuning medium screens 45em min 60em max */
@media all and (min-width: 45.025em) and (max-width:60em) {  
.site-branding__name-link {font-style: normal; font-weight: 300; font-size: 4rem;}
.site-branding__name-link:link, .site-branding__name-link:visited {color: #461D2A;}
.site-branding__slogan {font-style: normal; font-weight: 200; line-height: 1.2em; width: 70%; color: #461D2A;font-size: 3rem;}
#block-technischedaten, #highlighted .pr-highlighted__rw #block-views-block-veranstaltungen-block-1-2 .view-empty {font-family: "Roboto Flex"; font-style: normal; font-weight: 300; font-size: 1.25em; color: #461D2A;}
#block-technischedaten, #highlighted .pr-highlighted__rw #block-views-block-veranstaltungen-block-1-2 .view-empty strong { font-weight:600;}
#highlighted .pr-highlighted__rw #block-sitebranding, #highlighted .pr-highlighted__rw #block-sitebranding-2, #highlighted .pr-highlighted__rw #block-views-block-veranstaltungen-block-1-2 { background-color: #f0f0f0bb;}
#highlighted .pr-highlighted__rw #block-sitebranding {margin: 5rem 0 0 0; padding: 1em 0 0 5em;}
#highlighted .pr-highlighted__rw #block-sitebranding-2 {margin: 0 0 5rem 0; padding: 0 0 2em 5em;}
#highlighted .pr-highlighted__rw #block-views-block-veranstaltungen-block-1-2 { margin: 1rem 0 0.5rem 0; padding: 1.25em;}
#block-technischedaten {background-color: #f0f0f0bb; margin: 15em 0 5em 0; padding: 2em 2em 1em 2.5em;}
#highlighted .pr-highlighted__rw #block-views-block-veranstaltungen-block-1-2 .view-empty { margin: 0; padding: 2em 2em 1em 3em;}
}

/* Finetuning small screens 45em max */
@media all and (max-width: 45em) {  
.site-branding__name-link {font-style: normal; font-weight: 300; font-size: 2rem;}
.site-branding__name-link:link, .site-branding__name-link:visited {color: #461D2A;}
.site-branding__slogan {font-style: normal; font-weight: 200; line-height: 1.2em; width: 70%; color: #461D2A; font-size: 1.75rem;}
#block-technischedaten, #highlighted .pr-highlighted__rw #block-views-block-veranstaltungen-block-1-2 .view-empty {font-family: "Roboto Flex"; font-style: normal; font-weight: 300; font-size: 1em; color: #461D2A;}
#block-technischedaten, #highlighted .pr-highlighted__rw #block-views-block-veranstaltungen-block-1-2 .view-empty strong { font-weight:600;}
#highlighted .pr-highlighted__rw #block-sitebranding, #highlighted .pr-highlighted__rw #block-sitebranding-2, #highlighted .pr-highlighted__rw #block-views-block-veranstaltungen-block-1-2 { background-color: #f0f0f0bb;}
#highlighted .pr-highlighted__rw #block-sitebranding {margin: 2.5rem 0 0 0; padding: 0.5em 0 0 1.5em;}
#highlighted .pr-highlighted__rw #block-sitebranding-2 {margin: 0 0 2.5rem 0; padding: 0 0 2em 1.5em;}
#highlighted .pr-highlighted__rw #block-views-block-veranstaltungen-block-1-2 { margin: 1rem 0 0.5rem 0; padding: 1em;}
#block-technischedaten {background-color: #f0f0f0bb; margin: 15em 0 5em 0; padding: 2em 2em 1em 2.5em;}
#highlighted .pr-highlighted__rw #block-views-block-veranstaltungen-block-1-2 .view-empty { margin: 0; padding: 2em 2em 1em 0.5em;}
}