body {
 
     min-height: 75rem;
  padding-top: 0rem;
font-family: "roboto", sans-serif;
font-weight: 400;
font-style: normal;
    color:#fff;
  
   font-size: 19px;
  background-color:#302683;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}



/* transition duration to control the speed of fade effect */

.carousel-item {

  transition: transform 2.6s ease-in-out;

}



.carousel-fade .active.carousel-item-start,

.carousel-fade .active.carousel-item-end {

  transition: opacity 0s 2.6s;

}




.bildpadding {
    padding-bottom:20px;
}


.textcolor {
 color: #CF007F; 
 background-image: linear-gradient(45deg, #CF007F 40%, #008FD6 60%); 
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 
 
}



a.telefonnummer {
  color: #fff;
  text-decoration: none;
}
a.telefonnummer:hover,
a.telefonnummer:focus {
  color: #fff;
  text-decoration: underline;
}







/*accordion*/


.accordion-item {
  color: var(--bs-accordion-color);
  background-color: transparent!important;
  border: transparent!important;
}

.accordion-button:not(.collapsed) {
  color: #fff!important;
  background-color: #302683;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:focus {
  z-index: 3;
  border-color: transparent!important;
  outline: 0;
  box-shadow: none!important;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 19px;
    font-weight: 700;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

.accordion-btn-icon:not(.collapsed)::after{
    
  border: 6px;  
    
    
}


.accordion-btn-icon.collapsed::after {
   border: 6px; 
    
    
}

.accordion {
  --bs-accordion-color: #fff;
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: transparent!important;
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #fff;
  --bs-accordion-btn-bg: transparent!important;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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");
  --bs-accordion-btn-focus-border-color: transparent!important;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}












/*font bodoni*/
/* latin */
@font-face {
 font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(../fonts/bodoni_400_900.woff2) format('woff2');
 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}






h1 {
   font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
    color:#fff;
    line-height: 30px;
    font-size: 25px;
}
h2 {
  font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 900;
    color:#81929c;
    line-height: 45px;
    font-size: 45px;
   
}



.formpaddingleft{
    padding-left:0!important;
}

.alert-info {
    color: #fff;
    background-color: #302683;
    border-color: #fff;
}




/* cookie hinweis*/


.cc_container .cc_btn {
background-color: #302683 !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #fff!important; /* Hintergrundfarbe des gesamten Bereichs */
color: #302683 !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #302683 !important; /* Textlink-Farbe "Mehr Infos" */
}

/*plan*/
.planpaddingtopbody {
     padding-top: 2rem;
}









/* formular*/






label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 19px;
    font-weight: 400;
    color:#fff;
}

legend {
     font-size: 12px;
    font-weight: 700;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
}


.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  background-color: #302683;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.miniformzahl {
    width:20%;
}


.form-control:focus {
  color: #fff;
  background-color: #302683;
  border-color: #fff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(129, 146, 156, .25)
}

.form-control:selected {
  color: #fff;
  background-color: #302683;
  border-color: #fff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(129, 146, 156, .25)
}













input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    
    
     font-weight:300!important ;
    font-size:19px!important ;
    font-style:"roboto", sans-serif!important ;
    background-color: #fff!important;
     color: #302683!important;
}













input[type="radio"] {
            accent-color: #302683; 
        }





.form-check-input:checked {
  background-color: #302683;
  border-color: #fff;
}








/* buttons absenden */
.btn {
  display: inline-block;
  font-weight: 400;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
   border: 1px solid #fff;
  padding: .15rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}




.btn-success {
  color: #fff;
  background-color: #302683;
  border-color: transparent;
    padding-left:10px;
    padding-right:10px;
    padding-top:20px;
    padding-bottom:20px;
    font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
    line-height: 12px;
    font-size: 19px;
    border-color:#fff;
    width:250px;
   
}





.btn-success:hover {
  color: #fff;
  background-color: #302683;
  border-color: #fff;
}
.btn-success.focus, .btn-success:focus {
  color: #fff;
  background-color: #302683;
  border-color: #fff;
  box-shadow: 0 0 0 .2rem rgba(129, 146, 156, .5)
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
   color: #fff;
  background-color: #302683;
  border-color: #fff;
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(129, 146, 156, .5)
}














span.formulartextklein {
     font-size: 12px;
}





.containeroben {
    padding-top:4rem;
}
.containerabstandunten {
    padding-bottom:4rem;
}


/* aussteller download link*/
.fa-download {
    padding-right:15px;
    
    
}



.trennung {
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
      }

p.abstand34 {
    margin-bottom:34px;
}
p.abstand17 {
    margin-bottom:17px;
}


span.boldtext {
    font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
    color:#fff;
    line-height: 24px;
    font-size: 19px;
}



/*links bold*/
a.boldtextlink:link {
 font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
    color:#fff;
    line-height: 24px;
    font-size: 19px;
    text-decoration: underline;
}

a.boldtextlink:visited {
 font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
    color:#fff;
    line-height: 24px;
    font-size: 19px;
    text-decoration: underline;
}

a.boldtextlink:hover {
 font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
    color:#fff;
    line-height: 24px;
    font-size: 19px;
    text-decoration: underline;
}

a.boldtextlink:active {
  font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
    color:#fff;
    line-height: 24px;
    font-size: 19px;
    text-decoration: underline;
}














/*links bold*/
a.regularlink:link {
 font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
    color:#fff;
    line-height: 24px;
    font-size: 19px;
    text-decoration: underline;
}

a.regularlink:visited {
 font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
    color:#fff;
    line-height: 24px;
    font-size: 19px;
    text-decoration: underline;
}

a.regularlink:hover {
 font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
    color:#fff;
    line-height: 24px;
    font-size: 19px;
    text-decoration: underline;
}

a.regularlink:active {
  font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
    color:#fff;
    line-height: 24px;
    font-size: 19px;
    text-decoration: underline;
}



/*links reg*/
a.regularlinktext:link {
 font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
    color:#fff;
    line-height: 24px;
    font-size: 19px;
    text-decoration: underline;
}

a.regularlinktext:visited {
 font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
    color:#fff;
    line-height: 24px;
    font-size: 19px;
    text-decoration: underline;
}

a.regularlinktext:hover {
 font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
    color:#fff;
    line-height: 24px;
    font-size: 19px;
    text-decoration: underline;
}

a.regularlinktext:active {
  font-family: "roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
    color:#fff;
    line-height: 24px;
    font-size: 19px;
    text-decoration: underline;
}























hr {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  border: 0;
  border-top: 1px solid rgba(124, 181, 210, 0.5)
}








/*navi*/
.navbar {
   z-index: 9999; 
 }
.navbarheight {
    padding-bottom:2.2rem;
     padding-top:2.2rem;
    
}

.bg-primary {
  background-color: #302683 !important;
    border-bottom:none!important;
}
.bg-primarystartnoborder {
    border:none!important;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(238,113,0, 1);
     font-family: "roboto", sans-serif;
  font-style: italic;
  font-weight: 700;
    line-height: 19px;
    font-size: 16px;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(133,127,122, 1);
    font-family: "roboto", sans-serif;
  font-style: italic;
  font-weight: 700;
    line-height: 19px;
    font-size: 16px;
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
   color: rgba(133,127,122, 1);
   font-family: "roboto", sans-serif;
  font-style: italic;
  font-weight: 700;
    line-height: 19px;
    font-size: 16px;
}
.navbar-dark .navbar-toggler {
  color: rgba(133,127,122, 1);
  border-color: rgba(133,127,122, 1);
    
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28133,127,122, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #857f7a!important;
  text-align: left;
  list-style: none;
  background-color: rgba(255,255,255, 0.8);
  background-clip: padding-box;
  border: transparent;
  border-radius: .25rem;
    font-style: italic;
   
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #857f7a;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
     font-family: "roboto", sans-serif;

font-style: italic;
   
    font-size: 16px;
    line-height: 24px;
}


.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: rgba(238,113,0, 1);
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
 background-color: rgba(238,113,0, 1);
}












@media (max-width: 40em) {
 .nuplogo {
        width:50%;
        height:auto;
    
    }
  .navbar-brand {
        padding-top: .2rem;
padding-bottom: 0.3rem;
margin-right: 6rem;
      width:50%;
      height:auto;
    }
    h2 {
 
    line-height: 27px;
    font-size: 25px;
        padding-top:20px;
}

    h1 {
 
    line-height: 27px;
    font-size: 18px;
}

  .containerabstandunten {
  padding-bottom: 2rem;
}
    
}

@media (max-width: 61em) {
    .navbarheight {
    padding-bottom:0.8rem;
     padding-top:3.5rem;
}

     .navbar {
        overflow: auto;
        max-height: 85vh;
        align-items: flex-start;
}
}



@media (max-width: 38.5em) {
    .navbarheight {
    padding-bottom:0.8rem;
     padding-top:0.8rem;
}

  
     .navbar {
        overflow: auto;
        max-height: 85vh;
        align-items: flex-start;
}
    .containeroben {
    padding-top:0.8rem;
}
    .containerabstandunten {
    padding-bottom:0.8rem;
}

    
   .textcolor {
 color: #CF007F; 
 background-image: linear-gradient(45deg, #CF007F 30%, #008FD6 70%); 
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 
 
} 
   
    
 .textcolorindex {
 color: #CF007F; 
 background-image: linear-gradient(45deg, #CF007F 0%, #CF007F 50%, #008FD6 100%); 
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 
 
}
   
    
    
    
    
    
}