.dev * {
    border:1px dashed cyan !important;
}

.animated {	animation-duration: 1s;	animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; }

.fadeIn { opacity: 0; animation-name: fadeIn; -webkit-animation-name: fadeIn; }
@keyframes fadeIn { from { opacity: 0; } to {  opacity: 1; } }
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.fadeOut { opacity: 1; animation-name: fadeOut; -webkit-animation-name: fadeOut; }
@keyframes fadeOut { from { opacity: 1; } to {  opacity: 0; } }
@-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }

.fadeInUp { opacity: 0;	animation-name: fadeInUp; -webkit-animation-name: fadeInUp; }
@keyframes fadeInUp { from { transform: translate3d(0, 40px, 0); } to { transform: translate3d(0, 0, 0); opacity: 1; } }
@-webkit-keyframes fadeInUp { from { transform: translate3d(0, 40px, 0); } to {	transform: translate3d(0, 0, 0); opacity: 1; } }

html {
	scroll-behavior: smooth;
}

.frmField {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}

.cookies-message {
	position: fixed;
	left: 0;
	bottom: 0.5rem;
	width: 100vw;
}
.cookies-message .box {
	border-radius: 1.0rem;
}

/*
input[type="radio"] {
}
*/

/*
.nittro-flash 
.nittro-flash-inline 
.nittro-flash-is-danger
*/

.fixed-flashes {
	position: fixed;
	bottom: 2.0rem;
	left: 0;
	z-index: 10;
	width: 100vw;
	text-align: center;
}
.fixed-flashes-inner {
	margin: 0 auto;
	text-align: center;
	width: 40vw;
}
.fixed-flashes-inner p {
	border-radius: 1.5rem;
	text-align: center;
}

/*
.fixed-flashes p {
	display: inline-block !important;
	border-radius: 1.0rem;
	text-align: center;
}
.nittro-flash {
	display: inline-block !important;
	border-radius: 1.5rem;
	text-align: center;
}
.nittro-flash {
	display: inline-block !important;
}
.nittro-flash-inline {
	display: inline-block !important;
	border-radius: 1.5rem;
	text-align: center;
}
*/

.bg-green {
	background: #b1c5b1;
}
.bg-orange {
	background: #e0d6c8;
}
.bg-orange-dark {
	background: #d3c6b4;
}
.bg-red {
	background: #9b6964;
}
.bg-red-light {
	background: #bf8f8e;
}

button.is-medium {
	border-radius: 1.5rem;
}

.call-action {
	background: #bf8f8e;
	color: #ffffff;
	position: fixed;
	z-index: 10;
	top: 50%;
	left: 0;
	writing-mode: vertical-rl;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	border-radius: 0.5rem 0 0 0.5rem;
}
.reserve-action {
	position: fixed;
	z-index: 10;
	top: 50%;
	right: 0;
	background: #9ab6a5;
	color: #ffffff;
	writing-mode: vertical-lr;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	border-radius: 0 0.5rem 0.5rem 0;
}
.navbar-item, .title-xxl, .title-xl, .font {
	font-family: 'Dunkin';
}

.map iframe {
	height: 250px;
	width: 90%;
	border: 6px solid #9b6964;
	border-radius: 1.0rem;
}

.wrap-hard {
	word-wrap: break-word;
	word-break: keep-all;
}

.wrap-all,
.table-container .table,
.table-container .table tr td {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}



.title-xl {
    font-size:1rem !important;
}
.title-xxl {
    font-size:1.4rem;
}
.title-xxxl {
    font-size:2.5rem;
}
/* Big title in main hero */
@media only screen and (min-width: 480px) {
    .title-xl {
        font-size:1.5rem !important;
    }
    .title-xxl {
        font-size:1.0rem;
    }
    .title-xxxl {
        font-size:4.0rem;
    }
}
@media only screen and (min-width: 640px) {
    .title-xl {
        font-size:2rem !important;
    }
    .title-xxl {
        font-size:2.0rem;
    }
    .title-xxxl {
        font-size:7.0rem;
    }
}
@media only screen and (min-width: 768px) {
    .title-xl {
        font-size:2.5rem !important;
    }
    .title-xxl {
        font-size:3.0rem;
    }
    .title-xxxl {
        font-size:8.0rem;
    }
}
@media only screen and (min-width: 960px) {
    .title-xl {
        font-size:2.8rem !important;
    }
    .title-xxl {
        font-size:4.0rem;
    }
    .title-xxxl {
        font-size:9.0rem;
    }
}
@media only screen and (min-width: 1440px) {
    .title-xl {
        font-size:2.8rem !important;
    }
    .title-xxl {
        font-size:5.0rem;
    }
    .title-xxxl {
        font-size:10.0rem;
    }
}


footer {
	background: #9b6964;
	/*be928b*/
}

.call-action:hover, .reserve-action:hover {
	color: #f0f0f0;
}
.navbar, .navbar .is-active {
	background: #d2bcad;
	border-radius: 0 0 1.0rem 1.0rem;
}
.navbar.has-shadow {
	border-width: 0;
	box-shadow: none;
	/*box-shadow: 0 1px 0 0 #f5f5f5;*/
}

#kontakt .hero-body {
	border-radius: 1.5rem;
	background: #e6dfd5;
	color: #231f20;
}

/*

#reservierung .hero-body {
	border-radius: 1.5rem;
	background: #9ab6a; 
	color: #231f20;
}
*//*e6dfd5 b1c5b1*/
#reservierung a {
	background-color: #86a693;
	color: #231f20;
}
/*
#speisekarte .hero-body {
	border-radius: 1.5rem;
	background: #cad5ca;
	color: #231f20;
}*/
#speisekarte a {
	color: #231f20;
}
#kontakt {
	/*background: #9f1810;*/
}