body {
    background: #FFF;
    font-family: 'Roboto', 'Segoe UI', '-apple-system', 'Helvetica Neue', Arial, sans-serif !important;
}
.entry-title {
    font-family: 'Roboto', 'Segoe UI', '-apple-system', 'Helvetica Neue', Arial, sans-serif !important;
}

@media screen and (min-width: 44.375em) {
    .site {
        margin: 0;
    }
}

@media screen and (min-width: 44.375em) {
    body:not(.custom-background-image):before,
    body:not(.custom-background-image):after {
        height: 0;
    }
}
@media screen and (min-width: 61.5625em) {
    body:not(.search-results) article:not(.type-page) .entry-content {
        float: none;
        width: 100%;
    }
}

.sb-slider {
    margin-bottom: 50px;
}

.sb-menu {
    background-color: #3e4a54;
}
.sb-menu .site-inner {
    text-align: right;
    height: 55px;
}
.sb-menu .site-inner img {
    margin-top: 8px;
}
.steuer-blog-nav-logo{
    width: 90%;
}
.post-thumbnail,
.post-thumbnail-container {
    position: relative;
}

.post-thumbnail-container .entry-title {
    bottom: 0;
    position: absolute;
    height: 30%;
    /*max-width: 70%;*/
    width:auto;
    background-size: cover;
    margin-bottom: 0;
    padding: 15px;
    font-weight: 400;
}
.sb-post-thumbnail .entry-title,
.post-thumbnail-container .entry-title {
    color: #ffffff;
}
@media screen and (min-width: 1300px) {
    .post-thumbnail-container .entry-title {
        padding-top: 35px;
    }
}


@media screen and (max-width: 1300px) {
    .post-thumbnail-container .entry-title {
        font-size: 4vw;
    }
}

@media screen and (max-width: 44.375em) {
    .post-thumbnail-container .entry-title {
        font-size: 22px;
        font-size: 1.4rem;
        font-size: 5vw;
    }
}
@media screen and (max-width: 420px) {
    .post-thumbnail-container .entry-title {
        font-size: 16px;
        font-size: 1rem;
    }
}
@media screen and (max-width: 320px) {
    .post-thumbnail-container .entry-title {
        font-size: 13px;
        font-size: 0.8rem;
    }
}


/*.post-thumbnail-container .entry-title a:hover {*/
/*color: #f97d19;*/
/*}*/

.title-orientation-left .post-thumbnail-container .entry-title {
    text-align: left;
    left:0;
    background-image: url('img/background_headline1.png');
}

.title-orientation-right .post-thumbnail-container .entry-title {
    text-align: right;
    right: 0;
    background-image: url('img/background_headline4.png');
}

.tags-links {
    text-transform: uppercase;
    display: block;
}

@media screen and (min-width: 61.5625em) {
    .tags-links {
        display: block;
    }
    .post-thumbnail {
        margin-bottom: 1em;
    }
}

.entry-meta-left {
    float: left;
    width: 100%;
}

.entry-meta-right {
    float: right;
    width: 100%;
}


@media screen and (min-width: 44.375em) {
    .entry-meta-left {
        width: 65%;
    }
    .entry-meta-right {
        width: 35%;
    }
}
.slider-frame .slider-frame-inner h2 a {
    color: #FFFFFF;
    font-weight: 400;
    margin-bottom: 25px;
    font-size: 1.9em;
    line-height: 1em;
    font-family: 'Roboto', 'Segoe UI', '-apple-system', 'Helvetica Neue', Arial, sans-serif !important;
}
.slider-frame .slider-frame-inner .slider-tags {
    color: #FFFFFF;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 20px;
    margin-bottom: 10px;
}

@media screen and (max-width: 44.375em) {
    .slider-frame .slider-frame-inner .slider-tags {
        font-size: 12px;
        line-height: 16px;
    }
}

@media screen and (max-width: 420px) {
    .slider-frame .slider-frame-inner .slider-tags {
        font-size: 10px;
        line-height: 13px;
    }
}
.slider-frame .slider-frame-inner {
    background-image: url('img/background_headline3.png');
    background-size: cover;
    /*height: 181px;*/
    /*width: 502px;*/
    padding: 10px 25px 10px 35px;
    margin-bottom: 10px;
}
.slider-frame p {
    padding: 10px 25px 10px 35px;
    margin: 0;
    background-color: rgba(255, 255, 255, 0.9);
}
.ms-layer {
    left: auto !important;
}

@media screen and (max-width: 420px) {
    .ms-layer {
        width: 80% !important;
    }
}

.sb-post-thumbnail {
    height: 330px;
    width: 100%;
    margin-bottom: 50px;
	clip-path: ellipse(115% 55% at center 146px);
}

.sb-post-thumbnail img {
    height: 330px;
    width: 100%;
    object-fit: cover;
    position: absolute;
}

.sb-post-thumbnail a {
    color: #FFFFFF;
}
.sb-post-thumbnail a:hover {
    color: #666666;
}
.sb-post-thumbnail h1 {
    font-weight: 400;
}

.comments-title,
.comment-reply-title,
.widget,
.post-navigation,
.post-navigation div + div,
.navigation
{
    border-top: 1px solid #CCCCCC;
    border-color: #CCCCCC!important;
}
.post-navigation {
    border-bottom: 1px solid #CCCCCC;
}


@media screen and (min-width: 56.875em) {
    .sidebar {
        margin-left: 72.5%;
        padding-left: 2.5%;
        border-left: 1px solid #CCCCCC;
    }
}

.site-main > article {
    margin-bottom: 1.75em;
    padding-bottom: 1.75em;
    border-bottom: 1px solid #CCCCCC;
}
.site-main > article:last-of-type {
    border: none;
    margin-bottom: 0;
}
@media screen and (min-width: 44.375em) {
    .site-main > article {
        margin-bottom: 2.625em;
        padding-bottom: 2.625em;
    }
}
@media screen and (min-width: 61.5625em) {
    .site-main > article {
        margin-bottom: 3.5em;
        padding-bottom: 3.5em;
    }
}



button,
select,
textarea {
    color: #1a1a1a;
    font-family: Merriweather, Georgia, serif;
}

input {
    font-family: 'Roboto', 'Segoe UI', '-apple-system', 'Helvetica Neue', Arial, sans-serif;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
    /*font-family: Montserrat, "Helvetica Neue", sans-serif;*/
    font-family: 'Roboto', 'Segoe UI', '-apple-system', 'Helvetica Neue', Arial, sans-serif;
}

:-moz-placeholder {
    /*font-family: Montserrat, "Helvetica Neue", sans-serif;*/
    font-family: 'Roboto', 'Segoe UI', '-apple-system', 'Helvetica Neue', Arial, sans-serif;
}

::-moz-placeholder {
    /*font-family: Montserrat, "Helvetica Neue", sans-serif;*/
    font-family: 'Roboto', 'Segoe UI', '-apple-system', 'Helvetica Neue', Arial, sans-serif;
}

:-ms-input-placeholder {
    /*font-family: Montserrat, "Helvetica Neue", sans-serif;*/
    font-family: 'Roboto', 'Segoe UI', '-apple-system', 'Helvetica Neue', Arial, sans-serif;
}


button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus,
.post-password-form label,
.main-navigation,
.post-navigation,
.post-navigation .post-title,
.pagination,
.image-navigation,
.comment-navigation,
.site .skip-link,
.widget .widget-title,
.widget_recent_entries .post-date,
.widget_rss .rss-date,
.widget_rss cite,
.tagcloud a,
.site-title,
.entry-title,
.entry-footer,
.sticky-post,
.page-title,
.page-links,
.comments-title,
.comment-reply-title,
.comment-metadata,
.pingback .edit-link,
.comment-reply-link,
.comment-form label,
.no-comments,
.widecolumn label,
.widecolumn .mu_register label {
    /*font-family: Montserrat, "Helvetica Neue", sans-serif;*/
    font-family: 'Roboto', 'Segoe UI', '-apple-system', 'Helvetica Neue', Arial, sans-serif;
}


.logged-in .site .skip-link {
    font-family: "Open Sans", sans-serif;
}

.site-footer .site-title:after {
    font-family: Montserrat, sans-serif;
}


.search-submit {
    background: url('img/search.png');
    background-size: 100% 100%;
}
.search-submit:hover,
.search-submit:focus {
    background: url('img/search.png');
    background-color: transparent;
    background-size: 100% 100%;
    outline: none;
}
.search-submit:before {
    content: "";
}

.pagination {
    border-top:1px solid #cccccc !important;
}

.pagination .next, .pagination .prev,
.pagination:before, .pagination:after,
.pagination .next:hover, .pagination .prev:hover,
.pagination .next:focus, .pagination .prev:focus,
.pagination .next:active, .pagination .prev:active {
    background: none !important;
}
.pagination .prev:before {
    content:  url('img/back.png');
    top: 3px;
    right: 0;
}

.pagination .next:before {
    content:  url('img/forward.png');
    top: 3px;
    right: 0;
}

.pagination .nav-links:before {
    content: "";
}

#zum-archiv{
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 60px;
}
#zum-archiv a{
    font-weight: 400;
    color: #ffffff;
    background-color: #f97d19;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
}
#zum-archiv a:hover{
    background-color: #666666;
}

.archive-page-post{
    margin-left: 40px;
}

@media screen and (min-width: 56.875em) {
    .widget:first-of-type {
        border-top: none;
        padding-top: 0;
    }
}

.back-beitrag {
    position: relative;
    top: -20px;
    margin-bottom: 20px;
}

.site-footer {
    padding-bottom: 0;
    background-color: #FAFAFA;

}

.footer-navigation ul,
.footer-navigation li  {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.footer-navigation li {
    list-style-type: none;
    padding: 10px 40px;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
    background: #FFFFFF;
}

input[type="search"].search-field {
    border-radius: 2px 0 0 2px;
    width: -webkit-calc(100% - 57px);
    width: calc(100% - 57px);
}

@media screen and (min-width: 56.875em) {
    .widget input[type="search"].search-field {
        width: -webkit-calc(100% - 45px);
        width: calc(100% - 45px);
    }
}

iframe[src*="youtube"] {
    border: 1px solid #d8d8d8;
}

.page-header{
    border-top: 1px solid #CCCCCC;
}

.title-orientation-left .post-thumbnail-container .entry-title,
.title-orientation-right .post-thumbnail-container .entry-title {
    height:auto;
    padding-bottom: 20px;
}
.title-orientation-left .post-thumbnail-container .entry-title {
    padding-right: 30px;
}

.title-orientation-right .post-thumbnail-container .entry-title {
    padding-left: 50px;
}

/* Blog Image Title Style*/
.title-orientation-right .st-blog-title{
    text-align: right;
    padding-right: 15px;
}
.title-orientation-left .st-blog-title{
    text-align: left;
    padding-left: 15px;
}
.st-blog-title{
    bottom: 15px;
    position: absolute;
    width: 100%;
    background-size: cover;
    margin-bottom: 0;
}
/*
.st-blog-title h2{
    position: relative !important;
    background-color: #f97d19;
    display: inline;
    margin:0;
    padding: 0 !important;
    background-image:none !important;
    line-height: 1.4;
    box-shadow: 15px 0 0 #f97d19, -15px 0 0 #f97d19;
}
*/
.site-title{
    float:left;
    display:inline;
    text-align: left;
}
.site-heading{
    display:none;
    font-weight: 100;
    color: #e4e4e4;
    font-size: 24px;
    padding-top: 9px;
}

.starter-blog-heading{
    display:inline-block;
}

.sb-menu .site-inner{
    max-width:1320px;
}

@media screen and (min-width: 56.875em) {
	.sb-post-thumbnail {
		clip-path: ellipse(90% 55% at center 146px);
	}
    .sb-post-thumbnail img, .sb-post-thumbnail, .sb-slider{
        padding-right: 2.27275%;
    }
    .sb-menu .site-inner{
        padding-left: 4.5455%;
        padding-right: 6.81825%;
    }

}

@media screen and (min-width: 1320px) {
    .sb-menu .site-inner{
        padding:0 2.27275% 0 0;
    }
    .sb-menu .site-inner{
        max-width:1200px;
    }
}

.textwidget img{
    margin:0 auto;
}

.pagination{
    margin-bottom: 1.894737em;
}

/**  ----------- **/
/**  MAUTIC FORM **/
/**  ----------- **/
.anmelden-wrapper{
    margin: 0 7.6923% 2.947368421em;
}
.mauticform_wrapper {
    max-width: inherit !important;
    font-size: 16px;
}

.anmelden-wrapper ::-webkit-input-placeholder {
    color: #cfcfcf;
}
.anmelden-wrapper :-moz-placeholder {
    color: #cfcfcf;
}
.anmelden-wrapper ::-moz-placeholder {
    color: #cfcfcf;
}
.anmelden-wrapper :-ms-input-placeholder {
    color: #cfcfcf;
}

h3.mauticform-title {
    margin-top: 80px !important;
}

button.mauticform-button {
    font-weight: 400;
    color:#ffffff;
    background-color: #f97d19;
    text-align: center;
    width:100%;
}
button.mauticform-button:hover {
    background-color: #666666;;
}

.fb-mautic-bestaetigungs-msg span{
    margin-top: -5px;
}

.mauticform-checkboxgrp-label .mauticform-checkboxgrp-checkbox[type="checkbox"] {display:none;}
.mauticform-checkboxgrp-label{
    font-size:14px;
    line-height: 18px;
    display: inline-block;
}
.mauticform-checkboxgrp-label span {
    width:29px;
    height:65px;
    content:"";
    background: url(./img/check_box_off.png) 0 0 no-repeat;
    float: left;
    margin-right: 16px;
    margin-top: 1px;
}
.mauticform-checkboxgrp-checkbox:checked + span {
    background: url(./img/check_box_on.png) 0 0 no-repeat;
}

.mauticform-freetext{
    margin-top: 10px;
}
.mauticform-freetext {
    font-size: 13px !important;
    color: #999999;
    line-height: 20px !important;
}

.anmelden-wrapper .mauticform-label{
    display:none;
    width: 29%;
    padding: 0.625em 0em;
}

.mauticform-button-wrapper{
    text-align: center;
    margin-top:15px;
}
input.mauticform-input {
    border: none;
    background-color: #ffffff;
    border-bottom: 1px solid #bdbdbd;
    padding: 0.625em 1em;
    display: inline-block;
    width:100%;
}

.mauticform-selectbox{
    width: 100%;
    font-family: 'Segoe UI', system, -apple-system, 'Roboto', sans-serif;
    outline: none;
    border-right: none;
    border-left: none;
    border-top: none;
    position: relative;
    padding: 0.625em 1em;
    margin-top: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    z-index: 1;
    background-color: #ffffff;
    border-bottom: 1px solid rgba( 102, 102, 102, 0.2);
    color:#d2cfd0;
    font-weight: 400;
}
@supports (-ms-ime-align:auto) {
    .mauticform-selectbox option:first-child{
        display:block;
    }
}
.mauticform-selectbox option{
    color:#666666 !important;
}
.mauticform-selectbox option:first-child{
    display: none;
}

select::-ms-expand {
    display: none; /* Hide IE SelectBoxArrow*/
}
.mauticform-select:after {
    content: ">";
    float: right;
    position: relative;
    margin-top: -37px;
    margin-right: 16px;
    z-index: 1;
    -webkit-transform: rotate(90deg) scale(1, 2);
    -o-transform: rotate(90deg) scale(1, 2);
    -moz-transform: rotate(90deg) scale(1, 2);
    transform: rotate(90deg) scale(1, 2);
    color: #f97d19;
}
.mauticform-select .mauticform-errormsg{
    margin-top: -26px; !important;
}

.mauticform-errormsg{
    color:#ff0303 !important;
    position: relative;
    margin-top: -8px;
    display: block;
}

/*Background und Seitenabstand*/
.anmelden-title,
.mauticform-row{
    background-color: #f3f4f4;
    padding:0 25px 15px 25px;
}
.mauticform-freetext,
.mauticform-button-wrapper{
    background-color: #ffffff;
    padding: 0;
}

.anmelden-title{
    padding-top:15px;
    font-weight: 500;
}

.mauticform-message{
    padding: 0 25px 15px;
    background-color: #f3f4f4;
    color: #009c14;
}

@media screen and (min-width: 360px) {
    .mauticform-checkboxgrp-label span{
        height:50px;
    }
}
@media screen and (min-width: 768px) {
    .mauticform-checkboxgrp-row{
        padding: 15px 0px 5px;
    }
    .mauticform-checkboxgrp-label span{
        height:35px;
    }
    button.mauticform-button{
        width: inherit;
    }
    .anmelden-wrapper .mauticform-label{
        display:inline-block;
    }
    .anmelden-wrapper .mauticform-input , .mauticform-selectbox{
        width:70%;
    }
    .anmelden-wrapper ::-webkit-input-placeholder {
        color: transparent;
    }
    .anmelden-wrapper :-moz-placeholder {
        color: transparent;
    }
    .anmelden-wrapper ::-moz-placeholder {
        color: transparent;
    }
    .anmelden-wrapper :-ms-input-placeholder {
        color: transparent;
    }
}
@media screen and (min-width: 846px) {
    .mauticform-checkboxgrp-label span{
        height:30px;
        margin-top: -6px;
    }
}
@media screen and (min-width: 44.375em){
    .anmelden-wrapper {
        width: 70%;
    }
}
@media screen and (min-width: 56.875em){
    .anmelden-wrapper {
        width: 100%;
        margin-left: 0;
    }
}


/**    Ani CommentsForm */
#comments-opener {
    text-align: center;
    border-top: 1px solid #CCCCCC;
}
#comments-opener span {
    display: inline-block;
    margin:0 auto;
    padding: 15px;
    background: none;
    color: #f97d19;
    border-top: 0;
    border-left: 1px;
    border-right: 1px;
    border-bottom: 1px;
    border-style: solid;
    border-color:#f97d19;
    cursor: pointer;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
#comments-opener span:hover{
    background:#f97d19;
    color:#ffffff;
}
#comments-opener.opener-hidden {
    display: none;
}

.comments-area {
    height: auto;
    overflow-y: hidden;
}
.comments-area.comments-area-closed {
    height: 0;
}

/* DOI Page */
/*.page-template-page-confirm-php .site-main{*/
    /*height: calc(100vh - 335px);*/
/*}*/
/*.page-template-page-confirm-php .content-area{*/
    /*width:100%;*/
/*}*/
/*.page-template-page-confirm-php p{*/
    /*font-size: 12px;*/
/*}*/
/*.page-template-page-confirm-php h2{*/
    /*font-size: 40px;*/
    /*line-height: 70px;*/
    /*margin-bottom: 25px;*/
/*}*/

/*@media screen and (min-width: 395px) {*/
    /*.page-template-page-confirm-php .site-main{*/
        /*height: calc(100vh - 283px);*/
    /*}*/
/*}*/

/*@media screen and (min-width: 414px) {}*/
/*@media screen and (min-width: 420px) {}*/
/*@media screen and (min-width: 56.875em){}*/

/*@media screen and (min-width: 667px) {*/
    /*.page-template-page-confirm-php .site-main{*/
        /*height: calc(100vh - 285px);*/
    /*}*/
/*}*/
/*@media screen and (min-width: 917px) {*/
    /*.page-template-page-confirm-php .site-main{*/
        /*height: calc(100vh - 265px);*/
    /*}*/
/*}*/


/*  IE Hack for Blog-Post Image*/
@media all and (-ms-high-contrast:none), (-ms-high-contrast: none)
{
    .sb-post-thumbnail {
        overflow: hidden;
        position: relative;
    }

    .sb-post-thumbnail img {
        height:auto;
    }
}
@supports (-ms-ime-align:auto) {
    .sb-post-thumbnail {
        overflow: hidden;
        position: relative;
    }

    .sb-post-thumbnail img {
        height:auto;
    }
}

.bestaetigungs-seite-customer-journey {
    display: inline-block;
    width: 160px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
@media  only screen and (max-width: 910px) {
    .bestaetigungs-seite-customer-journey {
     margin: 5px;
    }
}


/** Table of Content Plugin **/
#toc_container {
	padding: 30px 50px 0 50px;
}

.toc_title {
	text-align: left;
	font-family: "Cairo",Arial,sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0px;
	color: #023E84;
	opacity: 1;
	margin-bottom: 10px;
}

.toc_list {
	list-style: none;
}

.toc_list li::before  {
	content: '';
	background: url("./assets/blog/icons/link-pfeil-blau.svg") no-repeat !important;
	position: relative;
	top: 3px;
	height: 15px;
	width: 25px;
	display: inline-block;
}

.toc_list a {
	text-decoration: none;
	box-shadow: none;
	font: normal normal normal 20px/30px Source Sans Pro;
	letter-spacing: 0px;
	color: #023E84;
}