/* barlow-semi-condensed-regular - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-semi-condensed-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Barlow Semi Condensed Regular'), local('BarlowSemiCondensed-Regular'),
       url('../fonts/barlow-semi-condensed-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed-v4-latin-regular.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}

/* luckiest-guy-regular - latin */
@font-face {
  font-family: 'Luckiest Guy';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/luckiest-guy-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Luckiest Guy Regular'), local('LuckiestGuy-Regular'),
       url('../fonts/luckiest-guy-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/luckiest-guy-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/luckiest-guy-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/luckiest-guy-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/luckiest-guy-v9-latin-regular.svg#LuckiestGuy') format('svg'); /* Legacy iOS */
}

.antispam{
	display: none;
}

* GENERAL SETTINGS ------------------*/ 
body,h1,h2,h3,h4,h5,h6,p,blockquote,form,label,fieldset,ul,li,ol,dl {
	margin:0;padding:0;}
body {
	padding: 0;
	margin:0;
	font-family:  'Barlow Semi Condensed', sans-serif;
	font-size: 16px;
	color: #404040;
 	font-weight: normal;
	border: 0px solid green; }
p, input, textarea {
	padding: 0 0 3px 0; margin:0;}
	
	p {padding: 0 0 6px 0; margin:0;}

/* STYLING ---------------------------*/ 
h1, h2, h3, h4, h5{margin: 0px; padding:2px 0 2px 0;}
h1 {font-size: 18px;	font-weight: bold;}	
h2{	font-size: 16px;	font-weight: bold;}
h3 {font-size: 14px;font-weight: normal;}
h4, h5 {font-size: 13px;font-weight:normal;}
hr {border-top: 1px solid #585858; border-right: 0;	border-left: 0;	border-bottom: 0; height: 1px;} 
	
.clr{clear:both;}
	
#header{background-color:#ffffff;border-bottom:solid 1px #cccccc;}
#head_left{float:left;padding:20px;}
#head_right{float:right;padding:0 20px 0 0;}
#head_right h2{margin-top:60px;margin-bottom:30px;}

#main,#footer{width:96%;margin:auto;position:relative;}
#footer{font-size:12px;border-top:solid #585858 1px;padding-top:10px;margin-top:50px;text-align:right;}
/* FORMS
--------------------------------------*/ 
input.inputbox#mod_search_searchword {
	height:26px; width:166px; border:0px; padding-left:7px;}
.inputbox label{
	height:20px; border:1px solid #cdcfa8;}

.inputbox {
	float:left;
	padding: 2px;
	margin: 1px;
	border: 2px solid #cdcfa8;
	background-color: #FFFFFF;
	color:#000000;
	}
	

.button, .validate {
	float:right;
	padding: 2px;
	margin: 1px;
	border: 2px solid #cdcfa8;
	background-color: #FFFFFF;
	color:#000000;
}

fieldset {
	border:1px dotted #ccc; padding:5px;}
	
/* LINKS 
--------------------------------------*/ 
a:link, a:visited {
	color:#404040; text-decoration:underline;}
a:hover {
	color:#404040; text-decoration:underline;}

a img { border:0px solid #FFFFFF;}
	
.readon {
	width:100px; height:20px; float:right; text-align:right;}
a.readon:link, a.readon:visited {
	}
a.readon:hover {
	color:#333;}
	
table.border  {	
	border: solid 1px #ccc;
}	
td.border  {	
	border-top: solid 1px #ddd;
}
table.bg  {	
	background-color:#eee;
}


.ungerade{
	background-color:#dad5c2;
}
.gerade{
	background-color:#fff;
}

.gerade:hover, .ungerade:hover {background-color:#cfcab8;}

a.refbutton{
	display:block;
	width:200px;
	line-height:30px;
	text-decoration:none;
	border-top: solid 1px #999;
	border-right: solid 1px #666;
	border-bottom:solid 1px #666;
	border-left: solid 1px #999;
	padding:5px;
	background-color: #dad5c2;
}

a.formbutton{
	text-decoration:none;
	border-top: solid 1px #ccc;
	border-right: solid 1px #aaa;
	border-bottom:solid 1px #aaa;
	border-left: solid 1px #ccc;
	padding:2px;
	background-color: #ddd;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

input, textarea {padding:2px 4px;margin:0;border:solid 1px #bebaa9;}
input[type='text'], input[type='textarea'], select {font-family: 'Barlow Semi Condensed', sans-serif;}
input[type='button'],input[type='file'], input[type='submit'],button[type='submit']{	padding:2px 4px; border:solid 1px #bebaa9; font-family: 'Barlow Semi Condensed', sans-serif;} 
input[type='submit']{font-weight:bold;}
#block_main, #block2, #block3, #block_teilnehmer, #block_einladung, #block_protokoll{display:none;}

#block1 input,#block1 textarea,#block2 input,#block2 textarea, #block3 input, #block3 textarea {}

.toggleblock{
	background-color:#ddd;
	padding: 6px;
}
.toggleblock a{
	text-decoration:none;}
	
/*Haupt-Navigation *********************************************/

#menu_top{ width:100%;border-bottom:solid 1px; height:30px;margin-bottom:20px;background-color:#dad5c2;}
/* Navigation */

/*Top 1. Ebene */

#menu_top a{
	text-decoration:none;
}

#menu_top ul {margin:0 0 0 0;padding:0;border:solid 0px;position:relative;}

#menu_top ul li{
	display:inline;
	position: relative;
	padding:5px 10px;
	margin:0 5px;
	line-height:20px;
	float:left;
	border-right: solid 1px #08727f;
	border-top: solid 1px #08727f;
	border-left: solid 1px #08727f;
	background-color:#ffffff;
}

#menu_top ul li a{color:#08727f;}
#menu_top ul li ul li a{color:#404040;}

#menu_top ul li:hover{background-color:#f4eed9;}
/*Top 2. Ebene */

#menu_top ul li ul { display:none;  position: absolute;  top: 16px;   left: -10px;  background-color:#f4eed9;  opacity:0.95;  margin:14px 0 0 10px;  padding:0 0 6px 0;  }
  
#menu_top ul li:hover ul {
  display:block;
  z-index:500;}
  
  
#menu_top ul li ul li{
  display:block;
  padding:5px 0px 5px 15px;
  line-height:20px;
  width:200px;
  border:none;
  border-bottom:solid 2px #ffffff;
  background-color:#f4eed9;
  
}
#menu_top ul li ul li a{
	border-bottom: solid 0px #d4d2b9;
	padding-top:0px;
}
#menu_top ul li ul li a:hover{color:#08727f;}

/*Top 3. Ebene */
#menu_top ul li ul li ul{
  position: relative;
  top: 0em; 
  left: 0;
  padding:0;
  background:none;
}
  #menu_top ul li ul li ul li{
  padding:5px 0px 5px 0px;
  line-height:20px;
  width:auto;
  border:none;
  background-color:none;
  
}
#menu_top ul li ul li ul li a{display:inline-block;}

dl, dd, dt{margin:0;padding:0;}
dt, dd{float:left;}
dt{clear:both;width:150px;}
dd{width:auto;padding-left:5px;}


/* Fragen --- Kat1-Natur, Kat2-Technik, Kat3-Kunst*/
#wrapper{position:relative;width:100%;height:100vh;}
#wrapper a{text-decoration:none;}
#fe_logo{position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-200px;}
#block_top{height:17vh;position:relative;}

#top_left{padding-top:5vh;padding-left:30px;height:17vh;width: 50vw;float: left;}
#top_left a.home:before{content: '\e69b';font-family:'themify';font-size:40px;position: relative;padding:20px;margin-right:10px;top:0px;width:70px;height:70px;border-radius:50%;color:#ffffff;background-color: #198c93;}
#top_left a.back:before{content: '\e629';font-family:'themify';font-size:40px;position: relative;padding:20px;margin-right:10px;top:0px;width:70px;height:70px;border-radius:50%;color:#ffffff;background-color:#74104c;}
#top_left a.info:before{content: '\e697';font-family:'themify';font-size:40px;position: relative;padding:20px;margin-right:10px;top:0px;width:70px;height:70px;border-radius:50%;color:#ffffff;background-color:#6b8625;}

#top_right{float:right;width:22%;text-align:right;position:absolute;right:0;top:0;z-index:90;}
#top_right img{width:100%;max-width:500px;height:auto;}

#block_bottom{height:15vh;background-color:#818487;border-top:solid 2vh #ffffff;}
table.block{width:100%;height:66vh;border:none;}
table.block a{color:#ffffff;}
td.block_1, td.block_2, td.block_3{color:#ffffff;font-family: 'Luckiest Guy';font-weight:normal;font-size:70px;height:22vh;padding-left:42%;vertical-align:middle;}
td.block_1{background-color:#6b8625;}
td.block_2{background-color:#198c93;}
td.block_3{background-color:#74104c;}
td.block_1 a, td.block_2 a, td.block_3 a {} 
td.block_1 a:before{content: '\e678';font-family:'themify';font-size:50px;position: relative;padding:10px;margin-right:10px;top:0px;width:70px;height:90px;border-radius:50%;color:#6b8625;background-color:#c4cfa7;}
td.block_2 a:before{content: '\e60f';font-family:'themify';font-size:50px;position: relative;padding:10px;margin-right:10px;top:0px;width:70px;height:90px;border-radius:50%;color:#198c93;background-color:#a4d1d4;}
td.block_3 a:before{content: '\e61c';font-family:'themify';font-size:50px;position: relative;padding:10px;margin-right:10px;top:0px;width:70px;height:90px;border-radius:50%;color:#74104c;background-color:#c79fb7;}

#prof{width:22vw;position:fixed;z-index:90;bottom:0;left:1vw;}
#prof img{width:auto;max-width:450px;height:auto;max-height:70vh;}

#katname{position:relative;margin-top:30vh;text-align:center;color:#ffffff;font-family: 'Luckiest Guy';font-weight:normal;font-size:20vh;}
#frage_kat1 #katname {text-shadow: 0.1em 0.1em 0.2em #6b8625;}
#frage_kat2 #katname {text-shadow: 0.1em 0.1em 0.2em #198c93;}
#frage_kat3 #katname {text-shadow: 0.1em 0.1em 0.2em #74104c;}
#frage_kat1, #frage_kat2, #frage_kat3{width:100vw;height:100vh;position:relative;}
#frage_kat1 {background:url('../images/Verlauf_Natur.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#frage_kat2 {background:url('../images/Verlauf_Technik.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#frage_kat3 {background:url('../images/Verlauf_Kunst.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

#content.front{margin-bottom:0;min-height:78vh;position:relative;}
 #content.front .hauptteil {position:absolute;top:0;bottom:0;left:0;right:0;margin-bottom:0;padding:50px 5vw 50px 10vw;} 
 #content.front .hauptteil .fragetext{width:70vw;margin-left:10vw;margin-top:10vh;font-size:36px;color:#ffffff;}
 #content.front .hauptteil h1 a{font-size:50px;color:#ffffff;}
 #content.front .hauptteil h1 a img{vertical-align:middle;}
 #content.front .hauptteil h1 {font-size:50px;color:#ffffff;margin-top:4vh;}

#frage_kat1 .bubble1, #frage_kat1 .bubble2,#frage_kat1 .bubble3,#frage_kat1 .bubble4,#frage_kat1 .bubble5,#frage_kat1 .bubble6 {text-align:center;color:#ffffff;font-size:2.5vh; overflow:hidden;background-color:#6b8625;}
#frage_kat2 .bubble1, #frage_kat2 .bubble2,#frage_kat2 .bubble3,#frage_kat2 .bubble4,#frage_kat2 .bubble5,#frage_kat2 .bubble6 {text-align:center;color:#ffffff;font-size:2.5vh; overflow:hidden;background-color:#198c93;}
#frage_kat3 .bubble1, #frage_kat3 .bubble2,#frage_kat3 .bubble3,#frage_kat3 .bubble4,#frage_kat3 .bubble5,#frage_kat3 .bubble6 {text-align:center;color:#ffffff;font-size:2.5vh; overflow:hidden;background-color:#74104c;}
.bubble1{padding:30px;border-radius:50%;border:none;position:absolute;top:30vh;left:5vw;width:15vh;height:15vh;}
.bubble2{padding:30px;border-radius:50%;border:none;position:absolute;top:20vh;left:20vw;width:12vh;height:12vh;}
.bubble3{padding:30px;border-radius:50%;border:none;position:absolute;top:45vh;left:50vw;width:13vh;height:13vh;}
.bubble4{padding:30px;border-radius:50%;border:none;position:absolute;top:60vh;left:65vw;width:15vh;height:15vh;}
.bubble5{padding:30px;border-radius:50%;border:none;position:absolute;top:50vh;left:55vw;width:12vh;height:12vh;}
.bubble6{padding:30px;border-radius:50%;border:none;position:absolute;top:26vh;left:42vw;width:13vh;height:13vh;}

#logo{background-color:#ffffff;width:400px;}
#quest{max-width:1920px;clear:both;}
#quest h1, #quest h2, #quest h3{font-family: 'Luckiest Guy';font-weight:normal;}
#quest h2{font-size:28px;}
#quest.kat1{background-color:#f0f3ea;}
#quest.kat2{background-color:#e8f4f4;}
#quest.kat3{background-color:#f1e8ed;}
#sidebar{width:10vw;padding-right:2vw;float:left;}
#content{width:88vw;float:right;}
.hauptteil{border-radius: 150px 0px 0px 0px;padding:50px 5% 50px 10%;color:#ffffff;font-size:20px;margin-bottom:30px;}
.experten{padding:50px 5% 50px 10%;color:#ffffff;font-size:20px;background-color:#ffffff;margin-bottom:30px;}
.galerie{padding:50px 5% 50px 10%;font-size:20px;background-color:#ffffff;margin-bottom:30px;}
.kat1 .hauptteil{background-color:#6b8625;}
.kat2 .hauptteil{background-color:#198c93;}
.kat3 .hauptteil{background-color:#74104c;}
.kat1 .experten{background-color:#c4cfa7;color:#6b8625;}
.kat2 .experten{background-color:#a4d1d4;color:#198c93;}
.kat3 .experten{background-color:#c79fb7;color:#74104c;}
.kat1 .galerie{color:#6b8625;}
.kat2 .galerie{color:#74104c;}
.kat3 .galerie{color:#198c93;}
.hauptteil h1, .experten h1, .galerie h1{font-size:36px;line-height:70px;}
.frage {margin-bottom:30px;}
div.txt{width:70%;float:left;}
div.pic {max-width:25%;height:auto;float:right;}
div.pic img{width:100%;max-width:400px;height:auto;}
div.pic:after{clear:both;}

.antwort h1:before{content: '\e644';font-family:'themify';position: relative;padding:10px;margin-right:10px;top:0px;width:70px;height:70px;border-radius:50%;}
.experten h1:before{content: '\e695';font-family:'themify';position: relative;padding:10px;margin-right:10px;top:0px;width:70px;height:70px;border-radius:50%;}
.galerie h1:before{content: '\e64e';font-family:'themify';position: relative;padding:10px;margin-right:10px;top:0px;width:70px;height:70px;border-radius:50%;}
.kat1 .antwort h1:before{color:#6b8625;background-color:#c4cfa7;}
.kat1 .experten h1:before{color:#ffffff;background-color:#6b8625;}
.kat1 .galerie h1:before{color:#ffffff;background-color:#6b8625;}
.kat2 .antwort h1:before{color:#198c93;background-color:#a4d1d4;}
.kat2 .experten h1:before{color:#ffffff;background-color:#a4d1d4;}
.kat2 .galerie h1:before{color:#ffffff;background-color:#198c93;}
.kat3 .antwort h1:before{color:#74104c;background-color:#c79fb7;}
.kat3 .experten h1:before{color:#ffffff;background-color:#74104c;}
.kat3 .galerie h1:before{color:#ffffff;background-color:#74104c;}

/*Galerie*/
.masonry-layout { column-count: 3; column-gap: 30px;}
.masonry-layout-panel { break-inside: avoid;  padding: 5px;}
.masonry-layout-panel__content {  padding: 10px;}
.masonry-layout img{width:100%;max-width:500px;height:auto;margin-bottom:30px;}