/*
Theme Name: NRW Hits Wordpress Theme
Theme URI: https://www.nrwhits.de
Description: Template NRW Hits
Author: Hi-Media Deutschland AG
Version: 1.0
*/
/*
INHALTSVERZEICHNIS
1. Allgemein
2. NAVIGATION
3. FOOTER
4. HOME
5. SINGLE DETAIL PAGES
6. Ãœbersichtsseiten
7. ORTE / REGIONEN
8. VENDOR PLUGINS
9. RESPONSIVE VIDEOS
*/
/* 1. ALLGEMEIN */
/* roboto-slab-200 - latin */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 200;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/RobotoSlab-ExtraLight.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/RobotoSlab-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/RobotoSlab-ExtraLight.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/RobotoSlab-ExtraLight.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/RobotoSlab-ExtraLight.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/RobotoSlab-ExtraLight.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-300 - latin */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 300;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/RobotoSlab-Light.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/RobotoSlab-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/RobotoSlab-Light.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/RobotoSlab-Light.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/RobotoSlab-Light.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/RobotoSlab-Light.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-regular - latin */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-500 - latin */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 500;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-500.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-500.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-600 - latin */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 600;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-600.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-600.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-700 - latin */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 700;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-700.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-800 - latin */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 800;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-800.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-800.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-800.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-900 - latin */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 900;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-900.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-900.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto-slab/roboto-slab-v24-latin-900.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
src: url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-900italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('/wp-content/themes/nrwhits/assets/fonts/roboto/roboto-v30-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
body {
color: #5a5a5a;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 300;
margin: 30px 0 0 0;
}
section.section {
padding: 20px 0;
}
.margin-md {
margin: 20px 0;
}
a {
color: #de252d;
}
a:hover {
color: #b40c13;
text-decoration: none;
}
p {
margin: 0 0 20px 0;
line-height: 180%;
}
.clear {
clear: both;
}
.max-width {
max-width: 100%;
}
.alignright {
float: right;
margin: 0 0 10px 20px;
}
.alignleft {
float: left;
margin: 0 20px 10px 0;
}
.aligncenter {
text-align: center;
margin: 0 auto;
}
.aligncenter img.img-responsive {
margin: 0 auto;
}
.single-content .wp-caption {
font-size: 14px;
line-height: 19px;
font-style: italic;
margin: 5px 0;
}
.wp-caption-text,
.desc {
font-size: 14px;
line-height: 19px;
font-style: italic;
margin: 5px 0;
}
hr {
border-bottom: 1px solid #003946;
border-left: none;
border-right: none;
border-top: none;
margin: 15px 0;
}
@media (max-width: 320px){
.nomobile400 {
margin: 10px 0;
}
.veranstaltung-teaser .day {
font-size: 25px;
margin: 0px;
}
}
@media (max-width: 640px){
.nomobile640 {
display: none;
}
}
@media (max-width: 992px){
.nomobile992 {
display: none;
}
}
.page-numbers {
padding: 2px 10px;
border: 1px solid #ccc;
font-weight: bold;
}
.page-numbers:hover {
background: #021b33;
text-decoration: none;
color: #fff;
}
/* .text-align-center, */
.align-center {
text-align: center;
}
.fullwidth {
width: 100%;
}
.bgcolor {
background-color: #e5ebec;
}
/* Buttons */
.button {
margin: 20px 0;
font-size: 20px;
font-family: 'Roboto Slab', sans-serif;
font-weight: 300;
text-transform: uppercase;
cursor: pointer;
text-align: center;
background-color: #668890;
}
.button:hover {
background-color: #003946;
-webkit-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
text-decoration: none;
}
.button a {
display: block;
padding: 15px;
color: #fff;
}
.button a:hover {
text-decoration: none;
color: #f0ba00;
-webkit-transition: color 300ms linear;
-ms-transition: color 300ms linear;
transition: color 300ms linear;
}
.button a:focus {
text-decoration: none;
}
.form-control.btn {
padding:0px;
}
input[type=submit] {
font-size: 20px;
font-family: 'Roboto Slab', sans-serif;
font-weight: 300;
text-transform: uppercase;
text-align: center;
background-color: #668890;
color: #ffffff;
border: 0;
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type="submit"] {
padding: 7px 25px;
border-radius: 5px;
float: right;
font-size: 20px;
}
input[type=submit]:hover,
.btn-success:hover,
.button:hover {
background-color: #527c86;
}
/* Headlines */
h1, h2, h3, h4, h5, h6, h7 {
font-weight: bold;
line-height: 110%;
margin: 0 0 10px 0;
}
h1 {
font-family: 'Roboto Slab', sans-serif;
font-size: 30px;
text-align: center;
margin: 0 auto 30px auto;
padding: 0;
color: #003946;
}
.home-intro h1 {
border-bottom: none;
}
h2 {
font-family: 'Roboto Slab', sans-serif;
font-size: 26px;
margin: 10px auto 20px auto;
text-align: center;
color: #003946;
}
h3 {
font-size: 22px;
color: #003946;
}
h3.subline {
font-size: 22px;
color: #003946;
font-weight: 300;
text-align: center;
margin: -10px 0 25px 0;
}
h4 {
font-size: 20px;
}
h5, h6, h7 {
font-size: 16em;
}
h2.scetion-headline {
margin: 20px auto;
text-align: center;
}
/* Tables */
/* Colored wrappers */
/* HEADER */
.logo {
margin: -30px 0 10px 0;
background-color: #fff;
text-align: center;
}
.logo img {
margin-top: 15px;
max-width: 100%;
}
.navbar-toggle {
background: #fff;
}
@media (min-width: 768px){
.navbar-nav>li {
position: relative;
display: block;
width: 100%;
}
.navbar-toggle {
display: block;
}
.navbar-nav {
margin: 7.5px -15px;
}
}
.wrapper-menu {
background-color: #003946;
}
/* FILTER */
.filter-wrapper {
background-color: #e5ebec;
padding: 20px 0 5px 0;
margin: 0 0 20px 0;
}
/* Filter anzeigen */
.filter-anzeigen-btn {
font-size: 14px;
line-height: 19px;
font-weight: 900;
letter-spacing: 2px;
color: #666;
border: none;
padding: 1px 0 0;
text-transform: uppercase;
display: none;
}
.filter-anzeigen-btn.active {
box-shadow: none;
}
.collapse {
display: block;
}
.filter-wrapper a.filter-anzeigen-btn:hover,
.filter-wrapper a.filter-anzeigen-btn:focus {
box-shadow:none;
}
.filter-wrapper a.filter-anzeigen-btn:active {
box-shadow:none;
-webkit-box-shadow:none;
}
.filter-wrapper .dashicons-arrow-down-alt2:before {
content: "\f347";
}
@media (max-width: 1024px) {
.filter-wrapper {
padding: 10px 0 5px 0;
}
.filter-anzeigen-btn {
display: block;
padding-bottom: 5px;
}
.collapse {
display: none;
}
}
/* ----------- iPad Pro ----------- */
/* Portrait */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5) {
#filter-anzeigen-veranstaltungen div[class*="col-md"] {
width: 100%;
}
}
/* ----------- / iPad Pro ----------- */
/* // end Filter anzeigen */
.filter-wrapper .form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple {
height: 36px !important;
}
.select2-container {
width: 100% !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
padding: 5px!important;
}
.select2-container .select2-search--inline .select2-search__field{
margin-top: 0px!important;
}
.select2-container--default .select2-selection--multiple {
padding: 2px 12px !important;
}
/* .select2-container--default .select2-selection--multiple .select2-selection__rendered{
margin-top: 3px!important;
} */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #e5ebec !important;
}
.select2-container--default .select2-selection--multiple:before {
content: ' ';
display: block;
position: absolute;
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
right: 6px;
margin-left: -4px;
margin-top: -2px;top: 50%;
width: 0;cursor: pointer
}
.select2-container--open .select2-selection--multiple:before {
content: ' ';
display: block;
position: absolute;
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
height: 0;
right: 6px;
margin-left: -4px;
margin-top: -2px;top: 50%;
width: 0;cursor: pointer
}
/* MENU */
/*
div.menu02 {
padding: 2px 0 5px 0;
background: #000;
}
div.menu02 ul {
list-style-type: none;
margin: 0;
padding: 0;
}
div.menu02 ul#menu-topbar {
float: right;
}
div.menu02 ul li {
float: left;
margin: 3px 15px 0 0;
padding: 0;
color: #666;
font-size: 0.8125em;
font-weight: 700;
}
div.menu02 ul li a {
color: #666;
text-decoration: none;
}
div.menu02 ul a:hover {
color: #999;
}
*/
/* Content Menu */
.row-navi {
background-color: #021b33;
display: block;
color: #fff;
padding: 20px;
margin: -2.5em 0 2em 0;
}
.row-navi ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
text-align: center;
}
.row-navi ul li {
display: inline;
text-align: center;
margin: 0;
padding: 0;
border-right: #fff 1px solid;
font-weight: 500;
text-transform: uppercase;
font-size: 1em;
}
.row-navi ul li:last-child {
border: none;
}
.row-navi li a {
color: #fff;
text-decoration: none;
}
.row-navi ul li a:hover,
.row-navi ul li.active a {
color: #de252d;
}
/* 3. FOOTER */
footer {
color: #fff;
margin-top: 75px;
background-color: #003946;
}
footer ul {
margin: 0;
padding: 0;
}
footer a {
color: #fff;
}
footer a:hover {
color: #fff;
text-decoration: underline;
}
footer a.highlight {
color: #fff;
font-weight: bold;
}
footer .row {
padding: 40px 0;
}
footer h4, h5 {
color: #fff;
font-family: 'Roboto Slab', sans-serif;
font-size: 21px;
font-weight: 200;
margin: 0 0 10px 0;
text-transform: uppercase;
}
footer p,
footer ul {
font-size: 13px;
line-height: 150%;
}
footer ul {
list-style-type: none;
}
footer ul li:before {
content: "\00BB";
margin: 0 7px 0 0;
}
footer ul li {
margin: 0 0 5px 0;
}
footer img.logo {
margin: 0 0 10px 0;
background: none;
}
footer .form-control {
width: 65% !important;
margin: 0 10px 0 0;
float: left;
}
/* 4. HOME */
.owl-stage-outer{
max-height: 400px;
}
.top_slider .owl-nav {
position: absolute;
top: 0px;
left: 17%;
color: #fff;
}
.top_slider .owl-nav button span {
font-weight: bold;
margin-right: 10px;
}
.top_slider .overlay-text {
position: absolute;
top: 0px;
left: 15%;
background-color: #36383ecc;
height: 100%;
padding: 140px 20px 0 20px;
max-width: 30%;
}
.top_slider .overlay-text p {
line-height: 150%;
}
@media (max-width: 400px) {
.top_slider .overlay-text {
left: 12%;
padding: 20px 20px 0 20px;
max-width: 45%;
}
.top_slider .overlay-text h4 {
font-size: 15px;
}
.top_slider .overlay-text h3 {
font-size: 20px;
}
.top_slider p {
display: none;
}
.top_slider .owl-nav {
left: 3%;
}
}
.top_slider h4 {
color: #fff;
font-weight: 500;
}
.top_slider h3 {
color: #fff;
}
.top_slider p {
color: #fff;
}
/* News */
/* - News-Teaser Home - */
/* General */
.image-title {
position: relative;
}
.image-title .urheber {
color: rgba(0,0,0,0.6);
background: rgba(255,255,255,0.65);
padding: 3px;
position: absolute;
right: -1px;
font-size: 10px;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transform-origin: 100% 0;
line-height: 100%;
}
.image-title h1 {
background-color: #e5ebec;
font-size: 30px;
line-height: 130%;
padding: 10px 0 15px 0;
}
.single-content {
margin: 30px 0 0 0;
}
.post-teaser {
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 5px solid #003946;
}
.post-teaser h3 {
margin: 10px 0;
font-size: 24px !important;
font-size: 20px;
font-style: italic;
font-weight: 900;
letter-spacing: -0.01em;
}
.content-wrapper {
color: #003946;
}
/* 5. SINGLE DETAIL PAGES */
#ort-region h2,
#single-post h2,
#single-veranstaltung h2,
#single-veranstaltungsort h2 {
font-size: 25px;
margin: 20px auto 15px auto;
}
/* #single-post p,
#single-veranstaltung p,
#single-veranstaltungsort p {
line-height: 150%;
} */
#ort-region p strong,
#single-post p strong,
#single-veranstaltung p strong,
#single-veranstaltungsort p strong {
font-weight: 400;
}
article ul,
article ol,
#ort-region ul,
#single-post ul,
#single-veranstaltung ul,
#single-veranstaltungsort ul {
margin: 25px 0;
}
article ul li,
article ol li,
#ort-region ul li,
#single-post ul li,
#single-veranstaltung ul li,
#single-veranstaltungsort ul li {
margin: 0 0 10px 0;
}
#single-post .img-titel {
margin: 0 0 15px 0;
}
#single-post ul li {
line-height: 180%;
}
.credits,
#single-post .tags {
font-family: 'Roboto Slab', sans-serif;
font-size: 13px;
font-weight: 500;
margin: 5px 0;
}
#single-post .tags {
margin: 15px 0 0 0;
}
#single-post .tags a {
padding: 3px 7px;
margin: 3px;
border-radius: 3px;
background: #edf1f2;
font-weight: 300;
font-size: 13px;
color: #003946;
}
#single-post .tags a:hover {
text-decoration: none;
background: #d7e4e7;
}
aside {
padding: 0 20px;
}
.aside-content {
padding: 20px;
background-color: #edf1f2;
color: #666666;
font-weight: 500;
font-size: 15px;
}
aside h3,
aside .keyfacts h3 {
font-size: 24px;
color: #003946;
font-style: italic;
font-weight: 900;
letter-spacing: -0.01em;
}
aside .keyfacts .fa {
color: #003946;
font-size: 24px;
}
aside .keyfacts table tr td {
padding: 5px;
}
aside .keyfacts table {
margin: 0 0 15px 0;
}
#single-veranstaltung .buttons,
#single-veranstaltungsort .buttons {
clear: both;
margin: 20px 0;
padding: 20px 0;
border-top: 1px solid #e5ebec;
border-bottom: 1px solid #e5ebec;
}
#single-veranstaltung .buttons .second,
#single-veranstaltungsort .buttons .second {
text-align: center;
}
#single-veranstaltung .buttons .third,
#single-veranstaltungsort .buttons .third {
text-align: right;
}
/* 6. Ãœbersichtsseiten */
.veranstaltung-teaser {
/* margin: 0 0 25px 0; */
position: relative;
}
.veranstaltung-teaser .date-time {
font-family: 'Roboto Slab', sans-serif;
position: absolute;
left: 0px;
bottom: 0px;
height: 100%;
width: 70px;
text-align: center;
padding: 7px;
background: rgba(255, 255, 255, 0.85);
color: #003946;
}
.veranstaltung-teaser .day {
font-weight: bold;
font-size: 30px;
line-height: 100%;
margin: 5px 0;
}
.veranstaltung-teaser .date,
.veranstaltung-teaser .time {
font-size: 12px;
line-height: 100%;
}
.veranstaltung-teaser .start {
font-size: 14px;
font-weight: bold;
line-height: 100%;
margin: 5px 0;
}
.veranstaltung-teaser .title {
background: #edf1f2;
padding: 12px 15px;
position: relative;
width: 100%;
z-index: 100;
/* height: 115px; */
overflow: hidden;
}
.veranstaltung-teaser .title h4,
.veranstaltungsort-teaser .txt h4 {
color: #003946;
font-size: 22px;
line-height: 25px;
letter-spacing: -0.01em;
margin: 0 0 3px 0;
font-style: italic;
font-weight: 900;
}
.veranstaltung-teaser .location,
.veranstaltungsort-teaser .txt .category {
color: #4b4d54;
}
.veranstaltungsort-teaser a,
.veranstaltungsort-teaser a:hover {
text-decoration: none;
}
.veranstaltungsort-teaser .txt {
background-color: #edf1f2;
padding: 25px 10px;
margin: 0 0 30px 0;
/* height: 110px; */
}
.veranstaltungsort-teaser .txt .bt-ort {
float: right;
background-color: #003946;
padding: 2px 7px 5px 7px;
border-radius: 3px;
text-transform: uppercase;
}
.veranstaltungsort-teaser .txt .bt-ort a {
color: #fff;
font-weight: 700;
font-size: 13px;
line-height: 100%;
font-family: 'Roboto Slab', sans-serif;
}
.row-beliebte-orte .col-md-2 {
padding: 0;
}
.ort-teaser img {
width: 100%;
}
.ort-teaser .wrapper {
position: relative;
}
.ort-teaser .wrapper .title {
position: absolute;
width: 100%;
bottom: 0px;
text-align: center;
color: #fff;
padding: 10px 0;
background: rgba(0, 0, 0, 0.8)
}
.veranstaltung_slider .owl-prev,
.veranstaltung_slider .owl-next {
position: absolute;
top: 60px;
}
.veranstaltung_slider .owl-prev span,
.veranstaltung_slider .owl-next span {
color: #fff;
}
.veranstaltung_slider .owl-prev,
.veranstaltung_slider .owl-next {
font-size: 66px !important;
}
.veranstaltung_slider .owl-prev {
left: 10px;
}
.veranstaltung_slider .owl-next {
right: 10px;
}
/* 7. ORTE / REGIONEN */
/*** ARCHIVSEITEN ***/
ul.orte,
ul.regionen {
margin: 0 auto;
padding: 0;
list-style-type: none;
}
ul.orte li,
ul.regionen li {
float: left;
background: #e5ebec;
margin: 3px;
text-align: center;
}
ul.orte li {
width: 19%;
}
ul.regionen li {
width: 32%;
}
@media (max-width: 992px) {
ul.orte li {
width: 32%;
}
}
@media (max-width: 720px) {
ul.orte li,
ul.regionen li {
width: 48%;
}
}
ul.orte li a,
ul.regionen li h3 {
display: block;
color: #003946;
text-transform: uppercase;
padding: 10px;
font-size: 13px;
font-weight: 500;
}
ul.orte li a:hover,
ul.regionen li a:hover {
text-decoration: none;
cursor: pointer;
background: #c9dadd;
}
/*** DETEAILSEITEN ***/
section.thumbnail-ort-region .headerimg {
position: relative;
}
section.thumbnail-ort-region .headerimg .titles {
position: absolute;
bottom: 0;
width: 100%;
height: 120px;
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6978992280505952) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6978992280505952) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6978992280505952) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
section.thumbnail-ort-region .headerimg img {
display: block;
}
section.thumbnail-ort-region h1 {
font-size: 54px;
text-align: center;
margin: 0 auto 5px auto;
color: #fff;
}
section.thumbnail-ort-region h2.subline {
font-size: 24px;
margin: 0;
text-align: center;
color: #fff;
text-transform: uppercase;
font-weight: 200;
}
section.thumbnail-ort-region .urheber {
font-size: 11px;
color: rgb(255,255,255,.4);
position: absolute;
bottom: 5px;
right: 5px;
/*
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
*/
}
section.thumbnail-ort-region.no-image {
background: #edf1f2;
}
section.thumbnail-ort-region.no-image .headerimg {
display: block;
}
section.thumbnail-ort-region.no-image .headerimg {
padding: 100px 0;
}
section.thumbnail-ort-region.no-image .headerimg .titles {
background: none;
}
section.thumbnail-ort-region.no-image .headerimg h1,
section.thumbnail-ort-region.no-image .headerimg h2 {
color: #003946;
}
/* 8. VENDOR PLUGINS */
/** OWL **/
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
font-size: 38px;
}
/** RPWE **/
aside h3.rpwe-title {
font-size: 18px;
font-style: normal;
line-height: 130%;
font-weight: 500;
margin: 5px 0;
}
aside .themenspecials h3.rpwe-title {
text-align: center;
font-size: 17px;
}
aside h3.rpwe-title a {
color: #003946;
}
.rpwe-block ul{
list-style: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}
.rpwe-block li{
border-bottom: 1px solid #eee;
margin-bottom: 10px;
padding-bottom: 10px;
list-style-type: none;
}
.themenspecials li {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
}
.rpwe-block a{
display: inline !important;
text-decoration: none;
}
.rpwe-block h3{
background: none !important;
clear: none;
}
.rpwe-thumb{
border: 1px solid #eee !important;
box-shadow: none !important;
margin: 2px 10px 2px 0;
padding: 3px !important;
}
.rpwe-summary{
font-size: 14px;
line-height: 140%;
}
.rpwe-time{
color: #bbb;
font-size: 11px;
}
.rpwe-comment{
color: #bbb;
font-size: 11px;
padding-left: 5px;
}
.rpwe-alignleft{
display: inline;
float: left;
}
.rpwe-alignright{
display: inline;
float: right;
}
.rpwe-aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
.rpwe-clearfix:before,
.rpwe-clearfix:after{
content: "";
display: table !important;
}
.rpwe-clearfix:after{
clear: both;
}
.rpwe-clearfix{
zoom: 1;
}
/** Gravityform **/
.alignleftform {
float: left;
margin: 0 10px 0 0;
clear: none !important;
}
.gform_wrapper li.gfield.field_description_below+li.gsection {
padding-top: 20px;
}
.gform_wrapper .proposal-choice ul.gfield_radio {
margin: 0 0 30px 0 !important;
}
.gform_wrapper .proposal-choice ul.gfield_radio li {
float: left;
width: 48%;
background: #e5ebec;
margin: 0 1%;
padding: 15px !important;
text-align: center;
font-size: 18px;
text-transform: uppercase;
color: #003946;
}
/** 9. RESPONSIVE VIDEOS */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 10px 0 25px 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.read_more_wrapper a,
.read_more_wrapper span {
font-family: 'Roboto Slab', sans-serif;
color: #003946;
font-weight: bold;
}
.read_more_wrapper .hidden_text {
display: none;
}
.read_more_wrapper .read_more_btn,
.read_more_wrapper .read_less_btn {
cursor: pointer;
}
#main-wrapper .container:first-child {
position: relative;
}
#ax-skyscraper {
position: absolute;
left: 100%;
}
#ax-billboard {
margin: 0 0 20px 0;
}
/* Fixes issue with ads that have smaller height than posts in magazin page */
@media (min-width: 768px) and (max-width: 991px) {
.magazin-listing .row .col-sm-6:nth-child(2n+1){
clear:left;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.magazin-listing .row .col-md-6:nth-child(2n+1){
clear:left;
}
}
@media (min-width: 1200px) {
.magazin-listing .row .col-lg-4:nth-child(3n+1){
clear:left;
}
}
/* ax-skin-layout styles */
#ax-billboard {
min-height: 250px;
display: flex;
justify-content: center;
align-items: center;
}
.veranstaltungen-listing .grid-item {
min-height: 250px;
}
.ausflugziele-listing .items {
min-height: 250px;
}
.magazin-listing .items {
min-height: 250px;
}
.ax-medium-rectangle-n{
min-height: 250px;
}
body.ax-skin-layout #ax-billboard {
margin:0
}
body.ax-skin-layout .wrapper-menu .container{
padding:0;
}
body.ax-skin-layout .page-header .container{
padding-bottom: 0px;
padding-top: 0px;
}
.ax-skin-layout .container{
background-color:#fff;
}
.container{
background-color:#fff;
}
header .container{
background-color: transparent!important;
}
.page-header{
padding-bottom: 0px;
}
.ax-skin-layout .page-header{
margin-bottom: 0px;
}
.ax-skin-layout .filter-wrapper{
margin:0;
}
footer .container{
background-color: transparent!important;
}
.ax-skin-layout footer{
margin-top: 0;
}
.ax-skin-layout section.section {
padding: 0;
}
.ax-skin-layout .container {
padding-top: 20px;
padding-bottom: 20px;
}
#ort-region .bgcolor .container{
background-color: transparent!important;
}
/* GAMES CAROUSE */
#games-carousel {
padding-top: 20px;
padding-bottom: 30px;
}
.vorschlag-form .nav-tabs li {
background: #e5ebec;
padding: 15px !important;
text-align: center;
width: 48%;
margin: 0 1%;
}
.vorschlag-form .nav-tabs li a{
border: 0;
background-color: transparent;
font-size: 16px;
text-transform: uppercase;
color: #003946;
font-weight: 600;
padding: 0px;
}
.nav-tabs {
border-bottom: 0;
}
.vorschlag-form .nav-tabs li.active a,
.vorschlag-form .nav-tabs li.active a:hover,
.vorschlag-form .nav-tabs li a:focus {
color: #2b41ac;
background-color: transparent;
border: 0;
border-bottom-color: transparent;
}
.nrwh-termine {
height: 300px!important;
overflow: auto!important;
}
#search-2 .searchform {
margin-bottom:30px;
}
#search-2 .searchform input[type="text"] {
max-width: 140px;
}
#search-2 .searchform input[type="submit"] {
font-size:15px;
padding: 3px 3px;
}