@charset "utf-8";
/*
Theme Name: 51nullacht
Author:		Rico Floß, floss@51nullacht.de
Author URI: http://www.51nullacht.de/
Date:		2017-09
Client:		almoto
Project:	almoto
*/

.no-desktop,
#navigation .page_item_has_children .show-children { display: none !important; }

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

	.no-desktop { display: block !important; }

	img, iframe, object, audio,
	input, textarea, select, option,
	table,
	#header #header-inner,
	#footer .footer-navi,
	#breadcrumb .breadcrumb-navi,
	#content,
	#sidebar,
	#container { max-width: 100%; }

	#content,
	#sidebar { width: 100%; clear: both; float: none; }

	img { height: auto; }

	#sidebar .widget_children_pages,
	/* #sidebar, */
	#breadcrumb .breadcrumb-navi,
	#header .header-shadow { display: none; }

	/* header */
	#header { padding: 0 17px; }
	#header #header-inner { background-size: cover; }

	/* logo */
	#header .logo a { max-width: 220px; background-size: contain; }

	/* content */
	#content { margin-left: auto; margin-right: auto; padding: 0 17px; }
	#content .scroll-button { display: inline-block; }
	#content .booking-table { display: block; max-width: 500px; }

	/* tour list */
	#content .tour-list a { width: 48%; height: auto; margin-right: 2%; }
	#content .tour-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-wrap: wrap; -webkit-box-wrap: wrap; -ms-flexbox-wrap: wrap; flex-wrap: wrap; }
	#content .tour-list a img,
	#content .tour-list a .date,
	#content .tour-list a .headline { position: relative; top: auto; bottom: auto; }
	#content .tour-list a img { display: block; }
	#content .tour-list a .date,
	#content .tour-list a .headline { padding: .5rem; }
	#content .tour-list a .headline { min-height: 3rem; }

	/* sidebar */
	#sidebar { padding: 0 17px; margin-left: -1%; margin-right: -1%; }
	#sidebar > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-wrap: wrap; -webkit-box-wrap: wrap; -ms-flexbox-wrap: wrap; flex-wrap: wrap; }
	#sidebar .box { width: 48%; margin: 1%; float: left; }

	/* footer */
	#footer { margin: 0; background-size: contain; }
	#footer .footer-navi { margin-bottom: 2rem; }

	/* toggle button */
	.na5108almoto_add_to_wishlist,
	.toggle-button {
		margin: 1rem 17px; padding: 0 .75rem 0 .5rem; height: 2rem; width: auto;
		background-color: #fff; color: currentColor; line-height: 2rem; text-align: center; font-size: 1rem; border:none;
		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75); box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
		-webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem;
	}
	.toggle-button span { display: inline-block; width: 2rem; font-size: 1.5rem; font-weight: 700; vertical-align: top; }
	.toggle-button.active span:before { content: '⨯' !important; }

	/* toggle button: info */
	/* .toggle-button.info { display: block; margin-left: 0; float: left; } */
	.toggle-button.info span:before { content: 'ℹ'; }
	.toggle-button.lines span:before { content: '📑'; }
	.toggle-button.tourcalendar span:before { content: '🗓'; }
	.toggle-button.navigation span:before { content: '⠇'; }
	.toggle-button.shop span:before { content: '🛒'; }

	button.na5108almoto_add_to_wishlist { padding-right: 0.5rem; }

	/* sidebar */
	#content #sidebar { padding-left: 0; padding-right: 0; }

	/* team */
	#content .list-content-container.type-team-mitglied .hentry { width: 230px; }

	/* navi */
	#navigation > ul > li.page-item-38 { padding-left: 0; }
	#navigation > ul > li > a { padding: 17px 5px; }

}

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

	/* toggle button */
	.respo-buttons { text-align: right; }
	.respo-buttons .toggle-button { display: inline-block; margin: 10px 5px; }
	.respo-buttons .toggle-button.navigation { float: left; color: #fff; background-color: #FF9900; margin-left: 17px; }
	/* .toggle-button.lines { display: inline-block; margin: 10px 5px; } */
	/* .toggle-button.shop { display: inline-block; margin: 10px 5px; } */
	.respo-buttons .toggle-button.tourcalendar { margin-right: 17px; }

	/* header: calendar */
	#header .sidebar-header { clear: both; position: relative; z-index: +1; }
	#header .box { border: none; }
	#header .calendar { max-width: 100%; margin: .5rem 0; }
	#header .calendar .box-content,
	#header .calendar .box-headline { display: none; clear: both; }

	/* navigation */
	#navigation { display: none; height: auto; background-image: none; }
	#navigation ul,
	#navigation ul.children,
	#navigation ul li,
	#navigation ul li a	{ float: none; clear: both; }

	#navigation ul li.page-item-38 { padding-left: 0; }

	#navigation ul li:hover ul { display: none; } /* don't show on hover */
	#navigation ul li.current_page_item:hover ul,
	#navigation ul:hover li.current_page_ancestor ul,
	#navigation ul:hover li.current_page_parent ul,
	#navigation ul:hover li.current_page_item ul { display: block; } /* but show current */
	#navigation ul li:hover ul,
	#navigation .current_page_ancestor ul,
	#navigation .current_page_item ul,
	#navigation ul.children { position: relative; left: auto; bottom: auto; top: auto; min-width: auto; width: 100%; }
	#navigation ul.children a { padding-top: .5rem; padding-bottom: .5rem; }

	#navigation .page_item_has_children .show-children { display: block !important; background-color: #fff; color: #0863AC; position: absolute; right: .25rem; top: .25rem; padding: .25rem .25rem .25rem .5rem; border: 1px solid #0863AC; }

	/* breadcrumb */
	#breadcrumb #searchform { width: 100%; background-image: none; background-color: #fff; margin-top: .5rem; position: relative; }
	#breadcrumb #searchform input#searchword { width: 100%; padding-right: 2rem; }
	#breadcrumb #searchform input#searchsubmit { position: absolute; right: 0; top: 0; }

	/* shop */
	.na5108easy_shop-cart-widget-container { float: none; width: 100%; }

}

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

	/* content */
	#content .content-gallery { float: none; clear: both; margin-left: -1rem; }

	/* other */
	a.na5108almoto_remove_from_wishlist { font-size: 1rem; margin-left: 1rem; }

	/* toggle button */
	.toggle-button:not(.navigation) { font-size: .85rem; padding: 0 .25rem; }
	.toggle-button span { font-size: 1rem; width: 1.5rem; }

	/* form */
	form .col-1-of-2,
	form .col-2-of-2,
	form [class*="col-"] { width: 100% !important; float: none; margin-left: 0; margin-right: 0; }
	form label { text-align: left; }
	form label.wide { width: auto; }

	/* booking table */
	#buchungsform .at_booking_table { padding: 1px 1rem; }

	/* indi */
	.parent-pageid-38 #content table { width: 100%; }
	.parent-pageid-38 #content table tr,
	.parent-pageid-38 #content table td { display: block; width: 100%; }

	/* shop */
	.na5108easy_shop .col-xs-push-1 { left: auto; }
	.na5108easy_shop [class*="col-"] { margin-bottom: .25rem; }
	.na5108easy_shop .right { text-align: left; }

}

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

	/* header */
	#header { height: auto; }

	/* tour list */
	#content .tour-list a { width: 100%; margin-right: 0; clear: both; float: none; }

	/* sidebar */
	#sidebar .box { width: 98%; margin: 1%; float: none; clear: both }

	/* toggle button */
	.toggle-button:not(.navigation) span { display: none; }

}

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

	/* images */
	#content img[class*="wp-image-"] { clear: both; float: none !important; display: block; }

	/* header */
	#header .calendar { width: 100%; }

	/* form */
	form label,
	.filter-container .filter-item { clear: both; float: none; width: auto; }
	.filter-container .filter-item { margin-bottom: .5rem; }
}