ag_kommunikation
/
webseite
6
4
Fork 5
Code Issues 16 Pull Requests 1 Projects Releases Activity

feat: Textüberschrift auf Startseite durch Grafik ersetzt.

This commit is contained in:
muli 2023-05-21 10:46:28 +02:00
parent b9d166c401
commit b6caf19869
2 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/css/style.css
View File

@ -850,12 +850,17 @@ hr.-even {
.contact__box h1 {
grid-area: 1 / 1 / 2 / 3;
text-align: right;
font-size: 0.25rem;
color: transparent;
background-image: url("../images/headings/kontakt.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: top left;
transform-origin: top right;
transform: translateX(-90%) rotate(-80deg);
padding: 0;
max-width: 50%;
font-size: 9rem;
z-index: 0;
}

13
assets/images/headings/kontakt.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 532 111" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(0.861538,-4.16334e-17,6.93889e-18,0.136667,-5.48438,0)">
<path d="M73.696,215.568C75.492,202.534 76.988,190.958 78.185,180.84C79.382,170.722 80.321,161.547 81.001,153.316C81.681,145.084 82.17,137.881 82.47,131.707C82.769,125.534 82.919,119.874 82.919,114.729C82.919,105.812 82.238,99.724 80.878,96.465C79.518,93.207 77.45,91.578 74.676,91.578L74.676,48.361L111.646,48.361L111.646,91.578C109.742,91.578 107.906,93.893 106.137,98.523C104.369,103.154 102.601,109.67 100.833,118.074C99.064,126.477 97.242,136.766 95.364,148.942C93.487,161.119 91.461,174.924 89.284,190.358L65.045,362.195L100.302,671.913C103.512,699.695 106.6,720.703 109.565,734.937C112.53,749.171 115.564,756.288 118.665,756.288L118.991,756.288L118.991,800.534L117.196,800.534C111.592,800.534 106.994,799.162 103.403,796.418C99.812,793.674 96.793,788.7 94.344,781.498C91.896,774.295 89.76,764.606 87.938,752.429C86.115,740.253 84.17,724.733 82.102,705.869L53.293,445.541L39.092,518.083L39.092,680.659C39.092,697.123 39.46,710.328 40.194,720.274C40.929,730.221 41.908,737.853 43.132,743.169C44.357,748.485 45.812,752.001 47.499,753.716C49.185,755.431 50.954,756.288 52.803,756.288L55.007,756.288L55.007,800.534L6.366,800.534L6.366,756.288L8.488,756.288C10.338,756.288 12.092,755.516 13.752,753.973C15.411,752.429 16.867,749.257 18.118,744.455C19.369,739.653 20.362,732.536 21.097,723.104C21.831,713.672 22.199,701.239 22.199,685.804L22.199,164.12C22.199,148.685 21.831,136.252 21.097,126.82C20.362,117.388 19.369,110.099 18.118,104.954C16.867,99.809 15.411,96.465 13.752,94.922C12.092,93.378 10.338,92.607 8.488,92.607L6.366,92.607L6.366,48.361L55.007,48.361L55.007,92.607L52.803,92.607C50.954,92.607 49.185,93.464 47.499,95.179C45.812,96.894 44.357,100.41 43.132,105.726C41.908,111.042 40.929,118.674 40.194,128.62C39.46,138.567 39.092,151.772 39.092,168.236L39.092,465.606L73.696,215.568Z" style="fill:rgb(238,124,0);fill-rule:nonzero;"/>
<path d="M200.931,517.054C200.931,616.178 197.598,689.92 190.933,738.281C184.268,786.643 174.515,810.823 161.675,810.823C155.635,810.823 150.222,804.821 145.434,792.816C140.646,780.812 136.579,762.633 133.233,738.281C129.887,713.929 127.329,683.317 125.561,646.446C123.793,609.575 122.909,566.444 122.909,517.054C122.909,418.617 126.214,345.389 132.825,297.37C139.435,249.352 149.215,225.343 162.164,225.343C168.204,225.343 173.617,231.26 178.405,243.093C183.193,254.926 187.26,272.933 190.607,297.113C193.953,321.294 196.51,351.648 198.278,388.176C200.046,424.705 200.931,467.664 200.931,517.054ZM139.068,517.054C139.068,556.155 139.476,590.625 140.292,620.465C141.108,650.305 142.428,675.257 144.25,695.322C146.073,715.387 148.44,730.564 151.351,740.854C154.262,751.143 157.812,756.288 162.001,756.288C166.191,756.288 169.727,751.143 172.611,740.854C175.495,730.564 177.834,715.387 179.63,695.322C181.425,675.257 182.717,650.305 183.506,620.465C184.295,590.625 184.69,556.155 184.69,517.054C184.69,477.954 184.282,443.655 183.465,414.158C182.649,384.661 181.343,360.051 179.548,340.33C177.753,320.608 175.399,305.774 172.488,295.827C169.578,285.88 166.027,280.907 161.838,280.907C157.649,280.907 154.112,285.88 151.228,295.827C148.345,305.774 146.005,320.608 144.21,340.33C142.414,360.051 141.108,384.661 140.292,414.158C139.476,443.655 139.068,477.954 139.068,517.054Z" style="fill:rgb(238,124,0);fill-rule:nonzero;"/>
<path d="M259.773,756.288L259.773,800.534L214.805,800.534L214.805,756.288L216.192,756.288C218.096,756.288 219.878,755.431 221.538,753.716C223.197,752.001 224.639,748.485 225.863,743.169C227.087,737.853 228.067,730.221 228.801,720.274C229.536,710.328 229.903,697.123 229.903,680.659L229.903,351.905C229.903,336.471 229.536,324.038 228.801,314.606C228.067,305.173 227.074,297.885 225.822,292.74C224.571,287.595 223.116,284.165 221.456,282.45C219.797,280.736 218.042,279.878 216.192,279.878L215.702,279.878L215.702,235.633L242.716,235.633L244.92,321.037L245.736,321.037C247.477,301.486 249.313,285.452 251.245,272.933C253.176,260.413 255.217,250.638 257.366,243.607C259.515,236.576 261.8,231.774 264.221,229.202C266.642,226.629 269.186,225.343 271.852,225.343C276.259,225.343 280.19,229.373 283.645,237.433C287.1,245.494 290.038,257.841 292.459,274.476C294.88,291.111 296.73,312.462 298.009,338.529C299.287,364.596 299.927,395.636 299.927,431.65L299.927,680.659C299.927,697.123 300.24,710.328 300.865,720.274C301.491,730.221 302.375,737.853 303.518,743.169C304.66,748.485 306.021,752.001 307.598,753.716C309.176,755.431 310.89,756.288 312.74,756.288L313.311,756.288L313.311,800.534L284.176,800.534L284.176,436.795C284.176,413.815 283.849,393.407 283.196,375.572C282.543,357.736 281.496,342.645 280.054,330.297C278.612,317.95 276.722,308.603 274.382,302.258C272.042,295.913 269.186,292.74 265.813,292.74C262.004,292.74 258.808,297.37 256.223,306.631C253.639,315.892 251.558,328.411 249.98,344.188C248.402,359.966 247.273,378.144 246.593,398.723C245.913,419.303 245.573,440.911 245.573,463.548L245.573,685.804C245.573,701.239 245.94,713.672 246.674,723.104C247.409,732.536 248.402,739.653 249.653,744.455C250.905,749.257 252.36,752.429 254.02,753.973C255.679,755.516 257.434,756.288 259.284,756.288L259.773,756.288Z" style="fill:rgb(238,124,0);fill-rule:nonzero;"/>
<path d="M362.279,755.259C364.292,755.259 366.142,754.573 367.829,753.201C369.515,751.829 371.229,750.114 372.97,748.056L372.97,794.36C372.263,796.418 371.338,798.476 370.195,800.534C369.053,802.591 367.815,804.392 366.482,805.936C365.149,807.479 363.748,808.679 362.279,809.537C360.81,810.394 359.422,810.823 358.117,810.823C353.873,810.823 350.227,807.994 347.181,802.334C344.134,796.675 341.631,787.5 339.672,774.809C337.713,762.119 336.258,745.313 335.306,724.39C334.354,703.468 333.878,677.915 333.878,647.732L333.878,295.827L321.146,295.827L321.146,253.639C323.159,253.639 325.376,251.067 327.798,245.922C330.219,240.777 332.354,232.203 334.204,220.198C336.108,207.165 337.645,191.644 338.815,173.638C339.985,155.631 341.005,133.079 341.876,105.983L349.547,105.983L349.547,235.633L371.42,235.633L371.42,295.827L349.547,295.827L349.547,650.819C349.547,686.833 350.703,713.243 353.016,730.05C355.328,746.856 358.416,755.259 362.279,755.259Z" style="fill:rgb(238,124,0);fill-rule:nonzero;"/>
<path d="M401.371,647.732C401.371,680.659 402.473,705.269 404.677,721.561C406.88,737.853 410.294,745.998 414.919,745.998C418.292,745.998 421.353,742.569 424.101,735.709C426.848,728.849 429.188,719.074 431.119,706.383C433.051,693.693 434.533,678.258 435.567,660.08C436.601,641.902 437.118,621.665 437.118,599.371L437.118,513.967L426.426,517.054C421.693,518.426 417.735,522.113 414.552,528.115C411.369,534.118 408.798,542.521 406.839,553.325C404.881,564.129 403.48,577.42 402.636,593.197C401.793,608.975 401.371,627.153 401.371,647.732ZM421.611,277.82C418.401,277.82 415.803,280.65 413.817,286.309C411.831,291.968 410.281,299.943 409.165,310.232C408.05,320.522 407.302,332.698 406.921,346.761C406.54,360.823 406.35,376.086 406.35,392.55C401.725,392.55 398.202,387.576 395.781,377.63C393.36,367.683 392.149,350.534 392.149,326.181C392.149,308.003 392.938,292.569 394.516,279.878C396.094,267.188 398.256,256.812 401.004,248.752C403.752,240.692 406.948,234.775 410.594,231.002C414.239,227.229 418.129,225.343 422.264,225.343C427.379,225.343 431.84,228.516 435.649,234.861C439.457,241.206 442.64,251.582 445.197,265.987C447.755,280.393 449.673,299.171 450.951,322.323C452.23,345.474 452.869,373.857 452.869,407.47L452.869,680.659C452.869,695.408 453.059,707.584 453.44,717.188C453.821,726.791 454.42,734.508 455.236,740.339C456.052,746.17 457.126,750.286 458.459,752.687C459.792,755.088 461.384,756.288 463.234,756.288L463.723,756.288L463.723,800.534L441.117,800.534L438.505,709.985L437.118,709.985C435.377,724.733 433.69,738.281 432.058,750.629C430.426,762.976 428.63,773.609 426.671,782.527C424.713,791.444 422.495,798.39 420.02,803.363C417.544,808.337 414.565,810.823 411.083,810.823C407.384,810.823 403.942,807.479 400.759,800.791C397.576,794.103 394.829,783.813 392.516,769.922C390.204,756.031 388.395,738.538 387.089,717.445C385.783,696.351 385.13,671.399 385.13,642.588C385.13,586.681 388.286,545.179 394.598,518.083C400.909,490.987 410.458,476.239 423.244,473.838L437.118,470.751L437.118,407.47C437.118,388.605 436.955,371.199 436.628,355.25C436.302,339.301 435.594,325.581 434.506,314.091C433.418,302.601 431.854,293.683 429.813,287.338C427.773,280.993 425.039,277.82 421.611,277.82Z" style="fill:rgb(238,124,0);fill-rule:nonzero;"/>
<path d="M527.545,461.49L549.825,669.855C552.709,697.98 555.579,719.417 558.435,734.165C561.292,748.914 564.597,756.288 568.351,756.288L568.841,756.288L568.841,800.534L566.474,800.534C561.632,800.534 557.646,799.59 554.518,797.704C551.389,795.817 548.682,791.359 546.397,784.327C544.112,777.296 542.017,767.006 540.113,753.458C538.209,739.91 536.087,721.475 533.747,698.152L517.017,533.003L504.693,590.625L504.693,685.804C504.693,701.239 505.06,713.672 505.795,723.104C506.529,732.536 507.522,739.653 508.774,744.455C510.025,749.257 511.481,752.429 513.14,753.973C514.799,755.516 516.554,756.288 518.404,756.288L518.894,756.288L518.894,800.534L473.925,800.534L473.925,756.288L475.231,756.288C477.135,756.288 478.917,755.431 480.577,753.716C482.236,752.001 483.678,748.485 484.902,743.169C486.126,737.853 487.106,730.221 487.84,720.274C488.575,710.328 488.942,697.123 488.942,680.659L488.942,115.758C488.942,100.324 488.575,87.891 487.84,78.458C487.106,69.026 486.113,61.738 484.861,56.593C483.61,51.448 482.154,48.104 480.495,46.561C478.835,45.017 477.081,44.245 475.231,44.245L473.925,44.245L473.925,0L504.693,0L504.693,406.441C504.693,416.044 504.666,428.306 504.611,443.226C504.557,458.146 504.475,472.809 504.367,487.214C504.258,503.678 504.149,520.998 504.04,539.177L524.933,395.122C526.729,382.431 528.211,371.284 529.381,361.681C530.551,352.077 531.489,343.674 532.197,336.471C532.904,329.268 533.394,322.837 533.666,317.178C533.938,311.519 534.074,306.117 534.074,300.972C534.074,292.054 533.407,286.309 532.074,283.737C530.741,281.164 528.687,279.878 525.912,279.878L525.912,235.633L562.801,235.633L562.801,279.878C558.938,279.878 555.143,288.453 551.416,305.602C547.689,322.752 543.65,346.932 539.297,378.144L527.545,461.49Z" style="fill:rgb(238,124,0);fill-rule:nonzero;"/>
<path d="M612.993,755.259C615.006,755.259 616.856,754.573 618.543,753.201C620.229,751.829 621.943,750.114 623.684,748.056L623.684,794.36C622.977,796.418 622.052,798.476 620.91,800.534C619.767,802.591 618.529,804.392 617.196,805.936C615.863,807.479 614.462,808.679 612.993,809.537C611.524,810.394 610.137,810.823 608.831,810.823C604.587,810.823 600.942,807.994 597.895,802.334C594.848,796.675 592.345,787.5 590.386,774.809C588.428,762.119 586.972,745.313 586.02,724.39C585.068,703.468 584.592,677.915 584.592,647.732L584.592,295.827L571.86,295.827L571.86,253.639C573.873,253.639 576.091,251.067 578.512,245.922C580.933,240.777 583.068,232.203 584.918,220.198C586.823,207.165 588.36,191.644 589.53,173.638C590.699,155.631 591.719,133.079 592.59,105.983L600.262,105.983L600.262,235.633L622.134,235.633L622.134,295.827L600.262,295.827L600.262,650.819C600.262,686.833 601.418,713.243 603.73,730.05C606.042,746.856 609.13,755.259 612.993,755.259Z" style="fill:rgb(238,124,0);fill-rule:nonzero;"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB