/*
Theme Name: Studi Bachelorarbeit
Theme URI: http://netdesign.de
Author: netDESIGN.de - Alexander Kwiotek
Author URI: http://netdesign.de

*/
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);

body {
	background: url(./img/body-bg.png) repeat-x #f9f9f9;
	font-family: 'Noto Sans', sans-serif;
	color: #474747;
}

.container {
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
}

.padding-fluid {
	padding: 0 20px;
	overflow:auto;
}

.header {
	background: url(./img/header-bg.jpg) no-repeat;
	height: 463px;
	position: relative;
}

.header .row-fluid {

}

.navbar .nav li {
	border-left: 1px solid #ffaf26;
	border-right: 1px solid #d98600;
}

.navbar .nav li:first-child {
	border-left: 0;
}

.navbar .nav li:last-child {
	border-right: 0;
}

.navbar .nav li.current-menu-item a { color:#333; }

.header .padding-fluid {
	
}

.headline {
	color: #fff;
}

.headline h2 {
	font-size: 24px;
	line-height: 24px;
}

.headline h3 {
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
}

#social {
    float: right;
    margin-top: -70px;
}

.header-teaser {
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.header-teaser h2 {
	font-size: 30px;
	line-height: 1em;
}

.header-teaser p {
	font-size: 24px;
	line-height: 30px;
}

.header-teaser .btn {
	color:#fff;
	background-color: #3280a6;
	*background-color: #216a93;
	background-image: -moz-linear-gradient(top, #3280a6, #216a93);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3280a6), to(#216a93));
	background-image: -webkit-linear-gradient(top, #3280a6, #216a93);
	background-image: -o-linear-gradient(top, #3280a6, #216a93);
	background-image: linear-gradient(to bottom, #3280a6, #216a93);
	background-repeat: repeat-x;
	border: 1px solid #216a93;
	width:285px;
	height:47px;
	text-shadow:none;
	font-size:24px;
	line-height:45px;
}

.header-teaser .btn:hover,
.header-teaser .btn:focus {
	background-position: 0;
  background-color: #216a93;
	*background-color: #3280a6;
	background-image: -moz-linear-gradient(top, #216a93, #3280a6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#216a93), to(#3280a6));
	background-image: -webkit-linear-gradient(top, #216a93, #3280a6);
	background-image: -o-linear-gradient(top, #216a93, #3280a6);
	background-image: linear-gradient(to bottom, #216a93, #3280a6);
  -webkit-transition: background-image 0.1s linear;
     -moz-transition: background-image 0.1s linear;
       -o-transition: background-image 0.1s linear;
          transition: background-image 0.1s linear;
}

table ul,
table ol {
	margin:0 0 5px 5px;

}

table ul li,
table ol li {
	list-style: none;
	padding:5px 0;
	border-bottom:1px dotted #666;
}

table ul li:last-child,
table ol li:last-child {
	list-style: none;
	border-bottom:none;
}

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { display:none; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .navbar { display:none; }
}


@media screen and (max-width: 760px) {
	.header-teaser { display:none; }
}

@media screen and (max-width: 979px) {
	.header-teaser .span5 { display:none; }
	.header-teaser .span7 { width:100%; }
}


.teaser-icons {
	background-color: #fff;
}

.teaser-icons .span4 {
	padding: 20px
}

.teaser-icons strong {
	color: #27769e;
}

.teaser-icons div div {
	float: left;
	width: 65%;
}

.teaser-icons div img {
	float: left;
	margin-right: 20px;
	vertical-align: middle;
}


.teaser-text {
	background-color: #dfedf4;
	color: #27769e;
}


.teaser-text .span3 { padding-bottom:20px; position:relative; }

.teaser-text .btn.blue {

	display: block;
	font-weight:bold;
	text-align:left;
	background-color: #27769e;
	background-image: none;
	border-color: #27769e;
	color: #fff;
	text-shadow: none;
	-webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.teaser-text .btn.blue:hover { background-color:#308ebd; }

.teaser-text h3 {
	border-bottom: 1px solid #bfcbd0;
	font-size: 18px;
}

.teaser-text p {
	font-size: 14px;
}


.content .padding-fluid { padding:20px 20px 30px; }


.date { color:#fff; background-color:#0088CC; text-align:center; margin-top:15px; padding:10px 0; }
.date .day { font-weight:bold; font-size:24px; }
.date .month { font-weight:bold; font-size:18px; }
.date .year { font-weight:bold; font-size:14px; }


.widget-area { padding:20px; background-color:#DFEDF4; }
.widget-area .widget { padding-bottom:15px; }
.widget-area li a { font-normal; font-size:18px; line-height:2em; }
.footer {
	background-color: #27769e;
	color: #fff;
}
.footer .padding-fluid { padding:20px; }
.footer ul { margin:0; }
.footer li { list-style:none; }
.footer a { color:#fff; }

















/* =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 {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.rating-star {
	background:url(img/bkg_rating.png) left -13px no-repeat;
	height:13px;
	width:70px; 
}

.rating-star span {
	height:13px;
	width:20%;
	display:block;
	float:left;
	background:url(img/bkg_rating.png) right top no-repeat;
}


/*LANDING PAGE*/

.header-landingpage {
	min-height: 80px;
	height: 100%;
	max-width: 1240px;
	margin: 0 auto;
}

body.hg-lp {
	background: none !important;
}

.header-box {
	background: url("./img/bg-lp.jpg") scroll 0 0 #f9f9f9;
}
#wpcf7-f989-p1057-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.tele > input,
#wpcf7-f989-p1057-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.mail > input,
#wpcf7-f989-p1057-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.name > input,
#wpcf7-f989-p1023-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.name > input,
#wpcf7-f989-p1023-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.mail > input,
#wpcf7-f989-p1023-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.tele > input,
#wpcf7-f989-p1015-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.name > input,
#wpcf7-f989-p1015-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.mail > input,
#wpcf7-f989-p1015-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.tele > input,
#wpcf7-f989-p920-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.name > input,
#wpcf7-f989-p920-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.mail > input,
#wpcf7-f989-p920-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.tele > input,
html body.hg-lp.customize-support div.container div.row-fluid div.span12 div.row-fluid div.span12.content div.padding-fluid div.row-fluid div.span6 div.padding-fluid div#wpcf7-f989-p920-o1.wpcf7 form.wpcf7-form p span.wpcf7-form-control-wrap.tele input.wpcf7-form-control.wpcf7-text,
html body.hg-lp.customize-support div.container div.row-fluid div.span12 div.row-fluid div.span12.content div.padding-fluid div.row-fluid div.span6 div.padding-fluid div#wpcf7-f989-p920-o1.wpcf7 form.wpcf7-form p span.wpcf7-form-control-wrap.mail input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email,
html body.hg-lp.customize-support div.container div.row-fluid div.span12 div.row-fluid div.span12.content div.padding-fluid div.row-fluid div.span6 div.padding-fluid div#wpcf7-f989-p920-o1.wpcf7 form.wpcf7-form p span.wpcf7-form-control-wrap.name input.wpcf7-form-control.wpcf7-text {

	width: 95%;
}
#wpcf7-f989-p1057-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.rueckruf > span > span > span,
#wpcf7-f989-p1023-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.rueckruf > span > span > span,
#wpcf7-f989-p1015-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.rueckruf > span > span > span,
#wpcf7-f989-p920-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.rueckruf > span > span > span,
html body.hg-lp.customize-support div.container div.row-fluid div.span12 div.row-fluid div.span12.content div.padding-fluid div.row-fluid div.span6 div.padding-fluid div#wpcf7-f989-p920-o1.wpcf7 form.wpcf7-form p span.wpcf7-form-control-wrap.rueckruf span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item.first.last span.wpcf7-list-item-label {
	color: #fff;
}
#wpcf7-f989-p1057-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.rueckruf > span > span > input[type="checkbox"],
#wpcf7-f989-p1023-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.rueckruf > span > span > input[type="checkbox"],
#wpcf7-f989-p1015-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.rueckruf > span > span > input[type="checkbox"],
#wpcf7-f989-p920-o1 > form > p:nth-child(2) > span.wpcf7-form-control-wrap.rueckruf > span > span > input[type="checkbox"],
html body.hg-lp.customize-support div.container div.row-fluid div.span12 div.row-fluid div.span12.content div.padding-fluid div.row-fluid div.span6 div.padding-fluid div#wpcf7-f989-p920-o1.wpcf7 form.wpcf7-form p span.wpcf7-form-control-wrap.rueckruf span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item.first.last input {
	margin:0 !important;
}
html body.hg-lp.customize-support div.container div.row-fluid div.span12.content div.padding-fluid div.row-fluid div.span6 div.padding-fluid div#wpcf7-f989-p1057-o1.wpcf7 form.wpcf7-form p input.wpcf7-form-control.wpcf7-submit,
#wpcf7-f989-p1057-o1 > form > p:nth-child(3) > input,
#wpcf7-f989-p1023-o1 > form > p:nth-child(3) > input,
#wpcf7-f989-p1015-o1 > form > p:nth-child(3) > input,
#wpcf7-f989-p920-o1 > form > p:nth-child(3) > input,
html body.hg-lp.customize-support div.container div.row-fluid div.span12 div.row-fluid div.span12.content div.padding-fluid div.row-fluid div.span6 div.padding-fluid div#wpcf7-f989-p920-o1.wpcf7 form.wpcf7-form p input.wpcf7-form-control.wpcf7-submit {
 background-color: #f3910c;
    border: 1px solid #f7ac15;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    text-transform: uppercase;
    width: 99%;
	
}

@media only screen and (max-width: 502px) { 

#wpcf7-f1082-p1059-o1 > form > input.wpcf7-form-control.wpcf7-submit,
#popup-box-pro-gfcr-1 .popupally-pro-inner-pro-gfcr-1 .popupally-pro-center-pro-gfcr .content-pro-gfcr input.submit-pro-gfcr[type="submit"], #popup-embedded-box-pro-gfcr-1 .popupally-pro-inner-pro-gfcr-1 .popupally-pro-center-pro-gfcr .content-pro-gfcr input.submit-pro-gfcr[type="submit"] {

	font-size: 8px !important;
}

#popup-box-pro-gfcr-1.popupally-pro-overlay-pro-gfcr-1 {
position: static !important;

}

.popupally-pro-outer-pro-gfcr-1 {
	top: 90% !important;
}

}

@media only screen and (min-width:503px) and (max-width: 758px) {
	#wpcf7-f1082-p1059-o1 > form > input.wpcf7-form-control.wpcf7-submit,
	#popup-box-pro-gfcr-1 .popupally-pro-inner-pro-gfcr-1 .popupally-pro-center-pro-gfcr .content-pro-gfcr input.submit-pro-gfcr[type="submit"], #popup-embedded-box-pro-gfcr-1 .popupally-pro-inner-pro-gfcr-1 .popupally-pro-center-pro-gfcr .content-pro-gfcr input.submit-pro-gfcr[type="submit"] {

	font-size: 13px !important;
}

#popup-box-pro-gfcr-1.popupally-pro-overlay-pro-gfcr-1 {
position: static !important;
}
}

@media only screen and (max-width: 758px) { 


#sthoverbuttons {
	display: none !important;
}


}

@media only screen and (min-width:762px) and (max-width: 970px)  {

	html body.hg-lp.customize-support div.container div.row-fluid div.span12.content div.padding-fluid div.row-fluid div.span6 div.padding-fluid div#wpcf7-f989-p1057-o1.wpcf7 form.wpcf7-form p input.wpcf7-form-control.wpcf7-submit,
	#wpcf7-f989-p1057-o1 > form > p:nth-child(3) > input,
	#wpcf7-f989-p1023-o1 > form > p:nth-child(3) > input,
	#wpcf7-f989-p1015-o1 > form > p:nth-child(3) > input,
#wpcf7-f989-p920-o1 > form > p:nth-child(3) > input,
html body.hg-lp.customize-support div.container div.row-fluid div.span12 div.row-fluid div.span12.content div.padding-fluid div.row-fluid div.span6 div.padding-fluid div#wpcf7-f989-p920-o1.wpcf7 form.wpcf7-form p input.wpcf7-form-control.wpcf7-submit {
font-size: 14px;
}

 }

 @media only screen and (max-width:452px)  {
 	html body.hg-lp.customize-support div.container div.row-fluid div.span12.content div.padding-fluid div.row-fluid div.span6 div.padding-fluid div#wpcf7-f989-p1057-o1.wpcf7 form.wpcf7-form p input.wpcf7-form-control.wpcf7-submit,
#wpcf7-f989-p1057-o1 > form > p:nth-child(3) > input,
 	#wpcf7-f989-p1015-o1 > form > p:nth-child(3) > input,
#wpcf7-f989-p920-o1 > form > p:nth-child(3) > input,
html body.hg-lp.customize-support div.container div.row-fluid div.span12 div.row-fluid div.span12.content div.padding-fluid div.row-fluid div.span6 div.padding-fluid div#wpcf7-f989-p920-o1.wpcf7 form.wpcf7-form p input.wpcf7-form-control.wpcf7-submit {
font-size: 12px;

}


html body.hg-lp.customize-support div.container div.row-fluid div.span12.content div.padding-fluid h1 {
	font-size: 26px !important;
	line-height: 35px !important;
}

 }

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

body > div.container > div:nth-child(1) > div > div > h1,
html body.hg-lp.customize-support div.container div.row-fluid div.span12.content div.padding-fluid h1 {
 font-size: 43px; margin-bottom: 40px; line-height: 50px;}
}

@media only screen and (max-width: 350px) { 
	html body.hg-lp.customize-support div.container div.row-fluid div.span12.content div.padding-fluid div.row-fluid div.span6 div.padding-fluid div#wpcf7-f989-p1057-o1.wpcf7 form.wpcf7-form p input.wpcf7-form-control.wpcf7-submit,
	#wpcf7-f989-p1057-o1 > form > p:nth-child(3) > input,
	#wpcf7-f989-p1023-o1 > form > p:nth-child(3) > input,
	#wpcf7-f989-p1015-o1 > form > p:nth-child(3) > input,
#wpcf7-f989-p920-o1 > form > p:nth-child(3) > input,
html body.hg-lp.customize-support div.container div.row-fluid div.span12 div.row-fluid div.span12.content div.padding-fluid div.row-fluid div.span6 div.padding-fluid div#wpcf7-f989-p920-o1.wpcf7 form.wpcf7-form p input.wpcf7-form-control.wpcf7-submit {
font-size: 10px;
font-weight: normal;

}
}





.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}
.elastic-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 800px;
	max-height: 449px;
}