@import "./basics.css.php";
  @import "./layout.css.php";
  @import "./grid.css";
  @import "../fonts/font.css";
  @import "../fonts/font_icons.css";
  @import "./menu.css.php";
  @import "./slider5.css.php";
  @import "./media_queries.css";

/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

/* #### Basics #### */
body * {
         -moz-hyphens: auto;
         -o-hyphens: auto;
         -webkit-hyphens: auto;
         -ms-hyphens: auto;
         hyphens: auto;
}
video.clips { max-width:100%; }

        h1,h2,h3,h4,h5 {
                font-weight: normal;
                margin-bottom: 0.25em;
                padding-bottom:0.3em;
                padding-top:0.3em;
                text-shadow: 1px 1px 1px rgba(255,255,255,0.7), 2px 2px 3px rgba(0,0,0,0.1);
        }
        h1 {
                color: #ff759b;
                font-size: 1.8em;
                text-transform: uppercase;
        }
        h2 {
                color: #97baed;
                font-size: 1.6em;
        }
        h3 {
                color: #59c1a9;
                font-size: 1.4em;
        }
        h4 {
                font-size: 1.2em;
        }
        h5 {
                font-weight: 700;
        }
        hr {
        background:#ff759b none repeat scroll 0%;
         border:0pt none;
         height:1px;
         clear:both;
         margin:1% 0;
         box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
        }
        hr.g{
        background:#cccccc none repeat scroll 0%;
        box-shadow: none;
        }
        p, ul {
                margin:1em 0 1.25em 0;
        }

        p {
                line-height: 1.5em;
        }
        i {
                 font-style:italic;
        }

        strong,b {
                color: #222222;
                font-weight:700;
        }

        cite {
                font-weight:300;
                font-style:italic;
        }

        small {
                font-size:80%;
        }
        embed {
                width:750px;
                box-shadow: 1px 1px 5px rgba(0,0,0,0.20);
        }
        ul {
                padding: 0 0 0 2%;
        }

        a {
                color: #ff759b;
                text-decoration: underline;
        }
        a:hover {
                color: #222222;
                text-decoration: none;
        }
        h1 a, h2 a, h3 a, h4 a, h5 a {
                text-decoration: none;
        }
        .breadcrumb a {

        }
        * > p:last-child {
                margin-bottom: 0 !important;
        }


/* #### Formulare #### */

#suche form {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display:block;
  margin: 5px;
  padding:5px;
  background:transparent;
}
form {
  background:rgba(255,255,255,0.3);
  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  border-radius: 3px;
  margin: 5px;
  padding:20px;
}
label {
  width:150px;
  float:left;
  font-size:0.9em;
  margin:3px 0;
}
input[type="text"],
input[type="submit"],
input[type="reset"],
input[type="Radio"],
input[type="Checkbox"],
textarea {
  padding: 10px;
  margin-left:1%;
  margin-bottom:2%;
  border-radius: 3px;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.1), inset 1px 1px 3px rgba(0,0,0,0.1);
  border: 1px solid #cccccc;
}
input[type="text"],
input[type="Radio"],
input[type="Checkbox"],
textarea {
  background-color:  #FFFFFF;
  color: #222222;
  border: none;
}
input[type="text"],
textarea {
  width:calc(100% - 170px);
}
input[type="text"].short {
  width:20%;
}
textarea {
  height:7em;
  }
input[type="submit"] {
  font-size:1.2em;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.95),  -1px -1px 1px rgba(0,0,0,0.1);
  cursor: pointer;
  width: auto;
  border-radius: 3px;
  border:none;
  background-color: #c4daf6;
  background-image: -ms-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 40%, #c4daf6 120%);
  background-image: -moz-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 40%, #c4daf6 120%);
  background-image: -o-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 40%, #c4daf6 120%);
  background-image: -webkit-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 40%, #c4daf6 100%);
  background-image: radial-gradient(ellipse farthest-corner at left top, #FFFFFF 40%, #c4daf6 120%);
  color:#97baed;
}
input[type="submit"]:hover {
  background-color: #FFFFFF;
  background-image: -ms-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 10%, #ffd2e1 100%);
  background-image: -moz-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 10%, #ffd2e1 100%);
  background-image: -o-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 10%, #ffd2e1 100%);
  background-image: -webkit-gradient(radial, left top, 0, left top, 1000, color-stop(0.1, #FFFFFF), color-stop(1, #ffd2e1));
  background-image: -webkit-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 10%, #ffd2e1 100%);
  background-image: radial-gradient(ellipse farthest-corner at left top, #FFFFFF 10%, #ffd2e1 100%);
  color: #ff759b;
}

input.fail, textarea.fail, checkbox.fail {
  border: 1px solid #ff759b;
  background-color: #FFFFFF;
}
p.fail {
  border: 1px solid #ff759b;
  color: #ff759b;
  padding:5px;
}

/* #### Artikel #### */

ul.artikelliste {
         padding-left:0;
}
ul.artikelliste li {
         display:block;
         clear:both;
}
ul.artikelliste li a {
         color:#59c1a9;
         text-decoration:none;
}
ul.artikelliste a:hover {
         color:#666666;
}
ul.artikelliste li a img {
         float:left;
         padding:3px;
         margin-right:0.5em;
         margin-bottom:0.5em;
         box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
         background:#FFFFFF}
ul.artikelliste a:hover img {
         box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
ul.artikelliste .button {
         background-image: radial-gradient(ellipse farthest-corner at right top, #FFFFFF 50%, #c4eee6 150%);
         border: solid 1px #c4eee6;
}
ul.artikelliste .button:hover {
         background-image: radial-gradient(ellipse farthest-corner at right top, #c4eee6 50%, #59c1a9 150%);
}

.produkt a img {
        padding:5px;
         margin-right:1em;
         margin-bottom:1em;
         box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.produkt a:hover img {
         box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

/* #### Sonstiges #### */
.extra,
.extra1 {
  background:rgba(255,255,255,0.3);
  box-shadow:inset 0px 0px 2px rgba(0,0,0,0.1);
  border-radius: 3px;
  padding:20px;
}
.extra {

}
.extra1 {
  box-shadow:inset 0px 0px 2px rgba(0,0,0,0.1);
  background-image: radial-gradient(ellipse farthest-corner at right top, #FFFFFF 50%, #ffd2e1 150%);
}
.button,
a.vklink,
a.ebooklink {
         display: inline-block;
         margin-bottom:5px;
         padding: 5px 15px;
         background-color: #c4eee6;
         background-image: radial-gradient(ellipse farthest-corner at right top, #FFFFFF 50%, #cccccc 150%);
         border-radius: 3px;
         text-decoration: none;
         border: solid 1px #cccccc;
         box-shadow: inset 0px 0px 2px rgba(0,0,0,0.1);
        }

.button:hover,
a.vklink:hover,
a.ebooklink:hover {
         background-image: radial-gradient(ellipse farthest-corner at right top, #cccccc 50%, #666666 150%);
         color:#FFFFFF;
        }