@charset "utf-8";
/* CSS Document zum Anpassen der style css*/


body{font-family: 'Arvo', sans-serif;}

#mainNav .navbar-nav .nav-item .nav-link{font-family: "PT Sans"}

#mainNav.navbar-scrolled .first_letter_color {color: rgba(155,146,146,1.00)}

.first_letter_color{color: rgba(247,247,247,1.00)}


.coverblende {
	width: 100%;
	height: 100vh;
	opacity:1;
	background-color:transparent;
	overflow: hidden;
	box-sizing: border-box;
	animation: introblende 2s ease-in;
	animation-iteration-count: 1;
}

.masterbild {
/*	background-image: url( "../img/sh_head_csu1920x1080_gruen_struktu.jpg");*/
	width: 100%;
	height: 100vh;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;
}

@keyframes introblende { 
	0% {background-color: rgba(20,23,64,1.00);}
	100% {background-color:transparent;}
}


/* Color Theme Swatches in RGBA */
.color_dunkel_weiss { color: rgba(234, 240, 242, 1); }
.color_hellgrau { color: rgba(191, 191, 185, 1); }
.color_dunkelgruen { color: rgba(191, 181, 38, 1); }
.color_hellgruen { color: rgba(191, 184, 95, 1); }
.color_dunkelgrau { color: rgba(140, 136, 120, 1); }

/* Color Theme Swatches in RGBA */

.bg_weiss_halbtransparent {background-image: linear-gradient(to right,rgba(255,255,255,0.50), rgba(255,255,255,1.00), rgba(255,255,255,0.80));box-shadow:inset 5px 10px 20px 20px rgba(255,255,255,0.00);border-radius: 5%;}

.bg_dunkel_weiss { background-color: rgba(234, 240, 242, 1); }
.bg_hellgrau { background-color: rgba(191, 191, 185, 1); }
.bg_dunkelgruen { background-color: rgba(191, 181, 38, 1); }
.bg_hellgruen { background-color: rgba(191, 184, 95, 1); }
.bg_dunkelgrau { background-color: rgba(140, 136, 120, 1); }
.bg-primary {
	background-color: rgba(204,204,204,1.00) !important;
}


.bg-secondary {
  background-color: rgba(191, 184, 95, 1) !important;
}

#mainNav {
	box-shadow: 0 0.5rem h rgba(0, 0, 0, 0.15);
	background-color: rgba(249,249,249,0.60);
	transition: background-color 0.2s ease;
}

/*#mainNav.navbar-scrolled {
	box-shadow: 0 0.5rem h rgba(0, 0, 0, 0.15);
	background-color: rgba(249,249,249,0.20);
	transition: background-color 0.2s ease;
}*/

#mainNav.navbar-scrolled .navbar-brand:hover {
    color: rgba(49,48,44,1.00);
  }

#mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link:active {
  	color: rgba(191, 181, 38, 1);
	text-shadow: 5px 2px 10px #000;
}
#mainNav .navbar-nav .nav-item .nav-link.active {
border-top: medium solid red;
/*text-decoration: underline solid red;
text-underline-position:right;*/
}

#about{background-color: rgba(234, 240, 242, 1);
	
	
}
.timeline > li .timeline-image {
  position: absolute;
  z-index: 100;
  left: 0;
  width: 80px;
  height: 80px;
  margin-left: 0;
  text-align: center;
  color: white;
  border: 7px solid #e9ecef;
  border-radius: 100%;
  background-color: rgba(191, 184, 95, 1);
}



hr.divider {
  max-width: 3.25rem;
  border-width: 0.2rem;
  border-color: rgba(140, 136, 120, 1)
}


/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* First image (Logo. Full height) */
.bgimg-1 {
  background-image: url( "../img/GettyImages-488908066_super_heller_150_komp5.jpg");
  min-height: 100%;
}

/* Second image (politik) */
.bgimg-2 {
  background-image: url("../img/bg_schrift_hell.jpg");

  filter: blur(0.5);
  min-height: 500px;

}


/* Third image (Contact) */
.bgimg-3 {
  background-image: url( "../img/GettyImages-173448050_super_heller_180_komp5.jpg");
  min-height: 400px;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
    min-height: 400px;
  }
}
	
	#politik .container-fluid .politik-box .politik-box-caption, #politik .container-sm .politik-box .politik-box-caption, #politik .container-md .politik-box .politik-box-caption, #politik .container-lg .politik-box .politik-box-caption, #politik .container-xl .politik-box .politik-box-caption {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	text-align: center;
	opacity: 0;
	color: #fff;
	background: rgba(100,114,219,0.90);
	transition: opacity 0.25s ease;
	
}



a {
  text-decoration: none;
  background-color: transparent;
	  text-align: center;
}
a:hover {
  text-decoration: underline;
	  text-align: center;
}



/* Slider Carousel */
.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.bg-black {
  background-color: #000000 !important;
}

a.bg-black:hover, a.bg-black:focus,
button.bg-black:hover,
button.bg-black:focus {
  background-color: black !important;
}

.projects-section .project-text {
  padding: h;
  font-size: 100%;
}
@media (min-width: 992px) {
  .projects-section .project-text {
    padding: 2rem;
  }
  .projects-section .project-text hr {
    border-color: #64a19d;
    border-width: 0.25rem;
    width: 30%;
  }
}

.projects-section .featured-text {
  padding: 2rem;
}
@media (min-width: 992px) {
  .projects-section .featured-text {
    padding: 0 0 0 2rem;
    border-left: 0.5rem solid #64a19d;
  }
}

.projects-section .project-text hr {
	border-color:  rgba(191, 181, 38,1);
	border-width: 0.15rem;
	width: 30%;
}

.vertical_zentrieren{vertical-align: middle;}

#kontakt{
	height: calc(90vh - 70px) ;
}
/*  Design Thumbnails;*/
.img-thumbnail {
  padding: 0.25rem;
  background-color:rgba(191, 181, 38,1);
  border: 2px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.border_green {
	border:thin double rgba(191, 181, 38,1);
}

.border_blau {
	position: relative;
  border: 2px solid #0066cc;
}
.border_shadow_jh {
  box-shadow:
    0 0 0 10px hsl(0, 0%, 80%),
    0 0 0 15px hsl(0, 0%, 90%);
}

.border_double {
  position: relative;
  border: 2px solid rgba(191, 181, 38,1);
}

/*.border_double:after {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border: 1px solid #fff;
}*/

.shadow_jh{box-shadow: rgba(0, 0, 0, 0.8) 0px 18px 50px -10px;}

.shadow_jh_2{box-shadow: -60px 0px 100px -90px #000000, 60px 0px 100px -90px #000000;}

.shadow_jh_3{box-shadow: -60px -60px 100px -90px #000000, 60px 60px 100px -90px #000000;}

.text_blend{ color: #000;
  overflow: hidden;
  position: relative;
  width: 100%;
  mix-blend-mode: hard-light;}

.text_blend::after{position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background: linear-gradient(transparent, gray);
  pointer-events: none;}

#myBtn:hover{
	color:#fff;
	background-color: rgba(191, 181, 38,1)}


#more {display: none;}

.rm-link{position:absolute;
	font-weight: 600;
	bottom:0;
	margin-top: 15.5rem;
	font-size: 0.8rem;
	background-color: rgba(140, 136, 120, 1);
	color: white;
	padding: 6px 20px;
	border:thin solid #fff;
	border-radius: 4%;
	cursor: pointer;
	box-shadow: 2px 2px 8px #000;}

.dummy{margin-bottom: 3rem;}


.csu_gemeinsam{width: 40%}


#button-file {
    font-size: 0.8rem;
	background-color: rgba(140, 136, 120, 1);
	color: white;
	padding: 12px 20px;
	border:thin solid #fff;
	border-radius: 4%;
	cursor: pointer;
	box-shadow: 2px 2px 8px #000;
}
#button-file:active {
    background-color: rgba(140, 136, 120, 1);
	color: white;
	padding: 12px 20px;
	border:thin solid rgba(152,145,145,1.00);
	border-radius: 4%;
	cursor: pointer;
	box-shadow: 2px 2px 8px #000;
}
#button-file:hover {
    cursor: pointer;
}




.parent-container img{margin-right: 0.225rem;
margin-bottom: 0.225rem;}

.icon-bar {
  width: 100%;
 
  overflow: auto;
}

.icon-bar a {
  float: left;
  width: 20%;
  text-align: center;
  padding: 12px 0;
  transition: all 0.3s ease;
  color: #fff;
  font-size: calc(18px + (18 - 12) * (100vw - 400px) / (1200 - 400));;
}

/*.icon-bar a:hover {
  background-color: rgba(74,73,60,1.00);
}
*/
/*.active {
  background-color: rgba(140, 136, 120, 1);
}*/
footer a{color:#fff;}

.footer_hover a:hover{text-decoration: none;
	color:rgba(122,122,122,1.00);}

.footer_gesamt{
	width:100%;
	height:20%;
	background-color: rgba(191, 181, 38,1);
	border-top:medium groove rgba(255,255,255,1.00);
	
}

/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}


/* 

for zoom animation 
uncomment this part if you haven't added this code anywhere else

*/


.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}