@media (min-width:911px){
	.desktop-hidden {
		display:none !important;
	}
}

@media (max-width:910px){
	.mobile-hidden {
		display:none !important;
	}
}

html{
	height:100%;
}

body{
	font-family:Verdana, sans-serif;
	padding-top:25px;
	padding-bottom:10px;
	margin:0 auto;
	overflow-y:scroll;
	width:auto; 
	height:100%;
	padding:0px;
}

#header {
	margin:0 auto; 
	text-align:left;
	position:relative;
	padding-left:10%;
	padding-right:10%;
}

#wrapper{
	height:100%;
	position:relative;
	top:0px;
	margin:0 auto;
}

#header .link{
	font-size:15px;
	font-weight:bold; 
	font-family:sans-serif; 
	display:inline-block; 
	zoom: 1;
	line-height:25px;
	color:#FFF;  
	margin-right: 5px;
	background-size:auto 20px;
	-moz-background-size:auto 20px;
	-webkit-background-size:auto 20px;
	-o-background-size:auto 20px;
	background-position: left;
	background-repeat:no-repeat;
	margin-left:20px; 
}	

#content{
	font-size:18px;
	line-height:30px;
	text-align:center; 
	padding-top:134px; 
	padding-left:25px; 
	padding-right:25px; 
	padding-bottom:40px;
	max-width:1000px; 
	width:auto !important; 
	width:1000px;
	margin:0 auto;
	min-height: calc(100% - 360px);
}

.holiday-wrapper {
    text-align: center;
	width: fit-content;
    margin: 30px auto;
}

.holiday-table {
    display: grid;
    grid-template-columns: 150px 230px 230px;
    border: 1px solid #DCDCDC;
    padding: 7px;
    margin-bottom: 5px;
    justify-content: center;
    align-items: center;
}

.holiday-table--head {
    font-weight: bold;
}

.h-label {
    text-align: right;
}

.h-date {
    text-align: center;
}

@media (max-width: 768px) {
	.holiday-wrapper {
		width:100%;
	}
	
    .holiday-table {
        display: block;
        text-align: center;
        padding: 12px;
    }
	
	.holiday-table--head .h-date{
		display:none;
	}

    .h-label {
		display:block;
        text-align: center;
        margin-bottom: 5px;
    }
	
	.h-date:nth-child(3)::before {
		content: "- ";
	}

    .h-date {
        margin-bottom: 3px;
    }
}

#breadcrumb-container-outer{
	height:50px;
}

#breadcrumb-container{
	position:absolute;
	left:0;
	right:0;
	background-color:#EEE;
}

#breadcrumb{
	padding-left:25px; 
	padding-right:25px;
	max-width:1000px; 
	width:auto !important; 
	width:1000px;
	margin:0 auto;
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
}

#breadcrumb h1{
	display: inline-block;
    font-size: 14px;
	margin:0 auto;
}

.bold{
	font-weight:bold;
}

.italic{
	font-style:italic;
}

.dontunderline{
	text-decoration:none;
}

.dontunderline:hover{
	text-decoration:none;
}

a {
	color:#ff7500;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}

a:hover {
	text-decoration:underline;
}

/*FORM*/
form{
	max-width:400px; 
	width:auto !important; 
	width:400px;
	margin:0 auto;
}

.formitem{
	margin-bottom:12px;
	text-align:left;
}

.formlabel{
	font-size:15px; 
	font-weight:bold; 
	font-family:sans-serif; 
	text-align:left; 
	width:100%; 
	margin:0 auto; 
	margin-bottom:3px;
}

.formitem input{
	width:100%; 
	font-size:25px;
}

.formitem input[type=checkbox]{
	width:auto; 
	font-size:25px;
}

.formitem select{
	font-size:25px;
}

.formitem textarea{
	resize:none; 
	width:100%; 
	height:180px;
}

form input[type=submit]{
	margin:0 auto; 
	height:40px; 
	width:100%; 
	background-color:#1b5e20; 
	color:white; 
	font-size:25px; 
	font-family:Verdana, sans-serif; 
	line-height:40px; 
	margin-top:10px; 
	margin-bottom:10px; 
	cursor:pointer; 
	border:0px;
}

#logo{
	font-size:44px;
	font-weight:bold;
}

@media print{
	.media-print{
		display:block;
	}
	
	.media-no-print{
		display:none !important;
	}
	
	html,body{
		height:auto;
	}
	
	h1,#recipe-author{
		text-align:center !important;
	}
	
	a{
		color:#000;
	}
	
	#urldisplay{
		font-size:12px;
		border-top:1px #000 solid; 
		text-align:center; 
		margin-top:20px; 
		padding-top:5px;
	}
	
	#content{
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		min-height:0px;
	}
}

@media screen{
	.media-print{
		display:none;
	}
	
	.media-no-print{
		display:block;
	}
	
	#headercontainer{
		padding-top:15px;
		padding-bottom:15px;
		width:100%; 
		text-align:center;
		background-color:#ff7500;
		color:#FFF;
		position:fixed; 
		top:0px; 
		left:0px;
		z-index:1000;
	}
}

#menu-icon {
	display:none;
}

@media (max-width: 910px) {
	#headerlinkcontainer {
		display:none;
	}
	
	#menu-icon {
		cursor: pointer;
		position: fixed;
		top: 10px;
		right: 10px;
		z-index: 1000;
		display: block;
		height: 53px;
		width: 40px;
		position: fixed;
		right: 10px;
		top: 12px;
		filter: brightness(0) invert(1);
		line-height: 50px;
		font-size: 44px;
	}
	
	#header .link{	
		margin:0;
		padding:10px;
		min-height:28px;
		font-size:14px;
		display:block;
	}
	
	#content{
		padding-top:72px;
	}
	
	#logo{
		font-size:36px;
	}
	
	#logo-container{
		margin-bottom:0 !important;
	}
}

@media (max-width: 400px) {
	#logo{
		font-size:30px;
	}
}

/* Footer ANFANG*/
footer {
	width:100%; 
	background-color:#ff7500; 
	
	color:#FFF;
	border-top:1px #CACACA solid; 
	font-size:11px;
	position:relative; 
	margin:0 auto;
	text-align:center;
	padding-top: 15px;
	padding-bottom: 15px;
}

footer ul {
	list-style:none; 
	margin: 0;
    padding: 10px;
}

footer ul li {
	display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

footer ul li ul{
	list-style:none; 
	margin-top:15px; 
	display:block;
	color:#FFF;
}

footer a{
	color:#FFF;
}

footer #copyright {
	margin-top: 10px;
    margin-bottom: 20px;
    color: #fff;
}

footer #copyright:before {
	content:"© 2025-2026 by schulferien.nrw";
}

#footer-social-box-container{
	text-align:center;
}

.footer-social-box{
	display:inline-block;
	width:20px;
	height:20px;
	margin:20px;
	text-decoration:none;
	color:#000;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	filter: brightness(0) invert(1);
}

#footer-social-box-facebook{
	background-image:url('/src/images/facebook.png');
}

#footer-social-box-instagram{
	background-image:url('/src/images/instagram.png');
}

#footer-social-box-pinterest{
	background-image:url('/src/images/pinterest.png');
}

@media (max-width: 910px) {
	footer ul {
		padding:0;
	}
	
	footer ul li {
		display:block;
		text-align:center;
		margin-top:10px;
		margin-bottom:10px;
	}
	
	footer ul li a {
		margin:0;
		padding:10px;
		min-height:28px;
		font-size:14px;
		display:block;
	}
}
/* Footer ENDE*/