@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-100.eot); src: local(''),
url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-100.eot?#iefix) format('embedded-opentype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-100.woff2) format('woff2'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-100.woff) format('woff'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-100.ttf) format('truetype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-100.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-100italic.eot); src: local(''),
url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-100italic.eot?#iefix) format('embedded-opentype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-100italic.woff2) format('woff2'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-100italic.woff) format('woff'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-100italic.ttf) format('truetype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-100italic.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-300.eot); src: local(''),
url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-300.eot?#iefix) format('embedded-opentype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-300.woff2) format('woff2'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-300.woff) format('woff'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-300.ttf) format('truetype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-300.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-300italic.eot); src: local(''),
url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-300italic.eot?#iefix) format('embedded-opentype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-300italic.woff2) format('woff2'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-300italic.woff) format('woff'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-300italic.ttf) format('truetype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-300italic.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-regular.eot); src: local(''),
url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-regular.eot?#iefix) format('embedded-opentype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-regular.woff2) format('woff2'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-regular.woff) format('woff'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-regular.ttf) format('truetype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-regular.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-italic.eot); src: local(''),
url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-italic.eot?#iefix) format('embedded-opentype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-italic.woff2) format('woff2'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-italic.woff) format('woff'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-italic.ttf) format('truetype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-italic.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-500.eot); src: local(''),
url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-500.eot?#iefix) format('embedded-opentype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-500.woff2) format('woff2'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-500.woff) format('woff'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-500.ttf) format('truetype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-500.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-500italic.eot); src: local(''),
url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-500italic.eot?#iefix) format('embedded-opentype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-500italic.woff2) format('woff2'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-500italic.woff) format('woff'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-500italic.ttf) format('truetype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-500italic.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-700.eot); src: local(''),
url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-700.eot?#iefix) format('embedded-opentype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-700.woff2) format('woff2'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-700.woff) format('woff'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-700.ttf) format('truetype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-700.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-700italic.eot); src: local(''),
url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-700italic.eot?#iefix) format('embedded-opentype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-700italic.woff2) format('woff2'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-700italic.woff) format('woff'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-700italic.ttf) format('truetype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-700italic.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-900.eot); src: local(''),
url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-900.eot?#iefix) format('embedded-opentype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-900.woff2) format('woff2'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-900.woff) format('woff'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-900.ttf) format('truetype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-900.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
src: url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-900italic.eot); src: local(''),
url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-900italic.eot?#iefix) format('embedded-opentype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-900italic.woff2) format('woff2'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-900italic.woff) format('woff'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-900italic.ttf) format('truetype'), url(https://www.ib-kist.de/fonts/roboto/roboto-v30-latin-900italic.svg#Roboto) format('svg'); } *, input, select, textarea, option, button, a, a:link, a:visited, input[type="submit"] {
outline: none!important;
}
html, body, body.page {
font-family: var(the7-base-font-family);
word-spacing: normal;
color: var(--the7-base-color);
line-height: var(--the7-base-line-height);
}
#main {
min-height: 100vh;
}  .inline-header .branding, .inline-header .header-bar > .mini-widgets {
display: block;
position: absolute;
top: 5px;
left: 0px;
background-color: rgba(255,255,255,1.00);
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 3px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: rgba(62, 65, 68, 0.2) 5px 5px 5px -3px;
}
.branding a img, .branding img {
filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.1));
} .top-bar-bg, .top-bar.full-width-line::after {
margin-left: 7px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.phantom-sticky .sticky-on.masthead:not(.masthead-mobile), .masthead:not(.masthead-mobile),  .masthead:not(.side-header) { } .masthead.shadow-decoration:not(.side-header-menu-icon):not(#phantom):not(.masthead-mobile-header) {
-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.55);
box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.55);
}
.masthead.shadow-decoration:not(.side-header-menu-icon):not(#phantom) {
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}
.phantom-shadow-decoration #phantom {
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
} .no-results {
min-height: 900px;
margin-top: 100px;
}   .dp-bof1::before { content: ' ';
display: block;
background-size: cover;
height: 100vh;
width: 100vw;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
}
.dp-bof {
} .content a {
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;
transition: all .3s linear;
text-decoration: underline;
font-weight: 400;
}
.content a:hover {
font-weight: 400;	
}
.link-weiss a{
color: rgba(255,255,255,1.00)!important;
} .h1abstand-01 h1{
line-height: 0.9em!important;
}
.h1abstand-02 h1{
line-height: 14px!important;
}
@media screen and (max-width: 990px){
.h1abstand-01 h1{
line-height: 1.1em!important;
}
.text-kl-02 {
font-size: 28px;
font-weight: 400;
}
}
@media screen and (max-width: 360px){
.h1abstand-01 h1{
line-height: 1.1em!important;
}
.text-kl-02 {
font-size: 22px;
font-weight: 400;
}
}
.text-kl-02 {
font-size: 18px;
font-weight: 400;
} .container-ra-01{
border: 1px solid rgba(194,206,214,1.00);
box-shadow: rgba(38, 57, 77, 0.6) 0px 10px 15px -10px;
background-color: rgba(240,244,247,1.00);
}
.container-ra-01 ul{
font-size: 14px;
}  .grid-box-overflow-1 {
overflow-y: auto;
}
.grid-container1 {
display: grid;
grid-template-columns: auto auto auto auto;
gap: 0px;
padding: 0px;
}
.grid-container1 > div {
margin-bottom: 10px;
padding: 10px;
}
.grid-container-box-1-1, .grid-container-box-1-2, .grid-container-box-1-3, .grid-container-box-1-4, .grid-container-box-2-1, .grid-container-box-2-2, .grid-container-box-2-3, .grid-container-box-2-4 {
border-left: 0px solid rgba(255,255,255,0.00);
border-right: 1px solid rgba(194,206,214,1.00);
border-bottom: 1px solid rgba(194,206,214,0.30);
border-top: 0px solid rgba(255,255,255,0.00);
}
.grid-container-box-1-4, .grid-container-box-2-4{
border-right: 0px solid rgba(255,255,255,0.00);
}
.grid-container-box-1-1, .grid-container-box-1-2, .grid-container-box-1-3, .grid-container-box-1-4 {
background-color: rgba(255,255,255,0.00);
font-weight: 500;
}
.grid-container-box-2-1, .grid-container-box-2-2, .grid-container-box-2-3, .grid-container-box-2-4 {
background-color: rgba(240,244,247,1.00);
}
.grid-container-span1{
font-style: italic;
font-weight: 500;
font-size: 16px;
}  .flex1-container {
display: flex;
flex-wrap: wrap;
}
.flex1-item-left {
padding: 10px;
flex: 60%;
}
.flex1-item-right {
padding: 10px;
flex: 40%;
} @media (max-width: 800px) {
.flex1-item-right, .flex1-item-left {
flex: 100%;
}
}  .images-referenzen {
background-color: rgba(255,255,255,0);
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-radius: 4px!important;
border: 1px solid rgba(255,255,255,1.00)!important;
box-shadow: rgba(38, 57, 77, 0.6) 0px 10px 15px -10px!important;
margin-top: 16px;
margin-right: 16px;
margin-bottom: 16px;
margin-left: 16px;
}  .box-shadow-white-1 svg {
filter: drop-shadow( 1px 1px 0px rgba(255,255,255,1.00))!important;
}
.box-shadow-white-1 {
text-shadow: 1px 1px 0px rgba(255,255,255,1.00)!important;
} .box-shadow-1 {
-webkit-box-shadow: inset 0px -10px 10px -9px rgba(0,0,0,0.60), inset 0px 10px 10px -9px rgba(0,0,0,0.60); 
box-shadow: inset 0px -10px 10px -9px rgba(0,0,0,0.60), inset 0px 10px 10px -9px rgba(0,0,0,0.60);
}
.dp-shadow-01 {
box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) ;
}
.dp-shadow-02 {
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.dp-shadow-03 {
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.dp-shadow-04 {
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.dp-shadow-05 {
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.dp-shadow-06, .dp-shadow-i-06 img {
box-shadow: rgba(38, 57, 77, 0.6) 0px 10px 15px -10px;
}
.dp-shadow-10 {
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;	
}
.dp-shadow-10-img img{
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;	
}
.dp-shadow-10-h {
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;
transition: all .3s linear;
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;	
}
.dp-shadow-10-h:hover {
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;	
}
.dp-referenzen-img img{
border-radius: 4px;
border: 1px solid rgba(62,99,121,0.40);
}
.dp-shadow-20-img-h img {
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;
transition: all .3s linear;
box-shadow: rgb(38, 57, 77) 0px 10px 30px -10px;
}
.dp-shadow-20-img-h img:hover {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
box-shadow: rgb(38, 57, 77) 0px 20px 20px -10px;	
}
.dp-box-01 {
box-shadow: rgba(38, 57, 77, 0.6) 0px 20px 30px -10px;
border-left: 0px solid rgba(255,255,255,0);
border-right: 0px solid rgba(255,255,255,0);
border-bottom: 1px solid rgba(255,255,255,1.00);
border-top: 1px solid rgba(255,255,255,1.00);
background-color: rgba(229,234,237,0.80);
}
.dp-box-b-01 {
box-shadow: rgba(38, 57, 77, 0.6) 0px 20px 30px -10px;
border-left: 0px solid rgba(255,255,255,0);
border-right: 0px solid rgba(255,255,255,0);
border-bottom: 1px solid rgba(255,255,255,1.00);
border-top: 1px solid rgba(255,255,255,1.00);
background-color: rgba(62,99,121,0.95);    
}
.dp-box-02 {
box-shadow: rgba(38, 57, 77, 0.6) 0px 20px 30px -10px;
border-left: 0px solid rgba(255,255,255,0);
border-right: 0px solid rgba(255,255,255,0);
border-bottom: 1px solid rgba(255,255,255,1.00);
border-top: 1px solid rgba(255,255,255,1.00);
background-color: rgba(229,234,237,0.80);    
padding-top: 30px;
padding-bottom: 30px;
}
.dp-box-b-02 {
box-shadow: rgba(38, 57, 77, 0.6) 0px 20px 30px -10px;
border-left: 0px solid rgba(255,255,255,0);
border-right: 0px solid rgba(255,255,255,0);
border-bottom: 1px solid rgba(255,255,255,1.00);
border-top: 1px solid rgba(255,255,255,1.00);
background-color: rgba(62,99,121,0.95);        
padding-top: 30px;
padding-bottom: 30px;
}
.dp-box-03 {
box-shadow: rgba(38, 57, 77, 0.6) 0px 20px 30px -10px;
border-left: 1px solid rgba(255,255,255,1.00);
border-right: 1px solid rgba(255,255,255,1.00);
border-bottom: 1px solid rgba(255,255,255,1.00);
border-top: 1px solid rgba(255,255,255,1.00);
background-color: rgba(229,234,237,0.80);    
padding-top: 30px;
padding-bottom: 30px;
} #kist01 .elementor-widget-container .elementor-accordion .elementor-accordion-item .elementor-tab-content {
border-top-width: 0px;
border-top-style: none;
border-right-width: 0px;
border-right-style: none;
border-bottom: 1px solid rgba(43,60,77,0.40);
border-left: 3px solid rgba(43,60,77,1.00);
margin-left: 28px;
}
#kist01 .ul-referenzen-01 {
margin-left: 30px !important; 
font-size: 15px;
}
#kist01 hr {
border: 0!important;
border-bottom: 1px dashed #ccc!important;
background: #999!important;
margin-top: 30px!important;
margin-bottom: 30px!important;
}
#kist01 h3 {
font-size: 22px;
font-weight: 500;
color: rgba(63,94,116,1.00);
}  #footer.solid-bg {
background-color: #0e1b25;
}
@media screen and (min-width: 992px){
#footer.solid-bg {
background-image: url(https://www.ib-kist.de/wp-content/uploads/2023/05/footer-07.jpg)!important;
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
}
}
.footer .custom-menu li.current-menu-item > a {
text-decoration: underline;
}
#box-copyrights {
color: rgba(164,164,164,1.00);
font-size: 11px;
font-weight: 400;
}
#box-dp-link,  #box-dp-link a{
color: rgba(164,164,164,1.00);
font-size: 8px;
font-weight: 400;
text-decoration: none !important;
}
.footer h2{
font-size: 16px;
}
.footer .custom-menu li{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 15px;
}
.footer ul.footer-01{
list-style-type: circle;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 15px;
}  textarea:focus, input:focus{
outline: none;
}
*:focus {
outline: none;
}
input:focus{
border: transparent;
}  #page .wpcf7-response-output {
display: none;
}
.dpkontaktform {
display: block;
background-color: rgba(255,255,255,0.00);
border: 1px solid rgba(221,221,221,1.00);
border-radius: 0px;
}
.dpkontaktform p {
margin-bottom: 5px;
}
.dpkontaktform .kennzeichnungs-text {
font-style: normal;
font-weight: normal;
font-size: 11px;
text-align: left;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
}
.dpkontaktform .konfigtext p{
margin-bottom: 3px !important;   
}
.dpkontaktform .konfigtext {
margin-bottom: 18px;    
}
.dpkontaktform .wpcf7-not-valid-tip {
display: block !important;
}
#dp-kontaktform-antwort {
display: none;
opacity: 0;
background-color: rgba(255,255,255,0.00);
border: 1px solid rgba(221,221,221,1.00);
border-radius: 0px;
height: 250px;
}
#dp-kontaktform-antwort .dp-kontaktform-antwort-text p{
margin-bottom: 3px !important;   
}
#dp-kontaktform-antwort .dp-kontaktform-antwort-text {
margin-top: 100px;
text-align: center;
}
input[type="text"], .widget_search input[type="text"].searchform-s, input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea, .wpcf7-number {
color: #3E3E3E;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
padding: 5px 15px 5px 15px;
border-color: rgba(54,54,54,0.40);
background-color: #EEF5F7;
border-radius: 0px;
} .dpkontaktform input[type="text"], .dpkontaktform input[type="tel"], .dpkontaktform input[type="email"], .dpkontaktform textarea, .dpkontaktform select{
border-radius: 0px;
border: 1px solid rgba(207,207,207,0.9);
box-shadow: 0px 0px 6px -3px rgba(145,145,145,0.4);
transition: all 0.6s ease;
background-color: rgba(255,255,255,0.00);
}
.dpkontaktform input[type="text"]:focus, .dpkontaktform input[type="tel"]:focus, .dpkontaktform input[type="email"]:focus, .dpkontaktform textarea:focus, .dpkontaktform select:focus {
outline: 0;
box-shadow: 0px 0px 11px 0px rgba(145,145,145,0.6);
background-color: rgba(255,255,255,1.00);
} .dpkontaktform .formfex {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.dpkontaktform .formfex > * {
width: 48%; box-sizing: border-box; margin-bottom: 10px;
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
}
.dpkontaktform .formfex > *:first-child {
margin-right: 2%;
}
@media (max-width: 768px) {
.dpkontaktform .formfex > * {
width: 100%;
}
.dpkontaktform .formfex > *:first-child {
margin-right: 0px;
}
}
.dpkontaktform .formfex2 {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.dpkontaktform .formfex2 > * {
width: 48%;
padding-right: 10px;
box-sizing: border-box;
margin-bottom: 10px;
margin-top: 10px;
margin-right: 2%;
margin-left: 0px;
}
@media (max-width: 600px) {
.dpkontaktform .formfex2 > * {
width: 100%;
}
} .dpkontaktform .form-sc {
margin-top: 50px;
}
.dpkontaktform .formbox {
box-sizing: border-box;
border: 1px solid #CDCDCD;
margin-bottom: 10px;
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
padding-left: 0px;
position: relative;
}
.dpkontaktform .formbox-content {
position: relative;
padding-left: 10px;
}
.dpkontaktform .kontakt-header-02 {
display: block;
background-color: #7d7d7d;
color: #FFFFFF;
font-weight: 400;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
position: relative;
margin-bottom: 10px !important;
border-radius: 0px;
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.27);
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
}
.dpkontaktform .kontakt-header-03 {
width: 100%;
display: block;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
position: relative;
border-bottom: 1px solid #7d7d7d;
font-size: 12px;
}
.dpkontaktform .kontakt-header-03 a{
text-decoration: underline;
}
.dpkontaktform .kontakt-block-02 {
display: block;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.dpkontaktform .kontakt-block-03 {
display: block;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
@media (max-width: 768px) {
.dpkontaktform .kontakt-block-03 {
padding-top: 20px;		
}
}
.dpkontaktform textarea {
height: 200px;
}
.dpkontaktform label {
color: #606060;
font-weight: 500;
font-size: 14px;
box-sizing: border-box;
position: relative;
display: block;
line-height: 25px;
}
.dpkontaktform .subbox {
display: flex;
justify-content: center;
align-items: center;
}
.dpkontaktform .captcha-input {
width: 200px !important;
}
.dpkontaktform .form-sicherheitscode {
display: block;
margin-top: 10px;
}
.dpkontaktform .fileContainerBox {
display: block;
margin-top: 50px;
}
#kontrolds-dsgvo {
}
.kontrolds-dsgvo {
font-size: 13px;
color: #4A4A4A;
font-weight: normal;
line-height: 18px;
margin-bottom: 10px;
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: 12px;
display: block;
background-color: rgba(255,255,255,1.00);
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
}
.dpkontaktform .dp-checkbox {
display: block;
position: relative;
top: -17px;
}
.dpkontaktform .wpcf7-list-item-label {
margin-left: 30px;
display: block;
margin-top: 0px;
cursor: pointer;
}
.dpkontaktform .wpcf7-not-valid-tip {
display: block !important;
margin-top: -5px;
color: rgba(217,18,18,1.00);
font-size: 11px;
font-weight: normal;
}
.dpkontaktform .wpcf7-not-valid { } .dpkontaktform span.wpcf7-list-item {
display: inline-block;
margin: 0;
position: relative;
}
.dpkontaktform .wpcf7 .wpcf7-list-item {
display: inline-block;
margin-bottom: 0px;
position:relative;
}
.dpkontaktform .wpcf7-checkbox label {
position: relative;
cursor: pointer;
display:block;
}
.dpkontaktform .wpcf7-checkbox input[type=checkbox], .dpkontaktform .wpcf7-acceptance input[type=checkbox] {
position: absolute;
visibility: hidden;
top: 20px;
left: 0px;
}
.dpkontaktform .wpcf7-checkbox input[type=checkbox] + span, .dpkontaktform .wpcf7-acceptance input[type=checkbox] { }
.dpkontaktform .wpcf7-checkbox input[type=checkbox] + span:before, .dpkontaktform .wpcf7-acceptance input[type=checkbox] + span:before {
display: block;
position: relative;
content: '';
border-radius: 0;
height: 20px;
width: 20px;
top: 20px;
left: -30px;
border: 1px solid #B7B7B7;
cursor: pointer;
}
.dpkontaktform .wpcf7-checkbox input[type=checkbox] + span:after, .dpkontaktform .wpcf7-acceptance input[type=checkbox] + span:after {
font-family: fontello;
font-style: normal;
font-weight: 900;
speak: none;
display: block;
position: absolute;
content: '\e810';
height: 20px;
width: 20px;
top: 14px;
left: 3px;
visibility: hidden;
font-size: 28px;
text-align: center;
line-height: 20px;
color: #606060;
}
.dpkontaktform .wpcf7-checkbox input[type=checkbox]:checked + span:before, .dpkontaktform .wpcf7-acceptance input[type=checkbox]:checked + span:before {
background: transparent;
}
.dpkontaktform .wpcf7-checkbox input[type=checkbox]:checked + span:after, .dpkontaktform .wpcf7-acceptance input[type=checkbox]:checked + span:after {
visibility: visible;
}
.wpcf7-form input[type="submit"]{
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.27) !important;
margin-left: 60px;
}