/*
Theme Name: Web Labels Responsive
Theme URI: http://www.web-labels.de
Author: Web Labels
Author URI: http://www.web-labels.de
Description: Eigenprogrammiertes Template - Alle Rechte vorbehalten!
Version: 1.3
License: Copyright @ Web Labels
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, img { margin: 0;padding: 0; border: 0;font-size: 100%;vertical-align: baseline;}

/* HTML5 reset für reudigi Brwoser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body              				{ line-height: 1;}
ol, ul              			{ list-style: none; margin:0; padding:0;}
blockquote, q            		{ quotes: none;}
table              				{ border-collapse: collapse; border-spacing: 0;}

.wpcf7-checkbox input 				{ -webkit-appearance: checkbox; margin-left: 0px;}

span.wpcf7-list-item { margin: 0!important; }

@font-face {
    font-family: 'Oswald';
    src: url('fonts/oswald-bold-webfont.woff2') format('woff2'),
         url('fonts/oswald-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: 'Oswald';
    src: url('fonts/oswald-light-webfont.woff2') format('woff2'),
         url('fonts/oswald-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}




@font-face {
    font-family: 'Oswald';
    src: url('fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('fonts/oswald-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/ubuntu-medium-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}




@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/ubuntu-regular-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}

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

}

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

}

/* Helper cms -------------------------------------*/
.links							{ float:left;}
.rechts							{ float:right;}
.center							{ text-align:center;}
.weis							{ color:#FFFFFF;}
.schwarz						{ color:#000000;}
.gross							{ text-transform:uppercase;}
.keincss						{ border:none!important; padding:0px!important; margin:0px!important; float:none!important; }
img.alignleft, .entry .alignleft		{ float:left; margin-right:20px;}
img.alignright, .entry .alignright		{ float:right; margin-left:20px;}
img.aligncenter, .entry .aligncenter	{ display: block; margin-left: auto; margin-right: auto; }

.clear							{ clear:both;}
.clearfix:after                 { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix                       { display: inline-block;}
html[xmlns] .clearfix           { display: block;}
* html .clearfix                { height: 1%;}
p.wp-caption-text				{ font-size:11px; font-style:italic;}

@font-face 						{ font-family: 'Kunde'; src: url('fonts/Kunde.eot'); src: url('fonts/Kunde.eot?#iefix') format('embedded-opentype'), url('fonts/Kunde.woff') format('woff'), url('fonts/Kunde.ttf') format('truetype');}

/* Webseite CSS -----------------------------------*/
body							{ overflow-x:hidden;}
a								{ outline:none; text-decoration:none; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;}
h1, h2, h3, h4, h5				{ font-weight:normal;}
#page 							{ width:100%; margin:0 auto;}

/*----------------------- Head -------------------------*/
#logo, #logo img				{ display:inline-block; width:auto!important; min-width:0px!important; float:right; margin-top:1px; position:relative; z-index: 30000;}
#logo 							{  -webkit-transition:all .2s ease-out;  -moz-transition:all .2s ease-out;  -ms-transition:all .2s ease-out;  -o-transition:all .2s ease-out;  transition:all .2s ease-out;}
#logo:hover 					{  -webkit-transform:translate(0px,4px);  -moz-transform:translate(0px,4px);  -ms-transform:translate(0px,4px);  -o-transform:translate(0px,4px);  transform:translate(0px,4px);}

#header							{ width:100%; height:auto; background: url(images/nav-bg.png) repeat-x; z-index:3050; position:relative; }
#header img.headimg				{ width:auto; height:auto; margin-left: 380px; margin-top: -62px; }
#branding 						{ height: 61px; max-width:1140px; margin:0 auto; padding:0px 30px 0px 30px; z-index:3050; position:relative; }

.rev_slider_wrapper				{ z-index:1000; margin-top:200px;}

/*----------------------- Nav --------------------------*/

#nav							{  font-family: 'Oswald', sans-serif; font-size:18px; text-transform:uppercase; z-index:3000;  }
#nav ul li 						{ position: relative!important; float:left; margin-right:3%; margin-top:25px;}
#nav ul li a					{ color:#808080; display: block;}
#nav div ul li.current-menu-item a { color:#e52d1a; }
#nav ul li a:hover				{ color:#e52d1a; }
#nav ul li ul 					{ display: none; position: absolute; top: 20px; left: -10px; padding: 10px; box-sizing:border-box; background: url(images/nav-bg.png) repeat-x bottom left #212121; z-index: 2999;}
#nav ul li:hover ul 			{ display: block; }
#nav ul li ul li 				{ margin-top: 0; margin-right: 0; float: none; }
#nav ul li ul li a				{ font-size: 16px; padding-bottom: 10px;}

/*----------------------- Content ----------------------*/

.float {  -webkit-transition:all .2s ease-out;  -moz-transition:all .2s ease-out;  -ms-transition:all .2s ease-out;  -o-transition:all .2s ease-out;  transition:all .2s ease-out;}

.float:hover {  -webkit-transform:translate(0px,-20px);  -moz-transform:translate(0px,-20px);  -ms-transform:translate(0px,-20px);  -o-transform:translate(0px,-20px);  transform translate(0px,-20px);}


#content-wrap-page				{ width:100%; min-height:100px!important; height:auto; }
#content-wrap 					{ min-height:100px; max-width:1100px; margin: 0 auto; padding:0px 30px 0px 30px; }
#content						{ margin-bottom:-600px; }



.entry, #content				{ font-family:ubuntu; font-size:14px; line-height:24px;}
.entry img						{ max-width:100%; height:auto;}

.entryunterseite				{ margin-top:-200px; margin-bottom:400px;}


.entry h1,
#content h1						{ font-family:oswald; font-weight:700; font-size:72px; line-height:86px; color:#e52d1a; text-transform:uppercase; position: relative; z-index: 9999999999;}
.entry h1 strong				{ color:#e52d1a;}
.entry h2,
#content h2						{ font-family:oswald; color:#595959; font-size:36px; line-height:42px; text-transform:uppercase;}
.entry h3,
#content h3						{ font-family:oswald; font-size:18px; line-height:24px; color:#e52d1a; font-weight:300; text-transform:uppercase;}
.entry h3 strong				{ font-size:15px; line-height:18px; color:#37abda;}
.entry h4						{ font-size:13px; line-height:18px;}
.entry h5						{ font-weight:bold;}

.entry a,
#content a						{ color:#e52d1a;}
.entry a:hover,
#content a:hover				{ color:#212121; text-decoration:none;}
.entry p,
#content p						{ margin-bottom:18px;}
.entry ol li					{ list-style: decimal inside none}
.entry ul li					{ list-style: disc inside none}




.verein							{ margin-top:-150px; margin-left:-405px; }
.verein2						{ margin-top:80px; }

.teamfoto						{ margin-top:-300px; }
.teamfoto img 					{ max-width: 9999px!important; }
.team2							{ margin-top:-200px;}

.overlaytext					{ color:#fff; font-family:ubuntu; font-weight:300; font-size:14px; line-height:24px; margin-left:20px; }
.overlay						{ margin-top:-700px; background:#000; opacity: 0.8; padding:30px 600px 30px 30px; z-index:2000;}

.overlaybutt a					{ font-family:oswald; font-size:18px; color:#fff!important; text-transform:uppercase; border:1px solid #fff; font-weight: 700; float: left; display: block;
padding: 15px 65px; box-sizing: border-box; margin-left:20px;  }
.overlaybutt a:hover			{ background-color: #fff; color: #e52d1a!important;}

.butt a							{ font-family:oswald; font-size:18px; color:#e52d1a!important; text-transform:uppercase; border:1px solid #e52d1a; font-weight: 700; float: left; display: block;
padding: 15px 65px; box-sizing: border-box; background-color: #ffffff; }
.butt a:hover					{ background-color: #e52d1a; color: #fff!important;}

/*----------------------- Home   -----------------------*/

.blog-content				{ width:100%; height:auto;}
.sidebar ul li.widget		{ margin-bottom:3em;}

.blog-content h1			{  font-size:36px; line-height:42px; color:#e52d1a; text-transform:uppercase; font-weight:bold; padding-bottom:10px;}
.blog-content h2 			{ padding-bottom: 10px; }
.post-vorschau				{ width:100%;}
.vorschau					{ width:20%; height:auto; min-height:100px; overflow:hidden; margin-right:20px; background:url('images/thumbnail.jpg') center center #dfdfdf;}
.post-vorschau				{ border-bottom: solid 1px #e52d1a; margin-bottom:30px;}
#sidebar li				{ border-bottom: solid 1px #e52d1a; margin-bottom:25px;}
#sidebar li ul			{ padding-bottom:5px;}
#sidebar li ul li			{ border:none; margin:0px;padding:5px 0px 3px 0px; }
#sidebar li ul li	a		{ font-size:14px; color:#333; }
#sidebar li ul li a:hover	{ color:#D55918;}
.weiter-lesen				{ width:100%; height:auto; text-align:right;}

h2.widgettitle				{ font-size:1.8em; text-transform:uppercase; color:#9A4B89; line-height:1.4em; margin-bottom:0.5em; border-bottom:solid 1px #9A4B89;}
#calendar_wrap				{ font-size:1.3em;}
#wp-calendar				{ width:100%;}
#wp-calendar caption		{ width:100%; padding:0.3em 0 0.5em 0;}
#wp-calendar thead			{ width:100%;}
#wp-calendar thead tr		{ text-align:right;}
#wp-calendar tbody tr td	{ text-align:right; padding:0.5em 0 0.2em 0; border-bottom:solid 1px #DFDFDF;}
#wp-calendar tbody tr td a	{ color:#9A4B89; font-weight:bold;}

.widget_categories ul li a	{ color:#323232; font-size:1.4em; border-bottom:solid 1px #E3E3E3; padding-bottom:0.3em; display:block; margin-bottom:0.5em;}
.widget_categories ul li a:hover	{color:#9A4B89;}


/*----------------------- Footer -----------------------*/
#footer-wrap				{ width:100%; height:auto; min-height:1644px; background:url(images/footbg.png) 0 0 no-repeat;}
#footer						{ max-width:1100px; height:auto; margin:0 auto; padding:0px 30px 0px 30px; position:relative;}

#menu-footer-navi			{font-family: ubuntu, sans-serif; font-size:14px; line-height:30px; float: left; position:absolute; top: 565px;}
#menu-footer-navi a			{ color:#fff; }
#menu-footer-navi .current-menu-item a			{ color:#e52d1a; }
#menu-footer-navi a:hover	{ color:#e52d1a; }

.footnav					{ font-family:ubuntu; font-size:14px; line-height:30px; color:#fff; float:right; position:absolute; top:1209px; right: 120px; }
.footnav ul li a		 	{ color:#fff; }
.footnav ul li a:hover		{ color:#e52d1a; }

.footwerbung				{ position:absolute; top:844px; }
.footh1						{ font-family:oswald; font-size:24px; line-height:24px; color:#e52d1a; font-weight:700; text-transform:uppercase; margin-bottom:20px;}
.footp				{ font-family:ubuntu; font-weight:300; line-height:24px; color:#fff; margin-bottom:20px; }
.button a					{ font-family:oswald; font-size:18px; color:#e52d1a; text-transform:uppercase; border:1px solid #e52d1a; font-weight: 700; float: left; display: block;
padding: 15px 65px; box-sizing: border-box;  }
.button a:hover				{ background-color: #e52d1a; color: #fff;}


/*----------------------- Kontakt ----------------------*/
.wpcf7-text						{ padding:0.8em 4% 0.8em 4%; width:100%; box-sizing:border-box;}
.wpcf7-textarea					{ padding:0.8em 4% 0.8em 4%; width:100%; box-sizing:border-box; min-width:100%; max-width:100%; min-height:200px; max-height:200px; height:200px;}
input.wpcf7-text,
textarea.wpcf7-textarea			{ border: solid 1px #fff; background:none; color:#fff; font-family:ubuntu; font-size:14px;}

.kontakt						{ width:100%; max-width:600px; position:absolute; top:1109px; }
.footh1						{ font-family:oswald; font-size:24px; line-height:24px; color:#e52d1a; font-weight:700; text-transform:uppercase; margin-bottom:20px;}
.footp				{ font-family:ubuntu; font-weight:300; line-height:24px; color:#fff; margin-bottom:20px; }
.name							{ width:49%; margin-right:1%; float:left; margin-bottom:2%;}
.mail							{ width:49%; margin-left:1%; float:left; margin-bottom:2%;}
#nachricht						{ border: dashed 1px #9A4B89;padding:0.8em 2% 0.8em 2%; width:91.5%; height:auto; margin-bottom:1em; }

input.wpcf7-submit				{ background:none; font-family:oswald; font-size:18px; color:#e52d1a; text-transform:uppercase; border:1px solid #e52d1a; font-weight: 700; float: left; display: block; padding: 15px 65px; box-sizing: border-box; margin-top:2%; float:right; cursor:pointer; }
input.wpcf7-submit:hover		{ background-color: #e52d1a; color: #fff;  -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

.nachrichtenfelder	 			{ width:42%; margin-bottom:1.5em;}
.nachrichtenfelder span, .nachrichtenfelder span input		{ width:100%;}
.linkesinput					{ margin-right:8%;}
div.wpcf7-validation-errors 	{ width:92%!important; color:#fff;}

.impressum										{ background-color:#F0F0F0; height:320px; overflow-y:scroll; padding-right:25px; margin-top:20px; padding-left: 30px; padding-top:30px;}

iframe 							{ width: 100%; max-width: 100%; }

.nextgames 						{ margin-bottom: 150x; }

.mn-navigation-wrap 			{ z-index: 2147483648!important; }

@media screen and (max-width: 1300px)

{

#header img.headimg 			{ margin: -62px auto 0 auto; width: 100%; }
.overlay						{ display: block; margin-top: 20px; clear: both!important; }
.teamfoto img 					{ width: 100%!important; max-width: 100%!important;}

#content 						{ margin-bottom: 0; }

.nextgames 						{ margin-top: 0; margin-bottom: 0; }
	
}

@media screen and (max-width: 960px) 

{ 

#header 			{ background: none; }
#branding 			{ display: none!important }
#header img.headimg  {height: auto; margin-left: 0; margin-top: 0; max-width: 100%; width: 100%; }

.entryunterseite { margin-top: 30px!important; }

.no-mobile 		{ display: none; }
.mobileslide 	{ padding-left: 30px; }


#footer-wrap 				{ background: none #262626; box-sizing: border-box; display: block; }

#footer 					{ width: 100%; box-sizing: border-box; max-width: 100%; display: block; z-index: 1;}

#menu-footer-navi			{font-family: ubuntu, sans-serif; font-size:16px; padding-top:80px; line-height:36px;  position:static; float:none; width: 100%; display: block; top:0!important; box-sizing: border-box; z-index: 99;}
#menu-footer-navi a			{ color:#fff; }
#menu-footer-navi .current-menu-item a			{ color:#e52d1a; }
#menu-footer-navi a:hover	{ color:#e52d1a; }
#menu-footer-navi li 		{ display: block; }

.footwerbung				{ position:static; margin-top:50px; float:left; margin-bottom: 20px; width: 100%; box-sizing: border-box;}
.button a					{ font-family:oswald; font-size:18px; color:#e52d1a; text-transform:uppercase; border:1px solid #e52d1a; font-weight: 700; float: left; display: block; padding: 15px 65px; box-sizing: border-box; width:100%; text-align:center; margin-bottom: 30px!important; }

.kontakt					{ position:static; margin-top:0; float: none; display: block; box-sizing: border-box; width: 100%; max-width: 100%; top: 0!important;}
input.wpcf7-submit				{ background:none; font-family:oswald; font-size:18px; color:#e52d1a; text-transform:uppercase; border:1px solid #e52d1a; font-weight: 700; float: left; display: block; padding: 15px 65px; box-sizing: border-box; margin-top:2%; width:100%;  }

input.wpcf7-text						{ padding:0.8em 4% 0.8em 4%; width:100%; box-sizing:border-box;}
textarea.wpcf7-textarea					{ padding:0.8em 4% 0.8em 4%; width:100%; box-sizing:border-box; min-width:100%; max-width:100%; min-height:200px; max-height:200px; height:200px;}

.name, .mail { float: none; margin-bottom: 2%; margin-right: 0%; margin-left: 0; width: 100%; box-sizing: border-box;}

.footnav					{ font-family:ubuntu; font-size:16px; line-height:36px; color:#fff; position:static; margin-right:0; float:none; width: 100%;}
.footnav ul li a		 	{ color:#fff; }
.footnav ul li a:hover		{ color:#e52d1a; }

.overlaytext					{ color:#fff; font-family:ubuntu; font-weight:300; font-size:14px; line-height:24px; margin-left:20px; }
.overlay						{ margin-top:0px!important; background:#000; opacity: 0.8; padding:30px 30px 30px 30px; position: relative; z-index: 9999; box-sizing: border-box;}
.overlaybg						{ background: #000; opacity: 0.8; padding-bottom: 30px; }

 }