/* ----------------------------------------------------------------------------- *
 *                           Styles der Basisversion                             *
 * ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- *

 * ----------------------------------------------------------------------------- */
*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

/* ----------------------------------------------------------------------------- */
.page-wrapper {
    margin: 0;
}


button {
display: none;
}



.only {
display:none;
}

header img {
   width: 100%;
   height: auto;}

footer a {
  color: #B32614 !important;
  font-size: 0.7em !important;
  display: block;
}



.mainContent a {
  color: black;
}

.captcharefresh1 {
  width: 5%;
  height: auto;
}

.left {
  float: left;
  width: 40%;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: -2%;
  margin-bottom: 5%;
  }

.left p {
  margin-top: -2%;
}

.left2 {
  float: left;
  width: 40%;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: -2%;
  margin-bottom: 5%;
  }

.left2 p {
  margin-top: -16%;
}

.left3 {
  float: left;
  width: 42%;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: -2%;
  margin-bottom: 5%;
  }

.left3 p {
  margin-top: -2%;
}

.left4 {
  float: left;
  width: 37%;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: -2%;
  margin-bottom: 5%;
  }

.left4 p {
  margin-top: -2%;
}


.search2 {
 margin-left: 1%;}

.search2 .button {
 margin-top: 2%;}


.all {
background-color:#FFF;
}

.lang-inline a img {
    width: 10%;
    height: auto;
  
}


#sigFreeId002cc8f6b7 li {
  margin-left: 5%;
  margin-bottom: 3%;
}

form img{
  width: 20px;
  height: auto;
 }





section {
    padding: 0 20px;
}

.mainContent {
    width: 93%;
    padding-top: 10px;
    margin-left: 3%;
    margin-right: 3%;  
}

/* Force table to not be like tables anymore */


table, thead, tbody, th, td, tr { 
display: block; 
}

thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}

td { 
border: none;
position: relative;
padding-left: 5%; 
}

td:before { 
position: absolute;
top: 6px;
left: 6px;
width: 20%; 
padding-right: 5px; 
white-space: nowrap;
}



/* ----------------------------------------------------------------------------- *
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */
h1 {
    margin: 0;
}

h2 {
    font-size: 15px;
color: #B32614;
margin: 15px 0px 5px;
font-family: Verdana,Arial,Helvetica,sans-serif;
line-height: normal;
text-align: center;
}


ul, ol {
    padding: 0;
    margin: 0 0 0.625em 20px;
}

/* ----------------------------------------------------------------------------- *
 *                                  Navigation                                   *
 * ----------------------------------------------------------------------------- */
nav ul {
    margin: 0;
}

nav ul > li {
    margin-left: 0;
    border-bottom: 1px solid rgba(250, 250, 250, 0.6);
}

nav ul > li > a, nav ul > li > strong {
    padding: 0.6em 20px;
    display: block;
}

nav ul a:link {
    text-decoration: none;
}

/* ----------------------------------------------------------------------------- *
 *                           Styles der Tabletversion                            *
 *                          750px / 16px/em = 46.875em                           *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 46.875em) {
    
    /* Schriftverkleinerung wird für große Screens wieder aufgehoben */
    @media only screen and (max-width: 78em) {
        body {
            font-size: 0.938em; /* 15px */
        }
    }

.menu li ul li {
  display:none;
}

.menu {
  font-size: 0.8em;
  }



    .main {
    overflow: hidden;
    margin-top: -1%;
    }
  

    .mainContent {
        width: 89%;
        margin-left: 5%;
        margin-right: 5%;
        float: left;
        padding: 0em 20px;
        border-top: none;
    }





.lang-inline a img {
    width: 8%;
    margin-top: 3%;
    height: auto;
}

.lang-inline{
 background-color: #B32614; 
 }
   
  footer {
        padding: 0.8em 20px;
    }

    section {
        padding: 0;
    }

    /* ----------------------------------------------------------------------------- *
     *                             Textauszeichnungen                                *
     * ----------------------------------------------------------------------------- */
    h2 {
        font-size: 15px;
color: #B32614;
margin: 15px 0px 5px;
font-family: Verdana,Arial,Helvetica,sans-serif;
line-height: normal;
text-align: center;
    }
    /* ----------------------------------------------------------------------------- *
     *                                  Navigation                                   *
     * ----------------------------------------------------------------------------- */
    nav {
        /* clearing für die floatenden LIs */
        overflow: hidden;
        font-size: 1.2em; /* 18px */
    }

    nav ul {
        margin: 0 20px;
    }

    nav ul li {
        float: left;
        border: none;
        width: auto;
    }

    nav ul > li > a {
        padding: 0.7em 10px 0.7em 10px;
        display: inline-block;
    }








}

/* ----------------------------------------------------------------------------- *
 *                          Styles für kleine Desktops                           *
 *                           1024px / 16px/em = 64em                             *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 64em) {
    /* Navigation wird links neben dem Inhalt angeordnet */
  





  .all {
    clear: both;
    float: left;
    margin-left: 20%;
    margin-right: 22%;
    margin-top: 2%;
    }

.menu li ul li {
  display:block;
}

  
  header {
    width: 105%;
    }

.links {
    margin-left: 2%;
    margin-top: 2%;
    width: 25%;
    float: left;
}
  
    nav {
    box-shadow: none;
    border-radius: 15px;
    }

    nav ul {
        margin: 0em 0 0;
    }

nav ul ul {
  margin-left: 10px;
  
}

    nav ul > li {
        width: 105%;
        float: none;
    }

    nav ul > li > a {
        padding: 0.2em 5px;
        display: block;
    }

    .main {
        width: 105%;
        float: left;
        margin-top: -1%;
    }


    .mainContent {
        width: 65%;
        margin-left: 2%;
        margin-right: 2%;
        padding: 0.8em 20px;
    }

.flags {
  text-align: right;
  margin-top: 2%;
}

.finder {
   font-size: 0.7em;
}


.search2{
  margin-top: 8%;
  margin-left: 0%;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #B32614; 
  border-radius: 15px;
}

.search2 input {
margin-left: 20%;
}

.search2 .button {
 margin-left: 40%;
 margin-top: 3%;
}

    footer {
    clear: left;
    width: 105%;
    }

.lang-inline a img {
    width: 4%;
    height: auto;
    margin-top: 0%;
}

.lang-inline {
 background-color: #FFF;
}

.menu {
  font-size: 0.7em;
  }

.menu a:hover {
  background-color: #F58364;
  width: 110%;
  margin-left: -20px;
  padding-right: 5px;
  padding-left: 25px;
  }



.item-page p {
  font-size: 0.7em;
}

footer {
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  border-bottom-right-radius: 15px;
 }



}



/* ----------------------------------------------------------------------------- *
 *                          Styles für große Desktops                            *
 *                           1248px / 16px/em = 78em                             *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 78em) {
    .page-wrapper {
        margin: 0 auto;
        max-width: 78em;
    }
}



/* ----------------------------------------------------------------------------- *
 *                 Beispiel Off-Canvas-Navigation im Basis-Layout                *
 *                          (Cloudfour OffCanvasMenu)                            *
 * ----------------------------------------------------------------------------- */
header {
    position: relative;
}

/* Eigene Anpassungen für den Menü-Trigger-Button */
a.toggle-nav {
    display: block;
    position: absolute;
    right: 5%;
    top: 10;
    text-decoration: none;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    cursor: pointer;
    padding: 0.357em;
    color: #FFFFF;
    background: #B32614;
}

a.toggle-nav:hover {
    background: #F58364;;
    color: #FFFFF;
}

/* Hintergrundfarbe des .off-canvas-menu anpassen */
body.off-canvas-menu #menu {
    background: #b1281;
}

.no-js a.toggle-nav {
    display: none;
}

/* ----------------------------------------------------------------------------- *
 *              Beispiel Off-Canvas-Navigation im im Desktop-Layout              *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 46.875em) {
    
    a.toggle-nav {
        display: none;
    }

}