/* Normal styles for the modal */ #modal_Allgemein_1, #modal_Allgemein_2, #modal_Allgemein_3, #modal_Allgemein_4, #modal_DIY_Basteln_BascettaStern_1, #modal_DIY_Basteln_Mobile_1, #modal_DIY_Haekeln_Decke_1, #modal_DIY_Sticken_Teddys_1, #modal_DIY_Naehen_01, #modal_DIY_Naehen_02, #modal_DIY_Naehen_03, #modal_DIY_Naehen_04, #modal_AP_VK_1, #modal_AP_VK_2, #modal_AP_VK_3, #modal_AP_MCC_1, #modal_AP_DFM_1, #modal_AP_HPS_1, #modal_AP_SID15_1, #modal_AP_MKY_1, #modal_AP_CPC_1, #modal_AP_CPC_2, #modal_AP_CPC_3, #modal_AP_TDD_1, #modal_AP_TDD_2, #modal_AP_TDD_3, #modal_AP_KDS_1, #modal_AP_KDS_2, #modal_AP_RS_1, #modal_AP_TRB_1, #modal_AP_BGTO_1, #modal_AP_BGRR_1, #modal_AP_Think_1, #modal_AP_Fraktal_1, #modal_AP_WSS_1, #modal_AP_TR_1, #modal_AP_TR_2, #modal_AP_TR_3 { left:50%; margin:-250px 0 0 -40%; opacity: 0; position:absolute; top:-50%; visibility: hidden; width:80%; box-shadow:0 3px 7px rgba(0,0,0,.25); box-sizing:border-box; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } /* Make the modal appear when targeted */ #modal_Allgemein_1:target, #modal_Allgemein_2:target, #modal_Allgemein_3:target, #modal_Allgemein_4:target, #modal_DIY_Basteln_BascettaStern_1:target, #modal_DIY_Basteln_Mobile_1:target, #modal_DIY_Sticken_Teddys_1:target, #modal_DIY_Haekeln_Decke_1:target, #modal_DIY_Naehen_01:target, #modal_DIY_Naehen_02:target, #modal_DIY_Naehen_03:target, #modal_DIY_Naehen_04:target, #modal_AP_VK_1:target, #modal_AP_VK_2:target, #modal_AP_VK_3:target, #modal_AP_MCC_1:target, #modal_AP_DFM_1:target, #modal_AP_HPS_1:target, #modal_AP_SID15_1:target, #modal_AP_MKY_1:target, #modal_AP_CPC_1:target, #modal_AP_CPC_2:target, #modal_AP_CPC_3:target, #modal_AP_TDD_1:target, #modal_AP_TDD_2:target, #modal_AP_TDD_3:target, #modal_AP_KDS_1:target, #modal_AP_KDS_2:target, #modal_AP_RS_1:target, #modal_AP_TRB_1:target, #modal_AP_BGTO_1:target, #modal_AP_BGRR_1:target, #modal_AP_Think_1:target, #modal_AP_Fraktal_1:target, #modal_AP_WSS_1:target, #modal_AP_TR_1:target, #modal_AP_TR_2:target, #modal_AP_TR_3:target { opacity: 1; top:50%; visibility: visible; } #modal_Allgemein_1 .header, #modal_Allgemein_1 .modal-footer, #modal_Allgemein_2 .header, #modal_Allgemein_2 .modal-footer, #modal_Allgemein_3 .header, #modal_Allgemein_3 .modal-footer, #modal_Allgemein_4 .header, #modal_Allgemein_4 .modal-footer, #modal_DIY_Basteln_BascettaStern_1 .header, #modal_DIY_Basteln_BascettaStern_1 .modal-footer, #modal_DIY_Basteln_Mobile_1 .header, #modal_DIY_Basteln_Mobile_1 .modal-footer, #modal_DIY_Sticken_Teddys_1 .header, #modal_DIY_Sticken_Teddys_1 .modal-footer, #modal_DIY_Haekeln_Decke_1 .header, #modal_DIY_Haekeln_Decke_1 .modal-footer, #modal_DIY_Naehen_01 .header, #modal_DIY_Naehen_01 .modal-footer, #modal_DIY_Naehen_02 .header, #modal_DIY_Naehen_02 .modal-footer, #modal_DIY_Naehen_03 .header, #modal_DIY_Naehen_03 .modal-footer, #modal_DIY_Naehen_04 .header, #modal_DIY_Naehen_04 .modal-footer, #modal_AP_VK_1 .header, #modal_AP_VK_1 .modal-footer, #modal_AP_VK_2 .header, #modal_AP_VK_2 .modal-footer, #modal_AP_VK_3 .header, #modal_AP_VK_3 .modal-footer, #modal_AP_MCC_1 .header, #modal_AP_MCC_1 .modal-footer, #modal_AP_DFM_1 .header, #modal_AP_DFM_1 .modal-footer, #modal_AP_HPS_1 .header, #modal_AP_HPS_1 .modal-footer, #modal_AP_SID15_1 .header, #modal_AP_SID15_1 .modal-footer, #modal_AP_MKY_1 .header, #modal_AP_MKY_1 .modal-footer, #modal_AP_CPC_1 .header, #modal_AP_CPC_1 .modal-footer, #modal_AP_CPC_2 .header, #modal_AP_CPC_2 .modal-footer, #modal_AP_CPC_3 .header, #modal_AP_CPC_3 .modal-footer, #modal_AP_TDD_1 .header, #modal_AP_TDD_1 .modal-footer, #modal_AP_TDD_2 .header, #modal_AP_TDD_2 .modal-footer, #modal_AP_TDD_3 .header, #modal_AP_TDD_3 .modal-footer, #modal_AP_KDS_1 .header, #modal_AP_KDS_1 .modal-footer, #modal_AP_KDS_2 .header, #modal_AP_KDS_2 .modal-footer, #modal_AP_RS_1 .header, #modal_AP_RS_1 .modal-footer, #modal_AP_TRB_1 .header, #modal_AP_TRB_1 .modal-footer, #modal_AP_BGTO_1 .header, #modal_AP_BGTO_1 .modal-footer, #modal_AP_BGRR_1 .header, #modal_AP_BGRR_1 .modal-footer, #modal_AP_Think_1 .header, #modal_AP_Think_1 .modal-footer, #modal_AP_Fraktal_1 .header, #modal_AP_Fraktal_1 .modal-footer, #modal_AP_WSS_1 .header, #modal_AP_WSS_1 .modal-footer, #modal_AP_TR_1 .header, #modal_AP_TR_1 .modal-footer, #modal_AP_TR_2 .header, #modal_AP_TR_2 .modal-footer, #modal_AP_TR_3 .header, #modal_AP_TR_3 .modal-footer { border-bottom: 1px solid #e7e7e7; border-radius: 5px 5px 0 0; } #modal_Allgemein_1 .modal-footer, #modal_Allgemein_2 .modal-footer, #modal_Allgemein_3 .modal-footer, #modal_Allgemein_4 .modal-footer, #modal_DIY_Basteln_BascettaStern_1 .modal-footer, #modal_DIY_Basteln_Mobile_1 .modal-footer, #modal_DIY_Sticken_Teddys_1 .modal-footer, #modal_DIY_Haekeln_Decke_1 .modal-footer, #modal_DIY_Naehen_01 .modal-footer, #modal_DIY_Naehen_02 .modal-footer, #modal_DIY_Naehen_03 .modal-footer, #modal_DIY_Naehen_04 .modal-footer, #modal_AP_VK_1 .modal-footer, #modal_AP_VK_2 .modal-footer, #modal_AP_VK_3 .modal-footer, #modal_AP_MCC_1 .modal-footer, #modal_AP_DFM_1 .modal-footer, #modal_AP_HPS_1 .modal-footer, #modal_AP_SID15_1 .modal-footer, #modal_AP_MKY_1 .modal-footer, #modal_AP_CPC_1 .modal-footer, #modal_AP_CPC_2 .modal-footer, #modal_AP_CPC_3 .modal-footer, #modal_AP_TDD_1 .modal-footer, #modal_AP_TDD_2 .modal-footer, #modal_AP_TDD_3 .modal-footer, #modal_AP_KDS_1 .modal-footer, #modal_AP_KDS_2 .modal-footer, #modal_AP_RS_1 .modal-footer, #modal_AP_TRB_1 .modal-footer, #modal_AP_BGTO_1 .modal-footer, #modal_AP_BGRR_1 .modal-footer, #modal_AP_Think_1 .modal-footer, #modal_AP_Fraktal_1 .modal-footer, #modal_AP_WSS_1 .modal-footer, #modal_AP_TR_1 .modal-footer, #modal_AP_TR_2 .modal-footer, #modal_AP_TR_3 .modal-footer { border:#444; border-top: 1px solid #e7e7e7; border-radius: 0 0 5px 5px; } #modal_Allgemein_1 h2, #modal_Allgemein_2 h2, #modal_Allgemein_3 h2, #modal_Allgemein_4 h2, #modal_DIY_Basteln_BascettaStern_1 h2, #modal_DIY_Basteln_Mobile_1 h2, #modal_DIY_Sticken_Teddys_1 h2, #modal_DIY_Haekeln_Decke_1 h2, #modal_DIY_Naehen_01 h2, #modal_DIY_Naehen_02 h2, #modal_DIY_Naehen_03 h2, #modal_DIY_Naehen_04 h2, #modal_AP_VK_1 h2, #modal_AP_VK_2 h2, #modal_AP_VK_3 h2, #modal_AP_MCC_1 h2, #modal_AP_DFM_1 h2, #modal_AP_HPS_1 h2, #modal_AP_SID15_1 h2, #modal_AP_MKY_1 h2, #modal_AP_CPC_1 h2, #modal_AP_CPC_2 h2, #modal_AP_CPC_3 h2, #modal_AP_TDD_1 h2, #modal_AP_TDD_2 h2, #modal_AP_TDD_3 h2, #modal_AP_KDS_1 h2, #modal_AP_KDS_2 h2, #modal_AP_RS_1 h2, #modal_AP_TRB_1 h2, #modal_AP_BGTO_1 h2, #modal_AP_BGRR_1 h2, #modal_AP_Think_1 h2, #modal_AP_Fraktal_1 h2, #modal_AP_WSS_1 h2, #modal_AP_TR_1 h2, #modal_AP_TR_2 h2, #modal_AP_TR_3 h2 { margin:0; } #modal_Allgemein_1 .btn_Close, #modal_Allgemein_2 .btn_Close, #modal_Allgemein_3 .btn_Close, #modal_Allgemein_4 .btn_Close, #modal_DIY_Basteln_BascettaStern_1 .btn_Close, #modal_DIY_Basteln_Mobile_1 .btn_Close, #modal_DIY_Sticken_Teddys_1 .btn_Close, #modal_DIY_Haekeln_Decke_1 .btn_Close, #modal_DIY_Naehen_01 .btn_Close, #modal_DIY_Naehen_02 .btn_Close, #modal_DIY_Naehen_03 .btn_Close, #modal_DIY_Naehen_04 .btn_Close, #modal_AP_VK_1 .btn_Close, #modal_AP_VK_2 .btn_Close, #modal_AP_VK_3 .btn_Close, #modal_AP_MCC_1 .btn_Close, #modal_AP_DFM_1 .btn_Close, #modal_AP_HPS_1 .btn_Close, #modal_AP_SID15_1 .btn_Close, #modal_AP_MKY_1 .btn_Close, #modal_AP_CPC_1 .btn_Close, #modal_AP_CPC_2 .btn_Close, #modal_AP_CPC_3 .btn_Close, #modal_AP_TDD_1 .btn_Close, #modal_AP_TDD_2 .btn_Close, #modal_AP_TDD_3 .btn_Close, #modal_AP_KDS_1 .btn_Close, #modal_AP_KDS_2 .btn_Close, #modal_AP_RS_1 .btn_Close, #modal_AP_TRB_1 .btn_Close, #modal_AP_BGTO_1 .btn_Close, #modal_AP_BGRR_1 .btn_Close, #modal_AP_Think_1 .btn_Close, #modal_AP_Fraktal_1 .btn_Close, #modal_AP_WSS_1 .btn_Close, #modal_AP_TR_1 .btn_Close, #modal_AP_TR_2 .btn_Close, #modal_AP_TR_3 .btn_Close { float:right; } #modal_Allgemein_1 .content, #modal_Allgemein_1 .header, #modal_Allgemein_1 .modal-footer, #modal_Allgemein_2 .content, #modal_Allgemein_2 .header, #modal_Allgemein_2 .modal-footer, #modal_Allgemein_3 .content, #modal_Allgemein_3 .header, #modal_Allgemein_3 .modal-footer, #modal_Allgemein_4 .content, #modal_Allgemein_4 .header, #modal_Allgemein_4 .modal-footer, #modal_DIY_Basteln_BascettaStern_1 .content, #modal_DIY_Basteln_BascettaStern_1 .header, #modal_DIY_Basteln_BascettaStern_1 .modal-footer, #modal_DIY_Basteln_Mobile_1 .content, #modal_DIY_Basteln_Mobile_1 .header, #modal_DIY_Basteln_Mobile_1 .modal-footer, #modal_DIY_Sticken_Teddys_1 .content, #modal_DIY_Sticken_Teddys_1 .header, #modal_DIY_Sticken_Teddys_1 .modal-footer, #modal_DIY_Haekeln_Decke_1 .content, #modal_DIY_Haekeln_Decke_1 .header, #modal_DIY_Haekeln_Decke_1 .modal-footer, #modal_DIY_Naehen_01 .content, #modal_DIY_Naehen_01 .header, #modal_DIY_Naehen_01 .modal-footer, #modal_DIY_Naehen_02 .content, #modal_DIY_Naehen_02 .header, #modal_DIY_Naehen_02 .modal-footer, #modal_DIY_Naehen_03 .content, #modal_DIY_Naehen_03 .header, #modal_DIY_Naehen_03 .modal-footer, #modal_DIY_Naehen_04 .content, #modal_DIY_Naehen_04 .header, #modal_DIY_Naehen_04 .modal-footer, #modal_AP_VK_1 .content, #modal_AP_VK_1 .header, #modal_AP_VK_1 .modal-footer, #modal_AP_VK_2 .content, #modal_AP_VK_2 .header, #modal_AP_VK_2 .modal-footer, #modal_AP_VK_3 .content, #modal_AP_VK_3 .header, #modal_AP_VK_3 .modal-footer, #modal_AP_MCC_1 .content, #modal_AP_MCC_1 .header, #modal_AP_MCC_1 .modal-footer, #modal_AP_DFM_1 .content, #modal_AP_DFM_1 .header, #modal_AP_DFM_1 .modal-footer, #modal_AP_HPS_1 .content, #modal_AP_HPS_1 .header, #modal_AP_HPS_1 .modal-footer, #modal_AP_SID15_1 .content, #modal_AP_SID15_1 .header, #modal_AP_SID15_1 .modal-footer, #modal_AP_MKY_1 .content, #modal_AP_MKY_1 .header, #modal_AP_MKY_1 .modal-footer, #modal_AP_CPC_1 .content, #modal_AP_CPC_1 .header, #modal_AP_CPC_1 .modal-footer, #modal_AP_CPC_2 .content, #modal_AP_CPC_2 .header, #modal_AP_CPC_2 .modal-footer, #modal_AP_CPC_3 .content, #modal_AP_CPC_3 .header, #modal_AP_CPC_3 .modal-footer, #modal_AP_TDD_1 .content, #modal_AP_TDD_1 .header, #modal_AP_TDD_1 .modal-footer, #modal_AP_TDD_2 .content, #modal_AP_TDD_2 .header, #modal_AP_TDD_2 .modal-footer, #modal_AP_TDD_3 .content, #modal_AP_TDD_3 .header, #modal_AP_TDD_3 .modal-footer, #modal_AP_KDS_1 .content, #modal_AP_KDS_1 .header, #modal_AP_KDS_1 .modal-footer, #modal_AP_KDS_2 .content, #modal_AP_KDS_2 .header, #modal_AP_KDS_2 .modal-footer, #modal_AP_RS_1 .content, #modal_AP_RS_1 .header, #modal_AP_RS_1 .modal-footer, #modal_AP_TRB_1 .content, #modal_AP_TRB_1 .header, #modal_AP_TRB_1 .modal-footer, #modal_AP_BGTO_1 .content, #modal_AP_BGTO_1 .header, #modal_AP_BGTO_1 .modal-footer, #modal_AP_BGRR_1 .content, #modal_AP_BGRR_1 .header, #modal_AP_BGRR_1 .modal-footer, #modal_AP_Think_1 .content, #modal_AP_Think_1 .header, #modal_AP_Think_1 .modal-footer, #modal_AP_Fraktal_1 .content, #modal_AP_Fraktal_1 .header, #modal_AP_Fraktal_1 .modal-footer, #modal_AP_WSS_1 .content, #modal_AP_WSS_1 .header, #modal_AP_WSS_1 .modal-footer, #modal_AP_TR_1 .content, #modal_AP_TR_1 .header, #modal_AP_TR_1 .modal-footer, #modal_AP_TR_2 .content, #modal_AP_TR_2 .header, #modal_AP_TR_2 .modal-footer, #modal_AP_TR_3 .content, #modal_AP_TR_3 .header, #modal_AP_TR_3 .modal-footer { padding:25px; } .modal-content { background: #f7f7f7; position: relative; z-index: 70; border-radius:5px; } #modal_Allgemein_1 .content, #modal_Allgemein_2 .content, #modal_Allgemein_3 .content, #modal_Allgemein_4 .content, #modal_DIY_Basteln_BascettaStern_1 .content, #modal_DIY_Basteln_Mobile_1 .content, #modal_DIY_Sticken_Teddys_1 .content, #modal_DIY_Haekeln_Decke_1 .content, #modal_DIY_Naehen_01 .content, #modal_DIY_Naehen_02 .content, #modal_DIY_Naehen_03 .content, #modal_DIY_Naehen_04 .content, #modal_AP_VK_1 .content, #modal_AP_VK_2 .content, #modal_AP_VK_3 .content, #modal_AP_MCC_1 .content, #modal_AP_DFM_1 .content, #modal_AP_HPS_1 .content, #modal_AP_SID15_1 .content, #modal_AP_MKY_1 .content, #modal_AP_CPC_1 .content, #modal_AP_CPC_2 .content, #modal_AP_CPC_3 .content, #modal_AP_TDD_1 .content, #modal_AP_TDD_2 .content, #modal_AP_TDD_3 .content, #modal_AP_KDS_1 .content, #modal_AP_KDS_2 .content, #modal_AP_RS_1 .content, #modal_AP_TRB_1 .content, #modal_AP_BGTO_1 .content, #modal_AP_BGRR_1 .content, #modal_AP_Think_1 .content, #modal_AP_Fraktal_1 .content, #modal_AP_WSS_1 .content, #modal_AP_TR_1 .content, #modal_AP_TR_2 .content, #modal_AP_TR_3 .content{ background-image: url("/images/background_modul.jpg"); background-repeat: repeat; /*background: #fff;*/ } #modal_Allgemein_1 .overlay, #modal_Allgemein_2 .overlay, #modal_Allgemein_3 .overlay, #modal_Allgemein_4 .overlay, #modal_DIY_Basteln_BascettaStern_1 .overlay, #modal_DIY_Basteln_Mobile_1 .overlay, #modal_DIY_Sticken_Teddys_1 .overlay, #modal_DIY_Haekeln_Decke_1 .overlay, #modal_DIY_Naehen_01 .overlay, #modal_DIY_Naehen_02 .overlay, #modal_DIY_Naehen_03 .overlay, #modal_DIY_Naehen_04 .overlay, #modal_AP_VK_1 .overlay, #modal_AP_VK_2 .overlay, #modal_AP_VK_3 .overlay, #modal_AP_MCC_1 .overlay, #modal_AP_DFM_1 .overlay, #modal_AP_HPS_1 .overlay, #modal_AP_SID15_1 .overlay, #modal_AP_MKY_1 .overlay, #modal_AP_CPC_1 .overlay, #modal_AP_CPC_2 .overlay, #modal_AP_CPC_3 .overlay, #modal_AP_TDD_1 .overlay, #modal_AP_TDD_2 .overlay, #modal_AP_TDD_3 .overlay, #modal_AP_KDS_1 .overlay, #modal_AP_KDS_2 .overlay, #modal_AP_RS_1 .overlay, #modal_AP_TRB_1 .overlay, #modal_AP_BGTO_1 .overlay, #modal_AP_BGRR_1 .overlay, #modal_AP_Think_1 .overlay, #modal_AP_Fraktal_1 .overlay, #modal_AP_WSS_1 .overlay, #modal_AP_TR_1 .overlay, #modal_AP_TR_2 .overlay, #modal_AP_TR_3 .overlay { background-color: #000; background: rgba(0,0,0,.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 60; }