/* nothing-you-could-do-regular - latin */
@font-face {
	font-family: 'Nothing You Could Do';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local(''),
	url('../fonts/nothing-you-could-do-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../fonts/nothing-you-could-do-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


body, html {
	color: #333333;
	font-family: Verdana;
}
h1 {font-size:2.2em; padding:30px 0 30px 0; color: #999999;}
h2 {font-size:2.2em; padding:0 0 30px 0; color: #999999;}
h3 {
	margin-bottom: 40px;
	font-size:1.5em;
}
hr {
	background: rgba(0, 0, 0, 0) url("../img/border.png") no-repeat scroll center top;
	border: 0 none;
	height: 15px;
	padding-top: 30px;
	margin: 85px auto;
}
.video_ground {padding-top:0; margin-top:0;}

.medium-4 img {
	width: 100%;
	max-width: 275px;
}
.row, .row_full_width .row {
	margin: 0 auto;
	max-width: 60rem;
	width: 100%;
}
.row_full_width {
	max-width:100%;
}
.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child {
	margin-top:0px;
}
p {
    font-size: 1.2em;
    line-height: 1.4em ;
	text-align:left;
}
.handwriting {font-size: 1.55em;
    line-height: 1.4em ;
	text-align:left;
	font-family: "Nothing You Could Do",cursive;
}

#header {
	background:#d4d4d4;
	margin-bottom:85px;
	float:left;
	text-align:center;
}
.introduction {
	margin-bottom:40px;
}
footer {
    background: #fbf9f6 none repeat scroll 0 0;
    border-top: 1px solid #e0dfdf;
    color: #c7c7c7;
    min-height: 50px;
    padding: 15px 0;
    text-align: center;
	margin-top:30px;
}
.iieLogoFooter {
    margin: 10px auto;
	font-family: "Nothing You Could Do",cursive;
	color:#298fe3;
}
.iieLogoFooter p {
	font-size:1em;
	text-align:right;
	float:right;
}
.iieLogoFooter img {float:right; position:relative; top:-3px; margin-left:7px;}

.center_text p {text-align:center;}
.impressum {font-size:0.7em; float:left;}
.impressum a {color:#c7c7c7;}
.impressum a:hover, .impressum a:focus {color: #0066ac;}

input#submit {
    background-repeat: no-repeat;
    color: #298fe3;
    cursor: pointer;
    float: right;
    font-size: 1.25em;
    height: 50px;
    line-height: 100%;
    margin: 10px 0 0px;
    padding: 0;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 100%;
	border:1px solid #ccc;
}


ul {margin-left:35px;}
li {
    list-style-image: url("../img/video_lipoint.png");
	margin-bottom:10px;
}
li a, li a:hover, li a:focus {color:#b22731; position:relative; top:-8px;}

.iframe_container {position:relative; height:800px; width:100%; overflow:hidden; border:solid 1px #CCC; margin:75px auto;}
.iframe_container_onlyImg {position:relative; height:auto; width:100%; overflow:hidden; border:solid 1px #CCC; margin-bottom:50px;}
#iframe_patientin01, #iframe_patientin02 {height:810px; width:101.5%; overflow:hidden !important; overflow-y: hidden; position:relative; top:-10px; left:-1.5%;}
.iframe_container_twoRowsNavi {height:880px;}
#iframe_patientin02 {height:890px;}
.large-12 p {margin-top:30px; text-align:center;}
.img_buz {font-size:80%;}
.line_height_small {line-height:120%;}
.line_height_small img {margin-bottom:10px;}

.padding_klarkowski {padding-right:72px;}
.padding_klarkowski img {margin-top:10px;}
.img_kontakt {margin-top:55px;}
.kontakt_row {margin-bottom:50px; }
span.quote_name {
    float: right;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 13px;
	font-style:italic;
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-width: 480px){
  /* some CSS here */
	h1 {font-size:2.4em;}
	h2 {font-size:2.25em;}
	p {
		text-align:left;
	}
	.handwriting {margin-top:10px; font-size:1.3em;}
	img {text-align:center; width:100%; max-width:100% !important;}
	.fancybox_iframe img {max-width:50px !important;}
	.iieLogoFooter img {max-width:34px !important;}
	.iieLogoFooter {float:left;}
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /* some CSS here */
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
  /* some CSS here */
}