/* Einstellungen zu ARA-405 -  Template f�r JTL Shop 4 */

/*Schrift importiert*/
/* @import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed); */


/* Fonts */
@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PT_Sans/PTSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PT_Sans/PTSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}




/*font-family: 'PT Sans', sans-serif;*/
/*font-family: 'Roboto Condensed', sans-serif;*/

/* Einstellungen Logo h�her m�glich */
#logo a img { max-height: 70px; margin-top: -10px;}

/*Generelle Farbeinstellung */
a { color: #000; text-decoration: none;}
a:hover, a:focus { color: #23527c; text-decoration: none;}


/*Rahmen-Einstellungen nicht rund !!!! */
.btn, .well, .form-control, .btn-sm, .btn-group-sm > .btn { border-radius: 0px;}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
	border-radius: 0px;}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
	border-radius: 0px;}
.alert { border-radius: 0px;}	

/***************** Einstellungen Euro und Sprachenauswahl *************************/

.dropdown-menu {z-index:1100;}

#top-bar.text-right.hidden-xs.clearfix ul.list-inline.user-settings.pull-right {margin-left: 20px;}

#top-bar.text-right.hidden-xs.clearfix ul.list-inline.user-settings.pull-right li.currency-dropdown.dropdown a.dropdown-toggle.btn.btn-default.btn-xs,
#top-bar.text-right.hidden-xs.clearfix ul.list-inline.user-settings.pull-right li.language-dropdown.dropdown a.dropdown-toggle.btn.btn-default.btn-xs {
	border: 0px solid #f2f2f2; background-image: none; background-repeat: none; text-shadow: 0 0 0 0;  background: transparent; border-radius: 0 0 0 0; box-shadow: none; color: f2f2f2;
	font-family: 'PT Sans', sans-serif;margin-bottom: 1px;
}
#top-bar.text-right.hidden-xs.clearfix ul.list-inline.user-settings.pull-right li.language-dropdown.dropdown {float:right;}

.ara-topmenu {font-size: 12px; font-family: 'PT Sans', sans-serif; text-transform: uppercase; text-decoration: none; }
.ara-topmenu a:hover{text-decoration: none; }

#top-bar.text-right.hidden-xs.clearfix ul.list-inline.user-settings.pull-right li.currency-dropdown.dropdown a.dropdown-toggle.btn.btn-default.btn-xs span.caret,
#top-bar.text-right.hidden-xs.clearfix ul.list-inline.user-settings.pull-right li.language-dropdown.dropdown a.dropdown-toggle.btn.btn-default.btn-xs span.caret{
	padding-top: 3px; margin-left: 2px;
}
/*sprachsymbol weg */
#top-bar.text-right.hidden-xs.clearfix ul.list-inline.user-settings.pull-right li.language-dropdown.dropdown a.dropdown-toggle.btn.btn-default.btn-xs i.fa.fa-language {
	display: none;
}
#top-bar.text-right.hidden-xs.clearfix ul.list-inline.user-settings.pull-right li.language-dropdown.dropdown a.dropdown-toggle.btn.btn-default.btn-xs span {
	font-family: 'PT Sans', sans-serif; text-transform: uppercase; line-height: 1px;
}

/*Navigations-Balken verwendet - Farbe ge�ndert + Gr��e fixiert auch unten bei .navbar - nicht sichtbar, da */
#evo-main-nav.navbar-default {
    background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
    background-repeat: repeat-x;
    border-radius: 0px;
    box-shadow: 0 0 0 0;
	background: #fff;
	border: 0px solid;
	height: 35px;
}
.navbar {min-height: 35px;}
#header .navbar-nav.horizontal > li {   float: right;}

/*Abstand Boxing HEader von oben */
#main-wrapper.boxed header #header-branding {
    padding: 15px 0;
}

/*Mein Konto -> CMS Inhalte usw. runtergesetzt */
header #top-bar .cms-pages {
    font-size: 1.3em;
	font-family: 'PT Sans', sans-serif;
	float: left !important;
	left: 5px;
	font-weight: bold;
	text-transform:uppercase;
	
}
/* CMS-PUnkte von oben runter, position auf relative und nach vorne gesetzt */
#top-bar ul.cms-pages.list-inline.pull-right {
	top: 120px !important;
	position: relative;
	z-index: 1000;
}

#top-bar.text-right.hidden-xs.clearfix ul.cms-pages.list-inline.pull-right {
	border: 0px solid #ff0000;
	height: 36px;
	width: 100%;
	background: #000;
}

#top-bar.text-right.hidden-xs.clearfix ul.cms-pages.list-inline.pull-right li {
	border: 0px solid #fff000;
	background: transparent;
	float: left;
	/*height: 36px;*/
	margin-left: 0px;
	margin-top: -2px;
	padding: 0px 0px 0px 0px;
	line-height: 36px;
	border-right: 1px solid #848484;
}

#top-bar.text-right.hidden-xs.clearfix ul.cms-pages.list-inline.pull-right li :hover{
	border: 0px solid #fff000;
	float: left;
	transition: background 0.5s ease;
    background: #404040;
}
	
#top-bar.text-right.hidden-xs.clearfix ul.cms-pages.list-inline.pull-right li a{
	padding: 0px 15px 0px 15px; }
	
#top-bar.text-right.hidden-xs.clearfix ul.cms-pages.list-inline.pull-right li a:hover{
	padding: 0px 15px 0px 15px; }
	
/*striche zwischen den Positionen der CMS-Bar weg & Farb-Einstellungen*/
header #top-bar .cms-pages li + li {border-left: 0px solid #ccc; }
header #top-bar .cms-pages a {color: #fff;}
header #top-bar .cms-pages a:hover{color: #fff; text-decoration: none;}
header #top-bar .cms-pages a:focus {color: #f2f2f2; text-decoration: none;}

/****************** Einstellungen der Search-maske ****************************/

#search {border: 4px solid #dfdede; float: right !important;  margin-right: 5px;}

@media (max-width: 767px) {#search {top: 20px;}}

@media (max-width: 480px) {#search {top: 5px;}}

#search .form-control {
	border: 0px solid #ccc;
	box-shadow: none;
	font-family: 'PT Sans', sans-serif;
}

#search .input-group-addon {
	border: 1px solid #fff;
	background: #000;
	border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
	color: #fff;
}
#search .input-group-addon button, #search-form .input-group .btn {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #fff;
}
	
/*Border-Radius des linken search-feldes weg */
.input-group .twitter-typeahead:first-child .tt-input, .input-group .twitter-typeahead:first-child .tt-hint {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    width: 100%;
}
/*Border-Radius des rechten search-feldes weg 
#search form div.input-group span.input-group-addon {
	background-color: #fff ;
	border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}*/

/* *********************Anmeldebutton + Vergleichsbutton + Vergleichlisten *****************/
.dropdown.hidden-xs {border: 0px solid #DF01A5; top: 0px; z-index: 1000; background-color:transparent;  } 
.ara-topmenu.dropdown.hidden-xs {list-style: none; z-index:1100; }
.ara-topmenu.dropdown.hidden-xs a{font-size: 12px;}

.dropdown.hidden-xs a{color: #000; font-size: 1.1em; background-color: transparent; border: 0px;} 
.dropdown.hidden-xs a:hover, a:focus {color: #green; background-color: transparent;} 
.dropdown.hidden-xs a.dropdown-toggle span.hidden-xs.hidden-sm.hidden-md {padding-left: 4px;}


.ara-account {border: 1px solid #fff000; top: 40px; float: right !important; }



.hidden-xs.compare-list-menu {border:4px solid #dfdede; top: 0px; z-index: 1000;padding-top: 2px;height: 42px; width: 50px; margin-right: 5px; background-color: transparent; }
.hidden-xs.compare-list-menu a {background-color: transparent;}
.hidden-xs.compare-list-menu a:hover{background-color: #585858;}
.hidden-xs.compare-list-menu a.popup sup.badge{background-color: #fe4719;}



.hidden-xs.wish-list-menu {border:4px solid #dfdede; top: 0px; z-index: 1000;padding-top: 2px;height: 42px; width: 50px; margin-right: 5px; background-color: transparent; }
.hidden-xs.wish-list-menu a {background-color: transparent;}
.hidden-xs.wish-list-menu a:hover{background-color: #585858;}
.hidden-xs.wish-list-menu a sup.badge {background-color: #fe4719;}


/************************* Warenkorb *********************************************/
.hidden-xs.cart-menu.dropdown {
	border: 4px solid #dfdede;
	top: 0px;
	z-index: 1000;
	height: 42px; 
	float: right !important; 
	width: auto;
	margin-right: 0px;
	padding-top: 2px;
	}
	
.hidden-xs.cart-menu.dropdown a{color: #fe4719;}
.hidden-xs.cart-menu.dropdown a:hover{color: #000;}
.hidden-xs.cart-menu.dropdown a.dropdown-toggle span.caret {float: right; }
/*
@media (min-width : 768px) and (max-width : 992px){
	.hidden-xs.cart-menu.dropdown { margin-right: -60px; }}
*/

/**********************Container bei Ansicht smart **************************/

#shop-nav-xs.navbar.navbar-default.visible-xs div.container-fluid {
	background-color: #f2f2f2;
}
.container-fluid div.navbar-collapse ul.nav.navbar-nav.navbar-right.force-float.action-nav.nav > li > a {border-bottom: 0px;}
.container-fluid div.navbar-collapse ul.nav.navbar-nav.navbar-left.force-float li a.offcanvas-toggle.js-offcanvas-has-events {border-bottom: 0px;}



/**************************** Einstellungen linkes Panel ********************************/

/*generelle Einstellung der Panels ---- Schatten der Panels weg + radius weg*/
.panel { box-shadow: none; border-radius: 0px; border: 0px;}

/* Einstellung nur f�r Kategoriebox 0 */
#sidebox_categories0.panel.panel-default.box.box-categories div.panel-heading {
	padding: 10px 15px;
}

.panel-default > .panel-heading {
	border: 0px solid #000;
	border-radius: 0px;
	background-image: none;
	padding: 5px 15px;
	background-color: #000;
}	

/*Farbeinstellung des Panel headings hier, da sonst nicht eingestellt werden kann �ber normale panel-heading*/	
#sidepanel_left.active .panel-heading, #sidepanel_left .panel-heading { background-color: #fe4719;}             /*orange*/

.panel-title {
	font-size: 1.3em;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	color: #fff;
}

/*einstellungen der NAV-Boxen allgemein, inclusive Footer-Grundeinstellung */
.nav > li > a {
    display: block;
    padding: 5px 15px;
    position: relative;
	background-color: #f2f2f2;
	border-bottom: 1px solid #fff;
	color: #000;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.1em;
}
.nav > li > a:hover, .nav > li.active > a {
	transition: background 0.5s ease;
    background: #404040 none repeat scroll 0 0;
    color: #fff;
	font-weight: normal;
}

.panel.panel-default.box.box-categories div.box-body nav.nav-panel ul.nav li a {
	display: block;
    padding: 5px 15px;
    position: relative;
	background-color: #f2f2f2;
	border-bottom: 1px solid #fff;
	color: #000;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.1em;
}
.panel.panel-default.box.box-categories div.box-body nav.nav-panel ul.nav li a:hover, .panel.panel-default.box.box-categories div.box-body nav.nav-panel ul.nav li .active > a {
	transition: background 0.5s ease;
    background: #404040 none repeat scroll 0 0;
    color: #fff;
	font-weight: normal;
}

/********************************FOOTER  ********************************************/

#footer .container-block, #footer.container-block {
    background-color: transparent;
	border-top: 4px solid #000;
}
#footer a{color: #000;}

#footer .panel .panel-title {
	border-bottom: 0px solid #fff; 
	font-size: 1.4em;
	text-transform: uppercase;
	color: #000;
}

#footer .nav > li > a {
    border-bottom: 1px solid #676767;
    color: #676767;
    display: block;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 1.1em;
    padding: 5px 15px;
    position: relative;
    text-transform: uppercase;
}

.newsletter-footer div.row div.col-xs-12.col-sm-4 {color: #000;}

#newsletter_email.form-control { border: 4px solid #dfdede; height: 42px;}

#footer div.container div.container-block.clearfix div.row.footer-additional div.col-xs-12.col-md-7.newsletter-footer div.row form.form.col-xs-12.col-sm-6 fieldset div.form-group div.input-group span.input-group-btn button.btn.btn-primary.submit
{ border: 4px solid #dfdede; height: 42px; background-image: linear-gradient(to bottom, #fe4719 0%, #fe4719 100%);
    background-repeat: repeat-x; margin-left: 3px;}

@media (max-width: 767px) {#footer div.container {background-color: #fff;}}

	
/*Farbe der social-media-buttons */
#footer .fa {color: #585858}


#footer div#copyright div.container div.container-block {
	background: transparent;
	color: #000;
}
#footer div#copyright div.container div.container-block a{
	color: #000;
}








/******************  Button nach oben  - script im footer **********************/
.back-to-top {
 background:#fe4719;
 position: fixed;
 bottom:30px;
 right:50px;
 padding:1em;
 color: #fff;
 font-weight: bold;
 border-radius: 30px;
 border: 0px solid #dfdede;
 
}

@media (max-width: 480px) {.back-to-top {display: none;}}