@import url('https://fonts.googleapis.com/css?family=Overpass:200,300,400,600,900');
@import url('https://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps');
@media all
{
/** GLOBAL: global styles below*/
*         {box-sizing:border-box;padding:0px; margin:0px; }
html {}
body      { font-size:12px;font-weight:200;font-family:'Overpass',arial, sans-serif; color:#fff; background: #09511C url('../images/verein-mut_2017/hg_mut.jpg') no-repeat center / cover;/*background: linear-gradient(to right, #000b05 0%, #09511c 50%, #000b05 100%);*/}
a         { text-decoration:none; color: #fff;}
#content .widget_pages_content a, #articles_detail a {color: #ffff00 !important/*#398D67*/;}
a:hover   { text-decoration:underline; }
a:visited { text-decoration:none; }
tr {vertical-align:top; }

/** EDITOR: all editor-aware styles below, do not change comments above and below!*/
/**fckeditor begin*/
#header { position:relative;z-index:10;}
#sidebar_left { position:relative; float:left; width:200px;}
#content {}
#sidebar_right {}
#sidebar {float:right;width:230px;padding: 0 0 0 40px;overflow:hidden;}
#footer {width:100%; height:100%;z-index:11;}
/** element=div*/
.alertbox        { background-color:yellow; }
/**fckeditor end*/
/** normal styles below*/

img[align="left"] {margin:0.25em 0.25em  0.25em 0;}
img[align="right"] {margin:0.25em 0 0.25em 0.25em;}

/** TEMPLATE STYLES*/
#mobile_menu {position:absolute;width:40px;top:30px;left:20px;background:url('../images/verein-mut_2017/bars.svg') no-repeat center/100% auto;}
#outer { position:relative;max-width:1024px;margin-left:auto; margin-right:auto; }
.content, .content_padded {padding-left:80px;padding-right:80px;}
.content {position:relative;margin:0 auto;padding-bottom:10px;padding-left:80px;padding-right:80px;font-size:16px;line-height:23px;overflow:hidden;}
.content .widget:not(:last-child) {padding-bottom:60px;}
.content ~ .content {padding-top:30px;}

/** TEMPLATE: template-specific content areas*/
.logo {display:block;text-align:center;}
#header .logo {padding:20px 0;}
#header .logo img {height:60px;}
#footer .logo img {height:50px;}
#footer .logo {padding:30px 0;}

.page_image {max-width:1000px;margin:auto auto;}
.page_image img {display:block;padding:0;width:100%;}

/** TEMPLATE: template-specific content areas*/
#content_articles {position:relative; }

/** WIDGET [SPECIAL CSS]: header menu */
.header_menu {text-align:center;font-size:15px;}
.header_menu>li {display:inline-block;position:relative;text-align:left;width:auto;padding:10px;margin:0 1%;}
.header_menu>li>ul {display:none;position:absolute;left:0;padding:10px 16px 10px 10px;margin:10px 0 0 0;z-index:5;}
.header_menu>li>ul li {padding:4px;}

.header_menu>li:hover, .header_menu>li:hover>ul {background-color:rgba(5, 27, 8, .8);}
.header_menu>li:hover>ul, .header_menu>ul li.active>ul {display:block;}

.header_menu li[class*="cat_level"]>a {text-transform:uppercase;}
.header_menu li {white-space:nowrap;list-style:none;}
.header_menu li a {display:block;text-decoration:none;font-weight:900;color:#fff;}
.header_menu li ul {padding-left:10px;}
.header_menu li.active>a {color:#BCCF00;}
.header_menu li:not(.cat_level_0):not(.active):not(.menu-toggled) ul {display:none;}

/** WIDGET [SPECIAL CSS]: icon menu */
.icon_menu {text-align:center;padding-bottom:20px;}
.icon_menu ul {padding-bottom:20px;}
.icon_menu .icon_button {display:inline-block;color:#fff;}
.icon_menu .icon_button:not(:last-child) {margin-right:50px;}

.icon_button, .icon_button a {display:block;height:30px;background-size:30px;background-repeat:no-repeat;background-position:center;vertical-align:top;cursor:pointer;}
.icon_button span {display:inline-block;margin-top:35px;}
.icon_button.facebook a {background-image:url('../images/verein-mut_2017/facebook.svg');}
.icon_button.instagram a {background-image:url('../images/verein-mut_2017/instagram.svg');}
.icon_button.donate a {background-image:url('../images/verein-mut_2017/ic_spenden.svg');}
.icon_button.newsletter a {background-image:url('../images/verein-mut_2017/ic_newsletter.svg');}
.icon_button.archive {background-image:url('../images/verein-mut_2017/archive.svg');}
.icon_button.select_arrow {background-image:url('../images/verein-mut_2017/select_arrow.svg');pointer-events:none;}

.icon_button.instagram, .icon_button.facebook {width:30px;}
.icon_button.archive {display:inline-block;width:56px;height:56px;background-size:56px;}
.icon_button.select_arrow {width:16px;height:16px;background-size:15px;position:absolute;top:10px;right:8px;}
.icon_button.instagram span, .icon_button.facebook span {display:none;}

/*.header_menu li.cat_level_0.icon_button.donate {display:none;}*/
#header li.cat_level_0.icon_button.donate {position:absolute;top:25px;right:20px;height:70px;}
#header li.cat_level_0.icon_button.donate:hover {/*background-color:transparent;*/}
#header li.cat_level_0.icon_button.donate span {font-weight:initial;font-size:12px;}

/** WIDGET [SPECIAL CSS]: footer menu */
.footer_menu {padding:20px 0;font-size:14px;font-weight:300;text-align:center;}
.footer_menu li {display:inline-block;margin:0 5px;color:#fff;}
.footer_menu li a:not([href]) {pointer-events:none;}

/** WIDGET: pages content*/
.widget.widget_pages_content.content ul {list-style-position: outside; padding-left:20px; }
.widget_pages_content_description {line-height:24px;}
.widget_pages_content_description p {padding-bottom:1em;}

/** TEMPLATE: blog area */
#articles_list, #articles_detail {width:calc(100% - 230px);vertical-align:top;}

.articles_filter {font-size:16px;padding:0 0 20px 0;}
.articles_filter_header {padding:0 0 10px 0;display:table;}
.articles_filter_title {display:table-cell;padding:2px 0 0 10px;font-weight:400;text-transform:uppercase;}
.articles_filter_title span {display:table-cell;text-transform:none;}
.articles_filter_select {position: relative;width:100%;border:1px solid #fff;overflow:hidden;}
/*
.articles_filter>ul {text-align:justify;display:block;}
.articles_filter>ul li {display:inline-block;font-size:18px;}
.articles_filter>ul li.active a {font-weight:600;color:#BCCF00;}
.articles_filter>ul li a {padding:5px 15px 5px 0;display:block;}
*/
.articles_filter select {width:calc(100% + 20px);padding:8px 28px 8px 8px;color:#fff;font-size:16px;background-color:transparent;border: 0;outline:none}
.articles_filter select option {color:#000;font-size: initial;}

.articles-slider-container {box-shadow: 0 0 20px 0px rgba(0,0,0,.2);}
.articles-slider-container, .widget_articles_list_content_container {width:100%;height:200px !important;}

/** TEMPLATE: blog area / articles_list */
.expandable_list_item { display:block;position:relative;padding:15px;}
.expandable_list_item:hover {background-color:rgba(255, 255, 255, .1);}
.expandable_list_item a:hover {text-decoration:none;}
.expandable_list_item h2 {font-size:23px;line-height:36px;font-weight:600;}
.expandable_list_item .block_a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.expandable_list_item_left,
.expandable_list_item_right {display:table-cell;vertical-align:top;}
.expandable_list_item_right {padding: 0 0 0 20px;}

/** TEMPLATE: blog area / articles_detail */
#articles_detail {float:left;}
#articles_detail h2 {font-size:23px;line-height:36px;padding-bottom:15px;}
#articles_detail .teaser {font-weight:400;padding-bottom:15px;}
#articles_detail .longtext {overflow:hidden; /* fixes wrapping issues */}
.created_changed {font-size:14px;font-weight:400;padding:0 0 .25em 0;}
.toplink {margin: 10px 0 0 0;}

/** TEMPLATE: categories grid */
.categories_grid {margin:auto;text-align:center;}
.categories_grid li,
.featured-articles-item,
.image_block {display:inline-block;position:relative;width:47%;margin:1%;max-height:250px; overflow:hidden;}
.categories_grid li a {display:block;min-height:270px;min-width:250px;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}
.categories_grid li .caption,
.featured-articles-title,
.image_block .caption {display:block;position:absolute;bottom:5px;left:5px;right:5px;padding:5px;font-size:18px;line-height:25px;font-weight:300;min-height:60px;text-align:left;background-color:rgba(12, 65, 19, 0.8); color:#fff;}
.image_block a,
.featured-articles-item a,
.featured-articles-item img,
.image_block img {display:block !important;width:100%;height:auto;color:#fff !important;}

/** TEMPLATE: galleries */
#content_galleries .expandable_list_item_left {min-width:120px;text-align:center;}

/** WIDGET: BREADCRUMBS */
.breadcrumbs_list {padding: 30px 0;}
.breadcrumbs_list li {display:inline-block;}
.breadcrumbs_list li:not(.crumb_item) {pointer-events:none;margin:0 .25em}
.breadcrumbs_list li:last-child {display:none;}

/** WIDGET: COOKIE WARNING */
.widget_pages_cookiewarning {width:100%; height:auto; position:fixed !important; z-index: 11; background-color:#333; bottom: 0px; left: 0px; margin-bottom: 0px !important;}
.widget_pages_cookiewarning_content {float:left; color:#fff; width:70%;}
.widget_pages_cookiewarning_content p {padding: 10px; color: white;}
.widget_pages_cookiewarning_content a {text-decoration:underline;}
.widget_pages_cookiewarning_buttons {float:left; text-align:right; width:30%;}
.widget_pages_cookiewarning_ok {background-color:orange; color:#fff; cursor:pointer; border: 0px none; margin: 10px; padding: 5px;  border-radius: 5px; -webkit-border-radius: 5px;}

/** WIDGET: PAGE TITLE */
.widget_pages_title:not(h1) {}
.widget_pages_title h1 {font-weight:200;font-size:40px;line-height:43px;padding:20px 0 12px 0;max-width:1024px;text-transform:uppercase;}

/** WIDGET ARTICLES TICKER */
.widget_articles_ticker {overflow:hidden;}
.widget.articles_ticker {white-space:nowrap;overflow:hidden;font-size:1.5em;padding:1em 0;border:1px solid #fff;border-left:0;border-right:0;}
.widget.articles_ticker .articles-ticker-item {display:inline-block;}
.widget.articles_ticker .articles-ticker-item:not(:last-child)::after {content:"•";display:inline-block;margin:0 1em;}

.widget.articles_ticker ul {position:relative;height:100%;}
.widget.articles_ticker ul.fade, .widget.articles_ticker ul.slide {height: 1em;}
.widget.articles_ticker ul.fade .articles-ticker-item {position:absolute;display:block;text-align:center;left:0;width:100%;opacity:0;}
.widget.articles_ticker ul.slide .articles-ticker-item {position:absolute;display:block;text-align:center;left:0;width:100%;height:100%;bottom:3em;}
.widget.articles_ticker ul.scroll .articles-ticker-item {}

/** WIDGET: DONATIOS TICKER */
.donations_ticker {margin:auto;text-align:center;border-color:#fff;}
.donations_ticker_row {padding:0 0 30px 0;width:33%;display:inline-block;}
.donations_ticker_row:first-child {padding-left:0;}
.donations_ticker_row:nth-child(3) {padding-right:0;}
.donations_ticker_row .donation_value {font-size:100px;line-height:1;}
.donations_ticker_row .donation_unit {font-size:24px;line-height:40px;text-transform:uppercase;font-weight:600;}
.donations_ticker_row .donation_text {max-width:210px;margin:auto;font-size:24px;line-height:30px;}
.donations_ticker_row hr {max-width:210px;margin:29px auto;}
.donations_ticker_row.year {display:block;width:100%;padding:0 10%;margin:auto;}
.donations_ticker_row.year hr {max-width:none;height:10px;border-top:0;margin:0;}
.donations_ticker_row.year .donation_unit {font-size:24px;font-weight:300;}
.donations_ticker_row.year .donation_unit::before {content:" ";display:block;margin:0 auto 10px auto;width:1px;height:10px;border-left:1px solid #fff;}

/** WIDGET EXT CONTENT / header quote home */
.quote_home {padding-top:50px;padding-bottom:50px;}
.quote_home p {font:36px/55px 'Oleo Script Swash Caps', Arial;text-align:center;}

/** WIDGET EXT CONTENT / content image links */
.image_links_home {padding-top:50px;padding-bottom:50px;}

/** WIDGET EXT CONTENT / footer contact info */
.contact_info {font-size:14px;line-height:20px;padding-bottom:30px;}

.translucent {background-color:rgba(255,255,255,0.05);}

/* resolution flags */
.hidden-md {display:initial;}
.visible-md {display:none;}

.hidden-sm {display:initial;}
.visible-sm {display:none;}

.hidden-xs {display:initial;}
.visible-xs {display:none;}

/* behavior flags */
.visible-forced {display:initial !important;}
.disabled {pointer-events:none;}

/** FWXLIGHTBOX */
#content_galleries .galleries_detail a {display:inline-block; padding:2px;}
#content_galleries .galleries_detail a img {height:80px; width: auto;display:block;}

/* OLD */
/* OLD */
/* OLD */
/* OLD */
/* OLD */
/** TEMPLATE: boxes */
.alertbox h1     ,
.alertbox div    { text-align:center; color:#ff0000;}

/** TEMPLATE: template-specific content areas*/
#content_recommend,
#content_shopcart,
#content_checkout,
#content_agb,
#content_profile { float:left; }
#content_agb_popup { width:100%; height:auto; background-color:#f0f0f0; }

/** TEMPLATE: footer*/
#content_agb h1 {/*font-weight:bold;*/}
#content_agb p {padding-bottom:10px; }
#content_agb_popup h1 {/*font-weight:bold;*/}
#content_agb_popup p {padding-bottom:10px; }

/** TEMPLATE: blog area / articles defaults*/
#articles_comments_formdata {background-color: #fff; width:100%;}
#articles_comments_formdata h3, .article_detail .content h2 { width:100%;/*font-weight:bold;*/ text-align:left;}
#articles_comments_formdata td {vertical-align:top; text-align:left;}
.comments_list_formdata { background-color:#fff; width:100%;}
.comments_list_formdata td { padding-bottom:5px; border-bottom:1px dotted #ccc; }

/** WIDGETS STYLES*/
/*WIDGET: articles list*/
.widget_articles_list_content_container {}
.widget_articles_list ul                { margin-left:10px; margin-right:10px; margin-top: 10px; }
.widget_articles_list ul li             { margin-top:10px; list-style-type:none; }
.widget_articles_list ul li h3          { display:block; line-height:12px; padding-bottom:2px;}
.widget_articles_list ul li h3 a        { text-decoration:none; font-size:12px; line-height:12px; }
.widget_articles_list ul li h3 a:hover        { text-decoration:none; }
/*articles list item*/
.widget_articles_list_item h3   { /*font-weight:bold;*/ }
.widget_articles_list_item h3 a { /*font-weight:bold;*/ }
/*articles list detail item*/
.widget_articles_list_detail                   { padding-bottom:35px; }
.widget_articles_list_detail_content_container { height:auto;}
.widget_articles_list_detail h2                { /*font-weight:bold;*/}
.widget_articles_list_detail h2 a              { /*font-weight:bold;*/}
.widget_articles_list_detail h3                { /*font-weight:bold;*/}
.widget_articles_list_detail_content_teaser_text {clear:both;}
.widget_articles_list_detail_content_long_text {clear:both;}


/** WIDGET: pages contact form*/
.widget_pages_contact_form                   { border:1px solid #f0f0f0; padding:5px; }
.widget_pages_contact_form span a            { display:block; /*font-weight:bold;*/ text-transform:uppercase; margin-bottom: 30px;}
.widget_pages_contact_form form .alertbox    { background-color: #fdff00; }
.widget_pages_contact_form form input        { background-color:#d9d9d9; background:#d9d9d9; border:0; height:20px; vertical-align:top; }
.widget_pages_contact_form form textarea     { background-color:#d9d9d9; background:#d9d9d9; border:0; }
.widget_pages_contact_form_table             { width:100%; }
.widget_pages_contact_form_table tr td       { vertical-align:top; }
.widget_pages_contact_form_table #formsubmit        { text-align:right; }
.widget_pages_contact_form_table #formsubmit_top    { text-align:right; }
.widget_pages_contact_form_table #formsubmit_bottom { text-align:right; }
.widget_pages_contact_form_table .submit     { color:#fff; background: url(../images/submit.gif) top left no-repeat; width:80px; height:24px; text-transform:capitalize; }

/** WIDGET: newsletter recipients register*/
.widget_newsletter_recipients_register_table tbody tr td input[type=text]    { width:190px; }
.widget_newsletter_recipients_register .formdata_fwx_captcha { width:100px; }

/** CUSTOM STYLES */
.formdata_fwx_captcha {width:100%;}
a.formdata_fwx_captcha_reload {display:block;}


}

@media only screen and (max-width:1300px)
{
  .content {width:auto; height:auto;}

  .hidden-md {display:none !important;}
  .visible-md {display:initial;}
}

@media only screen and (max-width:1024px)
{
}
@media only screen and (max-width:768px)
{
  #sidebar {width:100%;padding: 0 0 40px 0;float:none;}
  #sidebar>div{display:table-cell;width:50%;vertical-align:top;}
  #sidebar .articles-slider-container{float:left;width:50% !important;margin:auto;}
  #sidebar .articles_filter {padding:20px 40px;float:right;}
  .content, .content_padded {padding-left:30px;padding-right:30px;}
  #articles_list, #articles_detail {width:100%;}

  .hidden-sm {display:none !important;}
  .visible-sm {display:initial;}
}

@media only screen and (max-width:600px)
{
  .header_menu_container.menu-toggled {display:block;}

  .header_menu {background-color:rgba(255, 255, 255, .1);}
  .header_menu li {display:block;}
  .header_menu>li {margin:0;}
  .header_menu>li:hover>ul {display:none;}
  .header_menu>li>ul {position:relative;padding:0 0 0 10px;margin:0;}
  .header_menu li.menu-toggled>ul {display:block !important;}

  .content, .content_padded {padding-left:20px;padding-right:20px;}

  .categories_grid li, .image_block {display:block;width:100%;}
  .image_block:not(_last-child) {margin:10px 0 10px 0;}
  .contact_info td {display:block;width:100% !important;}
  .contact_info p {text-align:center !important;}

  #articles_list, #sidebar.detail  {margin:0 0 165px;}
  #sidebar>*{width:100% !important;}
  #sidebar .articles_filter {position: absolute;left:0;bottom:40px;}
  #sidebar .articles-slider-container {display:block;margin:auto;float:none;}

  .hidden-xs {display:none;}
  .visible-xs {display:initial;}
}


@media only screen and (max-width:480px)
{
  #sidebar .articles-slider-container{width:100% !important;}
  .expandable_list_item_gallery {width:100%;height:220px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;margin: 20px 0;}
  .expandable_list_item_gallery a {margin:0 10px 0 0;}
  .donations_ticker_row {width:100%;padding-left:0;padding-right:0;}
}

@media only screen and (max-width:390px)
{
  .icon_menu .icon_button:not(:last-child) {margin-right:25px;}
  .footer_menu li.cat_level_0 {margin:0;}
}

@media print
{
 #content             { }
 #header .widget_shop_products_search,
 .articles_filter,
 .detail_tag,
 .shopcart_tag,
 .keep_shopping_tag,
 .change_qty_tag,
 .empty_cart_tag,
 .checkout_tag,
 .widget_shop_cart_pay_tag,
 .widget_shop_cart_close_tag,
 .toplink,
 .widget_users_login,
 .widget_localization_languages,
 .widget_categories_list,
 .widget_pages_list,
 .widget_pages_special_actions,
 .widget_shop_cart,
 .widget_shop_products_list_pagination,
 .widget_shop_products_list_view_mode_selection,
 .widget_shop_products_list_detail_navi_container,
 .widget_calendar_list_container_month .widget_calendar_list_weekday_header,
 .widget_calendar_list_container_month .empty {display:none;}
 .widget_shop_products_list {width:100%;}
 .widget_shop_products_list_container {width:100%;}
 .widget_calendar_list_container_month .widget_calendar_list_weekday_calendar {width: 100%; height: auto; clear:both; border: 0 none; border-bottom:1px solid #ccc;}
}