@charset "UTF-8";

.container
{
	max-width:1400px!important;
	width:100%;
	padding-left:40px!important;
	padding-right:40px!important;
}

.container-1920
{
	max-width:1920px!important;
}


.g-5,
.gx-5 {
	--bs-gutter-x:30px;
}

.g-2,
.gx-2 {
	--bs-gutter-x:30px;
}



.container-754-l
{
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
}

.container-754-r
{
  padding-right: 0px;
  padding-left: 0px;
  margin-left: auto;	
}

.container-4, .container-3, .container-app
{
	width:100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.container-360
{
	width:100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}



.col-13
{
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.col-13
{
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

@media (min-width: 360px) {
	.container-360
	{
		max-width:360px;
	}
}


@media (min-width: 768px) {
  .container-4 {
    max-width: 558px;
  }
	
  .container-3 {
    max-width: 558px;
  }		
	
.container-app
	{
		width:718px;
	}
	
}

@media (min-width: 992px) {
 	.container-3 {
    max-width: 852px;
  }	
	
	.container-754-l, .container-754-r
	{
		 width:776px;
	}
	
	.container-app
	{
		width:840px;
	}
	
	.col-lg-achtel {
    flex: 0 0 auto;
    width: 12.5%;
  }
	
	
}


@media (max-width: 991px) 
{
   .hidden-3 {
    display:none!important;
  }
}

@media (max-width: 767px) 
{
   .hidden-2 {
    display:none!important;
  }
}

@media (max-width: 575px) {
 	.col-13
	{
		padding-right: 10px;
		padding-left: 10px;
	}
	
	
}




.newscontainer-pfeile
{
	width:89px;
	height:37px;
	margin-left:auto;
	margin-right:auto;
	padding-right: 0px;
  	padding-left: 0px;
}

.row-fluid
{
  margin-right: 0px;
  margin-left: 0px;
}
.container-fluid
{
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
}


.container-320, .container-140 
{
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}


.container-kontakt
	{
		width:974px;
	}



.container-four, .container-three, .container-two, .container-middle, .container-1028, .container-1024, .container-kontakt, .container-910, .container-910-menu, .container-940, .container-950, .container-754, .container-705, .container-675, .container-558, .container-510, .container-435, .container-747, .container-747-2, .container-mb-320, .container-features, .container-kreise, .container-4, .container-970
{
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-950 
{
    max-width:980px;
    width:100%;
} 

.container-970
{
	max-width:1010px;
	width:100%;
}


.container-kreise
{
	width:1040px;
}

.container-510
	{
    	width:100%;
  	}


.container-320
	{
    	width:320px;
  	}
.container-140
	{
    	width:140px;
  	}

.container-435
{
	width:465px;
}

@media (min-width: 600px)
{
	.container-510
	{
    	width:510px;
  	}		
	
	.container-558
	{
		width:558px;
	}	

	.container-1028
	{
		width:80%;
	}

	
}

@media (min-width: 705px)
{
.container-675, .container-705
	{
    	width:705px;
		
  	}
	
}


@media (max-width: 1023px) and (min-width: 600px)
{
.container-675-2
	{
    	width:570px;
		padding:0px!important;
  	}
	


}

@media (min-width: 785px)
{
.container-754
	{
		width:785px;
	}

	
}


@media (max-width:839px)
{
	.container-mobile2
	{
		  padding-right: 40px;
		  padding-left: 40px;
		  margin-right: auto;
		  margin-left: auto;
		  width:100%;
	}	
}

@media (max-width:1023px) and (min-width: 600px)
{
	.container-mobile3
	{
		  padding-right: 40px;
		  padding-left: 40px;
		  margin-right: auto;
		  margin-left: auto;
		  width:100%;
		
	}	

	
}



@media (min-width: 1024px)
{
	.container-1028
	{
		width:984px;
	}

.container-910	
	{
		width:940px;
	}
	
	

		
	
.container-940 
	{
		width:970px;
	}
	


.container-747, .container-747-2
	{
    	width:33.3333333%;
		position:relative;
		 padding-right: 0px;
 		 padding-left: 0px;
 		 margin-right:0px;
  		 margin-left:0px;
		float:right;
  	}
	
	
	
	
	

}



.container-four
{
		width:100%;
}


@media (min-width: 1223px) 
{
	.container-four
	{
		width:1178px;
	}
	
	.container-1028
	{
		width:1058px;
	}
		
}

@media (min-width: 1024px) and (max-width: 1227px) {
	
	.container-1024
	{
		width:974px;
	}
	
	
	
	.container-padding
	{
		padding-left:40px;
		padding-right:40px;
	
	}
	
	.container-910-menu
	{
		width:705px;
	}
	
	.container-scr-1024
	{
	  padding-right: 0px;
	  padding-left: 0px;
	  margin-right: auto;
	  margin-left: auto;
	  width:882px;
	}	
	
	.col-scr-5
	{
		float: left;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 30px;
		margin-left:auto;
		margin-right:auto;
		width:33.333333333%!important;
    }
	
	
}




@media (max-width:599px) {

	 .container-mb-320	
	{
		width:290px;
	}
	
	.col-mobile-full
	{
	  padding-right: 15px!important;
	  padding-left: 15px!important;
	  width:100%;
	}
	.container-mobile-full
	{
	  padding-right: 15px!important;
	  padding-left: 15px!important;
	  width:100%;
	}
	
	.container-435
	{	
		width:100%;
	}

	
}	


@media (max-width: 450px)
{

.norow
{
  margin-right: -2px!important;
  margin-left: -2px!important;
}		
}



a {
  color: #000000;
  text-decoration: none;
	
}

a:hover,
a:focus {
  color: #AF0917;
  text-decoration: none;
}


p {
  margin: 0 0 0px;
}

ul,
ol {
  margin-top: 0px;
  margin-bottom: 10px;
}


.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 0px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
          box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
}

/*Akkordion Produkte */

.panel-body {
  padding: 0px;
}

.panel
{
	border:none;
}

.panel-title {
	 
	font-family: 'Fira Sans' , sans-serif;
	font-weight: 300;
	font-size:17px;
	color: #000000;	
	margin-top: 0px;
	margin-bottom: 0px;
	background-color:#ffffff;
	padding-top:6px;
	padding-bottom:6px;
	border-top:0px #FFFFFF solid;
	
  
}
.panel-heading {
  padding: 0px 0px 0px 0px;
 

}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: none;
	
	padding:0px 0px 0px 0px;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
 
}
.panel-default {
  border-color: #ffffff;
}
.panel-default > .panel-heading {
  color: #000;
  background-color: #ffffff;
  border-color: #ffffff;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #FFFFFF;
}
.panel-default > .panel-heading .badge {
  color: #ffffff;
  background-color: #ffffff;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffffff;
}
.panel-primary {
  border-color: #FFFFFF;
}
.panel-primary > .panel-heading {
  color: #fff; 
  background-color: #ffffff;
  border-color: #ffffff;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffffff;
}
.panel-primary > .panel-heading .badge {
  color: #000000;
  background-color: #fff;
}

.panel-group {
  margin-bottom: 0px;
}
.panel-group .panel {
  margin-bottom:0px;
  

  border-radius: 0px;
}
.panel-group .panel + .panel {
  margin-top: 0px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 0px solid #FFFFFF;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 0px solid #FFFFFF;
}

/* ----- AB HIER NEU V 2024 mit xxxl ---------------------------------------- */

.container-padding-30
{
    padding-left:30px!important;
	padding-right:30px!important;
}


.visible-2060
{
	display:none;
}

@media (min-width: 2060px) {
  .col-xxxl {
    flex: 1 0 0%;
  }
  
  .col-xxxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
	
@media (max-width: 1399px) 
{
    .container-xl-bs
    {
        max-width:705px!important;
        width:100%;
        padding-left:30px!important;
        padding-right:30px!important;
        margin-left:auto;
        margin-right:auto;
    }
}