@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,700&display=swap');
h1 {     color: inherit; font-size: 50px; font-family: 'Open Sans', sans-serif; font-weight: 300 !important; text-decoration: none; text-transform: uppercase; margin-bottom: 5px; }
h2 {     color: inherit; font-size: 32px; font-family: 'Open Sans', sans-serif; font-weight: 300 !important; text-decoration: none; text-transform: uppercase; margin-bottom: 5 px;}
h3 {     color: inherit; font-size: 25px; font-family: 'Open Sans', sans-serif; text-decoration: none; margin-bottom: 5px; }
h4 {     color: inherit; font-size: 22px; font-family: 'Open Sans', sans-serif;font-weight: 600; text-decoration: none; text-transform: none; margin-bottom: 5px;}
h1{
  font-size: 5.6rem!important;
  font-weight: 400!important;
  text-transform: none!important;
  line-height: 1.2;
}



.btn-new {
    background-color: #555555;
    background-color: #4CAF50;
    border: none;
    color: #FFFFFF;
    padding: 15px 32px;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    margin: 16px 0 !important;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
}

.btn-new{
  color:black;
  background-color:white;
}

h1,
h2,
h4,
h5,
h6 {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}

h3 {
  font-family: 'Quicksand', sans-serif;
margin-top: 25pt;
font-size: 3.6rem;
font-weight: 500;
letter-spacing: .1rem;
}
p{
  color: #222;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  line-height: 1.6;
  font-size: 14pt;
}

.main-title {
    font-size: 40px;
}

.article-abstand{
	margin-top: 20px;
	margin-bottom: 20px;
}
.sub-title{
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
}
.article-border{
	margin-top: 20px;
	border-bottom: solid 1px rgba(102, 102, 102, 0.7);
	border-top: solid 1px rgba(102, 102, 102, 0.7);
	padding: 20px 20px 10px 20px;
}
.article-author{
	padding-right: 10px;
	font-size: 1.55rem;
}


.image_shadow{
	box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);
}

.slider_btn{
	background-color: rgba(102,102,102,1);
	padding: 10px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.9);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.9);
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.9);
}
.slider_btn:hover{
	background-color: red;
	padding: 10px;
}
.low_indikator{
	bottom:-45px;
}

.article-link{
	font-weight: bold;
}

.article-link i{
	padding-right: 10px;
	font-size: 1.55rem;
}
.main_title-overlay {
    position: absolute;
    color: white;
    top: -15px;
    left: 49%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.3);
    padding: 10px;
    text-shadow: 0px 1px 1px #000;
}
.article_zitat{

	margin-top: 15%;
}

.image_description p{
	font-style: italic;
	background-color: rgba(0, 0, 0, 0.3);
	padding: 5px;
	font-weight: 300;
}
.stack_slider_indicators{
	bottom: -35px;
}

.full_slider_indicators{
		bottom: -48px;
}

.image_shadow {
    -webkit-box-shadow: 0px -1px 2px 1px rgba(0,0,0,0.9);
    -moz-box-shadow: 0px -1px 2px 1px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.5);
}

.article_zitat i{
	font-size: 5rem;
}

.carousel_parallax_bg{
	position: relative;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
    background-repeat: no-repeat;
}

.carousel_parallax_bg .carousel-inner p,
.carousel_parallax_bg .carousel-inner h3,
.carousel_parallax_bg .carousel-inner .item{
	color: #fff;
	letter-spacing: 1px;
}

/** Links_bg_slider **/

.links_bg_slider_background{
	background-size: cover;
	background-position:center;
	min-height: 500px;
}

.inner_padding{
  padding-left: 50px;
    padding-right: 50px;
}
.inner_padding h1 {
  margin-top:0;
}

.links_bg_slider_indicators{
	bottom: -45px;
}
.links_bg_slider_indicators li{
	background-color: #333;
}

/****/


@media(max-width: 767px){

	.article_zitat{
		margin-top: 0;
	}

	#main-slider .carousel-content{
		padding-top: 130px!important;
	}
}
@media(max-width: 1000px) and (min-width: 767px){
	.portfolio-items.col-3 > li {
		width: 50%;
	}
}

@media(max-width: 767px){
	.portfolio-items.col-3 > li {
		width: 100%;
	}
}


#artikel_bg_bild .overlay{
    background-color: rgba(255, 255, 255, 0.8);
}

#artikel_bg_bild > div {
    margin-bottom: 0px;
}


.glyphicon-chevron-left:before {
    font-family: 'FontAwesome';
    content: "\f104";
}

.glyphicon-chevron-right:before {
    font-family: 'FontAwesome';
    content: "\f105";
}

#links_bg_carousel .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #717171;
}

#links_bg_carousel .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #717171;
    border-radius: 10px;
}

/*
// 12 - CSS3 Blockquote Effects Demo
// Made with ❤ by @Pawan_Mall
// http://www.pawanmall.net
*/

@import url('https://fonts.googleapis.com/css?family=Montez');
@import url(https://fonts.googleapis.com/css?family=Francois+One);

body{
  background: #f5f7fa;
}

blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;

  /*Font*/
  font-family: Georgia, serif;
  font-size: 14px;
  line-height: 1.2;
  color: #666;

  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;

  /*Borders - (Optional)*/
  border-left-style: solid;
  border-left-width: 15px;
  border-right-style: solid;
  border-right-width: 2px;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/

  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;

  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;

}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}

  /*Default Color Palette*/
blockquote.default{
  border-left-color: #656d77;
  border-right-color: #434a53;
}

/*Grapefruit Color Palette*/
blockquote.grapefruit{
  border-left-color: #ed5565;
  border-right-color: #da4453;
}

/*Bittersweet Color Palette*/
blockquote.bittersweet{
  border-left-color: #fc6d58;
  border-right-color: #e95546;
}

/*Sunflower Color Palette*/
blockquote.sunflower{
  border-left-color: #ffcd69;
  border-right-color: #f6ba59;
}

/*Grass Color Palette*/
blockquote.grass{
  border-left-color: #9fd477;
  border-right-color: #8bc163;
}

/*Mint Color Palette*/
blockquote.mint{
  border-left-color: #46cfb0;
  border-right-color: #34bc9d;
}

/*Aqua Color Palette*/
blockquote.aqua{
  border-left-color: #4fc2e5;
  border-right-color: #3bb0d6;
}

/*Blue Jeans Color Palette*/
blockquote.bluejeans{
  border-left-color: #5e9de6;
  border-right-color: #4b8ad6;
}

/*Lavander Color Palette*/
blockquote.lavander{
  border-left-color: #ad93e6;
  border-right-color: #977bd5;
}

/*Pinkrose Color Palette*/
blockquote.pinkrose{
  border-left-color: #ed87bd;
  border-right-color: #d870a9;
}

/*Light Color Palette*/
blockquote.light{
  border-left-color: #f5f7fa;
  border-right-color: #e6e9ed;
}

/*Gray Color Palette*/
blockquote.gray{
  border-left-color: #ccd1d8;
  border-right-color: #aab2bc;
}


/* These CSS classes used just for Demo purpose */
.heading{
   font-family:Montez;
   text-align:center;
   font-size:30px;
}
code{
  color:#da4453;
}

blockquote h1{
  text-align:left;
  font-size:16px;
  font-family: 'Francois One', sans-serif;
}
blockquote p{
  text-align:left;
}


.video-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    /* min-width: 300px; */
    /* min-height: 100%; */
    width: 100%;
    height: auto;
    /* -webkit-transform: translate(-50%, -50%); */
    -ms-transform: translate(-50%, -50%);
    /* transform: translate(-50%, -50%); */
}

.spreader {
    min-height: 60vh;
    position: relative;
}
@media (min-width: 1000px){
.spreader {
    min-height: 100vh;
    position: relative;
}
    .video-header {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: -1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

}


.m-height{
	min-height: 675px;
}

.year {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
	text-transform:none;
}

.hero-content {
    position: absolute;
    text-align: center;
    min-width: 400px;
    left: 50%;
    top: 50%;
    /* padding: 65px; */
    background: rgba(255, 255, 255, 0.8);
    outline: 4px double #FFFFFF;
    outline-offset: 8px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	padding:0px;
    padding-bottom: 20px;
	max-width: 400px;
}

#footer-wrapper{
    bottom: -400px;
}

.headline-top {
    position: absolute;
    z-index: 1005;
    position: absolute;
    text-align: center;
    top: 42%;
    width: 100%;
}

.headline-top h1{
    color: white;
    font-size: 50px;
    letter-spacing: 8px;
    font-weight: 300 !important;
}

.headline-top h2{
  color:white;
}

@media(max-width: 767px){
  .headline-top h1{ font-size: 21px; }
  .headline-top{ top: 23%; }
}

.text-top{
    position: absolute;
    z-index: 1005;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    /* transform: translate(-50%,-50%); */
    margin-left: -300px;
    transition-delay: 2s;
    width: 600px;
}

.text-top p{
    color: white;
    font-size: 31px;
    font-family: raleway;
    text-shadow: 3px 3px 2px rgba(150, 150, 150, 1);
}

.social-wrapper{
    text-align: center;
    margin-top: 5px;
}

.navbar-header h1 {
    font-size: 20px;
}

#artikel_bg_bild{
        background-size: cover;
    background-position: center center;
}

.btn-home{
    position: absolute;
    top:85vh;
    background: none;
    width: 150px;
    left: 50%;
    border: 2px solid #232323 !important;
    color: #232323 !important;
    margin-left: -75px;
}

.btn-home:hover{
    background-color: #232323 !important;
    color: white !important;
}

@media(max-width: 1600px){
    .hidden-costume{
        display:none!important;
    }
    .visible-costume{
        display: block!important;
    }
}
@media(min-width: 1601px){
    .hidden-costume{
        display: block!important;

    }
    .visible-costume{
        display:none!important;
    }
}


.logo-container {
    width: 75px;
}

.logo img {
    width: 100%;
    height: auto;
}

.navbar-inverse .navbar-nav {
    margin-top: 15px;
    margin-bottom: 15px;
}



#video-header {
    height: 100vh;
}

#video-header video {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: -100;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.header-elements-container {
    width: 100%;
    height: 100%;
    position: relative;
    /* padding: 0 5%; */
}

.headings-container {
    width: 100%;
    position: absolute;
    top: 28%;
    /* left: 50%;
    -webkit-transform: translate(-50%, -35%);
    transform: translate(-50%, -35%); */
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 1.2s ease-in, top 1s ease;
    transition: opacity 1.2s ease-in, top 1s ease;
}

.checkbox-label {
    display: inline-block!important;
    font-size: 13px;
    font-weight: 400;
    padding-top: 0px!important;
    position: relative;
    top: -2px;
}
.Bildfeld6 {
  width: 200px;
}

.blue-art {
  color:#3115ff;
    border-color:#3115ff;
}
.Bildfeld6{
  max-width: 400px;
  width:unset !important;
}
    
.Bildfeld7{
  max-width:400px;
    }

#main-slider{
  height:unset !important;
}

.parallax-section p{
	color:white;
}

.navbar-inverse .navbar-nav > li > a {
    letter-spacing: 1px;
    font-size: 15px;
    padding: 15px 15px 10px;
    color: #ed5c5c!important;
    font-weight: 400;
}