/*
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.0.0
*/

/* 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-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-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-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;
}
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;
}
 .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;
}
 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: 300px;
    height: 20vw;
    background-image: url('assets/images/tm_header_welle_links.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');
}
.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-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,
.francais > a:before  {
    background-image: url('assets/images/flags/france.svg');
}
.site-id-5.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,
.nederlands > a:before {
    background-image: url('assets/images/flags/netherlands.svg');
}
.site-id-7.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,
.espanol > a:before {
    background-image: url('assets/images/flags/spain.svg');
}
.site-id-10.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;
}
.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;
}
/* 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;
}

.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;
}

.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;
}
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%;
}

/* 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: 27vw;
    max-width: 450px;
}
.abo-teaser-bild img {
    position: absolute;
}

/* 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;
}

/* 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;
}