@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-family: "Roboto", sans-serif;
}

#page.it {
    background-color: unset;
}

#page.it .header-post-title-container,
#main {
    background-color: white;
}

#page.it #header-text-nav-container {
    border: 1px solid #D8BC73;
}
#page.it #site-navigation .menu {

}
@media screen and (min-width: 769px) {
    #page.it #site-navigation .menu {
        margin: 0;
        background: #ffffff69;
        padding: 10px 0 1px;
        border: 1px solid #d8bc73;
        text-align: center;
    }
    #page.it #site-navigation ul.nav-menu {
        display: inline-block;
        margin: 0;
    }

    #page #site-navigation ul.nav-menu {
        margin: 0;
    }
}

#page.it #header-right-section {
    float: none;
}
#page.it #site-navigation {
    padding: 0;
    float: none;
}

#page.it #site-navigation a {
    font-family: "Trebuchet MS";
    text-transform: uppercase;
}

img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}

#site-title,
#site-description {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
}

body.custom-background {
    background-image: url("https://www.cibdai.de/wp-content/uploads/2018/02/back1.jpg");
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

blockquote {
    border-left: 3px solid #967c07;
}

.spacious-button,
button[type="button"],
button[type="submit"],
button {
    background-color: #967c07;
    padding: 10px 30px;
}

button[type="reset"] {
    background-color: #D8BC73;
    color: #4a4a4a;
}
button[type="reset"]:hover {
    color: #D8BC73;
}

.previous a:hover, .next a:hover {
    color: #967c07;
}

a {
    color: #967c07;
}

#site-title a:hover {
    color: #967c07;
}
.main-navigation li a {
    font-family: 'Lato', sans-serif;
}
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a {
    color: #967c07;
}

.main-navigation ul li ul {
    border-top: 1px solid #967c07;
}

.main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover {
    color: #967c07;
}

.site-header .menu-toggle:hover.entry-meta a.read-more:hover, #featured-slider .slider-read-more-button:hover, .call-to-action-button:hover, .entry-meta .read-more-link:hover, .spacious-button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
    background: #644a00;
}

.main-small-navigation li:hover {
    background: #967c07;
}

.main-small-navigation ul > .current_page_item, .main-small-navigation ul > .current-menu-item {
    background: #967c07;
}

.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a {
    color: #996107; /*#967c07;*/
    text-decoration: none;
}

.small-menu a:hover, .small-menu ul li.current-menu-item a, .small-menu ul li.current_page_ancestor a, .small-menu ul li.current-menu-ancestor a, .small-menu ul li.current_page_item a, .small-menu ul li:hover > a {
    color: #967c07;
}

#featured-slider .slider-read-more-button {
    background-color: #967c07;
}

#controllers a:hover, #controllers a.active {
    background-color: #967c07;
    color: #967c07;
}

.widget_service_block a.more-link:hover,
.widget_featured_single_post a.read-more:hover,
#secondary a:hover,
logged-in-as:hover a,
.single-page p a:hover {
    color: #644a00;
}

.breadcrumb a:hover {
    color: #967c07;
}

.tg-one-half .widget-title a:hover, .tg-one-third .widget-title a:hover, .tg-one-fourth .widget-title a:hover {
    color: #967c07;
}

.pagination span, .site-header .menu-toggle:hover {
    background-color: #967c07;
}

.pagination a span:hover {
    color: #967c07;
    border-color: #967c07;
}

.widget_testimonial .testimonial-post {
    border-color: #967c07 #EAEAEA #EAEAEA #EAEAEA;
}

.call-to-action-content-wrapper {
    border-color: #EAEAEA #EAEAEA #EAEAEA #967c07;
}

.call-to-action-button {
    background-color: #967c07;
}

#content .comments-area a.comment-permalink:hover {
    color: #967c07;
}

.comments-area .comment-author-link a:hover {
    color: #967c07;
}

.comments-area .comment-author-link span {
    background-color: #967c07;
}

.comment .comment-reply-link:hover {
    color: #967c07;
}

.nav-previous a:hover, .nav-next a:hover {
    color: #967c07;
}

#wp-calendar #today {
    color: #967c07;
}
h3.widget-title {
    margin: 0;
}

.widget-title span {
    border-bottom: 2px solid #996107; /*#967c07*/
}

.footer-widgets-area a:hover {
    color: #967c07 !important;
}

.footer-socket-wrapper .copyright a:hover {
    color: #967c07;
}

a#back-top:before {
    background-color: #967c07;
}

.read-more, .more-link {
    color: #967c07;
}

.post .entry-title a:hover, .page .entry-title a:hover {
    color: #967c07;
}

.post .entry-meta .read-more-link {
    background-color: #967c07;
}

.post .entry-meta a:hover, .type-page .entry-meta a:hover {
    color: #967c07;
}

.single #content .tags a:hover {
    color: #967c07;
}

.widget_testimonial .testimonial-icon:before {
    color: #967c07;
}

a#scroll-up {
    background-color: #967c07;
}

.search-form span {
    background-color: #967c07;
}

.asterisk {
    color: darkred;
}

hr {
    border-top: 1px solid #D8BC73;
}
h4 {
    color: #967c07;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="url"],
input.form-control,
select,
textarea {
    padding: 4px 8px;
    margin: 0 0 20px;
    border: 1px solid #EAEAEA;
    line-height: 25px;
    width: 100%;
    background-color: white;
    border-radius: 0;
}

input[type="text"]:focus,
input[type="text"]:focus-visible,
input[type="number"]:focus,
input[type="number"]:focus-visible,
input[type="email"]:focus,
input[type="email"]:focus-visible,
input[type="password"]:focus,
input[type="password"]:focus-visible,
input[type="url"]:focus,
input[type="url"]:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible,
.form-control:focus {
    padding: 4px 0;
    border: 0;
    border-bottom: 1px solid #D8BC73;
    border-radius: 0;
    background-color: #f8f8f8; /* #ededed;*/
    outline: none;
    box-shadow: none;
}

.input-group > input.form-control {
    border-left: 0;
    padding-left: 5px;
    border-radius: 0;
}
.input-group-sm span.input-group-text,
.input-group-sm label.input-group-text{
    border-radius: 0;
    background: #f8f8f8;
    border: 1px solid #d8bc73;
}


.odd, .even {
    /*display: inline-flex;
    width: 100%;*/
    align-items: center;
    padding: 10px 0;
}
.odd {
    background: #f1da9340; /*#f8f8f8;*/
}
.even {
    background: white;
}

.odd input[type="text"],
.odd input[type="number"],
.odd input[type="email"],
.odd input[type="password"],
.odd input[type="url"],
.odd select,
.even input[type="text"],
.even input[type="number"],
.even input[type="email"],
.even input[type="password"],
.even input[type="url"],
.even select{
    margin: 10px 0;
}

.text-right {
    text-align: right;
}

.hover-bg > .col:hover,
.hover-bg > [class*="col"]:hover {
    background-color: #f8f8f8;
}

.my-10p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.border-y {
    border-left: 1px solid #4a4a4a;
    border-right: 1px solid #4a4a4a;
}


@media (min-width: 768px) {
   .row.allg-angaben > .col-md-6:first-child {
       border-right: 1px solid #D8BC73;
   }
}