@font-face { font-family: 'Londrina'; src: url('Londrina.otf') format('truetype'); }
@font-face { font-family: 'JetSet'; src: url('JetSet.ttf') format('truetype'); }
@font-face { font-family: 'Beta54'; src: url('Beta54.ttf') format('truetype'); }
@font-face { font-family: 'MyWriting'; src: url('Mywriting.ttf') format('truetype'); }
@font-face { font-family: 'Impact'; src: url('IMPACT.TTF') format('truetype'); }
@font-face { font-family: 'BlackChancery'; src: url('BLKCHCRY.TTF') format('truetype'); }
@font-face { font-family: 'ComicSans'; src: url('COMIC.TTF') format('truetype'); }
@font-face { font-family: 'Riffic'; src: url('Riffic.ttf') format('truetype'); }
@font-face { font-family: 'NightBits'; src: url('NightBits.otf') format('truetype'); }
@font-face { font-family: 'Pinda'; src: url('Pinda.ttf') format('truetype'); }
@font-face { font-family: 'Harrowprint'; src: url('Harrowprint.ttf') format('truetype'); }
@font-face { font-family: 'HollaScript'; src: url('HollaScript.ttf') format('truetype'); }

@font-face {
    font-family: 'Lato'; src: url('LATO-REGULAR.TTF') format('truetype');
}


h1{font-size:1.5rem;font-weight:bold;text-align:left; color:#0088DD; margin: 1rem 0rem;}
h2{font-size:1.3rem;font-weight:bold;text-align:left; color:#0088DD; margin: 1rem 0rem;}
h3{font-size:1.1rem;font-weight:bold;text-align:left; color:#0088DD; margin: 1rem 0rem;}
 

.nojavascript {
    width:100%;
    padding:1rem;
    font-size:1.3rem;
    text-align: center;
    font-weight:bold;
    color:#ffffff;
    background-color: #de0000;
}


.container {
    max-width: 1170px;
}

h1.indexhead {
    font-size:1.2rem;
    color:#25569a;
    font-weight:bold;
    text-align:center;
}

.headline {
    color: #005599;
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 1rem -1rem;
    padding: 0rem;
    width: 100%;
}

h2.index {
    font-size:1rem;
    font-weight:bold;
    color:#ffffff;
    display:inline;
}

 body{
    overflow-y:scroll;
    font-family:Lato,sans-serif;
    overflow-x:hidden;
    font-size:14px;
 }

 .white {
     background: #fff;
     margin:0.5rem;
     padding:0.5rem;
     box-sizing:border-box;
 }

font.agb{
font-size:0.9rem;
color:#808080;
text-align:left;
}

font.lieferadresseklein {
    font-size:0.8rem;
    color:#333333;
    vertical-align:super;
    white-space:nowrap;
}

font.lieferadressestern {
    font-size:1rem;
    color:#005599;
    vertical-align:top;
    
}


img {
border: none;
}

#feedbackliste {
    line-height:120%;

}

#ortinlieferadresse {
    text-align:right;
    display:inline-flex;
    margin-left:20px;
}

a:link, a:visited, a:active, a:hover
{ 
  text-decoration:underline;
  color:#0000FF;
}

a:active, a:hover
{ 
 text-decoration:underline;
}


a.navylink:link, a.navylink:visited, a.navylink:active
{
color:#3366CC;

}

a.navylink:hover {
color:#0000ff;
}


a.bluelink:link, a.bluelink:visited, a.bluelink:active
{
font-weight:500;
color:#0055EE;
text-decoration:none;
font-size:0.9rem;
white-space: nowrap;

}

a.bluelink:hover {
color:#0088DD;
text-decoration:underline;
}

.searchcategories {
    margin: 0.5rem;
}

.searchfilter {
    padding:0.1rem;
    margin:1rem 0rem;
    text-align:left;
    font-size:1rem;
}

.searchfilter select, .searchfilter input[type="text"] {
    font-size:1rem;
    padding:0.1rem;
    width:90%;
}

.searchfilter input[type="checkbox"], .searchfilter input[type="radio"]{
    margin:0.25rem;
    padding:0rem;
}

.motivfilter {
    border: 0.1rem solid #999;
    min-width:14.5rem; 
    background-color:#eff4ff;
    border-radius:0.5rem;
    padding:0rem 2rem;
}

a.searchreset:link, a.searchreset:active, a.searchreset:visited{
    border: 0.1rem solid #005599;
    border-radius: 0.2rem;
    display: table;
    margin: -1.5rem auto auto;
    padding: 0.1rem;
    text-align: center;
    text-decoration: none;
    color:#0055CC;
}

a.searchreset:focus, a.searchreset:hover{
    color:#0088DD;
}

.rabattfilter {
    text-align:center;
    padding:0.1rem;
}


a.white:link, a.white:visited, a.white:active {
  text-decoration:none;
  font-weight:bold;
  color:#ffffff;
  cursor:pointer;
}

a.white:hover {
  text-decoration:none;
  font-weight:bold;
  color:#ffff88;
  cursor:pointer;
}

a.kundencenter:link, a.kundencenter:visited, a.kundencenter:active
{
  text-decoration:none;
  color:#005599;
  font-size:1.3rem;
}


a.kundencenter:hover, a.kundencenter:focus
{
  text-decoration:underline;
  color:#0099FF;
}


.footerdiv { 
    padding:0rem; 
    margin:0;
    margin-top:2rem;
    display:block; 
    width:100%; 
    max-width:100%;
    
}

.footertop {
    text-align: center;
    line-height:200%;
    background:#e9e9e9;
    border-top: 0.25rem solid #dedede;
    border-bottom: 0.25rem solid #e0e0e0;
    padding:1.25rem;
}

.footerheadline{
    font-size: 1.3rem;
    margin: 2rem 0rem 1rem 0rem;
    display:block;
}

.footerbottom {
    text-align:left;
    padding:1rem 1rem 3rem 1rem;
    background: #f5f5f5; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f5f5f5, #d5d5d5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f5f5f5, #d5d5d5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f5f5f5, #d5d5d5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f5f5f5, #d5d5d5); /* Standard syntax */
}

.footerpics img{
    margin: 0.5rem 0rem 0.5rem 0.2rem;
    width: 5rem;
    height:auto;
}

.footerbox{
    padding: 0rem 0.75rem;
    margin: 0rem;
    min-height: 25rem;
}

.footerbox .row{
    padding: 0.2rem;
}

ul.footer{
    display:block;
    margin: 1rem 0rem 3rem 0rem;
    padding: 0rem;
}

ul.footer > li{
    list-style: none;
    display:block;
    margin:0.75rem 0rem;
}

ul.footer > li > a:link, ul.footer > li > a:active, ul.footer > li > a:visited {
    color: #666;
    text-decoration: none;
    font-size:0.9rem;
}

ul.footer > li > a:hover, ul.footer > li > a:focus{
    color: #0088DD;
    text-decoration: underline;
}

a.motivlink {
font-size:1.6rem;
font-weight:bold;
color:#255ca9;
text-align:center;
vertical-align:bottom;

}

td.preisinfo {
font-size:0.9rem;

}



td.vorschlagbutton {
vertical-align:bottom;
padding-bottom:10px;
}


td {
font-size:1rem;
padding:0.35rem;
}

td.motivetext {
font-size:1rem;
color:#004899;
width:400px;
}

td.bestellvorschlag {
font-size:1rem;
padding-left:5px;
padding-bottom:0px;
height:100px;
vertical-align:top;
text-align:center;

}

td.vorschlagtitel {
font-size:1.2rem;
color:#ffffff;
font-weight:bold;
text-align:center;
vertical-align:middle;
height:25px;

}


#title {
height:80px;
padding-left:5px;
/*border:1px solid #000000;*/
background-color:#ffffff;
margin-bottom:0px;
}

input,select,option,textarea{
    font-size:1rem;
    font-family: Lato,Arial,Helvetica,sans-serif;
}
 

#content {

width:55%;
position:absolute;
top:250px;
left:20%;
font-size:1.1rem;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
padding-right:5%;
}


td.artikel {
height:120px;
width:120px;
border: 1px solid #C0C0C0;
background: #ffffff;
}

td.login
{
 font-size:1rem;
}

td.motivtext {
height:400px;
width:400px;
font-size:1rem;
color:#333333;
}

/*------- JUNGGESELLENABSCHIED T-SHIRTS PHP --------- */

.tshirt-button {
cursor:pointer;
background:url(images/verlauf_button_eckig.gif);
background-size:10% 120%;
background-repeat:repeat-x;
text-align:center;
margin: 150px 10px 0px 10px;
padding:5px;
bottom:10px;
font-size:1rem;
color:#ffffff;
font-weight:bold;
border:2px solid #0088CC;

}

.tshirt-button:hover {
color:#ffff99;

}


.tshirt-button-motiv {
cursor:pointer;
background:url(images/verlauf_button_eckig.gif);
background-size:5% 100%;
background-repeat:repeat-x;
text-align:center;
margin: 0px 10px 0px 10px;
padding:5px;
bottom:10px;
font-size:1rem;
color:#ffffff;
font-weight:bold;
border:2px solid #0088CC;

}

.tshirt-button-motiv:hover {
color:#ffff99;

}

/*------- Shirt-Hover-Effect --------- */

.shirthover {
position: relative;
}

.shirtcolor p{
position: absolute;
margin-left:0rem;
margin-top:1.5rem;
padding:5px;
background:#eeffff;
border-radius:5px;
border:1px solid #cccccc;
font-size:0.9rem;
font-weight:bold;
visibility:hidden;
width:10rem;
text-align:center;
vertical-align:middle;
box-shadow:0px 0px 2px 2px #ffffff;
color:#555555;
z-index:999;
}

.shirtcolor:hover p{
visibility:visible;
}

.farbwahl{
text-decoration:none;
border: 1px solid #ffffff;
border-radius:10px;
padding:5px;
}

.farbwahlaktiv{
border: 1px solid #cccccc;
text-decoration:none;
border: 1px solid #005599;
border-radius:10px;
padding:5px;
}

.shirthover span{
visibility: hidden;
position:absolute;
top:44px;
left:65px;
}


a.shirtcolor:link, a.shirtcolor:visited, a.shirtcolor:hover, a.shirtcolor:active{
color:#666666;
text-decoration:none;
}

.shirtcolor:hover span{
visibility: visible;
}

.shirtcolor:active span{
visibility: visible;
}


/*------- Boxes --------- */

.greybox {
    background-color:#efefef;
    box-shadow:0px 0px 15px 5px #cccccc inset;
    padding:20px;
    border-radius:20px;
    border:1px solid #cccccc;



}


.bluebox {
    background-color:#deefff;
    box-shadow:0px 0px 15px 5px #ccdeff inset;
    padding:20px;
    border-radius:20px;
    border:1px solid #ccdeff;



}


.whitebox {
    background-color:#ffffff;
    padding:20px;
    border:1px solid #005599;
}





/*------- Neue-Motivseite (TEST) --------- */

.motivkasten {
border: 1px solid #dedede;
background:#ffffff;
box-shadow:0px 0px 5px 2px #cccccc;
max-width:150px;
padding:0px;
border-radius:5px;
}

.motivkasten img{
margin:5px;
width:140px;
height:140px;
}

.motivkasten span{
background:url(images/lightblue.png);
border-radius:10px 0px 0px 10px;
width:140px;
max-width:140px;
text-align:center;
font-size:1rem;
position:relative;
padding:1px;
margin:0px;
float:right;
opacity:0.75;
}

.motivkasten p{
width:140px;
max-width:140px;
text-align:right;
font-size:1rem;
font-weight:bold;
position:relative;
padding:2px;
margin:0px;
float:right;
}


#midbox {
width:100%;
max-width:100%;
text-align:center;
position:relative;
min-height:600px;
padding:1% 3% 1% 3%;
text-align:left;
box-sizing:border-box;
}


/*------- Fragezeichen mit Infotext beim Hovern --------- */

.info {
display:inline;
margin:0;
padding:0;
}

.info:hover {
cursor:help;
}

.info img{
margin-top:5px;
}

.info p{
visibility:hidden;
padding:5px;
font-size:1rem;
color:#555555;
border:1px solid #cccccc;
box-shadow: 0px 0px 5px 3px #cccccc;
position:absolute;
margin:0;
margin-left:20px;
margin-top:-30px;
background:#ffffff;
min-height:20px;
min-width:200px;
max-width:400px;
vertical-align:middle;
white-space:normal;
text-align:center;
}

.info:hover p{
visibility:visible;
}


/*------- Motivvergröerung (Hover-Effekt wird in start.php vorgenommen, da mobile Geräte ausgelesen werden müssen) --------- */

.motivzoom {
position:relative;
margin:0;
padding:0;
width:160px; 
}

.motivzoom span{
visibility:hidden;
position:relative;
margin-left:-200px;
margin-top:-50px;
position:absolute;
border:2px solid #005599;
background:#ffffff;
padding:0;
opacity:0.1;
padding:5px; 
overflow:hidden; 
box-shadow: 0px 0px 5px 1px #ffffff;
}

.motivzoom span{
visibility:hidden;
position:relative;
margin-left:-200px;
margin-top:-50px;
position:absolute;
border:2px solid #005599;
background:#ffffff;
padding:0;
opacity:0.1;
padding:5px; 
overflow:hidden; 
box-shadow: 0px 0px 5px 1px #ffffff;
}

.motivzoom span > img{
    max-width: 350px;
}

.spezialhinweis {
padding:0px;
margin:0px;
text-align:center;
font-size:0.9rem;
letter-spacing: -0.2px;
}	
 
*.button, .button:link, .button:active, .button:visited {
    background:#005599;
    font-size:1.5rem;
    text-align:center;
    color:#ffffff;
    margin:0px;
    padding:10px;
    text-decoration:none;
    white-space:nowrap;
    border:none;
    display:inline-block;
}

.button:hover {
   background:#0099FF;
   transition-duration:0.2s;
   cursor:pointer;
}


*.buttondisabled, .buttondisabled:link, .buttondisabled:active, .buttondisabled:visited {
    background:#cccccc;
    font-size:1.6rem;
    text-align:center;
    color:#999999;
    text-decoration:none;
    white-space:nowrap;
    border:none;
    opacity:0.6;
    display:inline-block;
    font-family:Neopro, sans-serif;
    border-radius:0.25rem;
}

.buttondisabled:hover {
   color:#cc0000;
   transition-duration:0.2s;
   cursor:default;
}



    .quick {
        background: #ffffff none repeat scroll 0 0 / 100% auto;
        border: 2px solid #99bbff;
        display: inline-flex;
        height: 20rem;
        margin: 0.5%;
        opacity: 0.9;
        overflow: hidden;
        padding: 0;
        position: relative;
        text-align: center;
        width: 100%;
    }
    
    .quick:hover{
        border: 2px solid #0033FF;
    }
    
    .quick p{
        position:absolute;
        width:100%;
        background:url(images/whitetransparent.png);
        color:#333333;
        bottom:-40px;
        left:0px;
        text-align:center;
        box-sizing:border-box;
        padding:2%;
    }
    
    .quick:hover p{
        bottom:-16px;
        color:#0033FF;
        transition-duration: 0.3s;
        transition-delay: 0.1s;
    }
    
    
    .kc, .kc:link, .kc:active, .kc:visited{
        font-size:1.1rem;
        padding:10px;
        text-decoration:none;
    }
    
    .kc:hover,.kc:focus {
        font-size:1.1rem;
        padding:10px;
        text-decoration:underline;
    }
    

    .loginfeld {
        width:300px;
        padding:5px;
        font-size:1.2rem;
        color:#333333;
        font-family:Lato,Arial,Sans-serif;
        background:#eeefff;
        border:1px solid #dedede;
        margin:5px;
        font-weight:normal;
    }
    
    
    
    
    
    /*------- Kassenfortschritt (Anmeldung/Registrierung - Zahlung/Versand - Zusammenfassung - Fertig) --------- */


.kassefortschritt {
	width:100%;
	display:inline-flex;
	padding:1%;
	text-align:center;
	margin:auto;
	height:3rem;
	cursor:default;	
	white-space:nowrap;
        margin:auto;
}

.kassefortschritt span{
	font-size:140%;
	font-weight:bolder;
	float:left;
	width:3%;
        line-height: 150%;
	cursor:default;
        color:#005599;
}


.kasseaktiv, .kasseinaktiv {
    cursor: default;
    float: left;
    font-size: 1.1rem;
    font-weight: bold;
    height: 2.5rem;
    line-height: 0rem;
    margin: 0;
    padding: 1rem 0rem;
    text-align: center;
    vertical-align: middle;
    width: 20%;
} 

.kasseaktiv {
        background: #0088dd none repeat scroll 0 0;
        border: 0.2rem solid #ffffff;
        color: #ffffff;
        z-index: 9999;
}

.kasseinaktiv, a.kasseinaktiv:link, a.kasseinaktiv:active, a.kasseinaktiv:visited  {
        background: #c7e3ff;
        border: 0.2rem solid #ffffff;
        color: #aaccff;
        position: relative;
        z-index: 9999;
}    

a.kasseinaktiv:hover {
    color: #ffffff;
    background: #97c9ff;
    cursor:pointer;
    transition-duration: 0.25s;
}

.kasseinaktiv p{
    visibility:hidden;
    position:absolute;
    padding:0.25rem;
    color:#ffdcdc;
    background:#ff6767;
    border: 1px solid #dedede;
    top:2.25rem;
    left:0px;
    line-height: 100%;
}

.kasseinaktiv:hover p{
    visibility:visible;
}

/*------- /Kassenfortschritt  --------- */

.anmeldung td{
    padding:1%;
    white-space:nowrap;
}

.anmeldung input, .anmeldung select{
    padding:1.5%;
    border:1px solid rgb(170, 204, 255);
}

.anmeldung sup{
    padding:0px;
    margin:1px;
}



/*------- / Relaunch 2017 (Bootstrap-Anpassungen) --------- */

#jgashirtslogo {
    width:15rem;
    height:auto;
}

.topicons {
    white-space: nowrap;
    margin:0;
    padding:0;
    display:inline-table;
}

.topicons .navbar-toggle{
    border: none;
    display: inline-table;
    float: none;
}

.navbar-toggle{
    padding: 10px 6px;
}

.glyphicon{
    font-size:1.2rem;
    color:rgb(0,68,112);
    opacity:0.8;
}

.topicons .navbar-toggle:hover .glyphicon{
    opacity:1;
}

#topbereich {
    z-index: 99999;
    position:relative;
    width:100%;
}

#topmenu, .topnavi{
    position:relative;
    width:100%;
    display:table;
}

#topnavigation { 
    margin-top:-0.1rem;
}

.mobilemenu {
    float:right;
    position: absolute;
    right: 0rem;
    top: 1rem;
    background-color: #ffffff;
}

.mobile-glyph{
    font-size:1.2rem;
    min-width:3.0rem;
}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ffffff;
}

.infotooltip {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0.1rem 0.1rem 0.2rem 0rem #555;
    font-size: 0.9rem;
    left: -1rem;
    padding: 0.5rem;
    position: absolute;
    text-align: center;
    top: 5rem;
    visibility: hidden;
    width: 6rem;
}

.infodiv {
    position:relative;
}

.infodiv .infotooltip{
    padding:0.15rem;
    font-size: 0.8rem;
    top: 3rem;
}

.btn-primary {
    display: block;
    margin:1rem auto;
    width:auto;
    background-color: #005599;
    border:none;
    font-family:Neopro, sans-serif;
}
.btn-primary:hover{
    background-color: #0088dd;
    border:none;
    opacity:0.90;
}

.col {
    padding:0;
    margin:0;
    text-align:center;
    display:inline-table;
    float: none;
}

.carousel{
    background: #ffffff none repeat scroll 0 0;
    content: "";
    display: block;
    margin: -20px auto auto;
    padding-top: 30%;
    text-align: center;
    width: 100%;
    margin-top:-1.5rem;
    position:relative;
}

.carousel-inner {
    position:absolute;
    top:0;
    left:auto;
    width:100%;
    height:100%;
    margin:auto;
    text-align: center;
    box-shadow: 0px 0px 5px 0px #999;
}


.carousel-control, left, right {
     width:10%;
     opacity:0.75;   
}
#prev {
    background-image: linear-gradient(to right, rgba(0, 50, 100, 0.5) 0%, rgba(0, 50, 100, 0) 100%);
}

#next {
    background-image: linear-gradient(to left, rgba(0, 50, 100, 0.5) 0%, rgba(0, 50, 100, 0) 100%);
}

.glyphicon-chevron-left, .glyphicon-chevron-right {
    color: #ffffff;
}

.carousel-control:hover .glyphicon-chevron-left{
    color: #0088DD;
}

.carousel-control:hover .glyphicon-chevron-right{
    color: #0088DD;
}

.carousel-caption h2{
    display: table;
    font-size: 1.5rem;
    font-weight: normal;
    margin: 0rem auto;
    text-align: center;
    white-space: nowrap;
    color:#fff;
    box-shadow: 0rem 0rem 0.25rem 0rem #555;
    background: url(images/lightblue.png);
    padding: 0.25rem;
}

.carousel-caption {
    bottom:0;
    margin-top:-2rem;
    position:absolute;
    top:0px;
    z-index: 9;
}

.carousel-indicators {
    top:100%;
    margin-top:-1.5rem;
}

.slidertexth2 {
    display: table;
    left: 100%;
    margin-left: -100%;
    margin-top: -4.5rem;
    padding: 0.25rem;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 100%;
}

#slideroutput{
    padding: 1rem 0.5rem 0rem 0.5rem;
    text-align: center;
    height: 4rem;
    vertical-align: middle;
    line-height: 120%;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    position: absolute;
    top: 0;
    left: 0;
    display:initial;
    width: 100%;
    
}

.carousel-inner > .item {
    height:100%;
}

    .centered {
        width:90%;
        text-align:center;
    }
    
    .rangelabel {
        min-width:5rem;
    }
    
    .img-thumbnail{
        max-width: 100%;
        max-height:40rem;
    }
    
    .navbar {
        border-radius: 0rem;
    }
    
    .navbar-brand img{
        margin:0.5rem 0rem 0.5rem 0rem;
    }
    
    .navbar-default{
        background-color: rgba(255,255,255,0.98);
        border:none;
    }
    
    
    navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left:auto;
    }
    
    .navbar-brand {
        display: block;
        float: none;
        margin: auto;
        height: auto;
        padding-top: 0.8rem;
    }
    
    .navbar-nav > li > a {
        line-height:2.8rem;
    }
    
    .dropdown-toggle {
        font-size:1.5rem;
        font-weight:lighter;
        padding:0;
        margin:0;
    }
    
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover {
        background-color: rgb(240,245,255);
    }
    
    .dropdown-menu {
        border:0rem;
        padding:0rem;
    }
    
    .dropdown-menu > li > a {
        color: #333;
        padding: 1.2rem 2rem;
    }
    
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        padding: 1rem 2rem;
        color:#333;
        text-decoration: none;
    }
    
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        padding: 1rem 2rem;
        color:#0088DD;
        text-decoration: underline;
    }
    
.navbar-default .navbar-toggle , .navbar-default .navbar-toggle:focus{
  margin: 0rem 1rem;
  padding: 0.5rem;
  background-color: transparent;
  background-image: none;
}

.navbar-default .topnavicon , .navbar-default .topnavicon:focus{
  margin: 1rem 0.7rem;
  padding: 0.7rem;
  background-color: transparent;
  background-image: none;
}


.navbar-default .navbar-toggle .icon-bar {
  background-color: rgb(235,240,255);
}

.menuitem {
    font-size:1.15rem;
    font-weight:bold;
    color: #333;
    text-decoration:none;
    text-transform: uppercase;
}

.droppy {
    padding-left:10rem;
}

.topbuttons {
    padding:0rem;
    margin:0rem;
    display: inline-table;  
    position:relative; 
}
.topbuttons:hover p.infotooltip{
    visibility: visible;
}

div.infodiv:hover span.infotooltip{
    visibility: visible;
}

.bigtopmenustripe {
    display:inline-block;
    width:100%;
    background: url(images/whiteheavytransparent.png) repeat;
    background-color: transparent;
    margin-top:-100rem;
    left: 0rem;
    position:absolute; 
    padding: 2rem;
    min-height:0rem;
    box-sizing: border-box;
    box-shadow: 0rem 0rem 0.25rem 0rem #555555;
    z-index: -1;
}

.bigtopmenustripe a:link, .bigtopmenustripe a:visited, .bigtopmenustripe a:active{
    display:table;
    text-decoration:none;
    font-size:1rem;
    color:#333333;
    font-family:Lato,sans-serif;
    line-height:200%;
    margin:0.2rem;
}

.bigtopmenustripe a:hover {
    text-decoration:underline;
    color:#0088DD;
}

.navbar-default .navbar-nav > li > a {
    color:#333;
    text-decoration: none;
    font-weight:normal;
}
.navbar-default .navbar-nav > li {
    position:relative;
}

.navbar-default .navbar-nav > li > span.leftstripe, span.leftstripe {
    color:#dedede;
    position:absolute;
    left:0;
    top:1.8rem;
}

.top4 {
    margin:0rem;
    background:#f3f3f3;
    display:table;
    width:100%;
    max-width:100%;
    box-sizing: border-box;
    padding:0rem;
    z-index: 999;
}

.top4 div{
    text-align:center;
    position:relative;
    box-sizing:border-box;
    display:table-cell;
    box-sizing: border-box;
    font-size:0.89rem;
    min-height:30px;
    text-decoration: underline;
}

.top4rabatte {
    padding: 0.5rem 0rem;
}

.top4rabatte:hover {
    background: #ffcfcf;
    transition-duration: 0.2s;
    opacity: 0.85;
}

.top4rabatte:hover p.clicktooltip{
    visibility: visible;
}


.top4express {
    padding: 0.5rem 0rem;
}

.top4express:hover {
    background: #ffff7f;
    transition-duration: 0.2s;
    opacity: 0.85;
}

.top4express:hover p.clicktooltip{
    visibility: visible;
}

.top4urkunde {
    padding: 0.5rem 0rem;
}

.top4urkunde:hover {
    background: #7fff7f;
    transition-duration: 0.2s;
    opacity: 0.85;
}


.top4urkunde:hover p.clicktooltip{
    visibility: visible;
}

.top4mustershirts {
    padding: 0.5rem 0rem;
}

.top4mustershirts:hover {
    background: #9fCfff;
    transition-duration: 0.2s;
    opacity: 0.85;
}

.top4mustershirts:hover p.clicktooltip{
    visibility: visible;
}

.top4 img{
    height:1.1rem;
    width:auto;
    margin-right: 0.7rem;
}

.top4 a:link, .top4 a:visited, .top4 a:active {
    color: #666;
    text-decoration: underline;
    width:100%;
    height:100%;
    line-height:120%;
    text-align:center;
    box-sizing:border-box;
}

.top4 a:hover, .top4 a:focus{
    color: #333;
}


.underlinkdirect {
    position:relative;
    margin-top:0rem;
    margin-bottom:1rem;
    text-align:center;
    font-size:1.4rem;
}

.sliderdirect {
    font-size: 1.8rem;
    left: 50%;
    margin-left: -50rem;
    margin-top: -9rem;
    position: absolute;
    text-align: center;
    top: 100%;
    width: 100rem;
    z-index: 10;
}

.femaledirect {
    background:#ff55ff;
    color:#ffffff;
    display:inline-block;
    padding:0.2rem 0.5rem;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 2px #ffffff;
}

.maledirect {
    background:#0066ff;
    color:#ffffff;
    display:inline-block;
    padding:0.2rem 0.5rem;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 2px #ffffff;
}

.underlinkdirect .maledirect, .underlinkdirect .femaledirect {
   margin: 1rem 0.5rem; 
}

    .pic1 {
        background-image:url(images/Kategorie-Bauchlaeden.jpg);
    } 
    .pic2 {
        background-image:url(images/Kategorie-Schaerpen.jpg);
    }
    .pic3 {
        background-image:url(images/Kategorie-Buttons.jpg);
    }
    .pic4 {
        background-image:url(images/Kategorie-Kostueme.jpg);
    }
    .pic5 {
        background-image:url(images/Kategorie-T-Shirts.jpg);
        height:90.5rem; 
        max-height:90.5rem;
    }
    
     .fill {
        padding:0rem;
    }
    
    .pic1, .pic2, .pic3, .pic4, .pic5, .pic6{
        background-position: center 70%;
        background-repeat: no-repeat;
        background-size: cover;
        height:20rem;
        padding:0rem;
        margin: 0.5rem auto;
        position:relative;
        width:98%;
        max-width:50rem;
        box-sizing:border-box;
        max-height:50rem;
        overflow: hidden;
        border: 0.5rem solid #fff;
        border-radius: 5px;
        box-shadow: 0rem 0rem 0.2em 0rem #dadada;
    }
    
     .pic1:hover, .pic2:hover, .pic3:hover, .pic4:hover, .pic5:hover, .pic6:hover {
        transition-duration:0.5s;
        opacity:0.8;
        cursor:pointer;
    }
    
    .bottomgradient {
        background: rgba(0, 0, 0, 0) url("images/blackgradient.png") repeat-x scroll 0 0 / auto 100%;
        bottom: -1rem;
        color: #ffffff;
        font-size: 2.2rem;
        height: 6rem;
        left: 0rem;
        line-height: 5rem;
        opacity: 0.8;
        padding: 1rem;
        position: absolute;
        text-align: right;
        white-space: nowrap;
        width: 100%;
        text-shadow: 0px 0px 5px #000;
    }

    
    .indexcategories {
        padding: 0rem;
    }
    
    .indexcategories .row{
        padding:1rem;
        margin-top:1rem;
    }
    
    .indexh2{
        width:100%; 
        color:#333333; 
        text-align:center; 
        font-size:1.5rem; 
        clear:both; 
        margin:2rem 0rem 0rem 0rem;
        font-weight:normal;
    }
    
    .indexh3{
        width:100%; 
        color:#333333; 
        text-align:center; 
        font-size:1.2rem; 
        clear:both; 
        margin:0.5rem 0rem 1rem 0rem;
        font-weight:normal;
    }
    
    
    .searchareatop {
        padding-left:1rem;
        padding-top:1.5rem;
    }
    
    .searchareabottom {
        margin:0rem;
        padding:0rem;
        text-align:center;
        width:100%;
    }
    
    .searchbartop {
        width: 12rem;
        color:#333;
    }
    
    .searchbarbottom {
        width: 50%;
        font-size:1.4rem;
        color:#333;
    }
    
    .searchbarfooter {
        width: 30%;
        font-size:1.2rem;
        color:#333;
        min-width:15rem;
        max-width:50rem;
    }
    
    #suchenbottom {
        font-size: 1.4rem;
    }
    
    .searches {
        padding:0rem;
        margin:0rem;
        display:inline;
    }
    
    .suchergebnisbox {
        box-sizing: border-box;
        float:none;
        display: inline-table;
        padding:0rem;
        margin:0rem;
        vertical-align: top;
        max-width:50rem; 
    }
    
    .suchergebnisbox .row {
        border:1px solid #dedede;
        border-radius:5px;
        box-shadow: 0px 0px 3px 1px #dedede;
        padding:1rem;
        margin:1rem;
    }

    .suchergebnistext {
        display:table-cell;
        padding:0.5rem;
    }
    
    .suchergebnisbild {
        display:table-cell;
        padding: 0rem;
    }
    
    .suchergebnisbild img{
        width:100%;
        height:auto;
        max-width:200px;
    }
    
    a.suchergebnislink:link,a.suchergebnislink:active,a.suchergebnislink:visited {
        color: #333;
        text-decoration: none;
    }
    
    a.suchergebnislink:focus,a.suchergebnislink:hover {
        color: #0088DD;
    }
    
    a.suchergebnislink:hover div.suchergebnisbox{
       border:1px solid #0088DD;
    }
   
     .indexlink, .indexlink a:link, .indexlink a:active, .indexlink a:visited{
         margin:1rem;
         text-align:center;
         color: #0055FF;
         font-size:1.5rem;
     }
     
     .indexlink a:hover, .indexlink a:focus {
         color: #0088FF;
     }
     
     .hauptbild:hover, .hauptbildshirt:hover{
         opacity: 0.85;
     }

     
     .indexprodcontainer {
         margin:2rem auto;
         width:98%;
     }
     
     .indexprod {
         padding: 0rem;
         margin:0rem 0rem -2rem 0rem;
         box-sizing:border-box;
     }
     
     .indexprodinner {
        min-height:26rem; 
     }
     
     .indexprodinnerrabatte {
        height:31rem; 
     }
     
     .indexprod img{
         width:100%;
         height: auto;
         max-width:15rem;
         max-height:20rem;
         padding:0.15rem;
     }
 
     .indexprodtext {
         width:100%;
         text-align: center;
         vertical-align: top;
         font-weight:bold;
         margin:1rem 0rem 0rem 0rem;
         height: 5rem;
     }
     
     .indexprodtext label{
         color: #0088DD;
         font-size:1.4rem;
         margin:0.75rem 0rem;
         width:100%;
         white-space:nowrap;
     }
     
     .indexprod a{
         text-decoration: none;
         width:100%;
         line-height:120%;
         font-size:1rem;
         color: #555;
         display:table;
         padding:0.25rem;
         text-align: center;
     }
     
     .indexprodinner:hover img, .indexprodinnerrabatte:hover img {
         transform: scale(1.1);
         opacity:0.95;
         transition-duration:0.3s;
     }
     
     .indexprodinner:hover p.indexprodtext, .indexprodinnerrabatte:hover .indexprodtext{
         color:#0088DD;
         text-decoration: underline;
         opacity:0.9;
         transition-duration:0.3s;
     }
     
     
     .floatr{
         float: right;
     }
  
     
     .linkstripe {
         text-align: right;
         padding:0.5rem 2rem;
         margin: 5rem 0rem 2rem 0rem;
         font-size:1.3rem;
     }
     
     .titlestripe {
         color: #333;
         text-align: left;
         border-bottom: 0.1rem solid #999;
         font-size: 1.3rem;
         padding:0.5rem 1rem 0rem 0rem;
         margin: 0rem 0rem 1.5rem 0rem;
     }
     
      .indexprod > .row > div.linkstripe > a:link, .indexprod > .row > div.linkstripe > a:active, .indexprod > .row > div.linkstripe a:visited{
         color:#005599;
         width:auto;
         height:auto;
         float:right;
     }
     
     .indexprod > .row > div.linkstripe a:focus, .indexprod > .row > div.linkstripe a:hover{
         color:#0088dd;
     }
     
     
     .rabattkasten {
         background: #de0000;
         color: #ffffff;
         font-size:3.5rem;
         text-align:center;
         padding:0.3rem;
         margin-bottom:2rem;
         font-weight: bold;
     }
     
     .mustershirtbox {
         width:100%; 
         margin:1rem 0rem; 
         max-width:30rem; 
         text-align:center;
         border-radius:5px; 
         border:0.1rem solid #005599;
         padding:1rem; 
         background:#0088DD; 
         background-image: -webkit-linear-gradient(#0088DD 0%, #005599 80%); 
         background-image: -moz-linear-gradient(#0088DD 0%, #005599 80%); 
         background-image: -o-linear-gradient(#0088DD 0%, #005599 80%); 
         background-image: -ms-linear-gradient(#0088DD 0%, #005599 80%); 
         background-image: linear-gradient(#0088DD 0%, #005599 80%);
     }
     
     
     .shadowpic {
         box-shadow:0.25rem 0.25rem 0.3rem 0rem #555555;
     }
    
     
     
    .motivsuche {
    padding:0px; 
    border: 1px solid #dedede;
    box-shadow: 0px 0px 5px 1px #efefef;
    padding-bottom:3px; 
    border-radius:5px;
    width:80%;
    max-width:80%;
    white-space:normal;
    box-sizing:border-box;
} 

.motivsuche input, .motivsuche select, .motivsuche option {
    padding:5px;
    letter-spacing:1px;
}


a.rabattbutton:link, a.rabattbutton:active, a.rabattbutton:visited{
    color:#005599;
    border:1px solid #005599;
    background:#ffffff;
    border-radius:5px;
    padding:5px;
    text-decoration:none;
    white-space: nowrap;
}

a.rabattbutton:hover {
    color:#0099FF;
    border:1px solid #0099FF;
}

#smartsearch {
    display:none;
    height:0%;
    overflow:hidden;
}

#suchbutton {
    background-color: #005599;
}

.merkliste{
	color:#0055FF;
	cursor:pointer;
	line-height:normal;
        display:inline-table;
        text-align:left;
        margin:auto;
        text-align:center;
}

.merkliste span {
        display: table-cell;
        vertical-align:middle;
        padding:0px;
}


.motiv {
    width:19%;
    margin:2%;
    padding:0;
    white-space:nowrap;
    list-style-type:none;
    text-align:center;
    border:1px solid #dedede;
    display:inline-block;
    overflow:visible;
    
}

.motive {
    text-align: center;
    min-height:30rem;
}

.motivvorschau, .artikelvorschau {
    width:100%;
    height:20rem;
}

.artikelvorschau {
    margin-bottom:1rem;
    text-align: center;
    min-height: 24.5rem;
}

.artikelfuellungen > .row > div {
    padding:0.5rem;
}

.artikelfuellungen > .row > .col-xl-12{
    margin:2rem 0rem;
}

.hauptbild{
    width:100%;
    max-width:225px;
    max-height:225px;
    height:auto;
    margin:1%;
}

.artikelhauptbild{
    width:100%;
    max-width:200px;
    height:auto;
    margin: 0.5rem auto;
}

.hauptbildshirt{
    width:100%;
    max-width:215px;
    height:auto;
    margin:1%;
}

.motivbild {
    width:100%;
    max-width:250px;
    height:auto;
    margin:1%;
}

.artikelbild {
    width:100%;
    max-width:18rem;
    height:auto;
    margin:1%;
}

a.motivbutton:link, a.motivbutton:active, a.motivbutton:visited {
    text-decoration:none;
    color:#ffffff;
    white-space:nowrap;
    background:#005599;
    padding:5px;
    border-radius:5px;
    text-align:center;
    position:absolute;
    top:50%;
    display:block;
    min-width:90%;
    box-sizing:border-box;
}

a.motivbutton:hover, a.motivbutton:focus {
    text-decoration:underline;
    background:#0099FF;
}

a.motivtext:link, a.motivtext:active, a.motivtext:visited{
    text-decoration:none;
    color:#005599;
    white-space:pre-wrap;
    font-size:1rem;
}

a.motivtext:hover, a.motivtext:focus{
    text-decoration:underline;
    color:#0088DD;
}

.motivcontent, .artikelcontent {
    background:#ffffff;
    width:100%;
    box-sizing:border-box;
    padding:0% 0% 2% 0%;
    margin:-0.1rem 0rem 0rem 0rem;
    visibility:hidden;
    position:absolute;
    z-index:333;
    top:0%;
    right:0%;
    text-align:center;
    display:inline-block;
    border: 1px solid #0088DD;
    box-shadow: 0rem 0rem 0.5rem 0rem #efefff;
}

 .artikelcontent{
     padding:0.5rem;
}

.motivcontent div.container, .motivcontent div.row{
    display: inherit;
    padding:0rem;
    margin:0rem;
    box-sizing:border-box;
}

.artikelcontent div.container, .artikelcontent div.row{
    display: inherit;
    padding:0rem;
    margin:0rem;
    box-sizing:border-box;
}

.motivvorschau:hover div.motivcontent{
    visibility:visible;
}

.artikelvorschau:hover div.artikelcontent{
    visibility:visible;
}

.liste {
    position:absolute;
    bottom:0;
    margin:auto;
}

.preisliste p{
    width:100%;
    margin:0;
    padding:5px;
    box-sizing:border-box;
}

.ansichtlinkaktiv {
    background:#0099FF; 
    border:2px solid #0099FF; 
    color:#ffffff; 
    border-radius: 5px; 
    font-weight:bold;
    font-size:1.4rem;
    white-space: nowrap;
    display: inline-table;
    margin: 0.5rem auto;
    padding: 0.2rem; 
}

.ansichtlinkinaktiv {
    background:#ffffff; 
    border:2px solid #005599; 
    color:#005599; 
    border-radius: 5px; 
    font-weight:normal;
    font-size:1.4rem;
    white-space: nowrap;
    display: inline-table;
    margin: 0.5rem auto;
    padding: 0.2rem;
}

.ansichtlinkinaktiv:hover {
    border:2px solid #0099FF; 
    color:#0099FF; 
}

.motivfarben {
    padding:0%;
    margin:0% 1.5%;
}

.button, .button:link, .button:active, .button:visited {
    font-size:1.1rem;
    padding:0.3rem;
    margin:0.5rem auto 0.5rem auto;
    white-space: normal;
    display: inline-block;
}

.pngbild {
    background-color: #dedede;
}
 
.infade{
    opacity: 0;
}

.ueberschrift {
    width:100%;
    display:block;
    font-size: 1.5rem;
    text-align:left;
    padding:1rem;
    color:#555;
    border-bottom: 0.1rem solid #999;
    margin:2rem 0rem;
}

#backtotop{
    display: table; 
    opacity: 1; 
    position: fixed; 
    top: 100%; 
    z-index: 999; 
    transition-duration: 0.5s; 
    left: 2.5rem;
}

.artikelkategorien:link, .artikelkategorien:active, .artikelkategorien:visited{
    font-size: 1rem;
    color:#000;
    text-decoration: none;
    display:block;
    position:relative;
    padding-left:0.2rem;
}

.artikelkategorien:hover {
    text-decoration:underline;
    color: #0055FF;
}

span.kateogriepfeil{
    color: #000;
    position:absolute;
    left:-0.5rem;
    top:-0.1rem;
    font-size:1.1rem;
}

.padzero {
    padding:0rem;
}

.marzero {
    margin:0rem;
}

.zero {
    padding: 0rem;
    margin: 0rem;
}

.zoomlens{
    cursor:url(images/zoom.gif), crosshair;
}

.plusproductpic {
    width:100%;
    height:auto;
    border:1px solid #dedede;
}

.plusproductpicset {
    width:100%;
    height:auto;
    border:1px solid #fff;
    width:auto;
    height:5rem;
}


.plusproductpic:hover, .plusproductpicset:hover{
    transform:scale(1.2);
    border:1px solid #3399DD;
    transition-duration: 0.2s;
    cursor:pointer;
}



.fehlerausgabe {
    color:#ff0000;
    font-size:0.9rem;
    margin: 0rem 1rem 1rem 1rem;
    display: block;
}

.artikelinput {
    border: 1px solid #0088dd;
    padding:0.1rem;
    display: block;
    margin:0rem auto;
    background:#efefff;
}

span.wknum {
    box-sizing: border-box;
    color: #005599;
    display: none;
    font-size: 0.8rem;
    line-height: normal;
    min-width: 1.8rem;
    padding: 0.1rem;
    position: absolute;
    right: 0.25rem;
    text-align: center;
    top: 3rem;
}

span.wknummobil {
    box-sizing: border-box;
    color: #005599;
    display: none;
    font-size: 0.9rem;
    line-height: normal;
    min-width: 1.8rem;
    padding: 0.1rem;
    position: absolute;
    left: 14rem;
    text-align: center;
    top: 1.5rem;
}

.shirtvorschau {
    text-align: center;
}

.shirtvorschau img{
    max-width:20rem;
}

.shirtpreistab {
    width:100%;
    margin:2rem 0rem;
    padding:0rem;
    border:0.1rem solid #999;
}

.shirtpreise {
    padding:0.75rem 0.25rem;
    white-space: nowrap;
    font-size:1rem;
}

.shirtcols {
    min-height: 6rem;
    min-width:5rem;
    max-width:6rem;
    line-height:75%;
    text-align:center;
}

.shirtbutton, a.shirtbutton:link, a.shirtbutton:active, a.shirtbutton:visited{
    font-size:1.5rem;
    padding:1rem;
    margin: 2rem auto;
}


.artikelangaben {
    padding:0.25rem;
    vertical-align: middle;
    text-align: left;
    margin:0.5rem 0rem;
}

.artikelangaben input, .artikelangaben select, .artikelangaben option{
    font-size: 1rem;
    padding: 0.25rem;
}

.crossmotivbox {
    padding:0rem;
    margin:0rem;
    text-align:center;
    min-width: 8rem;
    margin-bottom: 1rem;
    min-height: 25rem;
}

.crossartikel {
    padding:0.1rem;
    margin:0.5rem;
    text-align:center;
    overflow: hidden;
    border: 0.1rem solid #dedede;
    border-radius: 1rem;
}

.crossartikel a{
    text-decoration:none;
    color: #555;
    text-align:center;
}

.crossartikel > a > p{
    font-size:1rem;
    min-height:4rem;
    min-height: 6rem;
}
.crossartikel > a:hover p{
    color: #0088DD;
}

.crossartikel > a:hover img{
    transform: scale(1.1);
    opacity: 0.95;
    transition-duration:0.3s;
}

a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited, .breadcrumb {
    color: #666666;
    text-decoration:none;
    background-color:#fff;
    margin:0rem;
    padding: 0rem;
}

a.breadcrumb:focus, a.breadcrumb:hover {
    color: #0088DD;
    text-decoration:underline;
}

.formular {
    padding:0.5rem;
    margin: 0.5rem 0rem;
}

.flynavi {
    display:none; 
    position:fixed; 
    top:10rem; 
    left:1.5rem;
    background: #eff4ff;
    border: 1px solid #cccccc;
    width:auto;
    border-radius:0.5rem;
    box-shadow: 0.2rem 0.2rem 0.1rem 0rem #999;
    z-index: 100;
}
.flynavi div{
    padding: 0.20rem;
    margin: 0.25rem 0rem;
}

.flynavi select {
    padding: 0.3rem 0.25rem;
    cursor: pointer;
    max-width:10.5rem;
    font-size: 0.95rem;
}

.flynavi option{
    max-width: none;
    padding:0.5rem 0.2rem;
    cursor: pointer;
    font-size: 0.95rem;
    display:block;
}

.warenkorbrow {
    border-top:0.1rem solid #999;
}

.warenkorbnumber {
    width:5rem; 
    border:0.1rem solid #ccc; 
    font-size:1.3rem; 
    text-align:center;
}

.wkbutton {
    display:inline; 
    margin:0.75rem;
    padding:0.25rem;
    font-size:1.2rem;
    color:#fff;
}

.warenkorbbild {
    height:auto; 
    width:100%; 
    max-width:7rem; 
    margin: 0.5rem 0rem;
}

*.warenkorbbutton, .warenkorbbutton:link, .warenkorbbutton:active, .warenkorbbutton:visited {
    font-size:1.6rem;
    margin:1rem 0rem;
}

.warenkorbbild:hover {
    transform: scale(1.1);
    transition-duration: 0.3s;
}

.wkartnr {
    color:#666; 
    font-size:0.9rem; 
    white-space:nowrap;
}

.warenkorbsubrow {
    margin:0.5rem 0rem;
    padding:0.5rem 0rem; 
    border-top:0.1rem solid #ccc;
}

.wklabeldiv {
    margin:0rem 2rem 2rem 0rem; 
    display:inline;
}

.warenkorblabel {
    white-space:nowrap; 
    color:#0088DD; 
    font-size:1.3rem; 
    font-weight:normal;
    margin-right:5rem;
}

.wksublabel {
    white-space:nowrap; 
    font-size:0.8rem; 
    color:#999;
    width:100%;
    display: table;
    padding:0rem 0rem 1rem 0rem;
    text-align:right;
}

a.black:link, a.black:visited, a.black:active, .black {
    color:#333;
    text-decoration: none;
}

a.black:focus, a.black:hover {
    color:#0088dd;
    text-decoration: underline;
    transition-duration: 0.3s;
    cursor: pointer;
}

.supportupper {
    width:100%;
    height:5rem;
    background:#0077bb;
    text-align: center;
    box-shadow: 0rem 0rem 1rem 0.25rem #005599 inset
}

.supportlower {
    padding: 1rem;
    text-align:left;
}

.supporth3{
    color: #0077bb;
    font-size:1.4rem;
    font-weight: normal;
    height:3rem;
    margin: 1rem; 
}

.supportlower b{
    margin: 1rem 0rem;
}

.supportbox {
    padding:0rem;
    background: #ffffff;
    margin:0.5rem;
    border: 0.1rem solid #0077bb;
    border-radius: 0.5rem;
    overflow: hidden;
    min-height:35rem;
    position:relative;
    min-width: 18rem;
}

.supportbox a.button {
    position:absolute;
    width:16rem;
    left:50%;
    margin-left:-8rem;
    bottom: 1rem;
}

.supportmailbox {
    padding:1rem;
    background: #0077bb;
    border-radius: 0.5rem;
}

.supportmailboxh2 {
    font-size:1.7rem;
    color:#ffffff;
    margin:1rem;
}

.support-alert {
    margin: 1rem 0rem;
    border: 0.1rem solid #0077CC;
    display: table-cell;
}

.kcbox {
    border:0.1rem solid #ccc; 
    min-width:18rem; 
    text-align:center; 
    width:100%;
    margin:auto; 
    padding:0.25rem;
    margin:0.25rem;
    display:block;
}

.kcbox:hover {
    transform: scale(1.02);
    border: 0.1rem solid #0088dd;
    transition-duration: 0.15s;
}

.kcbox img{
    margin:1rem;
}

.kcbox, .kcbox:link, .kcbox:active, .kcbox:visited {
    font-size:1.1rem;
    color:#005599;
    text-decoration: none;
}

.kcbox:focus, .kcbox:hover {
   color:#0088DD;
}

.kcboxcontainer {
    max-width:25rem;
    text-align:left;
    margin:auto;
    min-height: 4rem;
}

.kcboxcontainer p{
    display: inline-table;
    margin: 0rem;
    padding: 1rem;
    vertical-align: middle;
}
.kcboxcontainer p{
    display: inline-table;
    margin: 0rem;
    padding: 1rem;
    vertical-align: middle;
}
.kcboxcontainer span{
    margin: 1rem;
    display: block;
    text-align: center;
}

.kundencenterbox {
    background:#def;
    padding:1rem;
    margin: auto;
    border: 0.1rem solid #9cf;
    box-shadow: 0.1rem 0.1rem 0.2rem 0rem #ccc;
    width:100%;
    min-width:18rem;
    max-width:40rem;
}


.konfiguratorshirt  {
   text-align:center; 
   overflow:hidden; 
   height:40rem; 
   padding:0rem; 
   margin:1rem auto; 
   background:#fff; 
   border: 0.1rem double #005599; 
   border-radius:0.5rem;
}


.konfiguratorbutton  {
    text-align:center; 
    line-height:10%;
    cursor:pointer;
}

.konfiguratorbutton  img{
    width:80%; 
    height: auto; 
    padding:0.25rem; 
    margin:1rem -1rem; 
    max-width:5rem; 
    min-width:4rem;
}

.konfiguratorbutton img:hover {
    transform: scale(1.1);
    transition-duration: 0.3s;
}

.konfiguratorbutton p{
    font-size:0.9rem; 
    margin-top:-0.5rem; 
    color:#005599; 
    text-align:center;  
    width:100%;
}

.konfiguratorbutton span{
    line-height:150%;
    margin-top:2.5rem;
    left:50%;
    margin-left:-3rem;
    z-index:997;
}

.cross-headline {
    text-align:center; 
    width:100%; 
    padding:0.25rem; 
    font-size:1.1rem; 
    margin:0.5rem 0rem -0.5rem;
    color:#005599;
    font-weight:bold;
}

.crossitem {
    background:#fff; 
    border-radius:0.5rem; 
    border:0.1rem solid #999; 
    height:10rem; 
    text-align:center; 
    overflow:hidden; 
    position:relative;
}

.crossfoto {
    height:7rem;
    width:auto;
}

.crossbezeichnung {
    width:100%; 
    height:3rem; 
    font-size:0.8rem; 
    line-height:100%; 
    margin:0rem; 
    padding:0rem;
}

.konfiguratorcontent {
    position:absolute;
    width:60%;
    min-height:30rem;
    bottom:0rem;
    left:50%;
    top:26rem;
    margin-left:-30%;
    min-width:16rem;
    font-size:1rem;
    color:#000;
    background: #fff;
    box-shadow: 0rem 0rem 0.5rem -0.1rem #000;
    z-index:997;
    padding:2rem 0.5rem;
    display:none;
    min-width:22rem;
    cursor:move;
}

.konfiguratorcontent .closecontent{
    width:1.5rem;
    height:1.5rem;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    cursor: pointer;
}

.shirtcategory{
    padding:0.25rem; 
    font-size:1.2rem; 
    color:#fff; 
    text-align:center; 
    font-weight:bold; 
    cursor:pointer; 
}

.shirtcategory:hover{
    text-decoration: underline;
}

.crossshirtpic {
    height:8rem; 
    width:auto; 
    margin:0.5rem auto;
}

a.crossshirtauswahl:link, a.crossshirtauswahl:active, a.crossshirtauswahl:visited {
    text-decoration: none;
    color:#333;
    background:#fff;
}

a.crossshirtauswahl:focus, a.crossshirtauswahl:hover {
    color: #0088DD;
}

a.crossshirtauswahl:focus img, a.crossshirtauswahl:hover img{
    transform: scale(1.1);
    transition-duration: 0.2s;
    opacity:0.9;
}


.shirtcontenttab {
    display:none;
    position:absolute;
    width:15rem;
    left:50%;
    margin-left:-7.5rem;
    top:0%;
    background:#fff;
    padding:0.5rem;
    z-index:999;
    font-size:0.9rem;
    border-radius:0.25rem;
    box-shadow:0.1rem 0.1rem 0.3rem 0.0rem #999;
    border:0.1rem solid #005599;
}

.shirttab:hover  div.shirtcontenttab{
    transition-delay:0.5s;
    display:block;
}

.konfiguratormotivfarbe {
    background:#CCCCCC; 
    width:100%; 
    height:auto; 
    margin:0rem; 
    padding:0.1rem;
    border: 0.15rem solid;
    border-color:#fff;
}

.konfiguratormotivfarbe:hover{
    transform: scale(1.1);
    transition-duration:0.2s;
}


*.indenkonfigurator, a.indenkonfigurator:link, a.indenkonfigurator:active, a.indenkonfigurator:visited, a.indenkonfigurator:focus, a.indenkonfigurator:hover{
    display:table;
    cursor:pointer;
    margin:0.5rem auto;
    padding:0.35rem;
    width:auto;
    font-size:1.15rem;
}

.nowrap {
    white-space:nowrap;
}


.nochmehrrabattshirts {
    margin:5rem auto 3rem;
    text-align: center;
    clear:both;
    display:block;
}

.nochmehrrabattshirts a:link, .nochmehrrabattshirts a:visited, .nochmehrrabattshirts a:active {
margin: 2rem auto;
font-size:2rem;
color:#0055FF;
text-decoration: underline;
}
.nochmehrrabattshirts a:hover, .nochmehrrabattshirts a:focus{
opacity:0.8;
}