@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700i|Rubik:400,500,700,900');

/* CUSTOM STYLES */

/* MOBILE */

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


/* BASE TEMPLATE EXTENDED */

.nav-collapse .nav-pills > li > a { padding-right: 0px; padding-left: 0px; margin-right: 16px; line-height: 18px; }

/* TEMPLATE */

body { font-family: 'Rubik', sans-serif; font-size: 15px; line-height: 24px; color: #1D3B8A; font-weight: 400; }

body.site { padding: 0!important; }

.container-fluid { padding: 0!important; }

.item-page-container { padding: 0 20px; margin: 0 auto; max-width: 960px; }

ul.nav.menu.nav-pills { padding: 20px; }

.view-article .container { padding: 60px 20px 20px 20px; }

a:hover, a:focus { color: #74BFB0!important; }

h1, h2, h3 { font-family: 'Rubik', sans-serif; font-weight: 700; font-size: 32px; line-height: 40px; position: relative; display: inline-block; color: #1D3B8A; }
h4 { font-family: 'Merriweather', serif; font-weight: 700; font-size: 32px; line-height: 40px; position: relative; display: inline-block; color: #74BFB0; }
h3 { max-width: 480px; }
h4 { max-width: 540px; }
h5 { font-family: 'Rubik', sans-serif; font-weight: 700; font-size: 24px; line-height: 30px; position: relative; color: #1D3B8A; }
.item-page-container p { max-width: 680px; }

.newspaper {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	-webkit-column-rule: 1px solid #f5f5f5;
	-moz-column-rule: 1px solid #f5f5f5;
	column-rule: 1px solid #f5f5f5;
}

@media (max-width: 767px) { .newspaper { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }
.span3 img, .span4 img, .pull-none img { width: 100%; opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.blog .span3 img:hover, .blog .span4 img:hover, .blog .span6 img:hover { opacity: .5; }

.span6 img { margin-top: 20px; }

.page-header { margin-top: 0!important; }

.pager::before { clear: both; }
.contact-address dd, .contact-position dd { margin-left: 0px!important; }
.brand { margin-left: 12px; }

.btn-large { -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; }

.nav-pills > li > a { color: #1D3B8A; border: 1px solid #1D3B8A; }
.nav-pills > li > a:hover, .nav-pills > li > a:active, .nav-pills > li > a:focus, .nav-pills > li.current > a { color: #74BFB0; background: #fff; }

/* UNORDERED LIST */

.item-page ul, .blog ul, ol { list-style-type: none; margin: 0 0 0 190px; }
@media (max-width: 767px) { .item-page ul, .blog ul, ol { margin: 0 0 0 30px; } }
.item-page li, .blog li { font-family: 'Merriweather', serif; font-style: italic; font-size: 18px; line-height: 36px; }

.item-page li:before, .blog li:before {
	display: inline-block;
	color: #74BFB0;
	font-family: 'FontAwesome';
	content: "\f111";
	font-size: 10px;
	position: absolute;
	font-weight: 400;
	font-style: normal;
	margin-left: -20px;
	padding: 0;
	width: 20px;
}

ul.pagination-list li:before { display: none; }

strong { font-size: 16px; }

.example { border: 6px solid #74BFB0; padding: 0 20px 20px 20px; display: inline-block; }

.img-content { width: 320px; float: left; margin: 0 25px 20px 0; }
@media (max-width: 767px) { .img-content { width: 100%; float: none; margin: 0 0 20px 0; } }

.infobox { display: inline-block; position: relative; padding: 30px 30px 60px 30px; margin-bottom: 20px; border: 6px solid #74BFB0; background-color: rgba(116,191,176,0.2); }
.infobox p { font-size: 18px; line-height: 36px; }
.infobox:after { display: inline-block; font-family: 'FontAwesome'; font-size: 28px; color: #74BFB0; content: '\f05a'; position: absolute; bottom: 20px; right: 20px;}


/* BLOG NEWS */

.blog.news, .item-page.news { margin: 66px auto; max-width: 960px; }
.blog.news .items-row:not(:last-child) { padding-bottom: 20px; border-bottom: 2px solid #74BFB0; }
@media (max-width: 960px) { .blog.news, .item-page.news { margin: 66px 20px; } }

/* BLOG ITEM */

.blog .items-row { margin-top: 20px; }

.blog .span4, .blog .span6 { display: inline-block; color: #1D3B8A; padding: 5px 20px 25px 20px; margin-bottom: 30px; border: 1px solid #f5f5f5; box-shadow: 0 5px 5px rgba(0,0,0,0.2); }

.pull-none.item-image, .img_caption { position: relative; max-width: 100%; max-height: 420px; overflow: hidden; margin-bottom: 30px; }

.pull-none.item-image img { max-height: 420px; object-fit: cover; }

p.img_caption { font-size: 56px; line-height: 125%; font-weight: 700; color: #fff; text-align: left; vertical-align: middle; width: 960px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }
@media (max-width: 979px) { p.img_caption { font-size: 36px; margin: 0 20px; } }

div.img_caption.none[style] { width: 100%!important; }

/* ONE PAFGE SCROLL */

.onepage_tile { position: relative; height: 100%; padding: 0; overflow: hidden; }
.onepage_tile .content { text-align: left; vertical-align: middle; width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -54%); }

.onepage_tile .name { margin-bottom: 30px; font-size: 18px; font-weight: 900; line-height: 18px; letter-spacing: 1px; color: #74BFB0; text-transform: uppercase; }
.onepage_tile .header { font-size: 86px; font-weight: 700; line-height: 70px; color: #fff; }
.onepage_tile .sub1 { margin-top: 50px; font-family: 'Merriweather', serif; font-size: 24px; font-style: italic; font-weight: 700; line-height: 42px; color: #fff;}
.onepage_tile .sub2 { margin-bottom: 50px; font-family: 'Merriweather', serif; font-size: 24px; font-style: italic; font-weight: 700; line-height: 42px; color: #74BFB0;}
.onepage_tile .focusbtn a { padding: 12px 36px; font-size: 18px; font-weight: 500; letter-spacing: 1px; color: #fff; text-transform: uppercase; border: 6px solid #74BFB0; }
.focus { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background: url(/images/stories/bildzone/profil-hero.jpg); background-repeat: no-repeat; background-position: 50% 0; -webkit-background-size: cover; background-size: cover; transform-origin: top left; }
@media (max-width: 767px) { .onepage_tile .header { font-size: 28px; line-height: 21px; } .onepage_tile .sub1, .onepage_tile .sub2 { margin: 15px 0; font-size: 16px; line-height: 21px; } }

/* transform: skewY(-6deg); */

.onepage_tile .methodenname { max-width: 840px; font-family: 'Merriweather', serif; font-size: 24px; font-style: italic; font-weight: 700; line-height: 42px; color: #1D3B8A;}
.methoden > .content > .row-fluid { margin-top: 50px; }
.onepage_tile .designbox { position: relative; padding: 30px 30px 60px 30px; margin-bottom: 20px; background-color: #fff; border: 6px solid #74BFB0; min-height: 210px;}
.onepage_tile .visualbox:after { display: inline-block; font-family: 'FontAwesome'; font-size: 60px; color: #1D3B8A; content: '\f178'; position: absolute; bottom: 30px; right: 30px;}
a:hover > .visualbox { background-color: #74BFB0; }
.onepage_tile .visualheader { margin-bottom: 20px; font-size: 32px; font-weight: 700; line-height: 46px; color: #1D3B8A; }
.onepage_tile .visualtext { font-size: 20px; line-height: 36px; color: #1D3B8A; }
.onepage_tile .visualbox { position: relative; padding: 30px 30px 60px 30px; background-color: #fff; border: 6px solid #1D3B8A; min-height: 210px;}
.onepage_tile .designbox:after { display: inline-block; font-family: 'FontAwesome'; font-size: 64px; color: #74BFB0; content: '\f178'; position: absolute; bottom: 30px; right: 30px;}
a:hover > .designbox { background-color: #1D3B8A; }
.onepage_tile .designheader { margin-bottom: 20px; font-size: 32px; font-weight: 700; line-height: 46px; color: #74BFB0; }
.onepage_tile .designtext { font-size: 20px; line-height: 36px; color: #74BFB0; }
.methoden { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background: url(/images/stories/bildzone/methoden-hero.png); background-repeat: no-repeat; background-position: 50% 0; -webkit-background-size: cover; background-size: cover; transform-origin: top left; }
@media (max-width: 767px) { .onepage_tile .methodenname { font-size: 16px; line-height: 21px; } .methoden > .content{ margin-top: 30px; } .methoden > .content > .row-fluid { margin-top: 20px; } .onepage_tile .visualbox, .onepage_tile .designbox { min-height: auto; padding: 10px; } .onepage_tile .visualbox:after, .onepage_tile .designbox:after { font-size: 32px; line-height: 32px; top: 10px; right: 10px; } .onepage_tile .visualheader, .onepage_tile .designheader { margin: 0; font-size: 18px; line-height: 32px; } .onepage_tile .visualtext, .onepage_tile .designtext { display: none; font-size: 13px; line-height: 18px; } }

.onepage_tile .workshopsname { max-width: 940px; font-family: 'Merriweather', serif; font-size: 24px; font-style: italic; font-weight: 700; line-height: 42px; color: #fff;}
.workshops > .content > .row-fluid { margin-top: 50px; }
.onepage_tile .workshopsbox { position: relative; padding: 20px 20px 40px 20px; margin-bottom: 20px; border: 6px solid #1D3B8A; }
.onepage_tile .workshopsbox:after { display: inline-block; font-family: 'FontAwesome'; font-size: 60px; color: #1D3B8A; content: '\f178'; position: absolute; bottom: 20px; right: 20px;}
a:hover > .workshopsbox { background-color: #74BFB0; }
.onepage_tile .workshopspreheader { font-size: 21px; font-weight: 300; line-height: 42px; color: #1D3B8A; }
.onepage_tile .workshopsheader { margin-bottom: 20px; font-size: 28px; font-weight: 700; line-height: 46px; color: #1D3B8A; }
.workshops { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background: url(/images/stories/bildzone/workshops-hero.jpg); background-repeat: no-repeat; background-position: 50% 0; -webkit-background-size: cover; background-size: cover; transform-origin: top left; }
@media (max-width: 767px) { .onepage_tile .workshopsname { font-size: 16px; line-height: 21px; } .workshops > .content{ margin-top: 40px; } .workshops > .content > .row-fluid { margin-top: 20px; } .onepage_tile .workshopsbox { min-height: auto; padding: 10px; } .onepage_tile .workshopsbox:after { font-size: 32px; line-height: 32px; top: 10px; right: 10px; } .onepage_tile .workshopspreheader, .onepage_tile .workshopsheader { margin: 0; font-size: 18px; line-height: 21px; } }

/* MEDIA QUERIES */

@media (max-width: 979px) {
.pull-right img { width: 100%; }
.pull-right.item-image { margin: 0 0 20px 0; }
}

/* Activates hovering the main items to show the sub items */

@media (min-width: 980px) {
		.nav-pills > li > a,
		.dropdown-menu {
			margin-bottom: 0;
		}

		.nav-pills > li.dropdown:hover ul.dropdown-menu,
		.nav-tabs > li.dropdown:hover ul.dropdown-menu {
			display: block;
		}

		.nav-pills > li.dropdown ul.dropdown-menu .dropdown-submenu .dropdown-menu,
		.nav-tabs > li.dropdown ul.dropdown-menu .dropdown-submenu .dropdown-menu {
			display: none;
		}

		.nav-pills > li.dropdown ul.dropdown-menu .dropdown-submenu:hover .dropdown-menu,
		.nav-tabs > li.dropdown ul.dropdown-menu .dropdown-submenu:hover .dropdown-menu {
			display: block;
		}
	}