/* CUSTOM CSS WEB DESIGN SINCI */

/* LAYOUT
-------------------------------------------------*/
h1, .uk-h1 { font-size: 80px; line-height: 76px; color: #444444; font-family: 'Josefin Sans', sans-serif; font-weight: 100; }
h2, .uk-h2 { font-size: 24px; line-height: 30px; color: #323232; }
h3, .uk-h3 { font-size: 28px; line-height: 38px; color: #323232; }
#fancybox-content { font-size:16px; }
#fancybox-content .weiter { clear: left; background: #276ec6; border: 1px solid #004294; margin: 30px 0 0 0; padding: 10px 30px; color:#fff; font-size:22px; cursor: pointer; }
#fancybox-title-outside { display:none; }
#top-a h2 { background: rgba(0,0,0,0.5); font-size: 50px; margin: 150px 0 0 4%; line-height: 60px; }
#top-a h3 { background: rgba(0,0,0,0.5); font-size: 34px; margin: 20px 0 0 4%; line-height: 38px; }
#top-a h2, #top-a h3 { float: left; font-family: 'Josefin Sans', sans-serif; font-weight: 100; text-align: center; padding: 10px 30px; }
#top-a .uk-cover-background { background-position: 50% 80px; }
.uk-subnav a { color: #000!important; }
.uk-navbar-nav > li.uk-active > a { color: #000; }
#top-b, #top-c, #bottom-a, #bottom-b { padding:140px 0; }
#top-c, #bottom-a, #bottom-b, #bottom-c { border-top: 1px solid #ddd; }
#bottom-c { padding:50px 0 50px 0; }
#bottom-a .uk-width-medium-1-3 .myicon { width: 150px; float: right; margin: 10px 10px 10px 30px; }
#bottom-a .uk-width-medium-1-3 .mytext { text-align: justify; font-size: 14px; line-height: 22px; }
#bottom-a .uk-width-medium-1-3 h3 { margin: 12px 0 20px 0; font-size: 32px; line-height: 26px; font-family: 'Josefin Sans', sans-serif; font-weight: 100; }
#bottom-a .uk-width-medium-1-4 { margin: 40px 0 0 0; border-right: 1px solid #dddddd; border-left: none; }
#bottom-a .uk-width-medium-1-4:last-child { border-right: none; }
#bottom-a .uk-width-medium-1-4 .myicon { width: 100%; float: left; margin: 0; text-align: center; }
#bottom-a .uk-width-medium-1-4 .mytext { float: left; width: 100%; margin: 20px 0 0 0; text-align: justify; font-size: 14px; line-height: 22px; }
#bottom-a .uk-width-medium-1-4 h3 { margin: 0 0 20px 0; font-size: 24px; line-height: 26px;	 font-family: 'Josefin Sans', sans-serif; font-weight: 100; }
#bottom-c p.kontakttext { float: left; padding: 20px; text-align: center;font-size: 18px; line-height: 22px; }
p.uk-text-center { font-size: 24px; line-height: 26px;	 font-family: 'Josefin Sans', sans-serif; font-weight: 100; }
.uk-modal-dialog { width: -moz-fit-content; width: -webkit-fit-content; width: fit-content;  max-width: 80%; font-size: 14px; line-height: 22px; text-align:left; }
.uk-modal-dialog a { font-size: 14px; color:#a40000 !important; }
.uk-modal-dialog p { margin:20px 0 20px 0; }
.uk-modal-dialog ul { margin:0; }
.uk-modal-dialog table td { padding:0 11px; }
.uk-modal-dialog h3 { margin: 12px 0 20px 0; font-size: 32px; line-height: 26px; font-family: 'Josefin Sans', sans-serif; font-weight: 100; }
.uk-modal-dialog .mylightbox { width: auto; float: left; clear: left; margin:30px 0 0 0; }
.uk-modal-dialog .mythumbs { width: 106px; float: left; clear: left; }
.uk-modal-dialog .mythumbs img { width:50px; border: 4px solid #fff; margin:0 1px 1px 0; padding: 1px; cursor:pointer; }
.uk-modal-dialog .mythumbs img.active { border: 4px solid #09549b; }
.uk-modal-dialog .mythumbs img:hover { border: 4px solid #09549b; }
.uk-modal-dialog .mypreview { width: 400px; float: left; }
.uk-modal-dialog .mypreview img { width:400px; float:left; }
.uk-modal-dialog .video { width:100%; }
[data-player] { width: 100% !important; height: 100% !important; }
.uk-article-title { font-weight: 100; }
.uk-icon-search-plus { display:none; }
.uk-text-large { font-size: 20px; line-height: 26px; }
div.uk-grid.margin-top { margin-top: 35px; }
.uk-icon-large:before { font-size:250%!important; vertical-align: -22%; }

/* HEADER / LOGO / MENU
-------------------------------------------------*/
.tm-headerbar { z-index: 10; margin: 0; background: #000; border-bottom: 1px solid #414141; }
.tm-logo, .tm-logo p { margin:0; }
.tm-logo img { -webkit-transition: width 0.5s; -moz-transition: width 0.5s; -ms-transition: width 0.5s; -o-transition: width 0.5s; transition: width 0.5s; }
.uk-navbar-nav > li > a { color: #fff; -webkit-transition: font-size 0.5s; -moz-transition: font-size 0.5s; -ms-transition: font-size 0.5s; -o-transition: font-size 0.5s; transition: font-size 0.5s; }
.uk-navbar-nav .menu_font_size_klein { font-size:16px; margin:15px 0; }
.uk-navbar-nav .menu_font_size_gross { font-size:18px; margin:32px 0 27px 0; }
.uk-navbar { background: #000; }
.uk-navbar-flip { margin: 0; -webkit-transition: margin 0.5s; -moz-transition: margin 0.5s; -ms-transition: margin 0.5s; -o-transition: margin 0.5s; transition: margin 0.5s; }
.tm-navbar { margin-top: 2px; margin-bottom: 2px; }

/* #TOB-A / SLIDESHOW-HOME
-------------------------------------------------*/
#top-a { margin-top:-110px; }
.uk-overlay-panel.uk-overlay-fade.uk-flex.uk-flex-bottom.uk-flex-center { margin-bottom: 50px; }


/* PORTFOLIO
-------------------------------------------------*/
.sprocket-mosaic .sprocket-mosaic-header .sprocket-mosaic-filter { float: none; text-align: center; padding-bottom: 40px; }
div.uk-panel.uk-panel-space.portfolio { margin: 0; padding: 0; }
#main .sprocket-mosaic .sprocket-mosaic-filter ul li, #main .sprocket-mosaic .sprocket-mosaic-filter ul li, .sprocket-mosaic .sprocket-mosaic-filter li, .sprocket-mosaic .sprocket-mosaic-filter li { border-radius: 0; background:#fff; }
.sprocket-mosaic-item .sprocket-padding { padding: 0; }
.sprocket-mosaic-item { margin: 0; }
.sprocket-mosaic-item { border:none; border-radius:0; }
.sprocket-mosaic-loadmore { background: #FFFFFF; border-radius: 0; margin-top: 40px; }
span.loadmore-text { color: #323232; }
.sprocket-mosaic-hovercontent { position: absolute; background-color: rgba(0, 0, 0, 0.43); top: 0; content: ""; display: block; width: 100%; height: 100%; }
.sprocket-mosaic-hovercontent span { display: block; font-size: 3.1em; margin: 0; top: 50%; position: absolute; left: 50%; margin-top: -25px; margin-left: -25px; line-height: 50px; text-align: center; width: 50px; height: 50px }
.sprocket-mosaic-filter li.active, .sprocket-mosaic-filter li:hover { color: #39b9c8; }
.sprocket-mosaic .sprocket-mosaic-container { margin:0; }
.sprocket-mosaic-title { text-align: left; position: absolute; bottom: 0; left: 10px; color: #ccc; }
.sprocket-mosaic-order { display: none!important; }


#google_translate_element { float:right; margin:12px 0 0 50px; }
.goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon *, .goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active, .goog-te-gadget { font-size: 8px !important; }
.damen_gesamt { display:none; width:100%; height:auto !important; min-height:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; overflow:scroll; top:0; left: 0; z-index: 999; }
.damen_details { display:none; width:60%; height:auto; background:#fff; position:absolute; top:40px; left: 0; right: 0; margin: auto; padding:5px 5px 30px 5px; z-index: 999; border:5px solid #2C2C2C; -webkit-animation: slide-down .3s ease-out; -moz-animation: slide-down .3s ease-out; }
.damen_details .close { position:absolute; top:-20px; right:-20px; width:40px; height:40px; background:url("../../../../../images/x.png") 0 0 no-repeat; cursor:pointer; z-index: 999; }
@-webkit-keyframes slide-down {
      0% { opacity: 0; -webkit-transform: translateY(-100%); }   
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; -moz-transform: translateY(-100%); }   
    100% { opacity: 1; -moz-transform: translateY(0); }
}
.damen_details .cck_art_title { background:#272727; text-align:center; font-weight:bold; font-family: 'Alegreya Sans SC', sans-serif; margin: 0 0 10px 0; color: #fff; }
.damen_details div.cck_contents.cck_art_title.cck_item div.cck_value.cck_value_text { font-size:40px; line-height: 44px !important; }
.damen_details .cck_hauptbild_vorschaubild { width:125px !important; margin:0 0 0 30px; }
.damen_details .cck_hauptbild_vorschaubild img { width:125px; text-align: right; }
.damen_details .cck_galleriebildx { width:auto !important; margin:0 0 0 30px; max-width: 600px; }
.damen_details .cck_galleriebildx img { height:60px; margin: 0; border:2px solid #fff; }
.damen_details .cck_galleriebildx img:hover { border:2px solid #09549b; }
.damen_details .cck_mehr_informationen { display:none; }
.damen_details .cck_hotline, .damen_details .cck_konfektion, .damen_details .cck_service, .damen_details .cck_beschreibung { clear: left; }
.damen_details .cck_hotline, .damen_details .cck_konfektion, .damen_details .cck_alter, .damen_details .cck_oberweite, .damen_details .cck_groesse, .damen_details .cck_rasur { float:left; width:30% !important; margin: 10px 0; }
.damen_details .cck_hotline .cck_label, .damen_details .cck_konfektion .cck_label, .damen_details .cck_alter .cck_label, .damen_details .cck_oberweite .cck_label, .damen_details .cck_groesse .cck_label, .damen_details .cck_rasur .cck_label, .damen_details .cck_beschreibung .cck_label, .damen_details .cck_service .cck_label { width:auto !important; font-weight: bold; font-size: 14px !important; color: #B0B0B0; }
.damen_details .cck_hotline .cck_value, .damen_details .cck_konfektion .cck_value, .damen_details .cck_alter .cck_value, .damen_details .cck_oberweite .cck_value, .damen_details .cck_groesse .cck_value, .damen_details .cck_rasur .cck_value { width:auto !important; clear: left; font-size:18px !important; color: #720000; }
.damen_details .cck_beschreibung .cck_value, .damen_details .cck_service .cck_value { clear: left; font-size:15px !important; text-align: justify; color: #720000; }
.damen_details .cck_beschreibung, .damen_details .cck_service { width: auto !important; margin:30px 25px 0 25px; }
.damen_details .cck_hotline, .damen_details .cck_konfektion, .damen_details .cck_alter, .damen_details .cck_groesse, .damen_details .cck_oberweite, .damen_details .cck_rasur { margin-left:25px; }
#colorbox #cboxTitle, #colorbox #cboxCurrent, #colorbox #cboxPrevious, #colorbox #cboxNext  { display:none !important; }


.damen { width:calc(100% - 20px); font-size:12px; padding: 0 0 0 15px; }
.damen h1 { text-align:center; }
.damen .cck_art_title { font-weight:bold; font-size:28px; font-family: 'Alegreya Sans SC', sans-serif; }
.damen div.cck_contents.cck_item.cck_art_title div.cck_value.cck_value_text { font-size:22px; }
.damen .cck-line-top { background: #fff; margin:0; }
.damen .cck-line-top .cck-w100:nth-of-type(1) { background: #000; padding:0; border-bottom: 2px solid #fff; }
.damen .cck-line-top .cck-w100:nth-of-type(2) { padding: 0 0 10px 0; border-bottom: 2px solid #fff; }
.damen .cck-line-top .cck-w100:nth-of-type(3) { display:none; }
.damen .cck-line-top:hover .cck-w100:nth-of-type(1) { background: #530000; cursor:pointer; }
.damen .cck-line-top:hover .cck-w100:nth-of-type(2) { background: #800f0f; }
.damen .cck-line-top .cck-w100 { background: #d4d4d4; color:#323232; }
.damen .cck_page_items .cck_hauptbild_vorschaubild  { text-align: center; float: left;}
.damen .cck_page_items .cck_hauptbild_vorschaubild img { max-height:310px; text-align: center; }
.damen .cck_page_items .cck_galleriebildx { display:none; }
.damen .cck_page_items .cck_galleriebildx img { height:44px; margin: 0; border:2px solid #000; }
.damen .cck-line-top .cck_mehr_informationen p { margin:15px 0 5px 0; font-weight: bold; color:#b05800; text-align:center; font-size:20px; cursor:pointer; }
.damen .cck-line-top:hover .cck_mehr_informationen p { color:#fff; }
div.cck_contents.cck_item div.cck_label, div.cck_contents.cck_item div.cck_label label, div.cck_contents.cck_item div.cck_value { line-height: 16px !important; }
div.cck_art_title.cck_contents.cck_item div.cck_value { line-height: 34px !important; text-align: center !important; width: 100%; color: #fff; }



#fusszeile { float:left; width:100%; background:#540A0A; padding:20px 0; }
#fusszeile .fusszeile_menu { width:100%; margin:0 auto; text-align:center; line-height: 16px; }
#fusszeile .fusszeile_menu .link { float:left; padding:0 10px; text-align:left; border-left: 1px solid #fff; }
#fusszeile .fusszeile_menu .uk-panel:nth-of-type(1) .link { border-left: none; }
#fusszeile .fusszeile_menu .uk-panel { display:inline-block; }
#fusszeile .fusszeile_menu .link a { font-size:16px; color:#fff !important; }
#fusszeile .fusszeile_menu .link a:hover { text-decoration:underline; }
#fusszeile .fusszeile_menu ul, #fusszeile .fusszeile_menu ul li { margin:0; }
#footer { float:left; width:100%; background:#000000; padding:0; text-align:center; }
#footer .footer_inhalt { max-width:1100px; margin:0 auto; }
#footer .powered { display:inline-block; vertical-align:top; }
#footer .powered p { margin:19px 30px; color:#fff; font-size:12px; }
#footer .share { display:inline-block; vertical-align:top; }

/* MOBILE DEVICE BEGINN
--------------------------------------------------------------*/

.uk-nav-offcanvas > li > a { border-bottom: 1px solid #3F3F3F; }
.uk-nav-offcanvas > li:last-child > a { border-bottom:none; }
.uk-nav-offcanvas ul.uk-nav-sub > li > a { padding: 10px 15px; border-bottom: 1px solid #3F3F3F; }

/* Smartphones */
@media (max-width: 480px) {
  h1, .uk-h1 {
    margin-top: 20px;
  }
}

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
  h1, .uk-h1 { margin-top: 20px; }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) { ... }

/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) { ... }

/* Large Display */
@media (max-width: 1500px) {  
	.damen .cck_page_items .cck_hauptbild_vorschaubild img { max-height: 250px; }
}
@media (max-width: 1340px) {  
	.damen_details .cck_galleriebildx { width: 70% !important; margin: 0 0 0 10px; }
	.damen_details .cck_hauptbild_vorschaubild { width: 20% !important; }
	.damen_details { width: 85%; }
}
@media (max-width: 1300px) {  
	.damen .cck_page_items .cck_hauptbild_vorschaubild img { max-height: 200px; }
}
@media (max-width: 1260px) { 
	.damen div.cck_contents.cck_item.cck_art_title div.cck_value.cck_value_text { font-size: 14px; }
}
@media (max-width: 1220px) { 
	#bottom-a .uk-width-medium-1-3 h3 { font-size: 20px; }
	#bottom-a .uk-width-medium-1-4 h3 { font-size: 18px; }
}
@media (max-width: 1080px) {  
	.damen .cck_page_items .cck_hauptbild_vorschaubild img { max-height: 160px; }
	.uk-navbar-nav .menu_font_size_gross { font-size:14px; padding: 0 8px; }
	.uk-navbar-nav .menu_font_size_klein { font-size:14px; padding: 0 8px; }
}
@media (max-width: 1000px) {  
	#bottom-a .uk-width-medium-1-3 .myicon { width: 100px; }
	#bottom-a .uk-width-medium-1-3 .mytext, #bottom-a .uk-width-medium-1-4 .mytext { font-size: 12px; line-height: 16px; }
	.damen_details .cck_hotline .cck_value, .damen_details .cck_konfektion .cck_value, .damen_details .cck_alter .cck_value, .damen_details .cck_oberweite .cck_value, .damen_details .cck_groesse .cck_value, .damen_details .cck_rasur .cck_value { font-size: 14px !important; }
	.damen_details .cck_hotline .cck_label, .damen_details .cck_konfektion .cck_label, .damen_details .cck_alter .cck_label, .damen_details .cck_oberweite .cck_label, .damen_details .cck_groesse .cck_label, .damen_details .cck_rasur .cck_label, .damen_details .cck_beschreibung .cck_label, .damen_details .cck_service .cck_label { font-size: 12px !important; }
	.damen_details .cck_hotline, .damen_details .cck_konfektion, .damen_details .cck_alter, .damen_details .cck_oberweite, .damen_details .cck_groesse, .damen_details .cck_rasur { margin: 5px 0; }
	.damen_details .cck_beschreibung .cck_value, .damen_details .cck_service .cck_value { font-size: 14px !important; }
	.damen_details .cck_beschreibung, .damen_details .cck_service { margin: 10px 10px 0 10px; }
	.damen_details .cck_hotline, .damen_details .cck_konfektion { margin-left: 10px; }
	.damen_details .cck_hauptbild_vorschaubild { margin: 0 0 0 10px; }
}
@media (max-width: 950px) {  
	.damen .cck-w16f, .damen .cck-w17f { width:25%; }
}
@media (max-width: 860px) {
	h1, .uk-h1 { font-size: 42px; line-height: 38px; }
	.damen .cck-line-top .cck_mehr_informationen p { font-size: 14px; }
	#top-a h2 { font-size: 40px; margin: 130px 0 0 4%; line-height: 40px; }
	#top-a h3 { font-size: 20px; margin: 14px 0 0 4%; line-height: 18px; }
	.damen_details .cck_galleriebildx img { height: 48px; }
}
@media (max-width: 768px) {  
	.damen .cck-w16f, .damen .cck-w17f { width:33%; }
	.uk-navbar-content { display:none; }
	#google_translate_element { margin:5px 20px 0 50px; }
	h1, .uk-h1 { font-size: 42px; line-height: 38px; }
	.damen .cck-line-top .cck_mehr_informationen p { font-size: 14px; }
	#top-b, #top-c, #bottom-a, #bottom-b { padding: 50px 0; }
	#bottom-a .uk-width-medium-1-3 { width: 33%; }
	#bottom-a .uk-width-medium-1-4 { width: 25%; }
	#bottom-a .uk-width-medium-1-3 .myicon { width: 78px; margin: 10px 0 10px 10px; }
	#bottom-a .uk-width-medium-1-4 .myicon { width: 56%; }
	#bottom-a .uk-width-medium-1-3 h3 { margin: 12px 0 1px 0; font-size: 18px; line-height: 20px; }
	#bottom-a .uk-width-medium-1-4 h3 { margin: 0 0 2px 0; font-size: 16px; line-height: 18px; }
	#bottom-a .uk-width-medium-1-4 .mytext { margin: 8px 0 0 0; }
	.uk-width-medium-1-3, .uk-width-medium-1-4 { padding-left: 10px; padding-right: 10px; }
	h4, .uk-h4 { font-size: 20px; line-height: 22px; }
	.uk-modal-dialog .mythumbs { width: 30px; }
	.uk-modal-dialog .mythumbs img { width: 27px; border: 1px solid #fff; }
	.uk-modal-dialog .mythumbs img:hover { border: 1px solid #09549b; }
}
@media (max-width: 650px) {  
	.uk-modal-dialog .mypreview { width: 86%; }
	.uk-modal-dialog .mythumbs { width: 8%; }
}
@media (max-width: 600px) {  
	#bottom-a .uk-width-medium-1-3 { width: 100%; }
	#bottom-a .uk-width-medium-1-4 { width: 100%; }
	.uk-width-medium-1-3, .uk-width-medium-1-4 { padding-top: 10px; padding-bottom: 10px; }
	#bottom-a .uk-width-medium-1-4 .myicon { width: 80px; float: right; margin: 0 0 0 10px; }
	#bottom-a .uk-width-medium-1-4 .mytext { float: none; width: auto; }
	#fusszeile .fusszeile_menu { line-height: 10px; }
	#fusszeile .fusszeile_menu .link a { font-size: 12px; }
	#fusszeile .fusszeile_menu .link { margin: 5px 0; }
	#bottom-c p.kontakttext { padding: 0; margin:10px 0; font-size: 14px; line-height: 16px; }	
	#top-a h2 { font-size: 30px; margin: 130px 0 0 4%; line-height: 28px; }
	.damen_details div.cck_contents.cck_art_title.cck_item div.cck_value.cck_value_text { font-size: 20px; line-height: 26px !important; }
	.damen_details .cck_hotline .cck_value, .damen_details .cck_konfektion .cck_value, .damen_details .cck_alter .cck_value, .damen_details .cck_oberweite .cck_value, .damen_details .cck_groesse .cck_value, .damen_details .cck_rasur .cck_value { font-size: 12px !important; }
	.damen_details .cck_hotline .cck_label, .damen_details .cck_konfektion .cck_label, .damen_details .cck_alter .cck_label, .damen_details .cck_oberweite .cck_label, .damen_details .cck_groesse .cck_label, .damen_details .cck_rasur .cck_label, .damen_details .cck_beschreibung .cck_label, .damen_details .cck_service .cck_label { font-size: 10px !important; }
	.damen_details .cck_beschreibung .cck_value, .damen_details .cck_service .cck_value { font-size: 12px !important; }
	div.cck_contents.cck_item div.cck_label, div.cck_contents.cck_item div.cck_label label, div.cck_contents.cck_item div.cck_value { line-height: 12px !important; }
	.uk-modal-dialog { font-size: 12px; line-height: 14px; }
	.uk-modal-dialog .uk-article-title { font-size: 36px; line-height: 36px; margin:5px 0; }
}
@media (max-width: 500px) {  
	.damen .cck-w16f, .damen .cck-w17f { width:50%; }
	.damen_details .cck_hauptbild_vorschaubild { width: 80px !important; margin: 0 0 0 10px; }
	.damen_details .cck_galleriebildx { width: 58% !important; margin: 0 0 0 10px; }
	.damen_details .cck_galleriebildx img { height: 32px; }
	div.cck_contents.cck_item div.cck_label, div.cck_contents.cck_item div.cck_label label, div.cck_contents.cck_item div.cck_value { line-height: 10px !important; }
	.uk-modal-dialog .mypreview { width: 84%; }
	.uk-modal-dialog .mythumbs { width: 15%; }
}
@media (max-width: 400px) { 
	.uk-modal-dialog .uk-article-title { font-size: 30px; line-height: 32px; }
	.uk-modal-dialog table td { padding: 0; font-size: 10px; }
	.uk-modal-dialog ul { padding: 0 0 0 10px; }
}
@media (max-width: 350px) {  
	.damen .cck-w16f, .damen .cck-w17f { width:100%; }
}