/* hallo-schuhe 04.02.2026 */
@import"css/all.css";@import"css/mobile.css";@import"css/tablet.css";

body            {margin:0px;
font-family: Arial,Verdana,Verdana,Tahoma,  Helvetica; 
font-size: 14px; 
line-height: 20px; 
font-weight: normal;
letter-spacing:0pt;
}

.PageMaster
{
font-family: Arial,Verdana,Helvetica;
height: 100%;
width: 800px;
background-color: #ffffff;
}

/* Control Panel Colors */

.controlpanel
{
background-color: #EAEAEA;
}


/* --  Classes for the top of the montage & to allow everything
   to line up nicely when not logged in  -- */

.HeaderTab
{
background-image: url(Pix/FrontPaneTopNew.jpg);
width: 100%;
height: 90px;
background-repeat: no-repeat;
}

.MenuTab
{
background-color: #808080;
width: 100%;
height: 12px;
margin-left: 15px;
padding-left: 15px;
border-left: 15px;
background-repeat: no-repeat;
}

.Logo
{
padding-top: 5px;
padding-left: 5px;
}

 
.SiteHeaderTab
{
background-image: url(Pix/PortalSiteBanner.png);
width: 100%;
height: 130px;
background-repeat: no-repeat;

}
.SiteHeaderTab12
{
width: 100%;
height: 100px;
}
 
.Panes
{
padding: 10px 2px 2px 2px;
font-size:  26px;
}
 

.Head
{

font-size:  12px;
font-weight: bold;
color: #333333;
}
 

.Block
{
width: 13px;
}

.Login
{
color: #333333; 
font-size: 9px; 
font-weight: bold; 
font-style: normal;
height: 30px;
color: #000000;
text-align: left;
}

.menuclick      {margin-top:9px;}
#sdBanner       {width:100%; height:816px; background-image: url('images/top-banner.png') ; background-repeat: no-repeat;}
.sdMarginTop    {margin-top:15px;}
.sdBannerArrow  {width:85px; margin-top:70px; margin-left:auto; margin-right:auto;}
#sdmenue        {display:block; z-index:100; width:100%; min-height:54px; height:auto; background-color:#ffffff; }
#sdContent      {background-color:#efefef; }
#sdmenue.fixed  {position:fixed; top:0px; z-index: 101;}

.dnnEditState #sdmenue, 
.dnnEditState #sdmenue.fixed {
    z-index: 10 !important; 
    position: relative !important; /* Verhindert, dass das Menü beim Scrollen die Buttons überdeckt */
}


.sdContent-Width{width:100%; max-width:980px; margin-left:auto; margin-right:auto;}
.sdMenu-Width{width:100%; max-width:980px; margin-left:auto; margin-right:auto;}
.sdTwo-Thirds, .sdOne-Third {width:100%;}
.sdFullSizeBanner{margin-top:70px;}
.sdThreeThirds  {width:100%; margin-bottom:60px;}
#sdFooter       {width:100%; margin-top:100px; border-top:0px dashed #000; border-bottom:0px dashed #000;background-color:#666666; }
#sdFooterLogo, .sdFooterRowA, .sdFooterRowB {width:100%;}
#sdCopyRight    {border-bottom:1px dashed #000; margin-bottom:10px;background-color:#444444; }
#sdCopyRight .sdContent-Width ul li {float:left; padding-right:18px; list-style-type:none;}
#sdCopyRight .sdContent-Width ul {float:right; margin-top:17px;}
article {margin-bottom:70px;}

.RahmenUnten {border-bottom:1px solid #666;margin-bottom:35px;}


/** DNN **/
#dnn_dnnLOGOFooter_hypLogo img  {width:70%; margin-top:50px; margin-bottom:30px; padding-left:15%;}
#dnn_dnnLOGOMenue_hypLogo img {float:left; height:32px; width:auto; margin-top:8px; padding-left:2%;}
#sdBF {color:#000; text-decoration:none;}


/** SHD **/
.sdClr {clear:both;}

img {max-width:100%;}



/** TAB */
@media all and (min-width: 499px) 
{
#dnn_dnnLOGOFooter_hypLogo img  {width:50%; margin-top:60px; padding-left:25%;}
#dnn_dnnLOGOMenue_hypLogo img {height:78px; padding-left:0%; margin-top:6px;}
}

/** DESKTOP */
@media all and (min-width: 799px) 
{
.sdTwo-Thirds    {width:980px; }
.sdOne-Third     {width:0px; }
.sdFullSizeBanner{margin-top:150px;}

.sdBannerArrow {width:85px; margin-top:200px; margin-left:auto; margin-right:auto;}
#sdFooterLogo, .sdFooterRowA, .sdFooterRowB {width:28%; margin-right:8%; float:left;}

#dnn_dnnLOGOFooter_hypLogo img  {width:70%; margin-top:70px; float:left;}
.sdFooterRowB {margin:0%;}

#megaMenu .category li.item a{ border:none; padding:0 10px; background:url(../images/mega_sub_bottom.png) no-repeat left bottom; white-space:normal; }
#megaMenu .category li.item a span{ display:block; background:none; font-size:13px; color:#535353; font-weight:bold; height:auto; line-height:26px; padding:0; text-transform:none; }
#megaMenu .category li.item a:hover span, #megaMenu .category li.selected a span { background:none; color:#000; cursor:pointer; }
#megaMenu .category li.item a:hover {text-decoration: underline}

.sdMenue-Width  {width:92%; max-width:1130px; margin-left:auto; margin-right:auto;}
}

.tablepaneRahmenOben {
    
border-top: 1px dotted;
border-right: 0px solid;
border-bottom: 0px solid;
border-left: 0px solid;
       }

@media all and (min-width: 499px) 
{
.tablepaneRahmenOben {
border-top: 1px dotted;
border-right: 0px solid;
border-bottom: 0px solid;
border-left: 0px solid;
        }



}


/** 
 * Style rules for Megamenu
 */


.scontainer-2,.scontainer-3,.scontainer-4 { font-size: 80%; background: #eeeeee;border: 0px solid #222222;}

/* COLUMNS */
.scol1 { width:100%; margin: 5px 0; float: none; padding: 0 5px;}


.scol1 ul { padding-left: 0px }
.scol1 h3 {line-height: 18px }

.scol1 h5 {color: #000000; 
font-family: arial,helvetica,sans-serif;
font-size: 14px;
line-height: 16px;
font-weight:bold; 
padding: 10px 0px 7px 0px;
margin: 15px 0px 0px 0px;
}

.scol1 a:link { color: #000000; 
font-family: arial,helvetica,sans-serif;
font-size: 12px;
line-height: 20px;
font-style: normal;
text-decoration: none;
 }
.scol1 a:visited { color: #000000; 
font-family: arial,helvetica,sans-serif;
font-size: 12px;
line-height: 20px;
font-style: normal;
text-decoration: none;
 }


.scol1 a:hover {  text-decoration:    underline; }
	

/* 4 Column */

.scontainer-2,.scontainer-3,.scontainer-4 { width: 260px; }
.scontainer-2 .scol1,.scontainer-3 .scol1,.scontainer-4 .scol1 { width: 250px; }

/** DESKTOP */

@media all and (min-width: 799px) 
{
        .scol1 { width: 180px; float: left;}
	.scontainer-2 { width: 450px; }
        .scontainer-3 { width: 600px; }
	.scontainer-4 { width: 682px; }
        .scontainer-2 .scol1 { width: 180px; float: left; }
        .scontainer-3 .scol1 { width: 180px; float: left; }
	.scontainer-4 .scol1 { width: 160px; float: left; }
}
	

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}




.footermenu
{
	width:100%;float:left;background-color:#666666;padding-left:10px;padding-top:20px;position:relative;z-index:99;
}


.FooterMenuLink
{
        font-size: 16px; 
        line-height: 20px;
        border-style: solid;
	border-color: red;
	border-width: 0px;
 }


.FooterMenuLink A, .FooterMenuLink .FooterMenuLink A:Visited, .FooterMenuLink A:Link
{
  font-size: 16px;font-weight: normal;
  text-decoration: none; color: #ffffff; 
  line-height: 30px;
  }

.FooterMenuLink A:Hover
{
  color:  #ff0000;
}
.FooterMenuLink A:Visited
{
  color:  #fff;
}


.FooterMenuLink h3
{
  color:  #ffffff;
}

@media all and (min-width: 799px) 
{
.footermenu {height: 540px;width:180px;padding-top:5px}
.FooterMenuLink A, .FooterMenuLink .FooterMenuLink A:Visited, .FooterMenuLink A:Link
{font-size: 12px;line-height: 14px;}
}


	
#right_arrow,
#left_arrow,
#right_fast_arrow,
#left_fast_arrow {
	height: 40px;
	width: 20px;
}

#right_fast_arrow,
#left_fast_arrow {
	margin: 0 20px;
}



.clear {
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;	
}
.hide {
	display: none;
}


/* --- Frontend Look --- */
.my-flat-container {
    margin-bottom: 20px; /* Abstand zwischen den Modulen */
    padding: 0;
}

/* --- Backend / Admin Look --- */
/* Zeigt gestrichelte Linien um die Module, wenn man eingeloggt ist, 
   damit man weiß, wo man hinklicken muss */
.dnnEditState .my-flat-container {
    min-height: 50px;
    outline: 1px dashed #ccc;
    outline-offset: 3px;
    margin-top: 10px;
}

/* Verhindert, dass leere Panes komplett unsichtbar werden */
.dnnEditState .DNNEmptyPane {
    min-height: 40px;
    background-color: rgba(0,0,0,0.05);
}