/* CSS Document */

/*Farben für id-schmidt.de

Grau:		#666666
Blau:		#003366
helgrau:	#eeeeee


*/



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

html, body {
	background-color: #fff;
	height: 100%;
 	width:100%;
	padding:0;
 	margin:0;
}

div.logo-wrap, footer #footer-inner {
	padding: 0 12px;
}

@media only screen and (min-width:768px){
	
div.logo-wrap, footer #footer-inner {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    max-width: 1200px;
    margin: 0 auto;
	padding: 0;
	}
 
div.logo-wrap .logo {
-webkit-box-flex: 1;
-moz-box-flex: 1; 
width: 40%; 
-webkit-flex: 1;
-ms-flex: 1;
flex: 1; 
}
div.logo-wrap .logo-name {
-webkit-box-flex: 3;
-moz-box-flex: 3; 
width: 60%; 
-webkit-flex: 3;
-ms-flex: 3;
flex: 3; 
}
}


@media only screen and (min-width:1024px){.logo-name h1 {text-align:left;font-size: 2rem;} }
@media only screen and (max-width:1024px){.logo-name h1 {text-align:left;font-size: 1.7rem;} }
@media only screen and (max-width:900px){.logo-name h1 {text-align:left;font-size: 1.4rem;} }
@media only screen and (max-width:769px){.logo-name h1 {text-align:center;} }


/* ### Inhalt ### */

/*header {padding-top: 25px;}*/

.layout-1spalte .layout-space-r-l,
.layout-2spalten .layout-space-r-l,
.layout-2spalten_50 .layout-space-r-l,
.layout-jumbotron .layout-space-r-l,
.layout-drei-zeilen .layout-space-r-l {/*padding: 0 25px;*/ min-height: 500px;}

.space-content {padding:50px 0 0 0;}
.space-content .contenttable td {vertical-align: top;}


	
/* Responsive Bilder */
	
.space-content img,
.space-content figure,
.space-content .ce-outer,
.space-content .ce-inner,
.space-content .ce-row
{
	width: 100%; max-width: 100%; height: auto;

}

@media only screen and (min-width:768px) {
.space-content .ce-row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 10px; 
	}
.space-content	.ce-column { 
	-webkit-box-flex: 1;
	-moz-box-flex: 1; 
	width: 20%; 
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1; 
	}
}

@media only screen and (max-width:767px) {	
	.space-content .ce-row {
		min-width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column; 
  		flex-direction: column;
	}

.space-content .ce-gallery {width: 100%;}
.space-content .ce-column {margin-right:0; margin-bottom: 10px;}
.space-content	img, .space-content	figure { min-width: 100%; height: auto;}
	
.space-content .ce-inner, .space-content .ce-outer {width: 100%; height: auto;}
}




/*Wrap*/
#wrapp-all {
	/*max-width: 1200px;
	margin: 0 auto;*/
	padding: 0 0 50px 0;
    position: relative;
}

/*############## First-Line ##############*/
.first-line {
	background-color: #555;
	padding:0 25px 5px 25px;
	color: #ccc;
	letter-spacing: .15em;
}
.first-line a {color: #ccc; text-decoration: none;}
.first-line a:hover {color: #eee;}
.first-line .first-line-text{
	font-size: 0.7rem;
	padding-top: 10px;
	text-align: center;
}
.first-line .first-line-font-awesom {
	text-align: center;
	margin: 7px;
	font-size: 0.5rem;
}

.first-line .first-line-font-awesom .font-awesome {margin:3px 3px 3px 0;}

@media only screen and (min-width: 768px) {
.first-line {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding:0 25px;
}


.first-line .first-line-text{
	-webkit-box-flex: 3;
	-moz-box-flex: 3; 
	width: 75%; 
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3;
	text-align: left;
}

.first-line .first-line-font-awesom {
	-webkit-box-flex: 1;
	-moz-box-flex: 1; 
	width: 25%; 
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: right;

}
}




/* ############ Logo ################ */
.logo { text-align: left; margin: 15px 0 15px 25px;}
.logo img {
	max-width: 100%;
	height: auto;
	padding:5px 15px 15px 5px;
	-webkit-filter: drop-shadow( 2px 2px 2px rgba(0,0,0,.6) ); 
	filter: drop-shadow( 2px 2px 2px rgba(0,0,0,.6) );
}
.logo-name h2, .logo-name h2 a {color: #666; text-decoration: none;}
.logo-name h2 {
	-webkit-filter: drop-shadow( 1px 1px 2px rgba(0,0,0,.2) ); 
	filter: drop-shadow( 1px 1px 2px rgba(0,0,0,.2) );
	margin: 25px 25px 25px 0;
    font-weight: lighter;
}


/* ### Schrift #### */

body {
	color:#666;
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif", Gotham; 
	font-size:1.3rem;
    font-weight: 200;
}

strong {
    font-weight: 400;
}

.space-content h1 {
	color:#666;
	font-size: 5rem;
    font-weight:100;
    -webkit-filter: drop-shadow( 1px 1px 2px rgba(0,0,0,.2) ); 
	filter: drop-shadow( 1px 1px 2px rgba(0,0,0,.2) );
}

.space-content h2 {color: #003366; font-weight: 200;}
.space-content h3 {
    color: #666;
    font-weight:100;
    -webkit-filter: drop-shadow( 1px 1px 2px rgba(0,0,0,.2) ); 
	filter: drop-shadow( 1px 1px 2px rgba(0,0,0,.2) );
    font-size: 2rem;
    letter-spacing: .10em;
}

.space-content h4 {
    color: #003366;
    font-weight:200;
    -webkit-filter: drop-shadow( 1px 1px 2px rgba(0,0,0,.2) ); 
	filter: drop-shadow( 1px 1px 2px rgba(0,0,0,.2) );
    font-size: 2rem;
    letter-spacing: .10em;
    border-bottom: solid #003366 1px;
    padding: 25px 0 15px 0;
}
	
.ce-center .text-center {text-align: center;}
.ce-center .text-right {text-align: right;}
	
.space-content a {
	color:#666;
    text-decoration: none;
    border-bottom: 1px solid #666;
	transition: all .225s ease-in-out;
  	-webkit-transition: all .225s ease-in-out;
}
.space-content a:hover {color:#003366; border-bottom: 1px solid #003366; }
.space-content .image-caption { font-size: 0.7rem; text-align: center; padding: 10px;}

footer, footer a {color: #bbb; font-size: 1.em; font-weight:200;}
footer a:hover {color: #fff;}

@media only screen and (max-width:768px) {
	.space-content h1 { font-size: 2rem;}
	.space-content h2 { font-size: 1.5rem;}
}

/*Silbentrennung*/
p, h1, h2, h3 {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}



/* ############## WS_Flexslider ############# */
/* Rahmen entfernen */
.flexslider {
     margin: 0 0 60px;
     background: #fff;
     border: 0px solid #fff;
     position: relative;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     -o-border-radius: 0px;
     border-radius: 0px;
     -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
     -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
     box-shadow: 0 1px 4px rgba(0,0,0,.2);
     zoom: 1;
}

/* Überschrift und Beschreibung */
.tx-ws-flexslider .caption-text {
	background: none;
	width: 100%;
	left: 0;
	text-align: center;
	color: #fff;
	text-shadow:0 2px 4px rgba(0,0,0,.8);
	font-size: 2rem;
}
.tx-ws-flexslider .caption-align-left .caption-text {left: 0;}

.tx-ws-flexslider .caption-text .caption-title {
	font-family: Sorts;
	font-size: 5rem;
	font-weight: normal;
}


/*Link*/
@media only screen and (min-width:768px) {
.tx-ws-flexslider .caption-align-left .caption-link {
	width: 100%;
	min-width: 100%;
	height: 100%;
	left:0;
	bottom: 0;
}
.tx-ws-flexslider .caption-align-left .caption-link a {
	padding: 100px;
	width: 100%;
	min-width: 100%;
	height: 100%;
	display: block;
	color: transparent;
}
}

@media only screen and (max-width:768px) {
	.tx-ws-flexslider .caption-text .caption-title {font-size: 3rem;}
	.tx-ws-flexslider .caption-align-left .caption-link a {padding: 25px; display: block;}
}


#sd-lightbox {background: rgba(0, 0, 0, 0.7);}


.ce-bodytext p {margin-top: 0;}


/*### Spalten Abstand ###*/
@media only screen and (min-width:768px) {	
	.layout-2spalten .content_2Spalten_0,
	.layout-2spalten_50 .content_2Spalten_50_0
	{margin-right: 25px;}
	.layout-2spalten_50 .content_2Spalten_50_2
	{margin-left: 25px;}
}


	
/* ### footer ### */

footer {
	background-color: #333;
}

footer #footer-inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

footer .footer-navigation ul {
	list-style: none;
	padding:0;
}
footer .footer-navigation li {margin: 15px 0;}
footer .footer-navigation a {display: block; padding:10px 0; text-decoration: none;}
footer #footer-inner .footerkontakt a {text-decoration: none;}

@media only screen and (min-width:768px){
	footer #footer-inner > div {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		width: 50%;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	footer #footer-inner .footerkontakt .ce-bodytext,
	footer #footer-inner .footerkontakt header {text-align: right;}
	footer #footer-inner .footerkontakt .ce-bodytext table {float: right;}
	footer #footer-inner .ce-gallery {overflow: visible;}
	footer .font-awesome-div {
		text-align: center;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	footer .font-awesome-div a {
	-webkit-box-flex: 1;
	-moz-box-flex: 1; 
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
		font-size: 0.8rem;
	}
	/*footer .font-awesome-div i {font-size: 25px; padding: 25px 0 25px 25px;}*/
}
footer .footer-navigation {padding-left: 25px;}

footer #footer-inner .footerkontakt img {max-width: 100%; margin-top: 50px;}
footer #footer-inner .footerkontakt {padding-top: 25px;}


.cookie a {
	padding: 0;
	margin: 0;
}



/*### Formular ###*/
.form-group .input > input,
.form-group .input > .form-group > input,
.form-group textarea {
	width: 100%;
	padding: 5px;
	font-family:'Michroma', sans-serif;
	font-size:1rem;
	color: rgba(1, 87, 155,1.0);
	border: 1px solid rgba(224,224,224,0.73);
	box-shadow: rgba(124,124,124,0.4) 0 0 4px inset;
}
.form-group textarea {height: 100px;}
.form-group .xlarge {padding: 15px; height:200px; font-size:1.1rem;font-family: 'Michroma', sans-serif;}
form > div, form .row > div {padding-top: 25px;}

@media only screen and (min-width:768px){
form .row {
	/*display: -webkit-flex; Safari */
   	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
}
	
	form .row > div {
		width: 48%;
    	height: auto;
	}
}


/*########## Rahmen Default ##########*/
.frame-default {max-width: 1200px; margin: 0 auto; padding: 0 24px;}


/* ############ Boxen ################## */

/* ################## Gridelements ####################### */

.grid-row .frame-default,
.grid-container {padding: 0;}
.grid-row {padding: 0 12px;}

@media only screen and (min-width: 860px) {
.grid-row {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	padding: 24px;
	}
.grid-col
	{
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	padding-right: 24px;
	}
	.col-md-3
	{
	-webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
	padding-right: 24px;
	}
	.col-md-4
	{
	-webkit-box-flex: 4;
    -moz-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
	padding-right: 24px;
	}
	.col-md-6
	{
	-webkit-box-flex: 6;
    -moz-box-flex: 6;
    -webkit-flex: 6;
    -ms-flex: 6;
    flex: 6;
	padding-right: 24px;
	}
	.col-md-8
	{
	-webkit-box-flex: 8;
    -moz-box-flex: 8;
    -webkit-flex: 8;
    -ms-flex: 8;
    flex: 8;
	padding-right: 24px;
	}
	.col-md-9
	{
	-webkit-box-flex: 9;
    -moz-box-flex: 9;
    -webkit-flex: 9;
    -ms-flex: 9;
    flex: 9;
	padding-right: 24px;
	}
	
	.grid-col:last-child,
	.col-md-3:last-child,
	.col-md-4:last-child,
	.col-md-6:last-child,
	.col-md-8:last-child,
	.col-md-9:last-child {padding-right: 0;}
}




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

/* #### Multicolumn ### */

.multicolumnContainer {
	align-content: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	}


.multicolumnContainer li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1; 
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	}
.multicolumnContainer li {padding-right: 25px;}
.multicolumnContainer li:last-child {padding-right:0;}
.multicolumnContainer .columnItems {height: 100%;}
}

/*nur padding in spalten ohne ausgewählte Box*/
/*.spalten-jumbotron .frame-default p,
.spalten-jumbotron .frame-default h1,
.spalten-jumbotron .frame-default h2,
.spalten-jumbotron .frame-default h3,*/
div.frame-greybox p,
div.frame-greybox h1,
div.frame-greybox h2,
div.frame-greybox h3,
div.frame-whitebox p,
div.frame-whitebox h1,
div.frame-whitebox h2,
div.frame-whitebox h3,
div.frame-whiteborder p,
div.frame-whiteborder h1,
div.frame-whiteborder h2,
div.frame-whiteborder h3
{
	padding-right: 25px;
	padding-left: 25px;
}


/*graue Box*/
div.frame-greybox {
	background-color: rgba(200,200,200,0.57);
	display: block;
	border-top: 1px solid rgba(255,255,255,0.0);
	margin-bottom: 50px;
	border-radius: 2px;
}

.frame-greybox h1, .frame-greybox h2 {color: #fff;}

/*weiße Box */

div.frame-whitebox {
	background-color: #fff;
	border-top: 1px solid #fff;
	margin-bottom: 50px;
	border-radius: 2px;
} 

/*Box mit weißer Kontur*/
.columnItems div.frame-whiteborder {
	border: solid 1px #fff;
	border-radius: 2px;
	margin-bottom: 50px;
	box-shadow: rgba(200,200,200,0.7) 0 0 5px;
	transition: all .225s ease-in-out;
  	-webkit-transition: all .225s ease-in-out;
	height: 100%;
}
.columnItems div.frame-whiteborder:hover {background-color: #fff;}


/* Bildergalerie */
div.frame-imagegallery .ce-column img {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 2px;
	padding: 10px;
	box-shadow: rgba(200,200,200,0.9) 0 0 4px;
	transition: all .225s ease-in-out;
  	-webkit-transition: all .225s ease-in-out;
}
div.frame-imagegallery .ce-column img:hover {
	box-shadow: rgba(55,55,55,0.2) 0 0 5px inset;
}
div.frame-imagegallery .ce-column img {border-radius: 2px;}
div.frame-imagegallery .ce-column {margin-bottom: 2px;}
.frame-imagegallery .image-caption {font-size: 1rem; padding: 10px 0 0 0;}



/* Bildergalerie in SW */
div.frame-blackwhite .ce-column img {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 2px;
	padding: 10px;
	box-shadow: rgba(200,200,200,0.9) 0 0 4px;
	transition: all .225s ease-in-out;
  	-webkit-transition: all .225s ease-in-out;
	-webkit-filter: grayscale(1);
    filter: grayscale(1);
}
div.frame-blackwhite .ce-column img:hover {
	box-shadow: rgba(55,55,55,0.2) 0 0 5px inset;
	/*-webkit-filter: grayscale(0);
    filter: grayscale(0);*/
}
div.frame-blackwhite .ce-column img {border-radius: 2px;}
div.frame-blackwhite .ce-column {margin-bottom: 2px;}
.frame-blackwhite .image-caption {font-size: 1rem; padding: 10px 0 0 0;}




@media only screen and (min-width:600px){
div.layout-grid {
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;   
    flex-wrap: wrap;
	justify-content: space-between;
 }

div.frame-layout-4 {
	width: 45%;
	padding: 25px 0;
	text-align: justify;
}
div.frame-layout-4 h2, div.frame-layout-4 h3 {
	text-align: center;
}

div.frame-layout-0 {
	flex-direction:column
}
	
div.frame-layout-5 img {
		border: solid #fff 1px;
		box-shadow: rgba(54,85,110,0.50) 2px 2px 4px;
	}
	
	div.frame-layout-5 figure {
		padding:5px;
	}


div.layout-grid {
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}
	
	
}

.frame-idsreferenz {
   /* border: solid #f3f3f3 1px;*/
    border-radius: 3px;
    background-color: #fafafa;
    margin-bottom: 25px;
}

.frame-idsreferenz h2,
.frame-idsreferenz h3 {
    padding: 0;
    margin: 0;
    text-align: center;
    background-color: #999;
    font-weight: 100;
    color: #fff;
    border-radius: 3px 3px 0 0;
    line-height: 55px;
    letter-spacing:0;
}

.frame-idsreferenz .ce-bodytext { padding: 0 10px ;}
.frame-idsreferenz img {width: 101%; height: auto; min-width: 101%;}
.frame-idsreferenz .ce-bodytext a {
    display: block;
    border-bottom: none;
    text-align: center;
    background-color:#fff;
    border-radius: 3px;
    color: #036;
    padding: 10px;
}
.frame-idsreferenz .ce-bodytext a:hover {border-bottom: none; background-color:#003366;color: #fff; }

@media only screen and (min-width:700px){
.sg-row .sg-50-small:first-child {
    padding-right: 3em;
}
.sg-row .sg-50-small:last-child {
    padding-left: 3em;
}
}


/*Pfeil nach unten*/

.frame-pfeil img {
    -webkit-filter: drop-shadow( 1px 1px 2px rgba(0,0,0,.2) ); 
	filter: drop-shadow( 1px 1px 2px rgba(0,0,0,.2) );
    width: 60px;
    height: auto;
    margin: 0 auto;
}


/*###### Rahmen: frame-with100 ###########*/
.frame-with100 {background-color: #fafafa; padding: 5px 0 25px 0;}
.frame-with100 header {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}
.frame-with100 header h2 {
    font-size: 2.5em;
    font-weight: 100;
    color: #666;
    -webkit-filter: drop-shadow( 1px 1px 2px rgba(0,0,0,.2) ); 
	filter: drop-shadow( 1px 1px 2px rgba(0,0,0,.2) );
}

.frame-with100 .ce-bodytext {padding: 0 25px;}
.frame-with100 .ce-left .image {padding-right: 25px;}
.frame-with100 .ce-right .image {padding-left: 25px;}
@media only screen and (min-width:768px){
.frame-with100 .ce-left {
    wdisplay: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.frame-with100 .ce-left > div,
.frame-with100 .ce-right > div
{
-webkit-box-flex: 1;
-moz-box-flex: 1; 
width: 50%; 
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}

.frame-with100 .ce-left .ce-bodytext { padding: 0 25px 0 50px;}
.frame-with100 .ce-right .ce-bodytext { padding: 0 50px 0 25px;}

}


.sg-row {max-width: 1200px; margin: 0 auto;}


/*####### Sitemap für Mobil anpassen #######*/
.frame-type-menu_sitemap li a {
    padding: 15px;
    display:block;
}


/*### video ###*/

video {
	width: 100%;
}
audio {
	max-width: 100%;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}