a.invisible:focus,
a[href~="#main"].invisible:focus,
#logo .mod_customnav a.invisible:focus,
a.invisible::selection,
#footernavigation .mod_customnav a.invisible:focus {
    display: inline-block;
    /*color: #25baba;*/
    clip: auto;
	outline-color:#ab1515;
	outline-color:#C54902;
    border: 2px solid #ab1515;
    border: 2px solid #C54902;
    border-radius:0.3em;
    width:auto;
    height:auto;
    margin:0;
    position:relative;
    top:0;
    left:auto;
    font-size:0.75rem;
    position:absolute;
    z-index:3000;
    background-color:#ffffffad;
    flex-basis:100%;
    color: #233d63;
    /*color: #f59d30;*/
}






#navibuttons a.invisible:focus
{
    display: block;
    /*color: #25baba;*/
    clip: auto;
	outline-color:#ab1515;
	outline-color:#C54902;
    border: 2px solid #ab1515;
    border: 2px solid #C54902;
    border-radius:0.3em;
    width:auto;
    height:auto;
    margin:0;
    top:-2em;
    left:auto;
    right:0;
    font-size:0.75rem;
    width:10em;
    height:auto;
}


:focus, 
#main a:focus, 
#cookiebar button:focus, 
#footer a:focus,  
input:focus, 
#main button:focus,
.ce_accordion .toggler:focus{
	outline-color:#ab1515;
	outline-color:#C54902;
	border: 2px solid #ab1515;
	border: 2px solid #C54902;
	border-radius:0.3em;
}

#hauptnavigation.mod_navigation a:focus {
	color: #40811d;
}

#headerbild a:focus, figure > a:focus, #logo a:focus {
	display:inline-block;
}

figure > a:focus, #main figure > a:focus, .logo a:focus {

	border: 0;
}


a:focus > h2, 
a:focus > img, 
#sponsoren a:focus > img {
	border: 2px solid #ab1515;
	border: 2px solid #C54902;
	margin:0;
	display:inline-block;
}

#sponsoren a:focus > img {
	border: 0px solid #ab1515;
}

.nav--main ul li.submenu .level_2 {
	box-shadow:1px 1px 2px #666;
}

/* focus innerhalb des submenüs */
.nav--main ul li.submenu .level_2:focus-within {
    z-index: 1004;
    max-height: 9999px;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: visible;
}
.flip-card:focus .flip-card-inner {
	transform: rotateY(180deg);
}

@media(max-width:830px) {
	#logo .nav--horizontal ul {
		margin:0.5em 1em !important;
	}
	.row-gap .ce_text.fact{
		height:auto;
	}
	#logo .headertext {
		margin-bottom:0;
		height:auto;
	}
	
	#logo .inside .row-gap .row_gap{
		row-gap:none;
		grid-row-gap:none;
	}
	
	#logo .inside .row-gap [class*="col"] .row.ce_rowStart.row-gap {
		grid-row-gap:0;
		height:auto;
	}

	
/*	.nav--mobile ul.level_2, .nav--mobile ul.level_2:hover, .nav--mobile ul.level_2:focus, .nav--mobile ul.level_2:visited{
		transition:all 2s 0.5s;
	}
*/
	.nav--mobile ul li.submenu .level_2 {
		box-shadow:none;
		transition:all 1.5s 0.5s; 
	}
	
	.nav--mobile ul li, .nav--mobile ul li:hover{
		height:auto;
		transition:all 1.s 0.5s;
	}
	
	.nav--mobile--active ul li.submenu.trail .level_2,
	.nav--mobile--active ul li.submenu.active .level_2{
		
		opacity: 1;
		visibility: visible;
		transition:all 1.5s 0.5s;
		height:auto;
	}
	
}
