Druckansicht der Internetadresse:
body {
font-family: Helvetia, Arial, sans-serif;
}
.slider.full .infoBlock {
background: #97CA51;
}
.teaser p {
line-height: 1.5;
}
.green,
.green a {
color: #97CA51 !important;
}
.green a:hover {
color: #999 !important;
}
#schnelleinstieg ul li ul li a:hover{
color: #97CA51;
}
header h2 {
background-color: #97CA51;
}
#breadcrumb a.active, #breadcrumb a.active:hover {
color: #97CA51;
}
#hauptnavigation {
background-color: #97CA51;
text-transform: none;
font-size: 16px;
}
#hauptnavigation a {
font-weight: 400;
padding: 12px 8px 12px 18px;
}
#hauptnavigation a:hover,
#hauptnavigation a.active {
color: rgba(255,255,255,0.5) !important;
}
#hauptnavigation li {
background-color: #97CA51;
}
#hauptnavigation ul li:hover a,
#hauptnavigation ul li:hover > ul li a {
background-color: #97CA51;
}
#hauptnavigation ul li:hover > ul {
background-color: #97CA51;
}
#hauptnavigation > ul {
display: table;
width: 100%;
}
#hauptnavigation > ul > li {
display: table-cell;
float: none;
width: 16.666%;
}
/*#hauptnavigation li:nth-child(1),
#hauptnavigation ul li:nth-child(1):hover a,
#hauptnavigation ul li:nth-child(1):hover > ul li a,
#hauptnavigation li:nth-child(2),
#hauptnavigation ul li:nth-child(2):hover a,
#hauptnavigation ul li:nth-child(2):hover > ul li a,
#hauptnavigation li:nth-child(3),
#hauptnavigation ul li:nth-child(3):hover a,
#hauptnavigation ul li:nth-child(3):hover > ul li a {
background-color: #97CA51;
}
#hauptnavigation li:nth-child(3) {
border-right: 4px solid white;
}*/
#navigation a.active, #navigation a.active:hover {
color: #97CA51;
}
#subnavigation li a.active {
background-color: #fff;
color: #97CA51;
}
#subsubnavigation li a.active, #subsubnavigation li a.active:hover {
color: #97CA51;
}
.teaser ul li:before {
color: #97CA51;
}
.teaser h2,
.teaser h2.green,
.teaser.half h2,
.teaser.third h2,
.teaser.quarter h2 {
font-size: 15px;
line-height: 1.2;
font-weight: bold;
margin-bottom: 5px;
}
.teaser h2 a,
.teaser h2.green a,
.teaser.half h2 a,
.teaser.third h2 a,
.teaser.quarter h2 a,
.sidebar h3 {
font-weight: bold;
color: #97CA51;
}
.teaser h2 a:hover,
.teaser h2.green a:hover,
.teaser.half h2 a:hover,
.teaser.third h2 a:hover,
.teaser.quarter h2 a:hover {
color: #999;
}
.teaser h3 {
color: #97CA51;
}
.text a.active {
color: #97CA51;
}
.list .year {
color: #97CA51;
}
.list .headline th {
color: #666;
}
#tabNavigation li a.active {
color: #97CA51;
}
#content.login input[type=submit] {
background-color: #97CA51;
}
.sidebar ul.linklist li:before {
color: #97CA51;
}
.slider .infoBlock {
background-color: rgba(30,62,126,0.9);
}
.grey-bar {
background-color: #cccccc;
height: 1.5em;
}
/*anderer Grauton*/
#subnavigation,
section.headline,
.teaser,
.text.grey,
.accordion dt.odd, .accordion dd.odd,
table.standard .even,
.list .even,
.newslist .odd,
.teamlist .even,
.lehrelist .even, .kontaktlist .odd,
form.right,
#content.login,
.sidebar.grey {
background-color: #f0f0f0;
}
footer {
background-color: #cccccc;
color: #222222;
border-top: 0;
padding: 0.4em 0;
}
footer a {
color: #97CA51;
}
footer p {
font-size: 14px;
margin: 0.5em 0;
}
footer p.links,
footer p.social {
float: none;
}
footer p.links a:after {
content: "|";
margin-left: 10px;
}
footer p.links a:last-child:after {
content: none;
}
#logo img {
width: 143px;
height: auto;
}
#logo-ca {
float: right;
text-align: right;
}
#logo-ca img {
width: 180px;
height: auto;
}
.text p {
line-height: 1.5;
}
.text li {
/* background: url('../i/bullet.png') no-repeat 0 6px; */
}
.text ul.checklist li {
list-style: square outside url(../i/checklist.png);
}
.text p + ul {
margin-top: 0;
}
.group:after {
content:"";
display: table;
clear: both;
}
/*New Figure Element*/
.figure figcaption {
margin-top: 10px;
font-size: 14px;
}
.figure img {
max-width: 100%;
}
.figure {
margin-bottom: 10px;
}
.figure-full {
margin-bottom: 20px;
}
.figure-left {
float: left;
max-width: 40%;
margin-right: 20px;
}
.figure-right {
float: right;
max-width: 40%;
margin-right: 0;
margin-left: 20px;
}
.has-zoom a {
display: block;
position: relative;
}
.has-zoom a:after {
content: url(../i/iconZoomOverlay.png);
position: absolute;
right: 0;
bottom: 0;
}
/*Map Container*/
.custom-block {
margin-bottom: 20px;
}
.map-container {
position: relative;
width: 100%;
}
.ratio-2-1 {
padding-bottom: 50%;
}
.map-container iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.text {
width: 630px;
}
.sidebar {
box-sizing: border-box;
}
.sidebar,
.sidebar:not(.grey),
.sidebar.grey {
width: 310px;
}
.sidebar.grey {
margin: 0 0 25px 0;
}
.sidebar img {
max-width: 310px !important;
width: 310px !important;
}
.sidebar ul {
padding: 5px 10px 5px 0px;
}
.sidebar ul li {
position: relative;
list-style: none;
padding-left: 12px;
font-size: 14px;
font-weight: 300;
}
.sidebar ul li + li {
margin-top: 5px;
}
.sidebar ul.linklist li:before {
content:"";
display: inline-block;
width: 3px;
height: 14px;
background-color:#97CA51;
position: absolute;
top: 3px;
left: 0;
}
.sidebar ul.linklist-downloads li:before {
width: 7px;
height: 9px;
top: 6px;
background-color: transparent;
background-image: url(../i/linklist-downloads.png);
background-repeat: no-repeat;
}
#content .sidebar ul.linklist-downloads a,
#content .sidebar ul.linklist-downloads a:hover {
text-decoration: none;
}
.sidebar ul.linklist-downloads .title {
text-decoration: underline;
}
.sidebar ul.linklist-downloads .meta {
display: block;
}
.sidebar ul li:before {
content:"";
display: inline-block;
width: 5px;
height: 6px;
background-color:#97CA51;
position: absolute;
top: 7px;
left: 0;
}
ul.contact-list li {
padding-left: 20px;
padding-bottom: 5px;
}
ul.contact-list li:before {
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
width: 13px;
height: 13px;
top: 3px;
}
ul.contact-list li.contact-list-name:before {
background-image: url('../i/svg/icon-avatar-blue.svg');
}
ul.contact-list li.contact-list-telefon:before {
background-image: url('../i/svg/icon-phone-blue.svg');
}
ul.contact-list li.contact-list-fax:before {
background-image: url('../i/svg/icon-print-blue.svg');
}
ul.contact-list li.contact-list-email:before {
background-image: url('../i/svg/icon-mail-blue.svg');
}
table {
margin-bottom: 25px;
width: 100%;
}
th, td {
padding: 5px 8px;
border: 1px solid rgb(228,228,228);
text-align: left;
}
th {
background-color: rgb(244,244,244);
}
.text table {
margin-bottom: 25px;
width: 100%;
}
.text th, .text td {
padding: 5px 8px;
border: 1px solid rgb(228,228,228);
text-align: left;
}
.text th {
background-color: rgb(244,244,244);
}
.text table.borderless th, .text table.borderless td {
padding: 5px 0px;
border: 0;
text-align: left;
}
.text table.borderless th {
background-color: transparent;
}
.accordion dt {
padding: 8px 25px;
}
.accordion dd {
padding: 10px 25px 10px 25px;
}
.form {
margin-bottom: 25px;
border-top: 1px solid rgb(93,93,92);
}
.form-ctrl {
border-left: 1px solid rgb(93,93,92);
border-right: 1px solid rgb(93,93,92);
border-bottom: 1px solid rgb(93,93,92);
}
.form-ctrl:first-child,
{
border-top: 1px solid rgb(93,93,92);
}
.form-actions {
margin-top: 25px;
border-left: 0;
border-right: 0;
border-top: 0;
}
.form input[type=text],
.form input[type=email],
.form input[type=phone],
.form textarea {
font-family: Helvetica, Arial, sans-serif;
width: 100%;
box-sizing: border-box;
padding: 8px;
border: 0;
background-color: transparent;
}
.form input[type=text]:focus,
.form input[type=email]:focus,
.form input[type=phone]:focus,
.form textarea:focus {
outline: none;
}
.form-ctrl.checkbox {
padding: 8px;
}
.form-ctrl.checkbox input[type=checkbox] {
margin-right: 4px;
}
.form-ctrl.checkbox label {
color: rgb(169,169,169);
}
.form-ctrl.checkbox input:checked + label {
color: #666;
}
.form-ctrl > p {
margin: 0;
}
.form .form-ctrl.has-focus {
box-shadow: inset 0px 0px 0px 1px rgb(93,93,92);
}
.btn {
font-family: Helvetica, Arial, sans-serif;
background-color: rgb(93,93,92);
color: white;
padding: 8px 16px;
border: 0;
text-transform: uppercase;
font-weight: 400;
}
.btn:hover {
background-color: rgb(150,150,150);
}
.form-actions {
text-align: right;
}
.aural {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sqrt265 { display: none; }
/* Form Validation */
.form-ctrl {
position: relative;
}
.form-ctrl.error:before {
content:"";
width: 4px;
background-color: rgb(255,0,0);
position: absolute;
right: 4px;
top: 4px;
bottom: 4px;
}
.form-ctrl label.error {
color: rgb(255,0,0);
padding-left: 8px;
padding-bottom: 4px;
font-size: 13px;
display: inline-block;
}
/*RWD*/
#menu {
background-color: #97CA51;
}
#menu .dl-menuwrapper li.active a {
color: #97CA51 !important;
}
@media only screen and (max-width: 1200px) {
#hauptnavigation {
font-size: 15px;
}
.text.has-sidebar {
width: 465px;
}
.has-sidebar .accordion dt,
.has-sidebar .accordion dd {
width: 415px;
}
.sidebar,
.sidebar:not(.grey),
.sidebar.grey {
width: 210px;
}
.sidebar img {
max-width: 210px !important;
}
}
@media only screen and (max-width: 767px) {
#logo-ca {
width: 54%;
}
#logo img {
margin: 15px 0 0px 10px;
width: 150px;
}
#logo-ca img {
margin: 24px 10px 0px 0;
width: 140px;
max-width: 100%;
}
.text .figure {
margin-top: 15px;
margin-left: 20px;
margin-right: 20px;
}
.figure figcaption {
font-size: 12px;
line-height: 1.25;
}
.figure-left,
.figure-right {
float: none;
max-width: 60%;
}
.custom-block {
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
footer .social.mobile {
display: none !important;
}
footer a {
float: none;
text-indent: 0;
display: inline-block;
width: auto;
}
footer p.links {
display: block !important;
text-align: center;
}
.sidebar,
.sidebar:not(.grey),
.sidebar.grey {
width: 100%;
}
.has-sidebar .accordion dt,
.has-sidebar .accordion dd {
width: calc(100% - 50px);
}
.sidebar img {
max-width: 100% !important;
}
.form {
padding: 0 20px 15px 20px;
}
}
@media only screen and (min-width: 1200px) {
.text {
width: 725px;
}
.text.has-sidebar {
width: 560px;
}
.has-sidebar .accordion dt,
.has-sidebar .accordion dd {
width: 510px;
}
}
.text.full iframe {
}
Seite drucken