html {
height:100%;

}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
height:100%;
width:100%;
position:relative !important;
margin:0 auto!important;
background-color:hsl(0, 0%, 90%);

border:0px solid yellow;

}

.sc-subpage-content {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;
display:flexbox;

-moz-box-orient:vertical;
-webkit-box-orient:vertical;
-ms-flex-direction:column;

-webkit-box-flex:1;
-moz-box-flex:1; 
-ms-flex:1;

padding-bottom:5px;
 
background-color:lightgray;
border:0px solid green;
}

.sc-subpage-content-header {

border-top:2px solid white;
border-bottom:2px solid white;
font-size:1.2em;
text-shadow:2px 2px 2px darkgray;
 
padding-left:7px;
padding-top:3px;
padding-bottom:1px;
font-weight:bold;
color:blue;

}

.sc-subpage-content-data {

display:-moz-box;

-moz-box-orient:vertical;
-webkit-box-orient:vertical;
-ms-flex-direction:column;

-moz-box-flex:1;
-webkit-box-flex:1;

overflow-y:auto;
-webkit-overflow-scrolling:touch;
 
 padding-left:7px;
 padding-right:7px;
 border:0px solid blue;
}


.sc-page {
 
height:100%;
width:100% !important;

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

 -moz-box-orient:vertical;
 -webkit-box-orient:vertical;
 -ms-flex-direction:column;

background-repeat:no-repeat;
 
border:0px solid green;
}

.sc-page-header {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

 -moz-box-orient:horizontal;
 -webkit-box-orient:horizontal;
 -ms-flex-direction:row;
 
background:-moz-linear-gradient( -90deg, darkgray 40%, lightgray 90%);
background:-webkit-linear-gradient( -90deg, darkgray 40%, lightgray90% );
background:-ms-linear-gradient( -90deg, darkgray 50% , lightgray 100%);

color:black;
font-weight:bolder;

border:1px solid darkred;
}

.sc-page-header-spez-1 {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

 -moz-box-orient:horizontal;
 -webkit-box-orient:horizontal;
 -ms-flex-direction:row;

padding-top:10px;
margin-left:10px;

height:50px;
border:0px solid red;

}

.sc-page-header-spez-1-img {

height:50px;
margin-right:5px;

border:0px solid green;
}

.sc-page-header-spez-1-img img {

max-height:50px;;
border:0px solid green;
}

.sc-page-header-spez-1-menu {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

 -moz-box-orient:horizontal;
 -webkit-box-orient:horizontal;
 -ms-flex-direction:row;
 
 -moz-box-pack:end;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 
 -webkit-box-flex:1;
 -moz-box-flex:1; 
 -ms-flex:1;
max-height:30px;

border:0px solid green;
}
.sc-page-header-spez-1-menu-img {

 width:30px;
 max-height:30px;
 margin-right:10px;
}

.sc-page-header-spez-1-menu img {

width:98%;
max-width:30px;
max-height:30px;

border:0px solid green;
}

.sc-page-header-spez-2 {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

 -moz-box-orient:horizontal;
 -webkit-box-orient:horizontal;
 -ms-flex-direction:row;

margin-left:5px;
margin-right:0px;
margin-top:5px;

width:98%;
border:0px solid red;

}

.sc-page-header-ikon-right {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

 -moz-box-orient:vertical;
 -webkit-box-orient:vertical;
 -ms-flex-direction:column;
 
 -moz-box-pack:start;
 -webkit-box-pack:start;
 -ms-flex-pack:start;

border:0px solid orange;
 
}


.sc-page-header-col-spez-2 {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

 -moz-box-orient:vertical;
 -webkit-box-orient:vertical;
 -ms-flex-direction:column;
 
 -moz-box-pack:start;
 -webkit-box-pack:start;
 -ms-flex-pack:start;

border:0px solid orange;
 
}

.sc-page-header-title-spez-2
{
 -webkit-box-flex:1;
 -moz-box-flex:1; 
 -ms-flex:1;
 
font-weight:bold;
font-size:1.1em;

color:black;
text-align:center;
padding-left:2px;
padding-right:2px;
border:0px solid yellow;
}

.sc-page-header-adr-spez-2 {

font-size:0.95em;

}


.sc-page-header-title-spez-2 div {
position:relative;
top:0px;
left:0px;
border:0px solid orange;
}

.sc-page-header-home {

height:72px;
}

.sc-page-header-home img {

max-height:70px;
}

.sc-page-header-child {

height:72px;
border:0px solid green;
}
.sc-page-header-child img {

max-height:70px;
border:0px solid orange;
}

.sc-page-header-col-spez-2 #bt-home img, .sc-page-header-col-spez-2 .sc-menu-auswahl img {

max-height:30px;
}

.sc-show-menu {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

-moz-box-orient:vertical;
-webkit-box-orient:vertical;
-ms-flex-direction:column;

vertical-align:middle;
 
 -webkit-box-flex:1;
 -moz-box-flex:1; 
 -ms-flex:1;

 min-width:35px;
 height:100%;
 width:80%;
 margin-left:10%;
 
 border:1px solid darkred;
}
.sc-show-menu-line {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

 -webkit-box-flex:1;
 -moz-box-flex:1; 
 -ms-flex:1;

-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-ms-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;

line-height:2px;

margin-top:2px;
margin-bottom:2px;
background-color:black;
border:1px solid black;
}


.sc-page-logo {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

 -moz-box-orient:horizontal;
 -webkit-box-orient:horizontal;
 -ms-flex-direction:row;
 
 -moz-box-pack:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 
 
border:0px solid pink;

}
.sc-page-logo-column {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;
 
 -moz-box-orient:horizontal;
 -webkit-box-orient:horizontal;
 -ms-flex-direction:row;

 -webkit-box-flex:1;
 -moz-box-flex:1; 
 -ms-flex:1;
 
 -moz-box-pack:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 
 border:0px solid green;
}
.sc-page-logo-column-title {
text-align:center;
font-weight:bolder;
text-shadow:1px 1px 3px white;
font-size:1.4em;
color:white;
margin:5px;
border:0px solid red;
}

.sc-page-logo-column-image {

border:0px solid red;
}

.sc-page-logo-column-image img {
width:100%;
max-width:80px;
border:0px solid green;
}

.sc-page-footer {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

 -moz-box-orient:vertical;
 -webkit-box-orient:vertical;
 -ms-flex-direction:column;
 
width:100%;
position:fixed;
bottom:0px;

background-color:hsla(0, 0%, 97%, 0.9);

border:0px solid pink;
 
}
.sc-page-footer-item-text {
font-size:1.1em;
}

.sc-kontakt-line {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

 -moz-box-orient:horizontal;
 -webkit-box-orient:horizontal;
 -ms-flex-direction:row;
 
font-weight:bolder;
 
width:100%;
border:0px solid blue;
}
.sc-kontakt-item {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

 -webkit-box-flex:1;
 -moz-box-flex:1; 
 -ms-flex:1;
 
 -moz-box-orient:vertical;
 -webkit-box-orient:vertical;
 -ms-flex-direction:column;
 
 -moz-box-pack:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;

text-align:center;
border:0px solid yellow;
}


.sc-kontakt-item a {
color:white;
}

.sc-kontakt-item-img {
width:25px;
margin:0px auto;
border:0px solid red;
}
.sc-kontakt-item-img img {
max-width:25px;
margin:0px auto;
border:0px;
}


.sc-page-title {

text-align:center;
font-size:0.6em;
color:darkgreen;
font-weight:bolder;
width:40%;
background-color:hsla( 160, 97%, 97%, 0.7 );
margin:5px auto;
padding:2px;
}

.sc-page-content {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;
 
-moz-box-orient:vertical;
-webkit-box-orient:vertical;
-ms-flex-direction:column;

-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box; 
box-sizing:border-box;

-webkit-box-flex:1;
-moz-box-flex:1;
 -ms-flex:1;

overflow-y:hidden;
margin:3px;
margin-top:15px;
margin-bottom:40px;
border:0px solid blue;
}

.sc-page-content-title{
font-size:1.6em;
font-weight:bolder;
font-style:italic;
color:darkgreen;
}

.sc-page-content-frame {

width:100%;
margin:0px auto;
margin-top:5px;
text-align:center;

border:0px solid yellow;
}
.sc-page-content-frame iframe {
width:97%;
border:0px solid lightgreen;
}

section.sc-gallery {

width:95% !important;
min-width:95% !important;
min-height:95% !important;
padding:3px !important;

margin:0px auto !important;

border:0px solid red;
}

section.sc-gallery #fullPreview {

padding:10px 10px 10px 10px;
}
section.sc-gallery li img
{
border:none;
margin:3px 5px 0 0
}

section.sc-gallery li a
{
display:block;
width:80px;
height:60px;
position:absolute;
top:10px;
left:0;
z-index:6;
}
section.sc-gallery li .overLayer ul,section li .infoLayer ul
{
padding:5px 0 0 0
}

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

html {
background-color:white;
}

body{

 width:768px;
 position:relative !important;
 margin:40px auto!important;
}

.sc-page-logo-column-image img {
max-width:240px;
border:0px solid green;
}

.sc-page-content-frame {
width:70%;
text-align:center;
}

.sc-page-footer {

position:absolute;
}

.sc-page-header-home img {

max-height:80px;
}
.sc-page-header-child img {

max-height:80px;
}

.sc-page-header-title-spez-2 {

font-size:1.2em;

}

.sc-page-header-adr-spez-2 {

font-size:0.95em;
}


}

@media only screen and (max-width:320px) {

.sc-page-header-title-spez-2 {
font-size:0.9em;

}

.sc-page-header-adr-spez-2 {

font-size:0.95em;
}
}

@media only screen and (orientation:landscape) {
 
body{

 height:640px;
}


.sc-page-footer {

position:absolute;
}
}






.sc-page-menu {

position:absolute;
bottom:40px;

display:none;

-moz-box-orient:vertical;
-webkit-box-orient:vertical;
-ms-flex-direction:column;

font-size:0.8em;
font-weight:bolder;
color:darkgray;

overflow-y:auto;
-webkit-overflow-scrolling:touch;

width:70%;
margin-left:17%;
padding:2px;
border:0px solid red;
z-index:99;

background-color:hsla( 0, 0%, 0%, 0 );

}
.sc-page-menu-sichtbar {

 left:20px;
 z-index:99;

-moz-transition-duration:2s;
-webkit-transition-duration:2s;
-ms-transition-duration:2s;

-moz-transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;

}
.sc-page-menu-sichtbar-sofort {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

}

.sc-page-menu-content-mobile{
border-top:0px solid white;
margin-bottom:2px;


}
.sc-page-menu-item-mobile{

padding:5px;
display:-webkit-box;
display:-ms-flexbox;
 
 -moz-box-orient:horizontal;
 -webkit-box-orient:horizontal;
 -ms-flex-direction:row;

 -webkit-box-flex:1;
 -moz-box-flex:1; 
 -ms-flex:1;
 
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 7px 5px;
-ms-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
 
}
.sc-menu-mobile-closed{
 max-height:0px;
 overflow-y:hidden;
-webkit-transition:all 1.5s ease;
-moz-transition:all 1.5s ease;
-o-transition:all 1.5s ease;
-ms-transition:all 1.5s ease;
 transition:all 1.5s ease ;
 margin-left:10px;
}
.sc-page-menu-content-mobile:hover{
 cursor:pointer;
 cursor:hand;
 opacity:0.9;
}
.sc-menu-mobile-open{
max-height:400px;

}
.sc-page-menu-item-text-content-mobile {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

 -webkit-box-flex:1;
 -moz-box-flex:1; 
 -ms-flex:1;
 
 -moz-box-orient:vertical;
 -webkit-box-orient:vertical;
 -ms-flex-direction:column;
 
 -moz-box-pack:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 
font-size:1.1em;
border:0px solid orange;

}

.sc-page-menu-item-text-mobile {

margin-top:2px;
margin-left:7px;
 
border:0px solid pink;
}

.sc-page-menu-item-img-content-mobile {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;
 
 -moz-box-orient:vertical;
 -webkit-box-orient:vertical;
 -ms-flex-direction:column;
 
 -moz-box-pack:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;

width:24px;
border:0px solid yellow;
}
.sc-page-menu-item-img-content-mobile div {

border:0px solid orange;
}

.sc-page-menu-item-img-content-mobile img {

 width:20px;
 vertical-align:middle;
 margin-left:2px;
 border:0px solid gray;
}

.sc-page-menu-content {
margin:0px;
margin-bottom:2px;
padding:1px;
border:0px solid yellow;
}

.sc-page-menu-item {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;
 
 -moz-box-orient:horizontal;
 -webkit-box-orient:horizontal;
 -ms-flex-direction:row;

background-color:hsla( 160, 97%, 97%, 1.0 );
 
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 7px 5px;
-ms-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;

overflow-x:hidden;
overflow-y:hidden;

padding:3px;
margin-right:4px;
width:95%;
border:1px solid darkgreen;
}


.sc-page-menu-item-text-content {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;

 -webkit-box-flex:1;
 -moz-box-flex:1; 
 -ms-flex:1;
 
 -moz-box-orient:vertical;
 -webkit-box-orient:vertical;
 -ms-flex-direction:column;
 
 -moz-box-pack:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 
font-size:1.1em;
border:0px solid orange;

}

.sc-page-menu-item-text {

margin-left:7px;
 
border:0px solid pink;
}
.sc-page-menu-item-img-content {

display:-moz-box;
display:-webkit-box;
display:-ms-flexbox;
 
 -moz-box-orient:vertical;
 -webkit-box-orient:vertical;
 -ms-flex-direction:column;
 
 -moz-box-pack:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;

width:28px;
border:0px solid yellow;
}
.sc-page-menu-item-img-content div {

width:97%;
border:0px solid orange;
}

.sc-page-menu-item-img-content img {

 width:97%;
 max-width:20px;
 vertical-align:middle;
 margin-left:2px;
 border:0px solid gray;
}


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

.sc-page-menu {

width:50%;
margin-left:25%;
 }
.sc-page-menu-item-img-content {

width:34px;

border:0px solid gray;
}
.sc-page-menu-item-img-content img {

 max-width:24px;
 margin-left:3px;
}

}