html, body { width:100%; overflow-x:hidden; }
/*
.banner
{
height:25px;
color:red;
background-color:yellow;
position:fixed;
top:0;
width:100%;
z-index:100000;
font-weight: bold;
}
.banner > p
{
padding-left:25px;
}
section
{
padding-top:25px;
}
@media screen and (min-width: 0px) {
section
{
padding-top:125px;
}
.navbar.navbar-default.untis-navbar
{
padding-top:125px;
}
.banner
{
height:125px;
}
}
@media screen and (min-width: 768px) {
section
{
padding-top:75px;
}
.navbar.navbar-default.untis-navbar.navbar-fixed-top
{
padding-top:75px;
}
.banner
{
height:75px;
}
}
@media screen and (min-width: 992px) {
section
{
padding-top:50px;
}
.navbar.navbar-default.untis-navbar.navbar-fixed-top
{
padding-top:50px;
}
.banner
{
height:50px;
}
}
*/
@media screen and (min-width: 0px) {
.startNewLink
{
display:none;
}
}
@media screen and (min-width: 992px) {
.startNewLink
{
display:inline;
margin-top:-70px;
font-size:22px;
padding:10px;
color:#F6891E;
border-radius: 5px;
/* Safari */
-webkit-transform: rotate(-20deg);
/* Firefox */
-moz-transform: rotate(-20deg);
/* IE */
-ms-transform: rotate(-20deg);
/* Opera */
-o-transform: rotate(-20deg);
}
}
@media (max-width: 480px) {
.col-xxs {
display:block;
float:none;
width: 100%
}
}
.uniuntiscontainer {
position: relative;
text-align: center;
height:350px;
}
.uniuntiscontainer > p {
position: absolute;
top: 50%;
left: 10%;
right: 10%;
font-style: italic;
font-size: 30px;
margin-top:-40px;
}
@media screen and (min-width: 0px) {
#visualization
{
display:none;
}
.visZoom
{
display:none;
}
.orderDiv
{
display:none;
}
.erstelltVon
{
display:none;
}
.produktlinkimgAndroid
{
/* background-color:#000000; */
background-image: url('../../Content/Bilder/Produkte/int/android.gif');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:100%;
height:90px;
float:none;
max-width:200px;
margin-left: auto ;
margin-right: auto ;
}
.produktlinkimgApple
{
/* background-color:#000000; */
background-image: url('../../Content/Bilder/Produkte/int/apple.gif');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:100%;
height:90px;
right:auto;
max-width:200px;
margin-left: auto ;
margin-right: auto ;
}
.produktlinkimgMicrosoft
{
/* background-color:#000000; */
background-image: url('../../Content/Bilder/Produkte/int/microsoft.gif');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:100%;
height:90px;
right:auto;
max-width:200px;
margin-left: auto ;
margin-right: auto ;
}
}
@media screen and (min-width: 768px) {
.orderDiv
{
display:inline;
}
.produktlinkimgAndroid
{
/* background-color:#000000; */
background-image: url('../../Content/Bilder/Produkte/int/android.gif');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:100%;
height:90px;
float:right;
max-width:200px;
}
.produktlinkimgApple
{
/* background-color:#000000; */
background-image: url('../../Content/Bilder/Produkte/int/apple.gif');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:100%;
height:90px;
right:0px;
max-width:200px;
}
.produktlinkimgMicrosoft
{
/* background-color:#000000; */
background-image: url('../../Content/Bilder/Produkte/int/microsoft.gif');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:100%;
height:90px;
right:0px;
max-width:200px;
}
}
@media screen and (min-width: 992px) {
#visualization
{
display:inline;
}
.visZoom
{
display:inline;
}
.erstelltVon
{
display:inline;
}
}
#item1 .active
{
color:#ffffff;
}
#item1
{
border-style: solid;
border-color: #F6891E;
}
#item11 .active
{
color:#ffffff;
}
#item11
{
border-style: solid;
border-color: #F6891E;
}
.const {
}
.carousel-indicators {
top: -40px;
}
.carousel-indicators li {
background-color: orange;
background-color: rgba(70,70,70,.25);
}
.carousel-indicators .active {
background-color: orange;
}
ol{
height: 30px;
}
.bestellButton.btn.bre
{
background-color:#FCECDB;
color:#F6891E;
}
.bestellButton.btn.bre :hover
{
background-color:#F6891E;
color:#FCECDB;
}
.bestellButton.btn.bre.disabled
{
background-color:#DDDDDD;
color:#000000;
}
.bestellButton.btn.bre.disabled:hover
{
background-color:#AAAAAA;
color:#ffffff;
}
@media screen and (min-width: 0px) {
.produkteAnchor
{
display:none;
}
}
@media screen and (min-width: 1200px) {
.produkteAnchor
{
display:block;
}
}
.versionButton
{
padding:15px;
padding-bottom:0px;
margin:10px;
background-color:#ffffff;
border-radius: 20px;
border-style: solid;
border-width: 3px;
border-color: #F6891E;
color:black;
}
/* falls das nicht in Ordnung ist, wieder emph-2 verwenden*/
.versionButton.active
{
padding:15px;
padding-bottom:0px;
margin:10px;
background-color:#F6891E;
border-radius: 20px;
border-style: solid;
border-width: 3px;
border-color: #F6891E;
color:#ffffff;
}
.versionButton > a
{
color:black;
font-size:25px;
}
.versionButton > a:hover
{
color:black;
font-size:25px;
}
.versionButton.active > a
{
color:#ffffff;
font-size:25px;
}
.versionButton > a > strong
{
font-size:40px;
}
.demoLink:hover
{
background-color: #FBE2C8;
color: #F6891E;
}
.demoBox
{
border-radius: 4px;
border-style: solid;
border-width: 0;
background-color: #FBE2C8;
}
.demoBox > div
{
color: #F6891E;
padding-top:10px;
}
.demoBox > p
{
color: #002A13;
font-size: 14px;
margin-left:20px;
margin-top:10px;
padding-bottom:10px;
}
.startBox
{
position: relative;
border-radius: 4px;
border-style: solid;
border-width: 0;
background-color: #F6891E;
color: #F6891E;
margin-top:-5px;
margin-left: auto;
margin-right: auto;
width: 220px;
height:220px;
z-index: 99;;
}
.detailsBox
{
position: relative;
border-radius: 4px;
border-style: solid;
border-width: 5px;
background-color: #F6891E;
color: #F6891E;
margin-top:auto;
margin-left: 150px;
width: 150px;
height:55px;
z-index: 99;
}
.startlinkimgAndroidHilfe
{
/* //background-color:#000000; */
background-image: url('../../Content/Bilder/Produkte/int/android.gif');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:100%;
height:70px;
max-width:200px;
}
.startlinkimgAppleHilfe
{
/* //background-color:#000000; */
background-image: url('../../Content/Bilder/Produkte/int/apple.gif');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:100%;
height:70px;
max-width:200px;
}
.startlinkimgMicrosoftHilfe
{
/* //background-color:#000000; */
background-image: url('../../Content/Bilder/Produkte/int/microsoft.gif');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:100%;
height:70px;
max-width:200px;
}
.startSeiteExpressButton
{
background-image: url('../../Content/Bilder/Produkte/int/link.gif');
background-position: right top;
background-repeat: no-repeat;
}
.noDecoration, a:link, a:visited {
text-decoration: none;
}
@media screen and (min-width: 0px) {
.untisMobileLink.hilfe
{
margin:0px;
margin-bottom:15px;
margin-top:0px;
}
.untisExpressLink.hilfe:hover
{
background-image: url('../../Content/Bilder/Produkte/int/link.gif'), url('../../Content/Bilder/Produkte/int/Big/hg_button_untisexpress_h.jpg');
text-decoration:none;
}
.untisExpressLink.hilfe
{
margin:0px;
margin-bottom:15px;
margin-top:10px;
}
.hilfe
{
margin:0px;
margin-top:10px;
}
.untisLink.hilfe
{
background-image: url('../../Content/Bilder/Produkte/int/Big/hg_button_untis.jpg');
background-position: center;
background-repeat: no-repeat;
}
.untisLink.hilfe:hover
{
background-image: url('../../Content/Bilder/Produkte/int/Big/hg_button_untis_H.jpg');
background-position: center;
background-repeat: no-repeat;
}
.webuntisLink.hilfe
{
background-image: url('../../Content/Bilder/Produkte/int/Big/hg_button_webuntis.jpg');
background-position: center;
background-repeat: no-repeat;
}
.webuntisLink.hilfe:hover
{
background-image: url('../../Content/Bilder/Produkte/int/Big/hg_button_webuntis_h.jpg');
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 768px) {
.hilfe
{
margin:5px;
margin-top:0px;
}
.untisLink.hilfe
{
background-image: url('../../Content/Bilder/Produkte/int/hg_button_untis.jpg');
background-position: center;
background-repeat: no-repeat;
}
.webuntisLink.hilfe
{
background-image: url('../../Content/Bilder/Produkte/int/hg_button_webuntis.jpg');
background-position: center;
background-repeat: no-repeat;
}
.untisExpressLink.hilfe
{
margin:5px;
margin-bottom:15px;
}
.untisMobileLink.hilfe
{
margin:5px;
margin-bottom:15px;
}
.untisLink.hilfe:hover
{
background-image: url('../../Content/Bilder/Produkte/int/hg_button_untis_H.jpg');
background-position: center;
background-repeat: no-repeat;
}
.untisExpressLink.hilfe:hover
{
background-image: url('../../Content/Bilder/Produkte/int/link.gif'), url('../../Content/Bilder/Produkte/int/hg_button_untisexpress_h.jpg');
text-decoration:none;
}
.webuntisLink.hilfe:hover
{
background-image: url('../../Content/Bilder/Produkte/int/hg_button_webuntis_h.jpg');
background-position: center;
background-repeat: no-repeat;
}
}
.untisLink.hilfe
{
height:270px;
width:100%;
text-align: center;
font-size: 25px;
color: #fff;
padding:10px;
cursor:pointer;
}
.webuntisLink.hilfe
{
height:270px;
width:100%;
text-align: center;
font-size: 25px;
color: #fff;
padding:10px;
cursor:pointer;
}
.linkimgAndroidHilfe
{
display: inline-block;
/* //background-color:#000000; */
background-image: url('../../Content/Bilder/Produkte/int/androidSmall.gif');
background-repeat: no-repeat;
background-size: 100%;
width:17%;
height:50px;
margin:0px;
margin-top:0px;
max-width:100px;
}
.linkimgAppleHilfe
{
display: inline-block;
/* //background-color:#000000; */
background-image: url('../../Content/Bilder/Produkte/int/appleSmall.gif');
background-repeat: no-repeat;
background-size: 100%;
width:17%;
height:50px;
margin:0px;
margin-top:0px;
max-width:100px;
}
.linkimgMicrosoftHilfe
{
display: inline-block;
/* //background-color:#000000; */
background-image: url('../../Content/Bilder/Produkte/int/microsoftSmall.gif');
background-repeat: no-repeat;
background-size: 100%;
width:17%;
height:50px;
margin:0px;
margin-top:0px;
max-width:100px;
}
.linkimgAndroidHilfeCarussel
{
display: inline-block;
/* //background-color:#000000; */
background-image: url('../../Content/Bilder/Produkte/int/androidSmall.gif');
background-repeat: no-repeat;
background-size: 100%;
width:30%;
height:50px;
margin:0px;
margin-top:0px;
max-width:100px;
}
.linkimgAppleHilfeCarussel
{
display: inline-block;
/* //background-color:#000000; */
background-image: url('../../Content/Bilder/Produkte/int/appleSmall.gif');
background-repeat: no-repeat;
background-size: 100%;
width:30%;
height:50px;
margin:0px;
margin-top:0px;
max-width:100px;
}
.linkimgMicrosoftHilfeCarussel
{
display: inline-block;
/* //background-color:#000000; */
background-image: url('../../Content/Bilder/Produkte/int/microsoftSmall.gif');
background-repeat: no-repeat;
background-size: 100%;
width:30%;
height:50px;
margin:0px;
margin-top:0px;
max-width:100px;
}
@media screen and (min-width: 0px) {
.linkimgAndroid
{
-webkit-filter: brightness(100%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
background-image: url('../../Content/Bilder/Produkte/int/androidSmall.gif');
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
width:50px;
height:50px;
cursor:pointer;
}
.linkimgAndroid:hover
{
-webkit-filter: brightness(150%);
}
.linkimgApple
{
-webkit-filter: brightness(100%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
background-image: url('../../Content/Bilder/Produkte/int/appleSmall.gif');
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
width:50px;
height:50px;
cursor:pointer;
}
.linkimgApple:hover
{
-webkit-filter: brightness(150%);
}
.untisMobileLink
{
background-image: url('../../Content/Bilder/Produkte/int/link.gif'), url('../../Content/Bilder/Produkte/int/Big/hg_button_untismobile.jpg');
background-position: right top, center;
background-repeat: no-repeat;
height:110px;
width:100%;
text-align: center;
font-size: 20px;
color: #fff;
padding:10px;
}
.untisExpressLink
{
cursor:pointer;
background-image: url('../../Content/Bilder/Produkte/int/link.gif'), url('../../Content/Bilder/Produkte/int/Big/hg_button_untisexpress.jpg');
background-position: right top, center;
background-repeat: no-repeat;
height:110px;
width:95%;
text-align: center;
font-size: 20px;
color: #fff;
padding-top:25px;
padding-left:30px;
padding-right:30px;
text-decoration:none;
}
.untisExpressLink:hover
{
background-image: url('../../Content/Bilder/Produkte/int/link.gif'), url('../../Content/Bilder/Produkte/int/hg_button_untisexpress_h.jpg');
text-decoration:none;
}
a .untisExpressLink
{
text-decoration:none;
}
}
@media screen and (min-width: 992px) {
.linkimgAndroid
{
background-image: url('../../Content/Bilder/Produkte/int/android.gif');
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
width:100%;
height:60px;
}
.linkimgApple
{
background-image: url('../../Content/Bilder/Produkte/int/apple.gif');
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
width:100%;
height:60px;
}
}
@media screen and (min-width: 768px) {
.untisMobileLink
{
background-image: url('../../Content/Bilder/Produkte/int/link.gif'), url('../../Content/Bilder/Produkte/int/hg_button_untismobile.jpg');
background-position: right top, center;
background-repeat: no-repeat;
margin:10px;
margin-bottom:0px;
height:120px;
font-size: 25px;
}
.untisExpressLink
{
background-image: url('../../Content/Bilder/Produkte/int/link.gif'), url('../../Content/Bilder/Produkte/int/hg_button_untisexpress.jpg') ;
background-position: right top, center;
background-repeat: no-repeat;
margin:10px;
margin-top:0px;
height:120px;
font-size: 25px;
}
}
.startseiteImageNewsletter
{
background-image: url("../../Content/Bilder/Startseite/int/newsletter.gif");
background-repeat: no-repeat;
background-position:20px 10px;
}
.startseiteImageUntis
{
background-image: url("../../Content/Bilder/Startseite/int/untis.gif");
background-repeat: no-repeat;
background-position:20px 10px;
}
.startseiteImageNews
{
background-image: url("../../Content/Bilder/Startseite/int/news.gif");
background-repeat: no-repeat;
background-position:20px 10px;
}
.startseiteImagePartner
{
background-image: url("../../Content/Bilder/Startseite/int/partner.gif");
background-repeat: no-repeat;
background-position:20px 10px;
}
.startseiteImageAktuell
{
background-image: url("../../Content/Bilder/Startseite/int/aktuell.gif");
background-repeat: no-repeat;
background-position:20px 10px;
}
@media screen and (min-width: 0px) {
.startsmall{
margin:10px;
min-height:220px;
}
.startbig{
margin-top:10px;
}
}
@media screen and (min-width: 768px) {
.startsmall{
min-height:220px;
margin:5px;
}
.startbig{
min-height:495px;
margin-top:10px;
}
}
@media screen and (min-width: 992px) {
.startsmall{
min-height:220px;
margin:10px;
}
.startbig{
margin-top:10px;
min-height:495px;
}
}
.updatecontainer{
width:auto;
float:left;
}
.updatecontainer > button {
margin: 0 15px 15px;
}
.updateheader{
}
.updatecollapsed .updateheader{
}
.updatecontent{
height:auto;
min-height:100px;
overflow:hidden;
transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
}
.updatecollapsed .updatecontent{
min-height:0px;
height:0px;
}
@font-face {
font-family: 'chalkduster';
src: url('../../Content/Bilder/Startseite/int/Chalkduster.woff') format('woff');
}
.bestellen.bre.orange-pale:disabled {
background-color: #DDDDDD;
color: #000000;
}
.bestellen.bre.orange-pale:disabled:hover {
background-color: #DDDDDD;
color: #000000;
}
.manualList0 {
background-color: #F8F3F1;
color: black;
border-radius: 5px;
margin:5px;
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.manualList1 {
background-color: #fbe2c8;
color: black;
border-radius: 5px;
margin:5px;
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.manualList2 {
background-color: #FFFCCC;
color: black;
border-radius: 5px;
margin:5px;
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.manualListSelect{
padding-top:5px;
}
.aktuellesUl
{
list-style: none outside none;
margin: 0;
padding: 0;
}
.aktuellesA
{
}
.aktuellesA:hover
{
}
.aktuellesLi
{
cursor:pointer;
margin-bottom: 15px;
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
background-color: #FBE2C8;
color: #949190;
font-size: 18px;
padding: 11px 20px 12px;
margin-bottom: 8px;
}
.aktuellesLi:hover
{
background-color: #F6891E;
}
.aktuellesLi:hover > .aktuellesA
{
color:white;
}
.aktiv
{
color: green;
background-color: #F6891E;
}
.aktiv > .aktuellesA
{
color:white;
}
@media screen and (min-width: 0px) {
.landselectbox{
margin: 5px;
}
}
@media screen and (min-width: 768px) {
.landselectbox{
margin: 10px;
}
}
.loader {
width: 100%;
height: 100%;
z-index: 9999;
background: url('../../Content/Bilder/Veranstaltungen/int/loader.gif') 50% 50% no-repeat rgb(249,249,249);
}
.subproduct-nav.down.circleMenu-open > li
{
cursor:pointer;
}
.invisible{
visibility: hidden;
display:none;
}
.newsletterButton:disabled
{
display: inline-block;
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
cursor: default;
background-color: Silver;
color: #fff;
width: 100%;
}
.newsletterButton
{
display: inline-block;
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
background-color: #f6891e;
color: #fff;
cursor: pointer;
width: 100%;
}
/* FORM VALIDATOR ICON FIX */
.formularTab
{
max-width:300px;
cursor: default;
}
.formularDisabled
{
pointer-events: none;
max-width:300px;
cursor: default;
}
.formularDisabled:hover
{
pointer-events: none;
max-width:300px;
cursor: default;
}
@media screen and (max-width: 767px)
{
.orangeArrow
{
margin-top:40px;
}
}
@media screen and (min-width: 768px)
{
.orangeArrow
{
margin-top:80px;
}
}
.carousel-control.right.orangeArrow:before,
.carousel-control.left.orangeArrow:before {
content: '';
width: 50px;
height: 50px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
border-width: 0 0 10px 10px;
border-style: solid;
border-color: #F6891E;
display: block;
}
.carousel-control.left.orangeArrow:before {
width: 50px;
height: 50px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.MiddleImg
{
margin:auto;
display:block;
}
.form-group
{
margin:0;
padding:0;
}
.down{
top: 150px;
}
.start-down{
top: 250px;
margin-left: 50px;
margin-right: 50px;
}
.menu-container
{
height: 421px;
margin-left: 250px;
}
.bgimg
{
height: 421px;
}
/* MIXINS */
.cf {
/* zoom: 1; */
}
.cf:before,
.cf:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.cf:after {
clear: both;
}
/* WORKSPACE */
.bre,
.emph-1,
.emph-2 {
margin-bottom: 15px;
}
section .container {
padding: 40px 0;
}
.sombra .container {
padding: 0;
}
.header-overlay {
padding: 16px;
}
.header-overlay ul.list,
.header-overlay strong {
margin-bottom: 20px;
display: block;
}
.header-overlay a.emph-2 strong {
margin: 0;
}
@media screen and (min-width: 0px) {
.sombra{
visibility:hidden;
height:0;
}
.selectionList{
display:block;
min-height: 80px;
}
}
@media screen and (min-width: 768px) {
.sombra{
visibility:visible;
height: 580px;
}
.selectionList{
display:none;
min-height: 80px;
}
}
@media screen and (min-width: 992px) {
.sombra{
visibility:visible;
height: 550px;
}
}
@media screen and (min-width: 0)
{
.raphaelLine{
visibility:hidden;
}
}
@media screen and (min-width: 768px)
{
.raphaelLine{
visibility:visible;
}
}
@media screen and (min-width: 768px) {
#start-header-carousel {
height: 450px;
}
#start-header-carousel .bg-board {
background-image: url(../../Content/Bilder/Startseite/int/header_retousche500-assets/Tafel.jpg);
background-size:cover;
height: 100%;
background-position: top;
position: absolute;
width: 100%;
z-index: 0;
}
#start-header-carousel .bg-table {
background-image: url(../../Content/Bilder/Startseite/int/header_retousche500-assets/Tisch.png);
height: 100%;
background-position: bottom;
background-repeat: no-repeat;
position: absolute;
width: 100%;
z-index: 0;
bottom: -1px;
}
#start-header-carousel .item {
height: 100%;
max-height: 600px;
padding-top: 2%;
}
#start-header-carousel .carousel-inner {
height: 100%;
font-family: 'chalkduster';
color: white;
}
#start-header-carousel .carousel-inner .bre {
display: inline-block;
margin-top: 130px;
}
#start-header-carousel .carousel-inner h1 {
font-family: 'chalkduster' !important;
color: white;
font-size: 27px;
}
#start-header-carousel .carousel-inner .item > img {
position: absolute;
right: 0;
}
#start-header-carousel .carousel-inner .untis .person {
right: 10%;
bottom: 0;
}
#start-header-carousel .carousel-inner .webuntis .person {
right: 15%;
bottom: 10%;
}
#start-header-carousel .carousel-inner .uniuntis .person {
right: 20%;
}
#start-header-carousel .carousel-inner .untisexpress .person {
right: 20%;
bottom: 0;
}
#start-header-carousel .carousel-inner .untismobile .person {
right: 10%;
bottom: 0;
}
#start-header-carousel .carousel-inner .screen {
left: 14%;
bottom: 0;
}
#start-header-carousel .carousel-inner .screenshot {
left: 14.8%;
bottom: 20%;
border: 15px solid black;
}
#start-header-carousel .carousel-inner .screenshot2 {
left: 14.8%;
bottom: -19%;
height:90%;
border: 0px solid black;
}
#start-header-carousel .carousel-inner .tuev {
position: absolute;
right: 15px;
width:20%;
border: 0px solid black;
}
}
@media screen and (max-width: 1024px) {
#start-header-carousel .carousel-inner .screen {
left: 3%;
}
#start-header-carousel .carousel-inner .screenshot {
left: 5%;
}
}
@media screen and (max-width: 767px) {
#placeholder1
{
display:none;
}
}
@media screen and (min-width: 768px) {
#placeholder2
{
display:none;
}
}
@media screen and (max-width: 767px) {
nav.untis-navbar {
padding-bottom: 0px;
}
.carousel-tabs {
position: relative;
margin-top: -70px;
}
#start-header-carousel {
height: 300px;
}
#start-header-carousel .bg-board {
background-image: url(../../Content/Bilder/Startseite/int/header_retousche500-assets/Tafel.jpg);
background-size:cover;
height: 100%;
background-position: top;
width: 100%;
z-index: 0;
position: absolute;
z-index: -100;
}
#start-header-carousel .carousel-inner {
font-family: 'chalkduster';
color: white;
font-size: 0.8em;
height: 102%;
padding: 5%;
}
#start-header-carousel .carousel-inner h1 {
font-size: 1.5em;
}
#start-header-carousel .carousel-inner .person {
width: 50%;
right: 0;
position: absolute;
}
#start-header-carousel .carousel-inner .screen {
display: none;
}
#start-header-carousel .carousel-inner .screenshot {
display: none;
}
#start-header-carousel .carousel-inner .bre {
display: inline-block;
}
#start-header-carousel .carousel-inner .webuntis .person {
bottom: -32%;
}
#start-header-carousel .screen,
#start-header-carousel .screenshot {
display: none;
}
}
@media screen and (max-width: 550px) {
#start-header-carousel .carousel-inner .person {
display: none;
}
}
@media screen and (min-width: 768px) {
#header-carousel {
height: 580px;
}
#header-carousel .carousel-inner .item > img {
height: 580px;
min-width: 100%;
width: auto;
max-width: 2000%;
}
}
@media screen and (min-width: 992px) {
#header-carousel {
height: 550px;
}
#header-carousel .item {
height: 100%;
}
#header-carousel .carousel-inner .item > img {
width: auto;
height: 550px;
}
}
/* GO */
body {
font-family: 'Maven Pro', sans-serif;
overflow-x: hidden;
font-size: 1.7em;
color: #6B6B6B;
}
.dark-grey {
color: #4b4b4b;
}
.light-grey {
color: #7a7773;
}
.black {
color: #000000;
}
.white {
color: #ffffff;
}
h1 {
font-size: 40px;
color: #f6891e;
font-weight: normal;
}
h2 {
font-size: 25px;
color: #f6891e;
font-weight: normal;
}
h2.grey {
color: #4b4b4b;
}
h3 {
font-size: 18px;
color: #f6891e;
font-weight: normal;
}
h3.grey {
color: #7a7773;
}
h1.black,
h2.black {
color: #000000;
}
h1.white,
h2.white {
color: #ffffff;
}
.navbar {
margin-bottom: 0;
}
.untis-navbar {
border-bottom: 3px solid #f6891e;
background: linear-gradient(#fefefe, #f8f3f0) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
@media screen and (min-width: 0px) {
.untis-logo-small {
background: url("../../Content/Bilder/Startseite/int/logo_top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #f6891e;
display: block;
font-weight: 500;
height: 80px;
width: 120px;
display: block;
margin-left: auto;
margin-right: auto;
}
.untis-logo-small span {
display: block;
}
}
@media screen and (min-width: 0px) {
.nav-main {
color: #000000;
font-size: 17px;
font-weight: normal;
padding-top: 0px;
text-transform: uppercase;
float:none;
}
.nav-main > li > a {
padding: 15px 12px;
/* MD */
text-align: center;
margin-top: 0px;
}
}
@media screen and (min-width: 768px) {
.untis-logo-small {
background: url("../../Content/Bilder/Startseite/int/logo_top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #f6891e;
display: block;
font-weight: 500;
height: 80px;
width: 220px;
margin-top: 20px;
margin-left: 0px;
}
.untis-logo-small span {
display: block;
padding: 55px 0 0 70px;
}
.nav-main {
color: #000000;
font-size: 17px;
font-weight: normal;
padding-top: 0px;
text-transform: uppercase;
float:none;
}
.nav-main > li > a {
padding: 15px 10px;
margin-top: -20px;
}
}
@media screen and (min-width: 768px) {
.nav-main {
color: #000000;
font-size: 17px;
font-weight: normal;
padding-top: 0px;
text-transform: uppercase;
float:right;
}
}
.nav.nav-main > .active > a,
.nav.nav-main > .active > a:hover,
.nav.nav-main > .active > a:focus {
background-color: rgba(0, 0, 0, 0);
color: #f6891e;
}
@media screen and (min-width: 992px) {
.untis-logo-small {
margin-top: 0px;
}
.nav-top {
display: block;
}
.nav-main > li > a {
padding: 15px 10px;
margin-top: -20px;
}
.nav-main > li {
padding-bottom: 0px;
padding-top: 0px;
position: relative;
}
.nav.nav-main > .active:before {
border-left: 20px solid rgba(0, 0, 0, 0);
border-right: 20px solid rgba(0, 0, 0, 0);
border-top: 20px solid #f6891e;
content: "";
display: block;
height: 0;
left: 50%;
margin-left: -20px;
position: absolute;
top: 100%;
width: 0;
z-index: 1;
}
}
@media screen and (min-width: 0px) {
.cssFlagInactive {
width:30px;
display: inline;
margin: 5px;
}
.cssFlagActive {
width:30px;
display: inline;
margin: 5px;
opacity: 0.3;
}
}
@media screen and (min-width: 768px) {
.cssFlagActive {
width:30px;
display: block;
margin: 10px;
}
.cssFlagInactive {
width:30px;
display: block;
margin: 10px;
}
}
@media screen and (min-width: 0px) {
.navbar-nav.nav-top {
font-size: 13px;
float: right;
}
.navbar-nav.nav-top > li > a {
padding: 10px;
}
.nav-top > li:before {
content: "|";
left: -1px;
position: absolute;
top: 0px;
}
.nav-top > li:first-child:before {
display: none;
}
.navbar-nav>li>a {
line-height: 0px;
}
.shakup{
display: flex;
margin:0px;
padding:0px;
padding-right: 10px;
float:right;
}
.nocontent > li:before
{
content: "";
}
}
@media screen and (min-width: 768px) {
.navbar-nav.nav-top {
float: right;
font-size: 13px;
}
.navbar-nav.nav-top > li > a {
padding: 10px;
}
.nav-top > li:before {
content: "|";
left: -3px;
position: absolute;
top: 10px;
}
.nav-top > li:first-child:before {
display: none;
}
.navbar-nav>li>a {
line-height: 20px;
}
.nocontent > li:before
{
content: "";
}
}
@media screen and (min-width: 1200px) {
.nav.navbar-nav.nav-main {
margin-left: 50px;
width: 900px;
margin-top: 0px;
}
.nav-main > li > a {
padding: 15px 25px;
margin-top: -20px;
}
/* RC */
}
.navbar-nav .flag {
margin: 10px 0 10px 3px;
vertical-align: middle;
}
.navbar-nav select {
vertical-align: middle;
}
.footer-content {
background: none repeat scroll 0 0 #F9F5F2;
padding: 10px 0 10px;
color: #7A7773;
border-top: 1px solid #F5F4F4;
}
.footer-content h3 {
color: #7a7773;
}
.footer-content ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
.footer-content a {
color: #7A7773;
display: block;
padding: 0px 0;
font-size: 90%;
}
@media screen and (max-width: 767px) {
.footer-copyright {
background: none repeat scroll 0 0 #2F2E2D;
color: #FFFFFF;
line-height: 30px;
font-size: 13px;
}
}
@media screen and (min-width: 768px) {
.footer-copyright {
background: none repeat scroll 0 0 #2F2E2D;
color: #FFFFFF;
line-height: 50px;
font-size: 13px;
}
}
.footer-copyright .row > div,
.footer-nav {
text-align: center;
}
@media screen and (min-width: 768px) {
.footer-copyright .row > div:first-child {
text-align: left;
}
.footer-copyright .row > div:last-child {
text-align: right;
}
.footer-nav {
text-align: right;
}
}
.footer-nav {
list-style: none outside none;
margin: 0;
padding: 0;
}
.footer-nav > li {
display: inline-block;
position: relative;
}
.footer-nav > li > a {
color: #FFFFFF;
padding: 0 10px;
}
.footer-nav > li:before {
content: "|";
left: -3px;
position: absolute;
}
.footer-nav > li:first-child:before {
display: none;
}
/*LINK STYLES*/
.std-link {
color: #f6891e;
}
.std-link:hover,
.std-link:focus {
color: #dd8845;
}
a {
color: #f6891e;
}
a:hover,
a:focus {
color: #dd8845;
}
.unfold-more:before {
bottom: -2px;
content: ">";
display: inline-block;
margin-right: 4px;
margin-top: 0;
position: relative;
transform: rotate(90deg);
}
.unfold-more.trigger {
cursor: pointer;
}
.infobox .unfold-more.trigger {
margin-bottom: 10px;
cursor: pointer;
}
.infobox .unfold-more.trigger:hover:before {
background-color: #f6891e;
color: #fff;
}
.infobox .unfold-more.trigger:before {
content: "+";
margin-bottom: 15px;
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
font-size: 18px;
padding: 11px 20px 12px;
background-color: #fbe2c8;
color: #f6891e;
display: inline-block;
position: relative;
height: 20px;
width: 20px;
font-size: 30px;
line-height: 15px;
padding: 0;
top: 0px;
margin-right: 10px;
transform: none;
text-indent: 2px;
}
.infobox .unfold-more.trigger.trigger-on:before {
content: '-';
text-indent: 4px;
}
a.grey {
color: #b7b3b1;
}
a.grey:hover,
a.grey:focus {
color: #9b9795;
}
.dark {
color: #4b4b4b;
}
.dark:hover,
.dark:focus {
color: #222;
}
/*BASIC*/
.center {
text-align: center !important;
}
.unfold {
height: auto;
max-height: 0;
overflow: hidden;
transition: all 0.3s ease 0s;
}
.col-img {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.right-col {
float: right;
}
}
/*CAROUSEL*/
.carousel-control {
z-index: 1;
width: auto;
height: 300px;
bottom: auto;
}
.carousel-control.right,
.carousel-control.left {
width: 50px;
height: 50px;
background: none;
filter:none;
}
.carousel-control.right:before,
.carousel-control.left:before {
content: '';
width: 50px;
height: 50px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
border-width: 0 0 10px 10px;
border-style: solid;
border-color: #fff;
display: block;
}
.carousel-control.left:before {
width: 50px;
height: 50px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
.start-carousel-tabs {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
}
.start-carousel.start .carousel-tabs {
bottom: 0px;
}
.start-carousel.start .header-overlay {
background: rgba(255, 255, 255, 0.84);
height: 240px;
bottom: 0;
top: auto;
}
.header-overlay {
padding: 20px 0;
height: auto;
position: absolute;
top: 0;
bottom: 40px;
width: 100%;
}
}
.start-carousel-tabs ol {
list-style: none outside none;
margin: 0;
padding: 0;
}
.start-carousel-tabs ol > li {
display: inline-block;
}
.start-carousel-tabs ol > li > a {
display: block;
padding: 10px;
}
@media screen and (min-width: 768px) {
.carousel-tabs {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
}
.carousel.start .carousel-tabs {
bottom: 240px;
}
.carousel.start .header-overlay {
background: rgba(255, 255, 255, 0.84);
height: 240px;
bottom: 0;
top: auto;
}
.header-overlay {
padding: 20px 0;
height: auto;
position: absolute;
top: 0;
bottom: 40px;
width: 100%;
}
}
.carousel-tabs ol {
list-style: none outside none;
margin: 0;
padding: 0;
}
.carousel-tabs ol > li {
display: inline-block;
}
.carousel-tabs ol > li > a {
display: block;
padding: 10px;
}
.shop-gallery ul > li {
cursor: pointer;
text-align: center !important;
overflow: hidden;
width: 50px;
height: 50px;
border: 1px solid #ccc;
}
.shop-gallery ul > li:before {
display: inline-block;
padding: 0;
margin: 0;
width: 1px;
height: 100%;
margin-left: -1px;
vertical-align: middle;
content: '' !important;
}
.shop-gallery ul > li img {
width: 100%;
height: auto;
}
.shop-gallery .carousel-inner {
height: 400px;
border: 1px solid #ccc;
margin-bottom: 20px;
}
.shop-gallery .carousel-inner .item {
text-align: center !important;
text-align: center;
}
.shop-gallery .carousel-inner img {
margin: 0 auto;
}
.shop-form {
padding-top: 30px;
line-height: 40px;
}
.shop-article {
padding-bottom: 50px;
}
/* COLHEADS */
.colhead-1:before {
background-image: url('../../Content/Bilder/Startseite/int/colhead-1.png');
background-repeat: no-repeat;
display: block;
content: '';
width: 77px;
height: 77px;
background-position: 0 -77px;
}
.colhead-1 {
border-radius: 77px;
border-color: #d4d1d0;
border-width: 2px;
border-style: solid;
margin: 0 auto 20px;
width: 77px;
font-size: 20px;
line-height: 77px;
color: #b7b3b1;
text-align: center;
}
.colhead-1.plain:before {
display: none;
}
.colhead-1.document:before {
background-position: 0 0;
}
.colhead-1.newsletter:before {
background-position: -77px 0;
}
.colhead-1.yr_2015:before {
background-image: none;
content: "2015";
}
.colhead-1.globe:before {
background-position: -154px 0;
}
.colhead-1.time:before {
background-position: -233px 0;
}
.colhead-1.orange-hard {
background-color: #f6891e;
color: #fff;
border-color: #f6891e;
}
.colhead-2 {
height: 120px;
width: 120px;
display: block;
text-align: center;
border-radius: 120px;
margin: 0 auto 20px;
font-size: 25px;
}
.colhead-2 span {
display: inline-block;
line-height: 30px;
height: 100px;
margin-top: 25px;
color: #fff;
}
.colhead-2:before {
content: '';
display: inline-block;
height: 120px;
width: 1px;
margin-left: -1px;
padding: 0;
vertical-align: middle;
}
.active .colhead-2 {
background: #f6891e;
color: #fff;
}
/* SECTIONS */
.start-sombra .container {
padding: 0;
}
@media screen and (min-width: 0px) {
.start-sombra{
visibility:hidden;
height:0;
}
}
@media screen and (min-width: 768px) {
.start-sombra{
visibility:visible;
height: 450px;
}
}
@media screen and (min-width: 992px) {
.start-sombra{
visibility:visible;
height: 450px;
}
}
.start-sombra {
position: relative;
}
.start-sombra:before,
.start-sombra:after {
background-image: url("../../Content/Bilder/Startseite/int/sombra.png");
background-position: 0 -1px;
background-repeat: no-repeat;
content: "";
height: 38px;
position: absolute;
right: auto;
top: 100%;
width: 670px;
z-index: 1;
}
.start-sombra:after {
background-position: 0 -40px;
left: auto;
right: 0;
}
.sombra {
position: relative;
}
.sombra:before,
.sombra:after {
background-image: url("../../Content/Bilder/Startseite/int/sombra.png");
background-position: 0 -1px;
background-repeat: no-repeat;
content: "";
height: 38px;
position: absolute;
right: auto;
top: 100%;
width: 670px;
z-index: 1;
}
.sombra:after {
background-position: 0 -40px;
left: auto;
right: 0;
}
@media screen and (min-width: 768px) {
.split-1 .container {
background-image: url("../../Content/Bilder/Startseite/int/bg-faderight.png");
background-repeat: repeat-y;
background-position: 69% 0;
}
}
@media screen and (min-width: 992px) {
.split-1 .container {
background-position: 84% 0;
}
}
@media screen and (min-width: 1180px) {
.split-1 .container {
background-position: 81.1% 0;
}
}
/*TABS*/
@media screen and (min-width: 500px) {
.min-tab {
height: 40px;
}
}
.min-tab > li {
border-radius: 3px 3px 0 0;
height: 40px;
min-width: 100px;
overflow: hidden;
text-align: center;
}
.min-tab > li > a {
background: rgba(255, 255, 255, 0.84);
color: #222;
}
.min-tab > li.active > a {
background: none repeat scroll 0 0 #f6891e;
color: #fff;
}
/*-------------------------*/
/* BUTTONS + EXTENSIONS */
/*-------------------------*/
/*ROUND EDGE BUTTON*/
.bre {
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
}
.bre.bre-lg {
font-size: 18px;
padding: 11px 20px 12px;
}
.bre.bre-inline {
display: inline-block;
}
.bre.orange-hard {
background-color: #f6891e;
color: #fff;
}
.btn{
background-color: #DDDDDD;
color: #000000;
}
.btn:hover {
background-color: #AAAAAA;
color: #fff;
}
.btn.orange-pale {
background-color: #fbe2c8;
color: #f6891e;
}
.btn.orange-pale:hover {
background-color: #f6891e;
color: #fff;
}
.bre.orange-pale {
background-color: #fbe2c8;
color: #f6891e;
}
.bre.orange-pale:hover {
background-color: #f6891e;
color: #fff;
}
.bre.yellow-pale {
background-color: #fdf7cf;
color: #f6b01a;
}
.bre.green-pale {
background-color: #d1f2bc;
color: #39ae5f;
}
.bre.pale {
background-color: #f8f3f1;
color: #949190;
}
.bre.red {
background-color: #ff5215;
color: #fff;
}
.bre.input {
border-color: #b9b9b9;
border-width: 2px;
font-size: 21px;
text-align: left;
background: #fff;
}
.bre.input.pale {
background: #f7f7f7;
}
input.bre.bre-inline {
width: auto;
}
input.bre {
width: 100%;
}
.bre p {
color: #000;
margin: 10px 0 0;
padding: 0;
font-size: 14px;
}
.new {
display: inline-block;
position: relative;
padding-left: 58px;
}
.new:before {
margin-bottom: 15px;
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
display: inline-block;
background-color: #fbe2c8;
color: #f6891e;
content: 'New';
position: absolute;
top: 0;
left: 0;
}
.substract {
display: block;
color: white;
height: 35px;
width: 35px;
border-radius: 35px;
background: red;
text-align: center;
line-height: 29px;
font-size: 35px;
}
.substract:hover,
.substract:link,
.substract:active,
.substract:focus {
color: white;
text-decoration: none;
}
.substract:hover {
background: DarkRed;
}
.substract:before {
content: '-';
}
.add {
display: block;
color: white;
height: 35px;
width: 35px;
border-radius: 35px;
background: #38b600;
text-align: center;
line-height: 29px;
font-size: 35px;
}
.add:hover,
.add:link,
.add:active,
.add:focus {
color: white;
text-decoration: none;
}
.add:hover {
background: #288002;
}
.add:before {
content: '+';
}
.emph-1 {
display: block;
height: 20px;
line-height: 40px;
clear: both;
font-weight: bold;
}
.emph-1:before {
/*background: url("../../Content/Bilder/Produkte/int/emph-1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
content: "";
display: inline-block;
height: 46px;
margin-right: 10px;
padding: 0;
vertical-align: middle;
width: 40px;*/
}
.semicirclediv
{
padding-top:50px;
}
.emph-1.star:before {
background-position: 0 0;
margin-right: 7px;
}
.emph-1.untis:before {
background-position: -40px 0;
margin-right: -18px;
}
.emph-1.semicircle:before {
background-position: -80px center;
margin-right: -18px;
}
.emph-2 {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.25);
border-color: #fff;
border-radius: 3px;
border-style: solid;
border-width: 2px;
color: #f6891e;
padding: 8px 14px;
display: block;
}
.emph-2 strong {
display: block;
font-size: 200%;
font-weight: 400;
}
.ics-1:before {
background-image: url("../../Content/Bilder/Produkte/int/ics-1.png");
background-repeat: no-repeat;
content: '';
display: inline-block;
height: 24px;
vertical-align: middle;
width: 24px;
margin-right: 8px;
left: 0px;
}
.ics-1 {
display: block;
position: relative;
}
.ics-1.orange-pale:before {
margin-bottom: 15px;
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
background-color: #fbe2c8;
color: #f6891e;
}
.ics-1.align {
padding-left: 32px !important;
min-height: 31px;
}
.ics-1.align:before {
position: absolute;
left: 0;
}
.ics-1.doc:before {
background-position: 0px 0;
}
.ics-1.doc.dark:before {
background-position: 0px -24px;
}
.ics-1.doc.light:before {
background-position: 0px -48px;
}
.ics-1.pdf:before {
background-position: -24px 0;
}
.ics-1.pdf.dark:before {
background-position: -24px -24px;
}
.ics-1.pdf.light:before {
background-position: -24px -48px;
}
.ics-1.extlink:before {
background-position: -48px 0;
}
.ics-1.extlink.dark:before {
background-position: -48px -24px;
}
.ics-1.extlink.light:before {
background-position: -48px -48px;
}
.ics-1.download:before {
background-position: -72px 0;
}
.ics-1.download.dark:before {
background-position: -72px -24px;
}
.ics-1.download.light:before {
background-position: -72px -48px;
}
.ics-1.info:before {
background-position: -96px 0;
}
.ics-1.info.dark:before {
background-position: -96px -24px;
}
.ics-1.info.light:before {
background-position: -96px -48px;
}
.ics-1.mail:before {
background-position: -120px 0;
}
.ics-1.mail.dark:before {
background-position: -120px -24px;
}
.ics-1.mail.light:before {
background-position: -120px -48px;
}
.ics-1.phone:before {
background-position: -144px 0;
}
.ics-1.phone.dark:before {
background-position: -144px -24px;
}
.ics-1.phone.light:before {
background-position: -144px -48px;
}
.ics-2 {
width: 64px;
height: 64px;
background-image: url('resources/images/icons/ics-2.png');
background-repeat: no-repeat;
background-position: 0 0;
content: '';
}
.ics-2.workshop {
background-position: 0px 0;
}
.ics-2.meet {
background-position: -64px 0;
}
.ics-2.presentation {
background-position: -128px 0;
}
/*
.ics-1.doc {
&:before { background-position: 0 0;}
&.dark:before { background-position: 0 -24px;}
&.light:before { background-position: 0 -48px;}
}
.ics-1.pdf:before {
&:before { background-position: 0 0;}
&.dark:before { background-position: 0 -24px;}
&.light:before { background-position: 0 -48px;}
}
.ics-1.extlink:before {
background-position: -48px 0;
&.dark {background-position: -48px -24px;}
&.light {background-position: -48px -48px;}
}
*/
/* REDIRECT */
.redirect:after,
.redirect-back:before {
display: inline-block;
text-decoration: none;
}
.redirect:after {
content: " >";
margin-left: 10px;
}
.redirect-back:before {
content: "< ";
margin-right: 10px;
}
.bre.orange-hard.redirect.disabled
{
text-decoration: none;
background-color: Silver ;
color: #fff;
}
/*TABLE OVVERIDES*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
border-top: 0;
}
.table-striped > tbody > tr:nth-child(2n) > td,
.table-striped > tbody > tr:nth-child(2n) > th {
background-color: #f8f3f1;
}
.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {
background-color: #fff;
}
.table-striped > thead {
background: #f8f3f1;
}
th,
.table > thead > tr > th,
.table > tbody > tr > th {
padding-left: 20px;
}
#table-Referenzen > thead > tr > *:nth-child(1),
#table-Referenzen > tbody > tr > *:nth-child(1),
#table-Referenzen > thead > tr > *:nth-child(4),
#table-Referenzen > tbody > tr > *:nth-child(4) {
display: none;
}
@media screen and (min-width: 768px) {
#table-Referenzen > thead > tr > *:nth-child(1),
#table-Referenzen > tbody > tr > *:nth-child(1),
#table-Referenzen > thead > tr > *:nth-child(4),
#table-Referenzen > tbody > tr > *:nth-child(4) {
display: table-cell;
}
}
/*LIST*/
.list {
list-style: none outside none;
margin: 0;
padding: 0;
}
.list.indent {
padding-left: 40px;
}
.list.plain > li:before {
content: none;
}
.list > li:before {
background: none repeat scroll 0 0 #f6891e;
border-radius: 10px;
content: "";
display: inline-block;
height: 8px;
margin-left: 12px;
margin-right: 15px;
position: relative;
top: -1px;
width: 8px;
}
li.split {
height: 1px;
background: #aaa;
width: 100%;
padding: 0 !important;
margin: 5px 0;
}
.list.float > li {
float: left;
margin-right: 10px;
}
.playlist {
list-style: none outside none;
margin: 0;
padding: 0;
}
.playlist.indent {
padding-left: 40px;
}
.playlist.plain > li:before {
content: none;
}
.playlist li {
position: relative;
padding-left: 40px;
margin-bottom: 0px;
line-height: 32px;
}
.playlist li a {
color: #000000;
}
.playlist li.active a {
color: #f6891e;
}
.playlist li.active a:hover,
.playlist li.active a:focus {
color: #dd8845;
}
.playlist li:before {
color: #f6891e;
position: absolute;
border-width: 3px;
left: 0;
top: 3px;
height: 28px;
width: 28px;
content: '\25B6';
font-size: 15px;
border-style: solid;
text-indent: 6px;
line-height: 23px;
border-radius: 20px;
}
.plain-tab {
margin-bottom: 15px;
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
font-size: 18px;
padding: 11px 20px 12px;
background-color: #f8f3f1;
color: #949190;
border-radius: 0;
margin-bottom: 0;
}
.plain-tab.active {
background-color: #f6891e;
color: #fff;
}
ol.plain-tabs {
counter-reset: li;
}
ol.plain-tabs > li > a:before {
content: counter(li) '. ';
counter-increment: li;
}
.plain-tabs {
padding: 0;
margin: 0 0 10px 0;
}
.plain-tabs.bordered {
border-bottom: 1px solid #f8f3f1;
}
.plain-tabs.outer-round > li:first-child > a {
border-radius: 3px 0 0 3px;
}
.plain-tabs.outer-round > li:last-child > a {
border-radius: 0 3px 3px 0;
}
@media screen and (min-width: 0px) {
.plain-tabs > li {
display: inline-block;
margin-bottom: 0;
padding: 0;
width: 100%;
}
}
@media screen and (min-width: 768px) {
.plain-tabs > li {
display: inline-block;
margin-bottom: 0;
padding: 0;
width: 50%;
}
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 768px) {
.plain-tabs > li {
display: inline-block;
margin-bottom: 0;
padding: 0;
width: 33%;
}
}
.plain-tabs > li a {
margin: 15px;
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
font-size: 18px;
padding: 11px 20px 12px;
background-color: #f8f3f1;
color: #949190;
border-radius: 0;
margin-bottom: 0;
}
.plain-tabs > li a.active {
background-color: #f6891e;
color: #fff;
}
.plain-tabs > li.active > a {
background-color: #f6891e;
color: #fff;
}
.breadcrumb {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
font-size: 75%;
padding: 10px 0;
}
.breadcrumb > li + li:before {
color: inherit;
content: ">";
}
.error {
margin-bottom: 15px;
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
background-color: #ff5215;
color: #fff;
text-align: center !important;
}
.required {
border-color: #ff5215 !important;
}
.form-segment {
color: #000000;
background: #f8f3f1;
padding: 18px 12px;
}
.form-list {
list-style: none;
padding: 4px 20px;
}
.form-list.outer > li {
padding: 10px 0;
}
.form-list input {
margin-right: 10px;
}
.form-list > li > a {
color: #000000;
}
.form-list > li.active > a {
margin-bottom: 15px;
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
display: inline-block;
background-color: #fbe2c8;
color: #f6891e;
margin: 0;
position: relative;
border-radius: 3px 0 0 3px;
}
.form-list > li.active > a:after {
content: '';
left: 100%;
border-left: 10px solid #fbe2c8;
border-top: 16px solid rgba(0, 0, 0, 0);
border-bottom: 16px solid rgba(0, 0, 0, 0);
height: 0;
padding: 0;
top: 50%;
margin-top: -16px;
position: absolute;
}
.col-arrow:after {
position: absolute;
display: block;
border-style: solid;
border-color: #d9d5d3;
border-width: 3px 3px 0 0;
content: '';
width: 50px;
height: 50px;
transform: rotate(45deg);
right: 0;
top: 50%;
margin-top: -25px;
}
.side-block-1 {
padding-bottom: 20px;
clear: both;
}
.side-block-1 .emph-1 {
color: #f6891e;
}
.side-block-1 ul {
padding-bottom: 10px;
}
.sub-menu {
list-style: none outside none;
margin: 0;
padding: 0;
}
.sub-menu.indent {
padding-left: 40px;
}
.sub-menu.plain > li:before {
content: none;
}
.sub-menu > li > a {
margin-bottom: 15px;
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
background-color: #f8f3f1;
color: #949190;
font-size: 18px;
padding: 11px 20px 12px;
margin-bottom: 8px;
}
.sub-menu > li.active.c2 > a{
background-color: #F8F3F1;
color: #949190;
}
.sub-menu > li.active.c2 > a:hover{
background-color: #F6891E;
color: #ffffff;
}
.sub-menu > li > a:hover {
background-color: #F6891E;
color: #ffffff;
}
.sub-menu > li.active > a{
background-color: #FBE2C8;
color: #F6891E;
}
.sub-menu > li > ul {
list-style: none outside none;
margin: 0;
padding: 0;
padding-left: 40px;
display: none;
}
.sub-menu > li > ul.indent {
padding-left: 40px;
}
.sub-menu > li > ul.plain > li:before {
content: none;
}
.sub-menu > li.active > a {
/* background-color: #fbe2c8;
color: #f6891e; */
}
.sub-menu > li.active > ul {
display: block;
}
.sub-menu > li.active > ul li > a {
color: #4b4b4b;
padding: 2px 0 5px;
display: block;
}
.sub-menu > li.active > ul li.active > a {
color: #f6891e;
}
.sub-menu > li.active > ul li.active > a:hover,
.sub-menu > li.active > ul li.active > a:focus {
/* color: #dd8845; */
}
.infobox {
/* *zoom: 1; */
background: #f8f3f1;
padding: 0px 15px 0px;
border-radius: 4px;
margin-bottom: 5px;
}
.infobox.newsworthy{
/* *zoom: 1; */
background: #f8f3f1;
padding: 0px 15px 15px 15px;
border-radius: 4px;
margin-bottom: 5px;
}
.infobox:before,
.infobox:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.infobox:after {
clear: both;
}
.infobox .list.plain li {
padding: 6px 0;
}
.infobox .carousel-nav ol {
list-style: none;
padding: 10px 0;
margin: 0 0 0 0;
text-align: center;
border-top: 1px solid #c4c4c4;
}
.infobox .carousel-nav ol li {
margin: 0 10px 10px 0;
display: inline-block;
position: relative;
}
.infobox .carousel-nav ol li a {
color: #6B6B6B;
padding: 8px 10px;
display: block;
font-size: 90%;
}
.infobox .carousel-nav ol li.active a {
background: #f7ddc2;
color: #f6891e;
position: relative;
z-index: 1;
}
.infobox .carousel-nav ol li.active a:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border-top: 15px solid #f7ddc2;
border-left: 15px solid rgba(0, 0, 0, 0);
border-right: 15px solid rgba(0, 0, 0, 0);
margin-top: -3px;
}
.infobox-size-1 {
min-height: 400px;
}
.infobox-size-2 {
min-height: 300px;
}
@media screen and (min-width: 992px) {
.infobox .carousel-nav ol {
border-top: 0px solid #aaa;
}
.infobox .carousel-nav ol li {
border-top: 1px solid #aaa;
margin: 0;
display: block;
text-align: left;
}
.infobox .carousel-nav ol li:first-child {
border-top: 0px solid #aaa;
}
.infobox .carousel-nav ol li.active a:after {
/*background:#ff0;*/
position: absolute;
display: block;
/*height: 10px;
width: 10px;*/
content: '';
left: 100%;
top: 50%;
margin-top: -17px;
margin-left: 0;
border-left: 10px solid #f7ddc2;
border-top: 17px solid rgba(255, 255, 255, 0);
border-bottom: 17px solid rgba(255, 255, 255, 0);
z-index: 0;
}
}
/* SELECTBOX OVERRRIDE */
.sbHolder {
margin-bottom: 15px;
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
border-color: #b9b9b9;
border-width: 2px;
font-size: 21px;
text-align: left;
background: #fff;
border-width: 2px !important;
}
.sbHolder.pale {
background: #f7f7f7;
}
.select-Thema ~ .sbHolder > a {
padding-left: 84px;
color: #f6891e;
}
.select-Thema ~ .sbHolder:before {
content: 'Thema ';
line-height: 33px;
}
/* BUTTON PRESETS */
.dl-update {
margin-bottom: 15px;
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
font-size: 18px;
padding: 11px 20px 12px;
background-color: #f6891e;
color: #fff;
margin: 17px 0 0 0;
}
.dl-update:hover,
.dl-update:link {
color: #fff;
}
/* DEFINITION LIST */
dl {
/* *zoom: 1; */
clear: left;
}
dl:before,
dl:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
dl:after {
clear: both;
}
dd,
dt {
display: block;
float: left;
}
dt {
clear: left;
}
dt:after {
content: ':';
margin-right: 4px;
display: inline-block;
}
/* MAP HELP */
#map {
height: 500px;
margin-bottom: 20px;
}
/* VERANSTALTUNGEN */
.time-scrub {
list-style: none outside none;
margin: 0;
padding: 0;
/* *zoom: 1; */
text-align: center !important;
}
.time-scrub.indent {
padding-left: 40px;
}
.time-scrub.plain > li:before {
content: none;
}
.time-scrub:before,
.time-scrub:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.time-scrub:after {
clear: both;
}
.time-scrub > li {
display: inline-block;
margin-right: 5px;
margin-bottom: 10px;
}
.time-scrub > li.active > a {
background-color: #f6891e;
color: #fff;
}
.time-scrub > li.empty > a {
background-color: #e7e7e7;
color: #fff;
text-decoration: none
}
.time-scrub > li.active > a:after {
content: '';
border-top: 10px solid #f6891e;
border-left: 10px solid rgba(0, 0, 0, 0);
border-right: 10px solid rgba(0, 0, 0, 0);
top: 100%;
left: 50%;
margin-left: -10px;
}
.time-scrub > li.active.empty> a:after {
content: '';
border-top: 10px solid #e7e7e7;
border-left: 10px solid rgba(0, 0, 0, 0);
border-right: 10px solid rgba(0, 0, 0, 0);
top: 100%;
left: 50%;
margin-left: -10px;
}
.time-scrub > li a {
margin-bottom: 15px;
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
background-color: #fbe2c8;
color: #f6891e;
position: relative;
}
.time-scrub > li a:after {
position: absolute;
display: block;
}
.time-scrub > li a:hover {
background-color: #f6891e;
color: #fff;
}
.time-scrub > li.empty a:hover {
background-color: #e7e7e7;
color: #fff;
}
.time-scrub.plain.list > li {
display: block;
float: left;
}
/* THEMES */
.ausgebucht,
.abgesagt {
position: relative;
}
.ausgebucht:after,
.abgesagt:after {
background-position: left top;
background-repeat: no-repeat;
border: 0 none;
bottom: 0;
content: "";
display: block;
left: 20px;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
}
.ausgebucht:after {
background-image: url("../../Content/Bilder/Veranstaltungen/int/ausgebucht.png");
}
.abgesagt:after {
background-image: url("../../Content/Bilder/Veranstaltungen/int/abgesagt.png");
}
.theme-workshop .avatar {
width: 64px;
height: 64px;
background-image: url('resources/images/icons/ics-2.png');
background-repeat: no-repeat;
background-position: 0 0;
content: '';
background-position: 0px 0;
margin: 20px auto 0;
}
.theme-workshop .avatar.workshop {
background-position: 0px 0;
}
.theme-workshop .avatar.meet {
background-position: -64px 0;
}
.theme-workshop .avatar.presentation {
background-position: -128px 0;
}
.theme-workshop h1,
.theme-workshop h2,
.theme-workshop h3,
.theme-workshop h4 {
color: #ffa415; /* color: #ffffcc; */
}
.theme-workshop .theme-box {
/* background: #f8f3f1; */
background: #fffccc;
padding: 0 40px 0 20px;
/*
Netter Uebergangseffekt http://stackoverflow.com/questions/6008324/fade-effect-on-link-hover
*/
/* First we need to help some browsers along for this to work.
Just because a vendor prefix is there, doesn't mean it will
work in a browser made by that vendor either, it's just for
future-proofing purposes I guess. */
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;
}
.theme-workshop .theme-box:hover
{
background: #e7e7e7; /* #ffc832; */
background-repeat: repeat !important;
}
.theme-workshop .theme-box:before {
display: none;
}
.theme-workshop .content {
margin-bottom: 20px;
}
.theme-workshop .bre {
color: #ffa415;
text-align: center !important;
}
.theme-workshop .bre.theme:hover {
background-color: #f6891e;
color: #fff;
}
.theme-workshop .bre.theme:disabled:hover {
background-color: Silver ;
color: #fff;
}
.theme-workshop .bre.theme:disabled {
background-color: Silver ;
color: #fff;
}
.theme-meet .bre.theme:disabled:hover {
background-color: Silver ;
color: #fff;
}
.theme-meet .bre.theme:disabled {
background-color: Silver ;
color: #fff;
}
.theme-presentation .bre.theme:disabled:hover {
background-color: Silver ;
color: #fff;
}
.theme-presentation .bre.theme:disabled {
background-color: Silver ;
color: #fff;
}
.theme-presentation .bre.theme:hover {
background-color: ForestGreen;
color: #fff;
}
.theme-meet .bre.theme:hover {
background-color: RoyalBlue;
color: #fff;
}
.theme-workshop .bre.theme {
background: #fce5ae;
padding-left: 30px;
padding-right: 30px;
}
.theme-workshop .bre.theme:before {
display: none;
}
.theme-workshop .list > li:before {
background: none repeat scroll 0 0 #ffc832;
}
.theme-meet .avatar {
width: 64px;
height: 64px;
background-image: url('resources/images/icons/ics-2.png');
background-repeat: no-repeat;
background-position: 0 0;
content: '';
background-position: -64px 0;
margin: 20px auto 0;
}
.theme-meet .avatar.workshop {
background-position: 0px 0;
}
.theme-meet .avatar.meet {
background-position: -64px 0;
}
.theme-meet .avatar.presentation {
background-position: -128px 0;
}
.theme-meet h1,
.theme-meet h2,
.theme-meet h3,
.theme-meet h4 {
color: #0db2cb;
}
.theme-meet .theme-box {
background: #CEF6F5; /*#f8f3f1; */
padding: 0 40px 0 20px;
/*
Netter Uebergangseffekt http://stackoverflow.com/questions/6008324/fade-effect-on-link-hover
*/
/* First we need to help some browsers along for this to work.
Just because a vendor prefix is there, doesn't mean it will
work in a browser made by that vendor either, it's just for
future-proofing purposes I guess. */
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;
}
.theme-meet .theme-box:before {
display: none;
}
.theme-meet .theme-box:hover
{
background: #e7e7e7; /* #ffc832; */
background-repeat: repeat !important;
}
.theme-meet .content {
margin-bottom: 20px;
}
.theme-meet .bre {
color: #084B8A;
text-align: center !important;
}
.theme-meet .bre.theme {
background: #81DAF5; /* #c4ecf1; */
padding-left: 30px;
padding-right: 30px;
}
.theme-meet .bre.theme:before {
display: none;
}
.theme-meet .list > li:before {
background: none repeat scroll 0 0 #0db2cb;
}
.theme-presentation .avatar {
width: 64px;
height: 64px;
background-image: url('resources/images/icons/ics-2.png');
background-repeat: no-repeat;
background-position: 0 0;
content: '';
background-position: -128px 0;
margin: 20px auto 0;
}
.theme-presentation .avatar.workshop {
background-position: 0px 0;
}
.theme-presentation .avatar.meet {
background-position: -64px 0;
}
.theme-presentation .avatar.presentation {
background-position: -128px 0;
}
.theme-presentation h1,
.theme-presentation h2,
.theme-presentation h3,
.theme-presentation h4 {
color: #008800;
}
.theme-presentation .theme-box {
background: #ddffcc; /* #f8f3f1; */
padding: 0 40px 0 20px;
/*
Netter Uebergangseffekt http://stackoverflow.com/questions/6008324/fade-effect-on-link-hover
*/
/* First we need to help some browsers along for this to work.
Just because a vendor prefix is there, doesn't mean it will
work in a browser made by that vendor either, it's just for
future-proofing purposes I guess. */
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;
}
.theme-presentation .theme-box:hover
{
background: #e7e7e7; /* #ffc832; */
background-repeat: repeat !important;
}
.theme-presentation .theme-box:before {
display: none;
}
.theme-presentation .content {
margin-bottom: 20px;
}
.theme-presentation .bre {
color: #008800; /* #ff5d2a; */
text-align: center !important;
}
.theme-presentation .bre.theme {
background: #aadd88;
padding-left: 30px;
padding-right: 30px;
}
.theme-presentation .bre.theme:before {
display: none;
}
.theme-presentation .list > li:before {
background: none repeat scroll 0 0 #ff5215;
}
section.products {
background: url("../../Content/Bilder/Produkte/int/produkte1.jpg") repeat-x scroll center top #ffffff;
}
body.products {
background: url("../../Content/Bilder/Produkte/int/produkte1.jpg") repeat-x scroll center top #ffffff;
background-size: 100% 100%;
}
.product-main {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.42);
padding: 50px 20px;
margin-top: 30px;
position: relative;
}
.product-main:before {
content: '';
position: absolute;
bottom: 100%;
border-bottom: 16px solid rgba(255, 255, 255, 0.42);
border-left: 16px solid rgba(0, 0, 0, 0);
border-right: 16px solid rgba(0, 0, 0, 0);
margin-left: -16px;
}
.product-main > .item {
position: relative;
}
.product-main[data-pointer="0"]:before,
.product-main[data-pointer="2"]:before {
left: 25%;
}
.product-main[data-pointer="1"]:before {
left: 75%;
}
.product-main[data-pointer="3"]:before,
.product-main[data-pointer="4"]:before {
left: 75%;
}
@media screen and (min-width: 540px) {
.product-main[data-pointer="3"]:before {
left: 62.5%;
}
.product-main[data-pointer="4"]:before {
left: 87.5%;
}
}
@media screen and (min-width: 768px) {
.product-main[data-pointer="0"]:before {
left: 12.5%;
}
.product-main[data-pointer="1"]:before {
left: 37.5%;
}
.product-main[data-pointer="2"]:before {
left: 63.5%;
}
.product-main[data-pointer="3"]:before,
.product-main[data-pointer="4"]:before {
left: 88.5%;
}
}
h1.product
{
font-size: 30px;
}
.product > ul
{
padding-left : 20px;
}
.product-select.untis {
background-image: url(../../Content/Bilder/Produkte/int/hg_button_untis.jpg);
background-repeat: no-repeat;
background-position: center;
}
.product-select.untis:hover{
background-image: url(../../Content/Bilder/Produkte/int/hg_button_untis_H.jpg);
background-repeat: no-repeat;
background-position: center;
}
.product-select.webuntis {
background-image: url(../../Content/Bilder/Produkte/int/hg_button_webuntis.jpg);
background-repeat: no-repeat;
background-position: center;
}
.product-select.webuntis:hover{
background-image: url(../../Content/Bilder/Produkte/int/hg_button_webuntis_h.jpg);
background-repeat: no-repeat;
background-position: center;
}
.product-select.uniuntis {
background-image: url(../../Content/Bilder/Produkte/int/hg_button_uniuntis.jpg);
background-repeat: no-repeat;
background-position: center;
}
.product-select.uniuntis:hover{
background-image: url(../../Content/Bilder/Produkte/int/hg_button_uniuntis_h.jpg);
background-repeat: no-repeat;
background-position: center;
}
.product-select.express.small {
background-image: url(../../Content/Bilder/Produkte/int/hg_button_untisexpress.jpg);
background-repeat: no-repeat;
background-position: center;
}
.product-select.express.small:hover{
background-image: url(../../Content/Bilder/Produkte/int/hg_button_untisexpress_h.jpg);
background-repeat: no-repeat;
background-position: center;
}
.product-select.mobile.small {
background-image: url(../../Content/Bilder/Produkte/int/hg_button_untismobile.jpg);
background-repeat: no-repeat;
background-position: right top, center;
margin-left: 10px;
margin-top: 10px;
font-size: 25px;
}
.product-select.mobile.small:hover{
background-image: url(../../Content/Bilder/Produkte/int/hg_button_untismobile_h.jpg);
background-repeat: no-repeat;
background-position: right top, center;
}
.product-select {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
text-align: center;
transition: all 0.0s ease 0s;
cursor: pointer;
}
.product-select:hover {
background: rgba(255, 255, 255, 0.9);
}
.product-select.small:first-child {
margin-bottom: 20px;
}
.product-select .colhead-2 {
display: block;
}
.product-select.active {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
cursor: inherit;
}
.product-select.mobile.active {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
cursor: inherit;
}
.product-select.mobile.active:hover {
background: none;
}
.product-select.express.active {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
cursor: inherit;
}
.product-select.express.active:hover {
background: none;
}
.product-select.active:hover {
background: none;
}
.product-select > * {
display: none;
}
@media screen and (min-width: 540px) {
.product-select.active > * {
display: inherit;
}
}
@media screen and (max-width: 539px) {
.product-select.small .colhead-2:before {
content: none;
}
.product-select.small .colhead-2 {
border-radius: 0;
height: auto;
width: auto;
}
.product-select.small .colhead-2 span {
height: auto;
margin: 0;
padding: 9.7px 6px;
}
.product-select.small:first-child {
margin: 0;
}
}
/* @media screen and (min-width: 540px) and (max-width: 767px) {
.colhead-2 {
/* //left: 0; */
/* position: absolute; */
/* }
.product-select {
height: 110px;
margin-bottom: 30px;
padding-left: 130px;
position: relative;
} */
/* .product-select.small { */
/* //float: left; */
/* margin-left: 0.7%;
padding: 0;
width: 49.6%;
}
.product-select.small:first-child {
margin-left: 0;
margin-right: 0;
} */
/* } */
@media screen and (min-width: 768px) {
.product-select {
height: 260px;
}
.product-select.small {
height: 120px;
}
}
.subproduct-nav {
list-style: none outside none;
margin: 0;
padding: 0;
margin-top: 10px;
}
.subproduct-nav.indent {
padding-left: 40px;
}
.subproduct-nav.plain > li:before {
content: none;
}
.subproduct-nav > li > a {
white-space: nowrap;
margin-bottom: 15px;
border-radius: 4px;
display: block;
border-style: solid;
border-width: 0;
font-size: 15px;
padding: 6px 10px 6px;
background-color: #f8f3f1;
color: #949190;
margin-bottom: 0;
}
.subproduct-nav > li:first-child > a {
background-color: #ffffff;
color: #000;
border-style: solid;
border-width: 5px;
border-color: #f6891e;
}
.subproduct-nav > li:first-child > a.active{
background-color: #f6891e;
color: #fff;
}
@media screen and (min-width: 768px) {
.subproduct-nav {
display: block;
position: relative;
height: 100%;
width: 100%;
}
.subproduct-nav > li {
position: absolute;
z-index: 4;
}
.subproduct-nav > li:nth-child(1) {
top: 5%;
left: 2%;
}
.subproduct-nav > li:nth-child(1) a {
height: 130px;
width: 130px;
display: block;
text-align: center;
border-radius: 120px;
margin: 0 auto 20px;
font-size: 20px;
}
.subproduct-nav > li:nth-child(1) a span {
display: inline-block;
line-height: 30px;
height: 100px;
margin-top: 25px;
}
.subproduct-nav > li:nth-child(1) a:before {
content: '';
display: inline-block;
height: 120px;
width: 1px;
margin-left: -1px;
padding: 0;
vertical-align: middle;
}
.subproduct-nav > li:nth-child(2) {
top: 0%;
left: 30%;
}
.subproduct-nav > li:nth-child(3) {
top: 10%;
left: 60%;
}
.subproduct-nav > li:nth-child(4) {
top: 26%;
left: 52%;
}
.subproduct-nav > li:nth-child(5) {
top: 42%;
left: 26%;
}
.subproduct-nav > li:nth-child(6) {
top: 41%;
left: 72%;
}
.subproduct-nav > li:nth-child(7) {
top: 56%;
left: 2%;
}
.subproduct-nav > li:nth-child(8) {
top: 62%;
left: 53%;
}
.subproduct-nav > li:nth-child(9) {
top: 74%;
left: 12%;
}
.subproduct-nav > li:nth-child(10) {
top: 84%;
left: 57%;
}
.subproduct-nav > li:nth-child(n + 2) a {
background: #fff;
color: #000;
}
.subproduct-nav > li:nth-child(n + 2).active > a {
background-color: #f6891e;
color: #fff;
}
.subproduct-nav > li:nth-child(n + 2):before {
position: absolute;
content: '';
top: 50%;
margin-top: -30px;
margin-left: -10px;
height: 60px;
width: 60px;
border-radius: 60px;
border-width: 2px;
border-style: solid;
background-color: #fff;
border-color: #f6891e;
z-index: -1;
}
.subproduct-nav > li:nth-child(n + 2).active:before {
background: #f6891e;
}
}
/* FLAGS */
.flag {
height: 18px;
width: 24px;
background-image: url('resources/images/icons/flags.png');
background-repeat: no-repeat;
display: inline-block !important;
padding: 0 !important;
}
.flag.at {
background-position: 0 0;
}
.flag.gb {
background-position: -48px 0;
}
.flag.de {
background-position: -24px 0;
}
/* HANDBUCH-LINK-IMAGE */
.manualLinkImage {
/*
Netter Uebergangseffekt http://stackoverflow.com/questions/6008324/fade-effect-on-link-hover
*/
/* First we need to help some browsers along for this to work.
Just because a vendor prefix is there, doesn't mean it will
work in a browser made by that vendor either, it's just for
future-proofing purposes I guess. */
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;
}
.manualLinkImage:hover
{
/* schaut super aus, wird aber nicht von allen browsern unterst�tzt
-webkit-filter: hue-rotate(240deg) saturate(3.3);
*/
opacity: 0.5;
}
.level1
{
font-size:22px;
font-weight:bold;
}
.level1 > li > a
{
padding-left:5px;
}
.level2
{
font-size:22px;
font-weight:normal;
}
.level2 > li > a
{
padding-left:20px;
}
.level3
{
font-size:18px;
font-weight:normal;
}
.level3 > li > a
{
padding-left:35px;
}
.level4
{
font-size:18px;
font-weight:normal;
}
.level4 > li > a
{
padding-left:50px;
}
.hasNoPictures
{
color: #777;
background-color:#FFF;
}
.myCenteredImg {
top: 50%;
left: 50%;
vertical-align: middle;
width:100%;
vertical-align: middle;
max-height: 250px;
max-width: 200px;
}
.helper
{
display: inline-block;
height: 100%;
vertical-align: middle;
}
.frame {
height: 250px; /* equals max image height */
width: 200px;
/* border: 1px solid red;*/
white-space: nowrap;
background-color:#FFF0D6;
text-align: center; margin: 1em 0;
}
/****************** RC ****************/
/*ERROR & SUCCESS NOTIFY*/
.notifyjs-happyblue-base {
opacity: 1;
width: 100%;
min-width: 330px;
background-color: #DFF0D8;
color:#468847;
border-color:#D6E9C6;
padding: 10px;
border-radius: 0;
font-weight: bold;
text-align: center;
}
.notifyjs-errorred-base {
opacity: 1;
width: 100%;
min-width: 330px;
background-color: #e46161;
color:#fff;
border-color:#D6E9C6;
padding: 10px;
border-radius: 0;
font-weight: bold;
text-align: center;
}
.notifyjs-errororange-base {
opacity: 1;
width: 100%;
min-width: 330px;
background-color: #f6891e;
color:#fff;
border-color:#D6E9C6;
padding: 10px;
border-radius: 0;
font-weight: bold;
text-align: center;
}
/* LOADING */
.modal-loading {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 )
url('load.gif')
50% 50%
no-repeat;
}
body.loading {
overflow: hidden;
}
body.loading .modal-loading {
display: block;
}
.footer-content {
margin-top: 4%;
}
.products > .container {
margin-bottom: -4%;
}
.christmascont {
position: absolute;
left: 5%;
top: 4%;
z-index: 9999;
}
.happychristmas {
background-image: url('../../Content/Bilder/Startseite/int/header_retousche500-assets/christmas.png');
display: table-cell;
width: 200px;
height: 200px;
border: 2px solid #f8f3f0;
border-radius: 50%;
text-align: center;
vertical-align: middle;
padding: 10px;
background-position: left top;
color: #fefefe;
transform: rotate(-20deg);
}
.happychristmas p {
font-weight: 600;
color: #fff;
}
/* updates.php */
.infobox h2.trigger > span {
color: #999;
font-size: 1.4rem;
margin-left: 30px;
}
.betacontfirst, .betacontpdf {
margin-bottom: 30px;
}
.betatestdownload .betacontfirst h1 {
margin-bottom: 20px;
}
.betatestdownload {
text-align: center;
}
.betacontpdf a, .betacontlast input[type=text], .betatestdownload button {
max-width: 260px;
display: block;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.christmascont {
position: relative;
left: 0;
top: 0;
margin-bottom: -40px;
}
.happychristmas {
width: 100%;
border-radius: 0;
transform: rotate(0);
}
.betatestdownload {
padding: 0 2rem!important;
}
}
/* MOBILE PREMIUM */
.mobilepremium {
display: block;
float: right;
margin-right: 2%;
font-size: 1.2em;
}
/* APP SUPPORT INFO */
.supportinfo {
z-index: 9999;
}
/* Untis-Bayern */
textarea.bytext {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
min-height: 500px;
}
section.bayernCont .container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
/* SALZBURG ANMELDUNG */
.contact {
width: 90vw;
margin: 3rem auto;
}
.contact .form-box{
margin-bottom: 5rem;
}
.form__row {
display: flex;
justify-content: space-between;
}
@media (max-width: 40rem) {
.form__row {
flex-direction: column;
}
}
.form__row:not(:last-child) {
margin-bottom: 1rem;
}
.form__group {
width: 49%;
}
@media (max-width: 40rem) {
.form__group {
width: 100%;
}
}
.form__input {
font-size: 1.5rem;
font-family: inherit;
color: inherit;
padding: 1.5rem 2rem;
border-radius: 0;
background-color: #f4f3f5;
border: none;
width: 100%;
display: block;
transition: all 0.3s;
}
.form__input:focus {
outline: none;
border-bottom: 3px solid #f6891e;
}
.form__input::-webkit-input-placeholder {
color: #ccc;
}
.form__label {
font-size: 1.2rem;
font-weight: 700;
margin-left: 2rem;
margin-top: 0.7rem;
display: block;
transition: all 0.3s;
}
.form__input:placeholder-shown + .form__label {
opacity: 0;
visibility: hidden;
transform: translateY(-4rem);
}
.form__textarea {
font-size: 1.5rem;
font-family: inherit;
color: inherit;
padding: 1.5rem 2rem;
border-radius: 0;
background-color: #f4f3f5;
border: none;
width: 100%;
display: block;
min-height: 18rem;
}
.form__textarea:focus {
outline: none;
}
button {
display: block;
padding: 1.5rem 2rem;
border: none;
background-color: #f6891e;
color: #fff;
text-transform: uppercase;
}
.form__subtitle {
margin-top: 1rem;
color: #ccc;
padding-bottom: 1rem;
border-bottom: 2px solid #f6891e;
display: inline-block;
margin-bottom: 2rem;
}
.form_txt {
border: 1px solid #DDDDDD;
padding: 10px;
}
.form_txt_left p {
font-weight: 700;
color: #f6891e;
}
.form_txt_right > p {
font-weight: 700;
color: #f6891e;
}
.form_txt_right > span.txt_marked {
background-color: #ffe2c6;
}
.dinner_persnr input#f-nmbr {
max-width: 50px;
}
.btn--primary {
font-weight: 500;
}
.hotelreserv h3 {
margin-bottom: 1rem;
}
.hotelreserv a {
margin-bottom: 2rem;
}
.hotelreserv span {
font-size: 1.5rem;
}
.hotelreserv .form__subtitle {
margin-bottom: 0;
}
.hotelreserv p.boldtxt {
font-weight: 500;
}
@media screen and (min-width: 40rem) {
.form_txt .form_txt_left {
width: 20%;
margin: 0 3% 0 2%;
}
.form_txt .form_txt_right {
width: 70%;
margin-right: 5%;
}
}
/* RADIO */
.radio-group input[type=radio] {
position: absolute;
visibility: hidden;
display: none;
}
.radio-group label {
color: #9a929e;
display: inline-block;
cursor: pointer;
font-weight: bold;
padding: 1px 10px;
margin: 0;
}
.radio-group input[type=radio]:checked + label {
color: #f6891e;
background: #675f6b;
}
.radio-group label + input[type=radio] + label {
border-left: solid 2px #675f6b;
}
.form_txt_right span.dinner_persnr input {
border: solid 2px #675f6b;
text-align: center;
font-weight: 500;
padding: 0;
margin: 0;
}
.radio-group {
border: solid 2px #675f6b;
display: inline-block;
margin: 10px 0 10px 5px;
/*border-radius: 10px;*/
/*overflow: hidden;*/
}
/* COOKIES */
#cookiedingsbums a {
color: #000;
text-decoration: none;
}
#cookiedingsbums a:hover {
text-decoration: underline;
}
#cookiedingsbums div {
padding: 10px;
padding-right: 40px;
}
#cookiedingsbums {
outline: 1px solid #f9d9bb;
text-align: right;
border-top: 1px solid #fff;
background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #f8f3f0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f8f3f0));
background: -webkit-linear-gradient(top, #fefefe 0%, #f8f3f0 100%);
background: -o-linear-gradient(top, #fefefe 0%, #f8f3f0 100%);
background: -ms-linear-gradient(top, #fefefe 0%, #f8f3f0 100%);
background: linear-gradient(to bottom, #fefefe 0%, #f8f3f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f8f3f0', GradientType=0);
position: fixed;
bottom: 0;
z-index: 10000;
width: 100%;
font-size: 12px;
line-height: 16px;
}
#cookiedingsbumsCloser {
color: #f6891e;
font: 14px/100% arial, sans-serif;
position: absolute;
right: 5px;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
top: 5px;
cursor: pointer;
border-top: 1px solid white;
border-left: 1px solid white;
border-bottom: 1px solid #7b92a9;
border-right: 1px solid #7b92a9;
padding: 4px;
background: #ced6df; /* Old browsers */
background: -moz-linear-gradient(top, #ced6df 0%, #f2f6f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ced6df), color-stop(100%, #f2f6f9));
background: -webkit-linear-gradient(top, #ced6df 0%, #f2f6f9 100%);
background: -o-linear-gradient(top, #ced6df 0%, #f2f6f9 100%);
background: -ms-linear-gradient(top, #ced6df 0%, #f2f6f9 100%);
background: linear-gradient(to bottom, #ced6df 0%, #f2f6f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ced6df', endColorstr='#f2f6f9', GradientType=0);
}
#cookiedingsbumsCloser:hover {
border-bottom: 1px solid white;
border-right: 1px solid white;
border-top: 1px solid #7b92a9;
border-left: 1px solid #7b92a9;
}