body{font-family: Arial, Helvetica, sans-serif;font-size: 14px;line-height: 20px;color: #000;}
.full-width{width:100%;}
.attachment-thumbnail{border-radius:150px;}
a, a:visited, a:focus, a:active{color:#c5003e;}
a:hover{color:#c5003e; text-decoration: underline;}
h1,.h1{font-size:3rem;}
h2,.h2{font-size:2.6rem;}
h3,.h3{font-size:2.6rem;}
.top-15{margin-top:15px!important;}
.top-25{margin-top:25px!important;}
.top-35{margin-top:35px!important;}
.top-45{margin-top:45px!important;}
.site-content{padding-top:100px;}
.main-frame{padding:0px;}
.content-area{padding: 0px;}
.page-content, .entry-content, .entry-summary{margin:0 auto;}
.entry-title{margin-top:0px;font-size: 2.2rem;}
.motto-intro{padding-top:10%;color:#FFF;}
.motto-intro h1{font-size:4.8rem;}
.motto-intro h2{font-size:2.4rem; line-height:3.4rem; padding:2% 10% 0% 10%;}
.parallax {
background: url(//dasohrzurwelt.de/wp-content/themes/main/lib/images/general/parallax.png) no-repeat center top fixed;
background-size: cover;
color: #fff;
padding-top:25px;
padding-bottom:25px;
}
.panel-default>.panel-heading {
color: #FFF;
background: #c5003e;
background: -moz-linear-gradient(left,#c5003e 0,#560f50 100%);
background: -webkit-gradient(left top,right top,color-stop(0%,#c5003e),color-stop(100%,#560f50));
background: -webkit-linear-gradient(left,#c5003e 0,#560f50 100%);
border-color:transparent;
}
.panel-heading p{display:none;}
.panel-title{font-size:2.2rem; line-height:3.2rem; font-weight:bold;}
.panel-title br{display:none;}
.top-45{margin-top:45px;}
.wpcf7-submit{border-radius: 3px!important;
background-color: #C21543!important;
border-color: #C21543!important;
font-size: 14px!important;}
.wpcf7-submit:hover{background:#FFF!important; color:#CF0D3E!important;}
.popup-content {
height: 450px!important;
}
.entry-meta {
color: #C5003E;
font-size: 16px;
}
.entry-title > a,.entry-title > a:visited  {
color: #000;
} .navbar{margin-bottom:0px;}
.navbar-brand{padding:0px;}
.navbar-nav {
margin: 25px -15px;
}
.navbar-amplifon {
background: #c5003e;
background: -moz-linear-gradient(left,#c5003e 0,#560f50 100%);
background: -webkit-gradient(left top,right top,color-stop(0%,#c5003e),color-stop(100%,#560f50));
background: -webkit-linear-gradient(left,#c5003e 0,#560f50 100%);
border-color:transparent;
}
.navbar-toggle {
margin-top: 25px;
}
.navbar-inverse .navbar-toggle {
border-color: transparent;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: rgba(255, 255, 255, 0.4);
}
.navbar-toggle .icon-bar {
width: 30px;
height: 3px;
border-radius: 5px;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
background-color: transparent;
}
.navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background-color:transparent;}
.navbar-inverse .navbar-nav>.active>a{background-color:transparent;);
}
.navbar-inverse .navbar-nav>li>a {
color: #FFFFFF;
}
.navbar-inverse .navbar-nav>li>a:hover {
}
#masthead .navbar-nav > li > a {
padding:0px 15px;
margin-top: 15px;
line-height: 28px;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1px;
font-size: 1.6rem;
} .popup-image{margin-top:-60px!important;width:75px!important;}
.popup-image img{max-width: none!important; max-height: 75px!important;}
footer#colophon {
margin: 20px 0 0;
padding: 20px 0;
text-align: center;
background: url(//dasohrzurwelt.de/wp-content/themes/main/lib/images/general/parallax.png) no-repeat center top fixed;
background-size: cover;
color: #fff;
} .top-logo{background: #c5003e;
background: -moz-linear-gradient(left,#c5003e 0,#560f50 100%);
background: -webkit-gradient(left top,right top,color-stop(0%,#c5003e),color-stop(100%,#560f50));
background: -webkit-linear-gradient(left,#c5003e 0,#560f50 100%);
}
.homepage-banner{background: #E0E0E0 url(//dasohrzurwelt.de/wp-content/themes/main/lib/images/header/homepage-banner.jpg) no-repeat center top;
width: 100%;
margin-bottom: 0;
min-height: 550px;}
.motto{margin-top:35px;} .countdown {
width: 100%;
text-align: center;
margin-top:45px;
margin-bottom:45px;
font-family: 'Lato', sans-serif;
}
.countdown div {
font-size: 5rem;
font-weight: 100;
display: inline-block;
padding: 15px 15px;
background: #4B1954;
color: #fff;
border-radius: 5px;
margin: 0px 10px;
-webkit-box-shadow: 0px 5px 60px -7px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 5px 60px -7px rgba(0,0,0,0.35);
box-shadow: 0px 5px 60px -7px rgba(0,0,0,0.35);
}
.countdown > div > p {
color: #FFF;
font-size: 1.8rem;
margin:5px 0px;
}
.pbc-unit{background: #c5003e;
background: -moz-linear-gradient(left,#c5003e 0,#560f50 100%);
background: -webkit-gradient(left top,right top,color-stop(0%,#c5003e),color-stop(100%,#560f50));
background: -webkit-linear-gradient(left,#c5003e 0,#560f50 100%);-webkit-box-shadow: 0px 5px 60px -7px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 5px 60px -7px rgba(0,0,0,0.35);
box-shadow: 0px 5px 60px -7px rgba(0,0,0,0.35);}
.pbc-label {
padding-bottom:15px!important;
}
.formular{    text-align: left;
width: 400px;
background: #fff;
padding: 25px;
color: #FFF;}
.intro{    margin-top: 15%; padding: 0px 50px 0px 0px; font-size:1.8rem; line-height:2.8rem;}
.ampli-big {background: url(//dasohrzurwelt.de/wp-content/themes/main/lib/images/general/ampli-big.png) no-repeat center bottom;
margin-bottom: 0;
min-height: 550px;
background-size: contain}  
.modal-dialog {
width: 460px;
margin: 30px auto;
}
.modal-header {
padding: 10px;
background: #C21543;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
font-size: 2.6rem;
color: #FFFFFF;
padding-bottom: 15px;
}
.modal-body {
overflow-y: scroll;
max-height: 650px;
}
.close {
float: right;
font-size: 30px;
font-weight: 700;
line-height: 1;
color: #FFF;
text-shadow: none;
opacity:1;
}
.close:focus, .close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 1;
background: #FFF;
}
label {
color: #980645;
}
::-webkit-input-placeholder { color: #980645;
}
::-moz-placeholder { color: #980645;
}
:-ms-input-placeholder { color: #980645;
}
:-moz-placeholder { color: #980645;
}
.wp-caption-text a{color:#CD093F;font-weight: bold;}
.wp-caption-text a:hover{color:#CD093F;font-weight: bold;}
div.wpcf7-mail-sent-ok {
margin: 10px 0px 0px 0px;
border: 2px solid #980645;
color: #980645;
text-align: center;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .btn, .posts-navigation .prev, .posts-navigation .next, .comments-previous a, .comments-next a, {
display: inline-block;
color: #fff;
font-weight:normal;
border: none;
border-radius: 999em;
background-color: #fc6247;
transition-duration: .3s;
border:1px solid #c5003e;
border-radius: 3px!important;
background: #c5003e!important;
background: -moz-linear-gradient(left,#c5003e 0,#560f50 100%)!important;
background: -webkit-gradient(left top,right top,color-stop(0%,#c5003e),color-stop(100%,#560f50))!important;
background: -webkit-linear-gradient(left,#c5003e 0,#560f50 100%)!important;
font-size: 14px!important;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .btn:hover, .posts-navigation .prev.btn:hover, .posts-navigation .next:hover, .comments-previous a:hover, .comments-next a {
background: #FFF!important;
color: #CF0D3E!important;
}
.btn.focus, .btn:focus, .btn:hover{color:#FFF;}
.btn-lms{border-radius: 3px!important;
background: #c5003e!important;
background: -moz-linear-gradient(left,#c5003e 0,#560f50 100%)!important;
background: -webkit-gradient(left top,right top,color-stop(0%,#c5003e),color-stop(100%,#560f50))!important;
background: -webkit-linear-gradient(left,#c5003e 0,#560f50 100%)!important;
border-color: #c5003e!important;
font-size: 14px!important;}
.btn-lms:hover{background:#FFF!important; color:#CF0D3E!important;}
.btn-zentrum{border-radius: 3px!important;
background: transparent!important;
border-color: #FFF!important;
color:#FFF!important;
font-size: 14px!important;}
.btn-zentrum:hover{background:#FFF!important; color:#CF0D3E!important;}
.btn-space{margin-right: 35px;} .btn-zentrum-voll{border-radius: 3px!important;background: #c5003e!important;border-color: #c5003e!important;font-size: 14px!important;color:#FFF!important;}
.btn-zentrum-voll:hover{background: #c5003e!important; color:#FFF!important;-webkit-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.75);}
.btn-zentrum-rahmen{border-radius: 3px!important;background: transparent!important;border-color: #c5003e!important;color:#000!important;font-size: 14px!important;}
.btn-zentrum-rahmen:hover{background: #c5003e!important;border-color: #c5003e!important;color:#FFF!important;-webkit-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.75);}
.btn-zentrum-negativ{border-radius: 3px!important;
background: transparent!important;
border-color: #FFF!important;
color:#FFF!important;
font-size: 14px!important;}
.btn-zentrum-negativ:hover{background:#FFF!important; color:#CF0D3E!important;-webkit-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.75);}
.modal-text{    line-height: 2.6rem;
font-size: 1.6rem;}
.modal-header {
border-bottom: 0px;
} .news-box{background:#f9f9f9; padding:25px;}
.ivycat-post{margin-top:35px;margin-bottom:0px;}
.ivycat-post:first-child{margin-top:0px;}
.nav-tabs {
border-bottom: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color: #000;
cursor: default;
background-color: transparent;
border: none;
border-bottom-color: transparent;
}
.nav>li>a {
position: relative;
display: block;
padding: 0px;
}
.nav-tabs>li>a {
color: #AFAFAF;
}
.nav-tabs>li>a:hover {
border-color: transparent;
}
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: transparent;
}
.tab-content{padding: 20px;
background: #F3F3F3;
margin-top: 35px;} .parallax-box{background: url(//dasohrzurwelt.de/wp-content/themes/main/lib/images/general/parallax.png) no-repeat center top;
background-size: cover;
color: #fff;
padding:25px;
}
.card{text-align:center;}
.card-title{font-size:2.4rem; line-height:3.4rem;}
.card-subtitle{font-size:1.8rem; line-height:2.8rem; font-style: italic;}
.card-text{text-align:left;font-size:1.4rem; line-height:24px;}
.card-flip {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.card-flip:hover .flip, .card-flip.hover .flip {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.card-flip,
.front,
.back {
width: 100%;
min-height: 390px;
}
.flip {
-webkit-transition: 0.6s;
transition: 0.6s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative;
}
.front,
.back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
.front {
z-index: 2;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
} figure.snip1084 {
color: #fff;
position: relative;
float: left;
overflow: hidden;
margin: 10px 1%;
min-width: 220px;
max-width: 310px;
max-height: 220px;
width: 100%;
background: #000000;
text-align: center;
}
figure.snip1084 * {
-webkit-box-sizing: padding-box;
box-sizing: padding-box;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
figure.snip1084 img {
opacity: 1;
width: 100%;
}
figure.snip1084 figcaption {
top: 50%;
left: 25px;
right: 25px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
figure.snip1084 figcaption h2 {
position: relative;
padding-top:35px;
font-size:2rem;
margin: 0;
-webkit-transform: translateY(75%);
transform: translateY(75%);
}
figure.snip1084 figcaption h2 span {
font-weight: 800;
}
figure.snip1084 figcaption p {
font-size: 0.8em;
opacity: 0;
margin: 0;
}
figure.snip1084:before,
figure.snip1084:after {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
transition: opacity 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s, transform 0.6s;
}
figure.snip1084:before {
border-top: 1px double #fff;
border-bottom: 1px double #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
figure.snip1084:after {
border-right: 1px double #fff;
border-left: 1px double #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
figure.snip1084 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
figure.snip1084.blue {
background: #0a212f;
}
figure.snip1084.red {
background: #36100c;
}
figure.snip1084.yellow {
background: #562e0a;
}
figure.snip1084:hover img,
figure.snip1084.hover img {
opacity: 0.2;
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
figure.snip1084:hover figcaption h2,
figure.snip1084.hover figcaption h2,
figure.snip1084:hover figcaption p,
figure.snip1084.hover figcaption p {
opacity: 1;
border-color: rgba(255, 255, 255, 0.5);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transform: translateY(0);
transform: translateY(0);
}
figure.snip1084:hover figcaption h2{padding-top:0px; padding-bottom:10px;}
figure.snip1084:hover figcaption p,
figure.snip1084.hover figcaption p {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
figure.snip1084:hover:before,
figure.snip1084.hover:before,
figure.snip1084:hover:after,
figure.snip1084.hover:after {
opacity: 0.8;
-webkit-transform: scale(1);
transform: scale(1);
} @media only screen and (min-width : 320px) {
.ampli-big {
min-height: 600px;
}
.modal-dialog {
width: 100%;
margin: 30px auto;
}
.modal-body {
overflow-y: scroll;
max-height: 65vh;
}
.video-container {
padding: 10% 0%;
}
.btn-lms{min-width:100%!important;}
} @media only screen and (min-width : 480px) {
#masthead .navbar-nav > li > a {
padding: 0px 5px;
}
.ampli-big {
min-height: 600px;
}
.modal-dialog {
width: 100%;
margin: 30px auto;
}
.modal-body {
overflow-y: scroll;
max-height: 65vh;
}
.video-container {
padding: 5% 15%;
}
.btn-lms{min-width:260px!important;}
} @media only screen and (min-width : 768px) {
#masthead .navbar-nav > li > a {
padding: 0px 5px;
margin-top: 15px;
line-height: 28px;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1px;
font-size: 1.1rem;
}
.ampli-big {
min-height: 600px;
}
.modal-dialog {
width: 100%;
margin: 30px auto;
}
.modal-body {
overflow-y: scroll;
max-height: 65vh;
}
.video-container{ 
padding: 4% 16%;}
.btn-lms{min-width:210px;}
} @media only screen and (min-width : 992px) {
#masthead .navbar-nav > li > a {
padding:0px 10px;
margin-top: 15px;
line-height: 28px;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1px;
font-size: 1.4rem;
}
.ampli-big {
min-height: 550px;
}
.modal-dialog {
width: 560px;
margin: 30px auto;
margin-top:5%;
}
.modal-body {
overflow-y: scroll;
max-height: 650px;
}
.video-container{ 
padding: 3% 28%;}
} @media only screen and (min-width : 1200px) {
}