.btn-suche													{	color:black !important; background-color:var(--whiteOffene) !important; 
    border:1px solid black; padding: .1rem 1rem .1rem 1rem !important; line-height: 1rem; border-radius: 50rem!important;}

.btn-suche:hover											{	color:var(--orangeOffene) !important; background-color:var(--whiteOffene-30)!important; 
    border-color:0px !important; padding: .2rem 1rem .1rem 1rem; line-height: 1rem; border-radius: 50rem!important;}

.btn-suche:focus,.btn-suche.focus							{	}

.btn-suche.disabled,.btn-suche:disabled 					{	}

.btn-suche:not(:disabled):not(.disabled):active,
.btn-suche:not(:disabled):not(.disabled).active,
.show>.btn-suche.dropdown-toggle							{	color:var(--whiteOffene) !important; background-color:var(--orangeOffene) !important; 
    border-color:var(--orangeOffene-transp) !important}

.btn-suche:not(:disabled):not(.disabled):active:focus,
.btn-suche:not(:disabled):not(.disabled).active:focus,
.show>.btn-suche.dropdown-toggle:focus						{	box-shadow:0 0 0 .12rem rgba(0, 0, 0, 1)}



.btn-primary, 
.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:visited 										{	background-color: #8064A2 !important }

.btn-section                                        		{   padding: .7rem 0 .5rem 0 !important; line-height: 2.2rem}
.btn-sectionCategories                                      {   font-family: 'DM Sans', sans-serif; font-weight: 400; padding: 0 0 1.749rem 0 !important; font-size: .8rem ;line-height: 2.2rem  }

.btn-default												{	color:var(--blackOffene)!important; 
    background-color:var(--whiteOffene) !important; 
    border: .1rem solid black !important; 
    padding:0.037rem 1.45rem !important; margin-right: 3rem;
    border-radius: 50rem !important}
.btn-default:hover, .btn-defaultCategory:hover,
.btn-default:active, .btn-defaultCategory:active, 
.btn-default:focus, .btn-defaultCategory:focus, 
.btn-default:selected, .btn-defaultCategory:selected, 
.btn-default:visited, .btn-defaultCategory:visited 			{	color:var(--offeneGrey)!important; 
    border: .1rem solid var(--offeneGrey)!important; text-decoration: none !important 	}

.btn-default-white 											{	color: var(--white)!important; background-color:transparent; !important;
    border: 0.1rem solid var(--white) !important; padding: 0.25rem 1.45rem !important; margin-right: 3rem;
    border-radius: 50rem !important		}

.btn-defaultCategory, .btn-defaultTag 						{	}
.btn-defaultCategory a										{	color:var(--blackOffene)!important; 
    background-color:var(--whiteOffene) !important; 
    border: .1rem solid black !important; 
    padding: 0.35rem 1rem 0.41rem 1rem ; margin-right: .3rem; 
    border-radius: 50rem !important;
    font-size: .8rem;
    line-height: 1rem;
    text-transform:uppercase; display:inline-block; }

.btn-defaultTag a											{	color:var(--offeneOrange)!important; 
    background-color:var(--whiteOffene) !important; 
    border:.1rem solid var(--offeneOrange) !important; 
    padding:0.35rem 1rem 0.41rem 1rem ; margin-right: .3rem; 
    border-radius: 50rem !important;
    font-size: .8rem;
    text-transform: none; 
    line-height: 1rem;
    border-radius: 50rem !important; text-decoration: none; display:inline-block;}


.open,
.dropdown-toggle.btn-default 								{	background-color:var(--whiteOffene-30)!important; 
    color:var(--orangeOffene) !important; 
    border:1px solid var(--orangeOffene-transp)!important }

.btn-transp													{	color:var(--whiteOffene)!important; 
    background-color:transparent; !important; 
    border:1px solid var(--whiteOffene) !important; 
    padding:0.037rem 1.45rem !important;
    margin: .2rem 0; 
    font-size: 1.25rem;
    line-height: 0; 
    border-radius: 50rem !important }
.btn-transp:hover, 
.btn-transp:focus, 
.btn-transp:active, 
.btn-transp.active, 
.open,
.dropdown-toggle.btn-transp 								{	background-color:var(--whiteOffene-30)!important; 
    color:var(--orangeOffene) !important; 
    border:1px solid var(--orangeOffene-transp)!important }


.btn-article												{	color:var(--blackOffene)!important; 
    background-color:var(--whiteOffene) !important; 
    border:1px solid var(--offeneGrey); !important; 
    padding:0.1rem 1rem !important;
    margin: .2rem 0; 
    line-height: 0; 
    border-radius: 50rem !important }
.btn-article:hover, 
.btn-article:focus, 
.btn-article:active, 
.btn-article.active, 
.open,
.dropdown-toggle.btn-article 								{	background-color:var(--whiteOffene-30)!important; 
    color:var(--orangeOffene) !important; 
    border:1px solid var(--orangeOffene-transp)!important }

.btn-primary, 
.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:visited 										{	background-color: #8064A2 !important 	}

#myBtn 														{ 	display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; 
    outline: none; background-color:var(--offeneOrange); color: white; cursor: pointer; padding: 5px; 
    border-radius: 50%; border: .1rem solid var(--white);
}
.btnTop 													{   border: none; color: grey; padding: 12px 12px; font-size: 16px; cursor: pointer 	}

.btnTop:before	 											{	content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.64802,10.54934L8.84978,3.7511c-0.46932-0.46932-1.23023-0.46932-1.69955,0l-6.79824,6.79824c-0.46931,0.46931-0.46931,1.23023,0,1.69955c0.46932,0.46932,1.23024,0.46932,1.69957,0L8,6.30043l5.94845,5.94847c0.46932,0.46932,1.23024,0.46932,1.69957,0C16.11733,11.77957,16.11733,11.01865,15.64802,10.54934z' fill='white'/%3E%3C/svg%3E");
       width: 25px; position: relative; left: 1.35rem; top: .15rem 	}

#myBtn:hover 												{	opacity: .7 }

.btn_selbstverstandnis 										{	position: absolute; bottom:3rem; left: 0	}

/*
####################################################
M E D I A  Q U E R I E S Bootstrap 4 breakpoints
####################################################

Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap because it is "mobile first"
*/


@media only screen and (max-width: 991px)  {
.btn_selbstverstandnis {position: initial; margin-top: 2rem!important}

}