h2.h2-intext-large { font-family: 'herberstein_hl', 'herberstein_ft', Arial, Helvetica, sans-serif; font-size: 3em; line-height: 1.2em; padding-top: 0; color: #000; }
h3.h3-intext-large { font-size: 2em; line-height: 1.2em; padding-top: 0; }

blockquote {
	display: block;
	position: relative;
	padding: 0 100px;
	font-size: 1.2em;
	line-height: 1.4em;
}
blockquote:before {
	display: block;
	content: '';
	width: 50px;
	height: 50px;
	background: transparent url('../images/paw_50.png') no-repeat center center;
	position: absolute;
	left: 30px;
	top: 0;
}
blockquote a { text-underline-offset: 0.3em; }

/* ----- Links mit Icon ----- */

a.email-link,
a.external-link,
a.tel-link,
a.fax-link,
a.website-link,
a.download,
a.download-pdf,
a.download-doc,
a.download-xls,
a.download-pic,
a.download-zip { color: #000; text-decoration: none; text-decoration: underline; }

a.email-link:before,
a.external-link:before,
a.tel-link:before,
a.fax-link:before,
a.website-link:before,
a.download:before,
a.download-pdf:before,
a.download-doc:before,
a.download-xls:before,
a.download-pic:before,
a.download-zip:before { display: inline-block; padding: 0 8px 0 4px; font-family: 'FontAwesome'; font-size: 1em; text-decoration: none; vertical-align: top; }

a.email-link:before { content: "\f003"; }
a.external-link:before { content: "\f08e"; }
a.tel-link:before { content: "\f095"; }
a.fax-link:before { content: "\f1ac"; }
a.website-link:before { content: "\f0ac"; }
a.download:before,
a.download-pdf:before { content: "\f1c1"; }
a.download-doc:before { content: "\f1c2"; }
a.download-xls:before { content: "\f1c3"; }
a.download-pic:before { content: "\f1c5"; }
a.download-zip:before { content: "\f1c6"; }

/*---------- Anfrage Button als Link und Submit-Button ----------*/


.button-style,
.readmore-button a,
a.multicol-teasermenu-button
.packageSliderButton a,
input.enquiry-button,
button.cr_button,
.tx-powermail input[type="submit"],
.tx-powermail a.btn,
button.btn {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	line-height: 26px;
	background: #ffcc00;
	border: 2px solid #ffcc00;
	padding: 10px 40px 10px 20px;
	margin: 20px 0 0 0;
	color: #000;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	transition: 0.2s ease;
}
.tx-powermail input[type="submit"] { padding: 10px 20px; }
.button-style { margin: 5px 10px 5px 0; }

.button-style:after,
.readmore-button a:after,
.packageSliderButton a:after,
.packageSliderButton a:after,
input.enquiry-button:after {
	display: block;
	width: 40px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	content: "\f105";
	font-family: 'FontAwesome';
	font-weight: normal;
	text-transform: none;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -23px;
}

.button-style:hover,
.readmore-button a:hover,
a.multicol-teasermenu-button:hover,
.packageSliderButton a:hover,
input.enquiry-button:hover,
button.cr_button:hover,
.tx-powermail input[type="submit"]:hover,
.tx-powermail a.btn:hover,
button.btn:hover {
	background: #000;
	border-color: #000;
	color: #fff;
}

.button-style:active,
.readmore-button a:active,
a.multicol-teasermenu-button:active,
input.enquiry-button:active,
button.cr_button:active,
.tx-powermail input[type="submit"]:active,
.tx-powermail a.btn:active,
button.btn:active {
	background: #000;
	border-color: #000;
	color: #fff;
}

.button-style.inv { background: transparent; border: 2px solid #fff; color: #fff; }
.button-style.inv:hover, .button-style.inv:active { background: #fff; border: 2px solid #fff; color: #000; }

.button-style.inv-dark { background: transparent; border: 2px solid #000; color: #000; }
.button-style.inv-dark:hover, .button-style.inv-dark:active { background: #fff; border: 2px solid #fff; color: #000; }


.button-style-outline {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	height: 50px;
	line-height: 46px;
	background: transparent;
	border: 2px solid #000;
	padding: 0 40px 0 20px;
	margin: 20px 0 0 0;
	color: #000;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	transition: 0.2s ease;
}
.button-style-outline:after {
	display: block;
	width: 40px;
	height: 46px;
	text-align: center;
	content: "\f105";
	font-family: 'FontAwesome';
	font-weight: normal;
	text-transform: none;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -23px;
}

.button-style-outline:hover {
	background: #000;
	border-color: #000;
	color: #fff;
}

.button-style-outline:active {
	background: #000;
	border-color: #000;
	color: #fff;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

a.arrow-button-style,
span.arrow-button-style {
	display: inline-block;
	color: #000;
	font-weight: 500;
	text-decoration: none;
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 6px 10px 0 0;
	vertical-align: top;
}

a.arrow-button-style:after,
span.arrow-button-style:after { 
	display: inline-block;
	content: "\f061";
	padding: 0 0 0 10px;
	font-family: 'FontAwesome';
	font-size: 18px;
	color: #ffcc00;
	text-transform: none;
	font-weight: normal;
	vertical-align: top;
}

a.arrow-button-style:hover:after,
span.arrow-button-style:hover:after {
	text-decoration: none; color: #95c12d;
}

a.arrow-button-style.inv { color: #fff; }


span.color-bold { color: #000; font-weight: bold; }
span.color-large { color: #000; font-size: 1.4em; font-weight: normal; }
span.no-color-bold  { font-weight: bold; }


span.important { color: #333; font-weight: bold; }
span.name-of-person { color: #333; text-transform: uppercase; font-weight: normal; }
span.detail { font-weight: bold; }



p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center { text-align: center !important; }

p.break-column {
	break-before: column;
	break-after: avoid;
	break-inside: avoid;
	-webkit-column-break-before: always;
	-webkit-column-break-after: avoid;
	-webkit-column-break-inside: avoid;
}

body.htmlarea-content-body blockquote {
	background-color: #f5f5f5;
	padding: 10px;
}

table.csc-frame-frame1 td { padding-right: 10px; }



td.brightest, th.brightest {
	background-color: #fff;
	color: #000000;
}

td.very-bright, th.very-bright {
	background-color: #fbfaf8;
	color: #000000;
}

td.bright, th.bright {
	background-color: #f5f5f5;
	color: #000000;
}

td.medium, th.medium {
	background-color: #fff0b2;
	color: #000000;
}

td.dark, th.dark {
	background-color: #ffcc00;
	color: #000;
	font-weight: normal;
}

td.dark a {
	color: #FFFFFF;
}

td.align-center { text-align: center !important; }

td.align-left { text-align: left !important; }

td.align-right{ text-align: right !important; }

td.no-wrap { white-space: nowrap !important; }

tr.no-border td { border: none !important; }

p.bg-bright {
	background-color: #f5f5f5;
	padding: 20px 30px;
}

p.p-tiny { font-size: 0.8em; }
p.p-large { font-size: 1.4em; line-height: 1.4em; }


table.cell-spacing {
	background-color: #FFFFFF;
	color: #000000;
	border-collapse: collapse;
	width: 100%;
}

table.cell-spacing td, table.cell-spacing th {
	border-bottom: none;
	border-left: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	margin: 0;
	padding: 10px 5px;
	vertical-align: middle;
	text-align: left;
}

table.cell-spacing td:first-child { border-left: none; }

table.cell-spacing td.brightest, table.cell-spacing th.brightest { border-right: solid 2px #f5f5f5; }





table.bottom-lines {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}
table.bottom-lines td, table.bottom-lines th {
	padding: 5px;
	text-align: left;
	vertical-align: top;
	border-bottom: solid 1px #DDDDDD;
	font-family: inherit;
}
table.bottom-lines th { font-weight: bold; }

table.bottom-lines td.bright, table.bottom-lines th.bright,
table.bottom-lines td.medium, table.bottom-lines th.medium,
table.bottom-lines td.dark, table.bottom-lines th.dark {
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
}




table.no-lines {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
table.no-lines td, table.no-lines th {
	background-color: #FFFFFF;
	padding: 5px 10px 0 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
	border-bottom: none;
}
table.no-lines th { font-weight: bold; }


table.full-width { width: 100%; }




table.events {
	background-color: #FFFFFF;
	color: #000000;
	border-collapse: collapse;
	width: 100%;	
}
table.events td, table.events th {
	border-bottom: none;
	border-right: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	margin: 0;
	text-align: left;
	padding: 10px 5px;
	vertical-align: top;
}
table.events th:first-child, table.events td:first-child {
	background: #ffcc00;
	color: #000;
}
table.events th:nth-child(2), table.events td:nth-child(2) {
	background: #fff0b2;
	background: #f5f5f5;
}
table.events th:nth-child(3), table.events td:nth-child(3) {
	background: #f5f5f5;
}


@media only screen and (min-width: 960px) {

	p.p-large {
		font-size: 1.4em;
		line-height: 1.4em;
		font-weight: 100;
		max-width: 960px;
		margin: 0 auto;
	}
	p.p-large strong { font-weight: normal; }

}


@media only screen and (max-width: 719px) {
	
	blockquote {
		padding: 30px 10px;
		margin: 20px 0;
		text-align: left;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	blockquote:before {
		width: 100px;
		left: 50%;
		right: auto;
		margin-left: -50px;
		background-color: #fff;
	}
	blockquote:before { top: -25px; }
	
}