html {
  position: relative;
  min-height: 100%;
}


body {
    padding-top: 5rem;
    background: #f2f3f5;
    margin-bottom: 100px;
}

h1 {
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #000000;
  font-size: 2.7em !important;
  font-weight: bold;
}

.claim {
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #207cca;
  font-size: 1.4em !important;
  font-weight: 400;
  margin-top: 3px;
}

h4 {
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #666666;
  font-size: 1.5em !important;
  font-weight: bold;
  margin-top: 0px;
}

p {
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #000000;
  font-size: 1.0em !important;
}

.mf {
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #000000;
  font-size: 1.2em !important;
}

.fontDate {
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #666666;
  font-size: 0.9em !important;
}

.fontDateLight {
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #8c8c8c;
  font-size: 0.9em !important;
}

.fontArticle {
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #000000;
  font-size: 1.2em !important;

  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;

   text-align: justify;
}

/* Artikel H1 */
.artikelH {
  margin-top: 0px;
  margin-bottom: 20px;

}

.grey-background {
    background: #f2f3f5;
}

.top-spacer {
  margin-top: 2em;
}

/* Custom Rounded */
.img-rounded {
  border-radius: 2px;
}




/* Div für Logo-Bereich */
.header-logo {
  height: auto;
  padding-top: 1.7em;
  padding-bottom: 1.7em;
  background: #ffffff;
  margin-top: -20px;
}

.header-bck {
  background: #c9e8f9; /* Old browsers */
  background: -moz-linear-gradient(top, #c9e8f9 46%, #adcd1d 78%, #adcd1d 100%, #207cca 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #c9e8f9 46%,#adcd1d 78%,#adcd1d 100%,#207cca 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c9e8f9 46%,#adcd1d 78%,#adcd1d 100%,#207cca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9e8f9', endColorstr='#207cca',GradientType=0 ); /* IE6-9 */
  padding-top: 30px;
  padding-bottom: 25px;
  margin-bottom: -15px;
  margin-top: -23px;
}





/* Custom Navbar */
.customnav {
  margin-top: -50px;
  border-radius: 0px;
    margin-left: -60px;

}
.navbar-default {
  background-color: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.10);
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  border-right: 0px;
  border-left: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.0em;
  border-radius: 0px;
    margin-top: -10px;
    margin-left: -60px;
}





.navbar-default .navbar-brand {
  color: #494949;

}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #246cf9;
  font-family: 'Source Sans Pro', sans-serif;

}
.navbar-default .navbar-text {
  color: #246cf9;
}
.navbar-default .navbar-nav > li > a {
  color: #494949;
   line-height: 50px;
    height: 50px;
    padding-top: 0;


}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  /*background: #a0bdff;*/
  background: rgba(73,155,234,1);
background: -moz-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(59,145,232,1) 33%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(33%, rgba(59,145,232,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(59,145,232,1) 33%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(59,145,232,1) 33%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(59,145,232,1) 33%, rgba(32,124,229,1) 100%);
background: linear-gradient(135deg, rgba(73,155,234,1) 0%, rgba(59,145,232,1) 33%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #246cf9;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:      1.2em;

}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #494949;
  /*background-color: #e1e1e1;*/

}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
 /* background-color: #e1e1e1;*/
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #494949;
  /*background-color: #e1e1e1;*/
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #246cf9;
  background: #eaeaea !important;
 /* background-color: #e1e1e1;*/
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #494949;
 /* background-color: #e1e1e1; */
}
.navbar-default .navbar-toggle {
  border-color: #e1e1e1;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
 /* background-color: #e1e1e1;*/
}
.navbar-default .navbar-toggle .icon-bar {
 /* background-color: #d6132d;*/
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #d6132d;
}
.navbar-default .navbar-link {
  color: #d6132d;
}
.navbar-default .navbar-link:hover {
  color: #494949;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

ul.nav li.dropdown:hover ul.dropdown-menu{
	display: block;
	margin-top:0px
}


/******** SUBNAVIGATION *********/
#subnavOuterWrapper {
  background: #acacac;
  min-height: 45px;
  margin-top: -20px;
}

#subnavlist {
	padding: 0px;
	margin: 0px;
  margin-left: -5px;

}

#subnavlist li {
	list-style:none;
	float: left;
	margin-right:1em;
	margin-top: 9px;
}

#subnavlist a:link,
#subnavlist a:visited {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 1.1em;
	color:#5c5e60;
	font-weight: normal;
	display: block;
	padding: 7px;
	text-decoration: none;
  padding: 4px;


  /* Transition-Effekt mit Fallback für ältere Browser: */
	-moz transition: background-color 0.25s ease-in-out;
	-webkit transition: background-color 0.25s ease-in-out;
	-o transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;

}

#subnavlist a:hover {
	background: #666666;
	color: #ffffff;
	border-radius: 3px;
  padding: 4px;
}

.subactive a:link, .subactive a:visited  {
  display: block;
	padding: 7px;
  background: #666666;
	color: #ffffff !important;
	border-radius: 3px;
  padding: 4px;

}



/******** ADVERTISING **********/
.sp1-ad {
    border-radius: 2px;

}
.font-ad {
  color: #999999;
  font-size: 0,6em;
  font-family: 'Source Sans Pro', sans-serif;
}

.font-ad-light {
  color: #ffffff;
  font-size: 0,6em;
  font-family: 'Source Sans Pro', sans-serif;
}


/******** Short News ****************/

.sn-header {
  color: #000000;
  font-size: 1.3em;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  margin-bottom: 0px;
}



.sn-container:first-child {
  padding-top: 5px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 1px;
  margin-bottom: 0px;
}

.sn-container {
  padding-top: 3px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 3px;
  margin-bottom: 0px;
}




a.sn-post-link:link, a.sn-post-link:visited {
display:block; absolute; top:0; left:0;
width: auto;
height:auto;
text-decoration: none;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-bottom-color: rgb(179, 180, 181);

-webkit-transition:0.3s ease;
-moz-transition:0.3s ease;
-ms-transition:0.3s ease;
-o-transition:0.3s ease;
transition:0.3s ease;


}

a.sn-post-link:hover {
/*  border-style: solid;
  border-width: 2px;*/
  background: #aaa4a4;

  }


/******** TOP TOPIC SPECIAL**********/

.top-topic-card {
  background: rgba(73,155,234,1);
  background: -moz-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(59,145,232,1) 33%, rgba(32,124,229,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(33%, rgba(59,145,232,1)), color-stop(100%, rgba(32,124,229,1)));
  background: -webkit-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(59,145,232,1) 33%, rgba(32,124,229,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(59,145,232,1) 33%, rgba(32,124,229,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(59,145,232,1) 33%, rgba(32,124,229,1) 100%);
  background: linear-gradient(135deg, rgba(73,155,234,1) 0%, rgba(59,145,232,1) 33%, rgba(32,124,229,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
  min-height: 200px;
  padding-top: 2em;
  padding-bottom: 2em;
}

h3.tt {
  color: #000000;
  font-size: 0.8em;
  font-family: 'Source Sans Pro', sans-serif;
  margin-top: -5px;
}
h4.tt {
  color: #ffffff;
  font-size: 2.5em;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
}

.tt-label {
  background: #ffffff;
  padding: 5px;
  border-radius: 2px;
}


.post-tt {
  /*background: #f2f3f5;*/
  height: 145px;
	z-index:1;
  position:relative;
  border-radius: 2px;


  border-style: solid;
  border-width: 1px;
  border-color: #ffffff;
  margin-bottom: 25px;
}

.post-tt:hover {
  background: #44484b;
}

.post-text-tt {
  position:absolute;
	top:7px;
  left: 0px;
	z-index:4;
  color: #fcfcfc;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.0em;
  width: 90%;

  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;

    text-align: justify;
}

.post-font-header-tt {
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.2em;
    margin-bottom: 6px;
    font-weight: bolder;

}


/******** POSTINGS **********/
.post {
  background: #ffffff;
  height: 350px;
	z-index:1;
  position:relative;
  border-radius: 2px;
  overflow:hidden;
}

.post-normal { /* Container für die Darstellung auf der Kategorie-Seite */

  height: 250px;
	z-index:1;
  position:relative;
  border-radius: 2px;
  overflow:hidden;
  margin-bottom: 35px;

}

.post-special {
  background: rgb(135, 161, 187);
  height: 350px;
	z-index:1;
  position:relative;
  border-radius: 2px;
  overflow:hidden;
}

.bgclass {
    background: linear-gradient(rgba(0,130,170,0),rgba(0,130,170,1));

}

.post-gradient {

  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 18%, rgba(0,0,0,0.33) 36%, rgba(0,0,0,0.74) 70%, rgba(0,0,0,0.91) 87%, rgba(0,0,0,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 18%,rgba(0,0,0,0.33) 36%,rgba(0,0,0,0.74) 70%,rgba(0,0,0,0.91) 87%,rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 18%,rgba(0,0,0,0.33) 36%,rgba(0,0,0,0.74) 70%,rgba(0,0,0,0.91) 87%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );

}

.post-gradient3 {

  background: -moz-linear-gradient(top, rgba(0,0,0,0) 46%, rgba(0,0,0,0) 56%, rgba(0,0,0,1) 88%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 46%,rgba(0,0,0,0) 56%,rgba(0,0,0,1) 88%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 46%,rgba(0,0,0,0) 56%,rgba(0,0,0,1) 88%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}


.post-gradient2 {

background: -moz-linear-gradient(top,  rgba(242,243,245,0) 1%, rgba(242,243,245,0) 78%, rgba(242,243,245,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(242,243,245,0) 1%,rgba(242,243,245,0) 78%,rgba(242,243,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(242,243,245,0) 1%,rgba(242,243,245,0) 78%,rgba(242,243,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2f3f5', endColorstr='#f2f3f5',GradientType=0 ); /* IE6-9 */
}


.post-img{
  position:relative;
  z-index:-1;
  display:block;
  height:auto;
  width:auto;
  border-radius: 2px;

  }




.catagory {
	position:absolute;
	top:20px;
	right:20px;
	z-index:2;
}

.post-feature-content {
  position:absolute;
	top:260px;
  left: 20px;
	z-index:3;

}

.post-content {
  position:absolute;
	top:95px;
  left: 20px;
	z-index:3;

}




.post-spacer-bottom, .spacer-bottom {
  margin-bottom: 2em;
}

.post-spacer-top, .spacer-top{
  margin-top: 2em;
}

.post-font-date {
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.9em;
}

.post-font-date-related {
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.9em;
}

.post-feature-font-header {
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.6em!important;
    margin-top: 30px; /* 6 */
}

.post-font-header {
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.2em;
    margin-top: 20px; /* 6 */
    width: 95%;
}

.post-font-header-related {
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.2em!important;
    margin-top: 0px;
    font-weight: bold;
}

.related-outer-box {
  border-radius: 2px;
  border-style: solid;
  border-width: 0px;
  padding: 5px;
  margin-bottom: 1em;
  /*border-color: rgb(170, 170, 170);*/
  background-color: #ffffff;
}

.rel-pic {
  border-radius: 2px;
}

.post-text {
  position:absolute;
	top:185px; /* 185 */
  left: 15px;
	z-index:4;
  color: #000000;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.0em;
  width: 89%;


  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;

    text-align: justify;
}

/* Text für Vorschau auf normal (Subsite) */
.post-text_normal {

  color: #000000;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.0em;
  width: 100%;

  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;

    text-align: justify;
}




a.feature-post-link:link, a.feature-post-link:visited {
display:block; absolute; top:0; left:0;
width: auto;
height:auto;

/*
-webkit-transition:0.3s ease;
-moz-transition:0.3s ease;
-ms-transition:0.3s ease;
-o-transition:0.3s ease;
transition:0.3s ease;
*/

}

a.feature-post-link:hover {

/*
    -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
            transform: scale(0.9);
*/
  background: linear-gradient(rgba(0,130,170,0),rgba(0,130,170,1));

}

a.feature-post-link-tt:link, a.feature-post-link-tt:visited {
display:block; absolute; top:0; left:0;
width: auto;
height:auto;


-webkit-transition:0.3s ease;
-moz-transition:0.3s ease;
-ms-transition:0.3s ease;
-o-transition:0.3s ease;
transition:0.3s ease;


}




a.feature-post-link-tt:hover {
/*  border-style: solid;
  border-width: 2px;
  border-color: #ffffff;*/

  }



a.normal-post-link:link, a.normal-post-link:visited {
 /* display:block; absolute; top:0; left:0;
  width: auto;
  height:auto;
  background: #ffffff;*/
  text-decoration: none;
  -webkit-transition:0.3s ease;
  -moz-transition:0.3s ease;
  -ms-transition:0.3s ease;
  -o-transition:0.3s ease;
  transition:0.3s ease;
}

a.normal-post-link:hover {
/*background: #89898e;*/
}

.normal-post {
  background: rgb(135, 161, 187);

	z-index:1;
  position:relative;
  border-radius: 2px;
  overflow:hidden;
}

/* RIBBON ----------------------------------------------*/
.box {
  width: 200px; height: 300px;
  position: relative;
  border: 1px solid #BBB;
  background: #EEE;
}
.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  /*background: #79A70A;*/
  /*background: linear-gradient(#B6BAC9 0%, #808080 100%);*/
  background: linear-gradient(#fd7c09 0%, #fd8d09 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #fd8d09;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #fd8d09;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #fd8d09;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #fd8d09;
}

/* FOOTER -------------------------------------------- */

footer {
  background-color:#0c1a1e;

  padding-top: 25px;
  padding-bottom: 25px;
  	color: rgba(255,255,255,1.00);
  background-color: #3c3d41;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 100px;

}

a.footerlink:link, a.footerlink:visited {
  color: #ffffff;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 1em !important;
  text-decoration: none;
  -webkit-transition:0.3s ease;
  -moz-transition:0.3s ease;
  -ms-transition:0.3s ease;
  -o-transition:0.3s ease;
  transition:0.3s ease;
}

a.footerlink:link:hover {
  color: #999999;
}





@media (max-width: 1200px) {
  .post-content {
	   top: 67px;
     left: 20px;

     }
  .post-text {
     top:145px;
     }

  .post-feature-content {
    top: 200px;
  }
}

@media (max-width: 900px) {
 .navbar-default {
   margin-top: 0px;
   margin-left: 0px;
 }

 .customnav {
   margin-top: 0px;
   margin-left: 0px;
 }

 .post-text {
    top:195px;
    }

}