@charset "UTF-8";

/* Rathmann bewertet CSS */
html {
  scroll-behavior: smooth;
}

html,body {
font-family:'Open Sans';
margin:0px;
padding:0px;
background:#FFF; 
color:#333;
min-height:100%;
height:auto;
width:100%;
line-height:18px;    
}

p {
margin-bottom:15px;
}

.navbar-brand {

}

.row {
padding:0px;
margin:0px;
font-size:1.1em;
}


div.xsbrand {
text-align:left;
padding-left:20px;
padding-top:10px;
top:0px;
}


col-initial {padding:0px;margin:0px}
 
img.img-responsive {  
display:block;
max-width: 100%;
height:auto;
text-align:center;
}


 
/* START Überschriften */
h1,h2,h3,h4,h5,h6 {
font-family:'Open Sans';
font-weight:400;
color:#00aedb;
width:100%;
}



h1 {
margin-bottom:20px;
padding:0px 0px 5px 0px;
font-size:2.3em;
border-bottom:1px solid #CCC;
line-height: 2.6em;    
}


h2 {
margin:0px;
padding:5px 0px 10px 0px;
font-size:2.0em;
line-height: 2.4em;
}


h3 {
margin:0px;
padding:5px 0px 10px 0px;
font-size:1.8em;
line-height: 2.2em;
}

h4 {
margin:0px;
padding:5px 0px 10px 0px;
font-size:1.4em;
line-height: 1.6em;
}


span.brand {
margin:0px;
padding:0px;
font-size:1.1em;
font-weight:700;
color:#00aedb;
display:inline;
}

/* ENDE Überschriften */



/* START Container */
.container {
margin:auto;
padding:0px;
background-color:ffffff;
/*min-height:100%;*/
}
/* ENDE Container */




div.inhaltschmal {
position:relative;
padding:0px 20px 0px 20px;
margin-bottom:0px;
background-image:url('/templates/1/img/content_bg.jpg');
background-repeat:no-repeat;
background-size:cover;
}

.inhaltschmal .content { width:45%;font-size:16px;line-height:28px;}

/* ENDE Inhalt */



.abschlussleiste {
background-color:#999;
color:#ffffff;
margin:0px;
padding:0px;
border:none;
}



.abschlussleiste > div > a{
color:#FFF;
text-decoration:none;
}



div.mega_headline {
position:relative;
left:-20px;
padding-left:20px; 
-webkit-box-shadow: 5px -5px 10px #AAA;
box-shadow: 5px -5px 10px #AAA;
background-color:#00aedb;
color:#FFF;
font-weight:300;
margin-bottom:50px;
line-height: 75px;
}

/* Header */


/* Footer */
a.footer:link,
a.footer:visited { text-decoration:none;color:#FFF;}
a.footer:hover { color:#00aedb}
div.footer {font-size:1.15em;line-height:1.3em;padding-top:2.5em;padding-bottom:2.5em}
/* Footer */



@media (max-width: 767px) {
img.logo-bild { max-width: 269px; }
.container { padding:0px; }
.inhaltschmal {top:10px;padding:0px;}
div.mega_headline {font-size:2em;top:40px;padding:10px}
.content {max-width:700px}
}

@media (min-width: 768px) {
img.logo-bild { max-width: 269px; }
.container { width:748px; }
div.mega_headline {width:374px;height:40px;font-size:2em;}
.inhaltschmal {top:-40px;background-position:0px 40px;}
li.mm>a.mm, li.mm>a.mm-active { padding:6px 8.5px 6px 8.5px;font-size:0.8em}
li.tm,li.tm-active {padding:0px 13px 0px 13px;}
div.footer {font-size:0.9em;line-height:1.3em;}
}

@media (min-width: 960px) {
img.logo-bild { max-width: 336px; }
.container { width: 940px; }
div.mega_headline {width:470px;height:45px;font-size:2.2em;}
.inhaltschmal {top:-45px;background-position:0px 45px;}
li.mm>a.mm, li.mm>a.mm-active { padding:6px 14px 6px 14px;font-size:0.95em}
div.footer {font-size:1em;line-height:1.3em;}
}

@media (min-width: 1024px) {
img.logo-bild { max-width: 358px; }
.container { width: 1006px; }
div.mega_headline {width:503px;height:50px;font-size:2.5em;}
.inhaltschmal {top:-50px;background-position:0px 50px;}
li.mm> a.mm, li.mm > a.mm-active { padding:6px 18px 6px 19px;}
div.footer {font-size:1.15em;line-height:1.3em;}
}

@media (min-width: 1200px) {
img.logo-bild { max-width: 420px; }
.container { width:1182px; }
div.mega_headline {width:594px;height:55px;font-size:2.7em;}
.inhaltschmal {top:-55px;background-position:0px 55px;}
li.mm>a.mm, li.mm>a.mm-active { padding:6px 31px 6px 31px;}
}

@media (min-width: 1440px) {
img.logo-bild { max-width: 504px; }
.container { width: 1300px; }
div.mega_headline {width:650px;height:60px;font-size:3em;}
.inhaltschmal {top:-60px;background-position:0px 60px;}
li.mm>a.mm, li.mm>a.mm-active { padding:6px 40px 6px 39px;}
}

@media (min-width: 1680px) {
img.logo-bild { max-width: 592px; }
.container { width: 1400px; }
div.mega_headline {width:700px;height:70px;font-size:3.5em;}
.inhaltschmal {top:-70px;background-position:0px 70px;}
li.mm>a.mm, li.mm>a.mm-active { padding:6px 46px 6px 47px;}
}

@media (min-width: 1920px) {
img.logo-bild { max-width: 677px; }
.container { width: 1444px; }
div.mega_headline {width:722px;height:80px;font-size:4em;}
.inhaltschmal {top:-80px;background-position:0px 80px;}
li.mm>a.mm, li.mm>a.mm-active { padding:6px 50px 6px 50px;}
}


/* ENDE Header */


#logo {position:relative;padding:40px 0px 50px 0px;margin:0px;}

/* START Navbar-Einstellungen */


.navbar {
padding:0px;
margin:0px;
}

.navbar-nav {
padding:0px;
margin:0px;
}
    
.navbar-default {
padding:0px;
margin:0px;
top:0px;
width:100%;
background:#999;
border:none;
font-size:1.1em;
box-shadow:none;
border-bottom:3px solid #FFF;
}



.navbar-header {
position:fixed;
top:0px;
left:0px;
padding:10px;
margin:0px;
text-align:left;
width:100%;
height:auto;
z-index:10;
background-color:#FFF;
-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.275);
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.275);
}

.navbar-collapse {
margin:0px;
background-color:#999;
color:#FFF;
}

#navbar-1 {
z-index:100;
text-align:left;
}




/* Schriftfarbe MM und SM */

ul.nav,
ul.tm,
ul.dropdown-menu {
background-color:#999;
color:#FFF;
padding:0px;

}

    li > a.sm,
    li > a.sm:active,
    li > a.sm:hover,
    li > a.sm:visited {
    font-size:1.0em;
    color:#FFF;
    text-decoration:none;
    }


/* MM Schriftgröße, Padding, Farbe */
    li.mm>a.mm,
    li.mm>a.mm-active {
    background-color:#999;
    color:#FFF;
    height:36px;
    text-align:center;
    margin:0px;
    }

/* MM hover und active */

    li.mm {     border-right:1px solid #FFF;     }
    li.mm:first-child {     border-left:1px solid #FFF;     }

    li.mm > a.mm-active,
    li.mm > a.mm-active:visited,
    li.mm > a.mm-active:active,
    li.mm > a.mm-active:hover,
    li.mm > a.mm:hover {
      background-color:#00aedb;
      color:#FFF;
    }


/* SM hover und active */
    li > a.sm:hover,
    li > a.sm:active {
     -webkit-animation: fadeIn 250ms;
     animation: fadeIn 250ms;
    background-color:#00aedb;
      color:#FFF;
      }



li.mm > ul.dropdown-menu, 
li.mm > ul.dropdown-menu > li > ul.dropdown-menu  {
      color:#FFF;
  padding-top:1px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.275);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.275);
}





/* Dropdown-Menu Schrift- und BG-Farbe normal */
ul.dropdown-menu>li>a.sm {
border-bottom:1px solid #FFF;
}

ul.dropdown-menu>li>a.sm:hover,
ul.dropdown-menu>li>a.sm:active {
color:#FFF;
background-color:#00aedb;
border-bottom:1px solid #FFF;
}







/* Dropdown-Menu Schrift- und BG-Farbe hover / active */
li>a.sm:hover,
li>a.sm-active:hover,
li>a.sm-active {
background-color:#00aedb;
color:#FFF;
}


li>a.sm-active {
background-color:#00aedb;
}


ul.dropdown-menu > li > a{
padding-top:8px;
padding-bottom:8px;
padding-right:15px;
}

.navbar-default .navbar-toggle {
  margin-left:15px;
  background-color: #FFF;
  border:1px solid #00aedb;
  padding:5px;
}

.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    -webkit-animation: fadeIn 250ms;
     animation: fadeIn 250ms;
  background-color: #00aedb;
  border:1px solid #FFF;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #00aedb;
}

.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:active .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar {
  background-color:#FFF;
}


.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color:#00aedb;
  color:#FFF;
 /* color: #a61c5e;*/
}


/* Dropdown-Menu Hauptnavi */


/* ENDE Navbar-Einstellungen */









/* START Footer */
ul.tm {display:inline;font-size:1.1em}

li.tm,
li.tm-active {
display:inline;
list-type:none;
background-color:#999;
border-right:1px solid #FFF;
color:#FFFFFF;
margin:0px;
}


li.tm:first-child {
border-left:1px solid #fff;
margin:0px;
}


li.tm:hover,
li.tm-active, 
li.tm-active:active, 
li.tm-active:hover  {
margin:0px;
background:#00aedb;
color:#FFF;
}

li.tm > a {margin:0px;color:#FFF;text-decoration:none}

li.tm-active > a.tm-active, 
li.tm > a.tm:hover,
li.tm > a.tm:active {
text-decoration:none;
color:#FFF;
margin:0px;
}
/* ENDE Footer */




/* Farb-Hintergründe */
.c-white {background-color:#FFF}
.c-grey {background-color:#eeeeee}
.c-grau {background-color:#999999}
.c-black {background-color:#666}
.red {color:#d72b2b}
/* Farb-Hintergründe */

/* TRace-Farben */
.trace1 {background-color:#900}
.trace2 {background-color:#090}
.trace3 {background-color:#009}
/* TRace-Farben */



.black {color:#000;font-weight:500}


div.xsbrand {
text-align:left;
padding-left:20px;
padding-top:10px;
}






li {
	list-style-image:none;
  margin-bottom:0.7em;
  line-height:1.4em
	}

ul { margin-top:0.7em}

ul.dropdown-menu { margin:0px}

ul.nav>li,
ul.dropdown-menu>li  {
  margin-bottom:0px;
}



/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */

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

html,body {
background:none;
background-color:#FFF;
min-height:10px;
}

div.mega_headline {
position:relative;
left:0px;
top:60px;
padding:10px 20px; 
background-color:#00aedb;
color:#FFF;
font-weight:300;
margin:-20px auto;
margin-bottom:30px;
box-shadow:none;
}

.container {
padding:0em;
padding-bottom:0em;
min-height:10px;
}


a.footer:hover {
    text-decoration:    none;
    color: #00aedb;
}



/* Nur für Handys */

.half-size {max-width:100%}

#navbar-1 {
padding-left:0px;
background-color:#FFF
}

ul.navbar-nav { 
font-size:1.1em;
font-weight:normal;
}

ul.dropdown-menu { 
font-size:inherit;
font-weight:normal;
}

.navbar-toggle {
  margin: 0px;
  padding: 0px;
}

/* Dropdown-Menu Schrift- und BG-Farbe normal */



li.mm:first-child {     border-left:none     }

ul.nav > li.mm > a.mm,
ul.nav > li.mm > ul.dropdown-menu > li > a.sm {
background-color:#999;
color:#FFF;
text-align:left;
margin:0px;
padding:5px 0px 5px 20px;
border-bottom:none;
}

ul.nav > li.mm > ul.dropdown-menu > li > a.sm {
background-color:AAA;
}

ul.nav > li.mm > a.mm:active,
ul.nav > li.mm > a.mm:hover,
ul.nav > li.mm > a.mm-active,

ul.nav > li.mm > a.mm-active:active,
ul.nav > li.mm > a.mm-active:hover,
ul.nav > li.mm > a.mm-active:visited,

ul.nav > li.mm > ul.dropdown-menu > li > a.sm-active,
ul.nav > li.mm > ul.dropdown-menu > li > a.sm:active,
ul.nav > li.mm > ul.dropdown-menu > li > a.sm:hover {
border-bottom:none;
background-image:none;
background-color:#00aedb;
text-decoration:none;
color:#FFF;
font-size:1em;
width:100%;
margin:0px;
text-align:left
}





ul.nav > li.mm > a.mm,
ul.nav > li.mm > a.mm:active,
ul.nav > li.mm > a.mm:hover,

ul.nav > li.mm > a.mm-active,
ul.nav > li.mm > a.mm-active:active,
ul.nav > li.mm > a.mm-active:hover {
padding-left:20px;
}

ul.nav > li.mm > ul.dropdown-menu > li > a.sm,
ul.nav > li.mm > ul.dropdown-menu > li > a.sm-active,
ul.nav > li.mm > ul.dropdown-menu > li > a.sm:active,
ul.nav > li.mm > ul.dropdown-menu > li > a.sm:hover {
padding-left:20px;
}

ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li > a.ssm,
ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li > a.ssm-active,
ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li > a.ssm:active,
ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li > a.ssm:hover {
padding-left:20px;
}


/* MM hover und active */


ul.nav > li.mm-actice,
ul.nav > li.mm:hover,
ul.nav > li.mm:active,
ul.nav > li.mm > ul.dropdown-menu > li:hover,
ul.nav > li.mm > ul.dropdown-menu > li:active,
ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li:hover,
ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li:active {
background-color:#00aedb;
color:#FFF
}



/* MM Schriftgröße, Padding, Farbe */


div.inhaltschmal {
position:relative;
padding:20px;
margin-bottom:0px;
background-image:none;
font-size:1.3em
}

.inhaltschmal .content { width:100%;margin-top:20px;line-height:1.6em}



.navbar-default {
padding:0px;
margin:0px;
background:none;
border:none
}

#navbar-1 {
margin-top:60px;
}


.nav { 
font-size:1em;
line-height:1.1em;
margin-top:0px;
}


h1 {
line-height:1.8em;
font-size:1.8em;
margin-top:0px;
margin-bottom:10px;
padding:0px 0px 5px 0px;
border-bottom:100px;
}

h2 {
padding:3px 0px 5px 0px;
font-size:1.6em;
line-height:1.4em;
}


h3 {
margin-top:0px;
padding:0px 0px 5px 0px;
font-size:1.4em;
line-height:1.2em;
}


.row {
font-size:1.1em;
line-height:1.6em;
}

p {
margin-bottom:5px;
}



#navbar-0 {
left:0px;
top:0px;
}

.navbar-default {
left:0px;
top:0px;
}



div.footer {font-size:1em;line-height:1.4em;padding:20px;
-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.275);
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.275);
line-height:1.7em;
font-size:1.2em;
}

}






/* START Dies und Das */
.error, .rot {
color:#dd1b11;
}


/* ENDE Dies und Das */




ul.nav > ul.dropdown-menu > ul.dropdown-menu >li {color:#FFF}
a,a:visited {color:#00aedb; }
a:hover,a:active {color:#00aedb;}


img.logo-mobile {display:inline} 

#tm {text-align:left;padding:0px;}
div.tm {border-bottom:1px solid #fff;}