/* reset */
/* based on http://html5doctor.com/html-5-reset-stylesheet/ */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::selection { background: #731b75; color: #ffffff; }
::-moz-selection { background: #731b75; color: #ffffff; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
	{ background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
ul, ul li
	{ list-style: none; list-style-type: square;
    list-style-position: inside; }
ol, ol li
	{ list-style: decimal inside; }
blockquote, q
	{ quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after
	{ content: ''; content: none; }

/* html5 blocks */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary
	{ display: block; }

html
	{ height: 100%; }

/* body */
body
	{ background: #fff; color: #787878; font: 100% sans-serif; font-weight: normal; height: 100%; line-height: 1.0; text-align: center; }

/* global styles */
abbr[title],
dfn[title]
	{ border-bottom: 1px dotted #888; cursor: help; }
cite
	{ }
code
	{ font-family: "Courier New", Courier, mono; }
del
	{ text-decoration: line-through; }
strong,
b
	{ font-weight: bold; }
em,
i
	{ font-style: italic; }
img
	{ vertical-align: middle; }
ins
	{ text-decoration: none; }
mark
	{ background: #ffc; }
::selection
	{ }
small
	{ font-size: .75em; }
table
	{ border-collapse: collapse; border-spacing: 0; }
th
	{ font-weight: bold; }

/* global formelements */
input,
select
	{ vertical-align: middle; }
input
	{ -webkit-appearance: none; }
input[type="text"],
input[type="email"],
input[type="password"],
textarea
	{ border: 1px solid white; padding: 5px; background-color: rgba(255, 255, 255, 0.66); }
input:focus,
select:focus,
textarea:focus
	{ outline: 0; }
input[type="submit"],
a.button
	{ background: #e1af3b; border: 0; color: #fff; padding: 10px 30px; text-decoration: none; font-size: 14px; }
input[type="submit"]:active
	{ }


/*Text-Eigenschaften*/
.textcenter { text-align: center; }
.textleft { text-align: left; }
.textwhite { color:white!important; }




/* header */
.header_wrap
	{ background-color: rgb(255, 255, 255); height: auto; text-align: center; position: fixed; width: 100%; z-index: 99999; }
#header
	{ border-bottom: 1px #acacaf solid; clear: both; margin: 0 auto; text-align: left; width: 100%; zoom: 1; background-color: rgb(255, 255, 255); }
#header:before,
#header:after
	{ content: ""; display: table; }
#header:after
	{ clear: both; }
#header #logo
	{ float: left; background-color: rgb(255, 255, 255); width:25%; text-align: center; }
#header #logo img 
	{ padding: 10px; width: 250px; }

#menu-container 
	{ display: none!important; }

/*Effekte Header Box*/
.headerbox_big 
	{ background-color: rgba(255,255,255,0.80); width: 950px; color:white; padding-left: 6%; float:left; position: relative; margin-top: -30em; z-index: 99;}
.headerbox_big h1 
	{font-size: 2.0em; text-align: right; }
.headerbox_big img
	{width:40%; height:auto}

.headerbox_small 
	{ background-color: rgba(255,255,255,0.80); width: 650px; color:white; padding-left: 6%; float:left; position: relative; margin-top: -15em; z-index: 99;}
.headerbox_small h2 
	{font-size: 1.5em; text-align: right;}
.headerbox_small img
{width:30%; height:auto}


/* header background */
.background
	{ background-color: #fff; background-image: url("../images/header/adsgruppe_header0.jpg"); background-position: 50% 50%; background-repeat: no-repeat; /* ie8- graceful degradation */ background-position: 50% 50%\9 !important; width:auto; height:auto; }
.archive .background
	{ background-image: url("../images/header/adsgruppe_header1.jpg"); }

.fullscreen
	{ height: 100%; width: 100%; }
.not-fullscreen,
.fullscreen.not-overflow
	{ height: 100%; overflow: hidden; }
.not-fullscreen
	{ height: 90%; }

/* nav */
#nav
	{ height: auto; float: right; margin-top: 0em; padding-right: 5em; text-align: left; width: auto; z-index: 99; }

#nav > a
	{ display: none; }
#nav ul
	{ float: right; }
#nav li
	{ display: inline; position: relative; }

/* Ebene 1 */
.main-nav > ul
	{ height: auto; z-index: 99; }
.main-nav > ul > li
	{ float: left; height: 100%; }
.main-nav > ul > li > a
	{ display: block; float: left; line-height: 1.0; }

#nav li a
	{ color: #5a5a5a; font-size: 1.125em; padding: 45px 20px; text-decoration: none; transition: 0.5s ease; }
#nav li a:hover,
#nav li a:focus,
#nav li a:active
	{ color:white; background-color: #731b75; }
#nav li.current-menu-item a,
#nav li.current-menu-item a:hover,
#nav li.current-menu-item a:focus,
#nav li.current-menu-item a:active,

#nav li.current-menu-ancestor a,
#nav li.current-menu-ancestor a:hover,
#nav li.current-menu-ancestor a:focus,
#nav li.current-menu-ancestor a:active
	{ }

/* Ebene 2 */
#nav li ul
	{ display: none; position: absolute; top: 100%; }
#nav li:hover ul
	{ display: block; z-index: 99; }
#nav li:hover ul li a
	{ background: #fff; color: #333; display: block; margin-left: -10px; padding: .5em 20px; white-space: nowrap; }
#nav li:hover ul li:first-child a
	{ margin-top: 1em; padding-top: 1em; }
#nav li:hover ul li:last-child a
	{ padding-bottom: 1em; }
#nav li:hover ul li a:hover,
#nav li:hover ul li a:focus,
#nav li:hover ul li a:active
	{ color: #000; text-decoration: none; }
#nav li:hover ul li.current-menu-item a,
#nav li:hover ul li.current-menu-item a:hover,
#nav li:hover ul li.current-menu-item a:focus,
#nav li:hover ul li.current-menu-item a:active
	{ color: #f00; text-decoration: none;  }
.border 
	{ color: white!important; background-color: #731b75; }

/* content */
.content_wrap
	{ background: #fff; clear: both; text-align: center; }
.content
	{ clear: both; line-height: 1.6; margin: 0 auto; padding: 6em 1em; width: 1200px; zoom: 1; }
.content:before,
.content:after
	{ content: ""; display: table; }
.content:after
	{ clear: both; }

.content h1, .content h3, .content h4, .content h5, .content h6,
.content p, .content ol, .content ul,
.content table
	{ padding: 1em 10px; }
.content li ol,
.content li ul
	{ padding: 0 20px 0 40px; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6
	{ font-weight: bold; }


.content h1
	{ clear: both; font-size: 25px; color: #E6E6E6; text-transform: uppercase; }
.content h1.white
	{ color:white; clear: both; font-size: 22px; text-transform: uppercase;}
.content h2
	{ clear: both; font-size: 17px; color: #BABABA; text-transform: uppercase; padding:10px; }




.content h3,
.content p,
.content li
	{ font-size: 1.025em; }
.content li li
	{ font-size: 1em; }
.content .sign 
	{ font-style: italic; font-family: Times New Roman, serif; font-size: 22px!important; }

.content table
	{ max-width: 100%; width: 100%; }
.content table th,
.content table td
	{ border-collapse: collapse; font-size: 0.9em; padding: 5px; text-align: left; }

.content_wrap.bright,
.content .bright
	{ }
.content_wrap.dark,
.content .dark
	{ }
.content .required,
.content .error
	{ color: #f00; }
.content .footer
	{ font-size: .75em; }
.content .elastic-video
	{ height: 0; margin: 1em 20px; overflow: hidden; padding-bottom: 55%; padding-top: 15px; position: relative; }
.content .elastic-video iframe
	{ height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.content a
	{ text-decoration: none; }
.content a:hover,
.content a:focus,
.content a:active
	{ text-decoration: none; }

.content input[type="text"],
.content input[type="email"],
.content input[type="password"],
.content textarea
	{ width: 548px; }

.content #map
	{ height: 720px; margin: 1em 20px; width: 1160px; }

/* content footnote */
.content .footnote
	{ padding: 5em 0 1em; }
.content .footnote h2,
.content .footnote p
	{ font-weight: normal; font-size: .75em; padding: 0 20px; }
.content .footnote h2,
.content .footnote p,
.content .footnote a,
.content .footnote a:hover,
.content .footnote a:focus,
.content .footnote a:active
	{ color: #888; text-decoration: none; }

/* content gallery */
.content div.gallery
	{ clear: both; margin-top: 20px; zoom: 1; }
.content div.gallery:before,
.content div.gallery:after
	{ content: ""; display: table; }
.content div.gallery:after
	{ clear: both; }
.content div.gallery .gallery-item
	{ float: left; margin: 20px; width: 260px; }
.content div.gallery .gallery-item .gallery-caption
	{ text-align: center; }
.content.contact 
	{ display: flex; }


/*Startseite*/
.switch:hover 
	{ background-color: #f3f3f3; }
.switch 
	{ padding: 20px; transition: 0.4s ease; height:auto; }
.switch p
	{ text-align: left; color: grey; }
.switch img 
	{ width: 80%; height: auto; position: relative; margin: 0 auto; }



/*Box-Eigenschaften*/
.box100
	{ width:98%; float:left; margin:1%; }
.box75
	{ width:70%; float:left; margin:1%; }
.box60
	{ width: 60%; float: left; margin: 0%; }
.box50
	{ width: 48%; float: left; margin: 1%; }
.box50left
	{ width: 49.5%; float: left; margin: 1% 0.5% 1% 0px; }
.box50right
	{ width: 49.5%; float: left; margin: 1% 0px 1% 0.5%; }
.box40
	{ width: 40%; float: left; margin: 0%; }
.box33full 
	{ width: 33.3333333%; float: left; }
.box33 
	{ width: 31.333333333%; margin: 1%; float: left; }
.box25 
	{ float: left; width: 24.5%; margin: 0.25%; }
.containerfull 
	{ width: 100%; float: left; }
.flexbox
	{ display:flex; }



.grey {
    background-color: rgba(51, 61, 71, 0.8);
}



/*Parallaxeffekt*/
.parallaxeffect 
	{ background-image: url(../images/parallax/parallax.jpg); text-align: center; height: auto; margin-top: 0px; margin-bottom: 0px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; color: white; font-size: 1.25em; line-height: 1.5em; float: left; width: 100%; }



/* wp classes at images */
img.aligncenter,
div.aligncenter
	{ display: block; margin-left: auto; margin-right: auto; }
img.alignleft
	{ float: left; margin: 0 20px .5em 0; }
img.alignright
	{ float: right; margin: 0 0 .5em 20px; }


/* different alignments */
div.alignleft
	{ text-align: left; }
div.alignright
	{ text-align: right; }
div.alignleft,
div.alignright
	{ margin: 0 auto; max-width: 600px; }
div.alignleft ul li
	{ padding-left: 12px; background: url(../images/backgrounds/dot-li.png) no-repeat 0 .65em; }

/* footer */
#footer_wrap
	{ clear: both; padding: 1em 0; text-align: center; background-color: #333d47; }
#footer
	{ clear: both; line-height: 1.6; margin: 0 auto; text-align: left; width: 1200px; zoom: 1; }
#footer:before,
#footer:after
	{ content: ""; display: table; }
#footer:after
	{ clear: both; }

#footer .widget,
#footer .footer-nav
	{ float: left; width: 33%; }
#footer .footer-nav
	{ float: right; }
#footer h2,
#footer ul
	{ color: #fff; margin: 1em 20px; }

#footer p 
	{ font-weight: bold; margin: 1em 20px; font-size: 14px; color: #ffffff; }

#footer li a
	{ color: #fff; text-decoration: none; }
#footer li a:hover,
#footer li a:focus,
#footer li a:active
	{ text-decoration: underline; }
#footer li.current-menu-item a,
#footer li.current-menu-item a:hover,
#footer li.current-menu-item a:focus,
#footer li.current-menu-item a:active
	{ text-decoration: none; }
#footer a 
	{ color: #c2c2c2; }
