@charset "UTF-8";

/*
Theme Name: FAOSDHUT
Theme URI: https://wp.crispo.org/themes/faosdhut/
Author: Anto
Author URI: https://wp.crispo.org/
Description: Fast alles ohne Strom. Das Hosen Unplugged Tribute.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: faosdhut

FAOSDHUT WordPress Theme, (C) 2022 crispo.org
*/

@font-face {
  font-family: OpenSans;
  src: url(OpenSans-Regular.ttf);
}

@font-face {
  font-family: OpenSansBold;
  src: url(OpenSans-SemiBold.ttf);
}

@font-face {
  font-family: OpenSansExtraBold;
  src: url(OpenSans-ExtraBold.ttf);
}

@keyframes glow {
  0% {
    text-shadow: 0 0 10px #fff, 0 0 20px #ffffff, 0 0 30px #00ff07, 0 0 40px #00ff07, 0 0 50px #00ff07, 0 0 60px #00ff07, 0 0 70px #00ff07, 0 0 80px #00ff07;
  }
  33% {
    text-shadow: 0 0 10px #fff, 0 0 20px #00ff07, 0 0 30px #fff000, 0 0 40px #fff000, 0 0 50px #fff000, 0 0 60px #fff000, 0 0 70px #fff000, 0 0 80px #fff000;
  }
  66% {
    text-shadow: 0 0 10px #fff, 0 0 20px #ffffff, 0 0 30px #dd00ff, 0 0 40px #dd00ff, 0 0 50px #dd00ff, 0 0 60px #dd00ff, 0 0 70px #dd00ff, 0 0 80px #dd00ff;
  }
  100% {
    text-shadow: 0 0 10px #fff, 0 0 20px #dd00ff, 0 0 30px #ffcc00, 0 0 40px #ffcc00, 0 0 50px #ffcc00, 0 0 60px #ff0000, 0 0 70px #ff0000, 0 0 80px #ff0000;
  }  
}

@keyframes glow2 {
  0% {
    text-shadow: 0 0 10px #fff, 0 0 20px #00ff07, 0 0 30px #fff000, 0 0 40px #fff000, 0 0 50px #fff000, 0 0 60px #fff000, 0 0 70px #fff000, 0 0 80px #fff000;
  }
  33% {
    text-shadow: 0 0 10px #fff, 0 0 20px #ffffff, 0 0 30px #dd00ff, 0 0 40px #dd00ff, 0 0 50px #dd00ff, 0 0 60px #dd00ff, 0 0 70px #dd00ff, 0 0 80px #dd00ff;
  }
  66% {
    text-shadow: 0 0 10px #fff, 0 0 20px #ffffff, 0 0 30px #00ff07, 0 0 40px #00ff07, 0 0 50px #00ff07, 0 0 60px #00ff07, 0 0 70px #00ff07, 0 0 80px #00ff07;
  }
  100% {
    text-shadow: 0 0 10px #fff, 0 0 20px #dd00ff, 0 0 30px #ffcc00, 0 0 40px #ffcc00, 0 0 50px #ffcc00, 0 0 60px #ff0000, 0 0 70px #ff0000, 0 0 80px #ff0000;
  }  
}

@keyframes glow3 {
  0% {
    text-shadow: 0 0 10px #fff, 0 0 20px #dd00ff, 0 0 30px #ffcc00, 0 0 40px #ffcc00, 0 0 50px #ffcc00, 0 0 60px #ff0000, 0 0 70px #ff0000, 0 0 80px #ff0000;
  }  
  33% {
    text-shadow: 0 0 10px #fff, 0 0 20px #ffffff, 0 0 30px #00ff07, 0 0 40px #00ff07, 0 0 50px #00ff07, 0 0 60px #00ff07, 0 0 70px #00ff07, 0 0 80px #00ff07;
  }
  66% {
    text-shadow: 0 0 10px #fff, 0 0 20px #00ff07, 0 0 30px #fff000, 0 0 40px #fff000, 0 0 50px #fff000, 0 0 60px #fff000, 0 0 70px #fff000, 0 0 80px #fff000;
  }
  100% {
    text-shadow: 0 0 10px #fff, 0 0 20px #ffffff, 0 0 30px #2200ff, 0 0 40px #2200ff, 0 0 50px #2200ff, 0 0 60px #2200ff, 0 0 70px #2200ff, 0 0 80px #2200ff;
  }
}


html, body
{
	margin:0;
	padding:0;
	box-sizing: border-box;
	min-width:375px;
}

body 
{
	font-family: "OpenSans", sans-serif;
	font-size:14px;
	color:#eee;
	background:#111 url(img/bg2.jpg) no-repeat center bottom;
	background-attachment:fixed;
	background-size:cover;
}

body *
{
	box-sizing: border-box;
}

h2.page_title
{
	font-size:200%;
	text-transform:uppercase;
	color:#fff;
	-webkit-animation: glow 4s ease-in-out infinite alternate;
	-moz-animation: glow 4s ease-in-out infinite alternate;
	animation: glow 4s ease-in-out infinite alternate;
	margin-bottom:50px;
}

h4
{
	font-family:"OpenSansBold", sans-serif;
	margin: 0;
	font-size:280%;
	color:#0008;
	text-align:center;
	text-transform:uppercase;
}

h5
{
	font-size:100%;
	font-weight:bold;
}

h3.glow
{
	animation: glow 4s ease-in-out infinite alternate;
}

div#content a:not(.fg-thumb)
{
	color:#00FF07;
	text-decoration:none;
	padding:5px;
}
div#content a:hover
{
	text-shadow: 0 0 10px #fff, 0 0 20px #dd00ff, 0 0 30px #ffcc00, 0 0 40px #ffcc00, 0 0 50px #ffcc00, 0 0 60px #ff0000, 0 0 70px #ff0000, 0 0 80px #ff0000;
}

div#content
{
	min-height:calc(100vh - 132px);
}

header, div#header-inside
{
	position:relative;
}
label.burgernavi,
input.burgernavi
{
	display:none;
}
div.hauptnavigation
{
	border-bottom: 0px solid #00FF0744;
	/*background: #0008 url(img/bg2.jpg) no-repeat center bottom;*/
	background-size:cover;
	background-attachment:fixed;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
	text-transform:uppercase;
	position:fixed;
	width:100%;
	z-index:888888;
}
div.hauptnavigation::after
{
/*	content:"";
	mask-image: url(img/border-bottom.png);
	mask-position: bottom left;
    mask-repeat: repeat-x;
	mask-size: 200px;
*/	display: inline-block;
	position: absolute;
	bottom: -10px;
	left: 0;
	width:100%;
	height: 10px;
	background-color: #ddc09d;	
	/*background: #0008 url(img/bg2.jpg) no-repeat center bottom;*/
	background-size:cover;
	background-attachment:fixed;
	z-index:1;
}

div.hauptnavigation div#hauptnavi-inside
{
	position:relative;
	background-color: #0008;
	background: linear-gradient(180deg, #0008 0%, #0004 100%);
	box-shadow: 0 0 50px #0008;
}

div.hauptnavigation div#hauptnavi-inside::after
{
/*	content:"";
	mask-image: url(img/border-bottom.png);
	mask-position: bottom left;
    mask-repeat: repeat-x;
	mask-size: 200px;
*/	display: inline-block;
	position: absolute;
	bottom: -10px;
	left: 0;
	width:100%;
	height: 10px;
	background-color: #0004;	
	z-index:2;
}

main#main
{
	padding-top:0px;
	border-top:70px solid black;
}

div.hauptnavigation ul, div.hauptnavigation ul li
{
	display:inline-block;
	list-style:none;
	padding-left:0;
}
div.hauptnavigation ul li
{
	margin:16px 24px;
}
header ul#menu-hauptmenu li.menu-item a[href="/#"]
{
	display: inline-block;
	width: 160px;
	height: 36px;
	color:#00ff0700;
	background:transparent url(https://fast-alles-ohne-strom.de/wp-content/uploads/2024/10/Logo_vektor.svg) no-repeat center;
	background-size:contain;
	margin: -80px 0;
	position: relative;
	top: -24px;
	font-size:0;
/*	position:fixed;
	top:0;
	left:0;
	z-index:999;*/
}
header ul#menu-hauptmenu li.menu-item#menu-item-36
{
	position:fixed;
	top:-5px;
	left:20px;
	z-index:999;
}
header ul#menu-hauptmenu li.menu-item a[href="/#"]::after
{
	content:"";
	position:absolute;
	top: 0px;
	left:0px;
	width:160px;
	height:160px;
	background:transparent url(https://fast-alles-ohne-strom.de/wp-content/uploads/2024/10/Logo_vektor.svg) no-repeat center;
	background-size:contain;
	z-index:999;
	border-radius: 0 0 16px 16px;
	border-top:10px solid black;
}
div.hauptnavigation ul li:nth-child(3n) a
{
	-webkit-animation: glow 3s ease-in-out infinite alternate;
	-moz-animation: glow 3s ease-in-out infinite alternate;
	animation: glow 3s ease-in-out infinite alternate;
}

div.hauptnavigation ul li:nth-child(3n+1) a
{
	-webkit-animation: glow2 3.5s ease-in-out infinite alternate;
	-moz-animation: glow2 3.5s ease-in-out infinite alternate;
	animation: glow2 3.5s ease-in-out infinite alternate;
}

div.hauptnavigation ul li:nth-child(3n+2) a
{
	-webkit-animation: glow3 4s ease-in-out infinite alternate;
	-moz-animation: glow3 4s ease-in-out infinite alternate;
	animation: glow3 4s ease-in-out infinite alternate;
}
div.hauptnavigation ul li a
{
	display:inline-block;
	transition: all .2s linear;
}
div.hauptnavigation ul li:nth-child(odd) a:not(a[href="/#"]):hover
{
	transform: rotate(-10deg);
	transition: all .2s linear;
}

div.hauptnavigation ul li:nth-child(even) a:not(a[href="/#"]):hover
{
	transform: rotate(10deg);
	transition: all .2s linear;
}

div.footernavigation
{
}

div.socialmedianavigation
{
	padding:30px;
}
div.socialmedianavigation::before
{
	content: "Folgt uns auf";
	display:block;
	padding:30px 0 20px 0;
}
footer ul#menu-social-media
{
	font-size:160%
}

ul#menu-social-media
{
	list-style:none;
	margin:0;
	padding:0;
}

ul#menu-social-media li
{
	display:inline-block;
	margin:0;
	padding:0;
}

footer ul#menu-social-media li a
{
	border:0;
	margin:14px;
	padding:0;
}

ul#menu-social-media i.fa-instagram:hover
{
	color:#5851DB ;
}

ul#menu-social-media i.fa-facebook:hover
{
	color:#3b5998;
}
	
ul#menu-social-media i.fa-youtube:hover
{
	color:#c4302b;
}
	
	
	
	
div#wgt-header-content
{
}

div#wgt-footer-content
{
}

section.frontpage-section
{
	min-height:50vh;
	padding:50px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-attachment: fixed;
	position:relative;
}

section#frontpage-section h1.section_title, 
section#frontpage-section h3.section_title
{
	display:none;
}
section#frontpage-section div.startpage-video h1.section_title, 
section#frontpage-section div.startpage-video h3.section_title
{
	display:block;
}

section.frontpage-section a.link_anchor
{
	display:block;
	height:0;
	width:0;
	line-height:0;
	overflow:hidden;
	position:relative;
	top:-130px;
}

section.frontpage-section.bgOneColor
{
	background-color: #ddc09d;
}

section.frontpage-section.bgOneColor::before
{
	content:"";
	mask-image: url(img/border-top.png);
	mask-position: top left;
    mask-repeat: repeat-x;
	mask-size: 200px;
	display: inline-block;
	position: relative;
	top: -64px;
	left: -50px;
	width: calc(100% + 100px);
	margin-right:-50px;
	height: 10px;
	background-color: #ddc09d;	
}

section.frontpage-section.bgOneColor::after
{
	content:"";
	mask-image: url(img/border-bottom.png);
	mask-position: bottom left;
    mask-repeat: repeat-x;
	mask-size: 200px;
	display: inline-block;
	position: absolute;
	bottom: -9px;
	left: 0;
	width: 100%;
	/*margin-right:-50px;*/
	height: 10px;
	background-color: #ddc09d;	
	z-index:1;
}

section.frontpage-section div.section_content
{
	position:relative;
	z-index:3;
	margin-top:40px;
	margin-bottom:150px;
	text-align:center;
}

section.frontpage-section.bgOneColor div.section_content
{
	margin-top:0px;
}

section.frontpage-section h2.section_title
{
	text-align: center;
	margin-top: 0;
	padding-top: 0;
	text-transform: uppercase;
	position:absolute;
	/*bottom:-140px;*/
	top: 100%;
	left:10px;
	font-size:1370%;
	font-size:10vw;
	color:#fff3;
	font-family: "OpenSansBold", sans-serif;
	z-index:0;
	color:#0008;
	text-shadow: 1px 1px 0 #fff3;
	transform:translatey(-100%); 
}

section.frontpage-section.bgOneColor h2.section_title
{
	z-index:2;
	color:#fff2;
	color: #ddc09dee;
	text-shadow: -1px -1px 0 #0005, 1px 1px 0 #fff6;
	transform:translatey(-85%);
}

section#frontpage-section
{
	min-height:calc(100vh - 100px + 10px);
	min-height:56vw;
	text-align:center;
	background-image: url(https://fast-alles-ohne-strom.de/wp-content/uploads/2024/10/fast_alles_ohne_strom_24.jpg);
	background-size: 100% auto;
	background-position:0 0;
}

section#frontpage-section h1.section_title
{
	position:absolute;
	top:30%;
	right:10%;
	z-index:5;
	font-size:600%;
	font-family: "OpenSansExtraBold", sans-serif;
	color:#FFFFFFCC;
	letter-spacing:3px;
}
section#frontpage-section h3.section_title
{
	position:absolute;
	top:calc(30% + 70px);
	right:10%;
	z-index:5;
	font-size:600%;
	font-family: "OpenSansBold", sans-serif;
	color: #00ff07CC;
	color: #d0874e;
	/*
	font-size:500%;
	letter-spacing:-0.7px;
	*/
}

section#frontpage-section div.startpage-video::after
{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:calc(100% - 0px);
	/*background: transparent url(img/dots.png) repeat;*/
}

section#events-section div.event 
{
	position:relative;
	margin-bottom:10px;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	color:#000;
	text-align:left;
	height:140px;
}
section#events-section div#next-event-countdown
{
	margin-top: 50px;
}

section#events-section div.event date
{
	display: inline-block;
	position: relative;
	width:100px;
	height:100px;
}
section#events-section div.event date day
{
	display:inline-block;
	position: absolute;
	top:0%;
	left:50%;
	transform:translate(-50%,-22%);
	font-size:600%;
	font-family: "OpenSansExtraBold", sans-serif;
	color:#d0874e;
}

section#events-section div.event date month
{
	display:inline-block;
	position: absolute;
	top:13%;
	left:50%;
	transform:translate(-50%,0%);
}

section#events-section div.event date year
{
	display:inline-block;
	position: absolute;
	top:30%;
	left:50%;
	transform:translate(-50%,0%);
}

section#events-section div.event evdata
{
	display: inline-block;
	height: 100px;
	position: absolute;
	top: 0;
	left: 180px;
	width: calc(100% - 180px);
}
section#events-section div.event evdata mtitle
{
	display:block;
	font-family:"OpenSansExtraBold", sans-serif;
	font-size:140%;
}
section#events-section div.event evdata subtitle
{
	display:block;
}
section#events-section div.event evdata poweredby
{
	display:block;
	width:240px;
	height:120px;
	background-repeat:no-repeat;
	background-size:contain;
	margin-top:10px;
}
section#events-section div.event evdata time
{
	margin-right: 30px;
}

section#events-section div#upcoming_event_content
{
	text-align: center;
	margin-bottom:50px;
	font-size:200%;
	color:#000;
}
section#events-section div#upcoming_event_content h4
{
	font-family:"OpenSansBold", sans-serif;
	margin: 0;
	font-size:150%;
}

cdgreen
{
	color: #d0874e;
}

section#events-section div#upcoming_event_content tage,
section#events-section div#upcoming_event_content stunden,
section#events-section div#upcoming_event_content minuten,
section#events-section div#upcoming_event_content sekunden
{
	display: inline-block;
	width:100px;
	height:100px;
	text-align:center;
}
section#events-section div#upcoming_event_content b
{
	display:block;
	font-size:180%;
	font-family:"OpenSansExtraBold", sans-serif;
	margin-bottom: -12px;
}

section#events-section div#upcoming_event_content span
{
	display:block;
	font-size:14px;
	display:block;
}

/* Teammember Section */
section#team-section div.section_content
{
	display:flex;
	align-items: center;
	justify-content: center;
}
section#team-section div.teammember
{
	width:300px;
	height:400px;
	background-color:#fff2;
	position:relative;
	overflow:hidden;
	text-align:center;
	box-shadow: 3px 3px 13px 3px #0003;
}
section#team-section div.teammember div.hover-img-content
{
	height:100%;
	overflow:hidden;
	transform:translateY(0%);
}
section#team-section div.teammember img
{
	position:absolute;
	min-width:100%;
	min-height:100%;
	top:0;
	left:50%;
	transform:translate(-50%, -5%);
	opacity:1;
	transition: all .5s;
}
section#team-section div.teammember:nth-child(1) div.featured-img-content img
{ /* Sören */
	top:15px;
}
section#team-section div.teammember:nth-child(1) div.hover-img-content img,
section#team-section div.teammember:nth-child(1) div.hover-img-content-blur img
{ /* Sören */
	top:0px;
}

section#team-section div.teammember:nth-child(2) div.featured-img-content img
{ /* Jürgen */
	top:-25px;
}
section#team-section div.teammember:nth-child(2) div.hover-img-content img,
section#team-section div.teammember:nth-child(2) div.hover-img-content-blur img
{ /* Jürgen */
	top:-15px;
}

section#team-section div.teammember:nth-child(3) div.featured-img-content img
{ /* Anke */
	top:-55px;
	left: 70px;
}
section#team-section div.teammember:nth-child(3) div.hover-img-content img,
section#team-section div.teammember:nth-child(3) div.hover-img-content-blur img
{ /* Anke */
	top:-60px;
}

section#team-section div.teammember:nth-child(4) div.featured-img-content img
{ /* Lara */
	top:-65px;
}
section#team-section div.teammember:nth-child(4) div.hover-img-content img,
section#team-section div.teammember:nth-child(4) div.hover-img-content-blur img
{ /* Lara */
	top:-80px;
}

section#team-section div.teammember:nth-child(5) div.featured-img-content img
{ /* Mille */
	top:35px;
}
section#team-section div.teammember:nth-child(5) div.hover-img-content img,
section#team-section div.teammember:nth-child(5) div.hover-img-content-blur img
{ /* Mille */
	top:5px;
}

section#team-section div.teammember:nth-child(6) div.featured-img-content img
{ /* Marcus */
	top:35px;
	left:170px;
}
section#team-section div.teammember:nth-child(6) div.hover-img-content img,
section#team-section div.teammember:nth-child(6) div.hover-img-content-blur img
{ /* Marcus */
	top:-35px;
}

section#team-section div.teammember h3
{
	position:relative;
	width:100%;
	top:-50px;
	background-color:#0008;
	padding:10px 5px;
	transition: all .3s;
	font-size:160%;
	text-transform:uppercase;
	margin:0;
}
section#team-section div.teammember h3 sub
{
	color: #d0874e;
	font-size:70%;
	text-transform: capitalize;
	position:relative;
	top:-14px;
}
section#team-section div.teammember p
{
	position:relative;
	width:100%;
	min-height:35%;
	top:-800px;
	background-color:#000A;
	padding:10px 5px;
	margin:0;
	opacity:0;
	transition: top .8s, opacity .2s;
}
section#team-section div.teammember:hover img.featured-img
{
	opacity:0;
	transition: all .5s;
}
section#team-section div.teammember div.teammemberText
{
	position:absolute;
	top:375px;
	bottom:auto;
}
section#team-section div.teammember:hover div.teammemberText
{
	top:auto;
	bottom:0px;
}
section#team-section div.teammember:hover h3
{
	top:5px;
	transition: all .2s;
	background-color:#d0874eAA;
	color:#000C;
}
section#team-section div.teammember:hover h3 sub
{
	color: #ffffff;	
}
section#team-section div.teammember:hover p
{
	top:0px;
	opacity:1;
	transition: top .2s, opacity .8s;
}

/* Kapelle Section */
section#kapelle-section img
{
	border:5px solid silver;
}

section#spende-section div.spendecontainer
{
	width:700px;
	margin:auto;
	display:flex;
	justify-content:center;
}
section#spende-section div.spendenkonto b
{
	display:block;
}
section#spende-section div.spendecontainer div
{
	width:350px;
	text-align:left;
}


/* Fotos */
section#pics-section img
{
	transition: all .5s;
}
section#pics-section img:hover
{
	transform:scale(1.1);
	box-shadow: 0 0 10px 5px #0008;
	transition: all 1s;
}

/* News */
section#news-section div.news
{
	display:inline-block;
	width:300px;
	margin-right:30px;
	margin-bottom:50px;
	vertical-align:top;
	text-shadow: 0 0 10px #000;
}
section#news-section div.news a.more-link
{
	color:#00ff07;
}
section#news-section div.news a.more-link i
{
	color:#fff;
	margin-right:10px;
	margin-left:-5px;
}

section#news-section div.news div.featured-img-content
{
	width:300px;
	height:300px;
	border-radius:100%;
	overflow:hidden;
	margin-bottom:40px;
	box-shadow: 0px 5px 15px 10px #0008;
	background-color:#fff;
}
section#news-section div.news div.featured-img-content img
{
	width:100%;
	height:100%;
	object-fit: contain;
}

/* Music */
section#music-section div.werbetext
{
	max-width:600px;
	margin:auto;
	background-color: #d0874ecc;
    padding: 30px;
    color: #000;
}
div.soundtrack
{
	width: 400px;
	text-align:left;
	margin:auto;
	margin-bottom:5px;
	box-shadow: 1px 3px 5px -1px #000;
}
div.soundtrack p
{
	background-color:#1c1c1ccc;
	padding:15px 18px 2px 18px;
	margin-bottom:0;
}
div.soundtrack audio
{
	display:inherit;
	margin-top:0;
	width:100%;
}
section#sponsoren-section
{
	background: #fff;
	color:#111;
}
section#sponsoren-section h2.section_title
{
	display:none;
}
section#sponsoren-section div.section_content
{
	text-align:left;
}
section#sponsoren-section div.section_content h2
{
	border-bottom: 1px dotted gray;
}
section#sponsoren-section div.sponsoren
{
	margin-bottom:50px;
}
section#sponsoren-section div.sponsoren a.sponsor,
section#sponsoren-section div.partnerContainer a.partner
{
	display:inline-block;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	border:0px dotted gray;
	color:#111;
	margin-top:25px;
	margin-right:25px;
}
section#sponsoren-section div.sponsoren a.sponsor:first-child,
section#sponsoren-section div.partnerContainer a.partner:first-child
{
	margin-top:0px;
}
section#sponsoren-section div.hauptsponsoren a.sponsor
{
	width:360px;
	height:180px;
	margin-right:100px;
}
section#sponsoren-section div.sponsoren a.sponsor:hover,
section#sponsoren-section div.partnerContainer a.partner:hover
{
	text-shadow:none;
}
section#sponsoren-section div.goldsponsoren a.sponsor
{
	width:200px;
	height:100px;
}

section#sponsoren-section div.silbersponsoren a.sponsor
{
	width:100px;
	height:50px;
}

section#sponsoren-section.frontpage-section.bgOneColor::before,
section#sponsoren-section.frontpage-section.bgOneColor::after
{
	content:"";
	background-color:#fff;
}

footer
{
	position:relative;
}

/*
footer::before
{
	content:"";
	position:absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: #222 url(img/bg.jpg) no-repeat left bottom;
	background-size:cover;
	background-attachment:fixed;
	filter: grayscale(100%);
}
*/
div#footer-inside
{
	text-align:center;
	padding-top:0px;
	position:relative;
    z-index: 999;
/*	background-color: #0008; */
}

footer div.copyright_legallinks
{
	font-size:12px;
	background-color:#000;
}

footer div.copyright_legallinks div,
footer div.copyright_legallinks ul,
footer div.copyright_legallinks ul li
{
	display:inline-block;
}

footer div.copyright_legallinks ul
{
	list-style:none;
	padding-left:0;
	margin-left:0;
}
ul.menu a
{
	color:#eee;
	text-decoration:none;
}
ul.menu a:hover
{
	color:#d0874e;
}
footer a
{
	color:#ccc;
	text-decoration:none;
	border-left: 1px solid #555;
	padding: 0 0 0 12px;
	margin: 0 0 0 7px;
}
footer a:hover
{
	color:#aaa;
}

body:not(body.home) main#main
{
	max-width:1920px;
	margin:auto;
	padding:100px 5%;
}	


/* Kontaktseite */
section#kontakt-section h4
{
	color:#eee !important;
}
section#kontakt-section div.wpcf7
{
	max-width:1024px;
	margin:auto;
	margin-top:50px;
}

section#kontakt-section div.wpcf7 form.wpcf7-form p
{
	width:33%;
	display:inline-block;
	text-align:center;
	padding: 0 10px;
}

section#kontakt-section div.wpcf7 form.wpcf7-form p.message_area
{
	width:100%;
}
section#kontakt-section div.wpcf7 form.wpcf7-form p.submit_btn
{
	text-align:left;
	width:100%;
}

section#kontakt-section div.wpcf7 form.wpcf7-form input
{
	width:100%;
	border: 0;
	border-bottom: 1px solid #ad906d;
	background:none;
	outline:none;
	height:25px;
	border-radius: 5px;
	padding:5px;
	font-family: "OpenSans", sans-serif;
	font-size:14px;
	color: #fff;
}
section#kontakt-section div.wpcf7 form.wpcf7-form input:focus
{
	border-bottom: 1px solid #d0874e;
}

section#kontakt-section div.wpcf7 form.wpcf7-form textarea
{
	width:100%;
	border: 0;
	border-bottom: 1px solid #ad906d;
	background:none;
	outline:none;
	height:200px;
	padding:5px;
	font-family: "OpenSans", sans-serif;
	font-size:14px;
	color:#fff;
}

section#kontakt-section div.wpcf7 form.wpcf7-form input[type=submit]
{
	width:100px;
	height:40px;
	background-color:#0002;
	background-color: #d0874e88;
	border:0;
	padding:10px;
	border-radius:0;
	transition: all .2s;
}
section#kontakt-section div.wpcf7 form.wpcf7-form input[type=submit]:hover
{
	cursor:pointer;
	background-color:#d0874e;
	border:0;
	transition: all .2s;
}

body.single div.featured_img_content
{
	width:400px;
	height: 400px;
	overflow:hidden;
	float: left;
	margin-right: 50px;
}
body.single div.featured_img_content img
{
	width:100%;
}


/* Plugin Config */
div.foogallery.foogallery-container
{
	display:inline-block;
	width:400px;
}

section#frontpage-section div.startpage-video
{
	margin: -10px 0;
}
#faos_offiziell
{
	width:80%;
}

@media only screen and (max-width : 1260px) 
{
	div#hauptnavi-inside
	{
		text-align:right;
		padding-right: 50px;
	}
	div.hauptnavigation ul li
	{
		margin: 16px 15px !important;
	}
	section#team-section div.section_content
	{
		flex-wrap:wrap;
	}
	section#team-section div.teammember:nth-child(3) div.featured-img-content img
	{ /* Anke */
		top:-55px;
		left: 106px;
	}	
	section#team-section div.teammember:nth-child(3) div.hover-img-content img,
	section#team-section div.teammember:nth-child(3) div.hover-img-content-blur img
	{ /* Anke */
		top:-60px;
	}
}
@media only screen and (min-width : 1100px) 
{
	section#sponsoren-section div.section_content 
	{
		text-align: center;
		max-width: 1400px;
		margin:auto;
	}

}
@media only screen and (max-width : 1100px) 
{
	div.hauptnavigation ul li
	{
		margin: 16px 5px !important;
	}
	section#kontakt-section div.wpcf7 form.wpcf7-form p
	{
		display:inline-block;
		width:49%;
	}
	section.frontpage-section div.section_content
	{
		margin-bottom:100px;
	}
}
@media only screen and (max-width : 820px) 
{
	main#main
	{
		border-top:0;
	}
	label.burgernavi,
	input.burgernavi
	{
		display:block;
	}
	input.burgernavi
	{
		position:fixed;
		top:0;
		left:0;
		visibility:hidden;
	}
	label.burgernavi
	{
		position:fixed;
		top:20px;
		left:20px;
		z-index:9999999;
		cursor:pointer;
		width: 50px;
		height: 50px;
		border:0px solid #d0874e;
		color: #ffffffaa;
		background-color: #d0874e99;
		font-size:50px;
		line-height:48px;
		transform:rotate(90deg);
		padding-left:4px;
	}
	input.burgernavi:checked
	{
		
	}
	div.hauptnavigation
	{
		display:none;
	}
	input.burgernavi:checked + div.hauptnavigation
	{
		display:block;
	}
	div.hauptnavigation ul li
	{
		display: block;
	}
	div.hauptnavigation div#hauptnavi-inside
	{
		background:transparent;
		background-color:transparent;
		box-shadow: none;
	}
	div.hauptnavigation ul
	{
		background-color:#000A;
		position:relative;
		right:-30px;
		top:130px;
		padding:10px 10px 10px 10px;
		/*border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;*/
	}
	header ul#menu-hauptmenu li.menu-item#menu-item-36
	{
		left:auto;
		right:7px;
	}
	header ul#menu-hauptmenu li.menu-item a[href="/#"]::after
	{
		top:-17px;
		left:auto;
		right:7px;
		width:145px;
		border-radius:0;
	}
	section#spende-section div.spendecontainer
	{
		width: 100%;
		display:block;
		margin:20px -20px;
	}
	section#spende-section div.spendecontainer div
	{
		width:100%;
	}
	section.frontpage-section h2.section_title
	{
		transform: translatey(-100%);
	}
	
	section.frontpage-section.bgOneColor h2.section_title
	{
		transform:translatey(-85%);
	}
	
	section#events-section div.event evdata location
	{
		display:block;
	}
}
@media only screen and (max-width : 650px) 
{
	section#events-section div.event
	{
		margin-bottom:120px;
	}
	section#events-section div.event date
	{
		display:block;
		top:40px;
	}
	section#events-section div.event evdata
	{
		position:relative;
		left:auto;
		width:100%;
	}
	section#kontakt-section div.wpcf7 form.wpcf7-form p
	{
		display:block;
		width:100%;
	}
	section.frontpage-section div.section_content
	{
		margin-bottom:50px;
	}
	section#events-section div#upcoming_event_content
	{
		margin-bottom:20px;
	}
}
@media only screen and (max-width : 600px) 
{
	section#frontpage-section
	{
		padding:0;
	}
	#faos_offiziell
	{
		width:100%;
	}
}
@media only screen and (max-width : 580px) 
{
	section#sponsoren-section div.unterstuetzer a.sponsor,
	section#sponsoren-section div.partnerContainer a.partner
	{
		display:block;
	}
	section#sponsoren-section div.hauptsponsoren a.sponsor
	{
		width:100%;
		margin-right:0;
	}
}
@media only screen and (max-width : 420px) 
{
	section#sponsoren-section div.section_content
	{
		margin-left: -40px;
		margin-right: -40px;
		text-align:center;
	}
	section.frontpage-section div.section_content
	{
		margin-bottom:20px;
	}
	section#events-section div.event
	{
		margin-bottom:150px;
	}
}
@media only screen and (max-width : 400px) 
{
	section#gold-sponsoren-section div.sponsor.gold,
	section#silber-sponsoren-section div.sponsor.silber,
	section#unterstuetzer-section div.supporter
	{
		width:100%;
	}
}

@media only screen and (max-width : 374px) 
{
	div#hauptnavi-inside
	{
		text-align:left;
		left:-10px;
		top:70px;
	}
	header ul#menu-hauptmenu li.menu-item#menu-item-36
	{
		top: 80px;
		left:7px;
		right:auto;
	}
	header ul#menu-hauptmenu li.menu-item a[href="/#"]::after
	{
		content:"";
		border-top:0px solid black;
	}	
}
@media only screen and (max-width : 360px) 
{
	section#kontakt-section h4
	{
		font-size: 230%;
	}
	section#events-section div.event evdata time
	{
		/*display:block;*/
	}
}


/* CSS Hacks Safari
_::-webkit-full-page-media, _:future, :root .startpage-video {

  display:none;

}
*/