@font-face{
font-family: 'acre-medium';
src: url(https://planungsbuero-kellner.de/fonts/acre-medium-webfont.eot);
src: url(https://planungsbuero-kellner.de/fonts/acre-medium-webfont.eot?#iefix) format('embedded-opentype'),
url(https://planungsbuero-kellner.de/fonts/acre-medium-webfont.woff) format('woff'),
url(https://planungsbuero-kellner.de/fonts/acre-medium-webfont.ttf) format('truetype'),
url(https://planungsbuero-kellner.de/fonts/acre-medium-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
}
h1, h6{
font-family:"acre-medium", sans-serif;
color: #000;
letter-spacing: 0.5px;
line-height: 24px;
}
body{
font-family:"acre-medium", sans-serif;
color: #000;
letter-spacing: 0.5px;
line-height: 24px;
font-size: 14px;
}
a{
color: #27348b;
}
h5{
font-family: "acre-medium", sans-serif;
color: #27348b;
letter-spacing: 2px;
font-size: 28px;
}
h4{
font-family:"acre-medium", sans-serif;
color: #27348b;
letter-spacing: 2px;
font-size: 17px;
}
h3{
font-family:"acre-medium", sans-serif;
color: #000;
font-size: 18px;
letter-spacing: 1px;
line-height: 28px;
}
h2{
font-family:"acre-medium", sans-serif;
font-size: 28px;
letter-spacing: 2px;
color: #27348b;
line-height: 38px;
}
.ddsmoothmenuh ul li a{
color: #27348b !important;
}
.ddsmoothmenuh ul li a:hover{
color: #27348b !important;
border-bottom: 1px solid #27348b !important;
text-decoration: none !important;
}
a:hover{
color: #fff !important;
text-decoration: underline !important;
}
.kontakt a{
color: #fff;
}
.kontakt a:hover{
color: #fed633 !important;
} header.headwrapper{
margin-bottom: -35px;
}
div#col-1-1 {
height: 105px;
position: fixed;
z-index: 9999;
background-color: #fff;
}
div#logo-container{
position: relative;
top: -9px;
left: 100px;
max-width: 170px;
z-index: 9;
}
h3.p1{
font-size: 16px !important;
padding-top: 4px !important;
}
div#container-1{
width: 100%;
}
.border{
border-bottom: 3px solid #27348b;
padding-bottom: 2px;
}
.tp-bullets.uranus.horizontal.nav-pos-hor-right.nav-pos-ver-bottom.nav-dir-horizontal{
transform: matrix(1, 0, 0, 1, -498, -21) !important;
z-index: 9999999 !important;
}
#rev_slider_1_1 .uranus .tp-bullet.selected, #rev_slider_1_1 .uranus .tp-bullet:hover{
box-shadow: 0 0 0 2px rgb(39, 52, 139);
}
#rev_slider_1_1 .uranus .tp-bullet.selected .tp-bullet-inner{
background-color: rgba(255, 255, 255, 0);
}
#rev_slider_1_1 .uranus .tp-bullet-inner{
background-color: rgb(39, 52, 139);
}
ul.sub-menu{
margin-top: 15px;
}
.responsive-menu-subarrow{
color: #27348b !important;
border-left: 0px solid #212121 !important;
background-color: #ffffff !important;
} body{
overflow-x: hidden;
background-color: #fafafa;
} .ultimatum-nav{
font-family:"acre-medium", sans-serif;
position: absolute;
max-width: 100%;
top: 50px;
right: 100px;
}
.ddsmoothmenuh ul li a{
padding: 8px 18px;
font-family:"acre-medium", sans-serif !important;
font-size: 17px;
}
.ddsmoothmenuh{
width: 105% !important;
}
a.responsive-menu-item-link{
text-transform: uppercase !important;
}
ul.sub-menu{
background-color: #fafafa !important;
margin-left: 13px !important;
}
.borderbottom{
border-bottom: 1px solid #27348b;
padding-bottom: 30px;
width: 92%
}
.strichegross{
border-top: 1px solid #27348b;
border-bottom: 1px solid #27348b;
padding-top: 1px;
height: 49px;
max-width: 400px;
margin-left: auto !important;
margin-right: auto !important;
}
#verschieben{
transform: translateX(35px);
}
#nachlinks{
transform: translateX(-168px);
}
.hellblau{
background-color: #dfe8f8;
background-repeat: no-repeat;
background-position: center top;
padding-top: 80px;
margin-top: -50px;
z-index: -1;
}
.start-hintergrund-hellblau p{
border-top: solid 1px #27348b;
border-bottom: solid 1px #27348b;
padding: 10px 0px;
font-size: 14px;
text-transform: uppercase;
line-height: 20px;
letter-spacing: 1px;
}
.text-auf-linie{
margin-bottom: 0px;
position: relative;
}
.text-auf-linie p:hover{
color: white;
}
.text-auf-linie p::before{
content: '';
position: absolute;
bottom: 0px;
left: 0px;
background-color: #27348b;
width: 100%;
height: 0px;
color: #27348b;
transition: all 0.5s ease;
}
.text-auf-linie p:hover::before{
height: 100%;
color: white;
z-index: -1;
}
.text-auf-line a:hover{
color: #fff !important;
}
@media only screen and (min-width: 767px){
.linksbuendig{
transform: translateX(-85px);
}
}
.link a{
color: #27348b !important;
}
.link a:hover{
color: #27348b !important;
} div#container-7{
width: 100%;
}
div#col-7-1{
position: sticky;
left: -350px;
top: 16px;
}
ul#menu-navigation-1{
position: relative;
float: left;
top: -25px;
left: 0px;
} footer.footwrapper{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/06/Footerkarte.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 40px 0px;
} .gelbschwarz.wpb_column.vc_column_container.vc_col-sm-4.vc_col-has-fill{
padding-left: 20px;
transform: translateX(8px);
}
.gelberbalken{
left: -109px;
}
.gelberbalkentext{
margin-top: -29px;
padding-left: 55px;
}
.text1{
padding-left: 105px;
padding-right: 70px;
}
.vc_column-inner.vc_custom_1499069249479{
margin-left: -63px;
}
.vc_column-inner.vc_custom_1499070694833{
width: 150%;
}
.vc_column-inner.vc_custom_1499936005182{
margin-top: -105px !important;
} .blau{
width: 250px;
position: relative;
z-index: 99;
margin-top: -87px !important;
margin-left: 15px !important;
padding-top: 8px !important;
padding-bottom: 11px !important;
background-color: rgba(255, 255, 255, 0.7) !important;
}
.ult-ih-info{
background-color: rgba(39, 52, 139, 0.75) !important;
} .wpb_text_column.wpb_content_element.vc_custom_1499934269011.telefon{
position: absolute;
top: -35px;
left: 100%;
width: 1200px;
height: 50px;
padding-left: 30px;
padding-top: 8px;
margin-left: -37px;
}
.gelbschwarz .wpb_wrapper{
position: relative;
}
.vc_custom_1499349960121{
background-position: left !important;
}
.ultb3-btn{
border: 0px solid #27348b !important;
background-color: #27348b !important;
color: #fff !important;
top: 115px !important;
width: 58.5 !important;
left: 5px !important;
margin-left: auto !important;
margin-right: auto !important;
}
h3.p1{
font-size: 20px;
margin-top: 6px;
margin-left: 22px;
} .vc_btn3.vc_btn3-color-blue, .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat{
width: 270px !important;
background-color: #27348b !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}
.vc_btn3.vc_btn3-color-blue:hover{
width: 270px !important;
color: #fff !important;
background-color: #4a58b5 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
} .wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea{
max-width: 100% !important;
width: 100% !important;
} 
label{
width: 100%;
}  .manuel{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Manuel.jpg);
background-repeat: no-repeat;
background-size: contain;
width: 60%;
margin: auto auto;
transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
}
.manuel:hover{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Manuel-hover.jpg);
}
.christian{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Christian.jpg);
background-repeat: no-repeat;
background-size: contain;
width: 60%;
margin: auto auto;
transition: .25s ease-in-out;
}
.christian:hover{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Christian-hover.jpg);
}
.peter{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Peter.jpg);
background-repeat: no-repeat;
background-size: contain;
width: 60%;
margin: auto auto;
transition: .25s ease-in-out;
}
.peter:hover{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Peter-hover.jpg);
}
.peter{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Peter.jpg);
background-repeat: no-repeat;
background-size: contain;
width: 60%;
margin: auto auto;
transition: .25s ease-in-out;
}
.peter:hover{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Peter-hover.jpg);
}
.michael{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Micha.jpg);
background-repeat: no-repeat;
background-size: contain;
width: 60%;
margin: auto auto;
transition: .25s ease-in-out;
}
.michael:hover{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Micha-hover.jpg);
}
.manuela{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Manuela.jpg);
background-repeat: no-repeat;
background-size: contain;
width: 60%;
margin: auto auto;
transition: .25s ease-in-out;
}
.manuela:hover{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Manuela-hover.jpg);
}
.sandro{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Sandro.jpg);
background-repeat: no-repeat;
background-size: contain;
width: 60%;
margin: auto auto;
transition: .25s ease-in-out;
}
.sandro:hover{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Sandro-hover.jpg);
}
.cynthia{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2018/10/Cynthia.jpg);
background-repeat: no-repeat;
background-size: contain;
width: 60%;
margin: auto auto;
transition: .25s ease-in-out;
}
.cynthia:hover{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2018/10/Cynthia-hover.jpg);
}
.frank{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Frank.jpg);
background-repeat: no-repeat;
background-size: contain;
width: 60%;
margin: auto auto;
transition: .25s ease-in-out;
}
.frank:hover{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Frank-hover.jpg);
}
.mia{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Mia.jpg);
background-repeat: no-repeat;
background-size: contain;
width: 60%;
margin: auto auto;
transition: .25s ease-in-out;
}
.mia:hover{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Mia-hover.jpg);
}
.sandra{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Sandra.jpg);
background-repeat: no-repeat;
background-size: contain;
width: 60%;
margin: auto auto;
transition: .25s ease-in-out;
}
.sandra:hover{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Sandra-hover.jpg);
}
.annika{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Annika.jpg);
background-repeat: no-repeat;
background-size: contain;
width: 60%;
margin: auto auto;
transition: .25s ease-in-out;
}
.annika:hover{
background-image: url(https://planungsbuero-kellner.de/wp-content/uploads/2017/12/Annika-hover.jpg);
} @media only screen and (max-width: 1350px){
.ddsmoothmenuh ul li a{
font-size: 14px;
}
}
@media screen and (max-width: 1320px){
div#logo-container{
left: 20px;
}
}
@media screen and (max-width: 1199px){
.wpb_text_column.wpb_content_element.vc_custom_1499934269011.telefon{
display: none !important;
}
#nachlinks{
transform: translateX(0px);
}
.ult-ih-image-block{
width: 230px !important;
height: 230px !important;
}
.blau{
width: 230px !important;
margin-top: -106px !important;
}
.ult-ih-item.ult-ih-effect13.ult-ih-right_to_left.ult-ih-square{
width: 230px !important;
height: 230px !important;
}
}
@media screen and (max-width: 991px){
div#col-1-1{  
height: 0px;
position: relative;
z-index: 9999;
background-color: #fff;
margin-bottom: -30px;
}
.ult-ih-image-block{
width: 180px !important;
height: 180px !important;
}
.blau{
width: 180px !important;
margin-top: -157px !important;
}
.ult-ih-item.ult-ih-effect13.ult-ih-right_to_left.ult-ih-square{
width: 180px !important;
height: 180px !important;
}
.link{
font-size: 14px !important;
}
.tp-bullets {
display: none !important;
}
}
@media screen and (max-width: 767px){
.blau{
width: 210px !important;
margin-top: -130px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.ult-ih-item.ult-ih-effect13.ult-ih-right_to_left.ult-ih-square{
width: 210px !important;
height: 210px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.ult-ih-image-block{
width: 210px !important;
height: 210px !important;
}
#verschieben{
transform: translateX(0px) !important;
}
.striche{
top: 0px !important;
}
}
div#if_widget1512396832 a:hover, div#if_widget1512398086 a:hover, div#if_widget1512398249 a:hover{
color: #27348b !important;
}