@font-face { font-family: Sahitya; src: url(../fonts/Sahitya/Sahitya-Regular.ttf); font-weight: normal; }

@font-face { font-family: Sahitya; src: url(../fonts/Sahitya/Sahitya-Bold.ttf); font-weight: bold; }

@font-face { font-family: Noticia; src: url(../fonts/Noticia_Text/NoticiaText-Regular.ttf); font-weight: normal; }

@font-face { font-family: Noticia; src: url(../fonts/Noticia_Text/NoticiaText-Bold.ttf); font-weight: bold; }

@font-face { font-family: Noticia; src: url(../fonts/Noticia_Text/NoticiaText-Italic.ttf); font-weight: normal; font-style: italic; }

@font-face { font-family: Noticia; src: url(../fonts/Noticia_Text/NoticiaText-BoldItalic.ttf); font-weight: bold; font-style: italic; }

@font-face { font-family: AlegreyaSans; src: url(../fonts/Alegreya_Sans/AlegreyaSans-Medium.ttf); font-weight: 500; font-style: normal; }

@font-face { font-family: AlegreyaSans; src: url(../fonts/Alegreya_Sans/AlegreyaSans-Regular.ttf); font-weight: 400; font-style: normal; }

@font-face { font-family: AlegreyaSansSC; src: url(../fonts/Alegreya_Sans_SC/AlegreyaSans-ExtraBold.ttf); font-weight: 800; font-style: normal; }

@font-face { font-family: AlegreyaSansSC; src: url(../fonts/Alegreya_Sans_SC/AlegreyaSans-Bold.ttf); font-weight: 700; font-style: normal; }

@font-face { font-family: AlegreyaSansSC; src: url(../fonts/Alegreya_Sans_SC/AlegreyaSans-Medium.ttf); font-weight: 500; font-style: normal; }

@font-face { font-family: AlegreyaSansSC; src: url(../fonts/Alegreya_Sans_SC/AlegreyaSans-Bold.ttf); font-weight: 700; font-style: normal; }



.blau { rgb(0,51,102); }



@media screen, projection

{



* { box-sizing: border-box; }



html, body { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: Noticia, serif; }

html { font-size: 100%; line-height: 1.4; color: rgba(0,0,0,1); }

body { font-size: 1.125rem; background-color: #f5f1ea; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-family: 'Sahitya', serif; font-weight: 700; line-height: 1.2em; padding-bottom: 0.6em; }

img { border: none; }



.form-style-9 { max-width: unset; box-shadow: 10px 10px 20px rgba(100,100,100,.1); border-radius: 2px; border: 1px dotted rgba(0,0,0,.3); }



.page_margins { position: relative; width: 98%; min-width: unset; max-width: 1280px; background-color: #fcfaf5; box-shadow: 0 0 20px rgb(0 0 0 / 10%); }



.inside { padding: 1rem 3rem; }



#header { padding-top: 2rem; padding-right: 0; padding-left: 0; }

#logo { font-family: AlegreyaSansSC, sans-serif; font-variant: small-caps; font-weight: 500; font-size: 2.7rem; line-height: .45; display: flex; justify-content: flex-end; }

#logo .unterzeile { font-weight: 500; font-size: 40%; }

#logo a { color: rgba(0,0,0,.7); }



#logo img { max-width: 25rem; }



.vortitel { margin-top: 0; color:#cd6600; }



#menu { #border-top: 1px dotted rgba(0,51,102,0.2); #border-bottom: 1px dotted rgba(0,51,102,0.2); }

#menu .inside { padding-top: .6rem; padding-bottom: .6rem; }

#header, #main, #footer { }

.page, #header, #main { background-color: #fcfaf5; }

#header>.inside { padding-bottom:0; }

.page { }

#main { margin: 0; margin-top: 3em; }

#main .inside { display: flex; #padding: 0 2em; }

#col1, #col3 { float: none; margin: 0; width: 75%; }

#col3 { width: 25%; }

#col3_content { padding: 0; }



.hmenu { font-family: AlegreyaSans, sans-serif; font-size: .9rem; font-weight: 500; text-transform: uppercase;  }

.hmenu ul { display: flex; justify-content: flex-start; margin: 0; padding: 0; }

.hmenu li { list-style: none; margin-left: 0; }

.hmenu a { color: rgba(0,51,102,.5);  color: #000; transition: .5s; }

.hmenu li:hover a,

.hmenu li.active a,

#home .hmenu a.home,

#aktuelles .hmenu a.aktuelles,

#buecher .hmenu a.buecher,

#fachbeitraege .hmenu a.fachbeitraege,

#lexikon .hmenu a.lexikon,

#spenden .hmenu a.spenden,

#newsletter .hmenu a.newsletter,

#akademie .hmenu a.akademie,

#english .hmenu a.english { color: rgb(0,51,102); color: rgba(0,0,0,.5); transition: .5s; }



#menu .hmenu { border-top: 4px solid #036; padding-top: 1em; }

#menu .hmenu li::after { content: "|"; padding: 0 .3em 0 .3em; }

#menu .hmenu li:last-child::after { content: ""; }



#sidebar .hmenu ul { display: block; }



#footer { padding: 0; border-top: 1px dotted rgba(0,0,0,.2); }



/* Mobilnavigation */

#sidebar {

  padding: 20px 0;

  background-color: rgba(200,200,200,.5);

  width: 16rem;

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateX(0);

          transform: translateX(0);

  -webkit-transition: 250ms ease-in;

          transition: 250ms ease-in;

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);



  display: none;

}



#sidebar .navbar-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 10px 20px;

}



#sidebar .navbar-header .brand-logo {

  font-size: 1em;

  -webkit-transform: translateX(0);

          transform: translateX(0);

  -webkit-transition: 250ms ease-in;

  transition: 250ms ease-in;

  visibility: visible;

}



#sidebar .navbar-body .nav-item {

  padding: 10px 20px;

  cursor: pointer;

  -webkit-transition: 400ms all ease-in-out;

  transition: 400ms all ease-in-out;

  -webkit-transform: translateX(0);

          transform: translateX(0);

}



#sidebar .navbar-body .nav-item:hover {

  #background-color: #7280ce;

}







#checkbox {

  display: none;

}



#checkbox:checked ~ #sidebar {

  width: 0;

  -webkit-animation: sidebarAnim 500ms;

          animation: sidebarAnim 500ms;

}



#checkbox:checked ~ #sidebar .nav-item {

  -webkit-transform: translateX(-200px);

          transform: translateX(-200px);

}



#checkbox:checked ~ #sidebar .brand-logo {

  -webkit-transform: translateX(-200px);

          transform: translateX(-200px);

  visibility: hidden;

}



#checkbox:checked ~ #sidebar .navbar-header {

  visibility: hidden;

}







#main-content { -webkit-box-flex: 1;

    -ms-flex: 1 0 auto;

    flex: 1 0 auto; }



#main-content .check-box {

  cursor: pointer;

  display: inline-block;

  position: absolute;

  top: 1em;

  left: 1em;

  z-index: 2;

}



#main-content .check-box .line {

  width: 20px;

  height: 2px;

  background-color: #212121;

  margin: 4px 0;

  display: block;

}





@-webkit-keyframes sidebarAnim {

  0% {

    width: 220px;

    opacity: 1;

    -webkit-transform: translateX(0);

            transform: translateX(0);

    visibility: visible;

  }

  50% {

    width: 220px;

  }

  100% {

    width: 0;

    opacity: 0;

    -webkit-transform: translateX(-220px);

            transform: translateX(-220px);

    visibility: hidden;

  }

}



@keyframes sidebarAnim {

  0% {

    width: 220px;

    opacity: 1;

    -webkit-transform: translateX(0);

            transform: translateX(0);

    visibility: visible;

  }

  50% {

    width: 220px;

  }

  100% {

    width: 0;

    opacity: 0;

    -webkit-transform: translateX(-220px);

            transform: translateX(-220px);

    visibility: hidden;

  }

}



.check-box { display: none !important; }

}





.formular1 { font-family: Noticia, serif; font-size: 1em; padding: 0.2em; }

.form-style-9 input[type="submit"] { font-family: Noticia, serif; font-size: 1em; }

form input { max-width: 100%; padding: .2em 1em; font-family: Noticia, serif; font-size: 1em; }

form input[type=submit] { margin: 1em 0; }

.form-style-9 ul li  .field-style { border: none; }

.form-style-9 ul li input[type="button"], .form-style-9 ul li input[type="submit"] { background: none; font-family: inherit; color: inherit; font-size: inherit; transition: .5s; }

.form-style-9 ul li input[type="button"], .form-style-9 ul li input[type="submit"] { background: inherit; background-color: inherit; box-shadow: none; border: 1px solid rgba(0,0,0,.3); background-color: rgba(0,0,0,.05);

    color: -internal-light-dark(black, white); }

.form-style-9 ul li input[type="button"]:hover, .form-style-9 ul li input[type="submit"]:hover { background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%); background-color: #28739E; color: #fff; transition: .5s; }


/* 220915 Golbing */
.form-style-9 ul { list-style-type: none; }

.form-style-9 select { font: inherit; }




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

        html { font-size: 1.5vw; }

        #menu { display: none; }

        .check-box { display: inline-block !important; }

        #sidebar { display: block; }

        #main .inside { display: block; }

        #col1, #col2, #col3 { width: 100%; }

        #col1_content, #col2_content, #col3_content { padding: 0; }

}



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

        html { font-size: 1.7vw; }

}



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

        html { font-size: 1.9vw; }

        .inside { padding: 1rem 1rem; }



        #main { display: block; padding: 0 0.5em; }

}



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

        html { font-size: 2vw; }

}



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

        html { font-size: 3.5vw; }

        #logo { font-size: 1.8em; }

}