@font-face {
    font-family: OpenSans;
    src: url(../Fonts/OpenSans-Bold.ttf);
}

@font-face {
    font-family: Roboto;
    src: url(../Fonts/Roboto.ttf);
}

@font-face {
    font-family: RobotoBold;
    src: url(../Fonts/Roboto-Bold.ttf);
}

@font-face {
    font-family: RobotoItalic;
    src: url(../Fonts/Roboto-Italic.ttf);
}

:root {
    --primary: #65b22e;
    --secondary: #e74e0f;
    --gray: #fafafa;
    --info: #ffffff;
    --bs-body-font-size: 25px;
    --bs-body-color: #707070;
    --bs-body-line-height: 1.3;
	--bs-primary: #65b22e;
	--frame-link-color: #65b22e;
	--frame-background: #65b22e;
}

body {
    background-color: var(--gray);
    font-family: Roboto, sans-serif;
    color: var(--bs-body-color);
}

p{
    margin-bottom: 0;
}

h1{
    color: var(--bs-primary);
    font-size: 50px;
}

h2{
    
    color: var(--bs-primary);
    font-size: 40px;
}

h3, h3 a{
    font-size: 25px;
    color: var(--bs-body-font-size);
}

h1,
h1 a,
h2,
h2 a,
h3,
h3 a {
    font-family: OpenSans, sans-serif;
}

.frame-background-primary{
	--frame-background:#65b22e;
}

.container{
    max-width: 1680px;
}

.btn-secondary{
color: #ffffff;
background-color: #e74e0f;
border-color: #e74e0f;
}

.text-info{
    color: #707070!important;
}

.table td{
    border-style: none;
}

.table{
    color: var(--bs-body-color);
}

/*Bilder*/
.image{
    width: auto;
    height: 100%;
    margin: 0;
}

.accordion-button{
    color: var(--bs-body-color);
}
.carousel .carousel-content-inner{
    max-width: 100%;
}

.slider_div .carousel .item {
    height: 375px;
}

/* .text-right a{
    color: var(--gray);
} */

/*.frame-container{
    padding-left: 0;
}*/

@media (min-width: 1400px){
.frame-container-default {
  max-width: 1680px;
}
}
#page-header {
    position: absolute !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: rgba(255, 255, 255, 0.9) !important;
    }

@media screen and (min-width:1024px) {
    .slider_div {
        max-height: 600px;
    }
    }

    @media (min-width: 992px) and (max-width: 1399px){
        .header-elements{
            display: flex;
            justify-content: center; 
        }
    }

    @media (min-width: 1400px) 
    {
        #page-header{
            height:100px; 
        }
    }
    .col-md-4 .header-elements{
        width: 38%;
    }
    .col-md-2 .navbar-image{
        width: 12%;
    }

.navbar-toggler{
    top: -111px;
}

@media (max-width: 760px) {
    .navbar-toggler {
        position: absolute;
        top: 0;
        margin-bottom: 1rem;
    }

    .header-elements-search {
        margin-top: 2rem;
    }

    .navbar-collapse {
        position: relative;
        top: 30px;
    }
}

button.collapsed{
    top: 0px;
}

.breadcrumb-section {
    display: none;
}

.btn {
    border-radius: 0;
}

.card{
    color: var(--bs-body-color);
    border: 0;
    border-radius: 0.25rem;
    box-shadow: 0px 3px 6px #00000029;
}

.card a:not(.btn){
    color: var(--bs-body-color);
}

#p11 .card-horizontal{
    max-width: 783px!important;
    margin-left: 0;
}

.card .horizontal{
    height: 324px;
}

#c39 img {
    margin: 0;
    padding: 0;
    width: 40%;
}

.slider_div {
    position: relative;
}

.textpic-item .gallery-item{
    width: auto; 
}

@media(min-width: 1200px){
.slider_logo {
    position: absolute;
    z-index: 9;
    top: 65%;
    left: 65%;
    transform: translate(0%, -50%);
    width: auto;
}
}
@media(min-width: 769px) and (max-width: 1199px){
    .contentcontainer[data-container-identifier="container_4_columns"]{
        display:grid; 
        grid-template-columns: 1fr 1fr;
    }
}
@media(max-width:1199px){
.slider_logo{
    display:none; 
}
}
@media (min-width: 1400px) {
    .carousel .carousel-content-inner {
        max-width: 2540px;
    }
}

.carousel {
    padding: 0;
}

.cardgroup_controls {
    display: flex;
}

.card-group-element-horizontal .card-footer {
    bottom: 0;
	position: absolute;
	right: 0;
}    


.carousel-item-layout-secondary {
    background: transparent;
}

.slider_bogen {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.slider_bogen img {
    width: 100%;
    position: relative;
    z-index: 999;
    margin-bottom: -1px;
}

#page-header>.container {
    display: block;
}


.header-elements {
    display: flex;
    align-items: center;
}

.header-elements-search{
    padding-bottom:1rem;
}

#page-footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.footer-section-content {
    background-color: var(--gray);
}

.footer-section-meta {
    display: none;
}

@media screen and (min-width: 992px) {
.navbar-nav {
    flex-direction: row;
    align-items: center;
}

.navbar-nav>li {
    padding: 0px 10px;
}

.navbar-mainnavigation .navbar-nav:last-child {
    margin-left: 0;
}
}

@media screen and (max-width: 1024px) {
    .navbar-mainnavigation .navbar-brand-image img {
        max-height: initial;
    }

    .navbar-mainnavigation .navbar-brand {
        margin-right: 0 !important;
    }

    .header-elements {
        justify-content: center;
    }

    .header-elements-search, .header-elements-social {
        padding: 1rem;
    }
}

/* Elemente einrücken (über Erscheinungsbild - Rahmen) */



@media screen and (min-width: 1921px) {
.frame-indent-left .frame-group-inner .frame-container-default,.frame-indent-right .frame-group-inner .frame-container-default {
    max-width: 1920px;
}
}

@media screen and (min-width: 1918px) {
    .frame-indent-left .frame-group-inner .frame-container-default,.frame-indent-right .frame-group-inner .frame-container-default {
        max-width: 1800px;
    }

.frame-indent-left .frame-group-inner .frame-container-default {
    margin-right: 0;
    padding-right: 0;
}

.frame-indent-left .frame-group-inner .frame-container-default .frame-inner {
    margin-left: 0;
    margin-right: 0;
}

.frame-indent-right .frame-group-inner .frame-container-default {
    margin-left: 0;
    padding-left: 0;
}

.frame-indent-right .frame-group-inner .frame-container-default .frame-inner {
    margin-left: 0;
    margin-right: 0;
}
}
/* SUCHE */
/*.col-suche {
    display: flex;
    align-items: center;
}*/

.col-suche, .meine_rwg {
    margin-top: 15px;
}

.tx-indexedsearch-rules,
.tx-indexedsearch-search-submit {
    display: none;
}

.tx-indexedsearch-searchbox-sword {
    background-color: #fff ;
	border: none;
	box-shadow: 0px 0px 5px #888;
    text-align: center;
    width: 250px;
}

@media screen and (max-width: 1024px) {
    .gallery-item-size-5 {
        --gallery-columns: 5;
    }
}


/* CAROUSEL */
@media (max-width: 992px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: flex;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev,
.carousel-inner .carousel-item-start {
    display: flex;
    justify-content: center;
    backface-visibility: hidden;
}

@media (min-width: 992px) {
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-start {
      transform: translateX(16.6%);
      backface-visibility: hidden;
      display: none;
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev,
    .carousel-inner .carousel-item-start {
      transform: translateX(-16.6%);
      backface-visibility: hidden;
      display: none;
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left,
.carousel-inner .carousel-item-start{ 
    transform: translateX(0);
    backface-visibility: hidden;
}

.carousel-item {
    transition: transform 0.6s;
    backface-visibility: hidden;
}

.carousel-control-prev, .carousel-control-next {
    background-color: #000;
    margin: auto;
    height: 25%;
}

.carousel-control {
    display: none;
}


/* KONTAKTFORMULAR */
.form-identifier-kontakt-75 .control-label {
    display: none;
}

.form-container input,.form-container textarea {
    box-shadow: 0px 5px 5px #e0e0e0;
}

.form-container .btn-group {
    width: 100%;
}

.form-container .btn {
    background-color: var(--secondary);
    border-color: var(--secondary);
}


@media (max-width: 768px){
.contentcontainer[data-container-identifier="container_2_columns"] {
  grid-template-columns: 0.8fr 1fr;
}
.contentcontainer[data-container-identifier="container_4_columns"]{
    display:grid; 
    grid-template-columns: 1fr;
}
    .youtube{
        width:100%; 
    }
}

@media (min-width: 992px){
.contentcontainer[data-container-identifier="container_2_columns_left"] {
  grid-template-columns: 2fr 1.5fr;
}
}
/* Accordion*/
#card-accordion .accordion-button{
    font-size: 23px;
    font-weight: bold;
    color: #707070;
}

.accordion-button{
    font-size: 1.25rem;
}

.accordion-body{
    font-size: 1.25rem;
}

.contentcontainer .frame-background-none:last-child{
    padding-bottom: 1rem;
    padding-top: 0;
}

@media (min-width:576px){
#c20 .btn-secondary{
    font-size: 30px;
    padding: 0.375rem 4rem; 
}
}
#c98 .contentcontainer[data-container-identifier="container_2_columns_left"]{
    grid-template-columns: 3fr 1.5fr;
}

#c97 .gallery-item img{
    width: 63px;
    height: auto;
  }

#c97 .gallery-item{
    width: auto;
    height: auto;
}

#c314 .contentcontainer{
    margin-top: 3rem;
}

/*Bildgrößen*/ 

/*.contentcontainer[data-container-identifier="container_2_columns_left"] .gallery-item img{
    width: 600px;
    height: 375px;
}

.contentcontainer[data-container-identifier="container_2_columns_right"] .gallery-item img{
    width: 600px;
    height: 375px;
}

.contentcontainer[data-container-identifier="container_2_columns_left"] .gallery-item {
    width: 600px;
    height: 375px;
}

.contentcontainer[data-container-identifier="container_2_columns_right"] .gallery-item {
    width: 600px;
    height: 375px;
}*/



@media(min-width: 1426px){
.vertical .card-group-element-item .card {
    width: 350px;
    height: 470px;
}
.vertical .card-img-top img{
    width: 350px;
    height: 225px;
}
}
@media(max-width: 1425px){
    .vertical .card-group-element-item .card {
        width: 250px;
        height: 420px;
        font-size: 18px; 
    }
    .vertical .card-img-top img{
        width: 250px;
        height: 160px;
    }
    }
/*.gallery-item-size-3 .image{
    margin: 0;
    width: 32px;
}

.gallery-item .gallery-item-size-3{
    width: 32px!important;
}*/

@media screen and (min-width: 992px){
.navbar-nav > li {
  padding: 0rem 1rem 0rem 2rem;
}
   
/*.navbar-nav .nav-item:last-child{
        position: relative; 
        left: 70%;
    }*/
    #nav-item-109{
        display:none;
    }
}

@media (max-width:574px){
    .navbar-mainnavigation .navbar-nav:last-child{
        margin-Left: 0;
    }
    .meine_rwg, .col-suche{
        display:flex;
        justify-content:center;
        padding:5px;
    }
}

@media (max-width: 991px){
    #navbarNavDropdown{
        display:none; 
    }

    .dropdown-menu-childtwo {
        padding: 0 1.5rem;
    }

    .dropdown-menu-first {
        padding: 0 1.5rem;
    }
}

@media (min-width: 1024px) {
.dropdown-menu-childtwo {
    position: absolute;
    left: 160px;
    top: -10px;
}
}

.dropdown-menu-first > li > a {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    display: flex !important;
    align-items: center !important;
    color: #212121 !important;
}

.dropdown-menu-first > li > a:hover {
    color: #1e1e1e;
    text-decoration: none;
    background-color: #e9e9e9;
}

#page-footer{
    font-size: 20px;
}

/*Responsive*/
@media screen and (min-width: 755px) and (max-width: 1600px){
    body{
        font-size: 25px;
    }
    h1{
        font-size: 40px;
    }
    h2{
        font-size: 32px;
    }
}

@media screen and (min-width: 577px) and (max-width: 754px){
    body{
        font-size: 20px;
    }
    h1{
        font-size: 30px;
    }
    h2{
        font-size: 25px;
    }
}
@media screen and (max-width: 756px){
    body{
        font-size: 15px;
    }
    h1{
        font-size: 30px;
    }
    h2{
        font-size: 25px;
    }
    h3{
        font-size: 20px; 
    }
}

 .footer-section{
    /* background-image: url(https://www.rwg-r.de/fileadmin/Slider/welle_footer1.png); */
    /* height: 229px; */
    background-size: cover;
}
.footer-section-content-column-left{
    width: calc(100% / 3);
    position: relative;
    font-size: 18px; 
    z-index: 22;
    top: -20px;
}

.footer-section-content-column-left .frame{
    --frame-spacing: 1rem;
}

.frame-group-container{
    color:#707070; 
}

.footer-section-content-column-left a{
    color: var(--primary);
}

#c319 a{
    color: #707070;
}

.footer-section-content-column-left .gallery-item{
    width: 2rem; 
}

#c13 .frame{
    --frame-spacing: 0!important;
}

@media (max-width: 576px){
    #page-content{
        margin: 1rem;
    }
     .carousel .item{
        height: 300px; 
        min-height: 0;
        padding: 0;
    }
    /*.carousel-item-type-image .carousel-image img
    {
        height: 300px;
    }*/

    .slider_bogen {
        display:none; 
    }
    #p1 .carousel .item {
        height: auto;
    }
    .card-ausrichtung{
        justify-content: center;
        display: flex;
    }
    .carousel .carousel-content-inner{
        align-items: normal;
    }
    .footer-section-content-column-left{
        width:100%; 
    }

}

@media (min-width:577px) and (max-width:850px){
     .carousel .item{
        height: 300px; 
        min-height: 300px;
        padding: 0;
    }
    #p1 .carousel .item {
        height: auto;
    }
    .carousel-item-type-image .carousel-image img
    {
        height: 300px;
    }
    .carousel .carousel-content-inner{
        align-items: normal;
    }

    .footer-section-content-column-left{
        font-size: 15px;
    }

}

@media (max-width:850px) {
    .slider_div .carousel .item{
        height: 100%;
    }

    .slider_div {
        visibility: hidden;
    }

}
@media (max-width: 1200px){
.contentcontainer{
    display: block;
}


}

#card-accordion .card{
    width:730px;
}


/*Footer*/ 
@media (max-width: 767px){
    .footer-section-content-column-right{
        width: 100%;
        font-size: 15px;
    }
    .footer-section-content-column-left{
        width: 100%;
    }

    .footer_navi_rechtliches .col-6 {
        padding: 0.5rem;
    }
}

@media (min-width: 768px){
    .footer-section-content-column-right{
        width: 66%;
    }
    .footer-section-content-column-left{
        width: 33%;
    }
/*     #c330{
        top: 150px; 
    } */
}
/*Baustoffe*/
#card-accordion .card-img-top{
    width: 730px;
    height: 225px;
}

/*Blog*/ 
   .blogcontainer .card {
        width: 350px; 
        height: 470px;
        font-size: 20px;
    }
    .card .btn-secondary
    {
    margin-top: 1rem;
    padding: 5px;
    width: 140px;
    font-size: 20px;
  }
  .postlist .btn-secondary
  {
    margin-top: 1rem;
    padding: 5px;
    width: 140px;
    font-size: 20px;
  }


  .btn-secondary a:not(.btn){
    color: #fff!important;
  }

  .blogimage{
    margin-bottom: 0;
  }
  .blogimage img{
    height: 225px; 
    max-width: 100%; 
  }

  .postteaser__post .card-body{
    padding: 1rem;
  }

  .postteaser{
    display: flex;
    gap: 2rem;
  }

  .bloguebersicht{
    display: flex;
  }




/*Suche*/ 
.ct-text{
    max-width: 1320px;
}

legend{
    display:none; 
}

.tx-indexedsearch-form label{
    display:none;
}

/*Trennstrich*/
hr {
    margin: 0;
    height: 42px; 
    opacity:1; 
    padding: 0; 
    width: 100%; 
    color: var(--primary);
}

.frame-container hr {
    padding: 0;
    margin: 0; 
}

hr:not([size]){
    height: 42px; 
    max-width: 100%;
}

.tx-indexedsearch-res, .tx-indexedsearch-browsebox, .tx-indexedsearch-info-sword{
    display:none; 
}