/* =================================================================
             www.lifestyle-gewinnspiel.com - CSS Document 
===================================================================*/

*{ padding: 0;
   margin: 0;
   outline:0;
 }
 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#5c5c5c;
	background:#fff;
}

@font-face {
    font-family: 'gothic';
    src: url('../fonts/gothic.eot');
    src: url('../fonts/gothic.eot') format('embedded-opentype'),
         url('../fonts/gothic.woff') format('woff'),
         url('../fonts/gothic.ttf') format('truetype'),
         url('../fonts/gothic.svg#CenturyGothicRegular') format('svg');
}

h1.title_main {
	font-family: 'gothic';
	color:#075895;
	font-weight:bold;
	font-size:1.70em!important;
	margin-bottom:10px!important;	
}


h1 {
	font-family: 'gothic';
	color:#075895;
	font-weight:bold;
	font-size:1.50em!important;
	margin-bottom:10px!important;	
}


h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#2c2c2c;
	font-size:1.0em;
	font-weight:normal;
	margin-bottom:10px;
}

h2.startseite_text {
	font-family: 'gothic';
	color:#aa572f;
	color:#fff;
	font-size:2.50em!important;
	margin-bottom:5px!important;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#2c2c2c;
	font-size:0.90em;
	font-weight:normal;
}

h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:0.90em;
	font-weight:normal;
}


p {
	font-size:1.0em;
	padding-bottom:1.15em;
	line-height:1.15em;
}


/* =================================================================
             www.lifestyle-gewinnspiel.com - DIV Settings
===================================================================*/

#top {
	width:100%;
	height:6px;
	background:url(../images/bg_top.gif) repeat-x;
}


#wrapper {
	max-width:587px;
	height:auto;
	margin:90px auto 0 auto;
	background:none;
}

#wrapper_02 {
	max-width:750px;
	height:auto;
	margin:90px auto 0 auto;
	background:none;
}

#page_content {
	padding:0 25px 25px 25px;
	min-height:300px;
	float:none;
	position:relative;
	margin-top:-4px;
	background:url(../images/bg_page_content.png) #fff repeat-x;
}

.content_box {
	height:auto;	
	padding:15px;
	min-height:200px;
	background:#FFF;
	margin-top:20px;
}

#bottom {
	clear:both;
	font-size:0.80em;
	max-width:587px;
	margin:0 auto;
	height:auto;
	text-align:center;
	color:#ffffff;
	padding:10px 0 5px 0;
}

#bottom a {
	color:#ffffff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif!important;
}

#bottom a:hover {
	color:#ffffff;
	text-decoration:none;
}

#footer {
	float:none!important;	
}

#sponsors {
	display:block;
	margin-right:30px!important;
	margin:20px 30px 10px 0;
}

#top_image {
	display:none;	
}

#teaser_01 {
	display:block;	
}

#teaser_02 {
	display:none;	
}

.logo {
	padding-top:15px;
	margin:0 auto;
	display:block;	
}

.logo_sponsor {
	float:right;
	padding-left:20px;	
}


#form_platzhalter {
	width:100%;
}

#teaser {
	display:none;
}

.content_box a {
	color:#085d98;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.content_box a:hover {
	color:#adc62a;
	text-decoration:none;
}

.logo {
	padding-top:10px;
	display:block;
}

.tag {
	position:absolute;
	left: 553px;
	top: 2px;
	display:block;
}

.tag_02 {
	position:absolute;
	left: 716px;
	top: 0px;
	display:block;
}

.blue {
	color:#075895;	
}

/* =================================================================
            www.lifestyle-gewinnspiel.com - Menu Settings
===================================================================*/

#header #nav {
text-align: center;
background:url(../images/bg_menu.gif) #044a7e repeat-x;
position:relative;
font-size:1.0em;
padding:10px 0 10px 0;
}

#header #nav ul {
margin: 0;
padding: 0.3em;
list-style-type: none;
}

#header #nav ul li {
display: inline;
margin-left: 2.40em;
}

#header #nav ul li:first-child {
margin-left: 0;
}

#header #nav ul li ul {
display: none;
}

a {
color: #044a7e;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}

a:hover {
color: #adc62a;
}

a, a:hover {
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}

#header {
display: block;
float: left;
width: 100%;
}

#nav {

}

/* =================================================================
             www.dinner-gewinnspiel.com - title_menu
===================================================================*/

#title_menu {
position:absolute;
top:10px;
left:20px;
font-size:1.20em;
color:#044a7e;
font-family: Arial, Helvetica, sans-serif;
}

#title_menu {
display:none!important; 
}

/* =================================================================
             www.lifestyle-gewinnspiel.com - Other Settings
===================================================================*/

.responsive-image {
	max-width:100%;
	height:auto;	
}

input[type="reset"] {
    visibility: hidden;
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#0f82bd;
	font-size:2.00em;
	color:#fff!important;
	text-align:center;
	text-decoration:none!important;
	max-width:220px!important;
	display:block;
	padding:5px 30px 5px 30px;
	border:none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.button:hover {
	background:#ca58b7;
}

#arrow {
	display:block;	
}
.header2019 {
	width: 587px;
	height: 476px;
	background-image: url(../images/header.png);
}
.header2019_mobile {
	display: none;
}
.header2019_teaser {
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	top: 145px;
	right: 30px;
	z-index: 25;
	position: relative;
	float: right;
}
.header2019_amazon {
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	top: 260px;
	right: -220px;
	z-index: 20;
	position: relative;
	float: right;
}
.header2019_ikea {
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	top: 205px;
	right: -330px;
	z-index: 15;
	position: relative;
	float: right;
}
.header2019_vip {
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	top: 130px;
	right: 100px;
	z-index: 10;
	position: relative;
	float: right;
}
@media only screen and (max-width : 587px) {
.header2019 {
	display: none !important;
}
.header2019_mobile {
	display: block !important;
	width: 100%;
	height: auto;
}
}
/* ====================================================================
				Media Queries
======================================================================= */
@media screen and (max-width: 650px) {
	#title_menu {
	display:block!important; 
}

}

/*Styles for screen 768 and lower*/
@media screen and (max-width: 890px) {
.tag {
	display:none;
}

.tag_02 {
	display:none;
}

}

/*Styles for screen 480px and lower*/

@media only screen and (max-width : 480px) {

#top {
	clear:both;
	width:100%;
}

#form_platzhalter {
	float:none;
	width:100%	
}

#teaser {
	display:none;
}

#page_content {
	padding:15px!important;
	min-height:300px;
	float:none;
	position:relative;
	background:url(../images/bg_page_content.png) #fff repeat-x;
}

#arrow {
	display:none;	
}

h1 {
	font-family: 'gothic';
	color:#075895;
	font-weight:bold;
	font-size:1.0em!important;
	margin-bottom:10px!important;	
}

h1.title_main {
	font-family: 'gothic';
	color:#075895;
	font-weight:bold;
	font-size:1.20em!important;
	margin-bottom:10px!important;	
}
	
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
h1 {
	font-family: 'gothic';
	color:#075895;
	font-weight:bold;
	font-size:0.80em!important;
	margin-bottom:10px!important;	
}	
}

/*
==============================================
pulse
==============================================
*/

.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 1;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 1;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}




/* ====================================================================
				CLEARFIX Settings
======================================================================= */

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}