@import "menu.css";
@import "responsive.css";
@import "slide.css";

body {
    padding: 0px;
    *background-color: whitesmoke;
    background-image: linear-gradient(to bottom, whitesmoke 0%, darkgray 100%);
    *background-attachment: fixed;
    *background-size: 100vh 100%;
    width: 100%;
    border: 0px solid gray;
    margin:0 auto !important;
    font-family: Verdana;
    overflow-x: hidden;
    padding-top: 10px;
}

body header img#header_image {
    width: calc(100% - 4px); height: 300px; border: 2px solid black
}

h1, h2, h3, h4 {
    font-family: 'Dancing Script', cursive;
    color: red;
}

h1 { font-size: 50px; }
h2 { font-size: 40px; }
h3 { font-size: 30px; }

div#content {
    width: 80%;

}

div#subContent {
    *padding-top: 20px;
}

h1#title_Name {
    font-size: 90px;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
    font-family: 'Dancing Script', cursive;
    *color: 	#383838 ;
    *color: darkred;
    color: darkgreen;
    text-shadow: 1px 1px 4px black;
    *background-color: rgba(0,0,0,0.2);
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}

div.col {
    max-width: 100% !important;
}

div#indexPizzaImage {
    background-image: url('../images/roasted-tomato-pizza2.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    height: 90vh;
    width: 100vw;
    *top: 66px;
    left: 0px;
    right: 0px;
    z-index: -5;
    display: block;
    padding-top: 20vh;
    margin-bottom: 80px;
    color: black;
}


div.row-small {
    max-width: 80%;
    margin: 0 auto;
    margin-top: 50px;
}

.carousel img {
    margin: 0 auto;
}

.right {
    float: right;
}

img.bild {
    border-radius: 15px;
}

img.speisekarte_preview {
    width: 90%;
    max-height: 300px;
    object-fit: contain;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 170px;
    object-fit: cover;

}

footer {
    padding: 15px;
    display: block;
}
footer a {
    margin-top: 15px;
}

a.link {
    font-style: italic;
    font-size: 16px;
}
a.link::after {
    content: ' >';
}

a {
    color: green;
}
a:hover {
    color: darkgreen
}