/* Dunkelrot: #952347, noch dunkler: #3b0e1c*/
body {margin:0;padding:0;font-family:arial,sans;}
#startwrapper {background: url(images/background.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#wrapper {background: url(images/background.jpg) no-repeat center -620px fixed;}
#abstand {position:relative;}
#menuband {background:#e8e8e8;padding:1em 0;box-sizing:border-box;font-size:16pt;}
#maincontent {background:white;padding:1em;}
#content {margin:0 auto;width:100%;max-width:1000px;}
#content h1 {color:#952347;font-weight:normal;font-size:18pt;}
#content h2 {color:black;font-weight:normal;font-size:14pt;}
#content p,li {color:#333;line-height:1.5em;}
#footer {text-align:center;padding-top:1em;border-top:1px solid #808080;margin-top:2em;}
#footer p:nth-of-type(1){display:none;}
.mylink {color:#671831;text-decoration:none;}
.mylink:hover {color:#952347;}
#topA {color:white;width:100%;position:absolute;bottom:0;left:0;padding:10px 0 0 0;}
#topB {width:100%;max-width:1000px;margin:0 auto;padding-left:1em;box-sizing:border-box;}
#topC {text-align:center;}
#topC img {width:80px;height:80px;border-radius:5px;}
#topD {text-align:center;}
#topD h1 {font-weight:bold;margin-top:16px;font-size:24pt;text-shadow: 1px 1px 1px black,1px -1px 1px black,-1px 1px 1px black,-1px -1px 1px black;}
.fest {position:fixed;top:0;left:0;width:100%;}
.scrollmit {position:static;}
.menutoggler {text-align:center;display:block;}
.menutoggler p {margin:.3em 0;}
#menuband a {color:black;text-decoration:none;}
#menuband a:hover {color:#952347;}
.mainmenu {margin:1em 0 0 0;display:none;}
.mainmenu a {display:block;text-align:center;padding:.5em 0;border-top:1px solid #ccc;}
.mainmenu a:last-child {display:none;}
#siegel img {height:80px;margin:1em 0;}
.menuactive {border-bottom:2px solid #952347 !important;}
table p {margin:1px 0;}
table tr td:last-child {text-align:right;}
.kachel {background-size:100%,100%;background-repeat:no-repeat;width:194px;height:250px;display:inline-block;background-position:center center;transition:background-size .5s linear;transform:rotate(2.5deg);margin:5px 1px;}
.kachel:hover {background-size:110%,110%;}
.schatten {-webkit-box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.75);box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.75);}
hr{border: 0;height: 2px;background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.66),rgba(0,0,0,0));} 
.ref {background:#f0f0f0;padding:1em;background-image:url(images/quote.png);background-repeat:no-repeat;background-position:right bottom;margin-bottom:10px;}
.ref p:last-child {font-style:italic;color:#808080;font-size:10pt;}
#kontaktform label {width:100%;display:block;}
#kontaktform input[type=text],input[type=email],input[type=tel] {margin-bottom:1em;width:calc(100% - 48px);padding:5px;border:none;border-bottom:1px solid black;border-left:1px solid black;}
#kontaktform textarea {width:calc(100% - 40px);height:150px;font-family:arial,sans;padding:5px;}
#kontaktform input {font-size:12pt;font-color:#3b0e1c;}
#kontaktform input:focus {background:#ffcddd;}
#kontaktform .formatt {color:orangered;display:none;}
#successmsg {background:#b9ffb9;padding:1em;}
#successmsg:hover {background:Honeydew;}
#successmsg h3 {color:darkgreen;}
.mybutton {background: #952347;border: none;color: white;padding: 10px 20px;text-align: center;text-decoration: none;display: inline-block;font-size: 14pt;transition:background .3s ease;}
.mybutton:hover {background: #ef2766;}
.dialogs {display:none;}
#changetongue {position:relative;background:white;width:150px;height:180px;position:fixed;top:calc(50% - 120px);right:-120px;border-radius:5px 0 0 5px;border:2px solid #444;box-shadow:-2px 2px 4px rgba(128,128,128,1);}
#changetongue img {position:absolute;left:50px;}
#changetongue a img:hover{left:52px;}
#changetongue p {transform:rotate(-90deg);position:absolute;top:65px;left:-53px;cursor:pointer;}
@media screen and (min-width:970px)
{
 #topA {bottom:1em;}
 #topC {float:left;text-align:left;padding-right:1em;}
 #topD {float:left;text-align:left;}
 #topD h1 {letter-spacing:.05em;}
 .menutoggler {display:none;}
 .mainmenu {display:block !important;text-align:center;margin:0;}
 .mainmenu a {display:inline;border:none;padding:0 1em;}
 .mainmenu a:last-child {display:inline;}
 #kontaktgrid {display:grid;grid-template-columns: 1fr 2fr;grid-gap: 5px;}
 #kontaktgrid hr {display:none;}
 #kontaktform label {width:150px;display:inline-block;}
 #kontaktform input[type=text],input[type=email],input[type=tel] {width:calc(95% - 155px);}
 #topD h2 {font-size:20pt;margin-top:.25em;}
}

@media screen and (min-width:640px)
{
 #siegel img {margin:1em 2em;}
 #siegel {text-align:center;}
 #footer p:nth-of-type(1){display:inline;}
 #footer p:nth-of-type(2){display:none;}
 #footer p:nth-of-type(3){display:none;}
 #refborder{display:grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;}
 .ref {margin:0;}
}