

.desktop-header{
  min-height:200px !important;
}
.desktop-container{
    margin-inline: 4% !important;
  }
.tablet-header{
  min-height:100px !important;
  width:100%;
}


body {
margin: 0;
min-height: 100vh;
width: 100%;
overflow-x: hidden;
display: flex;
flex-direction: column;
}

footer{
  margin-top: auto;
}

.maintablet{
margin-top: 3%;
margin-inline: 3%;
}
.maindesktop{
  margin-inline: 3%;
  flex-grow: 1;

  }
.mainmobile{
  margin-inline: 5%; 
}
.footermobile{
  margin-inline: 5%; 
}
.textoverflow{
  text-overflow: ellipsis;
  overflow: hidden;
}
.tabmidtext{
  margin-top: 4%;
}
.filterspace{
margin-bottom: 10%;  
}
.filterspaced{
  margin-bottom: 5%;  
  }
.grid3 {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 1rem !important;
  text-align: center !important;

}

.nav-item.dropdown > .navbar-nav .nav-item .nav-link{
  padding-left: 0px !important;
}

.paddingtb10 {
  padding-top:10px !important; 
  padding-bottom:10px !important;
}

/*Rote Brandfarben*/
.brand 
{
color: hsl(326, 100%, 45%)!important;
/*color: rgb(230, 0, 129)!important;*/
}
.lightbrand 
{
color: hsl(343, 100%, 67%)!important;
/*color: rgb(255, 87, 135)!important;*/
}
.transparentbrand 
{
color: hsla(343, 100%, 67%, 0.8)!important;
/*color: rgba(255, 87, 135, 0.8)!important;*/
}

.bgbrand
{
background-color: hsl(326, 100%, 45%)!important;
}
.bglightbrand
{
background-color: hsl(343, 100%, 67%)!important;
}
.bgtransparentbrand
{
background-color: hsla(343, 100%, 67%, 0.8)!important;
}


/*Schwarze Farben*/
.schwarz 
{
color: hsl(0, 0%, 0%)!important;
/*color: rgb(0, 0, 0)!important;*/
}
.lightschwarz 
{
color: hsl(0, 0%, 70%)!important;
/*color: rgb(25, 25, 25)!important;*/
}
.transparentschwarz 
{
color: hsla(0, 0%, 70%, 0.8)!important;
/*color: rgba(25, 25, 25, 0.8)!important;*/
}
.bgschwarz
{
background-color: hsl(0, 0%, 0%)!important;
}
.bglightschwarz
{
background-color: hsl(0, 0%, 70%)!important;
}
.bgtransparentschwarz
{
background-color: hsla(0, 0%, 70%, 0.8)!important;
}

/*Weise Farben*/
.weis 
{
color: hsl(0, 0%, 100%)!important;
/*color: rgb(255, 255, 255)!important;*/
}
.lightweis 
{
color: hsl(0, 0%, 80%)!important;
/*color: rgb(204, 204, 204)!important;*/
}
.transparentweis 
{
color: hsla(0, 0%, 80%, 0.8)!important;
/*color: rgba(204, 204, 204, 0.8)!important;*/
}
.bgweis
{
background-color: hsl(0, 0%, 100%)!important;
}
.bglightweis
{
background-color: hsl(0, 0%, 80%)!important;
}
.bgtransparentweis
{
background-color: hsla(0, 0%, 80%, 0.8)!important;
}

/*Grüne Brandfarben*/
.gruen 
{
color: hsl(97, 81%, 48%)!important;
/*color: rgb(100, 221, 23)!important;*/
}
.lightgruen
{
color: hsl(79, 100%, 60%)!important;
/*color: rgb(190, 255, 51)!important;*/
}
.transparentgruen 
{
color: hsla(79, 100%, 60%, 0.8)!important;
/*color: rgba(190, 255, 51, 0.8)!important;*/
}
.bggruen
{
background-color: hsl(97, 81%, 48%)!important;
}
.bglightgruen
{
background-color: hsl(79, 100%, 60%)!important;
}
.bgtransparentgruen
{
background-color: hsla(79, 100%, 60%, 0.8)!important;
}




.alertsuccess {
    --mdb-alert-bg: transparent;
    --mdb-alert-padding-x: 1.5rem;
    --mdb-alert-padding-y: 1.25rem;
    --mdb-alert-margin-bottom: 1rem;
    --mdb-alert-color: inherit;
    --mdb-alert-border-color: transparent;
    --mdb-alert-border: 1px solid var(--mdb-alert-border-color);
    --mdb-alert-border-radius: 0.5rem;
    position: relative;
    padding: var(--mdb-alert-padding-y) var(--mdb-alert-padding-x);
    margin-bottom: var(--mdb-alert-margin-bottom);
    color: var(--mdb-alert-color);
    background-color: var(--mdb-alert-bg);
    border: var(--mdb-alert-border);
    border-radius: var(--mdb-alert-border-radius);
    background-color: hsla(79, 100%, 60%, 0.6)!important;
}
.alerterror {
    --mdb-alert-bg: transparent;
    --mdb-alert-padding-x: 1.5rem;
    --mdb-alert-padding-y: 1.25rem;
    --mdb-alert-margin-bottom: 1rem;
    --mdb-alert-color: inherit;
    --mdb-alert-border-color: transparent;
    --mdb-alert-border: 1px solid var(--mdb-alert-border-color);
    --mdb-alert-border-radius: 0.5rem;
    position: relative;
    padding: var(--mdb-alert-padding-y) var(--mdb-alert-padding-x);
    margin-bottom: var(--mdb-alert-margin-bottom);
    color: var(--mdb-alert-color);
    background-color: var(--mdb-alert-bg);
    border: var(--mdb-alert-border);
    border-radius: var(--mdb-alert-border-radius);
    background-color: hsla(0, 100%, 50%, 0.6)!important;
}


.boba
{
  font-weight: bold !important;
}
.bobafett
{
  font-weight: bolder !important;
}
.chacha
{
font-style: italic !important;
}

.grenzevoll
{
border: solid 1px;
}


.t1
{
  font-size: clamp(2.5rem, 3vw, 4rem)!important;
}
.t2
{
  font-size: clamp(2rem, 2.5vw, 3rem)!important;
}
.t3
{
  font-size: clamp(1.5rem, 2vw, 2.5rem)!important;
}
.t4
{

  font-size: clamp(1.3rem, 1.8vw, 2.3rem)!important;
}
.t5
{

  font-size: clamp(1.1rem, 3vw, 2.1rem)!important;
}
.t6
{

  font-size: clamp(1rem, 1.3vw, 1.8rem)!important;
}
.t7
{
  font-size: clamp(0.8rem, 1.1vw, 1.5rem)!important;
}
.t8
{
  font-size: clamp(0.6rem, 0.8vw, 1.3rem)!important;
}
.t9
{
  font-size: clamp(0.5rem, 0.5vw, 1rem)!important;
}


.tm1
{
  font-size: clamp(2rem, 2vw, 2.5rem)!important;
}
.tm2
{
  font-size: clamp(1.8rem, 1.8vw, 2.3rem)!important;
}
.tm3
{
  font-size: clamp(1.6rem, 1.6vw, 2.1rem)!important;
}
.tm4
{
  font-size: clamp(1.5rem, 1.7vw, 2.2rem)!important;
}
.tm5
{
  font-size: clamp(1.3rem, 1.5vw, 2rem)!important;
}
.tm6
{
  font-size: clamp(1.2rem, 1.4vw, 1.9rem)!important;
}
.tm7
{

  font-size: clamp(1rem, 1.3vw, 1.8rem)!important;
}
.tm8
{
  font-size: clamp(1rem, 1.2vw, 1.6rem)!important;
}
.tm9
{
  font-size: clamp(0.8rem, 1vw, 1.4rem)!important;
}

input[type=number] {
  -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


@supports (aspect-ratio: 4/3) {
	.i43 {
		-webkit-aspect-ratio: 4/3;
		aspect-ratio: 4/3;
	}
}

@supports not (aspect-ratio: 4/3) {
	.i43 {
		width:300px;
		height: calc(300px * 300/400);
	}
}

@supports (aspect-ratio: 3/4) {
	.i34 {
		-webkit-aspect-ratio: 3/4;
		aspect-ratio: 3/4;
	}
}

@supports not (aspect-ratio: 3/4) {
	.i34 {
		width:400px;
		height: calc(300px * 400/300);
	}
}


@supports (aspect-ratio: 1/1) {
	.i11 {
		-webkit-aspect-ratio: 1/1;
		aspect-ratio: 1/1;
	}
}

@supports not (aspect-ratio: 1/1) {
	.i11 {
		width:100px;
		height: calc(100px * 100/100);
	}
}


.navschriftschwarz
{
color:black!important;
font-size:6vw!important;
font-family: 'all-round-gothic'!important;
}
.navschriftweis
{
color:white!important;
font-size:7vw!important;
font-family: 'all-round-gothic'!important;
}
.navschriftbrendmobil
{
color:#D60B52!important;
font-size:6vw!important;
font-family: 'all-round-gothic'!important;
}
.navschriftgruen
{
color:#64DD17!important;
font-size:6vw!important;
font-family: 'all-round-gothic'!important;
}



.navschriftschwarzdesktop
{
color:black!important;
font-size:1.6vw!important;
font-family: 'all-round-gothic'!important;
}
.navschriftweisdesktop
{
color:white!important;
font-size:1vw!important;
font-family: 'all-round-gothic'!important;
}
.navschriftbrenddesktop
{
color:#D60B52!important;
font-size:1.6vw!important;
font-family: 'all-round-gothic'!important;
}
.navschriftgruendesktop
{
color:#64DD17!important;
font-size:1vw!important;
font-family: 'all-round-gothic'!important;
}
.crossed {
  background: 
      linear-gradient(to top left,
          rgba(255, 0, 0, 0) 0%,
          rgba(255, 0, 0, 0) calc(50% - 0.8px),
          rgb(255, 0, 0) 50%,
          rgba(255,0,0,0) calc(50% + 0.8px),
          rgba(255,0,0,0) 100%),
      linear-gradient(to top right,
          rgba(255,0,0,0) 0%,
          rgba(255,0,0,0) calc(50% - 0.8px),
          rgba(255,0,0,1) 50%,
          rgba(255,0,0,0) calc(50% + 0.8px),
          rgba(255,0,0,0) 100%);
}
.navtopschriftschwarzdesktop
{
color:black!important;
font-size:1.3vw!important;
font-family: 'all-round-gothic'!important;
}
.navopschriftweisdesktop
{
color:white!important;
font-size:1.3vw!important;
font-family: 'all-round-gothic'!important;
}
.navopschriftbrenddesktop
{
color:#D60B52!important;
font-size:1.3vw!important;
font-family: 'all-round-gothic'!important;
}
.navopschriftgruendesktop
{
color:#64DD17!important;
font-size:1.3vw!important;
font-family: 'all-round-gothic'!important;
}



.h1schriftschwarzmobil
{
color:black!important;
font-size:7vw!important;
font-family: 'all-round-gothic'!important;
font-weight: bold!important;
}
.h1schriftweismobil
{
color:white!important;
font-size:7vw!important;
font-weight: bold!important;
font-family: 'all-round-gothic'!important;
}
.h1schriftbrendmobil
{
color:#D60B52!important;
font-size:7vw!important;
font-weight: bold!important;
font-family: 'all-round-gothic'!important;
}
.h1schriftgruenmobil
{
color:#64DD17!important;
font-size:7vw!important;
font-weight: bold!important;
font-family: 'all-round-gothic'!important;
}
.h2schriftschwarzmobil
{
color:black!important;
font-size:6vw!important;
font-family: 'all-round-gothic'!important;
font-weight: bold!important;
}
.h2schriftweismobil
{
color:white!important;
font-size:6vw!important;
font-weight: bold!important;
font-family: 'all-round-gothic'!important;
}
.h2schriftbrendmobil
{
color:#D60B52!important;
font-size:6vw!important;
font-weight: bold!important;
font-family: 'all-round-gothic'!important;
}
.h2schriftgruenmobil
{
color:#64DD17!important;
font-size:6vw!important;
font-weight: bold!important;
font-family: 'all-round-gothic'!important;
}





.h1schriftschwarzdesktop
{
color:black!important;
font-size:3vw!important;
font-family: 'all-round-gothic'!important;
font-weight: bold!important;
}
.h1schriftweisdesktop
{
color:white!important;
font-size:3vw!important;
font-weight: bold!important;
font-family: 'all-round-gothic'!important;
}
.h1schriftbrenddesktop
{
color:#D60B52!important;
font-size:3vw!important;
font-weight: bold!important;
font-family: 'all-round-gothic'!important;
}
.h1schriftgruendesktop
{
color:#64DD17!important;
font-size:3vw!important;
font-weight: bold!important;
font-family: 'all-round-gothic'!important;
}
.h2schriftschwarzdesktop
{
color:black!important;
font-size:1.5rem!important;
font-family: 'all-round-gothic'!important;
font-weight: bold!important;
}
.h2schriftweisdesktop
{
color:white!important;
font-size:1.5!important;
font-weight: bold!important;
font-family: 'all-round-gothic'!important;
}
.h2schriftbrenddesktop
{
color:#D60B52!important;
font-size:1.5!important;
font-weight: bold!important;
font-family: 'all-round-gothic'!important;
}
.h2schriftgruendesktop
{
color:#64DD17!important;
font-size:1.5vw!important;
font-weight: bold!important;
font-family: 'all-round-gothic'!important;
}





.textschriftschwarzmobil
{
color:black!important;
font-size:5vw!important;
font-family: 'all-round-gothic'!important;
}
.textschriftweismobil
{
color:white!important;
font-size:5vw!important;
font-family: 'all-round-gothic'!important;
}
.textschriftbrendmobil
{
color:#D60B52!important;
font-size:5vw!important;
font-family: 'all-round-gothic'!important;
}
.textschriftgruenmobil
{
color:#64DD17!important;
font-size:5vw!important;
font-family: 'all-round-gothic'!important;
}


.textschriftschwarzdesktop
{
color:black!important;
font-size:0.7vw!important;
font-family: 'all-round-gothic'!important;
}
.textschriftweisdesktop
{
color:white!important;
font-size:0.7vw!important;
font-family: 'all-round-gothic'!important;
}
.textschriftbrenddesktop
{
color:#D60B52!important;
font-size:0.7vw!important;
font-family: 'all-round-gothic'!important;
}
.textschriftgruendesktop
{
color:#64DD17!important;
font-size:0.7vw!important;
font-family: 'all-round-gothic'!important;
}






.brandbg
{
background-color:#D60B52!important;
font-size-adjust: 0.33!important;
}



.footerschriftschwarzdesktop
{
color:black!important;
font-size:0.6vw!important;
font-family: 'all-round-gothic'!important;
text-decoration: none!important;
}
.footerschriftweisdesktop
{
color:white!important;
font-size:0.8vw!important;
font-family: 'all-round-gothic'!important;
text-decoration: none!important;
}
.footerschriftbrenddesktop
{
color:#D60B52!important;
font-size:0.6vw!important;
font-family: 'all-round-gothic'!important;
text-decoration: none!important;
}



.suchdialogdesktop
{
color:black!important;
font-size:0.8vw!important;
font-family: 'all-round-gothic'!important;
}


.cardstopschriftschwarzdesktop
{
color:black!important;
font-size:1vw!important;
font-family: 'all-round-gothic'!important;
}
.cardstopschriftweisdesktop
{
color:white!important;
font-size:1vw!important;
font-family: 'all-round-gothic'!important;
}
.cardstopschriftbrenddesktop
{
color:#D60B52!important;
font-size:1vw!important;
font-family: 'all-round-gothic'!important;
}
.cardstopschriftgruendesktop
{
color:#64DD17!important;
font-size:1vw!important;
font-family: 'all-round-gothic'!important;
}

.cardsschriftschwarzdesktop
{
color:black!important;
font-size:0.6vw!important;
font-family: 'all-round-gothic'!important;
}
.cardschriftweisdesktop
{
color:white!important;
font-size:0.6vw!important;
font-family: 'all-round-gothic'!important;
}
.cardschriftbrenddesktop
{
color:#D60B52!important;
font-size:0.6vw!important;
font-family: 'all-round-gothic'!important;
}
.cardschriftgruendesktop
{
color:#64DD17!important;
font-size:0.6vw!important;
font-family: 'all-round-gothic'!important;
}







.cardstopschriftschwarzmobil
{
color:black!important;
font-size:5.5vw!important;
font-weight: bold;
font-family: 'all-round-gothic'!important;
}
.cardstopschriftweismobil
{
color:white!important;
font-size:5.5vw!important;
font-family: 'all-round-gothic'!important;
}
.cardstopschriftbrendmobil
{
color:#D60B52!important;
font-size:5.5vw!important;
font-family: 'all-round-gothic'!important;
}
.cardstopschriftgruenmobil
{
color:#64DD17!important;
font-size:5.5vw!important;
font-family: 'all-round-gothic'!important;
}

.cardsschriftschwarzmobil
{
color:black!important;
font-size:4.5vw!important;
font-family: 'all-round-gothic'!important;
}
.cardschriftweismobil
{
color:white!important;
font-size:4.5vw!important;
font-family: 'all-round-gothic'!important;
}
.cardschriftbrendmobil
{
color:#D60B52!important;
font-size:4.5vw!important;
font-family: 'all-round-gothic'!important;
}
.cardschriftgruenmobil
{
color:#64DD17!important;
font-size:4.5vw!important;
font-family: 'all-round-gothic'!important;
}



.card{
  max-width: 100%!important;
}









.buttonbg
{
background-color:#000000!important;
color:#64DD17!important;
font-family: 'all-round-gothic'!important;
}



/*#############Range SLider Mobil##############*/
input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type="range"]:focus {
  outline: none;
}

input[type="range"]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
/*#############Thumb##############*/

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 36px;
  width: 36px;
  background: #D60B52;
  cursor: pointer;
  margin-top: -12px;
}

input[type="range"]::-moz-range-thumb {
  height: 36px;
  width: 36px;
  background: #D60B52;
  cursor: pointer;
}

input[type="range"]::-ms-thumb {
  height: 36px;
  width: 36px;
  background: #D60B52;
  cursor: pointer;
}
/*#############Track##############*/

input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  background: #D60B52;
}

input[type="range"]:active::-webkit-slider-runnable-track {
  background: #d6d6d6;
}

input[type="range"]::-moz-range-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  background: #D60B52;
}

input[type="range"]::-ms-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type="range"]::-ms-fill-lower {
  background: #D60B52;
}

input[type="range"]:focus::-ms-fill-lower {
  background: #D60B52;
}

input[type="range"]::-ms-fill-upper {
  background: #D60B52;
}

input[type="range"]:focus::-ms-fill-upper {
  background: #D60B52;
}

.pdfshow{
	background: url(/pix/pdficon.webp) no-repeat left center; 
   padding-left: 28px; border-bottom: none !important; 
  vertical-align: middle;
}

pre {
    white-space: pre-wrap !important;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap !important;      /* Opera 4-6 */
    white-space: -o-pre-wrap !important;    /* Opera 7 */
    word-wrap: break-word !important;       /* Internet Explorer 5.5+ */
}


 /* The sidebar menu */
 .sidebar {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 9000; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
}

/* The sidebar links */
.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidebar a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* The button used to open the sidebar */
.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s; /* If you want a transition effect */
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
} 





.new-mega-dropdown {
  position: static !important;

}
.new-mega-dropdown-menu-desktop {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 2% !important;
}
.new-mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 4% !important;
}
.new-mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.new-mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.new-mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
}
.new-mega-dropdown-menu > li ul > li > a:hover,
.new-mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.new-mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}

.tablet-container{
  margin-inline: 2% !important;
}
.new-navbar::after, .new-navbar::before{
  display: table;
  content: " ";
}
.new-navbar{
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
}
.new-navbar-header {
  float: left;
}
.new-navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.new-navbar-color{
background-color: white;
border: none;
text-decoration:none;
}
.new-navbar-element{
margin-top: 20px !important;
}
.new-navbar-nav {

  float: none !important;
}

.new-navcontainer{
display: grid;
gap: 1rem;
grid-template-columns: repeat(5, 1fr);
}
.new-navkat{
border: #222;
width: auto;
height: auto;
text-align: center;
align-items: center;
margin-bottom: 1rem;
}
.new-menulink{
  text-decoration: none;
}
.new-navrow{
margin-inline: 20% !important;
margin-block: 2% !important;
}

@media (min-width: 768px) {
  .new-navbar-toggle {
    display: none;
  }}

  .new-navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }

  .new-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
  }

  @media (min-width: 768px) {
    .new-navbar-collapse.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
    }
  }

  @media (min-width: 768px) {
    .new-navbar-collapse {
      width: auto;
      border-top: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
  }
  @media (min-width: 768px) {
    .new-navbar-nav {
      float: left;
      margin: 0;
    }
  }
  @media (min-width: 768px) {
    .new-navbar-nav > li {
      float: left;
    }
  }
  .new-nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }


  .mspace{
    padding:3% !important;
  }


  .form-check-desc{
    padding-right: 1.5em !important;
    padding-top: 1%;
  }

  /* Sternebewertung */

span#Bewertung {
 line-height: 45px;
}

span.sternebewertung {
 float: Left;
}

span.sternebewertung:not(:checked) > input {
 display: None;
}

span.sternebewertung:not(:checked) > label {
 float: Right;
 width: 1.1em;
 padding: 0.1em;
 overflow: Hidden;
 white-space: Nowrap;
 cursor: Pointer;
 font-size: 200%;
 line-height: 1.2;
 color: #D0D0D0;
 text-shadow: 1px 1px #B0B0B0, 2px 2px #606060, .1em .1em .2em rgba(0,0,0,.5);
 transition: all .5s;
}

span.sternebewertung:not(:checked) > label:before {
 content: ' ★ ';
}

span.sternebewertung > input:checked ~ label {
 color: #FFD700;
 text-shadow: 1px 1px #C06000, 2px 2px #904000, .1em .1em .2em rgba(0,0,0,.5);
}

span.sternebewertung:not(:checked) > label:hover,
span.sternebewertung:not(:checked) > label:hover ~ label {
 color: #FFD700;
 text-shadow: 1px 1px #F29E02, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

span.sternebewertung > input:checked + label:hover,
span.sternebewertung > input:checked + label:hover ~ label,
span.sternebewertung > input:checked ~ label:hover,
span.sternebewertung > input:checked ~ label:hover ~ label,
span.sternebewertung > label:hover ~ input:checked ~ label {
 color: #F9B500;
 text-shadow: 1px 1px #F8BA01, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}




span.sternebewertungausgabeinaktiv{
 content: ' ★ ';
 color: #FFD700;
 text-shadow: 1px 1px #C06000, 2px 2px #904000, .1em .1em .2em rgba(0,0,0,.5); 
}
span.sternebewertungausgabeaktiv{
 content: ' ★ ';
 color: #F9B500;
 text-shadow: 1px 1px #C06000, 2px 2px #904000, .1em .1em .2em rgba(0,0,0,.5); 
}




