body,html {background-color:#FFF;font-family: 'Titillium Web', sans-serif;}  
.logo_wrapper {padding:30px; background-color:#000}
		
.main_logo {width:400px;}

.bild_links {position:absolute; top:400px;z-index:199; left:0;}
.block_rechts {position:absolute; top:50px;z-index:199; padding:0px 20px 20px 120px; color:white; right:0; background-color:#000; text-align:left;}
.block_rechts p {font-size:32px; color:white;}
.block_rechts h2 {background-color:#e6007e; color:white; padding:15px;}

.wrapper_slideshow {position:absolute; z-index:300; left:0; right:0; margin-left:auto; margin-right:auto; width:900px; top:20px;}

.btn-bitbucket {background-color:#009FE3 !important; border-radius:4px; border:none; margin:20px 0px;}

footer p {font-size:32px; padding:0px 0px}
.footer_content_wrapper {max-width:850px !important;}



		 /* unvisited link */
a:link {
  color: white;
  text-decoration: none !important;
}

/* visited link */
a:visited {
  color: white;
  text-decoration: none !important;
}

/* mouse over link */
a:hover {
  color: #CCC;
  text-decoration: none !important;
}

/* selected link */
a:active {
  color: white;
  text-decoration: none !important;
} 

.title_top {position:absolute; left:30px;}



.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}




.panel-heading {
  padding: 0;
	border:0;
text-align:left;}
.panel-body p { text-align: left; font-size:24px; line-height:32px;}
		  .panel-body {background-color:#FFFFFF; color:#1E3476; padding:20px;}		  
.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
  color:#000;
   font-weight:bold;
	letter-spacing:1px;
  word-spacing:3px;
	font-size:48px;
	text-decoration:none;
}
.panel-heading  a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e080";
   float: right;
   color:#000;
   transition: all 0.5s;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
} 
.panel, .panel-heading {-webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
border:0; border-radius:0;}



.panel-group .panel {margin-bottom:30px;  border-radius:                    0px;
  -webkit-border-radius:            0px;
  -moz-border-radius:               0px;}

.panel-default > .panel-heading { background-color:#009fe3; color:#FFF; }

	 h1 {font-size:4em; font-weight:bold;}




		
		@media (min-width: 2201px){
			
			 h1 {font-size:56px; font-weight:bold;}
			
			.bild_links {width:680px; top:400px;}
			.wrapper_slideshow {width:1150px;}
			.mitte_bild_hidden {width:1150px;}
			
			.block_rechts {top:50px; padding:0px 20px 20px 100px; color:white; right:0; background-color:#000; text-align:left;}
			.block_rechts p {font-size:32px; color:white;}
			.block_rechts h2 {padding:15px; font-size:32px;}
			.container {max-width:2120px;}
			
			.panelwrapper {margin-top:80px !important;}
			
		}
		
		@media (max-width: 2200px){
			
			 h1 {font-size:52px; font-weight:bold;}
			.bild_links {width:620px; top:300px;}
			.wrapper_slideshow {width:1050px;}
			.mitte_bild_hidden {width:1050px;}
			
			.block_rechts {top:50px; padding:0px 20px 20px 90px; color:white; right:0; background-color:#000; text-align:left;}
			.block_rechts p {font-size:30px; color:white;}
			.block_rechts h2 {padding:15px; font-size:30px;}
			.container {max-width:1920px;}
			
		}
			@media (max-width: 2000px){
			 h1 {font-size:44px; font-weight:bold;}
			.bild_links {width:520px; top:310px;}
			.wrapper_slideshow {width:920px;}
			.mitte_bild_hidden {width:920px;}
				
			.block_rechts {top:50px; padding:0px 20px 20px 70px; color:white; right:0; background-color:#000; text-align:left;}
			.block_rechts p {font-size:26px; color:white;}
			.block_rechts h2 {padding:15px; font-size:26px;}
				
			.container {max-width:1620px;}
			}

			@media (max-width: 1800px){
			h1 {font-size:43px; font-weight:bold;}
			.bild_links {width:420px; top:310px;}
			.wrapper_slideshow {width:820px;}
			.mitte_bild_hidden {width:820px;}
				
			.block_rechts {top:50px; padding:0px 20px 20px 60px; color:white; right:0; background-color:#000; text-align:left;}
			.block_rechts p {font-size:22px; color:white;}
			.block_rechts h2 {padding:15px; font-size:22px;}
				
			.container {max-width:1620px;}
			}

@media (max-width: 1500px){
			 h1 {font-size:46px; font-weight:bold;}
			.bild_links {width:340px; top:130px;}
			.wrapper_slideshow {width:680px;}
			.mitte_bild_hidden {width:680px;}
				
			.block_rechts {top:50px; padding:0px 10px 10px 50px; color:white; right:0; background-color:#000; text-align:left;}
			.block_rechts p {font-size:19px; color:white;}
			.block_rechts h2 {padding:15px; font-size:19px;}
				
			.container {max-width:1620px;}
	
	.panel-title>a, .panel-title>a:active{font-size:38px;}
			}
@media (min-width: 1300px){	.wrapper_text_mobil {display:none;}}
@media (max-width: 1300px){
	.wrapper_slideshow {width:95%; position:relative; margin-bottom:90px;}
	.mitte_bild_hidden  {display:none !important}
	.bild_links {display:none}
	.block_rechts {display:none}
	
	.main_logo {width:300px;}
	
	.wrapper_text_mobil {display:block; background-color:#000; color:white;}
	.wrapper_text_mobil h2 {background-color:#e6007e; color:white; padding:15px; display:inline-block}
	.wrapper_text_mobil p {font-size:20px;}
	
	.title_top {position:relative; left:10px;}
			}

		
@media (max-width:1100px){
					.title_top {position:relative; left:10px;}
}
			@media (max-width: 1024px){
					 h1 {font-size:34px; font-weight:bold;}
				.container_trenner {margin-top:0 !important; padding-top:0 !important;}
			.mitte_bild {width:100%; position:relative;}
			.mitte_bild_hidden  {display:none !important}
				
			.wrapper_text_mobil h2 {font-size:22px;}
			.wrapper_text_mobil p {font-size:17px;}
				
				
				
				footer p{font-size:20px;}
				
				.main_logo {width:240px;}
				
				.panel-body p { text-align: left; font-size:18px; line-height:24px;}
				.panel-title>a, .panel-title>a:active {font-size:32px;}
			}
		
@media (min-width: 768px){
	.top_blue_graphic {display:none}
	.mobile_die_es_koennen {display:none}
		}
		@media (max-width: 768px){
  .subpunkt {
  padding:15px 10px; text-align: center; margin:6px 0px
  }
			
			.title_top {display:none}
			.top_blue_graphic {display:block}
			.mobile_die_es_koennen {display:block}
		.footergrafik {width:95%;}
				
		.list-productinfos li {font-size:23px;}
		.list-productinfos li p {font-size:18px;}
		.description h1 {font-size:28px;}
			
	    .panel-title>a, .panel-title>a:active, .panel-title h4 {font-size:24px !important;}
}
	
		
@media (min-width: 500px) {

  #button {
    margin: 30px;
  }
}