@charset "utf-8";
@font-face { 
	font-family: 'sonfon'; 
	src: url('../media/fonts/comic.ttf');
}

.headbg {
	background-color: var(--coloryellow);
	background-image: linear-gradient(to bottom right, var(--mainbgcolor2), var(--mainbgcolor3), var(--colororange));
	padding-top: 12px;
}

.multicol {	
	columns: 2 300px;
    column-gap: 2em;
    text-align: justify;
}

.listbox {
	padding:4px;
	border: 2px solid red;
	border-radius: 6px;
	width: 100%;	
}
.listbox:hover {
	background-color: var(--coloryellow);
}
.listbox2 {
	padding:4px;
	border: 2px solid red;
	border-radius: 6px;
	width: 100%;	
}

.nav-link {
	color: var(--mainbgcolor1);
}
.nav-link:hover {
	color: var(--mainbgcolor2);
	text-decoration: none;
}

.pointernavnav-link {
	color: var(--mainbgcolor3);
}
.pointernavnav-link:hover {
	color: var(--mainbgcolor2);
}

.-link, .pointernav-link {
	font-size: 24px;
}


img {
	border-radius: 6px;
}

.leistbg {
	background-image: url("media/dummy.gif");
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
	min-height: 300px;
	padding-top: 60px;
	text-align: center;
}
.leistfon {
	font-feature-settings: 'smcp';
	color: var(--mainbgcolor1);
	text-shadow:  1px  1px 0px var(--mainbgcolor3),
				 -1px -1px 0px var(--mainbgcolor3),
				  1px -1px 0px var(--mainbgcolor3),
				 -1px  1px 0px var(--mainbgcolor3);
}
.leistfon {
	font-feature-settings: 'smcp';
	color: var(--mainbgcolor2);
}
.leistbx {
	margin: 24px;
	
}

.titfon {
	font-size: 8.0vw;
}

.menubuttom {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
}

.iconbgcase {
	background-image: url("media/dummy.gif");
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
	width: 30px;
	height: 30px;
}

.marginli {
	margin-left: 24px;
}

@media only screen and (min-width: 1200px) {
}

/*		Wide Mobile Layout: 720px.   */

@media only screen and (min-width: 768px) and (max-width: 1199px) {
}

/*		Small Mobile Layout: 480px.   */

@media only screen and (max-width: 767px) {
}