a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

b,
strong {
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

ul,
ol {
  list-style: none;
}

li {
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
  overflow: hidden;
}

body {
  font: 13px / 1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
}

pre,
code {
  font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

h1 {
  font-size: 25px;
}

h2 {
  font-size: 19px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

.text-center {
text-align:center;
}

body {
  background: #e2e2e2;
  color: #333;
  text-align: center;
}

a {
  color: #93002d;
  text-decoration: none;
  font-weight:bold;
}
a:hover {
  text-decoration: underline;
}

h1 {
  padding-top: 20px;
  font-weight:normal;
  text-align:left;
  color:#93002d;
}

.example-block {
  background: #eee;
  font-size: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 10px 0;
  text-align: center;
}

.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}

.elastic-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid-container {
  padding-bottom: 20px;
}

.grid-container > hr {
  margin-left: 10px;
  margin-right: 10px;
}

div[class*="push-"] section {
  background: #dec;
}

div[class*="pull-"] section {
  background: #fcd;
}

.dynamic-px-width {
  display: block;
}

/* Custom Classes Start */

.langWrapper {
background:#fff;
margin-bottom:0;
width:100%;
height:30px;
}

.langWrapper .grid-container {
padding-bottom:0;
}

.lang {
margin-top:10px;
margin-bottom:0;
float:right;
}

.lang a {
color:#000;
}

.en {
margin-right:10px;
}

.de {
margin-left:10px;
}



#sdnav2, #menu2 {
display:none;
}

.slicknav_menu UL {
width:100%;
position:relative;
z-index:100;
top:auto;
}

.wrapperTop {
width:100%;
background:#fff;
padding-top:2px;
margin:0;
height:80px;
}

.wrapperTop .grid-container.top {
margin-top:0;
}

.logoLink {
float:left;
height:43px;
display:block;
z-index:100;
position:relative;
}

.top IMG {
float:left;
}

.search.displayMobile {
display:none;
}

.searchbar.displayMobile {
display:none;	
}

.search.displayMobile.searchbox {
display:none;
}

.grid-container.headerSearchWrapper {
position:relative;
}

.grid-10.headerSearch {
float:right;
position:absolute;
right:10px;
top:-70px;
margin-bottom:0;
display:block;
}

.searchbar.displayDesktop {
display:block;
position:relative;
z-index:111;
float:right;
padding-top:2px;
vertical-align:top;
cursor: pointer;
}



#circle {
display: inline-block;
 position: relative;
 width: 100%;
 padding: 0 0 67% 0; /* depends on svg ratio, for my zebra height/width = 1.2 so padding-bottom = 50% * 1.2 = 60% */
 vertical-align: top; /* top | middle | bottom ... do what you want */
 background: #e2e2e2;
}

/* #circle svg { 
display: inline-block;
position: absolute; 
top: 0; 
left: 0; 
} */

#circle .circle-svg  {
display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* only required for <img /> */
  height:100%;
  background: #e2e2e2 !important;
  padding:0;
  border:0;
  margin:0;
  }
  
#circle #Table_01, .circleMobile {
display:none;
}

#c3205 {
display:none;
}

.intro {
margin-top:20px;
margin-bottom:0;
padding-bottom:0;
width:100%;
text-align:left;
}

.intro .csc-textpic-text {
padding-left:20px;
padding-right:20px;
padding-top:20px;
background:#fff;
}

.intro p {
margin-bottom:0;
}

.detail {
padding-top:10px;
padding-bottom:30px;
display:none;
}

.readmore {
background: #93002d;
color:#fff;
padding: 0.75em 0 0.75em 0;
display:block;
width:12em;
margin: 0 auto 0 auto;
text-align:center;
position:relative;
bottom:-15px;
cursor: pointer;
}

.row50 {
width:50%;
float:left;
}


/* Subpage Start */

.layout2 .mainContent .csc-frame-default, .layout3 .mainContent .csc-frame-default, .layout4 .largeBox .csc-frame-default {
margin-bottom:20px;
}

.layout2 .mainContent UL, .layout3 .mainContent UL, .layout4 .largeBox UL {
list-style-type:square;
}

.layout2 .csc-header H2, .layout3 .csc-header H2, .layout4 .csc-header H2 {
margin-top:50px;
}

.layout4 .largeBox {
text-align:left;
background:#fff;
}

.layout4 .largeBox H1 {
margin-left:20px;
}

/* Special IDs start */

#c14 H2, #c51 H2, #c72 H2, #c87 H2, #c97 H2 {
margin-top:20px;
}

#c47 H3, #c87 H3 {
margin-left:-20px;
}

/* Special IDs end */

.layout2 H2, .layout3 H2, .layout4 H2  {
background: #93002d;
font-weight:normal;
color:#fff;
padding: 0.75em 0.75em 0.75em 0.75em;
display:block;
width:70%;
margin: 0 0 20px 0;
text-align:left;
position:relative;
bottom:-20px;
}

.layout2 H3, .layout3 H3, .layout4 H3 {
background: #93002d;
font-weight:normal;
color:#fff;
padding: 0.5em 0.75em 0.5em 0.75em;
display:block;
width:30%;
margin: 0 0 20px 0;
text-align:left;
position:relative;
bottom:-20px;
}

.layout2 .row50 H3 {
background: #93002d;
font-weight:normal;
color:#fff;
padding: 0.5em 0.75em 0.5em 0.75em;
display:block;
width:50%;
margin: 0 0 20px 0;
text-align:left;
position:relative;
bottom:-20px;
}

.multicolumnWrapper {
overflow:hidden;
margin-bottom:20px;
}
 
.multicolumnWrapper .csc-frame-default {
width:100%;
margin-bottom: -99999px;
padding-bottom: 99999px;
background:#fff;
}

.multicolumnWrapper .csc-textpic-text {
background:#fff;
padding: 20px;
text-align:left;
}

.multicolumnWrapper H3 {
margin-top:-20px;
}

.mainContent .csc-textpic-text, .largeBox .csc-textpic-text {
background:#fff;
padding: 20px;
text-align:left;
}

.csc-textpic-caption {
font-size:75%;
text-align:right;
color: #999999;
}

/* Subpage End */


/* Custom Classes End */

.grid-container.top {
margin-top:15px;
padding-top:2px;
padding-bottom:0;
}


/* Mega Dropdown Menu Start */

/*** ESSENTIAL STYLES ***/
.sf-menu {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu .sf-mega {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
  display: block;
}

.sf-menu > li > a {
  display: block;
  position: relative;
}


/*** DEMO SKIN ***/
.sf-menu {
  float: left;
  width: 100%;
}

.sf-menu a {
font-weight:normal;
}

.sf-menu .sf-mega {
  box-shadow: 2px 3px 6px rgba(0,0,0,.2);
  width: 100%; /* allow long menu items to determine submenu width */
}
.sf-menu > li > a {
  border-left: 1px solid #fff;
  border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
  border-top: 1px solid rgba(255,255,255,.5);
  padding: .75em 1em;
  text-decoration: none;
  zoom: 1; /* IE7 */
  color: #585858;
}
.sf-menu > li {
  /* background: #BDD2FF; */
  -webkit-transition: background .2s;
  transition: background .2s;
}
.sf-menu > li:hover,
.sf-menu > li.sfHover {
  background: #e2e2e2;
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
  color: #93002d;
}

/*** mega menu dropdown ***/
.sf-mega {
  background-color: #c5c5c5;
  padding: 1em;
  box-sizing: border-box;
  width: 100%;
}
.sf-mega-section {
  float: left;
  width: 8em; /* optional */
  padding: 0 1em 1em 0;
  margin-right: 1em;
 /* border-right: 1px solid #93002d; */
}


/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white; /* IE8 fallback colour */
}


/* Custom Fix Start */

.grid-100.mainNav {
position:relative;
top:-37px;
width:100%;
z-index:10;
}

.grid-100.mainNav UL.sf-menu LI.topMenu_NOLv1, .grid-100.mainNav UL.sf-menu LI.topMenu_CURLv1, .grid-100.mainNav UL.sf-menu LI.topMenu_ACTLv1 { 
float:right;
font-size:15px;
}

.grid-100.mainNav UL.sf-menu LI.topMenu_NOLv1.lastItem, .grid-100.mainNav UL.sf-menu LI.topMenu_CURLv1.lastItem, .grid-100.mainNav UL.sf-menu LI.topMenu_ACTLv1.lastItem { 
margin-right:40px;
}

.grid-100.mainNav UL#menu LI .sf-mega {
width:100%;
border-bottom:4px solid #93002d;
}

.grid-100.mainNav UL#menu LI {
margin-left:0;
}


/* .sf-menu li ul {
  display: block !important;
  visibility: visible !important;
  opacity:.999;
} */


.sf-mega-section.one {
width:60%;
float:left;
min-height:100px;
}

.sf-mega-section.one ul {
border-right: 1px solid #93002d;
float:left;
height:auto;
font-size:13px;
}

.sf-mega-section.one ul li.red {
width:48%;
float:left;
display:block;
margin-right:2%;
padding-top:5px;
padding-bottom:5px;
}

.mega-section-ul {
list-style-type:none;
}

.mega-section-ul li {
text-align:left;
}

.mega-section-ul li.spacer {
color: #93002d;
font-weight:bold;
font-size:15px;
}

.mega-section-ul li a {
color: #585858;
}

.mega-section-ul li a:hover {
color: #93002d;
}

.sf-mega-section.two {
width:30%;
float:left;
}

.sf-mega-section.two UL {
font-size:13px;
}

.sf-mega-section.two ul li.red {
width:100%;
float:left;
display:block;
margin-right:2%;
padding-top:5px;
padding-bottom:5px;
}

.sf-mega-section.two ul li.spacer {
color: #93002d;
font-weight:bold;
font-size:15px;
}


/* Middle Style Start */

.level2UL {
  position: absolute;
  display: none;
  top: 100%;
  z-index: 99;
  background-color: #c5c5c5;
  width:18em;
  list-style-type:none;
  text-align:left;  
  margin-left:1px;
  box-shadow: 2px 3px 6px rgba(0,0,0,.2);
}

.level2UL li {
display:block;
font-size:13px;
padding-top:5px;
padding-bottom:5px;
}


.level2UL li a {
color: #585858;
text-decoration: none;
zoom: 1; /* IE7 */
display:block;
padding-left:1em;
}

.level2UL li a:hover {
color: #93002d;
}

/* Middle Style End */


/* Mega Dropdown Menu End */


/* Slicknav Start */

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
   /* text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #fff;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #000;
    font-weight: bold;
    /* text-shadow: 0 1px 3px #000; */
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #000;
}

.slicknav_menu {
    padding:5px;
    margin-top:-40px;
}
.slicknav_nav {
    color:#000;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    background:#c5c5c5;
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#000;
    font-weight:normal;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}


@media only screen and (max-width:959px) {

.slicknav_btn {
    margin: 11px 60px 6px 6px;
    text-decoration:none;
   /* text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #fff;
}

.slicknav_menu  .slicknav_menutxt {
    color: #000;
    font-weight: bold;
}

.slicknav_menu .slicknav_icon-bar {
  background-color: #000;
}

.slicknav_nav ul {
    padding:0;
    margin:0 0 0 0;
    width:100%;
    display:block;
}

.row50 {
width:100%;
float:left;
}



}


@media only screen and (max-width:767px) {

.slicknav_btn {
    margin: 3px 60px 6px 6px;
   }

}


/* Slicknav End */ 


/* Indexed Search Styles Start */

.search {
float:right;
margin: 0 10px 5px 0;
clear:both;
display:block;
width:100%;
}


#indexedsearchbox { 
width:100%; 
height:33px; 
border:1px solid #919191;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:right;
}

#indexedsearch .searchbox-sword { 
float:left; 
margin:7px 8px 5px 5px; 
color:#7e7e7e; 
width:80%; 
height:20px; 
line-height:20px; 
padding:0 5px 0 0; 
border:0; 
background:transparent;
}

* + html #indexedsearch .searchbox-sword {
margin: 6px 0 0 8px;
}

#indexedsearch .searchbox-button { 
float:right; 
margin:5px 7px 0 9px; 
}

#indexedsearchbox input[type="text"] {
border: none;
outline: none;
-moz-border-radius: none;
-webkit-border-radius: none;
border-radius: none;
color: #777;
width: 80%;
max-width: 100%;
display: block;
background: transparent;
}

#indexedsearchbox input[type="text"]:focus {
border: none;
color: #777;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow:  none; 
}

/* Indexed Search Styles End */



/* CSS Styled Content Responsive Start */

/* flexible Medien*/
img, embed, object, video {
 max-width: 100%;
 height: auto;
 width: auto;
}

img {
    height: auto;
    width: auto;
    max-width: 100%;
}

DIV.csc-textpic .csc-textpic-imagewrap FIGURE {
    max-width: 100%;
    overflow: hidden;
    display: block;
}

DIV.csc-textpic-below .csc-textpic-imagewrap {
background:#fff;
}

DIV.csc-textpic-below {
background:#fff;
width:100%;
}

DIV.csc-textpic-below .csc-textpic-imagewrap {
width:90%;
}


DIV.csc-textpic-center .csc-textpic-imagewrap,
DIV.csc-textpic-center FIGURE.csc-textpic-imagewrap {
    width: 100%;
    display: block;   
}

DIV.csc-textpic-center .csc-textpic-center-outer {
    max-width: 100%; /* max. Groesse des Bildes */
}

DIV.csc-textpic-center .csc-textpic-center-inner {
    width: 100%;
}

figcaption.csc-textpic-caption { display: table-caption; width:100%; }
.csc-textpic-caption { text-align: left; caption-side: bottom; padding-left:10px; padding-right:10px; }

.csc-textpic-intext-left .csc-textpic-imagewrap {
margin-top:20px;
margin-bottom:20px;
margin-left:20px;
}

.csc-textpic-intext-right .csc-textpic-imagewrap {
margin-bottom:20px;
width:33.3333%;
float:left;
display:block;
}

.csc-textpic-intext-right .csc-textpic-text {
width:66.66666%;
display:block;
padding-left:30px;
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;    
box-sizing: border-box;        
}

.csc-textpic-intext-right .csc-textpic-caption { 
text-align: left; 
caption-side: bottom; 
padding-left:0; 
padding-right:0; 
display:block;
}

.csc-textpic-intext-right .csc-textpic-imagewrap FIGURE {
position:relative;
top:20px;
right:10px;
margin-left:20px;
padding-left:20px;
}

.csc-textpic-intext-right, .csc-textpic-intext-left {
background:#fff;
}

.csc-textpic-left.csc-textpic-below .csc-textpic-imagewrap {
margin-left:20px;
}


.csc-textpic-imagewrap, .csc-textpic-single-image, .csc-textpic-image {
position: relative;
display: block;
}

.csc-textpic-imagewrap, .csc-textpic-single-image, .csc-textpic-image FIGCAPTION {
padding-left:0;
}


.csc-textpic-image a.lightbox:before {
position: absolute;
right: 0;
top:0;
content: url('../images/clickEnlarge.png');
}

.csc-textpic-center.csc-textpic-above .csc-textpic-caption, .csc-textpic-center.csc-textpic-below .csc-textpic-caption  {
width:auto;
display:block;
clear:both;
}

.csc-textpic-below figcaption.csc-textpic-caption {
display:block;
}

/* CSS Styled Content Responsvive End */


/* Stafflist Start */

.tx-browser-pi1 {
text-align:left;
}

.feuserName, .headerName {
width:50%;
float:left;
}

.headerName, .headerEmail, .headerPhone {
font-weight:bold;
}

.emailAdress, .phoneNumber, .headerEmail, .headerPhone {
width:20%;
float:left;
}

/* Stafflist End */


/* Footer Start */

.footer {
width:100%;
margin-top:30px;
background: #fff;
text-align:left;
padding-bottom:30px;
margin-bottom:0;
}

.footer .grid-container {
padding-bottom:0;
}


.footer H1 {
color: #585858;
font-weight:bold;
font-size:100%;
}

.footerMenu, .resourcesMenu {
list-style-type:none;

}

.footerMenuItem {
float:left;
display:block;
width:40%;
margin-left:0;
}

.resourcesMenuItem {
float:left;
display:block;
width:48%;
margin-left:0;
}


.footerMenuItem a, .resourcesMenuItem a {
color: #585858;
text-decoration:none;
font-weight:normal;
}

.footerMenuItem a:hover, .resourcesMenuItem a:hover {
color: #93002d;
text-decoration:underline;
}

.footer A IMG.minerva {
border:0;
margin-top:40px;
float:right:
display:block;
text-align:right;
}


/* Footer End */

.bottomLine {
padding-top:20px;
margin-top:0;
width:100%;
background: #000;
text-align:left;
}

.bottomLine .grid-container .grid-50, .bottomLine .grid-container .tablet-grid-50, .bottomLine .grid-container .mobile-grid-50 {
color:#fff;
}

.bottomLine a {
color:#fff;
text-decoration:none;
font-weight:normal;
}


@media screen and (min-width:960px) and (max-width: 1200px) {




}

@media screen and (max-width: 959px) {

#circle {
display:none;
}

.circleMobile {
display:block;
margin-bottom:20px;
float:left;
}

.circleMobile .caption {
margin-top:-20px;
margin-bottom:20px;
}

.circleMobile .caption a {
color:#000;
font-weight:normal;
}

#sdnav2 {
	display:block;
}
		
#menu, #menu2 {
	display:none;
}


#sdnav LI.topMenu_NOLv1 UL {
display:none !important;
}


#sdnav .slicknav_arrow {
display:none;
}

#sdnav level2UL {
display:none !important;
}

#sdnav .sf-mega {
display:none;
}

}


@media screen and (max-width:959px) {

.feuserName, .headerName {
width:30%;
float:left;
}

.emailAdress, .headerEmail {
width:40%;
float:left;
}

.phoneNumber, .headerPhone {
width:20%;
float:left;
}

DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
 width: 100%; /* Bildcontainer Breite */
}
DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,
DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
 margin-left: 0; /* Textblock */
}

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap IMG, 
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap IMG {
margin-left:10px;
margin-right:10px;
}

.csc-textpic-intext-right .csc-textpic-caption { 
text-align: left; 
caption-side: bottom; 
padding-left:10px; 
padding-right:0; 
display:block;
}

.csc-textpic-intext-right .csc-textpic-imagewrap {
margin-bottom:20px;
width:100%;
float:left;
display:block;
}

.csc-textpic-intext-right .csc-textpic-text {
width:100%;
display:block;
padding-left:30px;
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;    
box-sizing: border-box;        
}


}

/* Mobile */

@media screen and (max-width:767px) {

.circleMobile .aboutImage, .circleMobile .researchImage, .circleMobile .associatedGroupsImage {
  padding-left: 0;
  padding-right: 0;
  /* <IE7> */
  *padding-left: 0;
  *padding-right: 0;
  /* </IE7> */
}

.circleMobile .mobile-grid-50, .circleMobile .mobile-grid-33 {
  padding-left: -10px;
  padding-right: -10px;
  margin:0;
  height:100%;
  position:relative;
  float:left;
  /* <IE7> */
  *padding-left: 0;
  *padding-right: 0;
  /* </IE7> */
}

.circleMobile .aboutImage {
width:50% !important;
margin: 0 auto;
}

.layout2 H2  {
background: #93002d;
font-weight:normal;
color:#fff;
padding: 0.75em 0.75em 0.75em 0.75em;
display:block;
width:auto;
margin: 0 0 20px 0;
text-align:left;
position:relative;
bottom:-20px;
}

.layout2 H3  {
background: #93002d;
font-weight:normal;
color:#fff;
padding: 0.5em 0.75em 0.5em 0.75em;
display:block;
width:75%;
margin: 0 0 20px 0;
text-align:left;
position:relative;
bottom:-20px;
}

.secondBox .csc-textpic-text {
margin-top:0;
padding-top:0;
}


}




@media screen and (min-width:768px) and (max-width: 959px) {

.layout2 H2  {
background: #93002d;
font-weight:normal;
color:#fff;
padding: 0.75em 0.75em 0.75em 0.75em;
display:block;
width:auto;
margin: 0 0 20px 0;
text-align:left;
position:relative;
bottom:-20px;
}

.layout2 H3  {
background: #93002d;
font-weight:normal;
color:#fff;
padding: 0.5em 0.75em 0.5em 0.75em;
display:block;
width:50%;
margin: 0 0 20px 0;
text-align:left;
position:relative;
bottom:-20px;
}



}


@media screen and (min-width:300px) and (max-width: 767px) {

}

@media screen and (max-width:479px) {

h1 {
  padding-top: 10px;
}

.layout2 .csc-header H2, .layout3 .csc-header H2, .layout4 .csc-header H2 {
margin-top:20px;
}


#sdnav2 {
clear:both;
}

.slicknav_menu {
margin-top:0;
clear:both;
}

.logoLink {
margin-top:-20px;
}

.top IMG {
float:left;
display:block;
clear:both;
}

.grid-10.headerSearch {
float:right;
position:absolute;
right:10px;
top:-50px;
margin-bottom:0;
display:block;
}

#indexedsearch .searchbox-button { 
float:right; 
margin:-25px 7px 0 9px; 
}




.circleMobile .caption {
margin-top:-5px;
margin-bottom:20px;
}

.circleMobile .mobile-grid-33 {
height: 150px;
}

}