/***** GLOBALS *****/
:root {
	--global-color-bcakground: #FFFFFF;
	
    /* GLOBALS */
	--global-color-text: #4C4C4C;
	--global-color-text-light: #FFFFFF;
	--global-color-caption: #2a2a2a;
    --global-color-accent1: #2a2a2a;/*#ffd1dc;*/
    --global-color-accent2: #2a2a2a; /*#c08593;*/
    --global-hover-color: #ff96af; /*#6f001b;*/
    --global-focus-color: #FFFFFF; /*darkred;*/
    
    /* NAVBAR */
    --navbar-brand-caption-color: var(--global-color-text-light);
    --navbar-bg-color: var(--global-color-accent1);
    --navbar-hover-color: var(--global-hover-color);
    --navbar-focus-color: var(--global-focus-color);
	--navbar-text-color: #FFFFFF;
    
    /* FOOTER */
    --footer-bg-color: #4C4C4C;
    --footer-text-color: var(--footer-imprint-text-color);

    /* FOOTER-IMPRINT */
    --footer-imprint-text-color: #AFAFAF;
}

/***** BOOTSTRAP OVERRIDES *****/
/* .container { 
	max-width: 1340px; 
}*/
.card-body {
	padding: 0px;
}

.bg-dark {
    background-color: var(--navbar-bg-color) !important;
}

.btn-primary  {
    color: var(--global-color-text-light);
    background-color: var(--global-color-accent1);
	border-color: var(--global-focus-color);
	border: 0px;
}
.btn-primary:hover {
    color: var(--global-hover-color);
    background-color: var(--global-color-accent1);
	border-color: var(--global-focus-color);
	border: 0px;
}

.btn-primary:disabled  {
    color: white;
    background-color: lightgray;
	border: 0px;
}

.bd-callout {
	padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    /* border-radius: .25rem; */
}

.bd-callout-warning {
    border-left-color: #f0ad4e;
  background-color: #ffffe0;
}

.bd-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}

/***** MAIN *****/

html {
    scroll-behavior: smooth;
}

body { 
	margin:0 auto; 
	padding:0; 
	font-family: var(--font-family-sans-serif);
	/* Fallback font-family could be: verdana, arial, helvetica, sans-serif;  */
	font-size: 1em; 
	color: var(--global-color-text);
	background-color: var(--global-color-bcakground);
    line-height: 26px;
    text-align: left;
}

strong { 
	font-weight: 600; 
}

a {
	color: var(--global-color-text);
    text-decoration: underline;
}

a.dark {
    color: var(--global-color-text-light);
}

a:hover, a:focus {
    color: var(--global-hover-color);
    text-decoration: none;
    transition: all 0s;
}

h1, h2, h3 {
	color: var(--global-color-caption);
    font-family: 'Montserrat', sans-serif;	
    font-weight: 600;
}

h1 {
	font-size: 24px;
    margin-top: 1.25em;
    margin-bottom: 20px;
}

h2 {
	font-size: 22px; 
    margin-top: 30px;
    margin-bottom: 10px;
    border-left: 5px solid var(--global-hover-color);
    padding-left: 6px;
}

h3 {
	font-size: 18px; 
}

.bulleticon {
	color: var(--global-hover-color);
}

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}

.icon-color {
    color: #4f4f4f;
}

.icon-color-light {
	color: var(--global-color-accent1);
}

.icon-color-dark {
	color: #4f4f4f;
}

/* This span is used for anchors on a single page to make the caption visible when jumping to the span.*/
span.anchor {
    margin-top: -80px; /* height of nav, in this case 54px */
    display: block;
    height: 80px; /* height of nav, in this case 54px */
    visibility: hidden;
    position: relative;
}

input[type="text"]:disabled {
    background: #dddddd;
  }
  
/***** TOP MENU *****/
 .navbar {
    backface-visibility: hidden;
}
 
.navbar.navbar-no-bg {
	background-color: var(--navbar-bg-color);
}
 
.navbar-dark .navbar-nav {
    /* font-size: 15px; */
    font-weight: 100;
}
 
.navbar-dark .navbar-nav .nav-link {
    color: var(--navbar-text-color);
    border: 0;
}
 
.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--navbar-hover-color);
}
 
.navbar-dark .navbar-nav .nav-link:focus {
    color: var(--navbar-focus-color);
    outline: 0;
}
 
.navbar-expand-md .navbar-nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
}
 
.navbar-brand {
    width: 128px;
	height: 80px;
    background: url(../img/logo_pink2.png) left center no-repeat;
    border: 0;
    text-indent: -9999px; /* 170px; */
	/* color: #F8C92B; */
    margin-right: 0;
}

.navbar-brand-caption {
	font-size: 1.25em;
    color: var(--navbar-brand-caption-color);
    margin-left: 0.5em;
}

/***** TOP CONTENT *****/ 
.top-content {
    /* use height of menu row with log */
    padding-top: 56px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
 
.top-content .text {
    color: #fff;
}
 
.top-content .text h1 {
    margin-top: 25px;
    color: #fff;
}
 
.top-content .description {
    margin: 30px 0 10px 0;
}
 
.top-content .description p {
    opacity: 0.8;
}
 
.top-content .top-big-link {
    margin-top: 45px;
}

/***** FOOTER *****/
.footer-main {
    background-color: var(--footer-bg-color) !important;
    color: var(--footer-text-color);
}

.footer-main h3 {
    color: var(--footer-text-color);
}

.footer-main a,
.footer-main a:visited {
    color: var(--footer-text-color);
}

.footer-main a:hover,
.footer-main a:focus{
	color: var(--global-hover-color);
}

/***** FOOTER IMPRINT *****/

.footer-imprint {
    background-color: var(--navbar-bg-color) !important;
}

.footer-imprint-text {
	color: var(--footer-imprint-text-color);
	text-align: center;
	padding-top: 6px;
}

.footer-imprint a,
.footer-imprint a:visited {
	color: var(--footer-imprint-text-color);
}

.footer-imprint a:hover,
.footer-imprint a:focus{
	color: var(--global-hover-color);
}

/***** SERVICES *****/

.services-box {
    padding-top: 30px;
    text-align: left;
}
 
/* .services-box .services-box-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    font-size: 40px;
    color: #fff;
    line-height: 80px;
    text-align: center;
    border-radius: 28px;    
	background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}

.services-box h3 {
    margin-top: 0;
    padding: 0 0 10px 0;
} */

/***** OPENING TIMES *****/
.opening-times {
	line-height: 22px;
    font-size: 0.9em;
}

.opening-times h2 {
    margin-top: 20px;
}

.opening-times .opening-times-icon {
    width: 24px;
    height: 24px;
    margin: 0 auto;
}

.opening-times-break {
    margin-top: 10px;
}

.opening-times-contact {
    padding-top: 20px;
}

/***** MAPS *****/
.map-responsive {
	overflow:hidden;
    padding-bottom:20%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/***** CONTACT *****/
.contact-card {
	 border: 0px;
}

.contact-input {
	 padding: 10px 0px;
}

/***** TEAM *****/
.single-team .inner {
    text-align: left;
	/* margin-bottom: 35px; */
	border: 0px solid #e5eaf0;
	padding: 5px 5px 0px;
}

.single-team .inner .team-img {
	/* position: relative; */
	/* max-height: 100px; */
}

.single-team .inner .team-img .img {
	max-height: 360px;
	max-width: 240px;
}

.single-team .inner .team-img img {
	width: 100%;
}

.single-team .inner .team-img::after {
	content: "";
	/* position: absolute; */
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
}

.single-team .inner .team-img:hover::after {
	opacity: 0.4;
}

.single-team .inner .team-content {
	padding: 22px 0px 0px;
}

.single-team .inner .team-content h4 {
	font-size: 18px;
	font-weight: 400;
	text-align: left;
}

.single-team .inner .team-content h5 {
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0.5px;
	/* color: #7d91aa; */
	text-align: left;
}

.single-team .inner .team-content li  {
	text-align: left;
}

.single-team .inner .team-content a {
	display: inline-block;
	padding: 2px;
	margin: 0 3px;
	font-size: 16px;
}

.team-social {
	background: #f3f6fa;
	width: 50%;
	padding-top: 4px;
	margin: auto;
	border-radius: 15px 15px 0px 0px;
	margin-top: 17px;
}