/* -------------------------- / Outfits / MONARI-SAMOON-TAIFUN-TUZZI Outfit / Image / Hover-Zoom / --------------------------
*/

/* -------------------------------------- / BETTY & CO Home & Outfits / --------------------------
*/
#wrapper.container #content.container .entry-content #pl-305.panel-layout #pg-305-2.panel-grid.panel-has-style {
border:0px solid lightgreen;}

.betty-1 {
border:0px solid lightblue;}

.betty-1-2 {
border:0px solid orange;}

/* ---------- / Monari & Taifun Outfits vorübergehend ausblenden / bis Plugin (Include Page kompatibel mit wp 5.8 ist!) ---
*/
#del-taifun-1-2,
#del-monari-1-2 {
display:none;
border:5px solid lightblue;}


/* -------------------------- / Anker / Slider --------------------------
*/

#monari-1,
#betty-1,
#taifun-1,
#tuzzi-1 {
padding-top:40px;
margin-top:-40px;
border:0px solid red;}

#monari-1-2,
#betty-1-2,
#taifun-1-2,
#tuzzi-1-2 {
padding-top:40px;
margin-top:-40px;
border:0px solid green;}

/* ------------------------------------------- / Home Content / Split-Content / --------------------------
*/
#wrapper.container .wrap.clearfix.contentclass.hfeed #content.container.homepagecontent.container-contained .row .main.col-md-12 {border:0px solid red;}

#wrapper #content.container.homepagecontent.container-contained .row .main.col-md-12 .entry-content .homecontent.clearfix.home-margin .panel-grid-cell {
padding:0px;
border:0px solid orange;}

#monari-img,
#betty-img,
#taifun-img,
#tuzzi-img {
overflow:hidden;
border:0px solid orange;}

#wrapper #content.container.homepagecontent.container-contained .row .main.col-md-12 .entry-content .homecontent.clearfix.home-margin .kt-image-slit .row .col-sm-6.kt-si-imagecol.img-ktsi-left:hover,
#wrapper #content.container.homepagecontent.container-contained .row .main.col-md-12 .entry-content .homecontent.clearfix.home-margin .kt-image-slit .row .col-sm-6.kt-si-imagecol.img-ktsi-right:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
-webkit-transition: opacity inherit;
-moz-transition: opacity inherit;
-ms-transition: opacity inherit;
-o-transition: opacity inherit;
transition: opacity inherit;}

.taifun a,
.betty a,
.monari a,
.tuzzi a {
background-color:transparent;
color:#828282;
font-family: "Roboto Slab";
font-size:16px;
font-weight:500;
letter-spacing: 2px;
border-radius:5px;
margin-top:20px;
margin-bottom:40px;
box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
border:1px solid #828282;}

.taifun a:hover,
.betty a:hover,
.monari a:hover,
.tuzzi a:hover {
background-color:#828282;
color:#fff;}

/* ------------------------------------------- / Home Content / Split-Content / Monari --------------------------
*/
.monari {border:0px solid lightblue;}

.monari .kt-si-image.kt-si-cover-image::after {
content:url(https://www.tragbar-mode.ch/wp-content/uploads/2019/10/monari-logo-white_smal.png);
background-color:rgba(0,0,0,0.2);
display:flex;
float:left;
position:relative;
top:0;
left:0;
padding-top:35%;
padding-left:5%;
padding-right:5%;
padding-bottom:200%;
width:105%;
border:0px solid lightgreen;}

@media only screen and (orientation: portrait) and (min-width:300px) and (max-width:415px) {
#wrapper.container .wrap.clearfix.contentclass.hfeed #content.container.homepagecontent.container-contained .row .main.col-md-12 .entry-content .homecontent.clearfix.home-margin #pl-305.panel-layout #pg-305-0.panel-grid.panel-has-style .monari.panel-row-style.panel-row-style-for-305-0 #pgc-305-0-0.panel-grid-cell #panel-305-0-0-0.so-panel.widget.widget_virtue_split_content_widget.virtue_split_content_widget.panel-first-child.panel-last-child #monari-img.panel-widget-style.panel-widget-style-for-305-0-0-0 #kt-image-split-widget-0-0-0.kt-image-slit .row .col-sm-6.kt-si-imagecol.img-ktsi-left.kt-animate-fade-in-right .kt-si-table-box .kt-si-cell-box .kt-si-image.kt-si-cover-image::after {
content:url(https://www.tragbar-mode.ch/wp-content/uploads/2019/10/monari-logo-white_smal.png);
background-color:rgba(0,0,0,0.2);
transform: scale(0.5);
margin-left:-50%;
margin-top:-110%;
min-width:200%;
border-top:150px solid rgba(0,0,0,0.025);
border-left:60px solid rgba(0,0,0,0.025);
border-bottom:150px solid rgba(0,0,0,0.025);}}

.monari .col-sm-6.kt-si-imagecol.img-ktsi-left.kt-animate-fade-in-right {
border:0px solid red;}

@media only screen and (min-width:300px) and (max-width:767px) {
#wrapper #content #monari-img .col-sm-6.kt-si-imagecol.img-ktsi-left.kt-animate-fade-in-right {
display:inline-block;
overflow:hidden;
min-height:600px !important;
width:100%;
margin-bottom:-20px;
border:0px solid orange;}}

/* ------------------------------------------- / Home Content / Split-Content / TAIFUN --------------------------
*/
.taifun {
display:none;
border:0px solid lightgreen;}

.taifun .kt-si-image.kt-si-cover-image::after {
content:url(https://www.tragbar-mode.ch/wp-content/uploads/2019/10/taifun-logo_white_smal.png);
background-color:rgba(0,0,0,0.2);
display:flex;
float:left;
position:relative;
top:0;
left:0;
padding-top:50%;
margin-left:-15px;
padding-left:100px;
padding-bottom:200%;
width:105%;
border:0px solid red;}

@media only screen and (orientation: portrait) and (min-width:300px) and (max-width:415px) {
.taifun .kt-si-image.kt-si-cover-image::after {
content:url(https://www.tragbar-mode.ch/wp-content/uploads/2019/10/taifun-logo_white_smal.png);
background-color:rgba(0,0,0,0.2);
transform: scale(0.7);
margin-left:-45%;
margin-top:-55%;
min-width:200%;
border-top:150px solid rgba(0,0,0,0.025);
border-left:60px solid rgba(0,0,0,0.025);
border-bottom:150px solid rgba(0,0,0,0.025);}}

@media only screen and (min-width:500px) and (max-width:767px) {
.taifun .kt-si-image.kt-si-cover-image::after {
content:url(https://www.tragbar-mode.ch/wp-content/uploads/2019/10/taifun-logo_white_smal.png);
background-color:rgba(0,0,0,0.2);
transform: scale(0.7);
margin-left:-200px;
margin-top:-70%;
min-width:200%;
border-top:150px solid rgba(0,0,0,0.025);
border-left:200px solid rgba(0,0,0,0.025);
border-bottom:150px solid rgba(0,0,0,0.025);}}

.taifun .col-sm-6.kt-si-imagecol.img-ktsi-right.kt-animate-fade-in-left {
border:0px solid lightgreen;}

@media only screen and (min-width:300px) and (max-width:767px) {
#wrapper #content #taifun-img .col-sm-6.kt-si-imagecol.img-ktsi-right.kt-animate-fade-in-left {
display:inline-block;
overflow:hidden;
min-height:600px !important;
width:100%;
margin-top:40px;
margin-bottom:-20px;
border:0px solid lightblue;}}

/* ------------------------------------------- / Home Content / Split-Content / BETTY --------------------------
*/
.betty {border:0px solid lightblue;}

.betty .kt-si-image.kt-si-cover-image::after {
content:url(https://www.tragbar-mode.ch/wp-content/uploads/2022/09/betty_logo_white_smal.png);
background-color:rgba(0,0,0,0.2);
display:flex;
float:left;
position:relative;
top:0;
left:-5%;
padding-top:50%;
padding-left:25%;
padding-right:5%;
padding-bottom:200%;
margin-left:15px;
width:105%;
border:0px solid green;}

@media only screen and (orientation: portrait) and (min-width:300px) and (max-width:415px) {
.betty .kt-si-image.kt-si-cover-image::after {
content:url(https://www.tragbar-mode.ch/wp-content/uploads/2022/09/betty_logo_white_smal.png);
background-color:rgba(0,0,0,0.2);
transform: scale(0.7);
margin-left:-35%;
margin-top:-55%;
min-width:200%;
border-top:150px solid rgba(0,0,0,0.025);
border-left:60px solid rgba(0,0,0,0.025);
border-bottom:150px solid rgba(0,0,0,0.025);}}

@media only screen and (min-width:500px) and (max-width:767px) {
.betty .kt-si-image.kt-si-cover-image::after {
content:url(https://www.tragbar-mode.ch/wp-content/uploads/2022/09/betty_logo_white_smal.png);
background-color:rgba(0,0,0,0.2);
transform: scale(0.9);
margin-left:-15%;
margin-top:-35%;
min-width:200%;
border-top:150px solid rgba(0,0,0,0.025);
border-left:60px solid rgba(0,0,0,0.025);
border-bottom:150px solid rgba(0,0,0,0.025);}}

.betty .col-sm-6.kt-si-imagecol.img-ktsi-right.kt-animate-fade-in-left {
border:0px solid red;}

@media only screen and (min-width:300px) and (max-width:767px) {

#wrapper #content #betty-img .col-sm-6.kt-si-imagecol.img-ktsi-left.kt-animate-fade-in-right {
display:inline-block;
overflow:hidden;
min-height:600px !important;
width:100%;
margin-top:40px;
margin-bottom:-20px;
border:0px solid lightgreen;}}

/* ------------------------------------------- / Home Content / Split-Content / TUZZI --------------------------
*/
.tuzzi {border:0px solid lightgreen;}

.tuzzi .kt-si-image.kt-si-cover-image::after {
content:url(https://www.tragbar-mode.ch/wp-content/uploads/2024/06/tuzzi_logo_white_smal.png);
background-color:rgba(0,0,0,0.2);
display:flex;
float:left;
position:relative;
top:0;
left:0;
padding-top:50%;
margin-left:-15px;
padding-left:100px;
padding-bottom:200%;
width:105%;
border:0px solid red;}


@media only screen and (orientation: portrait) and (min-width:300px) and (max-width:415px) {
.tuzzi .kt-si-image.kt-si-cover-image::after {
content:url(https://www.tragbar-mode.ch/wp-content/uploads/2024/06/tuzzi_logo_white_smal.png);
background-color:rgba(0,0,0,0.2);
transform: scale(0.7);
margin-left:-45%;
margin-top:-60%;
min-width:200%;
border-top:240px solid rgba(0,0,0,0.025);
border-left:60px solid rgba(0,0,0,0.025);
border-bottom:150px solid rgba(0,0,0,0.025);}}

@media only screen and (min-width:500px) and (max-width:767px) {
.tuzzi .kt-si-image.kt-si-cover-image::after {
content:url(https://www.tragbar-mode.ch/wp-content/uploads/2024/06/tuzzi_logo_white_smal.png);
background-color:rgba(0,0,0,0.2);
transform: scale(0.7);
margin-left:-35%;
margin-top:-75%;
min-width:200%;
border-top:160px solid rgba(0,0,0,0.025);
border-left:200px solid rgba(0,0,0,0.025);
border-bottom:150px solid rgba(0,0,0,0.025);}}

.tuzzi .col-sm-6.kt-si-imagecol.img-ktsi-left.kt-animate-fade-in-right {
border:0px solid lightgreen;}

@media only screen and (min-width:300px) and (max-width:767px) {
#wrapper #content #tuzzi-img .col-sm-6.kt-si-imagecol.img-ktsi-right.kt-animate-fade-in-left {
display:inline-block;
overflow:hidden;
min-height:600px !important;
width:100%;
margin-top:40px;
margin-bottom:-20px;
border:0px solid lightblue;}}



/* --------------------------------------  / Kadence Slider / Outfits / Monari Slider / Logo ----------------------------------
*/
.page-id-769 #wrapper #content #kad-slider-8 ul li img {
max-width:none;
border:0px solid green;}

#wrapper.container #kad-slider-8 ul li img.ksp-layer-wrap {
width:100%;
height:100%;}

@media only screen and (min-width:300px) and (max-width:500px) {
.page-id-769 #wrapper #content #kad-slider-8 ul li .ksp-layer-wrap {
margin-left:-10px;
border:0px solid red;}}

/* -----------------------------------  / Kadence Slider / Outfits / BETTY Slider / Logo ------------------------------------------------
*/
.page-id-769 #wrapper #content #kad-slider-15 ul li img {
max-width:none;
border:0px solid green;}

@media only screen and (min-width:300px) and (max-width:500px) {
.page-id-769 #wrapper #content #kad-slider-15 ul li .ksp-layer-wrap {
margin-left:-80px;
border:0px solid green;}}

/* --------------------------------  / Kadence Slider / Outfits / TAIFUN Slider / Logo ------------------------------------------------
*/
.page-id-769 #wrapper #content #kad-slider-7 ul li img {
max-width:none;
border:0px solid blue;}

@media only screen and (min-width:300px) and (max-width:500px) {
.page-id-769 #wrapper #content #kad-slider-7 ul li .ksp-layer-wrap {
margin-left:-10px;
border:0px solid lightblue;}}


/*---------------------------- / Kadence Slider / Erfahre mehr... (Button) positionieren --------------------------
*/
.kad-slider .kad-slider-btn {
padding:5px 20px;
margin:0;
margin-bottom:40px;
font-size:40px;
line-height:40px;
border-radius:5px;
border:0px solid red;}

/*---------------------------- / Kadence Slider / Erfahre mehr... (Button) positionieren
								Manuelle Korrektur - NUR bei «Caption Placement» Bottom Right !!!!!!! --------------------------
*/
.caption-case-inner {
margin-right:40%;
border:0px solid red;}


/*---- Zusätzlich für Mobile / Zeile 97 --------- */

/* -------------------------------- / Kadence Slider / Home Mobile --------------------------
*/
html.js-running body.home.page-template.page-template-page-feature.page-template-page-feature-php.page.logged-in.admin-bar.wp-embed-responsive.siteorigin-panels.siteorigin-panels-home.kt-turnoff-lightbox.kt-showsub-indicator.notsticky.virtue-skin-default.wide.customize-support.rml-touch.rml-webkit #wrapper.container .wrap.clearfix.contentclass.hfeed .sliderclass.clearfix.ktslider_home_hidetop .kad-slider-wrapper.kad-slider-2521 #kad-slider-2521.kad-slider.kad-loading.seq-touch.seq-active.seq-preloaded.seq-step2 ul.kad-slider-canvas.seq-canvas li.seq-in .kad-slide.kad-slide-2 .caption-case.kad-placement-bc .kad-slide-caption.animated.fadeIn.fadeOut .caption-case-inner a.kad-slider-btn.headerfont.kad-slider-btn-01 {
font-size:14px;
line-height:16px;
margin:0;
padding:5px;}


@media only screen and (min-width:280px) and (max-width:1023px) {
#wrapper.container ul li a.kad-slider-btn.headerfont.kad-slider-btn-01 {
margin-bottom:0px;
font-size:14px;
letter-spacing:1px;
line-height:16px;
border-radius:3px;
border:1.5px solid #fff;}}

/* ---------------------------------------------------- / Footer-Symbol-Menue / --------------------------
*/
#wrapper.container #content.container .entry-content .home-margin.home-padding.kt-home-icon-menu {
border:0px solid red;}

#wrapper.container #content.container .entry-content .home-margin.home-padding.kt-home-icon-menu .home-icon-item {
height:160px;
border:0px solid lightblue;}

#wrapper #content .tcol-lg-3.tcol-md-3.tcol-sm-6.tcol-xs-6.tcol-ss-12.home-iconmenu.kad-animation.homeitemcount1 .home-icon-item img {
margin-top:15px;
border:0px solid yellow;}

#wrapper #content .tcol-lg-3.tcol-md-3.tcol-sm-6.tcol-xs-6.tcol-ss-12.home-iconmenu.kad-animation.homeitemcount2 .home-icon-item img {
margin-top:40px;
border:0px solid lightblue;}

#wrapper #content .tcol-lg-3.tcol-md-3.tcol-sm-6.tcol-xs-6.tcol-ss-12.home-iconmenu.kad-animation.homeitemcount3 .home-icon-item img {
margin-top:55px;
border:0px solid lightgreen;}

#wrapper #content .tcol-lg-3.tcol-md-3.tcol-sm-6.tcol-xs-6.tcol-ss-12.home-iconmenu.kad-animation.homeitemcount4 .home-icon-item img {
margin-top:20px;
border:0px solid lightpink;}

#wrapper #content .tcol-lg-3.tcol-md-3.tcol-sm-6.tcol-xs-6.tcol-ss-12.home-iconmenu.kad-animation.homeitemcount5 .home-icon-item img {
margin-top:25px;
border:0px solid pink;}

#wrapper #content .tcol-lg-3.tcol-md-3.tcol-sm-6.tcol-xs-6.tcol-ss-12.home-iconmenu.kad-animation.homeitemcount6 .home-icon-item img {
margin-top:55px;
border:0px solid orange;}

#wrapper #content .tcol-lg-3.tcol-md-3.tcol-sm-6.tcol-xs-6.tcol-ss-12.home-iconmenu.kad-animation.homeitemcount7 .home-icon-item img {
margin-top:60px;
border:0px solid blue;}

/* ---------------------------------------------------- / Footer-Widget / --------------------------

.marken-logo {
overflow:hidden;
margin:0 -10px;
border:0px solid red;}

.marken-logo-2 {
overflow:hidden;
margin:0 -10px;
border:0px solid lightblue;}

.panel-row-style-for-w6666e3b2bf743-1 {
margin-top:-5px;
border:0px solid lightblue;}

#wrapper #content .marken-logo .panel-grid-cell {
padding:10px;
border:0px solid orange;}

.marken-logo #monari a,
.marken-logo #betty a, 
.marken-logo #taifun a,
.marken-logo #tuzzi a,
.marken-logo #mac,
.marken-logo #milestone {
display:inline-block;
padding:25px;
height:160px;
background-color:#798f86;
border:0px solid orange;}

.marken-logo #monari a:hover,
.marken-logo #betty a:hover, 
.marken-logo #taifun a:hover,
.marken-logo #tuzzi a:hover {
background-color:#4b685c;}

.marken-logo #monari a img {
margin:0;
padding:0 15px;
border:0px solid blue;}

.marken-logo #tuzzi a img {
margin-top:0px;
padding:0 15px;
border:0px solid lightblue;}

.marken-logo #betty a img,
.marken-logo #taifun a img,
.marken-logo #mac p img,
.marken-logo-2 #milestone p img {
margin:0;
padding:0;
border:0px solid orange;}

.marken-logo #monari a img {margin-top:0px;}
.marken-logo #betty a img {margin-top:40px;}
.marken-logo #taifun a img {margin-top:40px;}
.marken-logo #mac p img {margin-top:15px;}
.marken-logo-2 #milestone p img {margin-top:15px;}

@media only screen and (min-width: 350px) and (max-width: 780px) {
.marken-logo {
display:inline-block;
min-width:100%;
border:0px solid orange;}

#wrapper #content .marken-logo .panel-grid-cell {
max-width:300px;
margin:0 auto;
border:0px solid red;}}

@media only screen and (min-width: 781px) and (max-width: 991px) {
.marken-logo #monari a img,
.marken-logo #betty a img,
.marken-logo #taifun a img,
.marken-logo #tuzzi a img,
.marken-logo #mac img {
margin:0;
padding:0;
border:0px solid blue;}

.marken-logo #monari a {
margin:0;
padding:10px;
padding-top:10px;
max-height:100px;
border:0px solid red;}

.marken-logo #betty a {
margin:0;
padding:10px;
padding-top:35px;
max-height:100px;
border:0px solid yellow;}

.marken-logo #taifun a {
margin:0;
padding:10px;
padding-top:35px;
max-height:100px;
border:0px solid green;}

.marken-logo #tuzzi a {
margin:0;
padding:35px;
padding-top:30px;
max-height:100px;
border:0px solid green;}

.marken-logo #mac {
margin:0;
padding:10px;
padding-top:20px;
max-height:100px;
border:0px solid pink;}

.marken-logo-2 #milestone a {
margin:0;
padding:35px;
padding-top:30px;
max-height:100px;
border:0px solid green;
}}

*/

/* --------------------------------------------------- / Footer / ----------------------------------
*/
#wrapper.container footer#containerfooter.footerclass {
border-top:15px solid #4b685c;}

#wrapper.container footer#containerfooter .menu li a {
min-width:100%;
font-family: "Roboto Slab";
font-weight:400;
letter-spacing:0.75px;
background-color:#798f86;
border:1px solid transparent;}

#wrapper.container footer#containerfooter .menu li a:hover {
color:#4b685c;
background-color:#becec3;
border:1px solid #fff;
border-radius:3px;
box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
transition:background 1.5s ease-in-out;}

/* ---------------------------------------------------- / Footer / CopyRight / ---------------------------
*/
.footerbase {
margin-top:30px;
background-color:#4b685c;
border-top:1px solid #fff;}

.footerbase .container {border:0px solid orange;}

.footerbase .container .footercredits.clearfix {
padding:0;
border:0px solid #fff;}

.footerbase .container .footercredits.clearfix p {
color:#fff;
font-size:14px;
letter-spacing:1px !important;
margin-bottom:0;
padding:10px 0;
border:0px solid #000;}

.footerbase .container .footercredits.clearfix p a {border:0px solid red;}
.footerbase .container .footercredits.clearfix p a:hover {color:red;}

/* -------------------------------------------- / Footer-1 / Footer-2 ----------------------------
*/
.col-md-6.col-sm-6.footercol1 {
border:0px solid #fff;}

.col-md-6.col-sm-6.footercol1 .panel-grid-cell,
.col-md-6.col-sm-6.footercol1 .panel-grid.panel-no-style {
padding:0 !important;
margin:0 !important;
border:0px solid orange;}

.footercol1 ul#menu-footer-1.menu,
.footercol1 ul#menu-footer-2.menu {
max-width:160px;
margin:0;
border:0px solid lightblue;}

/* -------------------------------------------- / Footer-3 / Footer-4 -----------------------------
*/
.col-md-6.col-sm-6.footercol2 {
border:0px solid #fff;}

.col-md-6.col-sm-6.footercol2 .panel-grid-cell,
.col-md-6.col-sm-6.footercol2 .panel-grid.panel-no-style {
padding:0 !important;
margin:0 !important;
border:0px solid orange;}

.footercol2 ul#menu-footer-3.menu,
.footercol2 ul#menu-footer-4.menu {
max-width:160px;
margin:0;
border:0px solid lightblue;}

.footercol2 #panel-w5da71b1f7e11e-0-0-0.so-panel.widget.widget_nav_menu.panel-first-child {
margin:0;
border:0px solid red;}

.col-md-6.col-sm-6.footercol2 p {
font-family: "Roboto Slab";
font-size:16px;
letter-spacing:1px !important;
line-height:14px;}

.col-md-6.col-sm-6.footercol2 p span {
font-weight:bold;
letter-spacing:1px !important;
font-size:18px;
line-height:14px;
border:0px solid red;}

#officetime {
padding-top:1px;
min-width:200px;
border:0px solid green;}

#officetime h5 {letter-spacing:1px;}

#officetime p {
font-size:16px;
letter-spacing:1px !important;
line-height:14px;
border:0px solid red;}

@media screen and (max-width:780px) {
.col-md-6.col-sm-6.footercol2 #officetime {
padding-left:80px;
padding-top:20px;
margin-top:10px;
border-top:1px solid #fff;}}

/* ------------------------------ / Footer-3 / Sozial Media ----------------------------
*/
.widget-2.widget-last.footer-widget.widget {
margin-top:30px;
border:0px solid lightblue;}

.social-media-button-container {
padding-left:30px;
border:0px solid lightgreen;}

.social-media-button-container a.ow-button-hover.sow-social-media-button-instagram-0.sow-social-media-button {
font-size:24px;
border-radius:5px;
border:1px solid #fff;}

.social-media-button-container a.ow-button-hover.sow-social-media-button-facebook-0.sow-social-media-button {
font-size:24px;
border-radius:5px;
border:1px solid #fff;}