#main .icon_menu {
    position:fixed;
    z-index:102;
    top: 18em;
    right: -10em;
    width:12em;
    font-size:1.25em;
    overflow:visible;
   }

.icon_menu ul{
    position:relative;
    padding:0;
    overflow:visible;
}

.icon_menu ul li {
	width:12em;
    position: relative;
    right: 0em;
    font-size: 1em;
    color: #333;
    background-color: #004218;
    display: block;
    line-height:1.5em;
    margin-bottom:0.3em;
    border:2px solid var(--color-border);
	transition: right 1s ease-in-out;
	cursor:pointer;

}


.icon_menu ul li:hover,.icon_menu ul li:active, .icon_menu ul li:has(a:where(:focus-visible)){
	transition: right 1s ease-in-out;
    right: 10em;
}

.icon_menu ul li:before{
	width:2em;
	content:" ";
	display:inline-block;
	background-color:var(color-text-highlight);
	height:2em;
	vertical-align:middle;
	mask-size: contain;
	-webkit-mask-size: contain;
    -webkit-mask-position:50% 50%;
    -webkit-mask-size: 1.6em 1.6em;
    mask-position:50% 50%;
    mask-size: 1.6em 1.6em;
    mask-repeat:no-repeat;
    -webkit-mask-repeat:no-repeat;
}

.icon_menu ul li.email:before{
	background-color:#fff;
	-webkit-mask-image: url("../img/envelope-solid.svg");
    mask-image: url("../img/envelope-solid.svg");

}

.icon_menu ul li.phone:before{
	background-color:#fff;
	-webkit-mask-image: url("../img/phone-solid.svg");
    mask-image: url("../img/phone-solid.svg");
}


#main .icon_menu ul li a, #main .icon_menu ul li a:hover{
	display:inline-block;
	text-decoration:none;
	color:#333;
	margin:0;
	vertical-align:middle;
	background-color: var(--color-background);
	width:calc(100% - 2.4em);
	text-align:center;
	line-height:2.2em;
	padding-top:0.2em;
	border:0;
	font-size:0.84em;
}

a[href^="https://"]:before{
	background-color: inherit;
    color: color-contrast(var(--background-color) vs black, white);
    content:"\f08e";
    font-family:'Font Awesome 6 Free';
    margin-right:0.3em;
    font-weight:600;
}

a[href^="https://www.vlasitzundzodl"]:before, a[href^="https://contao"]:before{
    content:"";
    margin-right:0em;
}

a[href$=".pdf"]:before{
	background-color: inherit;
    color: color-contrast(var(--background-color) vs black, white);
    content:"\f1c1";
    font-family:'Font Awesome 6 Free';
    margin-right:0.3em;
    font-weight:400;
}