body {min-height:500px;}

    .klein {font-size:0.6em;}
    .fussnote {font-size:0.6em;font-orientation:italic;}
    .inhaltsheader {font-size:1.2em; font-weight:bold;color:#444444;}

    .artbezeichnung {font-size:1.0em; color:#000000;}
    .artbeschreibung {font-size:0.7em; color:#000000;}
    .artpreis {font-size:1.0em; color:#000000;font-weight:500;}
    .artinhalt {font-size:0.6em; color:#000000;}
    .basket {font-size:0.7em; color:#000000;}
    .basket1 {font-size:0.9em; color:#000000;}
    .artgrundpreis {font-size:0.6em; color:#000000;}
    .text {font-size:13px; color:#000000;}
    .text_green {font-size:15px; color:green;}
    
    .meldung {font-size:14px; font-weight:bold;color:#ffffff;}
    .menu {font-size:11px; font-weight:bold;color:red;}
    
    /*.menu1 {font-size:11px; font-weight:bold;color:green;}*/
    .menu1 {font-size:12px; font-family:verdana;height:12px;width:140px; color:#000000;}
    /*.menu2 {font-size:11px; font-weight:bold;color:green; }*/
    /*border-right:solid 1px #888888; 
    border-bottom:solid 1px #888888; 
    border-left:solid 1px #ffffff;
    border-top:solid 1px #ffffff;*/ 
    .frontheader{font-size:1.2em; font-weight:bold;color:#888888; }
    .frontsubheader{font-size:18px; font-weight:bold;color:#888888; }
    .fronttext{font-size:0.8em; font-weight:normal;color:#888888; }
    .schrift2h {font-size:0.8em; font-family:verdana; color:#000000;}

    
            .box_rund
	{
	padding:5px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 1px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 1px;
	-moz-border-radius-bottomright:1px;
	-moz-border-radius-bottomleft:1px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:1px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:1px;
	}

	.box_rund2
	    {
	    padding:3px;
	    border:solid 1px #c4c4c4;
	    border-radius: 10px;
	    -moz-border-radius:10px;
	    -webkit-border-radius:10px;
	    }
    /* NEU */

    .spacer25  {margin-top:25px;}
    .spacer50 {margin-top:50px;}
    .spacer100 {margin-top:100px;}
    .greyback {color:#555555; background-color:#dedede;border:solid 1px grey;
	    -moz-border-radius:5px; -webkit-border-radius:5px;}   /*Hintergrund der boxen*/










    /* ==========MEDIA QUERIES =========  */

    /*XS*/
    @media (max-width:575.98px)  {
        .wabuttonfront {font-size:90% !important;}
        .katalogbuttonfront {font-size:90%!important;}
        .loginbuttonfront {font-size:130%!important;}

        .cidkopf{padding-left:10px;padding-right:10px;min-height:500px;}
        .subbar{text-align: center;}

        .searchbar-left{text-align:center !important;}
        .searchbar-right{text-align:center !important;}
	.menubutton {width:100%;border:solid 2px orange;font-size:1em;padding:2px;}	    
	#buttonmenu {}
    }

    /*SM*/
    @media (min-width:576px)and (max-width: 767.98px)  {
        .wabuttonfront {font-size:90% !important;}
        .katalogbuttonfront {font-size:90%!important;}
        .loginbuttonfront {font-size:120% !important;}

        .cidkopf{margin-left:5px;margin-right:5px;min-height:500px;}
        .subbar{font-size:90%;}

        .searchbar-left{text-align:left !important;}
        .searchbar-right{text-align:right !important;}

	.menubutton {width:100%;border:solid 2px orange;font-size:1em;padding:2px;}
    }

    /*MD*/
    @media (min-width:768px) and (max-width:991.98px)   {
        .wabuttonfront {font-size:70% !important;}
        .katalogbuttonfront {font-size:70% !important;}
        .loginbuttonfront {font-size:100% !important;}

        .cidkopf{padding-left:10px;padding-right:10px;min-height:500px;}

        .searchbar-left{text-align:left !important;}
        .searchbar-right{text-align:right !important;}

	.menubutton {width:100%;border:solid 2px orange;font-size:1em;}	    
    }
    /*LG*/
    @media (min-width: 992px)and(max-width:1199.98px) {
        .wabuttonfront {font-size:40% !important;}
        .katalogbuttonfront {font-size:40%!important;}
        .loginbuttonfront {font-size:55% !important;}
        .cidkopf{padding-left:50px;padding-right:50px;min-height:500px;}

        .searchbar-left{text-align:left !important;}
        .searchbar-right{text-align:right !important;}

	.menubutton {width:100%;border:solid 2px orange;font-size:1.0em;}
    }
    /*XL*/
    @media (min-width: 1200px) {
        .wabuttonfront {font-size:100% !important;}
        .katalogbuttonfront {font-size:100%!important;}
        .loginbuttonfront {font-size:120% !important;}
        .cidkopf {padding-left:100px;padding-right:100px;min-height:200px;}

        .searchbar-left{text-align:left !important;}
        .searchbar-right{text-align:right !important;}

	.menubutton {width:100%;border:solid 2px orange;font-size:1.2em;}	    
	#buttonmenu {margin-top:50px;}
    }


   .umlbutton {border-radius:3px;color:#000;background-color:gold;font-size:.8em;
       padding:4px;border-right:2px solid gray;border-bottom:2px solid gray;margin-left:4px;
       text-decoration:none;}
   .werbungbutton_activ {border-radius:3px;color:#000;background-color:#c8e082;font-size:.8em;
       padding:4px;border-right:2px solid gray;border-bottom:2px solid gray;
       text-decoration:none;}
   .werbungbutton {border-radius:3px;color:#000;font-size:.8em;
       padding:4px;border-right:2px solid gray;border-bottom:2px solid gray;
       text-decoration:none;}
   .infobutton_activ {border-radius:3px;color:#000;background-color:#96ebee;font-size:.8em;
       padding:4px;border-right:2px solid gray;border-bottom:2px solid gray;
       text-decoration:none;}
   .infobutton {border-radius:3px;color:#000;font-size:.8em;
       padding:4px;border-right:2px solid gray;border-bottom:2px solid gray;
       text-decoration:none;}
   .rechbutton {border-radius:3px;color:#000;background-color:#ffa500;font-size:.8em;
       padding:4px;border-right:2px solid gray;border-bottom:2px solid gray;
       text-decoration:none;}
   .liefbutton {border-radius:3px;color:#000;background-color:#f7ff00;font-size:.8em;
       padding:4px;border-right:2px solid gray;border-bottom:2px solid gray;
       text-decoration:none;}
   .actionbutton {border-radius:3px;color:#000;background-color:#f0f0f0;font-size:.8em;
       padding:2px;border-right:2px solid gray;border-bottom:2px solid gray;width:25px;margin-left:0; margin-right:0;
       text-decoration:none;}
   .actionbutton2 {border-radius:3px;color:#000;background-color:#f0f0f0;font-size:.8em;
       padding:2px;border-right:2px solid gray;border-bottom:2px solid gray;width:25px;margin-left:0; margin-right:0;
       text-decoration:none;}
   .actionbutton_red {border-radius:3px;color:#000;background-color:#f0f0f0;font-size:.8em;
       padding:2px;border-right:2px solid gray;border-bottom:2px solid gray;width:25px;margin-left:0; margin-right:0;
       text-decoration:none;color:red}





   /* Nur für Admin */
    .vertical-menu {
	width: 250px; /* Set a width if you like */
	}

    .vertical-menu a {
	background-color: #eee; /* Grey background color */
	color: black; /* Black text color */
	display: block; /* Make the links appear below each other */
	padding: 4px; /* Add some padding */
	padding-left: 10px; /* Add some padding */
	text-decoration: none; /* Remove underline from links */
	text-align: left; /* Remove underline from links */
	height:2em;
	font-size:1em;
	}

    .vertical-menu a:hover {
	background-color: #ccc; /* Dark grey background on mouse-over */
	}

    .vertical-menu a.active {
	background-color: #4CAF50; /* Add a green color to the "active/current" link */
	color: white;
	}
    

body {
    font-family: sans-serif;
    margin:0;
    padding:0;
}

bg-gold {background-color:gold;}
.dialog-ovelay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.50);
    z-index: 999999
}
.dialog-ovelay .dialog {
    width: 400px;
    margin: 100px auto 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    border-radius: 3px;
    overflow: hidden
}
.dialog-ovelay .dialog header {
    padding: 10px 8px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e5e5e5
}
.dialog-ovelay .dialog header h3 {
    font-size: 14px;
    margin: 0;
    color: #555;
    display: inline-block
}
.dialog-ovelay .dialog header .fa-close {
    float: right;
    color: #c4c5c7;
    cursor: pointer;
    transition: all .5s ease;
    padding: 0 2px;
    border-radius: 1px    
}
.dialog-ovelay .dialog header .fa-close:hover {
    color: #b9b9b9
}
.dialog-ovelay .dialog header .fa-close:active {
    box-shadow: 0 0 5px #673AB7;
    color: #a2a2a2
}
.dialog-ovelay .dialog .dialog-msg {
    padding: 12px 10px
}
.dialog-ovelay .dialog .dialog-msg p{
    margin: 0;
    font-size: 15px;
    color: #333
}
.dialog-ovelay .dialog footer {
    border-top: 1px solid #e5e5e5;
    padding: 8px 10px
}
.dialog-ovelay .dialog footer .controls {
    direction: rtl
}
.dialog-ovelay .dialog footer .controls .button {
    padding: 5px 15px;
    border-radius: 3px
}
.button {
  cursor: pointer
}
.button-default {
    background-color: rgb(248, 248, 248);
    border: 1px solid rgba(204, 204, 204, 0.5);
    color: #5D5D5D;
}
.button-danger {
    background-color: #f44336;
    border: 1px solid #d32f2f;
    color: #f5f5f5
}
.link {
  padding: 5px 10px;
  cursor: pointer
}

hr.orange {border:solid 1px orange;}
    


#cookieButton {color:#000;padding-buttom:5px;}
#more a{color:gold;}
#cookie-popup {
  text-align: center; 
  background: #fff;
  position: fixed;
  top: 0px; 
  left: 0;
  right: 0;
  z-index: 9999;
  font-size:14px; 
  line-height:20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  }

.tabschrift_n {font-size:80%;}
.bg-gold {background-color:gold;}
.fc-dark {color:midnightblue;}