/** bildung-ns-zwangsarbeit **/


/** Farbwerte *********

 Lila: #C00EEB
 Blau: #0E70F2
 Pink: #E6007C
 Grün: #078934
 Orange: #E03400

***********************/

/* Sprechmenü START */
.languageMenuContainer {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.languageMenuContainer > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 86px;
	background: #ffffff;
	overflow: hidden;
}

.languageMenuContainer > ul li {
	text-align: center;
}
.languageMenuContainer > ul li svg {
	display: block;
}

.languageMenuContainer > ul li.active {
	display: none;
}

.languageMenuContainer > ul li a {
	text-decoration: none;
	display: block;
	border-bottom:0;
}

.languageMenuContainer > ul li a:focus svg,
.languageMenuContainer > ul li a:hover svg,
.languageMenuContainer > ul li a:active svg {

}
/* Sprechmenü ENDE */



.printOnly {
	display: none;
}

/** Editlink anfordern Überschrift Administration **/
#page-59 .tx-ksbildungsportal h3 {
  display: none;
}

/*** mehr zum Thema ***/

nav.pagebrowser {
	margin-bottom: 7rem;
}
nav.pagebrowser.informieren {
	margin-bottom: 7.85rem;
}

nav.pagebrowser::before {
  content: "";
  display: block;
  height: 3px;
  background: #0E70F2;
  transform: skewY(-2deg);
}

#page-wrapper nav.pagebrowser + div.container-fluid {
	padding-top: 0;	
}


/*** timeline ***/

#page-wrapper .ns-cd-timeline {
 /* padding: 100px 0 0 0;*/
   padding: 0;
}

#page-wrapper .ns-cd-timeline .text-component h3 em {
  font-size: inherit;
}

#page-wrapper .timeline .ns-cd-timeline.timeline-theme--blue .cd-h-timeline__filling-line {
  background-color: #0e70f2;
}
#page-wrapper .timeline .ns-cd-timeline .cd-h-timeline__navigation--prev,
#page-wrapper .timeline .ns-cd-timeline .cd-h-timeline__navigation--next {
	transform: none;
	width: 50px;
	height: 50px;
}

#page-wrapper .timeline .ns-cd-timeline .cd-h-timeline__navigation--prev::after {	
  content: "prev";
  color: #2B2B2B;
  font-family: 'swiper-icons';
  font-size: 40px;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 35%;
  left: 21px;
  -webkit-transform:none;
  -ms-transform:none;
  transform: none;
}
#page-wrapper .timeline .ns-cd-timeline .cd-h-timeline__navigation--next::after {	
  content: "next";
  color: #2B2B2B;
  font-family: 'swiper-icons';
  font-size: 40px;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 35%;
  left: 21px;
  -webkit-transform:none;
  -ms-transform:none;
  transform: none;
}

#page-wrapper .timeline .ns-cd-timeline .cd-h-timeline__navigation--prev:hover::after,
#page-wrapper .timeline .ns-cd-timeline .cd-h-timeline__navigation--next:hover::after {
	color: #0e70f2;
}

#page-wrapper div.timeline .ns-cd-timeline .cd-h-timeline__date {
	color: #2B2B2B;
	font-weight: 600;
	border-bottom: none;
}
#page-wrapper .timeline .ns-cd-timeline .cd-h-timeline__navigation {
   top: 0;
   border: 0;
}

#page-wrapper .timeline .ns-cd-timeline.timeline-theme--blue .text-component h2 {
  color: #0e70f2;
}

#page-wrapper .timeline .cd-h-timeline__event-content.ns-cd-container h3 {
  color: #2B2B2B;
  font-size: 1.6255rem;
  font-weight: 600;
  padding: 10px 0 0 0;
}
#page-wrapper .timeline a.cd-h-timeline__date.cd-h-timeline__date--selected {
  color: #0e70f2;	
}

#page-wrapper div.timeline a:active, 
#page-wrapper div.timeline a:hover {
  text-decoration: none;
  opacity: 1;
  color: #0e70f2;
}
#page-wrapper .timeline .ns-cd-timeline.timeline-theme--blue .cd-h-timeline__date:hover::after, 
#page-wrapper .timeline .ns-cd-timeline.timeline-theme--blue .cd-h-timeline__date--selected::after {
  background-color: #0e70f2;
  border-color: #0e70f2;
}

#page-wrapper div.timeline .ns-cd-timeline .cd-h-timeline__container {
  position: relative;
  height: 100px;
  max-width: 100%;
}

#page-wrapper div.timeline {
  font-family: Helvetica, Arial, sans-serif;
}
#page-wrapper .timeline .ns-cd-timeline .text-component p {
  color: #2B2B2B;
  font-size: 1.5rem;
  line-height: 2rem;
}

/*
#page-wrapper div.timeline .frst-timeline-style-5 h2 {
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
  text-transform: none;
}
#page-wrapper div.timeline .frst-timeline-style-5 .frst-timeline-content  {
  color: #2B2B2B;
}


.timeline-theme--blue.frst-timeline-style-5 .frst-timeline-block:not(:nth-child(1)) .frst-timeline-img span {
  background: #0E70F2!important;
  z-index: 200;
}

.frst-timeline-style-5 .frst-timeline-content .content-step {
  z-index: -1;
}

.timeline .ns-cd-timeline .text-component p {
  color: rgb(149, 149, 149);
  font-size: 1.5rem;
  line-height: 2rem;
}*/

/*** Ende timeline ***/



/** test kesearch Filter **/
#kesearch_filters .list ul.checkboxList {
  font-size: 1.25rem;
}

#page-content #kesearch_results .result-list-item .result-teaser {
  color: inherit;
}

#page-content .tx-kesearch-pi1 #kesearch_ordering span.down,
#page-content .tx-kesearch-pi1 #kesearch_ordering span.up {
  border-color: #c00eeb transparent;
  margin-left: 3px;
}

#page-content .tx-kesearch-pi1 #kesearch_results .teaser_icon img {
  margin-right: 30px;
}


/** ENDE test kesearch Filter **/


body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  color: #2B2B2B;
}

.jumbotron.background-image.ratio::before {
  /*padding-top: 56.2%;*/
  height: 100vh;
}


#page-content .row {
  margin-right: inherit;
  margin-left: inherit;
}
.row > * {
	padding-left:0;
}

.main-content ul {
  margin-bottom: 3rem;
}


.main-content ul li {
  margin-left: 5rem;
}
.main-content .pagination li {
  margin-left: inherit;
}
.main-content .pagination li a {
  color: #0E70F2;

}
.main-content .pagination li a:hover {
  border-bottom: 0;
  transition: 0;
}

.main-content .pagination li.active a {
  background: #707070;
  color: #fff;
  border-color: #707070;
}




/*** Specials Startseite ***/

body#page-1 .ratio::before {
  padding-top: 56.2%;
  height: unset;
}

#page-1 .jumbotron h1 {
  display: none;
}
#page-1 .main-content ul li {
	margin-left: 0;
}



/** fixed Icons/Shariff - Start **/
#fixed_icons {
  position: fixed;
  right: 0;
  top: 40vh;
  z-index: 100;
}

.hidePrintLink  .print_page,
.hidePrintLink #shariff-footer {
	display: none;
}

#fixed_icons .pdf_maker a,
#fixed_icons .print_page a,
#fixed_icons #socialtoggle_footer {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	height: 60px;
	width: 60px;
	color: #ffffff;
	border-bottom: none;
}

#fixed_icons a:hover {
	text-decoration: none;
	border: 0;
	color: #ffffff;
}

#fixed_icons .pdf_maker a {
	background: #C00EEB;
	border-bottom: none;
}

#fixed_icons .print_page a {
	background: #078934;
}

#fixed_icons #socialtoggle_footer {
	background: #E6007C;
	padding-left: 3px;
}

#shariff-footer .shariff {
  display: none;
  position: absolute;
  right: 60px;
  height: 60px;
  top: 0px;
  background: #E6007C;
  z-index: 10;
}

#fixed_icons .shariff ul  {
	flex-wrap: nowrap;
	align-items: center;
	padding-top: 0px;
}
.layout-1 #fixed_icons .shariff ul,
.layout-2 #fixed_icons .shariff ul,
.layout-3 #fixed_icons .shariff ul,
.layout-4 #fixed_icons .shariff ul,
.layout-5 #fixed_icons .shariff ul,
.layout-6 #fixed_icons .shariff ul {
  padding-top: 11px;
}

#socialtoggle_footer {
    color: #005DA8;
    font-size: 1.625rem;
    cursor: pointer;	
}
#shariff-footer {
	display: flex;
	justify-content: flex-end;
	flex-wrap: nowrap;
	position: relative;
	margin-bottom:1.5rem;
}
.shariff .orientation-horizontal.button-style-standard li {
  min-width: 60px;
  max-width: 60px;
}

.orientation-horizontal.button-style-standard li .share_text {
	display: none!important;
}

.shariff .orientation-horizontal li {
  margin-right: 0%;
  margin-bottom: 0;
  text-align: center;
  height: inherit;
}
.shariff li a {
  padding-left: 0px;
  background-color: #E6007C !important;
  height: inherit;
  border-bottom: none;
}
.shariff li a svg {
  vertical-align: 0.01rem!important;
}
.shariff li.facebook a svg {
  vertical-align: 0.2rem!important;
}

.shariff .svg-inline--fa.fa-w-16 {
  color: #CC051C!important;
}
.shariff .svg-inline--fa.fa-w-14 {
  width: auto;
}

.shariff .twitter .fa-twitter {
  font-size: 28px;
}
.shariff .facebook .fa-facebook-f {
  font-size: 24px;
}
.shariff .whatsapp .fa-whatsapp {
  font-size: 28px;
}
.shariff .telegram .fa-telegram {
  font-size: 26px;
}
.shariff .mail .fa-envelope {
  font-size: 26px;
}
/*
.shariff li, .shariff li a {
  height: inherit;
}*/

/** fixed Icons/Shariff - Ende **/

/**  Bio-Seiten layout-1 / Informieren-Seiten layout-4 / Zentrale Quellen Layout-5  **/
.layout-1 .main-content.pt-5,
.layout-2 .main-content.pt-5,
.layout-4 .main-content.pt-5,
.layout-5 .main-content.pt-5,
.layout-6 .main-content.pt-5 {
   padding-top: 1rem!important;
}

body.layout-1 .jumbotron,
body.layout-2 .jumbotron,
body.layout-4 .jumbotron,
body.layout-5 .jumbotron,
body.layout-6 .jumbotron {
  display: none; 
}
body.layout-1,
body.layout-2,
body.layout-3,
body.layout-4,
body.layout-5,
body.layout-6  {
  font-size: 1.5rem;
}
body.layout-1 #page-content h1,
body.layout-2 #page-content h1,
body.layout-4 #page-content h1,
body.layout-4 #page-content .exkurs h2,
body.layout-5 #page-content h1,
body.layout-6 #page-content h1  {
  text-transform: uppercase;
  padding-bottom: 20px;
}
body.layout-4 .exkurs h1 {
  color: #0E70F2;
  margin-bottom: 0;
  padding-bottom: 0px!important;
  margin-top: 2.5rem;
}

body.layout-1 #page-content h2,
body.layout-4 #page-content h3,
body.layout-5 #page-content h2,
body.layout-5 #page-content h3,
body.layout-6 #page-content h2,
body.layout-6 #page-content h3 {
  font-size: 1.6255rem;
  font-weight: 600;
  padding: 10px 0 0 0;
	
}

#page-content .gallery .row {
  margin-right: 0;
  margin-left: 0;
  align-items: center;
}

body.layout-1 .main-content div[id] > .row,
body.layout-1 .main-content div[id] > .gallery > .row,
body.layout-1 .main-content div[id] > .ce-textpic > .gallery > .row,
body.layout-4 .main-content div[id] > .row,
body.layout-4 .main-content div[id] > .gallery > .row,
body.layout-4 .main-content div[id] > .ce-textpic > .gallery > .row {
  max-width: 1296px;
  margin: 0 auto!important;
  padding: 3rem 0;
  position: relative;
  z-index: 3;
  --bs-gutter-x: 0.75rem;
}
body.layout-1 .cardWrapper figcaption,
body.layout-4 .cardWrapper figcaption,
body.layout-2 .news-single .cardWrapper figcaption  {
   display: none;
} 

body.layout-2 .video > div  {
  padding: 1rem 0 3rem 0;
   margin: 0 auto!important;
   max-width: 900px;
  
}
.main-content > div.video {
  margin-bottom: 9rem;	
}

body.layout-1 .main-content > div:nth-of-type(odd),
body.layout-4 .main-content > div:nth-of-type(even),
body.layout-2 .main-content > div.video {
  background: #0E70F2;
  color: #fff;
  /*clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);*/
  padding:3rem 0 0 0;
  position: relative;
  transform: skewY(-2deg);
 /* margin-top: 3rem;*/
}
.main-content > div {
  margin-bottom: 5rem;	
}

body.layout-1 .main-content > div:nth-of-type(odd) > *,
body.layout-4 .main-content > div:nth-of-type(even) > *,
body.layout-2 .main-content > div.video > * {
  transform: skewY(2deg);
}

body.layout-1 .main-content > div:nth-of-type(odd) > .row > .w-66,
body.layout-4 .main-content > div:nth-of-type(even) > .row > .w-66 {
  padding-left: 5rem;
}

body.layout-1 .main-content > div:nth-of-type(even) > .row > .w-66,
body.layout-4 .main-content > div:nth-of-type(odd) > .row > .w-66 {
  padding-right: 5rem;
}

body.layout-5 .main-content > div:first-child,
body.layout-6 .main-content > div:nth-child(2) {
	background: #e6007c;
    color: #fff;
    padding:3rem 0 0 0;
    position: relative;
    transform: skewY(-2deg);
}

body.layout-5 .main-content > div:first-child > *,
body.layout-6 .main-content > div:nth-child(2) > * {
    transform: skewY(2deg);
}

body.layout-5 .main-content div[id] > .gallery > .row,
body.layout-6 .main-content div[id] > .gallery > .row  {
  max-width: 1296px;
  margin: 0 auto!important;
  padding: 3rem 0;
  position: relative;
  z-index: 3;
  --bs-gutter-x: 0.75rem;
}
.layout-5 .img-fluid,
.layout-6 .img-fluid {
  max-height: 600px;
}
.layout-5 .gallery figure.image, 
.layout-5 figure.image picture img,
.layout-6 .gallery figure.image, 
.layout-6 figure.image picture img {
  width: auto !important;
}
body.layout-5 .main-content div[id] > .row,
body.layout-6 .main-content div[id] > .row {
	max-width: 1296px;
	margin: 0 auto !important;
	padding: 3rem 0;
	position: relative;
	z-index: 3;
	--bs-gutter-x: 0.75rem;
}
 /*** zentrale Quellen Selbstzeugnisse Brief Maria A. ***/
div#c899.ce-textmedia .row {
   padding-top: 0;
}

nav.pagebrowser.zentraleQuellen {
	margin-bottom: 8rem;
}
.pagebrowser.zentraleQuellen .pb_icon {
   color: #e6007c;
}

nav.pagebrowser.zentraleQuellen::after  {
	background: #e6007c;
}
nav.pagebrowser.zentraleQuellen::before {
  content: "";
  display: block;
  height: 3px;
  background: #e6007c;;
  transform: skewY(-2deg);
}

nav.pagebrowser > .container {
	display: flex;
	justify-content: space-between;
	transform: rotate(-2deg);
	padding: 3rem 0.75rem 3.5rem 0.75rem;
	gap:20px;
}


nav.pagebrowser.informieren::before {
  content: "";
  display: block;
  height: 3px;
  background: #0E70F2;
  transform: skewY(-2deg);
}

nav.pagebrowser::after {
	content: "";
	display: block;
	height: 3px;
	background: #0E70F2;
	transform: skewY(-2deg);
}

.pagebrowser .pb_icon {
	color: #0E70F2;
}

.col-md-auto figcaption.image-caption {  
  padding-top: 18px;
  padding-left: 0;
}

figcaption.image-caption {  
  padding-top: 18px;
}

figcaption {
  font-size: .875rem;
  margin: auto !important;
}

.bg-none {
	background: none!important; 
	color: #2B2B2B!important;
}

.layout-4 .gallery figure.image,
.layout-4 figure.image picture img,
.layout-5 .gallery figure.image,
.layout-5 figure.image picture img,
.layout-6 .gallery figure.image,
.layout-6 figure.image picture img {
  width: auto!important;
}

.layout-4 .img-fluid,
.layout-5 .img-fluid,
.layout-6 .img-fluid {
  max-height: 600px;
}

.layout-4 .gallery .first-figure.last-figure figure,
.layout-5 .gallery .first-figure.last-figure figure,
.layout-6 .gallery .first-figure.last-figure figure {
  display: table;
  margin: auto !important;
}
.layout-4 .gallery .first-figure.last-figure figcaption,
.layout-5 .gallery .first-figure.last-figure figcaption,
.layout-6 .gallery .first-figure.last-figure figcaption {
  max-width: none;
  display: table-caption;
  caption-side: bottom;
} 




/*** ENDE:  Biografien + Informieren ***/

/** Lietraturhinweise small font '**/
.small, small {
  font-size: 1.125rem;
  line-height: 1.5rem;
}


/*** Exkurs ***/
.layout-2 .container-sm {
   max-width: 1296px;
}

nav.pagebrowser.exkurs::before {
  content: "";
  display: block;
  height: 3px;
  background: #0E70F2;
  transform: skewY(-2deg);
  margin-bottom: 16px;
}
/*** ENDE Exkurs ***/


/*** BILDER ***/
.gallery figure.image,
.gallery figure.image picture,
.gallery figure.image picture img {
  width: 100%;
  max-width: 100% !important;
}

.gallery .col-sm {
  padding-right:0;
  padding-left:0;
 
}

a {
/*  font-weight: 600;*/
  font-weight: 400;
  color: #2b2b2b;
  text-decoration: none;
  border-bottom: 2px solid #2b2b2b;  
}
a:hover {
   border-bottom: 2px solid #707070;
   color: #707070;
   transition: all 0.3s;
}
figure.image a {
  border-bottom: none;
}


footer a {
  color: #fff;
}
footer a:hover {
  color: #fff;
  border-bottom: 2px solid #fff;
}
#main-navbar a:hover {
   border-bottom: none;
}



/*fix für ns_timeline START*/
#main-navbar .container::after {display: none;}
#main-navbar .container  {padding-right: 0;}
/*fix für ns_timeline ENDE*/


#main-navbar #searchbox_header {
	position: relative;
}

#main-navbar #form_kesearch_header {
	position: absolute;
	right: 0;
	background: inherit;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

#main-navbar #form_kesearch_header > div {
	white-space: nowrap;
	font-size: 1.25rem;
}

#ke_search_searchfield_header {
	margin-left: 45px;
	margin-right: 0px;
	border-radius: 5px;
	border: none;
	outline: 0;
}


#page-wrapper > nav[aria-label] {
	position:relative;
	top: 8rem;
}
.jumbotron {
  top: 5.2rem;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3.5vw), 0 100%);
  position: relative;
}

.jumbotron .page-title h1.display-1,
.jumbotron .page-title h2.display-4 {
  color: #fff;
  font-size: 8rem;
 /* font-size: 7rem;*/
  text-transform: Uppercase;
  font-weight: 600;
  padding: 40px 60px 20px 60px;
  display: inline-block;
/*  text-shadow: #000000c7 0.1em 0.1em 0.3em;
  background: rgba(0,0,0,0.3);
  box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.3);*/
}
.jumbotron .page-title h2.display-4 {
  font-size: 2rem;
  text-transform: none; 
  padding-top: 0px;
  display: block;
  max-width: fit-content;
  font-weight: 500;
}

/** Content **/

#page-content {
  margin-top: 10rem;
}

#page-content blockquote {
  padding: 20px 40px;
  font-style: italic;
}
/** erinnerungsorte**/
#page-25 #page-content blockquote {
   padding-bottom: 0px;
}

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

.container {
  position: relative;
}
.container-fluid.px-0 {
  max-width: inherit;
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-top: 0.75rem;
}
.container-fluid.px-0 .float-md-start,
.container-fluid.px-0 figure,
.container-fluid.px-0 img {
  width: 100%;
}
.container-fluid.px-0 header {
  position: relative;
}
.container-fluid.px-0 header h2 {
  font-size: 2.813rem;
  font-weight: 600;
  padding-top: 25px;
  padding-bottom: 0px;
  padding-right: 100px;
  padding-left: calc( (100vw - 1310px) /2);
  background: #ffffff;
  position: absolute;
  bottom:100%;
  text-transform: uppercase;  
  margin: 0 0 0.5rem 0;
}
.container-fluid.px-0 .bodytext {
  max-width: 1296px;
  margin: 0 auto;
  padding-top: 3rem;
}

div.clipping-top {
	clip-path: polygon(0 3.5vw, 100% 0, 100% 100%, 0 100%);
}

 .bigfontSmallwidth .bodytext > *,
 .bigfontSmallwidth .row > p {
   max-width: 75%;
}

 .bigfontSmallwidth .gallery .row.mb-4 {
	 margin-bottom: 1rem !important;
 }

.main-content  > .jarallax {
	clip-path: polygon(0 3.5vw, 100% 0, 100% calc(100% - 3.5vw), 0 100%);
}

header h2 {
  font-size: 2.5rem!important;
  font-weight: 500!important;
  text-transform: uppercase;  
  margin: 2rem 0;
}


h3 {
  font-size: 2rem;
  font-weight: 500;
}

.swiper-slide  .card {
  justify-content: center;
  padding: 10px;
  border: 0;
}
.container .swiper-button-next, 
.container .swiper-button-prev {
  color: #C00EEB!important;
  text-shadow: none!important;
  background:rgba(255,255,255, .5);
}

.container.bg0E70F2 .swiper-button-next, 
.container.bg0E70F2 .swiper-button-prev {
  color: #0E70F2!important;
}
.container.bge7007c .swiper-button-next, 
.container.bge7007c .swiper-button-prev {
  color: #e7007c!important;
}
.container.bg078934 .swiper-button-next, 
.container.bg078934 .swiper-button-prev {
  color: #078934!important;
}
.container.bgE03400 .swiper-button-next, 
.container.bgE03400 .swiper-button-prev {
  color: #E03400 !important;
}

.container .swiper-button-prev {
	left:-40px;
}
.container .swiper-button-next {
	right: -30px;
}
.container .swiper-button-next::after, 
.container .swiper-button-prev::after {
  font-weight: 700;
}


/** Ende: Content **/



/*** menu, submenu, servicemenu ***/
#main-navbar ul.service-menu {
	display: flex;
	flex-wrap: wrap;
	padding: 5rem 0 2rem 0;
	list-style: none;
	justify-content: space-between;
	width: 100%;
	gap: 20px;
}

#main-navbar ul.service-menu a {
	text-decoration: none;
    color: #fff;
	text-transform: inherit;
	font-size: 2.5rem;
	font-weight:400;
}

#main-navbar  .nav-item > .dropdown-menu  {
	border-width: 0px;
	flex-wrap: wrap;
	background: red;
}

#main-navbar .dropdown-menu  > a,
#main-navbar .dropdown-menu  > div {
	width: 25%;
	flex-grow: 0;
	flex-shrink: 0;
	white-space: normal;
	text-transform: none;
}

#main-navbar #nav-item-3 .dropdown-menu  > a,
#main-navbar #nav-item-5 .dropdown-menu  > a,
#main-navbar #nav-item-3 .dropdown-menu  > div,
#main-navbar #nav-item-5 .dropdown-menu  > div {
	width: 33.3333%;
	flex-grow: 0;
	flex-shrink: 0;
	white-space: normal;
	text-transform: none;
}

#main-navbar .dropdown-submenu {
	flex-direction: column;
	display: flex;
	border: none;
	background: transparent;
}

#main-navbar .dropdown-menu  .dropdown-submenu  > a {
	font-size: 1rem;
	width: 100%;
}

/*** menu, submenu ***/


/** navigation **/
#main-navbar > .container {
  max-width: 100%;
  --bs-gutter-x:0;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  padding: 0;
}
.navbar {
--bs-navbar-padding-y: none!important;
--bs-navbar-toggler-focus-width: 0!important;
}

#main-navbar .navbar-brand {
  margin-left: 2rem; 
}
a.navbar-brand {
	border-bottom: none;
}

#main-navbar .buttons {
  display: flex;
}

#main-navbar .navbar-toggler-icon-1, 
#main-navbar .navbar-toggler-icon-2, 
#main-navbar .navbar-toggler-icon-3 {
  position: relative;
  width: 100%;
  height: 4px;
  background-color: #fff;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
  display: block;
}

#main-navbar .navbar-toggler-icon-1 {
  top: -8px;
}

#main-navbar .navbar-toggler-icon-3 {
  top:8px;  
}

#main-navbar .navbar-toggler:hover .navbar-toggler-icon-1,
#main-navbar .navbar-toggler:hover .navbar-toggler-icon-3,
#main-navbar .navbar-toggler:focus .navbar-toggler-icon-1,
#main-navbar .navbar-toggler:focus .navbar-toggler-icon-3 {
  left:8px;
}
#main-navbar .navbar-toggler:hover .navbar-toggler-icon-2,
#main-navbar .navbar-toggler:focus .navbar-toggler-icon-2 {
  left:-8px;
}

#main-navbar .navbar-toggler span {
  left:0;
}

#main-navbar {
 /* background-color: #fff !important;*/
  position: fixed;
  z-index: 2000;
  width: 100%;
  overflow-y: visible !important;
  padding-bottom: 0;
}
  
#main-navbar .navbar-toggler {
  padding: 0 25px;
  background: #2B2B2B;
  border-radius: 0;
  border: 0;
  width:86px;
  height:86px;
}


#navbarToggler {
  background: #2b2b2b;
  height: 0;
  transition: all .5s;
  padding: 0 !important;
}


#main-navbar .main-navbarnav {
  padding: 5rem 5rem 0 5rem;
  width: 100%;
  z-index: 2200;
  background: #2b2b2b;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc( 100vh - 86px);
}


#main-navbar .main-navbarnav a.nav-link {
  text-transform: uppercase;
  color:#fff;
  font-size: 2.125rem;
  text-align: left;
  display: inline-block;
  border:none !important;
}

#main-navbar .main-navbarnav button.nav-link {
  display: inline-block;
}
#main-navbar .main-navbarnav button.nav-link i.fa-solid.fa-square-plus,
#main-navbar .main-navbarnav button.nav-link i.fa-solid.fa-square-minus {
  display: none;
}

#main-navbar .dropdown-menu.show a {
  /* color: #C4C4C4; */
  color: #ffffff;
  text-transform: inherit;
  border:none !important;
  font-size: 1.725rem;
  text-decoration: none;
  display: block;
  border-radius: 0.375rem;
}
 
#main-navbar .dropdown-submenu.dropdown-menu a {
   font-size: 1.25rem;
   border-radius: 0.375rem;
}



#main-navbar .dropdown-menu.show,
#main-navbar .dropdown-menu.show a:hover {
  background: #2B2B2B;
  border: 0;
  color: #C4C4C4;
  display: flex;
  border:none !important;
}


#main-navbar .dropdown-menu.show a:hover,
#main-navbar .dropdown-menu.show a:focus,
#main-navbar .dropdown-menu.show a.active,
#main-navbar .dropdown-menu.show a.parent-active {
  background: rgba(255,255,255,.1);
}
#main-navbar .dropdown-menu.show a:focus {
  box-shadow:0 0 0 .25rem rgba(13,110,253,.25);
}

#main-navbar .dropdown-menu.show .dropdown > button {
	display: none;
}

#main-navbar .dropdown-item.active {
  background: green;
}

#main-navbar .dropdown-menu > a,
#main-navbar .main-navbarnav a.has-submenu {
  font-size: 1.725rem;
  color: #C4C4C4;	
}

.dropdown-toggle::after {
  background: url("/fileadmin/templates/img/arrow-right.svg") center center no-repeat;
  background-size: contain;
  display: inline-block;
  margin-left: .255em;
  vertical-align: 0;
  /*content: "\f061";*/
  border: none !important;
  /*font-family: FontAwesome;*/
  color: #fff;
  width: 3.75rem;
  height: 2.1875rem;
}
.dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(90deg) !important;
}


/** Ende: navigation **/



/** breadcrumb **/
nav .breadcrumb-item {
    font-size: 1rem;
	font-weight: 600;
}
nav .breadcrumb-item a {
	color: #2b2b2b; 
	border-bottom: none;
	font-weight: 600;
}
  .breadcrumb-item.active {
	color: #2b2b2b; 	
}
  
 .breadcrumb-item + .breadcrumb-item::before {
   content: var(--bs-breadcrumb-divider, "»");
   color: #2b2b2b;
}

/** Ende: breadcrumb **/



/** Suche **/

#main-navbar .search-navbar span svg {
  width: 86px;
  height: 86px;
}
#main-navbar .search-navbar {
  border: 0;
  padding:0;
  margin:0;
  display: block;
  line-height: 1;
}

/** KESEARCH **/

#page-46 .main-content .container div#c173 {
  margin-bottom: 2rem;
}
.kesearch_searchbox div.kesearchbox {
  margin: 0 0 25px 0;
}
.kesearchbox #ke_search_sword {
  width: 410px;
}
.kesearch_searchbox span.resetbutt a {
  min-width: 230px;
}

a.kesGreyButt, span.resetbutt a, span.submitbutt input, input.kesGreyButt, span.kesGreyButt {
	font-size: 0.9rem;
}

.tx-kesearch-pi1 #kesearch_ordering div.ordering {
  max-width: 450px!important;
}
.tx-kesearch-pi1 #kesearch_ordering .sortlink span.down {
  border-width: 14px 10px 0;
}
.tx-kesearch-pi1 #kesearch_ordering .sortlink span.up {
  border-width: 0 10px 14px;
}

.tx-kesearch-pi1 div#kesearch_results {
  padding-top: 10px;
}
#kesearch_ordering div.ordering ul li {
	margin-left: 0;
	margin-right: 20px;
}

/** ENDE KESEARCH **/


/** Ende: Suche **/



/** NEWS **/
.news a.card:hover {
  box-shadow: none;
}
.news .extra.mb-3,
.news .small span {
  font-size: 0.875rem;
  color: #c00eeb;
  text-transform: uppercase;
}

.news-list-date time span {
  display: block;
}
.news span.news-list-category {
  margin: 10px 0 0px 0;
  display: block;
}
.news span.more.small {
  text-transform: none;
  color: #c00eeb;
  display: inline-block;
  font-weight: 600;
}

.newsOrange .news span.more.small,
.newsOrange .news span.news-list-category,
.newsOrange .news .extra.mb-3, 
.newsOrange .news .small span {
  color: #E03400;
}
.bgE03400 .news-single .news-info {
  color: #E03400;
}
.bg078934 .news-single .news-info,
.bg078934 .news .small span,
.bg078934 .news span.more.small  {
  color: #078934;
}

/** von bis bei Terminen ***/

span.news-list-date time span.fromTo {
  line-height: 1px;
  padding: 0px 0 5px 2px;
  font-size: 2rem;
}


/** partnerCards Aktuelles **/
#page-wrapper.bgE03400 .card-deck.cardWrapper .card-body,
#page-wrapper.bgE03400 .card-deck.cardWrapper .card.above {
  background: #e03400;
}

.news .lead {
  font-size: inherit;
  font-weight: inherit;
}

.news .card-body {
  display:flex;
}
.news .card-body .card-left { 
  width: 100px;
  flex-grow: 0;
  flex-shrink: 0;   
  padding-top: 1px;
  margin: 0;
}
.news .card-body .card-right { 
  width: 100%;
}

.news .card-text {
  font-size: 1.25rem;
  font-weight: 400;
  margin-top: 10px;
}
/*.news .news-list-category {
  margin: 20px 0 20px 0;
}
*/
.news .card {
  border: none;
}
a.card:hover {
  color: inherit;
}

.news li a:hover {
  border-bottom: none;
}

.news .overlay h3 {
  font-size: 1.5rem;
  font-weight: 600;
}

/** news single | detail  bs 81**/

.news-single .news-text-wrap {
   padding-right: 3rem;
}

.news-single .shariff li.shariff-button a {
  background-color: #C00EEB!important;
  border-bottom: none;
}
.news-single .shariff li.shariff-button {
	margin-right: 10px;
	margin-left: 0;
}
.news-single .shariff .orientation-horizontal.button-style-standard li {
  min-width: 40px;
  max-width: 40px;
  height: 40px;
}

.news-single .news-info {
  display: block;
  font-size: 1rem;
  margin-bottom: 20px;
}
.news-single .news-info span.news-list-category {
  margin: 0;
}
.news-single .news-info span.news-list-date {
	min-width: 100px;
}
figure.image a:hover {
	border-bottom: 0;
}

/** best Practice ohne Info (date/Kat) ***/
.bge6007c .news-single .news-info {
   display: none;
}
.news-single .container {
	padding-left: 0!important;
	padding-right: 0!important;
}


/** ENDE: NEWS **/



/** News Slider **/
.tx_newsslider .caption-title a {
  color: #fff;
}
.tx_newsslider .flex-caption {
  background: #0E70F2;	
}
/** ENDE: News Slider **/


/*** CUSTOM SLIDER BIO - START ***/
.swiper-bio  a.slider-link {
	border: 0;
	border-radius: 0;
}

.swiper-bio  a.slider-link .card {
	background: #0E70F2;
	width: 100%;
	padding: 0;
}

.swiper-bio .card-body {
	display: block;
	transform: skewY(-2deg);
	padding-top: 0;
	min-height: 100px;
	position: relative;
	top: -30px;
	background: #0E70F2;
}

.swiper-bio .card-body > * {
	transform: skewY(2deg);
}

.swiper-bio .card-body .card-title {
	padding-top: 60px;
	font-weight: 600;
	color: #ffffff;
	font-size: 1.25rem;
	text-align: center;
}

.container .swiper-button-prev.swiper-button-bio {
	left: -32px;
}

.container .swiper-button-prev.swiper-button-bio:after,
.container .swiper-button-next.swiper-button-bio:after {
	color: #0E70F2 !important;
}

/*** CUSTOM SLIDER BIO - ENDE ***/


/*** SLICK SLIDER BIO ***/

.container-lg {
	padding: 0 5px;
}

#page-content .slick-prev::before, #page-content .slick-next::before {
/*  font-family: 'Font Awesome 6 Free';*/
  font-family: swiper-icons;
  font-size: 40px;
  line-height: 1;
  opacity: 1;
  color: #0E70F2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#page-content .slick-prev::before {
	/*content: "\f053";*/
	content: "prev";  
	font-weight: 700;
}

#page-content .slick-next::before {
	/*content: "\f054";*/
	content: "next";
	font-weight: 700;
}

button.slick-prev {
  left:-38px;
} 
button.slick-next {
  right:-38px;
}
.slick-slider .slick-slide > div {
  padding: 0 10px;
}

.slick-slider .card-body {
  background: #0E70F2;
  color: #fff;
  /*clip-path: polygon(0 3.5%, 100% 0, 100% 100%, 0 100%);*/
  transform: skewY(-2deg);
  padding-top: 0;
  min-height: 100px;
  position: relative;
  top: -30px;
  text-align: center;
}

.slick-slider .card-body > * { 
  transform: skewY(2deg);
}
.slick-slider .card-body .card-title {
  padding-top: 60px;
  font-weight: 600;
}
.slick-slider  a.card {
  background: #0E70F2;
  border: 0;
  border-radius: 0;
}
.slick-slider .card-img, 
.slick-slider .card-img-top {
  border-radius: 0;
}

/*** ENDE SLICK SLIDER ***/



/*** Rassismus etc. Cards mit u ohne Bild **/

.card-deck.cardWrapper > div {
  margin-bottom: 21px;
}

.card-deck.cardWrapper.textonly.row-cols-md-3 > div.col a.ce-link {
  padding-top: 30px;
  overflow: hidden;
  display: block;
  border-bottom: none;
}
.card-deck.cardWrapper.textonly.row-cols-md-3 > div.col .card-body,
.news .custom-template1 a.card .card-body {
  position: relative;
  right: -2px;
  left: -2px;
  width: calc(100% + 4px);
}

.trenner.mb3rem {
  margin-bottom: 3rem;
}

.card-deck.cardWrapper.textonly {
  position:relative;
  top: 1.25rem;
}

.cardWrapper figcaption {
   display:none;
}

/***  3 in einer Zeile ***/
.card-deck.cardWrapper > div:nth-child(3n+1) {
  padding-right: 14px;
  /*margin-bottom: 3rem;*/
  margin-bottom: 21px;
}
.card-deck.cardWrapper > div:nth-child(3n+2) {
  padding-right: 7px;
  padding-left: 7px;
}
.card-deck.cardWrapper > div:nth-child(3n+3) {
  padding-left: 14px;
  padding-right: 0;
}

.card-deck.cardWrapper {
  padding-top:0!important;
  --bs-gutter-x: inherit!important;
  --bs-gutter-y: inherit!important;
} 
.card-deck.cardWrapper .card-body {
  background: #0E70F2;
  color: #fff;
  transform: skewY(-2deg);
  padding-top: 3rem;
  height: 120px;
  position: relative;
  top: -10px;
  text-align: center;
}

.card-deck.cardWrapper .card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 2rem;
}
	
.card-deck.cardWrapper .card-body > *,
 .card.slick-link .card-body > * { 
  transform: skewY(2deg);
}
.card-deck.cardWrapper .card.above {
  background: #0E70F2;
  border: 0;
  border-radius: 0;
}

.ce-card_wrapper .card-body header h4 {
  padding-top: 0px;
  font-weight: 600;
  font-size: 1.25rem;
}

.card-deck.cardWrapper h5.text-secondary {
  font-size: 1.5rem;
  color: #fff!important;
  font-weight: 500;
}

.card-deck.cardWrapper .card-img, 
.card-deck.cardWrapper .card-img-top {
  border-radius: 0;
  width: 100%!important;
  height: auto!important;
}

.card-deck.cardWrapper.textonly h4 {
  text-align: center;
  padding: 0 5%;
  margin-bottom: 0;
}

/***  4 in einer Zeile ***/
.card-deck.cardWrapper.row-cols-md-4 > div {
  margin-bottom: 21px;
}
.card-deck.cardWrapper.row-cols-md-4 > div:nth-child(4n+1) {
  padding-right: 15px;
}
.card-deck.cardWrapper.row-cols-md-4 > div:nth-child(4n+2) {
  padding-right: 10px;
  padding-left: 5px;
}
.card-deck.cardWrapper.row-cols-md-4 > div:nth-child(4n+3) {
  padding-right: 5px;
  padding-left: 10px;
}
.card-deck.cardWrapper.row-cols-md-4 > div:nth-child(4n+4) {
  padding-left: 15px;
  padding-right: 0;
}

.card-deck.cardWrapper.row-cols-md-4 h4 {
  text-align: center;
  padding: 0;
}

.card-deck.cardWrapper a.ce-link:hover .card-body {
   background: #F5F5F5;
   color: #2b2b2b;
   box-shadow: none;
   transition: all .2s;
}
.card-deck.cardWrapper a.ce-link:hover .card {
   background: #F5F5F5!important;
   box-shadow: none;
   transition: all .2s;
}

.card-deck.cardWrapper a.ce-link .card-body,
.card-deck.cardWrapper a.ce-link .card {
    transition: all .2s;
}

/*** vermitteln card pink ***/ 
.card-deck.cardWrapper.pink .card-body {
   background: #e6007c;
}
.card-deck.cardWrapper.pink .card.above {
  background: #e6007c;
}

/*** vor ort card gruen ***/ 
.card-deck.cardWrapper.gruen .card-body {
   background: #078934;
}
.card-deck.cardWrapper.gruen .card.above {
  background: #078934;
}


/** exkurs Card blau ***/
.card-deck.cardWrapper a.ce-link:hover .card-body {
   background: #F5F5F5!important;
   color: #2b2b2b;
   box-shadow: none;
   transition: all .2s;
}

.card-deck.cardWrapper a.ce-link .exkurs .card-body,
.card-deck.cardWrapper a.ce-link .card.exkurs {
	background: #F5F5F5!important;
	color: #2b2b2b;
	transition: all .2s;
}
.card-deck.cardWrapper a.ce-link .card.exkurs h5.text-secondary {
	color: #2b2b2b!important;
	transition: all .2s;
}
.card-deck.cardWrapper a.ce-link:hover .exkurs .card-body,
.card-deck.cardWrapper a.ce-link:hover .card.exkurs {
   background: #0E70F2;
   color:#fff;
   transition: all .2s;
}
.card-deck.cardWrapper a.ce-link:hover .card.exkurs h5.text-secondary {
   color:#fff!important;
   transition: all .2s;
}

.card-deck.cardWrapper a.ce-link .card-body,
.card-deck.cardWrapper a.ce-link .card {
    transition: all .2s;
}





.imgSmall .gallery figure.image {
  width: 50%;
}

.container-fluid {
  background: none!important;
  color: inherit!important;
  max-width: 1320px;
  padding-right: calc(var(--bs-gutter-x) * .5)!important;
  padding-left: calc(var(--bs-gutter-x) * .5)!important;
}

/*** ENDE:  Rassismus **/



/*** Vermitteln ***/
/** custom-template1  Best practice***/

.news .custom-template1 a.card picture {
	aspect-ratio: 1 !important;
}

.news .custom-template1 a.card picture .img-fluid {
	min-height: 100%;
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}

.news .custom-template1 .card-body {
  color: #fff;
  transform: skewY(-2deg);
  height: 120px;
  position: relative;
  top: -10px;	
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 2rem;
  text-align: center;
}

.news .custom-template1 .card-body > * {
  transform: skewY(2deg);
}

.news .custom-template1 .card-title {
  padding-top: 0px;
  font-weight: 600;
  font-size: 1.25rem;
}

 .news .custom-template1 .card {
   border-radius: 0;
 }
.pink .news .custom-template1 .card-body,
.pink .news .custom-template1 .card {
  background: #e6007c;
}

.blau .news .custom-template1 .card-body, 
.blau .news .custom-template1 .card {
  background: #0e70f2;
}

.news .custom-template1 > div:nth-child(3n+1) {
	padding-right: 14px;	
}
.news .custom-template1 > div:nth-child(3n+2) {
	padding-right: 7px;
	padding-left: 7px;
}
.news .custom-template1 > div:nth-child(3n+3) {
	padding-left: 14px;
	padding-right: 0;
}
.news .custom-template1 a.card:hover .card-body {
   background: #F5F5F5;
   color: #2b2b2b;
   box-shadow: none;
   transition: all .2s;
}
.news .custom-template1 a.card:hover {
   background: #F5F5F5;
   box-shadow: none;
   transition: all .2s;
}
.news .custom-template1 a.card .card-body,
.news .custom-template1 a.card {
    transition: all .2s;
	overflow: hidden;
}

.bge6007c .btn-light {
  border: 4px solid #e6007c;
	--bs-btn-hover-bg: #e6007c;
	--bs-btn-hover-border-color: #e6007c;
	--bs-btn-hover-color: #ffffff;
	--bs-btn-focus-shadow-rgb: none;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #e6007c;
	--bs-btn-active-border-color: #e6007c;
}
.bge6007c .btn-light:hover {
	 border: 4px solid #e6007c;
}

.bge6007c .news-single .shariff li.shariff-button a {
  background-color: #e6007c !important;
}
.container.bge6007c .swiper-button-next,
.container.bge6007c .swiper-button-prev {
   color: #e6007c !important;
}

/** partnerCards Best Practice **/
.card-deck.cardWrapper.bge6007c .card-body,
.card-deck.cardWrapper.bge6007c .card.above {
  background: #e6007c;
}

 
/*** ENDE:  Vermitteln ***/


/*** Orte ***/

#page-4 .page-title.text-left {
   display: none;
}

#page-4 .jumbotron {
	/*padding:5rem 0 0 0 !important;*/
}
#mapcontainer {
	/*clip-path: polygon(0 3.5vw, 100% 0, 100% 100%, 0 100%);*/
	margin-bottom: 0;
}

.bg078934 .leaflet-container a {
  color: #078934;
  border-bottom: 1px solid #078934;
}

#page-73 .jumbotron figure {
	height: 100vh;
}

#page-73 .jumbotron figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	text-align: center;
}


.tx-ksbildungsportal .searchResultDivider {

  border-top:2px solid #078934;
/*  transform: matrix(1, -0.03, 0.03, 1, 0, 0);*/
  transform: rotate(-2deg);
  margin-bottom: 5rem;
  margin-top: 0px;
}

.tx-ksbildungsportal .searchResultFlex {
	display: flex;
	flex-wrap: wrap;
	gap: 10%;
}
.tx-ksbildungsportal .searchResultGroupHeader {
	width: 100%;
} 
.tx-ksbildungsportal .searchResultItem  {
	width: 45%;
	padding-bottom: 60px;
    max-width: 500px;
	hyphens: auto;
}

.tx-ksbildungsportal .searchResultGroupHeader h2 {
	font-weight: 600;
	padding-bottom: 40px;
	font-size: 1.625rem;
}

.tx-ksbildungsportal .searchResultHead h3 a {
	color: #078934;
	font-size: 1.25rem;
	border-bottom: none;
    font-weight: 600;
}

.tx-ksbildungsportal .leaflet-bottom {
  bottom: 100px;
}

#mapid { 
  height: 50vw!important;
}


/*** Orte DETAIL ***/

.layout-3 .jumbotron h1.display-1 {
  display: none;
}

.layout-3 .jumbotron figcaption {
  position: absolute;
  bottom: 25px;
  color: #fff;
  font-size: 1rem;
  padding: 60px 0 60px 152px;
  width: 50%;
 /* max-width: 600px;*/
 text-shadow: #000000c7 0.1em 0.1em 0.3em;
}
.layout-3 .contentImage {
  display: flex;
}
.layout-3 .partnerlogo img {
 /* background: #078934;*/
/*  padding: 2px 0px;
  box-sizing: content-box;*/
}

/*** Ende Orte DETAIL ***/


/** MAP FILTER ETC verworfen ***/
/*div.mapToggler {
   border: 4px solid #078934;
   padding-top: 10px;
   padding-bottom: 10px;
}

.mapToggler .hideMap,
.mapToggler .unhideMap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mapToggler .hideMap svg,
.mapToggler .unhideMap svg {
	color: #078934;
}
.mapToggler .hideMap svg {
	transform: rotate(-90deg);
}
.mapToggler .unhideMap svg {
	transform: rotate(90deg);
}
#mapsearch .search_submitbar {
	display: flex;
	gap: 10px;	
}
#mapsearch .btn {
	margin-left: 0;
}

#mapsearch .ms-options-wrap > button {
    display: block;
    width: 100%;
 	font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    color: #2B2B2B;
    background-clip: padding-box;
    border: 4px solid #078934;
    transition: all .15s ease-in-out,box-shadow .15s ease-in-out;
	text-transform: uppercase;
}
#mapsearch .ms-options-wrap > button span {
	padding: 5px 10px 5px 10px;
	display: block;
}
#mapsearch .filterOptions {
	margin: 5rem 0 4rem 0;
	max-width: 615px;
}

#mapsearch .filterOptions > div {
	margin-bottom: 20px;
}
#mapsearch .ms-options-wrap > button::after {
  content: '\f063';
  height: 0;
  position: absolute;
  top: 50%;
  right: 50px;
  width: 0;
  border: none;
  margin-top: -20px;
  font-family: FontAwesome;
  color: #078934;
}

#mapsearch .ms-options-wrap > .ms-options > ul label {
	font-size: 1.5rem;
	text-transform: uppercase;
}
#mapsearch .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
	position: static;
	width: 20px;
	height: 20px;
	margin-right: 20px;
}
*/

/*** Ende Orte ***/




/** Trenner **/
.main-content .trenner {
  overflow: hidden;	
}
.trenner hr.ce-div {
  color: #C00EEB;
  border-top: 60px solid;
  opacity: 1;
  /*transform: matrix(1, -0.03, 0.03, 1, 0, 0); */
  transform: rotate(-2deg);
  margin: 3rem -2px 3rem -2px;
}
.trenner.blau hr.ce-div {
  color: #0E70F2;
}
.trenner.pink hr.ce-div {
  color: #e6007c;
}
.trenner.gruen hr.ce-div {
  color: #078934;
}

/** Ende: Trenner **/



/** Toggle Element Startseite **/

#page-content .toggleContainer {
  overflow-x: hidden;
  padding-top: 2vw;
}
.toggleContainer .accordion {
  --bs-accordion-body-padding-x: 0rem;
}

.toggleContainer .accordion,
.toggleContainer .accordion-item {
  border:0;
  border-width: 0;
}
div.accordion > div:first-child > .accordion-header {
  border-top: 2px solid #C00EEB;
}
div.accordion > div > .accordion-header {
  /*transform: matrix(1, -0.03, 0.03, 1, 0, 0); */
  transform: rotate(-2deg);
  
}
.accordion > div::after {
  content: " ";
  display: block;
  border-bottom: 2px solid #C00EEB;
  /*transform: matrix(1, -0.03, 0.03, 1, 0, 0); */
  transform: rotate(-2deg);
  margin-bottom: 0px;
  
}
.accordion > div:last-child {
	margin-bottom: 3rem;
}

.toggleContainer .accordion-item .accordion-button,
.accordion .accordion-item > div.accordion-collapse {
   max-width: 1290px;
   margin: 0 auto;
   transition: all .5s;
}

.toggleContainer .accordion-item .accordion-button {
  font-size: 3.5rem;
  padding: 3rem 0;
  background-color: transparent;
  border: none !important;
  box-shadow: none !important;
  color: #2B2B2B;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  display: inherit;
}

.toggleContainer .accordion-button svg { 
   margin-right: 1rem!important;
}
.toggleContainer .accordion-button svg path {
  fill: #C00EEB;
}
.toggleContainer .accordion-button::after {
	content: "?";
	background-image: none;
	color:  #C00EEB;
	margin-left: 0.5rem;
	height: inherit;
	font-weight: 600;
	position: absolute;
	transform: revert;
}
div#c15 header svg {
	color: #C00EEB;
}
div#c6 > .row,
div#c1011 > .row {
	align-items: center;
}
div#c6 > .row > div:first-child,
div#c1011 > .row > div:first-child {
	width: 30%;
	min-width: 250px;
	margin-right: 40px;
}


/** Ende: Toggle Element Startseite **/


/*** GLOSSAR ***/
body.layout-2 .main-content div.dpn_glossary,
body.layout-2 .main-content div.dpnglossary.details {
   max-width: 1296px;
   margin: 5rem auto 0 auto;
}
body.layout-2 .main-content div.dpn_backbutton {
   max-width: 1296px;
   margin: 1rem auto 0 auto;
}

.dpnglossary.pagination {
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 3rem;
}
.dpnglossary.details h3 {
  font-size: 1.625rem;
  font-weight: 600;
  padding: 10px 0 0 0;
}
.dpnglossary.details {
  padding-bottom: 40px;
}
.dpnglossary.details .dpn_synonym {
  display: none;	
}

.dpnglossary.pagination ul li.character.current {
   border-bottom: 2px solid #309a8c;
}
.dpnTermList strong {
	display: block;
	font-size: 2.5rem;
}
.dpnTermList dd {
	padding-bottom: 40px;
	margin-left: 20px;
	display: block;
} 
.dpnTermList dt {
	padding-bottom: 10px;
} 


.container-fluid header.h-1 ~ .dpn_backbutton,
.container-fluid header.h-1 ~ .dpnTermList {
    padding: 0vw 10vw 4vw 4vw;
    border-radius: 0;
}
.dpnTermList dd {
	margin-bottom: 4rem;
}

.listCharacter dt {
    margin-bottom: 0.75rem;
}
dl.listCharacter {
	margin-bottom: 2rem;
}

.firstChar strong {
    display: block;
	font-size: 2.5rem;

}

/**aus alter css datei **/

p a.dpnglossary.link {
    border-bottom: 1px dotted #000;
    text-decoration: none;
}
p a.dpnglossary.link:hover {
	color: #707070;
	border-bottom: 1px dotted  #707070;
}

/*.dpnglossary.link:hover::after {
  background: rgba(0, 0, 0, .8);
  border-radius: 5px;
  bottom: 26px;
  color: #fff;
  content: attr(title);
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  display: block;
  width: 400px;
  z-index: 200;
  font-size: 1rem;
}*/



/** ENDE alte css datei **/
body.layout-1 .main-content > div:nth-of-type(odd) a.dpnglossary.link {
  border-bottom: 1px dotted #fff;
  color: #fff;
}
/** ENDE GLOSSAR ***/





/** FOOTER **/

.footer_swiper div.card-body {
  display: none;
}
/*.footer_swiper .gallery figure.image img {
   width: auto!important;
   height: 100%!important;
   max-height: 180px;
}*/

.footer_logo {
  max-width: 800px;	
}
#page-footer .footer_oben {
  clip-path: polygon(0 3.5vw, 100% 0, 100% calc(100% - 3.5vw), 0 100%);
   background: #2b2b2b;
   padding: 8.5% 0 6% 0;
 /*  padding: 5.5% 0 4% 0;*/
   margin-bottom: 60px;
}
.footer_oben_flex {
	display: flex;
	margin-top: 90px;
	gap: 100px;
}
.footer_oben_flex ul {
	list-style: none; 
	margin:0;
	padding:0;
	text-transform: uppercase;
	font-size: 2rem;
}
.footer_oben_flex ul a {
	font-weight: 500;
	border-bottom: none;
}

.footer_oben_flex ul.service-menu a {
	color: #C4C4C4;
}

#page-footer .gallery .row {
	align-items: center;
	margin-top: 20px;
	
}

/** ENDE: FOOTER ***/

/** btn allgemein **/
.btn {
 
}

/*** button Light  ***/
.btn-light {
  border-radius: 0;
  border: 4px solid #C00EEB;
  padding: 10px 40px 8px 40px;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0;
  background: transparent;
   --bs-btn-color: #2b2b2b;
   --bs-btn-bg: #ffffff;
   --bs-btn-border-color: #C00EEB;
   --bs-btn-hover-bg: #C00EEB;
   --bs-btn-hover-border-color: #C00EEB;
   --bs-btn-hover-color: #ffffff;
   --bs-btn-focus-shadow-rgb: none;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: #C00EEB;
   --bs-btn-active-border-color: #C00EEB;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 /*  --bs-btn-disabled-color: #000;
   --bs-btn-disabled-bg: #f8f9fa;
   --bs-btn-disabled-border-color: #f8f9fa;*/ 
}

.btn-light:hover {
  border: 4px solid #C00EEB;
}
.btn-light a {
  color: #2b2b2b;
}
/*.orange .btn-light,
.orange .btn-light:hover {
	border: 4px solid #E03400;
}*/

.orange .news-single .shariff li.shariff-button a {
	background-color: #E03400!important;
}
.bgE03400 .btn-light {
  border: 4px solid #E03400;
	--bs-btn-hover-bg: #E03400;
	--bs-btn-hover-border-color: #E03400;
	--bs-btn-hover-color: #ffffff;
	--bs-btn-focus-shadow-rgb: none;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #E03400;
	--bs-btn-active-border-color: #E03400;
}

.bgE03400 .btn-light:hover {
	 border: 4px solid #E03400;
}

ul.nav.menupages a.btn-light.nav-link,
ul.nav.menusubpages a.btn-light.nav-link {
   color: #2b2b2b;
}
ul.nav.menupages a.btn-light.nav-link:hover,
ul.nav.menusubpages a.btn-light.nav-link:hover {
	color: #fff;
}

/*** ENDE button Light  ***/



/*** button .btn-secondary  ***/
.btn-secondary {
  border-radius: 0;
  border: 4px solid #0E70F2;
  padding: 10px 40px;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0;
   --bs-btn-color: #2b2b2b;
   --bs-btn-bg: #ffffff;
   --bs-btn-border-color: #0E70F2;
   --bs-btn-hover-bg: #0E70F2;
   --bs-btn-hover-border-color: #0E70F2;
   --bs-btn-hover-color: #ffffff;
   --bs-btn-focus-shadow-rgb: none;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: #0E70F2;
   --bs-btn-active-border-color: #0E70F2;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}
.btn-secondary a {
	color: #2b2b2b;
}
.btn-secondary:hover {
  border: 4px solid #0E70F2;
}

/*** ENDE button .btn-secondary  ***/


/*** button btn-success  ***/
.btn-success {
  border-radius: 0;
  border: 4px solid #078934;
  padding: 10px 40px;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0;
  background: transparent;
   --bs-btn-color: #2b2b2b;
   --bs-btn-bg: #ffffff;
   --bs-btn-border-color: #078934;
   --bs-btn-hover-bg: #078934;
   --bs-btn-hover-border-color: #078934;
   --bs-btn-hover-color: #ffffff;
   --bs-btn-focus-shadow-rgb: none;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: #078934;
   --bs-btn-active-border-color: #078934;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}

.btn-success:hover {
  border: 4px solid #078934;
}
.btn-success a {
  color: #078934;
}

/*** ENDE button .btn-success  ***/

.back-to-top {
  font-size: 1rem;
  color: #707070;
}
.back-to-top:hover {
  color: #000000;
  opacity: 0.9;
}


/*** Glossar ***/

div.textItem p a.dpnglossary, div.news-text-wrap p a.dpnglossary, div.news-list-view a.dpnglossary, div.ce-bodytext p a.dpnglossary.link, p a.dpnglossary.link {
  border-bottom: 1px dotted #000;
  padding: 0;
  font-weight: 400;
  color: #2B2B2B;
}
.dpnglossary.link {
  /*display: inline-block;*/
  display: inline;
  position: relative;
}
.dpnglossary.link:hover::before {
  border: solid;
  border-color: #333 transparent;
  border-width: 12px 12px 0;
  bottom: 33px;
  content: '';
  left: 30%;
  position: absolute;
  z-index: 99;
}
.dpnglossary.link:hover::after {
  background: rgba(0, 0, 0, .8);
  border-radius: 5px;
  bottom: 40px;
  color: #fff;
  content: attr(title);
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  display: inline-block;
  width: 195px;
/*  width: auto;*/
  font-size: 1rem;
  z-index: 98;
 /* white-space:nowrap;*/
}


/*** ENDE: Glossar ***/



/*** dp_cookie_consent ***/
.cc-window .cc-link {
  text-decoration: none;
  border-bottom: 1px solid #2b2b2b;
}
div.cc-window .cc-body {
  box-shadow: -5px 5px 25px 0 rgba(26,46,74,.25);
}

.cc-compliance .cc-allow-all {
	color: #ffffff!important;
}
.dp--revoke {
  font-size: 1rem;
}



/**************************************************************/

/**** Media Queries ***/


@media (min-width: 1680px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,
    .container-fluid.px-0 .bodytext, .container-fluid.px-0 header h2 {
	  max-width: 1600px;	  
	  padding-left: 0;
	}
	.container-fluid.px-0 header h2	{
	    padding-left: calc( (100vw - 1610px) /2);
	}
	.toggleContainer .accordion-item .accordion-button,
    .accordion .accordion-item > div.accordion-collapse {
		max-width: 1570px;
	}
	
	.layout-3 .jumbotron figure {
		display: flex; 
		justify-content: center;
	}
	
	.layout-3 .jumbotron figcaption {
	  width: 100%;
	  max-width: 1600px;
	  margin: auto!important;
	  font-size: 1rem;
	  padding: 60px 56% 40px 0rem!important;
	}

}
@media screen and (max-width: 1679px) {
	.layout-3 .jumbotron figure {
		display: flex; 
		justify-content: center;
	}
	
	.layout-3 .jumbotron figcaption {
	  width: 100%;
	  max-width: 1320px;
	  margin: auto!important;
	  font-size: 1rem;
	  padding: 60px 47% 40px 0.75rem!important;
	}
	
}
	
@media screen and (max-width: 1550px) {
    #main-navbar .dropdown-menu  > a,
    #main-navbar .dropdown-menu  > div {
	   width: 33%;
	}
	
}


@media screen and (max-width: 1399px) {
	body.layout-1 .main-content div[id] > .row,
    body.layout-1 .main-content div[id] > .gallery > .row,
    body.layout-1 .main-content div[id] > .ce-textpic > .gallery > .row,
    body.layout-4 .main-content div[id] > .row,
    body.layout-4 .main-content div[id] > .gallery > .row,
    body.layout-4 .main-content div[id] > .ce-textpic > .gallery > .row {
		max-width: 1140px;
	/*	  margin: 0 auto!important;
		  padding: 3rem 0;
		  position: relative;
		  z-index: 3;
		  --bs-gutter-x: 0.75rem;*/
}
	body.layout-2 .video > div  {
        padding: 1rem 0 3rem 0;
        margin: 0 auto!important;
        max-width: 900px;
  
}
	.container-fluid {
	  max-width: 1140px;
	}
	
	#fixed_icons .shariff ul {
		padding-top: 0;
	}

	.toggleContainer .accordion-item .accordion-button,
	.accordion .accordion-item > div.accordion-collapse {
	   max-width: 1110px;
	}

	.container-fluid.px-0 header h2 {
	  padding-left: calc( (100vw - 1130px) /2);
	}

	.container-fluid.px-0 .bodytext {
	  max-width: 1116px;
	}
	.toggleContainer .accordion-item .accordion-button {
	  font-size: 3.25rem; 
	}
	.gallery[data-ce-columns="5"] > div .row {
	  max-width: 1140px!important;
	  margin: 0 auto!important;
	  padding: 0.75rem;
	  gap: 20px;
	  justify-content: center;
	}
	.layout-3 .jumbotron figure {
		display: flex; 
		justify-content: center;
	}
	
	.layout-3 .jumbotron figcaption {
	  width: 100%;
	  max-width: 1140px;
	  margin: auto!important;
	  font-size: 1rem;
	  padding: 60px 35% 40px 0.75rem!important;
	}
	
}	

@media screen and (max-width: 1199px) {
	html {
	   font-size: 14px;
	}
	
	body.layout-1 .main-content div[id] > .row,
    body.layout-1 .main-content div[id] > .gallery > .row,
    body.layout-1 .main-content div[id] > .ce-textpic > .gallery > .row,
    body.layout-4 .main-content div[id] > .row,
    body.layout-4 .main-content div[id] > .gallery > .row,
    body.layout-4 .main-content div[id] > .ce-textpic > .gallery > .row {
		max-width: 960px;
	/*	  margin: 0 auto!important;
		  padding: 3rem 0;
		  position: relative;
		  z-index: 3;
		  --bs-gutter-x: 0.75rem;*/
}
	
	#main-navbar .dropdown-menu  > a,
    #main-navbar .dropdown-menu  > div {
	   width: 50%;
	}
	#main-navbar #nav-item-3 .dropdown-menu  > a,
    #main-navbar #nav-item-5 .dropdown-menu  > a,
    #main-navbar #nav-item-3 .dropdown-menu  > div,
    #main-navbar #nav-item-5 .dropdown-menu  > div {
	   width: 50%;
	}
	
	#main-navbar .search-navbar span svg {
       width: 80px;
       height: 80px;
  }
  	.toggleContainer .accordion-item .accordion-button {
	  font-size: 2.5rem; 
	}
 
	  #main-navbar .navbar-toggler {
	  padding: 0 25px;
	  width:80px;
	  height:80px;
	  }
	 .jumbotron {
	  top: 4rem;
	  }

	/*  #page-wrapper > nav[aria-label] {
		top: 7rem;
	  }
	*/
	  #page-content {
		padding-top: 3rem;
	  }
	  
	.toggleContainer .accordion-item .accordion-button,
	.accordion .accordion-item > div.accordion-collapse {
	   max-width: 930px;
	}

	.container-fluid.px-0 header h2 {
	  padding-left: calc( (100vw - 950px) /2);
	}
	  
	.container-fluid.px-0 .bodytext {
	  max-width: 936px;
	}
	
	.container-fluid {
	  max-width: 960px;
	}
	
	.gallery[data-ce-columns="2"] .row {
	  gap: 50px;
	  max-width: 960px!important;
	}
	.gallery[data-ce-columns="5"] > div .row {
	  max-width: 960px!important;
	}
	.gallery[data-ce-columns="5"] > div .row > div {
	  width: 33%;
	}
	
	.layout-3 .jumbotron figcaption {
	  max-width: 960px;
	  padding: 60px 35% 40px 0.75rem!important;
	}
	  
}


@media screen and (max-width: 991px) {
	body.layout-1 .main-content div[id] > .row,
    body.layout-1 .main-content div[id] > .gallery > .row,
    body.layout-1 .main-content div[id] > .ce-textpic > .gallery > .row,
    body.layout-4 .main-content div[id] > .row,
    body.layout-4 .main-content div[id] > .gallery > .row,
    body.layout-4 .main-content div[id] > .ce-textpic > .gallery > .row {
		max-width: 720px;
	/*	  margin: 0 auto!important;
		  padding: 3rem 0;
		  position: relative;
		  z-index: 3;
		  --bs-gutter-x: 0.75rem;*/
}

	#main-navbar #nav-item-3 .dropdown-menu  > a,
    #main-navbar #nav-item-5 .dropdown-menu  > a,
    #main-navbar #nav-item-3 .dropdown-menu  > div,
    #main-navbar #nav-item-5 .dropdown-menu  > div {
	   width: 100%;
	}
	.jumbotron .page-title h1.display-1, .jumbotron .page-title h2.display-4 {
		font-size: 4rem;
	}
	.toggleContainer .accordion-item .accordion-button,
	.accordion .accordion-item > div.accordion-collapse {
	   max-width: 690px;
	}

	.container-fluid.px-0 header h2 {
	  padding-left: calc( (100vw - 710px) /2);
	}

	.container-fluid.px-0 .bodytext {
	  max-width: 696px;
	}
	.toggleContainer .accordion-item .accordion-button {
	  font-size: 2rem; 
	}
	
	.container-fluid {
	  max-width: 720px;
	}
	
	.gallery[data-ce-columns="2"] .row,
    .gallery[data-ce-columns="5"] > div .row 	{
	  max-width: 720px!important;
	}
	  
	div.news .row-cols-md-3 > * {
		width: 50%;
	}
	
	.news .custom-template1 > div:nth-child(2n+1) {
		padding-right: 10px;
        padding-left: 0;		
	}
	.news .custom-template1 > div:nth-child(2n+2) {
		padding-right: 0px;
		padding-left: 10px;
	}
/*	.news .custom-template1 > div:nth-child(3n+3) {
		padding-left: inherit;
		padding-right: inherit;
	}
*/
	
	.layout-3 .jumbotron figcaption {
	  max-width: 720px;
	  padding: 60px 20% 40px 0.75rem!important;
	}

}

/******* ############# ******/

@media screen and (min-width: 769px){
	#page-1 .jumbotron section:nth-of-type(2) {
	    display: none;
	}
}
/******* ############# ******/

@media screen and (max-width: 768px){
	
	.languageMenuContainer > ul {
  		width: 60px;
	}
	
	.languageMenuContainer > ul li a svg {
		height: 60px;
		width: auto;
	}
	
	body#page-1 .ratio::before {
      padding-top: 100%;
    }
	#page-1 .jumbotron section:nth-of-type(1) {
	    display: none;
	}
	#page-1 .jumbotron section:nth-of-type(1) {
		display: none;	
	}
	#page-1 .jumbotron section:nth-of-type(2) .ratio::before {
		padding-top: 100%;
	}
	#page-1 .jumbotron section:nth-of-type(2) .ratio video {
		margin-top: 0!important;
	}
    #page-1 .gallery .col-sm {
        padding-right: 0rem;
        padding-left: 0rem;
    }
	div.news .row-cols-md-3 > * {
		width: 50%;
	}

    .slick-list.draggable {
        margin: 0 20px;	
	}
	
	.slick-prev, 
	.slick-next,
	.container .swiper-button-prev,
	.container .swiper-button-next {
		display: none!important;
	}
	body.layout-2 .main-content > div.video {
      padding: 20px 20px 0 20px;
  
    }


}

/******* ############# ******/

@media screen and (max-width: 767px){
	html {
	   font-size: 14px;
	}
	header h2 {
      font-size: 2.125rem !important;
	}
	
	body.layout-1 .main-content div[id] > .row,
    body.layout-1 .main-content div[id] > .gallery > .row,
    body.layout-1 .main-content div[id] > .ce-textpic > .gallery > .row,
    body.layout-4 .main-content div[id] > .row,
    body.layout-4 .main-content div[id] > .gallery > .row,
    body.layout-4 .main-content div[id] > .ce-textpic > .gallery > .row {
		max-width: 540px;
    }
 
    body.layout-1 .main-content > div:nth-of-type(odd) > .row > .w-66,
    body.layout-4 .main-content > div:nth-of-type(even) > .row > .w-66 {
        padding-left: 0.75rem;
		padding-right: 0.75rem;
    }
    body.layout-1 .main-content > div:nth-of-type(even) > .row > .w-66,
    body.layout-4 .main-content > div:nth-of-type(odd) > .row > .w-66 {
      padding-right: 0.75rem;
	  padding-left: 0.75rem;
}
    #page-wrapper .main-content div.textOhneBild > .row {
	  padding-right: 0.75rem;
	  padding-left: 0.75rem;
	}
		div.news .row-cols-md-3 > * {
		width: 100%;
	}
	
    .gallery .col-sm {
       padding-right: 0.75rem;
       padding-left: 0.75rem;
    }
	#main-navbar .dropdown-menu  > a,
    #main-navbar .dropdown-menu  > div {
	   width: 100%;
	}
	
	.navbar-brand img {
	   width: 360px;
	}

	#main-navbar .search-navbar span svg {
		width: 60px;
		height: 60px;
	}
	#main-navbar .navbar-toggler {
		padding: 0 20px;
		width:60px;
		height:60px;
	  }
	.jumbotron {
		top: 3rem;
	 }
	.jumbotron #s-236 figure.video {
		max-height: unset!important;
	}

	#page-content {
		padding-top: 2rem;
	 }
	#main-navbar .navbar-brand {
		margin-left: 2rem;
		margin-right: 0.5rem!important;
	}
	#main-navbar .navbar-toggler-icon-1 {
		top: -6px;
	  }
	#main-navbar .navbar-toggler-icon-3 {
		top: 6px;
	  }
	.toggleContainer .accordion-item .accordion-button {
	  font-size: 1.75rem; 
	}
	.toggleContainer .accordion-item .accordion-button,
	.accordion .accordion-item > div.accordion-collapse {
	   max-width: 520px;
	}

	.container-fluid.px-0 header h2 {
	  padding-left: calc( (100vw - 530px) /2);
	}

	.container-fluid.px-0 .bodytext {
	  max-width: 516px;
	}
	
	.bigfontSmallwidth .bodytext > *, .bigfontSmallwidth .row > p {
       max-width: 100%;
	   font-size: 2.25rem;
    }
	
	/***  3 in einer Zeile ***/
	.card-deck.cardWrapper > div:nth-child(3n+1),
    .card-deck.cardWrapper > div:nth-child(3n+2),
    .card-deck.cardWrapper > div:nth-child(3n+3)	{
	  padding: 0!important;
	}
	.card-deck.cardWrapper.textonly .col {
      padding-bottom: 20px!important;
    }
	.card-deck.cardWrapper.textonly.gruen .col {
	  margin-bottom: 20px!important;
	}

	.slick-list.draggable {
      margin: 0;
    }
	
	.news .custom-template1 > div {
		padding-right: 0!important;
        padding-left: 0!important;		
	}
	
	.container-lg {
	  max-width: 540px;
	}
	
	.layout-4 .container-fluid {
       max-width: 540px;
    }
		
	.gallery[data-ce-columns="2"] .row,
	.gallery[data-ce-columns="5"] > div .row {
	  max-width: 540px!important;
	}
	.footer_oben_flex ul {
      font-size: 1.75rem;
    }
	
	#mapid {
		height: 80vh!important;
	}
	
    .tx-ksbildungsportal .searchResultFlex {
		display: block;
	}
	.tx-ksbildungsportal .searchResultItem  {
		width: 100%;
		max-width: 100%;
	}
	
	.layout-3 .jumbotron figcaption {
	  max-width: 540px;
	  padding: 60px 5% 40px 0.75rem!important;
	}

}


@media screen and (max-width: 576px){
	html {
	   font-size: 12px;
	}
	
	.languageMenuContainer > ul {
  		width: 40px;
	}
	
	.languageMenuContainer > ul li a svg {
		height: 40px;
		width: auto;
	}
			
	.jumbotron .page-title h1.display-1, 
	.jumbotron .page-title h2.display-4 {
		padding-left: 25px;
	}
  
    .navbar-brand img {
       width: calc(100vw - 150px);
	   padding-left: 15px;
    }
	#main-navbar .search-navbar span svg {
	  width: 40px;
	  height: 40px;
	}
	#main-navbar .navbar-toggler {
	  padding: 0 10px;
	  width: 40px;
	  height: 40px;
	}
	#main-navbar .navbar-toggler-icon-1, 
	#main-navbar .navbar-toggler-icon-2, 
	#main-navbar .navbar-toggler-icon-3 {
		height: 3px;
	}
  
	#main-navbar .buttons {
		justify-content: flex-end;
	}
	#main-navbar .main-navbarnav {
		padding: 3rem 1rem 0 1rem;
	}
	#main-navbar .main-navbarnav a.nav-link {
      font-size: 2rem;
    }
	.dropdown-toggle::after {
		height: 2rem;
	}
	.jumbotron {
		top: 3rem;
	}
	.jumbotron .page-title h1.display-1 {
		font-size: 3rem;
	} 
	.bigfontSmallwidth .bodytext > *, .bigfontSmallwidth .row > p {
	   font-size: 1.825rem;
    }
	#fixed_icons {
		display: none;
	}
	.container {
		max-width: 100%!important;
		padding: 0 20px;
	}
	#page-wrapper > nav[aria-label] {
		top: 7rem;
	}
	
	#page-1 #page-content {
		margin-top: 5rem;
	}
	#page-content {
		padding-top: 0rem;
		hyphens:auto;
	}
	#main-navbar .navbar-brand {
		margin-left: 0.5rem;
		margin-right: 0.5rem!important;
	}
	#main-navbar .navbar-toggler-icon-1 {
		top: -6px;
	}
	#main-navbar .navbar-toggler-icon-3 {
		top: 6px;
	}
	
	#main-navbar ul.service-menu a {
	  text-decoration: none;
	  font-size: 2rem;
    }
	
	.layout-4 #page-content {
		margin-top: 5rem;
	}

	.toggleContainer .accordion-item .accordion-button,
	.accordion .accordion-item > div.accordion-collapse {
	   padding-left: 20px;
	   padding-right: 10px;
	   max-width: 100%;
	}

	.container-fluid.px-0 header h2 {
	  padding-left: 20px;
	  padding-right: 20px;
	  padding-top: 15px;
	}

	.container-fluid.px-0 .bodytext {
	   padding-left: 20px;
	   padding-right: 20px;
	   max-width: 100%;
	}
	div.news .row-cols-md-3 > * {
		width: 100%;
	}
	#page-wrapper .news .d-none {
		display: inherit!important;
	}
	
	.gallery[data-ce-columns="5"] > div .row > div {
	  width: 45%;
	}

    .footer_oben_flex {
		display: block;
		margin-top: 40px;
	}
	.footer_oben_flex .servicenav_footer {
		margin-top: 20px;
	}
	
	nav.pagebrowser > .container {
       width: 98%;
	   padding-left: 0;
	   padding-right: 0;
    }

    .layout-3 .jumbotron figure {
	   display: block;
    }

	.layout-3 .jumbotron figcaption {
	   padding: 60px 0 10px 22px!important;
	   width: 90%;
	}

	.gallery .col-sm {
       padding-right: 20px;
       padding-left: 20px;
    }
	body.layout-2 .main-content div.dpn_glossary, 
	body.layout-2 .main-content div.dpnglossary.details {
       margin: 0rem auto;
}
	
	body.layout-1 .main-content div[id] > .row,
    body.layout-1 .main-content div[id] > .gallery > .row,
    body.layout-1 .main-content div[id] > .ce-textpic > .gallery > .row,
    body.layout-4 .main-content div[id] > .row,
    body.layout-4 .main-content div[id] > .gallery > .row,
    body.layout-4 .main-content div[id] > .ce-textpic > .gallery > .row {
		max-width: 100%;
    }
	
	body.layout-1 .main-content > div:nth-of-type(odd) > .row > .w-66,
    body.layout-4 .main-content > div:nth-of-type(even) > .row > .w-66 {
        padding-left: 20px;
		padding-right: 20px;
    }
    body.layout-1 .main-content > div:nth-of-type(even) > .row > .w-66,
    body.layout-4 .main-content > div:nth-of-type(odd) > .row > .w-66 {
      padding-right: 20px;
	  padding-left: 20px;
    }
	.container-fluid,
    #page-wrapper .main-content div.textOhneBild > .row 	{
	  padding-right: 20px!important;
	  padding-left: 20px!important;
	}
 
}