/* =============================================================================
 * fonts
 * ========================================================================== */

/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Regular'), local('Quicksand-Regular'),
       url('../fonts/quicksand-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v7-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-500 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/quicksand-v7-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Medium'), local('Quicksand-Medium'),
       url('../fonts/quicksand-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v7-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v7-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-700 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quicksand-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Bold'), local('Quicksand-Bold'),
       url('../fonts/quicksand-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v7-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* spectral-regular - latin */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/spectral-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Spectral Regular'), local('Spectral-Regular'),
       url('../fonts/spectral-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/spectral-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/spectral-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/spectral-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/spectral-v4-latin-regular.svg#Spectral') format('svg'); /* Legacy iOS */
}

/* =============================================================================
 * Opt-in (DSGVO))
 * ========================================================================== */
.mod_cookiebar_optin_slim .ce_hyperlink a {
	background: #a60006;
	border-color: #a60006;
	border-radius: 10px;
}

.mod_cookiebar_optin_slim .cookiebar_button.cookiebar_agree a:hover{
	background: #00712b;
	border-color: #00712b;
}

.mod_cookiebar_optin_slim .cookiebar_button.cookiebar_disagree a:hover{
	background: #900009;
	border-color: #900009;
}

/* =============================================================================
 * Startseite «Login» - FontAwesome-Symbol
 * ========================================================================== */
nav.mod_navigation.header_metanavi ul.vlist.level_1::before {
    content: "\f2be";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.4em;
    font-size: 1.4em;
    color: #999999;
}

nav.mod_navigation.header_metanavi ul.vlist.level_2 {
	margin-left: -1.9em;
}

nav.mod_navigation.header_metanavi ul.vlist.level_2 li {
	padding-left: 2.1em;
}

/* =============================================================================
 * Startseite «Suchen» - FontAwesome-Symbol
 * ========================================================================== */
div.mod_search .ce_search_label i.fa-search {
	font-size: 1.4em;
}

/* =============================================================================
 * modules
 * ========================================================================== */
.newsreader .back a {
	font-size: 0.9em !important;
	text-transform: none !important;
}

.back {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 0.9em;
}

.more a {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 0.9em;
	color: #e3010f;
}

/* =============================================================================
 * quickmenu
 * ========================================================================== */
	/* oben 
	--------------------------------------------------------------------------*/
	.mod_quickmenu.quickmenu_top.style2 ul li a {
		line-height: 90px;
		background-color: #e3010f;
		opacity: 0.9 !important;
		border: 1px solid #ff0010;
		border-radius: 50px;
		color: #ffffff;
		width: 50px;
	}

	.mod_quickmenu.quickmenu_top.style2 ul li a i.fa {
		padding-left: 10px;
		margin-right: 15px;
		font-size: 1.8rem;
	}

	/* unten
	--------------------------------------------------------------------------*/
	.mod_quickmenu.style3 li a {
		color: rgb(227,1,15);
	}

/* =============================================================================
 * hyperlink
 * ========================================================================== */
.ce_hyperlink a, a.btn {
	padding: 0px 10px 0px 10px !important;
}

.ce_hyperlink.twentyfive a, a.btn {
	width: 25% !important;
}

.ce_hyperlink.thirtythree a, a.btn {
	width: 33% !important;
}

.ce_hyperlink.fifty a, a.btn {
	width: 50% !important;
}

.ce_hyperlink.sixtysix a, a.btn {
	width: 66% !important;
}

.ce_hyperlink.seventyfive a, a.btn {
	width: 75% !important;
}

.ce_hyperlink.text_left a, a.btn {
	text-align: left !important;
}

.ce_hyperlink.text_middle a, a.btn {
	text-align: center !important;
}

.ce_hyperlink.text_right a, a.btn {
	text-align: right !important;
}

/* =============================================================================
 * submit-buttons
 * ========================================================================== */
.mod_subscribe input.submit[type="submit"] {
	border-radius: 10px !important;
}

input.submit, button.submit {
	border-radius: 10px !important;
}

/* =============================================================================
 * Aufzählungen im Text (ol und ul)
 * ========================================================================== */
.ce_textarea ol {
	list-style: decimal;
	padding-left: 2em;
}

.ce_textarea ul {
	list-style: disc;
	padding-left: 2em;
}

/* =============================================================================
 * newslist
 * ========================================================================== */
.mod_newslist .item {
	min-height: 80px !important;
}

mod_newslist .item.block.port_overlay {
	border-right: 1px solid #e3010f;
}

.mod_newslist .info .subline {
	margin-top: 10px;
}

.newslist-timeline-content .subheadline-v2 {
	color: #888888;
	text-transform: none !important;
	font-weight: normal;
}

@media only screen and (min-width: 768px) {
 	.mod_newslist .newsteaser_v5_inside {
		transition: All 0.3s ease;
		-webkit-transition: All 0.3s ease;
	}

	.mod_newslist .newsteaser_v5_inside:hover {
		box-shadow: 0 0 25px rgba(0,0,0,.15);
		overflow: visible;
		-moz-transition: 1s;
		-o-transition: 1s;
		-webkit-transition: 1s;
		transition: 1s;
		z-index: 100;
	}
}

.mod_newslist .newsteaser_v5_inside .date {
	color: #a5a5a5;
}

.mod_newslist .newsteaser_v5_inside h6 {
	font-weight: bold;
}

.mod_newslist .newsteaser_v5_inside i {
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	position: relativ;
	float: left;
}

.mod_newslist .newsteaser_v5_inside .subline {
	font-size: 0.9em;
	color: #a5a5a5;
}

.mod_newslist .newsteaser_v5_inside:hover i {
	font-size: 2.5em;
	color: #a5a5a5;
}

.mod_newslist .year-headline p {
	color: #e3010f;
 	clear: left;
	display: block;
	font-size: 1.5rem;
	padding: 1rem;
	border-top: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
	margin-bottom: 1rem;
}

.newslist-v2 h4 {
	font-weight: normal;
	text-transform: none;
}

.newslist-v2 .news-content-v2 .subheadline-v2 {
	font-weight: normal;
	text-transform: none !important;
	font-size: 0.9rem;
}

.ce_downloads .ext-pdf a:hover,
.ce_downloads .ext-epub a:hover {
	color: #000000;
}

.newslist-v6 {
	width: 100% !important;
	height: auto;
}

.newslist-v6 h4 a {
	color: #e3010f;
}

.newslist-v6 .news-content {
	padding-bottom: 15px !important;
}

/* =============================================================================
 * quicklinks home
 * ========================================================================== */
.bigger-letters a {
	font-size: 1.2em;
}

/* =============================================================================
 * Veranstaltungskalender (Listenansicht)
 * ========================================================================== */
.mod_eventlist_v2 .time {
	text-align: left !important;
	color: #333333;
}

.mod_eventlist_v2 .location {
	color: #333333;
}

.mod_eventlist_v2 .referent {
	color: #333333;
}

.mod_eventlist_v2 i {
	margin-right: 10px !important;
}

.mod_eventlist_v2 .event {
	line-height: 1.8rem !important;
	padding-bottom: 4rem;
}

.mod_eventlist_v2 .title {
	font-weight: bold;
}

.mod_eventlist_v2 .filter_vortrag {
	background-color: #e0e7ff !important;
}

.mod_eventlist_v2 .filter_anlass {
	background-color: #fffae0 !important;
}

.mod_eventlist_v2 .filter_fitness {
	background-color: #e7ffe2 !important;
}

/* =============================================================================
 * Veranstaltungskalender Irehägeli (Listenansicht)
 * ========================================================================== */
.mod_eventlist_v2 .time {
	display: none;
}

.mod_eventlist_v2 .event_layout_month {
	background-color: #f8f8f8 !important;
	font-size: 1.4em;
	font-weight: bold;
	color: #e3010f;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 3px;
}

@media screen and (max-width: 678px) {
    .ce_tabs.irehaegeli .mod_eventlist_v2 .event {
	 	padding-bottom: 1rem !important;
	}
	.mod_eventlist_v2 .event_layout_month {
		background-color: #f8f8f8 !important;
		text-align: center;
	}
}
 
/* =============================================================================
 * Veranstaltungskalender (Listenansicht)
 * ========================================================================== */
.mod_eventreader .event.layout_full .info {
	color: #333333;
}

.mod_eventreader .event.layout_full .members {
	margin-left: 0px;
	padding-left: 0px;
	border-left: 0;
}

.mod_eventreader .event.layout_full .members .referent::before {
	font-family: "FontAwesome";
	content: "\f007";
	margin-right: 16px;
}

/* =============================================================================
 * headline_eventcalendar
 * ========================================================================== */
.mod_article.headline_eventcalendar {
	padding-top: 20px !important;
	padding-bottom: 0px !important;
	padding-right: 50px !important;
}

/* =============================================================================
 * menü und search auf mobile
 * ========================================================================== */
@media screen and (max-width: 768px){   /* für Anzeige auf Smartphones */
	form .widget input,
	form .widget textarea,
	form .widget select {
		width: 72% !important;
		border-radius: 30px;
	}
	
	.mm-listview > li > a, .mm-listview > li > span {
		background-color: #eeeeee;
		font-weight: 700;
	}
	
	.mm-panels > .mm-panel.mm-hasnavbar {
		padding-top: 50px;
	}
}

/* =============================================================================
 * search
 * ========================================================================== */
.body_bottom .mod_search .search-content {   /* Hintergrund des Suchen-Feldes über das Lupensymbol */
	background: rgb(213,0,13) !important;
}

@media screen and (min-width: 769px){   /* für Anzeige auf Desktops */
	form .widget input,
	form .widget textarea,
	form .widget select {
		width: 98% !important;
		border-radius: 30px;
	}
}

span.relevance {
	font-size: 1.2rem !important;
}

.mod_search p.url {
	margin-bottom: 2.5rem;
}

.mod_search span.filesize {
	display: none;
}

.search-in-tours {
	display: block;
	max-width: 80%;
	margin-bottom: 30px;
	padding: 10px 15px 0px 15px;
	background-color: #f2f2f2;
	border-radius: 10px;
	min-height: 2.85em;
	font-size: 1.1em;
}

#accordion_note div {
	height: 3em;
	transition: height 1s ease-in-out;
	cursor: pointer;
	overflow: hidden;
}

#accordion_note div:hover {
	height: 300px;
	border-color: #cccccc;
}

.tipps-to-search {
	display: block;
	max-width: 80%;
	padding: 10px 15px 15px 15px;
	border: 1px solid #f2f2f2;
	border-radius: 10px;
}

.tipps-to-search h7 {
	font-size: 1.1em;
}

.tipps-to-search ul li {
	margin-left: 20px;
	list-style-type: disc;
}

@media screen and (max-width: 768px){   /* für Anzeige auf Smartphones */
	#accordion_note div:hover {
		height: 400px;
		border-color: #cccccc;
	}

	.tipps-to-search,
	.search-in-tours {
		max-width: 100% !important;
	}
}

/* =============================================================================
 * tabs
 * ========================================================================== */
.ce_tabs .tabs.horizontal-clean ul {
	text-align: left !important;
	margin-bottom: 10px !important;
}

.ce_tabs .tabs.horizontal-clean li a {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.tab_tourtaxonimie table tr td.col_0 {
	padding-left: 10px;
	padding-right: 10px;
	color: rgb(227,1,15);
	font-weight: bold;
	vertical-align: text-top;
}

.tab_tourtaxonimie table tr:hover {
	background: rgb(237,237,237);
}

.tab_tourtaxonimie .ce_table table{
	white-space: pre-line !important;
}

.ce_table table th {
	background: #3e3e3e !important;
	cursor: pointer;
}

.ce_table table.sortable thead tr th.header {
	line-height: 30px !important;
	width: auto !important;
}

.ce_text_artikel.table td {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid #f0f0f0;
}

.ce_text_artikel.table td a {
	color: #e3010f;
}

/* =============================================================================
 * counters
 * ========================================================================== */
.ce_countup h3 {
	font-size: 1.4em !important;
}

.ce_countup .text p {
	font-size: 1.4em !important;
}

/* =============================================================================
 * accordions
 * ========================================================================== */
.ce_accordion .toggler.ui-state-active {
	background-color: #ffffff !important;
	color: #e3010f !important;
}

.ce_accortion.roteKarte .ce_downloads ul {
	padding-left: 20px;
} 

/* =============================================================================
 * teambox
 * ========================================================================== */
.ce_teambox.round_image .teambox_inside {
	padding-left: 20px !important;
	padding-right: 5px !important;
}

.teambox_inside {
	background: #f8f8f8;
	margin-bottom: 16px;
}

.teambox_inside .phone {
	white-space: nowrap;
}

.teambox_inside .image .ce_image figure.image_container img {
	height: 156px;
}

/* =============================================================================
 * iconbox
 * ========================================================================== */
.ce_iconbox:hover {
	opacity: 0.7;
	box-shadow: 0 0 25px rgba(0,0,0,.2);
	-moz-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	transition: 1s;
	z-index: 100;
}

@media only screen and (min-width: 768px) {
	.ce_iconbox.box .ce_iconbox_outside,
	.ce_iconbox.box .ce_iconbox_outside.padding {
		margin: auto !important;
		width: 98%;
	}
}

@media only screen and (max-width: 768px) {
	.news_short {
		margin-bottom: 20px !important;
		width: 98%;
	}
}

.ce_iconbox.box.ce_iconbox.accent-icon .fa {
	color: #e3010f;
}

.ce_iconbox.news_short.white {
	background-color: transparent;
}

.ce_iconbox.news_short.grey {
	background-color: #e3e3e3;
}

.ce_iconbox.news_short.darkgrey {
	background-color: #c6c6c6;
}

@media only screen and (min-width: 768px) {
.ce_iconbox.news_short.red {
	padding: 30px 60px;
	border: 5px solid #e3010f;
	color: #000000;
}
}

.ce_iconbox.news_short.red {
	border: 5px solid #e3010f;
	color: #000000;
	margin-bottom: 20px;
}
.ce_iconbox.news_short.red span.color-alert {
	color: #e3010f !important;
}

.ce_iconbox.news_short.red .ce_iconbox_inside i {
	color: #e3010f;
}

.inner.same-height .ce_iconbox.box .ce_iconbox_outside.padding {
	min-height: 320px;
}

@media only screen and (min-width: 768px) {
 	.ce_iconbox_v3.style3 i {
	padding-left: 8rem;
	}
}


/* =============================================================================
 * benefitbox
 * ========================================================================== */
.ce_benefitbox_inside {
	padding-top: 10px;
	background: #f0f0f0 !important;
}

.ce_benefitbox .number {
	font-size: 2rem !important;
	color: #bbbbbb !important;
}

.ce_benefitbox div.ce_headline {
	text-align: right;
}

.ce_benefitbox_inside .ce_textarea {
	margin-top: 40px;
}

/* =============================================================================
 * lines
 * ========================================================================== */
.line_top {
	border-top: 1px solid #dddddd;
}

.line_right {
	border-right: 1px solid #dddddd;
}

.line_bottom {
	border-bottom: 1px solid #dddddd;
}

.line_left {
	border-left: 1px solid #dddddd;
}

.line_top_bottom {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

/* =============================================================================
 * hyperlink Schwierigkeitsgrade auf Tourenseite
 * ========================================================================== */
p.small-link {
	margin-left: 10px;
}

.small-link a {
 	display: inline-block;
	font-size: 80%;
	color: #5c5c5c;
	text-align: right;
	text-decoration: none;
	margin: 0 10px 10px 0;
	padding: 2px 4px 2px 4px;
}

/* =============================================================================
 * FAQ-Formatierungen
 * ========================================================================== */
.mod_faqlist ul li.last {
	margin-bottom: 3rem;
}

.mod_faqlist ul li:before {
	padding-left: 5px !important;
	content: "\2013\A0";
}

/*
*.mod_faqlist ul li.even a {
*	color: #777777;
*}
*
*.mod_faqlist ul li.odd a {
*	color: #000000;
*}
*/

.mod_faqreader p.info {
	display: block;
	font-size: 0.8rem;
	margin-top: 1.5rem;
	text-align: right;
}

.mod_faqreader span.h {
	display: inline-block;
}

.mod_faqreader span.h.question {
	color: #3b3c42;
	padding: 1px 7px;
	border: 1px solid #3b3c42;
	border-radius: 3px;
}

.mod_faqreader span.h.answer {
	background: #e3010f;
	color: #ffffff;
	margin-bottom: 0.6rem;
	padding: 1px 7px;
	border: 1px solid #e3010f;
	border-radius: 3px;
}

.mod_faqlist ul li a:hover {
	display: inline-block;
	background: #f7f7f7;
	font-weight: bold;
}

/* =============================================================================
 * News & Infos
 * ========================================================================== */
.news_infos-datetime {
	display: block;
	margin-bottom: 20px !important;
	font-size: 0.9rem;
	font-style: italic;
}

.mod_newslist .layout_full.block {
	background: #f7f7f7;
	padding: 20px 40px;
}

.mod_newslist .pagination {
	margin-top: 40px;
}

.mod_newslist .pagination ul li span.active {
	font-size: 1.2rem;
	color: #e3010f;
	font-weight: bold;
}

.mod_newslist ol {
	padding-left: 1.4em !important;
	padding-bottom: 0.8em !important;
	list-style-type: decimal !important;
}

.mod_newslist ol li {
	padding-bottom: 0.5em !important;
	width: 85% !important;
}

.mod_newslist .mod_newslist p.empty {
	margin-left: 20px !important;
	margin-right: 10px !important;
}

/* =============================================================================
 * Iconbox Hyperlinkdarstellung
 * ========================================================================== */
.ce_iconbox_v2 .link::before {
    content: "\f101";
    font-family: FontAwesome;
    font-weight: normal;
    color: #e3010f;
    display: inline-block;
    margin-right: 5px;
}

.ce_iconbox_v2 a.link {
	color: #e3010f !important;
}

/* =============================================================================
 * rechtsbündige Ausrichtung
 * ========================================================================== */
.text-rechts {
	text-align: right !important;
}

/* =============================================================================
 * Rahmen
 * ========================================================================== */
.border {
	border: 1px solid #dfdfdf;
}

.border.ct-l {
	border-radius: 15px 0px 0px 0px;
}

.border.ct-lr {
	border-radius: 15px 15px 0px 0px;
}

.border.ct-r {
	border-radius: 0px 15px 0px 0px;
}

.border.cb-r {
	border-radius: 0px 0px 15px 0px;
}

.border.cb-rl {
	border-radius: 0px 0px 15px 15px;
}

.border.cb-l {
	border-radius: 0px 0px 0px 15px;
}

.border.ctb-l {
	border-radius: 15px 0px 0px 15px;
}
.border.ctb-r {
	border-radius: 0px 15px 15px 0px;
}

/* =============================================================================
 * Counterbox
 * ========================================================================== */
.ce_countup.bold h3 {
	font-weight: bold;
}

/* =============================================================================
 * Download
 * ========================================================================== */
.ce_download {
	padding-bottom: 15px !important;
	background: #a0a0a0 !important;
	border-radius: 15px;
}

.download-element a span.size {
	font-size: 0.9em;
}

/* =============================================================================
 * Tabs (horizontal) Tourenberichte
 * ========================================================================== */
.ce_tabs.tourenberichte .tabs {
	width: 100%;
	margin-bottom: 35px;
	padding: 5px 0px;
	text-align: center;
}

.ce_tabs.tourenberichte .tabs.horizontal ul {
	margin: 0;
	padding: 0;
}

.ce_tabs.tourenberichte .tabs.horizontal li.tab_sixth {
	width: auto !important;
}

.ce_tabs.tourenberichte .tabs.horizontal li {
	margin-left: 0.5%;
}

.ce_tabs.tourenberichte .tabs.horizontal li:first-child a {
	border-left: 1px solid #cccccc;
}

.ce_tabs.tourenberichte .tabs.horizontal li a {
	border-right: 1px solid #cccccc;
	padding: 8px 15px !important;
	font-size: 1em !important;
}

.ce_tabs.tourenberichte .tabs.horizontal li a:hover {
	font-weight: normal !important;
}

.ce_text_extented.bg_lightgrey {
	padding: 10px;
	border: 1px solid #cccccc;
	border-radius: 10px;
	background-color: #f2f2f2;
}

/* =============================================================================
 * Tabs (horizontal) Veranstaltungen
 * ========================================================================== */
.ce_tabs.veranstaltungen .tabs {
	width: 100%;
	margin-bottom: 35px;
	padding: 5px 0px;
	text-align: center;
}

.ce_tabs.veranstaltungen .tabs.horizontal ul {
	margin: 0;
	padding: 0;
}

.ce_tabs.veranstaltungen .tabs.horizontal li.tab_fourth {
	width: auto !important;
}

.ce_tabs.veranstaltungen .tabs.horizontal li {
	margin-left: 0.5%;
}

.ce_tabs.veranstaltungen .tabs.horizontal li:first-child a {
	border-left: 1px solid #cccccc;
}

.ce_tabs.veranstaltungen .tabs.horizontal li a {
	border-right: 1px solid #cccccc;
	padding: 8px 15px !important;
	font-size: 1em !important;
}

.ce_tabs.veranstaltungen .tabs.horizontal li a:hover {
	font-weight: normal !important;
}

/* =============================================================================
 * Wochenkalender
 * ========================================================================== */
.mod_calendar table.calendar {
	width: 99% !important;
}

.mod_calendar th.head.current {
	font-size: 1.4em;
}

.mod_calendar th.head.previous,
.mod_calendar th.head.next {
	font-size: 1.1em;
}

@media screen and (max-width: 768px){   /* für Anzeige auf Smartphones */
	.mod_calendar th.head {
		font-size: 1.8em;
	}
	.mod_calendar .calendar td {
		height: 10em !important;
	}
}

.mod_calendar th.label {
	width: 14% !important;
}

.mod_calendar td .event {
	width: 92% !important;
	padding: 2px !important;
}

.mod_calendar td.today .header {
	font-weight: bold !important;
	color: #ffffff !important;
	background-color: #e3010f;
}

.mod_calendar td.today {
	border: 1px solid #e3010f !important;
}

/* =============================================================================
 * Irehägeli: reserviert / besetzt
 * ========================================================================== */
.mod_calendar .calendar .cal_7.res,
.mod_calendar .calendar .cal_7.reserviert {
	border: 1px solid #e3010f;
	font-weight: 700;
	text-align: center;
}

.mod_calendar .calendar .cal_7.bes,
.mod_calendar .calendar .cal_7.besetzt {
	border: 2px solid #e3010f;
	background-color: #ffbcbd;
	font-weight: 700;
	text-align: center;
}

@media screen and (min-width: 10px) {
    .mod_calendar .calendar .cal_7.res {
	 	pointer-events: none;
	}
	.ce_tabs.irehaegeli .mod_eventlist_v2 .title a {
		pointer-events: none;
	}
}

@media screen and (min-width: 10px) {
    .mod_calendar .calendar .cal_7.bes {
	 	pointer-events: none;
	}
	.ce_tabs.irehaegeli .mod_eventlist_v2 .title a {
		pointer-events: none;
	}
}

.ce_tabs.irehaegeli .mod_eventlist_v2 .event {
	padding-bottom: 1.5rem;
}

.ce_tabs.irehaegeli .tabs.horizontal-clean ul {
	text-align: right !important;
	padding-right: 20px;
}

.ce_tabs.irehaegeli .tabs.horizontal-clean ul li.active::after {
	content: none;
}

/* =============================================================================
 * Tourenberichte (Startseite)
 * ========================================================================== */
.mod_portfoliolist_sac.last_three_home {
	margin-left: 0px;
	margin-right: 0px;
}

@media only screen and (min-width: 768px) {
	.mod_portfoliolist_sac.last_three_home .item {
		float: left;
		height: 405px !important;
		margin: 0 1px 1px 0;
		background-color: #e2e2e2;
		border: 0;
		padding-top: 15px;
		width: -moz-calc(33.3% - 1px);
		width: -webkit-calc(33.3% - 1px);
		width: -o-calc(33.3% - 1px);
		width: calc(33.3% - 1px);
	}
}

@media only screen and (max-width: 768px) {
	.mod_portfoliolist_sac.last_three_home .item {
		height: 405px !important;
		margin-bottom: 20px;
		background-color: #e2e2e2;
		border: 0;
		padding-top: 15px;
	}
}

.mod_portfoliolist_sac.last_three_home .item:hover {
	background-color: #ffffff;
	box-shadow: 0 0 25px rgba(0,0,0,.4);
	-moz-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	transition: 1s;
}
mod_portfoliolist_sac.last_three_home .item:hover {
	box-shadow: 0 0 25px rgba(0,0,0,.2);
	-moz-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	transition: 1s;
}

.mod_portfoliolist_sac.last_three_home .item.last {
	margin-right: 0px;
}

.mod_portfoliolist_sac.last_three_home .item .content .info .title {
	height: 52px !important;
	white-space: normal;
	width: 100% !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mod_portfoliolist_sac.last_three_home h5 {
	margin-top: 35px;
	position: absolute;
}

.mod_portfoliolist_sac.last_three_home .subline {
	margin-top: 110px;
	position: absolute;
	color: #e3010f;
/*	background-color: #323232 !important;*/
}

.mod_portfoliolist_sac.last_three_home img {
	height: 210px;
	width: 100% !important;
	object-fit: cover;
	object-position: center center;
}

/* =============================================================================
 * Tourenberichte (Jahr-Trenner)
 * ========================================================================== */

.newsteaser_v5 + .year-headline p {
	padding-top: 5rem !important;
}

/* =============================================================================
 * Infobox Darstellung
 * ========================================================================== */
.ce_infobox_alert,
.ce_infobox_warning,
.ce_infobox_info,
.ce_infobox_success {
	border-radius: 10px;
}

.ce_infobox_alert {
	background-color: #e4444e;
	border: 1px solid #e3010f;
}

/* =============================================================================
 * Transparenz über Parallax-Bilder
 * ========================================================================== */
.bg_opacity {
	filter: alpha(opacity=95); /* IE 5-7 */
	opacity: 0.95 !important; /* CSS3 Standard */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

.bg_opacity1 {
	filter: alpha(opacity=100); /* IE 5-7 */
	opacity: 1 !important; /* CSS3 Standard */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* =============================================================================
 * Grossansicht Bilder in Lightbox
 * ========================================================================== */
@media only screen and (min-width: 768px) {
/*	#cboxLoadedContent {
		background: rgba(255,255,255,0.9) !important; 
	}
	img.cboxPhoto {
		--width-image: 1500px;
		--padding_left-right: calc(var(--width-image) * 0.03);
		--padding_top-bottom: calc(var(--padding_left-right) / 1.556);
		padding-left: var(--padding_left-right) !important;
		padding-right: var(--padding_left-right) !important;
		padding-top: var(--padding_top-bottom);
		padding-bottom: var(--padding_top-bottom);
		border-top: 10px solid #ffffff !important;
		border-right: 12px solid #f4f4f4 !important;
		border-bottom: 10px solid #f2f2f2 !important;
		border-left: 12px solid #f7f7f7 !important;
	} */
	#cboxNext, #cboxPrevious {
		opacity: 0.5 !important
	}
	#cboxNext:hover, #cboxPrevious:hover {
		opacity: 0.4 !important
	}
}

/* =============================================================================
 * Hyperlinks - FAQ-Reader
 * ========================================================================== */
.mod_faqreader li a {
	color: #e3010f;
}

.mod_faqreader ol li::marker {
	font-weight: 500;
}

/* =============================================================================
 * Grösse der fa-Icons und deren Zeilenhöhe auf der Startseite
 * ========================================================================== */
.l-icon i.fa::before {
	font-size: 1.1em;
	line-height: 2.2em;
}
	
.xl-icon i.fa::before {
	font-size: 1.5em;
	line-height: 2.5em;
}
	
.xxl-icon i.fa::before {
	font-size: 2em;
}

/* =============================================================================
 * Menu Login auf Smartphones
 * ========================================================================== */
@media only screen and (min-width: 768px) {
	.menu_login {
		display: none !important;
	}
}

/* =============================================================================
 * Mitgliederversammlung: Der nächste Vortrag (Startseite)
 * ========================================================================== */
.mod_eventlist_v4 .event {
	padding: 15px 15px 15px 30px !important;
}

.event.layout_upcoming.Vortrag .date {
	padding-right: 30px;
}

.event.layout_upcoming.Vortrag a {
	font-size: 1.2em;
	font-weight: bold;
	white-space: break-spaces;
}

/* =============================================================================
 * Mitgliederversammlung timeline
 * ========================================================================== */
.cd-horizontal-timeline .event-content {
	width: 75% !important;
}

.cd-horizontal-timeline .referent::before {
 	color: #e3010f;
	font-family: "FontAwesome";
	content: "\f007";
	margin-right: 4px;
}

/* =============================================================================
 * Kontaktformular
 * ========================================================================== */
form.style5 input,
form.style5 select,
form.style5 textarea {
	font-size: 1em !important;
}

input::placeholder,
textarea::placeholder {
	opacity: 0.3;
}

form.style5 legend {
	border-radius: 5px;
}

form.style5 fieldset {
	border: 0px;
}

form.style5 .checkbox_container {
	border: 0px;
}

form.style5 .fieldset-box {
	background-color: #f8f8f8;
	padding: 30px 20px 0px 30px;
}

form .checkbox_choice .widget input {
	width: 10px !important;
}

.formstyle5 p {
	background-color: #e3010f;
	border-radius: 5px;
	padding-right: 10px;
	padding-left: 10px;
	color: #fff;
	display: inline-block;
}

/* =============================================================================
 * Wettbewerbsformular
 * ========================================================================== */
.checkbox[name=agreed] {
	width: 20px !important;
	margin-top: 10px;
}

form .widget fieldset span label {
	font-weight: bold;
}

/* =============================================================================
 * 404-ErrorPage
 * ========================================================================== */
.ce_headline_w_buttons .attribute.ce_headline.headline {
	padding-right: 10px;
}

.ce_headline_w_buttons .button_two {
	margin-top: 20px;
}

.ce_headline_w_buttons i.fa {
	font-size: 1.5em;
}

.ml-15 a {
	margin-left: 15px;
}

/* =============================================================================
 * Quickmenu für Smartphone
 * ========================================================================== */
.mod_sac-quickmenu {
	width: 100%;
	text-align: center;
	border-top: 2px solid #ffffff;
	margin-bottom: 60px;
	padding-top: 38px;
}

.ce_sac-quickmenu {
	float: left;
	width: 32.8%;
	margin: 0 auto 0 auto;
	padding: 10px 0 7px 0;
	border: 1px solid #ffffff;
	border-radius: 5px;
}

.ce_sac-quickmenu.center {
	margin-left: 0.75%;
	margin-right: 0.75%;
}

.ce_sac-quickmenu a i {
	font-size: 2em;
	color: #ffffff;
}

/* =============================================================================
 * Wettbewerbsformular Preisbox
 * ========================================================================== */
.ce_pricecard_inside {
	padding: 25px 40px !important;
}

.br-10 {
	border-radius: 10px;
}

.image_container .caption {
	display: block !important;
}

/* =============================================================================
 * Video
 * ========================================================================== */
.video {
	margin-bottom: 50px;
}

/* =============================================================================
 * Login-Formular (Text)
 * ========================================================================== */
.fett-kursiv {
 	font-size: 1.2em;
	font-weight: 700;
	font-style: italic;
	font-style: oblique;
	padding-bottom: 20px;
}

/* =============================================================================
 * Formular Kinder in der Höhe
 * ========================================================================== */
form fieldset#ctrl_715 {
	border-radius: 10px;
}

form .widget-radio span {
	float: left;
	line-height: 1.3em;
}

form .widget #ctrl_715 input {
	width: auto !important;
}

form .widget fieldset#ctrl_715 span label {
	font-weight: unset;
	padding-right: 20px;
}

/* =============================================================================
 * Datum & Zeit durchgestrichen
 * ========================================================================== */
.mod_eventlist_v4 .Vortrag.crossedOut .date,
.mod_eventlist_v2 .Vortrag.crossedOut .date,
.mod_eventreader .Vortrag.crossedOut time {
	text-decoration: line-through;
}

/* =============================================================================
 * Pinnwand-Nadelsymbol
 * ========================================================================== */
.mod_newslist .newsteaser_v5.pinnwand i.fa-align-left::before {
	content: "\f08d";	
}