/*
Theme Name:         Frei und Gleich 2
Theme URI:          https://www.freiundgleich.info/
Description:        Based on Foundation 6. Basic Theme, Version 1.4.0
Version:            1.1.0
Author:             Clemens Nübel & Viktor Nübel
Author URI:         https://lieberungewoehnlich.de/
*/

/*---------------- FONTS --------------- */

@font-face {
    font-family: System;
    font-style: normal;
    font-weight: 400;
    src: local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma")
}
@font-face {
    font-family: System;
    font-style: italic;
    font-weight: 400;
    src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma")
}
@font-face {
    font-family: System;
    font-style: normal;
    font-weight: 700;
    src: local(".SFNSText-Bold"), local(".HelveticaNeueDeskInterface-Bold"), local(".LucidaGrandeUI"), local("Segoe UI Bold"), local("Ubuntu Bold"), local("Roboto-Bold"), local("DroidSans-Bold"), local("Tahoma Bold")
}
@font-face{
    font-family:"Futura";
    src:url("webfonts/1475798/cf053eae-ba1f-44f3-940c-a34b68ccbbdf.eot?#iefix");
    src:url("webfonts/1475798/cf053eae-ba1f-44f3-940c-a34b68ccbbdf.eot?#iefix") format("eot"),url("webfonts/1475798/8bf38806-3423-4080-b38f-d08542f7e4ac.woff2") format("woff2"),url("webfonts/1475798/e2b9cbeb-fa8e-41cd-8a6a-46044b29ba52.woff") format("woff"),url("webfonts/1475798/c2a69697-4f06-4764-abd4-625031a84e31.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family:"Futura LT W01 Book Oblique";
    src:url("webfonts/1475804/834e05b5-87ff-453f-9d74-a93eb930e1ec.eot?#iefix");
    src:url("webfonts/1475804/834e05b5-87ff-453f-9d74-a93eb930e1ec.eot?#iefix") format("eot"),url("webfonts/1475804/159c40d5-d5b5-4d06-b7ba-7762c03ce985.woff2") format("woff2"),url("webfonts/1475804/03937062-17d3-443d-809c-d51e0397aaa3.woff") format("woff"),url("webfonts/1475804/19124b27-09ee-4d4c-b213-ec1c114d2945.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}
@font-face{
    font-family:"Futura";
    src:url("webfonts/1475822/87f56fc1-ab05-4355-90af-9e83740663af.eot?#iefix");
    src:url("webfonts/1475822/87f56fc1-ab05-4355-90af-9e83740663af.eot?#iefix") format("eot"),url("webfonts/1475822/3cf9e1e8-63a2-497f-86ed-6b63d6de1986.woff2") format("woff2"),url("webfonts/1475822/184895ac-545b-450b-9d3a-c0a0a7620977.woff") format("woff"),url("webfonts/1475822/bf8628d2-1ae0-4645-ba3f-3ce62d8d907c.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
  font-family: 'freiundgleich_icons';
  src: url('webfonts/freiundgleich_icons.eot');
  src: url('webfontsfreiundgleich_icons.eot#iefix') format('embedded-opentype'),
       url('webfonts/freiundgleich_icons.woff2') format('woff2'),
       url('webfonts/freiundgleich_icons.woff') format('woff'),
       url('webfonts/freiundgleich_icons.ttf') format('truetype'),
       url('webfonts/freiundgleich_icons.svg#freiundgleich_icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*---------------- GLOBAL --------------- */

body { color: #333; font-family: 'Futura', serif; font-size: 1.1rem; line-height: 1.8; }
h1, h2, h3, h4, h5, h6 { font-family: 'Futura', sans-serif; font-weight: 600; margin:0 0 .2em 0; }
h1 { font-size: 2.8rem; margin: 0 0 2.4rem 0; text-align: center; }
h2 { font-size: 2rem; margin: 3rem 0 1.7rem 0; text-align: center; }
h3 { font-size: 1.4rem; text-align: center; margin: 2.4rem 0 1rem 0; clear: both; }
h4 { font-size: 1rem; }
a { color: #333; text-decoration: underline; transition: all 200ms ease-in 0s; }
a:hover, a:focus { color: #000; text-decoration: none; }
p { max-width: 800px; line-height: 1.6; margin: 0 auto 1.7rem auto; display: block; }
p:first-child, .home p { font-size: 1.4rem; max-width: 800px; margin: 0 auto 2rem auto; line-height: 1.4; }
ul, ol, dl { margin: 0 auto 1.7rem auto; max-width: 770px; }
del { color: #666; }
img { border: 0; }
figure  { margin: 0; }
figure.alignleft { float: left; margin: 5px 18px 18px 0; }
figure.alignright { float: right; margin: 0 18px 18px 5px; }
figure.aligncenter { display: table; margin: 5px auto 5px auto; }
figure.alignnone { margin: 5px 18px 18px 0; }
figcaption, .gallery-caption  { display: block; font-size: 0.8rem; color: #666; margin: 5px; width: 100%; }
hr { color: #ccc; margin: 4rem auto; }

.clear, .clearfix { clear:both; }
.divider { width: 100%; height: 0px; border-top: 1px solid #e3e3e3; }

.wp-block-column figure.wp-block-image  { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content:center; }
.wp-block-column .wp-block-image img { height: auto; max-width: none; min-height: 100%; width: max-content; max-height: 240px; }
.wp-block-column .wp-block-image img:hover { opacity: .9; }

/* Gallery */
.gallery { display: table; margin: 5px auto 5px auto; }
.gallery dt, .gallery dl { display: inline-block; margin: 5px; }

/* Icons */
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "freiundgleich_icons"; font-size: 1.6rem; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 2rem; margin-top: -1px; margin-right: .2rem; text-align: center; }
.icon-play:before { content: '\e800'; font-size: 2rem; margin: 0 0 0 3px; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-facebook-official:before { content: '\f230'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */

/* Responsive Video */
.video-block { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 0 auto 2.8rem auto; }
.video-block iframe, .video-block object, .video-block embed, .video-block video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*---------------- HEADER --------------- */
.site-header { background-color: transparent; margin: 0 0 25px; padding: 17px 20px 0 20px; height: 130px; position: fixed; top: 0; z-index: 10; transition: all 0.2s ease-in-out; width: 100%; }
.scrolled { background-color: #fff; }
.home #site-logo { visibility: visible; }
.home .scrolled #site-logo { visibility: visible; }
.nav-up { top: -145px; }
.nav-down {  }
#site-logo { max-width: 90px; margin: 0; }
#site-logo img { width: 90px; }
.socialIcon { color: #fff; display: inline-block; float: right; width: 24px; height: 24px; margin: 0 0 0 10px; }

/*---------------- NAVIGATION--------------- */
/* Main Naviagtion */
.top-bar { background: transparent; }
.nav-area { min-height: 50px; }
.main-nav { display: inline-block; width: 100%; }
.main-nav ul { text-align: center; margin: 0 auto; }
.main-nav ul li { display: inline-block; position: relative; }
.main-nav ul li a { color: #fff; line-height: 1; padding: 15px 13px 20px 13px; font-size: .8rem; font-weight: bold; display: inline-block; text-transform: uppercase; text-decoration: none;  letter-spacing: 0.2rem; position: relative; }
.main-nav ul li a:hover { text-decoration: underline; }
.scrolled .main-nav ul li a { color: #333; }
.menu > li.active > a { background: transparent; text-decoration: underline;  }
.main-nav ul li:hover:not(.has-form) > a { background: transparent; }
.main-nav .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) { background: transparent; }
.submenu { border: 0; }
ul.submenu { text-align: left; padding-bottom: 1rem; }
ul.submenu li a { color: #333; text-transform: none; letter-spacing: 0; }
.submenu > li.active > a { color: #333;  }
.dropdown .is-dropdown-submenu a { padding: 1rem 2.5rem 1rem 1rem; }
.dropdown.menu .has-submenu.is-down-arrow > a::after { border-color: #fff transparent transparent; position: absolute; right: 8px; top: 17px; }
.shop-link-ext:after { font-family: "freiundgleich_icons"; content: '\f08e'; color: #fff; margin-left: -10px; font-size: 0.9rem; position: absolute; top: 8px; } /* '' */

/* Main Naviagtion White */
.post-type-archive-tribe_events, .single-tribe_events,
.post-type-archive-tribe_events .site-header, .single-tribe_events .site-header,
.post-type-archive-tribe_events .main-nav ul li a, .single-tribe_events .main-nav ul li a,
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { border-color: #ffffff80 transparent transparent; right: 8px, top -2px; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent:hover > a::after { border-color: #ffffff transparent transparent; right: 8px, top -2px; }
.dropdown.menu .is-active > a { color: #fff; }
/* Main Naviagtion With White Background */
.page-id-3, .page-id-6, .page-id-11, .post-type-archive-tribe_events, .single-tribe_events { padding-top: 60px; }
.page-id-3 .site-header, .page-id-6 .site-header, .page-id-11 .site-header, .post-type-archive-tribe_events .site-header, .single-tribe_events .site-header{ background-color: #fff;  }
.page-id-3 .main-nav ul li a, .page-id-6 .main-nav ul li a, .page-id-11 .main-nav ul li a, .post-type-archive-tribe_events .main-nav ul li a, .single-tribe_events .main-nav ul li a { color: #333; }
.page-id-3 .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after,
.page-id-6 .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after,
.page-id-11 .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after,
.post-type-archive-tribe_events .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after,
.single-tribe_events .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { border-color: #33333380 transparent transparent; }
.page-id-3 .dropdown.menu .is-active > a, 
.page-id-6 .dropdown.menu .is-active > a, 
.page-id-11 .dropdown.menu .is-active > a, 
.post-type-archive-tribe_events .dropdown.menu .is-active > a, 
.single-tribe_events .dropdown.menu .is-active > a,
.page-id-3 .socialIcon, .page-id-6 .socialIcon, .page-id-11 .socialIcon, .post-type-archive-tribe_events .socialIcon, .single-tribe_events .socialIcon { color: #333; }

/* Mobile Overlay Naviagtion  */
.menuIcon { float: right; width: 50px; height: 50px; margin: 10px 25px 0 0; cursor: pointer; }
.menuIcon span { width: 100%; height: 5px; background-color: #333; margin: 9px 0; border-radius: 10px; display: block; }
.overlay { display: none; height: 100%; width: 100%; position: fixed; z-index: 2; left: 0; top: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-x: hidden; }
.overlay-content { position: relative; top: 10%; width: 100%; text-align: center; margin-top: 30px; }
.overlay a { padding: 8px; text-decoration: none; font-size: 2rem; color: #818181; display: block; transition: 0.3s; }
.overlay a:hover, .overlay a:focus, .overlay ul.submenu li a:hover { color: #f1f1f1; }
.overlay .active a, .overlay ul.submenu li.active > a { color: #fff; }
.overlay .closebtn { position: absolute; top: 0; right: 35px; font-size: 80px; line-height: 1; }
.overlay ul.submenu { text-align: center; margin-top: -8px; }
.overlay ul.submenu li a { color: #666; font-size: 1.4rem; line-height: 1.6rem; text-transform: none; letter-spacing: 0; }

/* Footer Utility Naviagtion */
.footer-utility-nav { width: 100%; }
.footer-utility-nav ul { margin: 0; display: inline-block; list-style: none; }
.footer-utility-nav ul li { float: left; padding: 4px 10px; list-style: none; }
.footer-utility-nav ul li a { color: #333; }


/*---------------- CONTENT--------------- */
.container { margin: 25px auto; }
.post-meta { color: #999; }
.post-meta .author { padding-right: 30px; }
.post-meta span.author, .post-meta span.comment-count, .post-meta time { font-size: 0.8rem; line-height: 1.1; margin: 2px 0 0; }
.post-category { height: 20px; width: 100%; }
.post-category a { color: #999; display: block; float: left; font-size: 0.8rem; line-height: 1.1;  margin: 1px 6px 4px 0; }
article .entry-content { padding-bottom: 90px; }

/* HOMEPAGE */
.home h2 { font-size: 1.6rem; line-height: 2.2rem; color: #00c366; margin: 3rem 0 1.2rem 0; text-transform: uppercase; letter-spacing: 0.1rem; }
.home .entry-content { padding-top: 40px; }

.portraitArea.row { max-width: 70rem; }
.portraitArea article a { min-height: 190px; margin-bottom: 25px; display: flex; align-items: center; position: relative; justify-content: center; flex-wrap: wrap; }
.portraitArea article a .flexWrap { display: flex; align-items: center; position: relative; justify-content: center; flex-wrap: wrap; }
.portraitArea article a .icon-play { position: absolute; font-size: 2.4rem; color: #fff; border: 3px solid #fff; border-radius: 50%; width: 60px; height: 60px; line-height: 1; padding: 6px 0 0px 10px; }
.portraitArea article a .portraitMoreLink { color: #333; text-align: center; opacity: 0; z-index: 1; transition: all 200ms ease-in 0s; }
.portraitArea article img { object-fit: cover; object-position: center;  transition: all 200ms ease-in 0s; }
.portraitArea h3 { font-size: 1.4rem; max-width: 230px; margin: 0 auto; }
.portraitArea article a:hover img::after { background-color: #fff; }
.portraitArea article a:hover .flexWrap { background-color: rgba(255,255,255,0.8); width: 100%; height: 190px; }
.portraitArea article a:hover .icon-play { opacity: 0; }
.portraitArea article a:hover .portraitMoreLink { opacity: 1; }

.home .eventsArea { background-color: #f6f6f6; padding: 5px 0 0 0; }
.home .eventsArea ul, .eventlist ul, .rev_slider > ul { margin: 0 0 1.7rem 0; max-width: none; list-style: none; }
.home .event-wrapper .event-info-wrap .event-category,
.home .event-wrapper .event-info-wrap .event-date,
.home .event-wrapper .event-info-wrap .event-location,
.home .event-wrapper .event-info-wrap .event-time { opacity: 0; color: #333; }
.home .event-wrapper:hover .event-info-wrap .event-title,
.home .event-wrapper:hover .event-info-wrap .event-category,
.home .event-wrapper:hover .event-info-wrap .event-date,
.home .event-wrapper:hover .event-info-wrap .event-location,
.home .event-wrapper:hover .event-info-wrap .event-time { opacity: 1; color: #fff; }
.home .event-wrapper .event-image { opacity: 1; }
.home .event-wrapper:hover .event-image { opacity: 0.1; }
.home .aktionMore { text-decoration: underline; }
.home p.teaserText, .page-template-page-events p.teaserText { font-size: 1.4rem; max-width: 700px; margin: 0 auto 3.6rem auto; line-height: 1.4; text-align: center; }

/* VIDEO POST */
.featured-media iframe { height: 100%; width: 100%; }

/* AUDIO POST */
#audio-player { height: 50px; width: 100%; }
.featured-media-audio { height: 147px; margin: 0 15px 10px 0; overflow: hidden; position: relative; width: 245px; }
.post-audio { position: absolute; bottom: 0; width: 100%; }
.single .featured-media-audio, .first-post .featured-media-audio { height: 50px; margin: 0 0 10px; overflow: hidden; position: relative; width: 100%; }
.single .post-audio, .first-post .post-audio {  }

/* SINGLE POST */
.single .category-content, .single .category-content img { height: 150px; }
.single .category-content p { color: #fff; }
.single .post-meta { border-top: 1px solid #e3e3e3; padding: 7px 0 11px 0; }
.single .featured-media { width: 100%; height: 400px; overflow: hidden; position: relative; }
.single .featured-media span { position: absolute; color: #00c366; font-size: .8rem; top: 365px; right: 25px; z-index: 1; }
.single .featured-media img { min-width: 100%; object-fit: cover; object-position: center; }
.single .featured-media .featured-media-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.single .entry-content { margin: 25px 0; }
.single .entry-content img { max-width: 100%; }
.single .post header, .page header  { margin-bottom: 0; }

/* PAGE */
.page header{ text-align: center; }
.page .page-category { margin: 2.4rem 0 0.6rem 0; font-weight: bold; color: #00c366; text-transform: uppercase; letter-spacing: 0.15rem; }
.page .featured-media { min-height: 75px; max-height: 135px; overflow: hidden; width: 100%; position: relative; }
.page .featured-media span { position: absolute; color: #eee; font-size: .8rem; bottom: 5px; right: 25px; }
.page .featured-media img { min-width: 100%; min-height: 110px; }

/* PORTRAIT PAGE */
.portraitArea { margin-bottom: 65px; }
.portraitArea article:last-of-type.large-4, .portraitArea article:last-of-type.medium-4 { margin-left: 33.3333%;; }
.page-template-page-portraits .portraitArea { margin: 35px 0 50px 0; }
.page-template-page-portraits article a { display: flex; align-items: center; position: relative; justify-content: center; flex-wrap: wrap; }
.page-template-page-portraits article img { object-fit: cover; object-position: center;  transition: all 200ms ease-in 0s; }
.page-template-page-portraits h2 { color: #333; font-size: 2.4rem; opacity: 0; position: absolute; width: 100%; z-index: 1; transition: all 200ms ease-in 0s; }
.page-template-page-portraits article a:hover img { opacity: 0.2; }
.page-template-page-portraits article a:hover h2 { opacity: 1; }
.single-portrait .featured-media { width: 100%; height: 400px; overflow: hidden; position: relative; display: flex; }
.single-portrait .allPortaits { text-align: center; width: 100%; display: inline-block; text-decoration: underline; }
.single-portrait .allPortaits:hover { text-decoration: none; }


/*---------------- CPT AKTIONEN --------------- */
.single-event h1 { margin: 1.3rem 0 1.7rem 0; }
.event-wrapper { background: #00c366; overflow: hidden; height: 20vw; text-align: center; position: relative; }
.event-wrapper h3 { text-shadow: 0 0 0.5em #0002, 0 0 0.5em #0002, 0 0 0.5em #0002; font-size: 1.6rem; margin: 1.2rem;  }
.event-wrapper .event-info-wrap { display: flex; height: 100%; padding: 0 1.2rem; align-items: center; flex-direction: column; flex-wrap: wrap; justify-content: center; position: absolute; width: 100%; }
.event-wrapper .event-info-wrap .event-title { color: #fff; max-width: 500px; transition: all 200ms ease-in 0s; }
.event-wrapper .event-info-wrap .event-category,
.event-wrapper .event-info-wrap .event-date,
.event-wrapper .event-info-wrap .event-time,
.event-wrapper .event-info-wrap .event-location,
.event-wrapper .event-info-wrap .event-venue { opacity: 0; color: #333; transition: all 200ms ease-in 0s; }
.event-wrapper:hover .event-info-wrap .event-title,
.event-wrapper:hover .event-info-wrap .event-category,
.event-wrapper:hover .event-info-wrap .event-date,
.event-wrapper:hover .event-info-wrap .event-time,
.event-wrapper:hover .event-info-wrap .event-location,
.event-wrapper:hover .event-info-wrap .event-venue { opacity: 1; color: #fff; transition: all 200ms ease-in 0s; }
.event-wrapper .event-image img { object-fit: cover; object-position: center; width: 100%; transition: all 200ms ease-in 0s; }
.event-wrapper .event-image { opacity: 1; }
.event-wrapper:hover .event-image { opacity: 0.1; }
.publikation .event-wrapper .event-date, .publikation .event-wrapper .event-time, .event_category-publikation .event-time-wrap { visibility: hidden; }
.bildungsmaterial .event-wrapper .event-date, .bildungsmaterial .event-wrapper .event-time, .event_category-bildungsmaterial .event-time-wrap { visibility: hidden; }
.oekofaire-textilien-zum-bestellen .event-wrapper .event-date, .oekofaire-textilien-zum-bestellen .event-wrapper .event-time, .event_category-oekofaire-textilien-zum-bestellen .event-time-wrap { visibility: hidden; }
.event-template-default article header { text-align: center; } 
.event-template-default article header .event-category { font-size: 1rem; color: #00c366; font-weight: bold; margin: 3.4rem 0 1rem 0; text-transform: uppercase; letter-spacing: 0.2rem; }
.nextAktion { width: 100%; height: 300px; overflow: hidden; text-align: center; background: #00c366; display: flex; align-items: center; position: relative; }
.nextAktion img { object-fit: cover; object-position: center; opacity: 0.1; width: 100vw; transition: all 200ms ease-in 0s; }
.nextAktion:hover img { opacity: 1; }
.nextAktion a .nextLink { color: #333; position: absolute; text-align: center; width: 100%; top: 28%; font-size: 1.9rem; font-weight: bold; transition: all 200ms ease-in 0s; }
.nextAktion a .nextTitle, .nextAktion a .nextMore { font-size: 0.8rem; font-weight: normal; padding: 10px 0;text-transform: uppercase; letter-spacing: 0.1rem; }
.nextAktion a .nextMore { text-decoration: underline;  }
.nextAktion:hover .nextLink { color: #fff; }
.past-event .event-wrapper { background: #00c366; }
.past-event .event-wrapper .event-image img { }


/*---------------- EVENTS PLUGIN --------------- */

.tribe-events-schedule h2 { margin: 0 !important; }
.tribe-events-schedule { align-items: center; justify-content: center; }
.tribe-events-widget-events-list__header { margin: 0 !important; }
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6 { border-bottom: 1px dotted #999; color: #fff; padding: 10px !important; text-align:left; }
.tribe-events-widget-events-list__events { border-bottom: 1px dotted #999 !important; padding: 25px 0 !important; }
.tribe-events-widget-events-list__events:hover { background: #efefef; }
.tribe-events-widget-events-list__events:hover .tribe-events-widget-events-list__event-date-tag-datetime { background: #fff; }
.tribe-events-widget-events-list__event-date-tag-datetime { background: #efefef; padding: 20px !important; margin-left: 20px !important; min-width: 90px; }
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__container, .tribe-block__events-link .tribe-events .tribe-events-c-subscribe-dropdown__container { margin: 0 auto; }
.tribe-events-meta-group .tribe-events-single-section-title { margin-top: 0; text-align: left;}
.tribe-events-event-meta.primary, .tribe-events-event-meta.secondary { width:50%; }
.home .tribe-events-widget-events-list__view-more { display:none; }
.home .tribe-common h3 { text-align: left; margin-left: 65px; }


/*---------------- FOOTER --------------- */
.site-footer { background: #ddd; font-size: 0.9rem; padding: 40px 30px 75px 30px; text-align: center; }
.site-footer-title { letter-spacing: 0.01rem; font-weight: bold; }
.partner-area { width: 100%; }
.partner-area h3 { font-size: 0.9rem; letter-spacing: 0.02rem; margin: 20px 0 5px 0; line-height: 1.8; font-weight: normal; }
.partner-area a img { max-width: 300px; margin: 5px 10px 20px 10px; filter: grayscale(100%); }
.partner-area a img.konzeption { max-width: 150px; margin: 5px 10px 20px 10px; }
.partner-area a img.konzeption2 { max-width: 150px; margin: 20px 10px 19px 10px; }
.partner-area a img:hover { filter: grayscale(0%); }


/*---------------- SEARCHFORM & SEARCH & BUTTONS & FORMELEMENTS --------------- */
button, .button { background-color: transparent; color: #00c366; margin: 0 auto; border-color: #00c366; border-radius: 5px; margin: 0px auto; display: block; }
button:hover, button:focus, .button:hover, .button:focus, .wp-block-button__link:hover { background-color: #00c366;  color: #fff; }
.wp-block-button.is-style-outline:hover a { background-color: #00c366; color: #fff; }


.button.primary { background-color: #00c366; }
.button.primary:hover, .button.primary:focus { background-color: #fff; color: #00c366; }
input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="search"], input[type="url"], textarea { background-color: #fff;  border-color: #e4e4e4;  border-style: solid;  border-width: 1px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;  color: rgba(0, 0, 0, 0.75); font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem; padding: 0.5rem; width: 100%; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus { background: none repeat scroll 0 0 #fafafa; border-color: #999; box-shadow: none; outline: medium none; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus { border-color: #999; box-shadow: none; }
fieldset { min-height: 75px; }


/*---------------- Fix for Chrome background video autoplay --------------- */
.rs-background-video-layer iframe { visibility: inherit !important; }


/*----------------  SHORTCODES --------------- */

/* AUTHOR INFO SHORTCODE */
.authorinfo { margin: 0 20px 20px 0; padding: 4px; width: 190px; }
.authorinfo h3 { font-size: 0.9rem; font-weight: bold; }
.authorinfo p  { color: #999; font-size: 0.8rem; margin: 0 0 5px; }
.authorinfo img { margin: 0 0 10px 0; }
.authorinfo a { font-size: 0.9rem; }

/* INFO BOX SHORTCODE */
.info-box { background: #f5f5f5; margin: 0 20px 20px 0; padding: 10px; width: 190px; }
.info-box h3 { font-size: 0.8rem; font-weight: bold; margin: 0 0 5px; }
.info-box p { font-size: 0.8rem; margin: 0 0 5px; }


/*---------------- RESPONSIVNESS --------------- */

@media only screen and ( max-width: 1024px ) {
  h1 { font-size: 2.0rem; }
  .single-event h1 { margin: 1rem 30px 1.7rem 30px; }
  .event-wrapper h3, .home p.teaserText, p:first-child { font-size: 1.3rem; }
  .socialIcon { float: none; }
}

@media only screen and ( max-width: 642px ) {
    .entry-content { padding-right: 20px; padding-left: 20px; }
  .home .eventsArea article a, .event-wrapper { height: 60vw; }
  .event-wrapper h3, .home p.teaserText, p:first-child { font-size: 1.2rem; }
  h1 { font-size: 1.6rem; }
  .footer-utility-nav ul li { float: none; }
  .single .featured-media { height: 200px; }
  .portraitArea article:last-of-type.columns { margin: 0; }
  .portraitArea article a { margin-bottom: 20px; }
  .nextAktion { height: 260px; }
}

/* Hack for Internet Explorer, uargh... */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .single-portrait .featured-media { display: block; }
   .single .featured-media img { position: absolute; top: -50%; }
   .portraitArea h3 { min-height: 190px; padding: 17% 0; }
   .portraitArea article a .icon-play { top: 35%; left: 40%; }
}