/*!
 * Piipe Stylesheets
 * @author Johannes Berdin (berdin@apptimists.de)
 */


/* Default Styles */
html, body {
	height: 100%;
}

html.no-scroll {
	overflow-y: hidden;
}

body, body.backend #wrapper,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
label, label:hover,
a, a:hover,
button[type=submit], button[type=button], body.backend article,
.page-node-add .panel-title, .page-node-edit .panel-title,
.form-type-radio label, .form-type-radio label:hover {
	font-family: 'Lato', sans-serif;
}

body {
	background-color: #FFF;
	padding-top: 48px;
}

body.mceContentBody {
  padding-top: 0px;
}

body.cke_editable {
	padding-top: 0;
}

html body.admin-menu, body.admin-menu .navbar-fixed-top {
	margin-top: 28px !important;
	top: 0px;
}

html body.admin-menu {
  height: calc(100% - 28px);
}

html body.admin-menu.page-node-edit.node-type-article, html body.admin-menu.page-node-add-article {
	padding-top: 48px; 
	overflow: hidden;
}

html body.backend{
	padding-top: 48px;
}

h2 {
	line-height: 1.2;
}

a, a:hover, a:focus {
	word-wrap: break-word;
	cursor: pointer;
	text-decoration: none;
	outline: none;
}

span:focus {
	text-decoration: none;
	outline: none;
}

p, p.help-block {
	line-height: 24px;
	text-align: left;
	font-weight: 400;
	font-style: normal;
	margin: 0px 0px 12px 0px;
	color: #333;
}

label {
	font-weight: bold;
}

p > a, p > a:hover {
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
}

p.snippet {
	color: #00aaff;
	cursor: pointer;
	margin-bottom: 0px;
}

button[type=submit], button[type=button] {
	border: 0px;
	border-radius: 0px;
	padding: 0px 12px;
	height: 36px;	
	text-transform: uppercase;
}

input[type=text], input[type=password], .profile textarea {
	border-radius: 0;	
	padding: 6px 12px;
}

input[type=text]:focus, input[type=password]:focus, .profile textarea:focus {
	border: 2px solid rgb(91,197,198);
	outline: 0;
	padding: 6px 11px;
}

img.file-icon {
	width: initial !important;
}

blockquote {
    padding: 24px 20px;
    margin: 0;
    border-left: none;
    border-top: 1px dotted rgb(200,200,200);
    border-bottom: 1px dotted rgb(200,200,200);
}

blockquote .additional-info{
	margin: 0;
	padding: 0;
}

blockquote .additional-info .media {
	margin: 0;
}

article {
	background-color: #fff !important;
}

.width-limit {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

.responsive-padding {
	padding: 0 90px;
}

.form-control {
	border-radius: 0;
}

.profile textarea:focus {
	padding: 5px 11px;
}


.print-info {
	display:none;
}

.page-node img {
	cursor: pointer;
}

.messages-container {
	position: fixed;
	top: 10%;
	z-index: 10000;
	width: 100%;
}

.messages-container .alert {
	border: 1px solid #fff;
	border-radius: 0;
}
.messages-container span{
	font-weight: bold;
	font-size:14px;
	line-height: 17px;
}

.messages-container .alert-warning {
	border-color: #f8e71c;
	color: #f8e71c;
	background-color: #fff;
}

.messages-container .alert-success {
	background-color: #fff;
	border-color: #7ed321;
	color: #7ed321;
}

.messages-container .alert-danger {
	border-color: #d0021b;
	color: #d0021b;
	background-color: #fff;
}

.messages-container .alert-info {
	border-color: #064975;
	color: #064975;
	background-color: #fff;
}

.messages-container .message {
	color: #4a4a4a;
	background-color: #fff;
	font-weight:normal;
	line-height: 24px;
}

#large-image-wrapper {
	visibility: hidden;
	background-color: rgba(0,0,0,0.8);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 10000;
	overflow: auto;  
	text-align: center;
	vertical-align: middle;
}

#large-image-wrapper:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

#large-image-container {
	max-width: 95%;
	left: 0;
	right: 0;
	margin: 20px auto;
}

.page-admin-structure-taxonomy #wrapper, .page-taxonomy-term-edit #wrapper {
	margin-bottom: 12px;
}

@media print {
	html body.admin-menu {
		top: 0px !important;
		margin-top: 0px !important;
		padding-top: 0px !important;
	}
	.node-parallax {
		max-height: 100% !important;
	}
    a:link:after,
    a:visited:after {
        content: "" !important;
    }
	#footer, #comments, .youtube.additional-info iframe, ul.tabs--primary.nav.nav-tabs,
	body > iframe, body > iframe + iframe, header.navigation, div.social, #skip-link, #admin-menu	{
		display:none !important;
	}
	.print-info {
		display: block !important;
	}
}

#edit-search-block-form--2 {
	height: 36px;
}

.container {
	width: 100%;
}

.row {
	background-color: #ffffff;
}

#mainmenu:before {
	content: initial;
}
#mainmenu:after {
	content: initial;
}

span.slogan {
	color: #8c8c8c;
	font-style: italic;
	font-weight: normal;
	vertical-align: bottom;
	line-height: 12px;
	padding-left: 9px;
}

/* Node Styles */

.node-content {
	position: relative;
	margin-bottom: 50px;
	padding: 30px 0;
	background-color: #ffffff;
}

.node-share .at_a11y {
	display:none;
}

div.social {
	float: right;
}

.stats-social {
	margin: 0 0 24px 0;
	padding: 12px 0;
	border-top: 1px dotted rgb(200,200,200);
	border-bottom: 1px dotted rgb(200,200,200);
}

.node-stats {
	float:left;
	color: rgb(155, 155, 155);
	margin: 6px 0;
}

.node-stats span.value {
	color: #000;
	margin-left: 12px;
}

.node-stats span.stat {
	margin-right: 12px;
	text-transform: uppercase;
}

.node-stats span:last-child {
	margin-right: 0px;
}

.node-stats span:first-child {
	margin-left: 0px;
}

.node-parallax {
	position: relative;
	max-height: 350px;
	overflow: hidden;
	/*z-index: 490;*/
}

.node-parallax img {
	width: 100%;
	height: auto;
}

.node-info {
	font-size: 16px;
	font-weight: 300;
}

.page-header {
	margin-top: 12px;
	border-bottom: 1px dotted rgb(200,200,200);
}

.page-title {
	margin-top: 12px;
	font-size: 20px;
	font-weight: bold;
}

.node-tagcloud {
	margin-top: 24px;
}

.page-node .infoheader {
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 0px;
}

.page-node .additional-info .infodata {
	margin-top: 24px
}

.page-node .additional-info.links > span + a {
	margin-top: 24px
}

.page-node .additional-info.links > a {
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}

.page-node .additional-info.links > div + a{
	margin-top: 0px
}

.tags.additional-info {
	padding-bottom: 36px;
	border-bottom: 1px dotted rgb(200,200,200);
}

.page-node .col-md-8 {
	border-right: 1px dotted rgb(200,200,200);
	padding-right: 36px !important;
}
.page-node .col-md-4 {
	padding-left: 36px !important;
}

.additional-info {
	padding-top: 36px;
}

.additional-info .media .pull-left {
	max-width: 40%;
	margin-right: 12px;
	padding-top: 6px;
}

.additional-info.image-gallery .media {
 display:none;
}

.additional-info.image-gallery .media.active {
	display:block;
}

.additional-info.image-gallery .media-body {
	position:relative;
}

.additional-info.image-gallery img {
	width: 100%;
}

.gallery-image-infos {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    background-color: rgba(75,75,75,0.9);
}
.gallery-image-infos .infotype_description p {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	padding: 6px;
}

.gallery-image-infos .image-text {
	display:none;
}

.gallery-image-infos .image-text.visible{
	display:block;
}

.gallery-image-infos .infotype_comment {
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	padding: 6px;
}

.gallery-image-infos .gallery-footer-infos {
	font-size: 14px;
	font-weight: normal;
	color: #c9c9c9;
}

.gallery-image-infos .show-text-button {
	text-align: right;
	font-size: 14px;
	font-weight: normal;
	color: #c9c9c9;
}

.additional-info {
	margin-bottom: 36px;
}

.additional-info.citation .image {
	width: 39.9%;
	float:left;
}

.additional-info.citation  .citation {
	width:100%;
	float:left;
	padding-left: 18px;
	padding-right: 18px; 
}

.additional-info.citation .image + .citation {
	width:59.9%;
}

.additional-info.citation .citation, .additional-info.citation .citation p {
	text-align: center;
}


.additional-info.citation .infotype_description p {
	color: rgb(6,73,117);
	font-size:24px;
	line-height: 32px;
	font-weight: normal;
}

.additional-info.citation .infotype_description p:before {
	content: "\201E";
}


.additional-info.citation .infotype_description p:after {
	content: "\201D";
}


.additional-info.citation .infotype_comment {
	color: rgb(0,0,0);
	font-size:18px;
	margin-top:12px;
	font-weight: bold;
}


.infotype_infobox {
    margin-top: 12px
}

.infotype_infobox.odd {
    border: 1px solid rgb(74, 74, 74);;
}

.infotype_infobox.even {
    border: 1px solid rgb(6, 73, 117);
}


.infotype_infobox p {
    text-align: center;
    font-size: 18px;
    line-height: 26px;
}

.infotype_infobox .infobox_number {
    color: #7DB153;
    font-size: 40px;
    font-weight: bold;
	line-height: 40px;
}

.infobox_top_box > p{
    margin-bottom:12px
}

.infobox_top_box > p:first-child {
    margin-top:0px;
}

.infobox_top_box > p:last-child {
    margin-bottom:0px
}

.infobox_top_box {
    padding: 18px;
}

.infobox_bottom_box {
    padding: 18px;
}

.infotype_infobox.odd .infobox_bottom_box {
    background-color: rgb(74, 74, 74);
}

.infotype_infobox.even .infobox_bottom_box {
    background-color: #7DB153;
}

.infobox_bottom_box > p {
    color: white;
}

.node-type-videoartikel .additional-info.field-name-field-youtube {
	padding-top: 0px;
}

.node-type-videoartikel .additional-info.field-name-field-youtube div.infodata:first-child {
	margin-top: 0px;
}

.node-type-videoartikel .field-name-body {
	padding-top: 36px;
}

.page-node .node-content > .row:first-child {
	margin-top: 36px;
	margin-bottom: 24px;
}

.page-node .node-content > .row:last-child > .col-md-8 {
	margin-bottom: 36px;
	padding-bottom: 0px;
}

.page-node .node-content > .row:last-child > .col-md-8 > div:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

.page-node .col-md-8 > div:last-child {
	border-bottom: 1px dotted rgb(200,200,200);
	padding-bottom: 36px;
}

.sources-list {
	list-style: none; 
	padding-left: 0;
	margin-bottom: 48px;
	margin-top: 10px;    
	word-break: break-word;
}

.sources-list li {
	margin-bottom: 12px;
}

.sources-list span {
	line-height: 1.5;
}

.sources-list a span{
	font-weight: 300;
}

.sources-list a:hover span{
	text-decoration: underline;
}

@media(max-width: 991px) {
	.page-node .col-md-4 {
		padding-left: 15px !important;
		padding-right: 15px;
		padding-top: 36px;
	}
	
	.page-node .col-md-8 {
		border-right: none !important;
		padding-right: 15px !important;
	}
}

.page-node .node-origin a:hover {
	text-decoration: underline;
}

body article.article-box .in-image-infos .node-title{
	color: #fff;
	font-size: 24px;
}

.node-title, .node-title a{
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	text-align: left;
	color: #000000;
	margin-top: 0px;
	text-align: left;
}

.node-title a {
	margin-bottom: 0px;
}

.node-title{
	margin-bottom: 12px;
}

.page-node .node-title, .page-node .node-title a {
	font-size: 30px;
}

.user-picture img {
	width: 64px;
	height: 64px;
}

header.navigation.mobile .username {
	display:none;
}

@media(max-width: 600px) {
	.navbar .username {
		display:none;
	}
}

.navbar .username {
	font-size: 14px;
	font-weight: normal;
}

.lead, .lead p {
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
}

.page-node .lead > a:last-child {
	display: none;
}

.additional-info.links a {
	display: block;
}

/* Custom Node Styles */
.node-wikipedia, .node-youtube, .node-googlemaps, .tweets {
	margin: 0px;
}

.tweets.additional-info > div {
	display: flex;
}

.node-wikipedia a, .node-wikipedia a:hover {
	color: #333333;
}

.node-googlemaps { 
 	position: relative;
}

.node-googlemaps-overlay { 
	height: 100%;
	width: 100%;
	position: absolute;
	background-color: rgba(0,0,0,0);
	top: 0px;
}

/* custom font-styles necessary? */
.node-wikipedia {
	padding: 16px;
	background: #ffffff;
	border: 1px solid #e3e3e3;
}
.node-wikipedia h1 {
	margin-top: 0;
	font-family: 'PT Serif';
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
}
.node-wikipedia h3 {
	margin-bottom: 6px;
	padding-bottom: 6px;
	font-family: 'Lora', Georgia, Times, serif;
	font-size: 18px;
	font-weight: 400;
	border-bottom: 1px solid #a3a3a3;
}
.node-wikipedia p {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.node-wikipedia h1::first-letter { 
	font-size: 125%;
}
.node-youtube iframe { width: 100%; }

.curator {
	margin: 0 0 0 0 ;
	padding-bottom: 36px;
	border-bottom: 1px dotted rgb(200,200,200);
}

.username {
	font-size: 18px;
	font-weight: 600;
}

.curator .media-body {
	padding-top: 0px;
	padding-left: 12px;
	font-weight: 400;
}

.curator .media-body .username {
	font-size: 14px;
}

.curator .media .pull-left {
	margin-right: 0px;
}

.curator-comment { 
	line-height: 24px; 
	margin-top: 6px;
}

/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */
#wrapper {
    padding-left: 0;
    min-height: -webkit-calc(100% - 117px);
    min-height: -moz-calc(100% - 117px);
	min-height: calc(100% - 117px);
}

#page-content-wrapper {
    width: 100%;
    padding: 0;
}

#wrapper.active #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Navbar styles */

header.navigation {
	min-height: 48px;
	margin: 0px;
	border: none;
	border-radius: 0px;
	position: fixed;
	z-index:1030;
    left: 0;
    right: 0;
	top: 0;
}

.navigationbar {
	padding-left: 0px;
	padding-right: 0px;
	max-height: 48px;
}

.logobar {
	text-align: left;
	background-color: #fff;
	max-width: 100%;
	padding: 12px 0;
}

.logobar .logo {
	padding-right: 0;
}

.navigationbar-element.magazine-name {
	display: inline;
	float: left;
}

.navigationbar-element.magazine-name{
	text-transform: uppercase;
}

.navbar-collapse {
	padding-left: 0px;
}


div.navbar-collapse > nav > ul + ul {
	float:right;
}

div.navbar-collapse.collapsing > nav > ul, div.navbar-collapse.in > nav > ul {
	float:none !important;
}

div.navbar-collapse.collapsing > nav > ul + ul, div.navbar-collapse.in > nav > ul + ul {
	float:none !important;
}

.navbar-collapse.in, .navbar-collapse.collapsing {
	border: none;
	box-shadow: none;
	overflow-y: hidden;
	background-color: #000;
}

.navbar-collapse.in, .navbar-collapse.collapsing{
	max-height: initial;
}

.navbar-user {
    position: relative;
    float: right;
    padding: 0;
    list-style: none;
    margin: 0;
}

.navbar-collapse.collapsing ul li a, .navbar-collapse.in ul li a{
	padding-left: 0px;
}



#navbar-button {
	background-color: transparent;
}

.navbar .logo {
	min-height: initial;
}

header.navigation {
	font-weight: 600;
	border: 0px;
}

.navigationbar-element {
	color: #ffffff;
	text-transform: uppercase;
	padding: 14px;
	display: block;
}

.navigationbar-element:hover, .navigationbar-element:focus {
	color: #4e9ec6;
}
.navigationbar-element.active, .navigationbar-element.active:hover, .navigationbar-element.active:focus {
	color: #89f0ff;
	background-color: #000;
}
header.navigation .dropdown.open > a, header.navigation .dropdown.open > a:hover, header.navigation .dropdown.open > a:focus {
	color: #4e9ec6;
	background-color: #000000;
}
header.navigation .navbar-toggle:hover, header.navigation .navbar-toggle:focus {
	background-color: #000000;
}
header.navigation .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
header.navigation .navbar-collapse{
	border-color: #ffffff;
}

@media (max-width: 767px) {
	header.navigation .dropdown.open .dropdown-menu > li > a {
		color: #ffffff;
	}
	header.navigation .dropdown.open .dropdown-menu > li > a:hover, header.navigation .dropdown.open .dropdown-menu > li > a:focus {
		color: #4e9ec6;
	}
	header.navigation .dropdown.open .dropdown-menu > .active > a, header.navigation .dropdown.open .dropdown-menu > .active > a:hover, header.navigation .dropdown.open .dropdown-menu > .active > a:focus {
		color: #89f0ff;
		background-color: #000;
	}
}


.navbar-toggle {
	display: none;
	float:left;
	margin: 0;
	height: 48px;
	border: none;
}

.navbar-toggle-right {
	display: none;
	float: right;
}

.navbar-toggle-left .navbar-toggle.responsive-padding {
	padding-left: 0;
}
.navbar-toggle-right .navbar-toggle.responsive-padding {
	padding-right: 0;
}

div.navbar-collapse.collapse  {
	display: block;
}

div.logged-in-navbar .navbar-collapse.collapse {
	float:left;
}

/* navbar-right styles */
.navbar-right {
	float:right;
	margin: 0px;
	padding-right: 0px !important;
}

ul.navbar-right > li.first.leaf {
	float: left;
}

ul.navbar-right > li.last.leaf {
	float:right;
}

.navbar-collapse.collapsing ul.navbar-right a, .navbar-collapse.in ul.navbar-right a {
	padding-left: 0;
}

.navbar-collapse.collapsing ul.navbar-right > li.first.leaf, .navbar-collapse.in ul.navbar-right > li.first.leaf {
	float: none;
}

.navbar-collapse.collapsing ul.navbar-right > li.last.leaf, .navbar-collapse.in ul.navbar-right > li.last.leaf {
	float:none;
}



.navigationbar-element.dropdown-toggle:hover + ul, .navigationbar-element.dropdown-toggle:hover + .dropdown-menu, .dropdown-menu:hover {
	display: block;
}

.categories .navigationbar-element.dropdown-toggle + .dropdown-menu, .categories .dropdown-menu {
	display:block;
	overflow:hidden;
	max-height: 0px;
	border-width: 0;
    -moz-transition: all 0s linear 0.5s; 
	-webkit-transition: all 0s linear 0.5s;
	-o-transition: all 0s linear 0.5s;
    transition: all 0s linear 0.5s;
}

.categories .navigationbar-element.dropdown-toggle:hover + .dropdown-menu, .categories .dropdown-menu:hover {
	max-height: 400px !important;
	border-top-width: 12px !important;
	border-bottom-width: 6px !important;
}

.navbar-categories ul a+div{
    position: absolute;
    left: 100%;
    top: 0;
    width: calc(50vw);
}

ul.categories {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}
ul.categories > li{
	float: left;
    display: block;
    position: static;
}

ul.categories .dropdown-menu {
	top: initial;
	width: 100%;
	margin: 0;
}

.categories-list-wrapper {    
	float: left;
    margin-right: 12px;
    padding-left: 0px;
    width: 20%;
}

.categories-list-wrapper > .subcategory {
	padding: 12px 24px;
	padding-left: 13px;
	line-height: 20px; 
}

.categories-list-wrapper > .subcategory:hover {
	background-color: #ccc;
}

.categories-list-wrapper > .subcategory > a {
	color: #333;
    font-size: 14px;
    text-transform: uppercase;
}

.navigationbar-small a.dropdown-toggle {
	float: left;
}

.navigationbar-small-toggle {
	background: inherit;
	border: none;
}

.categories-content-wrapper {
	float: left;
	max-width: 85%;
}

.categories-content-wrapper.promo {
	max-width: calc(85% - 381px);
}

.category-promo {
    max-width: 300px;
    float: left;
    max-height: 300px;
	overflow:hidden;
}

.category-promo .additional-info {
	margin: 0;
	padding: 0;
}

.categories-content-wrapper .header {
    display: block;
    margin-top: 12px;
	text-transform: uppercase;
}

.categories-content-wrapper div > article {
	padding-bottom: 0;
	margin-top: 24px;
	margin-bottom: 0px;
	border-bottom: none;
}

.categories-content-wrapper > div, .categories-content-wrapper > div.active ~ .category-content {
	display: none;
}

.categories-content-wrapper > .category-content, .categories-content-wrapper > div.active {
	display: block;
}

.categories-content-wrapper .node-dachzeile, .categories-content-wrapper .node-dachzeile a {
	font-size:12px;
	margin-bottom: 6px;
}

.categories-content-wrapper .node-title, .categories-content-wrapper .node-title a {
	font-size:24px;
}


/* END NAVBAR-Styles */

.page-content {
	right: 0;
	left: 0;
	margin: 0 auto;
	padding: 0 90px;
	background-color: #ffffff;
	max-width: 1440px;
}

.page-content-margin {
	margin-top: 12px;
}

.page-taxonomy .page-content {
	margin-top: 24px;
}

.taxonomy-image-caption {
	position: absolute;
	padding: 12px 12px;
	background: rgba(255,255,255, 0.5);
	color: #000;
	text-align: center;
	text-shadow: none;
	display: inline-block;
	bottom: 10px;
	right: 10px;
	z-index: 30;
}

/*
@media(max-width: 767px) {
	.page-content { padding: 0 18px; }
	/*.navbar-collapse { padding-left: 18px; margin-left: -18px; }*/
}

/*
@media(min-width: 768px) and (max-width: 991px) {
	.page-content { padding: 0 30px; }
	/*.navbar-collapse { padding-left: 30px; margin-left: -30px; }*/
}

/*
@media(min-width: 992px) and (max-width: 1199px) {
	.page-content { padding: 0 60px; }
	/*.navbar-collapse { padding-left: 60px; margin-left: -60px; }*/
}

/*
@media(min-width: 1160px) {
	.navbar-collapse { padding-left: 0px; margin-left: 0px; }
}*/
.navigationbar .magazine-name-small {
	display: none;
}


/* Sidebar styles */
.sidebar-nav {
	padding: 5px 15px;
	color: #ffffff;
}

.sidebar-toggle {
	float: left;
}

.sidebar-toggle-user {
	color: white;
	padding: 0px;
	margin: 0px;
}

.sidebar-toggle-user > div.user-picture {
	display:inline;
	margin-left: 12px;
}

a.sidebar-toggle-user {
	color: rgb(200,200,200) !important;
	font-weight: 400 !important;
	padding: 9px 0 !important;
	text-transform: none !important;
}

a.sidebar-toggle-user > span{
	vertical-align: middle;
}

button.sidebar-toggle-user {
	padding-top: 7px;
	padding-bottom: 7px;
}

#usermenu > a {
	float:right;
}

.sidebar-toggle-user > .user-picture img {
	width: auto;
	max-width: 30px;
	height: 30px;	
	border: none;
	display: inline;
}

@media (min-width: 768px) {
	.sidebar-toggle { display: block; }
	.sidebar-toggle-user {display: block; }
}

.dropdown-menu.user-menu {
	color: #ffffff !important;
	background-color: #000000 !important;
	border: none !important;
	top: 48px;
	position: absolute !important;
	right: 0px;
	left: initial;
}
.dropdown-menu.user-menu>li>a { color: #ffffff; }
.dropdown-menu.user-menu>li>a:hover { color: #000000; }

#page-header {
	position: relative;
	overflow: hidden;
	height: 300px;
}

#page-header img {
	width: 100%;
	height: auto;
	
}

#subscribe-taxonomy-term-button {
	  background-color: transparent;
  color: #000;
  height: initial;
  vertical-align: top;
}

#subscribe-taxonomy-term-button > span {
	  vertical-align: super;
  font-size: 24px;
  line-height: 48px;
}

#subscribe-taxonomy-term-button.subscribed > span:before {
	content: "\2714 ";
}

#subscribe-taxonomy-term-button.subscribed > span:after {
	content: " ich";
}

#subscribe-taxonomy-term-button.not-subscribed > span:before {
	content: "+ ";
}

#subscribe-taxonomy-term-button.not-subscribed > span:after {
	content: "n";
}

.taxonomy-header-image {
	height: 100%;
}

.taxonomy-caption {
	position:relative;
	/*width: 35%;*/
	padding: 12px 12px;
	background: rgba(255,255,255, 0.9);
	color: #ffffff;
	text-align: center;
	text-shadow: none; 
	margin: auto;
	display: table;
	
	top: -45%;
	top: calc(-50% - 97px/2);
	top: -webkit-calc(-50% - 97px/2);
	top: -moz-calc(-50% - 97px/2);
}

.taxonomy-caption > h1 {
	display: inline-block;
	color: rgb(38,38,38);
	text-transform: uppercase;
	margin-top: 10px;
	padding-left: 12px;	
	
	font-size: 48px;
	
}

/* Carousel styles */
.region.region-carousel { margin-top: 0px; }

.carousel {
  height: auto;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	top: 50%;
	width: 50%;
	bottom: auto;
	padding: 36px 36px;
	background: rgba(255,255,255, 0.9);
	color: #ffffff;
	text-align: center;
	text-shadow: none;
	z-index: 10;
	margin: 0 auto;
}

.carousel-caption .node-title, .carousel-caption .node-title a{ 
	margin-top: 0;
	margin-bottom: 0;
	font-weight: Bold;
	color: rgb(38,38,38);
	font-size: 48px;
	line-height: 50px;
	text-align: center;
}

div.node-origin {
	font-weight: 300;
	margin-bottom: 12px; 
	color: rgb(155,155,155);
}

.in-image-infos .node-origin, .in-image-infos p{
	color: #fff;
}

.carousel-caption .node-origin {
	text-align: inherit;
	width: 100%;
	margin: 6px 0 0 0;
	line-height: 60px;
	font-size: 18px;
	color: rgb(52,52,52);
}

@media(max-width: 768px) {
	.taxonomy-caption > h1 {
		font-size: 36px;
		top: -45%;
		top: calc(-50% - 71px/2);
		top: -webkit-calc(-50% - 71px/2);
		top: -moz-calc(-50% - 71px/2);	
	}
	#subscribe-taxonomy-term-button > span {
		font-size: 18px;
		line-height: 36px;
	}
}

@media(max-width: 360px) {
	.taxonomy-caption > h1 {
		font-size: 24px;
		top: -45%;
		top: calc(-50% - 64px/2);
		top: -webkit-calc(-50% - 64px/2);
		top: -moz-calc(-50% - 64px/2);
	}
	#subscribe-taxonomy-term-button > span {
		font-size: 12px;
		line-height: 24px;
	}
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 100%;
}
.carousel-inner {
	height: 100%;
	overflow: hidden;
}
.carousel-inner > .item {
	overflow: hidden;
}

.carousel-inner > .item > div img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.carousel-control.left, .carousel-control.right { background: none; color: #ffffff; }

.carousel-control .icon-prev:before {
	content: none;
}

.carousel-control .icon-next:before {
	content: none;
}

.carousel-control .icon-prev, .carousel-control .icon-next { 
	width: 31px;
	height: 56px;
	margin-top: -28px;
	color: #ffffff; 
}

.carousel-control .icon-prev {
	background-image: url('/sites/all/themes/piipe/img/slider_arrow_left.png');
	left: 18px;
	margin-left: 0px;
}

.carousel-control .icon-next {
	background-image: url('/sites/all/themes/piipe/img/slider_arrow_right.png');
	right: 18px;
	margin-right: 0px;
}

/* Frontpage styles */
.front .node-rubrik { 
	margin: 0 0 12px; 
}
.front .node-rubrik a { 
	text-transform: uppercase; 
	font-weight: 700; 
	font-size: 12px; 
	line-height: 1;
	display: inherit;
}

.node-dachzeile {
	margin: 0 0 12px; 
	text-transform: uppercase; 
	font-weight: 700; 
	font-size: 12px; 
	line-height: 1;
	display: inherit;
	color: rgb(0, 71, 118);
}

.front .node-content { margin-bottom: 0; }

/* Tags Styles */
.node-tags { 
	display: block; 
	text-align: left;
	margin-top: 10px;
}

.tagclouds.level1, .tagclouds.level2, .tagclouds.level3, .tagclouds.level4,
.tagclouds.level5, .tagclouds.level6, .tagclouds.level7, .tagclouds.level8,
.tagclouds.level9, .tagclouds.level10 {
  font-size: 14px !important;
}


.tagclouds-term .tagclouds, .node-tags .node-tag a{
	display: inline-block;
	float: left;
	padding: 3px 6px 2px 6px;
	margin: 0 12px 12px 0px;
	background: #efefef;
	color: #666666;
	text-transform: uppercase;
}


.tagclouds-term .tagclouds:hover, .node-tags .node-tag a:hover {
	background-color: #00aaff;
	color: #FFF;
}

#block-views-frontpage-block-1 h2.block-title { color: #1e4b96; margin: 0px 0 12px; text-transform: uppercase; font-weight: 700; font-size: 12px; }

.taxonomy-boxes .image-container-article-box {
	height: 400px;
}

.front article, .page-taxonomy-term article, .page-archive article {
	margin-bottom: 36px;
	padding-bottom: 36px;
	border-bottom: 1px dotted rgb(200,200,200);
}

body.front .col-md-6 article:last-child, body.page-taxonomy-term .row:last-child > .col-md-6 article, body.page-archive .col-md-6 article:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}

.page-taxonomy #views-bootstrap-grid-1.container {
	padding: 0px;
	margin-bottom: 36px;
}

.col-md-4 {
	padding-right: 36px; 
	padding-left: 36px;
}

.col-md-4:last-child { 
	padding-right: 18px; 
	padding-left: 36px;
}

.col-md-4:first-child { 
	padding-right: 36px; 
	padding-left: 18px;
}


.page-taxonomy .col-md-4:first-child {
	border-right: 1px dotted rgb(200,200,200);
}

.page-taxonomy .col-md-4:first-child + .col-md-4 {
	border-right: 1px dotted rgb(200,200,200);
}

.page-taxonomy .col-md-4:last-child {
	border: none;
}

.page-taxonomy .col-md-4 article:last-child {
	margin-bottom: 0px;
}

.page-taxonomy .node-rubrik h3 { margin: 12px 0 0; text-transform: uppercase; font-weight: 700; font-size: 16px; }

/* FOOTER */

.footer {
    background-color: #555;
    margin-top: 0px;
    padding-top: 6px;
    padding: 12px 0;
    border: none;
}

.footer .page-content.col-md-12 {
	margin-top: 0px;
	background-color: #555;
	text-align: center;
}

.footer .page-content > .row {
	background-color: #555;
}

.footer .col-md-4 .box {
	height: 100%;
	width: 100%;
}

.footer .box h5 {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFF;
	font-weight: 700;
	font-size: 24px;
	text-transform: uppercase;
}

.footer .box div {
	padding-top: 20px;
}

.footer .box div span {
	color: #FFF;
	font-size: 12px;
}

.footer .col-md-4 {
	border: none !important;
}


@media(max-width: 991px) {
	.col-md-4 {
		padding-right: 18px !important; 
		padding-left: 18px !important;
		border: none !important;
	}
	.col-md-4 article {
		margin-bottom: 36px !important;
	}
	.col-md-4:last-child article:last-child {
		margin-bottom: 0px !important;
	}
	.footer .col-md-4 {
		padding-top: 36px;
	}
	.footer .col-md-4:first-child {
		padding-top: 0px;
	}
}

/* TAXONOMY BOXES */
.taxonomy-boxes > section {
	margin-bottom: 36px;
	padding-bottom: 36px;
	border-bottom: 1px dotted rgb(200,200,200);
}

.taxonomy-boxes article {
	margin-bottom: 0px;
	padding-bottom: 12px;
	border-bottom: none;
	width: 33.33333333333%;
	float:left; 
}

.taxonomy-boxes div.views-row-1 article {
	padding-right: 8px;
}

.taxonomy-boxes div.views-row-2 article {
	padding-right: 4px;
	padding-left: 4px;
}

.taxonomy-boxes div.views-row-3 article {
	padding-left: 8px;
}

.taxonomy-boxes div.views-row-4 article {
	padding-bottom: 0px;
	padding-right: 8px;
}

.taxonomy-boxes div.views-row-5 article {
	padding-bottom: 0px;
	padding-right: 4px;
	padding-left: 4px;
}

.taxonomy-boxes div.views-row-6 article {
	padding-bottom: 0px;
	padding-left: 8px;
}

@media(max-width: 991px) {
	.taxonomy-boxes article {width: 100%;}
	.taxonomy-boxes div article {padding: 0 0 12px 0 !important;}
	.taxonomy-boxes div.views-row-last article {padding: 0 !important;}
}

.image-container-article-box img {
	width: auto;
	min-width: 100%;
}

.taxonomy-boxes .image-container-article-box img {
	height: 100%;
    position: absolute;
	max-width: none;
}

.article-box > section > div {
	overflow: hidden;
	position: relative;
}

.article-box .in-image-infos {
	color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.article-box:hover .in-image-infos, .article-box.active .in-image-infos {
	margin-top: -75% !important;
	background: rgba(0,0,0,0.8);
}

.article-box .in-image-header {
	padding: 18px;
}

.article-box .in-image-body {
	background: rgba(0,0,0,0.8);
	padding: 18px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.article-box:hover .in-image-body, .article-box.active .in-image-body {
	background: none;
}

.article-box .in-image-header + .in-image-body {
  box-shadow: 0px 0px 60px 90px rgba(0,0,0,0.8);
}

.article-box:hover .in-image-header + .in-image-body, .article-box.active .in-image-header + .in-image-body {
	box-shadow:none;
}

.article-box .in-image-footer {
	position: absolute;
	bottom: 0px;
	padding: 18px;
}

/* TAXONOMYBOXES END */

.region-content .row  > .col-md-6:first-child {
	border-right: 1px dotted rgb(200,200,200);
}

.page-content .row .col-md-8 {
	border-right: 1px dotted rgb(200,200,200);
}

.page-node .page-content .row .col-md-8 {
	margin-bottom: 0px;
}

.page-node .page-content .row:first-child .col-md-8 {
	border-right: none;
}

.block-statistics h3 { display: none; visibility: hidden; }

.front .container > .row + .row {
	margin-top: 24px;
	margin-bottom: 36px;
}

.region-sidebar-second section {
	margin: 36px 0 0;
	padding: 36px 0px 0px 0px;
	border-bottom: none;	
	background-color: #fff;
	border-top: 1px dotted rgb(200,200,200);
}

.region-sidebar-second section:first-child {
	margin: 0px 0 0;
	padding: 0px;
	border-bottom: none;
	border-top: none;
	background-color: #fff;
}

.region-sidebar-second section:first-child  input, .region-sidebar-second section:first-child  button{
	border-radius: 0px;
}

.region-sidebar-second section:first-child +section {
	margin: 24px 0 0;
	/*padding: 12px;*/
	border-bottom: none;
	border-top: none;
	background-color: #FFF;
}

.region-sidebar-second section:first-child +section > br{
	display:none;
}

.region-sidebar-second section h2 {
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
	text-align: left;
	font-weight: bold;
	margin-bottom: 24px;
	margin-top: 0px;
}

.region-sidebar-second section ul {
	padding-left: 18px;
	list-style: decimal;
	margin-bottom: 0px;
}
.region-sidebar-second section li{
	margin-bottom: 12px;
}

.region-sidebar-second section li.last{
	margin-bottom: 0px;
}
.region-sidebar-second section li a{
	color: #666666;
	line-height: 1.5;
	margin: 12px 0px;
}
.region-sidebar-second section li a:hover{
	color: #000;
}
.region-sidebar-second section img{
	height: 80px;
	float:right;
	width: auto;
	display: none;
}

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

section.node-content { 
	padding: 0; 
	margin: 0; 
}

.image-container { 
	display: block; 
	overflow: hidden; 
	position: relative; 
}

.in-image-link {
	position: absolute;
	background: rgba(255,255,255,0.65);
	right: 30px;
	padding: 12px;
	bottom: -100px;
    -moz-transition: bottom 0.3s ease-in 0s; 
	-webkit-transition: bottom 0.3s ease-in 0s;
    -o-transition: bottom 0.3s ease-in 0s; 
	transition: bottom 0.3s ease-in 0s;
}

.image-container:hover .in-image-link {
	display: block;
	bottom: 30px;
}

.image-container img {
	-webkit-transition-property: -webkit-transform, opacity; 
	-webkit-transition-duration: 0.5s, 0.3s; 
	transition-property: transform, opacity; 
	transition-duration: 0.5s, 0.3s; 
	opacity: 1;
	width: 100%;
	height: auto;
}

.image-container:hover img {
	-webkit-transform: translateZ(0px) scale3d(1.1, 1.1,1);
	transform: translateZ(0px) scale3d(1.1, 1.1,1);
}

header .image-container {
	margin-bottom: 12px;
}

.tweets iframe {
	margin-top: 0px !important;
	margin-bottom: 10px !important;
	min-width: initial !important;
	max-width: 100% !important;
	width: 100% !important;
	float: left;
}

.col-md-6:last-child { padding-right: 0; padding-left: 36px;}
.col-md-6:first-child { padding-right: 36px; padding-left: 0px; }
.col-md-8:first-child { padding-right: 36px; padding-left: 18px; }

@media(max-width: 991px) {
	.col-md-6:last-child { padding-right: 0; padding-left: 0px; padding-top: 36px;}
	.col-md-6:first-child { padding-right: 0px; padding-left: 0px; }
	.col-md-8:first-child { padding-right: 18px; padding-left: 18px; }
	.col-md-6 {border-left: none !important; border-right: none !important;}
	.col-md-8 {border-left: none !important; border-right: none !important;}
	.image-container {max-height: 300px;}
}

.tweets > .tweets-3 > iframe + iframe + iframe {
	margin-bottom: 0px !important;
}

.tweets > .tweets-2 > iframe + iframe{
	margin-bottom: 0px !important;
}

.tweets > .tweets-1 > iframe{
	margin-bottom: 0px !important;
}

@media (min-width: 992px) {
	.tweets > .tweets-3 > iframe {	
		width: 30%;
		width: calc(33.333333333% - 20px/3) !important;
		width: -webkit-calc(33.333333333% - 20px/3) !important;
		width: -moz-calc(33.333333333% - 20px/3) !important;
	}

	.tweets > .tweets-2 > iframe {
		width: 45%;
		width: calc(50% - 10px) !important;
		width: -webkit-calc(50% - 10px) !important;
		width: -moz-calc(50% - 10px) !important;
	}

	.tweets > .tweets-3 > iframe:first-child, .tweets > .tweets-2 > iframe:first-child {
		margin-right: 10px !important;
	}

	.tweets > .tweets-3 > iframe+iframe+iframe, .tweets > .tweets-2 > iframe+iframe {
		margin-left: 10px !important;
	}
	.tweets > iframe {
		margin-bottom: 0px;
	}
}

.addthis_button_facebook span {
	background-size: 32px 32px !important;
	background-position: 0px !important;
	background-color: #2f4074 !important;
	background-image: url('/sites/all/themes/piipe/img/social/facebook.png') !important;
	margin-right: 12px;
}

.addthis_button_twitter span {
	background-size: 32px 32px !important;
	background-position: 0px !important;
	background-color: #2f4074 !important;
	background-image: url('/sites/all/themes/piipe/img/social/twitter.png') !important;
	margin-right: 12px;
}

.addthis_button_linkedin span {
	background-size: 32px 32px !important;
	background-position: 0px !important;
	background-color: #2f4074 !important;
	background-image: url('/sites/all/themes/piipe/img/social/linkedin.png') !important;
	margin-right: 12px;
}

.addthis_button_google_plusone_share span {
	background-size: 32px 32px !important;
	background-position: 0px !important;
	background-color: #2f4074 !important;
	background-image: url('/sites/all/themes/piipe/img/social/googleplus.png') !important;
	margin-right: 12px;
}

.addthis_button_xing span {
	background-size: 32px 32px !important;
	background-position: 0px !important;
	background-color: #2f4074 !important;
	background-image: url('/sites/all/themes/piipe/img/social/xing.png') !important;
	margin-right: 12px;
}

.addthis_button_tumblr span {
	background-size: 32px 32px !important;
	background-position: 0px !important;
	background-color: #2f4074 !important;
	background-image: url('/sites/all/themes/piipe/img/social_tumblr.png') !important;
	margin-right: 12px;
}

.taxonomy_no_image_1 {
	background-image: url('/sites/all/themes/piipe/img/blindIcons/grassgreen.png');
}
.taxonomy_no_image_2 {
	background-image: url('/sites/all/themes/piipe/img/blindIcons/grey.png');
}
.taxonomy_no_image_3 {
	background-image: url('/sites/all/themes/piipe/img/blindIcons/lightblue.png');
}
.taxonomy_no_image_4 {
	background-image: url('/sites/all/themes/piipe/img/blindIcons/lightgreen.png');
}
.taxonomy_no_image_5 {
	background-image: url('/sites/all/themes/piipe/img/blindIcons/mediumblue.png');
}
.taxonomy_no_image_6 {
	background-image: url('/sites/all/themes/piipe/img/blindIcons/turquoise.png');
}
.taxonomy_no_image_7 {
	background-image: url('/sites/all/themes/piipe/img/blindIcons/waterblue.png');
}
.taxonomy_no_image_8 {
	background-image: url('/sites/all/themes/piipe/img/blindIcons/yellowgreen.png');
}

.social > .node-share {
	display:inline-block;
}

.social > .node-share, .print-button, .mail-button {
	float: left;
}

.social > .node-share a {
	padding: 0;
}

.print-button span {
	background-size: 32px 32px !important;
	background-position: 0px !important;
	background-color: #fff !important;
	background-image: url('/sites/all/themes/piipe/img/social/print_huge.png') !important;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right: 12px;
}

.mail-button span {
	background-size: 32px 32px !important;
	background-position: 0px !important;
	background-color: #fff !important;
	background-image: url('/sites/all/themes/piipe/img/social/mail_huge.png') !important;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right: 12px;
}

.edit-field-wrapper .placeholder {
	height: 100px;
}

.edit-field-wrapper .placeholder.image-header {
	height: 344px;
}

.edit-field-wrapper .placeholder.image-header img{
    position: absolute;
	width: initial;
    left: calc(50% - 24px);
    top: calc(50% - 24px);
}

.edit-field-wrapper .edit-field-overlay {
	padding: 3px;
	margin: -3px;
	position: relative;
}

.node-edit-edit-image {
	width: inherit !important;
	position: absolute;
	top: calc(50% - 18px);
	left: calc(50% - 18px);
}


.edit-field-wrapper .edit-field-overlay .padding-correction{
	padding: 3px;
}

.edit-field-wrapper .edit-field-overlay:hover {
	padding: 0px;
	border: 3px solid #06b1f1;
	background: #cbcbcb;
	/*color: #cdcdcd !important;*/
}

.edit-field-wrapper .edit-field-overlay:hover p, .edit-field-wrapper .edit-field-overlay:hover a{
	/*color: #cdcdcd !important;*/
}

.edit-field-wrapper .edit-field-overlay > img {
	visibility: hidden;
}


.edit-field-wrapper .edit-field-overlay:hover > img {
	visibility: visible;
}


.edit-field-form-wrapper { 
	padding: 24px;
	position: fixed;
	display: block;
	visibility: visible;
	z-index: 10000;
	top: 124px;
	height: calc(100vh - 124px);
	width: 75%;
	background-color: #fff;
	left: 100%;
	overflow: auto;    
	-moz-transition: left 0.3s ease-in 0s; -webkit-transition: left 0.3s ease-in 0s;
    -o-transition: left 0.3s ease-in 0s; transition: left 0.3s ease-in 0s; 
}

.edit-field-form-wrapper.active {
	left: 25%;	
}

.node-edit-sidebar label , .node-edit-sidebar .date, .node-edit-sidebar .time, 
#edit-field-publish-date .panel-title, #edit-field-retract .panel-title,
.node-edit-sidebar .text{
	color: #fff;
	font-weight: bold;
}

.ad-name-intern, .ad-filesize, .ad-created-changed, .ad-used-banners {
	margin-bottom: 24px;
}

.ad-created-changed .date, .ad-created-changed .time {
	display:inline-block;
	font-weight: bold;
}

.ad-name-intern p.text, .ad-filesize p.text{
	font-weight: bold;
}

.ad-created-changed .date {
	margin-right: 12px;
}

.ad-created-changed .date span, .ad-created-changed .time span {
	font-weight: normal;
}

.ad-created-changed label {
	display: block;
}

#field-last-change-add-more-wrapper, 
#field-titel-add-more-wrapper, 
#field-size-add-more-wrapper,
.edit-field-banner-aktivieren-und label{
	position:relative;
}

.node-edit-sidebar .time, 
.node-edit-sidebar .time {
    position: absolute;
	left: 222px;
}

.node-edit-sidebar .container-inline-date {
	margin-left: -8px;
}


.node-edit-sidebar {
	min-width: 300px;
	padding-left: 12px;
}

@media(max-width: 1200px) {
	.node-edit-main {
		width: calc(100% - 300px);
	}
}

.node-edit-main {
	padding-top: 24px;
}

.node-edit-sidebar #edit-language.form-control.form-select {
	width:306px;
}

.node-ads h2 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
}

#edit-field-flag-leitartikel{
	padding-top: 16px !important;
	margin-bottom: 25px !important;
}

#edit-field-flag-schwerpunkt > div > label, #edit-field-flag-leitartikel > div > label {
	display: block;
}


.node-edit-sidebar input[value=_none], .node-edit-sidebar input[value=_none] + label{
	display: none;
}


.node-edit-sidebar .form-radios {
	margin-top: 12px;
	left: 12px;
	position:absolute;
}

.node-edit-sidebar .radio {
	float: right;
	margin-right: 15px;
}

.node-edit-sidebar .type-select {
	margin-right: 15px;
}

/* MAKE CORRECT */
.node-edit-sidebar .field-name-field-publish-date {
	padding-top: 15px;
	margin-top: 36px;
}

.node-edit-sidebar > div:first-child {
	padding-top: 15px;
}

.node-edit-sidebar > .form-group {
	margin-bottom: 24px;
}

.page-node-add .panel-title, .page-node-edit .panel-title {
	font-size: 14px;
}

.page-node-add .panel, .page-node-edit .panel {
	border: none;
	border-radius: 0px;
	background-color: inherit;
}

.page-node-add .node-content > .row:first-child, .page-node-edit .node-content > .row:first-child{
	margin-bottom: 0px;
}

#body-wrapper .placeholder {
	height: 500px;
}

.page-node-add .panel-heading, .page-node-edit .panel-heading {
	border: none;
	color: #fff;
	background-color: inherit;
	padding: 0;
}

.page-node-add .panel-body, .page-node-edit .panel-body {
	padding: 0;
}

.page-node-add .date-padding,.page-node-edit .date-padding {
	padding: 0;
	margin-top: 5px;
}

.page-node-add .date-padding label,.page-node-edit .date-padding label{
    margin-bottom: 0;
    line-height: 34px;
}

.page-node-add input.date-clear,.page-node-edit input.date-clear {
	float:right;
	margin-left: 6px;
}
.node-edit-header-buttons {
	padding-top: 11px;
}

.node-edit-header-buttons div{
	display: inline;
}

.node-edit-header-buttons button[value=Speichern]{
	background-image: url('/sites/all/themes/piipe/img/curate/Save_small.png');
}

.node-edit-header-buttons button {
	background-color: transparent;
	font-size: 0;
	width:26px;
	height: 26px;
	margin-left: 6px;
}
.ajax-progress.ajax-progress-throbber {
	display: none;
}

.pagination-wrapper {
	text-align: center;
}



#file-entity-admin-file .form-horizontal .form-group, #user-filter-form .form-horizontal .form-group {
	margin-right: 0;
	margin-left: 0;
}

#edit-options .form-type-select, #user-admin-account .form-type-select {
	padding: 15px;
}


.additional-info .embedded-video iframe {
    width: 100%;
}

.preview-wrapper {
	text-align: center;
}

.preview-wrapper > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.preview-wrapper > iframe {
	margin-top: -100%;
	position:relative;
}


div.navbar-collapse.collapse.navigationbar-small {
	display: none !important;
}
.navigationbar-small ul.categories li {
	float: none;
}

#piipe-extension-archive-block-content .form-type-select {
	width: 45%;
	display: inline-block;
}

#piipe-extension-archive-block-content .form-type-select + .form-type-select {
	margin-left: 9%;
}

#piipe-extension-archive-block-content button {
	width:100%;
}




@media(max-width: 480px) {
	#user-profile-form .password-strength {
		display:none;
	}
	.confirm-parent, .password-parent {
		width: 100%;
	}
	.page-user-account-settings .col-md-5 {
		display:none;
	}
	#edit-submit {
		margin-bottom: 12px;
	}
}

#footer {
	margin-top: 12px;
}
.backend-row.backend-header .col-md-10 > div{
	float:right;
}

.add-hover-frame {
	position: fixed; 
    top: 50px;
    left: 0;
	width: 100%; 
	height: 100%; 
	background: rgba(0, 0, 0, 0.4); 
	display: block;
	z-index: 999;
}

.add-hover-block {
	margin: 0 auto;
	width:30%;
	min-width: 540px;
	top: 56px;
	position: relative;

}

.add-hover-block h2 {
	color: white;
	padding: 12px;
	font-size: 18px;
	text-transform:uppercase;
	font-weight: bold;
}

.add-hover-block h3 {
	color: #00aaff;
	padding-left: -12px;
	font-size: 18px;
	text-transform:uppercase;
}

.add-hover-block .template_selector {
	background-color: #efefef;
	line-height: 24px;
	color: black;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 24px;
}


.form-item-template-to-create {
	margin-top: 12px;
}

.form-type-radio label {
	font-size: 18px;
	padding-left: 12px;

}

.form-type-radio label:hover {
	font-size: 18px;
	font-weight: none;
}

.form-item-email, .form-item-list, .filter-simplenews .form-item-search {
	width: 240px;
	padding-top: 6px;
}

.filter-simplenews .form-item-search, .filter-simplenews .form-item-list{
	margin-left: 12px;
	padding-top: 7px;
}


.footer span {
	color: #fff;
	font-size: 16px;
}

.footer a span:hover {
	color: #7DB153;
}

.footer span.copyright {
	font-size: 12px;
}

.backend .dropdown-menu ul {
	padding: 0;
}
.backend .dropdown-menu ul li{
	list-style: none;
}

.backend .dropdown-menu ul li a{
	color: #fff;
}

.fade-in {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	animation: fadeIn;

	animation-delay: 0;
	animation-duration: 1s;
	animation-direction: normal;

	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
}

.fade-out {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-ms-animation-name: fadeOut;
	animation: fadeOut;

	animation-delay: 0;
	animation-duration: 1s;
	animation-direction: normal;

	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
}

.alert-block {
	opacity: 0;
	width: 33%;
	margin: 0 auto;
	margin-bottom: 12px;
	border: 2px solid;
	position: relative;
	transition: margin-top 1s ease-in 0s;
	-webkit-transition: margin-top 1s ease-in 0s;
	-moz-transition: margin-top 1s ease-in 0s;
	-ms-transition: margin-top 1s ease-in 0s;
}


.page-content > .row {
	margin: 0 -7.5px;
}