/*
Theme Name: Onelio
Theme URI: http://www.onelio.de
Description:  Theme für mab
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 
-----------------------------
*/
@font-face { font-family: 'abuget';
             src: url('https://www.maik-andre-baumann.de/wp-content/uploads/Abuget.ttf.woff')  format('woff'),
                  url('https://www.maik-andre-baumann.de/wp-content/uploads/Abuget.ttf.svg')  format('svg'); 
	
	
	font-family: 'abuget';
             src: url('https://www.maik-andre-baumann.de/wp-content/uploads/Abuget.ttf.woff') format('woff'); }

* {
	margin: 0;
	padding: 0;
}

body, html {
	/* background: url(images/body_bg.gif) repeat ;*/
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #666;
}


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

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

.orange { color: #FF8900; }

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

li::before {
	color: #666;
}


.oversize {
	color: #666;
	font-weight: 100;
	font-size: 65px;
	letter-spacing: -1px;
	margin: 0  0 30px 0;
	line-height: 1;
	}
	
p {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height: 24px;
	color: #666;
	margin: 10px 0px 10px 0px ;
	}

ul {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height: 24px;
	color: #666;
	margin: 10px 0px 10px 0px ;
	}

ul li {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height: 24px;
	color: #666;
	margin: 10px 0px 10px 0px ;
	}

h1 {
	font-family: 'Open Sans', sans-serif;
	color: #FF8900;
	text-align: left;
	font-weight: 100;
	font-size: 40px;
	letter-spacing: -1px;
	margin: 25px  0 50px 0;
	line-height: 1.1;
}

h2 {
	font-family: 'Open Sans', sans-serif;
	color: #FF8900;
	font-weight: 100;
	font-size: 30px;
	margin: 0  0 20px 0;
	line-height: 1.2;
	text-align:left;
}

h3 {
	font-family: 'Open Sans', sans-serif;
	color: #FF8900;
	font-weight: 100;
	font-size: 26px;
	margin: 0  0 20px 0;
	line-height: 1.3;

}

h4 {
	font-family: 'Open Sans', sans-serif;
	color: #FF8900;
	font-weight: 100;
	font-size: 26px;
	margin: 20px 0 10px 0;
	line-height: 1.3;

}

h5 {
	font-family: 'Open Sans', sans-serif;
	color: #FF8900;
	font-weight: 100;
	font-size: 26px;
	margin: 20px 0 10px 0;
	line-height: 1.3;

}

h6 {
	font-family: 'Open Sans', sans-serif;
	color: #666;
	font-weight: 100;
	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; color:#666;}

ul li { color:#666;}

.yellow { color: #FFCA00; }

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

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

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




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

.full-width { width: 100%; } 

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

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

.logo {
	float: left;
	margin: 25px 10px;
	max-width: 290px;
}

.content { background: #fff; }

.container {
	margin: 0 auto;
	padding: 0;
	}

/* 
-----------------------------
#1.0 Widgets 
-----------------------------
*/
	
.widget {
	margin-bottom: 50px !important;
	}
	
.well {
	border: 0px !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px ;
}

h4.widget-title {
	color: #333;
	font-weight: 100;
	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 Kontaktformular 
-----------------------------
*/
	
.wpcf7-submit {
	font-family: 'Open Sans', sans-serif;
	color: #666 !important;
	background: #f5f5f5 !important;
	display: inline-block;
	padding: 15px 25px;
	margin: 0 5px 20px 0;
	line-height: 20px;
	text-decoration: none !important;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	}
	
.wpcf7-submit:hover {
	font-family: 'Open Sans', sans-serif;
	background-color: #ff8900 !important;
	color: #fff !important;
	display: inline-block;
	padding: 15px 25px;
	margin: 0 5px 20px 0;
	line-height: 20px;
	text-decoration: none !important;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	}

	
/* 
-----------------------------
#1.0 Accordion 
-----------------------------
*/

.trainingsinhalteakk {
	background-color: #fff;
	}
	
.vc_tta.vc_general .vc_tta-panel-title {
	background-color: #f9f9f9 ;
	font-size: 20px;
	line-height: 28px !important;
	/*border: 0.5px solid rgba(255, 137, 0, 0.2);*/
}

.vc_tta.vc_general .vc_tta-panel-title:hover {
	background-color: rgba(255, 137, 0, 0.8);
	font-size: 20px;
	color: #fff !important;
	line-height: 28px; 
}
 
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a {
	background-color: rgba(255, 137, 0, 0.8);
	font-size: 20px;
	color: #fff !important;
}


i vc_tta-controls-icon vc_tta-controls-icon-chevron {
	color: #fff !important;
}
 
 .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading {
	background-color: #ff8900;
	color: #fff !important;
}
 
.vc_tta.vc_general .vc_tta-panel.vc_active, .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {
	background-color: #fff;
	color: #fff;
	border: none;
}

/* 
-----------------------------
#1.0 Navigation 
-----------------------------
*/

.nav {
	background: #FF8900;
	width: 100%;
	margin: 0 !important;
}

.navbar-inverse .navbar-inner {
	margin: 0;
	padding: 0;
	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: 15px 6px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 0 #ffffff;
	font-weight: normal;
	font-size: 16px;
	}

.navbar .nav > li > a:hover {
	color: #fff;
	text-decoration: underline;
	}

.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: #FFCA00;
	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: #FFCA00;
	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: #FFCA00;
	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: -80px 15px 0 0;
	padding: 7px 10px;
	color: #ffffff;
}

.navbar-inverse .btn-navbar {
	background-image: linear-gradient(to bottom, #ff8900, #ff8900);
	background-color: #ff8900;
	}
	
.navbar-inverse .btn-navbar:hover {
	background-color: #ff8900;
	}
	
.navbar-inner {min-height: 0px;}

.nav-collapse .nav > li > a:hover {background-color: #ff8900 !important;}

.navbar-inverse .nav-collapse .nav > li > a {color: #fff !important;}


/* 
-----------------------------
#Footer
-----------------------------
*/
footer {
/*	width: 100%;*/
	background: #999;
	text-align: center;
	line-height: 20px;
	color: #fff;
	margin: 100px 0 0 0;
	padding: 20px 0;
}

footer p {
	color: #fff;
}

/* 
-----------------------------
#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: #FFCA00 ;
	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: #E6BD03;
	color: #333;
}


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

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

/* 
#Oversize/Large Display
*/

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


/* 
#Tablet (Portrait)
*/

@media (min-width: 768px) and (max-width: 979px) {
	
	.notablet { display: none; }
	.nav {	color: #fff;
			text-decoration: none;
			}
	div.wpb_text_column.wpb_content_element.claimtext p {font-size: 32px;}

	
}


/* 
#Mobile (Portrait and Landscape )
*/
@media (min-width: 768px) {.mobileonly { display: none; }}


@media (max-width: 767px) {
	
	.top-text {float:none;}
	
	.nomobile { display: none; }
	.nav {	color: #fff;
			text-decoration: none;
			margin: 50px 0px -100px 0px !important;
			padding-bottom: 30px !important;
	}
	.nav-collapse .nav {
			padding: 12px;
			margin: 0px !important;
			/*padding-bottom:50px !important;*/
	}
	div.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner {padding-top:0px!important;}
	
	.header-img { display: none; }
	.claimtext {display: none;}
	div.wpb_text_column.wpb_content_element.claimtext {display: none;}
	.vc_custom_1465203922393 {padding-right: 0px;}
	.logo {max-width:80%;}
}

/* BUTTON SUFU */
.widget_search #searchsubmit {
	background-image: none !important;
	background-color: #ff8900 !important;
	text-shadow: none !important;
}

.widget_search #searchsubmit:hover {
	background-color: #f5f5f5 !important;
	color: #333;
	text-shadow: none !important;
}