/*
 * Custom Styles for Blog by dctrl
 * http://dctrl.ch
 *
 * @version: 1.0
 * @date: 2020-07-02
 * @author: Andreas Lorenz
 */


/*
--------------------------------------------------------------------------------
FONTS
--------------------------------------------------------------------------------
*/


/* latin-ext */

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/lato/v16/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/lato/v16/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*
--------------------------------------------------------------------------------
CORE
--------------------------------------------------------------------------------
*/

.d-embed-responsive {
    background-color: #ddd;
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.d-embed-responsive-16by9 {
    padding-bottom: 56.25%;
}


/*
--------------------------------------------------------------------------------
WIDGETS
--------------------------------------------------------------------------------
*/


/*
CARDS
--------------------------------------------------------------------------------
*/

.d-card-row>[class*="span"]:nth-child(4n-7) {
    margin-left: 0;
}

.d-card {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    margin-bottom: 30px;
}

.d-card-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.d-card-header .d-image-placeholder img {
    width: 100%;
    position: absolute;
    vertical-align: middle;
    border: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all .7s cubic-bezier(.2, 1, .22, 1);
    -webkit-transition: all .7s cubic-bezier(.2, 1, .22, 1);
    -moz-transition: all .7s cubic-bezier(.2, 1, .22, 1);
    -ms-transition: all .7s cubic-bezier(.2, 1, .22, 1);
    -o-transition: all .7s cubic-bezier(.2, 1, .22, 1);
}

.d-card-header .d-image-placeholder .d-img-overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: 80px 80px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .6s;
}

.d-card-info .d-content-wrap {
    padding: 20px;
    position: relative;
    z-index: 100;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    height: 200px;
}

.d-card-info .d-content-wrap small {
    margin: 2px 0 12px;
    color: #888;
    display: block;
    line-height: 1.2;
    padding: 0;
    font-size: 80%;
    text-transform: uppercase;
}

.d-card-info .d-content-wrap h4 {
    font-size: 20px;
    margin: 0 0 8px;
    line-height: 1.1;
    word-break: break-word;
    color: #f39801;
}

.d-card-info .d-content-wrap p {
    word-break: break-word;
    line-height: 1.428571429;
    font-size: 14px;
    margin: 0 0 8px;
}

.d-card-info .d-content-wrap img.d-card-fader {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 80px;
    z-index: 102;
}

.d-card-info a.d-entire-meta-link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 105;
}

.d-card:hover .d-image-placeholder .d-img-overlay {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.d-card:hover .d-card-info a.d-entire-meta-link {
    background-color: rgba(243, 153, 0, .1);
}

.d-card:hover .d-image-placeholder img {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.25);
    -moz-transform: translate(-50%, -50%) scale(1.25);
    -ms-transform: translate(-50%, -50%) scale(1.25);
    -o-transform: translate(-50%, -50%) scale(1.25);
    transform: translate(-50%, -50%) scale(1.25);
}


/*
META
--------------------------------------------------------------------------------
*/

.d-meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
}

.post_content .d-meta {
    margin-bottom: 30px;
}

.d-meta .d-meta-info {
    -ms-flex: 1;
    flex: 1;
}

.d-meta .d-avatar {
    margin-right: 8px !important;
}

.d-meta .d-meta-info small {
    margin: 2px 0 0 0;
    color: #999;
    display: block;
    line-height: 1.2;
    padding: 0;
    font-size: 80%;
    text-transform: none;
}

.d-meta .d-meta-info p {
    margin: 2px 0 0 0;
    color: #999;
    display: block;
    line-height: 1.2;
    padding: 0;
    text-transform: none;
}

.d-meta .d-meta-info .d-author {
    color: #666;
}

.d-meta .d-meta-info p.d-author {
    color: #666;
    margin: 5px 0 5px 0;
}


/*
BLOG POST
--------------------------------------------------------------------------------
*/


/* Home Page */

.d-newest-posts {
    padding-top: 30px;
    padding-bottom: 30px;
}


/* Post Page */

.single-blog .post_content {
    display: inline-block;
    padding-bottom: 40px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e9eaec;
}

.d-lead {
    font-size: 120%;
    font-weight: 600;
}

.post_content {
	width:100%;
}


/*
AVATAR
--------------------------------------------------------------------------------
*/

.d-avatar {
    position: relative;
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 0.625rem;
}

.d-avatar-md {
    width: 32px;
    height: 32px;
}

.d-avatar-lg {
    width: 51px;
    height: 51px;
}

.d-avatar .d-avatar-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.d-rounded-circle {
    border-radius: 50% !important;
}


/*
BUTTON
--------------------------------------------------------------------------------
*/

.d-btn-active {
    border: 1px solid #f39701;
    background: #f39801;
}


/*
FILTER
--------------------------------------------------------------------------------
*/

.d-filter {
    margin-bottom: 40px;
}

.d-filter-label {
    display: inline-block;
    margin: 0 20px 5px 0;
    padding: 7px 9px 8px 0;
    float: left;
    font-size: 14px !important;
    line-height: 13px;
    color: #f39801;
    font-weight: bold;
}

.d-filter a.d-link-active {
    background: #f39801;
    border: 1px solid #f39801;
    color: #ffffff !important;
    text-decoration: none;
    cursor: default;
}

.d-filter a {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 7px 9px 8px 9px;
    float: left;
    color: #666666;
    font-size: 14px !important;
    line-height: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #e9eaec;
    text-transform: capitalize;
    text-decoration: none;
}

.d-filter a:hover {
    background: #f39801;
    color: #ffffff !important;
    text-decoration: none;
    border: 1px solid #f39801;
}


/*
PAGINATION
--------------------------------------------------------------------------------
*/

.post-type-archive-blog #blog_pagination {
    padding-top: 0;
    margin-top: 0;
}

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


/*
SIDEBAR WIDGETS
--------------------------------------------------------------------------------
*/

.widget_social_sharing_widget .share:after {
    display: block;
    clear: both;
    content: "";
    height: 0;
}

.widget_similar_posts_widget {
    padding-top: 0;
    padding-bottom: 20px;
}


/*
AUTHOR
--------------------------------------------------------------------------------
*/

.d-section-bio #d-section-bio-image {
    margin-top: 30px;
}

#d-section-bio-posttitle {
    margin-top: 40px;
    margin-bottom: 20px;
}

h4.d-team-member-name,
p.d-team-member-position {
    margin-left: 0 !important;
}


/**
 * DOMAIN CHECKER
 *
 * New: Andreas, February 2021
 * --------------------------------------------------------------------------------
 */


/* DOMAIN CHECKER */

#mainform {
    width: 100%;
}

.input-group {
    margin-bottom: 1rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group input {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1% !important;
    min-width: 0;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fafcfc;
    background-clip: padding-box;
    border: 1px solid #d9d9d9;
    border-radius: .25rem;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.input-group-append {
    margin-left: -1px;
    display: -ms-flexbox;
    display: flex;
}

.input-group-append .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    position: relative;
    z-index: 2;
    color: #FFFFFF;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #d9d9d9;
    border: 1px solid #d9d9d9;
    padding: .375rem .75rem;
    margin: 0;
    font-size: 1rem;
    line-height: 0.6;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.input-group-append .btn:hover {
    background-color: #666666;
    border: 1px solid #666666;
}

.hin--alert {
    font-size: 0.9rem;
    padding: 0.75rem 0.75rem;
    background-color: #fafcfc;
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
    display: flex;
    align-items: flex-start;
}

.hin--alert p {
    margin: 2px 0 0 0;
    padding: 0;
    flex: 1;
    display: inline-block;
    color: #D0021B !important;
}

.hin--alert svg {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    display: inline-block;
}

.hin--alert.hin--alert-error {
    border-left: 6px solid #D0021B;
    background-color: rgba(208, 2, 27, 0.15);
    color: #D0021B !important;
}

.hin--alert.hin--alert-success {
    border-left: 6px solid #26A65B;
    background-color: rgba(38, 166, 91, 0.15);
    color: #26A65B !important;
}

.hin--alert.hin--alert-success p {
    color: #26A65B !important;
}


/**
 * RSS
 *
 * New: Andreas, February 2021
 * --------------------------------------------------------------------------------
 */

.rss-icon i {
    margin: -3px 0 0 0;
    float: right;
    width: 36px;
    height: 36px;
    line-height: 37px;
    background: #f5f6f8;
    border-radius: 50%;
    text-align: center;
    font-size: 13px;
    -webkit-transition: all 180ms ease-in;
    transition: all 180ms ease-in;
}

.rss-icon i:hover {
    color: #fff !important;
    background: #f39900;
}

.ci_icon-rss:before {
    content: "\e635";
}


/**
 * PAGE HEADER (used for RSS)
 *
 * New: Andreas, February 2021
 * --------------------------------------------------------------------------------
 */

#title_breadcrumbs_bar {
    background: transparent;
    padding: 20px 0;
    font-family: Lato;
    font-weight: 300;
    font-size: 18px;
    border-bottom: 0;
}

.hin--pageheader {
    margin-top: 18px;
}

.hin--pageheader h1 {
    margin: 0;
}

.hin--pageheader .rss-icon i {
    margin: 3px 0 0 0;
}


/**
 * GLOSSARY
 *
 * New: Andreas, February 2021
 * --------------------------------------------------------------------------------
 */

.d--glossary-menu {
    margin: 30px 0 30px 0;
}

.d--glossary-menu a.d--glossary-menu-item {
    color: #9fa4af;
    font-size: 12px;
    line-height: 32px;
    display: inline-block;
    margin-right: 6px;
    border-radius: 50%;
    border: 1px solid #e9eaec;
    width: 32px;
    height: 32px;
    background: -webkit-linear-gradient(#fff, #f5f6f8);
    background: -o-linear-gradient(#fff, #f5f6f8);
    background: -moz-linear-gradient(#fff, #f5f6f8);
    background: linear-gradient(#fff, #f5f6f8);
    text-align: center;
    text-decoration: none;
}

.d--glossary-menu a.d--glossary-menu-item:hover {
    /* background: #f39801; */
    background: #e07900 !important;
    color: #ffffff !important;
}

.d--glossary-menu a.d--glossary-menu-item.has-content {
    background: #f39801;
    color: #ffffff !important;
}

.d--glossary-section h3.has-content {
    color: #f39801;
}

.d--glossary-section {
    border-top: 1px solid #d9d9d9;
}

.d--glossary-section a.glossaryLinkMain:hover {
    cursor: pointer;
}

.d--glossary-section .row {
    padding-top: 11px;
    padding-bottom: 16px;
}

.d--glossary-section .row .span6 {
    line-height: 1.8;
}

#ttcont {
    background: #f5f6f8 !important;
    color: white !important;
}

#tt #ttcont {
	color:#6a6b6b!important;
	line-height:1.4;
	padding-top:10px!important;
	padding-bottom:10px!important;
}

#tt #ttcont a {
	color:#f39900!important;
}

html {
    scroll-padding-top: 220px;
}


/**
 * NEWS (Blog-Post)
 * shortcode Home
 * 021-03-11 dctrl gmbh | https://dctrl.ch
 * --------------------------------------------------------------------------------
 */

.d-news-item {
    padding: 0 0 25px 0 !important;
}

.d-news-item-title,
.d-news-item-meta {
    margin-bottom: 5px !important;
    line-height: 150%;
    font-size: 15px;
}

.d-news-item-meta time {
    font-size: 14px;
}

.d-news-item-summary p {
    margin: 14px 0 0 0 !important;
}


/**
 * SEARCH 
 * 2021-03-25 dctrl gmbh | https://dctrl.ch
 * --------------------------------------------------------------------------------
 */

.search_results_content_item h5 {
    margin-top: 0;
    line-height: 1.4;
}

.search_results_content_item {
    padding-left: 0!important;
}

.search_results_content_item .highlighted,
.search_results_content_item .search-highlight {
    background: #f3990020;
}

.search-results .hinweis-box,
.search-no-results .hinweis-box {
    margin-top: 0;
}

.search-results #blog_pagination {
    margin-top: 0;
    padding-bottom: 100px;
}

.search-results .pagination-centered {
    text-align: left;
}

.d--text-muted {
    color: #999 !important;
}

.d--search-num {
    font-weight: 500;
    font-size: 0.95rem;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.search-results .input-group {
    margin-bottom: 3rem;
}

.search-results .input-group input {
    padding: 8px 16px;
    font-size: 20px;
    line-height: 1.5;
    border-radius: 6px !important;
}


/*
* GRAVITY RESET
* 2022-02-15 by dctrl
* --------------------------------------------------------------------------------
*/

.gform_wrapper .field_description_below .gfield_description {
    padding-top: 4px !important;
}

.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description,
.gform_wrapper .instruction {
    font-size: 13px !important;
    color: #999999 !important;
}

.gform_wrapper .gf_invisible,
.gform_wrapper .gfield_visibility_hidden {
    display: none !important;
}

.gform_wrapper li.gfield.field_description_below+li.gsection {
    margin-top: 50px !important;
}

.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label {
    font-size: 14px !important;
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type="checkbox"],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type="radio"] {
    margin-top: 0 !important;
}

.gform_wrapper ul.gfield_checkbox li input[type="checkbox"],
.gform_wrapper ul.gfield_radio li input[type="radio"] {
    margin-bottom: 0 !important;
}

.gchoice_select_all,
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label,
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked+label {
    font-weight: 500 !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    padding-right: 16px !important;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: inherit !important;
    margin-bottom: inherit !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    padding-bottom: inherit !important;
    padding-top: inherit !important;
    box-sizing: inherit !important;
}

.gform_wrapper li.gfield.gfield_error span.error {
    display: block;
    padding-top: 4px !important;
    font-size: 13px !important;
    color: rgb(204, 0, 0) !important;
}

.gform_wrapper .gfield_error .gfield_label {
    color: rgb(204, 0, 0) !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0 !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
    margin-top: 8px !important;
}

.gform_wrapper div.charleft,
.gform_wrapper div.charleft.warningTextareaInfo {
    font-size: 13px !important;
    color: #999999 !important;
    margin-top: 4px !important;
}

li:not(.gfield_contains_required):not(.AboTyp):not(.Domain):not(.Covercard):not(.Price):not(.Anschluss):not(.Lesegeraet):not(.CovercardPrice) .gfield_label::after {
    color: #999999 !important;
}

body .gform_wrapper .chosen-container a.chosen-single {
    height: 34px;
    padding-top: 4px;
    border-radius: 5px !important;
    border: 1px solid #d9d9d9;
    background: #fafcfc;
    box-shadow: 0 0 0 #fff inset, 0 0 0 rgba(0, 0, 0, .1);
}

.fx-relay-email-input-wrapper {
    z-index: inherit !important;
}

.gform_footer .gform_button {
    font-size: 1em;
    width: auto;
    margin: 0 16px 0 0;
    font-weight: 500;
    border: 1px solid #f39900;
    background: #f39900;
    color: #fff;
    padding: 10px 20px;
    line-height: 20px;
    font-family: Lato;
    border-radius: 3px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.gform_footer .gform_button:hover,
input[type="submit"]:hover {
    background: #666666;
    border: 1px solid #666666;
}

.gform_footer .gform_button span {
    font-size: 1em;
    font-weight: 500;
    color: #fff !important;
    line-height: 20px;
    font-family: Lato;
}


/*
  * SELECTION CARD
  * 2022-02-15 by dctrl
  * --------------------------------------------------------------------------------
  */

.d--selection-card-group,
.d--selection-card-group-gravity ul,
.d--selection-card-group-gravity ul.gfield_radio {
    display: grid;
    grid-auto-rows: 1fr;
    row-gap: 30px;
    grid-column-gap: 30px;
    grid-template-columns: repeat(3, 1fr);
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.d--selection-card-group #FORMCLASSNAME {
    grid-template-columns: repeat(3, 1fr); // Replace "3" with number of cols
}

.d--selection-card-group-gravity ul li,
.d--selection-card-group .d--selection-card {
    position: relative;
    overflow: hidden;
    margin: 0 !important;
    transition: all .5s ease;
}


/*.d--selection-card-group-gravity ul li input,*/

.d--selection-card-group .d--selection-card input {
    position: absolute !important;
    opacity: 0;
    cursor: pointer;
    height: 0 !important;
    width: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
    color: #939fa6;
    font-size: 0 !important;
    line-height: 0 !important;
}


/*.d--selection-card-group-gravity ul li input:checked ~ .d--rb-custom-check,*/

.d--selection-card-group .d--selection-card input:checked~.d--rb-custom-check {
    opacity: 100;
}

.d--selection-card-group-gravity ul li input:checked~label,
.d--selection-card-group .d--selection-card input:checked~label {
    border: 1px solid #f39900;
}


/*.d--selection-card-group-gravity ul li .d--rb-custom-check,*/

.d--selection-card-group .d--selection-card .d--rb-custom-check {
    opacity: 0;
    position: absolute;
    top: 8px;
    right: 12px;
    color: #f39900 !important;
    pointer-events: none;
    transition: opacity .5s ease-in-out;
}

.d--selection-card-group-gravity ul li label,
.d--selection-card-group .d--selection-card label {
    border: 1px solid #d9d9d9;
    border-radius: 4px !important;
    padding: 1rem 1rem 1.25rem 1rem !important;
    line-height: 1.4 !important;
    font-size: 14px !important;
    font-weight: 400;
    transition: border-color .5s ease-in-out;
    cursor: pointer;
    margin-bottom: 0 !important;
    width: 100% !important;
    height: 100%;
    display: inline-block !important;
    margin: 0 !important;
    max-width: 100% !important;
}

.d--selection-card-group-gravity ul li label i.mdi,
.d--selection-card-group .d--selection-card label i.mdi {
    display: block;
}

.d--selection-card-group-gravity ul li label:hover,
.d--selection-card-group .d--selection-card label:hover {
    border: 1px solid #999999 !important;
}

.d--selection-card-group>* {
    max-height: 100vh;
    overflow: auto;
    box-sizing: border-box;
}

.gform_wrapper .d--selection-card-group-gravity ul.gfield_radio li input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    background-color: #ffffff;
    color: #ffffff;
    height: 20px !important;
    width: 20px !important;
    border: 0;
    cursor: pointer;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    outline: none;
    border-radius: 40px !important;
    border: 1px solid #ffffff;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: background-color .5s ease-in-out, border .5s ease-in-out;
}

.d--selection-card-group-gravity ul.gfield_radio li input[type=radio]:checked {
    background-color: #f39900;
    border: 1px solid #f39900;
}

.d--selection-card-group-gravity ul.gfield_radio li input[type=radio]:checked::before {
    position: absolute;
    font-size: 14px;
    left: 5px;
    top: -5px;
    font-weight: 700;
    content: '\02143';
    transform: rotate(40deg);
}

.d--selection-card-group-gravity ul.gfield_radio li input[type=radio]:checked:hover~label {
    border: 1px solid #f39900 !important;
}


/*
 * Styles Statusmeldung Homepage
 * 2022-03-08 dctrl gmbh https://dctrl.ch
 * -----------------------------------------------------------------------------
 */

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: .25rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.me-2 {
    margin-right: .5rem !important;
}

.d-block,
.d-md-block,
.d-lg-block {
    display: block !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-none {
    display: none !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.text-muted {
    --bs-text-opacity: 1;
    color: #878d96 !important;
}

small,
.small {
    font-size: 0.875em;
}


/*
 * Styles Instagramposts Cards Shortcode
 * -----------------------------------------------------------------------------
 */

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-0.5*var(--bs-gutter-x));
    margin-left: calc(-0.5*var(--bs-gutter-x));
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem;
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem;
}

.h-100 {
    height: 100% !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem 1rem
}

.card-body h5,
.h5 {
    font-size: 1.25rem;
    margin-top: 0;
}

.card-body p {
    margin-top: 0;
}

.card-title {
    margin-bottom: .5rem
}

.card-subtitle {
    margin-top: -0.25rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1rem
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
}

.card-footer {
    padding: .5rem 1rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
}

.card-header-tabs {
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -0.5rem;
    margin-left: -0.5rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(0.25rem - 1px)
}

.card-img,
.card-img-top,
.card-img-bottom {
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card-group>.card {
    margin-bottom: .75rem
}

.card {
    overflow: hidden;
    border-radius: 0;
    transition: .5s
}

.card .card-body .card-title {
    line-height: 1.4
}

.card.hin--card-reduced {
    border: 0;
    border-top: 4px solid #121619
}

.card.hin--card-reduced .card-body {
    padding: 1rem 0 0
}

.card.hin--card-reduced .mdi {
    color: #f29800
}

.card.hin--card-reduced .card-footer {
    padding: 0;
    background-color: transparent;
    border-top: 0
}

.card.hin--card-reduced:hover {
    background-color: rgba(242, 152, 0, .1)
}

.card.hin--card-base {
    perspective: 1000px
}

.card.hin--card-base .hin--image-placeholder img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    vertical-align: middle;
    border: 0;
    transition: all .7s cubic-bezier(0.2, 1, 0.22, 1);
    transform: translate(-50%, -50%)
}

.card.hin--card-base .card-body {
    position: relative;
    z-index: 10;
    height: 170px;
    overflow: hidden;
    text-overflow: ellipsis
}

.card.hin--card-base .card-body p {
    margin: 0;
    word-break: break-word
}

.card.hin--card-base .card-body img.hin--card-fader {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 12;
    display: block;
    width: 100%;
    height: 80px
}

.card-body a {
    transition: .5s;
}

.card.hin--card-base a.stretched-link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
    display: block;
    width: 100%;
    height: 100%
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}


.col {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}

.row>* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y);
}

.row-cols-1>* {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 992px) {
    .row-cols-lg-4>* {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 22.5%;
    }
}


/* end Instagramposts Cards Shortcode */

@media(min-width: 768px) {
    .card.hin--card-base .card-body {
        height: 260px
    }
}

.card.hin--card-base:hover .hin--image-placeholder .hin--img-overlay {
    filter: alpha(opacity=60);
    opacity: .6
}

.card.hin--card-base:hover .hin--image-placeholder img {
    top: 50%;
    left: 50%;
    transition: all .4s;
    transform: translate(-50%, -50%) scale(1.25)
}

.card.hin--card-base:hover a.stretched-link {
    background-color: rgba(242, 152, 0, .1)
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

*::before,
*::after {
    box-sizing: border-box;
}


/*
   * Styles Statusmeldung Homepage
   * -----------------------------------------------------------------------------
   */

.alert.hin--status {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 0;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background-color: transparent;
	margin-top: 4px;
}

.alert.hin--status h5,
.alert.hin--status .h5 {
    margin-top: 0;
    margin-bottom: 4px;
    color: #49aa92 !important;
    line-height: 1.2;
}

.alert.hin--status .mdi {
    color: #49aa92;
}

.alert-warning.hin--status h5,
.alert-warning.hin--status .h5 {
    color: #f29800 !important;
}

.alert-warning.hin--status .mdi {
    color: #f29800 !important;
}

.alert-danger.hin--status h5,
.alert-danger.hin--status .h5 {
    color: #f05347 !important;
}

.alert-danger.hin--status .mdi {
    color: #f05347 !important;
}

.alert.hin--status p {
    margin-top: 0;
    margin-bottom: 4px;
    color: #333333;
}

.alert.hin--status p:last-child {
    margin-bottom: 0;
}

.alert.hin--status a {
    font-weight: 600;
    color: #121619;
    text-decoration: underline;
}

.alert.hin--status ul {
    margin: 0 0 4px 14px;
}


/*
RESPONSIVE
--------------------------------------------------------------------------------
*/


/*
.span3   {width: 23.07692307692308%;} (4)
.span4   {width: 31.62393162393162%;} (3)
.span6   {width: 48.71794871794872%;} (2)
.span12  {width: 100%;} (1)
*/


/* iPad Landscape */

@media only screen and (min-width: 980px) and (max-width: 1190px) {
    .d-card-row .span3 {
        width: 31.62393162393162%;
    }
    .d-card-row>[class*="span"]:nth-child(3n+1) {
        margin-left: 0;
    }
}


/* iPad Portrait */

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .d-card-row .span3 {
        width: 48.71794871794872%;
    }
    .d-card-row>[class*="span"]:nth-child(2n+1) {
        margin-left: 0;
    }
}


/* Mobile Phones */

@media only screen and (max-width: 767px) {
    .d-card-row .span3 {
        width: 100%;
        margin-left: 0;
    }
}