@font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 400;
src: url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-regular.eot); src: local(''),
url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-regular.eot?#iefix) format('embedded-opentype'), url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-regular.woff2) format('woff2'), url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-regular.woff) format('woff'), url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-regular.ttf) format('truetype'), url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-regular.svg#EBGaramond) format('svg'); } @font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 700;
src: url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-700.eot); src: local(''),
url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-700.eot?#iefix) format('embedded-opentype'), url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-700.woff2) format('woff2'), url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-700.woff) format('woff'), url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-700.ttf) format('truetype'), url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-700.svg#EBGaramond) format('svg'); } @font-face {
font-family: 'EB Garamond';
font-style: italic;
font-weight: 400;
src: url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-italic.eot); src: local(''),
url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-italic.eot?#iefix) format('embedded-opentype'), url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-italic.woff2) format('woff2'), url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-italic.woff) format('woff'), url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-italic.ttf) format('truetype'), url(//berlinspirational.com/wp-content/themes/bi-theme/fonts/eb-garamond-v24-latin-italic.svg#EBGaramond) format('svg'); }
* {
margin:0;
padding:0;
}
#blogname, h1, h2, h3, nav {
font-family: 'EB Garamond', serif;
font-weight: normal;
}
body, p, h4, section li {
font-family: 'EB Garamond', serif;
font-weight: normal;
}
h1 {
font-size: 1.2em;
font-weight: normal;
color: #202020;
margin-top:15%;
margin-left:2%;
}
h1.posttitle {
font-weight: normal;
text-transform:uppercase;
font-size:1.2em;
}
h2.posttitle {
font-size: 1.2em;
font-weight:normal;
}
h2#title2 {
display:none;
}
.section-front h4.postheader, .section-blog h4.postheader {
bottom:0px;
right:10px;
font-size:0.7em;
position:absolute;
}
.section-single h4.postheader {
margin-bottom:2%;
font-size:0.7em;
}
.single h4.postheader {
margin-bottom:2%;
font-size:0.7em;
}
p, table {
font-size: 1.1em;
font-weight: normal;
color: #202020;
line-height:1.1;
}
section p, .main p, sidebar p {
text-align:justify;
font-size: 1.1em;
font-weight: normal;
color: #202020;
line-height:1.3;
} 
a:link, a:visited, a:focus, a:hover, a:active{
color: #202020;
text-decoration:none;
}
nav a:link, nav a:visited, nav a:focus, nav a:hover, nav a:active {
color: #202020;
text-decoration:none;
}
header a:link, header a:visited, header a:focus, header a:hover, header a:active{
color: #202020;
text-decoration:none;
}
.postcontent a:link, .postcontent a:visited, .postcontent a:focus, .postcontent a:hover, .postcontent a:active{
color: #0277bd;
text-decoration:none;
}
h4.relatedtags {
margin-top:2%;
}
ol, .postcontent ul {
padding-left:4%;
list-style-position: outside;
font-size:1.2em;
}
ol li {
padding-top:5px;
padding-bottom:5px;
}
.postcontent h2 {
margin-top:2%;
font-size: 1.4em;
font-weight:normal;
}
.postcontent p {
margin-bottom:1em;
}
p#breadcrumbs {
margin-left:0%;
margin-bottom:2%;
}
body {
background-color: #fcfcfc;
font-size: 100%;
line-height: 1.3;
position: relative;
}
.wrapper {
width:100%;
max-width:100%;
background-color: #fcfcfc;
margin: 0 auto;
}
header {
width:100%;	
display: inline;
margin-bottom:2px;
height:50px;
margin-left:0%;
margin-right:0%;
background-color: #fcfcfc;
position: fixed;
float: left;
top:0;
z-index:100;
}
#blogname {
width: 100%;
font-size:2em;
text-align:center;
font-weight: normal;
color:#202020;
}
.menuButton {
display:inline;
position: fixed;
font-size:1em;
line-height:0.6em;
padding: 0.4em 0.5em 0.5em 0.4em;
top: 0.6em;
left: 2%;
text-align: center;
background-color:#fcfcfc;
color: #202020; 
width:10%;   
}
.closeButton {
display:inline;
position: fixed;
font-size:1em;
line-height:0.6em;
padding: 0.4em 0.5em 0.5em 0.5em;
top: 0.6em;
left: 2%;
text-align: center;
background-color:#fcfcfc;
color: #202020; 
width:10%;    
}
nav {
background-color: #fcfcfc;
border-top: #202020 solid 2px;
border-bottom: #202020 solid 0px;
padding-bottom:1%;
padding-left:1%;
height: auto;
font-size: 1.5em;
top:51px;
width: 100%;
float: left;
position: fixed;
z-index:99;
}
nav #header-searchform {
position:relative;
display: inline;
margin-left: 1%;
margin-top:1%;
color: #202020;
padding-bottom:1%;
padding-top:1.1%;
float:left;
width:97%;
height: auto;
}
nav #headerSearchFormMob {
position:relative;
display: inline;
margin-left: 3.5%;
margin-top:1%;
color: #202020;
padding-bottom:1%;
padding-top:1.1%;
float:left;
width:97%;
height: auto;
}
nav #headerSearchFormMob input{
width:93%;
}
nav #header-searchform input,nav #header-searchform textarea{
height:auto;
padding-left:5%;
margin-bottom:3%;
max-width: 90%;
width:90%;
}
nav ul.menu  {
padding: 1% 1% 0% 1%;
margin-right:3%;
margin-left: 3%;
float:left;
width: 100%;
clear:left;
}
nav ul.menu li{
font-size: 0.8em;
display: block;
text-align:left;
}	
.banner {
width:100%;	
height: 90px;
border: solid 0px #202020;
position: relative;
float: left;
margin-top:50px;
background-color: #f2f2f2;
margin-bottom:2%;
}
.bannerButtonDown, .bannerButtonUp  {
width:30px;
height:30px;
float:right;
margin-right:2%;
margin-top:4%;
cursor:pointer;
font-size:1em;
-webkit-appearance: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5); 
-moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
}
.bannerButtonDown {
background-color: #ff9100;
}
.banner h2.banner-titel{
margin-top: 1%;
margin-left: 5%;
margin-bottom: 3%;
color:#202020;
}
.banner .banner-content{
width:63%;
margin-left: 3%;
margin-right: 3%;
margin-bottom: 2%;
display: block;
color:#202020;
}
.banner button.banner-button{
position: absolute;
min-width:60%;
height: 40px;
margin-left: 20%;
margin-right: 20%;
margin-bottom: 15%;
margin-top:20%;
font-size: 1em;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5); 
-moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
background-color: #ff9100;
border:0;
cursor:pointer;
text-transform:uppercase;
}
.banner .banner-form{
position: absolute;
width:70%;
height: 40px;
margin-left: 15%;
margin-right: 15%;
margin-bottom: 15%;
margin-top:5%;
}
.banner .banner-form input[type=submit].banner-button2{
-webkit-appearance: none;
position: relative;
width:100%;
height: 40px;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 1%;
margin-top:0%;
font-size: 1em;
border-radius: 3px!important;
-webkit-border-radius: 3px!important;
-moz-border-radius: 3px!important;
box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5); 
-moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
text-transform:uppercase;
background-color:#ff9100;
border:0;
cursor: pointer;
}
.banner .banner-form input#banner-email, .banner .banner-form input#banner-name{
position: relative;
width:93.5%;
height: 33px;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 1.5%;
margin-top:0%;
font-size: 1em;
padding-left:5%;
}
.banner p.banner-abmeldung {
margin-left:1%;
font-size: 0.8em;
color:#202020;
}
main {
width: 92%;
margin-left:auto;
margin-right: auto; padding-left:4%;
padding-right:4%;
margin-top: 50px;
margin-bottom:2%;
border-top:2px solid #202020;
}
main .main-item {
width: 100%;
height: 60px;
float: left;
margin-left:0%;
margin-right:0%;
padding-left:auto;
padding-right:auto;
padding-top:8px;
margin-top:1.5%;
border:solid #202020 1px;
font-size: 1.3em;
text-align:center;
background-color:#f2f2f2;
}
button.blogbutton {
width: 70%;
height: 40px;
margin-left:15%;
margin-right:15%;
margin-top:3%;
margin-bottom: 3%;
font-size:1em;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5); 
-moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
background-color:#f2f2f2;
color: #202020;
border:0;
cursor:pointer;
}
footer {
width: 100%;
margin-top: 2%;
padding-top:2%;
padding-left:0%;
padding-right:0%;
background-color:#f2f2f2;
padding-bottom:100px;
clear:both;
}
.footer-widget {
width: 90%;
float: left;
margin-left: 5%;
margin-right: 5%;
margin-top:2%;
margin-bottom:3%;
padding: 0%;
}
.footer-widget .footer-widget-section ul{
list-style-type: none;
}
.footer-widget-section {
width: 100%;
float: left;
padding: 0%;
margin-left:0%;
margin-right:0%;
margin-top:0%;
} 
.footer-widget-section ul.menu li{
margin-top:1.5%;
}
footer ul.socialbutton li {
display: inline;
}
footer ul.socialbutton {
margin-top:4%;
}
footer p#cr{
width: 100%;
text-align: center;
margin-top:2%;
font-size: 0.9em;
padding-bottom:1%;
}
section {
width: 96%;
margin-left:2%;
margin-right:2%;
margin-top:2%;
}
section.section-front {
width: 92%;
margin-left:0%;
margin-right:0%;
margin-top:2%;
border-top: 2px solid #202020;
padding-left:4%;
padding-right:4%;
}
section.section-blog, section.section-search {
width: 90%;
margin-left:5%;
margin-right:5%;
margin-top:50px;
border: 1px solid 1px;
}
section.section-single {
width: 90%;
margin-left:5%;
margin-right:5%;
margin-top:50px;
border: 1px solid 1px;
}
section h2.section-header {
margin-left:0%;
}
section h1.posttitle {
margin-left:0%;
margin-top:0%;
margin-bottom: 1%;
}
article.section-index{
float: left;
text-align:left;
width: 100%;
height:auto;
min-height: 10px;
margin-right:0%;
margin-left:0%;
}
.postcontentshort.mob {
display:none;
}
.post {
background-color: #fcfcfc;
max-height: 100%;
position: relative;
margin-bottom:0%;
margin-top: 4%;
margin-right:0%;
margin-left:0%;
width: 100%;
height: auto;
border: #666666 0px solid;
background-color: #fcfcfc;
padding-bottom: 0%;
}
.post a {
max-height:1px;
}
.post img.attachment-post-thumbnail.wp-post-image {
width:40%;
margin-left: 0%;
margin-right: 0%;
clear: left;
position: relative;
}
.posttext {
width:58%;
height:110px;
right:0%;
margin-top: 0%;
margin-right: 0%;
margin-left: auto;
position: relative;
float: right;
}
.postcontent img {
margin:2% 0%;
width:100%;
height:auto;
}
.wp-caption {
width:100%!important;
margin-bottom:3%;
}
.wp-caption-text { 
text-align:center;
font-size:0.8em;
font-style:italic;
}
section h2.section-header{
width: 100%;
float: left;
padding-left:0%;
padding-right:0%;
margin-bottom:1.5%;
margin-top:2%;
font-size:1em;
text-transform:uppercase;
border-top:0;
}
main h1.section-header {
width: 100%;
float: left;
padding-left:0%;
padding-right:0%;
margin-bottom:1.5%;
margin-top:2%;
font-size:1em;
text-transform:uppercase;
}
#inst {
border-top:2px solid #202020;
width:92%;
padding-left:4%;
padding-right:4%;
margin-left:0%;
margin-right:0%;
margin-top:2%;
margin-bottom:1%;
float: left;
}
#inst h2.section-header {
width:100%;
padding-left:0%;
padding-right:0%;
margin-top:2%;
margin-bottom:0%;
font-size:1em;
text-transform:uppercase;
}
aside {
width:100%;
float:left;
border-top: 0px #000000 solid;
margin-top:2%;
margin-right:0%;
margin-left:0%;
padding-right: 0%;
padding-left: 0%;
}
aside ul{
list-style: none;
}
aside .widget.aside-widget {
margin-top:3%;
margin-bottom:5%;
margin-left:10%;
margin-right:10%;
background-color: #f2f2f2;
padding:3%;
}
.aside-widget-section {
width: 100%;
margin-left: 0%;
margin-right:0%;
margin-top:2%;
padding: 0;
}
.aside-widget-section .optin-button {
width: 70%;
height: 40px;
margin-left:15%;
margin-right:15%;
font-size:1em;
}
.socialbutton li span{
font-size: 1.5em;
width: 1.5em;
text-align: center;
line-height: 1.5em;
color: #202020;
border: 2px solid #202020;
border-radius: 0.9em;
} #comments {
clear: both;
margin-top:5%;
}	
h3#comments-title {
padding: 0 0;
margin-left: 0%;
margin-right:0%;
clear:both;
font-size:1.4em;
}
h3#reply-title {
clear:both;
font-size:1.4em;
}
.commentlist {
margin-top:2%;
margin-left: 0%;
margin-right:0%;
list-style-type:none;
height:auto;
} .commentlist ul li {
border-bottom: #202020 solid 0px;
}
.commentlist ul li.comment {
margin: 0 0 2% 0;
padding: 0 0 0 0.5%;
position: relative;
float:left;
}
.commentlist ul li:last-child {
border-bottom: #202020 solid 0px;
}
#comments.comment-body ul,
#comments.comment-body ol {
margin-bottom: 1%;
}
#comments.comment-body p:last-child {
margin-bottom: 1%;
}
#comments.comment-body blockquote p:last-child {
margin-bottom: 1%;
}
ul.children {
max-width:100%;
padding-left:15%;
padding-right:0.5%;
list-style:none;
}
ul.children li {
width:100%;
}
.comment-author{
float: left;
font-size:1.1em;
margin-bottom:1%;
}
.comment-meta {
font-size: 1em;
margin:1% 0% 0.5% 0%;
float:right;
position:relative;
max-width:40%;
}
#comments p {
float:left;
width:100%;
font-size: 1.1em;
line-height:1.1em;
}
.comment-meta a:link,
.comment-meta a:visited, 
.comment-meta a:active,
.comment-meta a:hover {
color: #202020;
text-decoration: none;
}
.commentlist p {
font-size:1em;
color: #202020;
}
#comments .pingback {
border-bottom: 1px solid #fcfcfc;
margin-bottom: 18px;
padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
margin-top: -6px;
}
#comments .pingback p {
color: #202020;
display: block;
font-size: 1.1em;
line-height: 1%;
margin: 0;
}
#comments .pingback .url {
font-size: 0.9em;
font-style: italic;
}
.reply {
font-size: 0.8em!important;
padding: 1% 0 2% 0;
float:left;
width:100%;
text-transform: uppercase;
}
.reply a,
a.comment-edit-link {
color: #aaaaaa;
}
.reply a:hover,
a.comment-edit-link:hover {
color: #aaaaaa;
}
.nopassword,
.nocomments {
display: none;
} #respond {
padding: 0;
padding-top:2%;
position: relative;
width: 100%;
clear:both;
}
#respond input[type="text"],
#respond textarea {
background: #fcfcfc;
border: 2px solid #cccccc;
position: relative;
padding: 2%;
text-indent: 0px;;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
color: #202020;
font-size: 1.1em;
left: 0%;
min-width: 60%;
padding: 0 2% 0 0;
position: relative;
top: 4%;
z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
text-indent: 0;
z-index: 0;
}
#respond textarea {
resize: vertical;
width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required,
#respond .comment-form-comment .required {
color: #202020;
font-size: 0.8em;
font-weight: normal;
margin-left: 1%;
position: relative;
z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
font-size: 0.8em;
}
#respond p {
margin: 1% 0%;
}
#respond .form-submit {
float: right;
margin: 0 0 1%;
}
#respond input#submit {
background-color: #f2f2f2;
border: 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5); 
-moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
-webkit-appearance: none;
color: #202020;
cursor: pointer;
font-size: 0.7em;
margin: 2% 0.5%;
padding: 2% 2% 2% 2%;
position: relative;
right: 0px;
float:right;
text-transform:uppercase;
}
#respond input#submit:active {
background: #aaaaaa;
color: #fcfcfc;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5); 
-moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
}
#respond #cancel-comment-reply-link {
color: #202020;
margin-left: 10px;
text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
text-decoration: underline;
}
.commentlist #respond {
margin: 1.625em 0 0;
width: auto;
}
#cancel-comment-reply-link {
color: #202020;
display: block;
font-size: 10px;
font-weight: normal;
line-height: 2.2em;
letter-spacing: 0.05em;
position: absolute;
right: 1.625em;
text-decoration: none;
text-transform: uppercase;
top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
color: #202020;
}
#respond label {
line-height: 2.2em;
}
#respond input[type=text] {
display: block;
height: 24px;
width: 95%;
}
#respond p {
font-size: 1em;
}
.form-allowed-tags {
display: none;
}
#respond p.comment-form-comment {
margin-bottom: 0%;
}
@media screen and (min-width: 641px) {
h1.posttitle, h1.posttitlepage, section h1.posttitle {
font-weight: normal;
font-size:2em;
margin-left:0%;
margin-top:0%;
margin-bottom: 0%;
}
h2.posttitle {
font-size: 1.5em;
font-weight:normal;
}
section.section-search h2.posttitle {
margin-left:0%;
}
.section-front h4.postheader, 
.section-blog h4.postheader,
.section-single h4.postheader {
display:none;
}
.wrapper {
width:100%;
max-width:100%;
background-color: #fcfcfc;
margin: 0 auto;
}
header {
width:100%;	
display: inline;
margin-bottom:2px;
background-color: #fcfcfc;
position: fixed;
float: left;
top:0;
z-index:100;
}
#blogname {
width:100%;
font-size:4.5em;
text-align: left;
text-decoration: none;
float: left;
margin-left:3.3%;
}
h2#title2 {
display:none;
}
nav {
width:30%;
display: inline;
float: right;
font-size:0.7em;
text-transform:uppercase;
position: fixed;
height:99px;
min-height:50px;
top:0px;
right:0px;
left:70%;
background-color: #fcfcfc;
border-top: #aaaaaa solid 0px;
border-bottom: #aaaaaa solid 0px;
position: fixed;
z-index:98;
padding-bottom:0%;
padding-left:auto;
padding-right:0;
clear:both;
}
#headerSearchForm {
height: 60px;
border: 0px dotted #999;
border-radius: 0;
margin-top:0%;
padding-left:0%;
float:right;
width:46%;
position:relative;
margin-right:3.3%;
clear:right;
z-index:99;
background-color: #fcfcfc;
}
#headerSearchForm  input {
width:93%;
height:40px;
margin: 10px 2.5% 10px 2.5%;
padding-left:2%;
border: 1px dotted #999;
background-color: #fcfcfc;
font-size: 1em;
font-style: italic;
font-family: "Open Sans", Arial, sans-serif;
}
nav li.header-menu-suchen {
display:inline;
cursor:pointer;
}
nav ul.menu {
width:100%;
float: right;
padding-right:0%;
max-width: 100%;
right:0%;
display: inline;
padding: 0;
margin-left:auto;
margin-right:0%;
margin-top:50px;
position: relative;
clear:right;
z-index:90;
}
nav ul.menu li {
display: inline;
margin-right:2%;
font-size: 1.2em;
}
.banner {
width:100%;	
height: 80px;
min-height:80px;
border-bottom: solid 2px #202020;
position: relative;
float: left;
margin-top: 100px;
}
.banner h2.banner-titel{	
width:70%;
margin-top: 2%;
margin-left: 3.5%;
margin-bottom: 2%;
}
.banner .banner-content{
margin-left: 3.5%;
margin-bottom: 2%;
display: block;
}
.banner img.banner-ebook {
width:10%;
float:right;
margin-right:20%;
margin-top:1%;
}
.banner button.banner-button{
position: absolute;
top:25%;
right:3.5%;
width:29.17%;
min-width:29%;
height: 40px;
float:right;
margin-left: auto;
margin-right: 0%;
margin-bottom: 3%;
margin-top:0%;
font-size: 1em;
padding-right:3%;
padding-left:3%;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5); 
-moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
text-transform:uppercase;
cursor:pointer;
}
.banner .banner-form{
position: absolute;
top:25%;
right:0%;
width:96%;
height: 40px;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 3%;
margin-top:0%;
}
.banner .banner-form input[type=submit].banner-button2{
position: relative;
width:30.3%;
height: 40px;
margin-left: 1.5%;
margin-right: 1.5%;
margin-bottom: 0%;
margin-top:0%;
font-size: 1em;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5); 
-moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
text-transform:uppercase;
cursor:pointer;
}
.banner .banner-form input#banner-email, .banner .banner-form input#banner-name{
position: relative;
width:28.3%;
height: 33px;
margin-left: 1.5%;
margin-right: 1.5%;
margin-bottom: 0%;
margin-top:0%;
font-size: 1em;
border: none;
padding-left:2%;
}
.banner p.banner-abmeldung {
margin-left:1.5%;
margin-top:0.7%;
font-size: 0.8em;
}
main {
width: 96%;
margin-left:auto;
margin-right: auto; padding-left:2%;
padding-right:2%;
margin-top: 110px;
border-top:2px solid #202020;
}
main .main-item {
width: 30.05%;
height: 120px;
float: left;
margin-left:1.5%;
margin-right:1.5%;
padding-left:auto;
padding-right:auto;
padding-top:40px;
margin-top:1.5%;
border:solid #202020 1px;
font-size: 2em;
text-align:center;
background-color:#f2f2f2;
}
footer {
width: 96%;
margin-top:2%;
padding-top:2%;
padding-left:2%;
padding-right:2%;
background-color:#f2f2f2;
padding-bottom:0px;
}
.footer-widget {
width: 30.333333%;
float: left;
padding: 0%;
margin-left:1.5%;
margin-right:1.5%;
margin-top:0%;
}
.footer-widget-section {
width: 100%;
float: left;
padding: 0%;
margin-left:0%;
margin-right:0%;
margin-top:0%;
}
footer p#cr{
width: 100%;
text-align: center;
margin-top:0%;
font-size: 0.9em;
}
section {
width: 96%;
margin-left:auto;
margin-right:auto;
margin-top:2%;
padding-left:2%;
padding-right:2%;
float: left;
}
section.section-front {
width: 96%;
margin-left:auto;
margin-right:auto;
margin-top:2%; 
padding-left:2%;
padding-right:2%;
float: left;
border-top:2px solid #202020;
}
section.section-single {
width: 64%;
margin-left:auto;
margin-right:auto;
margin-top:100px;
padding-left:2%;
padding-right:1.5%;
float: left;
}
section.section-blog, section.section-search {
width: 96%;
margin-left:auto;
margin-right:auto;
margin-top:100px;
padding-left:2%;
padding-right:2%;
float: left;
}
section h2.section-header{
width: 97%;
float: left;
padding-left:1.5%;
padding-right:1.5%;
margin-bottom:1.5%;
margin-top:1%;
font-size:1.4em;
text-transform:uppercase;
border-top:0;
}
main h1.section-header {
width: 97%;
float: left;
padding-left:1.5%;
padding-right:1.5%;
margin-bottom:1.5%;
margin-top:1%;
margin-left:0%;
font-size:1.4em;
text-transform:uppercase;
}
#inst {
border-top:2px solid #202020;
width:96%;
padding-left:2%;
padding-right:2%;
margin-left:0%;
margin-right:0%;
margin-top:2%;
margin-bottom:1.5%;
float: left;
}
#inst h2.section-header {
width:97%;
padding-left:1.5%;
padding-right:1.5%;
margin-top:1%;
margin-bottom:0%;
font-size:1.4em;
text-transform:uppercase;
}
p#breadcrumbs {
margin-left:1.5%;
margin-bottom:1%;
}
article.single.post {
background-color:#fcfcfc;
max-height: 100%;
position: relative;
margin-bottom:4%;
margin-top: 0%;
margin-right:2%;
margin-left:2%;
width: 96%;
border: #666666 0px solid;
}
.section-index.post {
float: left;
text-align:left;
width: 30.333333%;
height:auto;
min-height: 370px;
background-color:#fcfcfc;
max-height: 100%;
position: relative;
margin-bottom:2%;
margin-top: 0%;
margin-right:1.5%;
margin-left:1.5%;
border: #666666 0px solid;
clear:right;
}
.section-index.post:hover {
background-color:#fcfcfc;
}
.section-index.post.category-basiskurs:hover {
background-color:#fcfcfc;
}
.section-index.post.category-nachbearbeitung:hover {
background-color:#fcfcfc;
}
.section-blog.post, .section-search.post, .section-search.wiki {
float: left;
text-align:left;
width: 30.333333%;
height:auto;
min-height: 370px;
background-color:#fcfcfc;
max-height: 100%;
position: relative;
margin-bottom:2%;
margin-top: 0%;
margin-right:1.5%;
margin-left:1.5%;
border: #666666 0px solid;
clear:right;
}
.post img.attachment-post-thumbnail.wp-post-image {
width:100%;
margin-left: 0%;
margin-right: 0%;
}
.posttext {
width:96%;
margin-top: 0%;
padding-top:2%;
padding-bottom:2%;
margin-left: auto;
margin-right: auto;
float: none;
}	
.postcontentshort{
font-size:1.1em;
}
.postcontent img {
margin:3% 0% 2% 0%;
width:100%;
height:auto;
}
.categories-index {
width: 93%;
margin-left:auto;
margin-right: auto;
margin-top:2%;
}
button.blogbutton {
width: 25%;
height: 40px;
margin-left:73.5%;
margin-right:1.5%;
font-size:1em;
margin-top:0%;
margin-bottom:2%;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5); 
-moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
border:0;
cursor:pointer;
}
aside {
width:29.2%;
float:right;
border: 0px #000000 solid;
margin-top:100px;
margin-right:3%;
margin-left:0%;
padding-right: 0%;
padding-left: 0%;
}
aside ul{
list-style: none;
}
aside .widget.aside-widget {
margin-top:3%;
margin-bottom:5%;
margin-left:10%;
margin-right:10%;
background-color: #f2f2f2;
padding:3%;
}
.aside-widget-section {
width: 100%;
margin-left: 0%;
margin-right:0%;
margin-top:2%;
padding: 0;
}
.aside-widget-section .optin-button {
width: 70%;
height: 40px;
margin-left:15%;
margin-right:15%;
font-size:1em;
}
header.large {
height:105px;
min-height:50px;
border-bottom: 2px solid #202020;
}
header.small {
height:50px;
min-height:50px;
}
header.small #blogname {
font-size:2em;
}
nav.small {
height: 50px;
min-height:50px;
}
nav.small ul.menu {	
margin-top:20px;
}
nav.small #searchform {	
margin-top:10px;
}
.banner.small {
margin-top: 100px;
}
section.optinpage {
width: 80%;
margin-left: 10%;
margin-right: 10%;
margin-top: 5%;
float: left;
padding-left: 0%;
padding-right: 0%;
}
h1.landingpage-title {
width:90%;
margin-top: 2%;
margin-left: 5%;
margin-right:5%;
text-align: center;
}
.post.optin {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 2%;
float: left;
}
.post.optin .optin-content {
width: 80%;
margin-left: 10%;
margin-right: 10%;
margin-top: 3%;
float: left;
}
.post.optin .optin-testimonial{
width: 75.6%;
margin-left: 10%;
margin-right: 10%;
margin-top: 3%;
float: left;
border: solid 1px #202020;
background-color: #dddddd;
padding: 2%;
}
.post.optin .optin-benefit-bullets{
width: 35%;
margin-left: 10%;
margin-right: auto;
margin-top: 3%;
float: left;
}
.post.optin .optin-form .optin-form-table{
margin-bottom:2%;
margin-top:2%;
}
.post.optin ul.optin-benefit-bullets {
list-style: none;
}
.post.optin li.bb {
padding-left: 20px;
background-image: url(//berlinspirational.com/wp-content/themes/bi-theme/images/bb.gif);
background-repeat: no-repeat;
background-position: 0 0em;
}
footer ul.socialbutton {
margin-top:2%;
}
footer ul.socialbutton li {
display: inline;
}
#comments {
margin-top:3%;
}
section.landingpage {
width:70%;
max-width:1000px;
margin-left:13%;
margin-right:13%;
}
article.optin1 .ebook {
width:30%;
float:left;
padding-left: 0 auto;
}
article.optin1 .ebook img {
width:100%;
height:auto;
float:left;
}
article.optin1 .cta {
max-width:47%;
height:auto;
float:right;
margin-right:0%;
}
footer.landingpage {
bottom:0;
position:fixed;
}
section.landingpage h2{
margin-top:2%;
margin-bottom:2%;
width: 100%;
color: #ffffff;
background-color:#0277bd;
}
section.landingpage ul{
width: 100%;
}
}
@media screen and (min-width: 768px) {
section.section-blog h1.posttitle, section.section-search h1.posttitle {
font-weight: normal;
font-size:1.8em;
margin-left:1.5%;
margin-top:2%;
margin-bottom: 1%;
}
section.section-single h1.posttitle {
font-weight: normal;
font-size:1.8em;
margin-left:0%;;
margin-top:3%;
margin-bottom: 2%;
}
section.section-search h2, section.section-search p {
margin-left:1.5%;
margin-top:2%;
margin-bottom: 3%;
}
}
@media screen and (min-width:641px) and (max-width:767px) {
section.section-blog h1.posttitle, section.section-search h1.posttitle {
font-weight: normal;
font-size:1.8em;
margin-left:0%;
margin-top:2%;
margin-bottom: 1%;
}
section.section-single h1.posttitle {
font-weight: normal;
font-size:1.8em;
margin-left:0%;;
margin-top:3%;
margin-bottom: 2%;
}
section.section-search h2, section.section-search p {
margin-left:0%;
margin-top:2%;
margin-bottom: 3%;
}
#blogname {
width:50%;
font-size:4.3em;
text-align: left;
text-decoration: none;
float: left;
margin-left:3.5%;
}
nav {
width:50%;
margin:0;
left:52%;
}	
main {
width: 96%;
margin-left: auto;
margin-right: auto;
padding-left: 2%;
padding-right: 2%;
margin-top: 110px;
border-top: 2px solid #202020;
}
main h1.section-header {
margin-top:1%;
}
main .main-item {
width: 30%;
height: 100px;
float: left;
margin-left:1.5%;
margin-right:1.5%;
padding-left:auto;
padding-right:auto;
padding-top:40px;
margin-top:1.5%;
border:solid #202020 1px;
font-size: 1.5em;
text-align:center;	
}
section.section-front {
width: 100%;
margin-left:0%;
margin-right:0%;
margin-top:2%;
margin-bottom:1.5%;
float: left;
padding-left:0%;
padding-right:0%;
}
section h2.section-header {
width:93%;
padding-left:3.5%;
padding-right:3.5%;
}
section.section-blog,
section.section-search, 
section.section-single {
width: 93%;
margin-left:3.5%;
margin-right:3.5%;
margin-top:100px;
float: left;
padding-left:0%;
padding-right:0%;
}
section h1.posttitle {
width:100%;
padding:0;
margin-left: 0%;
}
.section-index.post, .section-blog.post, .section-search.post {
float: left;
text-align:left;
width: 100%;
height:auto;
min-height: 100px;
background-color:#fcfcfc;
max-height: 100%;
position: relative;
margin-bottom:2%;
margin-top: 0%;
margin-right:0%;
margin-left:0%;
padding-right:0%;
padding-left:0%;
border: #666666 0px solid;
clear:right;
}
.section-index.post img.attachment-post-thumbnail.wp-post-image,
.section-blog.post img.attachment-post-thumbnail.wp-post-image,
.section-search.post img.attachment-post-thumbnail.wp-post-image {
width:50%;
}
.section-index.post .posttext, .section-blog.post .posttext, .section-search.post .posttext {
width:48%;
float:right;
padding-top:0%;
}
article.single.post {
background-color:#fcfcfc;
max-height: 100%;
position: relative;
margin-bottom:4%;
margin-top: 0%;
margin-right:0%;
margin-left:0%;
width: 100%;
border: #666666 0px solid;
}
#inst {
width:96%;
padding-left:2%;
padding-right:2%;
margin-left:0%;
margin-right:0%;
margin-top:2%;
margin-bottom:1.5%;
float: left;
}
#inst h2.section-header {
width:97%;
padding-left:1.5%;
padding-right:1.5%;
}
button.blogbutton {
float:right;
width: 30%;
height: 40px;
margin-left:auto;
margin-right:3.5%;
font-size:1em;
margin-top:0%;
margin-bottom:2%;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5); 
-moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
border:0;
}
aside {
width:50%;
float:left;
border: 0px #000000 solid;
margin-top:2%;
margin-right:25%;
margin-left:25%;
}
nav ul.menu {
width:100%;
float:right;
font-size:0.8em;
margin-top:60px;
}
nav #searchform {
position: absolute;
display: block;
right:6%;
margin-right:6%;
margin-top:20px;
color: #202020;
padding-bottom:1%;
padding-top:1.1%;
width:20%;
height: auto;
float: right;
}
} .social-share{
clear: both;
width: 100%;
height: auto;
text-align: center;
background-color: #fcfcfc;
position: fixed;
bottom:0px;	
left: 0px;
right: 0px;
z-index: 10;
}
.social-share ul{
width:100%;
height: 30px;
text-align: center;
right:0%;
left: 0%;
}
.social-share ul li{
display: inline;
width:25%;
margin-left:0%;
margin-right: 0%;
height: 30px;
float:left;
padding-top:10px;
}
.social-share ul li a {
color: #ffffff;
padding-left: auto;
padding-right: auto;
text-transform: uppercase;
font-size: 0.8em;
}
.social-share ul li.facebook-share{
color: #ffffff;
background-color: #3f51b5;	
}
.social-share ul li.twitter-share{
color: #ffffff;
background-color: #03a9f4;
}
.social-share ul li.google-plus-share{
color: #ffffff;
background-color: #df4a32;
}
.social-share ul li.pinterest-share{
color: #ffffff;
background-color: #c9171b;
}
@media screen and (min-width: 641px) {
.social-share{
clear: both;
width: 100%;
height: auto;
text-align: left;
position: relative;
margin-top: 3%;
margin-bottom: auto;	
margin-left: auto;
margin-right: auto;
background-color: #fcfcfc;
}
.social-share ul{
width:100%;
height: 36px;
text-align: left;
margin-right:auto;
margin-left: auto;
margin-top: 1%;
}
.social-share ul li{
display: inline;
min-width:15%;
width:auto;
margin-left:0%;
margin-right: 5%;
height: 36px;
float:left;
padding-top:10px;
}
.social-share ul li a {
color: #ffffff;
padding-left: auto;
padding-right: auto;
text-transform: uppercase;
font-size: 0.8em;
height: 36px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
}
.social-share ul li.facebook-share, .social-share ul li.twitter-share, .social-share ul li.google-plus-share,.social-share ul li.pinterest-share{
background-color:#fcfcfc;
}
.social-share ul li.facebook-share a:link, .social-share ul li.facebook-share a:visited{	
color: #3f51b5;
background-color: #fcfcfc;
}
.social-share ul li.facebook-share a:hover, .social-share ul li.facebook-share a:active{
color: #ffffff;
background-color: #3f51b5;	
}
.social-share ul li.twitter-share a:link, .social-share ul li.twitter-share a:visited{	
color:#03a9f4;
background-color: #fcfcfc;
}	
.social-share ul li.twitter-share a:hover, .social-share ul li.twitter-share a:active{
color: #ffffff;
background-color: #03a9f4;
}
.social-share ul li.google-plus-share a:link, .social-share ul li.google-plus-share a:visited{	
color:#df4a32;
background-color: #fcfcfc;
}	
.social-share ul li.google-plus-share a:hover, .social-share ul li.google-plus-share a:active{
color: #ffffff;
background-color: #df4a32;
}
.social-share ul li.pinterest-share a:link, .social-share ul li.pinterest-share a:visited{	
color:#c9171b;
background-color: #fcfcfc;
}	
.social-share ul li.pinterest-share a:hover, .social-share ul li.pinterest-share a:active{
color: #ffffff;
background-color: #c9171b;
}
h3.social-share-title {
font-size:1.3em;
}
} .cta button.cta-button, .cta-2step .cta-form .cta-button2 {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5); 
-moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
}
aside .widget.aside-widget {
padding:0!important;
}
.cta-2step {
width:100%;
height:220px;
margin-left: 0%;
margin-right: 0%;
margin-top: 3%;
margin-bottom: 3%;
padding-left:5%;
padding-right:5%;
padding-top:2%;
padding-bottom:2%;
float: right;
}
.cta-2step h2{
margin-top:4%;
margin-bottom:4%;
margin-left: 5%;
margin-right: 5%;
}
.cta-2step p{
margin-bottom:4%;
margin-left: 5%;
margin-right: 5%;
}
.cta-2step input{
width:90%;
height: 40px;
float:left;	
font-size: 1em;
margin-bottom: 1%;
margin-top: 1%;
margin-left: 5%;
margin-right: 5%;
border:0;
}
.cta-2step button.cta-button, .cta-2step .cta-form .cta-button2 {
position: relative;
width:90%;
height: 40px;
margin-left: 5%;
margin-right: 5%;
margin-bottom: 1%;
margin-top:1%;
font-size: 1em;
border:0;
}
.cta-2step .cta-antispam{
font-size:0.8em;
width:90%;
margin-left: 5%;
margin-right: 5%;
}@font-face{font-family:'fontello';src:url(//berlinspirational.com/wp-content/themes/bi-theme/css/fontello-e01c6dfe/font/fontello.eot?33374623);src:url(//berlinspirational.com/wp-content/themes/bi-theme/css/fontello-e01c6dfe/font/fontello.eot?33374623#iefix) format("embedded-opentype"),url(//berlinspirational.com/wp-content/themes/bi-theme/css/fontello-e01c6dfe/font/fontello.woff2?33374623) format("woff2"),url(//berlinspirational.com/wp-content/themes/bi-theme/css/fontello-e01c6dfe/font/fontello.woff?33374623) format("woff"),url(//berlinspirational.com/wp-content/themes/bi-theme/css/fontello-e01c6dfe/font/fontello.ttf?33374623) format("truetype"),url(//berlinspirational.com/wp-content/themes/bi-theme/css/fontello-e01c6dfe/font/fontello.svg?33374623#fontello) format("svg");font-weight:400;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ok:before{content:'\e800'}.icon-cancel:before{content:'\e801'}.icon-up-open:before{content:'\e802'}.icon-down-open:before{content:'\e803'}.icon-twitter:before{content:'\f099'}.icon-facebook:before{content:'\f09a'}.icon-menu:before{content:'\f0c9'}.icon-instagram:before{content:'\f16d'}@font-face{font-family:fontello;src:url(//berlinspirational.com/wp-content/themes/bi-theme/css/fontello-15e8819c/font/fontello.eot?45408552);src:url(//berlinspirational.com/wp-content/themes/bi-theme/css/fontello-15e8819c/font/fontello.eot?45408552#iefix) format('embedded-opentype'),url(//berlinspirational.com/wp-content/themes/bi-theme/css/fontello-15e8819c/font/fontello.woff2?45408552) format('woff2'),url(//berlinspirational.com/wp-content/themes/bi-theme/css/fontello-15e8819c/font/fontello.woff?45408552) format('woff'),url(//berlinspirational.com/wp-content/themes/bi-theme/css/fontello-15e8819c/font/fontello.ttf?45408552) format('truetype'),url(//berlinspirational.com/wp-content/themes/bi-theme/css/fontello-15e8819c/font/fontello.svg?45408552#fontello) format('svg');font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ok:before{content:'\e800'}.icon-cancel:before{content:'\e801'}.icon-up-open:before{content:'\e802'}.icon-down-open:before{content:'\e803'}.icon-gplus:before{content:'\e804'}.icon-twitter:before{content:'\f099'}.icon-facebook:before{content:'\f09a'}.icon-menu:before{content:'\f0c9'}.icon-linkedin:before{content:'\f0e1'}.icon-youtube:before{content:'\f167'}.icon-xing:before{content:'\f168'}.icon-instagram:before{content:'\f16d'}.icon-pinterest:before{content:'\f231'}