/*
Theme Name: Onelio
Theme URI: http://www.onelio.de
Description:  Theme für Direktwerbung Janssen GmbH & Co.
Text Domain: Theme by Onelio
Author: Onelio
Author URI: http://www.onelio.de
Version: 1.0
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

leeres-theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/* 
-----------------------------
#1.0 General 
-----------------------------
*/

#upfp_container {
    width: 100%  !important;
    position: relative;
    left: unset  !important;
    right: unset  !important;
    margin-left: unset  !important;
    margin-right: unset  !important;
    max-width: unset;
}

span.wpcf7-list-item {
	margin: 0 5px 0 0  !important;
}

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


* {
	margin: 0;
	padding: 0;
}

body, html {
	/* background: url(images/body_bg.gif) repeat ;*/
	background: #fff;
	border-top: 3px solid #ffcc00;
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
	line-height: 28px;
	color: #333;
}

a {
    color: inherit;
    text-decoration: underline;
	cursor: pointer;
}

a:hover,
a:focus {
    color: #f7a608;
    text-decoration: underline;
}

.gelb { color: #ffcc07; }

.zitat {
	font-family: 'Cardo', sans-serif;
	font-style: italic ;
	font-size: 40px ;
	line-height: 1;
	color: #E30D18;
}

.oversize {
	color: #333;
	font-weight: 400;
	font-size: 65px;
	letter-spacing: -1px;
	margin: 0  0 30px 0;
	line-height: 1;
	}

h1 {
	color: #333;
	font-weight: 400;
	font-size: 50px;
	letter-spacing: -1px;
	margin: 30px 0;
	line-height: 1.1;
}

h2 {
	color: #333;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	font-size: 35px;
	margin: 0  0 20px 0;
	line-height: 1.2;

}

h3 {
	color: #333;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	font-size: 25px;
	margin: 0  0 20px 0;
	line-height: 1.3;

}

h4 {
	color: #333;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	font-size: 20px;
	margin: 20px 0 10px 0;
	line-height: 1.3;

}

hr {
    margin-top: 80px;
    margin-bottom: 80px;
    border: 0;
    border-top: 1px solid #ddd;
}

ul { margin: 0 0 0 20px; }

.yellow { color: #ffcc07; }

.alignleft { float: left; }
.alignright { float: right; }

input,
textarea {
	border: 1px solid #ddd;
	}

img { max-width: 100%; height: auto;  }

.vc_general {
	background-color: #ffcc00 !important;
	color: #000;
}

.vc_general:hover {
	background-color: #f7a600 !important;
	color: #000 !important;
}

/* 
-----------------------------
#1.0 Divs und Container 
-----------------------------
*/

.full-width { width: 100%; } 

.top-text {
	padding:10px 10px 0 0;
	text-align: right;
	float: right ;
	}

.header-img {
	width: 100%;
	height: 400px;
	background: center center;
	background-size: cover;
	padding: 0;
	margin: 0;
}

.logo {
	float: left;
	margin: 5px 10px 10px 0;
}

.content { background: #fff; }

.container {
	margin: 0 auto;
	padding: 0;
	}
	
/* 
-----------------------------
#1.0 Widgets 
-----------------------------
*/
	
.widget {
	margin-bottom: 50px !important;
	}
	
.well {
	border: 0px !important;
}
	
h4.widget-title {
	color: #333;
	font-weight: 400;
	font-size: 30px;
	margin: 0 0 20px 0;
	line-height: 1.2;
	text-transform: none;
}

.widget ul > li > a {
	display: block;
	padding: 3px 15px;
	margin-left: -15px;
	margin-right: -15px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-decoration: none !important;
}
	
.widget ul > li > a:hover {
	color: #000;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	background-color: transparent !important;
	text-decoration: underline !important;
}
	
/* 
-----------------------------
#1.0 Navigation 
-----------------------------
*/


.navbar-inverse .navbar-inner {
	background: inherit;
	border: 0;
	border-width: 0 0 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, .0);
}


.navbar-inverse .container {
	background: #fff;
}

.navbar-inverse .nav > li > a:focus, 
.navbar-inverse .nav > li > a:hover {
	background-color: transparent;
	color: #999;
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
	color: #999;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-shadow: 0 ;
}

.navbar .nav > li > a {
	float: none;
	padding: 10px 10px 10px;
	color: #777777;
	text-decoration: none;
	text-shadow: 0 0 0 #ffffff;
	}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
	background-color: #ffcc00;
	color: #000;
}

.navbar-inverse .nav li.dropdown > a:hover .caret {
	border-top-color: #333;
	border-bottom-color: #333;
}

.navbar .nav li.dropdown > a:hover .caret{
	background-color: #ffcc00;
	color: #000;
}

.navbar .nav > li > .dropdown-menu:before {
	content: '';
	display: inline-block;
	border: 0;
	border-bottom-color: rgba(0, 0, 0, 0.0);
	position: absolute;
	top: -7px;
	left: 9px;
}

.navbar .nav > li > .dropdown-menu:after {
	content: '';
	display: inline-block;
	border: 0;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	top: -6px;
	left: 10px;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	background-color: #ffcc00;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);*
	border-right-width: 0px;*
	border-bottom-width: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a {
	text-decoration: none;
	color: #fff;
	background-color: #333;
	
}

/* 
#Mobile Navigation
*/


.navbar .btn-navbar {
	float: right;
	margin: 45px 15px 0 0;
	padding: 7px 10px;
	color: #ffffff;
}

/* 
-----------------------------
#Formulare
-----------------------------
*/

textarea, 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"], .uneditable-input {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	}

.wpcf7-text {
	height: 30px !important;
	width: 80%;
	padding: 10px;
	}
	
.wpcf7-textarea {
	width: 80%;
	padding: 10px;
}

.wpcf7-select {
	height: 40px;
	width: 100%;
	padding: 10px;
	border: 1px solid #bbb;
}

.wpcf7-submit {
	font-size: 15px;
	display: inline-block; 
	padding: 15px 25px; 
	margin: 0 5px 20px 0;
	background: #ffcc00 ;
	border: 0;
	border-radius: 3px ;
	line-height: 20px; 
	text-decoration: none !important;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: all 0.3s;
			transition: all 0.3s; 	
}
	
.wpcf7-submit:hover {
	background: #f7a600;
	color: #333;
}


/* 
-----------------------------
#1.0 Responsive 
-----------------------------
*/

.nomobile { display: block; }
.notablet { display: block; }
.nodesktop { display: none; }

.onlymobile { display: none !important; }


/* 
#Oversize/Large Display
*/

@media (min-width: 1200px) {
	
	.navbar .nav > li > a {
		padding: 10px 20px 10px;
	}
	
}


/* 
#Tablet (Portrait)
*/

@media (min-width: 768px) and (max-width: 979px) {
	.notablet { display: none;}
 }
	

/* 
#Mobile (Portrait and Landscape )
*/

@media (max-width: 767px) {
	.nomobile { display: none; }
	.onlymobile { display: block; }
	
	h2 {
		font-size: 21px;

	}
	
}