@charset "utf-8";
/*
@font-face {
    font-family: 'Alegreya Sans';
    src: url('/fonts/AlegreyaSans-ExtraBoldItalic.ttf') format('truetype'),
         url('/fonts/AlegreyaSans-BlackItalic.ttf') format('truetype'),
         url('/fonts/AlegreyaSans-BoldItalic.ttf') format('truetype'),
         url('/fonts/AlegreyaSans-MediumItalic.ttf') format('truetype'),
         url('/fonts/AlegreyaSans-Italic.ttf') format('truetype'),
         url('/fonts/AlegreyaSans-ExtraBold.ttf') format('truetype'),
         url('/fonts/AlegreyaSans-Black.ttf') format('truetype'),
         url('/fonts/AlegreyaSans-Bold.ttf') format('truetype'),
         url('/fonts/AlegreyaSans-LightItalic.ttf') format('truetype'),
         url('/fonts/AlegreyaSans-Medium.ttf') format('truetype'),
         url('/fonts/AlegreyaSans-ThinItalic.ttf') format('truetype'),
         url('/fonts/AlegreyaSans-Regular.ttf') format('truetype'),
         url('/fonts/AlegreyaSans-Light.ttf') format('truetype'),
         url('/fonts/AlegreyaSans-Thin.ttf') format('truetype')
    ;
    
}
*/
*{
    margin:0;
    padding:0;
}
body {
    margin:0 auto;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 18px;
    letter-spacing: 0.05em;
    margin-top:85px;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
    color:#d10404;
    font-weight: 400;

}
h1 {
    font-size:3.5em;
}
h2{
    font-size: 2.75em; 
/*    color:#fff;*/
}
h3{
    font-size:2.5em;
    text-transform: uppercase;
    font-weight: 600;
}
h4{
    font-size:1.3em;
    text-transform: uppercase;
    letter-spacing: 0.1em;

}
h5{
    font-size:1.6em;
    text-transform: uppercase;
/*    margin-bottom:1em;*/
    font-weight: 600;
}
.kasten h5 {
    color:#fff;
    margin-bottom:1em;

}
h6 {
    font-size:1.3em;
    letter-spacing: 0.1em;
    color:#fff;
    line-height: 1.3em;
    margin-bottom:1em;

}
p {
    color:#555;
    font-weight: 400;  
    line-height: normal;
}
a {
    color:#d10404;
}
a:hover {
    color:#a10e00;
    text-decoration: none;
}
a:active {
    color:#a10e00;
    text-decoration: none;
}
#hggrau img, #hgweiss img {
    object-fit: cover;
}
.weiss {
    color: #fff;
}
.borderweiss {
    background-color: #fff;
}
.blauhover {
    color:#a10e00;
}
.buttonorange {
    color:#ff8b00;
}
.blau {
    color:#d10404;
}
.textgrau {
    color: #555555;
}

.hgrau {
    color: #efefef;
}

.inline {
    display:inline;
}
.center {
    text-align:center;
}
.right {
    float: right;
    height:24em;
}
.left {
    float: left;
    height:24em;
}x
.rechts {
    float: right;
}
.links {
    float: left;
}
.bold {
    font-weight: 500;
}
.light {
    font-weight: 300;
}
.klein{
    font-size: 0.8em;
}
.bottom{
    margin-bottom: 2.5em;
}
.top{
    margin: 2.5em 0 0 0;
}
.bottomgross{
    margin-bottom: 5em;
}
.bottomklein {
    margin-bottom:0;
}
.topgross{
    margin-top: 120px;
}
#inhalt {
    width:100%;
    height: auto;
    z-index: -2000;
    margin-top:-3em;
}
section {
    width:100%;
    height:100%;
    position: relative; 
    margin-top:40px;

}
article {
    width:100%;
    height:100%;
    position: static; 
    margin:0;
/*    margin:80px 0 0 0;*/

}
article img {
    width: 100%;
/*    height:15em;*/
    height:auto;

/*    object-fit: cover;*/
}
.logobild {
    width:100px;
    height:auto;
}
.container {
    max-width:1600px;
    margin:0 auot;
    padding:0 15px;
}
.container-fluid {
    max-width:1600px;
    margin:0 auto;
    padding:0;
}
.content {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width:100%;
    height:100vh;
    position: relative;
    z-index: 0;
    padding:0;
    margin:0;
    
   
}
.trennbilder {
    background-image: url(../media/enregie.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width:100%;
    height:23em;
    position: relative;
    z-index: 0;
    padding:0;
    margin:0 0 2em 0;
}
.endbilder {
    /*background-image: url(../media/haushalte.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width:100%;
    height:26em;
    position: relative;
    z-index: 0;
    padding:0;
    margin:2em 0 0 0;
}
.halbbilder {
    background-image: url(../media/enregie.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width:50%;
    height:20em;
    position: relative;
    z-index: 0;
    padding:0;
    margin:0 0 2em 0;
}
.vorne {
/*    z-index:25000;*/
    padding-top: 5em;
    position: relative;
    padding-left:1em;
}
.anker {
    height:85px;
    width:100%;
}
.balken {
    width: 100%;
    height: auto;
    position: relative;
    padding: 1em ;
    background:#d10404;
    z-index: 200;
    
}
.balken ul {
    display: inline;
    font-size: 1.1em;
    margin: 0;

}
.balken ul li{
    display: inline-flex;
    justify-content: center;
    align-content: center;
    font-size: 1.1em;
    margin: 0;


}
.balken ul li a{
    color:#fff;
    padding:0 1.5em;
    margin: 0;

}
.balken ul li a:hover{
    color:#555555;
}
.balken ul li a:active{
    color:#555555;
}
.rechnerbalken {
    width:auto;
    background:#d10404;
    padding:2em;
    border-top: 3px solid #a10e00;
    margin:5em auto;
}
.gelberbalken  {
    position: relative;
    background:#d10404;
    padding:2em;
    border-top: 3px solid #a10e00;
    margin-bottom: 2em;
    float:left;
    width:100%;
}
.rechnerbalken h2 {
    margin:0 0 0.2em 0.2em;
}
.button{
    background: #a10e00;
    width:80px;
    height:80px;
    border-radius: 40px;
    z-index: 200;
    position: relative;
    float:right;
    margin-right:0;
    margin-top:-4.5em;
    background-image: url(../media/rechner.svg);
    background-position: center;
    background-size: cover;
    padding:5px;
}
input {
    border-radius: 25px;
    background: #fff;
    width:100%;
    height:50px;
    padding:5px;
    border:0px;
    margin: 1em;
    height:50px;

}
.btn-link {
    border-radius: 25px;
    background: #ff8b00;
    height:40px;
    border:0px;
    padding:5px 15px;
    color: #555555;
    margin: 1em;
    float:right;
    color: #fff;
    text-transform: uppercase;
}
#hggrau {
    background-color: #efefef;
    width:100%;
    height: auto;
    padding:4em 0 2em 0;
    margin:0;
}
#hgweiss{
    margin:2em 0;

}
.gtitel {
    width:100%;
    position: relative;
    height:21em;   
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
 
}
.ktitel{
    width:100%;
    position: relative;
    height:8em;    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
}
.gktitel{
    width:100%;
    position: relative;
    height:auto;    
    object-fit: cover;
    padding:1em;
}
.kastenweiss {
    width:100%;
    height:3em;
    position: relative;
    background-color: #fff;
    padding-left:1em;
    margin-bottom:2em;
    display: grid;
    align-content: center;

}
/*
.kastenweiss p{
    font-weight: 400;
    line-height: 1em;
    margin:0;

    color:#555555;
}
*/
.kastengrau {
    width:100%;
    height:auto;
    position: relative;
    background-color: #efefef;
/*    padding:1em 1em 0 1em;*/
    margin-bottom:2em;
    display: grid;
    align-content: center;
    mix-blend-mode: multiply;
    padding:1em;

}

.kastengrau p, .kastenweiss p {
    color:#555;

}

/*
.kastengrau p{
    font-weight: 400;
    line-height: 1em;
    margin:0;
    color:#555555;
}
*/
.kastenweiss2 {
    width:100%;
    height:17em;
    position: relative;
    background-color: #fff;
    padding:1em;
    display: grid;
    align-content: center;
    margin-bottom: 2em;
}
.kastengelb {
    width:100%;
    height:7em;
    position: relative;
    background-color: #d10404;
    padding-left: 1em;
    display: grid;
    align-content: center;
}
.oben{
    margin-bottom:2em;
}
.hoch {
/*    max-height:30em;*/
    height:auto;
    margin-bottom:2em;
}
.halb {
    height:auto;
}
.kasten {
    width:100%;
    height: auto;
    position: relative;
    padding: 2em;
    background:#a10e00; 
}

.kastenhell {
    width:100%;
    height: auto;
    position: relative;
    padding: 2em;
/*    background:rgba(161,14,0,0.7); */
/*    background:#d10404; */
    background: rgb(170,170,170);
}

.kasten p {
    color:#fff;
    line-height: 1.2em;
}
.kasten a {
    color:#fff;
}
.kasten a:hover {
    color:#555;
}
.kasten hr {
    color:#fff;
    margin:5px 0 15px 0;

}
.text {
    padding:2em 2em 2em 15px;
}

.text img {
    width:15px;
    height:15px;
}

#footer {
    background-color: #cccccc;
    width:100%;
    height:auto;
    position: relative;
    padding:3em 3em 0 3em;
    font-size: 0.9em;
    
}
#footer a {
    color:#d10404;
    
}
#footer a:hover {
    color:#a10e00;
    
}
#footer a:active {
    color:#a10e00;
    
}
#footer h4, #footer p{
    color:#444;
    line-height: 1.2em;
}
#footer .col-sm-12 {
    padding-bottom:2em;
}
.selector-for-some-widget {
  box-sizing: content-box;
    
    
}
.start {
    padding:2em 5em 0 0;
    width:100%;
/*    margin-top:4em;*/
    display: flex;
    align-content: center;
    justify-content: center;
    object-fit: cover;
}
textarea {
    border-radius: 25px;
    background: #fff;
    position: inherit;
    height:150px;
    padding:5px;
    border:0px;
    margin: 1em 1em 1em 0;
    width:100%;
}
select {
    border-radius: 25px;
    background: #fff;
    position: inherit;
    padding:5px;
    border:0px;
    margin: 1em 1em 1em 0;
    width:100%;
    height:40px;
}
/*
select option {
    border-radius: 25px;
    background: #fff;
    position: inherit;
    padding:5px;
    border:0px;
    margin: 1em 1em 1em 0;
    width:100%;
    height:auto;
}
*/
table{
    width:100%;
}
tr {
    border-top: 1px solid #fff;
}
tr:last-child {
    border-bottom: 1px solid #fff;
}
td {
    padding:1em 0;
}
ul {
    padding-left:0.9em;
}

@media (max-width: 1650px) {
.text {
    padding:1em 4em;
}
/*
.kastengrau, .gktitel {
    margin:0 2em;
        
}
*/
 
  
}

/* xl */
@media (min-width: 1200px) {
input {
    height:45px;
    margin:0.7em 0.7em 0.7em 0;
}
.btn-link {
    height:45px;
    margin:0.7em 0.7em 0.7em 0;

}
form img {
    height: 45px;
}
}

/* lg */
@media (max-width: 1199px) {

.start {
    padding:1.5em 2.5em 0 0;
    width:100%;
}
.balken ul li a{
    color:#fff;
    padding:0 1em;
}
input {
    height:40px;
    margin:0.5em 0.5em 0.5em 0;

}
.btn-link {
    height:40px;
    width:auto;
    margin:0.5em 0 0.5em 0;

}
form img {
    height: 40px;
}
/*
.kastengrau, .text, .text2  {
         hyphens: auto;
}
*/
.kastengrau p, .text p, .text2 p  {
         hyphens: auto;
}


.text2 {
    padding:1em 2em;
}
}


/* md */
@media (max-width: 991px) {
body {
    font-size: 0.9em;
}
form img {
    height: 35px;
}
.button {
    padding:5px 10px;

}
.text2 {
    padding:1em 2em;
}
}

/* sm */
@media (max-width: 767px) {
body {
    font-size: 0.8em;
    overflow-x: hidden;
}
.haushalt h2{
    color: #555;
}
.rechnerbalken h2 {
    margin:0.2em 0.2em 0.2em 0.4em;
/*    text-align: center;*/
}
.oben{
    margin:0;
}

form img {
    height: 30px;
}
.kastenweiss {
    margin-bottom:2em;
}
.left img, .right img {
    height:auto;
    width:100%;
        
}
.hoch, .left, .right, .unten img {
    height: auto;
}
.gtitel {
    height: auto;
    max-height:20em;
        
}
.ktitel {
    height: auto;
    max-height:15em;
        
} 
.gktitel {
    height: auto;
} 
.vorne {

    padding-bottom:4em;
        
}

article img {
    width: 100%;
    height:15em;
    object-fit: cover;
    margin-bottom: 2em;
}
.kasten {
    width:100%;
    height: auto;
    position: relative;
    padding: 2em;
    background:#a10e00; 
    margin:0 ;
    margin-bottom: 2em;
}
.text2 {
    padding:1em 3em;
}
}

/* xs  */
@media (max-width: 575px) {
    

}


@media (orientation: portrait) { 
.start {
    padding:2em 0;
    width:100%;
}
.balken ul li a{
    color:#fff;
    padding:0 1em;
}
}