/*
Theme Name:Neutrum-Business-RV-Kurtscheid
Theme URI:http://www.pannasch.net/
Description:Schlichtes, Suchmaschinen-Optimiertes Theme mit vielen Features.
Version:1.0
Author:pannasch.net
Author URI:http://pannasch.net/
*/

/* braun #4a3f36 & 51473f  | orange #f75c04 | bordeaux #f75c04 | weiß #ffffff */ 

@-webkit-viewport {width:device-width;}
@-moz-viewport {width:device-width;}
@-ms-viewport {width:device-width;}
@-o-viewport {width:device-width;}
@viewport {width:device-width;}

/* ########## Body ########## */
* {margin:0; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
html, body {background:#3c3530 url(images/bg-body.jpg); color:#fff; font-family:'Raleway', sans-serif; font-size:98%; font-weight:500; -webkit-hyphens:auto; -moz-hyphens:auto; -o-hyphens:auto; -ms-hyphens:auto; hyphens:auto; /*word-wrap:break-word; word-break:break-all;*/}
.clear {clear:both;}
.clearfix:after {content:" "; clear:both; display:block; font-size:0; visibility:hidden; height:0;}
.pagepost p, .post p {font-weight:500; font-size:1.0em; line-height:1.40em; text-align:justify; margin:14px 0;}
strong, .bold {font-weight:700; background:#f75c04; padding:0 3px;}
#headerwrapper {position:relative; margin:0px auto; padding:0; max-width:900px;} 
.wrapper {position:relative; margin:60px auto; padding:0; max-width:900px;} 
h1, h2, h3, h4, h5 {font-family:'Nothing You Could Do', cursive;}
h1 {text-transform:uppercase; font-size:1.4em; font-weight:400; margin:0px 0 30px; letter-spacing:2px; text-align:center;}
h2 {text-transform:uppercase; font-size:1.2em; font-weight:400; margin:0 0 10px; letter-spacing:2px;}
h3 {text-transform:uppercase; font-size:1.2em; font-weight:400; margin:15px 0 10px; letter-spacing:1px;}
h4 {text-transform:none; font-size:1.0em; font-weight:700; margin:15px 0 5px;}
h5 {text-transform:none; font-size:0.9em; font-weight:700; margin:30px 0 5px;}
h6 {text-transform:none; font-size:1.0em; font-weight:500; margin:30px 0 5px;}
#headerimage figcaption {font-family:'Nothing You Could Do', cursive; text-transform:uppercase; font-size:1.6em; font-weight:400; margin:10px 0; letter-spacing:2px;}
ul li {list-style:none;}

/* ########## Links ########## */
a {color:#fff; text-decoration:none;} 
.pagepost p a {color:#fff; text-decoration:none; border-bottom:2px solid #f75c04; padding-bottom:3px;} 
p.email a {border-bottom:none;}
a img {border:none;}
a.more-link {float:right;}
a.more-link:hover {transition:0.5s ease; color:#f75c04; background-color:#fff;}

/* ########## Header ########## */
noscript p {position:fixed; top:0px; z-index:100; background:#f03510; color:#fff; text-align:center; font-size:1.15em; margin:0 auto; width:100%; padding:25px 5px;}
noscript p:before {font-family:'FontAwesome'; content:"\f071"; font-size:130%; color:#fff; font-weight:normal; margin:0 15px 0 0; line-height:1em; vertical-align:middle; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box;} 
#topbar {position:fixed; z-index:5; height:71px; width:100%; background:rgba(29,29,29, 0.5); box-shadow:0 5px 5px -5px #000;}
#header {position:fixed; z-index:6; width:100%; max-width:1000px; margin:0 auto; background:none !important;}
#logo-container {float:left; margin:0 20px 0 0; width:120px; height:120px;}
#logo {display:block; background:url(images/logo.svg); margin:0 auto; width:120px; height:120px; background-repeat:no-repeat; background-position:center; background-size:cover;} 
.opacity {background:rgba(29,29,29, 0.9) !important; -webkit-transition:background-color 1000ms ease; -moz-transition:background-color 1000ms ease; -o-transition:background-color 1000ms ease; -ms-transition:background-color 1000ms ease; transition:background-color 1000ms ease;}
#headerimage {position:relative; z-index:2; min-height:300px; max-height:550px; overflow:hidden; -moz-transition:1.5s ease-in-out; -ms-transition:1.5s ease-in-out; -o-transition:1.5s ease-in-out; -webkit-transition:1.5s ease-in-out; transition:1.5s ease-in-out; box-shadow:0 5px 5px -5px #1d1d1d;}
#headerimage figcaption {position:absolute; z-index:4; top:50%; left:10%; padding:5px; -moz-animation:slideInLeft 2s; -ms-transition:slideInLeft 2s; -o-animation:slideInLeft 2s; -webkit-animation:slideInLeft 2s; animation:slideInLeft 2s; background:rgba(0,0,0, 0.4); -moz-box-shadow:0 0 5px #1d1d1d; -webkit-box-shadow:0 0 5px #1d1d1d; box-shadow:0 0 5px #1d1d1d; /*text-shadow:0px 0px 16px rgba(84,84,84,0.8);*/}
#headerimage img {position:relative; z-index:3; display:block; width:100%; height:auto;}
/* Impressum */
body.page-template-impressum #headerimage {display:none;}


/* ########## Main Menu ########## */
.nav-toggle {position:relative; overflow:hidden; width:100%; height:55px; display:block; -webkit-font-smoothing:antialiased; text-decoration:none; text-indent:-999px;} 
.nav-toggle:before {content:"\f0c9"; font-family:FontAwesome; color:#fff; font-style:normal; font-weight:normal; font-variant:normal; font-size:1.8em; text-transform:none; position:absolute; text-indent:0; text-align:center; line-height:55px; vertical-align:middle; speak:none; width:100%; top:0; left:0;} 
.nav-toggle.active::before {content:"\f00d"; font-family:FontAwesome; color:#fff; font-size:1.8em;}
.nav-toggle, .dropdown-toggle {-webkit-tap-highlight-color:rgba(0,0,0,0);} 
/*.main-menu, .main-menu * {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} */
.main-menu {margin:15px 0;} 
.main-menu, .main-menu ul {width:100%; /*float:left;*/} 
.main-menu > ul {border-top:1px solid rgba(0,0,0,.15);} 
.main-menu li {display:block; float:left; width:100%;} 
.main-menu a {font-size:1.0em; text-transform:normal; color:#fff; text-align:center; text-decoration:none; width:100%; padding:0.5em; float:left;} 
.main-menu ul {margin:0; padding:0; width:100%; display:block;} 
.main-menu .menu-item-has-children ul {display:none;} 
.main-menu, .main-menu .menu-item-has-children ul {clip:rect(0 0 0 0); max-height:0; /*position:absolute;*/ display:block; overflow:hidden; zoom:1;} 
.main-menu.opened, .main-menu .menu-item-has-children.opened ul {max-height:9999px;} 
.main-menu .menu-item-has-children.opened > ul, .main-menu .menu-item-has-children .menu-item-has-children.opened > ul {position:relative;} 
.menu-item-has-children ul ul a {background:#81230e; padding-left:2.5em;} 
/*.menu-item-has-children ul a {background:#fff;} */
/*.menu-item-has-children ul {background:#fff;} */
.menu-item-has-children ul ul {border:0; padding:0;} 
.menu-item-has-children .menu-item-has-children.opened .dropdown-toggle {background:#9c2c12;} 
.menu-item-has-children.opened > .dropdown-toggle:after {content:"\f068";} 


/* ########## Content ########## */
.claim {display:block; margin:0 auto; text-align:center;}
.claim p {margin:20px auto 0;}
.divider {width:55%; height:55px; margin:30px auto; background:url(images/divider.svg); background-repeat:no-repeat; background-position:center; background-size:contain;}
.content {margin:0 auto; padding:5%; border-radius:5px;}
.bg {background:rgba(0,0,0, 0.4); -moz-box-shadow:0 0 5px #1d1d1d; -webkit-box-shadow:0 0 5px #1d1d1d; box-shadow:0 0 5px #1d1d1d;}
.small {width:60%; margin:0 auto;}
.medium {width:70%; margin:0 auto;}
.full {width:100%; margin:0 auto;}
.left {float:left;}
.right {float:right;}
.center {margin:0 auto;}
#tagcloud {margin:0px 0;}
#tagcloud a {display:inline-block; margin:0 3px 3px; padding:0 0 3px; border-bottom:5px solid rgba(247,92,4, 0.0);}
#tagcloud a:hover {border-bottom:5px solid rgba(247,92,4, 0.8); padding:0 0 3px; transition:0.5s ease;}
#tagcloud div.inner {margin:10px 0; text-align:center;}
.marked {position:relative; z-index:4; display:inline-block; background:#f75c04; padding:8px 6px 7px;}
.rotate { -webkit-transform:rotate(-2.0deg); -moz-transform:rotate(-2.0deg); -ms-transform:rotate(-2.0deg); -o-transform:rotate(-2.0deg); transform:rotate(-2.0deg);}
.why img {position:relative; z-index:1; float:left; margin:0 20px 0 10px;}
.why h3 {position:relative; z-index:2;}
.block {display:block;}
.archivinfo h1 {margin:0;}
.post {position:relative; width:90%; margin:0 auto; padding:0;}
.postinfo {position:absolute; /*top:80px;*/ left:-35px; display:inline-block;}
.postinfo span {display:block; margin:1px 0; padding:1px 8px; text-align:right; background:#f75c04;}
body.page-id-132 div.pagepost {width:100%;} /* Galerie */
ul.vorstand {margin:50px 0 0;}
ul.vorstand li img.postthumbnail {width:155px; height:208px; margin-right:5%;}
#birkenhoflogo {width:30%;}

/* ########## Impressum ########## */
#impressum {margin:120px 40px 0;}
#impressum a {border-bottom:none;}
#impressum p strong {background:none;}
#impressum div.quelle {margin:50px 0 0;}
#impressum div.quelle ul {margin:20px 0;}
#impressum div.quelle li {margin-left:20px;}
#impressum div.quelle li:before {content:"\f1f9"; font-family:FontAwesome; font-size:1.0em; line-height:1.0em; vertical-align:middle; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px;}
#impressum div.adress {display:block; width:100%; float:none; text-align:left;}
body.page-template-impressum div.wrapper {margin:0 auto 60px !important;}

/* ########## Turniersport ########## */
.tt  {width:100%; border-collapse:collapse;border-spacing:0;}
.tt td {border-style:solid;border-width:0px;overflow:hidden;word-break:normal;}
.tt th {border-style:solid;border-width:0px;overflow:hidden;word-break:normal;}
.tt .tg {vertical-align:middle;}
.tt .tg.beschreibung {width:70%; padding:0 10%;}
.tt .tg.image {width:30%;}
.tt .tg.image img {display:block; margin:0 auto;}
.tt .tg.image p {text-align:center;}
.tt .tg.download {width:70%; text-align:center;}
.tt .tg.download li {margin:15px 0;}
.tt .tg.download a.marked {padding:10px;}

/* ########## Sponsoring ########## */
#sponsors {margin:50px 5%;}
#sponsors ul {display:block;}
#sponsors li {float:left; width:30%; margin:20px 10%;}
#sponsors li p {text-align:center; margin:10px 0 0; font-size:1.1rem; color:#1d1d1d;}
#sponsors ul#main:after {content:''; display:block; width:60%; height:1px; border-top:1px solid #fff; border-bottom:1px solid #fff;}

/* News Single */
body.single iframe {float:left; margin:25px auto;}
body.single .post ul li {margin-left:30px;}
body.single .post ul li:before {content:"\f068"; font-family:FontAwesome; font-size:0.6em; color:#f75c04; line-height:1.0em; vertical-align:middle; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px;}
.postjump span {padding:20px; border-radius:3px; background:rgba(0,0,0, 0.4); -moz-box-shadow:0 0 5px #1d1d1d; -webkit-box-shadow:0 0 5px #1d1d1d; box-shadow:0 0 5px #1d1d1d;}
.postjump span:hover {background:#f75c04; transition:0.5s ease;} 
.postjump span.left:before {content:"\f137"; font-family:FontAwesome; font-size:1.15em; color:#fff; line-height:1.15em; vertical-align:middle; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px;}
.postjump span.right:after {content:"\f138"; font-family:FontAwesome; font-size:1.15em; color:#fff; line-height:1.15em; vertical-align:middle; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 0px 0 7px;}
/* News Startseite */
.outernewscontainer {margin:60px 0 0;/*padding-left:3%;*/}
h2.excerptstitle {display:inline-block; margin:10px 0;}
/* Galerie Startseite */
.galerie h2 {margin:20px 0 30px; text-align:center;}
.galerie div.overflow {position:relative; display:inline-block;}
.galerie div.staggered-animation-container-1 {position:relative; margin:0;}
.galerie img.staggered-animation-1 {float:left; width:20%;}
.galerie img.staggered-animation-1 {padding:0px; margin:0px; background:none;}
.galerie a.marked {margin:5px 0 0 20px;}
.galerie .staggered-animation-container-1 .overlay {transition:opacity 1s; -webkit-transition:opacity 1s;}
.galerie .staggered-animation-container-1:hover .overlay {opacity:0.7;}
.overlay {position:absolute; z-index:100; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0, 0.7); opacity:0; display:inline-block;}
.overlay h1 {position:relative; text-align:center; top:45%;}
/* Galerie-Seite */
.gallery img {border:none !important;}
.gallery {-moz-animation:fadein 0.5s; -webkit-animation:fadein 0.5s; -o-animation:fadein 0.5s; animation:fadein 0.5s;}
@keyframes fadein {from {opacity:0;} to {opacity:1;}}
@-moz-keyframes fadein {from {opacity:0;} to {opacity:1;}}
@-webkit-keyframes fadein {from {opacity:0;} to {opacity:1;}}
@-o-keyframes fadein {from {opacity:0;} to {opacity:1;}}​

/* ########## Kontakt ########## */
body.page-template-kontakt #headerimage {min-height:400px;}
.contact {margin:0;}
.adress {margin:40px 0 60px;}
.adress.left {width:48%;}
.adress.right {width:48%;}
.adress p {margin:15px 0 5px;}
.adress span {display:block;}
.adress strong {font-weight:bold;}
.adress span.name {margin:0 0 10px;}
.adress span.phone {margin:10px 0 0;}
.adress span.email:before {content:"\f0e0"; font-family:FontAwesome; font-size:1.05em; color:#fff; line-height:1.0em; vertical-align:middle; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px;}
.adress span.phone:before {content:"\f095"; font-family:FontAwesome; font-size:1.05em; color:#fff; line-height:1.0em; vertical-align:middle; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px;}
.adress span.fax:before {content:"\f02f"; font-family:FontAwesome; font-size:1.05em; color:#fff; line-height:1.0em; vertical-align:middle; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px;}
/* Kontaktformular */
::-webkit-input-placeholder {color:#000;} :-moz-placeholder {color:#000;} ::-moz-placeholder {color:#000;} :-ms-input-placeholder {color:#000;}
.wpcf7-form {width:80%; margin:15px 0 0;}
.wpcf7-form p {margin:13px 1% 0;}
.wpcf7-form p.half {display:inline-block; float:left; width:48%;}
.wpcf7-text {display:block; width:100%; height:30px; font-size:1.0em; color:#000; padding-left:5px; background:rgba(223, 225, 226, 0.5); border:none; border-radius:2px; -moz-box-sizing:border-box; box-sizing:border-box;}
.wpcf7-text:focus {background:rgba(255,255,255, 1.0);}
.wpcf7-textarea {display:block; width:100%; font-family:'Raleway', sans-serif, Helvetica; font-size:1.0em; color:#000; padding-left:5px; background:rgba(223, 225, 226, 0.5); border:none; border-radius:2px; -moz-box-sizing:border-box; box-sizing:border-box;}
.wpcf7-textarea:focus {background:rgba(255,255,255, 1.0);}
.wpcf7-submit {display:inline-block; width:100%; background:#000; color:#fff; font-size:1.1em; letter-spacing:1px; margin:10px auto 25px; padding:8px 6px; border:none; cursor:pointer; -webkit-appearance:none; border-radius:2px;}
.wpcf7-submit:hover {background:#f75c04; transition:0.5s ease;}
div.wpcf7-validation-errors, div.wpcf7-response-output, div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked {font-size:1.2em; clear:both; margin:0 auto; width:100%;}
.wpcf7-not-valid-tip {background:#f75c04; color:#fff !important;}
.wpcf7 .wpcf7-mail-sent-ok, .wpcf7 .wpcf7-validation-errors {display:none !important;}
/* Google Map */
#map_canvas img {max-width:none;}
#map_canvas {position:absolute; z-index:2; top:0px; right:0px; bottom:0px; left:0px; margin:0; padding:0; width:100%;}
a.large-view:before {font-family:'FontAwesome'; content:"\f065"; font-size:1em; width:24px; height:24px; font-weight:normal; margin:0 5px 0; padding:4px; line-height:24px; vertical-align:middle; color:#f75c04; background:#fff; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%;} 
a.large-view {position:absolute; margin:-70px 0 0; color:#fff; text-decoration:none;}


/* ########## Footer ########## */
div.content.black {padding:20px 2% 30px;}
#footer {max-width:900px; margin:0 auto; font-size:1.0em;}
#footer #credits div.left {width:60%;}
#footer #credits div.right {width:40%; text-align:right;}
#footer #credits a {margin:0 5px; text-decoration:none; font-size:1.0em;}
.black {background:#1d1d1d; -webkit-box-shadow:inset 0px 5px 5px -4px rgba(0,0,0, 0.75); -moz-box-shadow:inset 0px 5px 5px -4px rgba(0,0,0, 0.75); box-shadow:inset 0px 5px 5px -4px rgba(0,0,0, 0.75);}
#footer div.footer-menu-container {float:left; width:50%; margin:0 0 30px;}
#footer .footer-menu li {border-bottom:2px dotted #5a5a5a; max-width:250px;}
#footer .footer-menu li:last-of-type {border-bottom:none;}
#footer .footer-menu li a {display:block; padding:6px 4px;}
#footer .footer-menu li a:hover {transition:0.5s ease; background-color:#f75c04;}
#footer div.logo {float:right; width:50%; margin:-70px 0 50px;}
#footer div.logo img {display:block; float:right; max-width:225px; background:none; padding:0;}

/* ########## Sidebar ########## */
.sidebar {float:right; width:26%; min-width:120px; margin:-20px 0 0 0; text-align:center; font-size:0.95em; -webkit-hyphens:none; -moz-hyphens:none; -o-hyphens:none; -ms-hyphens:none; hyphens:none;}
.sidebar li {margin:0 0 30px;}
p.email:before {content:"\f0e0"; font-family:FontAwesome; font-size:1.05em; color:#fff; line-height:1.0em; vertical-align:middle; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px;}
p.phone:before {content:"\f095"; font-family:FontAwesome; font-size:1.05em; color:#fff; line-height:1.0em; vertical-align:middle; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px;}
/* Sidebar Toggle */
.sidebar .toggle {display:none;}
.sidebar p.toggle {padding:5px 0; text-align:justify; word-break:break-word; border-bottom:3px solid #f75c04;}
.sidebar h3.abouttitle {font-family:'Raleway', sans-serif; text-transform:none; font-size:1.2em; font-weight:400; margin:10px 0 0; padding:0 0 5px; border-bottom:3px solid #f75c04;}
.sidebar h3.abouttitle a:hover {cursor:pointer;}
.sidebar h3 a.closed:before {font-family:'FontAwesome'; content:"\f13a"; display:inline-block; margin:0 5px 0 -20px; font-size:90%; text-align:center; font-weight:normal; line-height:1em; width:1em; padding:.1em; -webkit-border-radius:100%; border-radius:100%; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; color:#fff;}
.sidebar h3 a.open:before {font-family:'FontAwesome'; content:"\f139"; display:inline-block; margin:0 5px 0 -20px; font-size:90%; text-align:center; font-weight:normal; line-height:1em; width:1em; padding:.1em; -webkit-border-radius:100%; border-radius:100%; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; color:#fff;}


/* ########## Pagination ########## */ 
#pagination {margin:30px 0 50px; text-align:center;}
#pagination .page-numbers {margin:0 2px; padding:6px; width:36px; line-height:30px; text-align:center; color:#fff; background:rgba(255,255,255, 0.5); display:inline-block; border-radius:2px; font-size:1.2em;}
#pagination .page-numbers:hover {background:rgba(255,255,255, 0.9); color:#000;}
#pagination span.current {color:#fff; background:#f75c04;}
#pagination a.prev.page-numbers, #pagination a.next.page-numbers {display:none;}


/* ########## Image classes ########## */
img, div.wp-caption {max-width:100%; height:auto; /*Fluid Images */ -moz-box-sizing:border-box; box-sizing:border-box;}
.content img {/*background:url(images/bg-body.jpg);*/ padding:5px;}
img.alignleft.postthumbnail {width:250px; height:170px; margin:10px 20px 0 0;}
/*img.circular{width:180px; height:175px; border:2px solid #fff; padding:4px; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%;}*/
.wp-caption {background:rgba(0,0,0, 0.3); padding:4px;}
.wp-caption img {display:inline-block; margin:0 auto;}
.post figcaption {line-height:1.8em; text-align:center;}
.alignleft {float:left; margin:5px 20px 0 0;}
.aligncenter {margin:0 auto;}
.alignright {float:right; margin:5px 0 0 20px;}


/* ############## Danke ############## */
.danke {width:100%; margin:50px 0; text-align:center;}
.danke p {text-align:center; font-size:1.2em;}


/* ########## Lädt... ########## */
.spinner {position:absolute; z-index:1; top:45%; left:45%; width:60px; height:60px; background-color:#fff; border-radius:100%;  -moz-animation:scaleout 1.0s infinite ease-in-out; -webkit-animation:scaleout 1.0s infinite ease-in-out; animation:scaleout 1.0s infinite ease-in-out;}
@-webkit-keyframes scaleout {
  0% {-webkit-transform:scale(0.0) }
  100% {-webkit-transform:scale(1.0); opacity:0;}
}
@keyframes scaleout {
 0% {transform:scale(0.0); -webkit-transform:scale(0.0);} 
 100% {transform:scale(1.0); -webkit-transform:scale(1.0); opacity:0;}
}


/* ########## Various classes and id´s ########## */
.fancybox-skin {background:none !important;}
.tp-bullets.tp-thumbs {z-index:50 !important; background-color:#51473f !important;}
#back-to-top {margin:0 auto; padding:30px 0 20px; text-align:center; display:none; clear:both;}
#back-to-top a:before {content:"\f139"; font-family:FontAwesome; font-size:4.0em; color:#fff; line-height:1.0em; vertical-align:middle; font-style:normal; font-weight:normal; text-decoration:inherit;}
#back-to-top a:hover:before {color:#f75c04;}
sub, sup {font-size:0.8em; line-height:0; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
em {line-height:1.5em;}
hr {width:80%; margin:20px auto;}
#dp_footer {display:none;}
#dp {margin:100px 0 30px; padding:0;}
#dp h5 {font-size:1.0em; font-weight:400; line-height:1.5em; margin:15px 0 5px; background:none;}
#dp-logo {display:block; background:url(http://www.pannasch.net/images/pannasch-logo.svg) no-repeat left center; width:100%; height:75px;}
#dp a {color:#bebebe; font-size:0.8em; text-decoration:none; border:none;}
.hideme {-moz-animation:cssAnimation 0s ease-in 10s forwards; -webkit-animation:cssAnimation 0s ease-in 10s forwards; -o-animation:cssAnimation 0s ease-in 10s forwards; animation:cssAnimation 0s ease-in 10s forwards; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}
@keyframes cssAnimation { to {width:0; height:0; overflow:hidden;}}
@-webkit-keyframes cssAnimation { to {width:0; height:0; visibility:hidden;}}


/* ########################################################################### */
/*  --------------------------------------------- His  Responsiveness --------------------------------------------- */
/* ########################################################################### */


@media screen and (min-width:1700px) {
/* ########## Content ########## */
#headerimage {max-height:900px;}
body.page-template-kontakt #headerimage {min-height:600px;}
}/* Ende @media screen */


@media screen and (min-width:910px) {
/* ########## Header ########## */
#header.opacity span#logo {width:90px; height:90px; -moz-transition:0.5s ease-in-out; -ms-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;}

/* ########## Main Menu ########## */
.main-menu {width:auto; /*float:right;*/}
.main-menu li {width:auto; border-bottom:5px solid rgba(255,255,255, 0.0); margin:0 0 0 10px;} 
.main-menu a {margin:0; float:left; text-align:center; border-bottom:0;} 
.main-menu a.dropdown-toggle {cursor:default;}
.main-menu > li:hover {border-bottom:5px solid rgba(255,255,255, 0.0);}
.main-menu li:last-child a {border:0;} 
.main-menu li.current-menu-item, .main-menu li.current_page_parent, .main-menu li.current-menu-parent {border-bottom:5px solid #f75c04;}
.main-menu li.current-menu-item ul.sub-menu li, .main-menu li.current_page_parent ul.sub-menu li, .main-menu li.current-menu-parent ul.sub-menu li {border-top:none;}
.main-menu ul.sub-menu {position:absolute;}
.main-menu ul.sub-menu li {margin:5px 0; border-bottom:none;}
.main-menu ul.sub-menu li a:hover {background:#f75c04; color:#fff;}
.main-menu {position:relative;} 
.main-menu.closed, .main-menu.closed .menu-item-has-children ul {max-height:none;} 
.nav-toggle {display:none;} 
.main-menu, .main-menu .dropdown ul {max-height:none; overflow:visible;} 
/*.dropdown-toggle:after {content:""; width:0; height:0; margin:0.3em 0 0 0.4em; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #f75c04;}
.menu-item-has-children ul .dropdown-toggle:after {content:""; width:0; height:0; margin:0.3em 0 0 0.4em; border-bottom:6px solid transparent; border-top:6px solid transparent; border-left:6px solid #fff;} */ 
.main-menu .menu-item-has-children {position:relative;} 
.main-menu .menu-item-has-children li {width:100%;} 
.main-menu .menu-item-has-children ul a {text-align:left; border:0;} 
.main-menu .menu-item-has-children:hover>ul {clip:auto; position:absolute; z-index:100; width:auto; top:2.2em; left:0px; padding:5px; display:block !important; background:#f75c04; box-shadow:0 0 5px 3px rgba(69, 74, 78, 0.5);} 
.main-menu .menu-item-has-children:last-of-type:hover>ul {clip:auto; position:absolute; z-index:100; width:auto; top:2.2em; left:-100px; padding:5px; display:block !important; background:#f75c04; box-shadow:0 0 5px 3px rgba(69, 74, 78, 0.5);} 
.main-menu .menu-item-has-children .dropdown:hover > ul {top:0; left:10em;} 
.main-menu ul > .menu-item-has-children:last-child ul {left:auto; right:0;} 
.main-menu li.menu-item-has-children:hover > ul.sub-menu {-webkit-transition:all .25s ease; -moz-transition:all .25s ease; -ms-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; min-width:200px;}

/* ########## WayPoints ########## */
.os-animation{opacity:0;}  
.os-animation.animated{opacity:1;}   
.animated {-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}

.slideInLeft {-webkit-animation-name:slideInLeft; animation-name:slideInLeft;}
@-webkit-keyframes slideInLeft {
  0% {opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px);}
  100% {-webkit-transform:translateX(0); transform:translateX(0);}
}
@keyframes slideInLeft {
  0% {opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px);}
  100% {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
}

.slideInRight {-webkit-animation-name:slideInRight; animation-name:slideInRight;}
@-webkit-keyframes slideInRight {
  0% {opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px);}
  100% {-webkit-transform:translateX(0); transform:translateX(0);}
}
@keyframes slideInRight {
  0% {opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px);}
  100% {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
}

} /* Ende @media screen */


@media screen and (max-width:909px) {
/* ########## Body ########## */
#headerimage figcaption {font-size:1.2em;}

/* ########## Header ########## */
#topbar {background:none; box-shadow:none;}
#header {position:relative;}
.opacity {background:none !important;}
#logo-container {float:none; margin:0px auto 20px; width:120px; height:120px;}
#logo {background:url(images/logo.svg); width:120px; height:120px; background-repeat:no-repeat; background-position:center; background-size:cover;} 
#headerimage {min-height:145px; /*overflow:visible;*/}
#headerimage figcaption {top:25%; left:5%;}

/* ########## Main Menu ########## */
.dropdown-toggle:after {content:"\f067"; font-family:FontAwesome; color:#fff; font-size:1.0em; line-height:1.0em; float:right; margin-left:-80px; margin-right:40px;} 
.main-menu li {margin:0;} 
.main-menu li.menu-item-has-children.opened ul.sub-menu a {background:rgba(0,0,0, 0.3); color:#fff;}
.main-menu li.menu-item-has-children.opened ul.sub-menu {box-shadow:inset 0px 11px 8px -10px #191919, inset 0px -11px 8px -10px #191919;}

/* ########## Sidebar ########## */
.sidebar h1 {margin:50px 0 -30px;}

/* ########## Various classes and id´s ########## */
#back-to-top {display:block;}
.tp-bullets.tp-thumbs {display:none;}
}/* Ende @media screen */


@media screen and (max-width:520px) {
/* ########## Content ########## */
.claim p {width:100%;}
.post {width:100%;}
.medium {width:100%;}
#impressum {margin:20px 0 0;}
.postinfo {left:-10px; /*top:120px;*/}
.sidebar {float:none; width:100%; margin:30px 0 0 0; font-size:1.0em;}
.pagepost.small {float:none; width:100%;}
h2.excerptstitle {margin-top:15px;}
img.alignleft.postthumbnail {width:100%; height:auto; margin:10px auto;}

/* ########## Kontakt ########## */
body.page-template-kontakt #headerimage {min-height:200px;}
.adress {margin:40px 0 20px;}
.adress.left {width:100%;}
.adress.right {width:100%;}
.wpcf7-form {width:100%; margin:15px 0 0;}
.wpcf7-form p.half {float:none; width:100%;}

/* ########## Footer ########## */
#footer #credits div.left {width:100%; text-align:center; line-height:1.8em;}
#footer #credits div.right {width:100%; text-align:center; line-height:1.8em;}

#footer div.footer-menu-container {float:none; width:100%;}
#footer .footer-menu li {margin:0 auto;}
#footer .footer-menu li a {padding:10px 0; text-align:center;}
#footer div.logo {float:none; width:100%;}
#footer div.logo img {float:none; margin:0 auto;}
}/* Ende @media screen */















/* Abstand */