body {
	color: white;
	background-color: #555555;
}
a {
	color: #225c90;
	text-decoration: none;
}
a:hover {
	color: #228cc0;
}
#main {
	margin-top: 2em;
}
.navbar {
	background-color: #225c90;
	color: white;
	padding: 0 2em;
}
.navbar .nav-link {
	color: white !important;
	text-transform: uppercase;
}
.navbar .nav-item {
	padding: 0.5em 2em;
	white-space: nowrap;
}
.menu {
    padding-bottom: 2em;
}
.menu ul {
	padding: 0;
	list-style: none;
}
.menu li {
	white-space: nowrap;
}
.menu li.category {
    margin-top: 1em;
	font-size: 1.5em;
	font-weight: bold;
}
#main h1 {
	text-transform: uppercase;
	margin-bottom: 0.3em;
	letter-spacing: 1px;
	line-height: 1.4em;
	font-size: 1.8em;
	font-weight: 400;
}
#highlights {
	background-color: #225c90;
	color: white;
	padding: 2em 0;
}
#highlights h1, #footer h1 {
	text-transform: uppercase;
	letter-spacing: 1px;
}
#highlights h3 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.25em;
}
#highlights img {
	border: 5px solid white;
}
#highlights header {
	padding-bottom: 2em;
}
#footer header {
	padding-top: 2em;
}
#wrapper {
	background-color: lightgreen;
	background-color: #f2f2f2;
	color: #555555;
}
.contact-icons a {
    color: white !important;
}
.contact-icons {
	font-size: 2em;
}
.contact-icons a {
	color: white;
	text-decoration: none;
	padding: 0 0.4em;
	opacity: 0.2;
}
.contact-icons a:hover {
	opacity: 0.7;
}
#footer .row {
	padding: 3em 0;
}
.fineprint {
	opacity: 0.2;
}
.fineprint a {
	color: white;
}
.fa {
	font-family: FontAwesome;
}
.portholes img {
	margin-bottom: 0.5em;
	margin-top: 2em;
}

p {
    margin-bottom: 1em;
}

#content h1, #content h2, #content h3 {
    margin-top: 1em;
}

#content {
    padding-bottom: 3em;
}


table.calendar {
    width: 100%;
}
table.calendar.small {
    width: auto;
    margin: 0.5ex;
}
table.calendar tr th{
    font-weight: bold;
}
table.calendar tr th, table.calendar tr td {
    border: thin solid black;
    padding: 2ex 2ex;
}
table.calendar.small tr th, table.calendar.small tr td {
    border: thin solid grey;
    padding: 2px 2px;
}
table.calendar.small tr.monthname {
    font-weight: bold;
}
table.calendar tr.footer td {
    border: none;
    padding: 1ex 0;
}
table.calendar tr.footer td.next {
    text-align: right;
}
table.calendar tr.footer td.prev {
    text-align: left;
}

#highlights img {
    width: 25ex;
}

#highlights a {
    color: white;
    text-decoration: none;
}
#highlights a:hover {
    text-decoration: underline;
}

#menu h3 {
    margin-bottom: 0;
    margin-top: 1em;
	font-size: 1.5em;
	font-weight: bold;
}

td.available {
    background-color: #009202;
}
td.in-range {
    background-color: #d0d002 !important;
}
td.off, td.off.booked {
    background-color: #ccc !important;
    text-decoration: none !important;
}
td.booked {
    background-color: #920002 !important;
    text-decoration: none !important;
}
div.daterangepicker {
    background-color: #eee !important;
}
div.calendar-table {
    background-color: #c5c5c5 !important;
}
.calendar th {
    color: #333 !important;
}
.daterangepicker td.week {
    color: #444 !important;
}

div.fineprint {
    position: absolute;
    right: 0;
}
a[href^="http://"], a[href^="https://"] {
	color: #225c30;
}
a[href^="https://www.villa-gockel.de"] {
	color: #225c90 !important;
}
a[href$="pdf"]:before{
    display: block;
    float: left;
    width: 20px;
    height: 16px;
    content: "";
	background: transparent url(/static/images/pdf_icon.png) no-repeat;
}

img {
    max-width: 100%;
}
img.logo {
    max-width: 90%;
}

#fancybox-wrap, #fancybox-content {
    box-sizing: content-box;
}

/*a.nav-link {
    margin: 1px;
}
a.nav-link:hover {
    margin: 0;
    border: 1px solid white;
    border-radius: 8px;
}*/

img[src^="/media/thumbs/images/Villa_Gockel_Sommer.jpg"] {
    border-radius: 1ex;
    box-shadow: 0.5ex 0.5ex 0.5ex grey;
}