/*
Theme Name: Theme
Theme URI: http://muto.at
Author: muto websolutions e.U.
Author URI: http://muto.at
Description: The Theme
Version: 2.0
License: private
License URI: http://muto.at
Tags: 

*/



/* Allgemeine Styles */

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #000000;
	line-height: 1.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.clear{ clear:both;}
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	font-weight: 400;
}
a {
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a:hover, a:focus {
	text-decoration: none;
	outline: none;
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
} /* maximale Breite der Seite */
img.alignright {
	float: right;
	margin: 0 0 2em 2em
}
img.alignleft {
	float: left;
	margin: 0.3em 1em 0 0
	/*margin: 0 0 1em 0*/
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
a img.alignright {
	float: right;
	margin: 0 0 1em 1em
}
a img.alignleft {
	float: left;
	margin: 0 1em 1em 0
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
 @media(max-width:767px) {
img.alignright, img.alignleft, img.aligncenter {
	width: 100%;
	height: auto;
}
}
/* Header */
header .logoWrap {
	text-align: left;
	margin: 30px 0 20px 0;
}

header .logoWrap img{ width:200px; max-width:100%; height:auto;}

header #searchform{ float:right;}
header #searchform #s{ width:250px; margin-top: 7px;}

@media(max-width:767px) {
header .logoWrap {
	text-align: center;
}
header #searchform{ float:none;}
header #searchform,
header #searchform #s{ width:100% !important; }
}
header .bannerWrap {
	margin: 0 0 50px 0;
	position:relative;
}

header .bannerWrap img{ max-width:100%; height:auto;}
header .bannerWrap .headline{
	position:absolute;
	bottom:15px;
	left:15px;
	margin-right:15px;
	background:rgba(0,0,0,0.6);
	color:#fff;
	font-size:2em;
	line-height:1.2em;	
	padding:5px 10px 5px 10px;
}

@media(max-width:767px) {
	header .bannerWrap .headline{ display:none;}
	
}
.navWrap ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.navWrap ul li {
	display: inline-block;
	padding-right: 15px;
}
.navWrap a {
	border-bottom: 6px solid #fff;
	display: block;
	font-size: 1.5em;
	font-weight: 300;
	padding: 10px 10px 10px 10px;
		
}
.navWrap a:hover, .navWrap a:focus, .navWrap .current-menu-item a {
	color: #00417b;
	border-color: #00417b;
}
.navLink {
	text-align: center;
}
.navLink a {
	color: #00417b;
	font-size: 2.3em;
	line-height: 1.5em;
	display: block;
	width: 100%;
	border-bottom: 6px solid #00417b;
}
.navLink a:hover, header .navLink a:focus {
	color: #000;
	text-decoration: none;
}
/* Content */

section.content {
}
 @media(min-width:768px) {
.home section.content .contentInner {
	padding-right: 30px;
}


}
section.content h1 {
	margin-bottom: 20px;
	font-size: 2em;			
	font-weight: 300;
	color: #003f79;
}
section.content h1 span {
	display: block;
	font-size: 0.6em;
	color: #000000;
	padding-top: 5px;
	font-style: italic;
}

section.content h1.archiveTitle{ margin-bottom:35px;}
section.content h2 {
	font-size: 1.6em;
	margin-bottom: 15px;
	margin-top: 15px;
	font-weight: 400;
	color: #003f79;
}
section.content h3 {
	font-size: 1.3em;
	margin-bottom: 10px;
	margin-top: 15px;
	font-weight: 400;
	color: #000;
}
section.content hr {
	margin-bottom: 20px;
	margin-top: 50px;
}
section.content p {
	margin-bottom: 20px;
	text-align: justify;
}
section.content ul {
	margin-bottom: 25px;
}
section.content strong, section.content b {
	font-weight: 600;
}
section.content a {
	color: #003f79;
	text-decoration: none;
}
section.content a:hover, section.content a:focus {
	color: #3f3f3f;
	text-decoration: underline;
}
section.content ul {
	margin-left: 0;
	padding-left: 0;
}
section.content li {
	list-style-type: none;
}
section.content li:before {
	content: "\f054";
	color: #003f79;
	font-family: 'FontAwesome';
	padding-right: 5px;
}
/* Sidebar */

section.content .sidebarWrap h3 {
	color: #003f79;
	margin: 0 0 15px 0;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.3em;
	text-transform: uppercase;
}
section.content .sidebarWrap a {
	color: #000;
	text-decoration: none;
}
section.content .sidebarWrap a:hover, section.content .sidebarWrap a:focus {
	text-decoration: underline;
	color: #000;
}
.sidebarWrap .cat-item a {
	text-decoration: none;
	color: #000;
}
.sidebarWrap .cat-item a:hover, .sidebarWrap .cat-item a:focus, section.content .sidebarWrap .current-cat a {
	text-decoration: underline;
	color: #000;
}
.sidebarWrap .tagcloud a {
	text-decoration: none;
	color: #000;
}
.sidebarWrap .tagcloud a:hover, .sidebarWrap .tagcloud a:focus {
	text-decoration: underline;
	color: #000;
}
section.content #menu-blogroll li:before {
	font-family: 'FontAwesome';
	content: "\f08e";
	color: #003f79;
	font-weight: normal;
}
section.content #menu-feeds li:before {
	font-family: 'FontAwesome';
	content: "\f09e";
	color: #003f79;
	font-weight: normal;
}


.blogBox {
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.blogBox .boxMeta{
	/* font-size:0.9em; */
	color:#999;
	margin-bottom: 10px;
	
}
.blogBox .boxMeta a{
	color:#999;
}

.blogBox > img{
	margin-right: 10px;
	margin-top: 0.5em;
}

section.content .blogBox h3 {
	font-size: 1.3em;
	margin: 0 0 5px 0;
	line-height: 1.2em;
	font-weight: 600;
	color: #003f79;
}
section.content .blogBox h3 a {
	color: #003f79;
	text-decoration: none;
}
section.content .blogBox h3 a:hover, section.content .blogBox h3 a:focus {
	text-decoration: underline;
}
section.content .blogBox p {
	margin: 0;
}
/* Footer */

footer {
	background: #444444;
	padding: 30px 0 30px 0;
	color: #fff;
	margin: 50px 0 0 0;
}
footer ul.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align:center;
}
footer ul.menu li{ display:inline-block; padding:0 5px 0 0px;}
footer ul.menu li:before{ content:'|'; padding-right:5px;}
footer ul.menu li:first-child:before{ content:''; padding:0;}

footer a {
	color: #fff;
}
footer a:hover, footer a:focus, footer .current-menu-item a {
	text-decoration: underline;
	color: #fff;
}
footer h3 {
	font-size: 1.1em;
	margin: 0 0 15px 0;
	line-height: 1.2em;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
}
 @media(max-width:767px) {
.footerBox {
	margin-bottom: 35px;
}
}
/* Comments */
#commentFormWrap {
	padding: 25px;
}
section.content #commentFormWrap h3 {
	font-size: 1.5em;
	margin: 0 0 15px 0;
	line-height: 1.2em;
	font-weight: 600;
	color: #fff;
}

#commentform textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 5px 10px 5px 10px;
	border-radius: 3px;
	border: 0;
	height: 130px;
}

#commentsWrap {
	margin: 50px 0 0 0;
}
.comment {
	background: #f7f7f7;
	padding: 20px;
	margin: 0 0 15px 0;
}
.comment .commentmetadata {
	font-size: 1em;
	font-weight: 600;
	margin: 0 0 10px 0;
}
.comment .commentmetadata a {
	color: #003f79;
	text-decoration: none;
}
.comment .commentmetadata a:hover, .comment .commentmetadata a:focus {
	text-decoration: underline;
	color: #000;
}
.singleMeta {
	margin-bottom: 40px;
	/*font-size: 0.9;*/
	color:#999;
}
section.content .singleMeta a{
	color:#999;
}
section.content .singleMeta a:hover,
section.content .singleMeta a:focus
{
	color:#003f79;
}
.paginationWrap a {
	text-decoration: none !important;
}
/* Author Box Übersicht */

.autorBox {
	text-align: center;
	margin-bottom: 30px;
}
.autorBox .textWrap {
	padding-top: 15px;
}
.autorBox .textWrap a {
	text-decoration: none;
	line-height: 1.2em;
	display: inline-block;
}
.autorBox .textWrap a strong {
	color: #00417b;
	font-size: 1.2em;
}
.autorBox .textWrap a .metaWrap {
	display: block;
	font-style: italic;
}
.autorBox img {
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.autorBox img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}


/* Author Widget */

.autorWidgetBox{display:block; text-align:left; margin-bottom:25px; text-decoration:none !important;}
.autorWidgetBox img{ 	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;}

.autorWidgetBox img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.autorWidgetBox .autorName{ color:#00417b; font-weight:700; display:block; line-height:1.2em; padding-top: 35%; }


 @media(max-width:991px) {
	 .autorWidgetBox .autorName{ padding-top: 20%;  }
 }
 
 @media(max-width:767px) {
	 .autorWidgetBox .autorName{ padding-top: 10px;  }
 }

.autorWidgetBox .autorName span{  color:##3F3F3F; font-style:italic; font-weight:400; display:block; line-height:1.2em;  }
/* Mobile Navigation */

.sb-slidebar {
	background: #00417b;
}
.mobileNavi, .mobileNavi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.mobileNavi a {
	color: #fff;
	display: block;
	padding: 7px 0 7px 0;
	padding-left: 20px;
	font-size: 1em;
	font-weight: 600;
}
.mobileNavi a:hover, .mobileNavi a:focus, .mobileNavi ul a:hover, .mobileNavi ul a:focus {
	text-decoration: none;
	background: rgba(0,0,0,0.2);
	color: #fff;
}
.mobileNavi li.current_page_parent li a, .mobileNavi li.current_page_item li a {
	background: none;
}
.mobileNavi li.current_page_item a, .mobileNavi li.current_page_parent a, .mobileNavi li.current-menu-item a {
	text-decoration: none;
	background: rgba(0,0,0,0.2);
}
.mobileNavi li {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	border-top: 1px solid rgba(255,255,255,0.1);
}





/* Kontaktformular  */

form.wpcf7-form{ max-width:500px; margin:50px auto 0 auto;}

.wpcf7-not-valid-tip{ font-size:12px !important;}
form.wpcf7-form{ }

.wpcf7-form .required{ color:#003f79;}
.wpcf7-form strong{ font-weight:600;}
.wpcf7-form .formtextSmall{clear:both;text-align:right; font-size:0.9em;}

form label{ text-transform:uppercase; font-weight:600;}

form input.wpcf7-text,
form input.wpcf7-date,
form textarea.wpcf7-textarea {
    background-color: #eee;
    border: medium none !important;
    border-radius: 5px !important;
    box-sizing: border-box;
    color: #000 !important;
    font-size: 14px;
    padding: 10px !important;
    width: 100% !important;
}


form select {
    background-color: #eee;
    border: medium none !important;
    border-radius: 5px !important;
    box-sizing: border-box;
    color: #000 !important;
    font-size: 14px;
    padding: 10px !important;
    width: 100% !important;
	height:40px;
}


form input.wpcf7-submit {
    background-color: #003f79;
    border: medium none !important;
    border-radius: 5px !important;
    box-sizing: border-box;
    color: #fff !important;
    font-size: 14px;
    padding: 10px !important;
	text-transform:uppercase;
	float:right;
}

form input.wpcf7-submit:hover {
    background-color: #000;
	cursor:pointer !important;

}




.sidebarWrap img.attachment-post-thumbnail{ max-width:100%; height:auto;}




.text-right{ text-align:right !important;}

.btn-blue { 
  color: #FFFFFF !important; 
  background-color: #003F79; 
  border-color: #003F79; 
  text-decoration:none !important;
  font-weight:700;
  margin-top:10px;
} 
 
.btn-blue:hover, 
.btn-blue:focus, 
.btn-blue:active, 
.btn-blue.active, 
.open .dropdown-toggle.btn-blue { 
  color: #FFFFFF !important; 
  background-color: #032C52; 
  border-color: #003F79; 
} 
 
.btn-blue:active, 
.btn-blue.active, 
.open .dropdown-toggle.btn-blue { 
  background-image: none; 
} 
 
.btn-blue.disabled, 
.btn-blue[disabled], 
fieldset[disabled] .btn-blue, 
.btn-blue.disabled:hover, 
.btn-blue[disabled]:hover, 
fieldset[disabled] .btn-blue:hover, 
.btn-blue.disabled:focus, 
.btn-blue[disabled]:focus, 
fieldset[disabled] .btn-blue:focus, 
.btn-blue.disabled:active, 
.btn-blue[disabled]:active, 
fieldset[disabled] .btn-blue:active, 
.btn-blue.disabled.active, 
.btn-blue[disabled].active, 
fieldset[disabled] .btn-blue.active { 
  background-color: #003F79; 
  border-color: #003F79; 
} 
 
.btn-blue .badge { 
  color: #003F79; 
  background-color: #FFFFFF; 
}



/* MAX GREGER ADDS */