/* 
Theme Name:		 tt1
Theme URI:		 http://childtheme-generator.com/
Description:	 tt1 is a child theme of piclectic, created by ChildTheme-Generator.com
Author:			 Erich
Author URI:		 http://childtheme-generator.com/
Template:		 piclectic
Version:		 1.0.0
Text Domain:	 tt1
*/


/*.cl-flipbox-front {
    border: 1px solid #dcdcdc !important;
}*/


html {
    scroll-behavior: smooth;
}

body {
    overflow-y: scroll; /* Show scrollbars */
}

body, button, input, select, textarea {
    color: #0b0b0b;
}

a:hover, a:focus, a:active {
    opacity: 1;
}

.lsow-tab-nav a:hover,
.lsow-tab-nav a:active,
.lsow-tab-nav a:focus {
    opacity: 1;
}


.lsow-tab-nav a {
    color: black !important;
}

.online-ribbon {
    position: relative;
    padding-right: 100px;
    padding-top: 12px;
    box-shadow: 36px -17px 26px -33px rgba(0, 0, 0, 0.2);
}

.online-ribbon::after {
    background-image: url(https://demo.traninger.com/media/tt-online-ribbon.svg);
    padding-top: 28px;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 200px 200px;
    content: "";
    width: 200px;
    height: 200px;
    top: -13px;
    right: -13px;
    position: absolute;
    display: inline-block;
}

/*.online-ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    top: -10px;
    right: -10px;
}

.online-ribbon::before,
.online-ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #2980b9;
    border-top-color: transparent;
    border-right-color: transparent;
}

.online-ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background-color: #3498db;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    font: 700 18px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align: center;
}

!* top right*!
.online-ribbon::before {
    top: 0;
    left: 0;
}

.online-ribbon::after {
    bottom: 0;
    right: 0;
}

.online-ribbon span {
    left: -25px;
    top: 30px;
    transform: rotate(45deg);
}*/

/**
    TT Templates
 */

.tt-section.tt-blue .tt-section-header {
    background-color: #0A1183;
    color: #e9ecf7;
    padding: 4px 10px;
    border-radius: 2px;
    font-size: 1.25em;
    margin-bottom: 0;
    margin-top: 26px;
}

.tt-section .tt-section-content {
    background-color: #FBFBFB;
    padding: 20px;
}

.tt-section .tt-section-content ul {
    margin: inherit;
}

.tt-2-column-ul {
    display: flex;
    flex-wrap: wrap;
}


.tt-details-table {
    width: auto;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: #ffffffb8;
}

.tt-details-table ul {
    margin: 0;
    padding-inline-start: 16px;
}

.tt-details-table th {
    text-align: left;
}

.tt-details-table th,
.tt-details-table td {
    border: 2px solid #F2F2F2;
    padding: 6px 12px;
    vertical-align: top;
}

.sow-testimonial-text p {
    display: block;
    line-height: 1.56;
    font-style: italic;
    font-size: 18px;
    position: relative;
}

.sow-testimonial-user {
    padding: 18px 39px !important;
}

.sow-testimonial-text {
    position: relative;
}

.sow-testimonial-text:after {
    content: '';
    display: block;
    position: absolute;
    left: 35px;
    bottom: -10px;
    width: 20px;
    height: 20px;
    z-index: 1;
    background-color: inherit;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

/*.site-branding:before {
	content:'Demo';
	background-color:red;
	color:white;
	padding: 2px 3px;
	font-size: 0.4em
}*/

.disg-online,
.disg-kompakt {
    position: relative;
    overflow: hidden;
}

.telefon-training h3,
.disg-offline h3,
.disg-online h3,
.disg-kompakt h3 {
    font-size: 2em;
}

.disg-kompakt {
    background-image: url(https://demo.traninger.com/media/disg-kompakt.svg);
    padding-top: 28px;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 100px 100px;
}

.disg-kompakt.tipso-small {
    background-size: 50px 50px;
}

/*.telefon-training {
    background-image: url(https://demo.traninger.com/media/telefontraining-badge.svg);
    padding-top: 28px;
	background-position: right bottom;
	background-repeat:no-repeat;
	background-size: 60px 60px;
}

.telefon-training.small {
	background-size: 40px 40px;
}*/

.disg-angebot a:hover {
    opacity: 1;
}

.disg-angebot .tipso_style {
    cursor: pointer;
    border-bottom: none;

}

/*.disg-angebot .tipso_style:after {
    content: "\f05a";
    font-family: FontAwesome;
    display: inline-block;
    width: 16px;
    margin-left: 4px;
}*/

.tipso_bubble {
    text-align: left;

}

.tipso_bubble .tipso_content {
    padding: 20px 40px;
}

.tipso_bubble .tipso_title .title_inner {
    padding: 20px 40px;
    padding-bottom: 0;
    font-size: 1.2em;
}

.frntbtn.orange .cl-flipbox-front-title {
    background-color: rgba(255, 199, 0, 0.9);

}


@media only screen and (max-width: 600px) {
    h3 {
        font-size: 1.85em !important;
    }
}

.calendar_main_container {
    padding: 20px;
    background-color: #f4f4f4;
}

.tbk-upcoming-slot {
    background-color: #fff;
}

.tbk-calendar-date {
    color: #0A1183;
    border: 2px solid #0A1183;
    border-radius: 0;
}

.tbk-calendar-date .tbk-month {
    background: #0A1183;
}

.tt-textarea {
    height: 150px;
}

.home-flip .flip-box-front .front-title {
    background-color: rgba(10, 17, 131, 0.9);
    position: absolute;
    left: 0;
    padding: 6px;
    right: 0;
    line-height: 1.25em;
}

.home-flip.disg .flip-box-front .front-title {
    background-color: #FEBF3E;
}

.home-flip.coaching .flip-box-front .front-title {
    background-color: #FEBF3E;
}

.so-widget-widget-cardflip a {
    transition: none;
}

.home-flip .flip-box-back .back-content {
    font-size: 1.25em;
    line-height: 1.5;
}

.tt-contact a,
.tt-contact button {
    display: inline-block;
    padding: 0.5em 1em;
    background-color: #0A1183;
    color: #fff;
    border: none;
    transition: none;
    border-radius: 0;
    line-height: inherit;
    font-size: inherit;
    margin-top: 6px;
}

.tt-contact .callback-reservation-btn {
    margin-right: 0.5em;
}

.tt-contact .dashicons {
    font-size: 0.98em;
    padding-top: 0.38em;
    padding-right: 1.5em;
}

.tt-contact button:hover {
    opacity: 0.5;
}

.tt-contact.size-1 {
    font-size: 1em;
}

.tt-contact.size-2 {
    font-size: 1.5em;
}

.tt-contact.size-3 {
    font-size: 2em;
}

.tt-contact.center {
    text-align: center;
}

.tt-contact.left {
    text-align: left;
}

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

/* TEAM BOOKING */

.tbk-book-confirmation-button, .tbk-book-now-button {
    border-radius: 0;
}

.tbk-reservation-form-header .tb-icon,
.tbk-reservation-form-header-times {
    font-size: 2em;
}


.comment-navigation .nav-previous a, .posts-navigation .nav-previous a, .post-navigation .nav-previous a,
.comment-navigation .nav-next a, .posts-navigation .nav-next a, .post-navigation .nav-next a {
    background: #0A1183;
}

.tt1-post-thumb {
    width: 100%;
    height: 240px;
    overflow: hidden;
    position: relative;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-weight: normal;
    /* display: block; */
    position: absolute;
    left: 6px;
    bottom: -6px;
    font-size: 0.8em;
}

.tt1-post-thumb img {
    margin-top: -15%;
}

.tt1-thumb-caption {
    font-size: 0.7em;
    padding: 2px 6px;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    bottom: 8px;
    right: 8px;
}

img.archive-image {
    float: right;
    width: 28%;
}

.post-content-container {
    max-width: 70%;
    display: inline-block;
}

#tt-network .sow-icon-image {
    background-origin: content-box;
    padding: 12px;
}

.site-logo img {
    width: 260px;
}

.site-title {
    display: none;
}

.site-logo::after {
    content: "";
    position: relative;
    display: block;
    width: 1.5em;
    border-bottom: .2em solid #0a1183;
    -webkit-transition: .5s width ease-in-out, .5s .5s background ease-out;
    transition: .5s width ease-in-out, .5s .5s background ease-out;
}

.custom-logo-link:hover {
    opacity: 1;
}

.site-logo:hover::after {
    width: 100%;
}


/* .site-title a::before {
    content: "";
    position: relative;
    display: block;
    width: 1.5em;
    border-bottom: .2em solid;
    -webkit-transition: .5s width ease-in-out, .5s .5s background ease-out;
    transition: .5s width ease-in-out, .5s .5s background ease-out;
}

.site-title a {
    display: block;
} */

.grecaptcha-badge {
    display: none !important;
}

.bne-flyout-wrapper form {
    margin: 0;
}

.bne-flyout-wrapper input[type="text"], .bne-flyout-wrapper input[type="password"], .bne-flyout-wrapper input[type="date"], .bne-flyout-wrapper input[type="datetime"], .bne-flyout-wrapper input[type="email"], .bne-flyout-wrapper input[type="number"], .bne-flyout-wrapper input[type="search"], .bne-flyout-wrapper input[type="tel"], .bne-flyout-wrapper input[type="time"], .bne-flyout-wrapper input[type="url"], .bne-flyout-wrapper textarea, .bne-flyout-wrapper select {

    padding: 6px 12px;
}

.flyout-menu {
    margin-top: 20px;
}

.flyout-trigger {
    z-index: 10000;
}

.bne-flyout-wrapper button, .bne-flyout-wrapper input[type="button"], .bne-flyout-wrapper input[type="reset"], .bne-flyout-wrapper input[type="submit"] {
    border: 1px solid #fff;
    border-radius: 0;
    background: #0a1182;
    box-shadow: none;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1;
    padding: 12px 56px;
    text-shadow: none;
}

.site-title a:hover {
    opacity: 1;
}

.site-title a:hover::before {
    width: 100%;
}

.home .fullwidth-page-container {
    margin-top: 35px;
    margin-bottom: 100px;
}

.frontbtn {
    width: 100%;
    font-size: 2em !important;
    font-weight: 300 !important;
    padding: 2.125em 0 !important;
}

.frontbtn:hover {
    opacity: 0.9 !important;
}

a.cl-flipbox:hover {
    opacity: 1;
}

.cl-flipbox-back-desc {
    font-size: 1.25em;
}


.frntbtn .cl-flipbox-front-title {
    background-color: rgba(10, 17, 131, 0.9);
    padding: 12px 0 !important;
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
}

#post-121 > header > h1 {
    display: none;
    font-weight: 300;
    color: #000;
    font-size: 3em;
    margin-bottom: 60px;
    margin-top: -30px;
}

.flyout-trigger.trigger-right.trigger-button {
    transform: rotate(90deg);
    padding: 12px 32px;
    font-size: 1.15em;
}

.page-template-template-page-fullwidth-img .grid.grid-pad {
    background-color: #fff;

}

#sidr {
    display: none;
}

/*#pe_stars {
    width: 4.25em !important;
}*/

#pe_stars:before, #pe_stars > span {
    top: .3em !important;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    background: #0A1183;
    color: #fff;
}

#ebook-form ul {
    font-size: 0.8em;
    margin-left: 1em;
}

#wpcf7-f2050-p2046-o1 .screen-reader-response {
    position: relative;
    overflow: visible;
    clip: unset;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
}

#epaper-container {
    position: relative;
}

#ebook-form-page input[type="email"] {
    margin-bottom: 1em;
    margin-top: 1em;
    width: 100%;
}

#ebook-form-page input[type="submit"] {
    margin-top: 20px;
    background-color: #8d171f;
    color: white;
    border: none;
    padding: 12px 18px;
    width: 100%;
}

#ebook-form-page .wpcf7-form-control-wrap.datenschutz .wpcf7-list-item {
    margin: 0;
}


.fancybox-content {
    bottom: 0;
    right: 0;
    position: absolute;
    width: 600px;
    min-height: 140px;
    line-height: 1.5;
    background-color: #e68000;
    color: #fff;
    padding: 30px 30px 2px;
}

.fancybox-content span.wpcf7-not-valid-tip {
    display: none;
}

.fancybox-content div.wpcf7-response-output {
    margin: 2em 0 0.5em;
    padding: 6px 12px;
    border: none;
    font-size: .8em;
    color: #000;
}

.fancybox-content input[type="email"] {
    width: 360px;
    height: 35px;
}

.fancybox-content div.wpcf7-validation-errors,
.fancybox-content div.wpcf7-acceptance-missing {
    background-color: gold;
}

.fancybox-content div.wpcf7-mail-sent-ok {
    background-color: transparent;
    color: #fff;
    font-size: 1em;
}

.fancybox-is-open .fancybox-bg {
    opacity: .2;
}

.fancybox-content h2 {
    color: gold;
    font-weight: bold;
    font-size: 1.6em;
    margin-bottom: 4px;
}

.fancybox-content h1 {
    color: #fff;
    margin-top: 0;
}

.fancybox-content .wpcf7-form-control.wpcf7-submit {
    background-color: #8d171f;
    color: white;
    border: none;
    border-radius: 0 6px 6px 0;;
    height: 35px;
    padding-top: 5px;
}

.fancybox-content .wpcf7-form-control-wrap.datenschutz span.wpcf7-list-item {
    margin-left: 0;
    margin-top: 12px;
}

#lcx_online_dot {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color: #0cc34b;
    position: absolute;
    right: 20px;
    top: 12px;
}

#myTopBtn {
    display: none;
    position: fixed;
    width: 60px;
    bottom: 90px;
    right: 20px;
    color: #ffffff;
    background-color: #87C540;
    box-shadow: 0 5px 20px 0 rgba(141, 147, 171, 0.35);
    height: 60px;
    border-radius: 50%;
    z-index: 999;
    cursor: pointer;
    border: none;
    padding: 15px;
    transition: background-color ease 0.2s;
    opacity: 1;
}

#myTopBtn:hover {
    background-color: #78a934;
    opacity: 1;
}


a#ProvenExpert_widget_container {
    transition: none;
}

a#ProvenExpert_widget_container:hover {
    opacity: 1;
}


/*.telefon-training:hover {
    background-color: #0A246A !important;
    transition: background-color ease 0.4s;
}

.telefon-training:hover a {
    color: #fff !important;
}*/

.default-page-container, .fullwidth-page-container {
    margin-bottom: 0;
}

.seminar-image {
    background-size: cover;
    background-repeat: no-repeat;
    height: 180px;
    width: 100%;
}

.archive .offene-seminare {
    background-color: #efefef;
    padding: 20px;
}

.seminar-content-container {
    position: relative;
    overflow: hidden;
}

.event_meta {
    position: absolute;
    top: 68px;
    left: 0;
}

.event_meta .event_label {
    padding: 4px 12px;
    margin-top: 6px;
    text-align: right;
    font-size: 0.8em;
    background-color: rgba(10, 17, 131, 0.85);
    width: max-content;
}

.event_meta .cat_label {
}

.event_meta .cat_label a {
    color: #fff;
}

.event_meta .price_label {
    color: #fff;
}

.event_meta .location_label {
    color: #fff;
}

.event_meta .date_label {
    color: #fff;
}


section.cont-offene-seminare {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.cont-offene-seminare article.offene-seminare {
    margin-bottom: 40px;
    width: 48%;
}

.offene-seminare .calendar_main_container {
    padding: 0;
    background-color: #FBFBFB;
}

.offene-seminare .tb-frontend-calendar {
    background-color: #FBFBFB;
    border: none;
}

.lsow-tabs .lsow-tab-panes .lsow-tab-pane {
    padding: 20px 40px 40px !important;
}


@media only screen and (max-width: 800px) {

    #sidr {
        display: block;
        background: #0a1183;
    }

    .sow-headline-container h1.sow-headline {
        font-size: 32px !important;
    }

    .frntbtn .cl-flipbox-front-title {
        font-size: 28px !important;
    }

    .entry-title, .page-title {
        font-size: 200% !important;
    }

    .menu-toggle {
        background: #0a1183;
        border-radius: 0;
    }

    .tt1-post-thumb img {
        margin-top: 0;
    }

    .tt1-post-thumb {
        width: 100%;
        height: auto;
    }

    .blog-archive article {
        position: relative;
        margin-bottom: 50px;
    }

    .tt1-post-thumb-archive {
        display: none;
    }

    .post-content-container {
        max-width: 100%;
        display: block;
    }

    .cont-offene-seminare article.offene-seminare {
        margin-bottom: 40px;
        width: 100%;
    }

    ul, ol {
        margin: 0 0 1.5em 0.5em;
    }

    .tt-contact a,
    .tt-contact button {
        width: 100%;
        text-align: center;
    }

}

@media only screen and (max-width: 1280px) {

    .offene-seminare.with-bgimage .entry-content,
    .page-template-template-page-fullwidth-img .fullwidth-page-container.with-bgimage {
        background-image: none !important;
    }

}


@media only screen and (min-width: 1281px) {

    .page-template-template-page-fullwidth-img .fullwidth-page-container.with-bgimage {
        background-color: #fff;
        background-size: 30% auto;
        background-repeat: no-repeat;
        background-position-y: 264px;
        background-position-x: -100px;
        background-attachment: fixed;
    }

    .offene-seminare.with-bgimage .entry-content {
        background-color: #fff;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position-y: 0;
        padding-top: 15em;
    }

}