body {
  font-family: 'Noto Sans', sans-serif;
  padding: 0;
  margin: 0;
  line-height: 1.3rem;
  color: #000000;
  clamp (16px, 2.5vw, 28px);
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
  -webkit-hyphenate-limit-lines: 2;
        hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-chars: auto 3;
        hyphenate-limit-chars: auto 3;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#wrapper {
    display: grid;
	grid-template-columns: repeat(auto-fill, minmax(8,33%, 1fr));
    grid-template-rows: auto auto auto auto;
	grid-auto-flow: row;
	grid-template-areas: 
		"headline headline headline headline headline headline headline headline headline headline headline headline"
		"main main main main main main main main sidebar sidebar sidebar sidebar"
		"main2 main2 main2 main2 main2 main2 main2 main2 main2 main2 main2 main2"
		"footer footer footer footer footer footer footer footer footer footer footer footer"
		;
    gap: 1vw;
	max-width: 2560px;
	margin: 0 auto;
	padding: 0 5%;
	align-content: start;

}

#headline {
	display: grid;
	grid-area: headline;
	grid-template-areas: 1 / 1 / 2 / 13;
	margin-top: 2rem;
}

#main {
	display: grid;
	grid-area: main;
	grid-template-areas: 2 / 1 / 3 / 9;
}

#sidebar {
	display: grid;
	grid-area: sidebar;
	grid-template-areas: 2 / 9 / 3 / 13;
}

#main2 {
	display: grid;
	grid-area: main2;
	grid-template-areas: 3 / 1 / 4 / 13;
}

#footer {
	display: grid;
	grid-area: footer;
	grid-template-areas: 4 / 1 / 5 / 13;
}

	
#boxen2  {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}
	
#boxen3 {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(3, minmax(30%, 33%));
  grid-gap: 1rem;
}
		
#boxen4 {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 0.5rem;
		margin-left: 2rem;
		margin-top: 3rem;
	}

#boxen5 {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 0.5rem;
		margin-left: 2rem;
		margin-top: 3rem;
	}
#impressum {
	margin-left: 25%;
}

#construction {
	align-self: center;
	justify-content: left;
}
/*_________________________________________________________________________________________________________________________Textformatierungen für alle*/

h1, h2, h3, h4, h5 {
	color: #264693;
	padding-bottom: 1.3rem;
	padding-left: 1rem;
	line-height: 2rem;
}

p {
	padding: 0 0 0 1rem;
	text-align: block;

}

a {
	color: #264693;
	text-decoration: none;
	font-weight: 600;
}


a:hover {
	color: #8d8d8d;
}

#logo a:hover {
	background-color: transparent;
}

#headline h1 {
	margin: 1rem 0;
}

#headline h1 + p {
	background-color: #dceced;
	text-align: center;
	color: #2f2f2f;
	font-size: 1.5rem;
	margin-top: 1.5rem;
	padding: 1rem 2rem 1rem 2rem;
	line-height: 2rem;
}

#logo {
	padding: 1rem 0 0 1rem;
	width: 25vw;
	height: auto;
	text-align: center,
}


.grid-item {
	align-self: start;
}

hr {
	color: #264693;
	size: 1;
}

.gastvortraege ul li {
	line-height: 2rem;
}

.inv  {
	margin-left: 1rem;
	padding: 3rem;
	background-color: #dceced;
	list-style-type: none;
	width: 30%;
}

li .inv {
	color: #264693!important;
}

.kontakt {
	padding-left: 30%;
}

.thought_p {
	font-size: 1.3rem;
	line-height: 1.5rem;
	color: #2f2f2f!important;
}

.thought_h1 {
	color: #264693;
	padding-bottom: 1.3rem;
	padding-left: 1rem;
	line-height: 2rem;
}

/*_________________________________________________________________________________________________________________________Navigation start*/

   
nav ul,
nav li {
  list-style: none;
  padding: 0;
  margin: 0;
}

nav a {
  display: block;
  text-decoration: none;
  font-weight:normal;
}

nav a:hover,
nav a:visited {
  text-decoration: none;
}

.menu-bar {
  background-color: #ffffff;
  display: flex;
  justify-content: left;
  padding-top: 0.2rem;
}

.menu-link {
  
  padding: 10px;
  color: #264693;
  transition: background 0.2s, color 0.2s;
  position: relative;
  z-index: 1;
}
.menu-link[aria-haspopup="true"] {
  padding-right: 10px;
 }

.menu-link[aria-haspopup="true"]:after {
  content: "+";
  /*background-image: url("/images/pfeilr.svg");*/
  background-size: auto;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  text-justify: left;
  font-size: 1rem;
  position: relative;
  padding-right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.mega-menu-header {
  font-size: 1.2em;
 /* text-transform: uppercase;*/
  font-weight:normal;
  background-color: #ebebeb;
  color: #264693;
}
.mega-menu {
  background: #ffffff;
  position: absolute;
  z-index: 100;
}
.mega-menu--multiLevel {
  flex-direction: column;
  background-color: #ebebeb;
}

/*.mega-menu--multiLevel li ul li{
	background-color: red;

}*/



@media all and (min-width: 951px) {
  .nav {
	width: 100%;
	margin-top: 50px;
    background: #ffffff;
	max-width: 1400px;
    margin: 0 auto;
  }
  .nav > nav {
    max-width: 80vw;
    margin: 0 auto;
}
  .menu [aria-haspopup="true"] ~ ul {
    display: none;
  }
  .menu-bar {
    position: relative;
}

  .menu-bar > li > [aria-haspopup="true"]:after {
    /*background-image:url("/images/pfeilu.svg");*/
	content: "+";
	padding-left: 15px;
}
  .menu-bar > li > [aria-haspopup="true"]:hover:after {
    /*background-image:url("/images/pfeilug.svg");*/
	content: "+";
	padding-left: 15px;
  }
	

  .menu-bar > li > [aria-haspopup="true"]:focus ~ ul {
    display: flex;
    transform-origin: top;
    animation: dropdown 0.2s ease-out;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover {
    display: flex;
  }
  .menu-bar > li:focus-within > [aria-haspopup="true"] ~ ul {
    display: flex;
  }
  .menu-bar > li > [aria-haspopup="true"]:focus,
  .menu-bar > li:focus-within > [aria-haspopup="true"],
  .menu-bar > li:hover > a {
    background: #264693;
    color: #ffffff;
  }
 .menu-bar > li:hover > [aria-haspopup="true"] ~ ul {
   /* // Add explicit hover state in addition to focus-within*/
     display: flex;
  }
  .menu-bar > li > [aria-haspopup="true"]:focus:after,
  .menu-bar > li:focus-within > [aria-haspopup="true"]:after,
  .menu-bar > li:hover > a:after {
    /*background-image:url("/images/pfeiltg.svg");*/
	content: "+";
	padding-left: 15px;
  }
.menu-bar > li > [aria-haspopup="false"]:focus:after,
  .menu-bar > li:focus-within > [aria-haspopup="true"]:after,
  .menu-bar > li:hover > a:after {
    /*background-image:url("/images/pfeiltg.svg");*/
	content: "";
	padding-left: 15px;
  }
	
.menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] {
    background-color: #8d8d8d;
	color: #ffffff;
}
	
.menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"]:after {
	padding-left: 10px;
	}

.menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a {
    padding-left: 10px;
	background-color: #ebebeb;
	color: #264693;
  }
	.menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a:hover {
		background-color: #8d8d8d;
		color: #ffffff;
	}
	
.menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a {
    padding-left: 10px;
	background-color: #dceced;
	  z-index: 1;
  }

	
.menu-link {
  
  padding: 10px 10px;
  color: #264693;
  transition: background 0.2s, color 0.2s;
  position: relative;
  z-index: 1;
}
.menu-link[aria-haspopup="true"] {
  padding-right: 10px;
 }
	
  .mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
  }
 /* .mega-menu:hover {
    display: flex;
  }*/
	
  .mega-menu a:hover {
    background: #8d8d8d;
    color: #ffffff;
  }
  .mega-menu--multiLevel > li {
    width: 33.33333333%;
  }
  .mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul {
    left: 33.33333333%;
    width: 33.33333333%;
	position: absolute;
    top: 0;
    height: 100%;
  }
  .mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul ul {
    width: 100%;
    left: 100%;
  }

 .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul {
    display: block;
   /* transform-origin: left;*/
    animation: flyout 0.2s ease-out;
}
  .mega-menu--multiLevel li:focus-within > [aria-haspopup="true"] ~ ul {
    display: block;
  }
  .mega-menu--multiLevel li:hover > [aria-haspopup="true"],
  .mega-menu--multiLevel li:focus-within > [aria-haspopup="true"],
  .mega-menu--multiLevel li:hover > a,
  .mega-menu--multiLevel li:focus-within > a {
    background: #dceced;
    color: #2f2f2f;
  }
	
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul,
  .mega-menu--multiLevel [aria-haspopup="true"] {
    border-left: 1px solid #f0f0f0;
  }
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul:hover,
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul:focus-within,
  .mega-menu--multiLevel [aria-haspopup="true"]:hover,
  .mega-menu--multiLevel [aria-haspopup="true"]:focus-within {
    display: block;
  }
  
  .mega-menu--flat > * {
    flex: 1;
  }
  .mobile-menu-trigger,
  .mobile-menu-header,
  .mobile-menu-back-item {
    display: none;
  }
}
@media all and (max-width: 950px) {
  .nav {
    padding: 20px;

  }
  .mobile-menu-trigger,
  .mobile-menu-header,
  .mobile-menu-back-item {
    display: block;
 }
	
  .mobile-menu-trigger {
    background: #264693;
    color: #ffffff;
    border: 0;
    padding: 10px;
    font-size: 1.2em;
    border-radius: 4px;
  }
  .mobile-menu-header {
    order: -1;
    background: #ebebeb;
  }
	
  .mobile-menu-header a {
    padding: 20px 25px;
    color: #2f2f2f;
	font-weight: bold;
    visibility: visible;
  }
  .menu-bar {
    flex-direction: column;
    position: fixed;
    top: 0;
    left: -100%;
    height: 100vh;
    width: 350px;
    max-width: 350px;
    max-width: 90%;
    overflow-x: hidden;
    transition: left 0.3s;
    transition: left 0.3s ease-in-out; /*// More explicit timing*/
    box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
	z-index: 1;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 100vh;
    width: 100%;
    transition: left 0.3s;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] {
    font-size: 1.2em;
	background-color: #8d8d8d;
	color: #ffffff;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a {
    padding-left: 40px;
	background-color: #ebebeb;
	color: #264693;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a {
    padding-left: 40px;
	background-color: #dceced;
	  z-index: 1;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] {
    color: #2f2f2f;
	background-color: #ffffff;
	font-size: 1rem!important;
	font-weight: 300!important;
	height: auto;

  }
	
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:after {
    content: "+";
	margin-left: 20px;
	color: #264693;
    background: none;
    font-size: 1em;
    font-weight: normal;
    height: 20px;
    line-height: 1;
  }
	
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul {
    max-height: 0px;
    transform-origin: top;
    transform: scaleY(0);
    transition: max-height 0.1s;
	z-index: -1;
  }
  .mega-menu-content {
    padding: 20px 25px;
  }
  .mobile-menu-back-item {
    order: -1;
  }
  .mobile-menu-back-item a {
    background: #d9d9d9;
    color: #2a2a2a;
    max-height: calc(1.4em + 40px);
    margin-top: calc(0px - (1.4em + 40px));
    pointer-events: none;
  }
  .mobile-menu-back-item a:before {
    content: "";
    width: 14px;
    height: 12px;
    background-image:url("/images/pfeilldefault.svg");
    background-size: 14px;
    margin-right: 10px;
    display: inline-block;
  }
  .mobile-menu-trigger:focus ~ ul {
    left: 0;
  }
  .menu-bar:hover,
  .menu-bar:focus-within {
    left: 0;
  }
  .menu-bar > li > [aria-haspopup="true"]:focus ~ ul {
    left: 0;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul {
    margin-top: calc(1.4em + 40px);
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover,
  .menu-bar > li > [aria-haspopup="true"] ~ ul:focus-within {
    left: 0;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:focus ~ ul {
    max-height: 100%;
    animation: dropdown 0.3s forwards;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul li:focus-within > [aria-haspopup="true"] ~ ul {
    max-height: 100%;
    transform: scaleY(1);
  }
  .menu-bar > li:focus-within ~ .mobile-menu-header a {
    visibility: hidden;
  }
}
@media all and (max-width: 950px) and (hover: none) {

  .mobile-menu-back-item a {
    pointer-events: auto; /*// Ensure clickability*/
}
  .mobile-menu-trigger:hover ~ ul {
    left: 0;
  }
  .menu-bar > li > [aria-haspopup="true"]:hover ~ ul {
    left: 0;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover {
    left: 0;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:hover ~ ul {
    max-height: 500px;
    animation: dropdown 0.3s forwards;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul:hover {
    max-height: 500px;
    transform: scaleY(1);
  }
  .menu-bar > li:hover ~ .mobile-menu-header a {
    visibility: hidden;
  }
}
@keyframes dropdown {
  0% {
    opacity: 0;
	-webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes flyout {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

/*_________________________________________________________________________________________________________________________Navigation Ende*/


.title-img {
	jusitfy-content: left;
	width: 100%;
}

.title2-img {
	justify-content: left;
	width: 50%;
}

.center {
	text-align: center;
}

.e2 {
	padding-left: 1rem;
	list-style: disc;
}

.e2 li::marker {
	color: #8d8d8d;
}

li::marker {
	color: #264693;
}

.button-side {
	background-color: #dceced;
	color: #264693;
	font-size: 0.9rem;
	font-weight: bold;
	border-color: transparent;
	width: 100%;
	text-align: center;
	height: 3rem;
	margin-bottom: 2rem;
	margin-left: 1rem;
}

.button-side a {
	margin: 0 1rem;
	background-color: transparent;
	padding: 1rem;
}

.button-side li a {
	padding: 2rem;
	background-color: transparent;
}

.img-side {
	width: 30%;
	 display: block;
    margin-left: auto;
    margin-right: auto;
}

.sidebar li {
	list-style: none;
}

.sidebar h1, h2 {
	text-align: center;
	font-size: 1.2rem;
}

.sidebar p {
	text-align: justify;
}





blockquote {
  background: #ebebeb;
  border-left: 10px solid #dceced;
  color: #2f2f2f;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  font-size: 1.3rem;
  line-height: 1.6rem;
}

blockquote li:before {
	content: "\25BA" " ";
	padding-right: 1rem;
	color: #264693;
} 

blockquote h2 {
  display: inline;
  font-size: 1.6rem;
  color: #264693;
  text-align: left;
 
}

blockquote li {
	list-style: none;
}



blockquote2 {
  background: #ebebeb;
  border-left: 10px solid #dceced;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201C""\201C""\201C";
  font-style: italic;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #2f2f2f;
}
blockquote2 li:before {
  color: #264693;
  content: open-quote;
  font-size: 4rem;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote2 li {
	list-style: none;
}
blockquote2 h2 {
  display: inline;
  font-size: 1.6rem;
  color: #264693;
  text-align: left;
}



/*_________________________________________________________________________________________________________________________Boxen für alle*/

	
.box {
		background-color: #ebebeb;
	}
	
.box header {
	border-bottom: none;
	padding: 0;
	}
	
.box h1 {
	line-height: 1.8rem;
	font-size: 1.5rem;
	padding-left: 1rem;
	text-align: center;
}
	
.box p {
	font-size: 0.9rem;	
	}
	
.box-img {
	display: grid;
	align-self: center;
	justify-content: space-between;
	width: 20%;
	text-align: center;
	margin: 0 auto;
	padding: 2rem 0 2rem 0;
}
	
.button2 .button3 {
	align-self: baseline;
	background-color: #dceced;
	text-align: center;
	padding: 1rem 0;
}
	

.box3 {
		background-color: #ebebeb;
	}
	
.box3 header {
	border-bottom: none;
	padding: 0;
	}
	
.box3 h1 {
	line-height: 1.8rem;
	font-size: 1.5rem;
	padding-left: 1rem;
	text-align: center;
}
	
.box3 p {
	font-size: 0.9rem;	
	}
	
.box3-img {
	display: grid;
	align-self: center;
	justify-content: space-between;
	width: 20%;
	text-align: center;
	margin: 0 auto;
	padding: 2rem 0 2rem 0;
}

.button3 {
	align-self: baseline;
	background-color: #dceced;
	text-align: center;
	padding: 1rem 0;
}

.box-item4 {
	display: grid;
	grid-auto-flow: row;
	grid-auto-columns: repeat(auto-fit, minmax (250px, 3fr));
	height: auto;
	font-size: 0.9rem;
}

.box-item4 h1 {
	text-align: left;
	padding-right: 2rem;
	font-size: 1.5rem;
}

.box-item4 li {
	list-style: none;
	padding: 0 2rem 0 2rem;
	
}

.box-item5 {
	display: grid;
	grid-auto-flow: row;
	align-self: baseline;
	height: auto;
}

.box-item5 h1 {
	text-align: left;
	padding-right: 2rem;
	
}


.box-item5 li {
	list-style: none;
	padding: 0 2rem 0 2rem;
}

.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
		width: 2rem;
	    
}

.button {
	padding: 1rem;
	text-align: center;
	cursor: pointer;
	background-color: #ebebeb;
	color: #ffffff;
	
	box-shadow: 1px 1px 1px #333;
	transition: .2s;
}

.button:hover {
		box-shadow: 10px 10px 10px #ebebeb;
		transform: scale(1.05);
		background-color: #ffffff;
		color: #264693;
	}

.button2 {
	padding: 0.8rem 0 0.8rem 0;
	text-align: center;
	cursor: pointer;
	background-color: #dceced;
	font-size: 1.5rem;
	transition: .2s;
}

.button2 a {
	color: #264693;
	font-size: 1.2rem;
	
}

.button2:hover {
		box-shadow: 10px 10px 10px #ebebeb;
		transform: scale(1.05);
		background-color: #264693;
}

.recht {
	text-align: center;
	border-bottom: solid thin #264693;
	border-top: solid thin #264693;
	padding: 1rem 0 0 0;
}
	
#footer h1 {
	text-align: left;
	color: #264693;
	padding: 0 2rem 1rem 2rem;
	height: auto;
}

#footer h1 + p {
	padding: 0 2rem 1rem 2rem;
	color: #264693;
}

#footer p {
	padding: 0 2rem 1rem 2rem;
}

/*_________________________________________________________________________________________________________________________Sitemap für alle*/

#sitemap {
    padding: 1rem 0;
	margin: 0;
	width: 100%;
	position:inherit;
	font-size: 0.7rem;
}

#sitemap ul {
    margin-left: 0;
    padding-left: 0;
	color: #264693 !important;
	
    }
#sitemap li {
    list-style-type: none;
	font-weight: 500;
	color: #2f2f2f!important;
    }
#sitemap li a {
    list-style-type: none;
    margin: 3px 0;
	color: #2f2f2f!important;
	font-weight: 100;
    }

#sitemap h1 {
    color: #264693;
    background: #ebebeb;
    padding: 0.7rem;
	font-size: 0.8rem;
    }
#sitemap h2 {
    color: #ffffff;
    background: #264693;
    padding: 0.7rem;
	font-size: 1rem;
}

/*_________________________________________________________________________________________________________________________Tabelle Gesetze für alle*/

table {
	margin: 0 0 2em 0;
	width: 90vw;
}

table tbody tr {
	border: solid 1px rgba(144, 144, 144, 0.35);
	border-left: 0;
	border-right: 0;
}

table tbody tr:nth-child(2n + 1) {
	background-color: rgba(144, 144, 144, 0.075);
}

table td {
			
	color: #264693;
	padding: 0.75em 0.75em;
	text-align: center;
	width: 20vw;
}

table td:first-child {
	text-align: left;
	width: 50vw
}
		
table img {
	width: 6rem;
	color: #264693;
}


table th {
	color: #264693;
	font-size: 1.2em;
	font-weight: 600;
	padding: 0 0.75em 0.75em 0.75em;
	text-align: left;
}

table thead {
	border-bottom: solid 2px rgba(144, 144, 144, 0.35);
	text-align: left;
}

table tfoot {
	border-top: solid 2px rgba(144, 144, 144, 0.35);
}

table.alt {
	border-collapse: separate;
}

table.alt tbody tr td {
	border: solid 1px rgba(144, 144, 144, 0.35);
	border-left-width: 0;
	border-top-width: 0;
}

table.alt tbody tr td:first-child {
	border-left-width: 1px;
}

table.alt tbody tr:first-child td {
	border-top-width: 1px;
}

table.alt thead {
	border-bottom: 0;
}

table.alt tfoot {
	border-top: 0;
}

table a {
	font-weight: normal;
}

.gesetz {
	color: #2f2f2f!important;
	font-weight: bold;
	text-align: left;
}


.table  {
	padding: 1rem 0 0 1rem;
	text-align: left;
	background-color: #dceced!important;
	color: #2f2f2f!important;
	margin-bottom: 2rem;
}

/*_________________________________________________________________________________________________________________________Tabelle Schulungen für alle*/
.table_schul {
    height: auto;
    width: 100%;
	padding-left: 1rem;
}

.table_schul table {
    border: 1px solid #8d8d8d;
    height: 100%;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 1px;
    text-align: center!important;
}

.table_schul th {
    border: 1px solid #8d8d8d;
    background-color: #264693;
    color: #ffffff;
    padding: 5px;
	text-align: center;
}

.table_schul td   {
    border: 1px solid #8d8d8d;
    padding: 5px;
	text-align: center!important;
}

.table_schul tr:nth-child(even) td {
    background-color: #ffffff;
    color: #2f2f2f;
}

.table_schul tr:nth-child(odd) td {
    background-color: #dceced;
    color: #2f2f2f;
}

.table_schul td a {
    font-weight: bold;
}
/*_________________________________________________________________________________________________________________________Tabelle Download für alle*/

.table_download {
    height: auto;
    width: 60%;
	padding-left: 2rem;
}

.table_download table {
    height: 100%;
    width: 100%;
    table-layout: fixed;
    text-align: center!important;
}

.table_download  {
    text-align: center!important;
}

.table_download td   {
    padding: 5px;
	background-color: #ffffff;
}

.table_schul td a {
    font-weight: bold;
}

.table_download th {
    text-align: center!important;
}

/*______________________________________________________________________________________________________________________________________Formatierungen für iframe*/

.embed-container {
position: relative; 
padding-bottom: 100%; /* ratio 16x9 */
height: 0; 
overflow: hidden; 
width: 100%;

}

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

/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}
/*______________________________________________________________________________________________________________________________________Formatierungen für Kreise*/

#kreise  {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem;
}


.kreis1, .kreis2 {
	 display: -ms-grid;
	  display: grid;
	  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	border-radius: 50%;
	justify-content: center;
	align-content: center;
 	width: 350px;
  	height: 350px;
	margin: 2rem;

  }

.kreis1 {
	background-color: #dceced;
	
}

.kreis2 {
	background-color: #ebebeb;
	
}


.text {
  font-size: 0.8rem;
  text-align: center;
}

.kreis1 h2 {
	font-size: 1rem;
	padding: 0.5rem 1rem;
	line-height: 1.4rem;
	overflow-wrap: break-word;
}

.kreis2 h2 {
	font-size: 1rem;
	padding: 0.5rem 1rem;
	line-height: 1.4rem;
	overflow-wrap: break-word;
}

.kreis1 a:hover {

	background-color: transparent;
	color: #264693;
	font-weight: bold;
}

.kreis2 a:hover {

	background-color: transparent;
	color: #264693;
	font-weight: bold;
}
	
/*______________________________________________________________________________________________________________________________________Formatierungen für mobil*/

@media all and (max-width: 950px) {
	
#logo {
	padding: 1rem 0 0 0rem;
	width: 300px;
	height: auto;
}
	
#wrapper {
  display: grid; 
  grid-template-columns: 1fr; 
  grid-template-areas: 
		"headline"
		"main"
		"sidebar"
		"main2"
		"footer"
		;
	margin: 0 0.5rem 0 0.5rem;
	justify-content: center;
}
	
#impressum {
	margin-left: 5%;
}
	
.grid-item {
		margin: 0 auto;
		padding: 0;
		font-size: 1rem;
	}

#headline h1  {
	margin: 1.5rem 0;
	padding: 0 0rem 1rem 0rem;
	position: relative;
	line-height: 2rem;
	text-align: center;
	color: #264693;
	font-size: 1.8rem;
}
	
#headline h1 + p {
		position: relative;
		margin-top: 5rem;
		font-size: 1.4rem;
	}
#main {
	display: grid;
	grid-template-columns: 1fr;
}

#main2 {
		display: grid;
		grid-template-columns: 1fr;
		
	}
	
p {
	font-size: 1rem;
}

.kontakt {
	padding-left: 1rem;
}
/*_________________________________________________________________________________________________________________________Formatierungen für Tabelle mobil*/
.table_schul td a {
    font-weight: bold;
}
	
.table_download {
    height: auto;
    width: 90%;
	padding-left: 1rem;
}

.table_download table {
    height: 100%;
    width: 100%;
    table-layout: fixed;
    text-align: center!important;
}

.table_download  {
    text-align: center!important;
}

.table_download td   {
    padding: 5px;
	background-color: #ffffff;
}

.table_download th {
	width: 25%;
	word-break: break-all;
	font-size: 0.8rem;
	
}
	
.table_download img {
	width: 80%;
	height: auto;
}


	
/*_________________________________________________________________________________________________________________________Boxen für mobil*/
	
#boxen2 {
	display: grid;
	grid-template-columns: 1fr;
	margin: 1rem 2rem;
	grid-gap: 1rem;
}

#boxen3 {
	display: grid;
	grid-template-columns: 1fr;
	margin: 1rem 2rem;
	grid-gap: 1rem;
}
	

 #boxen4, #boxen5 {
	   display: grid;
       grid-template-columns: 1fr;
       gap: 0.5rem;
	   margin-left: 2rem;
}	
	
#sitemap {
		color: #2f2f2f!important;
}

#kreise  {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}

}




/*__________________________________________________________________________________________________________________________________________________Layout Desktop*/

@media all and (min-width: 951px) {

#main {
	border-right: solid thin #264693;
	padding-right: 15%;
}
	

#sidebar {
	width: 90%;
	margin: 0 5%;
	text-align: block;
}
	
.box {
		background-color: #ebebeb;
	}
	
.box header {
	border-bottom: none;
	padding: 0;
	}
	
.box h1 {
	line-height: 1.8rem;
	font-size: 1.5rem;
	padding-left: 1rem;
	text-align: center;
}
	
.box p {
	font-size: 0.9rem;	
	}
	
.box-img {
	display: grid;
	align-self: center;
	justify-content: space-between;
	width: 20%;
	text-align: center;
	margin: 0 auto;
	padding: 2rem 0 2rem 0;
}
	
.button2 .button3 {
	align-self: baseline;
	background-color: #dceced;
	text-align: center;
	padding: 1rem 0;
}
	

.box3 {
		background-color: #ebebeb;
	}
	
.box3 header {
	border-bottom: none;
	padding: 0;
	}
	
.box3 h1 {
	line-height: 1.8rem;
	font-size: 1.5rem;
	padding-left: 1rem;
	text-align: center;
}
	
.box3 p {
	font-size: 0.9rem;	
	}
	
.box3-img {
	display: grid;
	align-self: center;
	justify-content: space-between;
	width: 20%;
	text-align: center;
	margin: 0 auto;
	padding: 2rem 0 2rem 0;
}

.button3 {
	align-self: baseline;
	background-color: #dceced;
	text-align: center;
	padding: 1rem 0;
}

.box-item4 {
	display: grid;
	grid-auto-flow: row;
	grid-auto-columns: repeat(auto-fit, minmax (250px, 3fr));
	height: auto;
	font-size: 0.9rem;
}

.box-item3 {
		font-weight: bold!important;
}


.box-item4 h1 {
	text-align: left;
	padding-right: 2rem;
	font-size: 1.5rem;
}

.box-item4 li {
	list-style: none;
	padding: 0 2rem 0 2rem;
	
}

.box-item5 {
	display: grid;
	grid-auto-flow: row;
	align-self: baseline;
	height: auto;
}

.box-item5 h1 {
	text-align: left;
	padding-right: 2rem;
	
}


.box-item5 li {
	list-style: none;
	padding: 0 2rem 0 2rem;
}

.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
		width: 2rem;
	    
}

.button {
	padding: 1rem;
	text-align: center;
	cursor: pointer;
	background-color: #ebebeb;
	color: #ffffff;
	
	box-shadow: 1px 1px 1px #333;
	transition: .2s;
}

.button:hover {
		box-shadow: 10px 10px 10px #ebebeb;
		transform: scale(1.05);
		background-color: #ffffff;
		color: #264693;
	}

.button2 {
	padding: 0.8rem 0 0.8rem 0;
	text-align: center;
	cursor: pointer;
	background-color: #dceced;
	font-size: 1.5rem;
	transition: .2s;
}

.button2 a {
	color: #264693;
	font-size: 1.2rem;
	
}

.button2:hover {
		box-shadow: 10px 10px 10px #ebebeb;
		transform: scale(1.05);
		background-color: #264693;
}

.recht {
	text-align: center;
	border-bottom: solid thin #264693;
	border-top: solid thin #264693;
	padding: 1rem 0 0 0;
}
	
#footer h1 {
	text-align: left;
	color: #264693;
	padding: 0 2rem 1rem 2rem;
	height: auto;
}

#footer h1 + p {
	padding: 0 2rem 1rem 2rem;
	color: #264693;
}

#footer p {
	padding: 0 2rem 1rem 2rem;
}
	


}