body

{

margin: auto;

color: #000;

font-family: 'Segoe UI', Helvetica, Verdana, sans-serif;

font-size: 16px;

background: #f5f5f5 !important;

line-height: 1.5em;

overflow-x: hidden;



}



.box{

  box-model: border-box;

  border: 3px solid transparent;

  background-clip:padding-box;

}





a,  a:link, a:hover,  a:visited, a:active { color: #000; text-decoration: none; }





*, *:before, *:after {

    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */

    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */

    box-sizing: border-box; /* Opera/IE 8+ */

}





/* ----------------------------------------------------------------------------- *

 *                                Hauptselectoren                                            *

 * ----------------------------------------------------------------------------- */





label{margin-left: 10px !important;}



h1

{

	font-size:24px; 

	margin-top: 75px;

    color: #000;

    margin-bottom: 30px;

   font-weight: bold;

}





h2

{

font-size:20px; 

    color: #000;

}









.line { border-top: 1px solid #ccc; }





li.list{

    list-style-image: url(/upload/CMS/twys/templateimages/Logo_und_Icons/li_list.svg); line-height: 2.5em; font-weight: bold; font-size: 18px; padding-left: 10px;

    margin: 10px 0;

}







 li.category{

    list-style-image: url(/upload/CMS/twys/templateimages/Logo_und_Icons/icon_li.png); line-height: 1.75em;

}





 li.x-category{

    list-style-image: url(/upload/CMS/twys/templateimages/Logo_und_Icons/icon_lix.png); line-height: 1.75em; color: #999;

}



 li.kreis{

    list-style-image: url(/upload/CMS/twys/templateimages/Logo_und_Icons/li_kreis.png); line-height: 1.75em;

}





 li.circle{

    list-style-image: url(/upload/CMS/solutions.twoeyes.de/templateimages/li_kreis.png);

    color: #666;

    padding-bottom: 1em;

    width: 80%;

    padding-top:0em;

    margin-top: 1em;



}







input[type='checkbox']{

  width: 16px !important;

  height: 16px !important;

  margin: 0px;

  box-shadow: none;

  font-size: 2em;

}





#page-wrapper

{



margin: 0 auto;



}





.header {

	  margin: 0 auto;

      padding: 1.25em 0em 1.25em 0em;

      height: 90px; 

      width: 100%;

      background: #000;

      color: #fff;

      text-decoration: uppercase;

      font-size: 14px;

	  position: fixed;

	 z-index: 1;

	border: 0px solid #f5f5f5;

	}



.ueb{color: black !important;}



.logo

{

width:53px;

height:52px;

}









.headline

{

width: 100%;

/*padding-left: 2em;*/

padding-right: 2em;

margin: 0 auto;

line-height: 1.25em;

font-size: 1.25em;

height: 90px;

background-color: #000;

position: fixed;

z-index: 1;



}



.main {

        font-family: 'Open Sans', sans-serif;

        font-weight: normal;

        margin: 0px auto;

        overflow: hidden;

        margin-top: 50px;

        margin-bottom: 50px;





}



.main_text {padding: 5px;}

.main_text a, .main_text a:link,.main_text a:hover, .main_text a:visited,.main_text a:active { color: #229bd7 !important; text-decoration: none; }







.main-frame { padding: 15px;

}



.gray {

        margin: 0px auto;

        padding: 15px;

        overflow: hidden;

        background: #f4f4f4;

        margin-top: 50px;

		margin-bottom: 50px;



}

.maingray {

        margin: 0px auto;

        padding: 15px;

        overflow: hidden;

        background: #f4f4f4;

        font-family: 'Open Sans', sans-serif;

        font-weight: normal;

}









.footer-container {width: 100%; z-index: 999; background-color: #000; color: white; padding: 50px;}

.footer {padding:50px;}

.footer .a, .footer a:link, .footer a:hover, .footer a:visited, .footer a:active {color: #fff; cursor: pointer; } /*white*/



.footer-nav{margin-left: 30px; text-transform: uppercase; display: inline; font-size: 14px;}

.footer-social{margin-right: 10px; text-transform: uppercase; display: inline; font-size: 14px;}

.footer-nav-social{display: none;}









/* ----------------------------------------------------------------------------- *

 *                                Inhalt                                                           *

 * ----------------------------------------------------------------------------- */



.rightline {border-right: 1px solid #333; height: 100%;}



.termin-ticker--container {width: 100%; color: black; padding: 10px;}

.termin-ticker {padding:10px;}

.termin-ticker--h2 {text-transform: uppercase; font-size: 14px; padding-right: 50px;}

.termin-ticker--date {color: red; padding-right: 25px; font-size: 14px; }

.termin-ticker--text {color: black; font-size: 14px; }



.news-ticker--container {width: 100%; z-index: 998; bottom: 0; background-color: #ccc; color: black; font-familiy: 'Segoe UI', Helvetica, Verdana, sans-serif }

.news-ticker--logo { background: #ccc; margin: 15px; text-align: center !important; }

.news-ticker {padding:15px;}

.news-ticker--h2 {text-transform: uppercase; font-size: 14px; padding-right: 50px; color: #b60606;}

.news-ticker--text {color: black; font-size: 14px; }



.distance--top {margin-top: 50px;}

.tabelle--100 {padding: 20px; border: 1px solid #999;}



 .card {

    padding: 25px;

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

	background-clip: border-box;

	border: 1px solid

    rgba(0,0,0,.125);

    border-radius: .25rem;

    word-wrap: break-word;

    color: black;

}



  .mb-4, .my-4 {

    margin-bottom: 1.5rem !important;

}

  

  .shadow-sm {

    box-shadow: 0 .125rem .25rem 

    rgba(0,0,0,.075) !important;

}

  

.social--container {margin-top: 15px;}

.social--container-mobil {display:none;}

.social {margin-right: 15px;}









.back-to-top {

 position: fixed;

 bottom:60px;

 right:20px;

 padding: 0px 4px 0px 4px;

 background-color: black;

border: 1px solid white;

 width: 30px;

  height: 30px;

  border-radius: 50px;

box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);

z-index:10000;

}





.content

{

width: 100%;

margin: auto;

overflow: hidden;

background-color: white;

margin-top: 90px !important;

padding-bottom: 2em;

}



.content a, .content a:link, .content a:hover, .content a:visited, .content a:active {text-decoration: underline; color: #666;}







    .show-grid-row

    { border: 1px solid #999; border-radius: 2px; background: #f7f7f9; padding: 5px; }



    .show-grid

    {

      border-top: 1px solid #ccc;

	  border-left: 1px solid #ccc;

      border-right: 1px solid #ccc;

      background: #ccc;

      padding: 5px;



	}



    .show-grid-bottom

    { border: 1px solid #ccc; background: #f7f7f9; padding: 5px; margin-bottom: 40px;}











.btn-fck {background-color: #fff; font-size: 14px; color: #000 !important; transition: all 0.25s linear 0s; border: 1px solid black; padding: 7px 11px; text-decoration: none;  margin: 0.5em 0.5em 0.5em 0; line-height: 3em;}

.btn-fck a, .btn-fck a:link, .btn-fck a:visited, .btn-fck a:active {background-color: #000;  padding: 4px; color: white !important; text-decoration: none; }

.btn-fck a:hover, .btn-fck a:focus {background-color: #000; padding: 5px; color: white !important; text-decoration: none; }

.btn-fck:hover {background-color: #1d71b8; padding: 7px 11px; color: white; text-decoration: none; text-decoration: none; }





.btn-fck2 {background-color: #000; border: 1px solid white; font-size: 14px; color: #fff !important; transition: all 0.25s linear 0s; padding: 7px 11px; text-decoration: none;  margin: 0.5em 0.5em 0.5em 0; line-height: 3em;}

.btn-fck2 a, .btn-fck2 a:link, .btn-fck2 a:visited, .btn-fck2 a:active {background-color: #000;  padding: 4px; color: white !important; text-decoration: none; }

.btn-fck2 a:hover, .btn-fck2 a:focus {background-color: #000; padding: 5px; color: white !important; text-decoration: none; }

.btn-fck2:hover {background: #000; padding: 7px 11px; color: white; text-decoration: none; text-decoration: none; }



.support-menu { text-align: left; margin-top: 5px; }





.RadDataPager_Bootstrap {



border: 0px solid !important;

}







/* ----------------------------------------------------------------------------- *

 *                               Teams							                                   *

 * ----------------------------------------------------------------------------- */















.hovereffect {

margin-bottom: 10px;

overflow:hidden;

position:relative;

text-align:center;

cursor:pointer;

padding: 5px;

margin: 5px;

border: 0px solid #999;

}



.hovereffect .overlay {

height: 100%;

width: 100%;

position:absolute;

overflow:hidden;

top: 0px;

left:0px;

opacity:0;

background-color:rgba(2,62,132,0);

-webkit-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

cursor:pointer;

}



.hovereffect img {

position:relative;

-webkit-transition:all .4s linear;

transition:all .4s linear;

width:100%;

height:100%;

cursor:pointer;

}



.hovereffect a.info {

text-decoration:none;

display:inline-block;

text-transform:uppercase;

color:#fff;

border:1px solid #fff;

background-color:transparent;

opacity:0;

filter:alpha(opacity=0);

-webkit-transition:all .2s ease-in-out;

transition:all .2s ease-in-out;

margin:50px 0 0;

padding:7px 14px;

cursor:pointer;

}



.hovereffect a.info:hover {

box-shadow:0 0 5px #fff;

cursor:pointer;

}



.hovereffect:hover img {

-ms-transform:scale(1.2);

-webkit-transform:scale(1.2);

transform:scale(1.2);

cursor:pointer;

}



.hovereffect:hover .overlay {

opacity:1;

filter:alpha(opacity=100);

cursor:pointer;

}



.hovereffect:hover h2,.hovereffect:hover a.info {

opacity:1;

filter:alpha(opacity=100);

-ms-transform:translatey(0);

-webkit-transform:translatey(0);

transform:translatey(0);

cursor:pointer;

}



.hovereffect:hover a.info {

-webkit-transition-delay:.2s;

transition-delay:.2s;

cursor:pointer;

}



.overlay_text

{

color: white !important;

bottom: -10px;

position: absolute;

text-align: center;

background: #000;

padding: 10px;

width: 100%;

cursor:pointer;

}





   .card {
      box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
      
      }











/* ----------------------------------------------------------------------------- *

 *                                Media Queries                                  *

 * ----------------------------------------------------------------------------- */



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



 .navigation {

	  margin: 0 auto;



         }



 .navigation-mobile{display:none;}

}



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



 .navigation {

	  margin: 0 auto;



         }



 .navigation-mobile{display:none;}



  .lg-twys{margin-top: 10px !important;}



        .teaser {



	  margin: 0 auto; margin-bottom: 4em;



         }



         .main {

          width: 1170px;

	  margin: 0 auto; margin-top: 50px;

              margin-bottom: 50px;



         }



   

    .titles-view {



        width: 25%;

        margin: 0 260px 0 auto;

    }

    



    .titles-view {



        width: 25%;

        margin: 0 460px 0 auto;

    }

}









/* ----------------------------------------------------------------------------- *

 *                                1024px                                  *

 * ----------------------------------------------------------------------------- */







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

    

.social--container {display: none;}

.social--container-mobil {margin-top: 15px; display: inline;}

.navigation {display:none;}







}





/* ----------------------------------------------------------------------------- *

 *                                748px                                  *

 * ----------------------------------------------------------------------------- */

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



.social--container {display: none;}

.social--container-mobil {margin-top: 15px; display: inline;}



 .navbar-default{width: 100% !important;}



.navigation {display:none;}







.footer {float:none;}

.footer-nav{margin-left: 10px; text-transform: uppercase; display: inline; font-size: 10px;}

.footer-nav-social {font-size: 10px;display: inline; margin-left: 10px;}

.footer-social{display: none;}



}



.carousel-inner {height: auto !important;}



}





/* ----------------------------------------------------------------------------- *

 *                                640px                                  *

 * ----------------------------------------------------------------------------- */





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



.social--container {display: none;}

.social--container-mobil {margin-top: 15px; display: inline;}





.navbar-nav {  width: 100%;  text-align: center; background-color: #000 !important; color: white}

.thumbnail { margin-left: 1em; margin-right: 1em;  border: 0px;}

.navbar-default .navbar-collapse .navbar-default .navbar-form {background-color: #000; color: white;}

.navbar-default { background-color: #000;  border-color: #000;  text-align: left; padding-left: 5px; padding-right: 5px;  color: white;}

.navbar-default .navbar-nav >li:nth-last-child(1) { border-right: 0px solid white; color: white;} 

.navbar-default .navbar-nav > li > a { background-color: #000; padding: 0px; color: white}





        .table-responsive {

            border: 0px;

        }







        .navbar-default {

            background-color: #000;

        }







        .navbar-default .navbar-collapse .navbar-default .navbar-form {

            background-color: #000;  color: white;

        }







        .navbar-default .navbar-nav > li:nth-last-child(1) {

            border-right: 0px solid white;

       

    }





        .navbar-default .navbar-nav > li > a {

            background-color: #000; color: white;

     

    }



       

 



        .navbar-toggle {

            background-color: #000;

        }



        .navbar-toggle {

            background-color: #000;

        }







        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {

            background-color: none; padding-bottom: 10px;

        }







        .navbar-default .navbar-toggle {

            border-color: #000;

        }











        .navbar-default .navbar-toggle .icon-bar {

            background-color: black;  color: white;

        }







.navigation {display:none;}

    }









/* ----------------------------------------------------------------------------- *

 *                                480px                                  *

 * ----------------------------------------------------------------------------- */







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



.social--container {display: none;}

.social--container-mobil {margin-top: 15px; display: inline;}

.navigation {display:none;}







    .main-frame { padding: 0px;}



  







}











/* ----------------------------------------------------------------------------- *

 *                                376px                                  *

 * ----------------------------------------------------------------------------- */





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









    .navbar-header {

        margin-left: 0px;

        margin-right: 0px;

        padding: 0;

    }







.social--container {display: none;}

.social--container-mobil {margin-top: 15px; display: inline;}





 .main {



			padding: 10px;

		  margin: 0 auto; 

              margin-bottom: 50px;

         }







.navigation {display:none;}



.navigation-mobile{top:0px; background-color: #000; color: white;}





}





/* ----------------------------------------------------------------------------- *

 *                                360px                                  *

 * ----------------------------------------------------------------------------- */







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





    .navbar-header {

        width: 320px;

        margin-left: 0px;

        margin-right: 0px;

        padding: 0;

    }





.social--container {display: none;}

.social--container-mobil {margin-top: 15px; display: inline;}







    .col-md-4 {

        padding: 0px !important;

    }





 .main {

          width: 330px;

padding: 0px;

	  margin: 0 auto; 

              margin-bottom: 50px;

         }









.navigation {display:none;}

}



/* ----------------------------------------------------------------------------- *

 *                                320px                                  *

 * ----------------------------------------------------------------------------- */







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







    .navbar-header {

        width: 290px;

        margin-left: 0px;

        margin-right: 0px;

        padding: 0;

    }



.social--container {display: none;}

.social--container-mobil {margin-top: 15px; display: inline;}





    col-md-4 {

        padding: 0px !important;

    }







    .main {

        width: 300px;

        padding: 0px;

        margin: 0 auto;

        margin-bottom: 50px;

    }



    .open > .dropdown-menu {

        display: block;

        margin-left: -35px !important;

    }



.navigation {display:none;}

}































/* Bootstrap Anpassungen */





.table > tbody > tr > td {border: 0;}















.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {

    color: #fff !important;

    background-color: #000;

}



.navbar-default .navbar-nav>li>a {

    color: #fff !important;

}







/*



.col-md-4:nth-of-type(2n+3) {

padding-right: 0; 

}  Ende der Box wird kein Rand angezeigt */







   







.navbar-nav { background-color: #000; color: white;

}



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



    .navbar-nav > li > a {

        line-height: 48px !important;

    }

}

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



        .navbar-nav > li > a {

            line-height: 48px !important;

        }

.support-menu { text-align: right; margin-top: 5px !important; height: 47px !important;}

    }



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



        .navbar-nav > li > a {

            line-height: 48px !important;

        }

    }

/*CK black*/

.dropdown-menu {background-color: #fff; color: red; line-height: 2em; }

.dropdown-menu > li > a { display: block; padding: 10px 20px;}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {color: white; text-decoration: none; background-color: #000; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; background-color: #000; outline: 0px none; }





.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #ffff; background-color: #000; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; background-color: #000;  border-color: #000; height: 42px;}

.navbar-default .navbar-nav > li > a { color: #fff;  }

.navbar-default .navbar-nav > li > a:hover { background-color: #000; color: #fff;  transition: all 0.25s linear 0s;}



.navbar-default {background-color: #000; color: white; text-transform: none;  border-color: #000; border: 0px solid; text-align: center; height: 42px; width: 100%;  color: white;}



.navbar-default .navbar-nav >li:nth-last-child(1) { border-right: 0px solid white;}

.col-sm-6 { padding-left: 0px; }







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

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

    color: #fff;

    background-color: #000;

    border-color: #000;

    height: 50px;

}

}







.navbar-nav > li > a {

    padding-top: 10px;

    padding-bottom: 15px;

}





.active {text-decoration: none;}



.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    border-color: none !important;

}



.navbar-default .navbar-nav .open .dropdown-menu > li > a {

    color: #333;

}





.dropdown-menu {

    padding: 15px;

}











.thumbnail-main {

       border:0px solid #fff !important;

        text-align: center;

        background-color: none;

        background: none;

    }









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

    .navbar-default {

        background-color: #000;

        color: white;

        text-transform: uppercase;

        border-color: #000;

        border: 0px solid;

        height: 35px;

       color: white;

    }







}





.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    border-color: none !important transparent;

    

    border-top-width: 0px;



}



@media only screen and (max-width: 980px) { .login-nav {display:none; }}

@media only screen and (max-width: 800px) { .login-nav {display:none; }}



@media only screen and (max-width: 400px) { .login-nav {display:none; }}





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

    .login-menue{text-align: left; padding-top: 20px; padding-top: 20px;}

}



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

    .login-menue{display: none;}

}







@media only screen and (min-width: 768px) {.navbar-nav > li > a {padding-top: 15px !important; padding-bottom: 15px;}}



@media only screen and (min-width: 1230px) { .navbar-nav { float: none; margin: 0 auto; text-align: center; }}



@media only screen and (min-width: 768px) { .navbar-nav { float: none; width: 100%;  text-align: center; padding-top: 0px; height: 42px; padding-bottom: 0px;}}



@media only screen and (min-width: 400px) { .navbar-nav { margin: 0; width: 100%; text-align: center; }}





@media only screen and (min-width: 1024px) { .navbar-nav > li  {   float: none; display: inline-block; }



    .dropdown-menu .mega-dropdown{

  left: 30% !important;

      

    }

}

@media only screen and (max-width: 1024px) { .navbar-nav > li  {   float: none; display: inline-block; }



    .dropdown-menu {

  left: 0px !important;

      

    }





}



@media only screen and (max-width: 400px) { .thumbnail { margin-left: 1em; margin-right: 1em; border: 0px;}}



@media only screen and (min-width: 1230px) { .thumbnail { padding: 15px; border: 0px; }}





@media only screen and (min-width: 400px) { .navbar-default .navbar-collapse .navbar-default .navbar-form {background-color: #000; color: white;}}



@media only screen and (max-width: 400px) { .navbar-default .navbar-nav >li:nth-last-child(1) { border-right: 0px solid white;} }



@media only screen and (min-width: 320px) { .navbar-default .navbar-nav > li > a {  }}

@media only screen and (min-width: 360px) { .navbar-default .navbar-nav > li > a { }}





@media only screen and (max-width: 400px) { .navbar-default .navbar-nav > li > a { background-color: #95c11f; }}

@media only screen and (max-width: 400px) { .col-sm-6 { display: none; }}

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

    .col-sm-4 {

        text-align: center;

    }



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

        .col-sm-8 {

            text-align: center;

        }

    }





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

        .table-responsive {

            border: 0px;

        }

    }







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

        .navbar-default .navbar-collapse, .navbar-default .navbar-form {

            background-color: #000; color: white;

        }

    }







    .navbar-toggle {

        position: relative;

        padding: 5px 10px;

        margin-top: 8px;

        margin-right: 15px;

        margin-bottom: 8px;

        background-color: transparent;

        background-image: none;

        border: 1px solid transparent;

        border-radius: 4px;

    }





    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {

        background-color: #000; color: white;

    }

}



   















    /* ----------------------------------------------------------------------------- *

 *                                Tabellen   -  Kontaktform                       *

 * ----------------------------------------------------------------------------- */





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

        table {

            width: 100%;

            text-align: left;

            font-size: 1em;

        }



        tr {

            display: block;

            overflow: auto;

            padding-bottom: 0.2em;

        }



        thead {

            display: none;

        }



        td {

            width: 100%;

            float: left;

            display: block;

            box-sizing: border-box;

            padding: 3px 10px;

        }



         



            td:before {

                font-weight: bold;

            }



            td:nth-child(1):before {

            }



            td:nth-child(2):before {

            }

    }





.nav-tabs.nav-justified>li>a {

    border-bottom: 0px solid #fff !important;

   }

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {

    border: 0px solid #fff !important;

}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {



    background-color: #ccc !important;

}



.nav-item active .nav-link {text-decoration: none !important;}





   



.form-group{line-height: 50px !important;}







input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {

    background-color: #FFF !important;

    background-image: none !important;

    color: rgb(0, 0, 0) !important;

}









.navbar {min-height: 42px; margin-bottom: 0px !important;}

.navbar-toggle {margin-top: 0px !important; min-height: 42px;}







@media only screen and (min-width: 1025px) {.navigation {height: 50px; width: 100%;}}



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



.sidenav-container{}





.sidenav {

    height: 90%;

    width: 0;

    position: fixed;

    z-index: 1;

    top: -3px;

    left: 0;

    background-color: #fff;

    overflow-x: hidden;

    transition: 0.5s;

    padding-top: 60px;

    margin-top: 52px;

    box-shadow: 1px 1px 15px #666;

}



.sidenav a {

    padding: 8px 8px 8px 16px;

    text-decoration: none;

    font-size: 25px;

    color: #000;

    display: block;

    transition: 0.3s;

}



.sidenav a:hover {

    color: #f1f1f1;

}



.sidenav .closebtn {

    position: absolute;

    top: 0;

    right: 25px;

    font-size: 36px;

    margin-left: 50px;

}

}







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

  .sidenav {padding-top: 15px;}

  .sidenav a {font-size: 18px;}

}



.mobile-toggle-pos{top: 5px; padding-top: 5px;}

.mobile-toggle{color: white; padding-left: 18px; padding-right: 13px; font-size:20px;cursor:pointer}



.comment{font-size: 20px;

    font-weight: 700;

    font-style: oblique;

    letter-spacing: 2pt;

}









.menustyle

{background: #95c11f; height: 40px; margin-top:52px; width: 100%; border-top: 1px solid black;}











#cookiebar.fixed {



text-align: center;

bottom: 0px;

right: 0px;

position: fixed;

z-index: 99999999;



}





#cookiebar

{

width: 320px;

height: 320px;

background: #95c11f;

padding: 3px 20px 20px 20px;

color: white;

border: 1px solid: #ccc;

margin-right: 20px;

font-size: 16px;

line-height: 1.25em;

}





    .flex-container {

	display: -webkit-flex;

	display: flex;

	-webkit-flex-flow: row nowrap;

	flex-flow: row nowrap;

	-webkit-justify-content: flex-end;

	justify-content:flex-end;

}



.flex-item {

	-webkit-flex: 3 0 auto;

	flex: 3 0 auto;

}







#cookiebar.fixed {



text-align: center;

bottom: 0px;

right: 0px;

position: fixed;

z-index: 99999999;



}





#cookiebar

{

border: 1px solid white;

border-radius: 5px;

width: 320px;

height: 320px;

background: black;

padding: 3px 20px 20px 20px;

color: white;

border: 1px solid: #ccc;

margin-right: 20px;

font-size: 16px;

line-height: 1.25em;

}





.cb-enable {

   }





.cb-policy {

    color: white;

}



.cb-policy:hover {



}