/*
Theme Name: BAG RelEX
Theme URI:
Author: Chrsitian Ladewig | STAUB Werbeagentur GmbH
Author URI: https://www.staub-berlin.de
Description: Wordpress Theme for BAG RelEX.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: bagrelex
Text Domain: bagrelex

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,
strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var {margin:0;padding:0;border:0;outline:0;font-size:100%;font-family:'Lato',Arial, Helvetica, sans-serif;letter-spacing:0; }
:focus { outline:0; } body{font-size:10px;line-height:1;color:#8e8e8e;background:#fff; } ol,ul{list-style:none; } blockquote:after,blockquote:before,q:after,q:before {content:""; } blockquote,q{quotes:"" ""}
* { font-variant-ligatures: none; }
html { overflow-x:hidden; }
* { -webkit-font-feature-settings: "liga" 0, "dlig" 0; }
* {	-webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; }
html{overflow:-moz-scrollbars-vertical;overflow-y:scroll} .nodisplay{display:none} .clear, .c { clear:both; float:none; } .clearr, .cr { clear:right; float:none; } .clearl, .cl { clear:left; float:none; }
html, body { margin:0; padding:0; height:100%; width:100%; font-family:'Lato',sans-serif; background:#fff; position:relative; }
html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: 400; }

@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

.vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill + .vc_section, .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section { padding-top:0 !important; }

#content-wrapper { background:#fff; position:relative; z-index:2; }

.cookie-notice-hidden { display:none !important; }

.termin-anchor { position:absolute; margin-top:-150px; }

body.page-template-page-home header { position:absolute; top:0; left:0; right:0; width:100%; z-index:100; }
  body.page-template-page-home header .inner { width:100%; max-width:1200px; margin:0 auto; padding-top:0px; border-bottom:0px solid red; }
    body.page-template-page-home header .inner .header-row::after { content:""; clear:both; display:table; }
    body.page-template-page-home header .inner .header-row .brand { width:200px; height:auto; display:block; float:left; padding-top:18px; }
    body.page-template-page-home header .inner .header-row .brand img { width:100%; height:auto; display:block; }

    .header-white { position:fixed; top:0; left:0; right:0; width:100%; z-index:100; background:#fff; transform:translateY(-100%); transition:transform 300ms ease; display:none; }
    .header-white.show { transform:translateY(0%); display:block; }
      .header-white .inner { width:100%; max-width:1200px; margin:0 auto; padding-top:0px; border-bottom:0px solid red; }
        .header-white .inner .header-row::after { content:""; clear:both; display:table; }
        .header-white .inner .header-row .brand { width:200px; height:auto; display:block; float:left; padding-top:18px; }
        .header-white .inner .header-row .brand img { width:100%; height:auto; display:block; }

      body.page-template-page-anmelden2 .header-white,body.page-template-page-anmelden .header-white, body.page-template-default .header-white, body.single .header-white, body.page-template-page-text .header-white, body.page-template-page-text-medium .header-white { transform:translateY(0%); display:block; }
      body.page-template-page-anmelden2 header,body.page-template-page-anmelden header, body.page-template-default header, body.page-template-page-text-medium header, body.single header, .page-template-page-text header { display:none; }


.single-head { height:40px; background:url(/wp-content/uploads/2018/10/BAGRelEx-04.jpg) no-repeat center center; background-size:cover; }

.footer-slider h1 { font:400 30px/1.3em 'Roboto Slab',serif; color:#fff; text-align:center !important; letter-spacing:0.01em; }
.footer-slider > span { font:400 30px/1.3em 'Roboto Slab',serif; color:#fff; text-align:center !important; letter-spacing:0.01em; }
.footer-slider h1 span { font:300 15px/1.3em 'Lato',sans-serif; color:#fff; display:inline-block; padding-left:2em; letter-spacing:0.05em; }
.footer-slider h2 { font:400 30px/1.3em 'Roboto Slab',serif; color:#fff; text-align:center !important; letter-spacing:0.01em; }
.footer-slider > span { font:400 30px/1.3em 'Roboto Slab',serif; color:#fff; text-align:center !important; letter-spacing:0.01em; }
.footer-slider h2 span { font:300 15px/1.3em 'Lato',sans-serif; color:#fff; display:inline-block; padding-left:2em; letter-spacing:0.05em; }

.text-slider h1 { font:400 30px/1.3em 'Roboto Slab',serif; color:#fff; text-align:center !important; letter-spacing:0.02em; }
.text-slider h1 span { font:300 15px/1.3em 'Lato',sans-serif; color:#fff; display:inline-block; padding-left:2em; letter-spacing:0.05em; }
.text-slider p { font:400 17px/1.3em 'Lato',sans-serif; color:#fff; display:inline-block; margin-top:2em; letter-spacing:0.05em; }


.navigation { margin-left:220px; padding-right:20px; position:relative; }


#navigation ul, #navigation-white ul { margin:0 0 0 auto; display:table; }
  #navigation ul li, #navigation-white ul li { display:inline-block; padding:0 20px 0px 20px; position:relative; }
    #navigation ul li a, #navigation-white ul li a { display:inline-block; color:#fff; font:600 18px/1.5em 'Lato',sans-serif; text-decoration:none; padding:0; letter-spacing:0.05em; }
    #navigation > ul > li  > a, #navigation-white > ul > li > a { padding-bottom:10px; }
    #navigation ul li:hover a, #navigation-white ul li:hover a { opacity:0.8; }
  #navigation ul li ul, #navigation-white ul li ul { display:block; left:0; position:absolute; height:0; overflow:hidden; opacity:0; }
    #navigation ul li ul li, #navigation-white ul li ul li { display:block; position:relative; padding:10px 17px; margin-top:1px; background:#fff; }
      #navigation ul li ul li a, #navigation-white ul li ul li a { display:block; font:400 16px/1em 'Lato',sans-serif; text-decoration:none; color:#333; white-space:nowrap; }
      #navigation ul li ul li a:hover, #navigation-whtie ul li ul li a:hover { color:#e18c00; }


      #navigation-white ul > li > a { color:#333; position:relative; }
      #navigation-white > ul > li.current-menu-item > a:after, #navigation-white > ul > li.current-menu-parent > a:after { height:2px; background:#e18c00; position:absolute; bottom:10px; margin-top:0px; left:-2px; right:-2px; display:block; content:""; }
      #navigation-white ul > li:hover > a { color:#e18c00; opacity:1; }
      #navigation-white ul li ul li { box-shadow:1px 1px 5px 0px rgba(0,0,0,.15); }
      #navigation > ul > li:last-child { padding-right:0; }
      #navigation-white > ul > li:last-child { padding-right:0; }


.top-menu-container { position:relative; padding-right:90px; }

#topmenu, #topmenu-white { margin-bottom:15px; padding-top:20px; }
#topmenu ul, #topmenu-white ul { margin:0 0 0 auto; display:table; }
  #topmenu ul li, #topmenu-white ul li { display:inline-block; padding:0 14px; position:relative; }
    #topmenu ul li a, #topmenu-white ul li a { display:inline-block; color:#fff; font:600 13px/14px 'Lato',sans-serif; text-decoration:none; padding:0; letter-spacing:0.05em; }
    #topmenu ul li:hover a, #topmenu-white ul li:hover a { opacity:0.8; }
  #topmenu ul li ul, #topmenu-white ul li ul { display:none; left:0; position:absolute; }
    #topmenu ul li ul li, #topmenu-white ul li ul li { display:block; position:relative; padding:10px 17px; margin-top:1px; background:#fff; }
      #topmenu ul li ul li a, #topmenu-white ul li ul li a { display:block; font:400 13px/1em 'Lato',sans-serif; text-decoration:none; color:#333; white-space:nowrap; }
      #topmenu ul li ul li a:hover, #topmenu-whtie ul li ul li a:hover { color:#e18c00; }

      #topmenu-white ul > li > a { color:#333; position:relative; }
      #topmenu-white > ul > li.current-menu-item > a:after, #topmenu-white > ul > li.current-menu-parent > a:after { height:2px; background:#e18c00; position:absolute; top:50%; margin-top:10px; left:-2px; right:-2px; display:block; content:""; }
      #topmenu-white ul > li:hover > a { color:#e18c00; opacity:1; }
      #topmenu-white ul li ul li { box-shadow:1px 1px 5px 0px rgba(0,0,0,.15); }


#navigation-white .menu-item-has-children:hover .sub-menu, #navigation .menu-item-has-children:hover .sub-menu, #navigation-white .menu-item-has-children:focus-within .sub-menu, #navigation .menu-item-has-children:focus-within .sub-menu { display:block !important; opacity:1; height:auto; overflow:auto; }

.form-error-output { display:none; position:absolute; color:#ff0000 !important; font:300 12px/1em 'Lato',sans-serif; white-space:nowrap; left:0; top:28px; }
.form-error-output-1, .form-error-output-2 { position:relative; top:0; left:0; transform:translateY(-0px); }


.bluesky { width:20px; height:20px; position:absolute; right:60px; top:16px; }
.bluesky img { height:auto; width:24px; }

.twitter { width:20px; height:20px; position:absolute; right:0; top:17px; }
.twitter img { height:auto; width:20px; }

.youtube { width:20px; height:20px; position:absolute; right:30px; top:17px; }
.youtube img { height:auto; width:20px; }

    .single-page-text .wpb_text_column li a { font:inherit; text-decoration:none; color:#e18c00; }
    .single-page-text .wpb_text_column li a:hover { font:inherit; text-decoration:none; color:#000; }

  .category_description_wrapper { max-width:700px; width:100%; margin:0 auto !important; }
    .category_description_inner { padding:50px 0 35px 0; }
    .category_description_inner h1 { color:#000; font:400 30px/1.45em 'Roboto Slab',serif; letter-spacing:0.01em; margin-bottom:20px; }
    .category_description_inner p { color:#000; font:400 15px/1.50em 'Lato',sans-serif; letter-spacing:0.01em }
    .category_description_inner p a { font:inherit; letter-spacing:inherit; color:#e18c00; text-decoration:none; }

  section:not(.single-post) > .vc_row:not(.filter):not(.fullwidth), section.single-post { width:100%; max-width:1200px; padding-left:0 !important; padding-right:0 !important; margin:0 auto !important; }

  section.single-post { max-width:700px; padding-top:140px; margin:0 auto; }
  .single-page-text { max-width:700px; padding-top:0px; margin:0 auto; }
  body.page-template-page-text-medium .single-page-text { max-width:1200px; padding-top:0px; margin:0 auto; }

  .section-medium section { max-width:1200px; }

.h1ish { display:block; color:#000; font:400 30px/1.45em 'Roboto Slab',serif; letter-spacing:0.02em; margin-top:100px; margin-bottom:1em !important; }
.h2ish { display:block; color:#000; font:400 25px/1.45em 'Roboto Slab',serif; letter-spacing:0.02em; margin-top:100px; margin-bottom:1em !important; }
.h0ishm { display:block; color:#000; font:400 40px/1.45em 'Roboto Slab',serif; letter-spacing:0.02em; margin-bottom:1em !important; }
.h1ishm { display:block; color:#000; font:400 30px/1.45em 'Roboto Slab',serif; letter-spacing:0.02em; margin-bottom:1em !important; }
.h2ishm { display:block; color:#000; font:400 25px/1.45em 'Roboto Slab',serif; letter-spacing:0.02em; margin-bottom:1em !important; }
.h3ishm { display:block; color:#000; font:400 20px/1.45em 'Roboto Slab',serif; letter-spacing:0.02em; margin-bottom:1em !important; }
.h4ishm { display:block; color:#000; font:400 18px/1.45em 'Roboto Slab',serif; letter-spacing:0.02em; margin-bottom:1em !important; }

.text-white * { color:#fff !important; }

  .section-head h1 { color:#000; font:400 45px/1.45em 'Roboto Slab',serif; letter-spacing:0.02em; margin-top:100px; margin-bottom:40px !important; }
  .section-head h2 { color:#000; font:400 45px/1.45em 'Roboto Slab',serif; letter-spacing:0.02em; margin-top:100px; margin-bottom:40px !important; }
.section-h1ish { display:block; color:#000; font:400 45px/1.45em 'Roboto Slab',serif; letter-spacing:0.02em; margin-top:100px; margin-bottom:40px !important; }
.section-h2ish { display:block; color:#000; font:400 45px/1.45em 'Roboto Slab',serif; letter-spacing:0.02em; margin-top:100px; margin-bottom:40px !important; }

  .news-item-grid { margin-left:-15px; margin-right:-15px; position:relative; display:flex; }
    .news-item-grid::after { content:""; display:table; clear:both; }
    .news-item-grid .news-item-box { width:33.33333%; display:flex; padding:0 15px; box-sizing:border-box; }
    .news-item-grid .news-item-box > div { width:100%; height:100%; background:#fff; box-sizing:border-box; padding:20px 20px 40px 20px; position:relative; cursor:pointer; box-shadow:3px 5px 8px 2px rgba(0,0,0,.0); transition:box-shadow 200ms ease; }
    .news-item-grid .news-item-box > div:hover { box-shadow:3px 5px 8px 2px rgba(0,0,0,.1); }
    .news-item-grid .news-item-box > div .title { font:400 30px/1.20em 'Roboto Slab',serif; color:#e18c00; margin-top:5px; margin-bottom:25px; display:block; }
    .news-item-grid .news-item-box > div .title a { color:inherit; font:inherit; text-decoration:none; }
    .news-item-grid .news-item-box > div .date { font:300 12px/1.3em 'Lato',sans-serif; color:#828282; }
    .news-item-grid .news-item-box > div p { font:300 15px/1.5em 'Lato',sans-serif; color:#000; padding-bottom:40px; }
    .news-item-grid .news-item-box > div a.read-more-link { font:400 14px/1.5em 'Lora',serif; font-style:italic; color:#e18c00; display:block; position:absolute; right:20px; bottom:30px; text-decoration:none; }
    .news-item-grid.complete-grid { display:block; }
    .news-item-grid.complete-grid .news-item-row { display:flex; margin-bottom:30px; }
    .news-item-grid.complete-grid .news-item-row:last-child { margin-bottom:0px; }



    #menu-aktuelles { display:table; margin:0 auto; padding:15px 0; }
    #menu-aktuelles li { display:inline-block; margin:0 15px; }
    #menu-aktuelles li a { font:400 12px/1em 'Lato',sans-serif; color:#000; text-decoration:none; position:relative; text-transform:uppercase; letter-spacing:0.05em; }
    #menu-aktuelles li a:hover span { height:2px; background:#e18c00; position:absolute; bottom:-5px; left:-4px; right:-4px; display:block; }
    #menu-aktuelles li.current-menu-item a span { height:2px; background:#e18c00; position:absolute; bottom:-5px; left:-4px; right:-4px; display:block; }
    #menu-aktuelles li.current-menu-item a span::after { height:6px; background:#e18c00; width:2px; position:absolute; bottom:0px; left:-2px; display:block; content:""; }
    #menu-aktuelles li.current-menu-item a span::before { height:6px; background:#e18c00; width:2px; position:absolute; bottom:0px; right:0px; display:block; content:""; }



    .webinare_grid { padding:100px 0; margin-left:-15px; margin-right:-15px; }
    .webinare_grid::after { content:""; display:table; clear:both; float:none; }
    .webinare_col_30 { float:left; width:33.33333%; margin-bottom:100px; }
    .webinare_col_full { margin-bottom:100px; }
    .webinare_inner { padding:0 15px; }
	.webinare_grid .webinare_row { display:grid; grid-template-columns:1fr 1fr; grid-column-gap:40px; grid-row-gap:50px; }
.mediathek-item a { text-decoration:none; }
.mediathek-item-description { padding-top:25px; }
.mediathek-date { display:block; font:300 12px/1.3em 'Lato',sans-serif; color:#828282; margin-bottom:5px; }
.mediathek-desc { display:block; font:400 14px/1.3em 'Lato',sans-serif; color:#000; margin-bottom:0px; }
.mediathek-title { display:block; color:#000; font:400 20px/1.25em 'Roboto Slab',serif; letter-spacing:0.02em; margin-bottom:20px !important; }
.video-dsgvo-hinweis { background:#e18c00; color:#fff; font:400 11px/1.3em 'Lato',sans-serif; }

    .pagination { display:table; margin:0 auto;}
    .page-numbers { display:none; }
    .page-numbers.next { display:inline-block; font:400 14px/1.5em 'Lora',serif; font-style:italic; color:#e18c00; text-decoration:none; margin:0 15px; }
    .page-numbers.prev { display:inline-block; font:400 14px/1.5em 'Lora',serif; font-style:italic; color:#e18c00; text-decoration:none; margin:0 15px; }

    /* .publikation_grid { padding:100px 0; margin-left:-25px; margin-right:-25px; } */
    .publikation_grid { padding:100px 0;  }
    .publikation_row { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-row-gap:50px; }
    .publikation_grid::after { content:""; display:table; clear:both; float:none; }
    /* .publikation_col_30 { float:left; width:25%; margin-bottom:50px; } */
    .publikation_inner { padding:0 25px; }
    .publikation_inner p { text-align:center; }
    .publikation_inner p a { font:700 15px/1.7em 'Lato',sans-serif; color:#000; letter-spacing:0.014em; text-align:center; text-decoration:none; }
    .publikation_inner p a span { font:400 15px/1.7em 'Lato',sans-serif; color:#e18c00; letter-spacing:0.014em; text-align:center; text-decoration:none; }

    .filter-navigation { display:table; margin:0 auto; padding:15px 0; }
    .filter-navigation li { display:inline-block; margin:0 15px; }
    .filter-navigation li a { font:400 12px/1em 'Lato',sans-serif; color:#000; text-decoration:none; position:relative; text-transform:uppercase; letter-spacing:0.05em; }
    .filter-navigation li a:hover span { height:2px; background:#e18c00; position:absolute; bottom:-5px; left:-4px; right:-4px; display:block; }
    .filter-navigation li.active a span { height:2px; background:#e18c00; position:absolute; bottom:-5px; left:-4px; right:-4px; display:block; }
    .filter-navigation li.active a span::after { height:6px; background:#e18c00; width:2px; position:absolute; bottom:0px; left:-2px; display:block; content:""; }
    .filter-navigation li.active a span::before { height:6px; background:#e18c00; width:2px; position:absolute; bottom:0px; right:0px; display:block; content:""; }


    .subnavigation { display:table; margin:0 auto; padding:15px 0; }
    .subnavigation li { display:inline-block; margin:0 15px; }
    .filter-navigation li a { font:400 12px/1em 'Lato',sans-serif; color:#000; text-decoration:none; position:relative; text-transform:uppercase; letter-spacing:0.05em; }
    .filter-navigation li a:hover span { height:2px; background:#e18c00; position:absolute; bottom:-5px; left:-4px; right:-4px; display:block;  }
    .filter-navigation li.active a span { height:2px; background:#e18c00; position:absolute; bottom:-5px; left:-4px; right:-4px; display:block;  }
    .filter-navigation li.active a span::after { height:6px; background:#e18c00; width:2px; position:absolute; bottom:0px; left:-2px; display:block; content:""; }
    .filter-navigation li.active a span::before { height:6px; background:#e18c00; width:2px; position:absolute; bottom:0px; right:0px; display:block; content:""; }

    .subnavigation > li { display:none; }
    .subnavigation > li > a { display:none; }
    .subnavigation > li.current-menu-item, .subnavigation > li.current-menu-parent, .subnavigation > li.current-page-ancestor, body.page-id-16 .subnavigation > li:first-child { display:inline-block !important; }
    .subnavigation > li.current-menu-item > ul, .subnavigation > li.current-menu-parent > ul, .subnavigation > li.current-page-ancestor > ul { display:inline-block !important; }
    .subnavigation .sub-menu li a { font:400 12px/1em 'Lato',sans-serif !important; color:#000; text-decoration:none; position:relative; text-transform:uppercase; letter-spacing:0.05em; }
    .subnavigation .sub-menu li a:hover span { height:2px; background:#e18c00; position:absolute; bottom:-5px; left:-4px; right:-4px; display:block;  }
    .subnavigation .sub-menu li.current_page_item a span { height:2px; background:#e18c00; position:absolute; bottom:-5px; left:-4px; right:-4px; display:block;  }
    .subnavigation .sub-menu li.current_page_item a span::after { height:6px; background:#e18c00; width:2px; position:absolute; bottom:0px; left:-2px; display:block; content:""; }
    .subnavigation .sub-menu li.current_page_item a span::before { height:6px; background:#e18c00; width:2px; position:absolute; bottom:0px; right:0px; display:block; content:""; }

#subnavigation { display:none; content:""; }

  .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
  .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus,
  .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover,
  .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
  .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,
  .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after,
  .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before { background:none !important; border:0 !important; }
  .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a, .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a { padding-left:0 !important; }
  .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a, .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a span { padding-left:0; font: 400 20px/1.30em 'Roboto Slab',serif; color:#000; letter-spacing: 0.01em; }
  .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon { right:0 !important; }

  .event-item-grid { margin-left:-15px; margin-right:-15px; position:relative; display:flex; flex-direction:row; flex-wrap:wrap; flex-flow:row wrap; align-content:flex-end;  }
    .event-item-grid::after { content:""; display:table; clear:both; }
    .event-item-grid .event-item-box { width:50%; display:flex; padding:0 15px; box-sizing:border-box; margin-bottom:30px; }
    .event-item-grid .event-item-box > div { width:100%; height:100%; box-sizing:border-box; padding:50px 50px 70px; position:relative; }
    .event-item-grid .event-item-box > div h1 { font:400 30px/1.20em 'Roboto Slab',serif; color:#fff;  }
    .event-item-grid .event-item-box > div .date { font:400 25px/1.20em 'Roboto Slab',serif; color:#fff; margin-bottom:5px;  }
    .event-item-grid .event-item-box > div .art { font:400 15px/1.40em 'Lato',sans-serif; color:#fff; margin-bottom:30px; display:block; }
    .event-item-grid .event-item-box > div p { font:400 30px/1.20em 'Roboto Slab',serif; color:#fff; margin-bottom:30px; }
    .event-item-grid .event-item-box > div .ort p { font:400 14px/1.40em 'Lato',sans-serif; color:#fff; margin-bottom:30px; }
    .event-item-grid .event-item-box > div a.read-more-link { font:400 14px/1.50em 'Lora',sans-serif; color:#fff; font-style:italic; display:block; position:absolute; right:20px; bottom:30px; text-decoration:none; }
    .event-item-grid.complete-grid { display:block; }
    .event-item-grid.complete-grid .event-item-row { display:flex; margin-bottom:30px; }
    .event-item-grid.complete-grid .event-item-row:last-child { margin-bottom:0px; }

    a.more-link { font:400 14px/1.5em 'Lora',serif; font-style:italic; color:#e18c00; display:table; text-decoration:none; margin:0 auto; text-align:center; }
    a.more-link:hover { color:#000; }



    article.event-list-item-box { display:block; padding-bottom:100px; border-bottom:1px solid #eee;  max-width:700px; margin-left:auto; margin-right:auto; margin-bottom:100px; }
    article.event-list-item-box span.termin-date { display:block; font:400 25px/1.20em 'Roboto Slab',serif; color:#000; letter-spacing:0.01em; margin-bottom:5px; }
    article.event-list-item-box span.termin-art { display:block; font:400 15px/1.40em 'Lato',sans-serif;color:#000; letter-spacing:0.01em; margin-bottom:30px; }
    article.event-list-item-box h1, .no-items h1 { display:block; font:400 30px/1.20em 'Roboto Slab',serif; color:#000; letter-spacing:0.01em; margin-bottom:30px; }
    .no-items h1 { text-align:center; }
    article.event-list-item-box p { display:block; font:400 15px/1.75em 'Lato',sans-serif; color:#000; letter-spacing:0.014em; margin-bottom:1.75em; }
    article.event-list-item-box p strong { font-weight:600; }
    article.event-list-item-box p a { font:inherit; text-decoration:none; color:#e18c00; }
    article.event-list-item-box p a.external-link { font:600 15px/1.40em 'Lato',sans-serif; letter-spacing:0.05em; text-decoration:none; color:#e18c00; }
    article.event-list-item-box p a.external-link:hover { color:#000; }
	article.event-list-item-box ul { list-style:disc; margin-left:18px; }
	article.event-list-item-box ul li { font:400 15px/1.75em 'Lato',sans-serif; color:#000; letter-spacing:0.014em; }
	article.event-list-item-box ul strong { font:inherit; font-weight:600; }
	article.event-list-item-box li a { font:inherit; text-decoration:none; color:#e18c00; }
    article.event-list-item-box li a.external-link { font:600 15px/1.40em 'Lato',sans-serif; letter-spacing:0.05em; text-decoration:none; color:#e18c00; }
    article.event-list-item-box li a.external-link:hover { color:#000; }
	article.event-list-item-box a:hover { color:#000; }


    section.single-post h5, .single-page-text .wpb_text_column h5 { font:400 12px/1.25em 'Lato',sans-serif; color:#9b9b9b; letter-spacing:0.01em; margin-bottom:30px; }
    section.single-post h5 a, .single-page-text .wpb_text_column h5 a { font:inherit; color:inherit; text-decoration:none; }
    section.single-post h5 a:hover, .single-page-text .wpb_text_column h5 a:hover { color:#000; }
    section.single-post h1, .single-page-text .wpb_text_column h1 { font:400 30px/1.25em 'Roboto Slab',serif; color:#000; letter-spacing:0.01em; margin-bottom:20px; }
    section.single-post h2, .single-page-text .wpb_text_column h2 { font:400 25px/1.40em 'Roboto Slab',serif; color:#000; letter-spacing:0.01em; margin-bottom:20px; }
    section.single-post h2, .single-page-text .wpb_text_column.h2-2-h1 h2 { font:400 25px/1.25em 'Roboto Slab',serif; color:#000; letter-spacing:0.01em; margin-bottom:20px; }
    section.single-post h3, .single-page-text .wpb_text_column h3 { font:400 22px/1.30em 'Roboto Slab',serif; color:#000; letter-spacing:0.01em; margin-bottom:20px; }
    .workshop-title { font:400 16px/1.30em 'Roboto Slab',serif; color:#000; letter-spacing:0.01em; margin-bottom:10px; display:block; }
    section.single-post h4, .single-page-text .wpb_text_column h4 { font:800 18px/1.375em 'Lato',serif; color:#000; letter-spacing:2px; margin-bottom:20px; text-transform:uppercase; }
    section.single-post h5, .single-page-text .wpb_text_column h5 { font:400 12px/1.6em 'Lato',serif; color:#9b9b9b; letter-spacing:0.02em; margin-bottom:20px; }
    section.single-post h6, .single-page-text .wpb_text_column h6 { font:400 12px/1.6em 'Lora',serif; font-style:italic; color:#e18c00; letter-spacing:0.02em; margin-bottom:20px; }
    section.single-post p, .single-page-text .wpb_text_column p { font:400 15px/1.7em 'Lato',sans-serif; color:#000; letter-spacing:0.014em; margin-bottom:30px; }
    section.single-post p img { max-width:100% !important; height:auto; }
    section.single-post p strong, .single-page-text .wpb_text_column p strong { font:inherit; font-weight:700; letter-spacing:0.014em; }
    section.single-post p a, .single-page-text .wpb_text_column p a, .vc_tta-panel-body a { font:inherit; text-decoration:none; color:#e18c00; }
    section.single-post li p a, .single-page-text .wpb_text_column li p a { font:inherit; text-decoration:none; color:#e18c00; }

    section.single-post p a:hover, .single-page-text .wpb_text_column p a:hover, .vc_tta-panel-body a:hover { color:#000; }
    section.single-post ol, .single-page-text .wpb_text_column ol, .vc_tta-panel-body a ol { list-style-type:decimal; padding-left:20px; margin-bottom:0px; }
    section.single-post ul, .single-page-text .wpb_text_column ul, .vc_tta-panel-body a ul { list-style-type:disc; padding-left:20px; margin-bottom:30px; }
    section.single-post ul li, .single-page-text .wpb_text_column ul li, .vc_tta-panel-body a ul li { font:400 15px/1.7em 'Lato',sans-serif; color:#000; letter-spacing:0.014em; }
    section.single-post ol li, .single-page-text .wpb_text_column ol li, .vc_tta-panel-body a ol li { font:400 15px/1.7em 'Lato',sans-serif; color:#000; letter-spacing:0.014em; }

    section.related-posts { background:#f5f7fa; padding:100px 0; }
    section.related-posts .related-posts-wrapper { max-width:1200px; margin:0 auto; }


    .header-slider h1 { font:400 40px/1.3em 'Roboto Slab',serif !important; color:#fff !important; text-align:center !important; letter-spacing:0.02em !important; }
	.header-slider > span { font:400 40px/1.3em 'Roboto Slab',serif !important; color:#fff !important; text-align:center !important; letter-spacing:0.02em !important; }
    .header-slider h1 span { font:300 15px/1.3em 'Lato',sans-serif !important; color:#fff !important; display:inline-block !important; padding-left:2em !important; letter-spacing:0.05em !important; }
span.header-h1ish { font:400 40px/1.3em 'Roboto Slab',serif !important; color:#fff !important; text-align:center !important; letter-spacing:0.02em !important; display:block; }


    .post-navigation { display:table; width:100%; margin-top:100px; margin-bottom:100px; }
    .post-navigation > div { display:table-cell; width:33.333333%; }
    .post-navigation > div.post-prev { display:table-cell; width:33.333333%; text-align:left; }
    .post-navigation > div.post-overview { display:table-cell; width:33.333333%; text-align:center; }
    .post-navigation > div.post-next { display:table-cell; width:33.333333%; text-align:right; }
    .post-navigation > div a { font:400 12px/1em 'Lora',sans-serif; text-decoration:none; color:#e18c00; font-style:italic; }
    .post-navigation > div a:hover { color:#000; }

    #footer-container { display:block; position:static; bottom:0; left:0; width:100%; z-index:1; }

    .checkbox-wrap .ninja-forms-req-symbol { display:none; }
    .nf-form-fields-required, .nf-field label { display:none; }
    .wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email] { font:400 15px/1.7em 'Lato',sans-serif; color:#000; box-sizing:border-box; width:100%; border-bottom:1px solid #e18c00; }
    .wpcf7-form-control-wrap select { font:400 15px/1.7em 'Lato',sans-serif; color:#000; box-sizing:border-box; width:100%; border:1px solid #e18c00; border-width:0 0 1px 0; outline:none; padding-left:0 !important; margin-top:5px; }
    .wpcf7-form-control-wrap select option { padding-left:0 !important }
    textarea { font:400 15px/1.7em 'Lato',sans-serif; color:#000; box-sizing:border-box; width:100%; border-bottom:1px solid #e18c00; height:1.7em; resize:none; }
    label { margin-bottom:20px !important; display:block; }
    select:invalid { color:#888; }
    .nf-field-element textarea { height:auto !important; min-height:1.7em; }
    .wpcf7-checkbox::before { width:16px; height:16px; position:absolute; border:1px solid #e18c00; display:block; content:""; top:1px; }
    .wpcf7-checkbox.checked::after { top:4px; left:3px; width:12px; height:12px; background:#e18c00; content:""; display:block; position:absolute; }
    .wpcf7-checkbox input { display:none; }
    .wpcf7-checkbox { position:relative; cursor:pointer; }
    .wpcf7-checkbox:hover::after { top:4px; left:3px; width:12px; height:12px; background:#ddd; content:""; display:block; position:absolute; }
    .dsgvo { float:left; width:25px; height:30px; }
    form p { clear:both; font:400 15px/1.7em 'Lato',sans-serif; color:#000; }
    form p a { font:inherit; color:#e18c00; text-decoration:none; }
    .wpcf7-form-control.wpcf7-submit { background:none; color:#e18c00; font:400 18px/1.50em 'Lora',sans-serif; font-style:italic; display:block; width:auto; margin-top:30px; cursor:pointer; }
    .wpcf7-not-valid-tip { position:absolute !important; font-size:11px !important; width:250px !important; }
    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border:0 !important; padding:0 !important; color:#e18c00; font:400 18px/1.50em 'Lora',sans-serif; font-style:italic; margin:0 !important; }
.workshop { margin-bottom:40px; }
.wpcf7-response-output { border:0 !important; font:400 15px/1.7em 'Lato',sans-serif; color:#000; }

.acc { color:#888; font:400 13px/1.50em 'Lato',sans-serif; letter-spacing:0.01em; padding-left:20px; position:relative; margin-bottom:20px; }
.acc input { position:absolute; left:0; top:3px; }

.anmeldung-form select, .anmeldung-form input[type=text], .anmeldung-form input[type=email] { padding-left:5px; }
.anmeldung-form ::placeholder { color:#000; }

    footer .inner { max-width:1200px; box-sizing:border-box; padding:100px 0; margin:0 auto; }
    footer .inner::after { content:""; display:table; clear:both; }
      footer .inner .footer-left, footer .inner .footer-right { width:100%; display:block; }
      footer .inner .footer-center { display:none; }
        footer .inner .textwidget p {  font:400 16px/1.40em 'Lato',sans-serif; color:#000; margin-bottom:1.5em; }
        footer .inner .textwidget p strong {  font:400 18px/1.40em 'Lato',sans-serif; }
        footer .inner .textwidget p:last-child { margin-bottom:0px; }
        footer .inner .logos { display:table; margin:0 auto; vertical-align:top; margin-bottom:100px; }
        footer .inner .logos img { max-width:200px; height:auto; display:inline-block; vertical-align:top; }
        footer .inner .logos img { margin:0 50px; }
        footer .inner .logos img:nth-child(4) { margin-top:25px; }


#cookie-notice { min-width:300px !important; width:300px !important; right:20px !important; bottom:20px !important;  left:auto !important; background:#F5F7FA !important; color:#888; padding:15px 15px !important; box-sizing:border-box; }
#cookie-notice > div { background:#F5F7FA; color:#888; padding:0 !important; margin:0 !important; }
.cn-button.bootstrap { background:#e18c00 !important; }
#cn-notice-text { display:block; margin-bottom:20px; }

    .footer-bottom { background:#f5f7fa; }
    .footer-bottom .inner { max-width:1200px; margin:0 auto; padding:25px 0; }
    .footer-bottom .inner .widget_nav_menu { float:right; }
    .footer-bottom .inner .widget_nav_menu ul { display:table; }
      .footer-bottom .inner .widget_nav_menu ul li { display:inline-block; }
        .footer-bottom .inner .widget_nav_menu ul li a { color:#808080; text-decoration:none; font:400 14px/1em 'Lato',sans-serif; margin-left:20px; }
        .footer-bottom .inner .widget_nav_menu ul li a:hover { color:#000; }
    .footer-bottom .inner .widget_text { font:400 14px/1em 'Lato',sans-serif; color:#808080; }


a.menu-btn { width:32px; height:22px; position:absolute; right:40px; top:25px; overflow:hidden; display:none; z-index:209; }
a.menu-btn span { position:absolute; display:block; height:2px; background:#e18c00; width:100%; }
a.menu-btn span:nth-child(1) { top:0; }
a.menu-btn span:nth-child(2) { top:10px; }
a.menu-btn span:nth-child(3) { top:10px; }
a.menu-btn span:nth-child(4) { top:20px; }

a.close-btn { width:32px; height:32px; position:absolute; right:40px; top:20px; overflow:hidden; display:block; z-index:209; }
a.close-btn span { position:absolute; display:block; height:2px; background:#e18c00; width:100%; top:50%; }
a.close-btn span:nth-child(1) { transform:rotate(-45deg); transform-origin:center; }
a.close-btn span:nth-child(2) { transform:rotate(45deg); transform-origin:center; }

.header-mobile { position:fixed; right:-100%; top:0; bottom:0; background:#fff; width:280px; transition:all 300ms ease; z-index:199; overflow:auto; display:none; }
.header-mobile.open { right:0; display:block; }

.header-mobile  .inner { padding:30px; }

header a.menu-btn span { background:#fff; }

.mobile-shadow { top:0; right:0; bottom:0; left:0; background:rgba(224,140,0,0.70); position:fixed; z-index:100; display:none; }

.header-mobile .sub-menu { margin-bottom:30px; }
.header-mobile ul.mobile-navigation > li > a { font:600 16px/26px 'Lato',sans-serif; text-decoration:none; padding:0; letter-spacing:0.05em; color:#000; margin-bottom:10px; }
.header-mobile ul.mobile-navigation .sub-menu a { font:400 14px/1.7em 'Lato',sans-serif; text-decoration:none; color:#666; padding-left:0px; }

.textwidget iframe { margin:0 0 0 auto; float:right; }

.tool-mobile { display:none; }

.header-headline-image { padding:100px 0 !important; }
.form-anmeldung > div { max-width:700px; margin-left:auto !important; margin-right:auto !important; padding:100px 0; }
.event-anmelden-btn { font:400 16px/1.5em 'Lora',serif; font-style:italic; color:#e18c00; display:block; text-decoration:none; }

.form-anmeldung span.wpcf7-list-item { margin-left:0 !important; }
.form-anmeldung span.wpcf7-list-item label { padding-left:20px; position:relative; margin-bottom:0 !important; margin-top:10px; }
.form-anmeldung span.wpcf7-list-item label input { position:absolute; left:0; top:6px; }
.form-anmeldung span.wpcf7-list-item-label {  }
.info-teilnahme { color:#888; font:400 13px/1.50em 'Lato',sans-serif; letter-spacing:0.01em; padding-left:20px; margin-bottom:20px; }
.info-teilnahme a { color:#333; text-decoration:none; font:inherit; }

.twitter-menu { display:none !important; }

.loginform input[type=password]{ border-bottom:3px solid #e18c00; background:#f5f5f5; font:600 20px/26px 'Lato',sans-serif; padding:10px 0; }
.loginform input[type=submit]{ border-bottom:3px solid #e18c00; background:#e18c00; font:600 20px/26px 'Lato',sans-serif; padding:10px 20px; color:#fff; }

.alignleft { float:left; margin-right:15px; margin-bottom:15px; }
.alignright { float:left; margin-left:15px; margin-bottom:15px; }
.image-bottom-5 { margin-bottom:5px; }
.image-bottom-10 { margin-bottom:10px; }
.image-bottom-15 { margin-bottom:15px; }


.call-to-action { padding-top:20px; padding-bottom:50px; }
/* .call-to-action > div { margin-left:-100px; margin-right:-100%; } */
.call-to-action .vc_single_image-wrapper img { display:block; margin:0 auto 5px auto; width:120px; height:120px; }
.call-to-action p { font:400 25px/1.20em 'Roboto Slab',serif !important; color:#fff !important; letter-spacing:0.062em !important; text-align:center !important; margin-bottom:35px !important; }
.call-to-action a { font:400 15px/1.5em 'Lora',serif !important; letter-spacing:0.038em !important; color:#fff !important; display:table !important; margin:0 auto !important; padding:10px 15px !important; border:1px solid #fff !important; text-decoration:none; }
.call-to-action a:hover { background:#fff !important; color:#e18c00 !important; }
.call-to-action p:last-child { margin-bottom:0px !important; }

.img-background { padding:0 25%; background:#fcf4e5; margin-bottom:35px !important; }


.swiper { width:100%; min-height:200px; overflow:hidden; }
.swiper-slide { width:100%; min-height:200px; overflow:hidden; }
.meinugen-slider { overflow:hidden; margin-left:-100px; margin-right:-100px; padding:50px 0 80px; }

.fill-orange { position:relative; }
.fill-orange::before { content:""; z-index:-1; background:#e18c00; height:100%; width:100vw; left:50%; transform:translateX(-50%); display:block; position:absolute; }

.meinung-inner { display:grid; grid-template-columns:200px 1fr; grid-column-gap:80px; }
.meinung-image { position:relative; }
.meinung-image::before { display:block; content:""; position:absolute; width:80px; height:80px; top:5px; right:-40px; background:url(/wp-content/uploads/2022/04/icon-quote-white.svg) no-repeat left top / contain; }
.meinung-image img { border-radius:50%; width:100%; box-sizing:border-box; height:auto; display:block; }
.meinung-text { padding-top:30px; }
.meinung-text p { font:italic 400 18px/1.7em 'Lato',sans-serif !important; color:#fff !important; }
.meinung-text .meinung-meta { font:400 15px/1.5em 'Lato',sans-serif !important; color:#fff; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:30px !important; }
.swiper-pagination-bullet { background:#fff !important; width:12px !important; height:12px !important; }

.template-white {  }
.template-white .meinung-image::before { background:url(/wp-content/uploads/2022/04/icon-quote-orange.svg) no-repeat left top / contain; }
.template-white .meinung-text p { color:#000 !important; }
.template-white .meinung-text .meinung-meta { color:#000 !important; }
.template-white .swiper-pagination-bullet { background:#e18c00 !important; }


a:focus-visible { outline:2px solid red; }

.error-menu { margin-top:40px; }
.error-menu ul.menu {  }
.error-menu a { text-decoration:none; color:#e18c00;  font:400 15px/1.7em 'Lato',sans-serif; }
.error-menu ul.menu > li { margin-bottom:20px;  }
.error-menu ul.menu > li > ul { margin-left:25px; }

.vc_figure-caption { font-size:13px !important; margin-top:5px !important; display:table; margin-left:auto; margin-right:auto; }

@media (max-width:1280px){
  body.page-template-page-home header .inner { width:100%; padding-left:25px; padding-right:25px; box-sizing:border-box; }
  .header-white .inner { width:100%; padding-left:25px; padding-right:25px; box-sizing:border-box; }
  .header-white .inner .brand { padding-bottom:15px; }
  .header-slider h1 { font-size:32px !important; padding:0 30px !important; margin-top:1em !important; }
  /*#navigation > ul > li:last-child { padding-right:0 !important; }*/
  #content-wrapper { padding:0 25px; box-sizing:border-box; }
  a.close-btn, a.menu-btn { right:25px; }
  .vc_section { padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; }
  .vc_section.vc_section-has-fill { padding-left:25px !important; padding-right:25px !important; margin-left:0 !important; margin-right:0 !important; }

  footer .inner { padding-left:25px; padding-right:25px; }
  footer .inner .logos img { max-width:180px; height:auto; display:inline-block; vertical-align:top; }
  footer .inner .logos img { margin:0 35px; }
  footer .inner .logos img:nth-child(1) { margin-left:0; }
  footer .inner .logos img:nth-child(4) { margin-top:25px; margin-right:0; }
  .single-head { margin-left:-25px; margin-right:-25px; }
  section.related-posts { margin-left:-25px; margin-right:-25px; padding:100px 25px; }
  .footer-bottom .inner { padding-left:25px; padding-right:25px; }
}

blockquote { padding:10px 0 10px 30px; position:relative; border-left:5px solid #e18c00; margin-bottom:1.5em;  }
blockquote::before { display:block; content:""; position:absolute; height:5px; width:10px; top:0; left:0; background:#e18c00; }
blockquote::after { display:block; content:""; position:absolute; height:5px; width:10px; bottom:0; left:0; background:#e18c00; }
blockquote p { margin-bottom:15px !important; font-size:18px !important; font-style:italic !important; }
blockquote p:last-child { margin-bottom:0px !important; }

blockquote.zitat { padding:10px 0 10px 30px; position:relative; border-left:5px solid transparent; margin-bottom:1.5em;  }
blockquote.zitat::before { display:block; content:""; position:absolute; width:35px; height:35px; top:0; left:-20px; background:url(/wp-content/uploads/2022/04/icon-quote-orange.svg) no-repeat left top / contain; }
blockquote.zitat::after { display:none; }
blockquote.zitat p { margin-bottom:15px !important; font-size:18px !important; font-style:italic !important; }
blockquote.zitat p strong { font-size:15px !important; font-style:normal !important;  }
blockquote.zitat p:last-child { margin-bottom:0px !important; }

.tool-desktop { display:none; }
.tool-mobile { display:none; }

.text-medium { margin-left:-100px !important; margin-right:-100px !important; width:auto !important; }

.mobile-navigation .menu-item-has-children { margin:20px 0; }
.mobile-navigation .menu-item-has-children > a { font-size:20px !important; }
.mobile-navigation .menu-item-has-children > a::after { content:""; width:15px; height:13px; background:url(/wp-content/themes/bagrelex/assets/images/bag-arrow-right.svg) no-repeat center center / contain; display:inline-block; margin-left:5px;  }
.mobile-navigation .menu-item-has-children .sub-menu { display:none; padding-top:10px; }
.mobile-navigation .menu-item-3639 { margin-top:50px; font-size:18px; }
.mobile-navigation .menu-item-5928 { font-size:18px; }
.mobile-navigation .menu-item-5929 { font-size:18px; }
.mobile-navigation .menu-item-5927 { font-size:18px; }

.mobile-only { display:none !important; }


.barrierefrei-tool { 
  position:fixed;
  left:0; 
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  background:#fff;
  box-sizing:border-box;
  width:auto;
  border:1px solid #ccc;
  border-width:1px 1px 1px 0px;
  text-align:center;
  padding:10px 0;
}

.barrierefrei-tool a { 
  color:#000;
  text-decoration:none;
  font-size:30px;
  display:block;
  padding:10px 15px;
}

.barrierefrei-tool a:first-child { margin-top:0; }
.barrierefrei-tool a:last-child { margin-bottom:0; }


html.invert {
	-webkit-filter:invert(100%);
  filter: invert(100%);
}

html.invert img, html.invert video, html.invert .fullwidth, html.invert #first-slider  {
  filter: invert(100%);
	-webkit-filter:invert(100%);
}

html.invert .twitter img, html.invert .meinung-image img {
  filter: invert(0%);
	-webkit-filter:invert(0%);
}

html.invert .template-white .meinung-text p { color:#fff !important; }
html.invert section.single-post p a, html.invert .single-page-text .wpb_text_column p a, html.invert .vc_tta-panel-body a { color:#e18c00 !important; filter:invert(100%); -webkit-filter:invert(100%);}

html.reader .header-white, html.reader header { opacity:0; }
html.reader img { display:none; }
html.reader .wpb_single_image { display:none; }
html.reader .fill-orange { background:#fff !important; }
html.reader .fill-orange::before { background:#fff !important; }
html.reader .fill-orange p , html.reader .fill-orange li { color:#000 !important; }
html.reader .text-white * { color:#000 !important; }
html.reader .meinugen-slider { margin-left:0; margin-right:0; }
html.reader .meinung-inner { display:block; }
html.reader .meinung-image { display:none; }
html.reader .footer-top { display:none; }
html.reader #footer-container { display:none; }
html.reader .widget.widget_revslider { display:none; }
html.reader .call-to-action { display:none; }
 


@media (min-width:1200px){
  .mobile-shadow { display:none !important; }
  .header-mobile.open { right:-100%; }
}

@media (max-width:1024px){
  #navigation, #navigation-white { display:none; }
  a.menu-btn { display:block; }

	.navigation > .twitter { display:none; }
	.twitter-menu { display:block !important; }
	.twitter-menu img { width:20px; height:20px; display:block; }
	#navigation-mobile .lang-item { margin:10px 0; }
  .news-item-grid .news-item-box > div .title { font-size:24px !important; }
  .publikation_row { display:grid; grid-template-columns:1fr 1fr; grid-row-gap:50px; }
}

@media (max-width:1024px){
  .header-slider h1 { font-size:32px !important; padding:0 30px !important; margin-top:1em !important; }
}

@media (max-width:1023px){
  .text-medium { margin-left:0px !important; margin-right:0px !important; }
  .meinugen-slider { margin-left:0px !important; margin-right:0px !important; }
.top-menu-container { display:none; }
  body.page-template-page-home header .inner .header-row .brand { width:150px; margin-top:5px; }
  .header-white .inner .header-row .brand { width:150px; margin-top:10px; padding-top:0; }
  .header-white .inner .brand { padding-bottom:10px; }
  #navigation ul li, #navigation-white ul li { padding:0 12px; }
  a.close-btn { top:13px; }
  a.menu-btn { top:30px; }
  .header-white a.menu-btn { top:17px; }
  .news-item-grid, .news-item-grid .news-item-box { width:100% !important; display:block; margin-left:0; margin-right:0; }
  .news-item-grid .news-item-box { margin-bottom:20px; padding:0; }
  .event-item-grid, .event-item-grid .event-item-box { width:100%; display:block; margin-left:0; margin-right:0; }
  .event-item-grid .event-item-box { margin-bottom:20px; padding:0; }
  .single-page-text > .vc_col-sm-2 { display:none; }
  .single-page-text > .vc_col-sm-8 { width:100%; }
  .footer-slider h1 { font:400 24px/1.3em 'Roboto Slab',serif; }
  .footer-slider h2 { font:400 24px/1.3em 'Roboto Slab',serif; }
  footer .inner .logos img { max-width:150px; height:auto; display:inline-block; vertical-align:top; }
  footer .inner .logos img { margin:0 25px; }
  .event-item-grid .event-item-box > div { padding:25px 25px 50px; }
  /* .publikation_col_30 { width:50%; } */
   .webinare_col_30 { width:50%; }
	.webinare_grid .webinare_row { display:grid; grid-template-columns:1fr; grid-column-gap:0px; grid-row-gap:50px; }
  #topmenu-mobile li { margin:10px 0; }
  .mobile-only { display:block !important; }
  .news-item-grid.complete-grid .news-item-row { display:block; }
}

@media (max-width:768px){
  .meinung-inner { display:block; align-items:center; justify-content:center; }
  .meinung-image { max-width:200px; margin:0 auto;  }
  .meinung-text .meinung-meta, .meinung-text p { text-align:center; }
  .section-head h1 { font-size:34px; }
  section.single-post h1, .single-page-text .wpb_text_column h1 { font-size:22px; }
  .news-item-grid .news-item-box > div h1 { font-size:24px; }
  .event-item-grid .event-item-box > div h2 { font-size:18px; }
  .event-item-grid .event-item-box > div p { font-size:24px; }
  .news-item-grid.complete-grid .news-item-row { display:block; }
}

@media (max-width:767px){
  .header-slider h1 { font-size:24px !important; }
  .header-headline-image { padding:50px 0 !important; }
  .header-headline-image .header-slider h1 { margin-top:0 !important; font-size:20px !important; }
  #menu-aktuelles { display:none; }
  .filter { display:none; }
  .tool-desktop { display:none; }
  .tool-mobile { display:block; width:270px !important; height:495px !important;  }
  footer .inner { padding-top:25px !important; }
  footer .inner .logos { display:block; }
  footer .inner .logos img { display:block; margin:50px auto !important; max-width:200px;  }
  .footer-bottom .inner .widget_nav_menu { float:none; }
  .footer-bottom .inner .widget_nav_menu ul { display:table; margin:0 auto; }
  .footer-bottom .inner .widget_nav_menu ul li { display:block; text-align:center; margin:15px 0; }
  .footer-bottom .inner .widget_nav_menu ul li a { margin-left:0; }
  .footer-bottom p { text-align:center; margin-top:25px; }
  section.single-post { padding-top:50px; }
  section.single-post { max-width:100% !important; height:auto !important; }
  .gallery-item { float:none !important; width:100% !important; display:block; }
  .gallery-item .gallery-icon { width:100%; display:block; }
  .gallery-item .gallery-icon img { max-width:100% !important; height:auto !important; display:block; }
  .related-posts { display:none; }
  .post-navigation { position:relative; }
  .post-navigation > div.post-prev, .post-navigation > div.post-next { width:50%; }
  .post-navigation > div.post-overview { width:100%; position:absolute; display:block; left:0; margin-top:50px; }
  article.event-list-item-box span.termin-date { font-size:20px; }
  article.event-list-item-box h1, .no-items h1 { font-size:24px; }
  .abstand-unten { margin-bottom:30px; }
  .publikation_col_30 { width:100%; float:none; }

  .publikation_row { display:grid; grid-template-columns:1fr; grid-row-gap:30px; }
  .webinare_col_30 { float:none; width:100%; }
  .text-slider p { padding:0 30px; font-size:15px; }
  .text-slider h1 { font-size:24px; }
  .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a, .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a span { font-size:16px; }
  .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body { padding-left:0 !important; padding-right:0 !important; }
  .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body .wpb_single_image img { max-width:100%; height:auto; }
  .textwidget iframe { float:none; margin:0 auto; }
	.h0ishm { font-size:25px; }
  .news-item-grid .news-item-box > div .title { font:400 25px/1.20em 'Roboto Slab',serif; }
  section.single-post h2, .single-page-text .wpb_text_column h2 { font-size:18px; }
  .vc_section.vc_section-has-fill { padding-left:0 !important; padding-right:0 !important; }
  .header-slider > span { font-size:24px !important; }
  .section-h2ish { font-size:25px !important; }
  body section.section-aktuelles > div > div { padding-left:25px !important; padding-right:25px !important; }
  .footer-slider > span { font-size:22px !important; }
  footer .inner .logos { text-align:center; margin-bottom:0 !important; }
  footer .inner .logos a  { text-align:center; display:block; margin:0 auto; }
  footer .inner .logos a img { float:none !important; }
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body .wpb_single_image  { margin-bottom:30px;  }

@media (max-width:640px){
  .header-slider h1 { font-size:20px !important; margin-top:2em !important; }
  .footer-slider h1 { font-size:20px !important; padding:0 25px !important; }
  .footer-slider h2 { font-size:20px !important; padding:0 25px !important; }
  span.header-h1ish { font-size:20px !important;}
}

@media (max-width:360px){
  .header-slider h1 { font-size:14px !important; margin-top:2em !important; }
  .header-slider h1 span { font-size:12px !important; }
  .footer-slider h1 { font-size:14px !important; padding:0 25px !important; }
  .footer-slider h2 { font-size:14px !important; padding:0 25px !important; }
}