@charset "utf-8";

* {
    margin: 0px;
    padding: 0px;
}

body {
    background: #363636;
    overflow-x: hidden;
    width:100%;
    height:100%;
    max-width:100%;
    font-size:1em;
    line-height: 1.3em;
    font-family: 'PT Sans', sans-serif;
    text-align: center;
}
h1{
    font-family: 'PT Serif', serif;
    font-weight: normal;
    color:#fff;
   /* text-transform: uppercase;*/
    font-size: 3.5em;
    letter-spacing: 1.5px;
    hyphens: auto;
    
}
h2{
    font-family: 'PT Serif', serif;
    font-weight: normal;
    color:#fff;
    text-transform: uppercase;
    font-size: 3em;
    letter-spacing: 1.5px;
    hyphens: auto;
}
h3{
      font-family: 'PT Serif', serif;
    font-weight: normal;
    color:#E47A00;
    text-transform: uppercase;
    font-size: 3.5em;
    letter-spacing: 1.5px;
    padding-bottom:0.5em;
    hyphens: auto;
}
h4{
    font-family: 'PT Serif', serif;
    font-weight: normal;
    color:#fff;
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 1.5px;
    padding-bottom: 0.4em;
    hyphens: auto;
}
h5{
    font-family: 'PT Serif', serif;
    font-weight: normal;
    color:#fff;
    text-transform: uppercase;
    font-size: 1.5em;
    letter-spacing: 1.5px;
    padding-bottom: 0.5em;
    hyphens: auto;
}
h6{
    font-family: 'PT Serif', serif;
    font-weight: normal;
    color:#E47A00;
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 1.5px;
/*    padding-bottom: 0.5em;*/
    hyphens: auto;
}
p{
    font-family: 'PT Sans', sans-serif;
    color:#fff;
    font-size: 1em;
    line-height: 1.4em;
}
a{
    font-family: 'PT Sans', sans-serif;
    color:#fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 1em;
    line-height: 1.3em;
}
a:hover{
    color:#999;
    text-decoration: none;
}

section, article {
    padding:0;
    margin:0;
}
section {
    width:100%;
    min-height:100vh;
    padding-bottom:5em;
}

.container-fluid {
    width:100%;
    max-width: 1600px;
    padding:0;
    margin:0 auto;    
}
.container{
    width:100%;
    max-width: 1200px;

    padding:0;
    margin:0 auto;    
}
header {
    width:100%;
    border-bottom:2px solid #E47A00;
    padding:2em 0;
}
.consent_manager-text  {
    color:#000;
}

.row {
    padding-left:-15px;
    padding-right:-15px;
}
.col {
    padding:0;

}

.titel {
    z-index:10;
/*    position: absolute; */
    padding:10em 0 0 0;
    text-align: left;
}
.titel img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    max-height: 50vh;
}
.titel .text {
    z-index:10;
    width:90%;
    background:transparent;
    color: #fff;
    position: absolute;
    padding-left:50%;
    padding-bottom:5%;

}
.titel .text h1{
    font-size: 3.5em;
    hyphens: auto;
}
.titel .text h2 {
    font-size: 2.5em;
    color: #fff;
    line-height: 1.2em;
    hyphens: auto;

}
.titel .text2 {
    z-index:10;
    width:90%;
    background:transparent;
    color: #fff;
    position: absolute;
    padding-left:15%;
    bottom:10%;

}
.titel .text3 {
    z-index:20;
    width:100%;
    background:transparent;
    color: #fff;
    position: absolute;
    padding-left:20%;
    bottom:10%;

}

.start {
    
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../media/start.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    width:100%;
    height:100vh;
    
}
.start figure {
    width: 38%;
    height:auto;
    margin: -2px auto 0 auto;
    padding:2em;
    padding-top: 15vh;
    border: 1px solid #E47A00;
}
.start ul {
    margin:15vh auto;
}
.start ul li {
    padding: 1.3em;
}
.start ul li a{
    padding: 1.3em;
    font-size: 1.2em;
}

.vertical {
    width:1px;
    height:2em;
    background: #E47A00;
    margin:1em auto;
} 
.rechteck {
    width:1.5em;
    height:2em;
    background: #E47A00;
    margin:1em auto;
    display: inline;
    float:left;
    margin-right:1em;
} 

.navi {
    max-width:100%;
    height: 30px;
    position: fixed;
    top:0;
    right:10px;
    color:#E47A00;
    margin:0 auto;
    z-index:200;
    float:right;
}
.navi a{
    font-size:1.5em;

    color:#E47A00;
    float:right;

}
.einzug {
    margin-left: 1em;
    color: #fff;
    text-align: left;
}
ul {
    list-style-type: none;
}
ul .einzug{
    list-style-type: disc;
}


.kreis {
    width:80px;
    height:80px;
    background: #E47A00;
    border-radius: 40px;
    margin:0 auto;

}
.kreis h2 {
    color:#363636;
    padding-top:10px;
    text-align: center;
    
}

.kreisklein {
    width:50px;
    height:50px;
    background: #E47A00;
    border-radius: 40px;
    margin:0 auto;

}
.kreisklein h4 {
    color:#363636;
    padding-top:5px;
    text-align: center;
    
}

.eins{
    padding:10em 0 0 0;
    
}

.zwei {
    text-align: left;
    padding:10em 0 0 0;
       
}
.zwei img {
    width:100%;
    object-fit: cover;
    height: 100%; 
}
.zweitext {
    padding:0 3em;
}

.drei {
    padding:10em 0 0 0;
    text-align: left;
       
}

.vier, .voll {
    padding:10em 0 0 0;
    text-align: center; 
}
.viertext {
    padding:0 2.5em;
    text-align: center;

}
.schmal {
    padding:0 15%;
}

.fuenf {
    padding:10em 0 0 0;  
}
.fuenf .links {
    text-align: right; 
    padding-right: 7em;
    border-right: 1px solid #E47A00;
}
.fuenf .rechts {
    text-align: left; 
    padding-left: 7em;
}

.sechs {
    padding:10em 0 0 0;  

}

.sechs img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.sechstext {
    text-align: left; 
    padding: 1.5em 2em 1em 2em ;
    background: #fff;
    color:#363636;
    margin-left: -15px;
}
.sechstext h1, .sechstext h2, .sechstext h3, .sechstext h4, .sechstext p, .sechstext a {

    color:#363636;
}

.sieben {
    text-align: left;
    padding:10em 0 0 0;
    margin:0 auto;
}
.sieben img {
    height:100%;
    width:100%;
    object-fit: cover;
}

.acht {
    text-align: left;
    padding:10em 0 0 0;
    margin:0 auto;
       
}
.acht h5 {
    text-align: left;
    padding-bottom:1.5em;
}

.kasten {
    border: 2px solid #E47A00;
    padding:3em;
    text-align: center;
    display: grid;
    justify-content: center;
    align-content: center;


}
.acht .kasten {
    padding-bottom:0;

}

.text {
    z-index:10;
    margin-bottom: 0;
    width:70%;
    background:#fff;
    color: #363636;
    position: absolute;
    padding:0.75em 0.75em 0 0.75em;
    bottom:0;
}
.text h2 {
    font-size: 1em;
    color: #363636;
    line-height: 1em;
    letter-spacing: 0.5px;

}
.text p {
    font-size: 0.7em;
    color: #363636;
/*    line-height: 1em;*/
}
.textlich {
    z-index:10;
    margin-bottom: 0;
    width:90%;
    background:transparent;
    color: #fff;
    position: absolute;
    padding:2em;
    bottom:0;
}
.textlich h2 {
    font-size: 3.5em;
    color: #fff;
    line-height: 1.2em;

}
.textlich p {
    font-size: 1.5em;
    color: #fff;
    line-height: 1em;
}


.textbreit {
    z-index:10;
    margin-bottom: 0;
/*    width:100%;*/
    max-width:100%;
    max-height: 50%;
    background:#fff;
    color: #363636;
    position: absolute;
    padding:1.5em;
    padding-bottom:1em;
    bottom:0;
    margin-right:15px;
    overflow-y: auto;
}
.textbreit h2 {
    font-size: 1.4em;
    color: #363636;
    line-height: 1em;

}
.textbreit  p {
    font-size: 1em;
    color: #363636;
    line-height: 1em;
}

.abstand {
    margin-top:30px;
}
.impressum {
    padding:3em 0 0 0;
    
}

.impressum p, .impressum a, .impressum h3, .impressum h6{
    text-align: left;
    letter-spacing: 0.5px;
    text-transform: none;
       
}
.impressum h3 {
    padding:1em 0 0 0;
    font-size: 2.5em;
}
.impressum br {
    margin:0;
    padding:0;
    
}
.impressum table {
    color:#fff;
    text-align: left;
}

p br {
    margin-bottom: 1em;
}
hr {
    border:1px solid #E47A00;
    margin-top:5em;
}

footer {
    padding:2em 0 3em 0;
/*    margin-top:3em;*/
    width:100%;
    max-width:1200px;
    min-height:100px;
    margin:0 auto;
    text-align: left;
    font-size: 1em;
    line-height: 1.3em;

    
    
}
footer p, footer a, footer br {
    
    
    text-transform: none;
    letter-spacing: 0;
    padding:0;
    margin:0;
}

@media (orientation: portrait){
.start figure {
    width: 70%;
    height:auto;
    margin: -2px auto 0 auto;
    padding:1em;
    padding-top: 30vh;
    border: 1px solid #E47A00;

}
    
}