.et_pb_blurb_content {
max-width: 550px;
margin: 0 !important;
}
.headcontrow{
width: 38% !important;
max-width: 1200px;
padding-top: 0px;
padding-left:0%;
margin-left: 56% !important;
padding-top: 0px;
margin-top: -4em;
}
.headcontrow-about{
width: 42% !important;
max-width: 1200px;
padding-top: 0px;
padding-left:0%;
margin-left: 56% !important;
padding-top: 0px;
margin-top: -4em;
font-size: 1em
}
html .headcontrow2 {
font-size: 1.2em;
background-color: RGBA(0,0,0,0);
height: 656px;
padding-right: 0px !important;
padding-left: 0px !important;
margin-right: 0px !important;
margin-left: 0px !important;
width: 135%;
position: absolute !important;
bottom: -1089px;
top: auto;
left: 26%;
right: auto;
transform: translateX(-50%);
}
@media (max-width: 780px) {
.headcontrow{
width: 80% !important;
max-width: 1200px;
padding-top: 0px;
padding-left:0%;
margin-left: 8% !important;
padding-top: 0px;
margin-top: 54% !important;
}
.headcontrow-about{
width: 90% !important;
max-width: 1200px;
padding-top: 0px;
padding-left:0%;
margin-left: 8% !important;
padding-top: 0px;
margin-top: 50% !important;
}
html .headcontrow2 {
font-size: 1.2em;
background-color: RGBA(0,0,0,0);
height: 656px;
padding-right: 0px !important;
padding-left: 0px !important;
margin-right: 0px !important;
margin-left: 0px !important;
position: absolute !important;
bottom: -1081px;
top: auto;
left: 20%;
right: auto;
transform: translateX(-50%);
width: 165%;
}
}
@media (max-width: 600px) {
html .headcontrow2 {
font-size: 1.2em;
background-color: RGBA(0,0,0,0);
height: 656px;
padding-right: 0px !important;
padding-left: 0px !important;
margin-right: 0px !important;
margin-left: 0px !important;
position: absolute !important;
bottom: -1081px;
top: 20% !important;
left: 67% !important;
right: auto;
transform: translateX(-50%);
width: 81% !important;
}
}
@media (max-width: 500px) {
.headcontrow {
width: 90% !important;
max-width: 1200px;
padding-top: 0px;
padding-left: 0%;
margin-left: 8% !important;
padding-top: 0px;
margin-top: 54% !important;
}
.headcontrow-about {
width: 96% !important;
max-width: 1200px;
padding-top: 0px;
padding-left: 0%;
margin-left: 8% !important;
padding-top: 0px;
margin-top: 62% !important;
}
html .headcontrow2 {
font-size: 1em;
background-color: RGBA(0,0,0,0);
height: 656px;
padding-right: 0px !important;
padding-left: 0px !important;
margin-right: 0px !important;
margin-left: 0px !important;
position: absolute !important;
height: 656px !important;
width: 80% !important;
top: 27% !important;
left: 70% !important;
right: auto;
}
}
@media (max-width: 400px) {
html .headcontrow2 {
font-size: 1em;
background-color: RGBA(0,0,0,0);
height: 656px;
padding-right: 0px !important;
padding-left: 0px !important;
margin-right: 0px !important;
margin-left: 0px !important;
position: absolute !important;
height: 656px !important;
width: 75% !important;
top: 47% !important;
left: 73% !important;
right: auto;
}
}
@media (max-width: 360px) {
html .headcontrow2 {
font-size: 0.9em;
width: 79%;
top: 50%;
left: 75%;
}
}
html .header-onepage, .et-l--header{
background-color: RGBA(255,255,255,0) !important;
}
#logo-onepage{
position: fixed
}
html .menu-onepage .et_pb_menu .et_pb_menu__menu {
display: block !important;
}
html #top-menu, html .et_pb_menu .et_pb_menu__menu { }
.inputgeber-section .termine-cont:nth-child(even) {
background: #efefef
}
.page-id-1756 h6 a {
font-size: 0.8em;
width: 160px;
padding: 1em;
background-color: #EC5F44;
line-height: 1.6em;
padding: 0.7em 1.4em;
border-radius: 3px;
font-weight: bold;
text-align: left;
}
ul.et_pb_side_nav.et-visible {
opacity: 1;
-webkit-animation: fadeInRight 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeInRight 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
html ul.et_pb_side_nav {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
position: fixed;
right: 0;
top: 50%;
width: 40px;
background: rgba(0,0,0,0.4);
padding: 10px;
z-index: 99999;
display: block !important;
opacity: 1 !important;
}
ul.et_pb_side_nav, ul.et_pb_side_nav * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
} #et-main-area {
overflow: hidden;}
.gq_m_vertical_slider {
overflow: visible;}
.gq_m_vertical_slider .et_pb_slide_description h2 {
color: #26abe6!important;
font-weight:800;
padding-bottom: 40px;}
.gq_m_vertical_slider .et-pb-controllers {
position: absolute;
z-index: 10;
width: 100%;
text-align: center;
color: #0d365a!important;
top: 7px;
bottom: auto;
left: 103%;
display: grid;}
.gq_m_vertical_slider .et-pb-controllers a {
display: inline-block;
width: 9px;
height: 9px;
margin-right: 10px;
padding: 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background-color: #ffffff;
text-indent: -9999px;
margin-bottom: 16px;}
.gq_m_vertical_slider .et-pb-controllers .et-pb-active-control {
background-color: #26abe6!important;
margin-bottom: 16px;
width: 14px;
height: 14px;
margin-left: -2px;}
.gq_m_vertical_slider .et-pb-arrow-next, .gq_m_vertical_slider .et-pb-arrow-prev {
top: 0%;
margin-top: 0px;
opacity: 1;
color: #ffffff!important;
font-size: 35px;}
.gq_m_vertical_slider .et-pb-arrow-prev, .gq_m_vertical_slider .et_pb_slider:hover .et-pb-arrow-prev {
top: 5px;
left: 5px!important;
background: #26abe6;}
.gq_m_vertical_slider .et-pb-arrow-next,.gq_m_vertical_slider .et_pb_slider:hover .et-pb-arrow-next  {
right: 5px!important;
background: #26abe6;
bottom: 5px;
top: inherit!important;}
.gq_m_vertical_slider .et-pb-arrow-prev:before {
content: "\32";}
.gq_m_vertical_slider .et-pb-arrow-next:before {
content: "\33";}
html{
}
body{
width: 100%;
height: 100%
}
html .dot-menu .et_pb_menu__menu{
display: block !important;
}
html .dot-menu .et_mobile_nav_menu{
display: none !important
}
.et_pb_side_nav{
display: none !important
}
#main-header {
background-color: transparent !important;
box-shadow: none !important;
padding: 1em 0 0 0;
}
#breadcrumbs{
max-width: 1080px;
margin: 0 auto;
padding: 2.8em 0 1.8em 0;
text-transform: uppercase;
font-size: 0.8em;
letter-spacing: 1px;
font-weight: 600
}
.container {
width: 84%;
max-width: 100%;
}
#sidebar{
display: none;
}
html #left-area{
width: 100%;
max-width: 1080px;
margin: 0 auto;
float: none !important;
padding-right: 0 !important
}
#main-content .container::before {
width: 0;
}
h1 {
font-size: 3.4em;
letter-spacing: 2px;
font-weight: 200;
line-height: 1.1em;
}
h2 {
font-size: 2em;
letter-spacing: 2px;
font-weight: 200
}
#main-footer {
background-color: #fff;
border-top: 1px solid #EC5F44;
}
#footer-bottom{
display: none
}
html .foot-box01{
position: fixed;
bottom: 0.4em;
z-index: 99999999999;
height: 30px !important;
padding: 0 !important;
left: 1.4em;
width: 210px
}
.foot-box01 .et_pb_row,
.foot-box01 .et_pb_section{
padding: 0 !important
}
.foot-box02{
position: absolute;
bottom: 1em
}
.foot-box01 a,
#main-footer a {
color: #000;
font-weight: 300
} .line-kunden-slide ul,
.line-kunden-slide ol{
margin-top: 1em !important
}
.line-box{
padding: 0 0 10px 0 !important
}
html .line-leistung,
html .line-about{
width: 100%;
max-width: 1200px
}
.line-leistung ul,
.line-kunden ul,
.line-kunden ol,
.line-themen ul,
.line-network ul,
.line-about ul {
list-style: disc;
list-style-position: outside;
direction: rtl;
height: 4px;
line-height: 0;
padding: 0 0 0px 0em;
width: 100%;
max-width: 1200px;
font-size: 36px !important;
color: #000;
list-style-position: inside;
text-align: right;
border-top: 1px solid #fff;
margin: 0 0 0 -0.3em
}
.line-leistung ul,
.line-kunden ol,
.line-about ul {
background-color: #EC5F44;
border-bottom: 1px solid #EC5F44;
}
.line-leistung ul li,
.line-kunden ol li,
.line-kunden ul li,
.line-themen ul li,
.line-network ul li,
.line-about ul li {
padding: 0;
margin: -2px -0.4em 0 0;
}
.line-kunden ul{
background-color: #0F89CB;
border-bottom: 1px solid #0F89CB;
}
.line-themen ul{
background-color: #00AA78;
border-bottom: 1px solid #00AA78;
}
.line-network ul{
background-color: #00AA78;
border-bottom: 1px solid #00AA78;
} html #main-header.et-fixed-header {
box-shadow: none !important;
background-color: #fff !important;
padding-bottom: 1.8em;
} .start-row01,
.start-row02,
.start-row03{
padding: 0 !important
}
#second{
}
.first {
visibility: hidden;
height: 0px !important;
position: absolute;
margin-top: 0;
}
.second {
visibility: hidden;
height: 0px !important;
position: absolute;
margin-top: 0;
}
.third {
visibility: hidden;
height: 0px !important;
position: absolute;
margin-top: 0;
}
.start-row01-cont,
.start-row02-cont,
.start-row03-cont{
height: 100vh;
width: 100%
}
.start-wrap{
padding: 0 !important
}
.start-row01-cont p,
#slider_1268_slide01 p {
position: absolute;
right: 11vh;
top: 23vh;
font-size: 2.2em;
width: 420px;
color: #333 !important;
line-height: 1.4em;
text-align: left;
letter-spacing: 3px;
text-shadow: none;
font-weight: 600;
}
.start-row01-cont h5,
#slider_1268_slide01 h5 {
position: absolute;
left: 10vh;
bottom: -76vh;
text-transform: uppercase;
font-size: 2.6em;
color: #333 !important;
text-shadow: none;
font-weight: 800;
letter-spacing: 2px;
}
#slider_1268_slide01 h5 {
bottom: 1em;
}
.start-row01-cont a,
#slider_1268_slide01 a {
position: absolute;
right: 11em;
bottom: -76vh;
font-size: 0.8em;
width: 160px;
padding: 1em;
background-color: #EC5F44;
line-height: 1.6em;
padding: 0.7em 1.4em;
border-radius: 3px;
font-weight: bold;
text-align: left;
color: #fff
}
#slider_1268_slide01 a {
bottom: 6em;
}
.start-row02-cont p,
.start-row03-cont p,
#slider_1268_slide02 p,
#slider_1268_slide03 p {
font-size: 0.9em;
color: #333 !important;
line-height: 1.4em;
text-align: left;
letter-spacing: 2px;
}
#slider_1268_slide02 p,
#slider_1268_slide03 p,
#slider_1268_slide02 h5,
#slider_1268_slide03 h5,
#slider_1268_slide02 ul,
#slider_1268_slide03 ol,
#slider_1268_slide02 h6,
#slider_1268_slide03 h6 {
max-width: 600px !important
}
.start-row02-cont{
}
.start-row02-cont h5,
#slider_1268_slide02 h5{
text-transform: uppercase;
font-size: 2.6em;
color: #0F89CB !important;
font-weight: bold;
margin: 0 0 0.8em 0;
text-shadow: none;
font-weight: 700;
}
.start-row03-cont h5,
#slider_1268_slide03 h5{
text-transform: uppercase;
font-size: 2.6em;
color: #EC5F44 !important;
font-weight: bold;
margin: 0 0 0.8em 0;
text-shadow: none;
font-weight: 700;
}
.start-row02-cont .et_pb_text_inner,
.start-row03-cont .et_pb_text_inner,
#slider_1268_slide02 .et_pb_text_inner,
#slider_1268_slide03 .et_pb_text_inner {
font-size: 1em;
width: 600px;
color: #333 !important;
line-height: 1.4em;
text-align: left;
width: 80%;
max-width: 600px
}
.start-row02-cont a,
#slider_1268_slide02 a {
position: absolute;
right: 0;
bottom: -6em;
font-size: 0.8em;
width: 140px;
padding: 1em;
background-color: #0F89CB;
line-height: 1.6em;
padding: 0.7em 1.4em;
border-radius: 3px;
font-weight: bold;
text-align: left;
color: #fff
}
#slider_1268_slide02 a {
position: relative;
bottom: -4em;
float: right;
}
.start-row03-cont a,
#slider_1268_slide03 a {
position: absolute;
right: 0;
bottom: -6em;
font-size: 0.8em;
width: 270px;
padding: 1em;
background-color: #EC5F44;
line-height: 1.6em;
padding: 0.7em 1.4em;
border-radius: 3px;
font-weight: bold;
text-align: left;
color: #fff
}
#slider_1268_slide03 a {
position: relative;
bottom: -4em;
float: right;
}
.start-row02-cont ul{
list-style: disc;
list-style-position: outside;
list-style-position: outside;
direction: rtl;
height: 4px;
line-height: 0;
padding: 0 0 0px 0em;
width: 100%;
max-width: 1200px;
font-size: 36px !important;
color: #000;
list-style-position: inside;
text-align: right;
border-top: 1px solid #fff;
margin: 0 0 0 -0.3em;
margin-top: 0px;
}
#slider_1268_slide02 ul,
#slider_1268_slide03 ol{
list-style: disc;
list-style-position: outside;
list-style-position: outside;
direction: rtl;
height: 4px;
line-height: 0;
padding: 0 0 0px 0em;
width: 100%;
max-width: 1200px;
font-size: 36px !important;
color: #000;
list-style-position: inside;
text-align: right;
border-top: 1px solid #fff;
margin: 0 0 0 -0.3em;
margin-top: 0px;
}
#slider_1268_slide02 li,
#slider_1268_slide03 li {
padding: 0;
margin: -2px -0.4em 0 0;
}
#slider_1268_slide02 ul {
background-color: #0F89CB;
border-bottom: 1px solid #0F89CB;
margin: 0.6em 0 0 0
}
#slider_1268_slide03 ol {
background-color: #EC5F44;
border-bottom: 1px solid #EC5F44;
margin: 0.6em 0 0 0
}  .et-pb-arrow-next, .et-pb-arrow-prev {
color: #ccc;
margin-top: -24px;
}
.fullslider .et_pb_slide a:hover,
.title-col h6:hover {
opacity: 0.8
}
.et_pb_slider .et_pb_slide_0{
background-position: 0 0 !important;
background-color: rgba(255,255,255,0) !important;
}
.fullslider .et_pb_slide_1 .et_pb_slide_content,
.fullslider .et_pb_slide_2 .et_pb_slide_content {
position: absolute;
left: 4.3em;
top: 21%;
font-size: 1em;
width: 600px;
color: #333 !important;
line-height: 1.4em;
text-align: left;
width: 80%;
max-width: 600px
} .fullslider .et_pb_slide_0 p {
position: absolute;
right: 0;
top: 36%;
font-size: 2.2em;
width: 420px;
color: #333 !important;
line-height: 1.4em;
text-align: left;
letter-spacing: 3px;
text-shadow: none;
font-weight: 600;
font-style: italic
}
.fullslider .et_pb_slide_0 .name {
font-size: 0.5em;
width: 420px;
color: #333 !important;
line-height: 1.4em;
text-align: left;
letter-spacing: 3px;
text-shadow: none;
font-weight: 600;
margin-top: 2.6em;
display: block;
font-style: normal !important
}
.fullslider .et_pb_slide_1 p {
font-size: 0.9em;
color: #333 !important;
line-height: 1.4em;
text-align: left;
letter-spacing: 2px;
}
.fullslider .et_pb_slide_2 p {
font-size: 0.9em;
color: #333 !important;
line-height: 1.4em;
text-align: left;
letter-spacing: 2px;
} .fullslider .et_pb_slide_0 h5{
position: absolute;
left: 0;
bottom: 2.7em;
text-transform: uppercase;
font-size: 2.6em;
color: #333 !important;
text-shadow: none;
font-weight: 800;
letter-spacing: 2px
}
.fullslider .et_pb_slide_1 h5{
text-transform: uppercase;
font-size: 2.6em;
color: #0F89CB !important;
font-weight: bold;
margin: 0 0 0.8em 0;
text-shadow: none;
font-weight: 700;
}
.fullslider .et_pb_slide_2 h5{
text-transform: uppercase;
font-size: 2.6em;
color: #EC5F44 !important;
font-weight: bold;
margin: 0 0 0.8em 0;
text-shadow: none;
font-weight: 700;
} .fullslider .et_pb_slide_0 a{
position: absolute;
right: 2em;
bottom: 8em;
font-size: 0.8em;
width: 160px;
padding: 1em;
background-color: #EC5F44;
line-height: 1.6em;
padding: 0.7em 1.4em;
border-radius: 3px;
font-weight: bold;
text-align: left;
}
.fullslider .et_pb_slide_1 a {
position: absolute;
right: 0;
bottom: -6em;
font-size: 0.8em;
width: 140px;
padding: 1em;
background-color: #0F89CB;
line-height: 1.6em;
padding: 0.7em 1.4em;
border-radius: 3px;
font-weight: bold;
text-align: left;
}
.fullslider .et_pb_slide_2 a {
position: absolute;
right: 0;
bottom: -6.1em;
font-size: 0.8em;
width: 270px;
padding: 1em;
background-color: #EC5F44;
line-height: 1.6em;
padding: 0.7em 1.4em;
border-radius: 3px;
font-weight: bold;
text-align: left;
} html .referenzen ul {
display: block;
padding: 0 0 0.2em 0;
margin-bottom: 1em;
}
.referenzen ul:nth-child(2n+1){
color: #000;
}
.referenzen ul:nth-child(2n+0){
color: #888;
}
.referenzen ul li {
display: inline-block;
margin: 0.2em 0;
line-height: 0.8em;
text-align: center;
}
.referenzen ul li::before {
content: "/ ";
font-size: 1em;
color: #000
}
.referenzen ul li:nth-child(1)::before{
content:none
}
html .et_pb_toggle_close,
html .et_pb_toggle_open {
padding: 0 20px 14px 0;
}
html .et_pb_toggle_close h5,
html .et_pb_toggle_open h5 {
font-size: 14px
}
html .et_pb_toggle_title::before {
font-size: 14px;
color: #000;
margin-top: -.5em;
}
html .et_pb_toggle .et_pb_toggle_title::before {
right: 88%;
top: 0.4em;
}
html .et_pb_toggle_open h5{
border-bottom: 1px solid #efefef;
padding-bottom: 1em !important
} html .zitate-icon{
padding: 0;
margin: 0;
position: absolute
}
.zitate-icon02 {
padding: 0;
margin: 0;
position: absolute;
right: 0;
margin-top: -18%;
z-index: -1;
}
.zitate{
padding: 2.6em 1.4em 1.4em 1.4em;
border-bottom: 1px solid #ccc;
max-width: 800px;
margin: 0 auto;
margin-bottom: 0 !important;
}
.zitate h6{
font-size: 0.8em;
margin-top: 1em
}
.zitate p{
font-size: 0.9em;
line-height: 1.8em;
font-style: italic !important
}
html .zitate-box{
margin-bottom: 3em !important;
margin-top: 0
}
.zitate-ref h6{
font-size: 0.9em;
margin: 1em 0;
padding: 1em 0 1em 0;
border-bottom: 1px solid #efefef;
margin-bottom: 1em
}
.zitate-ref p{
font-size: 0.9em;
line-height: 1.8em;
margin: 0;
padding: 0;
} .termine-icon{
padding: 0.4em
}
.termine-cont {
padding: 0 0 0 2em !important;
border-bottom: 1px solid #efefef;
padding: 1em 1em 1em 3em !important
} .cont-text{
width: 80%
}   span:nth-child(1){
}
html .et_pb_blog_item_0_0{
float: none !important;
width: 100% !important
}
html .et_pb_slider .et_pb_slide_0 {
background-position: bottom left;
}
.et_pb_slides{
display: flex !important
}
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
padding: 0;
padding-bottom: 0px;
width: auto;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
html .et-pb-controllers {
background: #fff;
bottom: 0;
padding: 1.6em 0 0.2em 0;
border-top: 1px solid #EC5F44;
height: auto
}
html .et-pb-controllers .et-pb-active-control,
html .et-pb-controllers a:hover {
background-color: #000;
}
.et-pb-controllers a {
border: 1px solid #000;
} .pgafu-post-grid-main.pgafu-design-1 .pgafu-post-grid-content{
text-align: left
}
.pgafu-post-grid-main.pgafu-design-1 .pgafu-post-grid-content .pgafu-post-date {
padding: 5px 0px !important;
}
.pgafu-post-categories {
display: none;
}
.pgafu-filter {
padding: 24px 0 32px 0 !important;
}
.pgafu-filter li a {
color: #000;
background: transparent;
border: 1px solid #ccc;
padding: 0.4em 2em;
margin: 0.6em 0.6em 0 0
}
.pgafu-filter li.pgafu-active-filtr a,.pgafu-filter li a:hover {
background: #efefef;
color: #000;
}
.pgafu-post-grid-main.pgafu-design-1 .readmorebtn {
border: 1px solid #888;
}
html .pgafu-post-grid-main h2 {
min-height: 56px;
padding-left: 0 !important
}
.row-cont-kontakt{
}
.row-cont-kontakt img{
max-width: 65%
}
.row-cont-kontakt p{
font-size: 1.6em;
line-height: 1.4em
}
.row-cont-telemail{
margin-top: 4em
}
.row-cont-telemail p{
font-size: 1.2em;
line-height: 1.4em
}
.row-cont-social{
margin-top: 5em
} html .img-logo-bot {
width: 11%;
min-width: 110px
}
.et_header_style_left .logo_container {
padding: -1px 2em 1.6em 6em;
}
html .et_header_style_left .logo_container img, #logo {
height: auto !important;
max-height: 100% !important;
}
.pea_cook_wrapper.pea_cook_bottomcenter {
bottom: 30px;
margin: 0 auto;
width: 500px;
left: 30%;
right: 30%;
background: rgba(255,255,255,0.85);
color: #000
}
html .first-row-leist {
padding-top: 11em !important;
}
html .row-design-leist {
position: absolute !important;
top: 0;
bottom: auto;
left: 50%;
right: auto;
transform: translateX(-50%);
z-index: -1;
}
.row-design-noverl-leist{
padding-left: 7em !important
}
.row-design-verl-leist{
background: rgb(212,212,212);
background: linear-gradient(29deg, rgba(212,212,212,1) 9%, rgba(238,238,238,1) 23%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 53%, rgba(238,238,238,1) 71%, rgba(212,212,212,1) 95%);
padding-left: 7em !important
}
.row-design-verl-leist p,
.row-design-noverl-leist p{
margin: 0;
padding-bottom: 0;
max-width: 70%
}
html .row-design-verl-leist .et_pb_text_inner p:nth-last-child,
html .row-design-noverl-leist .et_pb_text_inner p:nth-last-child,
html .row-design-verl-leist .et_pb_text_inner p:not(.has-background):last-of-type,
html .row-design-noverl-leist .et_pb_text_inner p:not(.has-background):last-of-type {
padding-top: 1em;
}
.row-design-verl-leist2 { background: linear-gradient(29deg, rgba(212,212,212,1) 9%, rgba(238,238,238,1) 23%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 53%, rgba(238,238,238,1) 71%, rgba(212,212,212,1) 95%);
}
.silber-verlauf {
background: linear-gradient(
29deg,
rgba(212,212,212,1) 9%,
rgba(238,238,238,1) 23%,
rgba(255,255,255,1) 38%,
rgba(255,255,255,1) 53%,
rgba(238,238,238,1) 71%,
rgba(212,212,212,1) 95%
) !important;
}
html .main-title-row {
padding: 0;
position: absolute;
width: 100%;
background: #fff;
margin-top: -3em;
padding-top: 4em;
}
.wrap-title-about{
}
html .wrap-title{
padding-bottom: 30px
} .leist-row{
height: auto
}
html .leist-row .et_pb_row {
padding: 0;
}
.title-col{
}
.title-col1{
}
.title-col2{
}  .btn-orange h6 {
position: absolute;
right: 0;
bottom: -15em;
font-size: 0.8em;
width: 140px;
padding: 1em;
background-color: #EC5F44;
line-height: 1.6em;
padding: 0.7em 1.4em;
border-radius: 3px;
font-weight: bold;
text-align: left;
}
.btn-blue,
.btn-orange2{
float: right;
margin-right: 1em
}
.btn-blue h6 {
font-size: 0.8em;
color: #fff;
width: 140px;
padding: 1em;
background-color: #0F89CB;
line-height: 1.6em;
padding: 0.7em 1.4em;
border-radius: 3px;
font-weight: bold;
text-align: left;
margin-top: 0.6em
}
.btn-orange2 h6 {
font-size: 0.8em;
color: #fff;
width: 230px;
padding: 1em;
background-color: #EC5F44;
line-height: 1.6em;
padding: 0.7em 1.4em;
border-radius: 3px;
font-weight: bold;
text-align: left;
margin-top: 0.6em
}
.btn-orange2 h6 {
font-size: 0.8em;
color: #fff;
width: 230px;
padding: 1em;
background-color: #EC5F44;
line-height: 1.6em;
padding: 0.7em 1.4em;
border-radius: 3px;
font-weight: bold;
text-align: left;
margin-top: 0.6em
}
.btn-orange3 h6 {
font-size: 0.8em;
color: #fff;
width: 150px;
padding: 1em;
background-color: #EC5F44;
line-height: 1.6em;
padding: 0.7em 1.4em;
border-radius: 3px;
font-weight: bold;
text-align: left;
margin-top: 0.6em;
float: right;
margin-right: 1em
} .btn-green2 h6 {
float: right;
font-size: 0.8em;
width: 200px;
padding: 1em;
background-color: #00AA78;
line-height: 1.6em;
padding: 0.7em 1.4em;
border-radius: 3px;
font-weight: bold;
text-align: left;
color: #fff
} html .about-cont{
padding: 5em 0 0 2em;
}
.about-cont p{
margin: 0;
font-size: 1.7em;
padding: 0 1em 1em 0;
line-height: 1.4em
}
.pic-text-row{
}
.pic-text-col{
}
.pic-text-col1{
}
.pic-text-col2{
} html .et_pb_post h1,
html .et_pb_post .post-meta {
max-width: 1080px;
}
html .post-meta {
margin: 0 0 1.8em 0 !important;
font-size: 0.9em !important
}
.et_pb_posts a.more-link {
clear: both;
display: block;
color: #000;
border: 1px solid #000;
padding: 0.3em 0.8em;
width: 114px;
text-align: center;
font-size: 0.9em;
text-decoration: none;
margin-top: 0.9em;
}
.blog .et_pb_post {
width: 33%;
padding: 1em;
display: inline-block;
}
.blog .et_pb_post p {
font-size: 0.9em;
line-height: 1.6em
}
.blog .et_pb_post h2 {
font-size: 1.5em;
letter-spacing: 0px;
font-weight: 200;
margin-bottom: 0.3em;
padding: 0;
min-height: 44px
} html .cont-kontakt p{
font-size: 1.4em;
margin-bottom: 1em
}
html .cont-imp p{
font-size: 1em;
margin-bottom: 1em
}
html .cont-imp h1{
line-height: 1.7em
}
html .cont-kontakt-mailtele {
margin: 4em 0 3em 0;
margin-bottom: 3em;
padding: 2em 0;
} html #top-menu { }
html #et_mobile_nav_menu {  }
html .et_mobile_menu {
position: fixed;
left: 0;
padding: 20% 5% 0 5%;
background: linear-gradient(29deg, rgba(212,212,212,1) 9%, rgba(238,238,238,1) 23%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 53%, rgba(238,238,238,1) 71%, rgba(212,212,212,1) 95%);
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
border-top: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
top: 0;
height: 100%;
text-align: center;
list-style: none
}
html .et_mobile_menu li a, .nav li li a {
font-size: 2.3em;
font-weight: 700;
line-height: 0.8em;
border: none;
text-transform: uppercase;
color: #000
}
html .current-menu-item,
html .current-menu-item a,
html .et_mobile_menu li a:hover,
html .nav ul li a:hover {
background-color: transparent;
opacity: 1 !important;
color: #2EA3F2 !important
}
.mobile_menu_bar::before {
content: 'a';
cursor: pointer;
color: transparent !important;
font-size: 30px !important;
z-index: 9999999999999 !important
}
.closed .mobile_menu_bar {
cursor: pointer;
border-bottom: 4px dotted #000;
color: transparent;
padding-bottom: 0 !important;
margin-top: -1.2em;
z-index: 9999999999999 !important;
right: 0;
}
.opened .mobile_menu_bar {
cursor: pointer;
border-bottom: 4px dotted transparent;
color: transparent;
padding-bottom: 0 !important;
z-index: 9999999999999 !important;
}
.opened .mobile_menu_bar::before {
content:"M";
color: #000 !important;
font-size: 30px !important;
}
.closed .mobile_menu_bar:hover {
border-bottom: 4px dotted #2ea3f2 !important;
}
.et_pb_menu .et_pb_menu__menu { }
.menu-onepage .et_pb_menu .et_pb_menu__menu {
display: block !important;
}
.opened .et_mobile_menu::before {
content: "a" !important;
font-size: 30px !important;
color: transparent !important;
background-image: url(http://ocsite2021.claudiadavid.de/wp-content/uploads/2021/07/oclogo2.png);
background-repeat: no-repeat !important;
background-size: contain !important;
width: 170px !important;
height: 90px !important;
z-index: 999999999999999999 !important;
position: absolute;
top: 2.6em;
left: 10%;
}
.et_mobile_nav_menu {
display: block;
width: 2em;
position: absolute;
right: 0 !important;
top: 0
}
#et_mobile_nav_menu::before {
content: "MENU";
font-size: 0.9em;
font-weight: normal;
position: absolute;
z-index: 9;
margin: 0.4em 0 0 -3.9em !important;
z-index: 9999999999999 !important
} #divi-sticky-header {
top: 0;
width: 100%;
max-width: 100%;
z-index: 99 !important;
background: #fff;
padding: 0 0 2em 0 !important;
}
#divi-sticky-header .et_pb_row {
max-width: 1290px;
} .wpml-ls-legacy-list-horizontal {
position: absolute;
right: 2.4em;
}
.wpml-switch{
}
html .wpml-ls-legacy-list-horizontal a {
padding: 5px 2px !important;
color: #000;
font-size: 0.9em
}
html .wpml-ls-current-language .wpml-ls-native{ border-top: 1px solid #000
}
html .wpml-ls-native:hover{ border-top: 1px solid #000
}
html .wpml-ls-native{ border-top: 1px solid transparent
}
html .wpml-ls-item{
display: none
}
html .pea_cook_wrapper{
margin: 0 !important;
width: 50% !important;
border: 1px solid #ccc;
background: #fff !important;
border-radius: 0 !important;
left: 25% !important;
right: 25% !important;
bottom: 6em !important
}
button.pea_cook_btn {
border-radius: 2px !important;
display: block;
margin: 0 auto !important;
margin-top: 1em !important;
margin-bottom: 1em !important;
} .cli-style-v2 .cli-bar-message {
width: 100%;
text-align: center;
font-size: 13px;
}
html .cli-style-v2 .cli-bar-message {
width: 100%;
text-align: center;
font-size: 13px;
}
html .cli-bar-container {
float: none;
margin: 0 auto;
display: block !important;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
bottom: 2em
}
html .cli-bar-btn_container{
display: block !important;
margin-top: 1em;
margin-left: 0
}
html #cookie-law-info-bar {
font-size: 13px;
margin: 0 auto;
padding: 12px 10px;
position: absolute;
text-align: center;
box-sizing: border-box;
width: 100%;
z-index: 9999;
box-shadow: rgba(0,0,0,.5) 0px 5px 50px;
display: none;
left: 0px;
font-weight: 300;
box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3);
max-width: 500px;
background-color: rgba(255, 255, 255, 0.8) !important;
left: 0;
right: 0;
}
html .cli-tab-container .cli-row {
text-align: center;
}
html .cli-tab-footer {
text-align: center;
}
html .cli-tab-footer .wt-cli-privacy-accept-btn {
background-color: #efefef;
color: #000;
}
@media only screen and (min-width: 981px) {
#main-header.et-fixed-header,
html #main-header.et-fixed-header {
position: fixed;
}
}
@media all and (max-width: 1345px) {
html #breadcrumbs {
margin-left: 10%
}
}
@media all and (max-width: 1200px) {
html .et_pb_toggle .et_pb_toggle_title::before {
right: 84%;
}
html .first-row-leist {
padding-top: 14em !important;
} }
@media all and (max-width: 1030px) {
.fullslider .et_pb_slide_0 p {
right: -2em;
letter-spacing: 2px;
}
}
@media all and (max-width: 980px) {
.closed .mobile_menu_bar {
cursor: pointer;
border-bottom: 4px dotted #000;
color: transparent;
padding-bottom: 0 !important;
margin-top: -7.2em;
z-index: 9999999999999 !important;
right: -2.6em;
}
.et_pb_menu .et_pb_menu__menu ul li{
display: none !important;
}
#menu-item-wpml-ls-54-de, #menu-item-wpml-ls-54-en{
display: block !important;
position: absolute
}
#menu-item-wpml-ls-54-de{
right: 2.4em;
top: -6em
}
#menu-item-wpml-ls-54-en{
right: 0;
top: -6em
}
.et_pb_menu .et_mobile_menu {
position: fixed;
background: #fff;
height: 100vh;
top: 0;
bottom:auto;
text-align: center;
padding: 50% 0;
z-index: 99999;
left: 0;
padding: 32% 5%;
background: linear-gradient(29deg, rgba(212,212,212,1) 9%, rgba(238,238,238,1) 23%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 53%, rgba(238,238,238,1) 71%, rgba(212,212,212,1) 95%);
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
border-top: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
top: 0;
height: 100%;
text-align: center;
list-style: none;
height: 100vh !important;
bottom: 0
}
html .et_pb_toggle .et_pb_toggle_title::before {
right: 84%;
}
.pic-text-row{
background-size: contain;
}
html .pic-text-col{
width: 50%
}
html .leist-row .et_pb_column{
width: 29.6667%;
margin-right: 5.5%
} .et_pb_row {
background-size: cover;
}
#divi-sticky-header .logo-col {
}
.logo-col,
.menu-col{
width: 50% !important;
margin-bottom: 0 !important;
padding: 0 !important;
}
.title-row{
}
.title-row-col1{
width: 90% !important
}
html .row-design-leist {
height: 19.3em;
}
}
@media all and (max-width: 900px) {
html .et_pb_toggle .et_pb_toggle_title::before {
right: 82%;
}
html .et_mobile_menu {
padding: 44% 5% 0 5%;
}
.fullslider .et_pb_slide_0{
background-color: rgba(255,255,255,0.50) !important;
}
.fullslider .et_pb_slide_0 p {
right: 0;
top: auto;
font-size: 2.1em;
width: 80%;
left: 12% !important;
bottom: 7.6em !important;
line-height: 1.2em
}
.fullslider .et_pb_slide_0 a {
position: fixed;
bottom: 15.6em !important;
font-size: 0.7em !important;
width: 142px !important;
padding: 1em;
background-color: #EC5F44;
line-height: 1.6em;
padding: 0.7em 1.4em;
border-radius: 3px;
font-weight: bold;
text-align: left;
left: 12%;
}
.fullslider .et_pb_slide_0 h5 {
position: fixed;
left: 12%;
bottom: 2.8em !important;
text-transform: uppercase;
font-size: 2.2em;
color: #333 !important;
text-shadow: none;
font-weight: 800;
letter-spacing: 2px;
}
}
@media all and (max-width: 860px) { }
@media all and (max-width: 800px) {
html .et_pb_toggle .et_pb_toggle_title::before {
right: 80%;
}
.title-row{
margin-top: 2em;
padding-bottom: 2em
}
.title-col{
margin-bottom: 10px
}
.title-col h1{
font-size: 2.5em;
line-height: 1.2em
}
.title-col1{
width: 90%
}
.title-col2{
width: 90%
}
.blog .et_pb_post {
width: 46%;
}
html .wrap-title{
padding-top: 0
}
}
@media all and (max-width: 770px) { .fullslider .et_pb_slide_0 p {
bottom: 7.7em !important;
}
.fullslider .et_pb_slide_0 h5 {
position: fixed;
left: 12%;
bottom: 2.8em !important;
}
}
@media all and (max-width: 720px) {
html .et_pb_toggle .et_pb_toggle_title::before {
right: 76%;
}
.et_pb_menu .et_mobile_menu {
padding: 50% 5%;
height: 100vh !important
}
.cont-text{
width: 100%
}
.blog .et_pb_post {
width: 100%;
}
.fullslider .et_pb_slide_1 h5,
.fullslider .et_pb_slide_2 h5 {
font-size: 2.2em;
} }
@media all and (max-width: 600px) {
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
right: 2.6em;
}
html .row-design-leist {
height: 25em;
}
html .leist-row .et_pb_column{
width: 100%;
margin-right: 0
} html .referenzen ul {
padding: 0 0 1em 0;
}
.row-design-noverl-leist,
.row-design-verl-leist {
padding-left: 0.5em !important;
}
html .et_pb_toggle .et_pb_toggle_title::before {
right: 76%;
}
html .pic-text-col {
width: 100% !important;
height: 240px;
} html .wrap-title{
padding-top: 0
}
.wrap-pic-text-row{
}
html .title-row-about{
padding-top: 0
}
.pic-text-row{
background-position: -5em -5em;
padding: 0
}
html .member-cont{
padding: 1em 2em 0 2em !important;
}
.member-cont p {
margin: 0;
padding: 0.5em;
background: #fff;
}
.about-cont p {
margin: 0;
}
html .about-cont .et_pb_row_0 {
height: 286px;
}
html .about-cont{
padding: 4em 2em 0 2em !important;
}
.about-cont p{
font-size: 1.2em !important; }
.about-row{
background-position: -6.3em 0em !important;
}
.et_pb_row {
width: 88%;
max-width: 1080px;
margin: auto;
position: relative;
}
.row-cont-kontakt{
padding: 0
}
.row-cont-kontakt p {
margin-bottom: 0;
max-width: 90%
}
.row-cont-kontakt img{
max-width: 100%
}
html .et-pb-controllers {
background: #fff;
bottom: 0;
padding: 1.3em 0 2.3em 0;
border-top: 1px solid #EC5F44;
height: auto;
position: fixed
}
html .foot-box01 {
left: auto;
width: 100%;
right: auto;
text-align: center;
font-size: 0.75em
}
html .foot-box01 .et_pb_row {
width: 36%;
}
html .foot-box01 .et_pb_text_0.et_pb_text{
text-align: center
}  .fullslider .et_pb_slide_1 .et_pb_slide_content, .fullslider .et_pb_slide_2 .et_pb_slide_content {
position: absolute;
left: 4.3em;
top: 21%;
font-size: 1em;
width: 600px;
color: #333 !important;
line-height: 1.4em;
text-align: left;
width: 80%;
max-width: 600px;
}
.fullslider .et_pb_slide_1 a {
position: relative;
right: 0;
bottom: -3em;
font-size: 0.8em;
width: 140px;
padding: 1em;
background-color: #0F89CB;
line-height: 1.6em;
padding: 0.7em 1.4em;
border-radius: 3px;
font-weight: bold;
text-align: left;
display: block;
float: right;
}
.leist-button-row{
}
.leist-button-row .title-col2{
width: 80%
}
.leist-button-row .btn-orange2{
}
html .first-row-leist {
padding-top: 12em !important;
}
} @media only screen and (min-width: 600px) {
}
@media all and (max-width: 500px) {
.first-row{
padding-top: 8em
}
.line-leistung {
margin-top: 0 !important;
}
html .et_pb_toggle .et_pb_toggle_title::before {
right: 72%;
}
html .main-title-row { max-height: 100vh;
}  html .et_pb_slider .et_pb_slide_1 {
background-position: top center;
} .fullslider .et_pb_slide_1 h5,
.fullslider .et_pb_slide_2 h5 {
font-size: 2.2em;
} .fullslider .et_pb_slide_1 .et_pb_slide_content,
.fullslider .et_pb_slide_2 .et_pb_slide_content{
position: absolute;
left: 1.8em;
top: 6.6em;
font-size: 1em;
line-height: 1.4em;
text-align: left;
max-width: 600px;
padding: 0 6% 10em 6% !important;
}
.fullslider .et_pb_slide_1 .et_pb_slide_content {
width: 84%;
overflow-y: scroll !important;
overflow-x: hidden;
height: 44vh !important;
}
.fullslider .et_pb_slide_2 .et_pb_slide_content {
width: 92%;
overflow-y: scroll !important;
overflow-x: hidden;
height: 45vh !important;
} .fullslider .et_pb_slide_1 a, .fullslider .et_pb_slide_2 a {
position: fixed;
right: 0;
bottom: 9em;
left: 10%;
}
.fullslider .et_pb_slide_1 a,
.fullslider .et_pb_slide_2 a {
width: 80%;
}
.fullslider .et_pb_slide_1 a {
text-align: center
} .fullslider .et_pb_slide_1 h6 {
width: 100%;
bottom: 7em;
position: fixed;
height: 120px;
z-index: 0;
left: 0;
right: 0;
}
.fullslider .et_pb_slide {
padding: 0;
}
.line-kunden-start ul, .line-kunden-start ol{
position: fixed;
z-index: 1;
width: 80%;
left: 12%;
}
.line-kunden-start ul{
bottom: 4.4em;
}
.line-kunden-start ol{
bottom: 4.8em;
}
}
@media all and (max-width: 400px) {
html .et_pb_toggle .et_pb_toggle_title::before {
right: 58%;
}
h1{
font-size: 3em !important
}
h2{
font-size: 1.8em
} .owl-carousel .owl-item{
height: 110vh
}
#slider_1268_slide01,
#slider_1268_slide02,
#slider_1268_slide03{
height: 100%
}
html .about-cont,
html .member-cont{
padding: 0.5em 2em 0 2em !important;
}
}  @media (min-width: 981px) {
#top-menu-nav, #top-menu,
.et_pb_menu .et_pb_menu__menu {
display: block !important;
}
#et_mobile_nav_menu,
.et_mobile_nav_menu,
.mobile_menu_bar,
.et_mobile_menu {
display: none !important;
}
} @media (max-width: 980px) {
#top-menu-nav, #top-menu,
.et_pb_menu .et_pb_menu__menu {
display: none !important;
}
#et_mobile_nav_menu,
.et_mobile_nav_menu {
display: block !important;
}
}
@media (max-width: 980px) { .closed .mobile_menu_bar {
border-bottom: none !important;
margin-top: 0 !important;
right: 0 !important;
}
.closed .mobile_menu_bar::before {
content: "⋯" !important; color: #000 !important;
font-size: 30px !important;
letter-spacing: 2px;
}
}
@media (max-width: 980px) {
.closed .mobile_menu_bar:hover {
border-bottom: none !important;
}
}
.wpml-ls-legacy-list-horizontal  {
padding:0;
}
@media (max-width: 980px) {
.closed .mobile_menu_bar::before {
content: "☰" !important;
color: #000 !important;
font-size: 28px !important;
line-height: 1;
}
}
@media (max-width: 980px) {
#et_mobile_nav_menu::before {
content: "" !important; }
}