@charset "utf-8";
/*
Theme Name: Schlegel Basic Example Theme
Theme URI: https://benjaminschlegel.ch
Author: Benjamin E. Schlegel
Author URI: https://benjaminschlegel.ch
Description: An example theme the understand how theme work
Tags: example
Version: 1.0
Requires at least: 6.4.2
Tested up to: 6.4.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: schlegel_basic_example
*/

body{
	background-color: var(--hintergrund3);
	color: var(--font-color);
	font-family: var(--font-main);
	font-size:normal;
	background-image:url('/images/back.png');
	background-position: center;
background-repeat: repeat;
background-attachment: fixed;
position: relative;
top:0px;
	}

header{
	position:sticky;
	top:0px;
	z-index:999;
	background-color:var(--hintergrund1);
	height:120px;
}

header #top_menu{	
	background-color:var(--hintergrund1);
}

header #top_menu a:link,
header #top_menu a:visited {
  text-decoration: none;
  white-space: normal;
  color: var(--akzent1);
}

header #top_menu a:hover,
header #top_menu a:active {
  color: var(--akzent2);
  text-decoration: none;
  -webkit-transition: all ease 0.6s;
  -moz-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}

@media (min-width: 524px) {
  header #top_menu a {
    white-space: normal;
  }
	
header{
	position:sticky;
	top:0px;
	z-index:999;
	background-color:var(--hintergrund1);
	height:auto;
	width:auto-flow;
}
	
header #top_menu{	
	background-color:var(--hintergrund1);
}

header #top_menu a:link,
header #top_menu a:visited {
  text-decoration: none;
  white-space: normal;
  color: var(--akzent1);
  padding: 10px;
}

header #top_menu a:hover,
header #top_menu a:active {
  color: var(--akzent2);
  text-decoration: none;
  -webkit-transition: all ease 0.6s;
  -moz-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}
	
	.navbar-toggler-icon{
		color:var(--akzent1);
	}
	
	.navbar-toggler{
		border:0px solid var(--hintergrund1);
	}
	.navbar-toggler:focus{
		border:0px solid var(--hintergrund1);
	}
	button:focus:not(:focus-visible){
		text-decoration: none;
    outline: 0;
    box-shadow: 0px 0px 0px var(--hintergrund1);
	}
	
.navbar-toggler {
  padding: 5px;
  @include font-size(var(--#{$prefix}navbar-toggler-font-size));
  line-height: 1;
  color: var(--akzent1);
  background-color: transparent; // remove default button style
  border: var(--hintergrund1) 0px solid; // remove default button style
  @include border-radius(var(--hintergund1));
  @include transition(var(--#{$prefix}navbar-toggler-transition));

  &:hover {
    text-decoration: none;
  }

  &:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0px 0px 0px var(--#{$prefix}navbar-toggler-focus-width);
	}}
	
.navbar-expand-xl .navbar-nav {
        flex-direction: row;
        gap: 10px;
    }

	.container{
		background-color:var(--hintergrund3);
		
	}	
	
}

.navbar-toggler-icon {
  display: inline-block;
  width: auto;
  height: auto;
  vertical-align: middle;
  background-image: var(--#{$prefix}navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
	border:0px solid;
	text-shadow:0px 0px 0xp;
}

.navbar{
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0;
    --bs-navbar-color: #272727);
    --bs-navbar-hover-color: #272727);
    --bs-navbar-disabled-color: #272727);
    --bs-navbar-active-color: #272727);
    --bs-navbar-brand-padding-y: 0;
    --bs-navbar-brand-margin-end: 0;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: #019fb2;
    --bs-navbar-brand-hover-color: #be3b2d;
    --bs-navbar-nav-link-padding-x: 0;
    --bs-navbar-toggler-padding-y: 0;
    --bs-navbar-toggler-padding-x: 0;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("/images/runenfeuermini1.png");
    --bs-navbar-toggler-border-color: #272727);
    --bs-navbar-toggler-border-radius: 1px;
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
	
	 
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}


:root{
	--font-main:'Saira';
	--font-headline1: 'Oswald';
	
	--hintergrund1:#272727;
	--hintergrund2:#373737;
	--hintergrund3:#272727eb;
	
	--akzent1:#019fb2;
	--akzent2:#be3b2d;
	
	--font-color:#eaeaea;
}


::-webkit-scrollbar {
background-color: var(--akzent1);
border:3px solid var(--hintergrund1);
  width: 7px;
	scrollbar-width: thin;
}

::-webkit-scrollbar-thumb {
    background-color: var(--akzent1) !important;
}

a:link,
a:active,
a:visited {
  text-decoration: none;
  white-space: pre;
  color: var(--akzent1);
}

a:hover {
  color: var(--akzent2);
  text-decoration: none;
  -webkit-transition: all ease 0.6s;
  -moz-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}

.headline1{
	font-family:var(--font-headline1);
	color: var(--akzent1);
	border-bottom:1px solid var(--akzent1);
	font-size: larger;
	text-align:center;
	padding:10px 5px;
}

.headline2{
	font-family:var(--font-headline1);
	border-bottom:1px solid var(--akzent2);
	font-size:larger;
	text-align:center;
	 background-image: linear-gradient(180deg,var(--akzent1), var(--akzent2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}









/* oswald-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/oswald-v57-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v57-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v57-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/oswald-v57-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oswald-v57-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v57-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* saira-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/saira-v23-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/saira-v23-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/saira-v23-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/saira-v23-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/saira-v23-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/saira-v23-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/saira-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/saira-v23-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/saira-v23-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/saira-v23-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/saira-v23-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/saira-v23-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/saira-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/saira-v23-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/saira-v23-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/saira-v23-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/saira-v23-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/saira-v23-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}