body{
  background-color: #eeeeee;
  max-width: 950px;
  margin: 20px;
}

.row{
  border-style: solid;
  border-color: #cccccc;
  border-width: thin;
  background-color:#f8f8f8;
  padding: 10px;
  margin: 0px;
}

.btn {
    padding: 14px 24px;
    border: 0 none;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 29px;
    background: inherit;
    color: #555555;
    border: 1px solid #555555;
    font-size:90%
}

.btn:hover{
    background: #eeeeee;
}

.topBanner{
  margin-bottom: 30px;
}

.search-text, .login-text{
  display: none;

}

.top-btn{
     border-style:none;
     margin: 0px;
     padding:0px;
     border-radius: 5px;
}

.margin-image{
     width: 21px;
     height: 21px;
     margin-left:10px;
     margin-right: 5px;
}

.navbar{
     padding:10px;
}

.nav-item{
-webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  padding:7px;
  padding-left:10px;
  padding-right:10px;
}

.nav-item:hover{
      background-color: green;
}

.netzpolitik:hover{
     background-color: #5ba490;
}

.b2b:hover{
     background-color: #82b477;
}
.produkte:hover{
     background-color: #145ad3;
}
.digital_life:hover{
     background-color: #c53e81;
}
.science:hover{
     background-color: #d13c1e;
}
.meinung:hover{
     background-color: #ffb532;
}

.games:hover{
     background-color: #e55e05;
}

.netzpolitik-color{
     color: #5ba490;
}

.b2b-color{
     color: #82b477;
}
.produkte-color{
     color: #145ad3;
}
.digital_life-color{
     color: #c53e81;
}
.science-color{
     color: #d13c1e;
}
.meinung-color{
     color: #ffb532;
}

.games-color{
     color: #e55e05;
}



.navbar-row{
     padding:0px;
}



.search-box{
     margin-top: 20px;
     margin-bottom: 0px;
     font-weight: 600;
     padding:15px;
}

.search-textfield{
     margin-left: 10px;
}




.whole-main{
     background-color: transparent;
     border-style: none;
     padding: 0px;
     margin-top: 15px;
}








.sidebar{
     margin-top: 25px;
     margin-left: 0px;
     padding: 0px;
     width:100%;
}

.toggle-section{
     padding: 0px;
     cursor: pointer;
}

.side-section-toggle{
     text-align: center;
     margin: 0px;
     padding: 10px 0px  10px 0px;
     border-bottom-style: none;
     border-bottom-color: black;
     border-bottom-width: 3px;
     font-size: 80%;
}

.side-section-toggle:hover{
     border-bottom-style: solid;
}

.side-section-toggle-active{
     border-bottom-style: solid;
}


.side-section-article {
     border-top-style: none;
}

.article-category{
     font-size:80%;
     margin-bottom: 5px;
     margin-top: 5px;
}

.side-section-article-text{
     font-weight: 600;
     padding-bottom: 20px;
     font-size:110%;
}

.side-section-article-image{
     float: right;
}

.side-banner-row{
     padding:0px;
     margin: 15px 0px 0px 0px;
     display: none;
}

.side-section-banner{
     max-width: 100%;

     height: auto;
}







.main-section{
     border-style: none;
     background: inherit;
     color: inherit;
     padding-left:0px;
     padding-right:0px;
     background-color: inherit;


}

.main-section-row{
     margin:0px;
     padding:0px;
     border-style: none;
     background-color: #eeeeee;
}

.big-article{
     padding: 0px;
     margin-bottom: 15px;
     border-style: solid;
     border-color: #cccccc;
     border-width: thin;
     background-color: #f8f8f8;
}


.small-article{
     padding: 0px;
     margin-bottom: 15px;
     border-style: solid;
     border-color: #cccccc;
     border-width: thin;
     background-color: #f8f8f8;


}

.spacer{
     padding:0px 8px 0px 8px;
}

.no-spacer{
     padding:0px 0px 0px 0px;
}

.left-article{
     padding-left:0px;
}

.right-article{
     padding-right:0px;
}

.main-article-image-section{
     padding: 0px;
     margin-bottom: 15px;
}

.main-article-image{
     width:inherit;
}

.main-article-headline{
     font-weight: 600;
     padding-bottom: 15px;
     font-size:110%;
}


.main-article-text{
     font-weight: 350;
     padding-bottom: 20px;
}

.aktuelles-section-article {
     border-top-style: none;
}
.aktuelles-section-article-text{
     font-weight: 600;
     padding-bottom: 10px;
     font-size:110%;
}
.aktuelles-section-article-image{
     float: right;
}

.aktuellesHeaderImg{
     margin: 0px 0px 15px 0px;
     padding:0px;
     width: 100%;
     height: 5px;
}

.aktuellesHeadline{
     padding: 0px 0px 15px 0px;
}

.aktuellesHeadlineText{
     font-weight: 600;
     margin-left: 15px;
}








.footer{
     margin-top: 25px;
     text-align: center;
}

.footer-button{
     margin: 20px 0px 20px 0px;
}



.search-image{
     width:100px;
}

.footer-paragraph{
     margin: 0px;
}

.footer-text-desktop{
     display: none;
}

.footer-text-smartphone{
     display: block;
}


mark{
     padding:0px;
     margin:0px;
     background-color: #ffff44;

}

@media(min-width:768px){
  .search-text, .login-text{
    display: inherit;
  }

  .navbar{
       padding:0px;
  }

  .sidebar{
       margin-top: 0px;
       -ms-flex: 0 0 300px;
       flex: 0 0 300px;
  }

  .side-banner-row{
       display: inherit;
 }

  .footer-text-desktop{
       display: inherit;
  }

  .footer-text-smartphone{
       display: none;
  }

  .main-section{
       padding-left:20px;
       padding-right:0px;
 }

}