/*
 Theme Name:   it's.BB
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       lillebit
 Author URI:   http://lillebit.de
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, four-columns, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

/**
 * Table of Contents
 *
 * 1.0 - Reset 
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */
 

/**
 * 1.0 - Reset 
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}


*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

.entry-content > ol {
	margin-left: 2em;
}
.entry-content > ol > li {
	font-size: 1em;
	line-height: 22px;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}


blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}


a:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}


a:hover,
a:active {
	outline: 0;
}


a img {
	border: 0;
}



/**
 * 2.0 - Genericons
 */

.social-navigation a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}


.entry-content .more-link {
    display: block;
    width: 37px;
}

div.tp-svg-innercontainer {
	display: none;
}

span.icon-raquo:after{
	content: "\00BB";
	margin: 0;
	font-size: 1.6em;
	top: 2px;
	position: relative;
}

/**
 * 3.0 Typography
 */

body{ overflow: hidden; min-width: 321px }

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
}

p {
	margin-bottom: 15px;
}

b,
strong {
	font-weight: 700;
}


dfn,
cite,
em,
i {
	font-style: italic;
}


blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

blockquote p {
	margin-bottom: 1.6667em;
}

blockquote > p:last-child {
	margin-bottom: 0;
}


blockquote cite,
blockquote small {
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: "Noto Sans", sans-serif;
	line-height: 1.6;
}



blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}


blockquote strong,
blockquote b {
	font-weight: 400;
}


address {
	font-style: italic;
	margin: 0 0 1.6em;
}


code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}


pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}


abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
	cursor: help;
}


mark,
ins {
	background-color: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}


sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}


/**
 * 4.0 Elements
 */

hr {
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 1.6em;
}

ul,
ol {
	margin: 0 0 1.6em 1.3333em;
}

ul {
	list-style: disc;
}


ol {
	list-style: decimal;
}


li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin-bottom: 1.6em;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1.6em;
}

table,
th,
td {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
}


table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.6em;
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */
	width: 100%;



}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th, td {
	padding: 0.4em;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

figure {
	margin: 0;
}

del {
	opacity: 0.8;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}

:-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}

/* ::-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	opacity: 1;
}
/* Since FF19 lowers the opacity of the placeholder by default */

:-ms-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}


/**
 * 5.0 Forms
 */

button,
input,
select,
textarea {
	/* background-color: #f7f7f7; */
	border-radius: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
	border: 1px solid rgb(85, 85, 85);
	color: rgba(77, 77, 77, 0.7);
}

input:focus,
textarea:focus {
	background-color: #fff;
	border: 1px solid #c1c1c1;
	border: 1px solid rgba(51, 51, 51, 0.3);
	color: #333;
}

input:focus,
select:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
	cursor: default;
	opacity: .5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	background-color: #333;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	padding: 0.7917em 1.5em;
	text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	background-color: #707070;
	background-color: rgba(51, 51, 51, 0.7);
	outline: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	padding: 0.375em;
	width: 100%;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: 0;
}

.post-password-form {
	position: relative;
}

.post-password-form label {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-transform: uppercase;
}

.post-password-form input[type="submit"] {
	padding: 0.7917em;
	position: absolute;
	right: 0;
	bottom: 0;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
	padding: 0;
}


/**
 * 6.0 Navigations
 */

/**
 * 6.1 Links
 */

a {
	color: #333;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	-webkit-transition: color 500ms ease-out;
	-moz-transition: color 500ms ease-out;
	-o-transition: color 500ms ease-out;
	transition: color 500ms ease-out;
}

/**
 * 6.2 Menus
 */

.secondary .nav-container {
	width: 100%;
	max-width: 1111px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}
.secondary .main-navigation {
	width: 100%;
	display: block;
}

.secondary .main-navigation h3{
	padding-left: 20px;
    width: 100%;
    margin-bottom: 20px;
    font-size: 1.35em;
    font-weight: 300;
    font-style: italic;
}

.menu-main-nav-right-container,
.menu-main-nav-left-container{
	display: block;
}

.main-nav-right li,
.main-nav-left li {
	display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.5rem;
    line-height: 1.2;
	margin-bottom: 20px;
	font-weight: 300;
}

.main-nav-right li.current-menu-item,
.main-nav-left li.current-menu-item {
	font-weight: bold;
}

.main-nav-left li::before{
	width: 15px;
    margin-right: 9px;
    border: 2px solid black;
    font-weight: bold;
    padding: 0px 0;
    display: inline-block;
    text-align: center;
    font-size: .6em;
    top: -3px;
    position: relative;
}
/*
.main-nav-left li:nth-child(1)::before{
    content: "M";
}
.main-nav-left li:nth-child(2)::before{
    content: "T";
}
.main-nav-left li:nth-child(3)::before{
    content: "O";
}
.main-nav-left li:last-child::before{
	content: "R";
}
*/

.main-nav-right li a:hover,
.main-nav-left li a:hover,
.main-nav-left li a:focus {
	color: #707070;
}

.main-nav-left li:hover::before {
	border: 2px solid #707070;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

.main-nav-right li a,
.main-nav-left li a{
	letter-spacing: 2px;
	text-transform: uppercase;
}

.main-nav-right{
	/*padding-left: 26px;*/
}


/* Footer Left Navigation */

.footer-left-navigation{
    display: block;
    margin: 0 auto;
}

.footer-left-navigation ul{
	margin: 0 auto;
	padding: 0 15px;
}

.footer-left-navigation li {
	display: block;
	padding: 0 10px 0 0;
	font-size: 1.3rem;
	line-height: 1.2;
	margin-bottom: 0;
	padding: 0 20px 0 0;
	width: auto;
}
.footer-left-navigation li:last-of-type {
	background-color: #00656B;
	border-radius: 7px;
	padding: 5px 2px 4px 5px;
	margin: 15px 0 5px 0;
	width: fit-content;
	width: -moz-fit-content;
}

.footer-left-navigation li::before{
	width: 13px;
	margin-right: 5px;
	padding: 0px 0;
	text-align: center;
	font-size: 1.6em;
	position: relative;
	top: 0px;
}
.footer-left-navigation li::before{
    content: "»";
}
.footer-left-navigation li:last-of-type::before {
	content: unset;
}

footer-nav-left
/*
.footer-left-navigation li:nth-child(2)::before{
    content: "T";
}
.footer-left-navigation li:nth-child(3)::before{
    content: "O";
}
.footer-left-navigation li:last-child::before{
	content: "R";
}
*/

.footer-left-navigation li a:hover,
.footer-left-navigation li a:focus {
	color: #707070;
	-webkit-transition: color 500ms ease-out;
	-moz-transition: color 500ms ease-out;
	-o-transition: color 500ms ease-out;
	transition: color 500ms ease-out;
}

.footer-left-navigation li:hover::before {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

.footer-left-navigation li a{
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
}
.footer-left-navigation li:last-of-type a {
	color: #ffffff;
	padding: 5px 15px 4px 15px;
}


/* Footer Right Navigation */

.container-footer-right span{
	font-weight: bold;
	width: 100%;
	display: block;
	text-align: center;
}

.container-footer-right .footer-right-navigation{
    display: block;
    margin: 0 auto;
}

.footer-right-navigation ul{
	margin: 20px auto;
	width: 235px;
}

.footer-right-navigation li {
    display: inline-block;
	padding: 0 2px;
	text-decoration: underline;
    padding-left: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.4rem;
    line-height: 1.2;
    margin-bottom: 0.2em;
}

.footer-right-navigation li:hover a,
.footer-right-navigation li a:hover{
    text-decoration: none;
}

/* Category Menu */

body.category section.category-menu,
body.single-post section.category-menu{
	margin-top: 119px;
	/*position: fixed;
	top: 120px;
	z-index: 1000;
	width: 100%;
	background-color: #fff;*/
}
div.category-menu-class {
	text-align: center;
	border-top: 1px solid #00656B;
	border-bottom: 1px solid #00656B;
}
div.category-menu-class ul {
	margin: 0;
	list-style: none;
	text-align: center;
	display: inline-block;
	font-size: 0;
}
div.category-menu-class li {
	display: inline-block;
	font-size: 13px;
}
div.category-menu-class li:first-of-type {
	border-left: 1px solid #00656B;
}
div.category-menu-class li.current-menu-item,
div.category-menu-class li.current-post-parent,
div.category-menu-class li.current-menu-item a,
div.category-menu-class li.current-post-parent a{
	color: #ffffff;
	background-color: #00656B;
}
div.category-menu-class a {
	color: #00656B;
	border-right: 1px solid #00656B;
	padding: 5px 10px;
	display: inline-block;
	text-transform: uppercase;
}

/* Search */

.widget-area .search-form{
    display: block;
    margin: 40px auto 20;
    padding: 0 20px;
}

#header-widget-area{
	padding: 0;
	position: absolute;
	top: 28px;
	right: 10px;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 300px;
	z-index: 49;
	right: 0px;
	top: 60px;
	margin: 0;
}
.site-footer #header-widget-area {
	position: relative;

}
#header-widget-area .chw-widget {
	display: inline-block;
}
#header-widget-area .chw-widget .zoom-social-icons-list .socicon{
	width: 1em;
	height: 1em;
	line-height: 1em;
	font-size: 1em;
	padding: 3px;
	margin-top: -4px;
}
#header-widget-area .chw-widget .zoom-social-icons-list--no-labels .zoom-social_icons-list__item{
	margin: 0 10px 0 0;
}
#header-widget-area .search-form {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0 5px;
	width: 170px;
}
#header-widget-area .search-form input[type="search"]{
	border: none;
	color: #00656B !important;
	font-size: 16px;
}
#header-widget-area .search-form input::placeholder{
	color: #ffffff !important;
	background-image: url("img/search.png");
	background-position: right;
	background-repeat: no-repeat;
}
#header-widget-area .search-form input:focus{
	border: 1px solid #00656B30;
}
.no-js .main-navigation ul ul {
	display: block;
}


.mailto-button {
	background: transparent url("img/mail.png") no-repeat scroll center center / 28px auto;
	height: 20px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 28px;
	right: 10px;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 28px;
	z-index: 49;
	display: none;
}

.secondary-toggle {
	background: url("img/menu-toggle.png") no-repeat scroll center center transparent;
	height: 20px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 28px;
	left: 10px;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 28px;
	z-index: 400;
}

.secondary-toggle:hover,
.secondary-toggle:focus {
	background-color: transparent;
	outline: 0;
}

.secondary-toggle.toggled-on {
	background: url("img/menu-close.png") no-repeat scroll center center transparent;
	position: fixed;
	margin-top: 1px;
	margin-left: 14px;
	left: auto;
}

.overlay {
	background-color: transparent;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 45;
}



/**
 * 9.0 Clearings
 */

.clear:before,
.clear:after,
.site:before,
.site:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after,
.comment-navigation:before,
.comment-navigation:after,
.social-navigation ul:before,
.social-navigation ul:after,
.textwidget:before,
.textwidget:after {
	content: "";
	display: table;
}

.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
	clear: both;
}


/**
 * 10.0 Header
 */

.site-content {
   	float: left;
	margin-top: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
	z-index: 100;
}


.sidebar {
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 20000;
    position: fixed;
	background-color: #FFF;
	top: 0;
	left: 0;
	border-bottom: 1px solid #00656B;
	/*box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),
				0 2px 2px 0 rgba(0,0,0,.14), 
				0 1px 5px 0 rgba(0,0,0,.12);*/
}

body.category .sidebar {
	border-bottom: none;
}

.site-header {
	padding: 10px 0;
	display: block;
	position: relative;	
	width: 100%;
	max-width: 1111px;
	margin: 0 auto;
}

.site-title figure {
    display: block;
    width: auto;
    max-width: 115px;
	margin: 0 auto;
	z-index: 300;
}

.site-title figure img{
    width: 100%;
	z-index: 500;
}

.site-description {
	display: none;
	font-family: "Noto Sans", sans-serif;
	font-size: 90%;
	margin: 0.5em 0 0;
}

/**
 * 12.0 Content
 */

#main.site-entry,
#main.site-main
{
	padding: 80px 15px 30px;
	overflow: hidden;
}

.category #main.site-entry,
.single-post #main.site-entry{
	padding-top: 60px;
}

#main.list-home{
	padding: 20px 15px 0 15px;
}

.secondary {
	display: none;
	padding: 70px 0.5em 1.5em;
	position: fixed;
	width: 100%;
	margin-top: 0;
	margin-left: 0;
	top: 0;
	width: 100%;
	z-index: 50;
	opacity: .9;
	height: 100%;
	background: #dde0e0;
}

.secondary.toggled-on {
	display: block;
}

.site-title {
	z-index: 300;
    position: relative;
}

.widget-area {
	margin: 20px auto 0;
}

.site-footer {
	/*background-color: #dde0e0;*/
    padding: 10px 0 20px 0;
    width: 100%;
    display: block;
    z-index: 5000;
}

.site-footer .footer-container{
	max-width: 1111px;
    padding: 0;
    display: block;
    margin: 0 auto;
	overflow: hidden;
}

.site-content h1.entry-title {
	font-size: 2em;
	margin-bottom: 1em;
}

h1.h1-home {
	font-size: 1.5rem;
	text-align: center;
	padding-bottom: 10px;
	padding-right: 17px;
}

/**
 * 12.1 Posts and pages
 */

.hentry {
	position: relative;
}

.hentry.has-post-thumbnail {
	padding-top: 0;
}

.hentry.sticky:not(.has-post-thumbnail) {
	padding-top: -webkit-calc(7.6923% + 24px);
	padding-top: calc(7.6923% + 24px);
}

.hentry + .hentry {
	border-top: 1px solid #eaeaea;
}



/* List container */

.entry-article,
.list-articles,
#list-article {
	width: 100%;
    display: block;
    overflow: visible;
	margin: 0 auto;
	/*max-width: 290px;*/
}

/* Default block list */

article.itsbb,
article.entry,
article.long-block{
	background-color: white;
	/*border: 1px solid #888;*/
	float: left;
	margin: 0 0 1.5em;
	width: 100%;
	overflow: hidden;
	min-width: 290px;
}

article.task-list {
	border: 1px solid #888;
}

article.article-home {
	display: inline-block;
	height: auto;
	margin: 0 0 2em 0;
	vertical-align: top;
	width: 100%;
}

article.long-block {
    height: 405px;
}


article.itsbb a,
article.entry a,
article.article-home a {
	display: block;
	overflow: hidden;
	height: 100%;
}

article.itsbb a:hover .entry-header,
article.entry a:hover .entry-header,
article.article-home a:hover .entry-header {
	background-color: #DDE0E0;
	-webkit-transition: background-color 500ms ease-out;
	-moz-transition: background-color 500ms ease-out;
	-o-transition: background-color 500ms ease-out;
	transition: background-color 500ms ease-out;
}

article.itsbb .entry-header,
article.entry .entry-header,
article.article-home .entry-header{
	/*border-bottom: 1px solid #888;*/
	width: 100%;
	display: block;
	overflow: hidden;
	font-style: normal;
}

article.task-list .entry-header {
	border-bottom: 1px solid #888;
}

article.article-home .entry-header .entry-date,
article.entry .entry-header .entry-info .entry-date{
	font-size: 1.2em;
	font-weight: bold;
	border: none;
	float: left;
	padding: 4px 8px 0 10px;
}

article.itsbb .entry-header .entry-category,
article.article-home .entry-header .entry-category,
article.entry .entry-header .entry-info .entry-category{
	font-size: 1.2em;
	text-align: center;
	text-transform: uppercase;
	display: block;
	padding: 2px 8px 2px 8px;
	font-weight: bold;
	float: right;
	border-right: none;
	/*border-left: 1px solid #888;*/
}

article.article-home .entry-body .entry-content{
	padding: 10px 14px 10px 10px;
    height: 80px;
}

article.article-home .entry-featured p,
article.article-home .entry-body .entry-content p{
	font-size: 15px;
    line-height: 21px; 
	margin-bottom: 0;
	text-align: left;
}

article.article-home .entry-featured{
	border-top: 1px solid #888;
    padding: 10px 14px 10px 10px;
	margin-top: 25px;
    height: 259px;
	width: 100%;
    /*background: #4F868E;*/
	background: rgb(124, 167, 171);
    color: white;
    font-size: 1.4em;
    line-height: 1.3;
}

article.article-home .entry-img{
	margin-top: 25px;
	display: block;
    width: 100%;
	border: 1px solid #cccccc;
	text-align: center;
	height: 280px;
	vertical-align: middle;
	display: table-cell;
	width: 340px;
}
article.article-home .entry-featured {
	display: table;
}
article.article-home .entry-featured .centered {
	vertical-align: middle;
	display: table-cell;
}

article.article-home .entry-article-home--category {
	display: block;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	margin: 10px 0 0 0;
}
article.article-home h2.entry-article-home--title {
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.4em;
	margin-top: 12px;
}
article.article-home .entry-article-home--subtitle {
	display: inline-block;
	line-height: 1.3em;
	margin-top: 5px;
}
article.article-home .entry-article-home--more {
	display: inline-block;
	font-style: italic;
	font-weight: bold;
}

/* General block list */

article.itsbb .entry-header .entry-title,
article.entry .entry-header .entry-title{
	font-size: 1.2em;
    font-weight: bold;
    float: left;
    padding: 10px;
    line-height: 1.2;
	width: 85%;
}

article.entry .entry-info{
	float: left;
    width: 100%;
    border-top: 1px solid #888;
}

article.entry .entry-body .entry-content{
	padding: 10px 14px 10px 10px;
}

article.entry .entry-body .entry-content b{
	font-size: 1.05em;
    line-height: 19px;
    margin-bottom: 15px;
    text-align: left;
    display: block;
}

article.entry .entry-body .entry-content p{
	font-size: 1em;
    line-height: 19px;
    margin-bottom: 18px;
    text-align: left;
}

article.entry .entry-attachment.single-attachment{
    display: block;
}
article.entry .entry-attachment{
	border-top: 1px solid #888;
	padding: 10px 14px 10px 10px;
	display: none;
}

article.entry .entry-attachment span{
	display: inline-block;
	vertical-align: top;
}

article.itsbb .entry-header .entry-attachment img,
article.entry .entry-attachment img{
	display: none;
}

article.itsbb .entry-header .entry-attachment i,
article.itsbb .entry-header .entry-attachment a,
article.entry .entry-attachment i,
article.entry .entry-attachment a{	
	vertical-align: top;
    display: inline-block;
    min-width: 24px;
    height: 24px;
    background: url(img/pdf-icon.png) no-repeat scroll 0px 2px transparent;
    background-size: 16px 18px;
    font-size: 0;
}
article.itsbb .entry-header .entry-attachment i,
article.itsbb .entry-header .entry-attachment a{
    min-width: 18px;
    height: 24px;
	background: url(img/pdf-icon.png) no-repeat scroll 0px 0px transparent;
	background-size: 16px 18px;
}
article.entry .single-attachment a{
	font-size: inherit;
    padding-left: 29px;
}

/* ItsBB block list */

article.itsbb .entry-header .entry-attachment{
	float: right;
    padding: 10px;
}

article.itsbb .entry-body .entry-img{
	display: block;
	max-width: 100%;
	margin: 10px auto 0;
	padding: 16px 10px 0px 10px;
}

article.itsbb .entry-body .entry-content{
	padding: 10px;
	display: block;
	margin: 10px auto 0;
	width: 100%;
}

article.itsbb .entry-body .entry-content p{
	font-size: 1em;
    line-height: 19px;
    margin-bottom: 10px;
    text-align: left;
}

article a div.opacity-filter {
	background: rgba(0, 0, 0, 0.6);
	height: 100%;
	left: 0;
	padding: 16px 35px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 30;
	visibility:hidden;
}

article a:hover div.opacity-filter {
	visibility: visible;
}

article a div.opacity-filter span {
	display: block;
	color: #FFF;
	width: 100%;
	font-size: 1.5rem;
	visibility: hidden;
}
article a:hover div.opacity-filter span {
	visibility: visible;
}
article a div.opacity-filter span.icon{
	display: block;
	font-size: 3rem;
	/*background: url("img/impuls-icon.png") no-repeat scroll 0 0 transparent;*/
	margin-bottom: 5px;
	visibility: visible;
	line-height: 1.5rem;
}

article a div.opacity-filter span.article-home-headline{
	text-transform: uppercase;
	font-size: 2rem;
	visibility: visible;
}

.post-thumbnail {
	border: 0;
	display: block;
	margin-bottom: 1.4em;
	position: relative;
	background: none repeat scroll 0 0 transparent;
}

/* Homeslider */

section.home-slider{
	position:relative;
    left:0;
    right:0;  
    margin-top: 56px;
}

section.home-slider .tp-mask-wrap .tp-caption {
	/*background-color: black;
	padding: 0.1em 0.3em 0.1em 0.3em !important;*/
}

.entry-header {
	/*padding: 0 1%;*/
	padding: 0;
}

.skip-link{
	display: none;
}

.entry-text .entry-content {
	padding: 0;
}

.entry-text .entry-header,
.entry-text .entry-content {
	padding: 0 15px;
}

.entry-body {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.entry-summary {
	padding: 0 18px 4% 14px;
	position: relative;
}

.entry-content > :last-child,
.entry-summary > :last-child {
	margin-bottom: 0;
}


.entry-content,
.entry-summary,
.page-content,
.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.1538;
	margin-top: 1.8462em;
	margin-bottom: 0.9231em;
}

.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.3636;
	margin-top: 2.1818em;
	margin-bottom: 1.0909em;
}

.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3333;
	margin-top: 2.6667em;
	margin-bottom: 1.3333em;
}

.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.page-content h4,
.page-content h5,
.page-content h6,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.2;
	margin-top: 3.2em;
	margin-bottom: 1.6em;
}

.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > h5:first-child,
.entry-content > h6:first-child,
.entry-summary > h1:first-child,
.entry-summary > h2:first-child,
.entry-summary > h3:first-child,
.entry-summary > h4:first-child,
.entry-summary > h5:first-child,
.entry-summary > h6:first-child,
.page-content > h1:first-child,
.page-content > h2:first-child,
.page-content > h3:first-child,
.page-content > h4:first-child,
.page-content > h5:first-child,
.page-content > h6:first-child{
	margin-top: 0;
}


.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.pingback .comment-body > a {
	font: bold 14px/30px;
	line-height: 20px;
}

.entry-content a.more-link:hover{
	border-bottom: 1px solid #888;
	color: #888;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.page-content a:hover,
.page-content a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus {
	border-bottom: 0;
}

.entry-content a img,
.entry-summary a img,
.page-content a img,
.comment-content a img {
	display: block;
}



audio,
canvas {
	display: inline-block;
}


embed,
iframe,
object,
video {
	margin-bottom: 1.6em;
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

#wpcf7-f73-p2-o1 {
	max-width: 550px;
}


article.itsbb .entry-body .entry-img.more-images img {
	margin-bottom: 20px;
}

.single-post article#post-1936 .entry-content,
.single-post article#post-1839 .entry-content {
	width: 100% !important;
}
article#post-1936 .entry-content table,
article#post-1839 .entry-content table{
	border: none;
}
article#post-1936 .entry-content td,
article#post-1839 .entry-content td {
	vertical-align: top;
	padding-bottom: 50px;
	border: none;
}
article#post-1936 .entry-content td:first-of-type,
article#post-1839 .entry-content td:first-of-type {
	padding-right: 20px;
}
article#post-1936 > .entry-body > .entry-img,
article#post-1839 > .entry-body > .entry-img {
	display: none !important;
}

/**
EVENTS
 */

.tribe-theme-parent-twentyfifteen #tribe-events,
.tribe-theme-twentyfifteen #tribe-events {
	padding-top: 0;
}
.tribe-bar-submit {
	margin-left: 5%;
	width: 33%;
}

/* Kalender */

.datepicker {
	z-index: 100000 !important;
}


/*
article.entry a.eventbrite {
	display: block;
	background-color: #00656B;
	width: 220px;
	color: #fff;
	padding: 15px;
	font-size: 15px;
	text-align: center;
	box-shadow: 3px 4px 6px #aaaaaa80;
}
*/

a.eventbrite::after {
	content: "" !important;
}

 /**
 * 16.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/**
 * 16.1 Mobile Large 620px
 */

@media screen and (max-width: 620px) {
	#header-widget-area,
	section.category-menu,
	.site-footer #header-widget-area .chw-widget:first-child {
		display: none;
	}
	.site-footer #header-widget-area {
		right: unset;
		top: unset;
		margin: 30px 0 0 15px;
		display: block;
		text-align: left;
	}
	#header-widget-area .chw-widget .zoom-social-icons-list .socicon {
		padding: 5px;
		font-size: 1.2em;
	}
}
@media screen and (min-width: 620px) {

	ul,
	ol {
		margin-left: 1.3333em;
	}

	li > ul,
	li > ol,
	blockquote > ul,
	blockquote > ol {
		margin-left: 1.3333em;
	}
	.footer-left-navigation li {
		display: inline-block;
		padding: 0 10px 0 0;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1.3rem;
		line-height: 1.2;
		margin-bottom: 20px;
	}

	.footer-left-navigation li::before{
		width: 13px;
		margin-right: 5px;
		font-weight: bold;
		padding: 0px 0;
		display: inline-block;
		text-align: center;
		font-size: 1.6em;
		position: relative;
		top: 0px;
	}
	.site-footer #header-widget-area {
		display: none;
	}
	blockquote {
		margin-left: -1em;
	}

	blockquote > blockquote {
		margin-left: 0;
	}

	#main{
		overflow: hidden;
		margin: 0 auto;
	}

	#main.site-entry,
	#main.site-main{
		padding-top: 100px;
	}
	
	#main.list-home{
		padding-top: 20px;
	}

	/** Header and navigation **/

	/* Homeslider */

	section.home-slider{
		margin-top: 74px;
	}
	
	.secondary {
		padding: 100px 0.5em 1.5em;
	}
	.secondary .main-navigation {
		max-width: 580px;
		margin: 0 0 0 10%;
	}
	.secondary .main-navigation h3{
		padding-left: 0px;
	}

	.menu-main-nav-left-container{
		float: left; 
		width: 59%;
	}
	.menu-main-nav-right-container{
		float: left; 
		width: 40%;
	}

	.main-nav-right li, .main-nav-left li {
		font-size: 1.7rem;
		width: auto;
	}

	.secondary-toggle {
		left: 20px;
	}
	
	.secondary-toggle.toggled-on {
		margin-left: 18px;
	}
	.mailto-button {
		right: 20px;
	}
	.secondary-toggle.toggled-on {
		margin-top: 0;
		margin-left: 19px;
	}

	.site-title figure {
	    max-width: 170px;
	}

	.site-branding {
		min-height: 3.2em;
	}

	.site-title {
		position: relative;
		max-width: 250px;
		margin: 0 auto;
		display: block;
	}

	.site-description {
		display: block;
	}

	.hentry.sticky:not(.has-post-thumbnail) {
		padding-top: inherit;
	}

	.hentry + .hentry,
	.page-header + .hentry,
	.page-header + .page-content {
		margin-top: 7.6923%;
	}

	.hentry + .hentry {
		border-top: 0;
	}

	.entry-footer {
		padding: 4.5454% 9.0909%;
	}

	.page-header {
		border-bottom: 0;
		padding: 3.8461% 7.6923%;
	}

	.page-content {
		padding: 6%;
	}

	.social-navigation {
		display: block;
    	margin: 10px 0;
	}

	.widget-area {
		margin: 30px auto;
	}

	/* Kunden Carousel */

	.logo-slider{	
	    max-width: 520px;	 
	}

	.hentry + .hentry, .page-header + .hentry, .page-header + .page-content{
		margin-top: 0;
	}

	/* Footer navs  */


	.footer-left-navigation ul{
	    /*width: 560px;*/
	}
	
	/*.footer-left-navigation li:nth-child(3),
	.footer-left-navigation li:nth-child(1),
	.footer-left-navigation li:nth-child(2),
	.footer-left-navigation li:nth-child(4){
		padding: 0 20px 0 0;
		width: auto;
	} */

	
	/* List container */
	#list-article article:nth-child(even) {
		margin: 0 1% 2em;
		width: 47%;
	}
	#list-article article:nth-child(odd) {
		margin: 0 1% 2em 1.5%;
		width: 47%;
	}

	.entry-article,
	.list-articles{
		max-width: none;
	}

	/* Default block list */

	article.itsbb,
	article.entry, 
	article.long-block, 
	article.article-home{
		min-width: auto;
	}

	article.long-block {
		height: 405px;
	}

	/* ItsBB block list */

	article.itsbb{
		max-width: none;
	}

	/* ItsBB single */
		
	article.itsbb .entry-body .entry-content,
	article.image-article .entry-body .entry-content {
		padding: 10px 14px 10px 10px;
		display: block;
		float: left;
		width: 59%;
		margin: 0;
		max-width: none;
	}

	article.itsbb .entry-body .entry-img,
	article.image-article .entry-body .entry-img {
		float: left;
		max-width: 100%;
		width: 40%;
		margin: 0;
		text-align: right;
	}
	.single-post article.itsbb .entry-body .entry-img,
	.single-post article.image-article .entry-body .entry-img {
		float: right;
	}
	article.itsbb .entry-body .entry-img.more-images,
	article.image-article .entry-body .entry-img.more-images{
		float: left;
		padding: 13px 2em 0 10px;
	}

	article.itsbb .entry-body .entry-img.more-images img,
	article.image-article .entry-body .entry-img.more-images img{
		margin-bottom: 20px;
	}
	
	article.image-article .entry-body .short-text {
		width: 53%;
	}
	article.image-article .entry-body .long-img {
		max-width: 550px;
		width: 46%;
		padding-top: 12px;
	}

	article.task-list {
		border: 1px solid #888;
		height: 260px;
	}

	article.task-list .entry-body .short-text{
		width: 46%;
	}
	article.task-list .entry-body .long-img {
		max-width: none;
		width: 54%;
		max-height: 154px;
	}
	.task-list .entry-header {
		border-bottom: 1px solid #888;
	}
	article a div.opacity-filter span {
		font-size: 2rem;
	}
	article a div.opacity-filter span.icon{
		font-size: 4rem;
		line-height: 2rem;
	}
	article a div.opacity-filter span.article-home-headline{
		font-size: 3rem;
	}

	h1.h1-home {
		font-size: 3rem;
		text-align: center;
		padding-bottom: 20px;
		padding-right: 30px;
	}
	#header-widget-area {
		right: 15px;
		top: 38px;
		margin: 0;
		height: 27px;
	}
	#header-widget-area input[type="search"]{
		padding: 0.2em;
		height: 28px;
	}
	#header-widget-area .chw-widget .zoom-social-icons-list .socicon{
		width: 1em;
		height: 1em;
		line-height: 1em;
		font-size: 1em;
		padding: 3px;
		margin: -4px 0 0 0;
	}
	#header-widget-area .chw-widget .zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
		margin: 2px;
	}
	div.category-menu-class a {
		padding: 5px 10px;
	}
}



/**
 * 16.2 Tablet Large 740px
 */


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

	/* Header */

	.site-header {
	    padding: 14px 0;
	}

	.mailto-button,
	.secondary-toggle{
	    top: 34px;
	}

	.secondary .main-navigation h3{
		font-size: 1.5em;
		padding-left: 40px;
	}

	.main-nav-right li, .main-nav-left li {
		font-size: 1.7rem;
	}

	/**  List of articles structure Desktop  **/

	#main.site-entry,
	#main.site-main{
		padding-top: 110px;
	}
	
	#main.list-home{
		padding-top: 20px;
	}

	div.entry-media #carousel{
		margin: 0 5px 5px 5px;	
	}

	article.home-slider{
		height: auto;
		float: left;
	}

	.logo-slider .flex-direction-nav a{
	    display: block;
	}

	#page{
	    margin: 0 auto;
	    position: relative; /* Ensure absolute positioned child elements are relative to this */
	}

	.page-header {
		border-bottom: 0;
		padding: 10px 0 25px 0;
	}

	.page-title {
	    font-size: 1.9rem;
	}

	.secondary {
		height: 500px;
	}

	.main-navigation li {
	    padding: 0 12px 0 20px;
	}

	/* Footer navs  */

	.footer-left-navigation {
		float: none;
		margin: 0 auto;
	}

	.container-footer-right{
		float: none;
	}

	.footer-right-navigation {
		float: none;
		margin: 0 auto;
	}

	article.itsbb .entry-header .entry-title,
	article.entry .entry-header .entry-title {
		font-size: 1.8em;
		line-height: 1.1;
		width: 85%;
	}

	article.article-home .entry-header .entry-date, 
	article.entry .entry-header .entry-info .entry-date{
		font-size: 1.6em;
		padding: 0px 8px;
	}

	article.itsbb .entry-header .entry-category,
	article.article-home .entry-header .entry-category, 
	article.entry .entry-header .entry-info .entry-category{
		font-size: 1.6em;
		padding: 0px 8px;
	}

	article.entry .entry-body .entry-content b {
		font-size: 1.25em;
		line-height: 21px;
		margin-bottom: 15px;
	}

	article.itsbb .entry-header .entry-attachment i,
	article.itsbb .entry-header .entry-attachment a,
	article.entry .entry-attachment i,
	article.entry .entry-attachment a{	
		min-width: 28px;
		background: url(img/pdf-icon.png) no-repeat scroll 0px 1px transparent;
		background-size: 18px 20px;
	}
	article.itsbb .entry-header .entry-attachment i,
	article.itsbb .entry-header .entry-attachment a{
		background: url(img/pdf-icon.png) no-repeat scroll 0px 2px transparent;
		background-size: 18px 20px;
	}
	 
	article.article-home .entry-body .entry-content p,
	article.itsbb .entry-body .entry-content p,
	article.entry .entry-body .entry-content p {
		font-size: 1em;
    	line-height: 22px;
	}

	article.article-home .entry-featured {
		font-size: 1.4em;
		line-height: 1.3;
	}

}


/**
 * 16.3 Tablet Large 970px
 */


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

	body {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.6;
		margin: 0 auto;
	}

	#main.site-entry,
	#main.site-mainy{
		padding-top: 120px;
	}
	
	#main.list-home{
		padding-top: 20px;
	}

	/* Header */

	section.home-slider {
		margin-top: 120px;
	}

	.site-header {
	    padding: 20px 0;
	}

	.site-title figure {
	    max-width: 250px;
	}

	.site-footer {
		padding: 10px 0 20px 0;
	}

	.mailto-button,
	.secondary-toggle{
	    top: 60px;
	}
	#header-widget-area {
		top: 60px;
	}
	.secondary {
		padding: 150px 0.5em 1.5em;
	}

	.secondary .main-navigation {
		margin: 0 0 0 12%;
	}

	.main-nav-right li, .main-nav-left li {
		font-size: 2.2rem;
	}


	/* Kunden Carousel */

	.logo-slider{	
	    max-width: none;	 
	}

	/* Footer navs  */

	.footer-left-navigation {
		float: left;
		margin: 0;
	}

	.footer-right-navigation {
		float: right;
		margin: 0;
	}

	.footer-right-navigation ul {
		margin: 0 10px 0 0;
		width: auto;
	}

	.container-footer-right span {
		text-align: none;
		width: auto;
		float: right;
	}

	/* List container */

	#list-article {
		max-width: 960px;
	}

	/* Default block list */

	article.article-home {
		width: 30%;
		margin: 0 1.5% 2em;
	}

	#list-article article:nth-child(even) {
		width: 30%;
		margin: 0 1.5% 2em;
	}
	#list-article article:nth-child(odd) {
		width: 30%;
		margin: 0 1.5% 2em;
	}

	/* Mission list */

	article.entry .entry-info{
		float: right;
		width: auto;
		border-top: none;
	}

	article.entry .entry-info .entry-date,
	article.entry .entry-info .entry-category{
		float: right;
		border-top: none;
		border-right: none;
		/*border-left: 1px solid #888;*/
	}

	article.entry .entry-info .entry-date{
		border-left: none;
	}

	/* ItsBB list */
		
	article.itsbb {
		width: 48%;
		margin: 0 4% 26px 0;
		float: left;
		max-width: none;
	}

	article.itsbb:nth-child(2n) {
		margin: 0 0 26px 0;
	}

	article.itsbb .entry-header .entry-title{
		font-size: 1.4em;
		padding: 10px;
		width: 85%;
	}

	/* ItsBB single */
		
	article.image-article {
		width: 100%;
		margin: 0 0 26px;
		float: left;
		max-width: none;
	}
		
	article.image-article .entry-body .entry-content {
		width: 59%;
	}

	article.image-article .entry-body .entry-img {
		max-width: 100%;
		width: 40%;
	}
	
	article.image-article .entry-body .short-text {
		width: 50%;
	}
	article.image-article .entry-body .long-img {
		max-width: 100%;
		width: 50%;
	}
	article a div.opacity-filter span {
		font-size: 1.5rem;
	}
	article a div.opacity-filter span.article-home-headline {
		font-size: 2rem;
	}
	article a div.opacity-filter span.icon{
		font-size: 3rem;
		line-height: 1.5rem;
	}
	div.category-menu-class li {
		font-size: 1.5rem;
	}
	div.category-menu-class a {
		padding: 5px 20px;
	}
}


/**
 * 16.4 Desktop Small 1130px
 */

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

	#page {
		width: 1111px;
		padding: 0;
	}

	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table {
		margin-bottom: 1.6em;
	}

	button,
	input,
	select,
	textarea {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.5;
	}

	button,
	input {
		line-height: normal;
	}

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.post-password-form input[type="submit"],
	.widecolumn #submit,
	.widecolumn .mu_register input[type="submit"] {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 0.7917em 1.5833em;
	}

	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	textarea {
		padding: 0.375em;
	}

	/** Header and nav **/

	#main.site-entry,
	#main.site-main{
		padding: 150px 0 35px 0;
	}
	
	#main.list-home{	
		padding: 20px 0 35px 0;
	}

	.site-content {
		display: block;
	    float: left;
	    width: 100%;
	    z-index: 100;
	}

	.site-branding {
		min-height: 0;
		padding: 0;
	}

	.secondary-toggle.toggled-on {
		margin-left: 2px;
	}

	.secondary-toggle {
		left: 0;
	}

	.mailto-button {
		right: 0px;
	}

	.main-navigation .menu-item-description {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.5;
	}

	.hentry,
	.page-header,
	.page-content {
		margin: 0 ;
		overflow: hidden;
	}

	/* Homeslider */

	article.home-slider{
	    height: 548px;
	    width: 827px;
	    margin: 0;
	}
	.footer-left-navigation ul {
		padding: 0;
	}
	.footer-left-navigation li:nth-child(1){
		padding: 0 10px 0 0;
	}

	.footer-right-navigation ul {
		margin: 0;
		width: auto;
	}

	/* List container */

	#list-article {
		width: 102%;
		max-width: none;
		margin: 0 0 0 -1%;
	}

	/* Default block list */

	article a div.opacity-filter span {
		font-size: 2rem;
	}
	article a div.opacity-filter span.icon{
		font-size: 4rem;
		line-height: 2rem;
	}
	article a div.opacity-filter span.article-home-headline{
		font-size: 3rem;
	}
	div.category-menu-class a {
		min-width: 180px;
	}
	#header-widget-area {
		right: 0px;
	}
}