/* bootsrtap missing paddings */
.p-0 {
 padding:0 !important
}
.p-1 {
 padding:0.25rem !important
}
.p-2 {
 padding:0.5rem !important
}
.p-3 {
 padding:1rem !important
}
.p-4 {
 padding:1.5rem !important
}
.p-5 {
 padding:3rem !important
}
.p-6 {
 padding:4.5rem !important
}
.p-7 {
 padding:6rem !important
}
.p-8 {
 padding:7.5rem !important
}
.px-0 {
 padding-right:0 !important;
 padding-left:0 !important
}
.px-1 {
 padding-right:0.25rem !important;
 padding-left:0.25rem !important
}
.px-2 {
 padding-right:0.5rem !important;
 padding-left:0.5rem !important
}
.px-3 {
 padding-right:1rem !important;
 padding-left:1rem !important
}
.px-4 {
 padding-right:1.5rem !important;
 padding-left:1.5rem !important
}
.px-5 {
 padding-right:3rem !important;
 padding-left:3rem !important
}
.px-6 {
 padding-right:4.5rem !important;
 padding-left:4.5rem !important
}
.px-7 {
 padding-right:6rem !important;
 padding-left:6rem !important
}
.px-8 {
 padding-right:7.5rem !important;
 padding-left:7.5rem !important
}
.py-0 {
 padding-top:0 !important;
 padding-bottom:0 !important
}
.py-1 {
 padding-top:0.25rem !important;
 padding-bottom:0.25rem !important
}
.py-2 {
 padding-top:0.5rem !important;
 padding-bottom:0.5rem !important
}
.py-3 {
 padding-top:1rem !important;
 padding-bottom:1rem !important
}
.py-4 {
 padding-top:1.5rem !important;
 padding-bottom:1.5rem !important
}
.py-5 {
 padding-top:3rem !important;
 padding-bottom:3rem !important
}
.py-6 {
 padding-top:4.5rem !important;
 padding-bottom:4.5rem !important
}
.py-7 {
 padding-top:6rem !important;
 padding-bottom:6rem !important
}
.py-8 {
 padding-top:7.5rem !important;
 padding-bottom:7.5rem !important
}
.pt-0 {
 padding-top:0 !important
}
.pt-1 {
 padding-top:0.25rem !important
}
.pt-2 {
 padding-top:0.5rem !important
}
.pt-3 {
 padding-top:1rem !important
}
.pt-4 {
 padding-top:1.5rem !important
}
.pt-5 {
 padding-top:3rem !important
}
.pt-6 {
 padding-top:4.5rem !important
}
.pt-7 {
 padding-top:6rem !important
}
.pt-8 {
 padding-top:7.5rem !important
}
.pe-0 {
 padding-right:0 !important
}
.pe-1 {
 padding-right:0.25rem !important
}
.pe-2 {
 padding-right:0.5rem !important
}
.pe-3 {
 padding-right:1rem !important
}
.pe-4 {
 padding-right:1.5rem !important
}
.pe-5 {
 padding-right:3rem !important
}
.pe-6 {
 padding-right:4.5rem !important
}
.pe-7 {
 padding-right:6rem !important
}
.pe-8 {
 padding-right:7.5rem !important
}
.pb-0 {
 padding-bottom:0 !important
}
.pb-1 {
 padding-bottom:0.25rem !important
}
.pb-2 {
 padding-bottom:0.5rem !important
}
.pb-3 {
 padding-bottom:1rem !important
}
.pb-4 {
 padding-bottom:1.5rem !important
}
.pb-5 {
 padding-bottom:3rem !important
}
.pb-6 {
 padding-bottom:4.5rem !important
}
.pb-7 {
 padding-bottom:6rem !important
}
.pb-8 {
 padding-bottom:7.5rem !important
}
.ps-0 {
 padding-left:0 !important
}
.ps-1 {
 padding-left:0.25rem !important
}
.ps-2 {
 padding-left:0.5rem !important
}
.ps-3 {
 padding-left:1rem !important
}
.ps-4 {
 padding-left:1.5rem !important
}
.ps-5 {
 padding-left:3rem !important
}
.ps-6 {
 padding-left:4.5rem !important
}
.ps-7 {
 padding-left:6rem !important
}
.ps-8 {
 padding-left:7.5rem !important
}
/**/


/* style for new design */


/* additional styles - not in original */

.kamp_logo 
{
	max-width: none;
	max-height: none;
}

@media (max-width: 1199.98px) 
{
	.navbar .nav-link:hover
{	
	background-color: var(--brown-light-op05) !important;
}

	ul.navbar-nav
	{
		margin-left: 0px;
	}
}

/* standard woo cart */
.navbar-nav .wc-menu-item
{
	display:flex;
	align-items: center;
}

#wc-mini-cart {
  align-self: start;
  margin-top: 2em;
}

.wc-mini-cart 
{  
  right: auto;
}

.woocommerce .legal
{
	background-color: transparent;
}


#navigation-top button:hover,
#navigation-top button:focus
{
	background-color: transparent !important;
}

#navigation-top button
{
	border: 1px solid var(--primary) !important;
	border-radius: 5px !important;
}

.wc-menu-item span 
{
	font-size: 1.15rem;
	font-weight: bold;
}

.nav-cart
{
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	border: 1px solid var(--primary);
	text-align: center;
}


.cart-contents-count span.amount  
{
	font-size: 1.15rem;
	font-weight: bold;
	margin-right:0.5em;
}

a.cart-contents .amount:before
{
	content: "\f07a";
	display: inline-block;
	font-family: "GP Premium";
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin-right: 0.5em;
}

header p
{
	margin: 0;
}

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header
{
	background: var(--header-bg);
}

.business-hours ul
{
	margin-left: 0px;
}

.footer .text-white a, 
.footer .text-white a:hover, 
.footer .text-white a:focus,
.footer .text-white a:active,
.footer .text-white a:visited 
{
  color: var(--bs-white) !important;
}

.footer h4
{
  font-size: 1.875em;
}

@media (max-width: 767.98px) 
{
	.footer .legal a
	{
		display:block;
		width: 100%;	
	}
}

/* from original page */

:root
{
	--primary: #413221;
	--primary-darker: #645440;
	--primaray-light: #74644f;
	--primary-lighter: #978770;	
	--brown-light: #A6967D;
	--brown-light-op05: rgba(166, 150, 125, 0.5);
	--yellow: #FFCC00;
	--yellow-light: #FFE57F;
	--header-bg: #EDEAE5;
}

.display-7
{
	font-size: 1.9rem;
}

.display-8
{
	font-size: 1.5rem;
}

.display-9
{
	font-size: 0.8rem;
}

a.navlink {
	padding: 5px 1rem !important;
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 1200px) {
	.fixed-top .nav_kamp_logo {
		display: none; /* inline-block !important; */
	}
}

.nav_kamp_logo {
	max-height: 100px;
	margin-left: 20px;
}

.kamp_logo {
	height: 200px;
	width: 200px;
}

.navbar.fixed-top {
	box-shadow: 0 6px 6px -4px rgba(0, 0, 0, .5) !important;
}

.header {
	background-color: rgba(255, 255, 255, 0.3);
}

.headline-day {
	text-shadow: 2px 2px 4px #d0d0d0;
	color: #413221;
	font-weight: bold;
}

.headline-night {
	text-shadow: 2px 2px 4px #000;
	color: #fff;
	font-weight: bold;
}

/* ***********************  Schriftzug ALTES GATHAUS KAMP *********************************** */

.kamp_head_logo {
	text-decoration: none;
	font-weight: bold;
	max-width: 100%;
}

a.kamp_head_logo,
a:link.kamp_head_logo,
a:visited.kamp_head_logo,
a:active.kamp_head_logo {
	text-shadow: 2px 2px 4px #000000;
	color: #413221;
	text-decoration: none;
}

a.kamp_head_logo p {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

a:hover.kamp_head_logo p {
	margin-left: -2px;
	margin-top: -2px;
	padding-right: 2px;
	padding-bottom: 2px;
	text-shadow: 2px 2px 4px #000000;
	/* color: #6B5136;*/
}

.kamp_head_logo p {
	font-family: kampFont;
	font-size: 5em;
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	.kamp_head_logo p {
		font-size: 4em;
	}
}

	/* Medium devices (tablets, less than 992px) */
	@media (max-width: 991.98px) {
		.kamp_head_logo {
			flex-direction: column;
		}

		.kamp_head_logo p {
			font-size: 3em;
		}
	}

	/* Small devices (landscape phones, less than 768px) */
	@media (max-width: 767.98px) {
		.kamp_head_logo p {
			font-size: 2em;
		}
	}


	/* X-Small devices (portrait phones, less than 576px) */
	@media (max-width: 575.98px) {
		.kamp_head_logo p {
			font-size: 1.5em;
		}
	}

	/* *********************** Schriftzug ALTES GATHAUS KAMP in Navigation *************************** */

	.nav_kamp_text {
		font-family: kampFont;
		font-size: 3em;
		color: #413221;
		text-shadow: 1px 1px 2px #000000;
	}

	.fixed-top .nav_kamp_text {
		font-size: 1em;
		line-height: 1;
		margin-top: 0.25em;
	}

	/* Medium devices (tablets, less than 992px) */
	@media (max-width: 992px) {
		.navbar-toggler {
			height: 50px;
		}

		.nav_kamp_text {
			font-size: 2.5em;
			text-shadow: 1px 1px 2px #000000;
		}

		.nav_kamp_text {
			font-size: 1.75em;
			text-shadow: 1px 1px 2px #000000;
		}
	}

	/* Small devices (landscape phones, less than 768px) */
	@media (max-width: 767.98px) {
		.nav_kamp_text {
			font-size: 1.25em;
			text-shadow: 1px 1px 2px #000000;
		}
	}

	/* X-Small devices (portrait phones, less than 576px) */

	@media (max-width: 575.98px) {
		.navbar-toggler {
			padding: 0.25rem 0.5rem;
		}

		.navbar-brand {
			margin: 0px;
		}

		.nav_kamp_text {
			font-size: 0.95em;
			line-height: 1;
			margin-top: 0.25em;
			color: #413221;
			text-shadow: 1px 1px 2px #000000;
		}

		.fixed-top .nav_kamp_text {
			font-size: 0.95em;
		}
	}


	/* ***********************  HAMBURGER ICON  ***************************************************** */

	/* Define the shape and color of the hamburger lines */
	.navbar-toggler span {
		display: block;
		background-color: #000;
		height: 3px;
		width: 25px;
		margin-top: 5px;
		margin-bottom: 5px;
		position: relative;
		left: 0;
		opacity: 1;
		transition: all 0.35s ease-out;
		transform-origin: center left;
	}


	/* top line needs a little padding * /
	.navbar-toggler span:nth-child(1) {
		margin-top: 0.3em;
	}

	/**
 * Animate collapse into X.
 */

	/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button * /
	.navbar-toggler span:nth-child(1) {
		transform: translate(15%, -33%) rotate(45deg);
	}

	/* center line goes transparent * /
	.navbar-toggler span:nth-child(2) {
		opacity: 0;
	}

	/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  * /
	.navbar-toggler span:nth-child(3) {
		transform: translate(15%, 33%) rotate(-45deg);
	}

	/**
 * Animate collapse open into hamburger menu
 */

	/* top line moves back to initial position and rotates back to 0 degrees * /
	.navbar-toggler.collapsed span:nth-child(1) {
		transform: translate(0%, 0%) rotate(0deg);
	}

	/* middle line goes back to regular color and opacity * /
	.navbar-toggler.collapsed span:nth-child(2) {
		opacity: 1;
	}

	/* bottom line goes back to initial position and rotates back to 0 degrees * /
	.navbar-toggler.collapsed span:nth-child(3) {
		transform: translate(0%, 0%) rotate(0deg);
	}

	/* ***********************  ENDE HAMBURGER ICON  *********************************** */

	.nav_bar_search {
		display: none;
	}
	
/* additional navigation settings */
	
#lc-header, #navigation-top
{
	background-color: var(--header-bg);
}

/* the yellow  "Kamp"-Button */
.btn-kamp {
	background-color: var(--yellow);
	color: var(--primary);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	font-size: 1em;
}

.btn-kamp a,
.btn-kamp i {
	color: var(--primary);
	text-decoration: none;
}

.btn-kamp:hover {
	background-color: var(--yellow-light);
	border-color: var(--yellow);
}

// navigation
// 
.navbar-toggler
{
	border: 1px solid var(--primary) !important;
	border-radius: 5px !important;
}

.nav-contact
{
	width: 45px;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	border: 1px solid var(--primary);
	text-align: center;
}

.nav-contact a,
.nav-contact a.nav-link:focus,
.nav-contact a.nav-link:active,
.nav-contact a.nav-link:visited,	
.nav-contact i
{
	color: var(--primary);
	font-size: 1.25rem;
}

.nav-contact i
{
	margin-left: 0.5em;
}

.nav-item i
{
	min-width: 1.25em;
	text-align:center;
}

.nav-item a:hover
{
	text-decoration: none;
}

a.nav-link
{
	font-size: 1.15rem;
	font-weight: bold;
	position: relative;
	color: var(--primary) !important;
	padding: 5px 1rem !important;
	text-align: center;
}

@media (max-width: 1199.98px) 
{
	a.nav-link
	{
		text-align: left;
	}
}

a.dropdown-item
{
	color: var(--primary) !important;
}

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) 
{
	a.nav-link
	{	
		font-size: 1.5rem;
		padding: 5px 1.25rem !important;
	}	
}

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) 
{
	.navbar a.nav-link,
	.navbar a.nav-link:focus,
	.navbar a.nav-link:active,
	.navbar a.nav-link:visited
	{
		font-size: 1.25rem;
		padding: 10px 2rem !important;
		text-align: left;
	}
}

.navbar a.nav-link,
.navbar a.nav-link:focus,
.navbar a.nav-link:active,
.navbar a.nav-link:visited
{
	color: var(--primary) !important;
	transition: 0.4s;
}

ul.dropdown-menu
{
	background-color: var(--header-bg) !important;
}

.dropdown-item
{
	font-size: 1.25rem;
	font-weight: bold;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover 
{
	background-color: var(--brown-light) !important;
}

// animate underline on devices bigger than medium (tablets, less than 992px)
// round border

@media (max-width: 991.98px)
{
	.navbar a.nav-link:hover
	{	
		background-color: var(--brown-light-op05) !important;
	}
}

@media (min-width: 992px)
{
	.navbar a.nav-link,
	.navbar a.nav-link:focus,
	.navbar a.nav-link:active,
	.navbar a.nav-link:visited
	{
		border-radius: 5px;
	}

	.navbar a.nav-link:before {
	  content: '';
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 0%;
	  border-bottom: 4px solid var(--primaray-light);
	  transition: 0.4s;
	}

	.navbar a.nav-link:hover:before {
	  width: 100%;
	}
}
	
/* end additional navigation settings */
	
@font-face {
    font-family: kampFont;
    src: url(fonts/times-new-roman.ttf);
}

i
{
	margin-right: 0.6rem;
}


a,
a:hover,
a:focus,
a:active,
a:visited
{
	color: var(--primary-darker);
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}
	
	// special test usage settings 
.kamp-text
{
	
}

.kamp-text-yellow, 
.kamp-text-yellow a,
.kamp-text-yellow a:hover,
.kamp-text-yellow a:focus,
.kamp-text-yellow a:active,
.kamp-text-yellow a:visited
{
	color: var(--yellow) !important;
}

.kamp-text-brown, 
.kamp-text-brown a,
.kamp-text-brown a:hover,
.kamp-text-brown a:focus,
.kamp-text-brown a:active,
.kamp-text-brown a:visited
{
	color: var(--primary) !important;
}

.kamp-head1
{
	font-weight: bold;
	font-style: italic;
}

.kamp-head2
{
	font-weight: bold;
}

.bg-colored-kamp
{
	background-color: var(--brown-light);
}


/* FOOTER */

.footer
{
	border-top: 10px solid var(--primary-darker);
}

.footer .legal
{
	background-color: var(--primary-darker);
}

.legal a
{
	text-transform: uppercase;
}

/* Footer Widgets */
.business-hours .text-danger
{
	color: #b00 !important;
	font-weight: bold;
}

.business-hours .text-success
{
	color: #0f0 !important;
	font-weight: bold;
}

.business-hours .title,
.business-hours .subtitle 
{
    border-color: #FFCC00;
}

.business-hours .nextopen
{
    color: #FFCC00;
}

.business-hours .opening-hours li.today 
{
    color: #FFCC00;
}

.fischer-softwaredesign
{
	color: #336699;
	background-color: white;
	font-weight: bold;
}