@charset "utf-8";

img, object, embed, video {        max-width: 100%;}
html{
        width: 100%;
        font-family: Arial;
        overflow: hidden;
        line-height: 26px;
        max-width: 1800px;
        background-color: black;
        background-image:url(../images/Hintergrund.jpg);
        background-size: cover;
        color:black;
        background-attachment:fixed;
        height: 100%;
}


/* ======================================================
Layout für Mobilgeräte: 480 px oder weniger.
=========================================================*/

h1, h2, h3, h4, h5, h6{
        margin-top: 20px;
        margin-bottom: 20px;
        font-weight: 100;
}

/*h1{        font-size: 110%;        color: #ffff00;text-transform:uppercase}*/
h1{        font-size: 110%;font-weight: 500;    color: #fdb900;text-transform:uppercase}
h2{        font-size: 120%;        color: #fdb900;        text-transform: uppercase;}
h3{        font-size: 110%; color:#D80A28}
/*h4{ font-size: 100%; }*/
h4{ font-size: 140%;color: #ffff00; text-align: center; }

/*h5{ font-size: 100%; color:#D80A28}*/
h5{ font-size: 140%; color:#ff0000; font-weight: 400;text-align: center; }

/*h6{ font-size: 90%; text-transform:uppercase}*/
h6{ font-size: 120%; color:#fdb900; font-weight: 200;margin-bottom: 6px; }

.handy{
        display:none;
        visibility:hidden;
        height:0px}

.seite {
        width: 99%;
        padding-left: 1%;
        /* margin-top: 14px; */
        float: left;
        border: 1px solid #333;
  /*      background-color: rgba(0,0,0,0.65);*/
background-color: rgba(0,0,0,0.50);
}

.logo {
        float: left;
        display: block;
 /*       width: 55px;
        height: 55px;  */
        width: 100px;
        height: 100px ;
        margin-top: 45px;
        background-repeat: no-repeat;
        background-image:url(../images/logo4.jpg);
        background-size:100%;
}

.slogan{
        float: left;
        display: block;
        width: 70%;
        color: white;
        padding-left: 7.4%;
font-family: "Times New Roman";
text-align: center;
        font-size: 95%;
        text-transform: uppercase;
        line-height: 28px;
    /*    margin-top: 45px;  */
        margin-top: 35px;
  /*      padding-bottom: 20px;*/
        padding-bottom: 10px;
}
    /* neu eingefügt WD */
.zeile1 {
        font-weight: 800;
        font-size: 120%;
}
.zeile2 {
        font-weight: 500;
        font-size: 80%;
}
.zeile3 {
        font-weight: 200;
        font-size: 100%;
}

.linebox30{width:90%; float:right;margin-left:2%;display:block; margin-top:10px; clear:none;margin-bottom:5px;}
.linebox45{width:90%; float:left; margin-left:2%;border:none; display: block; margin-top:10px;clear:none;margin-bottom:5px;}
.linebox60{width:90%; float:left; margin-left:2%;border:none; display: block; margin-top:10px;clear:none;margin-bottom:5px;}
.image2 { width:40%; float:left; padding:2%; display:block;}
.liste {line-height: 22px;margin-left:5%;}
.mail_text {float:left;}
.mail_input {float:right; width:70%;}

.lauftext {
clear:both;
border:none;
font-size:110%;
color:red;
font-weight:500;
margin-left:auto;
margin-right:auto;
width:60%;
height:5%;
}


.tabelle_kosten {
         float: left
         width: 250px;
         padding: 20px;
         border: 0px solid white;
         margin-bottom: 5px;
}
.tabellen_zeile {
         height:30px;
         border: 0px solid white;
}

.tabellen_spalte_schmal {
         width: 70px;
         text-align: right;
         border: 0px solid white;
}
.tabellen_spalte_ganz {
         width: 190px;
         text-align: center;
         border: 0px solid white;
}
.tabellen_spalte_breit {
         width: 120px;
         text-align: left;
         border: 0px solid white;
}

    /*   Ende einfügung WD */

.mitte {
        float:left;
        padding: 0 ;
        margin: 0;
        display: block;
        overflow: hidden;
        width: 98%;
        clear:both;
        height:auto;
        margin-top: 0;
}

/*.container_1_1,.container_1_2,.container_1_3,.container_2_3,.container_1_4,.container_3_4,.container_1_5,.container_2_5,.container_3_5,.container_4_5,.container_1_6,.container_5_6{*/
.container_1_1,.container_1_2,.container_1_2_a,.container_1_3,.container_2_3,.container_1_4,.container_3_4,.container_1_5,
.container_2_5,.container_3_5,.container_4_5,.container_1_6,.container_5_6,
.container_f_1,.container_f_2,.container_f_3{
        float:left;
        display: block;
        width: 97%;
        clear:none;
}

.container_1_2_a{
float:right;
}

/* Einfügung WD für Footer-Container */
.container_f_1,.container_f_2,.container_f_3{
color: #fdb900;
width: 25%;
}
.container_f_1{
float:left;
text-align: left;
margin-left: 6%;
}
.container_f_2{
float:right;
text-align: right;
margin-right: 6%;
}
.container_f_3{
float:left;  6
text-align: center;
margin-right: 0%;
margin-left: 10%;
/*width: 15%;*/
}/* Ende */

.footer{
        float: left;
        display: block;
        width: 100%;
        clear: none;
      /*  text-align: right;   */
text-align: center;
background-color: #222707;
color: yellow;
}
.footer img{
        margin-right:3%;
}


/* ==========================================================
Tablet 481 bis 791 px. Erbt Stile vom: Layout für Mobilgeräte.
============================================================= */

@media only screen and (min-width: 481px) {

h1{        font-size: 130%;}
h2{        font-size: 120%;}
/*h3{        font-size: 110%;}*/
h3{        font-size: 130%;}
.slogan{
        font-size: 110%;
}

.mitte{width:100%;clear: none;margin-top: 5px;}
.seite{width:90%;margin-left: 5%;}

.container_1_1 {
        width: 96%;
}

.container_1_2 {width: 95.74%;}
.container_1_2_a {width: 95.74%;}
/*.container_1_2 img{width: 96%;margin-left:4%} */
.container_1_2_a img{width: 96%;margin-left:4%;}

.container_1_2 {
}

.container_1_3 {
        width: 96%;
}

.container_2_3 {
        width: 45.9%;
}

.container_1_4 {
        width: 21%;
}
.container_1_4 img {
  opacity: 0.4;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.container_1_4 img:hover {
  opacity: 1;
}
.container_3_4{
        width: 72%;
        text-align: center;
}

.container_1_5 {
        width: 99.04%;
}

.container_2_5 {
        width: 45.7%;
}

.container_3_5 {
        width: 95.74%;
}
.container_4_5 {
        width: 95.74%;
}

.container_1_6 {
        width: 28.83%;
}

.container_5_6 {
        width: 62.27%;
}

}

/* =============================================================
Desktoplayout: 792px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs.
===============================================================*/

@media only screen and (min-width: 792px) {

/* Einfügung WD wg. "Über uns"*/
.linebox30{width:30%;display:inline}
.linebox45{width:45%; display: inline;}
.linebox60{width:60%; display: inline;}
.image2 {width: 45%; display:inline;}

h1{        font-size: 150%;}
h2{        font-size: 120%;}
/*h3{        font-size: 110%;}*/
h3{        font-size: 130%;}
.seite{box-shadow: 1px 1px 3px 1px #333}

.handy{
        visibility:visible;
        min-height:100px;
        display:block;
        float:left
}

.logo{margin-top: 25px;margin-left: 4%;width: 120px;height: 120px;}


.slogan{
        line-height:32px;
/*    font-size: 120%; */
    font-size: 150%;
    margin-left: 0;
}

.bild{width:19%;margin-bottom: 5px;}

.bild_quer{width: 33.8%;margin-bottom: 5px;}

.mitte{
        width: 97%;
        margin-top: 25px;
        padding-left: 1.5%;
}

.container_1_1 {
        width: 95.5%;
}

/*.container_1_2 {width: 46%;}*/

.container_1_2 {width: 60%;}
.container_1_2_a {width: 32%; margin-left: 5%;}




.container_1_3 {
        width: 29.5%;
}

.container_2_3 {
        width: 62.3%;
}

.container_1_4 {
        width: 21.25%;
}

.container_3_4 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
}

.container_1_5{
        width: 12.86%;
}
.container_2_5 {
        width: 35.91%;
}

.container_3_5 {
        width: 55.57%;
}
.container_4_5 {
        width: 73.79%;
}
.footer{min-height: 30px;

/*margin-bottom: 25px;}*/
margin-bottom: 2px;}
}


/* =============================================================
Desktoplayout: ab 1200px   Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs.
===============================================================*/

@media only screen and (min-width: 1200px) {

.seite {
        width: 80%;
        margin-left: 10%;
        float: left;
        min-height: 720px;}

.slogan{
   /*      width: 55%; */
        width: 60%;
        font-size: 130%;
}

/*.logo{margin-top: 30px;margin-left: 4%;width: 100px;height: 100px;}*/
.logo{margin-top: 20px;margin-left: 4%;width: 148px;height: 148px;}

.mitte {
        width: 96%;
        clear: none;
}
}

@media only screen and (min-width: 1300px) {

.slogan{
    padding-bottom: 20px;
}

}

/* =============================================================
Breitbild - Layout: ab 1600px   Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs.
===============================================================*/

@media only screen and (min-width: 1800px) {


html {
        max-width: 1620px;
        margin: 0 auto;
}

}