@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,700');

h1{
  margin-top:0px;
  font-size:165%;
  font-family: 'Ubuntu', sans-serif;
  font-style: normal;
  font-weight: 400;
  color:#666;
  }

h2{
  margin-top:0px;
  font-size:160%;
  font-family: 'Ubuntu', sans-serif;
  font-style: normal;
  font-weight: 400;
  color:#666;
 }

h3{
  margin-top:0px;
  font-size:140%;
  font-family: 'Ubuntu', sans-serif;
  font-style: normal;
  font-weight: 400;
  color:#666;
 }

h3{
  margin-top:0px;
  font-size:140%;
  font-family: 'Ubuntu', sans-serif;
  font-style: normal;
  font-weight: 400;
  color:#666;
 }



/*===Hauptnavi Smartphone bis 480px==============*/

#container .img {
  width:100%;
}
#container {
  max-width:100%;
  background-size:140%;
  background-position: left 60px !important;
}
#abstand{
  width:100%;
  padding-top:9%;
}
#fin-anrede{
  min-width:200px;
}

.control-label{
  min-width: 200px!important;
  max-width: 200px!important;
  font-weight:normal !important;
}

.moduletable h3 { 
  font-size:140%;
  font-family: 'Ubuntu', sans-serif;
  font-style: normal;
  font-weight: 300;
  color:#ffffff;
  padding:1.5%;
  padding-left:4.5%;
  text-transform:uppercase;
}
.moduletable{ 
  width:100%;
  margin-bottom:15px;
  margin-top:0px;
  vertical-align:top;
}

a.readmore:hover,p.readmore a:hover{
  color:#555;
  font-size:100%;
}

div.moduletable div.custom{
  font-family: 'Ubuntu', sans-serif;
  font-style: normal;
  font-weight: 300;
  border:none;
  margin:0px 0px 0px 15px;
  width:90%;
  font-size:105%;
}



/*==Text-Links==*/

a:link, a:visited{
  color:#555;
}
a:hover{
 color:#222;
 text-decoration:underline;
}

ul li a:link, ul li a:visited{
  color:#555;
  font-weight: 700;
  text-decoration:none;
}
ul li a:hover{
  color:#222;
  font-weight: 700;
  text-decoration:none;
}


  
/*====Blogansicht ====*/
div.blog {
  width:100%;
}

.item-separator{
 width:100%;
 margin:15px auto;
 height:1px;
 min-height:1px;
 background-color:#ccc;
  
}
.items-row{
  width:100%;
  float:left;
  clear:both;
 }
.row-separator{
 
}

.item-page{
  font-size:105% !important;
  font-family: 'Ubuntu', sans-serif !important; 
  font-weight: 300 !important;
  padding-left:2%;
  color:#000;
}

/* Menü */

.moduletable_menu{
	margin:0px;
	top:0px;
	position:fixed;
	background:#fff;
	width:100%;
	display:block;
	height:0px;	
}

.moduletable_mobile{
	margin:0px;
	top:0px;
	position:fixed;
	width:95%;
	min-width:280px;
	display:block;
	height:60px;
	background-color:#fff;
	background-image: url(/images/spektrum_logo.png);
    background-position: right 5px;
    background-repeat: no-repeat;
}

.dj-mobile-open-btn:focus, 
.dj-mobile-open-btn:hover,
.dj-mobile-open-btn,
.dj-mobile-open-btn:active{
  	padding: 3px;
    display: block;
    cursor: pointer;
    width: 38px;
    height: 53px;
    font-size: 38px !important;
    line-height: 1 !important;
    padding: 3px 1px 3px 5px;
	color: #6b6b6b !important;
    font-size: 36px;
}

ul.dj-mobile-nav, .dj-mobile-override {
    border: 1px solid white;
}
.dj-mobileitem{
	padding: 10px;
}
.dj-mobileitem li a{
	color:#000;
	text-decoration:none;
}
.itemid-101{
	padding-top:15px;
	padding-left:50px;
	margin-top:-60px;
	height:35px;
    background: rgba(240, 240, 240, 0.9);
	}
.itemid-102{
	background: rgba(248, 48, 62, 0.9);
	}
.itemid-103{
	background: rgba(255, 215, 0, 0.9);
	}
.itemid-104{
    background: rgba(107, 192, 73, 0.9);
	}
.itemid-105{
    background: rgba(0, 130, 202, 0.9);
	}
.itemid-106{
    background: rgba(117, 93, 181, 0.9);
	}
.itemid-120{
    background: rgba(255, 131, 0, 0.9);
	}
li:hover.itemid-101,
.itemid-101 .active{
    background: rgba(240, 240, 240, 1);
	}
li:hover.itemid-102,
.itemid-102 .active{
	background: rgba(248, 48, 62, 1);
	}
li:hover.itemid-103,
.itemid-103 .active{
	background: rgba(255, 215, 0, 1);
	}
li:hover.itemid-104,
.itemid-104 .active{
    background: rgba(107, 192, 73, 1);
	}
li:hover.itemid-105,
.itemid-105 .active{
    background: rgba(0, 130, 202, 1);
	}
li:hover.itemid-106,
.itemid-106 .active{
    background: rgba(117, 93, 181, 1);
	}
li:hover.itemid-120,
.itemid-120 .active{
    background: rgba(255, 131, 0, 1);
	}	
/*===*/

.moduletable-footer{
  width:100%;
}
.moduletable-copy{
  width:100%;
  color:#ffffff;
}
.moduletable-gotop{
  width:100%;
}

/*====Module 555 bis 880 px===========*/
@media only screen and (min-width: 555px) {

.moduletable h3{
  margin-top:0px;
  font-size:140%;
  font-family:'Ubuntu', sans-serif;
  font-style: normal;
  font-weight: 300;
  color:#ffffff;
  padding:1.5%;
  padding-left:4.5%;
  text-transform:uppercase;
}
.moduletable{
  width:100%;
  margin-bottom:15px;
  margin-top:0px;
  vertical-align:top;
}

.moduletable_mobile{
	
}

.moduletable-footer{
  width:20%;
  font-family:'Ubuntu', sans-serif;
  font-style: normal;
  font-weight: 300;
  color:#ffffff;
}
.moduletable-copy{
  width:50%;
  padding-top:10px;
  font-family:'Ubuntu', sans-serif;
  font-style: normal;
  font-weight: 300;
  color:#ffffff;
  float:left;  
}
.moduletable-gotop{
  width:10%;
  float:right;
  font-family:'Ubuntu', sans-serif;
  font-style: normal;
  font-weight: 300;
  color:#ffffff;
}

a.readmore:link,a.readmore:visited, p.readmore a:link, p.readmore a:visited{
  color:#555;
  font-size:90%;
  clear:both;
}
a.readmore:hover,p.readmore a:hover{
  color:#222;
  font-size:90%;
}
div.moduletable div.custom{
  font-family: 'Ubuntu', sans-serif;
  font-style: normal;
  font-weight: 300;
  border:none;
  margin:0px 0px 0px 15px;
  font-size:105%;
}

/*flexslider*/
.flexslider{
  width:80% !important;
}
#flexslider-128{
  float:left;
  clear:both;
  width:40% !important;
  margin-right:20px !important;
}

.item-separator{
 
}
.item-page{
   
}
  
.items-row{
  /*padding-bottom:10px;*/
  width:100%;
  float:left;
  clear:both;
  height:50%;
}
.row-separator{
 
}
/*flexheader*/
#flexheader{
  float:left;
  clear:right;
  width:40%;
  margin-right:20px !important;
}

/*MegaMenuMobile*/
ul.dj-mobile-light li.dj-mobileitem.itemid102:hover > a, ul.dj-mobile-light li.dj-mobileitem.itemid102.active > a {
    background: #ff0000;
}

ul.dj-mobile-light li.dj-mobileitem.itemid102 > a {
    display: block;
    font-size: 14px;
    line-height: 1;
    background: #ffffff;
    color: #444444;
    text-decoration: none;
    padding: 20px 15px;
    cursor: pointer;
    border-top: 1px solid #e4e4e4;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
 
}
/* ==========Desktoplayout: 881 bis maximal 980 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. ==================*/

@media only screen and (min-width: 881px) {

#container {
  background-size:100%;
}
#abstand{
  width:100%;
  padding-top:0;
}

#LayoutDivFoot{
  margin-bottom:0px;
}

.moduletable h3{
  margin-top:0px;
  font-size:140%;
  font-family: 'Ubuntu', sans-serif;
  font-style: normal;
  font-weight: 300;
  color:#d21635;
  padding:1.5%;
  padding-left:4.5%;
  text-transform:uppercase;
}
.moduletable{
  width:100%;
  margin-bottom:15px;
  margin-top:0px;
  vertical-align:top;
}

a.readmore:link,a.readmore:visited, p.readmore a:link, p.readmore a:visited{
  color:#555;
  font-size:90%;
}
a.readmore:hover,p.readmore a:hover{
  color:#222;
  font-size:90%;
}
div.moduletable div.custom{
  font-family: 'Ubuntu', sans-serif;
  font-style: normal;
  font-weight: 300;
  border:none;
  margin:0px 0px 0px 15px;
  width:90%;
  font-size:105;
}

.blank{
  height:60px;
  background:#eee;
  max-width:100%;
}
  

  
.items-row{
  width:100%;
  float:left;
  clear:both;
  height:50%;
}
.row-separator{
 
}

dl.article-info{
  width:50%;       
}
.blog .article-info{
  margin-top:-5px;
}
.create{
  font-size:90%;
  margin-left:-1%;
}
  
/*flexslider*/
.beratung{
  float:left;
  clear:right;
  width:40%;
  padding-right:20px;
}


.moduletable  {width:100%;font-size:1%; height:1px;border-bottom:0px;clear:both;margin-top:0px;margin-right:0;margin-left:0;}

.moduletable_menu{
	height:60px;
}

.moduletable_mobile{
	height:0px;
}
.moduletable-footer{
  width:30% !important;
}

} /*Ende @media*/

/*--Megamenu---*/

.dj-accordion-in{
	display:none;
	width:199px;
}
.dj-pos-absolute .dj-accordion-light {
	top:32px;
}
.dj-megamenu-select-light .dj-mobile-open-btn, 
.dj-megamenu-offcanvas-light .dj-mobile-open-btn, 
.dj-megamenu-accordion-light .dj-mobile-open-btn {
	width:36px;
	height:36px;
	font-size:36px;
	background:rgba(200,200,200,0.5);
}

.dj-megamenu-custom108{
	position:fixed;
	top:0px;
}

.dj-megamenu-custom108, .dj-megamenu-custom108 li a.dj-up_a {
	font-family: 'Ubuntu', sans-serif !important;
	font-style: normal!important;
	font-weight: 700;
	text-transform: none !important;
	font-size:15px;
	padding: 0 17px;
	/*background: unset;*/
}

.dj-megamenu-custom108 li.itemid101 a.dj-up_a {
    background: rgba(240, 240, 240, 0.8);
    color: rgba(80, 80, 80, 1) !important;
    border-right-color:rgba(121, 120, 24, 0);
    border-left-color: rgba(121, 120, 24, 0);
}
.dj-megamenu-custom108 li:hover.itemid101 a.dj-up_a, .dj-megamenu-custom108 li.hover.itemid101 a.dj-up_a, .dj-megamenu-custom108 li.active.itemid101 a.dj-up_a {
    background: rgba(240, 240, 240, 1);
}

.dj-megamenu-custom108 li.itemid102 a.dj-up_a {
    background: rgba(248, 48, 62, 0.8);
    color: rgba(80, 80, 80, 1) !important;
    border-right-color:rgba(121, 120, 24, 0);
    border-left-color: rgba(121, 120, 24, 0);
}
.dj-megamenu-custom108 li:hover.itemid102 a.dj-up_a, .dj-megamenu-custom108 li.hover.itemid102 a.dj-up_a, .dj-megamenu-custom108 li.active.itemid102 a.dj-up_a {
    background: rgba(248, 48, 62, 1);
}

.dj-megamenu-custom108 li.itemid120 a.dj-up_a {
    background: rgba(255, 131, 0, 0.8);
    color: rgba(80, 80, 80, 1) !important;
    border-right-color:rgba(121, 120, 24, 0);
    border-left-color: rgba(121, 120, 24, 0);

}
.dj-megamenu-custom108 li:hover.itemid120 a.dj-up_a, .dj-megamenu-custom108 li.hover.itemid120 a.dj-up_a, .dj-megamenu-custom108 li.active.itemid120 a.dj-up_a {
    background: rgba(255, 131, 0, 1);
}

.dj-megamenu-custom108 li.itemid103 a.dj-up_a {
    background: rgba(255, 215, 0, 0.8);
    color: rgba(80, 80, 80, 1) !important;
    border-right-color:rgba(121, 120, 24, 0);
    border-left-color: rgba(121, 120, 24, 0);
}
.dj-megamenu-custom108 li:hover.itemid103 a.dj-up_a, .dj-megamenu-custom108 li.hover.itemid103 a.dj-up_a, .dj-megamenu-custom108 li.active.itemid103 a.dj-up_a {
    background: rgba(255, 215, 0, 1);
}

.dj-megamenu-custom108 li.itemid104 a.dj-up_a {
    background: rgba(107, 192, 73, 0.8);
    color: rgba(80, 80, 80, 1) !important;
    border-right-color:rgba(121, 120, 24, 0);
    border-left-color: rgba(121, 120, 24, 0);
}
.dj-megamenu-custom108 li:hover.itemid104 a.dj-up_a, .dj-megamenu-custom108 li.hover.itemid104 a.dj-up_a, .dj-megamenu-custom108 li.active.itemid104 a.dj-up_a {
    background: rgba(107, 192, 73, 1);
}

.dj-megamenu-custom108 li.itemid105 a.dj-up_a {
    background: rgba(0, 130, 202, 0.8);
    color: rgba(80, 80, 80, 1) !important;
    border-right-color:rgba(121, 120, 24, 0);
    border-left-color: rgba(121, 120, 24, 0);
}
.dj-megamenu-custom108 li:hover.itemid105 a.dj-up_a, .dj-megamenu-custom108 li.hover.itemid105 a.dj-up_a, .dj-megamenu-custom108 li.active.itemid105 a.dj-up_a {
    background: rgba(0, 130, 202, 1);
}

.dj-megamenu-custom108 li.itemid106 a.dj-up_a {
    background: rgba(117, 93, 181, 0.8);
    color: rgba(80, 80, 80, 1) !important;
    border-right-color:rgba(121, 120, 24, 0);
    border-left-color: rgba(121, 120, 24, 0);
}
.dj-megamenu-custom108 li:hover.itemid106 a.dj-up_a, .dj-megamenu-custom108 li.hover.itemid106 a.dj-up_a, .dj-megamenu-custom108 li.active.itemid106 a.dj-up_a {
    background: rgba(117, 93, 181, 1);
}