/**** FREIWILLIGEN AGENTUR COTTBUS 11/2023 ***/

/** Schriften **/
/* atkinson-hyperlegible-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/atkinson-hyperlegible-v11-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* atkinson-hyperlegible-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/atkinson-hyperlegible-v11-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* atkinson-hyperlegible-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/atkinson-hyperlegible-v11-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
} 

/* atkinson-hyperlegible-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/atkinson-hyperlegible-v11-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/** Schriften ENDE **/

/** unsorted 2024 ***/

/** Über uns - Team Bilder **/
#page-6 #page-content .main-content .gallery {
  margin-top: 5rem;
  max-width: 300px;
  padding-left: 1rem;
}



/** Generell **/

body,
#page-content #fn_content label {
  font-family: 'Atkinson Hyperlegible'!important;
}
#page-content #fn_content option {
	font-size: 80%;
}

a {
  color: #005DA8;
}
a:hover {
  color: rgba(0,93,168, 0.8);
}

.h3, h3 {
  font-size: 1.5rem;
  letter-spacing: 0;
}


blockquote {
  margin: 0 0 2rem 2rem;
  border-left: 4px solid #bed730;
  padding-left: 20px;
  font-style: italic;

}
blockquote p {
  font-size: 85%;
}

.small, small {
  font-size: .75em;
}

.text-right {
  text-align: right;
}

#page-content .main-content .gallery {
  margin-top: 5rem;
}
#page-content .main-content .row.beside .gallery {
  margin-top: .5rem;
}

.accordion-button:focus,
.nav-link:focus-visible,
*:focus:not(:focus-visible) {
    outline: none;
    box-shadow:none;
}
.accordion-button:focus,
.nav-link:focus-visible,
*:focus-visible {
    outline: 2px dashed currentColor;
    outline-offset: 2px;
}



/** Navigation**/

#main-navbar {
  box-shadow: 0px 1px 3px #00000029;
  margin-bottom: 1rem;
}

nav#main-navbar {
  padding-left: calc(5vw - 1.5rem);
  padding-right: calc(5vw - 1.5rem);
}

#main-navbar .main-navbarnav {
 /* font-size: 1.875rem;*/
  font-size: 1.675rem;
  justify-content: space-between;
  width: 100%;
  letter-spacing: 1.25px;
}

#main-navbar .main-navbarnav a {
  color: #000;
}

#main-navbar .main-navbarnav a.dropdown-item {
  font-size: 1.25rem;
  letter-spacing: 1px;
  color: #000;
}

#navbarToggler .nav-item {
	white-space: nowrap;
}
.dropdown-item.active, 
.dropdown-item:active {
  background-color: transparent;
}
.dropdown-item.active span, 
.dropdown-item:active span {
  border-bottom: 1px solid #bed730;
}

#main-navbar .dropdown-menu {
  box-shadow: rgba(0,0,0,0.1) 0px 4px 6px -1px, rgba(0,0,0,0.06) 0px 2px 4px -1px;
  border: none;
  border-radius: 0;
  min-width: 260px;
}

#main-navbar > div {
  width: 100%;
}

.dropdown-toggle::after {
	color: #bed730;
}

.navbar-nav > div:last-child .dropdown-menu,
.navbar-nav #nav-item-7 .dropdown-menu {
	left: unset;
	right: 0;
}
.navbar-nav > div:last-child .dropdown-menu .dropdown-item,
.navbar-nav #nav-item-7 .dropdown-menu .dropdown-item {
	text-align: right;
}


/** Header und Content Elements - Start **/
.main-content > .container > div:last-child {
	margin-bottom: 6rem !important;
}

.main-content > .container > div.ce-header:last-child {
	margin-bottom: 2rem !important;
}


.main-content > .kontakt .ce-header h2,
.main-content > .datenbank .ce-header h2,
.main-content > .ce-header h2,
.main-content > .ce-header h1,
.main-content > .page-title h1 {
	color: #ffffff;
	background: #BED730;
	display: inline-block;
	padding: 30px 50px 20px 5vw;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
	clip-path: polygon(0 15%, calc(100% - 6px) 0, 100% 100%, 0 100%);
	font-size: 2.5rem;
	position: relative;
}

#page-1 .page-title {
  display: none;
}

.main-content > .page-title {
   margin-bottom: 5rem;
}

.main-content > .kontakt .ce-header h2,
.main-content > .ce-header .header_blue h2 {
	background: #005DA8;
}

.fsc-default h2 {
	color: #BED730;
	font-size: 2.1875rem;
	margin-bottom: 2rem;
	font-weight: 600;
	letter-spacing: 1.75px;
	max-width: 740px;
}

.fsc-default {
	font-size: 1.5625rem;
	letter-spacing: 1.5px;
}

.fsc-default.datenbank {
	color: #ffffff;
	position: relative;
	margin-bottom: 8rem;
}

.fsc-default.kontakt > div,
.fsc-default.datenbank > div {
	z-index: 1;
	position: relative;
}

.fsc-default.datenbank::before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	clip-path: polygon(0 60px, 100% 120px, 100% 100%, 0 100%);
	background: #005DA8;
}

.main-content .fsc-default.datenbank a {
	display: inline-block;
	text-align: center;
	color: #ffffff;
	background: #BED730;
	clip-path: polygon(0 15%, calc(100% - 6px) 0, 100% 100%, 4px 100%);
	padding: 10px 15px 5px 15px;
	text-decoration: none;
}

.kontakt .container {
	margin: auto;
	padding-top: 40px;
}

.fsc-default.kontakt::before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	clip-path: polygon(0 60px, 100% 60px, 100% 100%, 0 100%);
	background: #deeb97;
}

.fsc-default.kontakt {
	position: relative;
}
/** Überschriften und Content Elements - Ende **/



/** Template-Header - Start **/

 #page-wrapper {
	position: relative;
 }
 
#logo_top {
	position: absolute;
	z-index: 100;
	background: #ffffff;
	width: 26%;
	left: 95px;
	clip-path: polygon(0 0, calc(100% - 10px) 0, 100% calc(100% - 20px), 5px 100%);
	padding: 20px 20px 30px 30px;
	display: flex;
	justify-content: space-between;
	min-width: 300px;
}

#logo_top  > div.fwa {
	width: 35%;
	flex-shrink: 0;
	flex-grow: 0;
}

#logo_top  > div.paritaet {
	width: 55%;
	flex-shrink: 0;
	flex-grow: 0;
}

/** Template-Header - Ende **/



/*** Kontaktformular ***/

.kontakt h2 {
   font-size: 1.5625rem;
   color: #000;
}


.kontakt .form-control {
	font-size: 1.5625rem;
}


/** Accordion **/

#page-content .accordion {
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-border-color: 0;
  --bs-accordion-border-width: 0;
  border-top: 2px solid #000;
}
.accordion-item h2,
.fsc-default .accordion-item h2  {
	margin-bottom: inherit;
	max-width: inherit;
}
.accordion h3 {
   color: #BED730;
   font-size: 1.75rem;
   padding-bottom: 5px;
   font-weight: 700;
   letter-spacing: 1px;
}

#page-content .accordion-item {
	border-bottom: 2px solid #000;
}
/*#page-content .subContainer .accordion-item {
	border-bottom: 2px solid #bed730;	
}*/

#page-content .accordion-item .accordion-button {
  color: #000;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 1.25px;
  padding: 1.5rem 0;  
}

#page-content .subContainer .accordion-item .accordion-button {
  color: #bed730;

}
#page-content .accordion-button:not(.collapsed) {
	background-color: #ffffff;
	border: 0;
}

#page-content .accordion-item .accordion-button::after {
	background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>');
}
#page-content .accordion-item .accordion-button.collapsed::after {
	background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg>');
}

/** toggle in toggle **/
#page-content .accordion-item .accordion-item:last-child {
	border-bottom: 0; 
}

/**** News - Liste und Detail - START ***/

.startseite .ce-news_pi1 .col {
	position: relative;
	--bs-border-width: 0;
}

.startseite .ce-news_pi1 .col > a {
	text-decoration: none;
}

.startseite .ce-news_pi1 .col .news-list-category {
	position: absolute;
	display: block;
	top: -30px;
	right: 5px;
	color: #ffffff;
	font-weight: 600;
	font-size: 1.25rem;
	padding: 15px 10px 10px 10px;
	min-width: 150px;
	background: red;
	clip-path: polygon(0 15%, calc(100% - 4px) 0, 100% 100%, 0 100%);
	text-align: left;
}

.startseite .ce-news_pi1 .col .news-list-category.category-1 {
	background: #BED730;
}

.startseite .ce-news_pi1 .col .news-list-category.category-2 {
	background: #005DA8;
}

.startseite .ce-news_pi1 .col .news-list-category.category-3 {
	background: #cc1f2f;
}

.startseite .ce-news_pi1 .col .card-body {
	display: flex;
	flex-direction: column;
}

.startseite .ce-news_pi1 .col .card-body > p.small {
	order: 2;
}

.startseite .ce-news_pi1 .col .card-body > .card-text {
	display: none;
}

.startseite .fsc-default.category-3 a,
.aktuelles .fsc-default.category-3 a,
.news-single .news-backlink-wrap.category-3 a,
.ce-html .news-backlink-wrap.category-3 a {
	display: inline-block;
	clip-path: polygon(0 15%, calc(100% - 4px) 0, 100% 100%, 0 100%);
	padding: 10px 15px 5px 15px;
	color: #ffffff;
	background: #cc1f2f;
	text-decoration: none;
	font-size: 1.25rem;
	font-weight: 600;
}
.startseite .fsc-default.category-2 a,
.aktuelles .fsc-default.category-2 a,
.news-single .news-backlink-wrap.category-2 a,
.ce-html .news-backlink-wrap.category-2 a {
	display: inline-block;
	clip-path: polygon(0 15%, calc(100% - 4px) 0, 100% 100%, 0 100%);
	padding: 10px 15px 5px 15px;
	color: #ffffff;
	background: #005DA8;
	text-decoration: none;
	font-size: 1.25rem;
	font-weight: 600;
}

.startseite .fsc-default.category-1 a,
.aktuelles .fsc-default.category-1 a,
.news-single .news-backlink-wrap.category-1 a,
.ce-html .news-backlink-wrap.category-1 a {
	display: inline-block;
	clip-path: polygon(0 15%, calc(100% - 4px) 0, 100% 100%, 0 100%);
	padding: 10px 15px 5px 15px;
	color: #ffffff;
	background: #BED730;
	text-decoration: none;
	font-size: 1.25rem;
	font-weight: 600;
}

.startseite img.news_dummy {
	aspect-ratio: 16/9;
}


/** news Seite AKTUELLES **/

.news-list-view h3 {
	font-size: 2rem;
}
.list-group.news-list-view a {
	border-radius: 0;
	border-bottom: 2px solid #000;
/*	border-left: 0;
	border-right: 0;
	border-bottom: 0;*/
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.list-group.news-list-view a:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.news-list-view .list-group-item {
	padding: 0;
	border: 0;
}
.news-list-view .media figure.image {
    object-fit: cover;
    max-height: 340px;
	padding-right: 50px;
}
.aktGesuche header h2 {
	display: inline-block;
	clip-path: polygon(0 15%, calc(100% - 4px) 0, 100% 100%, 0 100%);
	padding: 10px 15px 5px 15px;
	color: #ffffff;
	background: #cc1f2f;
	text-decoration: none;
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: .5rem;
}
.aktGesuche.mitteilungen header h2 {
	background: #bed730;
}
.aktGesuche.termine header h2 {
	background: #005da8;
}

/** Detail **/


.news-single figcaption,
.gallery figcaption {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 1px;
  padding-top: 2px;
  line-height: 1.125rem;
  margin-bottom: 20px;
}

.news-single .zweispaltig {
	display: flex;
	gap: 50px;
}
.news-single .zweispaltig .spalte_links {
	flex-grow: 1;
	width: 50%;
}
.news-single .zweispaltig .spalte_rechts {
	width: content-fit;
}
#page-content .news-single .outer.gallery {
  margin-top: 0;  
  max-width: 500px;
}

.news-single .news-backlink-wrap {
	margin-top: 2rem;
}

.news-single .news-related-wrap {
   margin-top: 3rem;
}
.news-single div.footer {
  font-size: 1.25rem;
  color: #bed730;
  font-weight: 700;
  letter-spacing: 1px;
}

/**** News - Liste und Detail - ENDE ***/


/*** freinet Angebotsdatenbank ***/




/**kontakt **/
.kontakt .ce-two_columns > div:last-child {
	padding-left: 16.6%;
}
.kontakt label {
	display: none; 
}
.kontakt ::placeholder {
	color: #bed730;
	font-size: 1.5625rem;
	letter-spacing: 1.25px;
}

.kontakt input {
	margin-bottom: 40px;
}

.kontakt .form-control {
	padding: 25px 40px;
	border-radius: 0;
	margin-top: 40px;
}

.kontakt textarea {
	min-height: 195px;

}

.form-navigation .btn-toolbar {
  justify-content: flex-end;
}

.kontakt .form-navigation .btn-primary {
  display: inline-block;
  text-align: center;
  color: #000;
  font-weight: 600;
  background: #BED730;
  clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
  padding: 10px 30px 5px 30px;
  border: none;
  border-radius:0;
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 1.5625rem;
  letter-spacing: 1.25px;
}

/** Anpassungen für Seite Kontakt***/

#page-42 .main-content > .container > div:last-child {
  margin-bottom: 0rem !important;
}
.kontakt.menuKontakt h2 {
	display: none;
}
.kontakt.menuKontakt .container {
  padding-top: 80px;
}
.kontakt.menuKontakt .row {
 --bs-gutter-x: 0.8rem;
}

/*** FOOTER ***/

#page-footer > .footer .ce-background_wrapper.datenbank > .container {
  display: grid;
  grid-template-columns: 1fr 2fr ;
  column-gap: 0px;
  row-gap: 10px;
  padding-top: 4vw;
  padding-bottom: 0;
}
#page-footer .ce-background_wrapper h2 {
  color: #fff;
  text-transform: uppercase;
  font-size:2rem;
}
#page-footer .fsc-default p {
	font-size: 1.175rem;
	letter-spacing: 0;
}

#page-footer a {
  color: #fff;
}

#page-footer .fsc-default.datenbank {
	margin-bottom: 0rem;
	padding-bottom: 5rem;
	padding-top: 5rem!important;
}

#page-1 #page-footer section.ce-background_wrapper,
#page-42 #page-footer section.ce-background_wrapper {
  background: #deeb97;
}
#page-footer .gallery .row {
  align-items: center;
  padding-right: 40px;
}
#page-footer .footernav a {
  color: #222222;
}

/*** Social Media/ Shariff ***/

#fixed_icons {
	position: fixed;
	right:0;
	top: 20vh;
	z-index: 100;

}

#fixed_icons > div {
	filter: drop-shadow(0px 1px 3px #00000029) ;
}

#fixed_icons > div > a {
	display: flex;
	justify-content: center;
	align-items:center;
	height: 50px;
	width: 50px;
	background: #fff;
	font-size: 1.75rem;
	margin-bottom: 5px;
	color: #BED730;
	clip-path: polygon(0 5%, 100% 0, 100% 100%, 5% 100%);
}

#fixed_icons .svg-inline--fa {
  /*  height: 1.75em;*/
}

#fixed_icons .share_text {
	display: none!important;
}
#fixed_icons .shariff .orientation-horizontal {
	width: 45px;
}

#fixed_icons .shariff .orientation-horizontal li {
	filter: drop-shadow(0px 1px 3px #00000029);
	height: 45px;
	width: 45px;
}
#fixed_icons .shariff .orientation-horizontal li a {
		display: flex;
	justify-content: center;
	align-items:center;
	height: 45px;
	width: 45px;
	background: #fff;
	font-size: 1.75rem;
	margin-bottom: 5px;
	color: #BED730;
	clip-path: polygon(0 5%, 100% 0, 100% 100%, 5% 100%);
}

/*** dp_cookieconsent ***/
.cc-btn {
  font-size: 1.125em;
  letter-spacing: 1px;
}
  
div.cc-window .cc-body {
  box-shadow: -5px 5px 25px 0 rgba(26,46,74,.25);
}

/************************************/
/***** MEDIA QUERIES *****/
/************************************/

@media screen and (max-width: 1440px) {
	#main-navbar .main-navbarnav {
		font-size: 1.275rem;
	}
	#main-navbar .main-navbarnav a.dropdown-item {
		font-size: 1rem;
	}
}

@media screen and (max-width: 1280px) {
  #main-navbar .main-navbarnav {
   font-size: 1.075rem;
  }
	/** formular **/
	.fsc-default {
		font-size: 1.25rem;
		letter-spacing: 1.25px;
	}
	
	#main-navbar .dropdown-menu {
		min-width: 200px;
	}
    .navbar-toggler {
        border: 0!important;
    }
}




@media screen and (min-width: 993px) and (max-width: 1080px) {
  #main-navbar .main-navbarnav {
   font-size: 1.075rem;
  }
  	
	.news-single .zweispaltig {
		gap: inherit;
		flex-wrap: wrap;
    }
	.news-single .zweispaltig .spalte_links {
       width: 100%;
	   order: 2;
    }
	.news-single .zweispaltig .spalte_rechts {
		width: 100%;
	}
	#page-content .news-single .outer.gallery {
        max-width: inherit;
		margin-bottom: 3rem;
    }
	
	#page-content .news-single .outer.gallery img {
	    width: 100%;
    }
}

@media screen and (max-width: 991px) {
	.navbar-nav > div:last-child .dropdown-menu .dropdown-item, 
	.navbar-nav #nav-item-7 .dropdown-menu .dropdown-item {
       text-align: left;
	}
	
	#page-footer > .footer .ce-background_wrapper.datenbank > .container {
	  grid-template-columns: 1fr 1fr;
	}
	#page-footer .ce-two_columns .col-md-6 {
		width: 100%;
	}
	.kontakt .container .even {
		order: 2;
	}
	.kontakt .container .odd {
		order: 1;
	}
	.kontakt .ce-two_columns > div:last-child {
		padding-left: 0.75rem;
	}		
	
	.news-list-view .media {
		flex-wrap: wrap;
	}
	.news-list-view .media figure {
	    margin-bottom: 20px;
	}
	
	.news-single .zweispaltig {
		gap: inherit;
		flex-wrap: wrap;
    }
	.news-single .zweispaltig .spalte_links {
       width: 100%;
	   order: 2;
    }
	.news-single .zweispaltig .spalte_rechts {
		width: 100%;
	}
	#page-content .news-single .outer.gallery {
        max-width: inherit;
		margin-bottom: 3rem;
    }
	
	#page-content .news-single .outer.gallery img {
	    width: 100%;
    }
}


@media screen and (max-width: 768px) {
	#logo_top {
		left: 25px;
	}
}


@media screen and (max-width: 576px) {
	html {
		font-size: 14px;
	}
	.main-content > .kontakt .ce-header h2, 
	.main-content > .datenbank .ce-header h2, 
	.main-content > .ce-header h2, 
	.main-content > .ce-header h1, 
	.main-content > .page-title h1 {
		font-size: 1.75rem;
		hyphens: auto;
	}
	
	.main-content > .page-title {
		margin-bottom: 2rem;
	}
	#page-content .accordion-item .accordion-button {
	  font-size: 1.275rem;
	}
	.gallery figure.image {
		margin-bottom: 1rem!important;
	}
	#page-footer > .footer .ce-background_wrapper.datenbank > .container {
	  grid-template-columns: 1fr;
	}
	#logo_top {
		padding: 5px 10px 00px 20px;
		clip-path: none;
		left: 0px;
		/*min-width: 250px;*/
		width: inherit;
	}
	.jumbotron {
		padding-top: 12vw;
	}
}