Informationsmaterial
form style
form {
width: 98%;
}
select {
/* styling */
background-color: white;
border: thin solid #8d7c67;
display: inline-block;
font: inherit;
line-height: 1.5em;
/*padding: 0.3em 2.5em 0.3em 0.8em;*/
/* reset */
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
width: 98%;
padding: .4em 1em .5em 1em;
background-color: white;
background-image: url("/fileadmin/CI/images/select-arrow.png");
background-position: right 15px top 12px;
background-repeat: no-repeat;
background-size: 19px auto;
margin-bottom: 15px;
margin-top: 15px;
color: #8d7c67;
font-weight: normal;
font-size: 16px;
}
select:focus {
border: 3px solid rgba(11, 173, 75, 1);
}
div.powermail_field .span_6_of_12 {
width: 44.2%;
}
.powermail_fieldset {
background-color: #e2e9f2;
margin: 10px;
padding: 0px;
}
.tx-powermail td {
padding: 10px;
font-size: 1em;
}
.tx-powermail h3 {
margin-bottom: 20px;
}
.abschnitt-innen .parsley-required, .abschnitt-innen .parsley-custom-error-message {
color: red;
background-image: url('/fileadmin/CI/auswahl-punkt-klein-rot.svg');
}
.abschnitt-innen .parsley-required {
}
.powermail_fieldwrap_marker {
font-size: 1.5em;
}
.powermail_field p {
font-size: 0.85em;
}
.powermail_legend, .powermail_label {
display: none;
}
.powermail_fieldset_1 {
display: block;
margin-top: 40px;
font-size: 1.1em;
color: #000000;
font-weight: bold;
}
.powermail_fieldset_1 .powermail_label {
display: none;
margin-top: 10px;
margin-bottom: 5px;
}
fieldset {
width: 45%;
float: left;
margin: 5px;
display: block;
/*background-color: #e6f2de;*/
padding: 15px;
min-height: 460px;
position: relative;
border: 0px solid #000;
}
.powermail_field h2 {
padding-bottom: 15px;
padding-top: 8px;
}
.powermail_fieldset_1 {
width: 93.5%;
padding: 20px;
}
input:focus, input[type=text]:focus, textarea:focus {
/*box-shadow: 0 0 5px rgba(11, 173, 75, 1);*/
border: 3px solid rgba(11, 173, 75, 1);
}
input[type=checkbox] {
transform: scale(1.3) !important;
height : 30px;
margin-right:5px;
margin-left: 20px;
margin-top:-10px;
}
input[type=checkbox]:focus {
background: #ffffcc;
outline:5px solid #ffffcc;
}
.powermail_fieldset_5 .powermail_field {
position:relative;
min-height:200px;
height:auto !important;
}
.powermail_fieldset_6 .powermail_field {
position:relative;
min-height:175px;
height:auto !important;
}
.powermail_fieldset_2 .powermail_field {
position:relative;
min-height:160px;
height:auto !important;
}
.powermail_fieldset_3 .powermail_field {
position:relative;
min-height:167px;
height:auto !important;
}
.powermail_fieldset_4 .powermail_field {
position:relative;
min-height:190px;
height:auto !important;
}
.checkbox {
background-color: #6480a8;
line-height: 50px;
position: absolute;
left: 0;
width: 100%;
bottom: 0;
padding-left: 0px;
padding-top: 8px;
font-size: 18px;
color: #ffffff;
min-height: 40px;
}
div.powermail_fieldwrap_marker_02 .checkbox {
background-color: transparent;
line-height: 20px;
position: relative;
border-bottom: 0px solid #000;
color: #000000;
}
.powermail_fieldwrap_linkzurdatenschutzerklaerung p {
color: #7e756b;
font-weight: normal;
font-size: 1em;
}
.powermail_fieldset_1 input {
height: 30px;
font-size: 14px;
padding-left: 10px;
}
.tx-powermail input {
width: 95.5%;
margin-bottom: 10px;
}
.checkbox input {
width: 10%;
display : inline;
margin-top : 4px;
margin-left: 15px;
}
.powermail_fieldwrap_type_captcha {
width: 250px;
margin-bottom: 10px;
}
textarea {
width: 95%;
margin-bottom: 10px;
font-size: 14px;
}
input[type="submit"] {
width: 250px;
}
.powermail_submit {
margin-bottom: 10px;
border: solid 2px #ffffff;
border-radius : 3px;
moz-border-radius: 3px;
font-size: 16px;
color: #ffffff;
padding-bottom: 30px;
padding-top: 12px;
background-color: #8d7c67;
margin-top: 0px;
width: 220px;
text-align: left;
border-radius: 4px;
/*background: -moz-linear-gradient(top, #b0a192, #8d7a67);*/
background-color: #1f3f6f;
}
.powermail_submit:hover {
background-color: #a2921e;
background: #a2921e;
}
.powermail_submit {
/*background-image:url("/fileadmin/user_upload/Icons-SVG/button-form-absenden.svg");
background-repeat:no-repeat;
background-position: right;
background-size: 45px 45px;
display: inline-block;
content: "";
right: 0px;
top: 50%;
transform: translateY(-50%);*/
margin-top: 30px;
}
.powermail_field img {
border: 0px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0);
}
.parsley-required li {
margin-bottom: 2.3em;
}
.pdf-download p {
font-size: 13px;
line-height: 18px;
}
.pdf-download ul {
list-style-type: none;
padding: 0;
}
.pdf-download ul li {
position: relative;
padding-bottom: 15px;
padding-left: 20px;
margin: 0;
padding: 18px 0 18px 38px;
list-style: none;
background-position: left center;
background-size: 25px;
line-height: 1.3em;
font-size: 0.9em;
}
.pdf-download ul li a{
text-decoration: underline;
}
.pdf-download ul li a:hover{
text-decoration: none;
color:#777777;
}
.katalog ul {
list-style-type: none;
padding: 0;
}
.katalog ul li {
position: relative;
padding-bottom: 15px;
padding-left: 20px;
margin: 0;
padding: 18px 0 18px 38px;
list-style: none;
background-position: left center;
background-size: 25px;
line-height: 1.3em;
font-size: 0.9em;
}
.katalog ul li a{
text-decoration: underline;
}
.katalog ul li a:hover{
text-decoration: none;
color:#777777;
}
/* test */
/* PDF download ---- */
div.accordion .pdf-download ul {
margin-left: 0px;
}
.pdf-download ul {
list-style-type: none;
padding: 0;
}
.pdf-download ul li {
position: relative;
padding-bottom: 15px;
padding-left: 20px;
margin: 0;
padding: 18px 0 18px 52px;
list-style: none;
background-image: url("fileadmin/CI/images/pdf-icon-a.png");
background-repeat: no-repeat;
background-position: left center;
background-size: 34px;
line-height: 1.3em;
font-size: 0.9em;
}
.pdf-download ul li a{
text-decoration: underline;
}
.pdf-download ul li a:hover{
text-decoration: none;
color:#777777;
}
.katalog ul {
list-style-type: none;
padding: 0;
}
.katalog ul li {
position: relative;
padding-bottom: 15px;
padding-left: 20px;
margin: 0;
padding: 18px 0 18px 52px;
list-style: none;
background-image: url("fileadmin/CI/images/blaettern-icon-a.png");
background-repeat: no-repeat;
background-position: left center;
background-size: 34px;
line-height: 1.3em;
font-size: 1em;
}
.katalog ul li a{
text-decoration: underline;
}
.katalog ul li a:hover{
text-decoration: none;
color:#777777;
}
/* test ende */
.powermail_label {
display: none;
}
/* .powermail_legend {
display: none;
}*/
/* Anpassungen fuer kleine Geraete */
@media (max-width: 900px) {
fieldset {
width: 95%;
float: left;
margin-bottom: 20px;
display: block;
padding: 10px;
}
.powermail_fieldset_1 {
width: 95%;
}
.powermail_submit {
-webkit-appearance: none;
}
}
/* Anpassungen fuer kleine Geraete */
@media (max-width: 480px) {
div.powermail_field .span_6_of_12 {
width: 95%;
}
textarea {
width: 93%;
margin-bottom: 10px;
font-size: 14px;
}
.powermail_field h2 {
text-align: center;
}
.tx-powermail input[type=text] {
width: 91.5%;
margin-bottom: 10px;
}
.tx-powermail input[type=email] {
width: 91.5%;
margin-bottom: 10px;
}
}