@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap'); 



body{color:#707070; font-family: 'Poppins', sans-serif;font-size:16px;background:white}
strong{font-weight:600;}

.inside{max-width:1400px;margin:0px auto;padding:0px 20px}

#header {height:140px;border-bottom:6px solid #C5571E;}
.logo{width:110px;margin-top:20px;float:left;}

.logo_name{float:left;font-weight:400;color:#707070;font-size:20px;margin-left:40px;margin-top:36px;line-height:30px}
.logo_name span {font-weight:600;font-size:27.5px;}

.mod_navigation{float:right;color:#707070;margin-top:50px;}
.mod_navigation .active{color:#C5571E;}
.mod_navigation a{color:#707070;text-decoration:none;}
.mod_navigation a:hover{color:#C5571E}
.mod_navigation li{font-size:18px;float:left;margin:25px;font-weight:400;}



/* Slider */
#slider .inside{width:100%;max-width:100%;padding:0px;}
.slide1_image:before { content:"";background:rgba(0, 0, 0, 0.44);width:100%;height:100%;display:block;position:absolute;top:0px;left:0px}
.slide1_image {background:url("../images/steuerberatung_dueren.jpg") center center;background-size: cover;padding:2% 0% 7% 0%;}

.rsts-slide div:nth-child(1) {height:100%;}
.mod_rocksolid_slider {height:auto;text-align:center;}
#slider h1 { font-size:75px;font-weight:700;margin-bottom:30px;}
#slider h1 span {color:white}
#slider p {font-size: 25px;font-weight: lighter;max-width: 700px;line-height: 40px;margin: 0px auto;}
#slider strong{ font-weight:500;}
.rsts-skin-default .rsts-nav {text-align: center;width: 100% !important;right:0 !important;left:0 !important;}
.slider_text{color:white;font-weight:600;/*! font-size:51px; */position:relative;z-index:0;text-align:left;max-width:1048px;font-size:40px;line-height: 51px;height: auto;height: 200px !important;margin-top: 87px;/*! float: left; *//*! width: 100%; */}
.buttons_slider {position:relative;text-align:left;margin-top: 46px;}

.buttons_slider a{background:#C5571E;padding:13px 20px;margin-right:20px;text-decoration:none;color:white;font-weight:bold;font-size:15px;border-radius:25px}
.buttons_slider a.tel{background: url("../images/tel.svg") no-repeat transparent;padding-left:50px;border:1px solid white;background-position:10px}
.buttons_slider a.tel:hover{background-color:#C5571E;border:1px solid transparent}



.slider_inside{max-width:1400px;margin:0px auto;padding:0px 0px;position: relative;}

.slider_addison {position:absolute;top: -67px;right: 20px;/*! transform: 10px; */transform: rotate(18deg);width:200px}




/* MAIN* */

#main{background:#E9E8E7;line-height:25px;padding:30px 0px;padding-bottom:150px}
.subsite #main{padding-bottom:50px}

h1{font-size:30px;font-weight:600;margin-bottom:40px;line-height: 36px;}

.mainbutton{position:absolute;width:96%;margin-top:39px;}

.mainbutton a {position:relative;background:#565555;width:30%;font-size:19px;float:left;text-align:center;color:white;text-decoration:none;padding:136px 0px 46px 0px;}
.mainbutton a:hover{background-color:#C5571E !important}
.ueberuns-button {margin-right:5%;background: url("../images/ueber_uns.svg") center 40% no-repeat #565555 !important;}
.berater-button {background: url("../images/paragraph.svg") center 40% no-repeat #565555 !important;}
.lexika-button{margin-left:5%;background: url("../images/tel.svg") center 40% no-repeat #565555 !important;background-size:70px !important}




/* Subsite /*/
.subsite #slider .ce_image {height:286px;width:100%;}
.subsite #slider .ce_image img{width:100%;position:relative;margin-top:-35%}
.subsite #footer_inside{padding-top:90px}


/* Berater */

.berater_block1{float:left;/*! width:20%; */margin-right:3%;}
.berater_block2{float:left;width:35%;margin-right:40px;padding:15px; background:#ffffff7d;min-height: 318px;}
.berater_block3{float:left;width:35%;padding:15px; background:#ffffff7d;min-height: 318px;}

.hidemobile {padding-left:20px;}

/* Kontakt*/

.ce_form input{margin-bottom:10px;padding:10px}
.ce_form textarea{width:50%;padding:10px}

.ce_form .submit{background:#C5571E;color:white;border:0px;padding:10px;cursor: pointer;}


/* Footer */
#footer_inside{padding-top:170px}

.footer {border-top:1px solid black;padding-top:50px;line-height:20px}
.footer .block_footer {float:left;line-height: 25px;}
.footer .block_footer:first-child{margin-right:100px;}

#footer{background:#565555;padding:20px;margin-top:40px}

#footer a{color:white;margin-right:40px;}






/* Icon */
#nav-icon {position:absolute;width: 50px;height: 47px;display: block;margin-top: 56px;right: 30px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}

#nav-icon span {display: block;position: absolute;height: 6px;width: 100%;background: #707070;border-radius: 9px;
  opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}

/* Icon  */
#nav-icon span:nth-child(1) {
  top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}

#nav-icon span:nth-child(2) {
  top: 12px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}

#nav-icon span:nth-child(3) {
  top: 25px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}

.mm-opening #nav-icon span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}

.mm-opening #nav-icon span:nth-child(2) {width: 0%;opacity: 0;}

.mm-opening #nav-icon span:nth-child(3) {-webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 25px;left: 8px;}

#nav-icon {display:none;}


#datenschutz{font-size:14px}


@media only screen and (min-width: 0px)  and (max-width: 1440px) {
	.slider_inside{padding-left:20px}
  .slider_text{font-size:30px;max-width:800px}
  
  
  .berater_block1{float:left;width:auto;}
.berater_block2{float:left;width:32%;margin-right:0px;padding:15px; background:white;min-height: 318px;}
.berater_block3{float:left;width:32%;padding:15px;margin-left:3%; background:white;min-height: 318px;}

  
}



@media only screen and (min-width: 0px)  and (max-width: 1100px) {
  .slider_addison {width:180px}
/* Startseite Optimiert*/

#nav-icon {display:block;/*! float: right; */}
	.mod_navigation  {display:none;}
  .subsite #slider .ce_image img{margin-top:-5%}
  
.berater_block2{width:59%;}
  .berater_block1{margin-bottom:30px;width:240px}
.berater_block3{float:none;padding:50px 0px 0px 0px !important;width:30%;margin-left:0%; background:transparent;min-height: 318px;/*! margin-top: 20px; */}


}


@media only screen and (min-width: 0px)  and (max-width: 955px) {
	.slider_addison{display:none}
  .logo_name{font-size:15px;margin-left:10px}
  .logo_name span {font-size:20.5px;}
  .logo{width:70px;margin-top:40px}
	.mainbutton {width:95%;}
	.ce_text img{width:300px;}
}





@media only screen and (min-width: 0px)  and (max-width: 780px) {
.slider_text{font-size:22px;line-height: 33px;margin-top:40px}
 .mainbutton {display:none;}
  #footer_inside {padding-top:50px}
  #main {padding-bottom:30px}
	.float_right{float:left;margin-left:0px !important}
	.hidemobile{display:none;}
.subsite #slider .ce_image img{margin-top:0%}
  
  .berater_block2{background:transparent;margin:0px;padding;0px;margin:0px auto;float:none;min-height:auto;width:95%;}
    .berater_block3{background:transparent;margin:0px;padding:0px;margin:0px auto;float:none;min-height:auto;width:95%;}

  .berater_block1{margin:0px auto;float:none}


.footer .block_footer {float:left;line-height: 25px;font-size: 15px}
.footer .block_footer:first-child{text-align:center;line-height: 22px;}
  .ce_text{text-align:center;font-size: 16px;line-height: 24px;}

    .footer .block_footer {float:left;line-height: 25px;text-align:center;width:100%}
.footer .block_footer:first-child{margin-right:0px;}

    .block_footer{margin-bottom:20px}
  .ce_form textarea{width:95%;padding:10px}
}




@media only screen and (min-width: 0px)  and (max-width: 500px) {
  .inside{padding:0px 10px}

  #nav-icon {right:10px;}
  .logo{width:70px;margin-right:10px}
  
    .logo_name{font-size:13px;margin-left:0px;line-height:20px;margin-top:50px}
  .logo_name span {font-size:17.5px;}
  
  .buttons_slider {text-align:center;}

.slider_text{font-size:22px;line-height: 33px;margin-top:40px;padding-right:20px;text-align:center;}
  
  .buttons_slider a{display:inline-block;margin-top:20px}
 
	.subsite #slider{max-height:230px}
  
  .ce_form input{width:90%}
.ce_form textarea{width:90%;padding:10px}

  

  
}


@media only screen and (min-width: 0px)  and (max-width: 450px) {
  .logo{width:49px;margin-top: 51px;}

}