/* =Box Sizing 

========================================================================================*/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*/


/* =Deafult Tag & General Classes

========================================================================================*/

html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }

body { font:17px/1.5 'optimaregular', Arial, Helvetica, sans-serif; color:#000; }

img { vertical-align:top; border:0; }

/*a, input[type="button"], input[type="submit"], button, table th, table td { -moz-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
*/
.allanim, .banner-content, .member-mail span i { -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }

a { color:#00a9dc; text-decoration:none;}

a:hover { text-decoration:underline; color:#00a9dc; }

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {

    a:active{ background-color:transparent;}

}

strong { font-weight:bold; }

small, .small { font-size: 85%; }

sub, sup { font-size:80% }

p { margin:0 0 20px 0; }

h1,h2, h3, h4, h5, h6 { line-height:1; margin:0 0 10px; font-family: 'Garamond Premiere Pro'; font-weight: normal; }

h1,h2 { font-size:45px; font-weight:bold; font-style:italic; }

h3 { font-size:33px; font-style:italic; }

h4 { font-size:26px; }

h5 { font-size:24px; }

h6 { font-size:22px; }



ul li { line-height:24px; }

.nodisplay { display:none; }

.nodisplay_strict { display:none !important; }

.alignleft { float:left; }

.alignright { float:right; }

:focus { outline:none; }

.text_cont p { padding:0 0 10px 0; }

.nopad p, p.nopad { padding:0; }



/* =Blockquote & highlight

========================================================================================*/

blockquote { border-left:solid 6px #e1e1e1; margin-left:0; padding-left:15px; }

blockquote small { font-size:85%; display:block; color:#999; padding:5px 0 0 0; font-style:italic; }

.highlight, mark { background:#fffd64; }



/* =Text Size, color & Custom list style

========================================================================================*/

.text-bigger { font-size:22px; }

.text-big { font-size:20px; }

.text-small { font-size:12px; }

.text-muted { color:#777; }

.text-primary { color:#f34834; }

.text-secondary { color:#7979a9; }



.bg-muted { background:#777; }

.bg-primary { background:#e34f26; }

.bg-secondary { background:#7979a9; }



.text-lc { text-transform:lowercase; }

.text-uc { text-transform:uppercase; }



.has-show { display:block !important; }

.has-hide { display:none !important; }



.has-error { padding:8px 12px 0; display:block; color:#f34834; }

input.has-error { border:solid 1px #f34834 !important; }



.tall-space { margin:45px 0; }

.medium-space { margin:20px 0; }



.custom-arrow-list { margin:0; padding:0; list-style:none; }

.custom-arrow-list li { position:relative; padding-left:20px; }

.custom-arrow-list li:before { content:''; border:solid 2px #bbb; border-left:0; border-top:0; position:absolute; left:1px; top:9px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); width:7px; height:7px; }



/* =Layout Width

========================================================================================*/

.container { max-width:1500px; width: 100%; }

#main { padding:0; }

#primary { float:left; width:700px; }

#sidebar { float:right; width:200px; }

.one-column { width:auto !important; float:none !important; }



/* =Import Required styles

========================================================================================*/

@font-face {

    font-family: 'optimanormal';

    src: url('../fonts/optima-webfont.eot');

    src: url('../fonts/optima-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/optima-webfont.woff2') format('woff2'),

        url('../fonts/optima-webfont.woff') format('woff'),

        url('../fonts/optima-webfont.ttf') format('truetype'),

        url('../fonts/optima-webfont.svg#optimanormal') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'optimabold';

    src: url('../fonts/optima_b-webfont.eot');

    src: url('../fonts/optima_b-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/optima_b-webfont.woff2') format('woff2'),

        url('../fonts/optima_b-webfont.woff') format('woff'),

        url('../fonts/optima_b-webfont.ttf') format('truetype'),

        url('../fonts/optima_b-webfont.svg#optimabold') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'optimaregular';

    src: url('../fonts/unicode.optima-webfont.eot');

    src: url('../fonts/unicode.optima-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/unicode.optima-webfont.woff2') format('woff2'),

        url('../fonts/unicode.optima-webfont.woff') format('woff'),

        url('../fonts/unicode.optima-webfont.ttf') format('truetype'),

        url('../fonts/unicode.optima-webfont.svg#optimaregular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Garamond Premiere Pro';

    src: url('../fonts/GaramondPremrPro-Bd.eot');

    src: url('../fonts/GaramondPremrPro-Bd.eot?#iefix') format('embedded-opentype'),

        url('../fonts/GaramondPremrPro-Bd.woff2') format('woff2'),

        url('../fonts/GaramondPremrPro-Bd.woff') format('woff'),

        url('../fonts/GaramondPremrPro-Bd.ttf') format('truetype'),

        url('../fonts/GaramondPremrPro-Bd.svg#GaramondPremrPro-Bd') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;
}

@font-face {

    font-family: 'Garamond Premiere Pro';

    src: url('../fonts/GaramondPremrPro-Smbd.eot');

    src: url('../fonts/GaramondPremrPro-Smbd.eot?#iefix') format('embedded-opentype'),

        url('../fonts/GaramondPremrPro-Smbd.woff2') format('woff2'),

        url('../fonts/GaramondPremrPro-Smbd.woff') format('woff'),

        url('../fonts/GaramondPremrPro-Smbd.ttf') format('truetype'),

        url('../fonts/GaramondPremrPro-Smbd.svg#GaramondPremrPro-Smbd') format('svg');

    font-weight: 600;

    font-style: normal;

    font-display: swap;
}

@font-face {

    font-family: 'Garamond Premiere Pro';

    src: url('../fonts/GaramondPremrPro-BdItDisp.eot');

    src: url('../fonts/GaramondPremrPro-BdItDisp.eot?#iefix') format('embedded-opentype'),

        url('../fonts/GaramondPremrPro-BdItDisp.woff2') format('woff2'),

        url('../fonts/GaramondPremrPro-BdItDisp.woff') format('woff'),

        url('../fonts/GaramondPremrPro-BdItDisp.ttf') format('truetype'),

        url('../fonts/GaramondPremrPro-BdItDisp.svg#GaramondPremrPro-BdItDisp') format('svg');

    font-weight: bold;

    font-style: italic;

    font-display: swap;
}

@font-face {

    font-family: 'Garamond Premiere Pro';

    src: url('../fonts/GaramondPremrPro-Med.eot');

    src: url('../fonts/GaramondPremrPro-Med.eot?#iefix') format('embedded-opentype'),

        url('../fonts/GaramondPremrPro-Med.woff2') format('woff2'),

        url('../fonts/GaramondPremrPro-Med.woff') format('woff'),

        url('../fonts/GaramondPremrPro-Med.ttf') format('truetype'),

        url('../fonts/GaramondPremrPro-Med.svg#GaramondPremrPro-Med') format('svg');

    font-weight: 500;

    font-style: normal;

    font-display: swap;
}



/* =Common-Page (common classes for all pages)

========================================================================================*/

#header { padding:0; text-align:center; }

.logo-box {  }

#logo, .custom-logo-link { display:block; margin:0 auto; margin-left: 10px; width:100%; }

#logo img, .custom-logo-link img { max-width:100%; height:100%; width:auto; }

.tag-line { padding-top:17px; padding-bottom:12px; border-top:1px solid #d9d9d9; }

.tag-line h2 { margin:0; line-height:1; font-size:64px; color:#362b4a; }



#mainmenu { padding:6px 0 5px; border-top:1px solid #d9d9d9;
            position: sticky;
            top: 0;
            z-index: 1000;
            background: #fff;
            box-shadow: 0 5px 5px -5px rgba(0,0,0,0.3); }

#mainmenu ul { margin:0; padding:0; list-style:none; text-align:center; font-size:0; font-family:'optimanormal', Arial, Helvetica, sans-serif; }

#mainmenu ul li { display:inline-block; font-size:18px; }

#mainmenu ul li a { color:#414141; position:relative; margin:0 26px 0 28px; }

#mainmenu ul li a:before { content:""; height:2px; width:2px; background:#414141; border-radius:50%; position:absolute; top:0; bottom:0; margin:auto; left:-28px; }

#mainmenu ul li a:hover, #mainmenu ul li a:focus { color:#00a9dc; text-decoration:none; }

#mainmenu ul li.active a, #mainmenu ul li.current-menu-item a { font-family:'optimabold', Arial, Helvetica, sans-serif; color:#414141; }

#mainmenu ul li:first-child a:before { display:none; }



.footer-box { text-align:center; font-size:14px; border-top:1px solid #d9d9d9; padding:2px 0 18px; }

.copyright { margin:0 5px 0 0; display:inline-block; }

.fmenu { margin:0; padding:0; list-style:none; display:inline-block; font-size:0; }

.fmenu li { font-size:14px; display:inline-block; padding-left:10px; padding-right:10px; position:relative; }

.fmenu li:before {     content: "";
    position: absolute;
    top: 3px;
    left: 1px;
    bottom: 0;
    margin: auto;
    height: 10px;
    width: 1px;
    background: #000;
    border-radius: 50px; }

.fmenu li a { color: #00a9dc; text-decoration:none; }

.fmenu li a:hover, .fmenu li.current-menu-item a { color:#00a9dc; }



/* =Form Style

========================================================================================*/

button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="submit"], input[type="button"] { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;   }

button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, input[type="submit"], input[type="button"] { -webkit-appearance:none; -webkit-border-radius:0;  border-radius:0; }

button, input { line-height:normal; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { background:#fff; padding:4px 18px; height:48px; line-height:1.55; color:#454648; width:100%; font-family:'optimaregular', Arial, Helvetica, sans-serif; -moz-transition:border-color 200ms ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in; border-radius: 10px; box-shadow: none; }

input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="search"].input-lg, input[type="url"].input-lg { height:58px; }

input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, input[type="tel"].input-sm, input[type="search"].input-sm, input[type="url"].input-sm { height:38px; }

textarea { width:100%; height:183px; border-radius: 10px; overflow:auto; resize:vertical; padding:15px 18px;  font-family:'optimaregular', Arial, Helvetica, sans-serif; }

select { height:auto; padding:12px 42px 12px 12px; font-size:14px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; background:none; line-height:1.25; border-radius:0; }

select::-ms-expand { display:none; }

.custom-select { display:block; margin:0; position:relative; background:#fff; }

.custom-select:before { position:absolute; right:1px; top:1px; width:48px; background:#fff; content:''; height:48px; }

.custom-select:after { content:''; border-top:solid 6px #848690; border-right:solid 6px transparent; border-left:solid 6px transparent; position:absolute; right:18px; top:50%; margin-top:-3px; }

.ie select { padding-right:0; }

.ie .custom-select:before { z-index:2; height:40px; }

.ie .custom-select:after { z-index:3; }

.ie input[type="text"], .ie input[type="password"], .ie input[type="email"], .ie input[type="tel"], .ie input[type="search"], .ie input[type="url"], .ie select { line-height:32px; }



input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, select:focus {  }

input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;}

/*input[type="button"], input[type="submit"], button { background:#f34834; color:#fff;  border:0;  cursor:pointer; width:auto; overflow:visible; padding:13px 65px; vertical-align:middle; text-decoration:none; text-transform:uppercase; font-size:16px; line-height:1.25; font-family:'Lato', Arial, Helvetica, sans-serif; font-weight:bold;  }

input[type="button"]:hover, input[type="submit"]:hover, button:hover { background:#d71802; color:#fff; }

input[type="checkbox"], input[type="radio"] { margin:4px 8px 0 ; vertical-align:top;  }
*/


::-webkit-input-placeholder { opacity:1; }

::-moz-placeholder { opacity:1; }

:-ms-input-placeholder { opacity:1; }

:-moz-placeholder { opacity:1; }



.checkbox, .radio { position: relative; float: left; margin-right: 20px; }

.form-block .form-group .checkbox label, .form-block .form-group .radio label { padding: 0; padding-left: 26px; display: block; line-height: 1.1; }

.formlist .checkbox { margin: 10px 0 0; float: left; line-height: 1;  font-size: 15px; }

.formlist .checkbox > a { color: #fff; text-decoration: underline; display: inline-block; margin-left: 3px; }

.formlist .g-recaptcha { float: right; }

.formlist .radio label, .formlist .checkbox label { display: inline-block; padding-left: 25px; position: relative;}

.formlist .radio label input, .formlist .checkbox label input { margin: 0; }

.checkbox input, .radio input { top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; position: absolute; }

.checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: #fff; }

.checkbox input:disabled + .input-helper:before, .radio input:disabled + .input-helper:before { opacity: 0.35; }

.checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { position: absolute; content: ""; transition: all 200ms; }

.checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #fff; }

.checkbox input { width: 18px; height: 18px; margin: 0; }

.checkbox input:checked + .input-helper:before { background-color: #fff; }

.checkbox input:checked + .input-helper:before { background-color: #fff; }

.checkbox input:checked + .input-helper:after { transform: scale(1); opacity: 1; }

.checkbox .input-helper:before { top: -2px; width: 18px; height: 18px; border-radius: 2px; color: #fff; }

.checkbox .input-helper:after { content: '\2713'; font-size: 13px; left: 2px; top: 0; font-weight: 600; color: #000; transform: scale(0); opacity: 0; }

.radio input { width: 18px; height: 18px; margin: 0; }

.radio input:checked + .input-helper:after { transform: scale(1); }

.radio .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 50%; }

.radio .input-helper:after { width: 8px; height: 8px; background: #117b3c; border-radius: 50%; top: 5px; left: 5px; transform: scale(0); }



/* =Form list

========================================================================================*/

.form-block { margin:10px 0; }

.form-group { padding:10px 0 }

.form-group:after { clear:both; content:''; display:table; }

.formlist .form-group ul { margin:0; padding:0; list-style:none; }

.forgot-link { float:right; }

.form-block .form-group label { display:inline-block; padding:0 0 5px;  }

.form-inline .form-group label { float:left; width:30%; padding:10px 10px 10px 0; line-height:1.5 }

.form-inline .form-group .field-box { width:70%; float:left; }



/* =Common button CSS

========================================================================================*/

.button { text-align: center; background-color:#00a9dc; font-size:20px; color:#fff; display:inline-block; line-height:1; padding:11px 23px 9px 20px; border-radius:5px; font-family:'Garamond Premiere Pro', Arial, Helvetica, sans-serif; font-weight:500; }

.button:before { content:"»"; display:inline-block; margin:0 5px 0 0; position:relative; top:-1px; }

.button:hover, .button:focus { background:#000; color:#fff; text-decoration:none; }

.button.btn-white { min-width:192px; color:#00a9dc; background: #fff; border-radius:5px; }

.button.btn-white:hover, .button.btn-white:focus { background:#00a9dc; color: #fff; text-decoration:none; }



/* =Table CSS

========================================================================================*/

table { max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; border:1px solid #ddd; }

table { width:100%; margin-bottom:30px; }

table th, table td { padding:14px 15px; line-height:1.32; text-align:left; vertical-align:top; border-top:1px solid #ddd;  border-right:1px solid #ddd;}

table th { background:#ececec; font-weight:700; padding:17px 15px; font-size:16px; }

table tr:hover td { background:#fbfbfb; }

table tr.selected td { background:#fbfbfb; }

table thead th { vertical-align:middle; }

table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top:0; }



/* =Home page

========================================================================================*/

.welcome-section { padding:65px 0 53px; }

.welcome-section .container { max-width:1200px; }

/*.welcome-section p { text-align:justify; } */

.welcome-section .current-news-box { margin:0; }

.news-list-section { padding:0 0 35px; }

.news-list-section .container { max-width:1472px; padding:0 42px; }

.news-box { margin:0 0 44px; }

.news-box figure {  margin:0 0 15px; }

.news-box img { width:100%; height: auto; }

.news-box h5 { font-size:24px; margin:0 0 0 -1px; font-weight:600; }

.news-box h5 a:hover { color:#000; text-decoration:none; }

.news-box .newsdate { display:block; font-size:13px; margin:6px 0 6px -1px;  }

.news-box p { margin:0; }

.news-box p + p { margin:20px 0 0; }

.read-more:before { content:"»"; display:inline-block; margin:0 6px 0 0; }

.read-more { color:#000; text-decoration:none; }

.read-more:hover, .read-more:focus { color:#00a9dc; text-decoration:none; }

.new-list-box { margin:9px 0 0; }

.new-list-box:after { content:""; display:table; clear:both; }



/* =Aktuelles page

========================================================================================*/

.small-wrap { max-width:1000px; margin:0 auto; }

.featured-banner { box-shadow:0 1px 3px rgba(0,0,0,0.50); position:relative; text-align:center; }

.featured-banner figure { background:#d9d9d9; }

.featured-banner img { width:100%; height:auto; }

.news-section, .page-content, .welcome-section { padding:65px 0; }

.section-title { text-align:center; position:relative; margin:0 auto 15px; max-width:1470px; width:100%; color:#00a9dc; }

.section-title span { display:inline-block; margin:0 0 0 5px; background: #fff; padding: 0 2rem;}

.section-title:before { background:#d9d9d9; bottom:0; content:""; height:1px; margin:auto; position:absolute; top:-3px; left:0; right:0; z-index:-2; }

/*.section-title span:before { content:""; background:#fff; position:absolute; top:0; bottom:0; left:0; right:0; width:523px; margin:auto; z-index:-1; }*/

.current-news-box { margin:19px 0 0; }

.current-news-box figure { margin-bottom:33px; }

.current-news-box img { max-width:100%; width:auto; }

.current-news-box h3 { margin-bottom:0; font-style: normal; }

.current-news-box .newsdate { margin:19px 0; display:block; font-size:14px; }

.current-news-box p { margin:0; }

.current-news-box p + p { margin-top:24px; }

.news-more { text-align: center; margin:-13px 0 45px; width:100%; }

.news-more .ajax-loader{ margin:4px 10px; position: absolute; }



/* =News page

========================================================================================*/

.section-news { padding-top:49px; }

.section-news .news-more { margin-top:0; }

.news-more.text-center { text-align:center; }



/* =Contact page

========================================================================================*/

.contact-section { padding:62px 0 69px; }

.contact-section .small-wrap { max-width:558px; }

.become-member-box { margin:15px 0 0; }

.become-member-box p  { font-family:'optimabold', Arial, Helvetica, sans-serif; font-size:18px; letter-spacing:-0.0065em; margin:0; }

.contact-box { font-size:18px; margin:24px 0 0; }

.address-box { margin-bottom:23px; }

.address-box span { display:block; text-transform:uppercase; margin:0 0 3px; line-height:1; }

.address-box address { margin:0; line-height:1.329; }

.phone-box { margin-bottom:21px; }

.phone-box span { display:block; line-height:1.4; }

.phone-box a, .mail-box a { color:#000; }

.phone-box a:hover, .phone-box a:focus, .mail-box a:hover, .mail-box a:focus { color:#00a9dc; text-decoration:none; }



/* =Team page

========================================================================================*/

.team-section { padding-bottom:5px; }

.team-member-box { text-align:center; letter-spacing:0.03em; margin-bottom:93px; }

.team-list-box { margin:53px 0 0; }

.team-list-box .container { padding:0 55px; }

.team-member-box figure { max-width:299px; width:100%; position:relative; overflow:hidden; margin:0 auto 23px; }

.team-member-box img { border-radius:50%; height:auto; max-width:100%; }

.member-name { font-size:36px; font-family:'Garamond Premiere Pro', Arial, Helvetica, sans-serif; font-weight:600; display:block; color:#00a9dc; }

.committee-work-box { border-top:1px solid #e5e5e5; display:block; margin:10px 0 0; padding:17px 0 0; }

.committee-work-box h6 { text-transform:uppercase; font-size:24px; font-family:'optimanormal', Arial, Helvetica, sans-serif; line-height:1; margin:0; letter-spacing:-0.03em; }

.committee-work-list span { display:block; }

.member-mail { border-top:1px solid #e5e5e5; margin:15px auto 0; padding:15px 0 0; max-width:300px; width:100%; }

.member-mail span { font-size:18px; font-style:italic; color:#000; font-family:'Garamond Premiere Pro', Arial, Helvetica, sans-serif; font-weight:bold; }

.member-mail span a { color:#000; display:inline-block; line-height:1; vertical-align:middle; letter-spacing:0.065em; }

.member-mail span a:hover, .member-mail span a:focus { color:#00a9dc; text-decoration:none; }

.member-mail span i { display:inline-block; font-size:0; line-height:1; margin:-8px 7px 0 0; vertical-align:middle; background-image:url(../images/bgi/email-icon.png); height:14px; width:21px; background-position:top right; background-size:100% auto; }

.member-mail span a:hover i { background-position:bottom right; }

.team-section .section-title span:before { width: 436px; }



/* =404 page

========================================================================================*/



.not-found { margin:102px 0; text-align:center; }

.error404 .page-title { margin:30px 0 20px; }

.error404 #mainmenu { border-bottom:1px solid #d9d9d9; }

.news-section .container:after {
    content: '\25A0';
    float: right;
}

#mega-menu-wrap-primary {
    position: sticky;
	top: 0;
	z-index: 10;
}

a.read-more {
	font-weight: bold;
    white-space: nowrap;
}

.logo-box {
    position: absolute;

}

.featured-banner img {
    width: 100%;
    height: auto;
    max-height: 450px;
    object-fit: cover;
}

.logo-menu-wrap {
    display: flex;
    background: #4d76aa;
    justify-content: space-between;
    /*flex-direction: row-reverse;*/
}

.logo-menu-wrap .nav-container {
    width: 100%;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent !important;
}

#bp-navbar-primary a {
    color: white;
}

.nav-container {
    margin-bottom: auto;
    margin-top: auto;
}

#bp-navbar-primary {
    text-align: left;
}


#bp-navbar-primary .navbar-nav > li > a {
    line-height: 25px;
    font-size: 22px;
}

#bp-navbar-primary .dropdown-menu > li > a {
    color: white;
    line-height: 22px;
    font-size: 20px;
}

#bp-navbar-primary .dropdown-menu > li.current_page_item > a {
    color: white;
    line-height: 22px;
    font-size: 20px;
    background: transparent;
    text-decoration: underline;
}

.navbar-toggle .icon-bar {
    background-color: white;
}


#logo-nav-menu-container img {
    max-height: 157px;
    margin-bottom: -17px;
}



.logo-box {
    display: block;
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 1;
}

.logo-box a {
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    text-align: left;
}

.logo-box img {
    max-height: 450px;
    margin-left: 5%;
    padding-bottom: 10px;
}

@media (max-width: 767px) {
    .logo-box img {
        margin-top: -20px;
    }
}


@media (min-width: 1919px) {
    .logo-box img {
        margin-top: -40px;
    }
}

@media (min-width: 768px) {

    .logo-menu-wrap .nav-container {
        width: auto;
    }

    #logo-nav-menu-container {
        display: none !important;
    }

    .logo-box {
        display: block;
    }

    #logo-nav-menu-container img {
        max-height: none;
    }

    #bp-navbar-primary {
        text-align: center;
    }

    .logo-menu-wrap {
        justify-content: center;
        /*flex-direction: row;*/
    }

    #bp-navbar-primary .dropdown-menu > li > a {
        color: #333;
    }

    #bp-navbar-primary .dropdown-menu > li.current_page_item > a {
        color: #333;
    }

}



/* Yoast Accordion
		------------------------------------------------------------ */
.schema-faq-question{
    cursor: pointer;
}

.schema-faq-question:before{
    width: 16px;
    height: 20px;
    display: inline-block;
    content: "+";
    margin-right: 5px;
    vertical-align: top;
}

.schema-faq-question.collapse:before{
    content: "-";
}

.schema-faq-question:hover{
    opacity: 0.8;
}

.schema-faq-answer{
    display: none;
    padding-left: 1em;
}
.schema-faq-answer.default{
    display: block;
}

/* Yoast Accordion
 */

.schema-faq-question {
    background: #eee;
}

/* colors & borders */ .wp-block-yoast-faq-block { border-top:1px solid #eee; } .wp-block-yoast-faq-block .schema-faq-question { border-bottom:1px solid #eee; } .wp-block-yoast-faq-block .schema-faq-question:hover, .wp-block-yoast-faq-block .fcp-opened .schema-faq-question { background-color:#fafafa; } .wp-block-yoast-faq-block .schema-faq-answer, .wp-block-yoast-faq-block .fcp-opened .schema-faq-answer { border-bottom:1px solid #eee; } /* layout */ .wp-block-yoast-faq-block .schema-faq-question { display:block; padding:10px; position:relative; } .wp-block-yoast-faq-block.fcp-faq .schema-faq-question { cursor:pointer; } .wp-block-yoast-faq-block .schema-faq-answer { margin:0; padding:12px 10px; } /* bullet before a question */ .wp-block-yoast-faq-block .schema-faq-question:before { /* position gap */ margin-top:2px; } .wp-block-yoast-faq-block .schema-faq-question, .wp-block-yoast-faq-block .schema-faq-answer { padding-left:34px; } .wp-block-yoast-faq-block .schema-faq-question:before { content:''; display:block; border:2px solid #dedede; border-width:0px 2px 2px 0px; width:9px; height:9px; box-sizing:border-box; position:absolute; left:14px; } .wp-block-yoast-faq-block.fcp-faq .schema-faq-question:before { top:16px; transform:rotate(-45deg); transition:all 0.3s 0.3s ease; } .wp-block-yoast-faq-block .schema-faq-question:before, .wp-block-yoast-faq-block.fcp-faq .fcp-opened .schema-faq-question:before { top:14px; transform:rotate(45deg); } /* transition */ .wp-block-yoast-faq-block.fcp-faq .schema-faq-answer { max-height:0; overflow:hidden; border-bottom-width:0; padding-top:0; padding-bottom:0; transition:padding-bottom 0.3s ease-in, max-height 0.4s ease-in, padding-top 0.1s 0.4s ease-out, border-bottom-width 0s 0.5s linear; } .wp-block-yoast-faq-block .fcp-opened .schema-faq-answer { max-height:9999px; border-bottom-width:1px; padding-top:12px; padding-bottom:20px; transition:padding-top 0.2s ease-in, max-height 0.3s 0.2s linear, padding-bottom 0.4s 0.2s ease; }

.schema-faq-question.expanded:before {
    transform: rotate(
            315deg
    ) !important;
}
.wp-block-yoast-faq-block .schema-faq-question.expanded:before {
    margin-top: 4px;
}

.wp-block-file .wp-block-file__button {
    background-color: #0693e3;
    border: none;
    border-radius: 1.55em;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    padding: .667em 1.333em;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
}

@media (min-width: 992px) {
    .new-list-box .blog-post.col-md-4 {
        min-height: 580px;
    }
}

#menu-hauptmenue li a {
    background: transparent !important;
}

.kreis-wappen-container {
    margin-bottom: 50px;
    max-height: 250px;
    min-height: 250px;
}

.kreis-wappen-container {
    text-align: center;
}


.kreis-wappen-container img {
    width: 150px;
    height: auto;
}

.verband-list-section .container {
    padding: 0 42px;
    max-width: 1200px;
}

.person-list-section .container {
    padding: 0 42px;
    max-width: 1200px;
}

.wappen-default img {
    width: 150px;
    height: auto;
}