/*
Theme Name: mtsgka
Theme URI: http://components.underscores.me/
Author: Monika Thon-Soun
Author URI: http://www.texto.de/
Description: 02-2016 individual theme for gka based on underscore portfolio
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mtsgka
Tags: responsive-layout

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

mtsgka is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
  
oswaldbook und open sans => fonts
004276  blau
fff4ce hell 
800000 rot 
ffd430 gelb
000 links
494949 graphite call to action
*/
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html{font-family:sans-serif;  -webkit-text-size-adjust:100%;  -ms-text-size-adjust:100%}
body{margin:0}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary{display:block}
audio, canvas, progress, video{display:inline-block;  vertical-align:baseline}
audio:not([controls]){display:none;  height:0}
[hidden], template{display:none}
a{background-color:transparent}
a:active, a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b, strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;  margin:0.67em 0}
mark{background:#ff0;  color:#000}
small{font-size:80%}
sub, sup{font-size:75%;  line-height:0;  position:relative;  vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;  height:0}
pre{overflow:auto}
code, kbd, pre, samp{font-family:monospace,monospace;  font-size:1em}
button, input, optgroup, select, textarea{color:inherit;  font:inherit;  margin:0}
button{overflow:visible}
button, select{text-transform:none}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button;  cursor:pointer}
button[disabled], html input[disabled]{cursor:default}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;  padding:0}
input{line-height:normal}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;  padding:0}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;  box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;  margin:0 2px;  padding:0.35em 0.625em 0.75em}
legend{border:0;  padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;  border-spacing:0}
td, th{padding:.25em 1em .25em .25em}
*,
*:before,
*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/*structure*/
#page{margin:0 auto}
.row{max-width:1200px;margin:0 auto;text-align:center; }
.row > *{-webkit-transition:all 400ms ease-out;-moz-transition:all 400ms ease-out;-o-transition:all 400ms ease-out;-ms-transition:all 400ms ease-out;transition:all 400ms ease-out}
.row:before,.row:after{content:""; display:table}
.row:after{clear:both}

.color01{background:#004276}/*blue*/
.color04{background:#fff4ce}/*hell*/
.color03{background:#800000}/*rot*/
.content-widget,
.color02{background:#ffd430 }/*gelb widgets*/

.hentry,
.widget-area{overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;}
/*aligne with logo*/
.main-navigation, .site-content, .site-info {
	margin-left: 2.2%;
	margin-right: 2.2%
}
.site-main {
	padding: 2% 0;
	background: #fff
}
.single .site-main, 
.page .site-main {
	padding: 2% 2%
}
.widget-area {
	clear: both;
	margin-top: 1.5em
}
.home .site-main, 
.archive .site-main, 
.search .site-main {
	background: transparent
}
/*align with logo end*/
.site-content {
	clear: both;
	text-align: left
}
.related {
	max-width: 100%;
	display: block;
	clear: both;
	margin: .5em auto;
	text-align: center
}
.post {
	background: #fff
}
.entry-content,
#map1 {
	position: relative
}
/*footer and footer widget area*/
.site-footer {
	clear: both;
	width: 100%;
	padding-bottom: 2.4em;
}
.site-info {
	padding-top: 1em;
	padding-bottom: 2em;
	color: #fff
}
/*featured and cats*/
.start,
.page-header,
.error-404 {
	background: #fff
}
.start .entry-content {
	margin-top: 1.1em;
}
.start .entry-header {
	display: none
}
.start h2 {
  margin-left: 12px;
	display: block;
	font-size: 36px;
	font-size: 2.25rem;
}

.page-header { 
  margin-top:1.5em;
	margin-bottom: 1.5em;
  padding-left:1.6em;
  padding-right:1.6em;
	padding-top: 1.1em;
	clear: both
}
.page-header .page-title,
.tax-title{
padding-left:6px;
}
.taxonomy-description .textwidget p{ 
margin-left:5px;
margin-right:5px;
}


.page-content{
padding-left:2em;
padding-right:2em;
margin-bottom:3em
}

.error-404 .search-form{
display:block;
margin:1em auto;
text-align:center
}

@media (min-width:801px) {
.start h2 {
  margin-left: 36px;
  font-size: 48px;
	font-size: 3rem;
  }
}
/*--------------------------------------------------------------
# archive and index article 
--------------------------------------------------------------*/
.single .post {
	padding-left: 1.45em;
	padding-right: 1em;
}
.home .post, 
.archive .post, 
.related .post, 
.search .post, 
.search .page, 
.content-widget, 
.widget-area .widget, 
.spalte01 {
	max-width: 100%;
	margin: 0 .18em 1.6em .18em;
	padding: 1em;
	display: block
}
.single .related .entry-title {
	display: block;
	clear: both;
	max-width: 80%;
	text-align: left
}
.page .page {
	padding: 0 3%
}
.home .start figure {
	margin-bottom: 4em
}
.home .start.page {
	padding: 0 0;
}
@media (min-width:801px) {
.spalte01 {
	width: 46.5%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 1.5em;
	padding-top: 0;
}
.spalte01:nth-of-type(2n+1) {
	margin-right: 5.55%;
	padding-left: 0;
}
.start .spalte01:nth-of-type(2n+1) {
	margin-right: 2%;
	margin-left: 35px;
}
}
/*min width 680px*/
@media (min-width:420px)and (max-width: 800px) {
.related .post, 
.widget-area .widget {
	width: 46.5%;
	display: inline-block;
	vertical-align: top;
}
}
/* 800px*/
@media (min-width:599px)and (max-width: 1023px) {
.home .post, 
.archive .post, 
.search .post, 
.search .page, 
.related .post, 
.widget-area .widget {
	width: 46.5%;
	display: inline-block;
	vertical-align: top
}
.home .post:nth-of-type(2n+1), 
.archive .post:nth-of-type(2n+1), 
.search .post:nth-of-type(2n+1), 
.search .page:nth-of-type(2n+1), 
.related .post:nth-of-type(2n+1), 
.widget-area .widget:nth-of-type(2n+1) {
	margin-right: 4.3%
}
}
/* 1023px*/
@media (min-width:1024px)and (max-width: 1199px) {
.home .post, 
.archive .post, 
.search .post, 
.search .page {
	width: 310px;
	margin: 0 1.1em 1.745em 0;
	display: inline-block;
	vertical-align: top
}
.related .post, .widget-area .widget {
	width: 46.5%;
	display: inline-block;
	vertical-align: top
}
.home .post:nth-of-type(3n), 
.archive .post:nth-of-type(3n), 
.search .post:nth-of-type(3n), 
.search .page:nth-of-type(3n), 
.related .post:nth-of-type(2n), 
.widget-area .widget:nth-of-type(2n) {
	margin-right: 0
}
}
/* 1199px*/
@media (min-width:1023px)and (max-width:1198px) {
.single .entry-content {
	float: left;
	display: block;
	width: 63.6666666667%
}
.content-widget {
	overflow: hidden;
	width: 31.3333333333%;
	float: left;
	display: block;
	margin-left: 4%;
	background: #fff4ce
}
}
/* 1199px*/
@media (min-width:1199px) {
.home .post, 
.archive .post, 
.search .post, 
.search .page {
	width: 350px;
	margin: 0 2.4em 1.6em 0;
	display: inline-block;
	vertical-align: top
}
.single .related .post {
	width: 240px!important;
	margin: 0 1em 1.6em 0;
	display: inline-block;
	vertical-align: top
}
.single .related .post, 
.widget-area .widget {
	width: 270px;
	margin: 0 1em 1.6em 0;
	display: inline-block;
	vertical-align: top
}
.home .post:nth-of-type(3n), 
.archive .post:nth-of-type(3n), 
.search .post:nth-of-type(3n), 
.search .page:nth-of-type(3n), 
.related .post:nth-of-type(4n), 
.widget-area .widget:nth-of-type(4n) {
	margin-right: 0
}
.single .entry-content {
	float: left;
	display: block;
	width: 65.6666666667%
}
.content-widget {
	width: 29.3333333333%;
	float: left;
	display: block;
	margin-left: 4%
}
.page .page {
	padding: 0 12%
}
}
/* 1200px*/
.post-thumbnail {
	display: block;
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
	border-bottom: 3px solid #3d8fe8
}
.post-thumbnail img {
	display: inline-block;
	vertical-align: bottom
}
/*equal height colums old school but working*/
.equalp {
	min-height: 470px;
	height: auto !important;
	height: 470px
}
.equalp .post-thumbnail {
	min-height: 300px;
	height: auto !important;
	height: 300px;
	position: relative
}
.equalp .post-thumbnail  img {
	position: absolute;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0
}
.equalp .entry-meta {
	margin-bottom: 3em
}
.equalp .entry-title {
	margin-bottom: .4em
}
/*cats above the image*/
.entry-meta {
	position: relative;
	color: #fff;
	text-align: left
}
.home .cat-links, 
.archive .cat-links, 
.search .cat-links, 
.related .cat-links {
	z-index: 500;
	position: absolute;
	top: -1.21em;
	left: 0;
	display: block;
	width: auto;
	padding: .24em .48em;
	background: #3d8fe8;
	cursor: pointer
}
.entry-title {
	margin-top: 1.4em
}
.entry-content, 
.entry-summary, 
.entry-footer {
	padding: 0
}
.more-link {
	clear: both;
	display: block;
	text-align: right
}
.entry-footer {
	clear: both;
	display: none;
	margin-top: 1.45em
}
.related .entry-footer {
	display: none
}
.slideabove {
	clear: both;
	margin-top: 1.5em
}

/*header*/
#masthead {
	position: relative;
	width: 100%;
	padding-top: 1.7%;
	padding-bottom: 1%
}


@media (min-width:1025px) {
.custom-header {
	background-image: url(images/gka-logo-header-16.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	background-position: center center;
	padding-top: 7%;
	padding-bottom: 7%;
	cursor: pointer
}
} /*min 1025px*/
@media (max-width:1024px) {
.custom-header {
	background-image: url(images/gka-logo-header-16-m.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	background-position: center center;
	padding-top: 7%;
	padding-bottom: 7%;
	cursor: pointer
}

} /*max 1024px*/




.site-title, .site-description {
	display: none
}
/*fb button and tele*/
.tele {
	float: right;
	vertical-align: top;
	padding-top: .5em;
	margin-right: 3%;
	margin-top: 4px
}
.tele a:before, .fbbutton a:before {
	font-family: FontAwesome;
	display: inline-block;
	content: "\f09a";
	color: #fff;
	font-size: 28px;
	line-height: 1;
	padding: .2em .24em .1em .48em;
	margin: 0
}
.fbbutton a:before {
	content: "\f09a";
	background: #3d5a98;
	border-radius: 4px
}
.tele a {
	color: #fff4ce;
	font-weight: bold
}
.tele a:before {
	content: "\f095";
	color: #fff4ce;
	margin-right: .25em;
	margin-top: -.2em;
	font-weight: normal;
	float: left
}
@media (min-width:1191px) {
.fbbutton {
	z-index: 20000;
	position: fixed;
	width: 42px;
	height: 42px;
	top: 18em;
	left: 6.7%;
	text-align: right;
	background: transparent;
	padding: 0;
	color: #fff
}
.fbbutton a:before {
	font-size: 38px
}
.tele {
	display: none
}
}
/*1023*/
@media (min-width:1150px)and (max-width:1190px) {
.fbbutton {
	z-index: 20000;
	position: fixed;
	width: 42px;
	height: 42px;
	top: 17em;
	left:5%;
	text-align: right;
	background: transparent;
	padding: 0;
	color: #fff
}
.fbbutton a:before {
	font-size: 38px
}
.tele {
	display: none
}
}
@media (max-width:1149px) {
.fbbutton {
	z-index: 20000;
	position: static;
	width: 32px;
	height: 32px;
	text-align: right;
	background: transparent;
	padding: 0;
	margin-top: .5em;
	margin-left: 3%;
	color: #fff
}
}
/*1149*/

 /* header and site title over and out*/  
    
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*fonts*/
@font-face{font-family:'oswaldbook';src:url('assets/oswald-regular-webfont.eot');src:url('assets/oswald-regular-webfont.svg#oswaldbook') format('svg'),url('assets/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),url('assets/oswald-regular-webfont.woff') format('woff'),url('assets/oswald-regular-webfont.ttf') format('truetype');font-weight:700;font-style:normal}
@font-face {font-family:'open_sansregular';src:url('assets/opensans-regular-web.eot');src:url('assets/opensans-regular-web.eot?#iefix') format('embedded-opentype'),url('assets/opensans-regular-web.woff2') format('woff2'),url('assets/opensans-regular-web.woff') format('woff'),url('assets/opensans-regular-web.ttf') format('truetype'),url('assets/opensans-regular-web.svg#open_sansregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'FontAwesome';src:url('assets/fontawesome-webfont.eot');src:url('assets/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('assets/fontawesome-webfont.woff') format('woff'), url('assets/fontawesome-webfont.ttf') format('truetype'), url('assets/fontawesome-webfont.svg#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,
button,
input,
select,
textarea {
  color: #222;
  font-size: 16px;
  font-size: 1.125rem;
  line-height: 1.6}
body {
	font-family: 'open_sansregular', sans-serif;
	font-weight: 400;
}
h1,h2,h3,h4,h5,h6,.entry-title a,.entry-title a:link,caption,th,input[type="submit"],
blockquote,label,a,a:link,
button.menu-toggle {
	font-family: oswaldbook, sans-serif;
	font-weight: 700;
	font-style: normal
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
  display:inline-block}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 12px}

h1 {
	font-size: 48px;
  font-size: 3rem
}

h2 {
	font-size: 32px;
	font-size: 2rem}

h3 {
	font-size: 28px;
	font-size: 1.25rem}
.equalp h3{
	font-size: 16px;
	font-size: 1rem}
h4 {
	font-size: 16px;
	font-size: 1rem}

h5 {
	font-size: 16px;
	font-size: 1rem}

h6 {
	font-size: 16px;
	font-size: 1rem}
p {
  margin-bottom: 1.5em}


.taxonomy-description p {
	margin-bottom: .5em;
	line-height: 1.45}
  



dfn,cite,em,i{font-style:italic}
blockquote{margin:0 1.5em}
address{margin:0 0 1.5em}

pre{background:#eee;  font-family:"Courier 10 Pitch",Courier,monospace;  font-size:15px;  font-size:0.9375rem;  line-height:1.6;  margin-bottom:1.6em;  max-width:100%;  overflow:auto;  padding:1.6em}
code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;  font-size:15px;  font-size:0.9375rem}
abbr,acronym{border-bottom:1px dotted #666;  cursor:help}
mark,ins{background:#fff9c0;  text-decoration:none}
big{font-size:125%}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html,
input[type="search"] { box-sizing: border-box}
body{background:#fff}
blockquote,q{quotes:"" ""}
blockquote:before,blockquote:after,q:before,q:after{content:""}
hr{background-color:#ccc;  border:0;  height:1px;  margin-bottom:1.5em}
ul,ol{margin:0 0 1.5em 3em}
ul{list-style:disc}
ol{list-style:decimal}
li > ul, li > ol{margin-bottom:0;  margin-left:1.5em}
dt{font-weight:bold}
dd{margin:0 1.5em 1.5em}
img{height:auto; max-width:100%}
table{margin:0 0 1.5em;  width:100%}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em}
  
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {border-color: #ccc #bbb #aaa}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15)}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea{color:#666;  border:1px solid #ccc;  border-radius:3px}

input[type="text"]:focus,
input[type="tel"],
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {color: #111}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {padding: 3px}

textarea{padding-left:3px;max-width:100%}


/*anfrage*/

.wpcf7-form{display:block;width:100%;padding:0 .5em}
.wpcf7-form br{content:" ";clear:both;height:1em;line-height:120%;display:block}
.wpcf7-form p{margin-bottom:.35em}
fieldset{border:none;padding:0;margin-bottom:1.4em}
fieldset legend{font-weight:bold;font-size:1.2em;font-size:1rem}
#legendoben{display:block;width:100%;text-align:center;padding:.35em .7em;background:#004276;color:#fff}
fieldset label{font-size:.95em;font-size:.95rem;max-width:68%;display:inline-block}
.wpcf7-form fieldset input{max-width:100%}

#newsletters_buttonwrap input[type="submit"],
input[type="submit"].wpcf7-submit{width:100%;background:#494949;text-align:center;color:#fff;font-size:16px;font-size:1rem;line-height:1;padding:.8em 1em .6em}

/*newsletter form site*/

.page .widget_newsletters{display:block;max-width:80%;margin:0 auto; padding:0 .5em }
.page .widget_newsletters #newsletters_buttonwrap  {width:100%}
#newsletters-embed3319  input[type="submit"].button{width:100%!important}


@media (max-width:480px){
label[for=nam],
label[for=mail],
label[for=tel]{width:60%;display:block;margin-bottom:20px}
.content-widget{overflow:hidden}
.wpcf7-form{display:block;width:100%;padding:0 .5em}
fieldset, legend {
	width: 100%
}
.wpcf7-form fieldset input {
	width: 100%
}
fieldset label {
	font-size: .95em;
	font-size: .95rem;
	width: 100%;
	display: inline-block
}
.wpcf7-form-control-wrap.name, 
.wpcf7-form-control-wrap.email {
	display: block;
	margin-top: 1.5em
}
}/*480*/


@media (min-width:481px)and (max-width:899px){
fieldset label {
	font-size: .95em;
	font-size: .95rem;
	width: 50%;
	display: block;
	float: left;
	margin-right: 1em
}
.wpcf7-form fieldset {
	width: 78%
}
}
/*480*/
@media (min-width:769px)and (max-width:1000px){
legend {
	text-align: center
}
fieldset label {
	text-align: right
}
}/*899*/



@media (min-width:900px){
fieldset label {
	max-width: 90%
}
label[for=anred], label[for=nam], label[for=mail], label[for=tel] {
	float: left;
	margin-right: 0.5%;
	width: 25%
}
label[for=sondergr] {
	width: 55%;
	display: inline-block
}
.wpcf7-form fieldset input {
	width: 100%;
	display: inline-block
}
.wpcf7-form fieldset.kontaktdaten input {
	width: 73%;
	display: inline-block;
	vertical-align: top
}
}/*900*/
/*kontaktseite*/
.ihrenachricht{
display:block;
clear:both;
width:100%;
}
#ihrnach{
width:100%
}
/*--------------------------------------------------------------
# Navigation ## Links
--------------------------------------------------------------*/
a{color:#000}
a:visited{color:#222}
a:hover,a:focus,a:active{color:#3d8fe8}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
.site-info a{color:#fff}
.entry-meta a{color:#fff;text-decoration:none}
.site-info a:visited{color:#f0f0f0}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	margin: 1em auto 0 auto;
	width: 100%;
	position: relative;
	background: #004276}
ul.nav-menu, 
ul.nav-menu ul, 
ul.nav-menu ul ul, 
div.nav-menu > ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0}
.nav-menu li {
	float: left;
	padding: 2px;
	position: relative}

.nav-menu li a {
	color: #fff;
	font-size: 1.5em;
	line-height: 1;
	text-align: left;
	display: block;
	text-decoration: none;
	padding: .6em 1em
}

/*line up the first item*/
.nav-menu li:first-of-type{
margin-left:-.25em}
.nav-menu  .sub-menu li:first-of-type{
margin-left:0}
/*line up the first item  over and out */
ul.nav-menu  ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	background: #004276;
	padding: 0;
	margin-left: 0;
	float: left;
	position: absolute;
	top: 2.4em;
	left: -999em;
	z-index: 99999}
ul.nav-menu  ul ul {
	left: -999em;
	top: 0}
ul.nav-menu li:active > ul, 
ul.nav-menu li:hover > ul {
	left: auto}
ul.nav-menu ul a, .nav-menu ul ul a {
	margin: 0;
	width: 250px}
.nav-menu .current-menu-item > a, 
.nav-menu .current-menu-parent > a {
	color: #f0f0f0}
.menu-item-has-children a:after {
	font-family: FontAwesome;
	display: inline-block;
	content: "\f0d7";
	float: right;
	padding-left: 5px;
  color:#3d8fe8}
.widget-area .menu-item-has-children a:after{
content: "";
}
.menu-item-has-children  a:only-child:after {
	content: "";
	margin: 0}
  
.nav-menu a:hover {
	color: #004276;
	background: #fff4ce}
  
  
button.menu-toggle {
	margin-top: 1em;
	margin-left: 2.2%;
	margin-right: 1.8%;
	width: 95.4%;
  border:none;
	border-bottom: 5px solid;
	border-color: #002858;
	border-radius: 10px;
	background: #144d83;
	box-shadow: none;
	text-shadow: 0px -2px #000;
  letter-spacing:1px;
	color: #fff;
	font-size:1.5em;
  padding-top:.2em;}

/* Small menu */
.menu-toggle {
	display: none}

@media only screen and (min-width:801px) and (max-width:879px) {
.main-navigation ul {
	display: table;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0}
}
@media screen and (max-width:801px) {
/* Small menu */
.main-navigation.toggled-on {
	margin-bottom: 15px}
.menu-toggle {
	width: 100%;
	margin-left: 1px;
	display: block;
	padding: .3em}
.toggled-on .nav-menu {
	width: 92.95%;
	margin-left: 3%;
	display: block;
	box-shadow: 0 3px 6px rgba(0,0,0,0.6)}
.toggled-on .nav-menu a {
	width: 100%;
	display: block;
	padding: .55em 1em .55em 1.2em}
.toggled-on .nav-menu > li, 
.toggled-on .nav-menu  ul li {
	display: block;
	width: 100%;
	margin-bottom: .35em;
	border-bottom: 1px solid #1c2e5d}
.toggled-on .nav-menu > li.menu-item-has-children, 
.toggled-on .nav-menu  ul li.menu-item-has-children {
	border-bottom: none}
.toggled-on  li, 
.toggled-on  ul.nav-menu  ul, 
.toggled-on ul.nav-menu  ul ul{margin-left:0;position:static;display:block;left:0;float:none;box-shadow:0 0 0 0 rgba(0,0,0,0.2);text-align:left}
/*line up the first item*/
.toggled-on  li:first-of-type, 
.toggled-on   .sub-menu li:first-of-type {margin-left:0}
/*line up the first item  over and out */
.toggled-on a{display:block;width:100%}
.toggled-on  ul.nav-menu  ul{background:#3d8fe8;margin-left:.3em;margin-right:.3em}
.toggled-on ul.nav-menu  ul ul{margin-left:2px}
ul.nav-menu,div.nav-menu > ul{display:none}
}/*810*/


/*menu over and out*/

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute !important;height:1px;width:1px;overflow:hidden}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus{background-color:#f1f1f1; border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;  height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft{display:inline;  float:left;  margin-right:1.5em}
.alignright{display:inline;  float:right;  margin-left:1.5em}
.aligncenter{display:block;  margin-left:auto;  margin-right:auto}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
br.clear{clear:both}
.clear:before, .clear:after, .group:before, .group:after, .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after{content:"";  display:table}
.clear:after, .group:after, .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after{clear:both}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget{text-align:left;margin:0 0 1.5em 0}
.widget ul{margin-left:0;padding-left:0;list-style:none}
.widget li{margin-left:0}
.widget select{max-width:100%}
.widget-area span{display:block}
/* Search widget. */
.widget_search .search-submit{display:none}
.widget-title{color:#800000;}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky{display:block}
.hentry{margin:0 0 1.5em}
.byline{float:right;vertical-align:top;padding-right:.4em}
.updated:not(.published){display:none}
.single .byline,.group-blog .byline{display:inline}
.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}
.page-links{clear:both;margin:0 0 1.5em}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title, .archive .format-aside .entry-title{display:none}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a{word-wrap:break-word}
.bypostauthor{display:block}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer{display:none}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer{display:block}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley{border:none;  margin-bottom:0;  margin-top:0;  padding:0}
/* Make sure embeds and iframes fit their containers. */
embed, iframe, object{max-width:100%}
figure img{max-width:100%}
img{height:auto;width:auto;max-width:100%}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0}
.wp-caption-text {font-style:italic; 
	text-align: left}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery{margin-bottom:1.5em}
.gallery-item{display:inline-block;  text-align:center;  vertical-align:top;  width:100%}
.gallery-columns-2 .gallery-item{max-width:50%}
.gallery-columns-3 .gallery-item{max-width:33.33%}
.gallery-columns-4 .gallery-item{max-width:25%}
.gallery-columns-5 .gallery-item{max-width:20%}
.gallery-columns-6 .gallery-item{max-width:16.66%}
.gallery-columns-7 .gallery-item{max-width:14.28%}
.gallery-columns-8 .gallery-item{max-width:12.5%}
.gallery-columns-9 .gallery-item{max-width:11.11%}
.gallery-caption{display:block}

/*plugins slider and page navi*/
/*slider*/

.royalSlider,
.royalSlider .rsOverflow,
.royalSlider .rsSlide,
.royalSlider .rsVideoFrameHolder,
.royalSlider .rsThumbs {
    background: #fff!important}

.rsUni .rsGCaption{
background:#3d8fe8!important;
position: absolute;
	float: none;
	bottom:0!important;
	left: 2em!important;
	text-align:center!important;
	color: #fff;
	padding:4px 8px;
	width:100%!important;
	font-size: 12px;
	border-radius: 2px}

.rsUni .rsThumbsHor{
margin-top:5px;
background:#fff4ce!important}


.wp-pagenavi{clear:both;margin:.9em auto;width:100%;text-align:center;padding:0}
.wp-pagenavi span{display:inline-block;margin:.4em} 
.wp-pagenavi a,
.wp-pagenavi .nextpostslink{width:auto;display:inline-block;margin:4px; background:#fff;padding:8px 16px}
.wp-pagenavi a:hover{background:#3d8fe8;color:#fff}
.wp-pagenavi .current{width:auto;display:inline-block;margin:4px; background:#3d8fe8;color:#fff;padding:8px 16px}


.table-striped .newsletters_success{
padding:5px 14px;
border-radius:4px;
color:#f004276!important;
}

@media screen and (max-width: 680px) {
.wp-pagenavi span.pages, 
.wp-pagenavi a.first,.wp-pagenavi span.extend,    
.wp-pagenavi a.page.smaller, 
.wp-pagenavi a.page.larger, 
.wp-pagenavi a.larger.page,    
.wp-pagenavi a.last {display: none}

figure.alignleft, 
figure.alignright, 
img.alignleft, 
img.alignright {
	float: none;
	display: block;
	margin: .55em auto;
	clear: both;
	max-width: 100%}
 } /*680*/
 

 @media screen and (max-width: 801px) { 
.wp-pagenavi span{display:inline-block;margin:.6em} 
.wp-pagenavi a{display:inline-block;margin:8px; background:#fff;padding:16px 32px}
.wp-pagenavi a:hover{background:#3d8fe8;color:#fff}
wp-pagenavi .current{display:inline-block;margin:8px; background:#3d8fe8;color:#fff;padding:16px 32px}
}/*810*/




/*benutzefreundlich mobil*/

@media (max-width:480px){
.flinks {
	display:block;
	margin: 1em;
	padding: .25em .9em;
}
.entry-content a,
.taxonomy-description a,
.taxonomy-description .text-widget a {
	display: inline-block;
	padding:.35em 0 .35em .35em;
}

.home .cat-links, .archive .cat-links, .related .cat-links, .sep {
	display: none;
}
.widget li {
	display: block;
	margin: .5em 0;
	padding: .25em 0;
}
#secondary a{
  display:block;
  width:96%;
  }
  

} /*480*/
/* my-nav-menu-search menu item created in functions.php. Move it way over to the right */
.main-navigation .my-nav-menu-search {
	float: right;
	margin-right: 2%
}
.my-nav-menu-search .search-form {
	position: relative;
	margin: 0
}
.my-nav-menu-search .search-submit {
	display: none
}
.my-nav-menu-search .search-form .screen-reader-text {
	position: absolute;
	left: -9999px;
	overflow: hidden
}
.my-nav-menu-search .search-field {
	background: transparent;
	border: 1px solid #004276;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	height: 38px;
	margin: 0;
	padding: 0 0 0 38px;
	position: relative;
	-webkit-transition: width 400ms ease;
	-moz-transition: width 400ms ease;
	-o-transition: width 400ms ease;
	transition: width 400ms ease;
	width: 0px
}
.my-nav-menu-search .search-field:active,
.my-nav-menu-search .search-field:focus {
	color: #fff;
	border: 1px solid #fff;
	cursor: text;
	outline: 0;
	width: 10em;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	margin: 0;
}

.my-nav-menu-search .search-form:before {
    font-family:FontAwesome;
    content: '\f002';
    position: absolute;
    font-size: 24px;
    font-weight: normal;
    color:#fff;
    top: 0; 
    left: 5px;
}

@media (max-width: 979px){
.main-navigation .my-nav-menu-search{float:none;margin-left:2%}
.my-nav-menu-search .search-field{width:auto}
}


@media  (max-width:605px){
table{width:100%;border:none}
caption{text-align:left}
thead{display:none}
tr{width:100%;margin-bottom:20px;border-bottom:1px solid #3d8fe8;display:block}
td:before{content:attr(data-label);float:left}
td{width:100%;clear:both;height:auto;display:block;text-align:left;border-bottom:none}
td:last-child{border-bottom:0}
td > a:link{margin-bottom:1.5em; display:inline-block}
td > a:last-of-type{margin-bottom:0}


}