@charset "UTF-8";


@media (max-width: 1365px)
{

	.app-scrolling-box 
	{
		width:614px;
	}
	
	.pfeilunten
	{
		display:block;
	}
	
	.pfeilunten-abstand
	{
		height:20px;
		width:100%;
		display:block;
	}

}

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

@media (max-width: 991px)
{

	h4
	{
		font-size: 10.0vw;
	}

	
	
	
	.collinks, .colrechts
	{
		float:none;
		width:100%;
	}
	
	.hidden-main
	{
		display:none!important;
	}
	
	.view-main
	{
		display:block!important;
	}
	
	.footer-social
	{
		position:relative;
		width:143px;
		margin-left:auto;
		margin-right:auto;
		height:139px;
		display:block;
		padding-top:6px;
	}

	.homebutton
	{
		width:39px;
		top:15px;
		position:relative;
		left:auto;
		margin-right:10px;
		float:left;
	}

	.socialmedia
	{
		width:94px;
		top:15px;
		height:auto;
		position:relative;
		right:auto;
		float:left;
	}
	
	.social-textfooter
	{
		padding-top:20px;
	}
	
}


@media (max-width: 900px)
{

	.textblockidee
	{
		font-size:32px;
	}
	
	
	
	
	
}


@media (max-width: 767px)
{

	.textblockidee
	{
		font-size:28px;
	}
	
	.footertext-zeile-ws
	{
		font-size:16px;
		line-height:1.4;
	}
	
	.background-footer-schwarz
	{
		height:auto;
		padding-bottom:30px;
		padding-left:50px;
		padding-right:50px;
	}
	
	.footertext-zeile
	{
		font-size:24px;
		line-height:1.2;
	}
	
	
}


@media (max-width: 724px)
{

	.app-scrolling-box 
	{
		width:287px;
	
	}

}



@media (max-width: 681px)
{

	.mobilmenufenster
	{
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		right:0px;
	}
	
}


@media (max-width: 575px)
{


	
	.container
	{
		padding-left:15px!important;
		padding-right:15px!important;
	}
	
	 .minus-padding
	{
		padding-left:10px!important;
		padding-right:10px!important;
	}
	
	.row
	{
		margin-left:-15px!important;
		margin-right:-15px!important;
	}
	
	.minus-row
	{
		margin-left:-10px!important;
		margin-right:-10px!important;
	}

	.text-inner
	{
		height:250px;
		width:100%;
	}

	.abstand-textinbild
	{
		height:76px;
		width:100%;
	}

	.abstand-textinbild-2
	{
		height:50px;
		width:100%;
	}
	
	.textblock
	{
		font-size:18px;
	}
	
	.logooben
	{
		width:300px;
		margin-top:30px;
	}

	#nav-icon1 
	{
		  width: 30px;
		  height: 30px;
	}
	
	#nav-icon1 span 
	{
	  display: block;
	  position: absolute;
	  height: 5px;
	}
	
	#nav-icon1 span:nth-child(1) 
	{
	  top: 0px;
	}

	#nav-icon1 span:nth-child(2) 
	{
	  top: 12px;
	}

	#nav-icon1 span:nth-child(3) 
	{
	  top: 24px;
	}
	
	.mobilenavibutton
	{
		margin-top:25px;
		width: 53px;
		height: 53px;
		padding-top:11px;
		padding-left:21px;
		border-radius: 53px;
		right:15px;
	}
	
	.mobilenavibutton.open
	{
		padding-top:7px;
		padding-left:11px;
	}
	
	.header-menu-abstand, .header-menu
	{
		height:100px;
	}
	
		.footertext-unten
	{
		padding-left:15px;
		padding-right:15px;
	}

	.background-footer-schwarz
	{
		padding-left:15px;
		padding-right:15px;
	}
	
	
	.footertext-zeile
	{
		font-size:22px;
	}
	
}

@media (max-width: 412px)
{

	
	.textblock
	{
		font-size:18px;
	}
	
	h3
	{
		font-size:34px;
		line-height:1.3;
	}
	
	.text-inner
	{
		height:210px;
	}

	.logooben
	{
		width:280px;
		margin-top:30px;
	}
	
	.mobilmenu
	{
		margin-top:80px;
		font-size:28px;
	}
	

	
	
}






@media (max-width: 373px)
{

	.textblockidee
	{
		font-size:22px;
	}
	
	.text-inner
	{
		height:200px;
	}

	.abstand-textinbild
	{
		height:36px;
	}

	.abstand-textinbild-2
	{
		height:40px;
	}
	
	
	
	h2
	{
		font-size:20px;
	}
	
	.textblock
	{
		font-size:16px;
	}
	
	.logooben
	{
		width:240px;
		margin-top:31px;
	}
	
	.menuzeileunten
	{
		font-size:18px;
	}
	
	.mobilmenu
	{
		margin-top:15px;
		font-size:26px;
	}
	
	.footertext-zeile-ws
	{
		font-size:15px;

	}
	
	.display-320
	{
		display:block!important;
	}
	
	.hidden-320
	{
		display:none!important;
	}
	
	.footertext-zeile
	{
		font-size:17px;
	}
	
}





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

	
}

@media (max-width: 575px)
{
	.hidden-mb 
	{
    	display:none!important;
  	}
	.display-mb 
	{
    	display:block!important;
  	}
	
}


@media (min-width: 768px) {
  .hidden-md {
    display:none!important;
  }
	
}


@media (min-width: 1199px) {
  .hidden-lg {
    display:none!important;
  }
}
	

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

  .display-992 {
    display:block!important;
  }
	
}

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

  .display-tab {
    display:block!important;
  }
	
}

@media (min-width: 576px) and (max-width: 991px) {
  	.display-only-tab 
	{
    	display:block!important;
  	}
}

@media (min-width: 992px) {
  .hidden-scr {
    display:none!important;
  }	
}