/* JQM - ergaenzendes CSS */
*{
    font-family:  'Lato',Arial  !important;
    font-weight: 300 !important;
    color:#777;
    text-shadow: none;
}
h1 { font: 34px 'Lato',Arial ; font-weight: 100 !important; }
h2 { font: 18px 'Lato',Arial ; margin-top: 30px;}
h3 { font: 16px 'Lato',Arial ; }

strong { font-weight: 400!important; }

hr { background-color: #333; border:0; height: 1px; margin: 25px 0;}

p {font-size: 14px; margin-bottom: 25px;}

/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/lato-v14-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Lato Hairline'), local('Lato-Hairline'),
       url('../fonts/lato-v14-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/lato-v14-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'),
       url('../fonts/lato-v14-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Light Italic'), local('Lato-LightItalic'),
       url('../fonts/lato-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('../fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('../fonts/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Lato Black'), local('Lato-Black'),
       url('../fonts/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/lato-v14-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Black Italic'), local('Lato-BlackItalic'),
       url('../fonts/lato-v14-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}


.gallery li img{max-width:170px;}
html .gallery li{width:20%;}
.gallery li a{border:0px !important;}

@media screen and (max-width: 800px) {
html .gallery li{width:25%;}
}

@media screen and (max-width: 700px) {
html .gallery li{width:33%;}
}

@media screen and (max-width: 500px) {
html .gallery li{width:50%;}
}



/*Iconset Erwiterung*/
.ui-btn-icon-notext {
    width:28px !important;
    height:28px !important;
    top:3px !important;
}
.ui-icon-my-phone {
    background: url("../images/phone.png") no-repeat rgba(0, 0, 0, 0.4) !important;
    background-position: 5px 5px !important;
    width:28px !important;
    height:28px !important;
    border-radius: 14px  !important;
    margin: 0 !important;
}

.ui-btn-right {
    right: 8px !important;
}

iframe{border:0px; width:80%;}

/*content*/
.ui-content { padding:25px 10% 25px 10% !important;}

/* Content BG */
.ui-body-d, .ui-content, .ui-body-d, .ui-overlay-d, .ui-collapsible-set, .ui-collapsible-content, .ui-body-d, .ui-btn-up-d {background-color: #fff !important;}
.content .ui-collapsible-set .ui-btn-up-d { text-shadow: none !important;  font-family:  'Lato',Arial  !important; color:#ffffff !important; font-size: 14px; padding-left:30px !important;}
.ui-body-c, .ui-overlay-c, .ui-btn-up-c, .ui-btn-hover-c { background: linear-gradient(#000000, #222222) repeat scroll 0 0 #F9F9F9 !important; }
.ui-btn-hover-c { background: linear-gradient(#000000, #555555) repeat scroll 0 0 #F9F9F9 !important; }

/*Liste Accordion*/
.content .ui-collapsible-set { margin: 0.5em 15px !important;}

/*Liste Text*/
.list {
    padding-left: 15px;
    list-style-type: circle;
}

/* Logo im Header */
h6 { background: url(../images/logo.gif) no-repeat; text-indent: -7000px; display: block; height:50px; width:100%; margin:0;  background-position: 14.5% 0.5%; }
div.ui-header.ui-bar-a { background: #ffffff !important;}
.logo {position: static!important; display: block; width: 100%;}
.ui-header .ui-btn { margin-top:8px !important; }
.ui-btn-text { color:white!important;}


/* Header Bild*/
.headerimg img {display: block;}

/*Dialog MSG*/
.ui-title {margin:0.2em 0 0.3em 2% !important;}

/* NAVIGATION */
.ui-block-a { width:18%!important;}
.ui-block-b { width:38%!important;}
.ui-block-c { width:44%!important;}

/*Footer und Links*/
.footer{color:#fff; font-weight:normal !important; font-size: 0.5em; text-align: center; letter-spacing:0.3em; border-top:1px solid #333; padding:14px 0 0 0;}
a:hover.ext-link {color:cornflowerblue; text-decoration: none;}
.ext-link { text-decoration: none; }

/*Formular*/
form div.ui-field-contain {
    border-width: 0!important;
}
.ui-corner-all, .ui-btn-corner-all {
    border-radius: 0!important;
}

/* Sitebar */
#right-panel .ui-btn-inner {
    border:0;
    padding:0;
}

#right-panel .ui-mini {
    margin: 0;
}
#right-panel .ui-btn {
    padding:15px;
}

.ui-panel {
    width: 15em!important;
}

.ui-footer .ui-btn-text {color: #ffffff;}

/* Header ausblenden */
@media all and (orientation:landscape) {
    .headerimg {
        display: none;
    }
}