/* istok-web-regular - latin */
@font-face {
    font-family: 'Istok Web';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/istok-web-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/istok-web-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/istok-web-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/istok-web-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/istok-web-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/istok-web-v20-latin-regular.svg#IstokWeb') format('svg'); /* Legacy iOS */
}
/* istok-web-700 - latin */
@font-face {
    font-family: 'Istok Web';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/istok-web-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/istok-web-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/istok-web-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/istok-web-v20-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/istok-web-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/istok-web-v20-latin-700.svg#IstokWeb') format('svg'); /* Legacy iOS */
}




/*** fonts
@import url(https://fonts.googleapis.com/css?family=Istok+Web:400,700);
**/

body {
    font-family: 'Istok', sans-serif;
}


p {
    font-size: 14px;
}

blockquote p {
    font-size: 18px;
}

/*** login ***/
.login h1 a {
    background-image: url('https://hh-springclean.de/wp-content/uploads/wwwland_logo.png');
}


body.login {
    background-color: #fff !important;
    background-image: none;
}


body.login p {
    text-shadow: none;
    font-family: sans-serif;
}

/*** Streifen oben ***/

.streifen {
    background-color: #2d2d2d;
    font-size: 24px;
    line-height: 36px;
}

.streifen a:hover {
    text-decoration: none;
}

.streifen a.mail  {
    color: #fff;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.streifen a.fa {
    font-size: 34px;
    color: #fff;
    position: relative;
    top: 8px;
    left: -10px;
}

.streifen a.phone  {
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*** logo ***/
a.logo img {
    margin-top: -10px;
    margin-bottom: 0;
}
#logo-container {
    padding-bottom: 20px;
}


/*** Navigation ***/

#logo-container h1 {
    margin-bottom: 0;
}

.ultimatum-menu-container {
    height: 120px;
    line-height: 120px;
    white-space: nowrap;
    padding-top: 60px;
}

.ultimatum-menu-container a {
    font-family: 'Istok', sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #263134;
    text-transform: uppercase;
    letter-spacing: 1px;
    vertical-align: middle;
    display: inline-block;
}

a {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

a:hover {
    text-decoration: none;
    color: #b6d5e5;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.current_page_item a {
 /*   background-color: #66b6d7; */
    color: #e01010;
}


/*** Mobile Nav ***/
i.fa {
    font-size: 30px;
    text-align: center;

}


@media (max-width : 1148px) {
    #logo-container img {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width : 767px) {
    .textwidget {
        text-align: center;
    }
}

.ultimatum-responsive-menu {
    margin-top: -20px;
}


/*** Slider ***/

#slider .vc_column_container > .vc_column-inner {
    padding-right: 0 !important;
}

.wpb_content_element {
    margin-bottom: 0;
}

.wpb_revslider_element {

    background-color: #f2f2f2;
}

.bodywrapper {
    background-color: #f2f2f2;

}

/*** Blöcke ***/

.box h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

.box p {
    color: #fff;
    padding-left: 20px;
    padding-right: 18px;
    padding-top: 10px;
    font-size: 14px;
}

.box a {
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 20px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 20px;
}

.box a:hover {
    color: #fff;
}

.box .dunkel p, .box .dunkel h1, .box .dunkel a {
    color: #2d2d2d;
}

/*** zentrieren ***/

/*** Footer ***/

.footwrapper {
    background-color: #d7d7d7;
    /*    border-top: 1px solid #f8f;*/

    -moz-box-shadow:    inset  0  8px 8px -8px #696868,
    inset  0 -8px 8px -8px #696868;
    -webkit-box-shadow: inset  0  8px 8px -8px #696868,
    inset  0 -8px 8px -8px #696868;
    box-shadow:        inset  0  8px 8px -8px #696868,
    inset  0 -8px 8px -8px #696868;
}

.footwrapper p {
    text-align: center;
    color: #504d4d;
    padding-top: 20px;
    padding-bottom: 10px;
}