/* style css page kalender */
div#teaser.form-kalender {
    width: 100%;
    position: relative;
    max-width: 100%;
}
#teaser.form-kalender .left {
    padding-top: 10px;
}
#freetesting {
    text-decoration: none;
    position: absolute;
    text-align: center;
    width: 250px;
    left: 174px;
    top: -110px;
    color: #fff;
    background-color: #ff6400;
    padding: 18px 0px;
    border-radius: 4px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-weight: normal;
    padding-top: 2px;
    line-height: 8px;
}
input.submit_post{
        visibility:hidden;
} 
        
#teaser.form-kalender .teaser2 {
    background-image: url("/wp-content/themes/Divi-de/image/Kalender/kalender_tool.jpg");
   -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    display: block;
    float: left;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1140px;
    height: 420px;
}
#teaser.form-kalender .teaser2 .left{
    position:relative;
}
#teaser.form-kalender .teaser2 .left .idoy{ 
    font-family: "Times New Roman";
	text-align: center;
	margin: 27px 0px 10px 40px;
	padding-bottom: 5px;
	border-bottom: 1px solid;
	font-weight: bold;
	position: relative;
    font-size: 24px;
    width: auto;
    height: 50px;
}
#teaser.form-kalender .teaser2 .left .fields{
         position:relative;
}
#teaser.form-kalender .teaser2 .left .rowsf{
        padding:2px 0px;
        float: left;
        font-size: 14px;
}
#teaser.form-kalender .teaser2 .left .rowsf.genre{
        padding-top:30px;
        float: left;
        font-size: 12px;
}
#teaser.form-kalender .teaser2 .left .rowsf.genre .title{
        line-height:20px;
}
#teaser.form-kalender .teaser2 .left .fields .title {
        width: 130px;
        float: left;
        text-align: right;
        height: 20px;
        line-height: 18px;
}
html[data-useragent*='MSIE 10.0'] #teaser.form-kalender .rowsf input {
  	color: #C4C4C4;
        float: left;
        font-style: italic;
        height: 16px;
        line-height:16px;
        margin-left: 10px;
        padding: 0 7px;
        width: 140px;
}
@-moz-document url-prefix() { 
    #teaser.form-kalender .rowsf input 
   {
        color: #C4C4C4;
        float: left;
        font-style: italic;
        height: 20px;
        line-height: 20px;
        margin-left: 10px;
        padding: 0 7px;
        width: 140px;    
   }
}
#teaser.form-kalender .rowsf input {
        color: #404040;
		float: left;
		font-style: italic;
		line-height: 14px;
		margin-left: 10px;
		padding: 0 7px;
		font-size: 11px;
        width: 328px;
        max-width: 100%;
        height: 29px;
}
#teaser.form-kalender .rowsf select {
    float: left;
    width: 328px;
    height: 28px;
    line-height: 20px;
    font-size: 14px;
    margin-left: 10px;
    padding-left: 5px;
}
#teaser.form-kalender .teaser2 .text{
     float: left;
    
    margin-top: 55px;
    position: relative;
    width: 121px;
}
#teaser.form-kalender .teaser2 .text .title{
    text-align:center;
    margin: 10px 45px 10px 20px;
    height:20px;
    padding-bottom:5px;
    border-bottom:solid 2px #CCC; 
     position:relative;
}
#teaser.form-kalender .teaser2 .text .title select{
    height:20px;
    line-height:12px;
    font-size:9px;
    margin:0px auto;
    width:100px; 
}
#teaser.form-kalender .teaser2 #ka-header{
    font-family: serif;
    font-size: 10pt;
    line-height: 18pt;
    overflow: hidden;
    position: absolute;
    top: 42px;
    text-align: center;
    width: 570px;
}
#teaser.form-kalender .teaser2 #ka-header .value{
    /* background-color: yellow;*/
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
}
#teaser.form-kalender  .teaser2 #ka-footer{
    font-family: serif;
    font-size: 8pt;
    line-height: 18pt;
    overflow: hidden;
    position: absolute;
    top: 370px;
    text-align: center;
    width: 570px;
}
#teaser.form-kalender .teaser2 #ka-footer .value{
       /* background-color: yellow;*/
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        }
#vorschauss{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top:85px;
    left:30px;
    position:absolute;
    
}
#teaser.form-kalender .image{
	text-align:center;
}
#teaser.form-kalender .image img{
    height: 275px;
    position: relative;
    width: 470px;
    margin:0px auto;
}
#teaser.form-kalender #previewRight{
    float: left;
    position: absolute;
    width: 570px;
    left: 565px;
}
#ka-interesse{
    position: absolute;
    top: 98px;
    left: 42px;
    font-size: 10px;
    width: 300px;
    text-align: left;
    color: #999;
}
#ka-month {
    color: #999999;
    font-size: 10pt;
    height: 20px;
    left: 398px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    top: 97px;
    width: 84px;
}

#ka-week{
    color: #999999;
    height: 20px;
    left: 422px;
    position: absolute;
    text-align: right;
    top: 115px;
    width: 60px;
    font-size: 9pt;
}


#ka-week b {
    top: -5px;
    position: relative;
}

#border-event{
	width: 1px;
    height: 55px;
    position: absolute;
    left: 350px;
    top: 100px;
	background: #CCC;
}
#teaser.form-kalender .teaser2 .left .rowsf.text-align-right{
	text-align:right;
	width:376px;
	font-size:13px;
	height:18pt;
	line-height: 14pt;
}
/*
#freetesting{top:-70px !important;}
*/
#teaser.form-kalender  #previewRight table.day_preview {
    position: absolute;
    width: 80%;
    text-align: right;
    margin-top: 149px;
    z-index: 4;
    margin-left: 50px;
    border: none!important;
}
#teaser.form-kalender #previewRight table.day_preview tr {
    height: 69px;
}
#teaser.form-kalender #previewRight table.day_preview tr td {
	color: #999999;
    width: 50%;    
    font-size: 8pt;
    border-top: 0!important;
}
@media (max-width:1024px){
    #teaser.form-kalender .teaser2 {
        width:auto;
    }
    #teaser.form-kalender #previewRight {
        width: 471px;
        left: 465px;
    }
    #teaser.form-kalender .image img {
        width: 385px;
    }
    #teaser.form-kalender .rowsf select {
        width: 230px;
    }
    #teaser.form-kalender .teaser2 .left .idoy {
        margin: 27px 0px 10px 13px;
        font-size: 20px;
        height: 45px;
    }
    #teaser.form-kalender .teaser2 #ka-header,
    #teaser.form-kalender .teaser2 #ka-footer {
        width:471px;
    }
    #ka-month {
        left:320px;
    }
    #ka-week {
        left: 345px;
    }
    #border-event {
        left: 310px;
    }
    #ka-interesse {
        width: 270px;
    }
    #teaser.form-kalender .rowsf input {
        width: 230px;
    }
    #freetesting {
        width: 180px;
        top: -98px;
    }
    #teaser.form-kalender .teaser2 .left .rowsf.text-align-right {
        width: 368px;
    }
}
@media (max-width: 980px){
    #teaser.form-kalender .teaser2 .left .idoy {
        font-size: 14px;
        height: 30px;
    }
    #teaser.form-kalender .teaser2 #ka-header .value,
    #teaser.form-kalender .teaser2 #ka-footer .value {
        font-size: 14px;
    }
    #teaser.form-kalender .teaser2 .left .fields .title {
        width: 110px;
        font-size: 12px;
    }
    #teaser.form-kalender .rowsf select {
        width: 170px;
        font-size: 12px;
    }
    #teaser.form-kalender .teaser2 .left .rowsf.text-align-right {
        width: 289px;
        font-size: 9px;
    }
    #teaser.form-kalender .rowsf input {
        width: 170px;
    }
    #teaser.form-kalender #previewRight {
        width: 392px;
        left: 387px;
    }
    #teaser.form-kalender .teaser2 #ka-header, 
    #teaser.form-kalender .teaser2 #ka-footer {
        width: 392px;
    }
    #freetesting {
        width: 145px;
        top: -105px;
        left: 152px;
    }
    #teaser.form-kalender .image img {
        width: 320px;
    }
    #ka-month {
        left: 256px;
    }
    #ka-week {
        left: 281px;
    }
    #ka-interesse {
        width: 210px;
    }
    #border-event {
        left: 257px;
    }
}
@media (max-width:768px){
    #teaser.form-kalender .left {
        padding: 10px 44px 0 33px;
    }
    #teaser.form-kalender .teaser2 .left .fields .title {
        width: 100px;
    }
    #teaser.form-kalender .rowsf select {
        width: 158px;
    }
    #teaser.form-kalender .teaser2 .left .rowsf.text-align-right {
        width: 266px;
        font-size: 8px;
    }
    #teaser.form-kalender .rowsf input {
        width: 158px;
    }
    #teaser.form-kalender #previewRight {
        width: 351px;
        left: 336px;
    }
    #teaser.form-kalender .image img {
        width: 278px;
    }
    #teaser.form-kalender .teaser2 #ka-header, 
    #teaser.form-kalender .teaser2 #ka-footer {
        width: 351px;
    }
    #freetesting {
        left: 144px;
    }
    #vorschauss {
        top: 65px;
    }
    #teaser.form-kalender .teaser2 #ka-header {
        top:35px;
    }
    #teaser.form-kalender #previewRight table.day_preview {
        margin-top: 130px;
        margin-left: 40px;
    }
    #ka-interesse {
        width: 175px;
        font-size: 8px;
        top: 80px;
        left: 38px;
    }
    #ka-month {
        left: 214px;
        top: 79px;
    }
    #ka-week {
        left: 239px;
        top: 100px;
    }
    #border-event {
        left: 217px;
        top: 80px;
    }
    .einbandvarianten-anchor .et_pb_text h1,
    .kalender-main-landing_2 .et_pb_text h1,
    .tab-content.layout_preview .et_pb_text h1,
    .section-ausstattung .et_pb_text h1,
    .section-aufschlagverhalten .et_pb_text h1 {
        font-size: 20px;
    }
    .kalender-main-landing_2 .module-tabs .et_pb_tabs_controls li a {
        font-size:12px!important;
    }
}
@media (max-width: 767px ) {
    #teaser.form-kalender #previewRight {
        left: 366px;
    }
}
@media (max-width: 600px) {
    #teaser.form-kalender .left {
        padding: 10px 34px 0 23px;
    }
    #teaser.form-kalender #previewRight {
        left: 280px;
        width: 285px;
    }
    #teaser.form-kalender .teaser2 .left .idoy {
        font-size: 12px;
        height: 25px;
    }
    #teaser.form-kalender .teaser2 .left .fields .title {
        width: 85px;
        font-size: 10px;
    }
    #teaser.form-kalender .rowsf select {
        width: 132px;
        font-size: 10px;
        height: 22px;
    }
    #teaser.form-kalender .teaser2 .left .rowsf.text-align-right {
        width: 226px;
        font-size: 7px;
    }
    #teaser.form-kalender .rowsf input {
        width: 132px;
        height: 22px;
        font-size: 8px;
    }
    #freetesting {
        left: 118px;
        padding: 12px 0px;
        padding-top: 0px;
        width: 105px;
        top: -90px;
        font-size: 12px;
    }
    #teaser.form-kalender .teaser2 {
        height:340px;
    }
    #teaser.form-kalender .teaser2 #ka-header .value, 
    #teaser.form-kalender .teaser2 #ka-footer .value {
        font-size: 12px;
    }
    #teaser.form-kalender .teaser2 #ka-header, 
    #teaser.form-kalender .teaser2 #ka-footer {
        width: 285px;
    }
    #teaser.form-kalender #previewRight table.day_preview tr td {
        font-size: 6pt;
    }
    #ka-interesse {
        width: 145px;
        font-size: 7px;
    }
    #border-event {
        left: 183px;
        top: 80px;
        height: 45px;
    }
    #ka-month {
        left: 160px;
        top: 79px;
        font-size: 10px;
    }
    #ka-week {
        left: 185px;
        top: 95px;
        font-size: 9px;
    }
    #teaser.form-kalender .teaser2 #ka-footer {
        top:300px;
    }
    #teaser.form-kalender #previewRight table.day_preview tr {
        height: 58px;
    }
    #teaser.form-kalender #previewRight table.day_preview {
        margin-top: 116px;
    }
    #teaser.form-kalender .image img {
        width: 221px;
        height: 228px;
    }
}
@media (max-width: 425px){
    #teaser.form-kalender .teaser2 {
        height: 290px;
    }
    #teaser.form-kalender .left {
        padding: 10px 14px 0 8px;
    }
    #teaser.form-kalender .teaser2 .left .idoy {
        font-size: 9px;
        height: 20px;
    }
    #teaser.form-kalender .rowsf select {
        width: 104px;
        font-size: 7px;
        height: 16px;
    }
    #teaser.form-kalender .teaser2 .left .fields .title {
        width: 65px;
        font-size: 7px;
    }
    #teaser.form-kalender .rowsf input {
        width: 104px;
        height: 16px;
    }
    #teaser.form-kalender .teaser2 .left .rowsf.text-align-right {
        width: 178px;
        font-size: 6px;
        height: 8pt;
        line-height: 2pt;
    }
    #freetesting {
        left: 83px;
        padding: 8px 0px;
        padding-top: 0;
        width: 80px;
        top: -90px;
        font-size: 10px;
    }
    #teaser.form-kalender .image img {
        width: 145px;
        height: 180px;
    }
    #teaser.form-kalender .teaser2 #ka-header,
    #teaser.form-kalender .teaser2 #ka-footer {
        width: 201px;
    }
    #teaser.form-kalender .teaser2 #ka-header {
        top: 30px;
    }
    #teaser.form-kalender .teaser2 #ka-header .value, 
    #teaser.form-kalender .teaser2 #ka-footer .value {
        font-size: 10px;
    }
    #vorschauss {
        top: 57px;
    }
    #teaser.form-kalender #previewRight {
        left: 196px;
        width: 201px;
    }
    #ka-interesse {
        width: 100px;
        font-size: 5px;
        top: 68px;
        left: 34px;
    }
    #border-event {
        left: 130px;
        top: 68px;
        height: 35px;
    }
    #ka-month {
        left: 87px;
        top: 67px;
        font-size: 6px;
    }
    #ka-week {
        left: 111px;
        top: 77px;
        font-size: 5px;
    }
    #teaser.form-kalender #previewRight table.day_preview {
        margin-top: 99px;
        margin-left: 34px;
    }
    #teaser.form-kalender #previewRight table.day_preview tr {
        height: 46px;
    }
    #teaser.form-kalender .teaser2 #ka-footer {
        top: 250px;
    }    
}
@media(max-width: 414px){
    #teaser.form-kalender .rowsf select {
        width: 98px;
    }
    #teaser.form-kalender .teaser2 .left .rowsf.text-align-right {
        width: 171px;
        font-size: 5px;
    }
    #teaser.form-kalender .rowsf input {
        width: 98px;
    }
}
@media(max-width:411px){
    #teaser.form-kalender .teaser2 .left .idoy,
    #teaser.form-kalender .teaser2 #ka-header .value, 
    #teaser.form-kalender .teaser2 #ka-footer .value {
        font-size: 8px;
    }
}
@media(max-width:375px){
    #teaser.form-kalender .teaser2 .left .fields .title {
        width: 60px;
    }
    #teaser.form-kalender .rowsf select,
    #teaser.form-kalender .rowsf input {
        width: 85px;
    }
    #teaser.form-kalender .teaser2 .left .rowsf.text-align-right {
        width: 154px;
    }
    #freetesting {
        left: 78px;
        padding: 5px 0px;
        padding-top: 0;
        width: 65px;
        top: -85px;
        font-size: 9px;
    }
    #teaser.form-kalender #previewRight {
        left: 173px;
        width: 178px;
    }
    #teaser.form-kalender .image img {
        width: 127px;
    }
    #ka-interesse {
        width: 80px;
        font-size: 4px;
    }
    #ka-month {
        left: 68px;
        top: 67px;
        font-size: 6px;
    }
    #ka-week {
        left: 93px;
        top: 77px;
        font-size: 5px;
    }
    #border-event {
        left: 116px;
    }
    #teaser.form-kalender #previewRight table.day_preview tr td {
        font-size: 5pt;
    }
}
@media (max-width:360px){
    #teaser.form-kalender .teaser2 .left .idoy, 
    #teaser.form-kalender .teaser2 #ka-header .value, 
    #teaser.form-kalender .teaser2 #ka-footer .value {
        font-size: 7px;
    }
    #teaser.form-kalender #previewRight {
        left: 166px;
        width: 171px;
    }
    #teaser.form-kalender .teaser2 #ka-header, 
    #teaser.form-kalender .teaser2 #ka-footer {
        width: 171px;
    }
    #teaser.form-kalender .rowsf select, 
    #teaser.form-kalender .rowsf input {
        width: 78px;
    }
    #teaser.form-kalender .teaser2 .left .rowsf.text-align-right {
        width: 147px;
        font-size: 4px;
    }
}
@media (max-width:320px){
    #teaser.form-kalender #previewRight {
        left: 136px;
        width: 152px;
    }
    #teaser.form-kalender .teaser2 .left .fields .title {
        width: 55px;
        font-size: 6px;
    }
    #teaser.form-kalender .rowsf select, #teaser.form-kalender .rowsf input {
        width: 65px;
        font-size: 6px;
        height: 15px;
    }
    #teaser.form-kalender .teaser2 .left .rowsf.text-align-right {
        width: 129px;
        font-size: 4px;
    }
    #freetesting {
        left: 72px;
        padding: 5px 0px;
        padding-top: 0;
        width: 50px;
        top: -85px;
        font-size: 8px;
    }
    #teaser.form-kalender .image img {
        width: 110px;
    }
    #ka-interesse {
        width: 65px;
    }
    #ka-month {
        left: 52px;
    }
    #ka-week {
        left: 76px;
    }
    #border-event {
        left: 100px;
    }
}