/*** indole css for WGH ***/ /* barlow-100 - latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 100; src: url('../fonts/Barlow/barlow-v12-latin-100.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-100.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-100.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-100italic - latin */ @font-face { font-family: 'Barlow'; font-style: italic; font-weight: 100; src: url('../fonts/Barlow/barlow-v12-latin-100italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-100italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-200 - latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 200; src: url('../fonts/Barlow/barlow-v12-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-200.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-200italic - latin */ @font-face { font-family: 'Barlow'; font-style: italic; font-weight: 200; src: url('../fonts/Barlow/barlow-v12-latin-200italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-200italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-300 - latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 300; src: url('../fonts/Barlow/barlow-v12-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-300.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-300italic - latin */ @font-face { font-family: 'Barlow'; font-style: italic; font-weight: 300; src: url('../fonts/Barlow/barlow-v12-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-300italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-regular - latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; src: url('../fonts/Barlow/barlow-v12-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-italic - latin */ @font-face { font-family: 'Barlow'; font-style: italic; font-weight: 400; src: url('../fonts/Barlow/barlow-v12-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-500 - latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; src: url('../fonts/Barlow/barlow-v12-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-500.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-500italic - latin */ @font-face { font-family: 'Barlow'; font-style: italic; font-weight: 500; src: url('../fonts/Barlow/barlow-v12-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-500italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-600 - latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; src: url('../fonts/Barlow/barlow-v12-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-600.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-600italic - latin */ @font-face { font-family: 'Barlow'; font-style: italic; font-weight: 600; src: url('../fonts/Barlow/barlow-v12-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-600italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-700 - latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; src: url('../fonts/Barlow/barlow-v12-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-700.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-700italic - latin */ @font-face { font-family: 'Barlow'; font-style: italic; font-weight: 700; src: url('../fonts/Barlow/barlow-v12-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-700italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-800 - latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 800; src: url('../fonts/Barlow/barlow-v12-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-800.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-800italic - latin */ @font-face { font-family: 'Barlow'; font-style: italic; font-weight: 800; src: url('../fonts/Barlow/barlow-v12-latin-800italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-800italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-900 - latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 900; src: url('../fonts/Barlow/barlow-v12-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-900.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-900italic - latin */ @font-face { font-family: 'Barlow'; font-style: italic; font-weight: 900; src: url('../fonts/Barlow/barlow-v12-latin-900italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Barlow/barlow-v12-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v12-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v12-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v12-latin-900italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /********** indole default css **********/ @media (max-width: 1280px) { } @media (max-width: 768px) { } @media (max-width: 480px) { } @media (max-width: 320px) { } .display-none, .hidden { display:none !important; } .temp-spacer { display: block; height: 60px; } @media only screen and (max-width: 768px) { .temp-spacer { display: none; height: 0px; } } .padding-none { padding: 0px 0px; } .padding-small { padding: 5px 5px; } .padding-default { padding: 10px 10px; } .padding-medium { padding: 20px 20px; } .padding-large { padding: 40px 40px; } .margin-none { margin: 0 0px; } .margin-small { margin: 5px 5px; } .margin-default { margin:10px 10px; } .margin-medium { margin: 20px 20px; } .margin-large { margin: 40px 80px; } @media only screen and (max-width: 768px) { .padding-medium { padding: 20px; } .padding-large { padding: 20px; } .margin-medium { margin: 20px; } .margin-large { margin: 40px; } } @media only screen and (max-width: 479px) { .padding-large { padding: 10px; } .margin-large { margin: 10px; } } /********** indole Bootstrap Container resets **********/ .container { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; width: auto; max-width: 1200px; } .container-small { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; width: auto; max-width: 800px; } .container-medium { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; width: auto; max-width: 1400px; } .container-large { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; width: auto; max-width: 1800px; } .container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } @media (max-width: 1200px) { .container { width: auto; max-width: 1200px; } } @media (max-width: 992px) { .container { width: auto; max-width: 992px; margin-left: 20px; margin-right: 20px; } } @media (max-width: 768px) { .container { width: auto; max-width: 768px; } } @media (max-width: 480px) { .container { width: auto; max-width: 480px; margin-left: 0px; margin-right: 0px; } } .row { width: 100%; padding-left: 0px; padding-right: 0px; margin-right: 0px; margin-left: 0px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; } @media only screen and (max-width: 320px) { .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; width: 100%; } } /* spaltigkeit Medien */ .raster-1 { width:100%; float:none; clear:both; } .raster-2 { width:50%; float:left; clear:none; } .raster-3 { width:33.3333%; float:left; clear:none; } .raster-4 { width:25%; float:left; clear:none; } .raster-5 { width:20%; float:left; clear:none; } .raster-6 { width:16.6666%; float:left; clear:none; } .raster-7 { width:14.2857%; float:left; clear:none; } .raster-8 { width:12.5%; float:left; clear:none; } .raster-9 { width:11.1111%; float:left; clear:none; } .raster-0 { width:auto; float:left; clear:none; } @media screen and (max-width: 768px) { .raster-5, .raster-6, .raster-7, .raster-8, .raster-9 { width:25%; float:left; clear:none; } } @media screen and (max-width: 480px) { .raster-3, .raster-4, .raster-5, .raster-6, .raster-7, .raster-8, .raster-9 { width:50%; float:left; clear:none; } } @media screen and (max-width: 320px) { .raster-2, .raster-3, .raster-4, .raster-5, .raster-6, .raster-7, .raster-8, .raster-9 { width:100%; float:left; clear:none; } } /* spaltigkeit aus TINY Modul */ .text-column-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .text-column-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .text-column-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } @media only screen and (max-width: 768px) { .text-column-3 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .text-column-4 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } } @media screen and (max-width: 480px) { .text-column-4 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .text-column-3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .text-column-2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } } /********** indole FX **********/ .centered { text-align: center; } .rounded, .image.rounded { -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -ms-border-radius: 10px 10px 10px 10px; -o-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } .border { border-color: rgba(105, 55, 37, 0.5); } .overline { border-top-color: rgba(105, 55, 37, 0.5); } .underline { border-bottom-color: rgba(105, 55, 37, 0.5); } .trenner-left { border-left: 1px solid rgba(255, 255, 255, 0.5); } .trenner-right { border-right: 1px solid rgba(255, 255, 255, 0.5); } .shadow { -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); } .shadow-inset { -moz-box-shadow: inset 0 0px 50px rgba(0, 0, 0, 0.25);-webkit-box-shadow: inset 0 0px 50px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0px 50px rgba(0, 0, 0, 0.25); } .object-shadow { -webkit-box-shadow: 0 20px 10px -11px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 20px 10px -11px rgba(0, 0, 0, 0.25); box-shadow: 0 20px 10px -11px rgba(0, 0, 0, 0.25); } .circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .image.photo { border: 10px solid rgba(255, 255, 255, 1); box-shadow: 0 0 3px #999; } .rotate3 { -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg);-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out } .rotate-3 { -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out} .rotate3:hover, .rotate-3:hover { -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out } .transition { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out; } .perspektive { -moz-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg); -webkit-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg); -o-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg); -ms-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg); transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .perspektive:hover { -moz-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); z-index:99; } .scale { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .scale:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); z-index: inherit; overflow:visible !important; -moz-box-shadow: 0px 0px 0px #333; -webkit-box-shadow: 0px 0px 0px #333; box-shadow: 0px 0px 0px #333; } .hover-bg:hover { background-color: rgba(160, 160, 160, 0.75) !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .parallax-scroll { position: relative; } .kenburns { -webkit-animation: burnsIn 16s ease infinite alternate; -moz-animation: burnsIn 16s ease infinite alternate; animation: burnsIn 16s ease infinite alternate; } .kenburns .slide-content { -webkit-animation: burnsOut 16s ease infinite alternate; animation: burnsOut 16s ease infinite alternate; -moz-animation: burnsOut 16s ease infinite alternate; position: relative; top: 30px; } @-webkit-keyframes burnsIn { from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); } to { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); } } @-webkit-keyframes burnsOut { from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); } to { -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); -ms-transform: scale(0.8,0.8); } } @-moz-keyframes burnsIn { from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); } to { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); } } @-moz-keyframes burnsOut { from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); } to { -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); -ms-transform: scale(0.8,0.8); } } @keyframes burnsIn { from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); } to { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); } } @keyframes burnsOut { from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); } to { -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); -ms-transform: scale(0.8,0.8); } } /* slideanim */ .slideanim {visibility:hidden;} .slide { animation-name: slide; -webkit-animation-name: slide; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible; } @keyframes slide { 0% { opacity: 0; transform: translateY(70%); } 100% { opacity: 1; transform: translateY(0%); } } @-webkit-keyframes slide { 0% { opacity: 0; -webkit-transform: translateY(70%); } 100% { opacity: 1; -webkit-transform: translateY(0%); } } /********** Farbshema Color FX **********/ .text-color-1 { color: rgba(105, 55, 37, 1); } .text-color-2 { color: rgba(135, 189, 37, 1); } .text-color-3 { color: rgba(237, 103, 46, 1); } .text-white { color: rgba(255, 255, 255, 1); } .text-black { color: rgba(0, 0, 0, 1); } .text-grau { color: rgba(160, 160, 160, 1); } /********** Background Weiss FX - verlauf - radial **********/ .bg-white { background: rgba(255, 255, 255, 0.97); } .bg-white-100 { background: rgba(255, 255, 255, 1); } .bg-white-75 { background: rgba(255, 255, 255, 0.75); } .bg-white-50 { background: rgba(255, 255, 255, 0.5); } .bg-white-25 { background: rgba(255, 255, 255, 0.25); } /* start verlauf-white-top */ .verlauf-white-top { background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } /* verlauf-white-bottom */ .verlauf-white-bottom { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } /* verlauf-radial-in-white */ .radial-in-white { background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /* verlauf-radial-out-white */ .radial-out-white { background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 150%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 0) 150%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 0) 150%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .bg-white-hover:hover { background: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 1) !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .diagonal-lo-white { display: block; background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .diagonal-ru-white { display: block; background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /********** Background Schwarz FX - verlauf - radial **********/ .bg-grau { background: rgba(160, 160, 160, 0.97); color: rgba(255, 255, 255, 1); } .bg-grau-100 { background: rgba(160, 160, 160, 1); color: rgba(255, 255, 255, 1); } .bg-grau-75 { background: rgba(160, 160, 160, 0.75); } .bg-grau-50 { background: rgba(160, 160, 160, 0.5); } .bg-grau-25 { background: rgba(160, 160, 160, 0.25); } .verlauf-grau-top { color: inherit; background: -moz-linear-gradient(top, rgba(160, 160, 160, 1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(160, 160, 160, 1) 0%,rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(160, 160, 160, 1) 0%,rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } .verlauf-grau-bottom { color: inherit; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(160, 160, 160, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(160, 160, 160, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(160, 160, 160, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */ } .radial-in-grau { color: inherit; background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(160, 160, 160, 1) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%,rgba(160, 160, 160, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%,rgba(160, 160, 160, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .radial-out-grau { color: inherit; background: -moz-radial-gradient(center, ellipse cover, rgba(160, 160, 160, 1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(160, 160, 160, 1) 0%,rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(160, 160, 160, 1) 0%,rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .bg-grau-hover:hover { background: rgba(160, 160, 160, 1) !important; color: rgba(0, 0, 0, 1) !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } /********** Background Schwarz FX - verlauf - radial **********/ .bg-black { background: rgba(0, 0, 0, 0.97); color: rgba(255, 255, 255, 1); } .bg-black-100 { background: rgba(0, 0, 0, 1); color: rgba(255, 255, 255, 1); } .bg-black-75 { background: rgba(0, 0, 0, 0.75); color: rgba(255, 255, 255, 1); } .bg-black-50 { background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 1); } .bg-black-25 { background: rgba(0, 0, 0, 0.25); color: rgba(255, 255, 255, 1); } /* verlauf-black-top */ .verlauf-black-top { color: rgba(255, 255, 255, 1); background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } /* verlauf-black-bottom */ .verlauf-black-bottom { color: rgba(255, 255, 255, 1); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } /* verlauf-radial-in-black */ .radial-in-black { color: rgba(255, 255, 255, 0.99); background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.97) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.97) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.97) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f7000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /* verlauf-radial-out-black */ .radial-out-black { color: rgba(255, 255, 255, 0.99); background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%,rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%,rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .bg-black-hover:hover { background: rgba(0, 0, 0, 1) !important; color: rgba(255, 255, 255, 1) !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } /********** Color-1 FX - verlauf - radial **********/ .bg-color-1 { background: rgba(105, 55, 37, 0.97); color: rgba(255, 255, 255, 1); } .bg-color-1-100 { background: rgba(105, 55, 37, 1); color: rgba(255, 255, 255, 1); } .bg-color-1-75 { background: rgba(105, 55, 37, 0.75); color: rgba(255, 255, 255, 1); } .bg-color-1-50 { background: rgba(105, 55, 37, 0.5); } .bg-color-1-25 { background: rgba(105, 55, 37, 0.25); } .verlauf-color-1-top { color: rgba(255, 255, 255, 1); background: -moz-linear-gradient(top, rgba(105, 55, 37, 1) 0%, rgba(105, 55, 37,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(105, 55, 37, 1) 0%,rgba(105, 55, 37,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(105, 55, 37, 1) 0%,rgba(105, 55, 37,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf97baff', endColorstr='#0097baff',GradientType=0 ); /* IE6-9 */ } .verlauf-color-1-bottom { color: rgba(255, 255, 255, 1); background: -moz-linear-gradient(top, rgba(105, 55, 37,0) 0%, rgba(105, 55, 37, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(105, 55, 37,0) 0%,rgba(105, 55, 37, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(105, 55, 37,0) 0%,rgba(105, 55, 37, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097baff', endColorstr='#bf97baff',GradientType=0 ); /* IE6-9 */ } .radial-in-color-1 { color: rgba(0, 0, 0, 0.5); background: -moz-radial-gradient(center, ellipse cover, rgba(105, 55, 37,0) 0%, rgba(105, 55, 37, 1) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(105, 55, 37,0) 0%,rgba(105, 55, 37, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(105, 55, 37,0) 0%,rgba(105, 55, 37, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097baff', endColorstr='#bf97baff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .radial-out-color-1 { color: rgba(0, 0, 0, 0.5); background: -moz-radial-gradient(center, ellipse cover, rgba(105, 55, 37, 0.75) 0%, rgba(105, 55, 37,0) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(105, 55, 37, 0.75) 0%,rgba(105, 55, 37,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(105, 55, 37, 0.75) 0%,rgba(105, 55, 37,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf97baff', endColorstr='#0097baff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /* color -1- hover */ .bg-color-1-75:hover , .bg-color-1-50:hover , .bg-color-1-25:hover { transition: all 1s ease-in-out; } .verlauf-color-1-top:hover, .verlauf-color-1-bottom:hover, .radial-in-color-1:hover, .radial-out-color-1:hover { transition: all 1s ease-in-out; } .bg-color-1-hover:hover { background: rgba(105, 55, 37, 1) !important; color: rgba(255, 255, 255, 1) !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } /********** Color-2 - FX - verlauf - radial **********/ .bg-color-2 { background: rgba(135, 189, 37, 0.97); color: rgba(255, 255, 255, 1); } .bg-color-2 h2 { color: rgba(255, 255, 255, 1); } .bg-color-2-100 { background: rgba(135, 189, 37, 1); color: rgba(255, 255, 255, 1); } .bg-color-2-75 { background: rgba(135, 189, 37, 0.75); color: rgba(255, 255, 255, 1); } .bg-color-2-50 { background: rgba(135, 189, 37, 0.5); color: rgba(255, 255, 255, 1); } .bg-color-2-25 { background: rgba(135, 189, 37, 0.25); } .verlauf-color-2-top { color: inherit; background: -moz-linear-gradient(top, rgba(135, 189, 37, 1) 0%, rgba(135, 189, 37, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(135, 189, 37, 1) 0%,rgba(135, 189, 37, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(135, 189, 37, 1) 0%,rgba(135, 189, 37, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfff5800', endColorstr='#00ff5800',GradientType=0 ); /* IE6-9 */ } .verlauf-color-2-bottom { color: inherit; background: -moz-linear-gradient(top, rgba(135, 189, 37, 0) 0%, rgba(135, 189, 37, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(135, 189, 37, 0) 0%,rgba(135, 189, 37, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(135, 189, 37, 0) 0%,rgba(135, 189, 37, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff5800', endColorstr='#bfff5800',GradientType=0 ); /* IE6-9 */ } .radial-in-color-2 { color: inherit; background: -moz-radial-gradient(center, ellipse cover, rgba(135, 189, 37, 0) 0%, rgba(135, 189, 37, 1) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(135, 189, 37, 0) 0%,rgba(135, 189, 37, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(135, 189, 37, 0) 0%,rgba(135, 189, 37, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff5800', endColorstr='#bfff5800',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .radial-out-color-2 { color: inherit; background: -moz-radial-gradient(center, ellipse cover, rgba(135, 189, 37, 0.75) 0%, rgba(135, 189, 37, 0) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(135, 189, 37, 0.75) 0%,rgba(135, 189, 37, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(135, 189, 37, 0.75) 0%,rgba(135, 189, 37, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfff5800', endColorstr='#00ff5800',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /* color -2- hover */ .bg-color-2-75:hover , .bg-color-2-50:hover , .bg-color-2-25:hover ,.verlauf-color-2-top:hover, .verlauf-color-2-bottom:hover, .radial-in-color-2:hover, .radial-out-color-2:hover { transition: all 1s ease-in-out; } .bg-color-2-hover:hover { background: rgba(135, 189, 37, 1) !important; color: rgba(255, 255, 255, 1) !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } /********** Color-3 - FX - verlauf - radial **********/ .bg-color-3 { background: rgba(237, 103, 46, 0.97); color: rgba(255, 255, 255, 1); } .bg-color-3 h2 { color: rgba(255, 255, 255, 1); } .bg-color-3-100 { background: rgba(237, 103, 46, 1); color: rgba(255, 255, 255, 1); } .bg-color-3-75 { background: rgba(237, 103, 46, 0.75); } .bg-color-3-50 { background: rgba(237, 103, 46, 0.5); } .bg-color-3-25 { background: rgba(237, 103, 46, 0.25); } .verlauf-color-3-top { color: rgba(0, 0, 0, 1); background: -moz-linear-gradient(top, rgba(237, 103, 46, 1) 0%, rgba(237, 103, 46, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(237, 103, 46, 1) 0%,rgba(237, 103, 46, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(237, 103, 46, 1) 0%,rgba(237, 103, 46, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfff5800', endColorstr='#00ff5800',GradientType=0 ); /* IE6-9 */ } .verlauf-color-3-bottom { color: inherit; background: -moz-linear-gradient(top, rgba(237, 103, 46, 0) 0%, rgba(237, 103, 46, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(237, 103, 46, 0) 0%,rgba(237, 103, 46, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(237, 103, 46, 0) 0%,rgba(237, 103, 46, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff5800', endColorstr='#bfff5800',GradientType=0 ); /* IE6-9 */ } .radial-in-color-3 { color: rgba(0, 0, 0, 1); background: -moz-radial-gradient(center, ellipse cover, rgba(237, 103, 46, 0) 0%, rgba(237, 103, 46, 1) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(237, 103, 46, 0) 0%,rgba(237, 103, 46, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(237, 103, 46, 0) 0%,rgba(237, 103, 46, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff5800', endColorstr='#bfff5800',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .radial-out-color-3 { color: rgba(0, 0, 0, 1); background: -moz-radial-gradient(center, ellipse cover, rgba(237, 103, 46, 0.75) 0%, rgba(237, 103, 46, 0) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(237, 103, 46, 0.75) 0%,rgba(237, 103, 46, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(237, 103, 46, 0.75) 0%,rgba(237, 103, 46, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfff5800', endColorstr='#00ff5800',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /* color -3- hover */ .bg-color-3-75:hover , .bg-color-3-50:hover , .bg-color-3-25:hover ,.verlauf-color-3-top:hover, .verlauf-color-3-bottom:hover, .radial-in-color-3:hover, .radial-out-color-3:hover { transition: all 1s ease-in-out; } .bg-color-3-hover:hover { background: rgba(237, 103, 46, 1) !important; color: rgba(255, 255, 255, 1) !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } /* text -sizes */ .text-xlarge { font-size:360%; } .text-large { font-size:180%; } .text-medium { font-size:140%; } .text-small { font-size:90%; } @media only screen and (max-width: 767px) { .text-xlarge { font-size:240%; } .text-large { font-size:140%; } .text-medium { font-size:120%; } } @media only screen and (max-width: 320px) { .text-xlarge { font-size:180%; } .text-large { font-size:140%; } .text-medium { font-size:110%; } } /* bg-transparent */ .bg-transparent { background: none !important; } /********** HTML Font: font-family:"Fira Sans", Fira Sans, Calibri, Helvetica, 'Roboto', Open Sans, Helvetica, Calibri, Arial, sans-serif; **********/ * { margin: 0; padding: 0px; } html { height: 100%; scroll-behavior: smooth; } body { font-family: 'Barlow', sans-serif; font-size: 18px; background-color: rgba(255, 255, 255, 1); color: rgba(105, 55, 37, 0.90); margin: 0; height: 100%; font-weight: 400; } .wgh { background: url(../logos/slogan-wgh-orange-1920-trans-33.png); background-size: contain; background-attachment: fixed; background-position: center 40%; background-repeat: no-repeat; background-color: rgba(87, 46, 2, 0.1); background-size: 99%; } h1 { font-size:240%; color:inherit; font-weight:800;line-height:1.2em; margin: 0; padding:0; text-shadow: 2px 3px 1px rgba(100, 1, 1, 0.0); } h2 { font-size:180%; color: inherit; font-weight:400;line-height:1.4em; margin: 0; padding: 0px 0px 0px 0px; text-shadow: 1px -2px 10px rgba(100, 1, 1, 0.0);} h3 { font-size:120%; color: inherit; font-weight:600;line-height:1.3em; padding: 0; margin:0px 0px 0px 0px;} h4 { font-size:105%; color: inherit; font-weight:600;line-height:1.4em; margin:0px 0px 0px 0px;} h5 { font-size:100%; color: inherit; font-weight:600;line-height:1.1em; margin:0px 0px 10px 0px;} h6 { font-size:90%; color: inherit; font-weight:100; font-style:italic; line-height:1.em; margin:0px 0px 10px 0px;} .themetitle { font-size:320%; font-weight: 900; color: rgba(237, 103, 46, 1); } .bg-color-3 .themetitle { color: rgba(105, 55, 37, 1) !important; } .pagetitle { font-size:320%; font-weight: 600; color: inherit; margin-top: inherit; } .cattitle { font-size:240%; font-weight: 100; color: inherit; } @media only screen and (max-width: 1280px) { body { font-size: 17px;} .themetitle, .pagetitle { font-size:240%; } h2 { font-size:180%; } } @media only screen and (max-width: 768px) { body { font-size: 16px;} .themetitle, .pagetitle { font-size:210%; overflow-wrap: break-word;hyphens: auto; } h1 { font-size:210%; overflow-wrap: break-word;hyphens: auto; } h2 { font-size:180%; overflow-wrap: break-word;hyphens: auto; } h3 { font-size:120%; overflow-wrap: break-word;hyphens: auto; } } @media only screen and (max-width: 480px) { .themetitle { font-size:210%; overflow-wrap: break-word;hyphens: auto; } .pagetitle { font-size:210%; overflow-wrap: break-word;hyphens: auto; } h1 { font-size:180%; overflow-wrap: break-word;hyphens: auto; } h2 { font-size:160%; overflow-wrap: break-word;hyphens: auto; } h3 { font-size:120%; overflow-wrap: break-word;hyphens: auto; } } @media only screen and (max-width: 320px) { .themetitle { font-size:180%; overflow-wrap: break-word;hyphens: auto; } .pagetitle { font-size:180%; overflow-wrap: break-word;hyphens: auto; } h1 { font-size:160%; overflow-wrap: break-word;hyphens: auto; } h2 { font-size:130%; overflow-wrap: break-word;hyphens: auto; } h3 { font-size:110%; overflow-wrap: break-word;hyphens: auto; } } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } p { font-size: inherit; font-weight: normal; line-height: inherit; margin-bottom: 10px; } ol, ul { padding-left: 20px; font-size: inherit ;} ol li, ul li { line-height: inherit; font-size: inherit; } img { height: auto; width: 100%;} .label { font-size: 85%; font-weight: normal; } a { color: rgba(237, 103, 46, 1); padding: 0; margin: 0; text-decoration: none; font-weight: inherit; -webkit-transition: background-color .4s linear, color .4s linear; -moz-transition: background-color .4s linear, color .4s linear; -o-transition: background-color .4s linear, color .4s linear; -ms-transition: background-color .4s linear, color .4s linear; transition: background-color .4s linear, color .4s linear; } a:hover, a:focus, a.collapsed { text-decoration: none; color: rgba(237, 103, 46, 1); } a:focus { outline: none; } a[download] { color: rgba(105, 55, 37, 0.75); } a[download]:before { content: url(download.gif); } pre { margin: 20px 0; } code { padding: 5px 10px; margin: 10px 0; display: block; } blockquote p { margin-top: 0; } b, strong { font-weight: 600; } table { color: inherit; border-top: 1px solid rgba(240, 240, 240, 0.5); margin-top: 0px; width: 100%; overflow: auto; } table tr { border-bottom: 1px solid rgba(240, 240, 240, 0.5); } table th { vertical-align: top; background-color: rgba(240, 240, 240, 0.5); padding: 10px 10px 10px 10px; border: 0px solid rgba(240, 240, 240, 1); } table td { position: relative; vertical-align: top; background-color: rgba(255, 255, 255, 0.0); padding: 8px 10px 8px 10px; border: 0px solid rgba(240, 240, 240, 1); } table td:hover { background-color: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; } /********** Logo **********/ .kalender { position: relative; } .kalender .wrapper { z-index: 9; position: absolute; } .kalender .blatt { z-index: 10; line-height: normal; position: relative; margin: 5px; border-radius: 3px; } .kalender .blatt:hover { z-index: 11; } .kalender p { margin: 0; padding: 0;} .kalender table tr { line-height: 60px; border-bottom: 1px solid rgba(240, 240, 240, 0.5); } table tr:hover { z-index: 0; transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; } table tr:hover .wrapper { z-index: 10; } .kalender table td { position: relative; vertical-align: top; background-color: rgba(255, 255, 255, 0.0); padding: 0px; border: 0px solid rgba(240, 240, 240, 1); } .kalender .min-30 { min-height: 30px;} .kalender .min-60 { min-height: 120px;} .kalender .min-90 { min-height: 180px;} .kalender .min-120 { min-height: 240px;} .kalender .min-150 { min-height: 300px;} .kalender .min-180 { min-height: 360px;} /********** Logo **********/ .logo { display: block; padding: 100px 20px 100px 20px; max-width: 1200px;} /********** dropdown-menu **********/ .dropdown-menu { z-index: 10000;} /********** alerts **********/ .alert { padding: 10px 20px; margin-bottom: 3px; border: 1px solid transparent; border-radius: 5px;} /********** Section Colors **********/ .bg-fixed { position: fixed; z-index: -1; width: 100%; height: 100%; padding: 0px; margin: 0px; } .bg-image-fixed { position: fixed; z-index: -1; width: 100%; height: 100%; padding: 0px; margin: 0px; } .bg-image-scroll { position:absolute; z-index: -1; width: 100%; height: 100%; padding: 0px; margin: 0px; } .bg-fixed .inner, .bg-image-fixed .inner, .bg-image-scroll .inner { position: absolute; z-index: 0; width: 100%; height: 100%; padding: 0px; margin: 0px; } .page { display: block; position: relative; } .header { display: block; padding-top: 0px; padding-bottom: 20px; } .test { background-color: rgba(200, 1, 0, 0.88); } .theme { position: relative; } .theme .inner { position: absolute; width: 100%; height: 100%; min-height: 40px; } .map { color: rgba(237, 103, 46, 0.75); } .meta { background: rgba(255, 255, 255, 0.5); color: inherit; } .main, .submain, .subcontent { display: block; padding-top: 20px; padding-bottom: 60px; } .subnavbar, .option-bar { position: relative; background-color: rgba(100, 1, 1, 0.0); padding-top: 0px; } .footer { display: block; position: relative; color: inherit; bottom: 0; width: 100%; padding-top: 0px; padding-bottom: 50px; } .footer .vmenu a, .footer .hmenu a { color: inherit; border-top: 0px solid rgba(255, 255, 255, 1); } .copyright { display: block; font-size: 90%; } @media (max-width: 1200px) { .header { padding-top: 20px; padding-bottom: 20px;} } @media screen and (max-width: 768px) { .header { padding-top: 0px; padding-bottom: 0px;} } @media screen and (max-width: 767px) { .footer { display: inherit; position: relative; } .main, .submain, .subcontent { display: block; padding-top: 0px; padding-bottom: 0px; } } /********** Modal **********/ .modal-backdrop { background-color: rgba(255, 255, 255, 0.95); } .modal-backdrop.in { opacity: .85; } .modal-dialog { width: 600px; margin: 20% auto; } .modal-header { padding: 20px 20px; border-bottom: 0px solid #e5e5e5; } .modal-content { box-shadow: 0 0px 40px rgba(100,100,100,0.5); border: 0px solid rgba(0,0,0,0.2); border-radius: 5px; } .modal-body { padding: 0px; } .modal .list-group { padding: 0; margin-bottom: 0px;} .modal .list-group-item { position: relative; display: block; color: rgba(0, 0, 0, 0.5); padding: 10px 15px; margin-bottom: 0px; background-color: #fff; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0px solid rgba(255, 255, 255, 0.5); border-left: 0px; border-right: 0px; } .modal .list-group-item:hover { z-index: 2; background-color: rgba(240, 240, 240, 1); border-color: rgba(255, 255, 255, 0.5); } .modal .list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } .modal .list-group-item:last-child { margin-bottom: 0; border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .modal .list-group-item.active, .modal .list-group-item.active:focus, .modal .list-group-item.active:hover { z-index: 2; color: #000; background-color: rgba(240, 240, 240, 1); border-color: rgba(255, 255, 255, 0.5); } .modal-title { color: inherit; line-height: 1; } .modal .modal-header .icon, .modal .list-group .icon { margin-right: 10px;} .modal .list-group-item a { position: relative; display: inline-block; color: rgba(0, 0, 0, 1); } .modal .list-group-item a:hover { color: rgba(237, 103, 46, 1); } /********** prettyPhoto resets **********/ div.pp_overlay { background: rgba(105, 55, 37, 0.95); } .iframe { width:100%; height:100%; min-height:600px; display:block; border: 0px solid #fff; margin:0px auto 40px auto; } /*======================================================================= Navi ========================================================================*/ .navigation { } /********** Affix **********/ .nav-wrapper { background: rgba(255, 255, 255, 0); max-width: auto; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; margin: 0px auto; min-height: 60px; transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; } .affix { top: 0; width: 100%; z-index: 1000 !important; } .affix + .main, .affix + .submain { padding-top: 34px; } .affix .nav-wrapper { background:rgba(135, 189, 37, 1); padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; margin: 0px auto; min-height: 60px; transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);} .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-left: 0px; margin-right: 0px; } #menu .menu-height { height: 60px; line-height: 60px; } #menu .menu-header { background-color: rgba(255, 255, 255, 0.0); margin: 0; padding: 0; } #menu .menu-logo { margin: -60px 0 0 0; padding: 0px 20px; max-width: 240px; line-height: 60px; } #menu .menu-logo a { z-index: 1; } #menu .menu-logo img { margin: -20px 0px 0px 0px; padding: 0px 0px; width: auto; max-height: 160px; line-height: 60px; transition: all 1s ease-in-out; } .affix #menu .menu-logo img { margin: -10px 0px 0px 0px; padding: 0px 0px; width: auto; max-height: 140px; line-height: 60px; transition: all 1s ease-in-out; } @media only screen and (max-width: 1023px) { .navbar-left, .navbar-right { float: none !important; } .affix .nav-wrapper { min-height: 60px; margin: 0px auto; } #menu .menu-logo img { margin: 0px 0px 0px 0px; padding: 0px 0px; width: auto; max-height: 120px; line-height: 60px; transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; } } @media only screen and (max-width: 922px) { .nav-wrapper { min-height: 60px; margin: 0px auto; } #menu .menu-logo img { max-height: 80px; } .affix #menu .menu-logo img { max-height: 80px; } } @media only screen and (max-width: 480px) { .affix { position: relative !important; } } #menu .main-menu { display: none; margin: 0 auto; } #toggle-menu { background: rgba(0, 0, 0, 0); } #menu #toggle-menu { padding-left: 10px; padding-right: 10px;} #menu #toggle-menu li { display: inline-block; } #menu #toggle-menu li a { padding-left: 10px; padding-right: 10px; } #toggle-menu, #menu a { color: inherit; padding: 0 20px; } #menu { z-index: 1000; width: 100%; border: 0px; transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; } @media only screen and (max-width: 479px) { #menu { position: relative; } } #menu a { transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; } #menu li, #toggle-menu { background-color: rgba(255, 255, 255, 0.01); color: rgba(31, 53, 104, 1); border-width: 0 0 0px; margin-bottom: 1px; } @media only screen and (min-width: 1023px) { #menu li, #toggle-menu { margin-bottom: 0px; } } #menu li, #toggle-menu, #menu .sub-menu { border-style: solid; border-color: rgba(255, 255, 255, 0.25); } #menu li, #toggle-menu, #menu a { position: relative; display: block; color:rgba(105, 55, 37, 1); font-weight: inherit; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.0); } .affix #menu a { color: rgba(255, 255, 255, 1); } #menu li.activ { background-color: rgba(31, 53, 104, 0.0); border-bottom: 0px solid rgba(31, 53, 104, 1); margin-bottom: 0px; } #menu li.activ a { color:rgba(237, 103, 46, 1); } #menu li:hover > a { background-color: rgba(135, 189, 37, 1); color:rgba(255, 255, 255, 1); } #menu ul { font-size: 120%; font-weight: 700; margin: 0; padding: 0; letter-spacing: 1px; } #menu ul ul { font-size: 100%; font-weight: 500; } #menu ul ul ul { font-size: 95%; font-weight: 400; } #menu ul li { line-height: 60px; } #menu ul ul li { line-height: 36px; } #menu ul ul li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-inline-end: 20px; } #menu ul ul ul li { line-height: 30px; } #menu ul ul ul li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-inline-end: 20px; } #tm:checked + .main-menu { display: block; } #menu input[type="checkbox"], #menu ul span.drop-icon { display: none; } #menu .sub-menu { display: none; background-color: rgba(135, 189, 37, 1); padding: 0px 0; border-width: 0px 0px 0; margin: 0 10px; } #menu .sub-menu li:last-child { border-width: 0; } #menu input[type="checkbox"]:checked + .sub-menu { display: block; } #menu .sub-menu .activ a { color: rgba(237, 103, 46, 1); } #menu .sub-menu .passiv a { color: rgba(255, 255, 255, 1); } #menu .sub-menu a:hover { color: rgba(255, 255, 255, 1); } #toggle-menu .drop-icon, #menu li label.drop-icon { position: absolute; right: 0; top: 0; } #menu label.drop-icon, #toggle-menu span.drop-icon { padding: 0 20px; font-size: 1em; text-align: center; background-color: rgba(255, 255, 255, 0.025); text-shadow: 0 0 0 transparent; color: inherit; line-height: inherit; } @media only screen and (min-width: 1024px) { #menu .main-menu { display: block; } #toggle-menu, #menu label.drop-icon { display: none; } #menu ul span.drop-icon { display: inline-block; padding: 0 0px 0 10px; } #menu li { background-color: rgba(0,0,0,0); float: left; border-width: 0 0 0 0px; } #menu .sub-menu li { float: none; } #menu .sub-menu { position: absolute; top: 100%; left: 0; min-width: 240px; z-index: 3000; border-width: 0; margin: 0; padding-top: 10px; padding-bottom: 10px; } #menu .sub-menu, #menu input[type="checkbox"]:checked + .sub-menu { display: none; } #menu .sub-menu li { border-width: 0 0 0px; } #menu .sub-menu .sub-menu { top: 0; left: 100%; } #menu .sub-menu .drop-icon { position: absolute; top: 0; right: 0; padding: inherit; } #menu li:hover > input[type="checkbox"] + .sub-menu { display: block; } } /*=== Navi hmenu =======================================*/ .topmenu { display: block; list-style: none; margin: 0; padding: 0; } .topmenu li { display: inline-block; margin: 5px 5px; padding: 5px 5px; } .topmenu li a { color: inherit; font-weight: 400; } .topmenu li a:hover { color: rgba(237, 103, 46, 1); } .topmenu .icon { display: inline-block; margin: auto 10px auto 0px; } /*=== TopMenu =======================================*/ .focusmenu { display: block; width: 79%; font-size: 200%;text-transform: uppercase;letter-spacing: 10px; list-style: none; margin: -20px 0 50px 0; padding: 0; } .focusmenu li { display: inline-block; margin: 0px 0px; padding: 10px 10px; } .focusmenu li a { font-weight: 400; } .focusmenu li a:hover { color: rgba(237, 103, 46, 1); } .focusmenu .icon { display: inline-block; margin: auto 10px auto 0px; } .anatomy { width: 27%; text-align: left; } .anatomy a { color: rgba(178, 178, 178, 1); } .plastination { width: 40%; text-align: center; } .plastination a { color: rgba(86, 86, 86, 1); } .consulting { width: 33%; text-align: right; } .consulting a { color: rgba(135, 135, 135, 1); } @media only screen and (max-width: 1024px) { .focusmenu { font-size: 160%; letter-spacing: 5px; } } @media only screen and (max-width: 768px) { .focusmenu { width: 100%; font-size: 130%; margin: 0px 0 20px 0; } } @media only screen and (max-width: 480px) { .focusmenu { width: 100%; font-size: 100%; margin: 0px 0 0px 0; } .focusmenu li { dpadding: 5px 0px; } .anatomy, .plastination, .consulting { width: 100%; padding: 5px 0px; text-align: right;} } /*=== Navi language =======================================*/ .language-switch { display: block; background: none; line-height: 60px; position: relative; padding:0px 10px 0px 10px !important; } .language-switch li {display:inline-block;text-align:center; margin: 0px 0px; padding: 1px 5px;} .language-switch li a { display: inline-block; text-align:center; font-weight:700; font-size: 100%; background: rgba(237, 103, 46,0.9); margin:15px 0px 0px 0px;padding: 0 5px !important;text-transform: uppercase; color: rgba(255, 255, 255, 0.75); border-radius: 50%;width: 30px;height: 30px;line-height: 30px;} .language-switch li a:hover { background:rgba(237, 103, 46,1); color: #fff; } .language-switch li a.active{ background: rgba(237, 103, 46,1); color: #fff;} @media only screen and (max-width: 767px) { .language-switch li a { font-weight:700; background: rgba(237, 103, 46,0.9); text-transform: uppercase; color: #fff; box-shadow: 0 0 100px #666; border-radius: 50%;display: inline-block;height: 30px;line-height: 29px;margin:26px 0px 0px 5px;padding: 0;text-align: center;width: 30px; } } /*=== Navi breadcrumb =======================================*/ .iconmenu { display: inline-block; background-color: rgba(105, 55, 37, 0); width: 100%; font-size: 100%; border: 0px; } .iconmenu ul { display: inline; margin: 0px 0; padding: 0px 0px; list-style: none; line-height: inherit;} .iconmenu li { display: inline-block; } .iconmenu li a { display: inline-block; background: rgba(255, 255, 255, 0.0); color: rgba(135, 189, 37, 1); line-height: 40px; width: 40px; height: 40px; text-align: center; border-radius: 5%; margin: auto 3px; } .iconmenu li a:hover { background: rgba(255, 255, 255, 1); color: rgba(237, 103, 46, 1); } .iconmenu li a.trigger { display: inline-block; font-size: 160%; background: rgba(237, 103, 46, 1); color: rgba(255, 255, 255, 1); line-height: 60px; width: 60px; height: 60px; text-align: center; border-radius: 50%; margin: auto 0px; } .iconmenu li a.trigger:hover { color: rgba(237, 103, 46, 1); background-color: rgba(255, 255, 255, 1); } /*=== Navi breadcrumb =======================================*/ .breadcrumb { display: block; font-size: 90%; color: inherit; padding: 0 10px; margin-bottom: 0px; list-style: none; background-color: rgba(0, 0, 0, 0); border-radius: 0px; line-height:40px; white-space: nowrap; overflow: auto; } .breadcrumb li { display: inline-block; } .breadcrumb > li + li::before { padding: 0 5px; color: rgba(0, 1, 1, 0);} .breadcrumb li a { color: inherit; } .breadcrumb li a:hover { color: rgba(237, 103, 46, 1); } /*=== Navi vmenu =======================================*/ .vmenu { display: block; list-style: none; margin: 0; padding: 0; } .vmenu li { display: block; line-height: 1; } .vmenu li a { color: inherit; font-weight: 400; } .vmenu li a:hover { color: rgba(237, 103, 46, 1); } .vmenu li a span { display: block; } .vmenu .icon { display: inline-block; list-style: none; margin: 10px 10px; padding: 0; } /*=== Navi hmenu =======================================*/ .hmenu { display: block; list-style: none; margin: 0; padding: 0; } .hmenu li { display: inline-block; } .hmenu li a { color: inherit; font-weight: 400; } .hmenu li a:hover { color: rgba(237, 103, 46, 1); } .hmenu .icon { display: inline-block; margin: auto 10px auto 0px; } /* searchresults */ .searchresults { display:block; position:relative; margin: 0px auto 0px auto; padding: 0px;} .searchresults li { list-style: none;} .searchresults .jobs-liste-header { display:block; position:relative; color:rgba(237, 103, 46, 1); font-size:120%; font-weight:700; line-height: 50px; margin: 0px auto 0px auto; padding: 0px;} .searchresults .wrapper { background: rgba(255, 255, 255, 0.0); margin-bottom: 3px; border-bottom: 0px solid rgba(237, 103, 46, 1); min-height: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .searchresults .wrapper:hover { background: rgba(255, 255, 255, 1); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;} .searchresults .icon { display:block;font-size: 240%; font-weight: 600; text-align:center; line-height: 80px; margin: 0px 0px; padding:0px 0px 0px 0px; } .searchresults .headline { display: block; font-size: 110%; font-weight: 600; } .searchresults .description { display: block; margin: 0px 0px; padding: 0px 0px 0px 0px; } .searchresults .link { display:block; position:relative; margin: 0px 0px; padding: 0px 0px;} .searchresults .url { display: none;} .searchresults .datetime { display:inline-block; color: inherit; font-size: 90%; font-weight:100; margin: 0px; padding: 15px 0px 5px 0px; } @media only screen and (max-width: 767px) { .searchresults .searchresults-header { display: none; } .searchresults .icon { text-align:left; } .searchresults .wrapper { border-bottom: 0px solid rgba(237, 103, 46, 1); min-height: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } } @media only screen and (max-width: 767px) { .searchresults .icon, .searchresults .description { display: none; } } @media only screen and (max-width: 320px) { .searchresults .icon, .searchresults .description { display: none; } } /* Typ - filter-liste */ .artikel-liste { display:block; font-size: 90%; color: rgba(105, 55, 37, 0.25); font-weight: 500; position:relative; margin: 0px auto 0px auto; padding: 0px;} .artikel-liste .wrapper { display:block; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; } .artikel-liste .icon { display:table-cell; margin: 0px 0px 0px 0px; padding: 2px 10px 2px 10px; } .artikel-liste ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .artikel-liste li { display: flex;list-style:none; margin-bottom: 0px; padding: 10px 10px; } .artikel-liste a { display:table-cell; font-weight: 400; color: rgba(105, 55, 37, 0.75);} .artikel-liste a:hover { color: rgba(237, 103, 46, 1); } /*=== Relation-liste =======================================*/ .relationen { display: block; list-style: none; } .relation { display: inline-block; list-style: none; margin-right: 10px; padding: 0; } .relation-liste { display: block; list-style: none; margin: 0; padding: 0; } .relation-liste li { display: block; line-height: normal; padding-top: 8px; padding-bottom: 8px; } .relation-liste li a { color: inherit; font-weight: 600; } .relation-liste li a:hover { color: inherit; } .relation-liste li a span { display: block; } .relation-liste .icon { display: inline-block; list-style: none; margin: 10px 10px; padding: 0; } /* Script - countdown - CSS */ .countdown { display: block; text-align: center; margin: 20px; padding: 20px; } .countdown .wrapper { display: block; text-align: center; } .countdown .countbox { display: block; font-size: 640%; } .countdown .textbox { display: inline-block; margin: auto 0px auto 0px; } .countdown .expired { display: block; margin: 0; padding: 0; } .countdown p { display: inherit; margin: 0; padding: 0; } /*======================================================================= Layouts ========================================================================*/ /*=== Navi vmenu =======================================*/ .keywords, .keytags, .keyfilters { display: block; color: rgba(0, 0, 0, 0.25); font-size: 80%; list-style: none; margin: 0; padding: 0; } .keyword, .keytag, .keyfilter { display: inline-block; margin: 0 5px 5px 0; padding: 5px 10px; background-color: rgba(255, 255, 255, 1); color: inherit; border-radius: 3px; } .keyword a, .keytag a, .keyfilter a { color: inherit; } .keyword a:hover, .keytag a:hover, .keyfilter a:hover { color: rgba(0, 0, 0, 1); } /* Alle Typs - Media */ .textbox { position:relative; } .textbox table { position:relative; overflow-x: auto; } .textbox ul { font-size: 100%; margin: 0px 0px 5px 0px; padding: 0px 10px 0px 20px; line-height: inherit; } .textbox li { list-style: inherit; margin: 0px 0px 5px 0px; } @media only screen and (max-width: 480px) { .textbox { position:relative; overflow: auto; } } /* Alle Typs - Media */ .media { display:block; position:relative; margin: 0px auto 0px auto; padding: 0px; line-height: 1; text-align: center; } .media ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 0; list-style: none; } .media .headline { display: inline-block; background-color:rgba(255, 255, 255, 0); color:rgba(0, 0, 0, 1); font-size:100%; line-height:1.3em; font-weight:600; margin: 0px auto 0px auto; padding: 10px 10px 0px 10px; overflow: hidden; } .media .description { display:block;background-color:rgba(255, 255, 255, 0);font-size:90%; color:rgba(0, 0, 0, 0.75); font-weight: 100; line-height:1.3em; margin: 0px 0px 0px; padding: 0px 10px 10px 10px; border-top: 0px solid rgba(255, 255, 255, 0.25); border-bottom: 0px solid rgba(122, 181, 29,0.25);} .media .description:hover { } .media .caption { display:block; position:relative; margin: 0px auto 0px auto; padding: 0px 0px; line-height:1; } .media .caption:hover { } /* Typ - Elements */ .elements { display:block; position:relative; margin: 0px auto 0px auto; padding: 0px;} .elements ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 0; } .elements li { list-style:none; margin: 0px 0px 0px 0px; } .elements a { color: inherit; } .elements a:hover { color: rgba(0, 87, 157, 1); transition: all 1s ease-in-out; } .elements img { display: inline-block; margin: 0px auto 0px auto; height: auto; line-height: 0; } .elements .media-image { display: block; width: auto; height: auto; line-height: 0; overflow: hidden;} .elements .media-icon { display:block; font-size:240%; font-weight:300; line-height: 0; } .elements .thumbnail { display: block; position:relative; background-size:cover; margin: 0px; padding: 0px; line-height: 1; background-color: inherit; border: inherit; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .elements .caption { display:block; position:relative; margin: 0px auto 0px auto; padding: 0px 0px; line-height:1; } .elements .caption:hover { } .elements .wrapper { display: block; position:relative; overflow: auto; } .elements .headline { display: inline-block; background-color:rgba(255, 255, 255, 0); color: inherit; line-height:1.3em; font-weight:600; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; overflow: hidden; } .elements .description { display:block; font-size:100%; font-weight: 400; line-height:1.3em; margin: 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 0px solid rgba(255, 255, 255, 0.25); border-bottom: 0px solid rgba(122, 181, 29,0.25);} .elements .description:hover { } .elements .details { display:block; color:rgba(0, 0, 0, 0.5); font-weight: 100; line-height: inherit; margin: 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 0px solid rgba(255, 255, 255, 0.25); border-bottom: 0px solid rgba(122, 181, 29,0.25);} .elements .optionbox { display:block; position:relative; font-size:100%; font-weight:300; margin: 0px auto 0px auto; line-height:1; } .elements .icon { display:inline-block; position: relative; font-size:100%; font-weight:300; margin: 0px auto 0px auto; line-height: normal; } .elements .link { display:inline-block;} /* Typ - Pin */ .pin { position:relative; display:block; color: rgba(0, 0, 0, 1); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .pin .wrapper {display: block; position:relative;} .pin .medienbox {display: block; position:relative;} .pin .overlay { position:absolute; bottom: 0; z-index: 100; display: block; width: 100%; height: 50%; background-color: rgba(0, 0, 0, 0.0); } .pin .overlay:hover { position:absolute; background-color: rgba(0, 0, 0, 0.75); transition: all 1s ease-in-out; } .pin .infobox { display: block; } .pin .optionbox { display: block; position: absolute; bottom: 0%; text-align: center; width: 100%; opacity: 0; } .pin .optionbox:hover { transition: all 1s ease-in-out; opacity: 1; } .pin .optionbox .icon { display:inline-block; position: relative; right:0; font-size:180%; font-weight:300; margin: 0px auto 0px auto; line-height: normal; } /* Typ - block */ .block { position:relative; display:block; color: inherit; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .block li { list-style:none; margin: 0px 0px 0px 0px; } .block a { line-height: 0; } .block a:hover { color: rgba(237, 103, 46, 1); transition: all 1s ease-in-out; } .block .image { display: block; line-height:0; } .block .wrapper {display: block; position:relative;} .block .wrapper:hover { transition: all 1s ease-in-out;} .block .iconbox { display:block; font-size:180%; font-weight:300; line-height: 0; } .block .iconbox a { color: inherit; } .block .medienbox .icon { font-size: 240%; } .block .infobox { display: block; } .block .infobox:hover { } .block .headlines { display: block; background: none; color: inherit; font-weight:600; margin: 0px auto 0px auto; overflow: hidden; line-height: 1; } .block .description { display:inline-block; clear: both; font-size: inherit; line-height: initial; margin:0px 0px 10px 0px; padding-top: 0px; padding-bottom: 0px; border-top: 0px solid rgba(0, 0, 0, 0.5); border-bottom: 0px solid rgba(0, 0, 0, 0.5);} .block .description:hover { } .block .details { padding-top: 0px; } .block .optionbox { display: block; position: relative; } .block .optionbox:hover { transition: all 1s ease-in-out; } .block .optionbox span { display: inline-block; width: auto; background: none; margin: 0px auto 0px auto; } .block .link { display:block; font-size: 1rem; font-weight: 400; line-height: normal; margin: 0px 0px; padding: 10px 0px 10px 0px; } .block .data { display:block; position: relative; bottom: 0;} .block .data .icon { display:inline-block; position: relative; right:0; font-size:180%; font-weight:300; margin: 0px auto 0px auto; line-height: normal; } /* Typ - split-left-right */ .split { display:block; color: inherit; position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .split .wrapper, .split-left .wrapper, .split-right .wrapper { position: relative; overflow: hidden;} .split .inner, .split-left .inner, .split-right .inner { background-color: inherit; } .split .optionbox .icon { display: inline-block; position: absolute; top: 20px; right: 20px; font-size: 110%; font-weight: 400; line-height: inherit; margin: 0px 0px; padding: 0px 0px 0px 0px; } .split .headline { margin-bottom: 10px; font-weight: 600; } .split .subtitle { font-size: 140%; font-weight: 400; } .split .optionbox { display: block; } .split .data, .split .icon { display:inline-block; position: relative; right: 10px; bottom: 10px; font-size:180%; font-weight:300; margin: 0px auto 0px auto; padding: 10px 10px; line-height: normal; } .split .btn { background-color: rgba(100, 1, 1, 0.2); } .split .btn:hover { background-color: rgba(237, 103, 46, 1); } @media only screen and (max-width: 480px) { .split .headline { font-size: 180%; } .split .subtitle { font-size: 120%; } } /* Typ - Vcard */ .vcard { display:block; color: inherit; position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .vcard .wrapper { display: block; position: relative; overflow: hidden;} .vcard .picture { background-size:cover; background-repeat: no-repeat; min-height: 60px;} .vcard .inner { background-color: rgba(255, 255, 255, 0.0); } .vcard .profil-icon { display: block; position: relative; font-size: 320%; line-height: inherit; margin: auto; padding: 0px 0px 0px 0px; } .vcard .optionbox .icon { display: inline-block; position: absolute; top: 23px; right: 20px; font-size: 110%; font-weight: 400; line-height: inherit; margin: 0px 0px; padding: 0px 0px 0px 0px; } .vcard .description { font-weight: normal; } .vcard .headline { margin: 0px; } .vcard p { margin-bottom: 5px; } @media only screen and (max-width: 320px) { .vcard .wrapper { background-size: cover;} .vcard .inner { background-color: inherit; } } /* Typ - theme */ .themes { display:block; color: rgba(0, 0, 0, 0.75); position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .themes li { list-style:none; margin: 0px 0px 0px 0px; } .themes a { color: rgba(237, 103, 46, 1); } .themes a:hover { color: rgba(237, 103, 46, 1); transition: all 1s ease-in-out; } .themes .image { display: block; line-height:0; } .themes .wrapper {display: block; position:relative; overflow: hidden; transition: all 1s ease-in-out;} .themes .wrapper:hover { overflow: hidden; transition: all 1s ease-in-out;} .themes .picture { display: block; position: relative; transition: all 1s ease-in-out;} .themes .infobox { display: inline-block; position: relative; } .themes .headline { display: inherit; margin: 0px 0px 0px 0px; font-weight:600; overflow: hidden; hyphens: auto; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); border-bottom: 0px solid rgba(0, 0, 0, 0.25); } .themes .headline a { line-height: inherit; font-weight: inherit;} .themes .headline a:hover { display: block; color: rgba(237, 103, 46, 1); } .themes .subtitle { display:block; color: inherit; clear: both; font-weight: 500; line-height: initial; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0); margin-bottom: 0px; } .themes .description { display:inline-block; padding-top: 10px; padding-bottom: 10px; line-height: 1.2em; color: inherit;clear: both;font-size: inherit; transition: all 1s ease-in-out; } .themes .optionbox { display: inline-block; position: absolute; bottom: 0;left: 0;width: 100%; color:rgba(255, 255, 255, 1); padding: 10px 20px; margin: 0 auto; text-align: right; } .themes .optionbox:hover { transition: all 1s ease-in-out; } .themes .optionbox .button { display: inline-block; width: auto; background: none; margin: 0px auto 0px auto; padding: 0px 0px; } .themes .optionbox .icon { display: inline-block; font-size: 180%; font-weight: 600; line-height: inherit; margin: 0px 0px; padding: 0px 0px 0px 0px; } /* Typ - Background */ .background .wrapper { background-size: cover; background-position: center center; } .background .inner { display: block; position: absolute; width: 100%; height: 100%; bottom:0; transition: all 1s ease-in-out;} .background .inner:hover { bottom: 0px; width: 100%; height: 100%; transition: all 1s ease-in-out; } .background .infobox { display: block; position: absolute; width: 100%; top: 20%;} .background .optionbox { display: block; position: absolute; right: 20px; bottom: 20px;} .background .optionbox .icon { display: inline-block; font-size: 180%; font-weight: 600; line-height: inherit; margin: 0px 0px; padding: 0px 0px 0px 0px; } .background .caption { display: inline-block; color: rgba(255, 255, 255, 1); } .background .headline { display:inline-block; clear: both; transition: all 1s ease-in-out; } .background .headline:hover { transition: all 1s ease-in-out; } .background .subtitle { display:inline-block; clear: both; transition: all 1s ease-in-out; } .background .description { display:inline-block; color: inherit; max-width: 600px; clear: both; transition: all 1s ease-in-out; } /* Typ - Liste */ .liste { display:block; position:relative; margin: 0px auto 0px auto; padding: 0px; } .liste .media-box { display:block; position:relative; line-height:0; } .liste .media-icon { display:block; font-size: 180%; margin: auto; position:relative; line-height:0; } .liste ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .liste li { list-style:none; margin: 0px 0px 0px 0px; } .liste a { color: inherit; } .liste a:hover { color: rgba(237, 103, 46, 1); transition: all 1s ease-in-out; } .liste .thumbnail { display: block; position:relative; background-size:cover; margin: 0px; padding: 0px; line-height: 1; background-color: inherit; border: inherit; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .liste .caption { display:block; position:relative; line-height:1; } .liste .caption:hover { } .liste .wrapper { display: block; position:relative; background-size:cover; } .liste .picture { display: table-cell; position:relative; width: auto; max-height: 120px; max-width: 320px; overflow: hidden; } .liste .picture .image { display: inline-block; position:relative; } .liste .headline { display: block; color:inherit; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; overflow: hidden; } .liste .description { display:block;background-color:rgba(255, 255, 255, 0);font-size:100%; color: inherit; font-weight: 400; line-height:1.3em; margin: 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 0px solid rgba(255, 255, 255, 0.25); border-bottom: 0px solid rgba(122, 181, 29,0.25);} .liste .description:hover { } .liste .copyright { display:block; color:rgba(0, 0, 0, 0.5); font-weight: 100; line-height: inherit; margin: 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 0px solid rgba(255, 255, 255, 0.25); border-bottom: 0px solid rgba(122, 181, 29,0.25);} .liste .optionbox { display: block; text-align: right; } .liste .btn { background-color: inherit; } .liste .btn:hover { background-color: rgba(237, 103, 46, 1); color: rgba(255, 255, 255, 0.75); } .liste .link { display:block; color: inherit; font-weight: 100; line-height: inherit; margin: 0px 0px 0px; padding: 0px 0px 0px 0px;} .liste .downloadbutton { position: absolute; top: 5px; right: 10px; display:block; color:rgba(0, 0, 0, 0.5); font-weight: 100; line-height: inherit; margin: 0px 0px 0px; padding: 0px 0px 0px 0px;} .liste .icon { font-size: inherit; } .liste .metainfos span { display: none; font-size:90%; margin: 0px 5px 5px 0px; padding: 0px 0px 0px 0px; } /* Nav - Icon Bar */ .iconbar { background: rgba(160, 160, 160, 1); display:block; font-size: 100%; color: rgba(255, 255, 255, 1); position:relative; margin: 0px auto 0px auto; padding: 0px; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .iconbar .wrapp { display: table-cell; vertical-align: middle; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; } .iconbar .icon { display: block; font-size: 320%; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px; } .iconbar .txt { display: block; word-break: inherit; hyphens: initial; white-space: inherit; text-align: center; margin: 0px 0px 0px 0px; padding: 10px 10px; } .iconbar ul { display: table; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .iconbar li { display: table-cell; width: 20%; list-style:none; } .iconbar li:hover { background: rgba(255, 255, 255, 1); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .iconbar a { color: rgba(255, 255, 255, 1); } .iconbar a:hover { color: rgba(237, 103, 46, 1); } @media only screen and (max-width: 1023px) { .iconbar .icon { font-size:320%; } .iconbar { text-align: inherit; } .iconbar .txt { word-break: inherit; white-space: inherit; } } @media only screen and (max-width: 767px) { .iconbar .icon { font-size:240%; } .iconbar .wrapp { padding: 10px 10px 10px 10px; } .iconbar .txt { display: none;} } @media only screen and (max-width: 480px) { .iconbar .icon { font-size:180%; } .iconbar .txt { display: none;} } /* Option - Bar */ .pageoption .icon { display:inline-block; position:relative; font-size: 180%; line-height: 1; color: rgba(237, 103, 46,1); margin: 0px 0px; padding: 0px; border-left: 0px solid rgba(105, 55, 37, 0.25); } .pageoption .icon a { display:inline-block; position:relative; color: rgba(112, 113, 115, 1); margin: 0px 0px; padding: 10px 15px;} .pageoption .icon a:hover { color: rgba(237, 103, 46, 1); } .socialoption .icon { display:inline-block; position:relative; font-size: 180%; line-height: 1; color: rgba(237, 103, 46,1); margin: 0px 0px; padding: 0px; border-left: 0px solid rgba(105, 55, 37, 0.25); } .socialoption .icon a { display:inline-block; position:relative; color: rgba(105, 55, 37,1); margin: 0px 0px; padding: 10px 15px;} .socialoption .icon a:hover { color: rgba(237, 103, 46, 1); } /* Sponsor */ .sponsor { display:block; position:relative; margin-bottom: 60px; } @media only screen and (max-width: 767px) { .sponsor { display:block; position:relative; margin-bottom: 0px; } } /* Typ - Profil */ .profil-image { display:block; position:relative; line-height: 0; } .profil-icon { display:block; position:relative; text-align: center; font-size: 480%; line-height: 1; } /* Typ - Typ K */ .filter-typ-K { display:block; position:relative; background-color: rgba(100, 1, 1, 0.0); margin: 0px auto 0px auto; padding: 0px; } .filter-categorie { display:block; margin: -1px -2px -1px -2px;} .filter-categorie span { display:inline-block; margin: 1px 2px 1px 2px;} .filter .media-box { display:block; position:relative; line-height:0; } .filter .media-icon { display:inline-block; font-size: 480%; margin: auto; position:relative; line-height:0; } .filter-sidebar { border-bottom: 0px solid rgba(237, 103, 46, 1); } .filter-sorter { margin: 0px 0px 10px 0px; } /* Typ - filter-liste */ .filter-liste { display:block; color: rgba(0, 0, 0, 0.5); position:relative; margin: 0px auto 0px auto; padding: 0px;} .filter-liste ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .filter-liste li { list-style:none; } .filter-liste a { color:rgba(237, 103, 46, 1); } .filter-liste a:hover { color: rgba(237, 103, 46, 1); } .filter-liste .filter-liste-header { display:block; position:relative; color:rgba(237, 103, 46, 1); font-size:120%; font-weight:700; line-height: 50px; margin: 0px auto 0px auto; padding: 0px;} .filter-liste .inner { margin-bottom: 0px; margin-top: 1px; padding-bottom: 0px; padding-top: 0px; } .filter-liste .wrapper { background:rgba(255, 255, 255, 0.75); margin-bottom: 0px; padding: 15px 10px; border-bottom: 0px solid rgba(237, 103, 46, 1); min-height: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .filter-liste .wrapper:hover { background: rgba(255, 255, 255, 1); transition: all 1s ease-in-out; } .filter-liste .image { display: block; margin: 10px 0px; padding: 0px 0px 0px 0px; } .filter-liste .icon { display: block;font-size: 120%; font-weight: 600; text-align:center; margin: 0px 0px; padding:0px 0px 0px 0px; } .filter-liste .pid { display:block;font-size: 70%; font-weight: 300; text-align:center; line-height: normal; margin: 10px 0px 0px 0px; padding:0px 0px 0px 0px;} .filter-liste .headline { display: block; font-size: 120%; font-weight: 600; } .filter-liste .description { display: inline-block; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; } .filter-liste .subtitle { display: inline-block; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; } .filter-liste .metainfos { display:block; font-size: 90%; margin: 0px 0px; padding: 0px 0px 0px 0px; color: rgba(0, 0, 0, 0.5);} .filter-liste .metainfos .filters, .filter-liste .metainfos .tags, .filter-liste .metainfos .keywords { display: inline-block; } .filter-liste .metainfos .filters .filter, .filter-liste .metainfos .tags .tag, .filter-liste .metainfos .keywords .keyword { display: inline-block; margin: 0px 5px; color: inherit; } .filter-liste .link { display:block; position:relative; margin: 0px 0px; padding: 0px 0px;} .filter-liste .url { display: none;} .filter-liste .date { display: inline-block; color: inherit; font-size: 100%; font-weight:600; margin: 0px; padding: 0px 0px 0px 0px; } @media only screen and (max-width: 767px) { .filter-liste .filter-liste-header { display: none; } .filter-liste .icon { display: inline-block; } .filter-liste .pid { display: inline-block; } .filter-liste .wrapper { margin: 0px 0px 1px 0px; padding: 10px 20px 10px 20px; border-bottom: 0px solid rgba(237, 103, 46, 1); min-height: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } } @media only screen and (max-width: 767px) { .filter-liste .description { display: none; } } @media only screen and (max-width: 320px) { .filter-liste .description { display: none; } } /* Typ - filter-block */ .filter-block { color: inherit; } .filter-block ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .filter-block li { list-style:none; } .filter-block a { color:rgba(237, 103, 46, 1); } .filter-block a:hover { color: rgba(237, 103, 46, 1); } .filter-block .wrapper { height: auto; min-height: 180px; overflow: hidden; background-color: rgba(255, 255, 255, 0.75); margin: 5px 5px; padding: 20px 20px; border-bottom: 0px solid rgba(237, 103, 46, 1); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .filter-block .wrapper:hover { background: rgba(255, 255, 255, 1); transition: all 1s ease-in-out; } @media only screen and (max-width: 992px) { .filter-block .wrapper { min-height: 120px; } } @media only screen and (max-width: 480px) { .filter-block .wrapper { min-height: 60px; } } .filter-block .inner { padding: 20px 20px; border-bottom: 0px solid rgba(237, 103, 46, 1); } .filter-block .inner:hover { background: rgba(255, 255, 255, 1); transition: all 1s ease-in-out; } .filter-block .image { display: block; margin: 10px 0px; padding: 0px 0px 0px 0px; } .filter-block .icon { display:inline-block;font-size: 90%; font-weight: 600; text-align:center; margin: 0px 0px; padding:0px 0px 0px 0px; color:rgba(237, 103, 46, 1);} .filter-block .date { display: inline-block;} .filter-block .pid { display:inline-block;font-size: 90%; font-weight: 600; text-align:center; line-height: normal; margin: 0px 0px; padding:0px 10px 0px 10px; } .filter-block .headline { display: block; font-size: 120%; font-weight: 600; } .filter-block .description { display: block; margin: 0px 0px; padding: 0px 0px 0px 0px; } .filter-block .metainfos { display:block; color: rgba(0, 0, 0, 0.5); font-size: 90%; margin: 0px 0px; padding: 0px 0px 0px 0px;} .filter-block .metainfos .filters, .filter-block .metainfos .tags, .filter-block .metainfos .keywords { display: inline-block; } .filter-block .metainfos .filters .filter, .filter-block .metainfos .tags .tag, .filter-block .metainfos .keywords .keyword { display: inline-block; margin: 0px 5px; color: inherit; } .filter-block .link { display:block; position:relative; margin: 0px 0px; padding: 0px 0px;} .filter-block .url { display: none;} .filter-block .datetime { display:inline-block; color: inherit; font-size: 90%; font-weight:100; margin: 0px; padding: 0px 0px 0px 0px; } /*======================================================================= Y-Form ========================================================================*/ .form-control { display: block; width: 100%; height: 34px; padding: 5px 10px; font-size: 90%; line-height: 1.42857143; } .yform input[type=submit], .btn-theme { background-color:rgba(255, 255, 255, 1); color: rgba(237, 103, 46, 1); border-color:rgba(255, 255, 255, 1); } .form-captcha .input-group-addon { padding: 0px 0px;} .form-captcha .input-group-addon img { width: auto;} .input-group-btn { position: relative; font-size: inherit; white-space: nowrap; } .input-group-addon, .input-group-btn { white-space: nowrap; vertical-align: middle; } .yform input[type=submit], .yform input[type=submit]:focus, .yform input[type=submit]:active, .yform input[type=submit].active, .btn-theme:hover, .btn-theme:focus, .btn-theme:active, .btn-theme.active, .open .dropdown-toggle.btn-theme { color: rgba(255, 255, 255, 1); background-color: rgba(237, 103, 46, 1); border-color: rgba(237, 103, 46, 1); } .btn { font-size: 100%; display:inline-block; padding: 5px 10px; line-height:inherit; border: 0px solid transparent; border-radius: 5px 5px 5px 5px; } .btn-group-mid > .btn, .btn-mid { display: inline-block; padding: 10px 20px; font-size: 140%; line-height: inherit; border-radius: 5px 5px 5px 5px; } .btn-group-lg > .btn, .btn-lg { display: inline-block; padding: 20px 30px; font-size: 180%; line-height: inherit; border-radius: 5px 5px 5px 5px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.0); box-shadow: inset 0 3px 5px rgba(0,0,0,.0); } @media only screen and (max-width: 992px) { .btn-group-mid > .btn, .btn-mid { font-size: 120%; } .btn-group-lg > .btn, .btn-lg { font-size: 140%; } } @media only screen and (max-width: 480px) { .btn-group-mid > .btn, .btn-mid { font-size: 110%; } .btn-group-lg > .btn, .btn-lg { font-size: 120%; } } .btn-kategorie { background-color: rgba(237, 103, 46, 1); font-size: 110% !important; font-weight: 600;color: rgba(239, 239, 239, 1); margin-right: 5px; margin-bottom: 5px; } .btn-kategorie:hover { background-color: rgba(112, 113, 115, 1); color: rgba(255, 255, 255, 1); } .btn-anker { display: inline-block; background-color: rgba(237, 103, 46, 1); color: rgba(239, 239, 239, 1); margin-right: 5px; margin-bottom: 5px; } .btn-anker:hover { background-color: rgba(237, 103, 46, 1); color: rgba(255, 255, 255, 1); } .btn-default { background-color: rgba(240, 240, 240, 1); color: rgba(0, 0, 0, 1); } .btn-transparent { background-color: rgba(255, 255, 255, 0); } .dmbutton:hover, .dmbutton:active, .dmbutton:focus { color: #ffffff; background-color: #b2c85f; border-color: #ffffff; } .dmbutton { background: rgba(0,0,0,0); border: 1px solid #ffffff; color: #ffffff; -webkit-border-radius: 2px; border-radius: 2px; padding-top: 1.025rem; padding-right: 2.25rem; letter-spacing: 0.85px; padding-bottom: 1.0875rem; padding-left: 2.25rem; font-size: 1.55rem; cursor: pointer; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; text-decoration: none; text-align: center; display: inline-block; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; -webkit-appearance: none; font-weight: normal !important; } .fullpicture { position: relative; background-color: #5b6d68; background-repeat: no-repeat; background-position: center top; background-attachment: relative; background-position: center center; margin-top: 0px; padding-top: 60px; text-align: center; min-height: 400px; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 1; } .fullpicture .layer { background-color: #5b6d68; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; z-index: 1; } .fullpicture .container { position: relative; z-index: 3; } .fullpicture .centered { position: relative; z-index: 2; } .fullpicture i { font-size: 50px; color: white; margin-bottom: 25px; } .fullpicture p { color: white; font-size: 15px; line-height: 30px; } .fullpicture h4 { color: #bfc9d3; } #cwrap { background: #f7f7f7; margin-top: 0px; padding-top: 80px; padding-bottom: 100px; } #cwrap h3 { margin-bottom: 60px; } #sidenav_title { margin-top: 0; } .sidebar li a.rex-current { font-weight: bold; } #sidenav i { margin-right: 10px; } #sidenav { padding-left: 0; list-style-type: none; padding-top: 20px; padding-bottom: 20px; } #sidenav li { padding: 2px 0; } #sidenav li a { text-transform: uppercase; font-weight: 500; color: #384452; } #sidenav li a:hover, #sidenav li.active a { color: #b2c85f; } #sidenav li.active li a { color: #384452; } #sidenav li li a:hover, #sidenav li li.active a { color: #bfc9d3; } #sidenav ul { margin-left: 15px; padding-top: 5px; padding-left: 20px; padding-bottom: 15px; } #sidenav ul li a { text-transform: none; font-weight: 300; color: #384452; } .slider { position: relative; } .slider .slides li { position: relative; } .slider.small-controls .flex-direction-nav a { margin-top: -20px; } .slider.small-controls .flex-control-nav { display: none; } .hero-slider { padding: 0px; position: fixed; width: 100%; z-index: -1; } .hero-slider .flex-direction-nav { *height: 0; display: none; } .hero-slider .slide-content { display: none; } .hero-slider .slides { overflow: hidden; } .hero-slider .slides li { height: 650px; position: relative; background-size: cover !important; } .hero-slider .slides li .row { position: relative; z-index: 2; } .hero-slider .slides li h3 { font-size: 30px; } .hero-slider .slides li h2 { line-height: 1; margin-bottom: 33px; padding-bottom: 7px; } .hero-slider .slides li h1 { line-height: 1; font-size: 60px; margin-bottom: 33px; } .work-slider { margin-top: 28px; } .work-slider .slides li { height: 400px; } .slides li .fadeUp { opacity: 0; } .slides li { position: relative; color: #fff; } .slides li p, .slides li a { color: #fff; } .slides li .slide-content { position: relative; z-index: 3; } .slides li .overlay { background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.4; z-index: 2; } .slides li .btn-theme { border: none; background-color: #b2c85f; color: #384452; } .slides li .btn-theme:hover, .slides li .btn-theme:focus, .slides li .btn-theme:active, .slides li .btn-theme.active { background-color: #384452; color: #fff; } .hero-slider .slides li .slide-content img { max-height: 500px; } .hero-slider .flex-direction-nav a { height: 50px; width: 50px; font-size: 0; line-height: 25px; border: 0; } .hero-slider .flex-direction-nav a:before { position: absolute; font-size: 36px; display: block; top: 10px; left: 20px !important; right: auto !important; } .hero-slider .flex-direction-nav a.flex-prev:before { left: 20px !important; } @media all and (max-width: 1100px) { .hero-slider .slides li .slide-content img { max-height: 300px; } } .background-breathe { -webkit-animation: burnsIn 16s ease infinite alternate; -moz-animation: burnsIn 16s ease infinite alternate; animation: burnsIn 16s ease infinite alternate; } .background-breathe .slide-content { -webkit-animation: burnsOut 16s ease infinite alternate; animation: burnsOut 16s ease infinite alternate; -moz-animation: burnsOut 16s ease infinite alternate; position: relative; top: 30px; } @-webkit-keyframes burnsIn { from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); } to { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); } } @-webkit-keyframes burnsOut { from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); } to { -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); -ms-transform: scale(0.8,0.8); } } @-moz-keyframes burnsIn { from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); } to { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); } } @-moz-keyframes burnsOut { from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); } to { -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); -ms-transform: scale(0.8,0.8); } } @keyframes burnsIn { from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); } to { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); } } @keyframes burnsOut { from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); } to { -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); -ms-transform: scale(0.8,0.8); } } #headerpic { position: relative; background: #b2c85f; background-repeat: no-repeat; background-position: center top; background-attachment: relative; background-position: center center; margin-top: 60px; margin-bottom: 60px; padding-top: 100px; padding-bottom: 100px; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 1; } #headerpic .layer { background-color: #b2c85f; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2; z-index: 2; } #headerpic h3 { position: relative; text-transform: uppercase; z-index: 3; color: white; display: inline; font-weight: 300; letter-spacing: 0.3em; border-bottom: 2px solid #fff; } .ctitle { color: #b2c85f; font-weight: 700; margin-bottom: 15px; } csmall { font-size: 12px; color: #b3b3b3; } csmall2 { font-size: 12px; color: #f39c12; } .spacing { margin-top: 40px; margin-bottom: 40px; } .badge-theme { background: #b2c85f; } .pictext h2, .pictext h3 { margin-bottom: 25px; } .pictext img { border: 1px solid #ccc; } .downloads i.fa { margin-right: 10px; font-size: 18px; position: relative; top: 2px; } downloads a i.fa { color: #5b6d68; } downloads a:hover i.fa { color: #b2c85f; } #contactwrap { margin-top: -60px; padding-top: 0px; text-align: center; background-attachment: relative; background-position: center center; min-height: 400px; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .comments { padding-top: 10px; margin-top: 50px; border-top: 2px solid #bfc9d3; } .comments h2 { font-size: 24px; padding-bottom: 30px; } #commentList li { margin-top: 30px; margin-bottom: 30px; } #commentList li::after { content: ''; display: block; background: #bfc9d3; width: 100%; height: 1px; margin-left: -20px; } .board h1 { font-size: 24px; } .board h2 { font-size: 20px; } .parallax { -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; overflow: hidden !important; background-attachment: fixed !important; background-repeat: no-repeat !important; } .board table h2 { margin-top: 0; font-size: 18px; } .accordion .title { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .accordion .content { max-height: 0; overflow: hidden; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } .accordion li.active .content { max-height: 400px; } .accordion p:last-child { margin-bottom: 0; } .accordion-1 li { margin-bottom: 10px; display: block !important; } .accordion-1 li:last-child { margin-bottom: 0; } .accordion-1 .title { background: #f5f5f5; padding: 13px 23px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .bg-secondary .accordion-1 .title { background: #2d4f6d; } .bg-secondary .accordion-1 .title:hover { background: #2d4f6d; } .accordion-1 .title span { font-size: 100%; line-height: 24px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; } .accordion-1 .active .title { background: #2d4f6d; color: #fff; } .accordion-1 .content { border: 1px solid #eee; border-top: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 0; } .accordion-1 .content p { padding: 13px; } .accordion-1 .active .content { opacity: 1; transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); -moz-transform: translate3d(0,0px,0); } .accordion-1 .title:hover { color: #2d4f6d; background: #dce7f0; } .accordion-1 .active .title:hover { color: #fff; background: #3c6991; } .accordion-2 li { display: block !important; } .accordion-2 .title { font-size: 16px; font-weight: 500; padding: 16px 0; border-bottom: 1px solid #ccc; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: .7; } .accordion-2 .title:before { content: "\f067"; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 10px; margin-right: 10px; } .accordion-2 .active .title { opacity: 1; color: #2d4f6d; } .accordion-2 .active .title:before { content: '\f068'; } .accordion-2 .content p, .accordion-2 .content ul, .accordion-2 .content ol { padding: 16px 0; } .accordion-2 .title:hover { opacity: 1; color: #2d4f6d; } .tabs { overflow: hidden; } .tabs ul.tabs { padding-top: 20px; } .tabs ul.tabs, .tabs ul.content { padding-left: 0; } .tabs li { display: inline-block; cursor: pointer; } .tabs.thirds { width: 100%; } .tabs.thirds li { width: 33.3333333%; } .tabs.thirds .tab-title { width: 100%; } .button-tabs .tabs { display: inline-block; overflow: hidden; } .button-tabs .tabs > li { margin-bottom: 8px; float: left; } .button-tabs .tabs > li:last-child { margin-right: 0; } .button-tabs .tab-title { padding: 13px; display: inline-block; text-align: center; min-width: 150px; background: #E0E4E6; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .bg-secondary .button-tabs .tab-title { background: #eee; } .button-tabs .tab-title span { font-family: inherit; font-size: 12px; line-height: 24px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; } .button-tabs .active .tab-title { background: #2d4f6d; color: #fff; } .button-tabs .tab-title:hover { background: #C7D2D8; } .button-tabs .active .tab-title:hover { background: #2d4f6d; } .button-tabs.vertical { overflow: hidden; } .button-tabs.vertical > .tabs { width: 30%; float: left; } .button-tabs.vertical > .content { padding-left: 3%; width: 70%; float: right; } .button-tabs.vertical > .tabs li, .button-tabs.vertical .tab-title { width: 100%; } .button-tabs.vertical > .tabs li { margin-bottom: 10px; } .bg-dark .button-tabs .tab-title span { color: #222; } @media all and (max-width: 767px) { .button-tabs .tabs li { width: 49%; margin-bottom: 15px; } .button-tabs.vertical .tabs, .button-tabs.vertical .content { max-width: 100%; width: 100%; padding-left: 0; } } .tabbed-content .content > li { opacity: 0; visibility: hidden; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; display: none; } .tabbed-content .content .active { opacity: 1; visibility: visible; display: block; } .text-tabs .tabs { padding-bottom: 16px; border-bottom: 1px solid #ccc; overflow: visible; } .text-tabs.no-border .tabs { border-bottom: none; } .text-tabs .tab-title { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; padding: 0 24px; opacity: 0.5; position: relative; } .text-tabs .tab-title span { font-family: inherit; font-size: 12px; line-height: 24px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; } .text-tabs .tab-title:after { content: ''; position: absolute; width: 100%; height: 1px; background: #91a05c; bottom: 10px; opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; bottom: -17px; left: 0; } .text-tabs .active .tab-title { opacity: 1; color: #2d4f6d; } .bg-primary .text-tabs .tab-title:after { background: #2d4f6d; } .text-tabs .active .tab-title:after { opacity: 1; } .text-tabs .tab-title:hover { opacity: 1; } @media all and (max-width: 767px) { .text-tabs .tabs { padding-bottom: 0; } .text-tabs .tabs li { width: 49%; margin-bottom: 15px; } .text-tabs .tab-title:after { display: none; } .text-tabs:not(.text-center) .tabs li:first-child .tab-title { padding-left: 24px; } } .icon-tabs .tabs li { width: 24.5%; margin-bottom: 24px; } .icon-tabs .tab-title { text-align: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: .5; } .icon-tabs .tab-title:hover { opacity: 1; } .icon-tabs .active .tab-title { color: #91a05c; opacity: 1; } .icon-tabs .active .tab-title i { color: #91a05c; } .image-bg .icon-tabs .active .tab-title i { color: #fff; } .icon-tabs .tab-title i { display: block; margin-bottom: 16px; } .icon-tabs .tab-title span { font-size: 100%; line-height: 24px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; } /* FILTER Controls ---------------------------------------------------------------------- */ .controls { background-color: rgba(240, 240, 240, 1); padding: 10px 10px; font-size: 90%; } .controls h4 { padding: 10px 0px 0px 0px; background: transparent; } .controls .filter-box { display: inline-block; padding: 10px 10px 10px 10px; background: transparent; } .controls .tag-box { display: inline-block; padding: 10px 10px 10px 10px; background: transparent; } .controls .keyword-box { display: inline-block; padding: 10px 10px 10px 10px; background: transparent; } .control { position: relative; z-index: 1; display: inline-block; color: rgba(237, 103, 46, 1); width: auto; height: auto; background: rgba(255, 255, 255, 0.5); cursor: pointer; padding: 2px 5px 4px 5px; margin: 3px 3px 0px 0px; font-weight: 500; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; background-image: none; border: 1px solid transparent; border-radius: 4px;transition: background 150ms; } .control:hover { background: inherit; } .control[data-sort]:after { content: ''; position: absolute; width: 10px; height: 10px; border-top: 0px solid; border-left: 0px solid; top: calc(50% - 6px); left: calc(50% - 6px); transform: translateY(1px) rotate(45deg); } .control[data-sort*=":desc"]:after { transform: translateY(-4px) rotate(-135deg); } .mixitup-control-active { background: rgba(237, 103, 46, 1); color: rgba(255, 255, 255, 1);} .mixitup-control-active[data-filter]:after { background: transparent; } .control:first-of-type { } .control:last-of-type { } .controls .filter-box { display: block; font-weight: 500; color: rgba(237, 103, 46, 1); } .controls .filter-box .filter { display: inline-block; font-weight: 500; color: rgba(252,252,252,1.00); position: relative; top: 0px; } .controls .filter-box input[type="checkbox"] { display: none; position: relative; top: 0px; } .controls .filter-box input[type="radio"] { display: none; position: relative; top: 0px; } .controls .filter-box input[type="radio"]:checked + label { background-color: rgba(237, 103, 46, 1); color: rgba(255, 255, 255, 0.5); } .btn-count { display: inline-block; padding: 4px 9px; margin-bottom: 0; font-size: 90%; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; background-image: none; border: 1px solid transparent; border-radius: 4px; } /* Container ---------------------------------------------------------------------- */ .mixcontainer { padding: 0px; font-size: 100%; } .mixcontainer:after { content: ''; display: inline-block; width: 100%; } .mixcontainer .fail-message { display: none; } .mixitup-container-failed .fail-message { display: block; } /* Target Elements ---------------------------------------------------------------------- */ .mix { position: relative; overflow: inherit; background-color: rgba(252, 252, 252, 0.0); font-size: 100%; margin-bottom: 10px;} /* .mix, .gap { display: inline-block; vertical-align: top; } .mix:before { content: ''; display: inline-block; padding-top: 20px; } .mix[data-published-date]:after { position: absolute; content: attr(data-published-date); padding: 10px; width: 100%; top: 0; left: 0; } */ /* Grid Breakpoints /* 2 Columns .mix, .gap { width: calc(100%/2 - (((2 - 1) * 10px) / 2)); } /* 3 Columns @media screen and (min-width: 541px) { .mix, .gap { width: calc(100%/3 - (((3 - 1) * 10px) / 3)); } } /* 4 Columns @media screen and (min-width: 961px) { .mix, .gap { width: calc(100%/4 - (((4 - 1) * 10px) / 4)); } } /* 6 Columns @media screen and (min-width: 1681px) { .mix, .gap { width: calc(100%/6 - (((6 - 1) * 10px) / 6)); } } */ /* Carousel ---------------------------------------------------------------------- */ .carousel-control.left { background-image: none !important; background-repeat: no-repeat;} .carousel-control.right { background-image: none !important; background-repeat: no-repeat;} .carousel-control { top: 20%; bottom: 20%; } /* fade on slider */ .carousel-indicators { bottom: 0px; } .carousel-indicators li { display: inline-block; margin: 3px !important; } .carousel-control.right, .carousel-control.left { background-image: none; } /* Caption */ .carousel-caption h3, .carousel .icon-container, .carousel-caption button { background-color: rgba(255, 106, 0, 0.78); border: none; } .carousel-caption h3 { padding: .5em; } .carousel .icon-container { display: inline-block; font-size: 25px; line-height: 25px; padding: 1em; text-align: center; border-radius: 50%; } .carousel-caption button { margin-top: 1em; } /* End Caption */ /* Animation delays */ .carousel-caption h3:first-child { animation-delay: 1s;} .carousel-caption h3:nth-child(2) { animation-delay: 2s; } .carousel-caption button { animation-delay: 3s; } /* Bootstrap Carousel to Fade instead of slide */ .carousel-inner { position: relative; width: 100%; overflow: hidden !important; } .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; overflow: inherit; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }