/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "layouts/responsive.css";

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */

body a {
	text-decoration: none;
}

@media screen and (max-width: 959px) {
	.panel-2col-bricks .panel-col-first,
	.panel-2col-bricks .panel-col-last {
		width: 100%;
	}
}

@media (min-width: 960px) {
  .off-canvas-wrapper {display:none;}
}

div.views-field-title a {
	font-size: 1.5em;
	font-weight: bold;
}
div.views-field-field-autor {
	margin: 0.3em 0;
	font-weight: bold;
}

div.views-field-field-unterzeile {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.1em;
	margin: 0.3em 0;
}

div.views-field-view-node {
	text-align: right;
	padding-bottom: 0.9em;
	margin-bottom: 0.9em;
	border-bottom: 1px dashed #a9a9a9;
	clear: both;
}

div.views-field.views-field-field-bild div.field-content a img {
	float: left;
	padding-right: 0.9em;
}

#page {
	background-color: #ddd;
	margin-top: -1.5em;
}

#pageheader {
	background-color: #800100;
}

#header {
	padding: 0;
}

.header__logo {
	border-left: 0.3em solid #fff;
	border-right: 0.3em solid #fff;
}

.header__logo-image {
	width: 100%;
}

.header__logo-image img {
	max-width: 100%;
	height: auto;
}

#site-name {
	margin-top: -1.9em;
	font-size: 3.6em;
	color: #800100;
	background-color: rgba(255,255,255,0.5);
}

#site-name a:link, #site-name a:visited {
	color: #86151b;
	padding: 0.6em;
}

#site-name a:hover {
	text-decoration: none;
}

.admin-menu-icon img {
	height: 16px;
	width: 16px;
}

.responsive-menu-block-wrapper.responsive-menu-block.menu-name-main-menu {
	border-top: 0.4em solid #fff;
	border-bottom: 0.4em solid #fff;
}

.horizontal-menu {
	max-width: 1190px;
	margin: 0 auto;
	background-color: #333;
	height: 3em;
	border-left: 0.4em solid #fff;
	border-right: 0.4em solid #fff;
}

.horizontal-menu a {
	color: #fff;
	text-transform: uppercase;
}

.horizontal-menu > li > a {
	padding: 0.6em 1em;
}

.horizontal-menu a:hover {
	color: #fff;
	text-decoration: underline;
}

.responsive-menu-block-wrapper {
	background-color: #555;
}

.responsive-menu-toggle-icon::before, .responsive-menu-toggle-icon::after, .responsive-menu-toggle-icon span.icon {
	background: #000;
}

#main {
	background-color: #fff;
}

#content {
	padding: 0 3%;
	margin-top: 1em;
}

.view-taxonomy-term img {
	float: left;
	margin-right: 1em;
}

/* NODE START */

.node img {
	/*float: left;*/
	margin: 1em 1em 0 0;
	clear: both;
}

.node .field-name-field-unterzeile {
	font-weight: bold;
	font-size: 1.3em;
	padding: 0.3em 0;
}

.node .field-name-field-autor {
	font-weight: bold;
}

.node .field-name-field-anriss {
	font-style: italic;
	padding: 1em 0 0 0;
}

.node .field-name-field-bild {
    float: left;
}

p.submitted {
	display: none;
}

/* NODE END */

/* SIDEBAR SECOND START */

.region-sidebar-second {
	padding-left: 0;
}

#block-views-boxes-block-1 img {
	/*width: 100%;*/
}

#footer {
	padding: 0;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	background: #ddd;
}


.page__title, .node__title, .block__title, .comments__title, .comments__form-title, .comment__title {
    margin: 0 0 1em 0;
	background: #eee;
	padding: 0.3em;
}

#footer p,
#footer pre {
	margin: 0.5em 0;
	padding: 1em;
}

.block-title {
line-height: 1.1em;
background-color: #eeeeee;
border-color: #dddddd #dddddd #777777;
border-style: solid;
border-width: 1px 1px 3px;
margin-bottom: 0;
padding-bottom: 2px;
padding-left: 5px;
padding-top: 5px;
}

h2.block-title {
	font-size: 1.4em;
	line-height: 1.1em;
	color: #86151b;
}

.block {
 background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    margin-bottom: 20px;
}

.block p {
	padding: 0 0.5em;
	margin: 1em 0;
	line-height: 1.3em;
}

.view-kalender {
	padding: 0 0.3em;
}

.view-display-id-block_3 h4,
.view-display-id-block_4 h4 {
	margin-bottom: 0.3em;
}

#block-block-18 {
	line-height: 1.2em;

}

#block-block-18 .lang-collapse li {
	margin-left: 1em;
}

#block-block-18 .collapse-text-text {
	margin-top: -1em;
	margin-bottom: -1em;
}

div#block-views-exp-suche-page-1 div#edit-title-wrapper.views-exposed-widget.views-widget-filter-title {
    max-width: 100%;
}

/*div#block-views-exp-suche-page-1.block.block-views.contextual-links-region.even form#views-exposed-form-suche-page-1 div div.views-exposed-form div.views-exposed-widgets.clearfix div#edit-keys-wrapper.views-exposed-widget.views-widget-filter-keys div.views-widget div.form-item.form-type-textfield.form-item-keys input#edit-keys.form-text {
    width: 100% !important;
}

div#block-views-exp-suche-page-1.block.block-views.contextual-links-region.even form#views-exposed-form-suche-page-1 div div.views-exposed-form div.views-exposed-widgets.clearfix div#edit-keys-wrapper.views-exposed-widget.views-widget-filter-keys {
    width: 100%;
}*/

div#block-views-exp-suche-page-1 div#edit-keys-wrapper.views-exposed-widget.views-widget-filter-keys div.views-widget div.form-item.form-type-textfield.form-item-keys input#edit-keys.form-text {
    width: 100% !important;
}

div#block-views-exp-suche-page-1 div#edit-keys-wrapper.views-exposed-widget.views-widget-filter-keys {
    width: 100%;
}

.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: .7em;
}

/* SIDEBAR SECOND END */

/* WEBSHOP START */

.view-webshop img {
	float: left;
	margin-right: 1em;
	max-height: 9em;
}

.view-webshop div.views-row {
	margin-top: 1em;
	min-height: 10em;
	border-bottom: 1px dashed #a9a9a9;
	clear: both;
}

.view-webshop .view-header {
	background: #777;
	color: #fff;
	padding: 0.1em 1em;
}

/* WEBSHOP END */

/* GALERIES START */

div.view.view-Galerie td {
	border-bottom: 1px dashed #a9a9a9;
}

/* GALERIES END */

@media screen and (min-width: 960px) {
	#site-name {
		margin-top: -1.9em;
		font-size: 3.6em;
		color: #800100;
		background-color: rgba(255,255,255,0.5);
	}
}

@media screen and (min-width: 640px) and (max-width: 959px) {
	#site-name {
		margin-top: -1.9em;
		font-size: 2.6em;
		color: #800100;
		background-color: rgba(255,255,255,0.5);
	}
}

@media screen and (min-width: 480px) and (max-width: 639px) {
	#site-name {
		margin-top: -1.9em;
		font-size: 2.6em;
		color: #800100;
		background-color: rgba(255,255,255,0.5);
	}
}

@media screen and (max-width: 479px) {
	#site-name {
		margin-top: -1.9em;
		font-size: 1.6em;
		color: #800100;
		background-color: rgba(255,255,255,0.5);
	}
}

/* CAMPAIGNS START */

.view-campaign h2 {
	font-size: 1.2em;
	padding: .6em;
	background: #eee;
}

.view-campaign .views-field-created {
	margin: .4em 0 .6em;

}

.view-campaign {
	margin-top: 4em;
}

.view-campaign .views-row {
	margin-bottom: 3em;
	padding: 1em;
}

.view-campaign .field-name-field-ueberzeile {
	font-weight: bold;
	margin: 0.6em 0;
}

.view-campaign img {
	min-width: 300px;
	max-width: 50%;
}

.view-campaign .node-readmore {
	float: right;
}

.view-campaign .field-name-taxonomy-vocabulary-3,
.view-campaign .submitted,
.view-campaign .form-item {
	display: none;
}

/* CAMPAIGNS END */

/* RERSPONSIVE VIDEO CONTAINER START */

    .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    }
     
    .video-container iframe,
    .video-container object,
    .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

/* RERSPONSIVE VIDEO CONTAINER END */