/* abel-regular - latin */
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/abel.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/abel.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/abel.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/abel.woff') format('woff'), /* Modern Browsers */
       url('fonts/abel.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/abel.svg#Abel') format('svg'); /* Legacy iOS */
}

/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
font-family: 'Abel', sans-serif;
}
body, html {
    height: 100%;

}
.cc_css_reboot{border:2px solid black;}
.light.cc_dialog button.cc_b_ok {
    color: #fff;
    background-color: #f8981d !important;
}
.light.cc_dialog {
    background-color: #fff !important;
    color: #111;
}
.cc_dialog .cc_dialog_text {
    font-size: 13px !important;
}
.cc_dialog .cc_dialog_headline {
    font-size: 18px !important;
    font-weight: 600;
}
.navbar-dark .navbar-nav .nav-link:hover {
    text-decoration: none;
}
.main {
    background-image: url(img/Sequenz-12-5.gif);
    height:96%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-color:#fff;
    padding-bottom:10%;
}
.main2 {
    background-image: url(img/Sequenz-12-6.gif);
    height:120%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color:#fff;

}
.main3 {
    height:auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color:#f0f0f0;
    padding-bottom:20px;
}
.main4 {
    background-color:#f0f0f0;

}
.reuter {
    background-image: url(img/bg-eric-reuter2.jpg);
    height: auto;
    width:100%;
    background-position: right;
    background-repeat: no-repeat;
 background-position:bottom right;

}
.hofmann {
    background-image: url(img/bg-hofmann.jpg);
    height: auto;
    width:100%;
    background-position: right;
    background-repeat: no-repeat;
 background-position:bottom right;

}
.siller {
    background-image: url(img/bg-siller2.jpg);
     height: auto;
    width:100%;
    background-position: right;
    background-repeat: no-repeat;
 background-position:top right;
 background-position:bottom right;
}
.reuter h1{color:#505050;}
.reuter h2{color:#505050;}
.reuter h3{font-size:25px;  
    padding: 5px 0;color:#505050;}
.maincontent ul{margin-left:10%;padding:0%;
width:40%;min-height:900px;
background-color:#f0f0f0;
color:#505050;}

.maincontent-kanzlei{margin-left:10%;padding:2%;
width:40%;color:#505050; background-color: #f0f0f0;}
.maincontent-kanzlei p{font-size:18px;}
.maincontent-kanzlei h3{font-size:30px;padding-left:0%;color:#505050;}
.maincontent-kontakt{margin-left:10%;padding:0%;
 color:#505050; background-color: #f0f0f0;}
.maincontent-impressum{margin-left:10%;padding:0%;
width:40%;color:#505050; background-color: #f0f0f0;}
.maincontent li{margin-left:3%;}
.img-responsive {
    width: 100%;
	height:auto;
}

.kanzlei{border: 1px solid #d2d2d2;
padding:20px;}
.kanzlei p{font-size:20px;
line-height:1.5;}

z-content{z-index:999999;background-color:#fff;}
.navbar-brand img{width:40px;}

h1{
font-size:500%;
line-height:1.0;
font-weight:bold;
	padding-left:10%;
	padding-top:2%;
color: rgba(255, 255, 255, 0.8);

}
h1 a{color: rgba(255, 255, 255, 0.8);}
h1 a:hover{color: #f8981d;}


h2{
font-size:50px;
line-height:1.0;
font-weight:normal;
    padding-left:10%;
    padding-top:0%;
color: rgba(255, 255, 255, 0.8);

}
h3{
    font-size:23px;
line-height:1.0;
font-weight:bold;
    padding-left:10%;
    padding-top:0%;
color: rgba(255, 255, 255, 0.8);
line-height: 1.3;

}
h4{
    font-size:17px;
line-height:1.3;
font-weight:normal;
    padding-left:10%;

color: #505050;

}
h4 span{background-color: #f0f0f0; padding:5px; margin:50px 0;  }
.main3 h1, h2, h3{color:#505050;}
.main4 h1, h2, h3{color:#505050;}
.main2 h1, h2, h3{color:#f0f0f0;}
.kontakt h2, h3 {color:#505050;}
a{color: #505050;}
a:hover{text-decoration:underline;
color: #505050;}
footer p {float:right;
margin-bottom:0rem;
padding:10px 50px 10px 0;
color:#505050;}
.ml-auto{margin-right:50px;}
.maincontent a{text-decoration: underline;}
.maincontent a:hover{color:#000;}
.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0rem 0rem;
}
.navbar-dark a {
    color: #2d2d2d !important;
}
.navbar-dark a:hover {
    color:#f8981d !important;
}
.nav-item{
    margin-left:10px;
    font-size:20px;

    color:#ffffff;
    background-color: none;
 transition: all 0.2s ease-in 0.1s; /* explorer 10 */
    -webkit-transition: all 0.2s ease-in 0.1s; /* chrome & safari */
    -moz-transition: all 0.2s ease-in 0.1s; /* firefox */
    -o-transition: all 0.2s ease-in 0.1s; /* opera */
}
.nav-item:hover{
    color:#f8981d;

        align:center;
text-decoration:none;
background-color:none;
-moz-box-shadow:inset 0 -0.2em #f8981d;
    -webkit-box-shadow: inset 0 -0.2em #f8981d;
    box-shadow: inset 0 -0.2em #f8981d;
     transition: all 0.2s ease-in 0.1s; /* explorer 10 */
    -webkit-transition: all 0.2s ease-in 0.1s; /* chrome & safari */
    -moz-transition: all 0.2s ease-in 0.1s; /* firefox */
    -o-transition: all 0.2s ease-in 0.1s; /* opera */



}
}
.bg-white {
    background-color: rgba(43, 43, 43, 0.0) !important;
}

.fixed-top {
    position: fixed !important;
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #ffffff;
    border-radius: .3rem;
}
.orange{border:1px solid #d2d2d2;
color:#2d2d2d;
padding:20px;}



.orange a:hover {text-decoration:none;}
.orange a {color:#2d2d2d; font-weight:bold;}
main{padding:10px;   background-color: rgba(255, 255, 255, 1.0)}

.sr-logo-gross{margin-top:10%;
max-width:100%;
visibility:visible;
z-index:99999;
max-height:100px;
}


.navbar-dark .navbar-toggler {
    color: #505050;
	width:100%;
    border-radius: 0rem;
    font-weight:bold;
    margin-top: 5px;
}
.toggler-title{
font-size:30px;
width:100%;}

.nav-link{
width:100%;}

.sr-logo-klein{     
visibility:hidden;                              
position:relative;
height:auto;
width:0%; 
margin: 3% 0 5% 0;       
}
.sr-logo-klein-subpage{
display:none;
margin-top:0%;
}
 
.ericreuter-img{
display:none;
    width:100%;
    height: auto;
}
.siller-img{
display:none;
    width:100%;
    height: auto;
}
@media (max-width: 1200px) { 

}
@media (max-width: 992px) { 

.ml-auto{
margin-right: 10px;
text-align:center;
}
.sr-logo-gross{
visibility:hidden;

}
.sr-logo-klein{
visibility:visible;
height:auto;
width:100%;
}

.sr-logo-klein-subpage{
display:inline;
margin-top:0%;
width: 100%;
height:auto;
}

.siller-img{
display:inline;
    width:100%;
    height: auto;
}
.ericreuter-img{
display:inline;
    width:100%;
    height: auto;
}
.reuter {
    background-image: none;
    height: 94%;
    background-position: right;
    background-repeat: no-repeat;
padding-bottom: 10px;

}
.main4 h1{
   font-size:30px;
   margin-top:20px;
}
.maincontent-kanzlei{margin-left:10%;padding:5%;
width:80%;color:#505050; background-color: #f0f0f0;}
.maincontent ul{margin-left:9%;padding:1%;
width:80%;
background-color:#f0f0f0;}

.sr-logo-gross {
    margin-top: -7%;
    max-width: 100%;
    z-index: 99999;
}
.maincontent-impressum{
width:80%;}

}

@media (max-width: 768px) { 
.ml-auto{
margin-right: 10px;
text-align:center;
}
.sr-logo-gross{
visibility:hidden;
}
.sr-logo-klein{
visibility:visible;
}

.sr-logo-klein-subpage{
visibility:visible;
margin-top:3%;
}


.ericreuter-img{
    width:100%;
    height: auto;
display:inline;
}
.reuter {
    background-image: none;
    height: 94%;
    background-position: right;
    background-repeat: no-repeat;


}
.maincontent ul{margin-left:9%;padding:1%;
width:80%;
background-color:#f0f0f0;}
.sr-logo-gross {
    margin-top: -7%;
    max-width: 100%;
    z-index: 99999;
}
h1 {
    font-size: 400%;
    line-height: 1.0;
    font-weight: bold;
    padding-left: 10%;
    padding-top: 2%;
    color: rgba(255, 255, 255, 0.8);
}
h2 {
    font-size: 35px;
    line-height: 1.0;
    font-weight: normal;
    padding-left: 10%;
    padding-top: 0%;
    color: rgba(255, 255, 255, 0.8);
}
.main2 {
    height:auto;
}
.main {
    height:auto;
}
footer p {text-align: center;
padding:10px 20px;

}
h4{
    font-size:17px;
font-weight:normal;
    padding-left:10%;
    padding-top:0%;
color: #505050;
line-height: 1.3;

}

.navbar-dark .navbar-toggler {
    border-bottom:0px solid #fff;  }
h4 span{font-size:20px; padding: 0%; background-color: rgba(255, 255, 255, 0.8); font-weight: normal;
     }
}