/* ==============
Theme Name: Lieblingsrock
Description: Theme for www.lieblingsrock.at
Version: 1.0
Author: Designtiger Webdesign
Author URI: http://www.designtiger.at/
============== */

@import url("css/reset-min.css");
/* @import url("css/grid.css"); */   /* regular grid */
@import url("css/grid2.css");

/* Content, Forms, etc */
@import url("css/basic.css");

/* Navigation */
@import url("css/nav.css");

/* Slider */
@import url("css/slider.css");

/* Icons */
@import url("css/icons.css");

/* Sosa Icons */
@import url("css/sosa.css");


/*************************************************
****            Custom Styles				  ****
*************************************************/



/*************************************************
* Webfonts
*************************************************/

@font-face {font-family: 'Corbert-Regular';src: url('fonts/2FCE46_1_0.eot');src: url('fonts/2FCE46_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/2FCE46_1_0.woff2') format('woff2'),url('fonts/2FCE46_1_0.woff') format('woff'),url('fonts/2FCE46_1_0.ttf') format('truetype');}

@font-face {font-family: 'Corbert-Italic';src: url('fonts/2FCE46_0_0.eot');src: url('fonts/2FCE46_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2FCE46_0_0.woff2') format('woff2'),url('fonts/2FCE46_0_0.woff') format('woff'),url('fonts/2FCE46_0_0.ttf') format('truetype');}

body,
input,
select,
textarea {
	font-family: 'Corbert-Regular', arial, sans-serif;
}

body {
	font-size: 15px;
	line-height: 1.75;
	color: #020202;
}




/*************************************************
* Struktur
*************************************************/

body {
	
}

#dev {
	position: fixed;
	left: 5px;
	top:  5px;
	padding: 5px;
	background: rgba(255,174,0,0.81);	
	font-family: arial, sans-serif;
	font-size: 14px;
	z-index: 99999;
	
	display: none;
}

#top {
	
}

#header {
	
}

#logo {
	
}

#meta {
	
}

#nav {
	
}

#navicon {
	display: none;
}

#slider {
	
}

#container {
	padding: 20px 0;
}

.content {
	
}

#headbox {
	position: relative;
}

.home .keeper_x {
	padding: 0 8.5%;
}

#sidebar {
	
}

#footer {
	border-top: 1px solid #e2e0e1;
	padding: 15px 0 80px 0;
	margin: 80px 0 0 0;
}

#subfooter {
	
}

.box {
	
}

.lilabox {
	background: #dacdd1;
	background: #d9c4ca;
}

.boxtext {
	padding: 36px 36px 10px 36px;
}

.boxbild {
	
}

.postinfo {
	display: none;
	height: 0px;
	overflow: hidden;
	text-indent: -9999px;
}

.divider {
	height: 1px;
	background: #e2e0e1;
	margin: 50px 0 60px 0;
}

/*************************************************
* Typo

	-webkit-transition: all 0.5s ease;
    -moz-transition: 	all 0.5s ease;
    -o-transition: 		all 0.5s ease;
    transition: 		all 0.5s ease;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

*************************************************/

a {
	color: #b38c9f;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	
	-webkit-transition: color 500ms linear;
   	   -moz-transition: color 500ms linear;
   	    -ms-transition: color 500ms linear;
   	     -o-transition: color 500ms linear;
       	    transition: color 500ms linear;
}

a:hover {
	color: #dacdd1;
}

strong, b {
	
}

h1 {
	
}

#logo a {
	display: block;
}

h1, h2 {
	font-size: 24px;
	margin: 0 0 35px 0;
}

.home h1,
.home h2 {
	text-align: center;
}

.home h1 {
	margin-top: 75px;
}

.home h2 {
	margin: 30px 0;
}

.category h2 {
	font-size: 18px;
}

h2.pink {
	color: #b38c9f;
}

h3 {
	font-size: 20px;
}

h4 {
	
}

h5, h6 {
	
}

h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	
}

p, .content ul, .content ol {
	margin:  0 0 10px 0;
}

p.category {
	font-size: 13px;
}

.content ul li {
	list-style-type: disc;
	margin-left: 20px;
}

.content #produktslider ul,
.content #produktslider ul li {
	margin: 0;
	list-style-type: none;
}

.content ol li {
	list-style-type: decimal;
	margin-left: 20px;
}

blockquote {
	font-style: italic;
	margin: 0 20px 20px 20px;
}

hr {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	height: 1px;
	margin: 10px 0 20px 0;
	border-bottom: 1px solid #e2e0e1;
}

.home hr {
	margin: 10px 0 0 0;
}

.textright {
	text-align: right;
}

.textcenter {
	text-align: center;
}

.content #slider ul li,
.content ul.socials li {
	margin-left: 0;
	list-style-type: none;
}

.nomargin {
	margin: 0;
}

/*************************************************
* Teasers, Subpages
*************************************************/

#teasers {
	
}

.teaser {
	
}

.teasertitel {
		
}

.teasertext {
		
}



#subpages {
	
}

.subpage {
	
}

.vorschau {
	position: relative;
}

.vorschautext {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	
	opacity: 0;
	
	background: rgba(2,2,2,0.8);
	text-align: center;
	color: #d4cdcd;
	
	-webkit-transition: opacity 500ms ease;
   	   -moz-transition: opacity 500ms ease;
   	    -ms-transition: opacity 500ms ease;
   	     -o-transition: opacity 500ms ease;
       	    transition: opacity 500ms ease;
}

.viewmore {
	margin-top: 60px;
}

.viewmore a {
	display: block;
	width: 100%;
}

.vorschautext h3 {
	margin: 0 0 40px 0;
}

.vorschautext a {
	color: #d4cdcd;
	padding: 40px 15px 15px 15px;
	display: block;
}

.vorschau:hover .vorschautext {
	opacity: 1;
	
	width: 100%;
	height: 100%;
	
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

/*************************************************
* Slider
*************************************************/

#slider {
	
}

#noslider {
	height: 190px;
}

.singleslide {
	position: relative;
}

.slidertext {
	
}

/*************************************************
* Button
*************************************************/

.button {
	
}

.button a {
	width: 100%;
	max-width: 400px;
	display: block;
	text-align: center;
	text-decoration: none;
	
	background: #dacdd1;
	color: #fff;
	padding: 10px 0;
}

.button a:hover {
	background: #dacdd1;
	-webkit-user-select: none;
	-webkit-touch-callout: none;  
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

/*************************************************
* Edit-Link
*************************************************/

.editlink {
	clear: both;
	border-top: 1px solid #b38c9f;
	margin: 0 0 20px 0;
}

.editlink span {
	display: inline-block;
	background: #b38c9f;
	
	-webkit-border-bottom-left-radius: 	4px;
	-webkit-border-bottom-right-radius:	4px;
	-moz-border-radius-bottomleft: 		4px;
	-moz-border-radius-bottomright: 	4px;
	border-bottom-left-radius: 			4px;
	border-bottom-right-radius: 		4px;
}

.editlink a {
	text-decoration: none;
	display: block;
	padding: 4px 12px 3px 12px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.1em;
}

.editlink a:hover {
	color: #ddd;
	-webkit-user-select: none;
	-webkit-touch-callout: none;  
}

/*************************************************
* Formulare
*************************************************/

div.wpcf7 {
	margin-top: 30px !important;
}

.wpcf7 p {
	line-height: 1.8;
	margin-bottom: 10px;
}

input[type="text"], 
input[type="email"], 
input[type="submit"],
textarea {
	-webkit-appearance: none;
    -webkit-border-radius: 	0px;
	-moz-border-radius: 	0px;
	border-radius: 			0px;    
    
    line-height: 1.2;
	font-size: 13px;
	background: #f0f0f0;
	padding: 6px;
	border: 1px solid #dacdd1;
}

select {
	-webkit-border-radius: 	0px;
	-moz-border-radius: 	0px;
	border-radius: 			0px;
	
	line-height: 1.5;
	font-size: 13px;
	background: #f0f0f0;
	border: 1px solid #dacdd1;
}

input[type="text"]:focus, 
input[type="email"]:focus,
input[type="submit"]:focus, 
textarea:focus {
	background: #fff;
	border: 1px solid #dacdd1;
}

.wpcf7 span {
}

.wpcf7-radio .wpcf7-list-item,
.wpcf7-checkbox .wpcf7-list-item {
	
	margin: 0 20px 0 0;
	display: inline-block;
	display: block;
}

input[type="checkbox"], 
input[type="radio"] {
	display: inline-block;
	margin: 0 5px 0 5px;
}

input[type="submit"] {
	display: inline-block;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	
	-webkit-user-select: none;
	-moz-user-select:	 none;
	-ms-user-select:	 none;
	user-select:		 none;
	
	padding: 6px 24px;
	font-size: 14px;
	border: 1px solid #dacdd1;
	background: #dacdd1;	
	
	margin-top: 10px;
}

input[type="submit"]:hover {
	text-decoration:none;
	cursor:pointer;
	
	border: 1px solid #dacdd1;
	background: #dacdd1;
	color: #fff;
	
	
}

input[type="submit"]:disabled {
	color: #aaa;
	border: 1px solid #eee;
	cursor: auto;
	background: #fff;
}


/*************************************************
* Copy
*************************************************/

ul#copy {
	float: right;
	margin: 0;
}

ul#copy li {
	margin: 0;
}

ul#copy li a {
	color: #dacdd1;
}

ul#copy li a:hover {
	color: #dacdd1;
	
	
}


/*************************************************
* Overlay
*************************************************/

#olayicon2 {
    display: block;
    background: #dacdd1;
    text-align: center;            
    text-transform: uppercase;
    padding: 8px 0 5px 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#olayicon2 {

}

#olayicon2 {
    bottom: 160px;
}

#olayicon2:hover {
	cursor: pointer;
	color: #fff;
}

/* Overlay 2 - Top */
	
#olay_mobile2 {	
    display: block;
    
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 11113;
    opacity: 1;
    
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    		
    
    bottom: 0;
    left: 0;
    		
    -webkit-transition: top 500ms ease-out;
       -moz-transition: top 500ms ease-out;
         -o-transition: top 500ms ease-out;
            transition: top 500ms ease-out;
}

#olay_mobile2 .wrap {
	background: rgba(227,224,226,0.95);
	min-height: 100%;
	position: relative;
}

#olay_mobile2.olay_active {
    top: 0;
    left: 0;
}

#olay_mobile2.olay_inactive {
    top: -100%;
}

.olay_close {
	position: absolute;
	right: 5px;
	top:   5px;
	background: #dacdd1;
	width:  50px;
	height: 50px;
	color: #fff;
	cursor: pointer;
	
	font-size: 20px;
    line-height: 50px;
    text-align: center;
}

#bestellen {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0 20px 0;
}

/*************************************************
* Google Maps
*************************************************/

.gmap {
	width: 100%;
	height: 400px;
	margin: 20px 0;
}

.gmap img {
	max-width: none;
}

/*************************************************
* Lightbox
*************************************************/

#swipebox-overlay {
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0 !important;
}
#swipebox-slider {
    padding: 52px 0;
}
#swipebox-close, #swipebox-bottom-bar {
	background-color: #000 !important;
}
#swipebox-bottom-bar, #swipebox-arrows {
    
}

/*************************************************
* Responsive 
*************************************************/

#mobilebar {
	display: none;
}


@media (min-width: 374px) {
	
}

@media (min-width: 414px) {
	
}

@media (min-width: 480px) {
	
}

@media (max-width: 480px) {

	input[type="text"], 
	input[type="email"], 
	textarea,
	select  {
		width: 100%;
	}
	
	select, textarea, input, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select:focus { 
		font-size: 16px;
	}
	
	#noslider {
		height: 30px;
	}
	
}

@media (min-width:481px) and (max-width:767px) {
	#noslider {
		height: 40px;
	}
}

@media (max-width: 767px) {
	/*
	#mobilebar {
		display: block;
		z-index: 11111;
		position: fixed;
		height: 50px;
		top: 0;
		width: 100%;
		background: #000;
		border-bottom: 1px solid #fff;
		color: #fff;
	}
		
	*/
	
	#logo {
		margin-top: 56px;
	}
	
	ul#socials {
		display: none;
	}
}

@media (max-width: 768px) {
	
}

@media (min-width:769px) {
	h1 {
		line-height: 1;
	}
}

@media (max-width: 991px) {
	
	#nav,
	#header_mobile,
	#logo,
	#socials {
		display: none;
	}
	
	#navicon,
	#header_mobile,
	#logo_mobile,
	#socials_mobile {
		display: block;
	}
	
}

@media (min-width:768px)  and (max-width: 991px) {
	#nav .menu {
		padding: 10px 0 10px 20px;
	}
}


@media (min-width: 992px) and (max-width: 1179px) {
	#nav .menu {
		padding: 15px 0 10px 30px;
	}
	
	#noslider {
		height: 161px;
	}
}

@media (min-width: 769px) and (max-width: 992px) {

	#noslider {
		height: 290px;
	}
	
}

@media (min-width: 1180px) and (max-width: 1299px) {
	#nav .menu {
		padding: 17px 0 10px 22px;
	}
	
	#noslider {
		height: 184px;
	}
}

@media (min-width:1300px) {
	#nav .menu {
		padding: 33px 0 10px 40px;
	}
	
	#noslider {
		height: 202px;
	}
}


@media (max-width:480px) {
	
	
}