/*
Theme Name: Sandra WordPress Theme
Theme URI:
Description: 
Version: 2.0
Author: ich
Author URI: 
Tags: 3 column theme, clean, portfolio
*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
}
/* Global */
body, div { margin: 0; padding: 0;}
body {font-family: 'Arial', sans-serif; color: #444; background: url(images/dummy-image.jpg)no-repeat center top fixed; 
-webkit-background-size: cover; /* contain  cover*/
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
a { color: #000; text-decoration: none; transition: background 0.3s ease 0s, color 0.3s ease 0s; }
a:hover { color: #666; }
h1,h2,h3,h4,h5,p { margin: 0px 0; }
h3 { font-size: 18px; }
h4 { font-size: 20px; }
h5  {font-size: 16px;  margin: -17px 0 10px 0; font-weight: bold; font-stretch:expanded;}
h6  {font-size: 9px;  margin: 10px 0 0 0; font-weight: 100; float:right; text-align:right !importants;}
.no_margin_top { margin-top: 0 !important; }
.margin_top_25 { margin-top: 25px; }
.margin_vert_20 { margin: 20px 0; }
.margin_vert_25 { margin: 25px 0; }
.padding_bottom_10 { padding-bottom: 10px !important; }
img { border: none; }
p {font-size: 13px; line-height: 17px; font-weight: normal;}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
sup { font-size: 11px; }
.line_height_22 { line-height: 22px !important; }
.font_10 { font-size: 10px !important; }
.font_11 { font-size: 11px; }
.font_14 { font-size: 14px; }
.font_17 { font-size: 17px; }
.font_18 { font-size: 18px; }
.font_28 { font-size: 28px; line-height: 30px; }
.font_42 { font-size: 42px; }
.font_normal { font-weight: normal; }
.float_none { float: none !important; }
.green_text { color: #005a4a; }
.purple_text { color: #76236d; }
.text_center { text-align: left; margin-top: 17px;}
::selection {
	background: #ccc; 
	}
::-moz-selection {
	background: #ccc; 
}
#main_container { width: 976px; margin: 0 auto; }
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}


/* background image */
.background_image {max-height:200px;position:fixed;}



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

/* menu */
#menu_container { padding: 40px 0 0 0; text-align: center;  }
#menu_container ul {list-style-type: none; margin: 0; padding: 0;  text-align: left; }
#menu_container ul li { margin-left: 5px; font-family:  'Source Sans Pro', sans-serif; font-weight: normal; letter-spacing:0.5px; font-size: 13px; color: #9f9f9f; position: relative; padding-bottom: 15px; text-transform: uppercase; display: inline-block; }
#menu_container ul li:first-child { margin-left: 0; }
#menu_container ul li a { color: #333; text-decoration: none; display: block; padding-bottom: 5px;  padding: 4px 10px 4px 10px; border-radius: 0px;}
#menu_container ul li a:hover, 
#menu_container ul li.current-menu-item a, 
#menu_container ul li.current_page_item a {color: #fff; background-color: #000; padding: 4px 10px 4px 10px;}   /* farbe mouseover ganzes menü*/

#menu_container ul li ul {position: absolute; top: 35px; left: 0;   padding: 1px 1px; z-index: 25; display: none; border-radius: 0px; text-align: left; }
#menu_container ul li ul li { width: 150px; font-size: 12px; margin: 0; padding: 4px 2px 4px 2px; background-color: #333; } /* farbe hintergrund untermenü*/
#menu_container ul li ul li:first-child { border-top: none; }
#menu_container ul li.current-menu-item ul li a, 
#menu_container ul li.current_page_item ul li a  { background-color: #333; color: #9f9f9f; border-bottom: none; }     /* farbe schrift unausgewählt untermenmenü*/

#menu_container ul li ul li.current-menu-item a, 
#menu_container ul li ul li.current_page_item a, 
#menu_container ul li ul li a {color: #9f9f9f; border-bottom: none; }
#menu_container ul li ul li.current-menu-item a:hover, 
#menu_container ul li ul li.current_page_item a:hover, 
#menu_container ul li ul li a:hover { background-color: #000; border-bottom: none; color: #ccc; }

/* Content */
#searchform {text-align:right; color: #000;}
#searchsubmit {height:24px; text-decoration: none; text-align:left;  font-family:  'Source Sans Pro', sans-serif;  letter-spacing:0.5px; font-weight: normal;  font-size: 13px; color: #fff; text-transform: uppercase; display: inline-block;  
			 	background-color:#000; border: 0px; text-align: middle; margin-left:5px;}

/* Content */
#slideshow_cont { margin-top: 3px; height: 400px; width: 976px; position: relative; }
#slideshow { }
.slide_box { width: 976px; height: 400px; display: none; position: absolute; top: 0; left: 0; z-index: 10; overflow:hidden; }
.slide_box img { width: 100% !important; height: auto !important; border-radius: 5px; vertical-align:middle !important;   }
.first_slide_box { display: block; }                                                                                             
.slide_box_text {font-family:  'Source Sans Pro', sans-serif; font-weight: normal; letter-spacing:0.5px; position: absolute; bottom: 15px; left: 15px; font-size: 14px; color: #fff; text-transform: uppercase; }
h3.top_title, h1.top_title { padding: 5px 5px; margin: 2px 0 2px;  font-size: 13px; color: #fff; background-color: #000; text-transform: uppercase;  }

.slide_prev { position: absolute; left: 0; top: 50%; margin-top: -16px; z-index: 15; cursor: pointer; }
.slide_next { position: absolute; right: 0; top: 50%; margin-top: -16px; z-index: 15; cursor: pointer; }


/* kategorie gross aber nicht nur 
.home_post_wide { float: left; margin: 25px 26px 0 0; width: 227px; height: 157px; position: relative; }
.home_post_wide img { width: 227px; height: 157px; border-radius: 3px;  }
.home_post_wide .home_post_title {font-family: 'Raleway', sans-serif; font-weight: 300;  position: absolute; bottom: 10px; left: 10px; 
width: 120px; font-size: 12px; color: #fff; text-transform: uppercase; background-color: #000; padding: 3px; border-radius: 2px; }*/


/* kategorie klein */
.home_post_tall { float: left; margin: 12px 24px 12px 0px; width: 213px; height: 133px; position: relative; overflow:hidden!important; padding-right: 0px; padding-left: 0px; }
.home_post_tall img {width:100% !important; height: auto !important; margin:0% auto auto 0% !important; border-radius: 3px; overflow:hidden!important; 
				vertical-align:middle !important; text-align:center !important;}
.home_post_tall .home_post_title { font-family:  'Source Sans Pro', sans-serif; font-weight: normal; letter-spacing:0.5px; position: absolute; bottom: 0px; left: 0px; 
width: 207px; font-size: 12px; color: #fff; text-transform: uppercase; background-color: #000; padding: 3px; border-radius: 2px; }
.home_post_tall_last { margin-right: 0; }



/* Post unterer Seitenrand */
.home_post_box { width:225px !important; height:140px !important; float: left; margin: 25px 25px 0 0; position: relative; 
				overflow:hidden!important; padding-right: 0px; padding-left: 0px; }
.home_post_box img {width:100% !important; height: auto !important; margin:0% auto auto 0% !important; border-radius: 3px; overflow:hidden!important; 
				vertical-align:middle !important; text-align:center !important;}
.home_post_box .home_post_title {font-family:  'Source Sans Pro', sans-serif; font-weight: normal; letter-spacing:0.5px;  position: absolute;
				 bottom: 0px; left: 0px; width: 225px; font-size: 12px; color: #000; text-transform: uppercase; background-color: #000; 
				 padding: 3px; border-radius: 2px;  }   /* headlineboxen */
.home_post_box_last {margin-right:0px !important; margin-left:0px !important; padding-right: 0px; }

.home_post_title a { color: #fff; text-decoration: none !important; }
.home_post_title a:hover { text-decoration: none !important; }
.home_post_title a:active { text-decoration: none !important; }
.home_post_box1 { position: absolute; left: 0; bottom: 15px; padding: 0px 0px; font-size: 14px; color: #000; text-decoration: none; background-color: #fff; }




/* keine Ahnung was das ist */
.archive_nav { padding: 10px 0 0;  }
.archive_nav a { display: block; background-color: #000; color: #fff; font-size: 10px; text-decoration: none; padding: 5px 10px; }
.blog_box { margin-top: 25px; }
.blog_box .left img { width: 614px; height: 337px; border-radius: 5px;  }
.blog_box .right { font-size: 14px; width: 290px; background-color: #fff; padding: 15px 15px; height: 307px; }
.blog_box .right h3 { font-size: 20px; margin-top: 0; font-weight: normal; }
p.blog_date { margin-bottom: 20px; }
.blog_box .read_more { display: inline-block; font-size: 13px; color: #444;  padding: 1px 1px; }





/* style von  page.php / single.php */
#single_cont {padding: 25px 25px 25px 25px; font-size: 14px; background-color: #fff; margin-top: 25px; overflow: hidden;}    /* Hintergrundfläche von  page.php / single.php */
#single_cont3 {padding: 12px 24px 12px 24px; font-size: 14px; color#000; background-color:hsla(0,0%,100%,0.7); margin-top: 25px; overflow: hidden;}   /* Hintergrundfläche von search.php / archive.php */
#single_cont2 { padding: 0px 0px; font-size: 14px; ; margin-top: 25px; border-radius:5px; }  /* Hintergrundfläche von index.php  */
h1.single_title { margin: 0 0 15px; font-size: 16px; font-weight: bold; font-stretch:expanded; } /* postname am oberen wrapperrand */
.single_inside_content {font-size: 13px; line-height: 17px; font-weight: normal;  }
.single_inside_content img {max-width:926px; height: inherit; padding:0px 0 0 0 !important;  }
.single_rand_cont {  }  
.elastic-video {position: relative; padding-bottom: 55%; padding-top: 15px; height: 0; overflow: hidden;margin-top:0px;}                   
.elastic-video iframe {position: absolute;top: 0; left: 0;width: 100%;height: 100%; }                       





/* Zweispaltiger Inhalt mit Shortcode */                              
.entry-content .leftcolumn, .entry-content .rightcolumn {width: 48%;}
.entry-content .leftcolumn {clear: left; float: left !important; } 
.entry-content .leftcolumn img {width: 100%;margin:0px !important;}                       
.entry-content .rightcolumn {clear: right;  float: right !important;}                          
.entry-content .topcolumn {clear: both; max-width:100%; }                             
.entry-content .topcolumn img {width: 100%; margin:0px !important;}

#commentform input[type=submit] { background-color: #161616; color: #fff; border: 1px solid #6E6E6E; padding: 3px 5px; }
	

/* Footer */
#footer { margin: 20px 0 25px; padding: 10px 10px;  font-size: 11px; color: #222; }
#footer .left img { float: left; margin-right: 10px; }





/* for tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#main_container { width: 718px; }
	#header { padding: 0 15px 0px; }
	.logo { max-width: 688px; height: inherit; }
	
	
	#menu_container ul li { margin-left: 5px; font-family:  'Source Sans Pro', sans-serif; font-weight: normal; letter-spacing:0.5px; font-size: 13px; color: #9f9f9f; position: relative; padding-bottom: 15px; text-transform: uppercase; display: inline-block; }
	
	#slideshow_cont { height: 460px; width: 718px; }
	.slide_box img { width: 718px; height: 460px; }
	.home_post_wide { margin: 25px 15px 0 0; width: 344px; height: 232px; }
	.home_post_wide img { width: 344px; height: 232px; }
	.home_post_wide .home_post_title {font-family:  'Source Sans Pro', sans-serif; font-weight: normal; letter-spacing:0.5px; width: 324px; font-size: 10px; }	
	
	.home_post_tall { margin: 12px 22px 12px 1px; width: 150px; height: 93px; }
	.home_post_tall img { width: 150px; height: 93px; }
	.home_post_tall .home_post_title {font-family:  'Source Sans Pro', sans-serif; font-weight: normal; letter-spacing:0.5px; width: 144px; font-size: 10px; }
	.home_post_tall_last { margin-right: 0; }	
	
	.home_post_box { width: 155px !important; height:96px !important; }
	.home_post_box img {width:100% !important; height: auto !important; }
	.home_post_box .home_post_title { font-family:  'Source Sans Pro', sans-serif; font-weight: normal; letter-spacing:0.5px; width: 160px; font-size: 10px; }
	.home_post_box_last { margin-right: 0; }	
	
	.blog_box .left img { width: 460px; height: 252px; }
	p.blog_date { margin-bottom: 10px; }
	.blog_box .right p { line-height: 17px; }
	.blog_box .right { font-size: 12px; width: 210px; background-color: #fff; padding: 10px 10px; height: 232px; }
	
	#single_cont { max-width:668px; padding: 15px 15px; }
	.single_inside_content img { max-width: 100%; height: inherit; }
	





	
	#footer { font-size: 12px; }
	
}
@media screen and (max-width: 766px) {
	
	#main_container { width: 310px; }
	#header { padding: 0 10px 0px; }
	.logo { max-width: 290px; height: inherit; }
	
	#menu_container ul li { margin-left: 0px; font-family:  'Source Sans Pro', sans-serif; font-weight: normal; letter-spacing:0.5px; font-size: 13px; color: #9f9f9f; position: relative; padding-bottom: 15px; text-transform: uppercase; display: inline-block; }
	
	#slideshow_cont { height: 220px; width: 310px; margin-top: 7px; }
	.slide_box img { width: 310px; height: 220px; }
	.slide_box_text {font-family: 'Raleway', sans-serif; font-weight: 700; position: absolute; bottom: 15px; left: 15px; font-size: 16px; color: #fff; text-transform: uppercase; }
	.home_post_wide { float: none; margin: 15px auto; width: 310px; height: 209px; }
	.home_post_wide img { width: 310px; height: 209px; }
	.home_post_wide .home_post_title {font-family:  'Source Sans Pro', sans-serif; font-weight: normal; letter-spacing:0.5px; width: 290px; font-size: 13px; }	
	
	.home_post_tall { float: none; margin: 15px auto; width: 250px; height: 156px; }
	.home_post_tall img { width: 250px; height: 156px; }
	.home_post_tall .home_post_title {font-family:  'Source Sans Pro', sans-serif; font-weight: normal; letter-spacing:0.5px; width: 244px; font-size: 13px; }
	.home_post_tall_last { margin-right: auto; }	
	
	.home_post_box { width: 310px !important; height: 193px !important; float: none; margin: 15px auto; }
	.home_post_box img { width: 100%; height: auto; }
	.home_post_box .home_post_title {font-family:  'Source Sans Pro', sans-serif; font-weight: normal; letter-spacing:0.5px; width: 310px; font-size: 13px; }
	.home_post_box_last { margin-right: auto; }	
	
	.blog_box .left img { width: 310px; height: 170px; float: none; margin-bottom: 5px; }
	p.blog_date { margin-bottom: 10px; }
	.blog_box .right p { line-height: 17px; }
	.blog_box .right { font-size: 12px; width: 290px; background-color: #fff; padding: 10px 10px; height: 200px; }
	
	#single_cont { padding: 15px 15px; }
	.single_inside_content img { max-width: 280px; height: inherit; }
/* Zweispaltiger Inhalt mit Shortcode */                                    
.entry-content .leftcolumn, .entry-content .rightcolumn {width: 100%; }      	
.entry-content .leftcolumn {clear: both; }      	
.entry-content .rightcolumn {clear: both; }   	
.entry-content .topcolumn {clear: both; }                                   		
	#commentform textarea { max-width: 280px; }
	
	#footer { font-size: 12px; }	
	
}