/**
 * Theme Name: Nana
 * Theme URI: 
 * Description: WordPress Theme für Nana Vogl
 * Text Domain: nana
 * Author: Julia Hollweck
 * Author URI: 
 * Version: 0.0.1
 * License: GPL2+
 * License URI: http://www.gnu.org/licenses/gpl.html
 * Tags: yxyxyxyxyxyxyxyxyxyxyxyxyxyxyxyxyx
 *
 */


/* ///////////////////////////////////////////////*/
/* ////////////////  mobile first  ///////////////*/
/* ///////////////////////////////////////////////*/

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

*:active, *:focus{
	outline:none !important;
	outline:0 !important;
}

body{
	font-family: Quinoa-regular;
}

p,
.blogfond article ul,
.blogfond article ol{
	font-weight:500;
	font-size: 1.1em;
}

.angebot-icon img{
	margin-bottom: 1em;
	height: 6em;
}

a{
    text-shadow: none !important;
}

header.container{
	overflow:hidden;
	padding-left:0;
}

.container-center{
	text-align:center;
}

.beitragsbild{
	padding-left: 0px;
	padding-right: 0px;
}


main{
	position:relative;
	top: 6em;
}

.col-md-4.angebote{
	padding-bottom: 2em;
}
.col-md-4,
.col-md-6,
.col-md-8{
	padding:0;
}

.blogfond article .entry img,
.wp-post-image{
	width: 100%;
	height: auto;
}

.container-center .wp-post-image{
	padding: 0;
}

article{
	position: relative;
}

/* ////////////  Kontaktzeile  //////////*/

.kontaktzeile p{
	margin-bottom:0.5em;
	color:#8CC947;
	font-size: 0.79em;
	font-family: Quinoa-medium;
}
.kontaktzeile a{
	color:#8CC947;
	cursor: pointer;
}
.kontaktzeile a:hover{
	text-decoration: none;
	color:#3F6666;
}

.kontaktzeile br{
	display:none;
}

.kontaktzeile{
	position:fixed;
	top:0;
	left: -0.5px;
	z-index:9999;
	background-color:#fff;
	display:block;
	padding-top:4px;
	text-align:center;
	width:100%;
}

.kontaktzeile .glyphicon{
	position: relative;
    top: 0.2em;
}

/* //////////// mobiles-logo //////////*/

.navbar-brand#logo-mobil{
	max-width:14em;
}

.navbar-brand#logo-desktop{
	display:none;
}

/* ///////////////////////////////////////////////*/
/* ////////////////////// nav ////////////////////*/
/* //////  in bootstrap customizer aendern  //////*/
/* ///////////////////////////////////////////////*/

.navbar{
	min-height: 40px;
	border:0px solid transparent;
	font-family: Quinoa-semibold;
}

.navbar-header{
	background-color:#fff;
}

.navbar-nav{
	margin: 0 -15px;
	overflow:hidden;
}

.navbar-fixed-top{
	margin-top:1.75em;
}

.navbar-brand{
	padding: 0.4em 0.2em;
	height:40px;
}

.navbar-toggle{
	padding:10px 9px;
	margin: 1em 1em 1em 0;
}
/* toggle mit farbe
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active{
	background-color:#E7EE7B; 
}*/

.navbar-toggle .icon-bar{
	width:20px;
}
.navbar-toggle .icon-bar + .icon-bar{
	margin-top:5px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
	background-color: transparent;
	color:#E7EE7B;
	border-left:0.6em solid #E7EE7B;
}

.navbar-collapse.collapse,
.navbar-collapse.collapse.in,
.navbar-collapse.collapsing{
	background-color: rgba(155,162,170,0.9);
}
.navbar-default{
	background-color:transparent;
	background-image: -webkit-linear-gradient(top, transparent 0, transparent 100%);
	background-image: -o-linear-gradient(top, transparent 0, transparent 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(transparent));
	background-image: linear-gradient(to bottom, transparent 0, transparent 100%);
}

.navbar-default.in{
	background-color: rgba(63,102,102,0.9);
	background-image:  linear-gradient(to bottom, transparent 0, transparent 100%);
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form{
	background-image: linear-gradient(to bottom, transparent 0, transparent 100%);
}

.navbar-default .navbar-nav > li > a{
	color:#E7EE7B;
	border-left:0.6em solid transparent;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
	color:#E7EE7B;
	border-left:0.6em solid #E7EE7B;
}

.navbar-form.navbar-right a,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a{
	color:#E7EE7B;
	box-shadow: none;

}

.dropdown-menu{
	padding:0;
}

.navbar .navbar-nav .open .dropdown-menu > .active > a, 
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover, 
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus{
	color: #E7EE7B;
	background-image: -webkit-linear-gradient(top, transparent 0, transparent 100%);
	background-image: -o-linear-gradient(top, transparent 0, transparent 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(transparent));
	background-image: linear-gradient(to bottom, transparent 0, transparent 100%);
	border-left:0.6em solid #E7EE7B;
}

.navbar-nav .open .dropdown-menu > li > a, 
.navbar-nav .open .dropdown-menu .dropdown-header{
	font-family: Quinoa-medium;
	padding: 7px 15px 5px 45px;
	border-left:0.6em solid transparent;	
	
}



/* //////////// Suchfeld  //////////*/

.navbar-form{
	box-shadow:none;
	margin-top: 0px;
	margin-bottom: 28px;
	display:inline-block;
	float:left;	
}

.navbar-form.navbar-right a{
	font-size:1.5em;
	padding:10px;
}

.dropdown-menu .btn{
	float:left;
}

.open > .dropdown-menu{
	display:inline-block;	
}

.form-control{
	display:inline-block;
	background-color:transparent;
	border:1px solid #D4E458;
	color:#D4E458;
}

.form-group .dropdown-menu {
	position: absolute;
	top: 5px;
	left: 65px;
	float: left;
	padding: 0;
	margin: 0 0 20px 0;
	background-color: transparent;
	border: 1px solid transparent;
	-webkit-box-shadow: none;
	box-shadow: none;

}


/* ////////////  Einleitung Linkfarben  //////////*/

.einleitung p{
	font-size:1.3em;
	font-weight:300;	
	margin-bottom:2em;
}

.my-link-color{
	color:#A5C95E;
	font-weight:400;
}

/* ////////////  Headlines, Icons und Dot //////////*/

h1,h2{
	font-family: Quinoa-regular;
	text-align:center;
	text-transform:uppercase;
}

h1{
	margin-top:40px;
	font-size:2em;
}

h2{
	font-size: 1.5em;
}

h3{
	font-family: Quinoa-regular;
	text-transform:uppercase;
	margin-top: 5px;
	color:#000;
}

a:hover h3{
	color: #000;
}

h2 .fa{
	display:block;
	color:#D4E458;
	margin:1em 0 0.5em;
}

.dot{
	color:#D4E458;
	font-size:0.9em;
	display:inline-block;
}

.blogfond #kommentare h3,
h4{
	text-transform:uppercase;
	letter-spacing:0.12em;
	color:#A5C95E;
	font-size:1.15em;
	font-family: Quinoa-semibold;
	text-align: left;
	margin-top:3px;
}


h5,h6{
	font-family: Quinoa-medium;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.12em;
	color: #999999;
	font-size:0.8em;
	font-weight:500;
}

footer h6{
	color: #777777;
	margin-top: 2em;
}

h5 span{
	display:inline-block;
	position:relative;
}

h5 span:before, h5 span:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid rgba(153,153,153,0.5);
  top: 7px;
  width: 55px;
}

h5 span:before {
  right: 100%;
  margin-right: 8px;
}

h5 span:after {
  left: 100%;
  margin-left: 8px;
}

.so-widget-sow-image .widget-title{
	text-transform: none;
	color: #708BA8;
	text-align: left;
	padding:2em 2em 0;
	position: absolute;
	
}

/* //////////// Buttons  //////////*/

.btn{
	font-size:0.9em;
	border:1px solid rgba(0,0,0,0.9);
	margin:1em 0 3em 0;
	padding:6px 10px;
	background-color:transparent;
	color: #000;
	font-family: Quinoa-medium;
}

.btn:hover{
	border:1px solid rgba(140,201,71,1);
	color:rgba(140,201,71,1);
}

.btn:active{
	-webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,0),0 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: inset 0 0px 0 rgba(255,255,255,0),0 0px 0px rgba(0,0,0,0);
	box-shadow: inset 0 0px 0 rgba(255,255,255,0),0 0px 0px rgba(0,0,0,0);
}

.btn:visited{
	border:1px solid rgba(0,0,0,0.9);
	color: #000;
}

.more-link,
.blogfond p a{
	font-family: Quinoa-semibold;
	color: #708BA8;
}

.more-link:hover,
.blogfond p a:hover{
	text-decoration:none;
	color:#8CC947;
	/*#3F6666;*/
}

article a:hover{
	color:#8CC947;
}

/* //////////// Start Begrüßung //////////*/

.entry.container-center p .einleitung{
	font-size: 1.1em;
	font-weight: 300;
	text-align: center;
	display:inline-block;
	/*margin-bottom:1em;*/
}

.entry.container-center p{
	text-align: left;
	/*padding:0 10px 0;*/
}

.entry.container-center ul{
	text-align:left;
	list-style-position: inside;
}

.entry.container-center .multicolumn p{
	text-align:left;
	padding: 10px;
}

/* //////////// Widget Angebote 3-Spalten  //////////*/

.col-md-4 .angebot-icon img{
	width:35%;
	margin-top:30px;
}


/* //////////// zitat-slider/Bild  //////////*/

.autor{
	letter-spacing: 0.15em;
	font-size:0.4em;
	color:#555;
	font-family: Quinoa-medium;
}

.container-center #pg-55-3{
	margin-bottom: 3em;
}


#pg-55-3{
	margin-left: -22px;
	margin-right: -22px;
}

#pg-55-3 .container-fluid{
	padding-left: 0px;
	padding-right: 0px;
}



/* //////////// Beratung und Training  //////////*/



/* //////////// Blog-Teaser  //////////*/

.container-fluid.blogteaser{
	background-color: #F1F5F3;
}

.blogteaser{
	padding:2em 1em;
	overflow:hidden;
	margin-bottom: 0em;
}

.blogteaser li{
	list-style-type:none;
	padding: 0.75em 0 0.75em 0;
}

.blogteaser .navithumb{
	margin-top: 30px;	
}

.navithumb img{
	width:100%;
	height: auto;
	margin: 5px 0 15px 0;
}

.blogfond .commentmetadata,
.post-date{
	color:#708BA8;
}

.blogteaser .blogbeitrag hgroup h4 {
    text-align: left;
    font-size: 1.2em;
    text-transform: inherit;
    margin: 0em 0em 1.3em 0em;
    color: #9a9a9a;
    font-family: Quinoa-medium;
	letter-spacing: inherit;
}


/* //////////// footer  //////////*/

footer{
	padding: 20px 0 40px;
	margin-top: 5em;
}
footer.navbar.navbar-default{
	background-color:#E7EE7B;
	margin-bottom:0px;
}
footer.navbar-default{
	background-image:  linear-gradient(to bottom, transparent 0, transparent 100%);
}

footer.nav li{
	display:inline-block;
	font-family: Quinoa-regular;
}

footer.navbar ul{
	text-align:center;
}

footer nav span.navbar{ 
	padding:1em 0 2em;
	margin-bottom: 0px;
	position:relative;
}

footer.navbar-default .navbar-nav > li > a{
	border-left:0 solid transparent;
	color:#708BA8;
	padding:4px;
	font-family: Quinoa-regular;
}

footer.navbar-default .navbar-nav.nav-social > li{
	display:inline-block;
	margin:0 0.5em 1em 0.5em;
}

footer.navbar-default .navbar-nav.nav-social > li > a{
	padding:0 0.3em 0 0.3em;
}

footer.navbar-default .navbar-nav > .active > a,
footer.navbar-default .navbar-nav > .active > a:hover,
footer.navbar-default .navbar-nav > .active > a:focus{
	border-left:0 solid transparent;
}

footer.navbar-default .navbar-nav > li > a:hover,
footer.navbar-default .navbar-nav > li > a:focus,
footer.navbar-default .navbar-nav > li > a:active{
	border-left:0 solid transparent;
	color:#49637C;
}
footer.navbar-form.navbar-right a,
footer.navbar-default .navbar-nav > .open > a,
footer.navbar-default .navbar-nav > .active > a,
footer.navbar-default .navbar-nav > .open > a:hover,
footer.navbar-default .navbar-nav > .open > a:focus,
footer.navbar-default .navbar-nav .open .dropdown-menu > li > a{
	color:#49637C;
	font-family: Quinoa-semibold;
	/*text-decoration: underline;*/
}

footer.navbar-default .navbar-nav > .active > a:hover{
	color:#49637C;
}

footer .navbar-nav{
	margin:0;
}



/* //////////// footer social icons //////////*/

#menu-social li a::before {
	font-family:    'FontAwesome';
	-webkit-font-smoothing: antialiased;
}

#menu-social li a[href*="facebook.com"]::before {
	content: '\f09a';
}
#menu-social li a[href*="twitter.com"]::before {
	content: '\f099';
}
#menu-social li a[href*="linkedin.com"]::before {
	content: '\f0e1';
}
#menu-social li a[href*="plus.google.com"]::before {
	content: '\f1a0';
}
#menu-social li a[href*="xing.com"]::before {
	content: '\f168';
}

#menu-social li span.screen-reader-text{
	display:none;
}



/* //////////// regeln für Unterseiten /////////// */

.siteorigin-widget-tinymce.textwidget li{
	font-weight: 500;
	font-size: 1.1em;
	list-style-type: none;
	list-style-position:outside;
	padding-left: 25px;
	text-indent: -22px;
}

.siteorigin-widget-tinymce.textwidget li:before{
	content: "\203A";
	margin-right:15px;
	font-weight: 600;
}

.abschluss{
	margin-bottom: 5em;	
}

.abschluss p{
	font-size: 1.2em;
	font-family: Quinoa-medium;
	text-align: center !important;
	color: #8CC947;
}

#page .abschluss p a{
	font-family: Quinoa-semibold;
	text-decoration: underline;
}

#page article a{
	font-family: Quinoa-medium;
	color: #8CC947;
}

#page article a:hover{
	color: #708BA8;
}

.panel-row-style-container{
	margin-top:2em;
}

.windrad img{
	margin: 0.5em 0em 0.5em 0em;
	width:3.5em !important;
}

.einspalter .entry.container-center ul,
.einspalter p{
	font-size: 1.1em;
}

.vita .siteorigin-widget-tinymce.textwidget li {
	/*font-size:1.3em;*/
    font-weight: 300;
	margin-bottom: 1em;
}

.liste{
	border: 1px solid #A5C95E;
	padding: 25px 30px 15px 30px;
	margin-bottom: 5em;
}




/* //////////// blogseite //////////*/

.blogfond{
	background-color:#F1F5F3;
	padding:2em 1em 2em;
}

.blogfond .container{
	padding-left:0px;
	padding-right: 0px;
}

.postmeta{
	color:#3F6666;
	margin-bottom:1em;
}

.blog-container{
	padding:2em 1em;
	overflow:hidden;
}
article{
	overflow:hidden;
	padding:0 15px 0 15px;
}

.blogfond article{
	text-align: left;
	padding:20px;
	background-color: #fff;
	margin-bottom: 30px;
}

.blogfond article h1{
	text-align:left;
	font-size:1.6em;
	margin-top:0.7em;
}

.blogfond article hgroup h2{
	text-align:left;
	font-size:1.3em;
	text-transform: inherit;
	margin: 0 0 1.2em 0;
	color: #9a9a9a;
	font-weight: 500;
}

article .entry img{
	margin-bottom: 0.4em;
}

/* //////////// blogseite – Widget-Sidebar //////////*/

.widget-sidebar{
	padding-left: 25px;
	padding-right: 25px;
}

.blogteaser .panel-grid,
.widget-sidebar ul li .blogbeitrag .shariff,
.widget-sidebar ul li .blogbeitrag p,
.widget-sidebar .panel-grid{
	display: none !important;
}

.widget-sidebar ul li{
	list-style-type: none;
	margin: 0.5em 0 0.5em 0;
}

.widget-sidebar ul .last-blogpost{
	overflow: hidden;
	list-style-type: none;
	margin: 2em 0 2em 0;
}

.widget-sidebar .widgettitle{
	margin-top:3em;
}

.widget-sidebar .blogbeitrag h3{
	font-size: 1.1em;
	margin-bottom: 0em;
}

.blogfond .widget-sidebar h4{
	text-transform: inherit;
	letter-spacing:0em;
	color:#8f8f8f;
	font-weight:500;
	font-size: 1em;
}

.blogfond .widget-sidebar h5{
	border-top: 1px solid rgba(153,153,153,0.5);
	border-bottom: 1px solid rgba(153,153,153,0.5);
	padding:10px 0 10px 0;
}

.blogfond .widget-sidebar h5 span:before,
.blogfond .widget-sidebar h5 span:after {
	width: 0px;
}

.blogfond .widget-sidebar form label{
	display: block;
}

.blogfond article .postmeta a{
	color: #8CC947;
	font-weight: 500;
}


/* //////////// blogbeitrag – single.php //////////*/

.blogfond article ol li{
	margin-left: 1em;
	margin-bottom: 1em;
}

.blogfond article ul li{
	margin-bottom: 1em;
	font-weight: 500;
	list-style-type: none;
	list-style-position:outside;
	padding-left: 27px;
	text-indent: -27px;
}

.blogfond article ul li:before{
	content: "\2192";
	margin-right:15px;
	font-weight: 600;
}

.blogfond article .wp-caption.alignnone{
	width:100% !important;
}

.blogfond #kommentare h3{
	padding: 3em 0em 0.5em 0em;
	font-size: 1.5em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.8);
	color:#708BA8;
}

.blogfond article .entry h3 {
	text-transform: inherit;
	letter-spacing: 0em;
	font-size: 1.4em;
}

.blogfond textarea{
	width: 100%;
	display: block;
	border: 1px solid rgba(0,0,0, 0.2);
}

.blogfond .comment{
	border-bottom: 1px solid rgba(112, 139, 168, 0.6);
	margin-top: 1em;
}

.blogfond .commentmetadata{
	margin-bottom: 1em;	
}

.blogfond #kommentar_formular{
	margin-top: 2em;
}

.widget-sidebar label,
.blogfond #kommentar_formular label{
	width: 85px;
	font-weight: 300;
}

.comment p{
	padding-bottom: 1em;
}

.widget-sidebar #searchsubmit,
.blogfond #submit{
	background-color: #fff;
	padding: 5px 10px;
	border: 1px solid rgba(140,201,71,1);
	color: rgba(140,201,71,1);
	font-weight: 500;
}

.widget-sidebar #searchsubmit:hover,
.blogfond #submit:hover{
	border: 1px solid #3F6666;
	color: #3F6666;
}

.widget-sidebar #searchsubmit{
	margin-top: 10px;
}

.widget-sidebar form #s{
	line-height: 1.8em;
	width: 100%;
}

span.sternchen{
	color:#A5C95E;
}

.blogfond blockquote{
	border-left: 0px solid #fff;
	color:#8CC947;
	text-align: center;
	padding-bottom: 1.5em;
}

.blogfond blockquote:before{
	content: url('images/NV_Windrad.svg');
}


/* //////////// kontaktseite mit googlemaps //////////*/

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

address{
	font-weight: 500;
	text-align: left;
}

.green{
	color: #8CC947;
	font-weight: 600;
}


/* ///////////////////////////////////////////////*/
/* ///////  Media Queries - mobile first  ////////*/
/* ///////////////////////////////////////////////*/


/* /// mediaquerie bis 1024px  /// */


@media only screen and (max-width: 768px) {
	.row {
		margin-left: 0px;
		margin-right: 0px;
	}
}



/* /// mediaquerie ab 375px – iPhone 7 /// */

@media only screen and (min-width: 375px) {

	h5 span:before, h5 span:after {
		width: 75px;
	}
	
	.blogfond article h1{
		font-size:1.9em;
	}
	
	.blogfond article hgroup h2{
		/*font-size:1.5em;*/
		margin: 0 0 1.3em 0;
	}
}


/* /// mediaquerie ab 568px – iPhone 5 landscape /// */

@media only screen and (min-width: 568px) {

	.navithumb img{
		width: 100%;
	}
	
	.blogteaser .navithumb{
		margin-top: 0px;	
	}
	
	.drittel{
		width:32%;
		float:left;
		margin-right:4%;
	}
	
	.widget-sidebar .navithumb.drittel{
		width:30%;
		float:left;
		margin-right:5%;
	}
	
	.widget-sidebar .blogbeitrag.drittel-2{
		width:65%;
		float:right;
	}
	
	.widget-sidebar #searchsubmit{
		margin-left: 10px;
	}
	
	.widget-sidebar form #s{
		width: auto;
	}
	
	.clearfix::before,
	.clearfix::after {
	  content: " ";
	  display: table;
	} 
	
	.clearfix::after {
	  clear: both;
	}
	
	.clearfix {
	  *zoom: 1; /* Für den IE6 und IE7 */
	}
}


/* /// mediaquerie ab 600px – Small Tablet /// */

@media only screen and (min-width: 600px) {

	h5 span:before, h5 span:after {
		width: 175px;
	}
	
	.angebot {
		padding: 0 3em 0 3em;
	}
	
	.container-center .widget_angebote_2spaltig .angebot p,
	.container-center .widget_angebote_3spaltig .angebot p{
		text-align: center;
	}
	
	.blogfond .container{
		padding-left:15px;
		padding-right: 15px;
	}
	
	.blogteaser li{
		padding: 1.25em 0 1.25em 0;
	}
}


/* /// mediaquerie ab 768px – Tablet /// */

@media only screen and (min-width: 768px) {
	
	.navbar .container{
		padding-left:0px;
		padding-right:0px;
	}
	
	.container > .navbar-header,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse{
		margin-right: -10px;
		margin-left: -10px;
	}
	
	main h1{
		font-size:2.5em;
	}
	
	main h2{
		font-size:1.9em;
	}
	
	h5 span:before, h5 span:after {
		width: 265px;
	}
	
	
	.container-center .wp-post-image{
		padding: 0;
	}
	

	/* //////////// zitat-slider/Bild  //////////*/

	.autor{
		font-size:0.7em;
	}
	
	
	/* //////////// Unterseiten  //////////*/
	
	.vita .siteorigin-widget-tinymce.textwidget li {
		font-size:1.3em;
		font-weight: 300;
	}
	
	.abschluss p{
		font-size: 1.4em;
	}
	
	.blogfond article h1{
		font-size:2.3em;
	}
	
	.blogfond article hgroup h2{
		font-size:1.5em;
		margin: 0 0 1.5em 0;
	}
	
	.blogfond article .entry h3 {
		font-size: 1.8em;
	}
	
	.blogfond #kommentare h3,
	h4{
		font-size:1.3em;
	}
}


/* /// mediaquerie ab 800px  /// */

@media only screen and (min-width: 800px) {
	
	.container > .navbar-header,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse{
		margin-right: -25px;
		margin-left: -25px;
	}
	
	.angebot {
		padding: 0em;
	}
}


/* /// mediaquerie ab 1024px – Tablet landscape  /// */
@media only screen and (min-width: 1024px) {
	
	main{
		top:9.3em;
	}
	
	main h3{
		font-size:2.2em;
	}
	
	h5 span:before, h5 span:after {
		width: 390px;
	}
	
	.widget-sidebar h5 span:before, .widget-sidebar h5 span:after {
		width: 50px;
	}

	
/* //////////// Header-Nav //////////*/
	
	.navbar{
		min-height: 150px;
		background-color:#fff;
	}
	
	.navbar-fixed-top{
		margin-top:0;
	}
	
	.navbar-brand{
		padding: 0.2em;
	}
	
	.navbar-brand img{
		width: 19em;
	}
	
	.navbar-nav > li > a{
		padding-top: 0.8em;
		padding-bottom: 0.5em;
	}
	
	.container > .navbar-header,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse{
		margin-right: 0px;
		margin-left: 0px;
	}
	
	.navbar-collapse.collapse, 
	.navbar-collapse.collapse.in, 
	.navbar-collapse.collapsing{
		background-color: rgba(255,255,255,1);
	}
	
	.navbar-collapse.collapse ul{
		overflow:visible;
	}
	
	.navbar-right .dropdown-menu{
		left: 0;
		right: 0;
	}
	
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
		color:#000;
		border-left:0em solid transparent;
		border-top:0.6em solid #E7EE7B;
		
	}
	
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus{
		border-left:0em solid transparent;
		color:#000;
	}
	
	header .navbar-default .navbar-nav > .active > a,
	header .navbar-default .navbar-nav > .active > a:hover,
	header .navbar-default .navbar-nav > .active > a:focus{
		border-top:0.6em solid #EEF78A;
		color:#000;
	}
	
	.navbar-form.navbar-right a,
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{
		color:#000;
	}
	
	.navbar-default .navbar-nav > li > a{
		color:#000;
		border-left:0em solid transparent;
		border-top:0.6em solid transparent;
	}

	.dropdown-menu{
		padding: 0px;
		min-width: 160px;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 0px solid transparent;
		border: 0px solid rgba(0,0,0,0.15);
	}
	
	.dropdown-menu > li > a:hover, 
	.dropdown-menu > li > a:focus,
	.dropdown-menu > .active > a, 
	.dropdown-menu > .active > a:hover, 
	.dropdown-menu > .active > a:focus{
		background-color: transparent;	
		border-top:0em solid transparent;
		background-image: linear-gradient(to bottom, transparent 0, transparent 100%);
	}
	
	.dropdown-menu > .active > a, 
	.dropdown-menu > .active > a:hover, 
	.dropdown-menu > .active > a:focus{
		background-image: linear-gradient(to bottom, transparent 0, transparent 100%);
		background-repeat: repeat-x;
		background-color: transparent;
		color: #A5C95E;
	}

	li.current_page_ancestor{
		border-top:0.6em solid #EEF78A;
	}
	
	.navbar-default .navbar-nav > li.current_page_ancestor > a{
		border-top:0em solid #EEF78A;
	}
	
	.navbar .navbar-nav .open .dropdown-menu > .active > a, 
	.navbar .navbar-nav .open .dropdown-menu > .active > a:hover, 
	.navbar .navbar-nav .open .dropdown-menu > .active > a:focus{
		color: #A5C95E;
		font-weight:normal;
		background-image: -webkit-linear-gradient(top, transparent 0, transparent 100%);
		background-image: -o-linear-gradient(top, transparent 0, transparent 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(transparent));
		background-image: linear-gradient(to bottom, transparent 0, transparent 100%);
		border-left:0em solid transparent;
		border-top:0em solid transparent;
	}

	.navbar-nav .open .dropdown-menu > li > a, 
	.navbar-nav .open .dropdown-menu .dropdown-header{
		padding: 3px 5px 3px 25px;
		border-left:0em solid transparent;	
	}
	
	ul.nav li.dropdown > ul.dropdown-menu > li > a:hover,
	ul.nav li.dropdown.open > ul.dropdown-menu > li > a:hover,
	ul.nav li.dropdown.open > ul.dropdown-menu > li > a:focus{
		border-top:0em solid transparent;
		color: #A5C95E;
	}
	
	
	
	
	
	/* dropdown öffnet sich bei hover */
	
	ul.nav li.dropdown:hover > ul.dropdown-menu{
		display:block;
	
	}
	
	ul.nav li.dropdown:hover > ul.dropdown-menu > li > a, 
	ul.nav li.dropdown:hover > ul.dropdown-header{
		padding: 3px 5px 3px 25px;
		font-family: Quinoa-regular;
		
	}
	
	ul.nav li.dropdown:hover > ul.dropdown-menu > .active > a, 
	ul.nav li.dropdown:hover > ul.dropdown-menu > .active > a:hover, 
	ul.nav li.dropdown:hover > ul.dropdown-menu > .active > a:focus{
		font-weight:normal;
	}
	
/* //////////// Start Begrüßung //////////*/

	.wpsisac-slick-slider{
		display: inherit;
	}

	.container-center .widget p{
		text-align:center;
		padding: 20px;
	}
	
	.wpsisac-slick-slider{
		margin-bottom:20px;
	}
	
	.entry.container-center p{
		padding:0;
		text-align:left;
	}
	
	.entry.container-center > ul{
		padding: 0 130px 150px;
	}
	
	.entry.container-center p .einleitung{
		padding:0px 0px 20px;
		display: block;
		font-size: 1.3em;
		font-weight: 300;
		margin: 0em 3em;
	}



	
/* ////////////  Kontaktzeile  //////////*/

	.kontaktzeile p{
		margin-bottom:0.5em;
		font-size:1em;
		display:inline-block;
		text-align:right;
	}
	
	.kontaktzeile br{
		display:inherit;
	}
	.kontaktzeile .pipe{
		display:none;
	}

	.kontaktzeile{
		top:79px;
		right:10px;
		left: unset;
		z-index:9999;
		background-color:transparent;
		padding-top:4px;
		text-align:right;
		width:270px;
	}
	

/* //////////// mobiles-logo //////////*/

	.navbar-brand#logo-mobil{
		display:none;
	}

	.navbar-brand#logo-desktop{
		display:inherit;
		max-width:19em;
		position:absolute;
		top:30px;
	}


/* //////////// Beratung und Training  //////////*/

	.col-md-6.angebote{
		padding:0 40px 0;
	}

/* //////////// Widget Angebote 3-Spalten  //////////*/

	.col-md-4 .angebot-icon img{
		width:40%;
		margin-top:30px;
	}
	

	
/* //////////// Blog-Teaser  //////////*/

	.blogteaser li{
		padding: 2em 0em 2em;
	}
	.blogteaser li span.dot{
		display:none;
	}

	.navithumb img{
		margin:0;
	}

	.blogteaser li{
		overflow:hidden;
	}
	
	.slick-track .wp-post-image{
	    padding: 0;
	}
	
	.col-md-8 .wp-post-image {
		padding: 0;
	}
	
	.col-md-8{
		padding-right:2em;
	}
	
	.blogfond article p,
	.blogfond article ul,
	.blogfond article ol{
		font-size: 1.15em;
	}
	
/* //////////// Footer-Nav //////////*/
	
	footer{
		padding:20px 120px 50px;
		margin-top:7em;
	}
	
	footer.navbar.navbar-default nav li{
		float:none;
	}
	
	footer.navbar.navbar-default nav ul{
		margin: 0px 0px;
		float:none;
		text-align:left;
	}
	
	footer.navbar.navbar-default h6{
		text-align:left;
	}
	
	footer.navbar-default .navbar-nav > li > a,
	footer.navbar-default .navbar-nav.nav-social > li > a{
		padding:0em;
	}	
	
	footer .col-md-4{
	    padding-left: 8em;
	}
	
	
/* //////////// Unterseiten //////////*/

	.abschluss {
		padding:0px 100px 0px 100px;
	}
	
	.einspalter{
		padding: 0px 85px 0px 85px;
	}
	
	.siteorigin-widget-tinymce.textwidget li,
	.einspalter p{
		font-size: 1.2em;
	}
	
	main.blogfond{
		padding-top:5em;
	}
	
	.blogteaser .blogbeitrag hgroup h3{
		font-size:2.1em;
	}
	
	.blogteaser .blogbeitrag hgroup h4{
		font-size: 1.5em;
	}
	
	.widget-sidebar{
		padding-left: 0px;
		padding-right: 0px;
	}
}


/* /// mediaquerie ab 1200px – Laptop /// */
@media only screen and (min-width: 1200px) {
	
	main h1{
		font-size:2.9em;
	}
	
	.navbar-brand#logo-desktop{
		max-width:21em;
		top:20px;
	}
	
	.navbar-brand img{
		width: 21em;
	}
	
	.entry.container-center{
		padding:0px 0px 60px;
	}

	.container{
		width: 1100px;
	}
	.navbar .container{
		width:1100px;
	}

	.container.kontaktzeile{
		width: 380px;
		right: 115px;
	}
	
	h5 span:before, h5 span:after {
		width: 430px;
	}
	
	.vita {
		padding: 0px 85px 0px 85px;
	}
	
	.angebot-icon img{
		height: 8em;
	}	

	article a:hover > h2{
		color:#c1c1c1;
	}

	.blogfond article h1{
		font-size:2.6em;
	}
	
	.blogfond article hgroup h2{
		font-size:1.7em;
	}
	
	
}