@import url('../../css/open_sans/open_sans.css');
@import url('../../css/oswald/oswald.css');
@import url('../../css/roboto/roboto.css');
@import url('../../css/open_sans_condensed/open_sans_condensed.css');

body, .ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c button, h2.ui-title, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1;
	color: #272727;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

h1 {
	font-size: 1.75em;
	margin: 15px 0;
}

h2 {
	font-size: 1.5em;
	margin-bottom: 8px;
	line-height: 1.1em;
}

h3 {
	font-size: 1.5em;
	margin-bottom: 15px;
}

h4 {
	font-size: 1.50em;
}

.ui-header>* {
	margin: 0 !important;
	color: #fefefe !important;
	text-shadow: none !important;
	box-shadow: none !important;
}

.ui-header h2 a {
	color: #fefefe !important;
	font-size: 1.25em;
}

.ui-header h2 a:hover, .ui-header h2 a:focus {
	color: #b1380a !important;
}

.ui-header {
	min-height: 10px;
	background: #878786 !important;
}

.ui-mobile [data-role=page] .ui-content img {
	max-width: 100%;
}

.start .ui-header {
	display: none;
}

.ui-content img {
	max-width: 100%;
}

#start .ui-content {
	padding-top: 0;
}

.ui-mobile [data-role="header"] .left {
	position: relative;
	padding: 6px 15px 5px;
	float: left;
}

.ui-mobile [data-role="header"] .right {
	position: relative;
	float: right;
	padding: 6px 12px 5px;
}

.ui-mobile [data-role=content] {
	margin: 15px;
}

.ui-mobile [data-role=content] hr {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color -moz-use-text-color rgba(153, 153, 51, 1);
	border-image: none;
	border-style: none none solid;
	border-width: 0 0 1px;
	height: 0
}

.ui-mobile [data-role=content] .two-col .col-md-6 {
	margin-bottom: 20px;
}

.ui-body-c {
	background-color: #fff;
}

.ui-bar-d, .ui-bar-b, .ui-bar-b a.ui-link:visited, .ui-bar-b a.ui-link:hover, .ui-bar-b a.ui-link:active, .ui-btn-up-b {
	text-shadow: 1px 1px 0 #000;
}

.ui-mobile .wb {
	width: 140% !important;
}

.copyright {
	position: relative;
	float: right;
	font-size: 0.85em;
	bottom: 28px;
	right: 5px;
	z-index: 99;
	color: #fefefe;
	text-shadow: #000 0 0 5px;
}

.clear {
	clear: both;
}

#logo img {
	width: 300px;
	min-width: 200px;
	max-width: 45%;
	position: relative;
	display: block;
	margin: 0 auto;
}

.ui-mobile [data-role="content"] {
	margin: 0;
}

.ui-icon, .ui-icon-searchfield::after {
	background-color: #878786 !important
}

.ui-mobile .inhalt ul, .ui-mobile .inhalt ol {
	margin: 10px 0 10px 30px;
}

.ui-mobile .inhalt .two_col_green .col-2 {
	background: url(/img/sangiorgio_weiss.png) no-repeat #878786;
	background-position: 100% 100%;
	padding: 25px;
}

.ui-mobile .inhalt .two_col_light_green .col-2 {
	background: url(/img/sangiorgio_oliv.png) no-repeat #f3f3ec;
	background-position: 100% 100%;
	padding: 25px;
}

.ui-mobile .inhalt li {
	color: #b1380a;
	list-style-type: square;
}

.ui-mobile .inhalt .li_content {
	color: #272727;
}

.ui-mobile .inhalt h1 {
	text-transform: uppercase;
}

.ui-mobile #change_lang {
	width: 160px !important;
	margin: 0 auto;
	margin-bottom: 10px;
}

.ui-mobile #wechselbild .fotorama__nav-wrap {
	position: relative;
	top: -30px;
}

.ui-mobile #wechselbild .fotorama__nav__shaft {
	float: left;
	left: 5px;
}

.ui-mobile #wechselbild .fotorama__dot {
	width: 0;
	height: 0;
	border-width: 5px;
	border-color: rgba(153, 153, 51, 1);
}

.ui-mobile #wechselbild .fotorama__nav__frame.fotorama__active .fotorama__dot {
	width: 8px;
	height: 8px;
	border-width: 1px;
}

.ui-mobile [data-role="content"] .inhalt img {
	max-width: 96%;
}

.ui-mobile [data-role="content"] .inhalt .fotorama__thumb-border img {
	max-width: 100%;
}

.ui-mobile [data-role="content"] .inhalt a {
	color: #878786 !important;
}

.ui-mobile .ui-listview {
	margin: 0 !important;
}

.ui-mobile [data-role="content"]s .inhalt a:hover, .ui-mobile [data-role="content"] .inhalt a:focus {
	color: #b1380a !important;
}

.ui-mobile [data-role="content"] b, .ui-mobile [data-role="content"] strong {
	font-weight: bold;
}

.ui-mobile [data-role="content"] i {
	font-style: italic;
}

.ui-mobile [data-role="content"] u {
	text-decoration: underline;
}

.ui-mobile [data-role="content"] .ui-listview {
	box-shadow: none !important;
	border: 0px !important;
}

.ui-mobile [data-role="content"] .ui-listview i {
	left: 10px;
	position: relative;
}

.ui-mobile [data-role="content"] .ui-listview a:hover, .ui-mobile [data-role="content"] .ui-listview a:focus, .ui-mobile [data-role="content"] .ui-listview a:active {
	color: #b1380a !important;
}

.ui-mobile [data-role="content"] .ui-listview li {
	background: none !important;
	box-shadow: none !important;
	border: 0px !important;
}

.ui-mobile [data-role="content"] .inhalt .teaser .ui-li-desc {
	white-space: pre-wrap !important;
}

.ui-content .ui-listview-inset, .ui-panel-inner .ui-listview-inset {
	margin: 0;
}

p.spacer {
	padding: 0 0 70px;
}

.ui-content p {
	padding: 0 0 0px;
}

.ui-btn-hover-c, .ui-btn-up-c:hover {
	background: #D7D7D4;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
}

.ui-btn-up-c:visited, .ui-btn-up-c:hover, .ui-btn-up-c:active, .ui-btn-up-c:visited, .ui-btn-up-c a:hover {
	color: #fff;
}

.ui-mobile [data-role="footer"] a {
	margin: 5px 15px;
}

.ui-mobile [data-role="footer"] .icon>* {
	font-size: 2em !important;
	background: none;
	color: #fefefe;
	text-shadow: none;
	box-shadow: none;
}

.ui-mobile [data-role="footer"] .icon>*:hover, .ui-mobile [data-role="footer"] .icon>*:focus {
	color: #b1380a;
}

.ui-mobile [data-role="footer"] {
	text-align: center;
}

.ui-mobile [data-role="footer"] span {
	padding: 0;
}

.ui-mobile [data-role="footer"] span.ui-btn-inner {
	border: 0;
}

.ui-mobile [data-role="footer"] .ui-btn-up-d, .ui-mobile [data-role="footer"] .ui-btn-hover-d {
	background: none;
	border: 0;
	box-shadow: none;
}

.ui-mobile [data-role="header"] .ui-icon {
	background-image: url("images/ui-icon-custom-back.png");
	background-size: 18px 18px;
}

.ui-icon-custom-back {}

h3.navhead {
	font-size: 28px;
	margin: 40px 0 10px;
}

.ui-mobile .teaser a img, .ui-mobile .teaser fieldset {
	width: 120px;
	margin-right: 10px;
	border: 4px solid #fff;
	box-shadow: 0 0 5px #aaa;
}

.teaser, .teaser img, .teaser h3 {
	vertical-align: top;
}

.teaser h3 {
	margin: 0 !important;
}

.teaser a {
	background: #b1380a;
}

.teaser .ui-btn-icon-right .ui-btn-inner {
	padding-right: 0 !important;
}

.ui-content .ui-listview-inset.teaser, .ui-panel-inner .ui-listview-inset.teaser {
	margin: 10px 0;
}

.ui-content .ui-listview-inset.teaser img, .ui-panel-inner .ui-listview-inset.teaser img {
	margin: 10px;
	width: 100px;
}

.ui-li-thumb {
	max-width: 170px;
}

.ui-mobile .galerie img {}

.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb {
	padding-left: 130px;
	vertical-align: top;
}

.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit h3, h3.ui-li-heading {
	font-size: 17px;
	margin-bottom: 10px;
	font-weight: normal;
}

.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit p, .ui-li-desc {
	font-size: 14px;
}

li a:hover, li a:hover h3 {
	text-shadow: none;
}

#start {
	position: absolute;
	z-index: 2;
	background-color: transparent;
}

.ui-link-inherit {
	background-color: #878786;
	text-shadow: none;
	color: #fff !important;
	border-radius: 0px !important;
	border: 0px !important;
	margin-top: 12px;
	margin-bottom: 12px;
}

.ui-btn, .ui-btn-inner {
	border: 0px !important
}

.ui-li-heading {
	color: #fff;
}

p {
	padding-bottom: 10px !important;
}