body
    {
    align-content: flex-start;
    position: absolute;
    width: 98%;
    background: #DCDCDC;
    font-family: calibri;
    font-size: 1.1rem;
    } 
h1
    {
    margin: 0px;
    font-size: 1rem;
    }
br
    {
    position: absolute;
    width: 100%;
    height: 1.rem;
    }
    
b
    {
    size: 0.8rem;
    font-weight: bold;
    }
.spacer
    {   
    position: relative; 
    line-height: 1rem;
    width: 98%;
    }
 .headliner:before {
    content: "> ";
    font-size: larger; 
    color: #00ff00;
    padding-left: 5px; 
    } 
 .headlinerein:before {
    content: "• ";
    font-size: larger; 
    color: grey;
    padding-left: 5px; 
    }
 .headlinereinin:before {
    content: "• ";
    font-size: larger; 
    color: grey;
    padding-left: 5px; 
    }
  .pricelabel:before {
    content: "• ";
    font-size: larger; 
    color: black;
    padding-left: 5px; 
    } 
 .headlinereingrey:before {
    content: "• ";
    font-size: larger; 
    color: grey;
    padding-left: 5px; 
    }   
 .tagg:before {
    content: "• ";
    font-size: larger; 
    color: #00ff00; 
    }
 .tagglong:before {
    content: "• ";
    font-size: larger; 
    color: #00ff00; 
    }   
.hinweis
    {
    margin-left: 15px;
    font-size: 0.8rem;
    }
.hinweisrot
    {
    color: red;
    font-weight: bold;
    margin-left: 15px;
    font-size: 0.8rem;
    }
.headimage
    {
    position: relative;
    max-width: 400px;
    width: 95%; 
    height: auto;
    }
.logo
    {
    margin-left: 0px;
    margin-top: 0px; 
    }
.headmenue
    {   
    width:100%;
    margin-bottom: 7px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.mainbox
    {
    position: relative;
    width: 100%;
    }
.bold
    {
    font-weight: bold;
    }
    
.headliner
    {  
    position: relative;   
    float: left; 
    background-color: #434343;   
    color: #00ff00;
    font-weight: bold;
    font-size: 1.2rem;
    width: 98%;
    padding: 5px;
    margin-bottom: 15px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    } 
.headlinereingrey
    {   
    position: relative;  
       background-color: #434343;   
    float: left; 
    color: #00ff00; 
    font-weight: bold;
    font-size: 1.1rem;
    width: 98%;
    padding: 5px;
    padding-left: 15px;
        margin-bottom: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    } 
.headlinerein
    {   
    position: relative;
    float: left;   
    font-weight: bold;
    font-size: 1.1rem;
    width: 98%;
    padding: 5px;
    padding-left: 25px;
        margin-bottom: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.headlinereinin
    {   
    position: relative;
    float:left;   
    font-weight: bold;
    font-size: 1.1rem;
    width: 98%;
    padding: 5px;
    padding-left: 15px;
        margin-bottom: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.headlinereinunten
    {   
    position: relative;  
    float: left; 
    font-weight: bold;
    font-size: 1.1rem;
    width: 98%;
    padding: 5px;
    padding-left: 15px;
        margin-bottom: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.textbox
    {  
    position: relative;
    font-weight: bold;
    font-size: 1rem;
    width: 99%;
    padding: 3px;
    margin-bottom: 10px;
    margin-top: 5px;  
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }      
.headlinerlarge
    {  
    float: left;
    font-weight: bold;
    font-size: 1.2rem;
    width: 97%;
      margin-bottom: 10px;
     padding: 5px;    
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

    } 
a.no
    {
    color: black;
    text-decoration:none;
    font-weight: bold;
    }    
a.no:hover
    {
    color: #00ff00;
    text-decoration:none;
    font-weight: bold;
    }    
.topnav {
  background-color: #434343;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
}
.bottomnav a {
  color: #00ff00;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 1.1rem;   
   float: left;
}

/* Style the hamburger menu */
.bottomnav {
  position: relative;
  width: 98%;
  overflow: hidden;
  background-color: #434343;
  padding: 0px;
}

/* Style navigation menu links */
.topnav a {
  float: left;
  color: #00ff00;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 1.1rem;   
}
a.logoff
    {
  font-size: 1.1rem;  
    color: #00ff00;
    float: right;
    top:0px;
    padding: 14px 16px;
    text-decoration:none;
    text-align: center;
    background-color:#434343; 
    }
a.logoff:hover
    {
  background-color: #ddd;
  color: black;
    }
a.comp
    {
  font-size: 1.1rem;  
    color: #00ff00;
    float: left;
    padding: 14px 16px;
    margin-bottom: 15px;
    text-decoration:none;
    text-align: center;
    background-color:#434343; 
    }
a.comp:hover
    {
    background-color: #ddd;
    color: black;
    }

/* Style the hamburger menu */
.topnav {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #434343;
  padding: 0px;
}
a.icon
    {
    display: none;
    }
/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}
.bottomnav a:hover {
  background-color: #ddd;
  color: black;
    padding: 14px 16px;
  text-decoration: none;
  font-size: 1.1rem;
}
/* Style the active link (or home/logo) */
.active {
display: none; 
} 
.frame
    {
    width: 70%;
    height: 600px;
    }
select.short {
  width: 250px;
  padding: 12px 12px;
  margin: 4px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.floatboxleft
    {
    position: relative;
    float: left;
    padding: 5px;
    Width: 30%;
    min-height: 350px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);    
    }

@media only screen and (max-width: 720px) {
body 
    {
    background:#f2f2f2;
    font-family: calibri;
    }
.infopattern
    {
    width: 97%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

    padding: 5px;
    margin: 5px;
    }
.tagglarge
    {
    width: 96%;
    float: left;
    text-align: center;
    padding: 5px;
    margin: 5px;
    font-weight:bold;
    font-size: 1.1rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.floatboxleft
    {

    position: relative;
    margin: 5px;
    padding: 5px;
    Width: 97%;
    min-height: 350px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);    
    }
table
    {
    width: 98%;
    }
.headliner
    {     
    position: relative;   
    float: left; 
    font-weight: bold;
    font-size: 1.2rem;
    width: 98%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    margin-bottom: 10px;
    background: #434343;
    }  
 /* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #434343;
  position: relative;

}
.bottomnav {
  overflow: hidden;
  background-color: #434343;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}
.bottomnav #myLinks {
}

/* Style navigation menu links */
.topnav a {
    width: 600px;
  color: #00ff00;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}
.bottomnav a {
  float: left;
  color: #00ff00;
  text-decoration: none;
  font-size: 12px;
}
.headmenue
    {   
    width:100%;
    position: static;
    margin-left: 0px;
    margin-top: 0px; 
    margin-bottom: 17px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
/* Style the hamburger menu */
.topnav a.icon {
  color: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  color: black;
}
.bottomnav a:hover {
  background-color: #ddd;
  color: black;
    padding: 14px 16px;
  text-decoration: none;
  font-size: 12px;
}
/* Style the active link (or home/logo) */
.active {
  background-color: #434343;
  color: black;
} 
.mainbox
    {
    width: 98%;
    }
.frame
    {
    width: 98%;
    }
.footer
    {   
    position: relative;
    background: #434343;
    color: #00ff00;
    text-decoration: none;
    }
    .blogbox
    {  
    position: relative;     
    padding-top:0px;
    margin-left: 0px;
    margin-top: 0px; 
    margin-bottom: 10px;
    width: 95%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
    .blogboxsmall
    {  
    position: relative; 
    width: 48%;
    float: left;
    padding: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px; 
    margin-bottom: 10px;
    }    
    
    .blogboxlarge
    {  
    position: relative; 
    width: 90%;
    padding: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px; 
    margin-bottom: 10px;
    }
    .middle
    {
    display: flex; 
    justify-content: center; 
    align-items: center;
    }
fieldset
    {
    position: relative; 
    width: 98%;
    margin-right: 0px;
    margin-top: 0px; 
    margin-bottom: 10px;
    border: none;

    }
.blogboxadress
    {
    background-color: #F8F8FF;
    position: relative;     
    padding: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    min-width: 95%;           
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.blogboxadressright
    {
    position: relative;
    float: left;      
    padding:5px;
    margin-right: 8px;
    margin-left: 0px;
    margin-top: 0px; 
    margin-bottom: 10px;
    min-width: 95%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.right
    {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.tagg
    {
    word-wrap: break-word;
    width: 45%;
    float: left;
    text-align: center;
    padding: 5px;
    margin: 5px;
    font-weight:bold;
    font-size: 1.1rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
}
.footer
{
    overflow: hidden;
    position: relative;
    width: 98%;
    margin-top: 20px;
    background: #434343;
    color: #00ff00;
    text-decoration: none;

    }
.blogboxlarge
    {  
    position: relative; 
    width: 98%;
    padding: 5px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 10px; 
    margin-bottom: 10px;
    
    }
.blogbox
    {  
    padding: 5px;
    margin: 5px;
    width: 94%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.blogboxadress
    {
    float:left;
    background-color: #F8F8FF;
    min-height: 150px;
    position: relative; 
    padding:10px;
    padding-bottom: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 95%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.blogboxadressright
    {
    float:right;
    position: relative;
    float: left;      
    padding:5px;
    margin-right: 8px;
    margin-left: 0px;
    margin-top: 0px; 
    margin-bottom: 10px;
    width: 30%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.blogboxoeffnung
    {
    float:left;
    position: relative; 
    padding:10px;
    margin-right: 8px;
    margin-left: 0px;
    margin-top: 0px; 
    margin-bottom: 10px;
    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.right
    {     
    position: relative;    
    margin-top: 40px;
    float:right;
    padding-right: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.righttop
    {     
    position: relative;    
    float:right;
    padding-right: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}
ÿol쿠ـ{
  flex: 46%;
  max-width: 46%;
  padding: 0 4px;
}
fieldset
    {
    position: relative; 
    width: 98%;
    padding: 5px;
    margin-right: 0px;
    margin-top: 0px; 
    margin-bottom: 10px;
    border: none;
    }
.container {
  position: relative;
  width: 15%;
  float: left;
  padding-left: 35px;
  padding-right: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
    color: #00ff00;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}  
    
input[type=text], input[type=password],select {
  width: 95%;
  padding: 12px 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

input[type=date] {
    font-family: calibri;
  width: 200px;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
input[type=tel]
    {
    width: 30px;
  padding: 12px 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
    }
input[type=time] {
  width: 120px;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

input.short {
  width: 250px;
  padding: 10px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 1rem;
}
.pricebox
{
  width: 100px;
  padding: 10px 10px;
    margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
  }
input.ortschaft {
  width: 200px;
  padding: 12px 12px;
  margin: 4px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
select.short {
  min-width: 250px;
  padding: 12px 12px;
  margin: 4px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
input.xshort {
  width: 80px;
  padding: 10px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 1rem;
}
input.timeshort {
  width: 65px;
  padding: 10px 1px;
  margin: 4px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
input.xxshort {
  width: 130px;
  padding: 12px 12px;
  margin: 4px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
input.short[type=submit] {
position: relative;
float: left;
min-width: 250px;
max-width:60%;
  background-color: #434343;
  border: none;
  color: #00ff00;
  padding: 12px 12px;
  text-decoration: none;
  margin: 8px 2px;
  cursor: pointer;   
}
input[type=file]::file-selector-button  {
width: 250px;
  background-color: #434343;
  border: none;
  color: #00ff00;
  padding: 12px 12px;
  text-decoration: none;
  margin: 8px 2px;
  cursor: pointer;   
}
input.short:hover[type=submit] {
background-color: #ddd;
  color: black;
}
input[type=text]:focus {
  border: 1px solid #00ff00;
}
input[type=button], input[type=submit], input[type=reset] {
width: 100%;
  background-color: #01005a;
  border: none;
  color: #00ff00;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;   
}

a.knopf
    {
    position: relative;
    min-width: 250px;
    background-color: #434343;
    border: none;
    color: #00ff00;
    padding: 12px 20px;
    text-decoration: none;
    margin: 10px;  
    margin-top: 10px;
    }
a.knopf:hover
    {
    background-color: #ddd;
  color: black;
  }
table
    {
    position: relative;
    float: left;
    margin-left: 5px;
    margin-bottom: 15px;
    } 
table.large
    {
    padding: 5px;
    margin: 5px;
    position: relative;
    width: 98%;
    float: left;

    }
td
    {
    padding: 10px;
    margin: 10px;
    }
     
table.left
    {
    position: relative;
    float: left;
    margin-left: 0px;
    }
   
    
td.large
    {
    max-width: 600px;
    }    
tr:nth-child(even) {
padding-left: 5px;
font-size: 1rem;
    word-wrap: break-word;
 background-color: white;
}
tr:nth-child(odd) {
font-size: 1rem;
    word-wrap: break-word;
 background-color: #ddd;
}
tr:hover {
font-size: 1rem;
word-wrap: break-word;
background-color: #ddd;
}

input.xshort[type=submit] {
width: 150px;
  background-color: #434343;
  border: none;
  color: #00ff00;
  padding: 12px 20px;
  text-decoration: none;
  margin: 8px 2px;
  cursor: pointer;   
}
input.xshort:hover[type=submit] {
background-color: #ddd;
  color: black;
}

.middle
    {
    display: flex; 
    justify-content: center; 
    align-items: center;
    }

.lable
    {
    width: 96%;
    margin: 0 auto;
    padding: 10px;
    margin-bottom: 15px;                
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);  
    font-size: 1rem;
    }
.lableinfo
    {
    clear: both;
    position: relative;
    float: left;   
    width: 96%;
    margin: 0 auto;
    padding: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);  
    font-size: 1rem;
    }
.lable:hover
    {
    background-color: #ddd;
    width: 96%;
    }  

.pricetag
    {
    position: relative;
    float:left;
    padding: 5px;
    font-weight:bold;
    font-size: 1.2rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }  
.bori
    {
    float: right;
    padding: 5px;
    font-weight:bold;
    font-size: 1.2rem;

    } 
a.nocolor
    {
    text-decoration: none;
    color: black;
    }
.pricetaginfo
    {
    float: right;
    padding: 5px;
    margin-top: -15px;
    margin-bottom: 10px;
    font-weight:bold;
    font-size: 1.2rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    } 
.pricetaginfoleft
    {
    float: left;
    padding: 5px;
    margin-top: -15px;
    margin-bottom: 10px;
    font-weight:bold;
    font-size: 1.2rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    } 
.headlinerinfo
    {
    float:left;
    font-weight: bold;
    font-size: 1.2rem;
    width: 97%;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    margin-top: 5px;
    }  
.small
    {
    font-size: 0.8rem;
    font-weight: bold;
    }
    



textarea {
width: 75%;
font-family: calibri;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.adressblock
    {
    float: left;
    width: 330px;
    }
.tagbottomright
    {
    width: 300px;
    float: right;
    background-color: white;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight:bold;
    font-size: 1.2rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    } 
.tagg
    {
    width: 140px;
    float: left;
    text-align: center;
    word-wrap: break-word;

    padding: 5px;
    margin: 5px;
    font-weight:bold;
    font-size: 1.1rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.taggsmall
    {
    position: relative;
    width: 50px;
    float: left;
    text-align: center;

    padding: 5px;
    margin: 5px;
    font-weight:bold;
    font-size: 1.1rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.tagglong
    {
    position: relative;
    float:left;
    width: 45%;
    text-align: center;
    background-color: #434343;
    color: #00ff00;
    padding: 10px;
    margin: 5px;
    font-weight:bold;
    font-size: 1.1rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.space
    {   
    position: relative;  
    float: left; 
    width: 98%;
    }    
    
.tagglong:hover
    {
    background-color: White;
}
.titletag
    {
    font-weight: bold;
     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);   
    }
.taggred
    {
    width: 180px;
    float: left;
    text-align: center;
    background-color: #8B0000;
    padding: 5px;
    margin: 5px;
    font-weight:bold;
    font-size: 1.1rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
a.white
    {
    text-decoration: none;
    color: white;
    }
a.white:hover
    {
    text-decoration: none;
    color: black;
    }
.infoline
    {
    float: left;
    padding: 5px;
    margin-right: 5px;
    width:46%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
a.accept
    {
    width: 100px;
    text-decoration: none;
    color: white;
    float: left;
    text-align: center;
    background-color: #228B22;
    padding: 5px;
    margin: 5px;
    font-weight:bold;
    font-size: 1rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
    a.accept:hover
    {
    color: black;
    }
a.deny
    {
    width: 100px;
    text-decoration: none;
    color: white;
    float: right;
    text-align: center;
    background-color: #8B0000;
    padding: 5px;
    margin: 5px;
    font-weight:bold;
    font-size: 1rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
    a.deny:hover
    {
    color: black;
    }
a.link
    {
    width: 200px;
    text-decoration: none;
    color: black;
    float: left;
    text-align: center;
    background-color: white;
    padding: 5px;
    margin: 5px;
    font-weight:bold;
    font-size: 1rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
    a.link:hover
    {
    color: #434343;
    }
.tagglarge
    {
    width: 250px;
    float: left;
    text-align: center;

    padding: 5px;
    margin: 5px;
    font-weight:bold;
    font-size: 1.1rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.info
    {
    width: 60%;
    float: left;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

    padding: 5px;
    margin: 5px;
    }
.infonotes
    {
    font-weight: normal;
    font-size: 0.8rem;
    }
.infopattern
    {
    width: 45%;
    float: left;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    background-color: white;
    padding: 5px;
    margin: 5px;
    }
@media only screen and (max-width: 920px) {
.blogbox
    {
    width: 93%;      
    padding:15px;
    margin:5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
td
    {
    padding: 2px;
    margin: 2px;
    }
    
input.timeshort {
  width: 75px;
  padding: 5px 1px;
  margin: 4px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
textarea {
width: 96%;
font-family: calibri;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.tagg
    {
    width: 120px;
    float: left;
    text-align: center;

    padding: 5px;
    margin: 5px;
    font-weight:bold;
    font-size: 1rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
.headliner
    {   
    position: relative; 
    float: left; 
    background-color: #434343;  
    font-weight: bold;
    font-size: 1.1rem;
    width: 98%;
    padding-left: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }

.info
    {
    width: 97%;
    float: left;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    background-color: white;
    padding: 5px;
    margin: 5px;
    }
.infopattern
    {
    width: 45%;
    float: left;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    background-color: white;
    padding: 5px;
    margin: 5px;
    }
.tagglarge
    {
    width: 96%;
    float: left;
    text-align: center;
    background-color: white;
    padding: 5px;
    margin: 5px;
    font-weight:bold;
    font-size: 1.1rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
}
.foodbox
    {
    width: 98%;
    min-height: 60px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    padding: 5px;
    margin: 5px;
    }

.foodnr
    {
    font-weight: bold;
    position: relative;
    width: 50px;
    float:left;
    }
.linie
    {
    position: relative;
    width: 100%;
    line-height: 10%;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    }
.foodname
    {
    font-weight: bold;
    position: relative;
    width:70%;
    float: left;
    }
.foodprice

    float: right;
    width: 15%;
    }
.incred
    {
    word-wrap: break-word;
    font-size: 1rem;
    width: 70%;
    margin-left: 50px;
    }
label
    {
    position: relative;
    float: left;
    }
.pricelabel
{
    position: relative;
    float: left;
    color: black;
    min-height: 20px;
    min-width: 30px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    padding: 10px;
    margin: 5px;
}

.linie
    {
    position: relative;
    width: 99%;
    border: 0;

height: 5px;

background-image: linear-gradient(to right,

rgba(0,0,0,0),

rgba(0,0,0,0,75),

rgba(0,0,0,0));

    
    }