/******* GENERAL ********/

html {
  scroll-behavior: smooth;
  margin:0;
  padding:0;
  overflow-x:hidden;
}

body {
  background-color: #fff;
  margin: 0 auto;
  padding:0;
  overflow-x:hidden;
  }

.show {
  display: block !important;
}

/*.wow:first-child {
  visibility: hidden;
}*/

/************* COLORS **************/

:root {
  --buseck-gelb: #fecc00;
  --buseck-hellgelb: #ffe855;
  --buseck-black: #000;
  --buseck-grau: #4b4b4b;
  --buseck-hellgrau: #f2f2f2;
  --buseck-gelb-transparent: rgba(255, 204, 0, 0.8);
}

/************* SCHRIFT *************/

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: local(''),
    url('../fonts/Poppins-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local(''),
    url('../fonts/Poppins-Medium.ttf') format('truetype');
}

/************** TYPOGRAFIE **************/

h1,
h2,
h3,
h4,
h5,
p,
strong,
b,
em,
a,
li h1,
h2,
h3,
h4,button {
  font-family: "Poppins", sans-serif;
}

h1 {
  font-size: 2.8em;
  font-weight: 300;
  color: var(--buseck-grau);
}

h2 {
  font-size: 2.5em;
  font-weight: 300;
  color: var(--buseck-grau);
}

.headline-section h2 {
  font-size: 3.2em;
  font-weight: 400;
  color: var(--buseck-black);
}

h3 {
  font-size: 3.0em;
  font-weight: 400;
}


h4 {
  font-size: 1.5em;
  font-weight: 400;
}



a {
  font-size: 1em;
  text-decoration: none;
}
                
a:hover {
  text-decoration: none;
}

p {
  font-size: 1em;
  font-weight: 300;
}

b {
  font-size: 1em;
  font-weight: 400;
}

i {
  font-size: 1em;
}

strong {
  font-size: 1em;
  font-weight: 400;
}

.text-content h3, .text-content h4{
    font-size: 1.5em;
  font-weight: 400;
}
.text-content a{
  font-weight:500;
    color:black;
  transition:0.4s ease-in-out;
}
.text-content a:hover{
  color:var(--buseck-gelb);
  transition:0.4s ease-in-out;
}

li{
  font-family:"Poppins", sans-serif;
  font-weight:300;
}
/******** Buttons / a-Tags **********/

a.button {
  cursor: pointer;
  margin-top: 10px;
  display: inline-block;
  color: var(--buseck-black);
  padding: 10px 15px;
  background-color: var(--buseck-gelb);
  border: 1px solid transparent;

}

a.button i {
  margin-right: 10px;
}

a.button-2 {
  cursor: pointer;
  display: inline-block;
  padding: 10px 30px;
  background-color: var(--buseck-gelb);
  color: var(--buseck-black);
  margin-top: 15px;
  margin-bottom: 15px;
  transition: 0.4s ease-in-out;
  margin-right: 10px;
  border: 1px solid transparent;
}

a.button-round, button.button-round {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
  background-color: var(--buseck-gelb);
  color: var(--buseck-black);
  margin-top: 15px;
  margin-bottom: 15px;
  transition: 0.4s ease-in-out;
  margin-right: 10px;
  border: 1px solid transparent;
  border-radius: 10px;

}
a.button-round.disabled, button.button-round.disabled{
  background-color:var(--buseck-hellgrau);
  cursor:default;
}

a.button-round>i, button.button-round>i {
  padding-left: 10px;
  transition: 0.4s ease-in-out;
}

a.button-round:hover, button.button-round:hover{
  background-color: var(--buseck-hellgelb);
  padding-right: 10px;
  transition: 0.4s ease-in-out;
  color:var(--buseck-black);
}
a.button-round.disabled:hover, button.button-round.disabled:hover{
  padding: 10px 15px;
  background-color:var(--buseck-hellgrau);
}

a.button-round:hover>i, button.button-round:hover>i {
  transition: 0.4s ease-in-out;
  padding-left: 15px;
}
a.button-round.dark{
  background-color:var(--buseck-grau);
  color:var(--buseck-gelb);
}

a.download{
  display:block;
  width:100%;
  position:relative;
  padding-right: 50px;
}
a.download:hover{
  padding-right: 50px;
}
a.download i{
      position: absolute;
    right: 20px;
    top: 14px;
}

h3 strong, strong h3{
  background-color:var(--buseck-gelb);
  color:var(--buseck-grau);
  padding:5px 10px;
  border-radius:0.5rem;
  margin-bottom:15px;
  display:inline-block;
}
  /*********** TABLE STYLE **********/
  .contenttable{
    width:100%;
  }
tr td:first-child{
  text-align:left !important;
}
tr td:last-child{
  text-align:right;
}
tr:last-child{
  border:none;
}
tbody, td, tfoot, th, thead, tr{
  border-color:rgba(0,0,0,0.05);
    font-family:"Poppins", sans-serif;
  font-weight:300;
}

tbody{
  border:none;
}

.table{
  margin-bottom:0px;
}
/******** Nav **********/

nav {
  width: 100%;
  height: 140px;
  padding: 0em;
  background-color: white;
  position: fixed;
  top: 0px;
  z-index: 999;
  transition: 0.4s ease-in-out;
  text-align: center;
  display: table;
  padding-left: 100px;
  padding-right: 100px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

.logo {
  position: absolute;
  left: 5%;
  bottom: 5px;
  height: 120px;
  transition: 0.4s ease-in-out;
  z-index:1 !important;
}

nav.nav_scroll {
  height: 110px;
  transition: 0.4s ease-in-out;
}

.nav_scroll .logo {
  height: 90px;
  transition: 0.4s ease-in-out;
}

.nav_scroll .navigation-desktop ul li a {
  padding-bottom: 15px;
  transition: 0.4s ease-in-out;
}

.nav_scroll .submenu {
  position: absolute;
  right: 10%;
  top: 11px;
  transition: 0.4s ease-in-out;
}

.nav_scroll .sub-dropdown ul li a {
  padding: 0px;
}

.nav_scroll .navigation-desktop ul li .dropdown {
  top: 110px;
  transition: 0.4s ease-in-out;
}

.navigation-desktop {
  position: absolute;
  bottom: 0px;
  right: 10%;
  /*transform: translate(-50%,0%);*/
}

.navigation-desktop ul {
  list-style: none;
  text-align: center;
  margin: 0px;
  margin-bottom: 0px;
  padding: 0px;
  display: inline-block;
}

.navigation-desktop ul li {
  display: inline-block;
  position: relative;
  margin: 0px -2px;
  font-style: normal;
  text-transform: normal;
  font-size: 1em;
  font-weight: 300;
  color: var(--buseck-black);
  transition: 0.4s ease-in-out;
}

.navigation-desktop ul li.active {}

.navigation-desktop ul li:after {
  content: "";
  position: absolute;
  width: 40%;
  height: 3px;
  background-color: var(--buseck-gelb);
  left: 30%;
  top: 10px;
  opacity: 0;
  transition: 0.4s ease-in-out;
}

.navigation-desktop ul li:hover:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 3px;
  background-color: var(--buseck-gelb);
  left: 25%;
  top: 16px;
  opacity: 1;
  transition: 0.4s ease-in-out;
}

.navigation-desktop ul li a {
  display: block;
  padding: 25px;
  color: var(--buseck-black);
}

.navigation-desktop ul li:hover a {}

.navigation-desktop ul li.active a {}

.navigation-desktop ul li.active:hover a {}

.navigation-desktop ul li .dropdown {
  width: 100%;
  transform-origin: top;
  transform: scaleY(0);
  opacity: 0;
  top: 140px;
  display: block;
  position: fixed;
  background-color: var(--buseck-gelb-transparent);
  backdrop-filter: blur(0px);
  left: 0%;
  transition: 0.4s ease-in-out;
}

.navigation-desktop ul li:hover .dropdown {
  width: 100%;
          transform-origin: top;
  transform: scaleY(1);
  opacity: 1;
  display: block;
  position: fixed;
  background-color: var(--buseck-gelb-transparent);
  backdrop-filter: blur(5px);
  left: 0%;
    transition: 0.5s ease-in-out;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
}

.navigation-desktop input {
                border: none;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  background-color: var(--buseck-hellgrau);
                    width: 150px;
  padding: 4px;
  padding-left: 10px;
  margin-left: 25px;
}

.navigation-desktop input::placeholder {
  font-size: 0.8em;
  font-family: "Poppins";
  font-weight: 300;
}

.navigation-desktop i {
  background-color: var(--buseck-gelb);
  display: inline-block;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  padding: 9px;
  font-size: 0.8em;
  transform: translateY(-3px);
}

.navigation-desktop ul li.hauptpunkte {
  font-weight:400;
}
.navigation-desktop ul li.hauptpunkte a{
  color:var(--buseck-grau);
}
.navigation-desktop ul li.hauptpunkte.active{
  background-color:var(--buseck-gelb);
  border-top-left-radius:0.5rem;
  border-top-right-radius:0.5rem;
}

.navigation-desktop ul li.hauptpunkte.active a{
  color:var(--buseck-black);
}

.dropdown>ul {
  display: flex;
  flex-wrap: wrap;
  width: 70%;
  left: 10%;
  margin-left: 15%;
        }
      
.dropdown>ul>li {
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0px;
  transition: 0.4s ease-in-out;
  width: 25%;
  text-align: left;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.dropdown>ul>li:hover {
  background-color: var(--buseck-hellgelb);
  transition: 0.4s ease-in-out;
}

.dropdown>ul>li::after {
  display: none;
}

.dropdown>ul>li:hover::after {
  display: none;
}


.dropdown>ul>li>a {
  padding: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1em;
  transition: 0s;
}


.sub-dropdown {
  display: block;
}

.sub-dropdown ul {
  margin: 0;
  padding: 0;
  padding-left: 60px;
}

.sub-dropdown ul li {
  margin: 0;
  padding: 5px;
  list-style: none;
  display: block;
  text-align: left;
  position: relative;
  transition: 0.4s ease-in-out;
}

.sub-dropdown ul li:after {
  display: none;
}

.sub-dropdown ul li:before {
  content: "»";
  font-family: "Poppins";
  font-weight: 400;
  color: var(--buseck-grau);
  position: absolute;
  top: 5px;
  left: -15px;
}

.sub-dropdown ul li:hover {
  padding-left: 15px;
  transition: 0.4s ease-in-out;
}

.sub-dropdown ul li a {
  padding: 0px;
}



.submenu {
  position: absolute;
  right: 10%;
  top: 20px;
  transition: 0.4s ease-in-out;
}

.submenu ul {
  padding: 0;
  margin: 0;
}

.submenu ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.submenu ul li a {
  background-color: var(--buseck-hellgrau);
  padding: 5px 10px;
  border-radius: 0.5rem;
  font-size: 0.8em;
  font-weight: 300;
  font-family: "Poppins";
  color: var(--buseck-black);
  transition:0.4s ease-in-out;
}

.submenu ul li a:hover{
  background-color:var(--buseck-grau);
  color:var(--buseck-gelb);
  transition:0.4s ease-in-out;
}

.submenu ul li:last-child a {
  background-color: var(--buseck-hellgelb);
  transition:0.4s ease-in-out;
}

.submenu ul li:last-child a:hover{
  background-color:var(--buseck-gelb);
  transition:0.4s ease-in-out;
  color:var(--buseck-black);
}

.submenu ul li a i {
  display: inline-block;
  margin-left: 5px;
  font-size: 0.8em;
  color: var(--buseck-grau);
  transition:0.4s ease-in-out;
}

.submenu ul li:last-child a:hover i{
  color:var(--buseck-black);
  transition:0.4s ease-in-out;
}

.submenu ul li a:hover i{
  color:var(--buseck-gelb);
  transition:0.4s ease-in-out;
}

/************** MOBILE MENU Toggle ************/

#menuToggle {
    display: block;
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    background-color: var(--buseck-gelb);
    padding: 10px;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    width: 50px;
  padding-top:15px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: 7px;
  left: 5px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
  background-color:var(--buseck-grau);
}

#menuToggle span {
  display: block;
  width: 28px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: var(--buseck-grau);
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
    background 0.4s cubic-bezier(0.77, 0.2, 0.05, 1.0),
    opacity 0.55s ease;
}

#menuToggle input:checked~.navigation{
  background-color:red;
}
#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#menuToggle input:checked~span {
  opacity: 1;
  transform: scale(0.8)rotate(45deg) translate(3px, 0px);
  background-color: var(--buseck-grau);
}

#menuToggle input:checked~span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked~span:nth-last-child(2) {
  transform: scale(0.8)rotate(-45deg) translate(3px, 3px);
  background-color: var(--buseck-grau);
}

/************** MOBILE MENU ************/

#menu {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 90px;
    text-align: center;
    background: var(--buseck-grau);
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    opacity: 0;
    transform: translateY(-400px);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    transition: 0.4s;
    z-index: 3;
    padding: 0px;
    border-top: none;
  padding-top:00px;
}
.grey{
    content:"";
  position:fixed;
  top:0px;
  width:100%;
  left:0px;
  background-color:var(--buseck-grau);
  z-index:1;
  transition:0.2s ease-in-out;
  transform:translateY(-200px);
  height:100px;
}
.grey.show{
  content:"";
  position:fixed;
  top:0px;
  width:100%;
  left:0px;
  background-color:var(--buseck-grau);
  z-index:1;
  transition:0.2s ease-in-out;
  transform:translateY(0px);
  height:100px;
}
#menu li::before {
  content: none;
}

#menu li {
  padding: 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: 0.4s;
  position: relative;
}

#menu li:before {
  opacity: 0;
  content: "";
  width: 30%;
  height: 100%;
  position: absolute;
  left: 45%;
  top: 0px;
  background-color: var(--buseck-gelb);
  transition: 0.5s ease-in-out;
  z-index: -1;
}

#menu li:hover:before {
  opacity: 1;
  left: 0%;
  width: 100%;
}

#menu li:hover {
  background-color: var(--buseck-gelb);
  transition-delay: 0.4s;
  transition: 0.4s;
}

#menu li a:first-child{
  padding:10px;
}
#menu li:last-child{
  border-bottom:none;
}

#menu a {
  display: block;
  font-style: normal;
  transition: 0.4s;
  color: white;
  font-weight: 400;
  text-align:left;
  width:70%;
}

#menu li:hover a{
  color:var(--buseck-grau);
}

#menu a:hover {
  color: white;
}

#menuToggle input:checked~ul {
  opacity: 1;
  transition: 0.4s;
  transform: translateY(0px);
}

.navigation {
  display: none;
  position: absolute;
  right: 0px;
  top: 15px;
}

.has-children {
  position: relative;
}
.has-children button{
  padding:0;
  border:none;
  outline:none;
    position: absolute;
  right: 70px;
  top: 7px;
}
.has-children .mobile-dropdown-icon {
  width: 35px;
  height: 35px;
  color: var(--buseck-gelb);
  text-align: right;
  padding-left: 8px;
  padding-bottom: 4px;
  padding-top: 7px;
  padding-right: 5.5px;
  position: absolute;
  right: 70px;
  top: 7px;
  transition: 0.5s ease-in-out;
  z-index: 999;
  cursor: pointer;
}

.has-children:hover .mobile-dropdown-icon {
  color: var(--buseck-grau);
}

.mobile-dropdown {
  display: none;
  padding: 0px;
  list-style: none;
  background-color: var(--buseck-grau);
  margin-top: 0px;
  padding:20px;
}

.mobile-dropdown li{
  padding:5px;
}

#menu>li ul li a {
  color: var(--buseck-gelb);
}

#menu>li:hover ul li a {
  color: var(--buseck-gelb);
}

#menu>li:hover ul li:hover {
  background-color: var(--buseck-gelb);
}

#menu>li:hover ul li:hover a {
  color: var(--buseck-grau);
}

/************** MOBILE MENU ENDE ***********/
.accordion-body ul{
  margin-left:2rem;
}
/************** CONTACT-BAR ***********/

.contact-bar {
  position: fixed;
  right: 0px;
  top: 30%;
  z-index: 999;
      transition:0.4s ease-in-out;
}

.bar-infobox {
    text-align: left;
    padding-right: 40px;
    position: fixed;
    transition: 0.4s;
    transform: translateX(550px);
    height: 100vh;
    right: 0;
    top: 0;
    width: 500px;
    background-color: var(--buseck-grau);
    padding: 40px;
  z-index:3;
}

.bar-infobox div{
    top: 25%;
    display: ;
    vertical-align: middle;
    position: absolute;
    /*transform: translateY(-50%);*/
    width: 75%;
}

#suche.bar-infobox div{
    top: 25%;
    display: block;
    vertical-align: unset;
    position: relative;
    width: auto;
}

#suche .content{
  width:100%;
  padding:0px;
}

#suche .background-layer.lightgrey{
  position:relative;
  top:unset;
  bottom:unset;
  background-color:transparent;
}

#suche .results{
  display:none;
}

#suche.bar-infobox .tx-indexedsearch-search-submit {
    display: inline-block;
    position: absolute;
    top: 32px;
    right: -6px;
}

#suche #c323{
  width:90%;
}

#suche .input-field{
  padding:0px;
  padding-top:20px;
}

#suche section.lightgrey{
  background-color:transparent;
}

.bar-infobox tbody, .bar-infobox td, .bar-infobox tfoot, .bar-infobox th, .bar-infobox thead, .bar-infobox tr{
  border-color:rgba(255,255,255,0.1);
  color:white;
  font-family:"Poppins", sans-serif;
  font-weight:300;
}
.bar-infobox hr {
    color: rgba(255,255,255,1);
}
.bar-infobox h2, .bar-infobox h3{
  font-size:1.4em;
}
.bar-infobox p, .bar-infobox h2, .bar-infobox h3{
  color:white;
}

.bar-infobox strong i, .bar-infobox i strong{
  font-size:1.4em;
  font-style:normal;
  color:white;
}

.bar-infobox strong{
  color:var(--buseck-gelb);
}
.bar-infobox a{
  color:var(--buseck-gelb);
  text-decoration:underline;
}
.bar-infobox.showinfo{
    transition:0.4s;
  transform:translateX(0px);
}

.close {
    position: absolute;
    left: -30px;
    top: 30%;
    background-color: var(--buseck-gelb);
    display: block;
    padding: 10px;
    cursor: pointer;
    transition: 0.4s ease-in-out;
    width: 50px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: 0.4s ease-in-out;
    border-radius: 5px;
  text-align:center;
}

.close i{

    font-size: 1em;
    color: var(--buseck-grau);
    transform: scale(1.3);
}

.phone {
  position: absolute;
  right: 0px;
  background-color: var(--buseck-gelb);
  display: block;
  padding: 10px;
  cursor: pointer;
  transition: 0.4s ease-in-out;
  width: 50px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: 0.4s ease-in-out;
}

.phone:hover {
  width: 70px;
  opacity: 0.9;
  transition: 0.4s ease-in-out;
}

.phone i {
  color: var(--buseck-grau);
  transform: scale(1.1);
}

.contact-bar>.mail {
  position: absolute;
  right: 0px;
  top: 50px;
  background-color: var(--buseck-hellgelb);
  display: block;
  padding: 10px;
  cursor: pointer;
  width: 50px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: 0.4s ease-in-out;
}

.mail:hover {
  transition: 0.4s ease-in-out;
  opacity: 0.9;
  width: 70px;
}

.mail i {
  color: var(--buseck-grau);
  transform: scale(1.1);
}

.xxx {
  position: absolute;
  right: 0px;
  top: 100px;
  background-color: var(--buseck-hellgelb);
  display: block;
  padding: 10px;
  cursor: pointer;
  width: 50px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: 0.4s ease-in-out;
}

.xxx:hover {
  transition: 0.4s ease-in-out;
  opacity: 0.9;
  width: 70px;
}

.xxx i {
  color: var(--buseck-grau);
  transform: scale(1.1);
}

.suche {
  position: absolute;
  right: 0px;
  top: 150px;
  background-color: var(--buseck-grau);
  display: block;
  padding: 10px;
  cursor: pointer;
  width: 50px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: 0.4s ease-in-out;
}

.suche:hover {
  transition: 0.4s ease-in-out;
  opacity: 0.9;
  width: 70px;
}

.suche i {
  color: var(--buseck-hellgelb);
  transform: scale(1.1);
}

/************** INHALTE Allgemein und Sections ***********/

.content {
  width: 80%;
  margin: 0px auto;
  padding: 50px;
}

section {
  position: relative;
}
section.cards{
  padding-bottom:20px;
}

section.important-notice .alertlayer.show{
  display:block;
}
section.important-notice .alertlayer.hide{
  display:none;
}

section.important-notice .alertlayer{
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100vh;
  backdrop-filter:blur(30px);
  background-color:rgba(0,0,0,0.2);
  z-index:98;
}

section.important-notice .alertbox {
  position: fixed;
  width: 80%;
  height: calc(80vh - 300px);
  background-color: var(--buseck-gelb);
  z-index: 99;
  top: 300px;
  border-radius: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  padding:40px;
  }

section.important-notice .alertbox .close {
    left: unset;
    right: -15px;
    top: -15px;
    background-color: var(--buseck-grau);
    font-size: 1.3em;
    color: var(--buseck-gelb);
}

section.headline-section .content {
  padding-bottom: 0px;
}

section.content-caption-section .content {
  padding-bottom: 0px;
}

section.lightgrey {
  background-color: var(--buseck-hellgrau);
}

.background-layer.lightgrey {
  background-color: var(--buseck-hellgrau);
  position: absolute;
  width: 100%;
  top: calc(10% + 80px);
  bottom: calc(10% + 80px);
  z-index: -1;
}

.background-layer.lightgrey.full {
  top: 80px;
  bottom: 80px;
}

/************** SLIDER ***********/

header {
  margin-top: 100px;
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.siteheader{
  height:400px;
}

.siteheader img{
  width:100%;
}

.header-img {
  width: 100%;
}

header.startseite {
  margin-bottom: 50px;
  overflow: visible;
}

.download .col-md-4, .download .col-md-3{
  margin-bottom:40px;
}
.minikarten .col-md-4, .minikarten .col-md-3{
  margin-bottom:40px;
}

.wappen-box {
  width: 100%;
  position: absolute;
  bottom: -70px;
  left: 0%;
  z-index: 2;
  text-align: center;
}

.wappen {
  width: 300px;
  display: inline-block;
  z-index: 2;
}

.carousel-item {
  max-height: 500px
}

.carousel-item img,
.carousel-item video {
  height: auto;
  width: 100%;

}

.carousel {
  height: 500px;

}

.carousel-caption {
  text-align: left;
  width: 20%;
  left: unset;
  padding: 20px;
  bottom: 30%;
  right: 10%;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  color: var(--buseck-grau);
  z-index: 2;
}

.carousel-caption i {
  animation-delay: 0.2s;
}

.carousel-caption span {
  font-weight: 400;
  display: block;
  font-family: "Poppins";
  font-size: 1.5em;
  color: var(--buseck-black);
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  animation-delay: 0.4s;
}

.carousel-caption p {
  font-size: 1em;
  animation-delay: 0.6s;
}

.carousel-caption a {
  padding: 20px 85px;
}

.carousel-control-next,
.carousel-control-prev {
  background-color: var(--buseck-gelb);
  position: absolute;
  display: block;
  opacity: 1;
  top: unset;
  bottom: unset;
  width: 10%;
  left: unset;
  right: unset;
  bottom: calc(30% - 46px);
  padding: 10px;
  transition: 0.4s ease-in-out;
  z-index: 2;
}

.carousel-control-next:hover,
.carousel-control-prev:hover {
  transition: 0.4s ease-in-out;
  background-color: var(--buseck-hellgelb);
}

.carousel-control-next {
  right: 10%;
  border-bottom-right-radius: 0.5rem;
}

.carousel-control-prev {
  right: 20%;
  border-bottom-left-radius: 0.5rem;
      }

.carousel-control-next-icon,
.carousel-control-prev-icon {
  background: none;
}

.carousel i {
  color: var(--buseck-black);
  font-size: 1.5em;
}

.carousel-caption i {
  position: absolute;
  top: -25px;
  left: 10px;
  font-size: 2.5em;
  color: var(--buseck-gelb);
}

.dekor {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 1;
  width:100%;
}

.breadcrumb {
    width: 100%;
    height: 50px;
    background-color: #fecc00;
    align-content: center;
    /* justify-content: center; */
    padding-left: calc(80px + 10%);
    margin: 0px auto;
}

.breadcrumb>span {
  width: 60%;
}

.breadcrumb em{
  font-weight:0.8em;
  font-family:"Poppins", sans-serif;
  font-weight:300em;
  padding-left:10px;
  padding-right:10px;
  position:relative;
}

.breadcrumb em:after {
    content: "»";
    position: absolute;
    top: 0px;
    right: -5px;
}

.breadcrumb i:last-child:after{
  display:none;
}

      .breadcrumb em a{
  font-weight:300;
  color:black;
}

/******** HEADLINES *******/

.headlines {
  margin-bottom: 50px;
}

/*************   Card Section  **************/

.card-content {
  position: relative;
  background-color: white;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 30px;
  overflow: hidden;
  height: 100%;
}

.card-content h3,
.card-content h4 {
  font-size: 1.8em;
  margin-bottom: 20px;
}

.card-content p {
  color: Var(--buseck-grau);
  margin-bottom: 0px;
}

.card-info a{
  color:var(--buseck-black);
  display:inline-block;
  padding:1px 7px;
  transition:0.4s ease-in-out;
}

.card-info a:hover{
  transition:0.4s ease-in-out;
  background-color:var(--buseck-grau);
  color:var(--buseck-gelb);
}

.card-info a:hover:before{
  transition:0.4s ease-in-out;
  color:var(--buseck-gelb);
}

.card-info{
  position:relative;
}
.card-info a:hover{
  background-color:
}
.card-info a:before{
  content:"»";
  padding-right:5px;
  color:var(--buseck-black);
    transition:0.4s ease-in-out;
}

.card-image {
    border-top: 5px solid var(--buseck-hellgelb);
    position: absolute;
    width: 100%;
    /*height: 300px;*/
    overflow: hidden;
    bottom: 65px;
}

/*.image-embed-item {
    transition: 0.4s ease-in-out;
    min-width: 100%;
    width: auto !important;
    height: auto;
    max-width: auto !important;
    max-height: 130%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/
.image-embed-item{
  width:100%;
  height:auto;
  transition:0.4s ease-in-out;
}
.card-content:hover .image-embed-item {
  transform: scale(1.1);
  transition: 0.4s ease-in-out;
}

.card-info {
    padding: 40px;
    display: block;
    /*margin-bottom: calc(300px + 40px);*/
  height:auto;
 /* max-height:240px;*/
}

.card-link {
  background-color: var(--buseck-gelb);
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  transition: 0.4s ease-in-out;
  bottom: 0;
  position: absolute;
  width: 100%;
}

.card-link a {
  color: var(--buseck-black);
  width: 100%;
  display: block;
  padding: 20px 40px;
  font-size: 1.2em;
  transition: 0.4s ease-in-out;
}

.card-link:hover {
  transition: 0.4s ease-in-out;
  background-color: var(--buseck-hellgelb);
}

.card-link:hover a {
  padding-right: 20px;
  transition: 0.4s ease-in-out;
}

.card-link a i {
  float: right;
  transform: translateY(4px);
}

.card-whitespace{
    position: relative;
width:100%;
  margin-top:60px;
    aspect-ratio: 16 / 9;
}

/* YELLOWBOX */
.yellowbox {
  background-color: #fecc00;
  border-radius: 10px;
  position: relative;
  padding: 30px;
}

.yellowbox>.info-icon {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(25%, -25%);
  background-color: #ffe855;
  width: 30px;
  height: 30px;
  text-align: center;
}

.yellowbox a:hover{
  color:var(--buseck-grau);
}

  .card-info a{
    padding:1px 8px;
        border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 2px;
    border-radius: 0.5rem;
    color:var(--buseck-grau);
  }
  .card-info a:before {
    color: var(--buseck-gelb);
  }

  .card-content hr{
    display:none;
  }

/********* INPUT FULLWIDTH ******/
.input-field {
  width: 100%;
  display: flex;
  /* padding-top: 70px;
  padding-bottom: 70px; */
  position:relative;
}

input {
  width: calc(100% - 64px);
  padding: 20px;
  border: none;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-family: "poppins", sans-serif;
  font-weight:300;
}

.input-field>i {
  padding: 20px;
  background-color: var(--buseck-gelb);
  font-size: 1.5em;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  transition: 0.4s ease-in-out;
}

.input-field>i:hover {
  background-color: var(--buseck-hellgelb);
  transition: 0.4s ease-in-out;
}

.tx-indexedsearch-searchbox{
  width: 100%;
}

.tx-indexedsearch-searchbox-sword{
  background-color:white;
  border-top-left-radius:0.5rem;
  border-bottom-left-radius:0.5rem;
  border-bottom-right-radius:0px;
  border-top-right-radius:0px;
  width: 100%;
}

#tx-indexedsearch-searchbox-button-submit  {
    z-index: 2;
    position: absolute;
    top: 50%;
    border: none;
    font-size: 1.5em;
    color: var(--buseck-grau);
    transform: translateY(-50%);
    right: 0px;
    width: 100px;
    height: 64px;
    background-color:var(--buseck-gelb);
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0.5rem;
    border-top-right-radius:0.5rem;
}


/****** FORM ********/
.form-control {
    border: 1px solid #4F4F4F;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #707070;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #707070;
}

/************ CONTENT CAROUSEL *******/


#ContentCarousel{
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  border-radius:1rem;
}
#ContentCarousel .carousel-inner {
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
}

#ContentCarousel .carousel-indicators {
  bottom: calc(30% - 64px);
  right: 10%;
  left: unset;
  margin: 0px;
}

#ContentCarousel .carousel-indicators button {
  border: none;
  margin: 0px;
  margin-left: 5px;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
}

#ContentCarousel .carousel-indicators button.active {
  background-color: var(--buseck-gelb);
}


#ContentCarousel .carousel-caption {
  right: unset;
  left: 10%;
  width: 30%;
  padding: 40px;
  padding-top: 30px;
  padding-bottom: 30px;
}

#ContentCarousel .carousel-caption h4 {
  color: var(--buseck-black);
  margin-bottom: 15px;
}

#ContentCarousel .carousel-caption p {
  margin-bottom: 0px;
}

#ContentCarousel a.content-carousel-button {
  position: absolute;
  color: var(--buseck-black);
  padding: 20px 40px;
  background-color: var(--buseck-gelb);
  bottom: calc(30% - 64px);
  left: 10%;
  width: 30%;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 1.2em;
  transition: 0.4s ease-in-out;
}

#ContentCarousel a.content-carousel-button:hover {
  background-color: var(--buseck-hellgelb);
  padding-right: 50px;
  transition: 0.4s ease-in-out;
}

#ContentCarousel a.content-carousel-button i {
  float: right;
  font-size: 1em;
  transform: translateY(4px);
}

#ContentCarousel .carousel-indicators-buttons {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: flex;
  z-index: 2;
}

#ContentCarousel .carousel-indicators-buttons button {
  width: 30%;
  padding: 20px 40px;
  background-color: var(--buseck-hellgelb);
  border: none;
  transition: 0.4s;
  font-family: "Poppins";
  font-weight: 400;
  color: var(--buseck-black);
}

  #ContentCarousel .carousel-indicators-buttons button.active {
  width: 40%;
  transition: 0.4s;
  background-color: var(--buseck-gelb);
}

#ContentCarousel .carousel-indicators-buttons button:first-child {
  border-bottom-left-radius: 1rem;
}

#ContentCarousel .carousel-indicators-buttons button:last-child {
  border-bottom-right-radius: 1rem;
}
#ContentCarousel .carousel-item{
  height:560px;
}
/*#ContentCarousel .carousel-item>img {

  object-position: 0 -100px;
}*/

#ContentCarousel {
    height: 560px;
}


/******** Accordion Section **********/
.accordion{
  margin-top:40px;
}
.accordion-item {
  border: none;
  border-radius: 10px;
}

.accordion-item.lightgrey {
  background-color: var(--buseck-hellgrau);
}

.accordion-button {
  background-color: var(--buseck-gelb);
  color: var(--buseck-black);
  border: none !important;
  margin: 0 0 12px;
  padding: 12px 24px;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.accordion-button:hover {
  background-color: var(--buseck-gelb);
}

.accordion-button:not(.collapsed) {
  background-color: var(--buseck-gelb);
}

.accordion-button:not(.collapsed) {
  background-color: var(--buseck-gelb);
  color: black;
}

.accordion-button:focus {
  box-shadow: none !important;
}

      .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
/***************** TABELEMENT *******************/
.nav-tabs{
  border:none;
}
.nav-tabs .nav-link {
    font-family: "Poppins", sans-serif;
    color: var(--buseck-black);
    background-color: var(--buseck-hellgelb);
    border: none;
    min-width: calc(100% / 26 - 2px);
    /* margin: 1px; */
    margin-right: 2px;
}

.nav-tabs .nav-link:last-child{
  margin-right:0px;
  min-width:calc(100% / 26);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  color:var(--buseck-grau);
  background-color:var(--buseck-gelb);
}

.tab-content{
    background-color: var(--buseck-hellgrau);
    padding: 20px;
}

.tab-content table{
  width:100%;
  border-bottom:rgba(0,0,0,0.1);
}

.tab-content h3, .tab-content p{
  font-size:1em;
  margin:0px;
}

.tab-content h3{
  font-weight:500;
}

/****** NEWS ***********/
 span.datetag{
    font-family: "Poppins", sans-serif;
    background-color: var(--buseck-gelb);
    padding: 5px 10px;
    border-radius: 0.5rem;
    margin-bottom: 20px;
    display: inline-block;
}
.minikarten{
  height:100% !important;
}
.minikarten .col-md-3{
            margin-bottom:60px;
}
.minikarten .karten-caption{
      background-color: white;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
    border-radius: 1em;
    padding: 0px;
    padding-top: 20px;
  position:relative;
  padding:25px;
  border-bottom-right-radius:0px;
  border-bottom-left-radius:0px;
   height:100% !important;
}

.minikarten a.button-round{
  display:block;
  position:absolute;
  bottom:-46px;
  left:0px;
  width:100%;
            border-top-left-radius:0px;
  border-top-right-radius:0px;
}
.minikarten h3{
  word-break:break-word;
  margin-bottom:30px;
}

.minikarten p{
  margin-bottom:30px;
}
/******** Footer **********/

footer h2,
footer h3,
footer h4,
footer h5,
footer p,
footer a,
footer em,
footer strong,
footer li {
  color: white;
}

footer i {
  color: var(--buseck-gelb);
}

footer a:hover,
footer a:hover i {
  color: var(--buseck-hellgelb);
}

footer {
  width: 100%;
  height: auto;
  background-color: var(--buseck-grau);
  bottom: 0px;
}

footer h2 {
  font-size: 1.5em;
}

.copyright {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 20px;
  background-color: var(--buseck-gelb);
}

.copyright p {
  color: var(--buseck-black);
  margin: 0px;
}

footer .fa-ul {
  margin-left: 1.5em;
}


.fa-solid.fa-chevrons-right {
  transform: scale(0.6);

}

.zeit a {
  color: var(--buseck-gelb);
}

.alignright {
  float: right;
}

.social a {
  margin: 10px;
}

.social a i {
  font-size: 2rem;
  transform: scale(1);
}

/******** INDEXED SEARCH *********/
.tx-indexedsearch-res {
    width: calc(100% / 2);
    padding: 30px;
}

.tx-indexedsearch-flexbox{
  display:flex;
  background-color:var(--buseck-hellgrau);
      flex-wrap: wrap;
  margin-bottom:30px;
}

.tx-indexedsearch-browsebox{
  padding:0;
  margin:0;
  margin-bottom:30px;
}

.tx-indexedsearch-browsebox li{
  display:inline-block;
  list-style:none;
  margin-right:10px;
  color:var(--buseck-grau);
}
.tx-indexedsearch-browselist-currentPage a{
  color:var(--buseck-black);
}
.tx-indexedsearch-page-selector{
  color:var(--buseck-grau);
}
.tx-indexedsearch-res i{
  padding:10px;
  background-color:var(--buseck-gelb);
  border-radius:0.5rem;
  color:var(--buseck-grau);
}

.tx-indexedsearch-res span a{
  color:var(--buseck-black)
}

.tx-indexedsearch-percent {
    color: var(--buseck-grau);
    font-size: 0.8em;
}

.tx-indexedsearch-text-item-path a{
  color:var(--buseck-black);
}

a.tx-indexedsearch-page-selector:hover{
  color:var(--buseck-black);
}

.tx-indexedsearch-info-sword-word{
      font-size: 2em;
    color: var(--buseck-black);
    font-weight: 600;
}


/*** DOWNLOADBEREICH **********/

#c124, #c193, #c125, #c198, #c199, #c200 {
  padding:100px;
}
#c124 section, #c193 section, #c125 section, #c198 section, #c199 section, #c200 section{
  border-bottom:1px solid rgba(0,0,0,0.2);
  } 
#c124 section:last-child, #c193 section:last-child, #c125 section:last-child, #c198 section:last-child, #c199 section:last-child, #c200 section:last-child{
  border-bottom:none;
  } 

#c124 .content, #c193 .content, #c125 .content, #c198 .content, #c199 .content, #c200 .content {
  width:100%;
}


.download ul{
  margin:0;
  padding:0;
}

.download ul li{
  list-style:none;
  padding:0;
  margin:0;
}
/*********** MEDIA QUERIES **********/

@media only screen and (max-width: 1750px){
  .sub-dropdown ul{
    padding-left:30px;
  }

  .dropdown>ul{
    width: 80%;
  }
  .content{
    width:90%;
  }
  
  .card-info{
    padding:30px;
  }
  #ContentCarousel .carousel-caption{
    padding:30px;
  }
}

@media only screen and (max-width:1600px) {
  .logo{
    left:20px;
  }

  .minikarten .col-md-3{
    width:33.33333%;
  }

  .navigation-desktop{
    right:20px;
  }
  .nav_scroll .submenu, .submenu{
    right:20px;
  }

  #ContentCarousel .carousel-item img,  #ContentCarousel .carousel-item video {
    height: 100%;
    min-width: 100%;
    width: auto;
}

.
  

}

@media only screen and (max-width:1400px) {
  header {
    height: auto;
  }

.dropdown>ul {
    width: 90%;
    left: 5%;
    margin-left: 5%;
  }
  .sub-dropdown ul {
      padding-left: 30px;
}
.content {
  width:100%;
}

  breadcrumb{
    padding-left:calc(100% - 80px);
  }
  .navigation-desktop ul li a{
    padding-left:15px;
    padding-right:15px;
  }

  .carousel{
    height:auto;
  }
.siteheader {
    height: 250px;
}
  .breadcrumb>span{
    width:100%;
  }

  .breadcrumb{
    padding-left:35px;
  }

    h1{
  font-size:2.2em;
}

 .headline-section h2{
    font-size:2.4em;
  }

  h2{
    font-size:2.2em;
  }
h3{
  font-size:2.4em;
}
  h4{
    font-size:1.4em;
  }
  .card-content h3, .card-content h4{
    font-size:1.4em;
  }

  .bar-infobox{
    overflow-y:auto;
    padding-top:35px;
  }
.close {
    position: static;
}
  #c124, #c193, #c125, #c198, #c199, #c200 {
        padding:50px;
}

  #suche .close {
        position: absolute;
        top: 35px;
        left: 35px;
    }
}

@media only screen and (max-width:1200px) {
.logo {
    height: 100px;
  z-index:2;
}
  nav {
    height: 115px;
  }

  nav.nav_scroll{
      height: 115px;
  }


  .content {
    width: 100%;
    padding: 35px;
  }

  nav {
    padding-left: 50px;
    padding-right: 50px;
    border: 0px solid transparent;
  }

  .navigation-desktop {
    display: none;
  }

  .navigation {
    display: block;
    top: 31px;
    right: 0px;
    transition: 0.4s;
  }



  .nav_scroll .logo {
    height: 100px;
  }

  .submenu {
    right: 0px;
    top: 30px;
    width: 100%;
    padding-right: 65px;
    padding-left: 200px;
}

.nav_scroll .submenu {
    right: 0px;
    top: 30px;
    width: 100%;
    padding-right: 65px;
    padding-left: 200px;
}

  .submenu ul li {
    margin-top: 5px;
    margin-bottom: 5px;
    display:inline-block;
}

  .carousel-caption {
    width: 40%;
    padding:15px;
}
  .carousel-caption span, .carousel-caption p{
    margin-bottom:0px;
  }
.carousel-control-prev{
  right:30%;
}
  .carousel-control-next, .carousel-control-prev{
    width:20%;
  }
  .wappen {
    width: 170px;
}
}

@media only screen and (max-width:1080px) {

  .minikarten .col-md-3{
    width:50%;
  }

.nav-tabs .nav-link{
        width: 100% !important;
    min-width: unset;
    padding: 2px;
    margin: 0px;
    border-radius: unset;
    border: 1px solid white;
  }
div#\31 9-Tab .nav-link {
    width: calc(100% / 26 * 2) !important;
    min-width: unset;
    padding: 2px;
    margin: 0px;
    border-radius: unset;
    border: 1px solid white;
}


  #ContentCarousel .carousel-caption{
    bottom:50%;
  }

  #ContentCarousel a.content-carousel-button {
  padding: 15px 40px;
  bottom: calc(50% - 54px);
    font-size:1em;
  }

  #ContentCarousel .carousel-indicators-buttons button{
    padding:10px 25px;
  }


  .alignright{
    float:none;
    display:block;
  }
.card-content h3, .card-content h4 {
  font-size:1.4em;
}
  h1{
  font-size:1.8em;
}

 .headline-section h2{
    font-size:2.2em;
            }

  h2{
    font-size:1.8em;
  }
h3{
  font-size:2.2em;
}
  h4{
    font-size:1.2em;
  }
.card-link a {
    padding: 12px 40px;
    font-size: 1.1em;
}
    .card-image {
    bottom: 25px;
        }
  .card-info {
    padding: 20px;
}
  .card-info {
}
  .card-whitespace{
    margin-top:30px;
  }
  #ContentCarousel .carousel-caption{
    padding:20px;
  }

  #ContentCarousel .carousel-indicators-buttons {
    position: absolute;
    bottom: 17px;
  }

}

@media only screen and (max-width:991px) {
    #ContentCarousel .carousel-indicators-buttons {
      flex-direction:column;
  }
    #ContentCarousel .carousel-indicators-buttons button,#ContentCarousel .carousel-indicators-buttons button.active {
      width: 100%;
  }
    #ContentCarousel .carousel-indicators-buttons button:first-child {
      border-bottom-left-radius: 0rem;
          }
  #ContentCarousel .carousel-indicators-buttons button:last-child{
     border-bottom-left-radius: 1rem;
  }
  #ContentCarousel .carousel-caption {
    display:none!important;
  }
  #ContentCarousel .carousel-indicators-buttons{
    bottom:-32px;
  }
  .carousel{
    margin-bottom:80px;
  }
#ContentCarousel a.content-carousel-button {
    border-radius: unset;
    left: 50%;
    transform: translateX(-50%);
    bottom: 120px;
    padding: 10px 15px;
    width: auto;
    border-radius: 0.5rem;
    padding-right: 44px;
}
  #ContentCarousel a.content-carousel-button i {
    float:none;
    font-size: 1em;
    transform:none;
    position: absolute;
    right: 15px;
    top: 14px;
}
}

@media only screen and (max-width:767px) {


#c124, #c193, #c125, #c198, #c199, #c200 {
  padding:20px;
}

.row>* {
    margin-bottom: 30px;
}

  .row.copyright>*{
    margin-bottom:0px;
  }

  .row.gy-4>*{
    margin-bottom:0px;
  }

  .headline-section .row>*{
    margin-bottom:0px;
  }

  .content-caption-section .row>* {
    margin-bottom: 0px;
}

  .card-info {
}
  .card-image {
    bottom: 25px;
}
  .siteheader {
    height: auto;
}
  .carousel-control-next, .carousel-control-prev{
    display:none;
  }
    .minikarten p {
    margin-bottom: 15px;
    text-align: left;
}

.background-layer.lightgrey.full {
    top: 20px;
    bottom: 47px;
}

  .input-field {
    padding-top: 20px;
    padding-bottom: 20px;
}
  #ContentCarousel a.content-carousel-button {
  font-size: 0.85em;
  }
     #ContentCarousel .carousel-item img,  #ContentCarousel .carousel-item video {
    height: 100%;
    min-width: 100%;
    width: auto;
    transform: translateX(-20%);
}

}

@media only screen and (max-width:630px){
  table td{width:100% !important; display:block;}
  table td:last-child{
    text-align:left;
  }

  th, thead, tr {
    width:100%; display:block;
  }

    .minikarten .col-md-3{
    width:100%;
  }



  .breadcrumb i {
    padding-left:0px;
  }

.breadcrumb i:after {
  display:none;
}

      .close {
        position: absolute;
        top: 30px;
        left: 40px;
    }

  .wappen-box{
    display:none;
  }
  header.startseite {
    margin-bottom: -70px;
  }
  .breadcrumb{
    font-size:0.8em;
  }
  .navigation{position:fixed;
             z-index:99;}
  nav{
    position:relative;
    box-shadow:none;
    padding:0px;
    height:auto;
    min-height:115px;
    border-bottom:3px solid var(--buseck-gelb);
  }
  header{
    margin-top:0px;
  }
.submenu {
    position: relative;
    width: 100%;
    padding-left: 20px;
  padding-right:20px;
    top: unset;
  right: unset;
    margin-bottom: 10px;
}
.logo {
  height: 80px;
  position: relative;
  left: 0px;
  top: unset;
  bottom: unset;
  margin-top: 12px;
  margin-bottom: 6px;
  text-align: left;
  vertical-align: unset;
  margin: ;
  display: block;
  margin-left: 20px;
}

  .bar-infobox {
    width: calc(100% - 0px);
   transform: translateX(630px);
}

  .text-content h3, .text-content h4{
    font-size:1.2em;
  }
  h1 {
    font-size: 1.4em;
}
  .headline-section h2 {
    font-size: 1.8em;
}
  h2 {
    font-size: 1.4em;
}
  h3 {
    font-size: 1.8em;
}
   #ContentCarousel a.content-carousel-button {
    width:40%;
  }

  .headlines{
    margin-top:15px;
    margin-bottom:25px !important;
  }
}



@media only screen and (max-width:500px) {
section:last-child{
  margin-bottom:15px;
}

  .dekor{
    width:calc(100% + 20px) !important;
    left:-5px;
    bottom:0px;
  }
  h2{
    font-size:1.2em;
    text-align:left;
  }

  h3{
    font-size:1.5em;
    text-align:left;
  }

  h1{
    text-align:left;
  }

      .card-content h3, .card-content h4 {
        font-size: 1.3em;
    }

  ol, ul {
    padding-left: 1.2rem;
}

  .headline-section{
    margin-top:15px;
    margin-bottom:10px;
  }
  .card-info a{
    padding:1px 8px;
        border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 2px;
    border-radius: 0.5rem;
    color:var(--buseck-grau);
  }
  .card-info a:before {
    color: var(--buseck-gelb);
  }

  .card-content hr{
    display:none;
  }

      .card-whitespace {
        margin-top: 0px;
    }

  .bar-infobox div {
    top: 20%;
  }

  section.important-notice .alertbox {
    width: 90%;
    height: calc(90vh - 210px);
    z-index: 99;
    top: 210px;
    padding: 20px;
}

  .xxx, .contact-bar>.mail, .phone, .suche{
    padding: 5px;
    width: 40px;
  }
.contact-bar>.mail{
  top:40px;
}
  .xxx{
    top:80px;
  }

  .suche{
    top:120px;
  }

  

  .nav_scroll .contact-bar {

    top: 83px;
    transition:0.4s ease-in-out;
}

  .nav_scroll #menuToggle {
    padding: 5px;
    width: 40px;
    padding-top: 10px;
        border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    transition:0.4s ease-in-out;
}
  
  .breadcrumb{
    padding-left:20px;
  }

  .content {
    padding:20px;
  }
  a.button-round>i {
    padding-left: 10px;
    transition: 0.4s ease-in-out;
    position: absolute;
    right: 15px;
    top: 14px;
}

  a.button-round{
    display:block;
    margin-bottom:0px;
    position:relative;
    padding-right:50px;
    text-align:left;
  }
  a.button-round:hover{
      padding-right: 50px;
  }
    #ContentCarousel.carousel {
    min-height: 320px;
      height:auto;
    margin-bottom:0px;
}

  
 #ContentCarousel .carousel-item>img {
     object-position: 0 -30px;
}
  #ContentCarousel .carousel-i
  ndicators-buttons{
    bottom:0px;
  }
  #ContentCarousel a.content-carousel-button{
    bottom:170px;
  }

.submenu {
  position: relative;
  width: 100%;
      padding-left: 20px;
  padding-right: 20px;
  top: unset;
  right: unset;
  margin-bottom: 10px;
}
#ContentCarousel a.content-carousel-button {
    width: auto;
}
     #ContentCarousel .carousel-item img,  #ContentCarousel .carousel-item video {
    height: calc(100% - 60px);
    min-width: 100%;
    width: auto;
    transform: translateX(-30%);
}

}



/********** SITZUNGSKALENDER ******/
#buergerinfo .smccontenttable{
  width:100% !important;
}



/*** FORMS ****/
#c284{
  width:80%;
  padding:80px;
  margin:0px auto;
}

#c284 nav.form-navigation{
  position:relative;
  width:unset;
  height:unset;
  top:unset;
  display:inline-block;
  padding:0;
  box-shadow:unset;
  z-index:unset;
  margin-top:15px;
}

#c284 .btn-primary{
    padding: 10px 15px;
    background-color: var(--buseck-gelb);
  color:var(--buseck-grau);
  border-radius:10px;
    font-family: "Poppins", sans-serif;
  border:none;
}

#c284 label{
  font-family:"Poppins", sans-serif;
}

#c284 .form-check {
    display: flex;
    min-height: 1.5rem;
    margin-bottom: .125rem;
    padding-left: 0px;
}

#c284 .form-check input{
width:auto;
    padding: 0px;
    border: none;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    font-family: "poppins", sans-serif;
    font-weight: 300;
    margin-top: 20px;
    padding-left: 80px;
    padding-right: 20px;
    margin-right: 20px;
}

#c284 .form-group{
  margin-bottom:20px;
}

@media only screen and (max-width: 1400px) {
#c284{
  width:100%;
} 
}

@media only screen and (max-width: 1200px) {
    #c284 {
        padding: 35px;
    }
}

@media only screen and (max-width: 767px) {
    #c284 .row>* {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 630px) {
    #c284 nav {
        border-bottom: none;
    }
}

@media only screen and (max-width: 500px) {
    #c284 {
        padding: 20px;
    }
  .tx-indexedsearch-res {
    width:100%;
  }
}
.hidden-anchor-nav li{
  list-style:none;
}
.hidden-anchor-nav a{
  position: fixed;
    top: -200%;
    left: -200%;
    font-size: 1.5em;
    font-weight: bold;
    z-index: 9999999;
    padding: 15px;
    background: #fff;
    display: block;
}

.hidden-anchor-nav a:focus {
    top: 20px;
    left: 20%;
    color: var(--buseck-grau);
    background: var(--buseck-gelb);
    border-radius: 0.5rem;
    font-size: 1.5rem;
}



/******* Jubiläum *********/


.logo_2
   {
    position: absolute;
    left: 340px;
    width: 190px;
    top: 50%;
    transform: translateY(-50%);
     transition:0.4s ease-in-out;
}

.nav_scroll .logo_2{
  width:160px;
}
@media only screen and (min-width:1921px){
  .logo {
    position: absolute;
    left: 110px;
}
}
@media only screen and (max-width:1780px){
  .logo_2{
    left:290px;
  }
}
@media only screen and (max-width:1600px){

  .logo{height:100px;
       bottom:unset;
       transform:translate(0);
       top:13px}
  .logo_2{
    position: absolute;
    left: 200px;
    width: 170px;
    top: 0px;
    transform:none;
}

  .nav_scroll .logo_2{
  width:160px;
        left: 280px;
  }


}

@media only screen and (max-width:1500px){
    .nav_scroll .logo_2{
  width:110px;
      left:200px;
  }
}

@media only screen and (max-width: 1200px){
        .submenu {
        padding-left: 380px;
    }
  .nav_scroll .submenu {padding-left: 380px;}
      .nav_scroll .logo_2 {
        width: 150px;
        left: 200px;
    }

      .nav_scroll .logo {
        height: 90px;
    }
}

@media only screen and (max-width:1100px){

      .submenu {
        padding-left: 330px;
    }
  .nav_scroll .submenu { padding-left: 330px;}
.logo{
  height:80px;
  /* top:23px; */
}
  .logo_2{
    left: 170px;
    width: 150px;
    /* top: 10px; */
}
}
@media only screen and (max-width:850px){
    .logo_2, .nav_scroll .logo_2 {
        /* display: none; */
      position:fixed;
        background-color: white;
        left: 0;
        top: 140px;
        padding: 0.5rem;
        border-top-right-radius: 0.54rem;
        border-bottom-right-radius: 0.5rem;
    }
        .submenu {
        padding-right: 45px;
        padding-left: 130px;
    }
        .nav_scroll .submenu {
        padding-right: 45px;
        padding-left: 130px;
    }
  .logo{
            height: 60px;
        top: 30px;
  }
  .nav_scroll .logo{            height: 60px;
        top: 30px;}
}
@media only screen and (max-width: 630px) {
    .logo, .nav_scroll .logo {
        height: 80px;
        position: relative;
        left: 0px;
        top: unset;
        bottom: unset;
        margin-top: 12px;
        margin-bottom: 6px;
        text-align: left;
        vertical-align: unset;
        margin: ;
        display: block;
        margin-left: 20px;
    }

  .logo_2, .nav_scroll .logo_2{
    display:block;
        left: 170px;
    width: 150px;
    top: 4px;
    padding:0;
    border:unset;
    position:absolute;
  }
      .submenu {
        position: relative;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        top: unset;
        right: unset;
        margin-bottom: 10px;
    }
      .nav_scroll .submenu {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/*** UHD ANPASSUNG ****/
@media only screen and (min-width:1921px){
  .content{
    max-width:1920px;
  }
.nav_scroll .navigation-desktop, .nav_scroll .submenu, .navigation-desktop, .submenu{
    right: max(20px, calc((100vw - 1920px) / 2 + 20px));
  }

  .logo, .nav_scroll .logo{
    left: max(20px, calc((100vw - 1920px) / 2 + 20px));
  }
  .logo_2, .nav_scroll .logo_2{
    left: max(20px, calc((100vw - 1450px) / 2 + 20px));
  }

    .carousel-caption {
        right: 50px;
        width: 590px;
    }
  .carousel-control-next{
   right: 50px; 
    width:295px;
  }
    .carousel-control-prev {
        right: 345px;
        width: 295px;
    }
  header{
    max-width:1920px;
    margin:0px auto;
    height:540px;
  }

  .wappen-box {
    bottom: -90px;
  }

  header.startseite {
    border-bottom: 40px solid var(--buseck-gelb);
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }

  .breadcrumb{
    max-width:1920px;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
  }

.navigation-desktop ul li .dropdown, .navigation-desktop ul li:hover .dropdown{
    display:flex;
    padding-left:15vw;
    padding-right:15vw;
    justify-content:center;
  }

.dropdown>ul{
  margin-left:0;
}
}