/*
Theme Name: Schoppmann 2.5
Theme URI: http://graphiks.info/
Author: www.graphiks.info
*/

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

/*Reset ------------------------------------------------------------------------------------*/
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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 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 {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}body {line-height: 1;}ol,ul,li {list-style: none;}blockquote,q {quotes: none;}blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}caption,th,td {font-weight: normal;text-align: left;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;}del {color: #333;}ins {background: #fff9c0;text-decoration: none;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}small {font-size: smaller;}img {border: 0;-ms-interpolation-mode: bicubic;}

/*HTML Elements*/
html {overflow-y: scroll;}

body, tr, td, form, label, cite, input,  select	{		color: #333; }
body { 	text-align: center; 	margin: 0; background:#606968;; border-top:30px solid #EAA734; font-family:  Helvetica, Arial, sans-serif; 	font-size: 14px; line-height:1.6em;   }
ul, li, p, ol, blockquote, cite	{ margin:0; padding:0; font-style:normal;}
li	{ list-style:none;}

a, a:visited { color: #333; text-decoration: underline; 	outline: none; outline:none;  }
a:hover, a:active { 	color: #999; 	text-decoration: none; outline:none; }


a[href*="tel"] { text-decoration: none;}

.more-link	{ display:block;}

h1,h2,h3,h4,h5,h6  { font-family: 'Arial Narrow', Helvetica, Arial, sans-serif; font-size: 1.1em; 	 margin: 7px 0 ;	 font-weight:normal; letter-spacing: 1px;   }
h1, h2{font-family: 'Frutiger_57_Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; }
h2	{font-size: 1.6em; padding-bottom:3px;  line-height: 1.65em; font-weight:bold;  }
.storycontent h2, h3	{ font-size:1.2em;  border-bottom:1px solid #ccc; margin-top:20px;  }

hr { background: #fff;border:2px dotted #ccc; border-width:0 0 1px 0;height: 1px;width:99,99%;margin:15px 0;font-weight:bold;}

i	{ color:#EAA734; font-weight:bold; font-style:normal;}
p	{ margin-bottom:7px;}
iframe	{ border:1px solid #ccc;}
cite	{ font-size:0.75em; text-align:right; display:block; color:#666;}

.bold	{ font-weight:bold;}
.quote	{ font-size:1.1em; font-style:italic; }
small { color:#999;  font-size: .8em; }  

.desktop_only { display: none;}


/*Layout 
------------------------------------------------------------------------------------*/
.skiplink {position:absolute;left:-9999px;top:-20em;}

#main { 	position:relative;  width:100%;background:#f1f3f1;    } 
#header,  #content, #footercontent, .infobar_content	{ position:relative; width:96%; margin:0 auto; text-align:left; max-width: 1200px;}	

#topsearch	input { position:absolute; top:-26px; right:0;  }

/*Header 
------------------------------------------------------------------------------------*/
#header { 	 padding : 11px 0 0 0; 	}

#navi	{ position:absolute; left:0; top:25; z-index:3;}
#navi li	{ float:left; width:auto; height:auto; margin:0; padding:0;    }
#navi a, #navi a:visited	{ font-size: 15px; color: #606968;   padding: 8px 10px 9px 10px; 	text-decoration:none;	  border:1px solid #f1f3f1; border-bottom-color:#ccc; height: 32px; line-height: 1em;   }
#navi  a:hover, #navi a:active	{ color:#EAA734;}
#navi .current-menu-item a, .category-1 #navi .menu-item-312 a, .category-4 #navi .menu-item-311 a 	{ background:#fff; border:1px solid #ccc; border-bottom-color:#fff;}

#navi select { display: none; visibility: hidden; padding: 5px;  font-size:15px; width:100% !important;  line-height: 15px; height: 36px; -webkit-appearance: none;-moz-appearance: none; border: 2px solid #fff; padding: 3px; overflow: hidden; background: url(pics/down_arrow_select.jpg) no-repeat right top #fff; border: 2px solid #EAA734; }

#navi select .level-0 {  border-width: 1px 1px 0 1px ; border-style: solid solid dashed solid; border-color: #ddd #1384bc; padding: 7px 3%; color:#1384bc; line-height: 30px; font-weight: bold; font-size: 1.3em; }
#navi select .level-1 { padding: 7px 3% ; font-weight: normal; line-height: 30px; height: 30px; color: #666; border-width: 1px 1px 0 1px ; border-style: dashed solid; border-color: #ddd #067844; }
#navi select:hover  { cursor: pointer;}

#headercontent {   position:relative;width:100%;  }	
#headercontent .inner { padding-bottom: 15px;}
h1 {  margin:0 0 15px 0; width:100%; font-size: 2em; text-shadow: 2px 2px 2px #5C5C5C;font-weight: bold; color:#2C5688; line-height: 1.5em; }

h1 a,  h1 a:visited, h1 a:hover, h1 a:active	{ width:100%; height:100%; display:block;  text-decoration:none; color:#2C5688;  }

#quicklinks	{  width:17%; display: none; box-sizing: border-box; position: absolute; right: 0; top: 0; height: 154px; background: #fff;}	
#quicklinks .sidebarcontent { border: 0;}
#quicklinks li	{ margin:0 0 3px 0; line-height:1.2em; list-style: none;}
#quicklinks b { font-weight:bold; font-size:1.1em; }
#quicklinks ul	{ padding:10px 0 0 0;}
#quicklinks	.current_page_item	a	{ cursor: default !important; color:#999 !important; text-decoration:none !important;}

/*Infobars
------------------------------------------------------------------------------------*/
#infobar { background: #f00; border: 1px solid #f00; border-width: 1px 0 10px 0; margin: 15px 0 10px 0;  }

.infobar_content  {display: table; width: 100%; 	}
#infobar h3 {color: #fff; font-weight: bold; font-size: 1.4em; letter-spacing: 1px; text-transform: uppercase;  padding: 4px 8px 4px ;background: #f00; border: 0; margin: 0; height: auto;}
#infobar .textwidget { background: #fff; font-size: 1.2em; padding: 7px 8px;}

#video_infobar, #video_infobar_mobil { background: #20315d;border: 1px solid #20315d; border-width: 10px 0 5px 0 ; margin: 15px 0 10px 0; padding: 0;}
.videoinfobar_content img { width: 100%; height: auto; opacity: 1; margin: 0 !important;}
.videoinfobar_content img:hover { opacity: .85;}
.page-id-323 .videoinfobar_content { display: none;}

#video_infobar { display: none;}



/*Content 
------------------------------------------------------------------------------------*/
#post	{  margin:25px 0; padding-bottom: 15px; border-bottom: 2px dotted #ccc;   }
.storycontent	{ margin:15px 10px 0 0; position:relative;  font-size:1.1em; line-height: 1.6em; z-index:1;   }
.category .storycontent	{ margin:0 10px 20px 0; padding-bottom:20px;}

/*Bilder, Videos, Objects, iframes, Captions*/
#main img, .wp-caption	{max-width:100%;height:auto;} 
.alignright {	margin: 0 0 11px 11px; display:inline;float:right;} .alignleft {margin: 0 11px 11px 0;display:inline;float:left;} .storycontent img.alignleft, .storycontent img.alignright	{ max-width:40%;} .storycontent a img	{opacity:1;border:1px solid #ccc;} .storycontent a:hover img	{opacity:.5;border-color:#000;}

.video-wrapper { max-width: 650px;}
.video-container { position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin-bottom:10px;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} 

/*Caption, WP-Gallery*/
.wp-caption	{ padding:4px; margin-bottom:10px; box-sizing: border-box;}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 0.8em; color:#999; }
.wp-caption-text { margin-top:7px;}

/*Listen*/
.storycontent ul 	{ margin:10px 0 0 0;padding:0 0 10px 0 ; }	
.storycontent ul li	{ margin:0 0 4px 20px; list-style:disc;}
.storycontent ol li	{ margin:0 0 4px 20px; list-style:decimal;  }

/*Tabellen*/
table	{ border:0 none; border-spacing:0; width:100%; margin: 10px 0; }
td, th 	{ padding:3px 20px 3px 0;  vertical-align:top;  text-align:left;} 
th	{ font-weight:bold;}

.infotable td	{ border-bottom:1px solid #ccc; padding: 5px 30px 5px 15px;}
.infotable tr:first-child td { border-top:1px solid #ccc; }
.page-id-9 .infotable tr td:first-child	{  background:#fff; padding: 6px 20px 6px 15px;}

table.chronik tr td:first-child { white-space: nowrap !important;}

/*Formular */
.button, .button:visited	{ width:auto; border:	1px solid #ddd;  background:#eee; letter-spacing:1px; padding:0 7px;   }
.button:hover, 	.button:active	{background: #fff ; color:#333; cursor: pointer; }
textarea, input	{ width:250px;  border:1px solid #ccc; padding:2px; max-width: 90%;}
textarea	{ height:80px; width:350px; }

/*Suche*/
.searchform	{ width:auto; height:auto; z-index:2; } 
.searchform input	{ width:165px; background:url(pics/search.png) right center no-repeat #fff;}
.searchform input:active, .searchform input:focus	{ width:195px; background:#fff;}
.searchform .button	{ display:none;}

.search h3	{ margin-top:25px; }
.search h3 a { text-decoration: none!important;}
.storycontent .search-everything-highlight {background:#FFF984;font-weight:bold;color:#000;padding:0 1px;font-style:normal;} 

/*Pagenavi*/
.wp-pagenavi {text-align:center;padding:20px 0;display:block;margin:20px 0;border-top:2px dotted #ccc;} .wp-pagenavi .pages {margin-right:10px;line-height:2em;} .wp-pagenavi a,  .wp-pagenavi .current, .wp-pagenavi .extend {text-decoration:none;display:inline;margin-right:5px;} .wp-pagenavi .current {background:#f1f1f1 !important;color:#EAA734;}

/*Startseite*/
.signature	{ font-weight:bold; margin:20px 0 0 0; display:block; background:url(pics/signature.png) left bottom no-repeat; height: 140px;  }

.storycontent .ul_thumbs	{ margin:20px 0 ;  font-size:0.9em; }
.storycontent .ul_thumbs li	{ float:left; width:100%; margin:0 0 20px 0 ; list-style:none ; padding:0;  text-align:center; box-sizing: border-box; }
.ul_thumbs li a	{ text-decoration:none;}
.ul_thumbs li:hover 	{ opacity:0.7;}
#post .ul_thumbs .wp-post-image	{ border:1px solid #ddd; margin: 0 auto 3px 5%; width: 90%  ; display: block; max-width: 90%; }

.kontaktbox {padding:7px 5%; background:#fff; border:1px solid #ccc; margin: 0 0 7px 0;display: none; }
.kontaktbox a { text-decoration: none; display: block;  }
.kontaktbox a:hover { opacity: .7;}
.startportrait { display: none; margin-bottom: 7px;}

/*Subpages*/
.subpageheadline img	{ border:1px solid #ccc ;}
.subpageslisting 	{ padding-bottom:15px; min-height:125px;} 

/*Sidebar 
-------------------------------------------------------------------*/
#sidebar	{ margin-top: 25px; }
.sidebarcontent	{ padding:15px 7% 7px 7%; background:#fff; border:1px solid #ccc; margin-bottom:15px; line-height:1.3em;}
.sidebarcontent .attachment-medium	{ float:none; padding:0;   border:1px solid #ccc; margin-bottom:7px;}
.sidebarcontent h4	{ padding-bottom:3px; border-bottom:1px solid #ccc; font-weight:bold;}

.sidebarcontent	.current_page_item	a	{ cursor: default !important; color:#999 !important; text-decoration:none !important;}

.sidebarcontent ul 	{ margin:10px 0 0 0;padding:0 0 10px 0 ; }	
.sidebarcontent ul li	{ margin:0 0 4px 20px; list-style:disc;}

.page-id-8 #sidebar .ordinationen, .page-id-35 #sidebar .about 	{ display:none;}
.ordinationen a, .about a, .uppergi a	{ text-decoration:none !important; background:0 none !important; padding:0 !important }
.uppergi a img	{ border:0 none !important;}


/*Footer 
------------------------------------------------------------------------------------*/
#footer	{ position:relative; margin:0 ; text-align:center; display:block; clear:both; top:0; }
#footercontent	{  padding:30px 0; margin:0 auto; text-align: left;}
#footercontent p    { margin: 10px 0 0 0;}
#footer, #footer a, footer a:visited	 	{ color:#fff;}
#footer a:hover, #footer a:active	{ color:#333;}


/*Ueberschreiben, Editor-Styles 
------------------------------------------------------------------------------------*/
.red {color:#f00;font-weight:bold;}
.orange, a .orange, .orange a {color: #EAA734; font-weight: bold;}
.noborder, .wp-smiley	{ border:0 none !important;}
.border	{ border:1px solid #ccc;}

/*.Clear*/
#navi ul:after, .wp-pagenavi:before, #header:after, #navi:after, #maincontent:after, .post-edit-link:before {content: ".";display: inline-block; height: 0; clear: both; visibility: hidden;}
.clear	{ clear:both;}	

/*Transition*/
a:hover, a:active, a:hover img, .searchform input:focus, .searchform input:active, .button:hover, .button:active, textarea:focus, input:focus, textarea:active, input:active, .wp-pagenavi a,  .sidecontent .current_page_item ul a:hover, .sidecontent .current_page_item ul a:active, .more-link:hover, .more-link:active, select:focus,  select:active, #navi li:hover, #navi li:active, .top:hover,  select:focus,  select:active,.button:hover, input[type="submit"]:hover, .wp-pagenavi a:hover, .ul_thumbs li:hover, .searchform input	  {-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}
  
/*Buttons*/
.button, .wp-pagenavi a, button, input[type="submit"], input[type="button"], input[type="reset"], .wp-pagenavi .current {-webkit-border-radius: 2px;border-radius: 2px;border:1px solid #666;letter-spacing:1px;padding:5px 7px;font-weight:bold;line-height:2.5em; background-color: #e6e6e6; 	background-repeat: repeat-x; 	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); 	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); 	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); 	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); 	background-image: linear-gradient(top, #f4f4f4, #e6e6e6); 	border: 1px solid #d2d2d2; 	border-radius: 3px; 	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);}  

.button:hover, input[type="submit"]:hover, .wp-pagenavi a:hover, input[type="button"]:hover, input[type="reset"]:hover	{ border-color: #fbc500;cursor:pointer;color:#000;	background-color: #ebebeb; 	background-repeat: repeat-x;	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); 	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); 	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); 	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); 	background-image: linear-gradient(top, #f9f9f9, #ebebeb);}


/*Responsive
-------------------------------------------------------------------------------------------------------*/

@media screen and (min-width:450px) {
    
    .storycontent .ul_thumbs li	{ width:50%; }
    h1 { font-size: 2em;}

}

@media screen and (max-width:500px) {
    
    table:before {content: "HINWEIS: falls der nachfolgende Tabelleninhalt nicht vollst\00e4ndig sichtbar ist - Tabelle links/rechts verschieben"; line-height: 1.3em; padding-top: 15px; font-size: .85em; color: #999; padding: 5px 0; display: block; font-style: italic; padding: 7px; border: 2px solid #ddd;} 
    table { overflow-x: auto; display: block; padding-bottom: 20px; width: 100%;}    

    #topsearch	input { top:-25px;   }
    .responsive { display: none;} 

}    

@media screen and (min-width:599px) {

    
    #video_infobar { display: block;}
    #video_infobar_mobil { display: none;}

    .storycontent .ul_thumbs li	{ width:50%; }
    
    #infobar { border-width: 1px 0 ;  }
    #infobar h3, #infobar .textwidget { display: table-cell; vertical-align: middle;  }
    #infobar .textwidget { padding: 10px 10px 2px 20px; } 
    #infobar h3 { font-size: 1.6em; line-height: 2em; padding: 10px 20px 0 12px; }
   
}

@media screen and (max-width:749px) {
    
    #navi select { display: block; visibility: visible;}
    #navi ul     { display: none; }
    #headercontent {top:45px;}
    #content { -webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto; }
    .kontaktbox, .startportrait { display: block;}        

}    

@media screen and (min-width:750px) {

    #header {height:210px; top:21px; left: 0; } 
    #headercontent {  border:1px solid #ccc; height:164px; position:absolute; top:39px; left:0; width:100%; background: #fff; margin: 0; }
    #headercontent .inner {background-image: url(pics/headerpic.jpg);  background-repeat:  no-repeat; background-color:  #fff; margin: 10px 10px 0 10px; display: block; height: 134px; }
    h1 { margin: 0;  color: #fff;  position:absolute; left:5%; top:15px; width:85%; }    
    h1 a  { color: #fff !important; text-shadow:0 1px 0 #5C5C5C,0 -1px 0 #5C5C5C,1px 0 0 #5C5C5C,-1px 0 0 #5C5C5C;}    
    #topsearch	input { top:-46px;   }        

    #navi { top: 11px;}
    h1 { font-size: 2.5em; }   

    #post	{  margin:25px 0 25px 12px;  min-height:400px; float:left; width:72%; padding-bottom:70px; border: 0; }
    #sidebar	{ float:right; width:24%; margin-bottom:20px; }

}

@media screen and (min-width:900px) {
    
    #navi a, #navi:visited {font-size: 20px;   padding: 7px 10px 6px 10px ; height: 33px; font-family: 'Frutiger_57_Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif;  }   
    #headercontent { top: 39px;}    
    h1		{  left:auto; top:auto; width:85%; text-align: right; right: 19%; bottom: 20px; font-size: 3em; }
    #headercontent .inner {margin-right: 0; }    
    #quicklinks { display: block; }    
    
    .storycontent .ul_thumbs li	{ width:25%;  }

    #post	{ width:78.5%;  }
    #sidebar	{  width:17.5%;  }    
    
}