@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * Programming // Der Hersteller // www.der-hersteller.de                        *
 * Design & Konzeption // siegel konzeption | gestaltung // www.jochen-siegel.de *
 *                                                                               *
 * ----------------------------------------------------------------------------- */

html {
	height: 101%;
}
body {
	font: 62.5%/1.5em 'fira_sansregular', Helvetica, Arial, sans-serif;
	background: rgb(231,234,229);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * TYPOSATZ                                                                      *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
#intro h1 {
	font-family: 'fira_sanssemibold';
	text-align: center;
	font-size: 3.3em;
	line-height: 1.1em;
	padding: 0 2em;
	margin: 0 0 0.8em 0;
}
#ueber-uns h1 {
	font-family: 'fira_sanssemibold';
	font-size: 3em;
	line-height: 1.1em;
	text-transform: uppercase;
	padding: 0 2em;
	margin: 0 0 0.4em 0;
}
#kontakt h1,
#links h1 {
	font-family: 'fira_sanssemibold';
	font-size: 3.3em;
	line-height: 1.1em;
	padding: 1em 2em 0 2em;
	margin: 0 0 1em 0;
}
#main p {
	font-size: 2.1em;
	line-height: 1.5em;
	padding: 0 2em;
	margin: 0 0 1.3em 0;
}
#main .aktuelles p {
	margin-bottom: 2.4em;
}
#main p.small {
	font-size: 1.75em;
}
#main #oeffnungszeiten-responsive h2 {
	font-family: 'fira_sanssemibold';
	font-size: 2.9em;
	line-height: 1.1em;
	padding: 1em 2em 0 2em;
	margin: 0 0 1em 0;
}

#aside h2 {
	font-family: 'fira_sanssemibold';
	font-size: 2.5em;
	line-height: 1em;
	padding: 1em 0 0 0;
	margin: 0;
}
#aside p {
	font-size: 1.9em;
	line-height: 1.5em;
	margin-bottom: 2.2em;
}

#footer h2 {
	font-family: 'fira_sanssemibold';
	font-size: 2.5em;
	line-height: 1em;
	padding: 0;
	margin: 0 0 1em 0;
}
#footer h3 {
	font-family: 'fira_sanssemibold';
	font-size: 2.1em;
	line-height: 1em;
}
#footer h4 {
	font-family: 'fira_sanssemibold';	
	font-size: 1.9em;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}
#footer p,
#footer ul {
	font-size: 1.9em;
	line-height: 1.5em;
	margin-bottom: 1.3em;
}

b, strong {
	font-weight: normal;
	font-family: 'fira_sanssemibold';
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * CLASS                                                                         *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}

.nowrap {white-space: nowrap;}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * CONTAINER                                                                     *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#wrapper {
}
#container {
	background-image: url(../img/loewe-bg.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	-webkit-background-size: 40%;
  	-moz-background-size: 40%;
  	-o-background-size: 40%;
  	background-size: 40%;
}
#content {
	position: relative;
	/*margin: 0 auto;
	width: 130em;*/
	padding: 0 1.5em;
}
#top {
	position: fixed;
	right: 4em;
	bottom: 6em;
	-webkit-transition:0.4s ease;  
   	-moz-transition:0.4s ease;  
   	-o-transition:0.4s ease;  
   	transition:0.4s ease;
}
#top.hide {opacity: 0;}
#top.show {opacity: 1;}

#intro {
	padding-top: 4.2em;
	color: rgb(144,5,66);
}
#intro .banner {
	background: rgb(144,5,66);
}
#intro .banner .inside {
	/*margin: 0 auto;
	width: 130em;*/
}
#intro .banner img {
	display: block;
	margin: 0;
	max-width: 100%;
	height: auto;
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * HEADER                                                                        *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#header {
	width: 100%;
	padding-top: 3.15em;
	background: rgb(144,5,66);
}
#header .inside {
	/*margin: 0 auto;
	width: 130em;*/
	padding: 0 1.5em;
}
#header .logo {
	display: block;
	float: left;
	width: 17.2em;
	margin-bottom: 2.8em;
}
#header .farbstreifen {
	background: rgb(187,45,85);
  	background: -webkit-linear-gradient(left, rgb(187,45,85) 50%, rgb(244,43,66) 50%);
  	background: -o-linear-gradient(right, rgb(187,45,85) 50%, rgb(244,43,66) 50%);
  	background: -moz-linear-gradient(right, rgb(187,45,85) 50%, rgb(244,43,66) 50%);
  	background: linear-gradient(to right, rgb(187,45,85) 50%, rgb(244,43,66) 50%);
}
#header .farbstreifen img {
	display: block;
	margin: 0;
	max-width: 100%;
	height: auto;
}



/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * NAVIGATION                                                                    *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#nav {
	float: right;
	margin-top: 8em;
	margin-right: 6.538461538461539%; /* 85/1300 */
}
#nav > ul {
	list-style: none;
}
#nav > ul > li {
	display: inline-block;
	margin-right: 3.5em;
}
#nav > ul > li.mobile {
	display: none;
}
#nav > ul > li > a {
	color: rgb(255,255,255);
	text-decoration: none;
	font-size: 2.1em;
	border-bottom: 2px solid rgb(144,5,66);
	padding-bottom: 0.45em;
}
#nav > ul > li > a:hover,
#nav > ul > li > a:active,
#nav > ul > li > a.current,
#nav > ul > li.current-menu-item > a {
	border-bottom: 2px solid rgb(255,255,255);
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;    
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}

#sub-nav {
}
#sub-nav > ul {
	list-style: none;
	text-align: center;
}
#sub-nav > ul > li {
	display: inline-block;
}
#sub-nav > ul > li > a {
	cursor: pointer;
	color: rgb(255,255,255);
	text-decoration: none;
	font-size: 1.3em;
	border-bottom: 0.1em solid rgb(144,5,66);
	padding-bottom: 0.45em;
}
#sub-nav > ul > li > a:hover,
#sub-nav > ul > li > a:active,
#sub-nav > ul > li > a.current,
#sub-nav > ul > li.current-menu-item > a {
	border-bottom: 0.1em solid rgb(255,255,255);
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;    
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * MAIN                                                                          *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#main {
	float: left;
	width: 51.53846153846153%; /* 670/1300 */
	color: rgb(144,5,66);
	text-align: center;
	padding: 2em 0 4em 0;
}
#main a {
	color: rgb(144,5,66);
	text-decoration: none;
}
#main a:hover,
#main a:active {
	color: rgb(87,86,86);
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;    
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}
#main section {
	margin-bottom: 7em;
}
#main .aktuelles {
	color: rgb(87,86,86);
}
#main hr {
	border: none;
	height: 2px;
	width: 70%;
	background: rgb(144,5,66);
	margin: 3.5em auto;
}
#ueber-uns hr.last {
	margin-bottom: 7.5em;
}
#main #oeffnungszeiten-responsive {
	display: none;
	margin-bottom: 5.5em;
}
#main #oeffnungszeiten-responsive .mobile {
	display: none;
}
/* GoogleMaps */
.responsiveContainer {
  	position: relative;
  	padding: 0 0 50% 0;
	margin: 3.8em 0 5.5em 0;
  	height: 0;
  	overflow: hidden;
}
.responsiveContainer iframe {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * ASIDE                                                                         *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#aside {
	float: left;
	width: 23.076923076923077%; /* 300/1300 */
	padding: 3.8em 1.5em 0 0;
	color: rgb(87,86,86);
}
#aside hr {
	float: left;
	border: none;
	height: 2px;
	width: 9.5em;
	background: rgb(144,5,66);
	margin: 2.4em 0 2.1em 0;
}
#aside h2,
#aside p {
	clear: both;
}
#aside p a {
	color: rgb(87,86,86);
	text-decoration: none;
}
#aside p a:hover,
#aside p a:active {
	color: rgb(144,5,66);
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;    
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * FOOTER                                                                        *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#footer {
	width: 100%;
	background: rgb(144,5,66);
	color: rgb(255,255,255);
	padding: 13em 0 8em 0;
}
#footer .inside {
	/*margin: 0 auto;
	width: 103em;*/
	padding: 0 1.5em;
}
#footer a {
	color: rgb(255,255,255);
}
#footer hr {
	border: none;
	height: 2px;
	width: 40%;
	background: rgb(255,255,255);
	margin: 4em 0;
}
.toggle-container {
	display: none;
	padding-top: 8em;
}