/* FontAwesome:
   Brands: :"Font Awesome 5 Brands";font-style:normal;font-weight:normal;
   Light: :"Font Awesome 5 Pro"; font-style:normal; font-weight:300;
   Reg: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;
   Bold: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;
   Asap 400, 700
   Caveat Brush 400
   Titillium Web 400, 600, 700
*/

/* General */
* {box-sizing:border-box;}
html {height:100.2%; font-size:62.5%;}
body {margin:0; font-family:Arial,sans-serif; font-weight:400;}
img {border:none;}
div, p, li, th, td, dt, dd {font-size:14px; font-size:1.4rem; line-height:18px; line-height:1.8rem; color:#000;}
p {margin:0 0 10px 0;}
p.text-center {text-align:center;}
ul {margin:0; padding:0; list-style-position:inside;}
li {line-height:22px; line-height:2.2rem;}
th, td {vertical-align:top;}
hr {height:0; border-style:none none solid none; border-width:1px; border-color:#999;}
input, textarea {font-size:14px; font-family:Arial,sans-serif; font-weight:400;}
.tx-owl-slider img {width:100%; height:auto;}
.clearer {clear:both;}
input[type="submit"] {height:30px; width:170px; margin-bottom:5px; cursor:pointer; border:none; background-color:#ea5f13; color:#fff; font-size:16px; font-size:1.6rem; font-family: 'Asap', sans-serif; font-weight:700;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear; border-radius:10px;}
.table-scrollable {width:100%; overflow-y:auto; margin:0 0 1em;}

.frame-space-before-large {margin-top:80px !important;}
.frame-space-after-large {margin-bottom:80px !important;}

/* rte etc */
#contentmain .OrangerButton,
#contentmain .link-button,
#contentmain .link-button-external {display:inline-block; padding:10px 15px; background-color:#ea5f13; color:#fff; text-decoration:none; font-size:18px; font-size:1.8rem;
  font-family: 'Titillium Web', sans-serif; font-weight:700;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear; border-radius:10px;}
#contentmain .link-button::before,
#contentmain .link-button-external::before,
#contentmain .OrangerButton::before {content:"\f0c1"; display:inline-block; margin-right:5px; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;}
#contentmain .OrangerButton:hover,
#contentmain .link-button:hover,
#contentmain .link-button-external:hover {background-color:#fb8e52; color:#fff;}

.blue-highlight {background-color:#4facfa;}
.red-highlight {background-color:#df0000;}
.yellow-highlight {background-color:#ffcc00;}
.green-highlight {background-color:#39a739;}
.red-font {color:#df0000;}

/* overall */
header,
footer {max-width:1200px; margin:0 auto;}
div#main {padding:0 130px; max-width:1200px; margin:0 auto; background:url(../img/pattern.jpg) repeat;}
footer {clear:both; overflow:hidden; background:url(../img/pattern.jpg) repeat;}
nav#topnavmobil {display:none;}
ul#skipnav {display:none;}
div#topbox {display:flex; padding:0 130px; max-width:1200px; height:auto; overflow:hidden;
 background: rgb(255,206,17); /* Old browsers */
 background: -moz-linear-gradient(left,  rgba(255,206,17,1) 0%, rgba(255,237,54,1) 48%, rgba(255,206,17,1) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(left,  rgba(255,206,17,1) 0%,rgba(255,237,54,1) 48%,rgba(255,206,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to right,  rgba(255,206,17,1) 0%,rgba(255,237,54,1) 48%,rgba(255,206,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce11', endColorstr='#ffce11',GradientType=1 ); /* IE6-9 */
}
div#contentmain {display:flex; flex-wrap:wrap; padding-bottom:50px;}


/* header */
div#topbox a#homelink {display:block; margin-top:40px; width:459px; height:156px;}
div#topbox a#homelink img {width:100%; height:auto;}

/* specialbox */
div#specialbox {margin-left:auto; padding:20px; width:260px; height:98px; background-color:#fff;
-webkit-box-shadow: 3px 4px 5px 1px rgba(0,0,0,0.22);
-moz-box-shadow: 3px 4px 5px 1px rgba(0,0,0,0.22);
box-shadow: 3px 4px 5px 1px rgba(0,0,0,0.22);
}
div#specialbox ul {list-style-type:none; padding:0; margin:0;}
div#specialbox ul li {display:inline;}
div#specialbox #specialnav {margin-bottom:18px;}
div#specialbox #specialnav ul li {border-right:1px solid #000;}
div#specialbox #specialnav ul a {font-size:13px; font-size:1.3rem; text-decoration:none; color:#000; padding:0 6px; font-family: 'Titillium Web', sans-serif; font-weight:600;}
div#specialbox #specialnav ul li:first-child a {padding-left:0;}
div#specialbox #specialnav ul a:hover {text-decoration:underline;}
div#specialbox #specialnav ul li:last-child {border-right:none;}
div#socialbox ul {display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;}
div#socialbox a {font-size:20px; font-size:2rem; margin-right:13px; color:#000;}
a.member-btn,
a.donate-btn {display:inline-block; padding:4px 15px;  text-align:center; color:#fff !important; background-color:#ea5f13; text-transform:uppercase; text-decoration:none; font-size:19px; font-size:1.9rem;
font-family: 'Titillium Web', sans-serif; font-weight:700; border-radius:15px;
-webkit-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}
a.donate-btn:hover {background-color:#fb8e52;}
div#socialbox .fa-facebook {color:#3c76ce; color:#000;}
div#socialbox .fa-flickr {color:#ff0090; color:#000;}
div#socialbox .fa-newspaper-o {color:#000;}
div#socialbox ul li a.donate-btn {margin-right:0;}
div#socialbox ul li:last-child {display:none;}

/* mainnav */
div#topbox div.menuopen {display:none;}
div#navwrap {display:flex; max-width:1200px; margin:0 auto; padding:0 130px; overflow:hidden;
  .background: url(../img/crumbs.png) no-repeat #646464; background-position:right 134px bottom -9px;
  background: url(../img/crumbs.png) no-repeat #646464; background-position:right bottom;
}
nav#topnav ul {margin:0; padding:0; list-style-type:none;}
nav#topnav ul li {float:left;}
nav#topnav ul li a {display:block; margin:0 18px 0 0; padding:5px 0; font-size:15px; font-size:1.5rem; color:#fff; text-decoration:none; font-family: 'Titillium Web', sans-serif; font-weight:600;}
nav#topnav ul li.last a {margin:0;}
nav#topnav ul li a:hover {color:#ffce11;}
nav#topnav ul li.act a {color:#ffce11;}
nav#topnav ul li ul {display:none;}

.searchform {position:relative; margin-top:4px; margin-left:auto;}
.searchform fieldset {margin:0; padding:0; border:none;}
.searchform legend {display:none;}
.searchform label {display:none;}
.searchform #searchinput {padding:2px 8px; width:158px; border-radius:15px; border:none;}
.searchform #searchsubmit {position: absolute; right: 0; top: 0; width: 30px; padding: 0; background: none; border: none; cursor: pointer;
  font-size: 20px; font-size: 1.250rem; line-height: 20px; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;}

/* mobile meta */
#mobile-header {display:none;}
#mobile-header a {font-size:28px; font-size:2.8rem; color:#fff;}
/* mmenu */
.mm-menu {margin-top:0 !important;}
.mm-menu .secondlvl {display:block !important;}
.mm-menu .mm-listitem__text i {display:none;}

/* main */
#contentmain a {color:#ea5f13; text-decoration:none; font-weight:700;}
#contentmain a:hover {color:#fb8e52;}
#contentmain a.link-download,
  #contentmain a.download {display:inline-block; margin-bottom:8px;}
/*#contentmain a.link-download::before,
  #contentmain a.download::before{display:inline-block; margin-right:5px; content:"\f019"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;}*/
h1 {margin-top:0; padding-bottom:8px; font-size:30px; font-size:3rem; line-height:30px; color:#ea5f13; border-bottom:1px solid #e1e1e1;
  text-transform:uppercase; font-family: 'Caveat Brush', sans-serif; font-weight:400;}
h2 {font-family: 'Asap', sans-serif; font-weight:700; line-height:1.2;}
h3 {margin-bottom:10px; font-family: 'Asap', sans-serif; font-weight:700; font-size:16px; font-size:1.6rem; line-height:20px; line-height:2rem;}
h4 {margin-bottom:10px; font-family: 'Asap', sans-serif; font-weight:700; font-size:16px; font-size:1.6rem; color: #ea5f13;}
#contentmain ul {padding-left:15px; list-style-position:outside; overflow:auto;}
#contentmain .tolist {display:block; float:right; padding:3px 8px; background-color:#646464; color:#fff; text-align:center;
  font-size:13px; font-size:1.3rem; font-family: 'Titillium Web', sans-serif; font-weight:400; border-radius:10px;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}
#contentmain .tolist:hover {color:#fff; background-color:#acacac;}
.clearfix {content:""; display:block; clear:both;}

figcaption {margin-top:5px; font-size:13px; font-size:1.3rem; font-style:italic;}
.frame-layout-1 {margin-bottom:10px; padding:12px 10px; background-color:#ececed;}
.frame-layout-1 h4 {margin-top:0;}
.frame-layout-1 p.bodytext:first-child {margin-top:0;}
.frame-layout-1 p.bodytext:last-child {margin-bottom:0;}
.frame-layout-2 {margin-bottom:10px; padding:12px 10px; background-color:#ffcc00;}
.frame-layout-2 h4 {margin-top:0;}
.frame-layout-2 p.bodytext:first-child {margin-top:0;}
.frame-layout-2 p.bodytext:last-child {margin-bottom:0;}

/* breadcrumb */
div#breadcrumb {margin:15px 0 25px; width:100%; color:#000; font-size:13px; font-size:1.3rem;}
div#breadcrumb a {color:#000; text-decoration:none; }
div#breadcrumb a:hover {text-decoration:none;}

/* col-left */
.col-left {width:20%; margin-right:5%;}
.col-left p.bodytext {font-size:13px; font-size:1.3rem; font-family: 'Asap', sans-serif; font-weight:400;}
.col-left .frame-layout-1 {margin-bottom:6px;}
.col-left .frame-layout-1 h4 {margin-bottom:8px; font-size:13px; font-size:1.3rem; font-family: 'Asap', sans-serif; font-weight:700;}
.col-left .frame-layout-1 figure {margin-bottom:0 !important;}
.col-left .frame-type-menu_pages {margin-bottom:15px;}
.col-left img {border:solid 1px #fff !important;}
  /* Countdown timer */
#countdown {width:100%; margin-bottom:6px; padding:15px; background-color:#ffce11;}
#countdown .timer {width:100%;}
#countdown .slot {display:inline-block; width:21%; margin-right:5px; padding:1px 5px; color:#fff; background-color:#000;}
  /* subnav */
#subnav ul {padding:15px 0 15px 10px; margin:0 0 15px 0; list-style-type:none; background-color:#e3e3e3;}
#subnav ul li {margin:0 10px 8px 10px;}
#subnav ul li:last-child {margin-bottom:0;}
#subnav ul li a {color:#000; font-size:15px; font-size:1.5rem; text-decoration:none; font-family: 'Titillium Web', sans-serif; font-weight:600;}
#subnav ul li a::before {display:inline-block; margin-right:5px; content:"\f105"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;}
#subnav ul li.act a {color:#ea5f13;}
#subnav ul li a:hover {color:#ea5f13;}
#subnav ul span.menudivider {display:block; margin:0 10px 5px 10px; font-size:14px; font-weight:bold;}

/* col-center */
.col-center {width:75%;}
.layout-7 .col-center {width:50%;}
.layout-6 .col-center {width: 100%;}

/* col-right */
.col-right {width:20%; margin-left:5%;}
.col-right h3 {margin-top:0; font-family: 'Asap', sans-serif; font-weight:700}
.col-right p.bodytext:first-child {margin-top:0;}
.col-right a.link-download,
  .col-right a.download {margin-bottom:0 !important;}

/* csc-mailform */
div.csc-mailform {width:500px;}
div.csc-mailform form ol li {overflow:hidden; margin-bottom:12px;}
div.csc-mailform li.csc-form-element-submit input {float:right; width:100px;}
div.csc-mailform form input {padding:0 0 0 0.5%; width:345px; height:35px;}
div.csc-mailform form textarea {padding:0.5%; width:345px;}
div.csc-mailform form label {width:10em; color:#000; font-size:14px; font-weight:bold;}
div.csc-mailform form label em {display:none;}

/* grids */
div.cols-2-inner {overflow:hidden;}
div.cols-2-inner div.cols-2-inner-left {float:left; width:45%; margin-right:5%;}
div.cols-2-inner div.cols-2-inner-right {float:left; width:45%;}

div.cols-3-inner {overflow:hidden; margin-bottom:30px;}
div.cols-3-inner div.csc-default {margin:0 !important;}
div.cols-3-inner div.cols-3-inner-left {float:left; width:30%;}
div.cols-3-inner div.cols-3-inner-middle {float:left; width:30%; margin:0 5%;}
div.cols-3-inner div.cols-3-inner-right {float:left; width:30%;}

/* news */
#contentmain div.news-latest-view .article {display:flex; flex-wrap:wrap; padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px #d9dada;}
.#contentmain div.news-latest-view .article:last-child {border-bottom:0;}
#contentmain div.news-latest-view .article::after {content:""; clear:both; display:block;}
#contentmain div.news-latest-view .article .article-list-text {width:84%;}
#contentmain div.news-latest-view h4 {margin:0 0 5px 0;}
#contentmain div.news-latest-view h4 a {color:#000000; font-size:19px; font-size:1.9rem; font-family: 'Asap', sans-serif; font-weight:400; text-decoration:underline;}
#contentmain div.news-latest-view p {font-size:14px; font-size:1.4rem; line-height:18px; line-height:1.8rem; margin-bottom:0;}
#contentmain div.news-latest-view .more {color:#000000; font-size:14px; font-size:1.4rem; font-family: 'Asap', sans-serif; font-weight:400; text-decoration:underline;}
#contentmain div.news-latest-view .news-img-wrap {max-width:13%; margin-right:3%;}
#contentmain div.news-latest-view .news-img-wrap a {display:block;}
#contentmain div.news-latest-view .news-img-wrap img {display:block;}
#contentmain div.news-latest-view .noimg > a {display:none;}
#contentmain div.news-latest-view .noimg .newstext {width:100%;}

#contentmain .news-list-view .article {overflow:hidden; padding-bottom:15px; margin-bottom:10px; border-bottom: 1px solid #e1e1e1;}
#contentmain .news-list-view .article .news-img-wrap {float:left; margin-right:20px;}
#contentmain .news-list-view .news-img-wrap.no-media-element {display:none;}
#contentmain .news-list-view .article hr {margin:25px 0;}

#contentmain .news-single h2 {margin-top:0;}
#contentmain .news-single h3 p,
#contentmain .news-single h3 {font-size:16px; font-size:1.6rem; line-height:20px; line-height:2rem;}
#contentmain .news-single .news-list-category,
#contentmain .news-single h5 {margin:0 0 5px 0; font-size:14px; font-size:1.4rem;}
#contentmain .news-single .news-list-category {display:block; font-weight: bold;}
.news-single .date-location {margin-bottom:5px;}
.news-single .date-location span {font-weight: bold;}

#contentmain .news-single .news-img-wrap {float:left; margin-right:20px;}
#contentmain span.disabledLinkWrap,
  #contentmain span.activeLinkWrap,
  div.browseLinksWrap a {display:inline-block; padding-right:10px;}
  #contentmain .news-single a.link-download img,
  #contentmain .news-single a.download img {display:none;}
#contentmain .news-single .news-single-additional-info dt {font-weight:bold;}
#contentmain .news-single .news-single-additional-info dd {margin-left:0;}
#contentmain .news-single .news-single-imgcaption {font-size:13px; font-size:1.3rem; font-style:italic;}

#contentmain .press-archiv {margin-bottom:15px; padding-bottom:15px;}
#contentmain .press-archiv .news-list-item {display:flex; margin:0 0 10px 0; padding:0; border:none;}
#contentmain .press-archiv .news-list-item h2 {margin:0; padding:0 0 0 5px; font-size:14px; font-size:1.4rem; line-height:18px; line-height:1.8rem;}

/* events */
/* latest */
.date-latest-view  {display:flex; flex-wrap:wrap;}
.date-latest-view .article {width:30%; margin-right:auto; padding:0 15px 0 0;}
.date-latest-view .article:last-child {margin-right:0;}
.date-latest-view .slick-prev::before,
.date-latest-view .slick-next::before {color:#000;}

div.date-list-view .article {margin-bottom:15px; padding-bottom:10px; border-bottom:solid 1px #e1e1e1;}
div.date-list-view .article:first-child {padding-top:0;}
div.single-events h2,
 div.date-list-view h2 {margin:10px 0;}
div.date-list-view .article p {margin-bottom:0;}
div.date-list-view .eventdate {font-family:'Asap', sans-serif; font-weight:700;}
div.list-news hr,
 div.single-events hr {border-color: #e1e1e1;}
div.date-list-view .news-layout-1 {padding:10px 5px; border:solid 1px #ea5f13;}
div.date-list-view .news-layout-2 {padding:10px 5px; border:solid 1px green;}

.news-backlink-wrap {margin-top:30px; padding-top:10px; border-top:1px solid #e1e1e1;}

/* powermail */
.tx-powermail fieldset {border:none; padding:0; margin:0;}
.tx-powermail legend,
.tx-powermail h3 {display:none;}
.tx-powermail input[type=text], .tx-powermail input[type=email], .tx-powermail select {width:300px; height:25px; padding:0 6px;}
.tx-powermail .powermail_fieldwrap {margin-bottom:15px;}
.powermail_fieldwrap {display:flex;}
.powermail_fieldwrap label {display:inline-block; width:150px; min-width:150px; font-family: 'Asap', sans-serif; font-weight:700;}
.powermail_form_1 .powermail_fieldwrap label {width:60px; min-width:60px;}
.powermail_fieldwrap .checkbox {display:flex; flex-wrap:wrap;}
.powermail_fieldwrap .checkbox label {width:100%;}
.powermail_fieldwrap .checkbox input {display:inline-block; width:auto; height:auto;}
ul.powermail_message_error {display:none;}
  /* campaigns/polls */
.p279 .tx-powermail {padding:10px; background-color:#ececed;}
.switchorganisation {padding:10px; background-color:#ececed;}
#switchorganisation {}
#c869 {display:none;}
div.signerlist {width:100%; padding:10px; background-color:#ececed;}
div.signerlist h4 {margin-top:0;}
table.signerlist {border-collapse:collapse;}
table.signerlist td {font-size:12px; font-size:1.15rem; line-height:14px; line-height:1.4rem;}

/* ke_search */
.tx-kesearch-pi1 * {font-family: 'Asap', sans-serif; font-weight:400;}
.tx-kesearch-pi1 .resetbutt a {font-size:14px;}
.tx-kesearch-pi1 .submitbutt input {color:#ea5f13; text-decoration:none; font-family:'Asap', sans-serif; font-weight:400; font-size:14px; font-weight:700;}
.tx-kesearch-pi1 #kesearch_num_results {font-size:12px; color:#000;}
.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {font-size:14px; color:#000;}
.tx-kesearch-pi1 #kesearch_results .result-list-item * {font-size:14px; color:#000;}
.tx-kesearch-pi1 #kesearch_results .result-list-item a:hover,
  .tx-kesearch-pi1 #kesearch_results .result-list-item a:hover span {color:#fb8e52;}
.tx-kesearch-pi1 .kesearch_pagebrowser a.next,
 .tx-kesearch-pi1 .kesearch_pagebrowser a.prev {color:transparent !important;}
a.kesGreyButt, span.resetbutt a,
span.submitbutt input,
input.kesGreyButt,
span.kesGreyButt {min-width:none; max-width:none;}
#kesearch_filters a.kesGreyButt {display:none; font-family: 'Asap', sans-serif; font-weight:400;}
.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {color:#ea5f13 !important;}

/* login */
.tx-felogin-pi1 fieldset {border:none; padding:0; margin:10px 0 0 0;}
.tx-felogin-pi1 legend {display:none;}
.tx-felogin-pi1 label {display:block; margin-bottom:2px; font-family: 'Asap', sans-serif; font-weight: 700;}
.tx-felogin-pi1 input {width:200px; height:25px; margin-bottom:10px; padding:0 6px;}

/* sitemap */
.frame-type-menu_sitemap ul li ul {margin-left:25px;}

/* paginator */
.f3-widget-paginator {list-style-type: none; padding:0 !important; text-align: center;}
.f3-widget-paginator li {display:inline-block; margin:0 2px;}

/* Footer */
div#footerbox {overflow:hidden; display: flex; align-items: flex-end;
height:305px; padding:0 130px; background:url(../img/ppl_sk.png) no-repeat bottom;}
div#footerbox nav#metanav,
div#footerbox nav#intnav {padding-bottom:20px;}
div#footerbox nav#intnav {margin-left:auto;}
div#footerbox ul {padding:0; margin:0; list-style-type:none;}
div#footerbox ul li {float:left; border-right:1px solid #fff; line-height:12px;}
div#footerbox ul li:last-child {border:none;}
div#footerbox ul li a {margin:0 10px; color:#fff; text-decoration:none; font-size:13px; font-size:1.3rem; font-family:'Titillium Web', sans-serif; font-weight:400;}
div#footerbox ul li:first-child {margin-left:0;}
div#footerbox ul li a:hover {text-decoration:underline;}

@media only screen and (max-width:1200px) {
  div#topbox,
  div#navwrap,
  div#main,
  div#footerbox {padding:0 30px;}
}

@media only screen and (max-width:1024px) {
   div#topbox a#homelink {margin-top:20px; width:300px; height:auto;}
  .col-left {width:30%;}
  .col-center {width:65%;}

  #layout2 .col-left {width: 20%; margin-right: 5%;}
  #layout2 .col-center {width:50%;}

  .tx-powermail input[type=text], .tx-powermail input[type=email], .tx-powermail select {width:240px;}

  #contentmain div.news-latest-view .news-img-wrap {display:none;}
  #contentmain div.news-latest-view .article .article-list-text {width: 100%;}
}

@media only screen and (max-width:900px) {
  div#navwrap {background-image:none;}
  .tx-powermail input[type=text], .tx-powermail input[type=email], .tx-powermail select {width:180px;}
}

@media only screen and (max-width:768px) {
  div#topbox,
  div#navwrap,
  div#main,
  div#footerbox {padding:0 15px;}

  #topnav #firstlvl {display:none;}
  #mobile-header {display:block;}
  div#navwrap {padding-top:6px; padding-bottom:6px;}
  nav#subnav {display:none;}

  div#topbox {display:flex; flex-wrap:wrap; position:relative; padding:0;}
  div#topbox a#homelink {padding:0 0 0 15px; width:250px;}
  div#specialbox {height:auto; width:auto; margin:0; padding:0; background-color:transparent; box-shadow: none; -webkit-box-shadow:none;}
  div#specialbox #specialnav {position:absolute; right:15px; top:10px; margin-bottom:0;}
  div#socialbox {position:fixed; left:0; bottom:0; z-index:999; padding:10px 30px; background-color:#fff; width:100%; text-align:center;
-webkit-box-shadow: -1px -4px 9px 0px rgba(0,0,0,0.19);
-moz-box-shadow: -1px -4px 9px 0px rgba(0,0,0,0.19);
box-shadow: -1px -4px 9px 0px rgba(0,0,0,0.19);}
  div#socialbox ul li:last-child {display:inline;}

  .col-center {width:100%;}
  .col-left > div {width:49%;}
  .col-left,
  #layout2 .col-left {display:flex; flex-wrap:wrap; justify-content: space-between; order:2; width:100%; margin-right:0; padding-top:15px; margin-top:15px; border-top: 1px solid #e1e1e1;}
  #layout2 .col-right {order:3; width:100%; margin-left:0; padding-top:15px; margin-top:15px; border-top: 1px solid #e1e1e1;}
  #layout2 .col-center {order:1; width:100%;}




  footer {}
  div#footerbox {flex-wrap:wrap; padding-top:15px; padding-bottom:46px; height:auto; background:none; background-color:#646464;}
  div#footerbox nav#metanav,
  div#footerbox nav#intnav {width:100%; text-align:center;}
  div#footerbox ul li {float:none; border-right:none; border-bottom:1px solid rgba(255,255,255,0.5);}
  div#footerbox nav#metanav a,
  div#footerbox nav#intnav a {display:block; padding:12px 0; font-size:14px; font-size:1.4rem;}

  .tx-powermail input[type=text], .tx-powermail input[type=email], .tx-powermail select {width:300px;}
}

@media only screen and (max-width:640px) {
  div#topbox a#homelink {width:200px;}
  div#socialbox a.member-btn, div#socialbox a.donate-btn {font-size:15px; font-size:1.5rem;}
  .tx-powermail input[type=text], .tx-powermail input[type=email], .tx-powermail select {width:240px;}
}

@media only screen and (max-width:480px) {
  div#topbox a#homelink {margin-top:10px;}
  div#specialbox #specialnav {display:none;}
  .col-left > div {width:100%;}
  .tx-felogin-pi1 input {width:100%;}

  #contentmain .news-single-item {display:flex; flex-wrap:wrap;}
  #contentmain .news-single-item > * {width:100%;}
  #contentmain .news-single-item .news-single-img {display:flex; flex-wrap:wrap; justify-content: space-between; order:2; float:none; width:100%; margin-right:0;}
  #contentmain .news-single-item .news-single-img a {display:block; width:49%;}
  #contentmain .news-single-item .news-single-img img {width:100%; height:auto;}
  #contentmain .news-single-item .clearer {width:100%; order:5;}
  #contentmain .news-single-item .news-single-imgcaption {display:none;}
  #contentmain .news-single-backlink {width:100%; order:6;}

  #contentmain .csc-textpic img {width:100%; height:auto;}
  div#socialbox {padding:10px 0 0;}
  div#socialbox ul li:nth-child(1),
  div#socialbox ul li:nth-child(2),
  div#socialbox ul li:nth-child(3) {width:33%;}
  div#socialbox .member, div#socialbox .donate {display:block !important; margin-top:8px;width:50%;}
  div#socialbox a {font-size:16px; font-size:1.6rem; margin-right:0;}
  div#socialbox a.member-btn, 
  div#socialbox a.donate-btn {width:100%; border-radius:0;}
  div#socialbox a.member-btn {border-left: solid 1px rgba(255,255,255,0.5);}
}

@media only screen and (max-width:380px) {
  #contentmain .csc-textpic .csc-textpic-imagewrap {float:none;}
  .powermail_fieldwrap {display:block;}
}