/*
Theme Name: Themify Stack Child
Description: Child theme for Themify Stack theme
Author: Stephan Ufer
Template: themify-stack
*/


/* Generelles Styling 
####################### */

html, body {
    width: 100%;
    height: 100%;
}

body {
	width:100%;
	margin:0;
	padding:0;
	overflow-x:hidden;
	color: #000222;
	line-height: 1.4em !important;
}

a {
    color: #d2051c;
}

a:hover, .post-nav a:hover
{
    color: #d2051c;
	text-decoration: underline;
}

body, .std-tab
{
    font-family: "Roboto", Arial, Helvetica, sans-serif !important;	
    font-weight: 300;
	/* wichtig für Firefox! */
  	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	font-feature-settings: "liga" 0 !important; /* Ligaturen deaktivieren */
}


textarea, select, input[type="text"], input[type="file"], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"]
{
	background: #e5eaef;
	color: #0E4096;
}

select
{
	height: 2.4em;
	width: 19.2em;
	border: none;
	font-weight: 300;
	padding: .65em;
	margin: .4em 0;
	max-width: 100%;
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 1.2em;
	border-radius: 0px;
}


.comment-title, .comment-reply-title {
    font-size: 1.5em;
    font-family: "Roboto", Arial, Helvetica, sans-serif;	
    font-weight: 400;
}

#headerwrap {
   font-size: 1em !important;
}

.isscrolling #main-nav a,
.isscrolling #main-nav a:hover
{
	pointer-events: none;
}

#main-nav ul .current-menu-item a
{
	color: #FFF !important;
}

#main-nav, #main-nav a {
    font-family: "Roboto", Arial, Helvetica, sans-serif !important;
    font-size: 1.125em;
    font-weight: 400 !important;
}

.sidemenu
{
	background: #FFF !important;
}

.social-widget {
	margin: 20px -27px 0px;
	border-bottom: 4px solid #FFF;
}

#main-nav {
	margin: 0;
}

#headerwrap #searchform #s{
	border-radius: 0;
	background: #FFF;
	color: #000;
}

#headerwrap #searchform #s:focus, #headerwrap #searchform #s:hover, #headerwrap #searchform .icon-search:hover + #s{
	color: #000;
}

#headerwrap #searchform .icon-search:before {
	color: #000;
	left: 0.5em;
}

#main-nav li.current_page_ancestor .sub-menu,#main-nav li.current_page_parent .sub-menu,#main-nav li.current_page_item .sub-menu{
	display: block;
}

#main-nav li.current_page_ancestor .sub-menu li,#main-nav li.current_page_parent .sub-menu li,#main-nav li.current_page_item .sub-menu li{
	background: #fff;
}

#main-nav li.current_page_ancestor > a,#main-nav li.current_page_item > a, #main-nav li.current-menu-item > a
{
	background-color: #E60004;
	color: #fff;
}


/* Blog 
######### */

.post {
    background-color: #FFF;
	color: #000222;
	border-top: 10px solid #0d4095;
}

.search .post
{
	border-top: none !important;
}

.post a
{
	color: #000222;
}


.post:nth-child(odd) {
    background-color: #FFF;
}

.post:nth-child(even) {
    background-color: #e6ebef;
}

/* Kategorien 
############### */

.post.category-allgemein
{
}

.post.category-genossenschaft
{
	border-color: #2a4290;
}

.post.category-termine
{
	border-color: #b44055;
}

.post.category-jobs
{
	border-color: #a1bf36;
}

.post.category-ratgeber
{
	border-color: #547b2f;
}

.post.category-rezepte
{
	border-color: #eec216;
}

.post.category-frida
{
	border-color: #ef7d00;
}

.post.category-weine
{
	border-color: #607eb5;
}

.post.category-nachhaltigkeit
{
	border-color: #c4c32c;
}

.post.category-news
{
	border-color: #c6341b;
}

.loops-wrapper.grid3 .post-title {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
   	font-size: 1.5em;
    line-height: 1.3em;
	font-weight: 400;
}

.loops-wrapper.grid3 .post
{
	height: 750px !important;
	overflow: hidden;
}

.more-link {
    font-size: 1em !important;
    font-family: "Roboto", Arial, Helvetica, sans-serif !important;
    font-weight: 300 !important;
    display: inline-block;
    letter-spacing: 0.06em;
    margin-bottom: -1em;
    text-transform: none;
    color: #d2051c !important;
}

.more-link:before {
    border: 1px solid #d2051c;
    border-radius: 100%;
    display: inline-block;
    line-height: 1em !important;
    margin-right: 0.8em;
	width: 1em !important;
	height: 1em !important;
}

.post-inner {
    box-sizing: border-box;
    padding: 6% 9% 0% 9% !important;
}

.single .post-inner {
    padding: 0 !important;
}

.post .post-date, .post .post-meta-top
{
	margin: 0 !important;
}

.post .post-meta-date
{
	font-style: oblique;
	margin-bottom: 1.3em;
	font-size: 0.85em;
	line-height: 1.2em;
	margin-top: 0.2em;
}

.post-category {
    font-size: 0.85em;
    font-weight: 300;
    margin-right: 0.5em;
    font-family: "Roboto", Arial, Helvetica, sans-serif !important;
	font-style: uppercase;
	font-weight: 500;
}

.post-title {
    font-size: 1.8em;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    line-height: 1.2em;
    letter-spacing: 0em;
	font-weight: 400;
}


/* Sidebar 
### linke Sidebar (= .header-widget) ###*/

.header-widget
{
	background: #FFF;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #000222;
}

.widgettitle, .widget-title
{
	color: #000222;
	font-family: "Roboto", Arial, Helvetica, sans-serif !important;
	font-weight: 400;
	font-size: 1em !important;
	text-transform: uppercase;
	margin-bottom: 1em !important;
}

/*### rechte Sidebar (= #sidebar) ###*/
/*### Sidebar: 100% Höhe - http://html-tuts.com/make-sidebar-same-height-as-content-div ###*/

@media screen and (min-width: 760px) {
	#pagewrap
	{
		overflow: hidden;
	}
	
	#sidebar
	{
		background: #FFF;
		width: 35.5%;
		margin-right: -4%;
		margin-top: -625em;
		margin-bottom: -625em;
		padding-top: 627.5em; /* 625em + 2.5em */
		padding-bottom: 627.5em;  /* 625em + 2.5em */
		padding-left: 2.5em;
		padding-right: 2.5em; 
	}
}

#sidebar .widgettitle, #sidebar .widget-title
{
	font-size: 1.5em !important;
	text-transform: none;
}


#sidebar .widget
{
	margin-bottom: 2em; 
}


/* Related Posts 
################## */

.yuzo_related_post_widget .yuzo-list
{
	border: none !important;
}

.yuzo_related_post_widget .relatedthumb 
{
	cursor: pointer;
	font-size: 1em !important;
	color: #d2051c !important;
	line-height: 1.1em !important;
}

.yuzo_related_post_widget .relatedthumb a.link-list
{
	font-size: 0.85em !important;
	margin: 5px 0 7px 0;
	color: #000222 !important;
	font-weight: 600;
}

.yuzo_related_post_widget .yuzo_text:before
{
	border: 1px solid #d2051c;
    border-radius: 100%;
    display: inline-block;
    line-height: 0.8em !important;
    margin-right: 0.8em;
    width: 0.8em !important;
    height: 0.8em !important;
	content: '\e649';
	font-family: 'themify';
	font-style: normal;
	font-size: 0.65em;
	font-weight: normal;
	padding: .4em;
	visibility: visible;
}


.yuzo_related_post_widget .yuzo_text:after
{
	visibility: visible;
	position: absolute;
	left: 22px;
	line-height: 1.5em !important;
}


.yuzo_related_post_widget .yuzo_text
{
	visibility: hidden;
	position: relative;
	font-size: 0.85em;
}



/* Detailseite Beitrag 
########################  */
@media screen and (min-width: 760px) {
	
#headerwrap {
    border-right: 5px solid #E6EBEF !important;
}

#sidebar {
    border-left: 5px solid #E6EBEF !important;
}

.search #headerwrap, .page.page-darkblue #headerwrap, .archive.page-darkblue #headerwrap {
    border-right: 5px solid #c2d1de !important;
}

.search #sidebar, .page.page-darkblue #sidebar, .archive.page-darkblue #sidebar {
    border-left: 5px solid #c2d1de !important;
}
}

body,
body #content,
body #pagewrap,
body #body,
body #footer,
body #footerwrap
{
    background-color: #FFF !important;
}

body.page-blue,
body.page-blue #content,
body.page-blue #pagewrap,
body.page-blue #body,
body.page-blue #footer,
body.page-blue #footerwrap
{
    background-color: #E6EBEF !important;
}

body.search,
body.search #content,
body.search #pagewrap,
body.search #body,
body.search #footer,
body.search #footerwrap,
body.page-darkblue,
body.page-darkblue #content,
body.page-darkblue #pagewrap,
body.page-darkblue #body,
body.page-darkblue #footer,
body.page-darkblue #footerwrap
{
    background-color: #c2d1de !important;
}


body.single .post-media, .single .post-meta-top, .single .post-meta-date, .single .post-title,
body:not(.sidebar-none):not(.single-tribe_events) #pagewrap div[class^='vc_row_']:not([class^="vc_row_inner"]):first-of-type .wpb_wrapper div[class^='vc_column_text_']:first-of-type .wpb_content_element
{
	background-color: #E6EBEF !important;
	
	margin-left: -10% !important;
	padding-left: 10%;
	margin-right: -6% !important;
	padding-right: 6%;
}

#pagewrap #sidebar div[class^='vc_row_']:first-of-type .wpb_wrapper div[class^='vc_column_text_']:first-of-type .wpb_content_element
{
	background: none !important;
}


body.single #pagewrap div.vc_column-inner:first-of-type
{
	padding-top: 0 !important;
}


body.single .post-image
{
	margin-bottom: 0;
	padding-bottom: 1.1em;
}

body.page .post-image
{
	margin: -10% !important;
	padding: 10% !important;
	background-color: #E6EBEF;
}

body.page .loops-wrapper .post-image
{
	margin: 0 !important;
	padding: 0 !important;
}

body.page .loops-wrapper .more-link
{
	margin-top: 1em;
}

body.single .post .post-meta-date
{
	margin-top: 0;
	padding-top: 0.5em;
	margin-bottom: 0;
	padding-bottom: 1.3em;
}

body.single .post-title {
    margin-bottom: 0;
	padding-bottom: .7em;
}

body.single .post-media
{
	margin-top: -8%;
	padding-top: 8%;
}

body.single .post
{
	border-top: none;
}

body.single .themify_builder_turn_on
{
	display: none;
}



/* Buttons usw. 
################ */

input[type="reset"], input[type="submit"], button {
    padding: .5em;
    text-transform: none;
    background: #d2051c;
}

#load-more a.load-more-button {
	font-size: 1.2em;
	background: #d2051c;
}

input[type="reset"]:hover, input[type="submit"]:hover, button:hover, #load-more a.load-more-button:hover {
    background-color: #0E4096;
	color: #FFF;
	text-decoration: none;
}


/* Seiten-Tabs 
################ */

.smart-tab-drawer.std-location-right .std-tab.std-tab-rotate {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}

.fragen-tab .std-drawer {
    height: auto !important;
}

.fragen-tab .nano-pane
{
	display: none !important;
}

.fragen-tab .std-drawer .std-drawer-inner
{
	overflow:hidden !important;
}

.fragen-tab .sss-sidebar-wrapper > ul
{
	margin: 0 !important;
}


.smart-tab-drawer .vc_column_container > .vc_column-inner {
    padding: 0 !important;
}


/* Main Navigation (Buttons ohne Unterseiten-Link)
#################### */

#main-nav li.page_item_has_children > a > button, #main-nav li.menu-item-has-children > a > button
{
	padding-top: .5em;
	padding-right: 1em;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	text-align: right;
}

#main-nav li.is_clickable.page_item_has_children > a > button, #main-nav li.is_clickable.menu-item-has-children > a > button
{
	width: 15%;
}

/* Mapplic Maps
################# */

.mapplic-element {
    width: 98% !important; /* um Scrollbalken nicht mit den Sidetabs zu verdecken */
}

.mapplic-sidebar
{
	float: right !important;
	background: #c2d1de !important;
}

.mapplic-list-location > a
{
    border-left: none !important;
}

.mapplic-list-location > a:hover {
    background-color: #e6ebef !important;
    border-left: none !important;
}

.mapplic-list-count
{
	display: none !important;
}

.mapplic-list-location span
{
	color: #444 !important;	
}

.mapplic-list-category > a
{
	color: #444 !important;
	font-weight: 400;
	background-color: #e6ebef !important;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset !important;
}

html .mapplic-list-category ol
{
	border-bottom: 1px solid #eee !important;
}

.mapplic-search-form
{
	padding: 0px !important;
}

.mapplic-search-input
{
	padding-left: 35px !important;
	width: 100% !important;
	background-color: #FFF !important;
	color: #000 !important;
	margin: 0 !important;
}

.mapplic-not-found {
    color: #FFF !important;
}

.mapplic-search-clear
{
	top: 1px !important;
	right: 4px !important;
}

button.mapplic-search-clear:hover
{
	background-color: transparent !important;
}

.mapplic-container {
    background-color: #c2d1de !important;
}

@media all and (max-width: 667px) {
	.mapplic-container {
		height: 460px !important;
	}
}

.mapplic-clickable
{
	opacity: 0 !important;
}

.mapplic-clickable:hover, g.mapplic-clickable:hover > * 
{
    opacity: 0.5 !important;
	fill: #cacaca !important;
	stroke: #cacaca;
	stroke-width: 8;
}

.mapplic-active
{
	fill: #cacaca !important;
}


/* Tooltip */
.mapplic-tooltip
{
	background: #0E4096 !important;
	max-width: 220px !important;
}

.mapplic-hovertip
{
	max-width: 220px !important;
    padding: 10px 14px 4px 14px !important;
}

.mapplic-tooltip-triangle
{
	border-color: #0E4096 transparent transparent transparent !important;
}

.mapplic-tooltip.frida
{
	background: #EE7D00 !important;
}

.frida .mapplic-tooltip-triangle
{
	border-color: #EE7D00 transparent transparent transparent !important;
}


.mapplic-tooltip-title
{
	color: #FFF !important;
}

.mapplic-tooltip-content, .mapplic-tooltip-description, .mapplic-tooltip p
{
	color: #FFF !important;
	font-size: 15px !important;
	line-height: 22px !important;
	font-weight: 400 !important;
}

.mapplic-tooltip-description a
{
	color: #FFF !important;
	font-style: oblique !important;
}

.mapplic-tooltip-close
{
	margin: -10px -10px 0 0 !important;
	padding: 5px 5px !important;
	opacity: 1 !important;
	-webkit-transition: opacity 1s !important;
	-moz-transition: opacity 1s !important;
	transition: opacity 1s !important;
	border-radius: 15px !important;
	background-color: #FFF !important;
}


/* Startseite Kacheln
###################### */

/* Post-Kachel einzeln -> Styling: .size-square-small */
/* Post-Kachel doppelt -> Styling: .size-portrait */

.module-post.size-square-small
{
	overflow: hidden;
}


.module-post.size-square-small .post-title, .module-post.size-portrait .list-thumb-image .post-title
{
    font-size: 1.5em;
    line-height: 1.2em;
    font-style: oblique;
    margin-bottom: 0.4em !important;
}

.module-post.size-square-small .post-content p:first-child, .module-post.size-portrait .list-thumb-image .post-content p:first-child
{
	margin-bottom: 1.6em;
}

.module-post.size-square-small .post-content p a, .module-post.size-square-small .post-content p a.more-link,
.module-post.size-portrait .list-thumb-image .post-content p a, .module-post.size-portrait .list-thumb-image .post-content p a.more-link
{
	color: #FFF !important;
}

.module-post.size-square-small .post-content p a.more-link:before,
.module-post.size-portrait .list-thumb-image .post-content p a.more-link:before
{
	border-color: #FFF !important;
	color: #FFF !important;
}


.module-post.size-square-small .post-content p:last-child,
.module-post.size-portrait .list-thumb-image .post-content p:last-child
{
	position: absolute;	
	color: #FFF !important;
	position: absolute;
	top: 168px;
	left: -22px;
	background: #003F98;
	width: 100%;
	padding: 1.6em 0 1.6em 1.4em;
}

.module-post.size-square-small .post-content p:last-child:before,
.module-post.size-portrait .list-thumb-image .post-content p:last-child:before
{
	content: "…";
	top: -30px;
	left: 20px;
	position: relative;
}

.module-post.size-portrait .list-thumb-image .post {
    margin-bottom: 0;
	overflow: hidden;
	max-height: 240px;
}

@media (max-width: 340px) {
	.module-post.size-portrait .list-thumb-image .post 
	{
		max-height: 150px;
	}
}

@media (min-width: 340px) and (max-width: 485px) {
	.module-post.size-portrait .list-thumb-image .post 
	{
		max-height: 210px;
	}
}

.module.size-portrait .tile-type-text
{
	overflow: hidden !important;
}

.module.size-portrait .tile-type-text .tile-inner {
    padding: 0;
}

.module.size-portrait img.size-full
{
	margin-bottom: 0;
}

/* category-frida, category-genossenschaft */

.module-post.size-portrait .list-thumb-image .post-image
{
	display: none;
}

.module-post.size-portrait .list-thumb-image .category-frida .post-image
{
	display: inline !important;
	width: 100% !important;
	max-width: 100% !important;
}

.module-post.size-portrait .list-thumb-image .category-frida .post-content p:last-child
{
	display: none;
}


/* VComposer */

.flipbox_kachel
{
	padding: 1.7em;
	color: #FFF !important;
}

.flipbox_kachel a.more-link
{
	color: #FFF !important;
}

.flipbox_kachel a.more-link:before
{
	color: #FFF !important;
	border-color: #FFF !important;
}


.vc_gitem-zone-a .vc_gitem-zone-mini
{
	padding: 0 !important;
}

.vc_gitem-zone-a .vc_gitem-zone-mini .vc_gitem_row
{
	margin: 20px !important;
}

.flipbox_kachel .title {
    margin-bottom: 0 !important;
}

/* Bugfix -> Bilder waren nicht 100% breit */
#content .cq-coverslider-area .slick-slide img, #content .vc_single_image-wrapper, #content .vc_single_image-wrapper img, #content .wpb_single_image .wpb_wrapper.vc_figure {
    width: 100% !important;
}

.single div[class^='vc_row_']:not([class^="vc_row_inner"]):first-of-type .wpb_wrapper div[class^='vc_column_text_']:first-of-type .wpb_content_element,
.page div[class^='vc_row_']:not([class^="vc_row_inner"]):first-of-type .wpb_wrapper div[class^='vc_column_text_']:first-of-type .wpb_content_element
{
	padding-bottom: 1em;
	font-weight: 400;
}

/* Bugfix -> weisse Linie bzw <p><style> mit leerem Inhalt */
.post-content > .entry-content > p:first-of-type
{
	padding: 0 !important;
}

.vc_message_box h1,.vc_message_box h2,.vc_message_box h3,.vc_message_box h4,.vc_message_box h5,.vc_message_box h6,.vc_message_box h7,.vc_message_box h8
{
	margin-top: 0 !important;
	margin-bottom: 0.5em !important;
}


/* Font-Styling */
/* eventuell prüfen, ob es bei anderen Plugins zu Darstellungs-Fehlern kommt */

h1,h2,h3,h4,h5,h6,h7,h8
{
	font-weight: 700 !important;
}

h1
{
	font-size: 1.875em !important;
	font-style: italic !important;
	color: #0E4096;
}

h2
{
	font-size: 1.5em !important;
}

h3
{
	font-size: 1.125 !important;
}

h4:not(.mapplic-tooltip-title)	
{
	font-size: 1.2em !important;
}


#content h4.mapplic-tooltip-title
{
	font-size: 18px !important;
	line-height: 24px !important;
}


/* Info-Boxen, Default-Settings */

.vc_color-info {
	background-color: #E6EBEF !important;
	font-size: 1em !important;
	color: #000222 !important;
}

.vc_color-info a
{
	color: #d2051c !important;
}

.vc_message_box
{
	padding: 1.5em 1em 1.5em 7em !important
}

.vc_message_box p:last-of-type {

	padding: 0 !important;

}

.vc_general.vc_cta3.vc_cta3-style-classic
{
	border: none !important;
	background-color: #0e4096 !important;
}

.vc_general.vc_cta3.vc_cta3-style-classic .vc_cta3-content 
{
	color: #FFF !important;
}

.vc_btn3
{
	font-size: 1em !important;
	font-weight: 400 !important;	
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern
{
	background-color: #d2051c !important;
	border: none !important;
	color: #FFF !important;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover
{
	background-color: #c0061b !important;
}

.vc_message_box-icon {
    font-size: 2em;
    width: 3.5em;
}


/* Akkordeon-Menü */
.vc_tta .vc_tta-controls-icon
{
	width: 24px;
	height: 24px;
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a
{
    padding-left: 60px;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:after, .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:before, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon:after, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon:before {
    border-color: #0e4096;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading
{
	background-color: #E6EBEF !important;
	border-color: #FFF !important;
	padding: 6px 0 !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body
{
	background-color: #E6EBEF !important;
	border-color: #FFF !important;
	margin-top: -1px !important;
	margin-left: -1px !important;
	margin-right: -1px !important;
}

.vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body
{
	padding: 2em 2em 2em 60px !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a
{
	font-weight: 300;
	color: #000222;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body .wpb_content_element
{
	 /*margin-bottom: 0;  */
}

.vc_tta-color-grey.vc_tta-style-classic .vc_separator.vc_sep_color_grey .vc_sep_line {
    border-color: #FFF !important;
}


/* VC Tabs */

.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon
{
	width: 24px;
	height: 24px;
	margin-left: 20px;
	background: none !important;
	border: none !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
    background-color: #E6EBEF !important;
}

.vc_toggle:last-of-type {
    margin-bottom: 0;
}

.vc_toggle_size_md.vc_toggle_default .vc_toggle_content, .vc_toggle_size_md.vc_toggle_default .vc_toggle_title
{
	padding: 16px 20px;
	padding-left: 3.8em;
	border: 1px solid #FFF !important;
	margin: -1px 0px !important;
}

.vc_toggle_size_md.vc_toggle_default .vc_toggle_title h4
{
	font-weight: 300 !important;
}

.vc_toggle_default .vc_toggle_icon:before
{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 2px 0 0;
}

.vc_toggle_default .vc_toggle_icon:after
{
	position: absolute;
	left: 50%;
	bottom: 0;
	top: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border-width: 0 0 0 2px;
}

.vc_toggle_default .vc_toggle_icon:before,
.vc_toggle_default .vc_toggle_icon:after
{
	border-color: #0e4096 !important;
	background: #none !important;
	width: auto !important;
	height: auto !important;
	content: '';
	display: block;
	box-sizing: border-box;
	border-style: solid;
}

.vc_toggle_default.vc_toggle_active .vc_toggle_icon:before {
    visibility: visible !important;
}


.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body > div[class^='vc_toggle_'] ~ :not([class^='vc_toggle_'])
{
	margin-top: 35px !important;
}



/* Event-Kalender */

/* Sidebar wird mit Template bei Veranstaltungen > Einstellungen > Darstellung festgelegt */

@media screen and (max-width: 760px) 
{
	.page-template-page-blue-events-sidebar-php #content
	{
		width: 100%;
	}
}

@media screen and (min-width: 761px) 
{
	.page-template-page-blue-events-sidebar-php #content
	{
		width: 66%;
	}
}


#tribe-events div[class^='tribe-events-category-']:not(.tribe-events-category-konsum-veranstaltung) a
{
	color: #333 !important;
}


.tribe-bar-geoloc-filter, .tribe-events-uses-geolocation .tribe-bar-date-filter, .tribe-events-uses-geolocation .tribe-bar-search-filter, .tribe-events-uses-geolocation .tribe-bar-submit {
    width: 33%;
}

#tribe-events div[class^='vc_row_']:first-of-type .wpb_wrapper div[class^='vc_column_text_']:first-of-type .wpb_content_element
{
	background: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	margin-right: 0 !important;
	padding-right: 0 !important;;
}


#tribe-events textarea, #tribe-events input
{
	color: #000222 !important;	
}

#tribe-events input[type=submit]
{
	background: #d2051c !important;
	color: #FFF !important;
}

#tribe-events input[type=submit]:hover
{
	background: #0E4096 !important;
}


.tribe-events-calendar td .tribe-events-viewmore a {
    white-space: normal !important;
}


/* Generelles */

#headerwrap #menu-icon
{
	font-size: 20px;
	top: 0px !important;
	position: fixed;
	width: 20px;
	margin: 0;
	padding: 8px !important;
	color: #000222 !important;
	/* Am Anfang schon in die rechte Ecke setzen, damit es nicht von links nach rechts springt/animiert -> wird allerdings im mobile safari ignoriert*/
	left: auto !important;
	right: 0 !important;
	transition: none !important;
}

.mobile-menu-visible #headerwrap #menu-icon:before
{
	content: "\e646";
}

/* Navi-Scroll Bugfix */

@media screen and (min-width: 1001px) {
	
	#headerwrap
	{
		width: 265px !important
	}
	
	#mobile-menu.sidemenu
	{
		transition: all .2s ease-in-out;
		height: 100%;
		width: 260px;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		-ms-scroll-chaining: none;
		display: block;
		position: fixed;
		top: 0;
		z-index: 111;
	}
	
	#pagewrap
	{
		padding-left: 280px !important;
		padding-right: 20px !important;
	}
	
}

@media screen and (min-width: 1201px) {
	
	#pagewrap
	{
		padding-left: 300px !important;
		padding-right: 20px !important;
	}
}

@media screen and (min-width: 1501px) {
	
	#pagewrap
	{
		padding-left: 310px !important;
	}
}

@media screen and (min-width: 1801px) {
	
	#pagewrap
	{
		padding-left: 310px !important;
	}
}

@media screen and (min-width: 2001px) {
	
	#pagewrap
	{
		padding-left: 330px !important;
	}
}


/* rounded bzw default in Ecken umwandeln */
.vc_tta.vc_tta-shape-rounded .vc_tta-panel-body, .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading, .vc_tta.vc_tta-shape-rounded .vc_tta-tab > a {
    border-radius: 0 !important;
}


/* Timeline */

.jahreszahl-timeline
{
	background-color: #d2051c !important;
	border: none !important;
	color: #FFF !important;
	padding: 10px !important;
	text-align: center !important;
}


/* Formulare */

.page-blue textarea, .page-blue select, .page-blue input[type="text"], .page-blue input[type="password"], .page-blue input[type="search"], .page-blue input[type="email"], .page-blue input[type="url"], .page-blue input[type="number"], .page-blue input[type="tel"], .page-blue input[type="date"], .page-blue input[type="datetime"], .page-blue input[type="datetime-local"], .page-blue input[type="month"], .page-blue input[type="time"], .page-blue input[type="week"],
.page-darkblue textarea, .page-darkblue select, .page-darkblue input[type="text"], .page-darkblue input[type="password"], .page-darkblue input[type="search"], .page-darkblue input[type="email"], .page-darkblue input[type="url"], .page-darkblue input[type="number"], .page-darkblue input[type="tel"], .page-darkblue input[type="date"], .page-darkblue input[type="datetime"], .page-darkblue input[type="datetime-local"], .page-darkblue input[type="month"], .page-darkblue input[type="time"], .page-darkblue input[type="week"]
{
    background-color: #FFF;
}

ul.cq-dagallery li {
	border-radius: 0 !important;
}

ul.cq-dagallery li a {
	border-radius: 0 !important;
}

ul.cq-dagallery li h3 {
	margin:0;
	font-size:28px !important;
	line-height:28px!important;
	padding: 3% 4% 1% 4% !important;
}

ul.cq-dagallery li p {
	font-size:22px!important;
	line-height:24px!important;
	padding: 3% 4% 1% 4% !important;
}

ul.cq-dagallery li .dagallery-info {
	border-radius: 0 !important;
}

.cq-scroll-notification
{
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow:none !important;
	opacity: 1 !Important;
	font-size: 1em !important;
	padding: 20px !important;
}

/* Kontaktformular */


.tribe-events-content .wpcf7-form p
{
	margin-bottom: 0 !important;
}

.wpcf7-form .floatleft p
{
	float: left;
}

.wpcf7-form .your-persons input
{
	width: 75px !important;
}

div.wpcf7-response-output {
    margin: 0 !important;
    padding: 0.5em !important;
    width: 98%;
    clear: both;
}

.wpcf7-form .your-pdf-one input, .wpcf7-form .your-pdf-two input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.wpcf7-form .uploadfilewrap
{
	float: left;
	margin-bottom: 18px;
}

.wpcf7-form .your-pdf-one .wpcf7-not-valid-tip,
.wpcf7-form .your-pdf-two .wpcf7-not-valid-tip
{
	position: absolute;
	width: 250px;
	bottom: -22px;
}

.wpcf7-form .your-pdf-one + label, .wpcf7-form .your-pdf-two + label {
	font-size: 1em;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: 0.625rem 1.25rem;
	color: #d2051c;
	border: 2px solid currentColor;
	width: 16.4em;
	text-align: center;
	text-transform: none;
	margin-top: .4em;
	margin-right: 1em;
}


/* Input-Style vom Flyer */

input.flipbook-currentPage {
    border-radius: 0px !important;
    margin: 0 !important;
	background: #e5eaef;
	color: #666666 !important;
}

.flipbook-totalPages
{
	color: #666666 !important;
}

/* Cleverreach Kontaktformular */
.cr_form label {
    text-transform: none !important;
    float: none;
    display: block;
}

.cr_form .cr_ipe_item
{
	margin-bottom: 1em !important;
}


/* Kommentare */

.commentlist cite {
    color: #000222 !important;
    font-style: normal;
    font-size: 1em !important;
    font-family: "Roboto", Arial, Helvetica, sans-serif !important;	
    font-weight: 300 !important;
    text-transform: none !important;
}

.commentlist .comment-reply-link {
    font-size: 1em;
    font-family: "Roboto", Arial, Helvetica, sans-serif !important;	
    font-weight: 300;
    text-transform: none !important;
    text-decoration: none;
    border: 1px solid #d2051c !important;
    border-radius: 0 !important;
    padding: .55em 1.7em;
    color: #d2051c !important;
}

.commentlist .comment-reply-link:hover {
    color: #FFF !important;
	background: #d2051c !important;
	border: 1px solid #FFF !important;
}