@media screen and (max-width: 1200px) { 
body {
font-size:1.1em;
line-height:1.6em;
  }  
.section-state1 .section-content,
.section-state2 .section-content {
padding-left:2% !important;
padding-right:2% !important;
width:94% !important;
  }
.section-state3 {
padding-left:0% !important;
padding-right:0% !important;
width:100% !important;
}
.mediafly,
.frame-layout-5 {
display:none;
}
/* nur in mobil zeigen */
.frame-layout-4 {
display:inline-block;
}
}
/* bildschirme unter 1080px */
@media screen and (min-width:1px) and (max-width: 1080px) {
  body{
  font-size:12pt; 
line-height:17pt;
    }

a.logolink {
margin-right:00px;
width:120px;
height:60px !important;
}
nav.einzelseite ul {
margin: 0px 0px 5px 0px !important;
}
.myclass:first-of-type,
#content.einzelseite {
margin-top:120px;
}
nav.einzelseite ul,
nav.tx-bwrk-onepage-menu ul{
margin: 10px 0px 0px 0px !important;
}
h1, header h5, h5 {
font-size:2.4em; 
line-height:1.1em;
}

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 1.5em; }
    .frame-space-before-medium { margin-top: 2em; }
    .frame-space-before-large { margin-top: 3em; }
    .frame-space-before-extra-large { margin-top: 4em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 1em; }
    .frame-space-after-medium { margin-bottom: 1.5em; }
    .frame-space-after-large { margin-bottom: 3em; }
    .frame-space-after-extra-large { margin-bottom: 4em; }

}
/* bildschirme unter 1000px */
@media screen and (min-width:1px) and (max-width: 1000px) {
.myclass:first-of-type,
#content.einzelseite {
margin-top:70px;
}
.header {
margin: 0px 0px 0px 0px !important;
padding:0px;
}
  a.logolink {
margin-right:00px;
width:120px;
height:60px !important;
}
  
/* Anpassung Erscheinungsbilder */  

}
/* bildschirme unter 810px */
@media screen and (min-width:1px) and (max-width: 810px) {
  body{
    }
.myclass:first-of-type,
#content.einzelseite {
margin-top:60px !important;
}

.tx-powermail .frame-type-text.frame-layout-0 {
width:100%;
margin-left:0%;
}
.frame-type-onecol .column,
.frame-type-twocol .column,
.frame-type-threecol .column,
.frame-type-fourthcol .column {
float:left;
clear:left;
width:100% !important;
margin-left:0px;
margin-right:0px;
margin-top:10px;
 margin-bottom:10px;
  }
    /* Space */
    .frame-space-before-extra-small,
    .frame-space-before-small,
    .frame-space-before-medium,
    .frame-space-before-large,
  .frame-space-before-extra-large {
margin-top:3% !important;
 }
    .frame-space-after-extra-small,
    .frame-space-after-small,
    .frame-space-after-medium,
    .frame-space-after-large,
    .frame-space-after-extra-large {
float:left;
clear:left;
width:100%;
margin-bottom:3% !important;
}
  .tx-powermail .powermail_fieldset{
  width:95% !important;
  float:left;
  clear:left;
  margin-left:2%; 
  margin-right:2%;
}

/* image float */
/* Bilder in Reihen */
.ce-gallery[data-ce-columns="1"] .ce-column {
width:100% !important;
}
.ce-gallery[data-ce-columns="2"] .ce-column {
width:calc(100%/2 - 5px) !important;
}
.ce-gallery[data-ce-columns="3"] .ce-column {
width:calc(100%/3 - 9px) !important;
}
.ce-gallery[data-ce-columns="4"] .ce-column {
width:calc(100%/4 - 13px) !important;
}
.ce-gallery[data-ce-columns="5"] .ce-column {
width:calc(100%/5 - 15px) !important;
}
.ce-gallery[data-ce-columns="6"] .ce-column {
width:calc(100%/3 - 10px) !important;
}
.ce-gallery[data-ce-columns="7"] .ce-column {
width:calc(100%/3 - 25px) !important;
}
.ce-gallery[data-ce-columns="8"] .ce-column {
width:calc(100%/4 - 30px) !important;
}
.ce-gallery[data-ce-columns="2"] figure,
.ce-gallery[data-ce-columns="3"] figure,
.ce-gallery[data-ce-columns="4"] figure,
.ce-gallery[data-ce-columns="5"] figure,
.ce-gallery[data-ce-columns="6"] figure,
.ce-gallery[data-ce-columns="7"] figure,
.ce-gallery[data-ce-columns="8"] figure {
width:80% !important;
height:auto !important;
float:left;
margin-left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
/* Anpassungen Erscheinungsbilder */
}

@media screen and (min-width:1px) and (max-width: 640px) {
  h1, h5, header h5 {
font-size:1.8em;
}
}

/* bildschirme bis 480px */
@media screen and (max-width: 480px) {
  body {
font-size:11pt;
}
.frame-layout-1,
.frame-layout-2 {
position:relative;
float:left;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
max-width:100% !important;
}
  /* Anpassungen Erscheinungsbilder */
}