@charset "UTF-8";


@font-face {
    font-family: 'linux_biolinum_oregular';
    src: url('/tools/fonts/linbiolinum_r-webfont.eot');
    src: url('/tools/fonts/linbiolinum_r-webfont.eot?#iefix') format('embedded-opentype'),
         url('/tools/fonts/linbiolinum_r-webfont.woff') format('woff'),
         url('/tools/fonts/linbiolinum_r-webfont.ttf') format('truetype'),
         url('/tools/fonts/linbiolinum_r-webfont.svg#linux_biolinum_oregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'linux_libertine_oregular';
    src: url('/tools/fonts/linlibertine_r-webfont.eot');
    src: url('/tools/fonts/linlibertine_r-webfont.eot?#iefix') format('embedded-opentype'),
         url('/tools/fonts/linlibertine_r-webfont.woff') format('woff'),
         url('/tools/fonts/linlibertine_r-webfont.ttf') format('truetype'),
         url('/tools/fonts/linlibertine_r-webfont.svg#linux_libertine_oregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'stonehengeregular';
    src: url('/tools/fonts/stonehenge-webfont.eot');
    src: url('/tools/fonts/stonehenge-webfont.eot?#iefix') format('embedded-opentype'),
         url('/tools/fonts/stonehenge-webfont.woff') format('woff'),
         url('/tools/fonts/stonehenge-webfont.ttf') format('truetype'),
         url('/tools/fonts/stonehenge-webfont.svg#stonehengeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    	font-family:'linux_biolinum_oregular', 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,sans-serif,'LinuxBiolinumRegular','ubunturegular';
    src: url('/layout/template2018/fonts/ubuntu-regular-webfont.woff2') format('woff2'),
         url('/layout/template2018/fonts/ubuntu-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubuntu_lightregular';
    src: url('/layout/template2018/fonts/ubuntu-light-webfont.woff2') format('woff2'),
         url('/layout/template2018/fonts/ubuntu-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ubuntubold';
    src: url('/layout/template2018/fonts/ubuntu-bold-webfont.woff2') format('woff2'),
         url('/layout/template2018/fonts/ubuntu-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ubuntu_condensedregular';
    src: url('/layout/template2018/fonts/ubuntu-c-webfont.woff2') format('woff2'),
         url('/layout/template2018/fonts/ubuntu-c-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


html {
		font-family:'linux_biolinum_oregular', 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,sans-serif,'LinuxBiolinumRegular','ubunturegular';
}

body {
background-image: url(/layout/template2018/gfx/hg-main.jpg); 
background-repeat: no-repeat; 
background-color: #eae5df; 
background-attachment: fixed; 
  
padding-top: 0px; 
padding-left: 0px;
	font-family:'linux_biolinum_oregular', 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,sans-serif,'LinuxBiolinumRegular','ubunturegular';
color: #322b24;
line-height: 185%;

}

.tabellenrahmen {
  border: thin solid; 
  border-collapse: collapse; 
}

.tabelleobenrahmen {
  border-top: thin solid #767676; 
  border-left: none; 
  border-right: none; 
  border-bottom: none; 
  border-collapse: collapse; 
}



a {
  line-height: inherit;
  color: #322b24;
  text-decoration: underline;
  cursor: pointer; }
  a:hover, a:focus {
    color: #941100; }
  a img {
    border: 0; }


/* eigen-fixed */

  #fixobenlinks {
        position: fixed;
        _position:absolute;
        _top:expression(eval(document.body.scrollTop));
    }
    /* Inspired by: http://pepe-juergens.de/demo/position-absolute-relative-fixed/ */




/* Aus Bootstrap 4 */

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}


/* Pfadleiste 

.pfadleiste, .pfadleiste a, .pfadleiste a:hover, .pfadleiste a:visited {
  color: #cccccc;
  text-decoration: none; 
  font-weight: bold;
}
*/


/* Sticky Menue */


@media screen and (max-width: 39.9375em) {
  .no-js .top-bar {
    display: none;
  }
}

@media print, screen and (min-width: 40em) {
  .no-js .title-bar {
    display: none;
  }
}

[data-sticky] {
}

.sticky-container {
/*  z-index: 5; */
}

.menu {
	color: #cbad90;
  font-size: 18px;
}

.menu a, .title-bar-title, .title-bar-title a {
  line-height: inherit;
  color: #cbad90;
  text-decoration: none;
  cursor: pointer;
  /* font-weight: 300; */
  font-family:'linux_biolinum_oregular', 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,sans-serif,'LinuxBiolinumRegular','ubunturegular';
  text-transform: uppercase;
  background: transparent;
}
.menu a:hover, .menu a:focus {
    color: #ffffff;	  /* color: #1468a0; */
}


.menuetop, .menue, .menu-icon, .vertical, .nested {
	/*background-image: url(/layout/template2018/gfx/menu-opacity70.png);
	background-repeat: repeat-x;*/

}


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

.shadow-hover-focus:hover, .shadow-hover-focus:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}


/* Just for demo */
.row {
  margin-top: 20px;
}

.button {
  margin-right: 20px;
}

.button {
  background-color: #cbad90; /* #E6DAA8 */
  color: #322b24;
  text-decoration: none; }
  [data-whatinput='mouse'] .button {
    outline: 0; }

.button a:link {
  color: #322b24;
  text-decoration: none;
}

/*
.buttonklein, .buttonklein a:link, .buttonklein a:hover, .buttonklein a:active, .buttonklein a:visited {
	font-size: 9px;
	font-variant: italic;
}
*/

.dropdown.menu .is-active > a {
  background: transparent;
  /* color: #ffffff; */ }

/*.title-bar {
  background: #444444;
  background-image: url(/layout/template2018/gfx/menu-opacity70.png);
}*/


.menuebar, .menuedrop {
background: transparent;
background-image: url(/layout/template2018/gfx/menu-opacity70.png);
background-repeat: repeat;
z-index: 999;
/*font-size: 22px;*/
}

.menuebar {
  font-size: 16px;
}

.menuedrop {
	font-size: 15px;
}

/* Pfadleiste */

.pfadleiste, .pfadleiste a, .pfadleiste a:hover, .pfadleiste a:visited {
  color: #cbad90;
  text-decoration: none; 
  font-weight: b;;
}

/* Hintergründe */


.bgbrauntransparent {
	background: transparent;
	background-image: url(/layout/template2018/gfx/2a2019-75.png);
	background-repeat: repeat;
	color: #cbad90;
}

.bgbrauntransparent a, .bgbrauntransparent a:hover, .bgbrauntransparent a:visited {
  color: #cbad90;
  text-decoration: none;
  cursor: pointer; 
 }

.bgbrauntransparent a:hover {
  color: #ffffff;
 }


/* Kacheln */

.kachel {
  overflow: visible; 
  }

    .button-group.primary .button:hover, .button-group.primary .button:focus {
      background-color: #a88e77;
       }

    .button.primary:hover, .button.primary:focus {
      background-color: #a88e77;
       }

.kachela {
	float: left; margin-right: 20px; margin-bottom: 20px; padding: 6px;
}

.kacheldefaultwidth {
	width: 180px; height: 180px; /* Dummy - Wird eigentlich in kachel-include-a.shtml definiert */
}

.kachelo {
	background-position: center center; background-repeat: no-repeat; background-size: auto 100%; width: 100%; height: 100%; padding-top: 60%; 
}

.kachelz {
	background-image: url(/layout/template2018/gfx/grayopacity70.png); background-repeat: repeat;
	height: 100%; padding: 12px; line-height: 1.2;
}

.teamkachela {
	float: left; margin-right: 24px; margin-bottom: 24px;
}

.teamkachelo {
	width: 160px; height: 210px; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; margin-bottom: 20px;  
}

/* teamkachelz weiter unten */

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

.passfoto img {
	width: 160px; 
	margin-left: 20px; 
	margin-bottom: 20px;
}

/* LAYOUT */

.hauptfeld {
	max-width: 1600px;
	margin-top: 100px;
	font-size: 16px;
	}

.greiflinksoben {width: 260px; height: 164px; top: 0px; background-size: 260px;}
.greiflinksunten {width: 230px; height: 220px; top: 164px; background-position-y: -164px;  background-size: 260px;}

.linkespalte {padding-left: 40px; padding-right: 40px; min-width: 290px; max-width: 300px;}

.inhalt {padding-left: 40px; padding-right: 40px; padding-bottom: 40px;}

.fusszeile {
	width: 100%; 
	padding-top: 40px; padding-bottom: 22px;
	padding-left: 20px; padding-right: 10px; 
    /* zusammen mit bgbrauntransparent */
}

.fusszelle {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 20px;
	padding-right: 20px;
}


/* Grundlegendes */


/*

  table,
  tbody,
  table thead,
  table tbody,
  table tfoot,
  table.unstriped tbody,
  tr,
  th,
  td {
	background-color: #cccccc;
	background: none;
	background: transparent;
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
}


.tablehead {
	background-color: #54473c;
	text-align: left;
		font-family:'linux_biolinum_oregular', 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,sans-serif,'LinuxBiolinumRegular','ubunturegular';
	color: #cbad90;
	border: 1px solid #806c5c;
}

.tablecell {
	background-color: #cbad90;
	text-align: left;
	font-family: 'ubuntu_lightregular';
	color: #322b24;
	border: 1px solid #806c5c;
}


th a, th a:hover, th a:visited, th a:active, td a, td a:hover, td a:visited, td a:active {
	text-decoration: underline;
}

th a, th a:visited, th a:active {
	color: #cbad90;
}

th a:hover {
	color: #ffffff;
}

td a, td a:visited, td a:active {
	color: #322b24;
}

td a:hover {
	color: #941100;
}


*/


/* inhalt */


.inhalt {
		font-family:'linux_biolinum_oregular', 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,sans-serif,'LinuxBiolinumRegular','ubunturegular';
}

.inhalt h1, .inhalt h2 {margin-left: 80px;}
.inhalt h2 {margin-bottom: 28px;}

h1, h3 {
  font-family:'linux_biolinum_oregular', 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,sans-serif,'LinuxBiolinumRegular','ubunturegular';

	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 28px;
}

h2, h4 {
  font-family:'linux_biolinum_oregular', 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,sans-serif,'LinuxBiolinumRegular','ubunturegular';

	font-size: 20px;
	letter-spacing: 1px;
	margin-bottom: 16px;
}

.bildlinks {
	float: left;
	margin-right: 20px;
}

.bildrechts {
	float: right;
	margin-left: 20px;
}

.fechtschuleigenschaften h4 {
	margin-top: 0px;
	}

.fechtschuleigenschaften img {
	width: 300px;
	margin-bottom: 20px;
	border: none;
	}



.teamkachelz, .teamkachelz h1, .teamkachelz h2 {
	padding: 12px; line-height: 1.3; letter-spacing: 0px; font-size: 12px; text-align: center; font-variant: normal; text-transform: none; 	font-family:'linux_biolinum_oregular', 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,sans-serif,'LinuxBiolinumRegular','ubunturegular';
}


.inhalt table, {
	border-collapse:separate; border-spacing: 2px; border:2px;
}
.inhalt td{
	/*background-color: #cccccc;*/ padding:8px;
  background: transparent;
}


.linkespalte {
	text-align: right;
	padding-top: 380px;
	hyphens: auto;
}

.linkespalte h1 {
	text-transform: none;
	margin-top: 24px;
	margin-bottom: 6px;
	font-size: 20px;
	letter-spacing: 0px;
	color: #875c43;
}

.rechtespalte {
	/*width: 300px;*/
	border-left: solid; 
	border-left-width: 1px; 
	padding-left: 40px; 
	padding-right: 40px; 
}

.rechtespaltebild img {
	width: 150px;
	margin-bottom: 20px;
}

.dropdown-pane {

}

/* IFRAME Anpassung */


#wrapper { width: 100%; height: 700px; padding: 0; overflow: hidden; }
#scaled-frame { width: 120%; height: 800px; border: 0px; }
#scaled-frame {
    zoom: 0.8;
    -moz-transform: scale(0.8);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.8);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.8);
    -webkit-transform-origin: 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #scaled-frame  { zoom: 1;  }
}



/* Show and HIDE Anpassung */

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important; }
   body {background-image: url(/layout/template2018/gfx/hg-main-mobil.jpg);}
   .menuebreite {margin-left: -150px;}
   .menuedrop {background: transparent;}
   .menuedrop li {border-left-color: #5c5550; border-left-style: solid; border-left-width: 2px;}
   .hauptfeld {margin-top: 60px;}
   .inhalt h2 {margin-left: 0px;}
   .kachela {width: 126px; height: 126px;}
   .kachelz {font-size: 10px; line-height: 1.0;padding: 8px}
   .passfoto img {width: 120px;}
   .bildrechts, .bildlinks {float: none; margin-right: 0px; margin-left: 0px;}
   .vertical li {font-size: 12px;}
}
   /*.menuedrop {background-image: url(/layout/template2018/gfx/line.png); background-position: left bottom; background-repeat: repeat-x;}*/
   /*.menuebar {font-size: 18px;}*/ }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }


@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } 
  .menuebreite {margin-left: -70px;}
  .menuebar {height: 80px; font-size: 20px;}
  .inhalt h1, .inhalt h2 {margin-left: 50px;}
  .linkespalte {padding-top: 260px; padding-left: 30px; padding-right: 30px; min-width: 190px; max-width: 240px;}
  .linkespalte h1 {font-size: 20px;}
  .rechtespalte {width: 100%; border-left: none; border-left-width: 0px; }
 #wrapper { width: 100%; height: 700px; padding: 0; overflow: hidden; }
#scaled-frame { width: 120%; height: 800px; border: 0px; }
#scaled-frame {
    zoom: 0.5;
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
}
}
@media screen and (min-width: 40em) and (max-width: 55.625em) {
  .menuebar {height: 70px; font-size: 18px; letter-spacing: 0px}
  .menu {margin-left: -10px;}
  .inhalt h1, .inhalt h2 {margin-left: 40px;}
  .linkespalte {font-size: 14px;}
  .linkespalte h1 {font-size: 20px;}


}
@media screen and (min-width: 40em) and (max-width: 50em) {
  .menuebar {height: 60px; font-size: 16px; letter-spacing: -1px}
  .menuebreite {margin-left: -100px;}
  .greiflinksoben {width: 220px; height: 164px; top: 0px; background-size: 220px;}
  .greiflinksunten {width: 200px; height: 178px; top: 164px; background-position-y: -164px;  background-size: 220px;}
  .menu {margin-left: -20px;}
  .linkespalte {padding-top: 220px;}
   .kachela {width: 160px; height: 160px;}
   .kachelz {font-size: 12px; line-height: 1.1;padding: 8px}
}
@media screen and (min-width: 40em) and (max-width: 45em) {

}

   /*.menuebar {font-size: 18px;}*/ }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; }
    /*.menuebar {font-size: 20px;}*/ }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; }
    .fechtschuleigenschaften img {width: 240px}
     }

@media screen and (min-width: 64em) and (max-width: 300em) {
  .hide-for-large-only {
    display: none !important; }
   .hauptfeld {margin-top: 140px;}
   .menuebar {height: 100px; font-size: 22px; letter-spacing: 1px;}
   }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; }
    }
    




.teamkachelz h1 {
	font-family: 'ubuntubold';
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
}

.teamkachelz h2 {
	font-family: 'ubuntu_condensedregular';
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 4px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

    
    
    
    /* QUELLE
	    
	    
	    @media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }
    
 
 
 
   @media print, screen and (min-width: 40em) {
    .top-bar {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      .top-bar .top-bar-left {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        margin-right: auto; }
      .top-bar .top-bar-right {
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
        margin-left: auto; } }
  @media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-medium {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .top-bar.stacked-for-medium .top-bar-left,
      .top-bar.stacked-for-medium .top-bar-right {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        max-width: 100%; } }
  @media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .top-bar.stacked-for-large .top-bar-left,
      .top-bar.stacked-for-large .top-bar-right {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        max-width: 100%; } }
 
 
 
    
    */