body { background: #ffffff; margin: 0px; color: #7d7475; font-size: 14px; line-height: 24px; font-family: Helvetica, Arial, sans-serif; -webkit-print-color-adjust: exact; color-adjust: exact } h1 { margin: 0px; font-weight: normal; font-size: 36px; line-height: 60px } h2 { margin: 0px; font-weight: normal; font-size: 30px; line-height: 48px } h3 { margin: 0px; font-weight: normal; font-size: 24px; line-height: 36px } h4 { margin: 0px; font-weight: normal; font-size: 18px; line-height: 30px } ul { padding: 0px 0px 0px 10px; margin: 0px 0px 0px 15px; list-style-type: square } ol { padding: 0px 0px 0px 10px; margin: 10px 0px 10px 15px } img { border: none } img.flip { -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); filter: FlipH } a { color: #7d7475; text-decoration: none } .button { display: block; float: right; width: 220px; height: 18px; padding: 11px; background: #7d7475; margin: 5px 0px 5px 5px; color: #ffffff; font-size: 16px; line-height: 16px; text-align: center } .button_inline { display: inline-block; float: right; width: 220px; height: 18px; padding: 10px 0px 10px 0px; background: #7d7475; margin: 0 5px 5px 5px; color: #ffffff; font-size: 16px; line-height: 18px; text-align: center } .back { display: block; float: left; width: 140px; height: 18px; padding: 11px; background: #bdb3b3; margin: 5px 5px 5px 0; color: #ffffff; font-size: 16px; line-height: 18px; text-align: center } table { width: 100%; border-style: none; border-spacing: 0px } th { padding: 30px 0px 10px 20px; vertical-align: top; text-align: left; font-weight: normal } th:first-child { padding: 30px 0px 10px 0px } td { padding: 5px 0px 5px 20px; vertical-align: top; text-align: left } td:first-child { padding: 5px 0px 5px 0px } input[type=password], input[type=text] { height: 20px; padding: 9px; background: #ffffff; border: solid 1px #d8d2d2; color: #7d7475; font-size: 14px; line-height: 14px; font-family: Helvetica, Arial, sans-serif; -webkit-border-radius: 0px; -webkit-appearance: none } textarea { padding: 9px; background: #ffffff; border: solid 1px #d8d2d2; overflow: auto; resize: none; color: #7d7475; font-size: 14px; font-family: Helvetica, Arial, sans-serif } ::-webkit-input-placeholder { color: #7d7475 } ::-moz-placeholder { color: #7d7475; opacity: 1 } :-moz-placeholder { color: #7d7475; opacity: 1 } :-ms-input-placeholder { color: #7d7475 } select { height: 40px; padding: 9px; background: #ffffff; border: solid 1px #d8d2d2; color: #7d7475; font-size: 14px; line-height: 14px; font-family: Helvetica, Arial, sans-serif; -webkit-border-radius: 0px; -webkit-appearance: none } select option { height: 20px; padding: 9px; border-top: solid 1px #f0f0f0; color: #7d7475 } button, input[type=submit] { height: 40px; padding: 10px; background: #7d7475; border: none; color: #ffffff; font-size: 16px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; cursor: pointer } .multi { height: auto !important; padding: 0px } .error, .formularerror { border-color: #ac0053 !important } .texterror, .pink, .missing { color: #ac0053 !important } .nobg { background: none !important } .left { float: left !important } #agbbox { width: 960px; height: 600px; overflow-y: scroll; overflow-x: hidden } .agbbox_border { border: 10px solid white; border-radius: 10px; margin: 10px;} .clearer { clear: both } .top { display: none; position: fixed; z-index: 3000; bottom: 25px; right: 25px; width: 40px; height: 40px; background: #ffffff url(../images/layout/up.svg) no-repeat center; box-shadow: 0px 0px 2px rgba(0,0,0,0.25); cursor: pointer } .container { width: 1000px; margin: 0px auto 0px auto } .sitehead { position: absolute; width: 100%; background: #bdb3b3 } .sitehead .container .logo { display: block; float: left; width: 360px; height: 20px; background: url(../images/layout/logo_communicationnetwork.svg) no-repeat center; background-size: 360px; margin: 40px 5px 20px 5px } .sitehead .container .switch { display: none } .sitehead .container ul { float: right; padding: 0px; margin: 35px 0px 15px 0px; list-style-type: none } .sitehead .container ul li { display: block; float: left; margin: 5px } .sitehead .container ul li a { display: block; float: left; height: 14px; padding: 3px; color: #ffffff; font-size: 14px; line-height: 14px; text-transform: uppercase } .themebox { background: #c8c8c8 url(../images/layout/theme.jpg) no-repeat calc(50% + 400px) 20px } .themebox .container .wide { float: left; width: 590px; height: 80px; padding: 130px 405px 50px 5px; text-align: justify } .themebox .container .wide h1, .themebox .container .wide h2 { font-size: 18px; line-height: 30px; font-weight: bold; text-transform: uppercase; text-align: left } .content { padding: 60px 0px 60px 0px } .content .container .portal { float: left; width: 990px; margin: 5px 5px 30px 5px; font-size: 16px; line-height: 24px; text-align: justify } .content .container .portal h1 { color: #ac0053; font-weight: bold } .content .container .portal h2 { font-size: 22px; line-height: 36px; font-weight: bold; text-transform: uppercase } .content .container .column { float: left; width: 420px; height: 330px; padding: 35px; background: #ac0053; margin: 5px; color: #ffffff; font-size: 18px; line-height: 30px } .content .container .column .wuerfel { font-size: 20px } .content .container .column h2 { text-transform: uppercase } .content .container .column ul { float: left; padding: 0px; margin: 0px; list-style-type: none } .content .container .column ul li { display: block; float: left; margin: 10px 0px 0px 0px } .content .container .column ul li a { display: block; float: left; width: 390px; height: 18px; padding: 10px 14px 10px 14px; border: solid 1px #ffffff; color: #ffffff; line-height: 18px } .content .container .altwide { float: left; width: 920px; padding: 25px 35px 10px 35px; background: #bdb3b3; margin: 5px; font-size: 16px; line-height: 24px; text-align: justify } .content .container .wide { float: left; width: 920px; padding: 35px; background: #ffffff; margin: 5px; font-size: 16px; line-height: 24px; text-align: justify } .content .container .wide canvas { margin: 0px 0px 0px -35px } .content .container .wide img.banner { float: left; width: 920px; padding: 20px 0px; margin: 0px 0px -40px 0px } .content .container .wide h1 { font-size: 22px; color: #ac0053; font-weight: bold } .content .container .wide h2 { font-size: 22px; line-height: 36px; font-weight: bold; text-transform: uppercase } .content .container .wide table { width: 100%; padding: 10px; background: #e0dcdc } .content .container .wide div table { margin: 20px 0px 0px 0px } .content .container .wide table tr th { padding: 10px; font-size: 22px; line-height: 36px; font-weight: bold; text-transform: uppercase } .content .container .wide table tr td { position: relative; padding: 10px !important } .content .container .wide table tr th:first-child, .content .container .wide table tr td:first-child { width: 300px } .content .container .wide table tr td.showoptions::before { display: block; position: absolute; z-index: 100; top: 11px; right: 11px; width: 38px; height: 38px; background: #ffffff url(../images/layout/down.svg) no-repeat center; content:''; pointer-events: none } .content .container .wide table tr td input[type=text], .content .container .wide table tr td input[type=password] { float: left; width: calc(100% - 20px) !important; margin: 0px !important } .content .container .wide table tr td textarea { float: left; width: calc(100% - 20px) !important; margin: 0px !important; height: 15em } .content .container .wide table tr td input[name=customer_plz], .content .container .wide table tr td input[name=customer_plz_rechnung], .content .container .wide table tr td input[name=anzeige_plz_rechnung] { width: calc(20% - 20px) !important } .content .container .wide table tr td input[name=customer_ort], .content .container .wide table tr td input[name=customer_ort_rechnung], .content .container .wide table tr td input[name=anzeige_ort_rechnung] { width: calc(80% - 30px) !important; margin: 0px 0px 0px 10px !important } .content .container .wide table tr td select, .content .container .wide table tr td button { float: left; width: 100% !important; margin: 0px !important } .content .container .wide table tr td .missing { font-size: 14px; line-height: 24px } .content .container .wide table tr td .multishow { float: left; width: calc(100% - 20px); height: 20px; padding: 9px; background: #ffffff url(../images/layout/down.svg) no-repeat right center; border: solid 1px #d8d2d2; font-size: 14px; line-height: 20px; cursor: pointer } .content .container .wide table tr td .multishow.active { background-image: url(../images/layout/up.svg) } .content .container .wide table tr td .multiselect { display: none; float: left; width: calc(100% - 10px); padding: 4px; background: #ffffff; border-left: solid 1px #d8d2d2; border-right: solid 1px #d8d2d2; border-bottom: solid 1px #d8d2d2; font-size: 14px; margin: -1px 0px 0px 0px } .content .container .wide table tr td .multiselect label { display: block; float: left; width: 100%; padding: 2px 0px 2px 0px; border-top: solid 1px #e0dcdc; cursor: pointer } .content .container .wide table tr td .multiselect label input[type=radio], .content .container .wide table tr td .multiselect label input[type=checkbox] { display: block; float: left; width: 15px; margin: 5px } .content .container .wide table tr td .multiselect label b { display: block; float: left; width: calc(100% - 35px); margin: 3px 5px 3px 5px; line-height: 18px; font-weight: normal } .content .container .wide table tr td .multiselect-on { background-color: #000099; color: #ffffff } .content .container .wide table tr td .multiauswahl { font-size: 14px } .content .container .wide table tr td .buttonlink { display: block; float: left; width: calc(100% - 22px); height: 18px; padding: 11px; background: #7d7475; color: #ffffff; font-size: 16px; line-height: 18px; text-align: center } .content .container .wide table tr td.tabellenkopf, .content .container .wide table tr td.tabellenkopf_over { width: 60px } .content .container .wide table tr td.tabellenkopf img, .content .container .wide table tr td.tabellenkopf_over img { float: left; background: #7d7475; margin: -10px } .content .container .wide table tr td.bgweiss { background-color: #ffffff; border: solid 6px #e0dcdc; padding: 4px !important } .content .container .wide table tr td.switchright { float: right; width: 560px } .content .container .wide table tr td.switchleft { float: left; width: 300px } .content .container .wide table.payment tr td { width: 50% } .content .container .wide .kundenkonto_funktionen { float: left; width: 920px; margin: 20px 0px 0px 0px } .content .container .wide .kundenkonto_verwalten a { display: block; float: right; height: 18px; padding: 11px; background: #7d7475; color: #ffffff; font-size: 16px; line-height: 18px; text-align: center } .content .container .wide .kundenkonto_abbrechen a { display: block; float: left; height: 18px; padding: 11px; background: #bdb3b3; color: #ffffff; font-size: 16px; line-height: 18px; text-align: center } .content .container .wide .right { float: right !important; text-align: right } .content .container .wide .detailthumb { display: flex; align-items: center; justify-content: center; margin: 0px 40px 40px 40px } .content .container .wide table.buttons { width: calc(100% + 40px); background: none; margin: 20px -20px -20px -20px } .content .container .wide table.buttons tr td:first-child { width: auto } .content .container .wide table.buttons tr td a { display: block; float: left; width: calc(100% - 40px); height: 18px; padding: 11px 20px 11px 20px; background: #7d7475; color: #ffffff; font-size: 16px; line-height: 18px; text-align: center } .content .container .wide .angebot { font-size: 22px; line-height: 45px; text-align: left; text-transform: uppercase; float: left; width: 920px; padding: 20px 35px; background: #bdb3b3 ; margin: 20px 0px 0px -35px } .content .container .wide .bewerbung { font-size: 22px; line-height: 45px; text-align: left; float: left; width: 880px; padding: 20px; background: #e0dcdc; margin: 20px 0px 0px 0px } .content .container .wide .angebotkopf, .content .container .wide .angebotfuss, .content .container .wide .angebottext { float: left; width: 780px; padding: 20px 70px 0px 70px } .content .container .buttonline { float: left; width: 1000px } .content .container .buttonline button { float: right; width: 220px; margin: 5px; } .content .container .buttonline .button { display: block; float: right; width: 220px; height: 18px; padding: 11px; background: #7d7475; margin: 5px; color: #ffffff; font-size: 16px; line-height: 18px; text-align: center } .content .container .buttonline .back { display: block; float: left; width: 140px; height: 18px; padding: 11px; background: #bdb3b3; margin: 5px; color: #ffffff; font-size: 16px; line-height: 18px; text-align: center } .content .container .buttonline .dunkel { background: #7d7475 !important } .content .container .buttonline .hell { background: #bdb3b3 !important } .content .container .buttonline .download { background: #7d7475 url(../images/layout/download.svg) no-repeat 5px center; background-size: 40px } .search { padding: 60px 0px 60px 0px; background: #d4cece } .light { background: #e0dcdc } .search .container table { float: left; width: 1010px; margin: -5px; border-spacing: 10px } .search .container table tr td { padding: 0px; background: #ffffff } .search .container table tr td h2 { float: left; width: 560px; padding: 35px; color: #ac0053; font-weight: normal; text-transform: uppercase } .search .container table tr td form { float: left; width: 280px; padding: 35px } .search .container table tr td form h3 { color: #bdb3b3; font-weight: bold; text-transform: uppercase } .search .container table tr td form div { position: relative; float: left; margin: 10px 0px 0px 0px } .search .container table tr td form div .multishow { float: left; width: 260px; height: 20px; padding: 9px; background: #ffffff url(../images/layout/down.svg) no-repeat right center; border: solid 1px #d8d2d2; color: #7d7475; line-height: 20px; cursor: pointer } .search .container table tr td form div .multishow.active { background-image: url(../images/layout/up.svg) } .search .container table tr td form div .multiselect { display: none; width: 270px; padding: 4px; background: #ffffff; border-left: solid 1px #d8d2d2; border-right: solid 1px #d8d2d2; border-bottom: solid 1px #d8d2d2; margin: -1px 0px 0px 0px } .search .container table tr td form div .multiselect label { display: block; float: left; width: 270px; padding: 2px 0px 2px 0px; border-top: solid 1px #e0dcdc; cursor: pointer } .search .container table tr td form div .multiselect label input[type=checkbox] { display: block; float: left; width: 15px; margin: 5px } .search .container table tr td form div .multiselect label b { display: block; float: left; width: 235px; margin: 3px 5px 3px 5px; line-height: 18px; font-weight: normal } .search .container table tr td form div .multiselect-on { background-color: #000099; color: #ffffff } .search .container table tr td form div select { display: none; float: left; width: 280px; height: auto; padding: 0px; border-top: none; border-right: none } .search .container table tr td form div input[type=text] { float: left; width: 260px; background: url(../images/layout/lens.svg) no-repeat right center } .search .container table tr td form div input[type=submit] { float: left; width: 280px } .search .container table tr td .list { display: block; position: relative; float: left; width: 480px; padding: 20px 65px 20px 85px; background: url(../images/layout/right.svg) no-repeat 575px 15px; background-size: 40px; font-size: 16px; line-height: 30px } .search .container table tr td .list span { display: block; position: absolute; top: 25px; left: 0px; width: 54px; height: 14px; padding: 3px; background: #aea7a7; color: #ffffff; font-size: 14px; line-height: 14px; text-align: center } .search .container table tr td .list u { display: block; position: absolute; top: 45px; left: 0px; width: 60px } .search .container table tr td .list b { display: block; font-size: 16px; line-height: 30px } .search .container table tr td .list i { display: block; float: right } .search .container table tr td .listlink { display: inline; position: relative; float: right; width: 240px; padding: 20px 65px 20px 0px; background: url(../images/layout/right.svg) no-repeat right center; background-size: 40px; font-size: 16px; line-height: 30px } .search .container table tr td .listlink i { display: block; float: right } .search .container table tr td .listlink_back { display: inline; position: relative; float: left; width: 240px; padding: 20px 0px 20px 65px; background: url(../images/layout/left.svg) no-repeat left center; background-size: 40px; font-size: 16px; line-height: 30px } .search .container table tr td .listlink_back i { display: block; float: left } .search .container .wide { float: left; width: 960px; margin: 20px } .search .container .wide h1 { font-size: 30px; line-height: 36px; font-weight: bold; text-transform: uppercase } .bottommenu { padding: 60px 0px 20px 0px } .bottommenu .container { width: 1020px } .bottommenu .container .column { position: relative; float: left; width: 270px; height: 270px; padding: 20px; background: #bdb3b3; margin: 15px; color: #ffffff } .bottommenu .container .column .label { position: absolute; bottom: -30px; right: -30px; width: 160px; height: 36px; padding: 47px 20px 29px 20px; background: url(../images/layout/label.svg) no-repeat center; background-size: contain; font-size: 14px; line-height: 18px; font-weight: bold; text-transform: uppercase } .bottommenu .container .column ul { float: left; padding: 0px; margin: 0px; list-style-type: none } .bottommenu .container .column ul li { display: block; float: left } .bottommenu .container .column ul li a { display: block; float: left; width: 270px; height: 14px; padding: 6px 0px 6px 0px; color: #ffffff; line-height: 14px } .bottommenu .container .column ul.mailto li a { text-decoration: underline } .bottommenu .container .column ul.login { margin: 20px 0px 0px 0px } .bottommenu .container .column ul.login li { margin: 0px 0px 5px 0px } .bottommenu .container .column ul.login li a { width: 250px; padding: 8px 10px 8px 10px; background: #ffffff; color: #7d7475 } .bottommenu .container .column ul.homberger li a { height: 18px; padding: 146px 20px 146px 20px; background: #bdb3b3; margin: -20px; font-size: 18px; line-height: 18px; text-align: center } .bottommenu .container .wide { float: left; width: 980px; margin: 20px } .bottommenu .container .wide .mailto { display: block; float: right; width: 280px; height: 16px; padding: 54px 0px 20px 0px; background: url(../images/layout/letter.svg) no-repeat center top; background-size: 60px; margin: 0px 350px 0px 0px; color: #7d7475; font-size: 16px; line-height: 16px; text-align: center } .bottommenu .container .wide .jooble { display: block; float: right; width: 100px; height: 50px; background: url(../images/layout/jooble_60x25.png) no-repeat center; margin: 20px 150px 20px 0px } .copyright { padding: 20px 0px 20px 0px; background: #d8d2d2 } .copyright .container .wide { float: left; width: 960px; margin: 20px; font-size: 12px; line-height: 12px; text-transform: uppercase; text-align: center } .copyright .container .wide a { color: #7d7475 } @media only screen and (max-width: 1199px) { input[type=text], input[type=password], textarea, .content .container .wide table tr td .multishow, .content .container .wide table tr td .multiselect, .content .container .wide table tr td .multiauswahl { font-size: 14px !important} .button { width: 260px; margin: 20px 20px 5px 5px; font-size: 11px } .back { width: 260px; margin: 20px 20px 5px 19px; font-size: 11px } button, input[type=submit], .buttonlink, .content .container .wide table.buttons tr td a { font-size: 11px !important } .button_inline { font-size: 11px !important; width: 320px; margin: -15px -20px 5px } td .button { margin: 5px 0px 5px 0px; font-size: 11px } td .back { margin: 5px 5px 20px 0px; font-size: 11px } .top { display: none !important } .container { width: 360px } .sitehead .container .logo { width: 260px; height: 40px; background-size: 260px; margin: 20px } .sitehead .container .switch { display: block; float: right; width: 40px; height: 40px; background: #7d7475 url(../images/layout/menu.svg) no-repeat center; background-size: 36px; margin: 20px 20px 20px 0px; cursor: pointer } .sitehead .container .closeit { background-image: url(../images/layout/close.svg) } .sitehead .container ul { display: none; position: absolute; z-index: 1000; top: 80px; width: 360px; background: #bdb3b3; border-top: solid 1px #ffffff; border-bottom: solid 10px #ffffff; margin: 0px } .sitehead .container ul li { border-top: solid 1px #ffffff; margin: 0px } .sitehead .container ul li:first-child { border-top: none } .sitehead .container ul li a { width: 320px; padding: 20px } .themebox { background-position: calc(50% + 140px) 40px; background-size: 400px } .themebox .container .wide { width: 240px; padding: 100px 100px 20px 20px; font-size: 10px; line-height: 12px } .themebox .container .wide h1, .themebox .container .wide h2 { font-size: 12px; line-height: 14px } .content { padding: 0px 0px 20px 0px } .content .container .portal { width: 320px; margin: 20px 20px 0px 20px; font-size: 12px; line-height: 18px; text-align: left } .content .container .portal h1 { font-size: 18px; line-height: 30px } .content .container .portal h2 { font-size: 14px; line-height: 24px } .content .container .column { width: 280px; height: auto; padding: 20px; margin: 20px 20px 0px 20px; font-size: 14px; line-height: 24px } .content .container .column h2 { font-size: 18px; line-height: 30px } .content .container .column ul li a { width: 260px; height: 14px; padding: 12px 9px 12px 9px; line-height: 14px } .content .container .wide { width: 320px; padding: 20px; margin: 0px 0px -20px 0px; font-size: 12px; line-height: 18px; text-align: left } .content .container .wide canvas { margin: 0px 0px 0px -20px } .content .container .wide h1 { font-size: 18px; line-height: 30px } .content .container .wide h2 { font-size: 14px; line-height: 24px } .content .container .wide table tr th { display: block; float: left; width: 280px !important; font-size: 18px; line-height: 30px } .content .container .wide table tr td.bewerberdetail { margin: 0 -5px -12px } .kk_logintable tr td:first-child, .content .container .wide form[name=pwd] table tr td:first-child, .content .container .wide form[name=passwort] table tr td:first-child, .content .container .wide form[name=adresse] table tr td:first-child, .content .container .wide table tr td.eingabefeld { margin: 0 0 -12px } .content .container .wide table tr td { display: block; float: left; width: 280px !important } .content .container .wide table tr td.tabellenkopf, .content .container .wide table tr td.tabellenkopf_over { display: none } .content .container .wide table tr td .missing { font-size: 12px; line-height: 18px; } .content .container .wide table tr td .back { } .content .container .wide .kundenkonto_funktionen { width: 320px; margin: 0px 0px 20px 0px } .content .container .wide .kundenkonto_verwalten a, .content .container .wide .kundenkonto_abbrechen a { padding: 5px 10px 5px 10px; font-size: 10px } .content .container .wide .detailthumb { width: 80px; margin: 0px 0px 20px 20px } .content .container .wide .detailthumb img { max-width: 80px } .content .container .wide table.buttons tr td { width: 320px !important } .content .container .wide .angebot { width: 290px; margin: 20px 0 0 -20px; } .content .container .wide .bewerbung { width: 280px } .content .container .wide .angebotkopf, .content .container .wide .angebotfuss, .content .container .wide .angebottext { width: 280px; padding: 20px } .content .container .wide .angebottext table tr td { width: 240px !important } .content .container .buttonline { display: flex; flex-direction: column; width: 330px; margin: 35px 15px -5px 15px } .content .container .buttonline button { width: 320px; height: 40px; font-size: 11px; line-height: 14px } .content .container .buttonline .button { width: 320px; height: 14px; padding: 13px 0px 13px 0px; font-size: 11px; line-height: 14px } .content .container .buttonline .back { order: 99; width: 320px; height: 14px; padding: 13px 0px 13px 0px; font-size: 11px; line-height: 14px } .search { padding: 0px 0px 20px 0px } .search .container table { width: 360px; margin: 0px; border-spacing: 0px } .search .container table tr td { display: block; float: left; width: 320px; margin: 20px 20px 0px 20px } .search .container table tr td h2 { width: 280px; padding: 20px; font-size: 18px; line-height: 36px } .search .container table tr td form { padding: 20px } .search .container table tr td form h3 { font-size: 18px; line-height: 30px } .search .container table tr td .list { width: 200px; padding: 20px 60px 20px 60px; background-position: 270px 10px; font-size: 12px; line-height: 18px } .search .container table tr td .list span { top: 20px; width: 32px; height: 12px; padding: 4px; font-size: 12px; line-height: 12px } .search .container table tr td .list u { top: 40px; width: 40px } .search .container table tr td .list u img { max-width: 40px } .search .container table tr td .list b, .search .container table tr td .list i { font-size: 14px; line-height: 24px } .search .container .wide { width: 320px; margin: 20px 20px 0px 20px } .search .container .wide h1 { font-size: 24px; line-height: 30px } .bottommenu { padding: 0px 0px 20px 0px } .bottommenu .container { width: 360px } .bottommenu .container .column { width: 280px; height: auto; margin: 20px 20px 0px 20px } .bottommenu .container .column .label { bottom: -10px; right: -10px; width: 140px; height: 28px; padding: 11px 11px 11px 8px; background: #ac0053; font-size: 12px; line-height: 14px } .bottommenu .container .column ul li a { width: 280px } .bottommenu .container .column ul.login li a { width: 260px } .bottommenu .container .column ul.homberger li a { padding: 61px 20px 61px 20px; margin: -20px } .bottommenu .container .wide { width: 360px; margin: 0px } .bottommenu .container .wide .mailto { width: 200px; height: 12px; padding: 38px 0px 10px 0px; background-size: 40px; margin: 30px 80px 0px 80px; font-size: 12px; line-height: 12px } .bottommenu .container .wide .jooble { width: 60px; height: 30px; background-size: 40px; margin: 10px 150px 0px 150px } .copyright { padding: 0px } .copyright .container .wide { width: 320px; margin: 20px; font-size: 10px; line-height: 14px } } @media print { section.printonly { display: block !important } img.printonly { display: inline !important } .no-print, .no-print * { display: none !important } .content { background: #ffffff !important } .content .container .wide .angebot { background: #ffffff !important } .content .container .wide table { background: #ffffff !important } .content .container .wide table tr td { border: #ffffff !important } }