ul { margin: 25px; }
li a { color: #0000FF; text-decoration: none; }
li a:hover { color: #FF0000; text-decoration: underline; }
a.thumb img {
	filter:alpha(opacity=100);

-moz-opacity: 1.0;			opacity: 1.0;
	border: solid 5px #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	color: #990000;
}
a.thumb:hover img {	filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;	border: solid 5px #FFFFFF; }



.background_shadow {
	-webkit-box-shadow: 2px 2px 2px rgba(151,151,151,1.00);
	box-shadow: 2px 2px 2px rgba(151,151,151,1.00);
	display: block;
}

.background_color_white_alpha_080 {
	background-color: rgba(255,255,255,0.90);
	
}

.text-bold {
	font-weight: bold;}

.text-blau {
	color: #00458F;
}

.space-25px {
height: 25px;
}

* {
  box-sizing: border-box;
}

ul {
list-style-type: square;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 30px;
}

.hr-line {
    border: none;
    border-top: 1px solid #636363;  
    background: white;
    
 }



#myBtn {
  background-image: url("../elemente/icons-top.svg");
  background-color: transparent;
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 40px;
  right: 30px;
  z-index: 99999;
  display: none;
}

#myBtn:hover {
 }

@media (min-width: 576px) {
  .absolute-40px {
  position: absolute;
  top: 60px;
  left: 15px;
  width: 400px;
  height: 100px;
  border: none;
  }
  
  .absolute-20px {
  position: absolute;
  top: 10px;
  left: 15px;
  width: 400px;
  height: 100px;
  border: none;
}
}

@media (max-width: 575.98px) {
  .absolute-40px {
  position: relative;
  top: 5px;
  left: 15px;
  width: 400px;
  height: 40px;
  border: none;
  }
  
  .absolute-20px {
  position: relative;
  top: 5px;
  left: 15px;
  width: 400px;
  height: 40px;
  border: none;
}
}

@media (min-width: 992px) {
.navbar-custom {
  height: 120px !important;
  xxalign-items: baseline;
  background-color: rgba(255,255,255,0.85) !important;
 -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px); 
  z-index: 4000;
  margin-bottom: 120px;
}
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: baseline;
  -ms-flex-pack: justify;
  justify-content: space-between;
  xxpadding: 0.0rem 1rem;
  z-index: 4000;
}
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
  border-radius: 0;
}
.content {
  margin-top: 120px !important;
}
.logo {
position: absolute;
    top: 10px;
    left: 15px;
border: none;
display: block;
    height: 100px;
    text-indent: -9999px;
    z-index: 4000;
}
.btn-titel {
  display: inline-block;
  font-weight: 100;
  text-align: left;
  margin-left: 0px;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: ;
  border-style: none; 
  border-width: none;
  font-size: 2.0rem;
  line-height: 2.40rem;
  border-radius: 0rem;
  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;
}   
.btn-titel-2 {
color: #000000;
text-decoration:none;
  display: inline-flex;
  font-weight: ;
  text-align: left;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.0rem;
  font-style: normal;
  padding-left: 5px;
  padding-bottom: 5px;
  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;
} 

.btn-light-2 {
  color: #000000;
  background-color: rgba(255,255,255,1.00);
  border-color: red;
  text-decoration:none;
}
  
.btn-titel:hover, .btn-titel:focus {
  text-decoration: none;
}   
.btn-titel-2:hover {
color: #000000;
  text-decoration: none;
  background-color: rgba(255,255,255,0.20);
} 

.btn-titel-3 {
color: rgba(255,255,255,1.00);
background-color: rgba(100,100,100,0.80);
text-decoration:none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 2.0rem;
  font-weight: 200;
  font-style: normal;
  padding-top: 120px;
  transition: color 0.15s ease-in-out, padding-top 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;
} 

.btn-titel-3:hover {
color: rgba(255,255,255,1.00);
text-decoration:none;
  display: inline-flex;
  
  text-align: center;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 2.0rem;
  font-weight: 200;
  font-style: normal;
  padding-top: 140px;
  transition: color 0.15s ease-in-out, padding-top 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;
  background-color: rgba(255,255,255,0.20);
} 
.btn-titel-3:focus {
color: rgba(255,255,255,1.00);
text-decoration:none;
  text-decoration: none;
  background-color: rgba(255,255,255,0.50);
}

.btn-titel-2:focus {
color: #000000;
text-decoration:none;
  text-decoration: none;
  background-color: rgba(255,255,255,0.50);
} 

@media (prefers-reduced-motion: reduce) {
  .btn-titel {
    transition: none;
  }
    .btn-titel-2 {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}
t1 {
  display: inline-block;
  font-weight: 100;
  text-align: left;
  margin-left: 0px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 2.0rem;
  font-style: normal;
  line-height: 2.40rem;
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

t2 {
  display: inline-block;
  text-align: left;
  margin-left: 0px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 1.0rem;
  font-style: normal;
  line-height: inherit;
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.text-1 {
  text-align: left;
  margin-left: 0px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 1.0rem;
  font-style: normal;
  line-height: inherit;
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.text-2 {
  text-align: left;
  margin-left: 0px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 100;
  line-height: inherit;
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.text-3 {
  text-align: left;
  margin-left: 0px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 0.8rem;
  font-style: normal;
  line-height: inherit;
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
}

@media (max-width: 991.98px) {
.navbar-custom {
  min-height: 100px !important;
  background-color: rgba(255,255,255,0.85) !important;
 -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px); 
  z-index: 1000;
}
.content {
  margin-top: -0px !important;
  z-index: -999 !important;  
  }
.btn-titel {
  display: inline-block;
  font-weight: 100;
  text-align: left;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: ;
border-style: none; 
  font-size: 1.8rem;
  line-height: 2.00;
  border-radius: 0rem;
  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;
}    
.btn-titel:hover, .btn-titel:focus {
  text-decoration: none;
}  
.btn-titel-2:hover {
color: #000000;
  text-decoration: none;
  background-color: rgba(255,255,255,0.20);
}  

.btn-titel-2:focus {
color: #000000;
text-decoration:none;
  text-decoration: none;
  background-color: rgba(255,255,255,0.50);
} 


@media (prefers-reduced-motion: reduce) {
  .btn-titel {
    transition: none;
}
.btn-titel-2:hover {
  color: #000000;
  text-decoration: none;
  background-color: rgba(255,255,255,0.20);
} 

.btn-titel-2:focus {
color: #000000;
text-decoration:none;
  text-decoration: none;
  background-color: rgba(255,255,255,0.50);
} 

}
@media (prefers-reduced-motion: reduce) {
  .btn-titel-2 {
    transition: none;
}
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}  
.btn-titel-2 {
color: #000000;
text-decoration:none;
  display: inline-flex;
  font-weight: ;
  text-align: left;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color:rgba(200,200,200,0.50) ;
  font-size: 1.0rem;
  font-style: normal;
  padding-left: 5px;
  padding-bottom: 10px;
  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;
}  

.btn-titel-3 {
color: rgba(255,255,255,1.00);
text-decoration:none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 2.0rem;
  font-weight: 200;
  font-style: normal;
  padding-top: 120px;
  transition: color 0.15s ease-in-out, padding-top 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;
} 

.btn-titel-3:hover {
color: rgba(255,255,255,1.00);
text-decoration:none;
  display: inline-flex;
  
  text-align: center;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 2.0rem;
  font-weight: 200;
  font-style: normal;
  padding-top: 140px;
  transition: color 0.15s ease-in-out, padding-top 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;
  background-color: rgba(255,255,255,0.20);
} 
.btn-titel-3:focus {
color: rgba(255,255,255,1.00);
text-decoration:none;
  text-decoration: none;
  background-color: rgba(255,255,255,0.50);
}

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: baseline;
  -ms-flex-pack: justify;
  justify-content: space-between;
  xxpadding: 0.0rem 1rem;
  z-index: 4000;
}    
   
.logo {
position: absolute;
    top: 5px;
    left: 15px;
border: none;
    display: block;
    height: 85px;
    text-indent: -9999px;
    z-index: 4000;
}
t1 {
  display: inline-block;
  font-weight: 100;
  text-align: left;
  margin-left: 0px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 2.0rem;
  font-style: normal;
  line-height: 2.00rem;
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

t2 {
  display: inline-block;
  text-align: left;
  margin-left: 0px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 0.9rem;
  font-style: normal;
  line-height: inherit;
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.text-1 {
  text-align: left;
  margin-left: 0px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 0.9rem;
  font-style: normal;
  line-height: inherit;
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.text-2 {
  text-align: left;
  margin-left: 0px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 100;
  line-height: inherit;
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.text-4 {
  text-align: left;
  margin-left: 0px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 100;
  line-height: inherit;
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.text-3 {
  text-align: left;
  margin-left: 0px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 0.6rem;
  font-style: normal;
  line-height: inherit;
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
}


.bg-gray-225 {
  background-color:rgba(225,225,225,1.00)!important;
}
.bg-gray-235 {
  background-color:rgba(235,235,235,1.00)!important;
}
.bg-gray-245 {
  background-color:rgba(245,245,245,1.00)!important;
}


.bg-white-transparent{ 
background-color: rgba(255,255,255,0.90) !important;
 -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px); 
}





.nav-link-2 {
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  background-color: rgba(235,235,235,0.00);
  color: rgba(255,255,255,1.00);
}

.nav-link-2:hover, .nav-link-2:focus {
text-decoration: none;
color: #014590;
}

.nav-link-2.active,
{
  color: #014590;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.z-index-500 {
z-index: 500;
}
.z-index-1000 {
z-index: 1000;
}
.shadow-side {
  box-shadow:  0.0  0.3rem   0.25rem rgba(0, 0, 0, 0.2) !important;
}
  .position-absolute-2 {
  position: absolute;
  top: 0px;
  left: 0px;
}
.flex-container {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  align-content: stretch;
/*  overflow: scroll;  */
  background-color: rgba(200,200,200,0.20);  
  vertical-align:bottom;
}

.border-width-3 {
 border-width: 3px;
 border-style: solid;
  }
  
.border-width-10 {
 border-width: 10px;
 border-style: solid;
  }  
  
.min-height-165 {
min-height: 165px;
height: auto;
  }
  

.nav-link-active {
    border-color: rgba(200,200,200,1.00);
    border-style: solid;
    border-width: 1px;
    background-color: rgba(255,255,255,0.50);
}
 .disabled { 
      pointer-events: none; 
      cursor: default; 
      text-decoration: none; 
     } 

@media print {
    .print-page-break-after {
        page-break-after: always;
    }

    .print-page-break-before {
        page-break-before: always;
    }

    .print-color-black {
        color: black !important;
    }

    code, pre {
        border: none !important;
    }
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
   }
   .col-lg-12 {
        width: 100%;
   }
   .col-lg-11 {
        width: 91.66666667%;
   }
   .col-lg-10 {
        width: 83.33333333%;
   }
   .col-lg-9 {
        width: 75%;
   }
   .col-lg-8 {
        width: 66.66666667%;
   }
   .col-lg-7 {
        width: 58.33333333%;
   }
   .col-lg-6 {
        width: 50%;
   }
   .col-lg-5 {
        width: 41.66666667%;
   }
   .col-lg-4 {
        width: 33.33333333%;
   }
   .col-lg-3 {
        width: 25%;
   }
   .col-lg-2 {
        width: 16.66666667%;
   }
   .col-lg-1 {
        width: 8.33333333%;
   }
   
   
   $grid-breakpoints-print: (lg: 992px); // keep breakpoint that you would like to apply for print
    
    /* Rewrite margins, padding, display & alignment to keep the LG and not the mobile ones */
        @each $breakpoint in map-keys($grid-breakpoints-print) {
            $infix: breakpoint-infix($breakpoint, $grid-breakpoints-print);
            
            // rewrite all displays for your print breakpoint
            @each $value in $displays {
                .d#{$infix}-#{$value} {
                    display: $value !important;

                    @each $v in $displays {
                        &.d-#{$v} {
                            display: $value !important;

                            &.d-print-none,
                            &.table__sort {
                                display: none !important;
                            }
                        }
                    }

                    &.d-print-none {
                        display: none !important;
                    }
                }
            }

            // rewrite all spacings for your print breakpoint
            @each $prop, $abbrev in (margin: m, padding: p) {
                @each $size, $length in $spacers {
                    .#{$abbrev}#{$infix}-#{$size} {
                        #{$prop}: $length !important;

                        @each $s, $l in $spacers {
                            &.#{$abbrev}-#{$s},
                            &.#{$abbrev}-auto {
                                #{$prop}: $length !important;
                            }
                        }
                    }

                    .#{$abbrev}t#{$infix}-#{$size},
                    .#{$abbrev}y#{$infix}-#{$size} {
                        #{$prop}-top: $length !important;

                        @each $s, $l in $spacers {
                            &.#{$abbrev}t-#{$s},
                            &.#{$abbrev}y-#{$s},
                            &.#{$abbrev}t-auto,
                            &.#{$abbrev}y-auto {
                                #{$prop}-top: $length !important;
                            }
                        }
                    }

                    .#{$abbrev}r#{$infix}-#{$size},
                    .#{$abbrev}x#{$infix}-#{$size} {
                        #{$prop}-right: $length !important;

                        @each $s, $l in $spacers {
                            &.#{$abbrev}r-#{$s},
                            &.#{$abbrev}x-#{$s},
                            &.#{$abbrev}r-auto,
                            &.#{$abbrev}x-auto {
                                #{$prop}-right: $length !important;
                            }
                        }
                    }

                    .#{$abbrev}b#{$infix}-#{$size},
                    .#{$abbrev}y#{$infix}-#{$size} {
                        #{$prop}-bottom: $length !important;

                        @each $s, $l in $spacers {
                            &.#{$abbrev}b-#{$s},
                            &.#{$abbrev}y-#{$s},
                            &.#{$abbrev}b-auto,
                            &.#{$abbrev}y-auto {
                                #{$prop}-bottom: $length !important;
                            }
                        }
                    }

                    .#{$abbrev}l#{$infix}-#{$size},
                    .#{$abbrev}x#{$infix}-#{$size} {
                        #{$prop}-left: $length !important;

                        @each $s, $l in $spacers {
                            &.#{$abbrev}l-#{$s},
                            &.#{$abbrev}x-#{$s},
                            &.#{$abbrev}l-auto,
                            &.#{$abbrev}x-auto {
                                #{$prop}-left: $length !important;
                            }
                        }
                    }
                }
            }

            // rewrite all text alignments for your print breakpoint
            .text#{$infix}-left {
                text-align: left !important;

                &.text-left,
                &.text-right,
                &.text-center {
                    text-align: left !important;
                }
            }

            .text#{$infix}-right {
                text-align: right !important;

                &.text-left,
                &.text-right,
                &.text-center {
                    text-align: right !important;
                }
            }

            .text#{$infix}-center {
                text-align: center !important;

                &.text-left,
                &.text-right,
                &.text-center {
                    text-align: center !important;
                }
            }
        }

        /* Rewrite grid to keep the LG and discard the mobile */
        @for $i from 1 through 12 {
            .col-lg-#{$i} {
                flex: 0 0 #{percentage(round($i*8.33)/100)} !important;
                max-width: #{percentage(round($i*8.33)/100)} !important;

                @for $k from 1 through 12 {
                    &.col-xs-#{$k},
                    &.col-sm-#{$k},
                    &.col-md-#{$k},
                    &.col-#{$k} {
                        flex: 0 0 #{percentage(round($i*8.33)/100)} !important;
                        max-width: #{percentage(round($i*8.33)/100)} !important;
                    }
                }
            }
        }
        
        /* Since the print will not fill background-colors you need to transform filled buttons into outline */
        @each $color, $value in $theme-colors {
            .btn-#{$color} {
                color: $value !important;
                background-color: $white !important;
            }
        }
        
        
        
          .container,
  .container-fluid {
    .container-fixed();
    width: auto;
    min-width: 750px;
  }

}

@import "variables.less";
@import "mixins/grid-framework.less";
@import "mixins/grid.less";

.img-fluid-vertical {
  max-width: auto;
  height: auto;
}

.filter-blur {
/*
  height: 120px !important;
  xxalign-items: baseline;
*/
  background-color: rgba(255,255,255,0.9) !important;
 -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px); 
  z-index: 3000;
/*  margin-bottom: 120px;*/
}

.bg-test {
  background-color: #343a40 !important;
/*    z-index: 3000;*/
}
.z-index-2000 {
  z-index: 2000;
}
.z-index-3000 {
  z-index: 3000;
}

  .filter-auswahl {
  position: absolute;
  height: 30px;
  top: 0px;
  left: 0px;
  width: 100%;
  border: none;
      background-color: rgba(255,255,255,0.5) !important;
 -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px); 
}
  .filter-auswahl-2 {
  position: absolute;
  height: 50px;
  top: 0px;
  left: 0px;
  width: 100%;
  border: none;
      background-color: rgba(255,255,255,0.5) !important;
 -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px); 
}
.box {
position:relative;
width: 50%;
padding-top: 100%;
}
.hover-zoom {
transform: scale(1.0); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */;
}
.hover-zoom:hover {
transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */;
}

@media (max-width: 575.98px) {
.btn-titel-3 {
color: rgba(255,255,255,1.00);
text-decoration:none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.4rem;
  font-weight: 200;
  font-style: normal;
  padding-top: 80px;
  transition: color 0.15s ease-in-out, padding-top 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;
} 

.btn-titel-3:hover {
color: rgba(255,255,255,1.00);
text-decoration:none;
  display: inline-flex;
  
  text-align: center;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.4rem;
  font-weight: 200;
  font-style: normal;
  padding-top: 80px;
  transition: color 0.15s ease-in-out, padding-top 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;
  background-color: rgba(255,255,255,0.20);
} 
.btn-titel-3:focus {
color: rgba(255,255,255,1.00);
text-decoration:none;
  text-decoration: none;
  background-color: rgba(255,255,255,0.50);
}
}
@media print {
    .pagebreak { page-break-before: always; } /* page-break-after works, as well */
}

@media (max-width: 575.98px) {
t1 {
  display: inline-block;
  font-weight: 100;
  text-align: left;
  margin-left: 0px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 1.8rem;
  font-style: normal;
  line-height: 2.40rem;
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

} 

@media (max-width: 991.98px) {

.btn-titel-2 {
color: #000000;
text-decoration:none;
  display: inline-flex;
  font-weight: ;
  text-align: left;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 0.8rem;
  font-style: normal;
  padding-left: 5px;
  xxpadding-bottom: 20px;
  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;
} 
  .filter-auswahl {
  position: absolute;
  height: 20px;
  top: 0px;
  left: 0px;
  width: 100%;
  border: none;
      background-color: rgba(255,255,255,0.5) !important;
 -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px); 
}
  .filter-auswahl-2 {
  position: absolute;
  height: 40px;
  top: 0px;
  left: 0px;
  width: 100%;
  border: none;
      background-color: rgba(255,255,255,0.5) !important;
 -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px); 
}
.text-4 {
  text-align: left;
  margin-left: 0px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 100;
  line-height: 0.9rem;
      -ms-flex: 0 0 80%;
    flex: 0 0 80%;
}
}