.widget{
	padding: 0.4em 1.75em;
}


.widget .ui-disabled{
	opacity: 			0.4;
	cursor:				auto	;
}

/* Text-Widget */

.widget hgroup h2{
	margin:0;
	margin-bottom:0.25em;
	padding:0;
	font-size:1.15em;
	font-weight:bold;
}

.widget hgroup h3{	
	padding:0;
	margin:0;
	margin-bottom:0.25em;
	font-size:1em;
	font-weight:bold;
	font-style:italic;
}

.widget .wiki p,
.widget .wiki ul,
.widget .wiki ol{
	margin: 0.5em 0;
}

.widget .wiki ul,
.widget .wiki ol{
	padding-left:2em;
}

.widget .wiki table{
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	margin:auto;
	empty-cells:show;	
}

.widget .wiki table td,
.widget .wiki table th{
	padding:0.2em 0.5em;
	border:none;
}

.widget .wiki table th{
	font-size:1.1em;
	border-bottom:solid 0.1em rgba(0,0,0,0.5);
	border-left:solid 0.1em rgba(0,0,0,0.2);
}

.widget .wiki table td{
	border-left:solid 0.1em rgba(0,0,0,0.2);
}

.widget .wiki table tr *:first-child{
	border-left:none;
}

.widget .wiki table tr *:last-child{
	text-align:right;
}




/* VSpace-Widget */

.widget .vspace{
	height:1em;
}



/* Video- und Image-Widgets */

.widget .img_wrapper,
.widget .video_wrapper{
	display:block;
	position:relative;
	height:auto;
}

.widget .img_wrapper img{
	width:100%;
	height:auto;
}


.widget .video_canvas{
	display:block;
	margin:0 -1.35em;
	padding-top:62.25%;
	position:relative;
	box-shadow: 0 0 0.5em rgba(0,0,0,0.8);
	background:#000;
}

.widget .video{
	display:block;
	position:absolute;
	margin:0 auto;
	top:0;
	left:0;
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
}

.widget .img_wrapper .caption.above,
.widget .video_wrapper .caption.above{	
	font-weight:bold;
	padding: 0.4em 0;
}

.widget .img_wrapper .caption.above .details,
.video_wrapper .caption.above .details{
	font-weight:normal;
}

.widget .img_wrapper .caption.below,
.video_wrapper .caption.below{	
	font-weight:normal;
	padding: 0.4em 0;
	font-size:0.9em;
	text-align:right;
}



/* Link-Widget */

.widget .opt-state,
.widget a.back,
.widget a.mail,
.widget a.tel,
.widget a.http{
	display					:	block;
	padding-left			:	4em;
	background-size			:	3em auto;
	font-weight				:	bold;
	text-decoration			:	none;
	background-repeat		:	no-repeat;
	background-position		:	0 50%;
	line-height				:	1.2em;
	padding-top				:	0.9em;
	padding-bottom			:	0.9em;
}


/* TurnPage Widget */


/* Form-Widgets */

/* Teile der Formular (z.B. Popups) werden ausserhalb der Widgets generiert =/ */

.ui-corner-all,
.ui-btn-corner-all{
	border-radius: 0.3em;
}

.ui-shadow,
.ui-btn-shadow,
.ui-overlay-shadow,
.ui-slider-input{
	box-shadow: 0 0 0.3em 0em rgba(0, 0, 0, 0.35);
}


.ui-shadow-inset{

}

.ui-btn-inner{
	padding: 0.5em 0.5em;
	font-size:1em;
}

.ui-icon {
	border-radius:0;
}

.ui-btn-icon-left > .ui-btn-inner > .ui-icon, 
.ui-btn-icon-right > .ui-btn-inner > .ui-icon {
	margin:0;
	top:0;
	right:0;
	height:100%;
	width:2em;	
}

.ui-btn-active{
	box-shadow:none;
}

.invalid{
	background: rgba(255,10,0,0.2);
}

.invalid .error{			/* Fehlermeldung bei ungültigen Eingaben */
	display:none;			/* Fehler werden nicht angezeigt */
}

/* Text Inputs */

.ui-btn-text,
input.ui-input-text,
textarea.ui-input-text
.ui-slider-input{
	font-size			:	1.3em	!important;
}

input.ui-input-text{
	color:#000;
}

div.ui-input-text{
	background-color	:	#fff;
	color				:	#000;
}


/* Slider */

div.ui-slider{
	height:auto;
}

.ui-slider-track{
	margin				:	0.9em	1em	0.9em	6em;
	height				:	1em;
	border				:	none;
	background			:	#fff;
	box-shadow			:	0 0 0 1px rgba(0,0,0,0.2) inset;
	top					:	0;
}



.contrast .ui-slider-track{
	background-color	:	#000;
	box-shadow			:	0 0 0 1px #FFFFFF inset;
}


label.ui-slider{
	font-size			:	1em;
	white-space			:	normal;
}

input.ui-input-text.ui-slider-input {
	display				:	block;
	float				:	left;
	font-size			:	1em;
	font-weight			:	normal;
	margin				:	0;
	outline				:	0	none;
	padding				:	0.4em;
	text-align			:	center;
	vertical-align		:	middle;
	width				:	2em;
	height				:	1.5em;
	line-height			:	1em;	
}

.ui-slider-track	.ui-btn.ui-slider-handle,
.ui-slider-switch 	.ui-btn.ui-slider-handle {
	height				:	1.8em;
	width				:	1.8em;
	margin				:	-0.9em	0	0	-0.9em;
	background-color	:	#fff;
}

/* Selects */


.ui-popup-container{
	left:3em				!important;
	right:3em				!important;
	max-width:				 none;
}


.widget	.ui-select	.ui-icon{
	background: rgba(0,0,0,0.1);
}

.contrast .widget	.ui-select	.ui-icon{
	background: transparent;
}



.widget	.ui-select	.ui-icon:before{	/* triangle down */
	content:				'';
	display:				block;
	position:				absolute;
	width: 					0; 
	height: 				0; 
	border-left:			0.6em 	solid 	transparent;
	border-right: 			0.6em 	solid 	transparent;	
	border-top: 			0.7em 	solid 	rgba(255,255,255,1);
	margin-top:				-0.3em;
	margin-left:			-0.6em;
	top:					50%;
	left:					50%;
}


.ui-selectmenu,
.ui-dialog{	
	padding:				0;
	background:				#fff		!important;
	overflow:				hidden;
}


.ui-selectmenu	.ui-header	.ui-title,
.ui-dialog		.ui-header	.ui-title{
	margin:					0 1.5em;
	padding:				0.5em 0;
	line-height:			1.5em;
	font-size:				1.15em;
	font-weight:			bold;
	text-align:				center;
	white-space:			normal;
}

.ui-selectmenu	li.ui-li,
.ui-dialog		li.ui-li{
	background:				rgba(0, 0, 0, 0.05);
	border-top: 			0.2em	solid	#fff;
}

.ui-selectmenu	li.ui-li	.ui-btn-text,
.ui-dialog		li.ui-li	.ui-btn-text{
	color				:	#000;
}

.ui-selectmenu	.ui-btn-active:after
.ui-dialog		.ui-btn-active:after{	/* triangle left */
	content: 				'';
	display:				block;
	position:				absolute;
	width: 					0; 
	height: 				0; 
	border-top: 			0.6em	solid	transparent;
	border-bottom:			0.6em	solid	transparent;	
	border-right: 			0.7em	solid	rgba(0,0,0,0.4);
	margin-top:				-0.6em;
	margin-left:			-0.3em;
	top:					50%;
	right:					0.5em;
}


/* Checkboxen */

.widget	.ui-checkbox .ui-btn,
.widget	.ui-radio .ui-btn{
	margin:0;
}

.widget	.ui-checkbox	.ui-btn-icon-left	.ui-btn-inner,
.widget	.ui-radio	.ui-btn-icon-left	.ui-btn-inner {
	padding:				0;
	padding-left:			5em;
}

.widget	.ui-checkbox 	.ui-btn-inner {
	font-size:				inherit;
}

.widget	.ui-checkbox	.ui-btn-icon-left 	>	.ui-btn-inner	>	.ui-btn-text,
.widget	.ui-radio	.ui-btn-icon-left 	>	.ui-btn-inner	>	.ui-btn-text {
	display:				inline-block;
	padding:				1.5em	0;
	font-size:				1em !important;
}

.widget	.ui-radio	.ui-btn-icon-left 	>	.ui-btn-inner	>	.ui-btn-text {
	text-align:             left;
}

.widget	.ui-checkbox	.ui-btn-icon-left 	>	.ui-btn-inner	>	.ui-icon,
.widget	.ui-radio	.ui-btn-icon-left 	>	.ui-btn-inner	>	.ui-icon {
	height:					100%;
	margin:					0;
	width:					4em;
	top:					0;
	background-position: 	50% 50%;
	background-size:		contain;
	background-repeat:		no-repeat;
}

.widget	.ui-checkbox	.ui-btn-icon-left	.ui-icon,
.widget	.ui-radio	.ui-btn-icon-left	.ui-icon {
	left:					0;
}

.widget	.ui-checkbox-on	.ui-icon,
.widget	.ui-radio-on	.ui-icon{
	background-image:		url('/public/static/images/checkbox_on.png');
}

.widget	.ui-checkbox-off	.ui-icon,
.widget	.ui-radio-off	.ui-icon{
	background-image:		url('/public/static/images/checkbox_off.png');
}

.widget .ui-checkbox input,
.widget .ui-radio input{
	display:none;
}

.ui-controlgroup-horizontal .ui-radio .ui-icon {
    display: block;
}

.widget .ui-radio .ui-btn-icon-left .ui-btn-inner  {
    padding: 0 3em 0 5em;
}


/* buttons */

.widget	.ui-btn-inner {
	text-overflow		:	normal;
	white-space			:	normal;
}


/* OptInOut-widget */

.widget	.opt-in.currentState,
.widget	.opt-out.currentState {
	
}


/* Social-Media-Widget */

.widget .social_media{
	line-height:2em;
	text-align:center;
	margin:1em;
}

.widget .social_media > div{
	display:inline-block !important;
	vertical-align:middle !important;
	margin:0 1em;
}

.widget #custom-tweet-button a {
	background: url('/public/static/images/twitter.png') 0 0 no-repeat;
	background-size:100% auto;
	display: block;
	width: 3em;
	height: 3em;
}

.widget #custom-plusone-button a {
	background: url('/public/static/images/plusone.png') 0 0 no-repeat;
	background-size:100% auto;
	display: block;
	width: 3em;
	height: 3em;
}

.widget .fb-like{
	overflow:hidden !important;
	width:86px !important;
}


/* AppStore-Link-Widget*/

.widget .store{
	display					:	block;
	height					:	4em;
	margin					:	0.4em 0;
	background-position		:	50%, 50%;
	background-size			:	auto 100%; 
	background-repeat		:	no-repeat;
}

.widget .store.google_play{
	background-image				:	url('/public/static/images/google_play.png');
}

.widget .store.windows_phone_store{
	background-image				:	url('/public/static/images/windows_phone.png');
}

.widget .store.appstore{
	background-image				:	url('/public/static/images/app_store.png');
}

.widget .store.app_world{
	background-image				:	url('/public/static/images/bb_app_world.png');
}

.widget .store.f-droid{
	background-image				:	url('/public/static/images/fdroid.png');
}

/* 360 Image Viewer */

.fullscreenWrapper {
	width: 100% !important;
	height: 100vh !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 9999;
}

.fullscreenViewer {
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	/*z-index: 9999;*/
}

.fullscreenButton {
	color: white;
	font-size: 30px;
	border: none;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.fullscreenIcon {
	padding: 2px;
	background: rgba(0,0,0,0.3);
}

.fullscreenButtonPos {
	right: 10px !important;
	top: 10px !important;
	height: 38px;
}

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url('/public/static/fonts/material-icons.woff2');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 48px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}