html, body { margin:0; padding:0; width:100%; height:100%; font-family:; font-size:16px; line-height:0; background-color:rgba(255,255,255,1.0); }
section.frame { margin:0 auto; min-height:98%; max-width:1200px; }
header { margin:70px 0 0 0; clear:both; }
.headersignet { width:33%; float:left; padding:1% 0 2% 0; background-color:rgba(0,50,100,1.0); }
.headerpic { width:67%; float:left; padding:1% 0 2% 0; background-color:rgba(0,50,100,1.0); }

/* Header, Navigation */
   .headersignet { width:33%; float:left; padding:1% 0 2% 0; background-color:rgba(0,50,100,1.0); }
   .headerpic { width:67%; float:left; padding:1% 0 2% 0; background-color:rgba(0,50,100,1.0); }

/* Copy */

/* Footer */
   footer { height:2%; background-color:rgba(0,210,230,1.0); }

/* Breaks */
   header, main, footer, .art { clear:both; }
   .art { clear:both; width:100%; height:20%; }
   .break { height:30px; clear:both; }
   
/* Farben, z.B. rgba(0,50,100,1.0) */

/* Bilder */
   img { width:100%; height:auto; }

/* Custom, iPhone Retina */
@media only screen and (min-width: 300px) {
   main { padding:3%; }
   main aside { width:0; height:0; float:none; visibility:hidden; }
   main section { width:100%; }

	
/* Header, Navigation */
   header { margin:0; }

   .navbar { width:100%; height:50px; background-color:rgba(255,255,255,1.0); margin-bottom:0px; border:none; }
   .navbar-header .navbar-toggle, .navbar-header .navbar-toggle:focus { background-color:rgba(0,50,100,1.0); border:none; }
   .navbar-header .navbar-toggle .icon-bar { background-color:rgba(0,210,230,1.0); border-color:rgba(0,210,230,1.0); }
   .navbar-header .navbar-toggle:hover { background-color:rgba(0,210,230,1.0); }
   .navbar-header .navbar-toggle:hover .icon-bar { background-color:rgba(0,50,100,1.0); border-color:rgba(0,50,100,1.0); }
   .navbar li { list-style:none; }

   #navbar { background-color:rgba(0,50,100,1.0); }
   ul.nav.navbar-nav li a { font-family: source-sans-pro, sans-serif; font-size:100%; color:rgba(0,210,230,1.0); text-decoration:none; background-color:rgba(0,50,100,1.0); line-height:1.7; display:block; padding:0 6%; }
   ul.nav.navbar-nav li a:hover, ul.nav.navbar-nav li.active a { font-family: source-sans-pro, sans-serif; font-size:100%; font-weight:400; color:rgba(0,50,100,1.0); text-decoration:none; background-color:rgba(125,235,255,1.0); line-height:1.7; display:block; padding:0 6%; }
   ul.nav.navbar-nav li a::before { content:"\f054"; margin:0 8px 0 0; font-family:FontAwesome; font-size:10px; font-weight:400; color:rgba(125,235,255,1.0); }
   ul.nav.navbar-nav li a:hover::before { content:"\f054"; margin:0 8px 0 0; font-family:FontAwesome; font-size:10px; font-weight:400; color:rgba(0,50,100,1.0); }
   ul.nav.navbar-nav li.active a::before { content:"\f0da"; margin:0 10px 0 0; font-family:FontAwesome; font-size:15px; font-weight:600; color:rgba(0,50,100,1.0); }
   
/* Headlines */
   h2 { font-family:lora, serif; font-size:120%; font-weight:400; line-height:1.2; background:url(../images/mcm-bullet_01.png) no-repeat left; padding:0 0 0 20px; background-size:10px; background-position:0 8px; color:rgba(0,50,100,1.0); }
   h3 { font-family:lora, serif; font-size:110%; font-weight:400; line-height:1.2; padding:0 0 0 20px; color:rgba(0,50,100,1.0); }
   
/* Copytext */
   p { font-family: source-sans-pro, sans-serif; font-size:100%; color:rgba(5,5,5,1.0); line-height:1.4; margin:0 0 1% 0; padding: 0 0 0 20px; }
   .bullet { background:url(../images/mcm-bullet_02.png) no-repeat left; padding:0 0 0 35px; background-size: 7px; background-position:20px 10px; }
   main a { color:rgba(0,130,140,1.0); text-decoration:underline; }
   main a:hover { color:rgba(0,130,140,1.0); text-decoration:none; }
  
/* Bilder */
   a.navbar-brand { margin:17px 0 -17px 10px; padding:0; width:55%; }
   figure { width:60%; float:none;}
   figcaption { width:100%; float:none; margin: 0 0 0 -20px; }

}



/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
   figure { width:40%; float:left;}
   figcaption { width:58%; float:right; }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
   nav .container { width:100%; max-width:1200px; height:50px; }
   #navbar, ul.nav.navbar-nav { width:0; height:0; visibility:hidden; }
   main { padding:2%; }
   main aside { width:30%; float:left; visibility:visible; }
   main section { width:66%; float:right; }
   .art { clear:both; width:100%; height:10px; }

/* Navigation */
   ul.nav.sidebar-nav { margin:50px 0 0 0; }
   ul.nav.sidebar-nav li { border-bottom:rgba(0,180,200,1.0) solid 1px; padding: 0 0 0 10px; }
   ul.nav.sidebar-nav li a { font-family: source-sans-pro, sans-serif; font-size:100%; color:rgba(0,35,70,1.0); text-decoration:none; line-height:1.7; display:block; padding:0 0 0 20px; }
   ul.nav.sidebar-nav li a:hover, ul.nav.sidebar-nav li.active a { font-family: source-sans-pro, sans-serif; font-size:100%; color:rgba(0,35,70,1.0); text-decoration:none; line-height:1.7; display:block; background:url(../images/mcm-bullet_03.png) no-repeat left; padding:0 0 0 20px; background-size:10px; background-position:0 9px; }
   
   /* Headlines */
   h2 { font-size:140%; font-weight:400; line-height:1.2; background:url(../images/mcm-bullet_01.png) no-repeat left; padding:0 0 0 25px; background-size:12px; background-position:0 9px; color:rgba(0,50,100,1.0); }
   h3 { font-size:125%; font-weight:400; line-height:1.2; padding:0 0 0 25px; color:rgba(0,50,100,1.0); }
   
/* Copytext */
   p { font-family: source-sans-pro, sans-serif; font-size:100%; color:rgba(5,5,5,1.0); line-height:1.4; margin:0 0 1% 0; padding: 0 0 0 25px; }
   .bullet { background:url(../images/mcm-bullet_02.png) no-repeat left; padding:0 0 0 40px; background-size: 7px; background-position:25px 10px; }
      
/* Bilder */
   a.navbar-brand { margin:0; padding:15px 0 0 10px; width:63%; }
   figure.sm { width:33%; float:left;}
   figcaption.sm { width:65%; float:right; }
}
  
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
/* Bilder */
   a.navbar-brand { margin:0; padding:13px 0 0 15px; width:83%; }
   figure.sm { width:27%; float:left;}
   figcaption.sm { width:71%; float:right; }
}

/* Large Devices, Wide Screens #1 */
@media only screen and (min-width: 1200px) {
/* Navigation */
   ul.nav.sidebar-nav li { padding: 0 0 0 35px; }
   ul.nav.sidebar-nav li a { font-family: source-sans-pro, sans-serif; font-size:110%; color:rgba(0,35,70,1.0); text-decoration:none; line-height:1.9; display:block; padding:0 0 0 20px; }
   ul.nav.sidebar-nav li a:hover, ul.nav.sidebar-nav li.active a { font-family: source-sans-pro, sans-serif; font-size:110%; color:rgba(0,35,70,1.0); text-decoration:none; line-height:1.9; display:block; background:url(../images/mcm-bullet_03.png) no-repeat left; padding:0 0 0 20px; background-size:12px; background-position:0 12px; }	

   /* Headlines */
   h2 { font-size:160%; font-weight:400; line-height:1.4; background:url(../images/mcm-bullet_01.png) no-repeat left; padding:0 0 0 25px; background-size:14px; background-position:0 12px; color:rgba(0,50,100,1.0); }
   h3 { font-size:135%; font-weight:400; line-height:1.4; padding:0 0 0 25px; color:rgba(0,50,100,1.0); }
   
/* Copytext */
   p { font-family: source-sans-pro, sans-serif; font-size:110%; color:rgba(5,5,5,1.0); line-height:1.6; margin:0 0 1% 0; padding: 0 0 0 25px; }
   .bullet { background:url(../images/mcm-bullet_02.png) no-repeat left; padding:0 0 0 40px; background-size: 9px; background-position:25px 12px; }
}

/* Large Devices, Wide Screens #2 */
@media only screen and (min-width: 1600px) {

}