/*
Theme Name: SSW-Theme
Theme URI: http://underscores.me/
Author: SilverScreen Works
Author URI: http://www.silverscreen-webdesign.at/
Description: Theme by SilverScreen Works
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: silverscreen
Tags:

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.

SSW-Theme is based on Underscores http://underscores.me/, (C) 2012-2015 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:
----------------------------------------------------------------
# Volle Seitenhoehe
# eigene Variablen
# Suchformular
# Kontaktformular
# Back-to-Top-Button
# Screen-Reader
# Media-Queries
# Druckausgabe
--------------------------------------------------------------*/

/*---------------------------------------------------------------
>>> Volle Seitenhoehe
---------------------------------------------------------------*/
html, body {
	height:100%; /* needed for container min-height */
}
div#page {
	position:relative; /* needed for footer positioning*/	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
div#content {
	/* padding-bottom:9.8em; bottom padding for footer */
	/* padding-bottom:10.5em; */
	padding-bottom:6em;
}
#colophon {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
}
/*---------------------------------------------------------------
>>> Volle Seitenhoehe - ENDE
---------------------------------------------------------------*/

/*---------------------------------------------------------------
>>> eigene Variablen
---------------------------------------------------------------*/

#page {background-color:#194466;border-radius:4px;}
#logo, #masthead  {background-color:#003966;}
#logo-container {max-width:300px;}
#img-slider {border-radius:4px;}
#table-1 {margin-bottom:20px;}
#firmenlogos {background-color:#fff;margin:20px 0px;}
#logo-404 {max-width:500px;margin-top:40px;margin-bottom:20px;}

a, a:visited {color:#8797B0;}
a:hover {color: #fff;text-decoration:none;}
td {padding:5px 10px;vertical-align:top;}

h2.accord {font-weight:normal;}
h2.accord a {color:#fff;}

.navbar {border-radius:4px 4px 0 0;}
.site-content, .site-footer, .navbar-brand {color:#fff;}
.navbar-brand {color:#fff;}
.navbar-toggle {float: left;margin-left: 20px;}
.site-info {padding-top:30px;}

.marg-top {margin-top:30px;}
.marg-left {margin-left:5%;}

.p-marg-top {margin-top:10px;}
.ul-margin-bottom {margin-bottom:20px;}
.li-imgage-circle li {background: url(../../content/images/punkt2.png) no-repeat 0 5px;padding-left: 20px;}
.div-imgage-resize {max-width:260px;height:auto;}
.div-imgage-resize img {width:100%;height:auto;}
.panel-box-width {max-width:300px;}
.teaser {min-height:435px;}

#content {margin:0;padding:0;}
h1.cont {border-radius:4px 4px 0 0;}
h1.cont, h2.cont {margin:0;padding:20px 20px;background-color:#002e53;border:1px solid #001220;text-align:center;}
table.mittig {margin:20px 0;margin-left:auto; margin-right:auto;}
td.mittig {vertical-align:middle;}
span.green {padding:5px 10px;background-color:#2c8b0c;}
div.ort, div.kondi, div.kontaktdaten {text-align:center;}
div.ort ul {margin:0;padding:0;}
ul.ort {list-style:none;}
li.ort {margin:5px 2px;padding:40px 20px;background-color:#163c5b;display:inline-block;}
div.kondi ul {display:inline-block;}
div.kondi ul {margin:20px 0 18px -20px;}
.kontaktdaten {padding:20px;}
#colophon {padding-top:0;}

/* Ausrichtung der Social-Icons */
.social-pos-header, .social-pos-footer {list-style:none;}
.social-pos-header {padding:0;margin:0;position:absolute;right:20px;top:3px;}
.social-pos-footer {float:right;padding:0;margin:0;}
.social li {float:left;margin-left:5px;}
.social-pos-header  .facebook {margin-top:8px;}
.social-footer {padding:0;margin:0;margin:5px 0;}

/*---------------------------------------------------------------
>>> eigene Variablen - ENDE
---------------------------------------------------------------*/
/*---------------------------------------------------------------
>>> Suchformular
---------------------------------------------------------------*/
/* ***** Search-Form in der Navbar ***** */
.search-form {
	position: absolute;
	right: 50px;
	top: 3px;
	margin-top: 2px;
}
.search-field {
	background-color: transparent;
	background-image: url(images/searchicon.png);
	background-position: 3px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 35px;
	margin: 3px 0 0 3px;
	padding: 0 6px 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}
.search-field:focus {
	background-color: #fff;
	border: 1px solid black;
	border-radius:4px;
	cursor: text;
	outline: 0;
	width: 230px;
}
.search-submit {
  display: none;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
/*.search-field:hover {background-image: url(images/searchicon-hover.png);}*/

/* ***** Search-Form im Content ***** */
.content-searchform {margin-top:20px;}
.content-searchform input {width:230px;}
.content-searchform button {width:230px;}
/*---------------------------------------------------------------
>>> Suchformular - ENDE
---------------------------------------------------------------*/
/*---------------------------------------------------------------
>>> Kontaktformular
---------------------------------------------------------------*/
.wpcf7-quiz-label {font-weight:bold;}
.form-caquiz {max-width:180px;}
.form-counter {margin-top:-14px;}
.form-font-mini {font-size:11px;}
/*---------------------------------------------------------------
>>> Kontaktformular - ENDE
---------------------------------------------------------------*/
/*---------------------------------------------------------------
>>> Back-to-Top-Button
---------------------------------------------------------------*/
#toTop{
	position: fixed;
	bottom: 100px;
	right: 10px;
	cursor: pointer;
	display: none;
	opacity: 0.8;
	border-radius:100%;
}
#toTop .topButton {margin-top: -2px;margin-bottom: 2px;}
/*---------------------------------------------------------------
>>> Back-to-Top-Button - ENDE
---------------------------------------------------------------*/
/*---------------------------------------------------------------
>>> Screen-Reader
---------------------------------------------------------------*/
/* 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: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;
	z-index: 100000; /* Above WP toolbar. */
}
/*---------------------------------------------------------------
>>> Screen-Reader - ENDE
---------------------------------------------------------------*/
/*---------------------------------------------------------------
>>> Media-Queries
---------------------------------------------------------------*/
@media screen and (max-width:685px) {
    .search-form {
	position: absolute;
	right: 5px;
	}
	
	div#content {
	/*padding-bottom:12.5em;  bottom padding for footer */
	padding-bottom:6.8em;
	}
	
	li.ort {padding:20px 20px;}
	div.kondi, div.kontaktdaten {text-align:left;}
}
/*---------------------------------------------------------------
>>> Media-Queries - ENDE
---------------------------------------------------------------*/
/*---------------------------------------------------------------
>>> Druckausgabe
---------------------------------------------------------------*/
@media print { 
	html {padding:0;}
	
	div#content {padding-bottom:0; /* bottom padding for footer */}
	
	#page {padding:0;}
	
	a[href]:after, hr, #toTop, #colophon, form, .big-envelope-o {
		display:none!important;
	}
	
	ul, .ul-margin-left {margin-left:25px;}
		
	.li-imgage-circle li {
		list-style:circle;
		padding-left: 0;
	}
	
	.zelle-width-1 {width:120px;}
	
	.panel-collapse {
		overflow: visible !important;
		height: auto !important;
		visibility: visible !important;
		display: inline !important;
	}
	
	.print-imp {margin:0;padding:10px 0 0 0;}
		
	.marg-top {margin-top:0;}
}
/*---------------------------------------------------------------
>>> Druckausgabe - ENDE
---------------------------------------------------------------*/