Code: Alles auswählen

<div class="ecol-6 logo edit-html">
        <img src="./template/pix/header-schmal.png" srcset="./template/pix/header-schmal.png 600w, ./template/pix/header-breit.png 1200w" >

Code: Alles auswählen

* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.ebody {margin:0; padding:0;}

.econtainer {
	max-width:1147px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	border:0px solid green;
}

.erow {
    margin-left: -15px;
    margin-right: -15px;
	clear: both;
}

.ecol-1, .ecol-2, .ecol-3, .ecol-4, .ecol-5, .ecol-6, .ecol-7, .ecol-8, .ecol-9, .ecol-10, .ecol-11, .ecol-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
	border:0px solid blue;
}

/* NICHT ÄNDERN: !!!! */
#velox {alignment-adjust:after-edge; visibility:collapse}
/* NICHT ÄNDERN: !!!! /*

/* */
@media(min-width: 751px){
	.ecol-1{width:8.3335%}.ecol-2{width:16.6667%}.ecol-3{width:25%}.ecol-4{width:33.3334%}.ecol-5{width:41.6667%}.ecol-6{width:50%}.ecol-7{width:58.3333%}.ecol-8{width:66.6667%}.ecol-9{width:75%}.ecol-10{width:83.3333%}.ecol-11{width:91.6667%}.ecol-12{width:100%}
	.ecol-1, .ecol-2, .ecol-3, .ecol-4, .ecol-5, .ecol-6, .ecol-7, .ecol-8, .ecol-9, .ecol-10, .ecol-11, .ecol-12 {float:left}
	}
@media(min-width:351px){
	.econtainer{width:325px}}@media(min-width:400px){.econtainer{width:375px}}@media(min-width:450px){.econtainer{width:425px}}@media(min-width:500px){.econtainer{width:475px}}@media(min-width:550px){.econtainer{width:525px}}@media(min-width:600px){.econtainer{width:575px}}@media(min-width:650px){.econtainer{width:625px}}@media(min-width:700px){.econtainer{width:675px}}@media(min-width:750px){.econtainer{width:725px}}@media(min-width:800px){
	.econtainer{width:775px}}@media(min-width:850px){.econtainer{width:825px}}@media(min-width:900px){.econtainer{width:875px}}@media(min-width:950px){.econtainer{width:925px}}@media(min-width:1000px){.econtainer{width:975px}}@media(min-width:1050px){.econtainer{width:1025px}}@media(min-width:1100px){.econtainer{width:1075px}}@media(min-width:1150px){.econtainer{width:1125px}}@media(min-width:1200px){.econtainer{width:1175px}}@media(min-width:1250px){
	.econtainer{width:1225px}}@media(min-width:1300px){.econtainer{width:1275px}}@media(min-width:1350px){.econtainer{width:1325px}}@media(min-width:1400px){.econtainer{width:1375px}
	}

Code: Alles auswählen

<picture>
   <source media="(min-width: 1200px)" srcset="./pix/header-5.png">
   <source media="(min-width: 1055px)" srcset="./pix/header-4.png">
   <source media="(min-width: 855px)" srcset="./pix/header-3.png">
   <source media="(min-width: 440px)" srcset="./pix/header-2.png">
   <source srcset="./pix/header-1.png">
   <img src="./pix/header-1.png" alt="">
   </picture>