/* FONTS AVAILABLE


    font-family: 'Open Sans Condensed', sans-serif;

    font-family: 'Open Sans', sans-serif;

    font-family: 'Droid Sans', sans-serif;

    font-family: 'Droid Sans Mono', monospace;

    font-family: 'Roboto Condensed', sans-serif;

    font-family: 'Oswald', sans-serif;

    font-family: 'Anton', sans-serif;

    font-family: 'Yanone Kaffeesatz', sans-serif;

    font-family: 'Pathway Gothic One', sans-serif;

    font-family: 'News Cycle', sans-serif;

*/
* {font-family: 'Arial Narrow', sans-serif; font-size: 12pt; letter-spacing: 0px; line-height: 1.2;}
h1,h2,h3,h4,h5 { font-family: 'Oswald', sans-serif; font-weight: 500; text-align: center; margin: 0px;}
a {font-family: 'Oswald', sans-serif; font-size: 12pt;}
a, a:active, a:hover, a:focus { text-decoration: none;    color: #e3001b;}
a:hover { text-decoration: none;    color: #e3001b;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .btn-default {
    background-color: #e3001b;
    color: #fff;
    border-color: #e3001b;
    -webkit-transition: width 0.4s;
    transition: width 0.4s;
}
.widget-title { text-align: left; }

.byline, .posted-on, .entry-footer {padding: 15px; }
#sidebar {position: absolute; right: 0px; top: 0pX; width: 10%; text-align: left; height: 175px; background: rgba(255,255,255,0.6); padding-top: 25pX; }
article { width: 46%; padding-bottom: 0px; margin-bottom: 0px; box-shadow: 0 0 0 #fff; float:left !important; height: 340px; }
#postlist  { width: 46%;     margin-left: 10px;     margin-right: 20px; border: 1px solid #999; margin-bottom: 10px; margin-top: 5px; box-shadow:  3px 3px 3px #555; border-bottom-right-radius: 20px; float:left; padding: 10px;}
#searchsubmit {width: 25%; background-color: #e2071d;}
#categories-2 ul {margin-left: -45px;}
#categories-2 li { float: left; margin: 8px; list-style-type: none;}
.page-header { padding-bottom: 2px; margin: 10px 0 5px;border-bottom: 0px solid #eeeeee;}
.page-header a { font-size: 18pt; font-weight: 400; text-align: left;}
.content-entry-summary h2 { text-align: left !important;}
.header{ width: 100%; height: 500px; border-bottom:0px solid white; box-shadow: 3px 3px 3px 0px #666; margin-bottom: 5px;}
.site-header { padding-top: 0px; padding-bottom: 10px; }
.main-content.row  { padding-top: 0px; padding-bottom: 10px; margin: 0 auto; width: 90vw;}
.headlinesBeitragsliste{     position: relative;    bottom: 0;    border-bottom: 0;    padding: 20px;    background-color: white;    color: Black; text-align: left;}
.content-container { box-shadow: 2px 4px 4px 1px #666; border-bottom-right-radius: 20px; border-bottom-left-radius: 15px;}
.textblock { font-size: 13pt; text-align: justify;}
.textbutton { text-align: center;}
.btn-red { background-color: #e3001b; border: 0px; box-shadow: 1px 1px 3px 1px #555;}
.btn-red:hover { background-color: #a40014; border: 0px; box-shadow: 1px 1px 3px 1px #555;}
.type-post{ max-width: 1200px;}
.navbar { position: relative; min-height: 20px; margin-bottom: 0px;   border-bottom: 8px solid #e3001b; box-shadow: 3px 3px 3px 0px #666; }
.navbar-nav > li > a {    padding-top: 5px;  padding-bottom: 5px; }
.nav > li.active > a::after, .current-page-parent::after { background-color: #e3001b;}
.nav > li > a::after {
    position: absolute;
    content: '';
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: white;
    -webkit-transition: width 1s;
    transition: width 1s;
}
.nav > li.active { background-color: #e3001b;}
.navbar-nav > li.active > a {  color: white; }

.iframemap {border-radius:8px; -moz-box-shadow:    inset 0 0 5px #666; -webkit-box-shadow: inset 0 0 5px #666; box-shadow: inset 0 0 5px #666;}
.container {  padding: 0px; border-radius: 0px;  box-shadow: 0 0 0 #fff; margin-left: 0px; margin-top: 6px;}
.container-fluid {margin-left: 0px;}
.newseite {border: 0px solid black; margin-top: 8px;}
.home .container { margin-left: 0px;  padding: 0px; border-radius: 0px;  box-shadow: 0 0 0 #fff;}
.homepage-layout .entry-content {     padding-top: 0px;   width: 99.5vw;}
#logo1, #logo2, #logo3, #logo4, #logo5 { margin-left: 25px !important; margin-top: 0px; margin-bottom: 30px; }
#logo3 { width: 200px; margin-top: 5px; margin-bottom: 10px}

.titlebox { background: rgba(255,255,255,0.7); box-shadow: 3px 3px 3px #333; border-bottom-right-radius: 15px; margin: 10px; padding: 8px;}

.beitragseite .page-header {text-align: left; width: 60vw;}
#menu-meinfooter {     list-style-type: none;     margin: 0;     padding: 0; font-size: 13pt; color: #333;}
#menu-meinfooter > li > a { color: #333;}
#menu-meinfooter > li > a:hover { color: #e3001b;}
.footer { font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 13pt; margin-bottom: 0px;}
.footer-credits { margin-bottom: 8px; box-shadow: 2px -2px 3px 1px #666; padding: 5px;}
#colophon { position: fixed; bottom: 0px; width: 100%; background-color: white; margin-bottom: -5px;}
.boxadressesheadline {width:100%; background-color: #e3001b; color: white; box-shadow: 2px 2px 2px #333; padding: 5px; text-alig: center; font-size: 16pt; font-weight: 400;}
.boxadresses {width: 32%; float: left; padding: 10px; padding-left: 10px; background: #ccc; box-shadow: 2px 2px 2px #333; border-radius: 5px; margin: 10px; font-size: 12pt;}

.bst-info::before {    visibility: hidden;}
.btn-primary.gradient {    background-color: #e2071d;
    background-image: -moz-linear-gradient(top, #ff273d, #af0a16);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff273d), to(#af0a16));
    background-image: -webkit-linear-gradient(top, #ff273d, #af0a16);
    background-image: -o-linear-gradient(top, #ff273d, #af0a16);
    background-image: linear-gradient(to bottom, #ff273d, #af0a16);
    background-repeat: repeat-x;
    border-color: #af0a16 #af0a16 #9e0414;
    cursor: pointer;
    margin: 0px !important;

}
.btn-primary.gradient:hover, .btn-primary.gradient:focus, .btn-primary.gradient:active, .btn-primary.gradient.active, .open > .dropdown-toggle.btn-primary {

    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #cd0115, #a60515);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cd0115), to(#a60515));
    background-image: -webkit-linear-gradient(top, #cd0115, #a60515);
    background-image: -o-linear-gradient(top, #cd0115, #a60515);
    background-image: linear-gradient(to bottom, #cd0115,#a60515);
    background-repeat: repeat-x;
    border-color: #a60515 #a60515 #870310;
    cursor: pointer;

}


/* FORMAS */

.fscf-div-label { width: 25%; float: left;}
.fscf-div-submit, .fscf-image-captcha, .fscf-image-captcha-refresh {margin-left: 25% !important;}
.fscf-button-submit {width: 100% !important;}
input,  .fscf-input-text, .fscf-input-textarea { width: 75%; padding: 5px; border-radius:8px; -moz-box-shadow:    inset 0 0 5px #666; -webkit-box-shadow: inset 0 0 5px #666; box-shadow: inset 0 0 5px #666; background-color: #EEE;}
@media screen and (min-width: 300px) {
  .header {height: 350px;}
  #logolink1, #logolink2, #logolink4, #logolink5 { visibility: hidden !important; }
    #logo1, #logo2, #logo4, #logo5 { visibility: visible; height: 12px;margin-left: 5px !important; }
}
@media screen and (min-width: 360px) {
  .header {height: 350px;}
  #logolink1, #logolink2, #logolink4, #logolink5 { visibility:  hidden !important; }
  #logo1, #logo2, #logo4, #logo5 { visibility:  hidden !important; }
}
@media screen and (min-width: 500px) {
  .header {height: 220px;}
}
@media screen and (min-width: 800px) {
  #logo1, #logo2, #logo4, #logo5 { visibility: visible; }
  #logo1, #logo2, #logo4, #logo5 { margin-left: 5px !important; height: 12px; }
  .header{ width: 100%; height: 80vh; border-bottom:0px solid white; margin-bottom: 0px;}
  .header {height: 280px;}
}
@media screen and (min-width: 1024px) {

    #logo1, #logo2, #logo4, #logo5 { margin-left: 5px !important; visibility: visible !important; height: 12px;}
  .header {height: 280px;}
}

@media screen and (min-width: 1440px) and (orientation : portrait)   {
  .header {height: 150px;}
  * {font-family: 'Arial Narrow', sans-serif; font-size: 12pt; letter-spacing: 0px;}
}

@media (min-width: 1440px) {
  .header {height: 350px;}
  #logo1, #logo2, #logo4, #logo5 { visibility: visible; }
  #logo1, #logo2, #logo4, #logo5 { margin-left: 5px !important; height: 10px; }
}
@media (min-width: 1920px) {
  .header {height: 650px;}
  #logo1, #logo2, #logo4, #logo5 { visibility: visible; }
  #logo1, #logo2,  #logo4, #logo5 { margin-left: 25px !important; height: 14px; }
  * {font-family: 'Arial Narrow', sans-serif; font-size: 13pt; letter-spacing: 0px;}
}

/*  portrait */
@media screen and (max-width : 320px)  {
  .header {height: 120px !important;}
 }


@media (min-width: 2500px) {
  .header {height: 820px;}
}