[/custom_headline] … mit width 100%

[/custom_headline] … mit width 100% und breakpoint 800

[/custom_headline] Bild rechts … mit width 100% und breakpoint 800 und max-width und bild-center nach Breakpoint


[/custom_headline] Bild links … mit width 100% und breakpoint 800 und max-width und bild-center nach Breakpoint

[/custom_headline]
[/custom_headline]

[/custom_headline] Bild rechts … wie 3. aber mit text max-width … sdfsdf sdfsd fsdf sdf sdf sdf sdf sdf sdf sdf sdf


[/custom_headline] Bild links … wie 4. aber mit text max-width … sdfsdf sdfsd fsdf sdf sdf sdf sdf sdf sdf sdf sdf
[/custom_headline]
– Plugin „Vertical Center“ wurde installiert
– Diese indiv. Umprogrammierung am Plugin (public js) wurde vorgenommen (bei installierten plugins auf ändern klicken), um vertical center nach dem breakpoint zu unterbinden:
//original : $( selector ).doVerticalCenter( offset );
//new ....
cssBreakpoint=-1;
if (selector==='.vertical-center-1000'){
cssBreakpoint=1000;
}
if (selector==='.vertical-center-800'){
cssBreakpoint=800;
}
if (cssBreakpoint!=-1)
{
if(jQuery(window).width() > cssBreakpoint){
$( selector ).doVerticalCenter( offset );
}else{
$( selector ).css(
'margin-top',
0);
}
}else{
$( selector ).doVerticalCenter( offset );
}
//... end new
– Dieses indiv. css wurde hinzufügt (über menu > anpassen > custom)
.res-table-800 {
display:table;
width:100%;
}
.res-td-2-800 {
display:table-cell;
float:left;
width:45%;
}
.res-font-800 {
font-size:150%!important;
}
.res-end-800 {
display:none;
}
.res-td-spacing-800 {
width:10%;
float:left;
display:table-cell;
}
@media only screen and (max-width: 1150px) and (min-width: 801px) {
.res-font-800 {
font-size:120%!important;
}
}
@media only screen and (max-width: 800px) {
.res-end-800 {
display:table;
width:100%;
height:20px;
}
.res-td-2-800 {
display:table;
float:none;
width:100%;
}
.res-td-spacing-800 {
display:table;
width:100%;
height:20px;
}
}
.res-table-1000 {
display:table;
width:100%;
}
.res-td-2-1000 {
display:table-cell;
float:left;
width:45%;
}
.res-font-1000 {
font-size:150%!important;
}
.res-end-1000 {
display:none;
}
.res-td-spacing-1000 {
width:10%;
float:left;
display:table-cell;
}
@media only screen and (max-width: 1350px) and (min-width: 1001px) {
.res-font-1000 {
font-size:120%!important;
}
}
@media only screen and (max-width: 1000px) {
.res-end-1000 {
display:table;
width:100%;
height:20px;
}
.res-td-2-1000{
display:table;
float:none;
width:100%;
}
.res-td-spacing-1000 {
display:table;
width:100%;
height:20px;
}
}
[/content_band] [content_band no_margin=“true“ inner_container=“true“ padding_top=“0px“ padding_bottom=“65px“ bg_color=“#35415b“] [clear id=“kontakt“] [custom_headline type=“center“ level=“h3″ style=“color:#ffffff“]Max-Width[/custom_headline] [container style=“color:#ffffff“]Das Kontaktformular hat eine veränderbare maximale Weite (im Beispiel: 1000 Pixel), wenn der Bildschirm größer ist, wird das Formular zentriert, wenn Bildschirm enger wird, wird der allgemeingülitge links/rechts Abstand vom Content Band eingehalten (auf deiser webseite üblich genutztes band ohne margin, mit inner_container) [/container] [clear] [gap size=“35px“]