body {
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0.02em;
	font-size:1rem;
	color: #5c5c5C;
	overflow-x:hidden;
	background-color:#fff;
    height:100%;
}
/* embedded Google Fonts */
/* latin-ext 
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/robotocondensed/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoY9NZQyQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin 
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/robotocondensed/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEobdNZ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/
/* latin-ext 
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/robotocondensed/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM9UvI.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin 
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/robotocondensed/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/
/* latin-ext 
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/robotocondensed/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoY9NZQyQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin 
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/robotocondensed/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNZ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/
/* latin-ext 
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/robotocondensed/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYb8td.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin 
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/robotocondensed/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/
/* latin-ext !!!! */ 
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/robotocondensed/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/robotocondensed/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext !!!! */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/robotocondensed/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/robotocondensed/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




::selection {background: #fff; color: #a6a7a7;}
::-moz-selection {background: #fff; color: #a6a7a7;}	

/* slider titel */
h1 {    
	font-size: 1.8rem;	
	letter-spacing: 1.1px;
	animation: fadeIn 6s;
}
/* mandate/ Freiberufler*innen */
h2 {    
	font-size: 1.8rem;
}
/* subsite Überschriften */
h3 {    
	font-size: 1.5rem;
}
/* footer */
h4{
	font-size: 1.2rem;
}
h5{
	font-size: 1.1rem;
}
h6{
	font-size: 0.9rem;
}
.baskerville {
	font-family: 'Libre Baskerville', serif;
}
.lato {
	font-family: 'Lato', sans-serif;
}
/* fade in*/
.fade-in-image { animation: fadeIn 3s; }
.fade-in-image5 { animation: fadeIn 5s; }
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.letspace {
	letter-spacing: 0.1em;
	word-spacing: 8px;
}
/* links */
a:link {
    color: #5c5c5C;
	text-decoration:none;
}
a:visited {
    color: #5c5c5C;
}
a:hover {
    color: #0c7296;
	text-decoration:none;
}
a:active {
    color: #5c5c5C;
}
a:focus { 
	outline:none; 
} 
.jumbotron {
	
}
/* organization */
.hyph {
hyphens: auto;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.clearfix  {
	clear:both;
}
.img-fluid {
	width: 100%; 
	height: auto; 
}
.text-link {
	text-decoration: underline !important;
   text-underline-offset: 4px;	
}
.font-weight-bold {	
  font-weight: 700;
}
/*Icons*/
.img-icon {
	max-width:110px;
}
.lheight {
  line-height: 1.6 !important;
}
.clone {
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.shadow {	
	box-shadow: 0 0 7px rgba(33,33,33,.4); 
	transition: box-shadow .3s;
}
.no-gutters {
  padding: 0 0 !important;
}
.nowrap{
	white-space: nowrap;
}
.border-vdark {
	border-color: #564b41 !important;
}
.border-white {
	border-color: #fff !important;
}
.border-orange {
	border-bottom-color: #0c7296 !important;
}
.nachhaltig {
	width:100px;
}

/* colors */
.bg-vdark {
	background: #564b41;
}
.bg-dark {
	background: #c9c0ad;
}
.bg-mid {
	background: #ddd2c0;
}
.bg-bright {
	background: #f2e9da;
}
.bg-blue {
	background: #0c7296;
}
.bg-green {
	background: #9aca3c;
}
.bg-lgrey2 {
	background: #f0f0f0;
}
.bg-grey {
	background: #cacaca;
}
.bg-dgrey {
	background: #5c5c5C;
}
.text-vdark {
	color: #564b41;
}
.text-dark {
	color: #c9c0ad;
}
.text-mid {
	color: #ddd2c0;
}
.text-bright {
	color: #f2e9da;
}
.text-blue {
	color: #0c7296;
}
.text-bright-grey {
	color: #cacaca;
}
.text-mid-grey {
	color: #adacac
}
.text-dark-grey {
	color: #5c5c5C;
}
.link-green  {
	color: #0c7296;
}
.link-green a:hover {
	color: #9aca3c;
}
.link-mid {
/*	background: #f2e9da;*/
	color: #564b41;
}
.link-mid:hover {
	background: #564b41;
	color: #f2e9da;
	transition: all .7s ease-in-out;
}
a.link-call {
	color: #9aca3c;
}
.link-call:hover {
	color: #f39352;
	transition: all .7s ease-in-out;
}
.call-to-action {
	color:f2e9da !important;
}
.call-to-action:hover {
	color: #9aca3c;
}
.call-to-action:visited {
	color: #f2e9da;
}
/*icon sizing*/
.icons {
	 margin-top: 20px; 
	 margin-bottom: 20px;
	 width: 70px;
	 height: 70px;
}
/* parallax-effect
-------------------------------------------------- */
  #parallax-01, #parallax-02 {
    background-image: url("img/para-01.jpg");
    width: 100%; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
  }
  #parallax-01 {
    height: 30px; 	  
  }
  #parallax-02 {
    height: 90px; 
    margin-bottom: 0;	  
  }
/*accordion colors*/
  #headingOne .accordion-button {
	color:#817160;
	background-color:#ddd2c0;  
  }
  #headingOne .accordion-button:hover {
	color:#fff;
	background-color:#817160;
	transition: all .5s ease-in-out;   
  }
  #headingTwo .accordion-button {
	color:#817160;
	background-color:#ddd2c0; 
  }
  #headingTwo .accordion-button:hover {
	color:#fff;
	background-color:#817160;
	transition: all .5s ease-in-out;  
  }
  #headingThree .accordion-button {
	color:#817160;
	background-color:#ddd2c0; 
  }
  #headingThree .accordion-button:hover {
	color:#fff;
	background-color:#817160;
	transition: all .5s ease-in-out;  
  }
  #headingFour .accordion-button {
	color:#817160;
	background-color:#ddd2c0;  	  
  }
  #headingFour .accordion-button:hover {
	color:#fff;
	background-color:#817160;
	transition: all .5s ease-in-out;   
  }
.accordion-button:not(.collapsed) {
  color: #564b41;
  background-color: #fff;
  box-shadow: inset 0 0 0 rgba(0,0,0,.125);
}
.accordion-button:focus {
  z-index: 3;
  border-color: none;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(204,204,204,.25);
}
/* project hover effect */
.image-overlay {
    position: relative;
    display: block;
    overflow: hidden;
}
.image-overlay .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #564b41;
    opacity: 0;
    transition: opacity 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.image-overlay:hover .overlay {
    opacity: 1;
}
.image-overlay .teaser-text-unten {
    text-align: center;
}
/* Jumper für exakte Ausrichtung der anchors */
.jumper {
	visibility: hidden; 
	height: 0px !important; 
	position: absolute; 
	margin-top: -70px;
}
.jumper-closed {
	visibility: hidden; 
	height: 0px !important; 
	position: absolute; 
	margin-top: -180px;
}

/* bootie base orga */
#logo {
	width: 40px;
	height: auto;
}
#logo-sm {	
	width: 40px;
	height: auto;
}
.shiny-brand {
	width:40px; 
	height:auto; 
	margin-bottom:4px; 
	margin-right:7px;
}
.btn-primary {
  background-color: #9aca3c;
}
.btn-primary:hover {
  background-color: #0c7296;
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.grayscale {
  filter: grayscale(100%); /* FF 35+ */
}
/* navbar */
.nav-link {
	font-size: 1rem;
	font-weight: 600;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #0c7296;	
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
  color: #0c7296;		
}
.bg-light {
    background-color: #fff !important;
}
.menu-item:link {
    color: #a6a7a7;
    text-decoration: none;
}
/* transition für navbar shrink */
#navbar {
  transition: padding 0.3s ease;
}

#logo {
  transition: width 0.3s ease;
}
#shinyheader {
  transition: font-size 0.5s ease, padding-top 0.5s ease, color 0.5s ease; /* Hinzugefügte Übergangsregel für Farbänderung */
  color: #564b41; /* Ausgangsfarbe */
}

/*style list*/
ul.no_bullet {
list-style-type: none;
padding-left: 0px;
}
li.arrow {
background: url('img/elements/arrow-darkblue.png') no-repeat left top;
padding-left: 25px;
}
li.arrow-white {
background: url('img/elements/arrow-white.png') no-repeat left top;
padding-left: 25px;
}
li.arrow-vdark {
background: url('img/elements/arrow-vdark.png') no-repeat left top;
padding-left: 25px;
}
li.arrow-green {
background: url('img/elements/arrow-green.png') no-repeat left top;
padding-left: 25px;
}
/* style footer */
a.footer-link {
	font-size: 1em;
	color: #9aca3c;
	font-weight: 400;
	line-height:1.8em;
}
.footer-link:hover {
	color: #0c7296;
}
/* cookiewarnung */
#cookies a {color:#000; text-decoration:none;}

#cookies a:hover {text-decoration:underline;}

#cookies div {padding:15px; padding-right:40px;}

#cookies { 
   outline: 1px solid #817160; 
  /* text-align:center; */
   border-top:1px solid #fff;
   background: #f2e9da;
  /* background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #817160 0%,#f2e9da 100%); */
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:1em; 
   line-height:1.2;
   display: none;
}
.cookies {
	min-height: 70px;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
#cookie-btn {
   color: #fff;
   text-shadow: 0 1px 0 #fff;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #f2e9da; 
   border-right:1px solid #f2e9da; 
   padding:8px;
   background: #817160; /* Old browsers 
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); */
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookie-btn:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #999999; border-left:1px solid #999999;}

/* YouTube Videos extern einladen 
.about,
.referenzen {
  opacity: 0;
  transform: translateY(15px); 
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}*/
/* YouTube Videos extern einladen */
    .ratio-16x9 {
        position: relative;
        padding-top: 0%; /* 16:9 Aspect Ratio */
    }

    .video-link {
        cursor: pointer; /* Zeige den Mauszeiger als Hand, um anzuzeigen, dass es sich um einen klickbaren Link handelt */
    }

    .video-iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none; /* Verstecke das Video standardmäßig */
    }


/* Extra small devices (portrait phones, less than 576px)*/
/* No media query since this is the default in Bootstrap------------------------------------------------ BLUE */
/* Small devices (576px and up)*/
@media (min-width: 576px) {
/* style footer */
.container {
    max-width: 540px;
}
}
/* Medium devices (tablets, 768px and up)------------------------------------------------------------- GREEN */
@media (min-width: 768px) {
	
.container {
    max-width: 720px;
}
.shiny-header {
	color: #c9c0ad;
}
.img-banner {
	width: auto; 
	height: 50px;
	overflow: hidden; 	
}
}
/* Large devices (desktops, 992px and up)------------------------------------------------------------- YELLOW */
@media (min-width: 992px) {	
/* style slider */
.container {
    max-width: 960px;
}
.img-banner {
	width: 100%; 
	height: auto; 
}
.mt-start {
	margin-top: 110px;
}
h1 {    
	font-size: 2.3rem;	
}
}
/* Extra large devices (large desktops, 1200px and up)------------------------------------------------------ BROWN */
@media (min-width: 1200px) {
.container {
    max-width: 1140px;
}
.carousel-control-prev,
.carousel-control-next{
      bottom: 5%;
}
}
/* XXL (large desktops, 1400px and up)-------------------------------------------------------------*/
@media (min-width: 1400px) {
.container {
    max-width: 1320px;
}
}
/* XXXL (large desktops, 1920px and up)-------------------------------------------------------------*/
@media (min-width: 1920px) {
.container {
    max-width: 1600px;
}
}
/* Ultra large devices (large desktops, 1920px and up)-------------------------------------------------------------*/
@media (min-width: 2560px) {
.container {
    max-width: 1900px;
}
}