@charset "UTF-8";

@import url('normalize.css');
@import url('nda.css');
@import url('hamburgers.css');

*,
*:before,
*:after {
    box-sizing:border-box;
}

.cf {
    zoom:1;
}

.cf:before,
.cf:after {
    content:" ";
    display:table;
}

.cf:after {
    clear:both;
}

html {
    position:relative;
    min-height:100%;
}

body {
    background:url('../images/bg-sw.gif');
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:1.42857;
    margin-bottom:64px;
}

a:link,
a:visited {
    color:#b769b3;
    text-decoration:none;
}

a:hover {
    color:#b769b3;
    text-decoration:underline;
}

img {
    image-rendering:optimizeQuality;
}

p {
    margin:15px 0;
    padding:0;
}

.content > p {
    margin-top:0;
}

hr {
    height:0;
    box-sizing:content-box;
    margin-top:20px;
    margin-bottom:20px;
    border:0;
    border-top:1px solid #ddd;
}

h3 {
    font-size:18px;
    font-weight:bold;
    margin:25px 0 15px;
    padding:0;
}

.content > h3 {
    margin-top:0;
}

.center {
    text-align:center;
}

.pull-left {
    float:left;
}

.pull-right {
    float:right;
}

.bold {
    font-weight:bold;
}

.img-pull-right {
    float:right;
    margin:0 0 15px 15px;
}

.img-pull-left {
    float:left;
    margin:0 15px 15px 0;
}

.tooltip {
    box-shadow:1px 1px 5px rgba(0, 0, 0, 0.5);
    display:none;
    position:absolute;
    background-color:#fff;
    border-radius:5px;
    padding:10px;
    color:#b769b3;
    z-index:1001;
}

.alert {
    border:1px solid rgba(0, 0, 0, 0);
    border-radius:4px;
    margin-bottom:20px;
    padding:15px;
}

.alert-success {
    background-color:#dff0d8;
    border-color:#d6e9c6;
    color:#3c763d;
}

.alert-danger {
    background-color:#f2dede;
    border-color:#ebccd1;
    color:#a94442;
}

header {
    background:#b769b3;
    background:url('../images/bg.gif');
    height:60px;
}

header .hamburger {
    color:#fff;
    float:right;
    outline:none;
}

#navigation {
    background:#fff;
    position:absolute;
    width:100%;
    z-index:1000000;
}

#navigation ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

#navigation > ul > li {
    border-bottom:#b769b3 1px solid;
    text-transform:uppercase;
}

#navigation ul li ul li {
    border-top:#d5d5d5 1px solid;
}

#navigation ul li ul li a {
    padding:12px 15px 12px 30px;
}

#navigation a {
    color:#333;
    display:block;
    margin:0;
    outline:none;
    padding:15px;
    text-decoration:none;
}

#navigation a.active {
    color:#b769b3;
}

#navigation a:hover {
    background:#b769b3;
    color:#fff;
    text-decoration:none;
}

.logo a {
    background:#fff;
    display:block;
    text-align:center;
}

.logo img {
    display:block;
    margin:0 auto;
    max-width:100%;
}

footer {
    background:#333;
    color:#fff;
    font-size:14px;
}

footer p {
    margin:0;
    padding:15px;
}

footer ul {
    background:url('../images/bg.gif');
    position:absolute;
    bottom:0;
    width:100%;
    margin:0;
    padding:0;
    list-style-type:none;
}

footer li {
    margin:0;
    padding:0;
    float:left;
    width:25%;
}

footer ul a {
    display:block;
    line-height:1;
    margin:10px 0;
    padding:5px 15px;
    text-align:center;
}

footer ul a:hover,
footer ul a:active {
    text-decoration:none;
}

footer li a {
    border-right:1px dotted rgba(255, 255, 255, 0.5);
}

footer li:last-child a {
    border-right:0;
}

.circle-menu {
    margin:0;
    padding:0;
    list-style-type:none;
}

.circle-menu li {
    margin:0;
    padding:0;
    float:left;
    width:50%;
    text-align:center;
}

.circle-menu a {
    border:5px solid #b769b3;
    border-radius:50%;
    box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
    display:block;
    margin:15px auto 0;
    outline:none;
    transform:scale(0.875);
    transition:all 0.1s ease 0s;
    width:170px;
}

.circle-menu a:hover {
    transform:scale(1);
}

.circle-menu img {
    border-radius:50%;
    display:block;
    filter:grayscale(100%);
}

.circle-menu a:hover img {
    filter:grayscale(0%);
}

.circle-menu div {
    color:#fff;
    margin-bottom:15px;
}

.content {
    background:rgba(255, 255, 255, .9);
    margin:10px;
    padding:25px;
}

.circle-container {
    text-align:center;
}

.circle-container img {
    border-radius:50%;
    border:5px solid #fff;
    display:block;
    margin:0 auto;
    max-width:100%;
}

.submenu {
    background:#fff;
    border:#b769b3 1px solid;
    border-bottom:0;
    margin:0 0 25px;
    padding:0;
    list-style-type:none;
}

.submenu li {
    border-bottom:#b769b3 1px solid;
}

.submenu a {
    display:block;
    margin:0;
    outline:none;
    padding:12px 15px;
    text-decoration:none;
}

.submenu a.active {
    color:#b769b3;
}

.submenu a:hover {
    background:#b769b3;
    color:#fff;
    text-decoration:none;
}

.btn {
    background-image:none;
    border:1px solid transparent;
    border-radius:4px;
    cursor:pointer;
    display:inline-block;
    font-size:14px;
    font-weight:bold;
    line-height:1.42857;
    margin-bottom:0;
    padding:6px 12px;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
}

#kassenrezept-form,
#privatrezept-form {
    background:#fff;
    max-width:600px;
    padding:10px;
}

#kassenrezept-form .form-group {
    background:#fcdddf;
}

#privatrezept-form .form-group {
    background:#bfdfff;
}

.rezept-form .form-group {
    margin-bottom:5px;
    padding:10px 10px 5px;
}

#kassenrezept-form input[type="text"],
#kassenrezept-form input[type="email"],
#kassenrezept-form textarea {
    border:1px solid #ed1e25;
    color:#ed1e25;
}

#privatrezept-form input[type="text"],
#privatrezept-form input[type="email"],
#privatrezept-form textarea {
    border:1px solid #6f93b8;
    color:#6f93b8;
}

.rezept-form input[type="text"],
.rezept-form input[type="email"],
.rezept-form textarea {
    font-size:14px;
    line-height:1.42857;
    margin-bottom:5px;
    padding:6px;
    width:100%;
}

.rezept-form input[type="text"],
.rezept-form input[type="email"] {
    height:34px;
}

#kassenrezept-form .btn-rezept {
    background-color:#fcdddf;
    border-color:#ed1e25;
    color:#ed1e25;
}

#kassenrezept-form .btn-rezept:hover {
    background-color:#ed1e25;
    border-color:#ed1e25;
    color:#fff;
}

#privatrezept-form .btn-rezept {
    background-color:#bfdfff;
    border-color:#6f93b8;
    color:#6f93b8;
}

#privatrezept-form .btn-rezept:hover {
    background-color:#6f93b8;
    border-color:#6f93b8;
    color:#fff;
}

.checkbox-with-input {
    float:left;
    margin-top:5px;
}

.input-with-checkbox {
    margin-left:100px;
}

/* Contact */
.cols span {
    display:inline-block;
    width:70px;
}

@media all and (min-width:599px) {
    .circle-menu li {
        width:33.33333%;
    }
}

@media all and (min-width:799px) {
    .circle-menu li {
        width:25%;
    }
}

@media all and (min-width:1599px) {
    .circle-menu li {
        width:12.5%;
    }
}