/* Allgemein */

* {
margin : 0;
padding : 0;
}
img {
vertical-align : middle;
}
h1 {
color : #4F4F4F;
font-size : 36px;
font-weight : 600;
line-height : 1.5;
margin : 0 0 30px 0;
font-family : 'Poppins', sans-serif;
}
h2 {
font-size : 30px;
font-weight : 600;
line-height : 1.5;
color : #4F4F4F;
letter-spacing : 0 !important ;
font-family : 'Times', serif;
margin : 0 0 30px 0;
}
h2 > span {
color : #c00222;
}
h3 > a {
text-decoration : none;
color : #4F4F4F;
}
h3 > a:hover {
color : #00C0FF;
}
h3 + p {
font-size : 1rem;
}
h4 {
font-size : 1.3rem;
font-weight : normal;
line-height : 1.5rem;
font-family : 'Poppins', sans-serif;
margin : 30px 0 30px 0;
color : #333;
}

p {
line-height : 1.5;
color : #4F4F4F;
font-family : 'Lato', sans-serif;
}

img.seite1 {
 transition: transform 0.2s;
}

img.seite1:hover {
transform: scale(1.5, 1.5);
}

/* Header */

/* Header - Logo */

.header-logo {
float : left;
display : block;
}
.header-menu {
display : block;
color : #000;
font-family : 'Verdana', sans-serif;
font-size : 14px;
position : relative;
top : 45px;
}
.header-menu a:hover {
color : #00C0FF;
}
.header-logo img {
display : block;
max-width : 100%;
max-height : 100%;
height : 100px;
display : flex;
}
.header-logo a.standard-logo {
display : flex;
}
.header-logo a.retina-logo {
display : none;
}
#logo img {
transition : height 0.4s ease, padding 0.4s ease, margin 0.4s ease, opacity 0.3s ease;
}
#logo img {
max-height : 100%;
}

/* Header - Navigation */

nav {
background-color : white;
display : flex;
flex-basis : 100%;
flex-grow : 1;
align-items : center;
float : right;
}

ul#navigation2, ul#navigation2 ul {
 margin: 0;
 padding: 0;
 list-style-type: None;
 height: 32px;
 float:left;
}
ul#navigation2 li {
 float: Left;
 width: 150px;
 position: Relative;
}
ul#navigation2 li a {
 display: block;
 width: 149px;
 line-height: 30px;
 text-align: center;
 color: #050505;
 text-decoration: None;
 background-color:white;
}
ul#navigation2 li a:hover,
ul#navigation2 li a:focus,
 ul#navigation2 li a:active {
 color: #00C0FF;
 cursor: Pointer;
}


ul#navigation2 li ul {
 display: None;
 position: Absolute;
 left: 0px;
 top: 31px;
 z-index: 100;
}

ul#navigation2 li:hover > ul,
ul#navigation2 li:focus > ul,
 ul#navigation2 li:active > ul {
 display: Block;
}
.nav-menu-arrow {
width : 30px;
height : 30px;
position : absolute;
cursor : pointer;
display : none;
left: 10px;
top: 100px;

}
.nav-menu-arrow div {
transform : rotate(0deg);
transition : all 0.5s ease, top 0.5s ease;
width : 90%;
position : absolute;
height : 3px;
background-color : #000;
border-radius : 5px;
left : 0;
}
.nav-menu-arrow div:nth-child(1) {
top : 0;
}
.nav-menu-arrow div:nth-child(2) {
top : 10px;
}
.nav-menu-arrow div:nth-child(3) {
top : 20px;
}
.nav-menu-arrow:hover div:nth-child(1) {
transform : rotate(45deg);
top : 0;
width : 30px;
left : 20px;
background-color : #00C0FF;
}
.nav-menu-arrow:hover div:nth-child(2) {
background-color : #00C0FF;
}
.nav-menu-arrow:hover div:nth-child(3) {
transform : rotate(-45deg);
top : 20px;
width : 30px;
left : 20px;
background-color : #00C0FF;
}
#navigation {
opacity : 0;
}
#navigation:checked ~ ul {
display : block;
}
#navigation:checked ~ label .nav-menu-arrow {
margin-top : 15px;
}
#navigation:checked ~ label .nav-menu-arrow div:last-child {
margin-top : -20px;
}
#navigation:checked ~ label .nav-menu-arrow div:nth-child(2) {
display : none;
}

/* Index */

/* Index - Slider */

.slider {
display : none;
}

#hintergrund, {
background-color : white;
height : 90vh;
}
.slider-bild {
float : left;
display : block;
width : 50vw;
display : none;
}
.slider-text {
display : block;
height : 73vh;
display : none;
}
.mySlides {
display : none;
}
.mySlides2 {
display : none;
}

.slideshow-container {
position : relative;
top : 50px;
margin : auto;
left : 8%;
width : 80%;
}
.slideshow-container2 {
position : relative;
top : 50px;
margin : auto;
left : 0%;
width : 75%;
}
.prev, .next {
cursor : pointer;
position : absolute;
top : 50%;
width : auto;
margin-top : -22px;
color : #999999;
font-weight : bold;
font-size : 18px;
transition : 0.6s ease;
border-radius : 0 3px 3px 0;
user-select : none;
}
.next {
right : 10%;
border-radius : 3px 0 0 3px;
}
.prev:hover, .next:hover {
color : #00C0FF;
}
.dot {
cursor : pointer;
height : 15px;
width : 15px;
margin : 0 2px;
background-color : #999999;
border-radius : 50%;
display : inline-block;
transition : background-color 0.6s ease;
position : relative;
top : 50px;
display : none;
}
.active {
background-color : #111111;
}
.dot:hover {
background-color : #00C0FF;
}

.button {
width : 6.4em;
padding : 1em 1em;
text-decoration : none;
font-weight : bold;
border : black solid 1px;
border-left-color : white;
border-top-color : white;
color : white;
background-color : #4F4F4F;
border-radius : 20pt 20pt;
box-shadow : 5px 5px 20px #888;
font-family : 'Lato', sans-serif;
margin-bottom : 10px;
}
.button:hover, button2:hover {
background-color : #00C0FF;
}
.mehr {
background-color : #00C0FF;
margin-left : 30px;
}
.mehr:hover {
background-color : #4F4F4F;
}
.flex-container {
display : flex;
flex-wrap : wrap;
justify-content : flex-start;
align-content : flex-start;
}
.flex-container > div {
background-color : #f1f1f1;
margin : 10px;
padding : 20px;
font-size : 30px;
}
.flex-container2 {
display : flex;
flex-wrap : nowrap;
}
.alle a > img {
width : 130px;
margin-right : 10px;
margin-left : 10px;
}
.prev2, .next2 {
float : left;
cursor : pointer;
position : relative;
top : 90px;
width : auto;
color : #999999;
font-weight : bold;
font-size : 18px;
transition : 0.6s ease;
border-radius : 0 3px 3px 0;
user-select : none;
}
.prev2 {
float : left;
}
.dot {
display : inline-block;
}
.bildgross {
height : 40vh;
position : relative;
left : 32px;
box-shadow : 15px 20px 20px #7F7F7F;
}
.alle a > img {
width : 100px;
margin-right : 10px;
margin-left : 10px;
}
.flex-container3, .flex-container4, .flex-container5 {
display : flex;
flex-wrap : wrap;
justify-content : center;
}
.flex-container3 > div {
margin : 10px;
padding : 20px;
font-size : 30px;
}
.flex-container4 > div {
margin-top : 2px;
padding : 3px;
font-size : 30px;
}

/* index - Neuigkeiten */
.news {
margin-left : auto;
margin-right : auto;
font-size : 30px;
font-weight : 600;
line-height : 1.5;
color : #c00222;
letter-spacing : 0 !important ;
font-family : 'Roboto', sans-serif;
margin : 30px 0 30px 0;
text-align : center;
}
.eintrag {
position : relative;
margin-bottom : 50px;
padding-right : 15px;
padding-left : 15px;
padding-bottom: 0px;
}

.eintrag2 {
position : relative;
margin-bottom : 50px;
padding-right : 15px;
padding-left : 15px;
width : 20vw;
}

.eintrag3 {
position : relative;
margin-left: 30px;
margin-top : 30px;
padding-right : 15px;
padding-left : 15px;
width : 90vw;
}

.eintrag::after {
content : '';
position : relative;
height : 2px;
margin-top : 50px;
background-color : #F5F5F5;
}
.eintrag > img, .eintrag a > img, .eintrag2 > img {
width : 200px;
margin : 0 30px 0 0;
}
.eintrag h3 {
font-size : 1.3rem;
font-weight : normal;
line-height : 1.5rem;
font-family : 'Poppins', sans-serif;
margin : 30px 0 30px 0;
color : #333;
}

.eintrag3 > img {
margin : 0 100px 30px 0;
}
.bestellung {
font-size : 1rem;
font-family : 'Poppins', sans-serif;
text-decoration : none;
color : #c00222;
margin-top : 30px;
padding-bottom : 30px;
border-bottom : 1px solid #c00222;
}
.bestellung:hover {
color : #00C0FF;
}
#inhalt {
background : #d8f5ff;
}
#inhaltr75 {
background : linear-gradient(to right, rgba(8, 84, 146, 0.50),rgba(245, 245, 245, 10.0));
}
#inhaltr82 {
background : linear-gradient(to right, rgba(100, 149, 237, 0.50),rgba(245, 245, 245, 10.0)), url('../cover/82umschlag.jpg');
background-size:cover;
}
#inhaltr83 {
background : linear-gradient(to right, rgba(100, 149, 237, 0.50),rgba(245, 245, 245, 10.0)), url('../bilder/buckingham.jpg');
background-size:cover;
}

#inhaltr85 {
background : linear-gradient(to right, rgba(249, 187, 7, 0.50),rgba(245, 245, 245, 10.0));
}
#inhaltsonst {
background : linear-gradient(to right, rgba(100, 149, 237, 0.50),rgba(245, 245, 245, 10.0)), url('../bilder/bild.gif');
background-size:cover;
}

.diashow {display:none;}
.left {
color : #c00222;
}
.center {
color : #FFFFFF;
}
.right {
color : #4F4F4F;
}
.hinweis {
font-size : 1.5rem;
font-weight : 300;
line-height : 1;
margin-bottom : 0;
margin : 0 0 30px 0;
font-family : 'Poppins', sans-serif;
}
.slide-center {
position : relative;
max-width : 800px;
text-align : center;
margin : 0 auto;
left : 0;
right : 0;
}
.slider-right {
position : relative;
text-align : right;
max-width : 800px;
margin-right : 0;
margin-left : auto;
}
.pfeilunten {
position : absolute;
z-index : 3;
bottom : 20px;
left : 50%;
margin-left : -16px;
width : 32px;
height : 32px;
font-size : 18px;
text-align : center;
color : #4F4F4F;
margin : 0 0 0 5px !important ;
text-decoration : none;
}
.vorschau {
position : relative;
margin-bottom : 10px;
}
.vorschau a > img {
width : 150px;
margin : 0 0 0 0;
float : left;
}

/* Index - Slider - Bewegungen */

.ease-in {
animation : myAnim 1s 0s ease-in-out 1 normal none;
}
@keyframes myAnim {
from {
opacity : 0;
transform : translate3d(-50%,0,0);
}
to {
opacity : 1;
transform : translate3d(0,0,0);
}
}
.ease-in2 {
animation : vonrechts 1s 0s ease-in 1 reverse none;
}
@keyframes vonrechts {
from {
opacity : 1;
transform : translate3d(0,0,0);
}
to {
opacity : 0;
transform : translate3d(100%,0,0);
}
}
.ease-in3 {
animation : vonvorne 1s 0s cubic-bezier(0.11,0,0.5,0) 1 normal none;
}
@keyframes vonvorne {
from {
opacity : 0;
transform : rotate(-540deg) scale(0);
}
to {
opacity : 1;
transform : rotate(0) scale(1);
}
}
.ease-in4 {
animation : vonoben 1s 0s linear 1 normal none;
}
@keyframes vonoben {
from {
opacity : 0;
transform : translateY(-250px);
}
to {
opacity : 1;
transform : translateY(0);
}
}
.fadeInUp {
animation : vonunten 1s 0s linear 1 normal none;
}
@keyframes vonunten {
from {
opacity : 0;
transform : translateY(250px);
}
to {
opacity : 1;
transform : translateY(0);
}
}

.fadeInUp h2 {
font-size : 4rem;
letter-spacing : 2px;
text-transform : uppercase;
font-weight : 700;
line-height : 1;
margin-bottom : 0;
margin : 0 0 110px 0;
position : relative;
top : 100px;
font-family : 'Poppins', sans-serif;
}
.fadeInDown {
animation : nachunten 1s 2s ease 1 normal forwards;
}
.fadeInDown2 {
animation : nachunten 1s 1s ease 1 normal forwards;
}
@keyframes nachunten {
0% {
animation-timing-function : ease-in;
opacity : 0;
transform : translateY(-250px);
}
38% {
animation-timing-function : ease-out;
opacity : 1;
transform : translateY(0);
}
55% {
animation-timing-function : ease-in;
transform : translateY(-65px);
}
72% {
animation-timing-function : ease-out;
transform : translateY(0);
}
81% {
animation-timing-function : ease-in;
transform : translateY(-28px);
}
90% {
animation-timing-function : ease-out;
transform : translateY(0);
}
95% {
animation-timing-function : ease-in;
transform : translateY(-8px);
}
100% {
animation-timing-function : ease-out;
transform : translateY(0);
}
}

/* Copyright */

.copyright {
line-height : 1.5;
color : #4F4F4F;
font-family : 'Roboto', sans-serif;
margin : 50px 0 30px 0;
text-align : center;
}
.copyright > a {
text-decoration : none;
}
.copyright > a:hover {
color : #4F4F4F;
}

/* Kontakt */

fieldset {
cursor : not-allowed;
border : 0;
}
.form-group {
margin-bottom : 15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
content : " ";
display : table;
clear : both;
}
label {
display : inline-block;
font-size : 13px;
font-weight : 700;
font-family : 'Poppins', sans-serif;
letter-spacing : 1px;
color : #555;
margin-bottom : 10px;
cursor : pointer;
margin-top : 25px;
display : flex;
flex-wrap : wrap;
justify-content : flex-start;
align-content : flex-start;
}

.feldname::after {
color : red;
content : '#';
position : absolute;
transform : translate(-100%,0);
}
textarea {
color : #4F4F4F;
}
label > input, label > textarea, label > button {
padding : 2px;
font-size : 13px;
margin-top : -0px;
margin-right : 20vw;
margin-left : auto;
width : 700px;
}
.button2 {
width : 150px;
}
.angebot {
display : inline-block;
width : 400px;
border-radius : 10pt 10pt;
box-shadow : 5px 5px 20px #888;
border-style : outset;
border : 1px;
border-color : silver white white silver;
background-color : #00C0FF;
color : white;
text-align : left;
padding : 18px;
font-family : 'Poppins', sans-serif;
font-size : 18px;
}
.angebot:first-line {
font-size : 1.8em;
font-weight : bolder;
}
/* media */
@media only screen, only screen, only screen, only screen, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
         /* Header - Logo */
         #logo a.standard-logo {
         display : none;
         }
         #logo a.retina-logo {
         display : flex;
         }
}

@media only screen and (max-width: 300px) {
         .prev, .next, .text {
         font-size : 11px;
         }
}

@media (min-width: 576px) {
}
@media (max-width: 767px) {
}

@media (min-width: 768px) {
}
@media (min-width: 798px) {
         /* Index - Neuigkeiten */
         .eintrag {width:100vw;}
}
@media (max-width: 1091.98px) {
         /* Header - Navigation */
         ul#navigation2 li,
           ul#navigation2 li a {
         width : 100%;
         text-align:left;
         margin-left:25px;
         }
         ul#navigation2 ul li,
           ul#navigation2 ul li a {
         width : 50%;
         text-align:right;
         background-color: white;
         }
         ul#navigation2 ul li a:hover,
         ul#navigation2 ul li a:focus {
         color: #00C0FF;
         }
         .nav-menu-arrow {
         display : block;
         }
         ul#navigation2 {
         display : none;
         }
         nav {
         float:left;
         }

         /* Inhalt - Überschrift */
         h2 {padding-top:40px;}
         }
         /* Index - Slider */
         .bildgross {
         height : 50vh;
         position : relative;
         left : 32px;
         box-shadow : 15px 20px 20px #7F7F7F;
         }
}

@media (min-width: 1092px) {
         /* Header - Navigation */
         .nav {
         flex : 0 0 auto;
         flex-grow : 0;
         }
         /* Index - Slider */

         .bildgross {
         height : 70vh;
         position : relative;
         left : 32px;
         box-shadow : 15px 20px 20px #7F7F7F;
         }

         /* Index - Neuigkeiten */
         .eintrag {width:50vw;}

         .eintrag a > img, .eintrag2 > img {
         float : left;
         }

         #r44,#r46,#r49,#r63,#r64,#r65,#r66,#r73,#r78,#r80,#r82,#r83,#r79,#gg {padding-bottom:50px; float:left;}
         #r75,#r76,#r84,#weih {padding-bottom:100px; float:left;}
         #r85 {padding-bottom:200px; float:left;}
         #r71 {padding-bottom:250px; float:left;}
         #mk {padding-bottom:350px; float:left;}
         }
         /* Index - Neuigkeiten */
         .eintrag {width:50vw;}

         .eintrag a > img, .eintrag2 > img {
         float : left;
         }

         #r44,#r46,#r49,#r63,#r64,#r65,#r66,#r73,#r78,#r80,#r82,#r83,#r79,#gg {padding-bottom:50px; float:left;}
         #r75,#r76,#r84,#weih {padding-bottom:100px; float:left;}
         #r85 {padding-bottom:200px; float:left;}
         #r71 {padding-bottom:250px; float:left;}
         #mk {padding-bottom:350px; float:left;}
         }
}
@media (min-width: 1100px) {
}

@media (min-width: 1200px) {
}


@media (min-width: 1281px) {
         /* Index - Slider */
         .slider {
         display : block;
         }
         .slider-bild {
         display : block;
         }
         .slider-text {
         display : block;
         }
         .bildgross {
         height : 65vh;
         position : relative;
         left : 32px;
         box-shadow : 15px 20px 20px #7F7F7F;
         }
         .slideshow-container2 {
         left : 10px;
         }
         .alle a > img {
         width : 130px;
         margin-right : 10px;
         margin-left : 10px;
         }
         /* Index - Neuigkeiten */

         .eintrag {width:30vw;}

         .eintrag a > img, .eintrag2 > img {
         float : left;
         }

         #r44,#r46,#r49,#r63,#r64,#r65,#r66,#r73,#r78,#r80,#r82,#r83,#gg,#weih {padding-bottom:150px; float:left;}
         #r75,#r76,#r79,#r84,#r85 {padding-bottom:280px; float:left;}
         #r71,#mk {padding-bottom:350px; float:left;}

         label > input, label > textarea, label > button {
         margin-top : -5px;
         }


}

@media (min-width: 1440px) {
.diashow {display:block;}
}