/* Body */
body {
    margin:0;
    padding:0;
    width: 100%;
    height: 100%;
    background-color:#fff;
    /*background-image:url("../img01.png"); 
    background-repeat:repeat-x; */
    font:14px Arial,Helvetica,sans-serif; 
            color:#303030;
}

.grid-box {
  width: 100vw;
  height: 100vh;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 25% 25% 25% 25%;
    
}
/* Wrapper */
#wrapper {
    background-image:url("../img02.svg");
    background-position:center top;
    background-repeat:no-repeat;
}

/* Logo */
#logo {
    float:left;
    margin:0;
    padding:0;
    color:#FFF;
    width:100%;
    background-color:#ff6a00;
}

/* Logo */
#logo h1 {
    float:left;
    margin:0;
    padding:30px 0 0 30px;
    font:64px Georgia,"Times New Roman",Times,serif;
    /* text-transform:lowercase;*/
    letter-spacing:-1px;
    text-shadow: #808080 -1px 1px 2px;
}

/* Logo // Padding von 90 auf 45 geändert wegen dem Logo */
#logo p {
    margin:0;
    padding:45px 0 0 15px;
    font-style:italic;
    text-shadow: #808080 -1px 1px 2px;
    font: normal 18px Georgia, "Times New Roman", Times, serif;
}

/* Logo */
#logo a {
    text-decoration:none;
    color:#FFF;
    border: none;
    background: none;
}

/* Footer */
#footer-inside {
    margin:-80px auto 0;
    background-image:url("../img08.svg");
    background-position:center top;
    background-repeat:no-repeat;
}

/* Footer */
#footer-inside p {
    margin:0;
    padding-top:120px;
    text-align:center;
    font-size:14px;
}

/* Navigation unten */
#footer-inside .mod_customnav {
    width:960px;
    float:left;
    padding:150px 0 0;
}

/* Navigation unten */
#footer-inside .mod_customnav ul {
    margin:0;
    padding:0;
    text-align:center;
}

/* Navigation unten */
#footer-inside .mod_customnav li {
    display:inline;
    margin-right:10px;
    padding:5px 10px;
    text-align:center;
}

/* Navigation unten */
#footer-inside .mod_customnav a,
#footer-inside .mod_customnav span {
    font:14px Arial,Helvetica,sans-serif;;
    text-decoration:none;
    color:#121212;
}

/* Navigation unten */
#footer-inside .mod_customnav .activ,
#footer-inside .mod_customnav .trail {
    text-decoration:underline;
}
#footer-inside a {
}
@media screen {
.mod_navigation .active {
    font-weight:bold;
    text-transform:uppercase;
    color: #fa0500;
}
.mod_navigation > ul > li > a {
    padding: 10px 0px;
}
.mod_navigation > ul {
    position: relative;
    width: 800px;
    margin: 0 auto;
    padding: 0;
     */text-align: center; */
}
.mod_navigation li {
    margin-right:10px;
    font-weight:bold;
    display: inline-block;
    color: #fff;
     */  list-style: none; */
      transition: 0.5s;
}
.mod_navigation a {
    text-transform:uppercase;
    display: block;
    color: #000;
    text-decoration: none;
}
.mod_navigation {
    position:absolute;
    margin:80px 0 0;
    width: 100%;
    top: 0;
    left: 0;
    */ background: #2a2a2a; */
    font-size: 16px;
     */box-shadow: 0 0 10px rgba(0,0,0,1); */
}
.mod_navigation > ul > li > a:hover {
    text-decoration:none;
    color:#f00;
}
}
@media screen {
#kontaktformular {
}
form#kontaktformular {
    margin:0 0 2em;
    padding:1em 1em 1em 3em;
    background-color:#eee;
    border-top:1px solid #dfddb7;
    border-bottom:1px solid #dfddb7;
    line-height: 1;
    box-shadow: 0 2 px 6 px rgba(68, 68, 68, 0.3);
}
#kontaktformular label {
    display:block;
    margin:1em 0 .25em;
    cursor: pointer;
}
#kontaktformular .checkbox_container label {
    display:inline;
}
#kontaktformular .checkbox_container {
    margin-top:1.5em;
    margin-bottom:1.5em;
}
#kontaktformular imput[type="text"],
#kontaktformular textarea {
    padding:.25em;
    -webkit-box-shadow:0 2px 6px rgba(170,170,170,.3);
    box-shadow:0 2px 6px rgba(170,170,170,.3);
    border:1px solid #ddd;
}
#main p.error {
    margin-bottom:.25em;
    padding:1em;
    background-color:#ffc0cb;
    border:1em solid #f00;
}
}
@media screen {
#main .mod_article {
    margin-top:150px;
    padding:0;
}
#main .ce_headline h1 {
    padding:10px 30px 0;
    letter-spacing:-1px;
}
#main .ce_text h1 {
    letter-spacing:-1px;
}
#main .ce_text p {
    margin-bottom:25px;
    padding:10px 0 0;
    line-height:20px;
    text-align: justify;
}
}