/* lobster-two-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: 'Lobster Two';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/lobster-two-v20-latin/lobster-two-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  url('./fonts/lobster-two-v20-latin/lobster-two-v20-latin-regular.woff2') format('woff2'); /* Modern Browsers */
}

/* lobster-two-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: 'Lobster Two';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/lobster-two-v20-latin/lobster-two-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  url('./fonts/lobster-two-v20-latin/lobster-two-v20-latin-italic.woff2') format('woff2'); /* Modern Browsers */

/* lobster-two-bold - 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: 'Lobster Two';
  font-style: bold;
  font-weight: 400;
  src: url('./fonts/lobster-two-v20-latin/LobsterTwo-Bold.ttf') format('ttf'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  url('./fonts/lobster-two-v20-latin/LobsterTwo-Bold.ttf') format('ttf'); /* Modern Browsers */
}
/* lobster-two-bolditalic - 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: 'Lobster Two';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/lobster-two-v20-latin/LobsterTwo-BoldItalic.ttf') format('ttf'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
   url('./fonts/lobster-two-v20-latin/LobsterTwo-BoldItalic.ttf') format('ttf'); /* Modern Browsers */
}

/* lobster-two-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: 'Lobster Two';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/lobster-two-v20-latin/lobster-two-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  url('./fonts/lobster-two-v20-latin/lobster-two-v20-latin-700.woff2') format('woff2'); /* Modern Browsers */
}

/* lobster-two-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: 'Lobster Two';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/lobster-two-v20-latin/lobster-two-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  url('./fonts/lobster-two-v20-latin/lobster-two-v20-latin-700italic.woff2') format('woff2'); /* Modern Browsers */
}



#page-content .container .section-row,
#page-content .frame .frame-container {
	background: #fff;
}


h1, h2, h3 {
    font-family: Arial, Helvetica, sans-serif;
    color: #ba8fd8;
    font-weight: bold;
    --bs-heading-color: #ba8fd8 !important;
}

h4, h4.element-header {
     font-family: 'Lobster Two' ;
     font-style: normal;
     font-weight: 400;
     color: #f3a1e2;
    }

h5, h5.element-header {
     font-family: 'Lobster Two';
     font-style: normal;
     font-weight: 400;
      color: #ba8fd8 ;
    }
 h6, h6.element-header {
    font-family: 'Lobster Two';
     font-style: normal;
     font-weight: 400;
      color: #151118;
    }

body, p {
      font-family: Arial, Helvetica, sans-serif;
      color: #151118;
    }
body, p {
    font-size: 1rem;
    line-height: 1.2;
}

li, li a {
      font-family: Arial, Helvetica, sans-serif;
      color: #151118;
}

/*Startseite unten */

#c6 {
  margin-top: 0px !important; 
}

#c16 {
   margin-top: 120px;
   margin-bottom: 80px;
  }

.carousel-item-bodytext > :last-child {
  margin-top: 30px;
  margin-bottom: 30px;
}


.lightbox {
  background-color: rgba(60,79,101,0.75) !important;
}
a.lightbox {
	background: transparent !important;
}

/*#page-content {
  background-image: url(../datensammlung/hintergrund.jpg) !important;
  background-repeat: repeat-x;
}*/


h1, .h1 {
    font-size: 2rem;
}
h2, .h2 {
    font-size: 1.75rem;
}
h3, .h3 {
    font-size: 1.5rem;
    padding-bottom:10px;
}
h4, .h4 {
    font-size: 1.1rem;
}
h5, .h5 {
    font-size: 1.0rem;
}
h6, .h6 {
    font-size: 1.1rem;
}

/*Link*/

a {
    color: #3d3c3d;
}

a:hover {
 color: #ba8fd8;
}

a:visited {
 color: #8a33c4;
}

/*
.news-img-wrap {
   display:none;

}

.frame-background-secondary a:not(.btn) {
    color :#3a3f7a;
}

.frame-background-secondary a:hover {
    color :#82a529 !important;
}

/*Images*/
#c10 img {
    width: 40%;
    height: auto;
}


/*Accordion*/
.card a:not(.btn) {
    color: #3c4f65;
}

.card a:hover {
    color: #3a3f7a !important;
}



/*Button*/
.btn-info {
    color: #fff;
    background-color: #96C7FF;
    border-color: #96C7FF;
}
.btn-info a:hover {
    background-color: #96C7FF;
    border-color: #96C7FF;
}


/*Abschnitte*/
.section-primary {
   color: #c9cbdb;
   background-color: #3c4f65 ;
}

.section-light {
    background-color: #dadbdd;
}




/*Linie*/
hr {
 margin-top:1rem;
 margin-bottom:1rem;
 border:0;
 border-top:1px solid #3a3f7a;
}

/*Card*/
.card a:hover {
    color: #90c6a3;
}
.thumbnail-menu-caption {
     background-color: rgba(58,63,122,0.55);
}

.thumbnail-menu-link, .thumbnail-menu-link:hover, .thumbnail-menu-link:focus {
     color: #fff !important;

}


/*Menü*/

.breadcrub-section,
.breadcrumb {
   color: #ba8fd8;
   border-bottom: #ba8fd8; 
}

.breadcrumb a:hover {
   color: #3d3c3d;
}
.breadcrumb-item.active {
   color: #5b1a20;
}

a.breadcrumb-link, 
span.breadcrumb-link-title {
   color: #fff !important;
  --bs-link-color-rgb: #fff !important;
}


/*
.navbar-default .navbar-nav .nav-link {
    color: #9FA8B3 !important;
}
*/
.navbar-default .navbar-nav .active > .nav-link {
     color: #82a529;
}
/*
.navbar-mainnavigation .navbar-nav > li > .nav-link::before {
   background: :#82a529;
}
*/
.dropdown-menu {
   --bs-dropdown-color: white;
  --bs-dropdown-bg: #f3a1e2;
  --bs-dropdown-border-color: #f3a1e2;
  --bs-dropdown-link-color: white;
  --bs-dropdown-link-hover-color: #f3a1e2;
  --bs-dropdown-link-hover-bg: #ba8fd8;
  --bs-dropdown-link-active-color: #ffffff;
  --bs-dropdown-link-active-bg: #ba8fd8;

}
 


.footer-section-content h2 {
    color: #FFF;
}


.footer-section-content li {
   margin: 0 4px;
   color:#219933;
   list-style-type:square;
}

.footer-section-content a:not(.btn) {
    color: #fff;
}
.footer-section-content a:hover {
    color: #ccc !important;
}

.active > .subnav-link {
    color: #ffffff !important;
    background-color: #9FA8B3;
}



/* FOOTER*/
.footer-section-content a {
    color: #ffffff;
}
.footer-section-content a:hover {
    color: #90c6a3;
}

.footer-section-meta a:not(.btn) {
    color: #ffffff !important;
}

.footer-section-meta a:hover {
    color:#ccc !important;
}

.wf-active body:before, .wf-inactive body:before {
	display: none !important;
}

#page-footer > .section > .frame {
	padding: 0;
	margin-bottom: 1rem;

}
#page-footer .container > .section-row .frame {
	padding-top: 1.5rem;
}
#page-footer #c261 {
	padding-bottom: 1.5rem;
}

.footer-copyright p {
       color: #ffffff;
}

.footer-section-content a:not(.btn):hover,
.footer-section-content a:not(.btn):focus {
	color: #ed8a0c;
}

/*
#page-content .section-row {
	outline: 5px solid red !important;
}
#page-content > .frame > .frame-container {
	outline: 5px solid green !important;
}
#page-content > .section > .frame > .frame-container {
	outline: 5px solid blue !important;
}
*/

#page-content .section-row,
#page-content > .frame > .frame-container,
#page-content > .section > .frame > .frame-container {
	padding-top: 20px;
	padding-bottom: 20px;
}


footer#page-footer p, footer#page-footer h1, footer#page-footer h2, footer#page-footer h3, footer#page-footer h4, footer#page-footer h5, footer#page-footer h6 {
	color: #fff;
}



#page-content .container.frame-layout-1 .section-row, #page-content .frame.frame-layout-1 .frame-container {
	background: rgba(255, 255, 255, 0.7);
}

#c394 h3 {
	color: #96c7ff;
}
#c360 .frame-container {
	margin-top: 120px;
	margin-bottom: 80px;
}

.frame.frame-layout-2 {
	padding: 0;
}
.frame.frame-layout-2 .frame-container {
	max-width: 100%;
	padding: 0;
}


@media (min-width: 992px) {
	.mehrspalter {
		display: flex;
		flex-wrap: nowrap;
	}
	.flex5050 > div {
		width: 50%;
	}
	.flex303030 > div {
		width: 30%;
	}
	.flex303030 .col2 {
		margin: 0 5%;
	}
	.flex25252525 > div {
		width: 25%;
	}
	.mehrspalter > div > .frame {
		padding: 0;
	}
}

.pswp__bg {
	background-color: rgba(60,79,101,0.75);
}


@media (min-width: 992px) {
	/*.navbar-mainnavigation>.navbar-nav:last-child, .navbar-mainnavigation>.container>.collapse>.navbar-nav:last-child, .navbar-mainnavigation>.container-fluid>.collapse>.navbar-nav:last-child, .navbar-mainnavigation>.container-sm>.collapse>.navbar-nav:last-child, .navbar-mainnavigation>.container-md>.collapse>.navbar-nav:last-child, .navbar-mainnavigation>.container-lg>.collapse>.navbar-nav:last-child, .navbar-mainnavigation>.container-xl>.collapse>.navbar-nav:last-child {*/
	.navbar-mainnavigation>.container>.collapse>.navbar-nav:last-child {
		margin-left: auto;
		margin-right: -1rem;
	}
}
.navbar-mainnavigation .navbar-nav:last-child {
	margin-left: auto;
}


@media (max-width: 1024px) {
  .carousel-content,
  .carousel-item-type-background_image{
    width:100% !important;
   }
   .carousel .carousel-backgroundimage-container, .carousel .carousel-backgroundimage {
   	background-size: contain;
    background-repeat: no-repeat;
   }
   .carousel .item {
     vertical-align:top;
      height: 36vw;
    }
}


.carousel-content-inner {
    width: 100%;
}

.frame-container-default {
    /*outline: 2px solid red !important;*/
    padding-left: 0;
    padding-right: 0;
    max-width: none;
}

#page-content .frame-container {
    padding: 20px;
}
.frame-container {
    position: relative;
    width: 100%;
    /*outline: 3px solid blue !important;*/
}
@media (min-width: 576px) {
    .frame-container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .frame-container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .frame-container {
        max-width: 960px;
    }
}
@media (min-width: 992px) {
    .frame-container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .frame-container {
        max-width: 1140px;
    }
}

.footer-meta .meta-menu {
    display: none !important;
    margin: 0;
    padding: 0;
}


nav.breadcrumb-section a {
	color: #fff;
}

.dropdown-menu a.nav-link {
	color: #f3a1e2 !important;
}
.dropdown-menu a.nav-link:hover {
	color: #8a33c4 !important;
}


.navbar-brand-text span {
	display: none;
}
.navbar-brand-text {
	width: 250px;
	height: 110px;
	background: url('/fileadmin/datensammlung/logo/Logo-Kersten.png') no-repeat;
	background-size: contain;
}