/* CSS Document */

/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Roboto'), local('Roboto-Regular'),
	url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
	src: local('Roboto Medium'), local('Roboto-Medium'),
	url('../fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
	url('../fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Roboto Bold'), local('Roboto-Bold'),
	url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
	url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

body {
	font-family: 'Open Sans', sans-serif;
	color: rgba(87,87,87,1.00)
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
}

a:hover {
	text-decoration: none;
	color: rgb(225,0,3);
	}
	
hr {
    margin-top: 20px;
    margin-bottom: 50px;
}
	
.head-wrapper {
	position: relative;
	height: 600px;
	background-image: url(../images/Bearbeitet.jpg);
	background-position: center -50px
}
.logo-section {
	width: 100%;
	padding: 10px 0;
	position: absolute;
	top: 0px;
	background-color: rgba(225,0,3,0.7);
}
.header-info {
	margin: 0;
	padding: 3px 0px;
	color: white;
	text-align: right;
	font-weight: 500;
	font-size: 18px;
}
h3.header-info:first-child {
	padding-top: 12px;
}
.header-info a, .contact a {
	color: white;
	-webkit-transition: all 300ms ease; /* Firefox */
	-moz-transition: all 300ms ease; /* WebKit */
	-o-transition: all 300ms ease; /* Opera */
	transition: all 300ms ease; /* Standard */
}
.header-info a:hover {
	color: white;
	text-decoration: none;
	font-size: 19px
}

.map a{
	color: rgba(87,87,87,1.00)
	}
.open-times {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;

}

.open-times-holder {
    padding: 15px;
    color: white;
    background-color: rgba(87,87,87,0.8);
    border-left: 6px solid rgba(223,64,66,0.7);
}

.open-times-holder h3 {
	margin-top: 0;
	}

.open-times-holder p {
	margin-bottom: 0;
	}

#break {
	margin-top: 10px;
	}

a:hover i {
	 transform:rotateZ(40deg);
	}

.intro-heading {
    font-size: 40px;
    padding: 60px 0px 30px 0px;
	}

mark, .mark {
    padding: 0.2em .3em;
    background-color: #df4042;
    color: white;
}

.content {
	padding: 50px 0
	}

.contact {
	visibility: hidden;
	}

.lead-in-wrapper {
	background-color: rgba(247, 244, 244, 0.5);
	padding-bottom: 50px
	}

.lead-in-wrapper hr {
    margin-top: 60px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #d6d6d6;
	}
.content i {
    display: inline-block;
    padding: 25px;
    border: 4px solid #575757;
    border-radius: 50%;
    color: #df4042;
}

p.sup {
    font-size: 20px;
    text-align: center;
    color: #9e9e9e;
}

.map {
	margin-bottom:50px
	}

#map {
	height: 450px;
	}

.foot-info-wrapper {
	background-color: rgba(230, 230, 230, 0.5);
    color: grey;
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 20px;
}

.foot-info-wrapper a {
	color: grey 
	}
	
.foot-info-wrapper a:hover {
	color: rgb(225,0,3);
	}


	
.footer-logo {
    width: 75%;
	margin-bottom: 20px;
}

.footer {
	padding: 10px 0;
	background-color: rgba(77,77,77,1.00);
	color: white;
	}

.footer p {
	margin: 0;
	}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {

.header-info {
	display: inline;
	font-size: 16px;
	padding: 0px 5px 0px 5px;
}

.logo-section {
	padding: 10px 0px 0px 0px;
	border-bottom: none
}

.head-wrapper {
	position: relative;
	height: 550px;
	background-image: url('../images/mobile-header.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
	
}

.logo-section {
	text-align: center
	}

.logo-section img {
	width: 85%;
	margin: 0 auto;
	margin-bottom:20px;
	}

mark, .mark {
    padding: 0 10px;
}

.feature {
	margin-bottom: 50px;
	}
	
.feature:last-child {
	margin-bottom: 50px;
	}

hr {
	margin-bottom: 20px
	}
	
.content {
	padding: 50px 0 0 0
	}

.contact {
	margin-bottom: 20px;
	visibility: visible !important;
	}

.contact-info {
	display: none
	}

#map {
	height: 300px;
	}

.footer-logo {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 25px;
	}

}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {

}

ul.right-links {
	list-style: none;
}

ul.right-links li {
	display: inline-block;
	padding: 3px 15px;
	background: #c72018;
	color: #fff;
	border-radius: 3px;
	margin: 10px 5px 0 5px;
}

ul.right-links li a {
	color: #ffffff;
	text-decoration: none;
}