/* CSS für correctura.com (c) 2018–2019 Torsten Siever with code from Jan Egil and Borge Refsnes; Open Sans (c) Steve Matteson */ html { box-sizing: border-box; color: black; } *, *:before, *:after { box-sizing: inherit } /* Bwegin extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */ html {text-size-adjust: 100%} body { margin: 0 } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block } progress { vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background-color: transparent; text-decoration: none; } a:active, a:hover { outline-width: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } uppercase { text-transform: uppercase; } img { border-style: none } svg:not(:root) { overflow: hidden } button, input, select, textarea { font: inherit; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em } legend { color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } textarea { overflow: auto } [type=checkbox], [type=radio] { padding: 0; padding-right: 5px; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } ::-webkit-input-placeholder { color: inherit; opacity: 0.54 } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } /* End extract */ html, body { font-family: Verdana,sans-serif; font-size: 15px; line-height: 1.5 } html { overflow-x: hidden } h1 { font-size: 36px } h2 { font-size: 30px } h3 { font-size: 24px } h4 { font-size: 20px } h5 { font-size: 18px } h6 { font-size: 16px } .serif { font-family: serif } h1, h2, h3, h4, h5, h6 { font-family: "Segoe UI",Arial,sans-serif; font-weight: 400; margin: 10px 0 } .wide { letter-spacing: 4px } img { vertical-align: middle } p b, p strong { color: #2d485f; } .table, .table-all { border-collapse: collapse; border-spacing: 0; width: 100%; display: table } .table-all { border: 1px solid #ccc } .bordered tr, .table-all tr { border-bottom: 1px solid #ddd } .striped tbody tr:nth-child(even) { background-color: #f1f1f1 } .table-all tr:nth-child(odd) { background-color: #fff } .table-all tr:nth-child(even) { background-color: #f1f1f1 } .hoverable tbody tr:hover, .ul.hoverable li:hover { background-color: #ccc } .centered tr th, .centered tr td { text-align: center } .table td, .table th, .table-all td, .table-all th { padding: 8px 8px; display: table-cell; text-align: left; vertical-align: top } .table th:first-child, .table td:first-child, .table-all th:first-child, .table-all td:first-child { padding-left: 16px } .button { border: none; display: inline-block; padding: 8px 16px; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: center; cursor: pointer; white-space: nowrap } .buttonInTab { border: none; display: inline-block; padding: 6px 8px; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: center; cursor: pointer; white-space: nowrap } input[type="button"].btn:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) } .btn, .button { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .disabled, .btn:disabled, .button:disabled { cursor: not-allowed; opacity: 0.3 } .disabled *, :disabled * { pointer-events: none } .btn.disabled:hover, .btn:disabled:hover { box-shadow: none } .input { padding: 8px; display: block; border: none; border-bottom: 1px solid #7291ab; width: 100% } .select { padding: 9px 0; width: 100%; border: none; border-bottom: 1px solid #ccc } .dropdown-click, .dropdown-hover { position: relative; display: inline-block; cursor: pointer } .dropdown-hover:hover .dropdown-content { display: block } .input { padding: 8px; display: block; border: none; border-bottom: 1px solid #7291ab; width: 100% } .select { padding: 9px 0; width: 100%; border: none; border-bottom: 1px solid #ccc } .dropdown-click, .dropdown-hover { position: relative; display: inline-block; cursor: pointer } .dropdown-hover:hover .dropdown-content { display: block } .dropdown-hover:first-child, .dropdown-click:hover { background-color: #ccc; color: #000 } .dropdown-hover:hover > .button:first-child, .dropdown-click:hover > .button:first-child { background-color: #ccc; color: #000 } .dropdown-content { cursor: auto; color: #000; background-color: #fff; display: none; position: relative; min-width: 160px; margin: 0; padding: 0; } .check, .radio { width: 24px; height: 24px; position: relative; top: 6px } .bar-block .dropdown-hover, .bar-block .dropdown-click { width: 100% } .bar-block .dropdown-hover .dropdown-content, .bar-block .dropdown-click .dropdown-content { min-width: 100% } .bar-block .dropdown-hover .button, .bar-block .dropdown-click .button { width: 100%; text-align: left; padding: 8px 16px } .modal { z-index: 3; display: none; padding-top: 100px; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4) } .modal-content { margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; width: 600px } .bar { width: 100%; overflow: hidden; background-color: #1f384e; color: white; } .center .bar { display: inline-block; width: auto } .bar .bar-item { padding: 4px 16px; float: left; width: auto; border: none; display: block; outline: 0; /*border-radius: 4px 12px;*/ } .bar .dropdown-hover, .bar .dropdown-click { position: static; float: left } .bar .button { white-space: normal; } .bar-block .bar-item { width: 100%; display: block; padding: 8px 16px; text-align: left; border: none; white-space: normal; float: none; outline: 0; } .bar-block.center .bar-item { text-align: center } .card, .card-2 { box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) } .card-4, .hover-shadow:hover { box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19) } .block { display: block; width: 100%; } .responsive { display: block; overflow-x: auto } .container:after, .container:before, .panel:after, .panel:before, .row:after, .row:before, .row-padding:after, .row-padding:before, .cell-row:before, .cell-row:after, .clear:after, .clear:before, .bar:before, .bar:after { content: ""; display: table; clear: both } .half, .third, .twothird, .threequarter, .quarter { float: left; width: 100%; } div#cms, div#confirm, div#pageedit { position: absolute; z-index: 999; top: 0; width: 100%; padding: .8% 2%; background-color: #ca0c0c; color: #fff; margin: 0; display: block; } div#confirm { z-index: 1000; display: block; } div#cms a, div#confirm a, div#pageedit a { color: white; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } .content { max-width: 3000px; margin: auto } .tooltip, .display-container { position: relative } .display-container:hover .display-hover { display: block } .display-container:hover span.display-hover { display: inline-block } .display-bottomleft { position: absolute; left: 0; bottom: 0 } .display-bottomright { position: absolute; right: 0; bottom: 0 } .display-middle { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .cell-row { display: table; width: 100% } .cell { display: table-cell } .cell-top { vertical-align: top } .cell-middle { vertical-align: middle } .cell-bottom { vertical-align: bottom } .hide { display: none !important } .show-block, .show { display: block !important } .show-inline-block { display: inline-block !important } @media (min-width:601px) { .quarter { width: 24.99999% } .third { width: 33.33333% } .col.m6, .half { width: 49.99999% } .twothird { width: 66.66666% } .threequarter { width: 74.99999% } } .top, .bottom { position: fixed; width: 100%; z-index: 99 } .top { top: 0 } .bottom { bottom: 0 } .animate-fading { animation: fading 10s infinite } @keyframes fading { 0% { opacity: 0 } 50% { opacity: 1 } 100% { opacity: 0 } } .animate-opacity { animation: opac 0.8s } @keyframes opac { from { opacity: 0 } to { opacity: 1 } } .opacity, .hover-opacity:hover { opacity: 0.60 } .opacity-off, .hover-opacity-off:hover { opacity: 1 } .opacity-max { opacity: 0.25 } .opacity-min { opacity: 0.75 } .light-grey, .hover-light-grey:hover, .light-gray, .hover-light-gray:hover { color: #000 !important; background-color: #f1f1f1 !important } .round, .round-medium { border-radius: 8px; } .row-padding, .row-padding > .half, .row-padding > .third, .row-padding > .twothird, .row-padding > .threequarter, .row-padding > .quarter, .row-padding > .col { padding: 0 8px } .container, .panel { padding: 0.01em 16px } .panel { margin-top: 16px; margin-bottom: 16px } .small { font-size: 12px !important } .smaller { font-size: 13px !important } .medium { font-size: 15px !important } .large { font-size: 18px !important } .xlarge { font-size: 24px !important } .xxlarge { font-size: 36px !important } .xxxlarge { font-size: 48px !important } .dark, .hover-dark:hover { color: #fff !important; background-color: #1f384e !important } .topbar { border-top: 6px solid #ccc !important } .margin { margin: 16px !important } .margin-top { margin-top: 16px !important } .margin-bottom { margin-bottom: 16px !important } .margin-left { margin-left: 16px !important } .margin-right { margin-right: 16px !important } .padding-large { padding: 12px 24px !important } .padding-24 { padding-top: 24px !important; padding-bottom: 24px !important } .padding-32 { padding-top: 32px !important; padding-bottom: 32px !important } .padding-48 { padding-top: 48px !important; padding-bottom: 48px !important } .padding-64 { padding-top: 64px !important; padding-bottom: 64px !important } .left { float: left !important } .right { float: right !important } .center { text-align: center !important } .button:hover { color: #fff !important; background-color: #7291ab !important } .transparent, .hover-none:hover { background-color: transparent !important } footer { background-color: #7291ab; padding: 6px 0 0 0; } footer div { font-size: 0.9em; line-height: 250%; color: #f1f1f1; background-color: #101e2a; background-color: #1f384e; padding-left: 5%; text-align: left; width: 100%; } footer div a { color: #ffffff; margin-bottom: 30px; text-decoration: none; } footer div .sub { font-size: 0.8em; text-transform: uppercase; } p.subline, span.subline { font-size: 0.9em; padding: 3px 15px; margin-top: 30px; background-color: #d8ebfc; color: #444; border-radius: 10px 10px; } /*a.bar-item, div.dropdown-hover, button.button {height: 57px;} */ div.mySlides h3 { color: #ffffff; font-size: 3.5em; text-transform: uppercase; margin-bottom: 0; padding-bottom: 0; } div.mySlides p { color: #ffffff; font-family: 'Segoe UI', Arial, sans-serif; font-size: 1.3em; margin-top: 0; padding-top: 0; } .gerahmt { border: solid 1px #aaa; } .sprechblase { background-color: #efefef; border: 1px solid #fff; -webkit-border-radius: 8px; border-radius: 8px; font-size: 1rem; line-height: 1.3; margin: 0 auto 40px; max-width: 500px; padding: 25px; position: relative; float: left; } .sprechblase p { margin: 0 0 10px; } .sprechblase p:last-of-type { margin-bottom: 0; } .sprechblase::after { border-left: 20px solid #efefef; border-bottom: 20px solid transparent; bottom: -20px; content: ""; position: absolute; left: 40px; } .sprechblase.blauhinterlegt::after { border-left-color: #d8ebfc; } /*h1, h2 {padding-top: 0; margin-top: 0;} */ .redLabel{color: #ffffff; background-color: #e91212; font-weight: 500; padding: 1px 8px 1px 8px; margin-right: 2px;} p { padding-bottom: 10px; } p.hinterlegt { background-color: #f4f9ff; background-color: #f4f4f4; padding: 20px 32px; border-radius: 8px 24px; } a { color: inherit } img.left { float: left; margin: 7px 20px 10px 0px; } img.right { float: right; margin: 7px 0px 10px 20px; } table { font-size: 0.99em; text-align: left; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } table.colored, table.inactive { padding-top: 20px; } table.colored td, table.inactive td { background-color: #d8ebfc; padding: 4px 10px; vertical-align: top; text-align: left; } table.colored th, table.colored thead th, table.colored td.th, table.colored tr.th td, table.inactive th, table.inactive thead th, table.inactive td.th, table.inactive tr.th td { background-color: #1f384e; color: #f1f1f1; padding: 8px 12px; font-weight: 600; font-size: 1.1em; letter-spacing: 1.5px; } table.colored td.th, table.colored tr.th td { background-color: #1f384e; color: #ffffff; } table.colored td.subh, table.colored tr.subh td { background-color: #6489a9; color: #ffffff; } table.colored td.subh a, table.colored tr.subh td a, table.inactive td.subh a, table.inactive tr.subh td a { color: #ffffff; } table.inactive td { background-color: #e5eef8; } table.inactive th, table.inactive thead th, table.inactive td.th, table.inactive tr.th td { background-color: #9babb6; } table.inactive td.subh, table.inactive tr.subh td { background-color: #a7b8c7; color: #ffffff; } table.inactive td.th, table.inactive tr.th td { background-color: #9babb6; color: #ffffff; } table.inactive td.subh, table.inactive tr.subh td { background-color: #a3b3c0; color: #ffffff; } table.paradigmW td { background-color: #fcd8f1; } table.paradigmW th, table.paradigmW thead th, table.paradigmW td.th, table.paradigmW tr.th td { background-color: #9babb6; } table.paradigmW td.subh, table.paradigmW tr.subh td { background-color: #c27ec1; color: #ffffff; } table.paradigmW td.th, table.paradigmW tr.th td { background-color: #9babb6; color: #ffffff; } table.paradigmM td { background-color: #cde7ff;} table.paradigmM th, table.paradigmM thead th, table.paradigmM td.th, table.paradigmM tr.th td { background-color: #9babb6; } table.paradigmM td.subh, table.paradigmM tr.subh td { background-color: #63a0d5; color: #ffffff; } table.paradigmM td.th, table.paradigmM tr.th td { background-color: #9babb6; color: #ffffff; } table.light { margin-top: 20px; margin-bottom: 15px; background-color: #375672; } table.light td { background-color: #1f384e; padding: 4px 10px; } table.light th, table.light thead th, table.light td.th, table.light tr.th td { background-color: #314e68; color: #f1f1f1; padding: 8px 12px; } table.transparent { padding-left: 0; margin-left: 0; } table.transparent td { padding: 22px 0 0 0; } table.calendar td { background-color: #7291ab; text-align: center; } input[type=text], input[type=email], input[type=number], input[type=date], input[type=file], textarea, input[type=radio], input[type=password], select { background-color: #e7f3ff; /*border-radius: 4px 12px;*/ width: 40%; /*padding: 6px 12px;*/ /*margin: 4px 0;*/ box-sizing: border-box; } input[type=file] { border: 1.3px solid rgb(158, 181, 208); border-radius: 4px 12px 4px 4px; padding: 6px 8px; } #fname, #lname, #char_count, #anrede { width: 19.8%; } /*.content input[type=text], select {margin-bottom: 16px;} */ textarea { font-family: Verdana, sans-serif; font-size: 0.9em; height: 100px; width: 60%; /*margin: 16px 0;*/ } input[type=date] { font-family: Arial, sans-serif; font-size: 0.95em; width: 12%; height: 28px; } input[type=radio] { width: auto; } input[type=radio] + label { margin: 0 8px; padding: 2px 4px; } input[type=radio]:checked + label, input[type=checkbox]:checked + label { background-color: #f1f8ff; border-radius: 8px; } input[type=text]:focus, input[type=email]:focus, input[type=file]:focus, textarea:focus { background-color: #d8ebfc; } input[type=button], input[type=submit], input[type=reset] { background-color: #1f384e; border: none; color: white; padding: 10px 34px; margin: 4px 2px; text-decoration: none; cursor: pointer; } input[type=button].buttonInTab, input[type=submit].buttonInTab { background-color: #1f384e; border: none; color: white; padding: 5px 24px; margin: 5px 1px; margin-top: 0; text-decoration: none; cursor: pointer; } input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { background-color: #7291ab; } input[type=file]::-webkit-file-upload-button { background-color: rgb(158, 182, 208); border: none; color: white; padding: 10px 34px; margin: 4px 2px; text-decoration: none; cursor: pointer; } .textBoxInTab { background-color: #d9ebf9; border: 0; padding: 5px 10px; } table.colored .textBoxInTab, table.colored .ddl { background-color: #fcfdff; } table.inactive .textBoxInTab, table.inactive .ddl { background-color: #fcfdff; } .ddl { background-color: #d9ebf9; border: 0; padding: 5px 5px; } div.content #box-container, div.contentWhite #box-container, div.contentDark #box-container { padding: 0 0 8px 0; margin-top: 32px; margin-left: 0; } div.content div.boxWhite, div.contentWhite div.boxWhite, div.contentDark div.boxWhite { float: left; width: 44%; min-width: 250px; padding: 5% 5% 5% 5%; margin: 0 32px 14px 0; /*border: 1px solid #e3e3e3; box-shadow: 2px 2px 5px #e7ffff; background-color: #d9ebf9; border-radius: 4px 28px;*/ /*border: 3px solid #a5dd6f;*/ } .warning { background-color: #ffffbb; padding: 2%; border: 2px solid #e9e9e9; } .rot, .error { color: #d73e3e; } .gruen, .grün, .ok { color: #55c67e; } .grau { color: #5a5a5a; } div.white div.content .threequarter { /*background-image: url(/i/bg_lightblue_right-to-left.png); background-repeat: repeat-y; background-size: auto*/ background-color: #f8fcff; } div.content .quarter > h3 { border-radius: 4px 24px; background-color: #d8ebfc; background-color: #1f384e; color: #f1f1f1; padding: 10px 24px; } div.content .quarter h3 { font-size: 2.5em; } div.content div.threequarter, div.content div.threequarter .blauhinterlegt, div.content div.threequarter .grünhinterlegt, div.content div.threequarter .gelbhinterlegt, div.content div.threequarter .rothinterlegt { margin-left: 3%; width: 71.99999%; padding: 10px 24px; border-radius: 4px 24px; } div.content div.threequarter .blauhinterlegt, div.content div.threequarter .grünhinterlegt, div.content div.threequarter .gelbhinterlegt, div.content div.threequarter .rothinterlegt { margin-left: 0; width: 100%; padding: 10px 24px; border-radius: 4px 24px; } .blauhinterlegt { background-color: #d8ebfc; } .gelbhinterlegt { background-color: #fcf7c6; } .rothinterlegt { background-color: #fcd8d9; } .grünhinterlegt { background-color: #e0ffd7; } div .white div.content div.threequarter { background-color: #d8ebfc; background-color: #e9f4ff; } div.content ul { list-style-position: outside; margin-top: 0; margin-bottom: 0; padding: 0 0 25px 15px; list-style-type: circle; } div.content ul li { color: #1f384e; line-height: 1.4em; text-indent: 1em each-line; margin-bottom: 12px; letter-spacing: 0.02em; } div.dark div.content ul li { color: #f1f1f1; } div.content td ul { padding: 1px 0 5px 15px; margin-bottom: 0; list-style-type: circle; } div.content td ul li { line-height: 1.25em; padding-bottom: 2px; margin-bottom: 0; letter-spacing: 0; } div.content ol { list-style-position: outside; list-style-type: decimal; margin-top: 0; margin-bottom: 0; padding: 20px 0px 25px 35px; list-style-type: circle; } div.content ol li { color: #1f384e; line-height: 1.3em; /*text-indent: 0.8em each-line;*/ padding-bottom: 10px; letter-spacing: 0.02em; } div.content ol li ol { list-style-position: outside; list-style-type: lower-roman; padding: 10px 0px 0px 36px; } div.content ol li ol li { font-size: 1em; line-height: 1em; text-indent: 1em; padding-bottom: 10px; } div.content a { color: #3d74a4; } a:focus, a:active, a:link { text-decoration: none; } /* Style of the navbar */ .header { height: 300px; } #navbar { overflow: hidden; background-color: #1f384e; border-bottom: 5px solid white; border-top: 5px solid white; } /* Navbar links */ #navbar a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px; text-decoration: none; max-width: 160px; } #navbar #navplus a { margin-top: 7px; margin-right: 7px; } #navbar .dropdown-content { background-color: #426787; } /* Page content */ .contentContainer { padding-top: 0px; } .sticky { position: fixed; top: 0; width: 100%; } .sticky + .contentContainer { padding-top: 46px; } #rezensionsangebot p { font-family: 'Segoe UI', Verdana, sans-serif; } p span.tooltip, label span.tooltip { display: none; z-index: 9999; font-family: 'Open Sans'; background: none repeat scroll 0 0 #7291ab; background-color: #7291ab; color: #eff7ff; font-size: 1.1em; height: auto; margin: 0 auto; text-align: center; top: -120px; left: 40px; padding: 4px 10px; border: 1px solid #1f384e; border-radius: 5px 5px; box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.1); position: relative; } label:after ~ span.tooltip { /*content: '*'; position: relative; top: -10px; width: 10px; height: 10px; left: -1px; margin-right: 5px; color: red;*/ } p span.tooltip:after, label span.tooltip:after { content: ''; position: absolute; top: 10px; width: 10px; height: 10px; border-bottom: 1px solid #1f384e; border-left: 1px solid #1f384e; background-color: #7291ab; left: -1px; margin-left: -5px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } p:hover span.tooltip, label:hover span.tooltip { display: block; position: absolute; top: 0.2em; left: 100%; width: 20em; border: 1px solid black; color: white; padding: 0.4em; } label, p { position: relative; } p span.tooltip { left: -300px; } /*div.tooltip {position: relative;} div.tooltip span {z-index: 9999; display: none;} div.tooltip:hover span {position: absolute; display: block; top: 1.5em; left: 2em; border: 1px solid black; background-color: white; padding: 0.2em;} */ /*.navplus {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);} i.caret-down, i.caret-up {width: 10px} */ div.content a.f { border: 10px solid #1f384e; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; font-size: 14px; font-weight: 600; background-color: #1f384e; color: #fff; text-decoration: none; position: relative; left: -2px; } div.content a.f:hover { background-color: #3772a7; border-color: #3772a7; } .fa-bars { font-weight: 900; font-style: normal; } .fa-bars:before { content: "≡" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .highlighted { background-color: #fbfb8b; color: #000000; padding: 0 5px; } /*Korrekturen*/ #navbar input { border: 0; border-top: 2px solid #7291ab; border-bottom: 2px solid #7291ab; height: 47px; width: 250px; border-radius: 0 } #navbar panel { border: 0; border-radius: 0 } #navbar input[type="submit"] { border: 0; border-top: 2px solid #7291ab; border-bottom: 2px solid #7291ab; background-color: #e7f3ff; color: #7291ab; height: 47px; width: 27px; border-radius: 0; margin: 0; padding: 0; } @media (min-width:993px) { .quarter { width: 24.99999% } .third { width: 33.33333% } .half { width: 49.99999% } .twothird { width: 66.66666% } .threequarter { width: 74.99999% } } @media (max-width:600px) { div#Services h1 { font-size: 30px !important } p.smaller { font-size: 15px !important } div.third h2 { font-size: 20px !important } img.round { width: 99.99999% !important } .quarter { width: 79.99999%; } .third { width: 99.99999% } .half { width: 99.99999% } .twothird { width: 99.99999% } .threequarter, div.content div.threequarter, div.content div.threequarter .blauhinterlegt, div.content div.threequarter .grünhinterlegt, div.content div.threequarter .gelbhinterlegt, div.content div.threequarter .rothinterlegt { width: 99.99999% } .modal-content { margin: 0 10px; width: auto !important } .modal { padding-top: 30px } .dropdown-hover.mobile .dropdown-content, .dropdown-click.mobile .dropdown-content { position: relative; min-width: 100%; } .hide-small { display: none !important } .mobile { display: block; width: 100% !important } .bar-item.mobile, .dropdown-hover.mobile, .dropdown-click.mobile { text-align: center } .dropdown-hover.mobile, .dropdown-hover.mobile .btn, .dropdown-hover.mobile .button, .dropdown-click.mobile, .dropdown-click.mobile .btn, .dropdown-click.mobile .button { width: 100% } } @media (max-width:768px) { .modal-content { width: 500px } .threequarter { width: 99.9999% } .modal { padding-top: 50px }  table {width:100% !important} } @media (min-width:993px) { .modal-content { width: 900px } .hide-large { display: none !important } .sidebar.collapse { display: block !important } } @media (max-width:992px) and (min-width:601px) { .hide-medium { display: none !important } }.redBG, .greenBG, .greyBG, .greenLightBG {color: #f4f4f4;background-color: #bb3333;font-size: 1em;font-weight: bolder;padding: 4px 8px;margin-right: 2px;}.greenBG{background-color: #00aa00;}.redBG{background-color: #bb0000;}.greyBG{background-color: #5f7a8f}.greenLightBG{background-color: rgba(0, 170, 0, 0.55)}