/*
Theme Name: Topmodel Design
Theme URI: https://topmodel.biz
Description: A Divi Child theme created for Depesche's Topmodel Magazines
Author: Saskia Lund
Author URI: https://saskialund.de
Template: Divi
Version: 1.6.98
Text Domain: tm-design
Domain Path: /languages/
*/

/* Zusätzliches CSS hinter dem abschließenden Schrägstrich einfügen
------------------------------------------------------------------- */

/* Fonts */
@font-face {
    font-family: 'Kapra Neue Regular';
    font-style: normal;
    src: url('assets/fonts/KapraNeueRegular.eot');
    src: url('assets/fonts/KapraNeueRegular.eot') format('embedded-opentype'), url('assets/fonts/KapraNeueRegular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Kapra Neue Semibold';
    font-style: normal;
    src: url('assets/fonts/KapraNeueSemiBold.eot');
    src: url('assets/fonts/KapraNeueSemiBold.eot') format('embedded-opentype'), url('assets/fonts/KapraNeueSemiBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Bourton Hand Drop Extrude';
    src: url('assets/fonts/bourtonhanddrop.eot');
    src: url('assets/fonts/bourtonhanddrop.eot') format('embedded-opentype'), url('assets/fonts/bourtonhanddrop.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?rzy711');
  src:  url('assets/fonts/icomoon.eot?rzy711#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?rzy711') format('truetype'),
    url('assets/fonts/icomoon.woff?rzy711') format('woff'),
    url('assets/fonts/icomoon.svg?rzy711#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tiktok:before {
  content: "\e900";
}

#page-container {
    overflow-x: hidden;
}
.et-l.et-l--body {
    overflow: hidden;
}
.page-template-page_simple #wp-admin-bar-et-use-visual-builder {
    display: none;
}
body, h6, p, blockquote, li, a {
    font-family: 'Kapra Neue Regular', sans-serif;
    /* font-weight: 400; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a.et_pb_button,a.button, .entry-title > a {
    text-decoration: none !important;
}
 .entry-content ul.fa-ul, ul.fa-ul {
    list-style: none !important;
    list-style-type: none !important;
    padding: 1.2em 0;
}
.keinzeilenumbruch h1, .keinzeilenumbruch h2, .keinzeilenumbruch h3 {
    white-space: wrap;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    hyphens: none !important;
}
span.nobreak {
    white-space: nowrap;
}
 ol.fa-ol, .entry-content ol.fa-ol {
    padding: 1.2em 0;
 }
 p + ol.fa-ol, .entry-content p + ol.fa-ol,  p + ul.fa-ul, .entry-content p + ul.fa-ul  {
     padding: .2em 0 1.2em;
 }
.entry-content ul.fa-ul:last-child, ul.fa-ul:last-child, ol.fa-ol:last-child, .entry-content ol.fa-ol:last-child {
    padding: 1.2em 0 0;
}
.fa-li {
        text-align: left;
}
.fa-ul>li+li, ol.fa-ol > li+li {
    margin-top: .5em;
}
.tm-colored-navheader #main-header, .tm-colored-navheader .et-search-form, .tm-colored-navheader #main-header .et_mobile_menu {
    background-color: #f8508e;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.tm-colored-navheader #main-header .nav li ul {
    background-color: #ff6c82;
}
.tm-colored-navheader #main-header:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 56%;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 199px;
    height: 12vw;
    background-image: url('assets/images/tm_header_welle_links_v3.svg');
}

.tm-colored-navheader #main-header:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 30%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
    background-image: url('assets/images/tm_header_welle_rechts.svg');
}
.search.tm-colored-navheader #main-header,  .search.tm-colored-navheader .et-search-form, .search.tm-colored-navheader #main-header .et_mobile_menu { 
    background-color: rgba(255,255,255,0); 
}
.search.tm-colored-navheader #main-header.et-fixed-header {
    background-color: #ff6c82;
}
.search.tm-colored-navheader #main-header:before, .search.tm-colored-navheader #main-header:after {
    display: none !important;
}
.tm-colored-navheader #main-header.et-fixed-header:after, .tm-colored-navheader #main-header.et-fixed-header:before {
    display: none;
}
.abovetitlespan {
    display: block;
    font-size: 120%;
    text-transform: uppercase;
}
/* Flags */
.mlp-language-nav-item a:before {
    content: '';
    position: relative;
    background-size: contain;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: baseline;
    margin-right: 5px;
    background-position: center;
}
.site-id-1.mlp-language-nav-item > a:before,
.german > a:before {
    background-image: url('assets/images/flags/germany.svg');
}
.site-id-3.mlp-language-nav-item > a:before,
.site-id-12.mlp-language-nav-item > a:before,
.english > a:before {
    background-image: url('assets/images/flags/united-kingdom.svg');
}
.site-id-4.mlp-language-nav-item > a:before,
.site-id-15.mlp-language-nav-item > a:before,
.francais > a:before  {
    background-image: url('assets/images/flags/france.svg');
}
.site-id-5.mlp-language-nav-item > a:before,
.site-id-16.mlp-language-nav-item > a:before,
.dansk > a:before {
    background-image: url('assets/images/flags/denmark.svg');
}
.site-id-6.mlp-language-nav-item > a:before,
.site-id-14.mlp-language-nav-item > a:before,
.nederlands > a:before {
    background-image: url('assets/images/flags/netherlands.svg');
}
.site-id-7.mlp-language-nav-item > a:before,
.site-id-18.mlp-language-nav-item > a:before,
.suomi > a:before {
    background-image: url('assets/images/flags/finland.svg');
}
.site-id-8.mlp-language-nav-item > a:before,
.russian > a:before {
    background-image: url('assets/images/flags/russia.svg');
}
.site-id-9.mlp-language-nav-item > a:before,
.site-id-13.mlp-language-nav-item > a:before,
.espanol > a:before {
    background-image: url('assets/images/flags/spain.svg');
}
.site-id-10.mlp-language-nav-item > a:before,
.site-id-17.mlp-language-nav-item > a:before,
.svenska > a:before {
    background-image: url('assets/images/flags/sweden.svg');
}
.site-id-11.mlp-language-nav-item > a:before,
.ukrain > a:before {
    background-image: url('assets/images/flags/ukraine.svg');
}

#et-top-navigation li, #et-top-navigation li a {
    font-family: 'Kapra Neue Regular', sans-serif;
    font-weight: 500;
}
h1, h2, h3, .burtonheading h2 {
    font-family: 'Bourton Hand Drop Extrude', sans-serif;
    font-weight: normal;
    font-weight: 400;
}
h4, h5, .youtube-videotext h3, .youtube-videotext h2, .youtube-videotext h1, .kapraneue h1, .kapraneue h2, .kapraneue h3 {
    font-family: 'Kapra Neue Semibold', sans-serif;
    font-weight: 600;
}
.regularkapraneue h3 {
    font-family: 'Kapra Neue Regular', sans-serif;
    font-weight: normal;
    font-weight: 400;
}
.youtube-videotext.infotxt h3 {
    font-size: 26px;
}
.youtube-videotext h3, .youtube-videotext h2, .youtube-videotext h1 {
    padding-bottom: 15px;
}
h1.tm-title {
    font-family: 'Kapra Neue Regular', sans-serif;
    padding: 10px;
    background-color: #ff6c82;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.16);
}
h1.models_title, h2.models_title, .headmbot h1, .headmbot h2 {
    padding-bottom: .4em;
}
p.models_subtitle, .headmbot p {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.heading_waveline_left h2, .heading_waveline_left h1 {
    position: relative;
}
.heading_waveline_left h2:after, .heading_waveline_left h1:after {
    position: relative;
    display: block;
    height: 56px;
    width: 100%;
    background-image: url(assets/images/topmodel_welle_dunkel.svg);
    background-repeat: no-repeat;
    background-position: -28px;
    background-size: 150px 72px;
    content: '';  
}
.wavecenter h2:after, .wavecenter h1:after {
    background-position: center;
}
.waveline:after {
    position: relative;
    display: inline-block;
    height: 72px;
    width: 150px;
    background-image: url('assets/images/topmodel_welle_dunkel.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content:'';
}
.lightwave h2:after, .lightwave h1:after, .lightwaveline:after  {
    background-image: url('assets/images/topmodel_welle_hell.svg') !important;
}
#main-footer .footer-widget h4:after {
    position: relative;
    display: block;
    margin-top: .9em;
    margin-bottom: .7em;
    width: 18px;
    height: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #FF6C82;
    content: '';
}
/* Buttons */
.et-db #et-boc .et-l .et_pb_button {
    -webkit-border-radius: 49px;
    -moz-border-radius: 49px;
    border-radius: 49px;
}
.et-db #et-boc .et-l .et_pb_button:hover {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}
.sdm_download {
    font: inherit !important;
}
.agree_termscond a {
    color: #404040;
}
.sdm-termscond-button {
    padding-top: .75em;
}
.download-wrap .et_pb_text a.sdm_download.grey, .sdm_download.grey, a.sdm_download.grey {
    border: 2px solid transparent !important;
    color: #ffffff !important;
    background-image: initial!important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 49px;
    -moz-border-radius: 49px;
    border-radius: 49px;
    filter: none !important;
    background: #404040 !important;
    background-color: #404040 !important;
    text-align: center !important;
    -webkit-transition: all 300ms ease 0ms;
    -moz-transition: all 300ms ease 0ms;
    transition: all 300ms ease 0ms;
    padding: .3em 1em;
}
.sdm_download.grey:hover {
    border: 2px solid transparent;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}
/* Downloads Liste */

.download_item {
    display: block;
    background-color: #f88bb3;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    -webkit-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.24);
    box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.24);
}
.download_item img {
    display: block;
}
.download_item .youtube-videotext {
    line-height: 1.4em;
    padding: 40px;
    color: #ffffff;
    text-align: center;
}
.download_item .youtube-videotext h2,
.download_item .youtube-videotext h3,
.et-db #et-boc .et-l .download_item .youtube-videotext h2,
.et-db #et-boc .et-l .download_item .youtube-videotext h3 {
    font-weight: 600;
    font-size: 26px;
    line-height: 1.2em;
    color: #ffffff;
}
.et-db #et-boc .et-l .download_item .youtube-videotext a,
.download_item .youtube-videotext a {
    color: #404040;
}
.download_item .sdm_download_button_box_default {
    margin: 1.4em 0 0px;
}

/* z-index Tricks */
.upload_info .et_pb_text_inner {
    z-index: 5;
}
.text_vor_bgpseudo .et_pb_text_inner {
    position: relative;
    z-index: 2;
}
.text-pseudo-helper {
    z-index: unset !important;
}
.abovetitlespan + h2, .abovetitlespan + h1, .abovetitlespan + p:not(.has-background):last-of-type {
    margin-top: 18px !important;
}
.aboutmodel h2, .single-haustiere .aboutmodel h1, .single-freunde .aboutmodel h1, .modeltyp-h3, .roommates_heading {
    font-family: 'Kapra Neue Semibold', sans-serif;
    font-weight: 600;
}
.roommates_heading {
    max-width: 385px;
    display: inline-block;
}
.modeltyp-h3 {
    font-size: 29px;
    display: inline-block;
    margin-bottom: 10px;
}
.tm-pink li i {
    color: #ff6c82;
}
.stimmungsbild_wrap .et_pb_code_inner {
    height: 100%;
}
.stimmungsbild_cont {
    background-size: contain; 
    background-position: center; 
    background-repeat: no-repeat;
    width: 100%; 
    height: 300px; 
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.tm_prozente .et_pb_counter_title {
    font-size: 18px;
}
.tm_prozente .et_pb_counter_title {
    font-size: 18px;
}
.tm_prozente .et_pb_counter_amount {
    min-height: 6px;
    padding: 1px;
    opacity: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4em;
}
.tm_prozente .et_pb_counter_container {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.produkte-blurb .et_pb_main_blurb_image {
    margin-bottom: 0;
}
.produkte-blurb .et_pb_blurb_content .et_pb_blurb_container {
    padding: 36px 20px 23px;
    margin-top: -22px;
    background: #ffffff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.tm_steckbrief_wg1_produkte .et_pb_column.et_pb_column_2_3 {
    z-index: 10;
}
.mitbewohner_buttons {
    display: inline-block;
}
.mitbewohner_button {
    -webkit-box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
    box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    float: left;
}
.mitbewohner_button a {
    min-width: 150px;
}
.mitbewohner_bereich > .et_pb_row.et_pb_gutters1 {
    height: 100%;
    width: 98%;
}
.mobile_menu_bar:before {
    color: #ffffff !important;
}
.et_header_style_split #et-top-navigation .mobile_menu_bar, .et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 14px;
}

.steckbrief_wrapper {
    padding: 0 20px 20px;
}
ul + p {
    margin-top: 1em;
}
p + .et_pb_button_module_wrapper {
    margin-top: 1em;
}
.et_pb_button_module_wrapper + .et_pb_button_module_wrapper {
    margin-top: .5em;
}
.mitbewohner_buttons .et_pb_button_module_wrapper + .et_pb_button_module_wrapper {
    margin-top: 0em;
}
table.steckbrief {
    width: 100%;
}
.steckbrief td {
    padding: 5px;
    line-height: 1.3em;
}
.steckbrief tr + tr {
    border-top: 1px solid #eee;
}
.tdbold {
    font-weight: bold;
}

.mates_2.mitbewohner_button + .mates_2.mitbewohner_button {
    margin-left: 6em;
}
.mates_3.mitbewohner_button + .mates_3.mitbewohner_button {
    margin-left: 6em;
}

.make-me-inline-block {
    display: inline-block !important;
}
.make-me-inline-block + .make-me-inline-block{

}

/* main header z-index */
#main-header.hover_me{
    z-index: 100000 !important;
}
/* 404 Fehler */
.error404 header#main-header.et-fixed-header {
    z-index: 990003;
}

#footer-info {
    text-align: center;
    width: 100%;
}

#footer-widgets .footer-widget ul li {
    line-height: 26px;
    padding-left: 0px;
}

.footer-widget ul {
    list-style: none;
}

#footer-widgets .footer-widget li:before {
    display: none;
}
/*
li.instagram i {
    background-color: #4c68d7;
}

li.facebook i {
    background-color: #3b5998;
}

li.youtube i {
    background-color: #ff0000;  
}

li.snapchat i {
    background-color: #fefc00;
}

li.pinterest i {
    background-color: #bd081c;
}
*/
#footer-widgets .footer-widget ul#menu-social li i {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    text-align:center;
    margin-right: 8px;
    padding-top: 7px;
    top: 0;
    background-color: #ffffff;
    color: #404040;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#footer-widgets .footer-widget ul#menu-social li a:hover i {
    background-color: #ff6c82;
    color: #ffffff;
}

footer .footer-widget img.image {
    max-width: 235px !important;
    width: 100%;
}

.blindhelper { position: absolute !important; top: -9999px !important; left: -9999px !important; }

.tm-fanart .dp-dfg-layout-grid .dp-dfg-item .dp-dfg-image img {
    height: 500px;
    object-fit: cover;
}
.dp-dfg-filters ul.clearfix, .dp-dfg-pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}
li.pagination-item {
    display: inline-block;
}
.dp-dfg-pagination .pagination a{
    background-color: unset;
}
.pagination-link .et-pb-icon, .dp-dfg-pagination .pagination a {
    font-size: inherit !important;
    border: none !important;
}
.tm-kunstwerke .dp-dfg-filters {
    text-align: center;
}
.tm-kunstwerke .dp-dfg-filters ul.clearfix {
    display: inline-block;
}
.dp-dfg-filters { 
    margin-bottom: 2em !important;
}
li.dp-dfg-filter {
    display: inline-block;
    float: left;
}
.et-db #et-boc .et-l .dpdfg_filtergrid_1_tb_body .dp-dfg-pagination ul.pagination li.active a {
    color: #ff6c82 !important;
}
.tm-kunstwerke li.dp-dfg-filter{
    margin-bottom: 1.5em;
}
li.dp-dfg-filter + li {
    margin-left: 15px;
}
li.dp-dfg-filter a {
    display: block;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 10px 20px;
    background-color: #ffffff !important;
    color: #404040 !important;
    -webkit-transition: all 300ms ease 0ms;
    -moz-transition: all 300ms ease 0ms;
    transition: all 300ms ease 0ms;
    -webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.23);
    -moz-box-shadow: 5px 5px 20px rgba(0,0,0,.23);
    box-shadow: 5px 5px 20px rgba(0,0,0,.23);
}
li.dp-dfg-filter a.active, li.dp-dfg-filter a:hover  {
    background-color: #F8508E !important;
    color: #ffffff !important;
}
li.dp-dfg-filter a:hover{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.modelfilter li.dp-dfg-filter a {
    color: #F8508E !important;
    background-color: #F8508E !important;
    background-image: url('assets/images/home_icon_250x195.png');
    background-repeat: no-repeat;
    background-size: 38px;
    background-position: center;
    overflow: hidden;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    line-height: 54px;
    overflow: hidden;
    padding: 0;
}
.modelfilter li.dp-dfg-filter a.dp-dfg-filter-link.active,
.modelfilter li.dp-dfg-filter a:hover {
 background-color: #FFB173 !important;
 color: #FFB173 !important;
}
.modelfilter li.dp-dfg-filter:first-child a {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 10px 20px;
    color: #ffffff !important;
    background-image: unset;
    width: auto;
    height: auto;
    line-height: inherit;
}
.modelfilter li.dp-dfg-filter:first-child a:hover {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.modelfilter li.dp-dfg-filter:first-child a:hover, .modelfilter li.dp-dfg-filter:first-child a.active  {
    background-color: #F8508E !important;
    color: #ffffff !important;
}
.dp-dfg-layout-grid .dp-dfg-item {
    padding: 0;
}
.dp-dfg-layout-grid .dp-dfg-item .dp-dfg-image img {
    width: 100%;
}
.dp-dfg-item.models, .dp-dfg-item.haustiere, .dp-dfg-item.freunde {
    position: relative;
    z-index: 1;
}
.et_pb_portfolio_item.models > h2,
.dp-dfg-item.models > .dp-dfg-header,
.dp-dfg-item.haustiere > .dp-dfg-header,
.dp-dfg-item.freunde > .dp-dfg-header {
    z-index: 3;
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 30px;
    padding: 0;
    margin: 0 !important;
}
.tm-kunstwerke h2 a, .tm-kunstwerke h2 {
    font-family: 'Kapra Neue Regular', sans-serif;
    /* font-weight: 400; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600;
}
.dp-dfg-item.models > .dp-dfg-header .entry-title,
.dp-dfg-item.haustiere > .dp-dfg-header .entry-title,
.dp-dfg-item.freunde > .dp-dfg-header .entry-title {
 padding: 0;
}
.dp-dfg-item.models > .dp-dfg-header a,
.dp-dfg-item.haustiere > .dp-dfg-header a,
.dp-dfg-item.freunde > .dp-dfg-header a {
    font-weight: 600;
}
.et_pb_portfolio_item.models > a,
.tm-setcards .dp-dfg-item > .dp-dfg-image,
.dp-dfg-item.models > .dp-dfg-image a,
.dp-dfg-item.haustiere > .dp-dfg-image,
.dp-dfg-item.haustiere > .dp-dfg-image a,
.dp-dfg-item.freunde > .dp-dfg-image,
.dp-dfg-item.freunde > .dp-dfg-image a  {
    margin: 0;
    padding: 0;
    display: block;
    z-index: 1;
    position: relative;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
}
.tm-setcards .dp-dfg-item > .dp-dfg-image {
    -webkit-transition: all 300ms ease 0ms;
    -moz-transition: all 300ms ease 0ms;
    transition: all 300ms ease 0ms;
    -webkit-box-shadow: 4px 2px 10px 1px rgba(255,255,255,0);
    -moz-box-shadow: 4px 2px 10px 1px rgba(255,255,255,0);
    box-shadow: 4px 2px 10px 1px rgba(255,255,255,0);
}
.dp-dfg-item.models > .dp-dfg-image a img,
.dp-dfg-item.haustiere > .dp-dfg-image a img,
.dp-dfg-item.freunde > .dp-dfg-image a img,
.dp-dfg-item > .dp-dfg-image a img {
    display: block;
    -webkit-transition: filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms;
    -moz-transition: filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms;
    transition: filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms;
}

.et_pb_portfolio_item.models p.post-meta,
.dp-dfg-item.models .dp-dfg-meta,
.dp-dfg-item.freunde .dp-dfg-meta {
    position: absolute;
    top: -14px;
    right: -14px;
    z-index: 3;
    width: 75px;
    height: 75px;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 75px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 4px 2px 10px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 4px 2px 10px 1px rgba(0,0,0,.2);
    box-shadow: 4px 2px 10px 1px rgba(0,0,0,.2);
}
.dp-dfg-item.haustiere:after {
    position: absolute;
    content: "";
    top: -14px;
    right: -14px;
    z-index: 3;
    width: 75px;
    height: 75px;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 75px;
    border-radius: 50%;
    box-shadow: 4px 2px 10px 1px rgba(0,0,0,.2);
    display: block;
    background-color: rgb(255,177,115);
    color: #ffb273 !important;
    background-image: url('assets/images/pet_icon_250x195.png'), linear-gradient(90deg, rgba(255,177,115,1) 0%, rgba(248,80,142,1) 100%);
    background-repeat: no-repeat;
    background-size: 46px, cover;
    background-position: center, center;
    overflow: hidden;
}
.dp-dfg-item.models .dp-dfg-meta span.terms,
.dp-dfg-item.freunde .dp-dfg-meta span.terms {
    line-height: 88px !important;
    width: 75px;
    height: 75px;
    display: block;
    background-repeat: no-repeat;
    background-size: 46px;
    background-position: center;
    overflow: hidden;
}
.dp-dfg-item.models .dp-dfg-meta span.terms {
    background-image: url('assets/images/home_icon_250x195.png');
}

.dp-dfg-item .dp-dfg-meta, .dp-dfg-item.haustiere:after {
    filter: saturate(100%);
    -webkit-transition: filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms;
    -moz-transition: filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms;
    transition: filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms,filter 300ms ease 0ms;
}
.tm-setcards .dp-dfg-item:hover .dp-dfg-image-link img, .tm-setcards .dp-dfg-item:hover .dp-dfg-meta, .tm-setcards .dp-dfg-item.haustiere:hover:after {
    filter: saturate(122%);
    backface-visibility: hidden;
    /* transform: scaleX(1.15) scaleY(1.15); */
}
.tm-setcards .dp-dfg-item:hover > .dp-dfg-image {
    -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,.2);
    box-shadow: 10px 10px 16px 0px rgba(0,0,0,.2);
}
.tm-setcards.tm-kunstwerke .dp-dfg-item:hover > .dp-dfg-image {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.dp-dfg-item {
    -webkit-transition: transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms;
    -moz-transition: transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms;
    transition: transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms;
}
.dp-dfg-item:hover {
    -webkit-transform: scaleX(1.03) scaleY(1.03);
    -moz-transform: scaleX(1.03) scaleY(1.03);
    transform: scaleX(1.03) scaleY(1.03);
    z-index: 99;
}
.magazin-abo-cover-geschenk .dp-dfg-item:hover {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    z-index: initial;
}
.et_pb_portfolio_item.models.wg-wg-2 p.post-meta,
.dp-dfg-item.models.wg-wg-2 .dp-dfg-meta {
    background: rgb(255,167,0);
    color: #ffa600 !important;
    background: linear-gradient(90deg, rgba(255,167,0,1) 0%, rgba(206,206,33,1) 100%);
}
.dp-dfg-item.models.wg-wg-2 .dp-dfg-meta span .term-link {
    color: #ffa600 !important;
}
.et_pb_portfolio_item.models.wg-wg-1 p.post-meta,
.dp-dfg-item.models.wg-wg-1 .dp-dfg-meta {
    background: rgb(255,177,115);
    color: #ffb273 !important;
    background: linear-gradient(90deg, rgba(255,177,115,1) 0%, rgba(248,80,142,1) 100%);
}
.dp-dfg-item.models.wg-wg-1 .dp-dfg-meta span .term-link {
    color: #ffb273 !important;
    }
.et_pb_portfolio_item.models.wg-wg-3 p.post-meta,
.dp-dfg-item.models.wg-wg-3 .dp-dfg-meta {
    background: rgb(0,243,212);
    color: #00f3d3 !important;
    background: linear-gradient(90deg, rgba(0,243,212,1) 0%, rgba(144,63,255,1) 100%);
}
.dp-dfg-item.models.wg-wg-3 .dp-dfg-meta span .term-link {
    color: #7a88f0 !important;
}
.et_pb_portfolio_item.models.wg-wg-4 p.post-meta,
.dp-dfg-item.models.wg-wg-4 .dp-dfg-meta {
    background: rgb(248,80,142);
    background: linear-gradient(90deg, rgba(248,80,142,1) 0%, rgba(252,26,255,1) 100%);
}
.dp-dfg-item.models.wg-wg-4 .dp-dfg-meta span .term-link {
     color: #f8508e !important;
}

.dp-dfg-item.freunde.bkreis-jungs .dp-dfg-meta span.terms {
    background-image: url('assets/images/jungs_icon_250x195.png');
}
.dp-dfg-item.freunde.bkreis-business .dp-dfg-meta span.terms {
    background-image: url('assets/images/business_icon_250x195.png');
}
.dp-dfg-item.freunde .dp-dfg-meta span.terms .term-link {
    display: none;
}
.dp-dfg-item.freunde.bkreis-jungs .dp-dfg-meta {
    background: #903FFF;
    color: #ffa600 !important;
    background: linear-gradient(90deg, #00CBFF 0%, #903FFF 100%);
}
.dp-dfg-item.freunde.bkreis-business .dp-dfg-meta {
    background: #F8508E;
    color: #ffa600 !important;
    background: linear-gradient(90deg, #F88BB3 0%, #F8508E 50% ,#FC1AFF 100%);
}

/* Zeichenschule */
.arbeitsschritt-sektion.odd {
    background-color: #EAEAEA!important;
}
.arbeitsschritt-sektion.even {
    background-color: #DDDDDD!important;
}
.arbeitsschritt-sektion .et_pb_row_1000_tb_body.et_pb_row {
    margin-left: auto!important;
    margin-right: auto!important;
}
.arbeitsschritt-sektion .et_pb_image_1_tb_body {
    text-align: right;
    margin-right: 0;
}
.arbeitsschritt-sektion .et_pb_image_1_tb_body .et_pb_image_wrap {
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.24);
    box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.24);
}
.arbeitsschritt-sektion .et_pb_image .et_pb_image_wrap {
    display: inline-block;
    position: relative;
    max-width: 100%;
}
.arbeitsschritt-sektion .et_pb_text_1000_tb_body {
    background-color: #ffffff;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    border-color: rgba(0,0,0,0);
    height: 100%;
    padding-top: 40px!important;
    padding-right: 40px!important;
    padding-bottom: 40px!important;
    padding-left: 40px!important;
    -webkit-box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.24);
    box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.24);
    position: relative;
    overflow: inherit;
}
.schrittbubble {
    display: block;
    text-align: left;
    height: 158px;

}
.schrittbubble span {
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    color: #ffffff;
    position: relative;
    z-index: 1;
    height: 100%;
    width: 176px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.schrittbubble span::after {
    content: '';
    background-image: url('assets/images/topmodel_creativestudio_bubble.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
    width: 176px;
    height: 158px;
    position: absolute;
    z-index: -1;
}
p.schritt_beschreibung {
    padding: 1em 50px 0;
}
.creativestudiovideo.et_pb_video {
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    -webkit-box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
    box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.3);
}

/* Contact Form 7 */
.upload-formular ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.upload-formular ::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.upload-formular :-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.upload-formular :-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, .wpcf7-select, .wpcf7-number,
.upload-formular input[type="text"], .upload-formular input[type="password"], .upload-formular input[type="tel"], .upload-formular input[type="email"], .upload-formular input[type="number"], .upload-formular input.text, .upload-formular input.title,.upload-formular textarea {
    background-color: #404040;
    border: none;
    border-bottom: 1px solid #ffffff;
    font-weight: 400 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: inherit;
    color: #ffffff !important;
    padding: 10px 0px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    caret-color: #ffffff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0px 1000px #404040 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.tm-form-row + p {
    margin-top: .5em;
}
.wpcf7-file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.file-kunstwerk + label {
    position: relative;
    margin: 0.5em 0;
    padding: 0.3em 1em;
    border: 0;
    background-color: #FF6C82 !important;
    color: #ffffff !important;
    border-width: 0px!important;
    -webkit-border-radius: 49px;
    -moz-border-radius: 49px;
    border-radius: 49px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    display: inline-block;
}

.file-kunstwerk + label:hover {
    border: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}
.wpcf7-submit {
    position: relative;
    padding: 0.3em 1em;
    border: 0;
    background-color: #FF6C82 !important;
    color: #ffffff !important;
    border-width: 0px!important;
    -webkit-border-radius: 49px;
    -moz-border-radius: 49px;
    border-radius: 49px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    display: inline-block;
}
.wpcf7-submit:hover { 
    border: 2px solid transparent;
    border-color: #ff6c82!important;
    border-radius: 10px;
}
.wpcf7-acceptance input[type="checkbox"]::before {
    content: '\a0';
    display: inline-block;
    vertical-align: .1em;
    width: 1em;
    height: 1em;
    text-indent: .15em;
    line-height: .95em;
    font-size: 1.4em;
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff;
    background: #404040;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.wpcf7-acceptance input[type="checkbox"]:checked::before {
    content: '\2713';
    font-size: 1.4em;
    border-width: 1px;
    border-style: solid;
}
.wpcf7-acceptance span.wpcf7-list-item {
    margin: -10px .5em 0 0;
    vertical-align: middle;
    line-height: 1em;
}
.wpcf7-acceptance input[type="checkbox"] {
   clip: rect(0,0,0,0);
   color: #ffffff;
   -webkit-appearance: none;
   appearance: none;
   margin: 0 0;
}
.wpcf7-form label.error {
    background-color: #d61f00;
    font-size: 14px;
    color: #ffffff;
    padding: .3em .5em;
    border-radius: 3px;
    box-sizing: border-box;
}
span.newline {
    display: block;    
    font-size: 14px;
    line-height: 1.5em;
    text-align: justify;
}
.wpcf7-acceptance input[type="checkbox"]:disabled::before {
   background: gray;
   box-shadow: none;
   color: #555;
}
.app.customCheckbox {
    padding-bottom: 1em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #ffffff;
}
span.wpcf7-not-valid-tip {
    color: #f7e700 !important;
    font-size: .8em !important;
    font-weight: normal;
    display: block;
}

.tm-form {
    width: 100%;
    margin: 0 auto;
}

.tm-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.tm-form-row .wpcf7-form-control {
    width: 100%;
}

.tm-form-col {
    flex: 1;
    padding: 0.5rem 0;
    width: 100%;
}
.tm-form-col-1 {
    padding: 0.5em 0;
    width: 100%;
}
/* FAQ */
.faq .et_pb_toggle_open .et_pb_toggle_title:before {
display: block !important;
content: "\e04f";
}

/* Social Media Liste Startsektion */
.twocols li {
    display: inline-block;
    float: left;
    width: 49%;
    padding-bottom: .5em;
}
.fa-ul.twocols>li+li {
    margin-top: 0;
}
.twocols li:nth-child(2n+1){
    clear: left;
}

/* SlickSlider */
.steckbrief-slider .slick-list {
margin: 0 -10px;
width: calc(100% + 20px); /* add double the px size of slide space */
}

.steckbrief-slider .slick-next {
   /* right: -28px; */
}

.steckbrief-slider .slick-dots {
    bottom: -65px;
}

.steckbrief-slider .slick-dots li button:before, .steckbrief-slider .slick-dots li.slick-active button:before {
    color: #ffffff;
}

.steckbrief-slider .slick-slide {
margin: 0px 10px;
opacity:0;
transition-delay: 0s;
transition-duration: 0.2s;
transition-property: opacity;
transition-timing-function: ease-out;
}

.slick-slide.slick-active {
opacity:1;
transition-delay: 0.3s;
transition-duration: 0.2s;
transition-property: opacity;
transition-timing-function: ease-in;
}
.slider_grafik_link {
    position: relative;
    display: block;
}
.modelname {
    text-transform: uppercase;
    display: block;
    text-align: center;
    color: #404040;
    line-height: 1em;
    font-size: 30px;
    font-family: 'Bourton Hand Drop Extrude', sans-serif;
    position: absolute;
    bottom: 15%;
    z-index: 2;
    width: 100%;
}
.modelname .untertitel {
    font-family: 'Kapra Neue Regular', sans-serif;
    font-size: 20px;
}
.lieblingsmodel-start .shaded, p.shaded {
    text-shadow: 0px 3px 6px rgba(0,0,0,.29);
    font-size: 70px;
    font-family: 'Kapra Neue Semibold', sans-serif;
    font-weight: 600;
    line-height: 1em;
    text-transform: uppercase;
}

/* Spiele */
[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {  
  height: auto;
} 
@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }  
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }  
}

.et_pb_module.et_pb_fullwidth_code.spiele-iframe-embed {
    z-index: 99999 !important;
}
.et-fixed-header + #et-main-area .et_pb_module.et_pb_fullwidth_code.spiele-iframe-embed {
    z-index: 99998 !important;
}

/* Footer Video Liste */
.video-list-link {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-size: 18px;
}
.video-entry + .video-entry {
    margin-top: 1em;
}
.video-list-link img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 5px;
    display: inline-block;
    margin-right: .7em;
    float: left;
}
.videoname {
    font-weight: 600;
    display: block;
    float: left;
    text-align: left;
}
.videoname .date {
    font-style: italic;
    color: #FF6C82;
    font-weight: 400;
    display: block;
    font-size: 15px;
    float:left;
}

/* Magazin */
.aktuelle_ausgabe img {
    position: absolute;
    right: -27vw;
    top: 3%;
    z-index: -1;
    width: 24vw;
    max-width: 450px;
}
.abo-teaser-bild img {
    position: absolute;
}
.et-db #et-boc .et-l #magazin_archiv_kopfzeile .et_pb_code_inner{
    height: 100%;
}
.dp-dfg-layout-grid .dp-dfg-item.magazine .dp-dfg-image img {
    max-height: 343px;
    width: auto;
}
.dp-dfg-layout-grid .dp-dfg-item.magazine a.dp-dfg-image-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* Logo */
@-webkit-keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }
         
 @keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
 }
         
 .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
 }
 .logo_container {
/*    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; */
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Magazin-Abo */
article.post-password-required {
    padding-top: 300px;
}
.orange-infobox-punkte .et_pb_text_inner {
    border-width: 3px;
    border-style: dotted;
    border-color: #ff6c82;
    padding: 5px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.abo-formular span.wpcf7-not-valid-tip,
.abo-kuendigen-formular span.wpcf7-not-valid-tip {
    color: #f70000 !important;
    line-height: 1.3em;
    padding: 0.5em 20px 0;
}
.abo-formular .tm-form-row + p,
.abo-kuendigen-formular .tm-form-row + p {
    margin-top: 1.5em;
    padding-bottom: 1.5em;
}
.abo-formular .wpcf7-form-control-wrap,
.abo-kuendigen-formular .wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
}
.abo-formular .wpcf7-text, .abo-formular .wpcf7-date, .abo-formular .wpcf7-textarea, .abo-formular .wpcf7-captchar, .abo-formular .wpcf7-number,
.abo-formular input[type="text"], .abo-formular input[type="date"], .abo-formular input[type="password"], .abo-formular input[type="tel"], 
.abo-formular input[type="email"], .abo-formular input[type="number"], .abo-formular input.text, .abo-formular input.title, .abo-formular textarea,
.abo-kuendigen-formular .wpcf7-text, .abo-kuendigen-formular .wpcf7-date, .abo-kuendigen-formular .wpcf7-textarea, .abo-kuendigen-formular .wpcf7-captchar, .abo-kuendigen-formular .wpcf7-number,
.abo-kuendigen-formular input[type="text"], .abo-kuendigen-formular input[type="date"], .abo-kuendigen-formular input[type="password"], .abo-kuendigen-formular input[type="tel"], 
.abo-kuendigen-formular input[type="email"], .abo-kuendigen-formular input[type="number"], .abo-kuendigen-formular input.text, .abo-kuendigen-formular input.title, .abo-kuendigen-formular textarea {
    background-color: #ffffff !important;
    color: #404040 !important;
    border: 1px solid #666666;
    border-radius: 25px;
    font-weight: 400 !important;
    font-size: inherit;
    padding: 10px 18px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    caret-color: #404040;
}
.land, .land-versand {
    background-color: #ffffff !important;
    color: #404040 !important;
    border: none;
    border-radius: 25px;
    font-weight: 400 !important;
    font-size: inherit;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    caret-color: #404040;
    display: grid;
    grid-template-areas: "select";
    align-items: center;
}
.abo-formular .wpcf7-select,
.abo-formular select,
.abo-kuendigen-formular .wpcf7-select,
.abo-kuendigen-formular select {
-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
            outline: none;
            border: none;
            background: transparent;
            color: #404040 !important;
            border-radius: 25px;
    font-weight: 400 !important;
    font-size: inherit;
    padding: 10px 18px;
    width: 100%;
    border: 1px solid #666666;
}
.abo-formular select::-ms-expand,
.abo-kuendigen-formular select::-ms-expand {
  display: none;
}
.abo-formular input[type="text"],
.abo-formular input[type="email"],
.abo-formular input[type="date"],
.abo-kuendigen-formular input[type="text"],
.abo-kuendigen-formular input[type="email"],
.abo-kuendigen-formular input[type="date"] {
    -webkit-transition: all 300ms ease 0ms;
    -moz-transition: all 300ms ease 0ms;
    transition: all 300ms ease 0ms;
}
.abo-formular select,
.abo-kuendigen-formular select {
    -webkit-transition: all 300ms ease 0ms;
    -moz-transition: all 300ms ease 0ms;
    transition: all 300ms ease 0ms;
background-image: linear-gradient(45deg, transparent 50%, #666666 50%), linear-gradient(135deg, #66666666 50%, transparent 50%) !important;
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px) !important;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em !important;
    background-repeat: no-repeat !important;
    padding-right: 40px !important;
}
.abo-formular input[type="text"]:focus,
.abo-formular input[type="email"]:focus,
.abo-formular input[type="date"]:focus,
.abo-kuendigen-formular input[type="text"]:focus,
.abo-kuendigen-formular input[type="email"]:focus,
.abo-kuendigen-formular input[type="date"]:focus {
    border: 2px solid #43b3ff;
}
.land::after, .land-versand::after {
  content: "";
  width: 0.8em;
  height: 0.5em;
  background-color: #666666;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  justify-self: end;
  margin-right: 15px;
}
.abo-formular select,
.abo-kuendigen-formular select,
.land:after, .land-versand:after {
  grid-area: select;
}
.abo-formular select:focus,
.abo-formular select:focus:after,
.abo-kuendigen-formular select:focus,
.abo-kuendigen-formular select:focus:after,
.land:focus:after, .land-versand:focus:after {
  border: 2px solid #43b3ff;
}
.abo-formular ::-webkit-input-placeholder,
.abo-kuendigen-formular ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #7B7B7B;
}
.abo-formular ::-moz-placeholder,
.abo-kuendigen-formular ::-moz-placeholder { /* Firefox 19+ */
  color: #7B7B7B;
}
.wpcf7-form .abo-formular input:not([type='checkbox']).error,
.wpcf7-form .abo-formular input[type='checkbox'].error:before,
.wpcf7-form .abo-formular select.error, 
.wpcf7-form .abo-formular textarea.error {
    border: 2px solid #d61f00 !important;
}
.wpcf7-form .abo-formular input[type='checkbox'].error + .wpcf7-list-item-label {
    color: #d61f00;
}
.abo-formular :-ms-input-placeholder,
.abo-kuendigen-formular :-ms-input-placeholder { /* IE 10+ */
  color: #7B7B7B;
}
.abo-formular .error:-moz-placeholder,
.abo-kuendigen-formular .error:-moz-placeholder { /* Firefox 18- */
  color: #d61f00;
}
.abo-formular .error::-webkit-input-placeholder,
.abo-kuendigen-formular .error::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d61f00;
}
.abo-formular .error::-moz-placeholder,
.abo-kuendigen-formular .error::-moz-placeholder { /* Firefox 19+ */
  color: #d61f00;
}
.abo-formular .error:-ms-input-placeholder,
.abo-kuendigen-formular .error:-ms-input-placeholder { /* IE 10+ */
  color: #d61f00;
}
.abo-formular .error:-moz-placeholder,
.abo-kuendigen-formular .error:-moz-placeholder { /* Firefox 18- */
  color: #d61f00;
}
/* .land-versand select + span.wpcf7-not-valid-tip,
.land select + span.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -2em;
} */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #404040;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  font-family: inherit !important;
  transition: background-color 5000s ease-in-out 0s;
}
.abo-formular .wpcf7-submit,
.abo-kuendigen-formular .wpcf7-submit {
    cursor: pointer;
    width: 100%;
}
.abo-formular .wpcf7-submit:disabled,
.abo-kuendigen-formular .wpcf7-submit:disabled {
    cursor: not-allowed;
    opacity: .5;
}
.wpcf7-form-control-wrap.abotyp {
    width: 100%;
    padding-top: 0.5em;
}
.wpcf7-form-control-wrap.checkbox-shipping {
   padding-top: 2em;
   padding-bottom: 1.5em; 
}
.abo-formular .tm-form-row + .app.customCheckbox,
.abo-kuendigen-formular .tm-form-row + .app.customCheckbox {
    margin-top: 2.5em;
}
.zahlungsart .wpcf7-list-item {
    display: block;
    padding: 0.5em 0 1em 0;
}
div[data-id="group-shipping"] + p {
    padding-top: 2em;
}
div[data-id="group-shipping"].wpcf7cf-hidden + p {
    padding-top: 0em;
}
div[data-id="group-sepa"] + p {
    padding-top: 1.5em;
}
.abotyp .wpcf7-checkbox,
.land .wpcf7-checkbox,
.land-versand .wpcf7-checkbox {
    width: 100%;
    display: flex;
    justify-content: space-around;
}
input[value="Mein Abo"] + span.wpcf7-list-item-label:after,
input[value="Geschenke-Abo"] + span.wpcf7-list-item-label:after {
    display: block;
    font-size: 14px;
    padding-left: 55px;
    line-height: 1.5em;
}
input[value="Mein Abo"] + span.wpcf7-list-item-label:after {
content: "Jederzeit kündbar";
}
input[value="Geschenke-Abo"] + span.wpcf7-list-item-label:after {
 content: "Endet automatisch nach 12 Monaten";   
}
.abo-formular .wpcf7-acceptance input[type="checkbox"],
.abo-formular input[type="checkbox"],
.abo-kuendigen-formular .wpcf7-acceptance input[type="checkbox"],
.abo-kuendigen-formular input[type="checkbox"] {
    color: #ffffff;
}
.abotyp .wpcf7-checkbox {
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.abo-formular .wpcf7-acceptance input[type="checkbox"]::before,
.abo-formular input[type="checkbox"]::before,
.abo-kuendigen-formular .wpcf7-acceptance input[type="checkbox"]::before,
.abo-kuendigen-formular input[type="checkbox"]::before {
    content: '\a0';
    display: inline-block;
    vertical-align: .1em;
    width: 1em;
    height: 1em;
    text-indent: 0;
    line-height: 1;
    font-size: 1.4em;
    border-width: 1px;
    border-style: solid;
    border-color: #666666;
    color: inherit;
    background: #ffffff;
    border-radius: 6px;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.wpcf7-acceptance input[type="checkbox"]:checked::before,
.abo-formular input[type="checkbox"]:checked::before,
.abo-kuendigen-formular input[type="checkbox"]:checked::before {
    font-size: 1.4em;
    border-width: 1px;
    border-style: solid;
    font-family: "Font Awesome 5 Free";
    font-size: 1.4em;
    content: "\f00c";
    background-color: #ff6c82;
    border-color: #ff6c82;
    color: #ffffff;
}
.wpcf7-acceptance span.wpcf7-list-item,
.abo-formular .wpcf7-checkbox span.wpcf7-list-item,
.abo-kuendigen-formular .wpcf7-checkbox span.wpcf7-list-item {
    margin: -10px .5em 0 0;
    vertical-align: middle;
    line-height: 1em;
}
.abo-formular .abotyp .wpcf7-checkbox span.wpcf7-list-item,
.abo-kuendigen-formular .abotyp .wpcf7-checkbox span.wpcf7-list-item {
    margin: -10px 1em 0 0;
}
.abo-formular .abotyp .wpcf7-checkbox span.wpcf7-list-item.last,
.abo-kuendigen-formular .abotyp .wpcf7-checkbox span.wpcf7-list-item.last {
    margin: -10px 0 0 0;
}
.abo-formular .wpcf7-checkbox span.wpcf7-list-item-label,
.abo-kuendigen-formular .wpcf7-checkbox span.wpcf7-list-item-label {
    padding-left: 24px;
}
.wpcf7-acceptance input[type="checkbox"],
.abo-formular input[type="checkbox"],
.abo-kuendigen-formular input[type="checkbox"] {
   clip: rect(0,0,0,0);
   color: #ffffff;
   -webkit-appearance: none;
   appearance: none;
   margin: 0 0;
}

.wpcf7 form.invalid .abo-formular + .wpcf7-response-output, 
.wpcf7 form.unaccepted .abo-formular + .wpcf7-response-output, 
.wpcf7 form.payment-required .abo-formular + .wpcf7-response-output,
.wpcf7 form.invalid .abo-kuendigen-formular + .wpcf7-response-output, 
.wpcf7 form.unaccepted .abo-kuendigen-formular + .wpcf7-response-output, 
.wpcf7 form.payment-required .abo-kuendigen-formular + .wpcf7-response-output {
    border-color: #d61f00;
    background: #d61f00;
    color: #ffffff;
    border-radius: 6px;
    margin: 1.5em auto 0.5em;
    padding: 0.75em 1em;
    line-height: 1.4em;
}
.wpcf7 form.sent .abo-formular + .wpcf7-response-output,
.wpcf7 form.sent .abo-kuendigen-formular + .wpcf7-response-output {
    border-color: #46b450;
    background-color: #46b450;
    color: #ffffff;
    border-radius: 6px;
    margin: 1.5em auto 0.5em;
    padding: 0.75em 1em;
    line-height: 1.4em;
}

input.wpcf7-not-valid, select.wpcf7-not-valid, .wpcf7-checkbox.wpcf7-not-valid input:before {
    border: 2px solid #d61f00 !important;
}

.abo-formular .total .wpcf7-form-control-wrap,
.abo-kuendigen-formular .total .wpcf7-form-control-wrap {
    display: inline-block;
    width: auto;
}
.abo-formular .total input[type="text"].readonly,
.abo-kuendigen-formular .total input[type="text"].readonly {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    padding: 0 0;
    margin: 0 0 0;
    background-color: #ffffff;
    border-radius: 0;
    line-height: inherit;
    pointer-events: none;
    text-align: center;
}
.abo-formular .total input[type="text"].readonly:focus,
.abo-kuendigen-formular .total input[type="text"].readonly:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;   
}
.abo-formular span.strong, .abo-formular .strong .gesamtsumme input,
.abo-kuendigen-formular span.strong, .abo-kuendigen-formular .strong .gesamtsumme input {
    font-weight: 700 !important;
}
.abo-formular span.mwstwrap, .abo-formular .mwstwrap input {
    font-size: 16px;
}

/* Kaufen-Button */
.abo-formular div.jetzt-kaufen,
.abo-kuendigen-formular div.jetzt-kaufen {
    position: relative;
    display: block;
    text-align: center;
    padding: 1.5em 0 0;
}
.abo-formular div.kaufenwrapper,
.abo-kuendigen-formular div.kaufenwrapper {
    width: auto;
    display: block;
    position: relative;
    margin: 0 auto;
}
.abo-formular .kaufenwrapper span.wpcf7-spinner,
.abo-kuendigen-formular .kaufenwrapper span.wpcf7-spinner {
    position: absolute;
    margin: 0 0 0 1em;
    top: calc(50% - 12px);
}
.abo-formular .totalblock {
    width: 100%;
    max-width: 220px;
    position: relative;
    display: block;
}
.abo-formular .totalblock .totalzeile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
}
.mwstwrap {
    font-size: 14px;
}

/* Mobile Menu */
#mobile_menu {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: linear-gradient( rgba(66, 66, 66, 0.50), rgba(66, 66, 66, 0.90) ), url('assets/images/topmodel-homepage-menu-small.png');
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform 0.4s 0s;
    -moz-transition: -moz-transform 0.4s 0s;
    transition: transform 0.4s 0s;
    width: 340px;
    margin-left: calc(100% - 340px);
display: block !important;
    min-height: 100vh;
    height: 100%;
    top: 0;
    right: 0;
    position: fixed;
    z-index: -1;
    overflow: scroll;
    border-top: none;
    padding-top: 60px !important;
}
.admin-bar #mobile_menu {
    padding-top: 115px !important;
}
#mobile_menu li.current_page_item {
    background-color: rgba(255,255,255,.3);
    border-radius: 20px;
}
#mobile_menu li a {
    font-size: 18px;
    text-transform: uppercase;
    padding: 12px 5% 8px;
    line-height: 1em;
}
.mobile_nav.closed #mobile_menu {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.mobile_nav.opened #mobile_menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-overflow-scrolling: touch;
}
.container.et_pb_menu_hidden {
    z-index: 99;
}

.tm-teaserbubble.tm-teaser-nuno {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}